@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: 1200px) { .ui-title-35, .auth__title { font-size: 3.5rem; } } .ui-title-24 { display: block; margin: 0 0 2.5rem; font-size: 2.4rem; line-height: 1.15; font-weight: 500; } .ui-title-20, .brands-featured__title, .set__title, .video__title, .benefits__title, .news-featured__title, .reviews-featured__title, .categories__title, .blog-featured__title, .products-featured__title, .stories-features__title { display: block; margin: 0 0 2.5rem; font-size: 2rem; line-height: 1.15; font-weight: 500; } /*! 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: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-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 { display: inline-block; text-align: left; padding-top: 0; margin: 0 0 1rem; } .ui-forgot { margin: 0 0 2rem; font-size: 1.4rem; line-height: 1.2; font-weight: 400; } .ui-input, .ui-range__input, .ui-textarea,.form-control:not(select){ display: block; transition: 0.25s; width: 100%; background: #F7F8FB; border: 1px solid #F7F8FB; font: 400 1.6rem/2.4rem "Roboto", Arial, Helvetica, sans-serif; padding: 1rem 1.6rem; color: #222; -webkit-appearance: none; appearance: none; margin: 0; transition: 0.25s; box-shadow: none; border-radius: 5px; margin: 0 0 2rem; height: 4.6rem; transition: box-shadow 0.25s; } .ui-input:-ms-input-placeholder, .ui-range__input:-ms-input-placeholder, .ui-textarea:-ms-input-placeholder, .form-control:not(select):-ms-input-placeholder { color: rgba(34, 34, 34, 0.5); transition: opacity 0.25s; } .ui-input::placeholder, .ui-range__input::placeholder, .ui-textarea::placeholder, .form-control:not(select)::placeholder { color: rgba(34, 34, 34, 0.5); transition: opacity 0.25s; } .ui-input:focus, .ui-range__input:focus, .ui-textarea:focus, .form-control:not(select):focus ,.has-error .form-control:not(select):focus { box-shadow: 0 0 0 2px var(--theme-primary-color); } .ui-input:focus:-ms-input-placeholder, .ui-range__input:focus:-ms-input-placeholder, .ui-textarea:focus:-ms-input-placeholder, .form-control:not(select):focus:-ms-input-placeholder { opacity: 0; } .ui-input:focus::placeholder, .ui-range__input:focus::placeholder, .ui-textarea:focus::placeholder, .form-control:not(select):focus::placeholder { opacity: 0; } .ui-input:disabled, .ui-range__input:disabled, .ui-textarea:disabled, .form-control:not(select):disabled { border-color: #e4ebf1; background: #e4ebf1; pointer-events: none; } .is-error .ui-input, .is-error .ui-range__input, .is-error .ui-textarea,.has-error .form-control { background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23F45656' stroke-width='2'/%3E%3Cpath d='M11.32 10.0002L13.7949 7.52534C14.0683 7.25189 14.0683 6.80856 13.7949 6.53554L13.465 6.2056C13.1914 5.93206 12.7481 5.93206 12.4751 6.2056L10.0002 8.68042L7.52534 6.20509C7.25189 5.93164 6.80856 5.93164 6.53554 6.20509L6.20509 6.53502C5.93164 6.80856 5.93164 7.25189 6.20509 7.52492L8.68042 10.0002L6.2056 12.4751C5.93206 12.7486 5.93206 13.1919 6.2056 13.465L6.53554 13.7949C6.80899 14.0683 7.25232 14.0683 7.52534 13.7949L10.0002 11.32L12.4751 13.7949C12.7486 14.0683 13.1919 14.0683 13.465 13.7949L13.7949 13.465C14.0683 13.1914 14.0683 12.7481 13.7949 12.4751L11.32 10.0002Z' fill='%23F45656'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right 20px center; padding-right: 60px; } .is-error .ui-textarea { background-position: right 20px top 12px; } .ui-input.is-valid, .is-valid.ui-range__input, .is-valid.ui-textarea { background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.72 6.79L8.43001 11.09L6.78 9.44C6.69036 9.33532 6.58004 9.2503 6.45597 9.19027C6.33191 9.13025 6.19678 9.09652 6.05906 9.0912C5.92134 9.08588 5.78401 9.10909 5.65568 9.15936C5.52736 9.20964 5.41081 9.28589 5.31335 9.38335C5.2159 9.4808 5.13964 9.59735 5.08937 9.72568C5.03909 9.854 5.01589 9.99133 5.02121 10.1291C5.02653 10.2668 5.06026 10.4019 5.12028 10.526C5.1803 10.65 5.26532 10.7604 5.37 10.85L7.72 13.21C7.81344 13.3027 7.92426 13.376 8.0461 13.4258C8.16794 13.4755 8.2984 13.5008 8.43001 13.5C8.69234 13.4989 8.94374 13.3947 9.13 13.21L14.13 8.21C14.2237 8.11704 14.2981 8.00644 14.3489 7.88458C14.3997 7.76272 14.4258 7.63201 14.4258 7.5C14.4258 7.36799 14.3997 7.23728 14.3489 7.11542C14.2981 6.99356 14.2237 6.88296 14.13 6.79C13.9426 6.60375 13.6892 6.49921 13.425 6.49921C13.1608 6.49921 12.9074 6.60375 12.72 6.79ZM10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.193701 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7363 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 0 10 0ZM10 18C8.41775 18 6.87104 17.5308 5.55544 16.6518C4.23985 15.7727 3.21447 14.5233 2.60897 13.0615C2.00347 11.5997 1.84504 9.99113 2.15372 8.43928C2.4624 6.88743 3.22433 5.46197 4.34315 4.34315C5.46197 3.22433 6.88743 2.4624 8.43928 2.15372C9.99113 1.84504 11.5997 2.00346 13.0615 2.60896C14.5233 3.21447 15.7727 4.23984 16.6518 5.55544C17.5308 6.87103 18 8.41775 18 10C18 12.1217 17.1572 14.1566 15.6569 15.6569C14.1566 17.1571 12.1217 18 10 18Z' fill='%2313D154'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right 20px center; padding-right: 60px; } .ui-textarea { max-width: 100%; min-width: 100%; min-height: 18rem; margin: 0 0 2rem; resize: none; } .ui-textarea--46 { min-height: 4.6rem; } .is-error .ui-input:focus, .is-error .ui-range__input:focus, .is-error .ui-textarea:focus { box-shadow: 0 0 0 2px #E92C2C; } .is-error .ui-placeholder__input { border-color: #E92C2C; } .is-error .ui-check__checkbox { border-color: #E92C2C; } .is-error .ui-check__radio { border-color: #E92C2C; } .ui-select { display: inline-block; vertical-align: top; width: 100%; margin: 0 0 2rem; font: 400 1.6rem/2.4rem "Roboto", Arial, Helvetica, sans-serif; } .ui-select select { width: 100%; font: 400 1.6rem/2.4rem "Roboto", Arial, Helvetica, sans-serif; border: 1px solid #F7F8FB; border-radius: 5px; padding: 1rem 1.5rem; -webkit-appearance: none; appearance: none; background-color: #F7F8FB; background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.284143 1.91713L4.77096 6.66853C4.86819 6.77356 4.98386 6.85693 5.11131 6.91382C5.23876 6.97071 5.37547 7 5.51353 7C5.6516 7 5.7883 6.97071 5.91575 6.91382C6.0432 6.85693 6.15888 6.77356 6.25611 6.66853L10.6906 1.91713C10.7887 1.81296 10.8665 1.68902 10.9196 1.55246C10.9727 1.4159 11 1.26943 11 1.1215C11 0.973565 10.9727 0.827095 10.9196 0.690537C10.8665 0.553981 10.7887 0.43004 10.6906 0.325864C10.4947 0.11715 10.2296 -8.86323e-07 9.95329 -8.62168e-07C9.67698 -8.38012e-07 9.4119 0.11715 9.21594 0.325864L5.51353 4.29283L1.81113 0.325865C1.61632 0.118839 1.35339 0.00212611 1.07901 0.000888261C0.941366 3.56885e-05 0.804918 0.0283026 0.677491 0.0840692C0.550063 0.139836 0.434163 0.222006 0.336436 0.325865C0.234908 0.426292 0.152959 0.54728 0.095324 0.681838C0.0376887 0.816396 0.00551076 0.961857 0.000647984 1.10982C-0.00421384 1.25778 0.0183358 1.4053 0.0669951 1.54387C0.115654 1.68244 0.189458 1.8093 0.284143 1.91713Z' fill='%23343434'/%3E%3C/svg%3E%0A"); background-position: right 14px center; background-repeat: no-repeat; white-space: nowrap; text-overflow: ellipsis; height: 4.6rem; margin: 0; } .ui-select .selectric-wrapper { position: relative; cursor: pointer; text-transform: none; width: 100%; } .ui-select .selectric { position: relative; overflow: hidden; background: #F7F8FB; border: 1px solid #F7F8FB; border-radius: 5px; padding: 1rem 3.5rem 1rem 1.5rem; transition: 0.25s; } .ui-select .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-user-select: none; -ms-user-select: none; user-select: none; color: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; text-align: left; padding: 0; border-radius: 0; } .ui-select .selectric .arrow { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; right: 1.5rem; bottom: 0; color: #343434; } .ui-select .selectric .arrow svg { display: block; transition: transform 0.25s; } .ui-select .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #F7F8FB; border: none; z-index: 100; margin: 0.5rem 0 0; width: auto !important; min-width: 100%; overflow: hidden; border-radius: 5px; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); } .ui-select .selectric-items .selectric-scroll { height: 100%; overflow-x: hidden; overflow-y: auto; max-height: 48rem; } .ui-select .selectric-items ul { margin: 0; padding: 0; list-style: none; } .ui-select .selectric-items li { position: relative; display: block; cursor: pointer; padding: 1rem 3rem 1rem 1.5rem; margin: 0 0 1px; transition: color 0.25s; } .ui-select .selectric-items li:before, .ui-select .selectric-items li:after { display: none; } .ui-select .selectric-items li:last-child { margin: 0; } .ui-select .selectric-items li:hover { color: var(--theme-primary-color); } .ui-select .selectric-items li.selected { display: none; } .ui-select .selectric-items li.disabled { display: none; } .ui-select .selectric-items .selectric-checked { display: none; } .ui-select .selectric-items .ui-select-group li:not(.ui-select-group-label) { padding-left: 30px; } .ui-select .selectric-items .ui-select-group-label { pointer-events: none; } .ui-select .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .ui-select .selectric-hide-select select { position: absolute; left: -100%; } .ui-select .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .ui-select .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .ui-select .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; background: none !important; } .ui-select .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } .ui-select .selectric-open { z-index: 500; } .ui-select .selectric-open .selectric { box-shadow: 0 0 0 2px var(--theme-primary-color); } .ui-select .selectric-open .selectric .arrow svg { transform: rotate(180deg); } .ui-select .selectric-open .selectric-items { display: block; } .ui-select .selectric-disabled { opacity: 0.5; cursor: default; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ui-check { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; position: relative; margin: 0 0 2rem; cursor: pointer; } .ui-check__input { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } .ui-check__input:checked ~ .ui-check__radio:after, .ui-check__input:checked ~ .ui-check__radio svg { opacity: 1; } .ui-check__input:checked ~ .ui-check__checkbox { background: var(--theme-primary-color); border-color: var(--theme-primary-color); color: #fff; } .ui-check__input:checked ~ .ui-check__checkbox:after, .ui-check__input:checked ~ .ui-check__checkbox svg { opacity: 1; } .ui-check__input:checked ~ .ui-check__btn .ui-check__btn-radio { background: #13D154; border-color: #13D154; } .ui-check__input:checked ~ .ui-check__btn .ui-check__btn-radio:after { opacity: 1; } .ui-check__input:checked ~ .ui-check__tag { background: var(--theme-primary-color); color: #fff; } .ui-check__input:checked ~ .ui-check__tag .ui-check__tag-cancel { display: block; } .ui-check__input:checked ~ .ui-check__option { box-shadow: 0 0 0 2px var(--theme-primary-color); color: #343434; } .ui-check__option { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #F7F7FB; border-radius: 4px; height: 4rem; padding: 1rem 1.5rem; font-size: 1.4rem; line-height: 1.2; font-weight: 400; color: #343434; transition: box-shadow 0.25s, color 0.25s; } .ui-check__option img { -ms-flex: 0 0 auto; flex: 0 0 auto; display: block; margin: 0 1rem 0 0; border-radius: 3px; } .ui-check__option:hover { color: var(--theme-primary-color); } .ui-check__tag { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; cursor: pointer; background: #F7F7FB; border-radius: 5px; padding: 0.5rem 1rem; height: 3.5rem; font-size: 1.4rem; line-height: 1.2; font-weight: 400; color: #343434; transition: color 0.25s, background 0.25s; -ms-flex: 0 0 auto; flex: 0 0 auto; } .ui-check__tag:hover { color: var(--theme-primary-color); } .ui-check__tag:active { transform: scale(0.95); } .ui-check__tag-text { -ms-flex: 0 0 auto; flex: 0 0 auto; display: block; } .ui-check__tag-cancel { display: none; position: relative; margin: 0 0 0 1rem; width: 1rem; -ms-flex: 0 0 auto; flex: 0 0 auto; } .ui-check__tag-cancel svg.icon-clear { position: absolute; top: 50%; left: 50%; width: 0.9rem; height: 0.9rem; margin: -0.45rem 0 0 -0.45rem; } .ui-check__text { -ms-flex: 1; flex: 1; display: block; font-size: 1.5rem; line-height: 2rem; font-weight: 400; } .ui-check__checkbox { display: block; width: 2rem; height: 2rem; border: 1px solid #BDC2D3; background: #fff; border-radius: 3px; position: relative; -ms-flex: 0 0 auto; flex: 0 0 auto; transition: 0.25s; margin: 0 1rem 0 0; } .ui-check__checkbox:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 1.2rem; height: 1.2rem; margin: -0.7rem 0 0 -0.6rem; background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.231515 6.45729C-0.109918 6.0959 -0.0672389 5.50865 0.316873 5.19244C0.658306 4.83105 1.21313 4.87622 1.51189 5.28278L3.43245 7.6318L8.89537 0.449224C9.57823 -0.454245 10.4318 0.13301 9.74895 1.08165L4.20067 9.61943C4.15799 9.66461 4.11531 9.70978 4.07263 9.75495C3.68852 10.1163 3.17637 10.0712 2.83494 9.66461L0.231515 6.45729Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; background-size: contain; opacity: 0; } .ui-check__radio { display: block; width: 2rem; height: 2rem; border: 1px solid #BDC2D3; border-radius: 50%; position: relative; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 1rem 0 0; transition: 0.25s; } .ui-check__radio:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 1.2rem; height: 1.2rem; background: var(--theme-primary-color); border-radius: inherit; margin: -0.6rem 0 0 -0.6rem; opacity: 0; transition: 0.25s; } .ui-check__btn { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; border: 1px solid #EAECF3; background: #fff; border-radius: 5px; padding: 1.5rem 2rem; cursor: pointer; -ms-flex: 1; flex: 1; transition: border-color 0.25s, background 0.25s; } .ui-check__btn:hover { background: #F7F7FB; } .ui-check__btn-radio { display: block; width: 2rem; height: 2rem; border-radius: 50%; border: 1px solid #EAECF3; background: #fff; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 1rem 0 0; position: relative; transition: border-color 0.25s, background 0.25s; } .ui-check__btn-radio:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 0.8rem; height: 0.8rem; border-radius: 50%; background: #fff; margin: -0.4rem 0 0 -0.4rem; opacity: 0; } .ui-check__btn-desc { display: block; -ms-flex: 1; flex: 1; font-size: 1.5rem; line-height: 1.33; font-weight: 400; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; min-height: 2rem; } .ui-check__btn-desc .row { -ms-flex-align: center; align-items: center; margin: 0 -0.5rem -1rem; } .ui-check__btn-desc .row > [class^=col] { padding: 0 0.5rem 1rem; } .ui-check__btn-title { font-size: 1.5rem; line-height: 2rem; font-weight: 500; display: block; } .ui-check__btn-title small { font-size: 1.3rem; font-weight: 400; color: #BDC2D3; } .ui-check__btn-text { display: block; font-size: 1.4rem; line-height: 1.43; font-weight: 400; max-width: 40rem; margin: 1rem 0 0; } .ui-check__btn-price { display: block; font-size: 1.5rem; line-height: 2rem; font-weight: 400; min-width: 10rem; } @media (max-width: 1199px) { .ui-check__btn { width: 100%; } .ui-check__btn-desc { width: calc(100% - 3rem); } } .ui-subsc { padding: 0; } .ui-subsc .ui-label { display: block; margin: 0 0 2rem; font-size: 1.8rem; line-height: 1; font-weight: 500; } .ui-subsc .ui-caption { display: block; margin: 0 0 2.5rem; font-size: 1.5rem; line-height: 1.5; font-weight: 400; } .ui-subsc .ui-group { position: relative; margin: 0 0 1.2rem; } .ui-subsc .ui-input, .ui-subsc .ui-range__input, .ui-subsc .ui-textarea { background: #fff; border-color: #fff; padding: 1.5rem 20rem 1.5rem 3rem; height: 6rem; margin: 0; font-size: 1.6rem; line-height: 2.8rem; font-weight: 400; } .ui-subsc .ui-input:-ms-input-placeholder, .ui-subsc .ui-range__input:-ms-input-placeholder, .ui-subsc .ui-textarea:-ms-input-placeholder { color: #BDC2D3; } .ui-subsc .ui-input::placeholder, .ui-subsc .ui-range__input::placeholder, .ui-subsc .ui-textarea::placeholder { color: #BDC2D3; } .ui-subsc .ui-btn, .ui-subsc .comments__form-close, .ui-subsc .comments__form-btn, .ui-subsc .brands__search-btn, .ui-subsc .details__comments-form-close, .ui-subsc .details__comments-form-btn, .ui-subsc .reviews__item-details-close, .ui-subsc .reviews__form-close, .ui-subsc .reviews__form-btn, .ui-subsc .categories-aside__close, .ui-subsc .ui-code__btn { width: 19rem; -ms-flex-pack: justify; justify-content: space-between; position: absolute; top: 50%; right: 0.5rem; height: 5rem; margin: -2.5rem 0 0 0; } .ui-subsc .ui-check { margin: 0; } .ui-subsc .ui-check__checkbox { border: none; } .ui-subsc .ui-check__text { font-size: 1.5rem; line-height: 1.2; font-weight: 400; color: #BDC2D3; } .ui-subsc .ui-check__text a { color: #BDC2D3; text-decoration: none; border-bottom: 1px solid currentColor; } @media (max-width: 767px) { .ui-subsc .ui-input, .ui-subsc .ui-range__input, .ui-subsc .ui-textarea { padding-right: 120px; padding-left: 20px; } .ui-subsc .ui-btn, .ui-subsc .comments__form-close, .ui-subsc .comments__form-btn, .ui-subsc .brands__search-btn, .ui-subsc .details__comments-form-close, .ui-subsc .details__comments-form-btn, .ui-subsc .reviews__item-details-close, .ui-subsc .reviews__form-close, .ui-subsc .reviews__form-btn, .ui-subsc .categories-aside__close, .ui-subsc .ui-code__btn { width: 11rem; padding: 1rem; font-size: 1.4rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .ui-subsc .ui-btn svg.icon-subsc, .ui-subsc .comments__form-close svg.icon-subsc, .ui-subsc .comments__form-btn svg.icon-subsc, .ui-subsc .brands__search-btn svg.icon-subsc, .ui-subsc .details__comments-form-close svg.icon-subsc, .ui-subsc .details__comments-form-btn svg.icon-subsc, .ui-subsc .reviews__item-details-close svg.icon-subsc, .ui-subsc .reviews__form-close svg.icon-subsc, .ui-subsc .reviews__form-btn svg.icon-subsc, .ui-subsc .categories-aside__close svg.icon-subsc, .ui-subsc .ui-code__btn svg.icon-subsc { display: none; } } .ui-switch { display: -ms-inline-flexbox; display: inline-flex; margin: 0 0 2rem; border: 1px solid #EDF0F8; border-radius: 5px; padding: 0.4rem; } .ui-switch__btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 1.6rem; line-height: 1.2; font-weight: 400; border-radius: 5px; height: 3.2rem; padding: 0 1.2rem; cursor: pointer; color: #343434; margin: 0 0.4rem 0 0; transition: color 0.25s, background 0.25s; } .ui-switch__btn:last-child { margin: 0; } .ui-switch__btn:hover { color: var(--theme-primary-color); } .ui-switch__btn.is-active { background: var(--theme-primary-color); color: #fff; } .ui-code { position: relative; } .ui-code__input { display: block; width: 100%; background: #FFFFFF; border: 1px solid #EEF0F3; border-radius: 5px; padding: 1rem 12rem 1rem 2rem; font-size: 1.4rem; line-height: 2.4rem; font-weight: 400; color: #343434; -webkit-appearance: none; appearance: none; transition: 0.25s; } .ui-code__input:-ms-input-placeholder { color: #343434; transition: opacity 0.25s; opacity: 0.4; } .ui-code__input::placeholder { color: #343434; transition: opacity 0.25s; opacity: 0.4; } .ui-code__input:focus { border-color: #343434; } .ui-code__input:focus:-ms-input-placeholder { opacity: 0; } .ui-code__input:focus::placeholder { opacity: 0; } .ui-code__btn { width: 11rem; position: absolute; top: 50%; right: 0.4rem; margin: -1.9rem 0 0; } .ui-display { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 0 2rem; } .ui-display__btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 4.6rem; height: 4.6rem; background: #fff; border-radius: 5px; color: #C7C7D6; margin: 0 0.5rem 0 0; cursor: pointer; transition: color 0.25s; } .ui-display__btn:last-child { margin: 0; } .ui-display__btn:hover { color: #343434; } .ui-display__btn.is-active { color: var(--theme-primary-color); } .ui-range { margin: 0 0 2rem; } .ui-range .row { margin: 0 -0.5rem; } .ui-range .row > [class^=col] { padding: 0 0.5rem; } .ui-range__field { position: relative; margin: 0 0 2rem; } .ui-range__append { position: absolute; top: 0; right: 0; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0 1.5rem; font-size: 1.5rem; line-height: 1; font-weight: 400; } .ui-range__input { margin: 0; font-size: 1.5rem; line-height: 2.4rem; font-weight: 400; padding: 1rem 4rem 1rem 1.5rem; } .ui-range__slider { height: 0.4rem; -webkit-appearance: none; appearance: none; } .ui-range__slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; } .ui-credit-payments { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; min-height: 5rem; padding: 1rem 1.6rem; font-size: 1.6rem; line-height: 1.2; font-weight: 400; background: #FFFFFF; border: 1px solid #E1E1E8; border-radius: 4px; color: #343434; } .ui-credit-payments:after { content: ""; min-height: 3rem; } .ui-video { display: block; margin: 5rem 0; color: #343434; text-decoration: none; } .ui-video:hover { color: #343434; text-decoration: none; } @media (min-width: 1200px) { .ui-video { margin: 7rem 0 10rem; } } .ui-video__figure { position: relative; margin: 0 0 2rem; } .ui-video__figure svg.icon-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ui-video__image { display: block; margin: 0; overflow: hidden; border-radius: 10px; background: #000; } .ui-video__image img { display: block; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .ui-video__caption { display: block; text-align: center; font-size: 1.5rem; line-height: 1.2; font-weight: 400; margin: 0; } .ui-mark { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; position: relative; white-space: nowrap; font-size: 1.7rem; line-height: 4rem; font-weight: 500; padding: 0 2rem; background: #E8EAF2; color: #343434; border-radius: 5px; } .ui-mark svg { margin: 0 0.6rem 0 0; display: block; } .ui-mark--green { background: #13D154; } .ui-mark--red { background: #F53C3C; } .ui-mark--lightred { background: #F45656; } .ui-mark--orange { background: #EFBF13; } .ui-mark--blue { background: #1385EF; } .ui-progress { margin: 0 0 2rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } a.ui-progress { transition: color 0.25s, border-color 0.25s; border-bottom: 1px solid transparent; color: #343434; } a.ui-progress:hover { color: var(--theme-primary-color); text-decoration: none; } .ui-progress__star { width: 4rem; margin: 0 0.5rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 1.6rem; line-height: 1; font-weight: 400; white-space: nowrap; } .ui-progress__star svg.icon-star { color: #E6C622; margin: 0 0 0 0.5rem; } .ui-progress__line { height: 1.1rem; background: #EAECF2; border-radius: 20px; -ms-flex: 1; flex: 1; position: relative; overflow: hidden; } .ui-progress__line-bar { position: absolute; top: 0; left: 0; height: 100%; background: linear-gradient(90deg, #00F5A0 0%, #00D9F5 100%); border-radius: inherit; } .ui-ul, .ui-wysiwyg ul:not([class]) { margin: 0 0 4rem; padding: 0; list-style: none; } .ui-ul > li, .ui-wysiwyg ul:not([class]) > li { padding: 0 0 0 4rem; margin: 0 0 2rem; position: relative; } .ui-ul--sitemap > li { margin: 0 0 1rem; padding: 0 0 0 2rem; } .ui-ul--sitemap > li > .ui-ul--sitemap { margin-top: 1rem; } .ui-ul > li:after, .ui-wysiwyg ul:not([class]) > li:after { content: ""; display: block; position: absolute; top: 1.4rem; left: 0; width: 0.8rem; height: 0.8rem; border-radius: 50%; background: var(--theme-primary-color); } .ui-ul--sitemap > li:after { top: 0.7rem; } .ui-ol, .ui-wysiwyg ol:not([class]) { margin: 0 0 4rem; padding: 0; list-style: none; counter-reset: point; } .ui-ol > li, .ui-wysiwyg ol:not([class]) > li { position: relative; padding: 0 0 0 4rem; margin: 0 0 2rem; } .ui-ol > li:after, .ui-wysiwyg ol:not([class]) > li:after { content: counter(point) "."; counter-increment: point 1; position: absolute; top: 0; left: 0; font-weight: 500; color: var(--theme-primary-color); } .ui-dl, .ui-wysiwyg dl:not([class]) { margin: 0 0 4rem; } .ui-dl dt, .ui-wysiwyg dl:not([class]) dt { display: block; font-weight: 500; margin: 0 0 0.5rem; line-height: inherit; } .ui-dl dd, .ui-wysiwyg dl:not([class]) dd { display: block; padding: 0; margin: 0 0 2rem; line-height: inherit; } .ui-dl dd:last-child, .ui-wysiwyg dl:not([class]) dd:last-child { margin: 0; } .ui-table, .ui-wysiwyg table:not([class]),.table.table-bordered { width: 100%; border: 0; border-collapse: separate; border-spacing: 0; border-radius: 5px; overflow: hidden; text-align: left; margin: 0 0 4rem; background: #fff; box-shadow: 0 0 0 1px #e7eaf3; } .ui-table th, .table.table-bordered th, .ui-wysiwyg table:not([class]) th, .ui-table td, .table.table-bordered td, .ui-wysiwyg table:not([class]) td { padding: 1.5rem; transition: background 0.25s; } .ui-table tr:first-child td, .table.table-bordered tr:first-child td, .ui-wysiwyg table:not([class]) tr:first-child td { border: 0; } .ui-table th:first-child, .table.table-bordered th:first-child, .ui-wysiwyg table:not([class]) th:first-child, .ui-table td:first-child, .table.table-bordered td:first-child, .ui-wysiwyg table:not([class]) td:first-child { padding-left: 40px; } .ui-table th:last-child, .table.table-bordered th:last-child, .ui-wysiwyg table:not([class]) th:last-child, .ui-table td:last-child, .table.table-bordered td:last-child, .ui-wysiwyg table:not([class]) td:last-child { padding-right: 40px; } .ui-table th, .table.table-bordered th, .ui-wysiwyg table:not([class]) th { background: var(--theme-primary-color); color: #fff; border-color: var(--theme-primary-color); font-weight: 500; } .ui-table td, .table.table-bordered td, .ui-wysiwyg table:not([class]) td { border: 0; border-top: 1px solid #E7EAF3; } .ui-table tbody tr:hover td, .table.table-bordered tbody tr:hover td, .ui-wysiwyg table:not([class]) tbody tr:hover td { background: #F7F8FC; } .ui-table-delivery { border-collapse: collapse; border-spacing: 0; margin: 0 0 2rem; width: 100%; font-size: 1.5rem; line-height: 1.2; font-weight: 400; } .ui-table-delivery th, .ui-table-delivery td { padding: 0.5rem 1rem; } .ui-table-delivery th:first-child, .ui-table-delivery td:first-child { padding-left: 0; } .ui-table-delivery th:last-child, .ui-table-delivery td:last-child { padding-right: 0; } .ui-table-delivery td:last-child { white-space: nowrap; } .ui-table-delivery th { font-weight: 500; } .ui-picture { overflow: hidden; margin: 0 0 4rem; display: block; background: #000; border-radius: 10px; } .ui-picture img { display: block; width: 100%; min-height: 20rem; -o-object-fit: cover; object-fit: cover; } .ui-picture.pull-left { float: left; max-width: 34rem; margin: 0 4rem 4rem 0; } @media (max-width: 767px) { .ui-picture.pull-left { margin: 0 0 4rem; float: none; max-width: none; } } .ui-picture.pull-right { float: right; max-width: 34rem; margin: 0 0 4rem 4rem; } @media (max-width: 767px) { .ui-picture.pull-right { margin: 0 0 4rem; float: none; max-width: none; } } .ui-wysiwyg { font-size: 1.8rem; line-height: 2; font-weight: 400; } .ui-wysiwyg h1 { display: block; margin: 0 0 4rem; font-size: 2.8rem; line-height: 1.25; font-weight: 500; } .ui-wysiwyg h2 { display: block; margin: 0 0 4rem; font-size: 2.4rem; line-height: 1.25; font-weight: 500; } .ui-wysiwyg h3 { display: block; margin: 0 0 4rem; font-size: 2rem; line-height: 1.25; font-weight: 500; } .ui-wysiwyg h4 { display: block; margin: 0 0 4rem; font-size: 1.8rem; line-height: 1.25; font-weight: 500; } .ui-wysiwyg h5 { display: block; margin: 0 0 4rem; font-size: 1.6rem; line-height: 1.25; font-weight: 500; } .ui-wysiwyg p { margin: 0 0 4rem; } .ui-wysiwyg p:last-child { margin: 0; } .ui-wysiwyg small { font-size: 1.4rem; } /** * Swiper 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: 1200px) { .swiper-stories-features { margin: 0 -1rem; } .swiper-stories-features .swiper-slide { margin: 0; padding: 0 1rem; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .swiper-stories-features .swiper-scrollbar { margin-left: 10px; margin-right: 10px; } .swiper-stories-features.swiper-container-initialized .swiper-slide { opacity: 0; } .swiper-stories-features.swiper-container-initialized .swiper-slide-visible { opacity: 1; } } .swiper-products, .swiper-blog, .swiper-reviews, .swiper-news, .swiper-video, .swiper-shops { overflow: visible; } .swiper-products > .swiper-wrapper, .swiper-blog > .swiper-wrapper, .swiper-reviews > .swiper-wrapper, .swiper-news > .swiper-wrapper, .swiper-video > .swiper-wrapper, .swiper-shops > .swiper-wrapper { z-index: 200; } .swiper-products > .swiper-wrapper > .swiper-slide, .swiper-blog > .swiper-wrapper > .swiper-slide, .swiper-reviews > .swiper-wrapper > .swiper-slide, .swiper-news > .swiper-wrapper > .swiper-slide, .swiper-video > .swiper-wrapper > .swiper-slide, .swiper-shops > .swiper-wrapper > .swiper-slide { -ms-flex: 0 0 340px; flex: 0 0 34rem; width: 34rem; max-width: 100%; height: auto; margin: 0 1rem 0 0; transition: opacity 0.25s, transform 0.25s; } .swiper-products > .swiper-wrapper > .swiper-slide:last-child, .swiper-blog > .swiper-wrapper > .swiper-slide:last-child, .swiper-reviews > .swiper-wrapper > .swiper-slide:last-child, .swiper-news > .swiper-wrapper > .swiper-slide:last-child, .swiper-video > .swiper-wrapper > .swiper-slide:last-child, .swiper-shops > .swiper-wrapper > .swiper-slide:last-child { margin: 0; } .swiper-products > .swiper-scrollbar, .swiper-blog > .swiper-scrollbar, .swiper-reviews > .swiper-scrollbar, .swiper-news > .swiper-scrollbar, .swiper-video > .swiper-scrollbar, .swiper-shops > .swiper-scrollbar { position: relative; z-index: 100; margin: 3rem 0 0; } .swiper-products.swiper-container-initialized > .swiper-wrapper > .swiper-slide, .swiper-blog.swiper-container-initialized > .swiper-wrapper > .swiper-slide, .swiper-reviews.swiper-container-initialized > .swiper-wrapper > .swiper-slide, .swiper-news.swiper-container-initialized > .swiper-wrapper > .swiper-slide, .swiper-video.swiper-container-initialized > .swiper-wrapper > .swiper-slide, .swiper-shops.swiper-container-initialized > .swiper-wrapper > .swiper-slide { margin: 0; } @media (min-width: 1200px) { .swiper-products, .swiper-blog, .swiper-reviews, .swiper-news, .swiper-video, .swiper-shops { margin-left: -10px; margin-right: -10px; } .swiper-products > .swiper-wrapper > .swiper-slide, .swiper-blog > .swiper-wrapper > .swiper-slide, .swiper-reviews > .swiper-wrapper > .swiper-slide, .swiper-news > .swiper-wrapper > .swiper-slide, .swiper-video > .swiper-wrapper > .swiper-slide, .swiper-shops > .swiper-wrapper > .swiper-slide { margin: 0; padding: 0 1rem; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .swiper-products .swiper-scrollbar, .swiper-blog .swiper-scrollbar, .swiper-reviews .swiper-scrollbar, .swiper-news .swiper-scrollbar, .swiper-video .swiper-scrollbar, .swiper-shops .swiper-scrollbar { margin-left: 10px; margin-right: 10px; } .swiper-products.swiper-container-initialized > .swiper-wrapper > .swiper-slide, .swiper-blog.swiper-container-initialized > .swiper-wrapper > .swiper-slide, .swiper-reviews.swiper-container-initialized > .swiper-wrapper > .swiper-slide, .swiper-news.swiper-container-initialized > .swiper-wrapper > .swiper-slide, .swiper-video.swiper-container-initialized > .swiper-wrapper > .swiper-slide, .swiper-shops.swiper-container-initialized > .swiper-wrapper > .swiper-slide { opacity: 0; } .swiper-products.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible, .swiper-blog.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible, .swiper-reviews.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible, .swiper-news.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible, .swiper-video.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible, .swiper-shops.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible { opacity: 1; } } .swiper-set { overflow: visible; } .swiper-set > .swiper-wrapper { z-index: 200; } .swiper-set > .swiper-wrapper > .swiper-slide { -ms-flex: 0 0 200px; flex: 0 0 20rem; width: 20rem; max-width: 100%; height: auto; margin: 0 1rem 0 0; transition: opacity 0.25s, transform 0.25s; } .swiper-set > .swiper-wrapper > .swiper-slide:last-child { margin: 0; } .swiper-set > .swiper-scrollbar { position: relative; z-index: 100; margin: 3rem 0 0; } .swiper-set.swiper-container-initialized > .swiper-wrapper > .swiper-slide { margin: 0; } .swiper-set > .swiper-wrapper > .swiper-slide { position: relative; } .swiper-set > .swiper-wrapper > .swiper-slide:after { content: ""; display: block; position: absolute; top: 50%; left: -2.5rem; margin: -2rem 0 0 0; width: 4rem; height: 4rem; background: var(--theme-primary-color) url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7H9V1C9 0.734784 8.89464 0.48043 8.70711 0.292893C8.51957 0.105357 8.26522 0 8 0C7.73478 0 7.48043 0.105357 7.29289 0.292893C7.10536 0.48043 7 0.734784 7 1V7H1C0.734784 7 0.48043 7.10536 0.292893 7.29289C0.105357 7.48043 0 7.73478 0 8C0 8.26522 0.105357 8.51957 0.292893 8.70711C0.48043 8.89464 0.734784 9 1 9H7V15C7 15.2652 7.10536 15.5196 7.29289 15.7071C7.48043 15.8946 7.73478 16 8 16C8.26522 16 8.51957 15.8946 8.70711 15.7071C8.89464 15.5196 9 15.2652 9 15V9H15C15.2652 9 15.5196 8.89464 15.7071 8.70711C15.8946 8.51957 16 8.26522 16 8C16 7.73478 15.8946 7.48043 15.7071 7.29289C15.5196 7.10536 15.2652 7 15 7Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; border-radius: 50%; box-shadow: 0 0 0 5px #F7F7FB; z-index: 100; transition: transform 0.25s; transform: scale(0); } .swiper-set > .swiper-wrapper > .swiper-slide--discount:after{ display: none; } .swiper-set > .swiper-wrapper > .swiper-slide.swiper-slide-visible:after { transform: scale(1); transition-delay: 0.25s; } .swiper-set > .swiper-wrapper > .swiper-slide:first-child:after { display: none; } @media (min-width: 768px) { .swiper-set > .swiper-wrapper > .swiper-slide { -ms-flex: 0 0 340px; flex: 0 0 34rem; width: 34rem; } .swiper-set > .swiper-wrapper > .swiper-slide:after { width: 5.2rem; height: 5.2rem; left: -2.6rem; margin: -2.6rem 0 0; } } @media (min-width: 1200px) { .swiper-set { margin-left: -10px; margin-right: -10px; } .swiper-set > .swiper-wrapper > .swiper-slide { margin: 0; padding: 0 1rem; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } .swiper-set > .swiper-scrollbar { margin-left: 10px; margin-right: 10px; position: absolute; top: 100%; left: 0; right: 0; } .swiper-set.swiper-container-initialized > .swiper-wrapper > .swiper-slide { opacity: 0; } .swiper-set.swiper-container-initialized > .swiper-wrapper > .swiper-slide-visible { opacity: 1; } } @media (max-width: 767px) { .swiper-set-responsive > .swiper-wrapper > .swiper-slide { -ms-flex: 0 0 158px; flex: 0 0 15.8rem; width: 15.8rem; } .swiper-set-responsive > .swiper-wrapper > .swiper-slide:after { width: 4rem; height: 4rem; right: -2rem; margin: -2rem 0 0; } } .swiper-images { overflow: visible; -ms-flex: 1; flex: 1; max-width: 100%; } .swiper-images .swiper-slide { margin: 0 6rem 0 0; } .swiper-images .swiper-slide:last-child { margin: 0; } .swiper-images .swiper-prev, .swiper-images .swiper-next { z-index: 300; width: 6rem; opacity: 0; transition: transform 0.25s, opacity 0.25s, color 0.25s; color: #343434; } .swiper-images .swiper-prev:hover, .swiper-images .swiper-next:hover { color: var(--theme-primary-color); } .swiper-images .swiper-prev.swiper-button-lock, .swiper-images .swiper-next.swiper-button-lock { visibility: hidden; pointer-events: none; } .swiper-images .swiper-prev { left: -3rem; transform: translate(-5px, 0); } .swiper-images .swiper-next { right: -3rem; transform: translate(5px, 0); } .swiper-images .swiper-pagination { position: absolute; left: 0; right: 0; bottom: 0; z-index: 110; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-images .swiper-pagination-bullet { -ms-flex: 1; flex: 1; } .swiper-images .swiper-pagination-bullet-active { opacity: 1; border-color: #7266F3; } .swiper-banners { background: #ccc; border-radius: 10px; overflow: hidden; } .swiper-banners .swiper-slide { height: auto; } .swiper-banners .swiper-prev, .swiper-banners .swiper-next { width: 10rem; color: #fff; display: none; } .swiper-banners .swiper-pagination { position: absolute; left: 0; right: 0; bottom: 1.5rem; z-index: 100; } .swiper-banners .swiper-pagination-bullet { background: #E9E8F1; opacity: 0.3; } .swiper-banners .swiper-pagination-bullet-active { opacity: 1; background: #fff; } @media (min-width: 768px) { .swiper-banners .swiper-prev, .swiper-banners .swiper-next { display: -ms-flexbox; display: flex; } } @media (max-width: 1199px) { .swiper-categories { overflow: visible; } .swiper-categories .swiper-slide { -ms-flex: 0 0 340px; flex: 0 0 34rem; width: 34rem; max-width: 100%; margin: 0 1rem 0 0; transition: opacity 0.25s, transform 0.25s; } .swiper-categories .swiper-slide:last-child { margin: 0; } .swiper-categories.swiper-container-initialized .swiper-slide { margin: 0; } } @media (min-width: 1200px) { .swiper-categories { overflow: visible; } .swiper-categories .swiper-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; margin: 0 -1rem -2rem; } .swiper-categories--col-3 .swiper-slide { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } .swiper-categories--col-4 .swiper-slide { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .swiper-categories--col-5 .swiper-slide { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .swiper-categories .swiper-slide { padding: 0 1rem 2rem; } } @media (max-width: 1199px) { .swiper-partners { overflow: visible; } .swiper-partners .swiper-slide { -ms-flex: 0 0 340px; flex: 0 0 34rem; width: 34rem; max-width: 100%; margin: 0 1rem 0 0; transition: opacity 0.25s, transform 0.25s; height: auto; } .swiper-partners .swiper-slide:last-child { margin: 0; } .swiper-partners.swiper-container-initialized .swiper-slide { margin: 0; } } @media (min-width: 1200px) { .swiper-partners { overflow: visible; } .swiper-partners .swiper-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; margin: 0 -1px -0.2rem; } .swiper-partners .swiper-slide { padding: 0 1px 0.2rem; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; height: auto; } @supports (display: grid) { .swiper-partners .swiper-wrapper { margin: 0; display: -ms-grid; display: grid; grid-gap: 2px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "area_01 area_02 area_03" "area_01 area_02 area_04"; } .swiper-partners .swiper-slide { max-width: none; padding: 0; } .swiper-partners .swiper-slide:nth-of-type(1) { grid-area: area_01; } .swiper-partners .swiper-slide:nth-of-type(2) { grid-area: area_02; } .swiper-partners .swiper-slide:nth-of-type(3) { grid-area: area_03; } .swiper-partners .swiper-slide:nth-of-type(4) { grid-area: area_04; } } } .swiper-benefits { overflow: visible; } .swiper-benefits .swiper-slide { -ms-flex: 0 0 220px; flex: 0 0 22rem; width: 22rem; max-width: 100%; margin: 0 1rem 0 0; transition: opacity 0.25s, transform 0.25s; } .swiper-benefits .swiper-slide:last-child { margin: 0; } .swiper-benefits.swiper-container-initialized .swiper-slide { margin: 0; } @media (min-width: 1200px) { .swiper-benefits { margin: 0 -1rem; } .swiper-benefits .swiper-slide { margin: 0; padding: 0 1rem; -ms-flex: 0 0 16.667%; flex: 0 0 16.667%; max-width: 16.667%; } .swiper-benefits.swiper-container-initialized .swiper-slide { opacity: 0; } .swiper-benefits.swiper-container-initialized .swiper-slide-visible { opacity: 1; } } .swiper-gallery { background: #000; border-radius: 10px; overflow: hidden; } .swiper-gallery .swiper-slide { height: 40rem; } .swiper-gallery .swiper-prev, .swiper-gallery .swiper-next { width: 6rem; color: #fff; display: -ms-flexbox; display: flex; background: rgba(255, 255, 255, 0.2); } .swiper-gallery .swiper-prev:hover, .swiper-gallery .swiper-next:hover { background: rgba(255, 255, 255, 0.4); } .swiper-gallery picture, .swiper-gallery img { height: 100%; width: 100%; } .swiper-gallery img { -o-object-fit: cover; object-fit: cover; } .swiper-fullscreen { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background: #FFFFFF; border-radius: 5px; width: 4rem; height: 4rem; cursor: pointer; color: #343434; position: absolute; left: 50%; bottom: 2rem; z-index: 100; text-indent: -9999px; transform: translate(-50%, 0); font-size: 1.5rem; line-height: 1.2; font-weight: 400; padding: 0; transition: color 0.25s, background 0.25s, transform 0.25s; } .swiper-fullscreen svg.icon-fullscreen { position: absolute; top: 50%; left: 50%; display: block; transform: translate(-50%, -50%); } .swiper-fullscreen:hover { background: var(--theme-primary-color); color: #fff; text-decoration: none; } .swiper-fullscreen:active { transition: none; transform: translate(-50%, 0) scale(0.95); } @media (min-width: 1200px) { .swiper-fullscreen { text-indent: 0; padding: 0 1.5rem; width: auto; } .swiper-fullscreen svg.icon-fullscreen { margin: 0 0 0 0.8rem; display: block; position: static; transform: none; } } .swiper-compare { overflow: visible; } .swiper-compare .swiper-wrapper { margin: 0; } .swiper-compare .swiper-slide { padding: 0 3rem; width: auto; height: auto; -ms-flex: 1; flex: 1; min-width: 27rem; border-right: 1px solid #EDEFF5; } .swiper-compare .swiper-slide:first-child { padding-left: 0; } .swiper-compare .swiper-slide:last-child { padding-right: 0; border: none; } @media (min-width: 1200px) { .swiper-compare .swiper-slide { min-width: 20%; max-width: 50rem; } } .swiper-vertical { position: relative; height: 67rem; } .swiper-vertical .swiper-prev, .swiper-vertical .swiper-next { position: relative; -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 50%; height: 100%; color: #343434; border-radius: 0; transition: background 0.25s; } .swiper-vertical .swiper-prev:hover, .swiper-vertical .swiper-next:hover { background: #F7F7FB; } .swiper-vertical .swiper-prev.swiper-button-disabled, .swiper-vertical .swiper-next.swiper-button-disabled { pointer-events: none; } .swiper-vertical .swiper-prev.swiper-button-disabled svg, .swiper-vertical .swiper-next.swiper-button-disabled svg { opacity: 0.1; } @media (max-width: 767px) { .swiper-vertical { height: auto; } } .swiper-vertical-thumbs { width: 100%; height: 100%; border-radius: 10px 0 0 0; } .swiper-vertical-thumbs .swiper-slide { border-bottom: 1px solid #EDEDF9; cursor: pointer; transition: background 0.25s; } .swiper-vertical-thumbs .swiper-slide-thumb-active { background: #F7F7FB; } .swiper-vertical-thumbs .swiper-control { display: -ms-flexbox; display: flex; position: absolute; left: 0; bottom: 0; width: 100%; height: 12rem; display: flex; z-index: 100; } @media (max-width: 1199px) { .swiper-vertical-thumbs { border-radius: 0; } } @media (max-width: 767px) { .swiper-vertical-thumbs .swiper-slide { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; border: none; border-left: 1px solid #EDEDF9; } .swiper-vertical-thumbs .swiper-slide:first-child { border: none; } } .swiper-vertical-slides { width: 100%; height: 100%; } .swiper-horizontal { position: relative; } .swiper-horizontal .swiper-prev, .swiper-horizontal .swiper-next { position: relative; -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; color: #343434; border-radius: 0; transition: background 0.25s; } .swiper-horizontal .swiper-prev:hover, .swiper-horizontal .swiper-next:hover { background: #F7F7FB; } .swiper-horizontal .swiper-prev.swiper-button-disabled, .swiper-horizontal .swiper-next.swiper-button-disabled { pointer-events: none; } .swiper-horizontal .swiper-prev.swiper-button-disabled svg, .swiper-horizontal .swiper-next.swiper-button-disabled svg { opacity: 0.1; } @media (max-width: 767px) { .swiper-horizontal { height: auto; } } .swiper-horizontal-thumbs { width: 100%; height: 11rem; } .swiper-horizontal-thumbs .swiper-wrapper { height: 100%; } .swiper-horizontal-thumbs .swiper-slide { height: auto; cursor: pointer; transition: background 0.25s; border-left: 1px solid #EDEDF9; } .swiper-horizontal-thumbs .swiper-slide:first-child { border: none; } .swiper-horizontal-thumbs .swiper-slide-thumb-active { background: #F7F7FB; } .swiper-horizontal-thumbs .swiper-control { display: -ms-flexbox; display: flex; position: absolute; left: 0; bottom: 0; width: 100%; height: 12rem; display: flex; z-index: 100; } @media (max-width: 767px) { .swiper-horizontal-thumbs .swiper-slide { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; border: none; border-left: 1px solid #EDEDF9; } .swiper-horizontal-thumbs .swiper-slide:first-child { border: none; } } .swiper-horizontal-slides { width: 100%; height: 67rem; } @media (max-width: 767px) { .swiper-horizontal-slides { height: auto; } } .swiper-stories { position: relative; width: 100%; height: 100%; } .swiper-stories-slides { position: absolute; top: 5%; left: 0; height: 60%; width: 100%; padding: 0 5rem; text-align: center; overflow: visible; } .swiper-stories-slides .swiper-slide { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; } .swiper-stories-slides .swiper-slide-active { z-index: 2; } .swiper-stories-slides .swiper-slide-active .swiper-stories__close { opacity: 1; } @media (min-width: 768px) { .swiper-stories-slides { padding: 0 25%; } } .swiper-stories__slide { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .swiper-stories__gallery { position: relative; margin: 0 auto; display: -ms-flexbox; display: flex; height: 100%; -ms-flex: 1; flex: 1; } .swiper-stories__gallery .swiper-stories__image { position: absolute; opacity: 0; transition: opacity 0.25s; } .swiper-stories__gallery .swiper-stories__image img { -ms-flex: 1; flex: 1; } .swiper-stories__gallery .swiper-stories__image.is-active { opacity: 1; position: relative; } .swiper-stories__image { height: 100%; } .swiper-stories__image img { display: block; width: auto; max-height: 60vh; border-radius: 5px; } .swiper-stories__pagination { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: -ms-flexbox; display: flex; padding: 0 2rem 2rem; } .swiper-stories__bullet { display: block; -ms-flex: 1; flex: 1; height: 100%; margin: 0 0.35rem; border-bottom: 1px solid #E9E8F1; transition: border-color 0.25s; position: relative; z-index: 100; cursor: pointer; } .swiper-stories__bullet:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: -0.35rem; right: -0.35rem; } .swiper-stories__bullet:first-child { margin-left: 0; } .swiper-stories__bullet:last-child { margin-right: 0; } .swiper-stories__bullet.is-active { border-color: var(--theme-primary-color); } .swiper-stories__bullet--single { border: 0; } .swiper-stories__close { position: absolute; top: -1rem; right: -5rem; width: 5rem; height: 5rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #fff; transition: color 0.25s, opacity 0.25s; opacity: 0; } .swiper-stories__close:hover { color: var(--theme-primary-color); } .swiper-stories__button { } .swiper-stories__button a { display: none; position: absolute; left: 2rem; right: 0; bottom: 4rem; z-index: 10; line-height: 1.8; max-width: calc(100% - 4rem); } .swiper-stories__button a.is-active { display: block; } .swiper-stories-thumbs { position: absolute; left: 0; right: 0; bottom: 0; height: 35%; text-align: center; overflow-x: auto; overflow-y: hidden; padding: 2.5rem 0; } @media (min-width: 1200px) { .swiper-stories-thumbs { padding: 3.5% 0; } } .swiper-stories-thumbs__list { margin: 0; padding: 0 2.5rem; list-style: none; display: -ms-inline-flexbox; display: inline-flex; height: 100%; } .swiper-stories-thumbs__list:after { content: ""; -ms-flex: 0 0 20px; flex: 0 0 2rem; } .swiper-stories-thumbs__list > li { height: 100%; margin: 0 1rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 12.6rem; } .swiper-stories-thumbs__list > li:last-child { margin: 0; } .swiper-stories__thumb { display: block; height: 100%; width: 100%; overflow: hidden; cursor: pointer; transition: transform 0.25s; will-change: transform; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .swiper-stories__thumb img { display: block; max-width: 100%; max-height: 100%; aspect-ratio: 2/3; border-radius: 5px; } @media (hover: hover) { .swiper-stories__thumb:hover { transform: scale(1.05); } } .is-active > .swiper-stories__thumb { transform: scale(1.05); } .swiper-products-small, .swiper-products-order { overflow: visible; } .swiper-products-small > .swiper-wrapper, .swiper-products-order > .swiper-wrapper { z-index: 200; width: auto; margin: 0 -0.25rem; } .swiper-products-small > .swiper-wrapper > .swiper-slide, .swiper-products-order > .swiper-wrapper > .swiper-slide { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.2rem; max-width: 100%; height: auto; padding: 0 0.25rem; transition: opacity 0.25s, transform 0.25s; } .swiper-products-small > .swiper-scrollbar, .swiper-products-order > .swiper-scrollbar { position: relative; z-index: 100; margin: 3rem 0 0; } .swiper-products-small.swiper-container-initialized > .swiper-wrapper > .swiper-slide, .swiper-products-order.swiper-container-initialized > .swiper-wrapper > .swiper-slide { margin: 0; } .swiper-products-categories { overflow: visible; } .swiper-products-categories .swiper-slide { -ms-flex: 0 0 248px; flex: 0 0 24.8rem; width: 24.8rem; max-width: 100%; margin: 0 1rem 0 0; transition: opacity 0.25s, transform 0.25s; height: auto; } .swiper-products-categories .swiper-slide:last-child { margin: 0; } .swiper-products-categories.swiper-container-initialized .swiper-slide { margin: 0; } @media (min-width: 1200px) { .swiper-products-categories .swiper-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1rem -2rem; width: auto; } .swiper-products-categories .swiper-slide { padding: 0 1rem 2rem; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; height: auto; margin: 0; } } .swiper-brands-featured { overflow: visible; margin: 0 -0.5rem; } .swiper-brands-featured .swiper-slide { -ms-flex: 0 0 165px; flex: 0 0 16.5rem; width: 16.5rem; max-width: 100%; margin: 0 1rem 0 0; transition: opacity 0.25s, transform 0.25s; } .swiper-brands-featured.swiper-container-initialized .swiper-slide, .swiper-brands-featured > .swiper-wrapper > .swiper-slide:last-child { margin: 0; } @media (min-width: 768px) { .swiper-brands-featured .swiper-slide { -ms-flex: 0 0 230px; flex: 0 0 23rem; max-width: 23rem; } } @media (min-width: 1200px) { .swiper-brands-featured { margin: 0 -1rem; } .swiper-brands-featured .swiper-slide { margin: 0; padding: 0 1rem; -ms-flex: 0 0 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-show-thumbs .fancybox-inner { bottom: 13.2rem; } .fancybox-thumbs__list { font-size: 0; height: 100%; margin: 0; padding: 3rem 2.5rem; list-style: none; white-space: nowrap; overflow-x: auto; overflow-y: hidden; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; display: inline-block; vertical-align: top; width: 11.6rem; height: 7.2rem; margin: 0 0.2rem; overflow: hidden; padding: 0; position: relative; border-radius: 3px; background-color: #000; } .fancybox-thumbs__list a::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; border: 2px solid #FFFFFF; transition: opacity 0.25s; z-index: 2; opacity: 0; } .fancybox-thumbs__list a::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); transition: opacity 0.25s; z-index: 1; } .fancybox-thumbs__list a:hover:after { opacity: 0; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } .fancybox-thumbs__list a.fancybox-thumbs-active:after { opacity: 0; } .fancybox-close { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0; border: none; background: none; color: #fff; width: 5rem; height: 5rem; cursor: pointer; transition: color 0.25s; z-index: 99999; } .fancybox-close svg.icon-close { width: 2rem; height: 2rem; display: block; } .fancybox-close:hover { color: var(--theme-primary-color); } .fancybox-content { padding: 0; overflow: visible; background: none; } .fancybox-image { border-radius: 5px; } .fancybox-type-inline .fancybox-slide { padding: 5rem 2.5rem; } .fancybox-type-inline .fancybox-close { position: absolute; top: 0; right: 0; } .fancybox-type-image .fancybox-slide { padding: 7.5rem 2.5rem 0; } .fancybox-type-image .fancybox-close { position: absolute; top: -7.5rem; right: 50%; margin: 0 -2.5rem 0 0; } @media (min-width: 1200px) { .fancybox-type-image .fancybox-slide { padding: 5rem 5rem 0; } .fancybox-type-image .fancybox-close { top: -1rem; right: -5rem; margin: 0; } } .fancybox-type-iframe .fancybox-slide { padding: 7.5rem 2.5rem 0; } .fancybox-type-iframe .fancybox-close { position: absolute; top: -7.5rem; right: 50%; margin: 0 -2.5rem 0 0; } @media (min-width: 1200px) { .fancybox-type-iframe .fancybox-slide { padding: 5rem 5rem; } .fancybox-type-iframe .fancybox-close { top: -1rem; right: -5rem; margin: 0; } } .fancybox-popupprod.fancybox-slide { padding: 0; } .fancybox-popupprod .fancybox-close { display: none; } @media (min-width: 1200px) { .fancybox-popupprod.fancybox-slide { padding: 2.5rem 5rem; } .fancybox-popupprod .fancybox-close { display: -ms-flexbox; display: flex; position: absolute; top: -1rem; right: -5rem; margin: 0; } } .fancybox-popupprod .sku__view-head { display: block; } @media (min-width: 1200px) { .fancybox-popupprod .sku__view-head { display: none; } } .fancybox-bg { background: #191919; opacity: 0; } /* .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: 1200px) { .is-header-v3 .intro, .is-header-v4 .intro, .is-header-v5 .intro, .is-header-v6 .intro { background: none; box-shadow: none; margin: 0 0 3.5rem; } .is-header-v7 .intro { background: #fff; box-shadow: none; padding: 2rem 0 4rem; } .is-header-v8 .intro { background: #fff; box-shadow: none; padding: 0 0 2rem; } .is-header-v2 .header__catalog--fullwidth .header__catalog-dropdown--w1142, .is-header-v5 .header__catalog--fullwidth .header__catalog-dropdown--w1142, .is-header-v6 .header__catalog--fullwidth .header__catalog-dropdown--w1142, .is-header-v7 .header__catalog--fullwidth .header__catalog-dropdown--w1142 { max-width: 98.2rem; } } .intro { position: relative; background: var(--theme-primary-color); padding: 0.5rem 0 3rem; margin: 0 0 5rem; box-shadow: 0 -10px 0 var(--theme-primary-color); } @media (min-width: 1200px) { .intro { padding: 3rem 0 5rem; margin: 0 0 7.5rem; } } .intro__swiper { border-radius: 5px; overflow: hidden; height: 100%; } .intro__item { position: relative; background: var(--theme-secondary-color); border-radius: 5px; min-height: 100%; color: #fff; text-decoration: none; height: 100%; min-height: 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; } .stories-features { margin: 0 0 6rem; } @media (min-width: 1200px) { .stories-features { margin: 0 0 7.5rem; } } .stories-features__title { margin: 0 0 2rem; } .stories-features__scrollbar { overflow-y: hidden; overflow-x: auto; display: -ms-flexbox; display: flex; padding: 2rem; margin: -2rem; } .stories-features__scrollbar > * { margin: 0 1rem 0 0; -ms-flex: 0 0 160px; flex: 0 0 16rem; } .stories-features__scrollbar > *:last-child { margin: 0; } .stories-features__scrollbar::-webkit-scrollbar { width: 0.4rem; height: 0.4rem; } .stories-features__scrollbar::-webkit-scrollbar-track { background: #EEF0F3; margin: 0 2rem; cursor: pointer; } .stories-features__scrollbar::-webkit-scrollbar-thumb { background: var(--theme-primary-color); } @media (min-width: 1200px) { .stories-features__scrollbar > * { margin: 0 2rem 0 0; } } .stories-features__item { display: block; overflow: hidden; background: #EEF0F3; border-radius: 5px; position: relative; width: 100%; height: 24rem; max-width: 100%; transition: transform 0.25s; will-change: transform; } .stories-features__item.is-viewed { opacity: .7; } @media (hover: hover) { .stories-features__item:hover { transform: scale(1.075); } } .stories-features__item-image { display: block; width: 100%; height: 100%; } .stories-features__item-image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .products-featured { position: relative; z-index: 100; margin: 0 0 6rem; } .products-featured:hover { z-index: 200; } .products-featured .container-pagination { padding: 4rem 0 0; } @media (min-width: 1200px) { .products-featured { margin: 0 0 8rem; } } .products-featured__title { margin: 0 0 2rem; } .products-featured__list { margin: 0 -1rem -2rem; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .products-featured__list > li { padding: 0 1rem 2rem; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 768px) { .products-featured__list > li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .products-featured__list > li { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } } @media (min-width: 1200px) { .products-featured__list > li { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .products-featured__filter { margin: 0 -2.5rem 1.5rem; padding: 0 2.5rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; overflow-x: auto; } .products-featured__filter .ui-btn, .products-featured__filter .comments__form-close, .products-featured__filter .comments__form-btn, .products-featured__filter .brands__search-btn, .products-featured__filter .details__comments-form-close, .products-featured__filter .details__comments-form-btn, .products-featured__filter .reviews__item-details-close, .products-featured__filter .reviews__form-close, .products-featured__filter .reviews__form-btn, .products-featured__filter .categories-aside__close, .products-featured__filter .ui-code__btn { margin: 0 0.5rem 0 0; } .products-featured__filter .ui-btn:last-child, .products-featured__filter .comments__form-close:last-child, .products-featured__filter .comments__form-btn:last-child, .products-featured__filter .brands__search-btn:last-child, .products-featured__filter .details__comments-form-close:last-child, .products-featured__filter .details__comments-form-btn:last-child, .products-featured__filter .reviews__item-details-close:last-child, .products-featured__filter .reviews__form-close:last-child, .products-featured__filter .reviews__form-btn:last-child, .products-featured__filter .categories-aside__close:last-child, .products-featured__filter .ui-code__btn:last-child { margin: 0; } .products-featured__filter::-webkit-scrollbar { display: none; } .products-featured__filter .ui-btn.is-active { pointer-events: none; } .products-featured__swiper { position: relative; } .products-featured__content { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; } .products-featured__content.is-active { position: relative; transition: 0.7s; opacity: 1; visibility: visible; } .products-featured__action { padding: 3rem 0 0; margin: 0 0 -0.5rem; text-align: center; } .products-featured__action .ui-btn, .products-featured__action .comments__form-close, .products-featured__action .comments__form-btn, .products-featured__action .brands__search-btn, .products-featured__action .details__comments-form-close, .products-featured__action .details__comments-form-btn, .products-featured__action .reviews__item-details-close, .products-featured__action .reviews__form-close, .products-featured__action .reviews__form-btn, .products-featured__action .categories-aside__close, .products-featured__action .ui-code__btn { min-width: 20rem; } .products__banner { border-radius: 10px; background: #000; color: #fff; text-decoration: none; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 55.1rem; overflow: hidden; transition: transform 0.25s; will-change: transform; } .products__banner:hover { color: #fff; text-decoration: none; } @media (hover: hover) { .products__banner:hover { transform: scale(1.05); } } .products__banner-image { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .products__banner-image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .products__banner-desc { padding: 4rem; margin: auto 0 0 0; position: relative; z-index: 2; } .products__banner-category { display: block; margin: 0 0 1rem; font-size: 1.6rem; line-height: 1.62; font-weight: 400; opacity: 0.5; } .products__banner-title { display: block; margin: 0 0 3rem; font-size: 3.3rem; line-height: 1; font-weight: 500; } .products__banner-price { margin: 0; font-size: 2.3rem; line-height: 2.8rem; font-weight: 500; padding: 1rem 2rem; border-radius: 5px; background: #fff; color: #343434; display: inline-block; vertical-align: top; } .products__item { position: relative; z-index: 10; height: 55.1rem; width: 100%; background: #fff; border-radius: 10px; } .products__item: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); } } .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; } .price-old { display: inline; } .products__item-price del:after,.price-old:after { content: ""; display: block; position: absolute; top: 50%; left: 0; right: 0; height: 0.2rem; background: #F45656; margin: -1px 0 0; } .price-old:after { height: 0.15rem; } .products__item-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .products__item-replace { font-size: 1.4rem; line-height: 1.2; font-weight: 500; } .products__item-action { position: absolute; opacity: 0; visibility: hidden; transform: translate(0, 10px); transition: 0.25s; padding: 2rem 0 0; } .products__item-discount { position: absolute; opacity: 0; visibility: hidden; transform: translate(0, 10px); transition: 0.25s; margin: 3rem 0 0; padding: 2rem 0; border-top: 1px solid #E9E8F1; border-bottom: 1px solid #E9E8F1; } .products__item-discount .ui-discount__icon { margin: 0 1.5rem 0 0; } .products__list--grid-5 .products__item-image { height: 27.5rem; } .products__list--grid-5 .products__item-price mark { display: none; } .products__list--grid-5 .ui-add-to-cart,.catalog .products__list--grid-4 .ui-add-to-cart { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -1rem; } .products__list--grid-5 .ui-btn--primary,.catalog .products__list--grid-4 .ui-btn--primary { margin-bottom: 1rem; width: unset; max-width: 15rem; padding-left: 1.5rem; padding-right: 1.5rem; } .products__list--grid-5 .ui-number,.products__list--grid-5 .ui-btn--view,.catalog .products__list--grid-4 .ui-number,.catalog .products__list--grid-4 .ui-btn--view { margin-bottom: 1rem; } .products__list--grid-5 .ui-add-to-cart > * { max-width: 100%; } .products-aside { margin: 0 0 6rem; } .products-aside__title { display: block; margin: 0 0 2rem; font-size: 2rem; line-height: 1.2; font-weight: 500; } .products-aside__list { margin: 0; padding: 0; list-style-type: none; } .products-aside__list > li { margin: 0 0 2rem; } .products-aside__list > li:last-child { margin: 0; } .products__list { margin: 0 -1rem -2rem; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .products__list > li { padding: 0 1rem 2rem; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 768px) { .products__list--grid-3 > li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .products__list--grid-4 > li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .products__list--grid-5 > li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .products__list--grid-6 > li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .products__list--grid-3 > li,.products__list--grid-4 > li, .products__list--responsive.products__list--grid-3 > li,.products__list--responsive.products__list--grid-4 > li { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } .products__list--grid-5 > li,.products__list--grid-6 > li, .products__list--responsive.products__list--grid-5 > li,.products__list--responsive.products__list--grid-6 > li { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media (min-width: 1200px) { .products__list--grid-4 > li, .products__list--responsive.products__list--grid-4 > li { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .products__list--grid-5 > li, .products__list--responsive.products__list--grid-5 > li { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .products__list--grid-6 > li, .products__list--responsive.products__list--grid-6 > li { -ms-flex: 0 0 16.666%; flex: 0 0 16.666%; max-width: 16.666%; } } .products__list--responsive { margin: 0 -0.5rem -1rem; } .products__list--responsive > li { padding: 0 0.5rem 1rem; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } @media (min-width: 768px) { .products__list--responsive { margin: 0 -1rem -2rem; } .products__list--responsive > li { padding: 0 1rem 2rem; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .products__list--responsive > li { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } } @media (min-width: 1200px) { .products__list--line > li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .products__item-details { -ms-flex: 1; flex: 1; margin-right: 4rem; } @media (max-width: 1199px) { .products__item-pagination { display: none; } .products__item-details { display: none; } } .products__item-readmore { max-height: 17.5rem; transition: 0.25s; margin: 0 0 1rem; overflow: hidden; } .products__item-details-list { margin: 0 -1rem -1rem; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.5rem; line-height: 1.2; font-weight: 400; } .products__item-details-list small { display: block; font-size: 1.4rem; line-height: 1.25; margin: 0 0 1rem; color: #BDC2D3; } .products__item-details-list > li { padding: 0 1rem 1rem; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .products__item-details-action { padding: 1rem 0 0; } .products__item-topbar { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; white-space: nowrap; overflow: hidden; } .products__item-topbar > * { position: relative; top: 0; left: 0; margin: 0 1.5rem 1rem 0; line-height: 1; } @media (min-width: 1200px) { .products__item--line { height: auto; min-height: 25.5rem; } .products__item--line .products__item-in { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; padding: 3rem 0; } .products__item--line .products__item-gallery { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin: 0 3rem 0 0; } .products__item--line .products__item-image { height: 19.5rem; } .products__item--line .products__item-action { position: relative; opacity: 1; visibility: visible; padding: 0; transform: none; margin: auto 0 0 0; } .products__item--line .products__item-desc { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; margin: 0 3rem 0 0; } .products__item--line .products__item-title { height: auto; } .products__item--line .products__item-price { margin: 0 0 2rem; } } @media (min-width: 1200px) { .products__item--min { height: auto; min-height: 16rem; } .products__item--min:hover .products__item-action { position: absolute; } .products__item--min .products__item-in { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 3rem 0; } .products__item--min .products__item-buttons { position: absolute; top: 50%; right: 4rem; margin: -2.5rem 0 0 0; } .products__item--min .products__item-buttons .ui-btn, .products__item--min .products__item-buttons .comments__form-close, .products__item--min .products__item-buttons .comments__form-btn, .products__item--min .products__item-buttons .brands__search-btn, .products__item--min .products__item-buttons .details__comments-form-close, .products__item--min .products__item-buttons .details__comments-form-btn, .products__item--min .products__item-buttons .reviews__item-details-close, .products__item--min .products__item-buttons .reviews__form-close, .products__item--min .products__item-buttons .reviews__form-btn, .products__item--min .products__item-buttons .categories-aside__close, .products__item--min .products__item-buttons .ui-code__btn { width: 5rem; height: 5rem; border-color: #E9E8F1; } .products__item--min .products__item-gallery { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin: -1.5rem 3rem -1.5rem 0; } .products__item--min .products__item-image { height: 13rem; padding: 2rem; } .products__item--min .products__item-action { position: absolute; top: 50%; right: 15rem; left: auto; bottom: auto; margin: -2.5rem 0 0; opacity: 1; visibility: visible; padding: 0; transform: none; } .products__item--min .products__item-desc { -ms-flex: 1; flex: 1; margin: 0 44rem 0 0; } .products__item--min .products__item-title { height: auto; } .products__item--min .products__item-price { margin: 0; } } .products__discount { background: #FFFFFF; border-radius: 10px; padding: 3.5rem; min-height: 100%; position: relative; z-index: 50; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 767px) { .products__discount--responsive { padding: 1.5rem; text-align: center; } .products__discount--responsive .products__discount-circle-in { padding: 1.5rem; } .products__discount--responsive .products__discount-title { font-size: 1.35rem; margin: 0 0 1rem; } .products__discount--responsive .products__discount-price { font-size: 2rem; } .products__discount--responsive .products__discount-price-del { font-size: 1.2rem; } .products__discount--responsive .products__discount-price-economy { font-size: 1rem; } .products__discount--responsive .products__discount-action .comments__form-close, .products__discount--responsive .products__discount-action .comments__form-btn, .products__discount--responsive .products__discount-action .brands__search-btn, .products__discount--responsive .products__discount-action .details__comments-form-close, .products__discount--responsive .products__discount-action .details__comments-form-btn, .products__discount--responsive .products__discount-action .reviews__item-details-close, .products__discount--responsive .products__discount-action .reviews__form-close, .products__discount--responsive .products__discount-action .reviews__form-btn, .products__discount--responsive .products__discount-action .categories-aside__close, .products__discount--responsive .products__discount-action .ui-code__btn { text-indent: -9999px; } .products__discount--responsive .products__discount-action .comments__form-close svg.icon-cart, .products__discount--responsive .products__discount-action .comments__form-btn svg.icon-cart, .products__discount--responsive .products__discount-action .brands__search-btn svg.icon-cart, .products__discount--responsive .products__discount-action .details__comments-form-close svg.icon-cart, .products__discount--responsive .products__discount-action .details__comments-form-btn svg.icon-cart, .products__discount--responsive .products__discount-action .reviews__item-details-close svg.icon-cart, .products__discount--responsive .products__discount-action .reviews__form-close svg.icon-cart, .products__discount--responsive .products__discount-action .reviews__form-btn svg.icon-cart, .products__discount--responsive .products__discount-action .categories-aside__close svg.icon-cart, .products__discount--responsive .products__discount-action .ui-code__btn svg.icon-cart { display: block; margin: 0; } } .products__discount-circle { position: relative; overflow: hidden; background: #343434; color: #fff; overflow: hidden; margin: auto 0 5.6rem; border-radius: 50%; } .products__discount-circle:before { content: ""; float: left; padding: 100% 0 0 0; } .products__discount-circle-in { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; padding: 3rem 3rem 3rem 6rem; } .products__discount-title { display: block; font-size: 1.2rem; line-height: 1; font-weight: 500; letter-spacing: 0.03em; margin: 0 0 2rem; } .products__discount-price { display: block; margin: 0; font-size: 3.7rem; line-height: 1; font-weight: 500; color: #E4CCA7; white-space: nowrap; } .products__discount-price-ins { text-decoration: none; display: block; } .products__discount-price-del { display: inline-block; vertical-align: top; margin: 0; padding: 0 0.3rem; position: relative; font-size: 2rem; line-height: 1.2; font-weight: 400; color: #fff; text-decoration: none; } .products__discount-price-del:after { content: ""; display: block; position: absolute; top: 50%; left: 0; right: 0; height: 0.2rem; background: #F45656; margin: -1px 0 0; } .products__discount-price-economy { display: block; font-size: 1.6rem; line-height: 1.2; font-weight: 400; color: #fff; margin: -0.5rem 0 0; } .products__discount-action .ui-btn, .products__discount-action .comments__form-close, .products__discount-action .comments__form-btn, .products__discount-action .brands__search-btn, .products__discount-action .details__comments-form-close, .products__discount-action .details__comments-form-btn, .products__discount-action .reviews__item-details-close, .products__discount-action .reviews__form-close, .products__discount-action .reviews__form-btn, .products__discount-action .categories-aside__close, .products__discount-action .ui-code__btn { width: 100%; } .banners { margin: 0 0 6rem; } @media (min-width: 1200px) { .banners { margin: 0 0 7.5rem; } } .banners__item { position: relative; padding: 8rem 15%; height: 100%; min-height: 37rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .banners__item-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .banners__item-image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .banners__item-desc { position: relative; z-index: 2; } .banners__item-category { display: block; margin: 0 0 1rem; font-size: 1.4rem; line-height: 1.3; font-weight: 500; opacity: 0.4; } .banners__item-title { display: block; margin: 0 0 3rem; font-size: 3rem; line-height: 1.25; font-weight: 500; } @media (max-width: 1199px) { .banners__item-desc { transform: scale(0.7); position: absolute; } .banners__item { padding: 0; height: 100%; min-height: unset; } .banners__item-image { position: relative; } .banners__item-image img { height: auto; } .banners__item-title { margin: 0 0 2rem; font-size: 2rem; } } .blog { margin: 0 0 6rem; } .blog .container-pagination { padding: 4rem 0 0; } @media (min-width: 1200px) { .blog { margin: 0 0 8rem; } .blog .container-pagination { padding: 8rem 0 0; } } .blog__sorting { margin: 0 0 1rem; } .blog__sorting .ui-select { margin: 0; min-width: 21rem; } .blog__sorting .ui-select select, .blog__sorting .ui-select .selectric { background-color: #fff; border-color: #fff; font-size: 1.5rem; } .blog__sorting .ui-select .selectric-items { background: #fff; } @media (min-width: 1200px) { .blog__sorting { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; margin: 0 0 1.5rem; } } @media (min-width: 1200px) { .blog__wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } } @media (min-width: 1200px) { .blog__sidebar { margin: 0 2rem 6rem 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 34rem; background: #FFFFFF; border-radius: 10px; padding: 4rem 3rem 3rem; } .blog__sidebar + .blog__sidebar { padding: 0 3rem 3rem; margin: -9rem 2rem 6rem 0; } } @media (min-width: 1200px) { .blog__content { -ms-flex: 1; flex: 1; } } .blog__nav { margin: 0 -2.5rem 1rem; } @media (min-width: 1200px) { .blog__nav { margin: 0 0 3.5rem; } } .blog__nav-title { display: none; } @media (min-width: 1200px) { .blog__nav-title { display: block; font-size: 2rem; line-height: 1; font-weight: 500; margin: 0 0 2.5rem; } } .blog__nav-menu { margin: 0; padding: 0 2.5rem; list-style: none; display: -ms-flexbox; display: flex; font-size: 1.5rem; line-height: 1.2; font-weight: 400; overflow-x: auto; overflow-y: hidden; } .blog__nav-menu > li { margin: 0 1rem 0 0; } .blog__nav-menu > li:last-child { margin: 0; } @media (min-width: 1200px) { .blog__nav-menu { -ms-flex-direction: column; flex-direction: column; overflow: visible; padding: 0; } .blog__nav-menu > li { margin: 0 0 0.5rem; } } .blog__nav-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; background: #fff; border-radius: 5px; color: #343434; transition: color 0.25s, background 0.25s; height: 4.5rem; padding: 0 1.5rem; } .blog__nav-link:hover { text-decoration: none; color: var(--theme-primary-color); } .blog__nav-link.is-active { background: var(--theme-primary-color); color: #fff; } @media (min-width: 1200px) { .blog__nav-link { background: #F7F7FB; } } .blog__nav-counter { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 0 0 2rem; } .blog__tags { display: none; } @media (min-width: 1200px) { .blog__tags { display: block; } } .blog__tags-title { display: block; font-size: 1.6rem; line-height: 1.2; font-weight: 400; margin: 0 0 2.5rem; } .blog__tags-menu { margin: 0 -0.25rem -0.5rem; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.4rem; line-height: 1.2; font-weight: 400; } .blog__tags-menu > li { padding: 0 0.25rem 0.5rem; -ms-flex: 0 0 auto; flex: 0 0 auto; } .blog__tags-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 3.5rem; padding: 0 1.2rem; white-space: nowrap; text-decoration: none; background: #F7F7FB; border-radius: 5px; color: #343434; transition: color 0.25s; } .blog__tags-link:hover { text-decoration: none; color: var(--theme-primary-color); } .blog__tags-link span { margin-left: 0.3rem; } .blog__list { margin: 0 -1rem -5rem; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog__list > li { padding: 0 1rem 5rem; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 576px) { .blog__list > li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 768px) { .blog__list > li { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } } @media (min-width: 1200px) { .blog__list > li.is-fullwidth { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 1200px) { .is-fullwidth .blog__item-wrapper { margin: 0; } .is-fullwidth .blog__item-image:after { height: 17.2rem; } .is-fullwidth .blog__item-info { left: auto; right: 0; padding: 3rem; } .is-fullwidth .blog__item-tags { padding: 3rem; } .is-fullwidth .blog__item-title { position: absolute; left: 0; bottom: 0; color: #fff; padding: 3rem; font-size: 2rem; max-width: 54rem; } } .blog__item { position: relative; display: block; text-decoration: none; color: #343434; transition: color 0.25s; } .blog__item:hover { color: #343434; text-decoration: none; } @media (hover: hover) { .blog__item:hover { color: #4791FF; } .blog__item:hover .blog__item-wrapper { transform: scale(1.05); } .blog__item:hover .blog__item-title { transform: translate(0, 10px); text-decoration: none; } .blog__item:hover .blog__item-date { transform: translate(0, 10px); } .blog__item:hover .blog__item-title u { border-color: rgba(71, 145, 255, 0.15); text-decoration: none; } } .blog__item-wrapper { position: relative; background: #000; border-radius: 10px; overflow: hidden; margin: 0 0 2rem; transition: transform 0.25s; will-change: transform; } .blog__item-image { display: block; overflow: hidden; position: relative; margin: 0; max-height: 46.5rem; } .blog__item-image:before { content: ""; float: left; padding: 136% 0 0 0; } .blog__item-image:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 7.4rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); } .blog__item-image img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .blog__item-tags { position: absolute; top: 0; left: 0; margin: 0; padding: 2rem; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog__item-tags > li { margin: 0 1rem 1rem 0; } .blog__item-tags-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #fff; background: rgba(247, 247, 251, 0.2); border-radius: 5px; font-size: 1.4rem; line-height: 1.2; font-weight: 400; white-space: nowrap; height: 3.5rem; padding: 0 1.2rem; transition: color 0.25s, background 0.25s; } .blog__item-tags-item:hover { text-decoration: none; background: #fff; color: #343434; } .blog__item-info { position: absolute; bottom: 0; left: 0; margin: 0; padding: 2rem; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog__item-info > li { margin: 0 2rem 0 0; } .blog__item-info > li:last-child { margin: 0; } .blog__item-info-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #fff; font-size: 1.5rem; line-height: 1.6; font-weight: 500; white-space: nowrap; } .blog__item-info-item svg { display: block; margin: 0 0.7rem 0 0; } .blog__item-title { display: block; margin: 0 3rem 0.8rem 0; font-size: 1.6rem; line-height: 1.5; font-weight: 500; transition: transform 0.25s; will-change: transform; color: inherit; position: relative; z-index: 100; } .blog__item-title u { text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.25s; } .blog__item-date { display: block; margin: 0; font-size: 1.7rem; line-height: 1.2; font-weight: 400; color: #BDC2D3; transition: transform 0.25s; will-change: transform; } .blog-featured { margin: 0 0 6rem; } @media (min-width: 1200px) { .blog-featured { margin: -1rem 0 8rem; } } .blog-featured__title { margin: 0 0 2rem; } .blog-featured__all { margin: 0 0 2rem; font-size: 1.5rem; line-height: 1.2; font-weight: 500; } .blog-featured__item { position: relative; width: 100%; color: #343434; text-decoration: none; transition: color 0.25s; display: block; } .blog-featured__item:hover { color: #343434; text-decoration: none; } @media (hover: hover) { .blog-featured__item:hover { text-decoration: none; color: #4791FF; } .blog-featured__item:hover .blog-featured__item-image { transform: scale(1.05); } .blog-featured__item:hover .blog-featured__item-title, .blog-featured__item:hover .blog-featured__item-date { transform: translate(0, 10px); } .blog-featured__item:hover .blog-featured__item-title u, .blog-featured__item:hover .blog-featured__item-date u { border-color: rgba(71, 145, 255, 0.15); } } .blog-featured__item-image { box-shadow: inset 0 0 0 1px #EEF0F3; background: #F7F7FB url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.8333 71.6667H25.8333C7.73333 71.6667 0 63.9333 0 45.8333V25.8333C0 7.73333 7.73333 0 25.8333 0H45.8333C63.9333 0 71.6667 7.73333 71.6667 25.8333V45.8333C71.6667 63.9333 63.9333 71.6667 45.8333 71.6667ZM25.8333 5C10.4667 5 5 10.4667 5 25.8333V45.8333C5 61.2 10.4667 66.6667 25.8333 66.6667H45.8333C61.2 66.6667 66.6667 61.2 66.6667 45.8333V25.8333C66.6667 10.4667 61.2 5 45.8333 5H25.8333Z' fill='%23E6E7EA'/%3E%3Cpath d='M25.2334 28.3333C22.4 28.3333 19.5667 27.2667 17.4 25.1C16.4334 24.1333 16.4334 22.5333 17.4 21.5667C18.3667 20.6 19.9667 20.6 20.9334 21.5667C23.3 23.9333 27.1667 23.9333 29.5334 21.5667C30.5 20.6 32.1 20.6 33.0667 21.5667C34.0334 22.5333 34.0334 24.1333 33.0667 25.1C30.9001 27.2333 28.0667 28.3333 25.2334 28.3333Z' fill='%23E6E7EA'/%3E%3Cpath d='M46.4333 28.3333C43.6 28.3333 40.7667 27.2667 38.6 25.1C37.6333 24.1333 37.6333 22.5333 38.6 21.5667C39.5667 20.6 41.1667 20.6 42.1333 21.5667C44.5 23.9333 48.3667 23.9333 50.7333 21.5667C51.7 20.6 53.3 20.6 54.2667 21.5667C55.2333 22.5333 55.2333 24.1333 54.2667 25.1C52.1 27.2333 49.2667 28.3333 46.4333 28.3333Z' fill='%23E6E7EA'/%3E%3Cpath d='M35.8333 59.6667C26.1666 59.6667 18.3333 51.8 18.3333 42.1667C18.3333 39.1333 20.7999 36.6667 23.8333 36.6667H47.8333C50.8666 36.6667 53.3333 39.1333 53.3333 42.1667C53.3333 51.8 45.4999 59.6667 35.8333 59.6667ZM23.8333 41.6667C23.5666 41.6667 23.3333 41.9 23.3333 42.1667C23.3333 49.0667 28.9333 54.6667 35.8333 54.6667C42.7333 54.6667 48.3333 49.0667 48.3333 42.1667C48.3333 41.9 48.0999 41.6667 47.8333 41.6667H23.8333Z' fill='%23E6E7EA'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; display: block; overflow: hidden; border-radius: 10px; position: relative; transition: transform 0.25s; will-change: transform; margin: 0 0 1.5rem; } .blog-featured__item-image:before { content: ""; float: left; padding: 136% 0 0 0; } .blog-featured__item-image img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .blog-featured__item-title { display: block; margin: 0 3rem 0.8rem 0; font-size: 1.6rem; line-height: 1.5; font-weight: 500; transition: transform 0.25s; will-change: transform; } .blog-featured__item-title u { text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.25s; } .blog-featured__item-title:last-child { margin-bottom: 0; } .blog-featured__item-date { display: block; margin: 0; font-size: 1.7rem; line-height: 1.2; font-weight: 400; color: #BDC2D3; transition: transform 0.25s; will-change: transform; } .blog-aside { margin: 0 0 6rem; } .blog-aside__title { display: block; margin: 0 0 2rem; font-size: 2rem; line-height: 1.2; font-weight: 500; } .blog-aside__list { margin: 0; padding: 0; list-style: none; } .blog-aside__list > li { margin: 0 0 3rem; } .blog-aside__list > li:last-child { margin: 0; } .blog-aside__item { display: block; position: relative; width: 100%; color: #343434; text-decoration: none; transition: color 0.25s; } .blog-aside__item:hover { text-decoration: none; color: #343434; } @media (hover: hover) { .blog-aside__item:hover { text-decoration: none; color: #4791FF; } .blog-aside__item:hover .blog-aside__item-image { transform: scale(1.05); } .blog-aside__item:hover .blog-aside__item-title,.blog-aside__item:hover .blog-featured__item-date { transform: translate(0, 10px); } .blog-aside__item:hover .blog-aside__item-title u { border-color: rgba(71, 145, 255, 0.15); } } .blog-aside__item-badges { position: absolute; top: 1.5rem; left: 1.5rem; z-index: 100; } .blog-aside__item-image { display: block; overflow: hidden; border-radius: 10px; position: relative; background: #ccc; transition: transform 0.25s; will-change: transform; margin: 0 0 1.5rem; height: 18rem; } .blog-aside__item-image img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .blog-aside__item-title { display: block; margin: 0; font-size: 1.6rem; line-height: 1.5; font-weight: 500; transition: transform 0.25s; will-change: transform; } .blog-aside__item-title u { text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.25s; } .categories { position: relative; z-index: 101; margin: 0 0 6rem; } @media (min-width: 1200px) { .categories { margin: 0 0 8rem; } } .categories:hover { z-index: 102; } .categories__title { margin: 0 0 2rem; } .categories__item { position: relative; z-index: 100; height: 30rem; width: 100%; border-radius: 10px; color: #fff; background: #ccc; transition: transform 0.25s; will-change: transform; } .categories__item:hover { z-index: 200; } @media (hover: hover) { .categories__item:hover .categories__item-back { transform: scale(1.05); } .categories__item:hover .categories__item-menu { max-height: 100%; } } @media (min-width: 1200px) { .categories__item { width: 100%; } } .categories__item-back { position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: 1; background: inherit; border-radius: inherit; transition: transform 0.25s; overflow: hidden; } .categories__item-front { position: relative; z-index: 2; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 3rem 10rem 2rem 2rem; max-width: 100%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .categories__item-front { -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media (min-width: 1200px) { .categories__item-front { padding: 3rem 0 3rem 3rem; max-width: calc(100% - 16rem); } } .categories__item-in { position: relative; min-height: 100%; border-radius: inherit; background: inherit; display: -ms-flexbox; display: flex; } .categories__item-image { position: absolute; top: 0; right: 0; height: 30rem; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: flex-end; transform: translate(25%, 0); } .categories__item-image img { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (min-width: 1200px) { .categories__item-image { transform: none; } } .categories__item-desc { position: relative; z-index: 2; -ms-flex: 1; flex: 1; } .categories__item-title { display: block; margin: 0 0 8rem; font-size: 2.4rem; line-height: 1.25; font-weight: 500; text-decoration: none; transition: color 0.25s, background 0.25s; color: #fff; } .categories__item-title:hover { text-decoration: none; color: #fff; } .categories__item-menu { margin: auto 0 -0.5rem 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; max-height: 10.5rem; } .categories__item-menu > li { margin: 0 0.5rem 0.5rem 0; } .categories__item-link { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; vertical-align: top; white-space: nowrap; height: 3rem; font-size: 1.6rem; line-height: 3rem; font-weight: 500; letter-spacing: 0.01em; border-radius: 4px; background: rgba(0, 0, 0, 0.05); padding: 0 1rem; color: #fff; text-decoration: none; transition: color 0.25s, background 0.25s; } .categories__item-link:hover { text-decoration: none; background: #fff; color: #343434; } @media (max-width: 1199px) { .is-page-sticky .categories-aside__offcanvas { bottom: calc(var(--safe-area-inset-bottom) + 6.5rem); } .is-page-sticky .categories-aside__dropdown, .is-page-sticky .categories-aside__dropright { bottom: calc(var(--safe-area-inset-bottom) + 6.5rem + 9rem); } } @media (max-width: 1199px) { .is-categories-open .categories-aside__offcanvas { opacity: 1; visibility: visible; pointer-events: unset; } } @media (min-width: 1200px) { .categories-aside { background: #fff; border-radius: 10px; padding: 3rem; margin: 0 0 6rem; } .categories-aside--nav { margin: 0 0 2rem; } } @media (max-width: 1199px) { .categories-aside__offcanvas { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: rgba(0, 0, 0, 0.8); padding: 2.5rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; transition: opacity 0.25s, visibility 0.25s; opacity: 0; visibility: hidden; pointer-events: none; } } @media (max-width: 1199px) { .categories-aside__offcanvas-in { background: #FFFFFF; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 10px; padding: 3rem; margin: 0 0 0.5rem; overflow-x: hidden; overflow-y: auto; max-height: 100%; position: relative; } .categories-aside__offcanvas-in::-webkit-scrollbar { display: none; } } .categories-aside__close { border-radius: 10px; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (min-width: 1200px) { .categories-aside__close { display: none; } } .categories-aside__title,.panel-heading { display: block; margin: 0 0 2rem; font-size: 2rem; line-height: 1.2; font-weight: 500; } .categories-aside__menu { margin: 0; padding: 0; list-style: none; font-size: 1.5rem; line-height: 1.2; font-weight: 400; } .categories-aside__menu > li { margin: 0 0 0.5rem; position: relative; } .categories-aside__menu > li:last-child { margin: 0; } .categories-aside__menu > li.is-open > .categories-aside__link svg.icon-arrow-categories { transform: rotate(180deg); } @media (max-width: 1199px) { .categories-aside__menu > li { position: static; } .categories-aside__menu > li.is-open > .categories-aside__dropdown { opacity: 1; visibility: visible; } } .categories-aside__link { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #343434; text-decoration: none; padding: 1rem 4rem 1rem 1.5rem; min-height: 4.5rem; background: #F7F7FB; border-radius: 5px; transition: color 0.25s; } .categories-aside__link:after { content: ""; min-height: 2.5rem; } .categories-aside__link:hover { text-decoration: none; color: var(--theme-primary-color); } .categories-aside__link svg.icon-arrow-categories { position: absolute; top: 50%; right: 1.5rem; width: 0.9rem; height: 0.9rem; margin: -0.5rem 0 0; transition: transform 0.25s; } @media (max-width: 1199px) { .categories-aside__link svg.icon-arrow-categories { transform: rotate(-90deg); } } .categories-aside__back { display: none; font-size: 1.5rem; line-height: 1.2; font-weight: 500; margin: 0 0 2rem; } .categories-aside__back svg.icon-arrow-categories { display: none; } @media (max-width: 1199px) { .categories-aside__back { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 2rem; cursor: pointer; } .categories-aside__back svg.icon-arrow-categories { display: block; margin: 0 1rem 0 0; transform: rotate(90deg); } } .categories-aside__dropdown { display: none; } @media (max-width: 1199px) { .categories-aside__dropdown { display: block; position: fixed; top: 2.5rem; left: 2.5rem; right: 2.5rem; bottom: 9rem; border-radius: 10px; background: #fff; z-index: 100; padding: 3rem; overflow-x: hidden; overflow-y: auto; transition: opacity 0.25s, visibility 0.25s; opacity: 0; visibility: hidden; } .categories-aside__dropdown::-webkit-scrollbar { display: none; } } .categories-aside__dropright { position: absolute; top: -2.5rem; left: 100%; background: #FFFFFF; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 5px; padding: 3rem; z-index: 100; min-width: 30rem; margin: 0 0 0 3.5rem; transition: opacity 0.25s, visibility 0.25s; opacity: 0; visibility: hidden; } .categories-aside__dropright:before { content: ""; display: block; position: absolute; top: 0; right: 100%; bottom: 0; width: 3.5rem; } @media (min-width: 1200px) { .categories-aside__dropright .categories-aside__back { display: block; } .categories-aside__dropright .categories-aside__submenu { padding: 0; } .categories-aside__dropright .categories-aside__sublink { padding: 0.5rem 4rem 0.5rem 0; } .categories-aside__sublink.categories-aside__sublink--show_all { display: none; } } @media (max-width: 1199px) { .categories-aside__dropright { box-shadow: none; position: fixed; top: 2.5rem; left: 2.5rem; right: 2.5rem; bottom: 9rem; min-width: auto; z-index: 100; margin: 0; overflow-x: hidden; overflow-y: auto; border-radius: 10px; } .categories-aside__dropright::-webkit-scrollbar { display: none; } .categories-aside__dropright:before { display: none; } } .categories-aside__submenu { margin: 0; padding: 1rem 0 2rem; list-style: none; } .categories-aside__submenu > li { margin: 0 0 0.5rem; position: relative; } .categories-aside__submenu > li:last-child { margin: 0; } .categories-aside__submenu > li.is-open > .categories-aside__dropright { opacity: 1; visibility: visible; } @media (max-width: 1199px) { .categories-aside__submenu { padding: 0; } .categories-aside__submenu > li { position: static; } } .categories-aside__sublink { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #343434; text-decoration: none; padding: 0.5rem 4rem 0.5rem 1.5rem; transition: color 0.25s; } .categories-aside__sublink.categories-aside__sublink--show_all { padding: 0.5rem 4rem 0.5rem 0; background: transparent; font-weight: 500; } .categories-aside__sublink:hover { text-decoration: none; color: var(--theme-primary-color); } .categories-aside__sublink svg.icon-arrow-categories { position: absolute; top: 50%; right: 1.5rem; width: 0.9rem; height: 0.9rem; margin: -0.5rem 0 0; transform: rotate(-90deg); } .categories-aside__sublink.is-active { font-weight: 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: 1200px) { .reviews__wrapper { -ms-flex-direction: row; flex-direction: row; } } .reviews__content { background: #FFFFFF; border-radius: 10px; padding: 2rem; } @media (min-width: 1200px) { .reviews__content { -ms-flex: 1; flex: 1; margin: 0 3rem 0 0; padding: 0; border-radius: 0; background: none; } } @media (min-width: 1200px) { .reviews__sidebar { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 46rem; } } .reviews__list { margin: 0; padding: 0; list-style: none; } .reviews__list > li { margin: 0 0 1rem; } .reviews__list > li:last-child { margin: 0; } .reviews__details { background: #fff; border-radius: 10px 10px 0 0; padding: 3rem 2rem 2rem; margin: 0; } @media (min-width: 1200px) { .reviews__details { padding: 3rem 4rem 3.5rem; border-radius: 10px; margin: 0 0 1rem; } } .reviews__details-title { display: block; margin: 0 0 0.5rem; font-size: 4rem; line-height: 1; font-weight: 500; white-space: nowrap; } .reviews__details-title svg.icon-star { margin: 0 0 0 0.4rem; width: 2.5rem; height: 2.5rem; color: #E6C622; top: -0.2rem; } .reviews__details-title small { display: block; font-size: 1.6rem; line-height: 1.2; font-weight: 500; white-space: normal; padding: 1rem 0 0; } .reviews__details-counter { display: block; margin: 0 0 2rem; font-size: 1.5rem; line-height: 1.2; font-weight: 400; } .reviews__details-table { width: 100%; border-collapse: collapse; border-spacing: 0; white-space: nowrap; font-size: 1.6rem; line-height: 1.2; font-weight: 400; } .reviews__details-table td { padding: 0.5rem; } .reviews__details-table td:first-child { padding-left: 0; } .reviews__details-table td:last-child { padding-right: 0; text-align: right; } .reviews__details-table tr:first-child td { padding-top: 0; } .reviews__details-table tr:last-child td { padding-bottom: 0; } .reviews__details-line { margin: 3rem 0; border: none; border-top: 1px solid #E8EBF4; } @media (min-width: 1200px) { .reviews__details-line { margin: 4rem 0 3rem; } } .reviews__details-text { display: block; margin: 0; font-size: 1.5rem; line-height: 1.7; font-weight: 400; } .reviews__form.is-open .reviews__form-offcanvas { opacity: 1; visibility: visible; } @media (max-width: 1199px) { .reviews__form { background: #fff; border-radius: 0 0 10px 10px; padding: 0 2rem 2rem; margin: 0 0 1rem; } } @media (min-width: 1200px) { .reviews__form { background: #fff; border-radius: 10px; padding: 3rem; margin: 0 0 1rem; } .reviews__form .ui-legend { margin: 0 0 1.5rem; } .reviews__form .ui-label { margin: 0 0 1rem; } .reviews__form .ui-input, .reviews__form .ui-range__input, .reviews__form .ui-textarea { margin: 0 0 1.5rem; } .reviews__form .ui-action { padding: 2rem 0 0; } } @media (min-width: 1200px) { .reviews__form-btn { display: none; } } @media (max-width: 1199px) { .reviews__form-offcanvas { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: rgba(0, 0, 0, 0.8); padding: 2.5rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; transition: opacity 0.25s, visibility 0.25s; opacity: 0; visibility: hidden; } } @media (max-width: 1199px) { .reviews__form-offcanvas-in { background: #FFFFFF; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 10px; padding: 2.5rem 2rem; margin: 0 0 0.5rem; overflow-x: hidden; overflow-y: auto; max-height: 100%; } .reviews__form-offcanvas-in::-webkit-scrollbar { display: none; } } .reviews__form-close { border-radius: 10px; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (min-width: 1200px) { .reviews__form-close { display: none; } } .reviews__item { border-radius: 5px; background: #fff; padding: 2.5rem 2rem 2rem; border: 1px solid #F0F1F6; } @media (min-width: 1200px) { .reviews__item { padding: 4rem; border: none; } } .reviews__item-head { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; margin: 0 0 2rem; } .reviews__item-head .row { -ms-flex: 1; flex: 1; } .reviews__item-letter { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 1.2rem 0 0; width: 4rem; height: 4rem; border-radius: 50%; background: linear-gradient(90deg, #02AAB0 0%, #00CDAC 100%); -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 1.8rem; line-height: 1.2; font-weight: 500; color: #fff; } .reviews__item-title { display: block; margin: 0 0 0.5rem; font-size: 1.6rem; line-height: 1.2; font-weight: 500; -ms-flex: 1; flex: 1; } .reviews__item-title small { display: block; font-size: 1.4rem; font-weight: 400; } .reviews__item-title svg.icon-star { margin: 0 0.4rem; color: #E6C622; } .reviews__item-details { display: inline-block; vertical-align: top; font-size: 1.4rem; line-height: 1.2; font-weight: 400; margin: 0 0 0.5rem; position: relative; } .reviews__item-details svg.icon-star { position: relative; top: -0.2rem; margin: 0 0 0 0.5rem; color: #E6C622; } .reviews__item-details.is-open .reviews__item-details-offcanvas { opacity: 1; visibility: visible; } @media (min-width: 1200px) { .reviews__item-details { margin: 0; } } .reviews__item-details-btn { display: inline-block; vertical-align: top; position: relative; } .reviews__item-details-btn svg.icon-star { position: absolute; top: 50%; left: 100%; transform: translate(0, -50%); margin: 0 0.4rem; } @media (max-width: 1199px) { .reviews__item-details-offcanvas { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: rgba(0, 0, 0, 0.8); padding: 2.5rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; transition: opacity 0.25s, visibility 0.25s; opacity: 0; visibility: hidden; } } @media (min-width: 1200px) { .reviews__item-details-offcanvas { position: absolute; top: 100%; left: 0; z-index: 100; background: #FFFFFF; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 5px; padding: 2rem; min-width: 26rem; margin: 1rem 0 0; transition: opacity 0.25s, visibility 0.25s; opacity: 0; visibility: hidden; } .reviews__item-details-offcanvas:before { content: ""; display: block; position: absolute; bottom: 100%; left: 0; right: 0; height: 1rem; } } @media (max-width: 1199px) { .reviews__item-details-offcanvas-in { background: #FFFFFF; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 10px; padding: 2.5rem 2rem; margin: 0 0 0.5rem; } } .reviews__item-details-title { display: block; font-size: 1.6rem; line-height: 1.2; font-weight: 500; margin: 0 0 0.5rem; } @media (min-width: 1200px) { .reviews__item-details-title { display: none; } } .reviews__item-details-rating { display: block; margin: 0 0 2rem; font-size: 1.4rem; line-height: 1.2; font-weight: 400; color: rgba(52, 52, 52, 0.4); } .reviews__item-details-rating svg.icon-star { margin: 0 0.4rem; color: #E6C622; position: relative; top: -1px; } @media (min-width: 1200px) { .reviews__item-details-rating { display: none; } } .reviews__item-details-table { width: 100%; border-collapse: collapse; border-spacing: 0; white-space: nowrap; font-size: 1.5rem; line-height: 1.2; font-weight: 400; } .reviews__item-details-table td { padding: 0.5rem; } .reviews__item-details-table td:first-child { padding-left: 0; } .reviews__item-details-table td:last-child { padding-right: 0; text-align: right; } .reviews__item-details-table tr:first-child td { padding-top: 0; } .reviews__item-details-table tr:last-child td { padding-bottom: 0; } .reviews__item-details-table .ui-rate { font-size: 1.4rem; } .reviews__item-details-close { border-radius: 10px; } @media (min-width: 1200px) { .reviews__item-details-close { display: none; } } .reviews__item-date { display: block; margin: 0; font-size: 1.4rem; line-height: 1.2; font-weight: 400; opacity: 0.4; } .reviews__item-body { font-size: 1.5rem; line-height: 1.7; font-weight: 400; margin: 0; } .reviews__item-body p { margin: 0 0 1.5rem; } .reviews__item-body p:last-child { margin: 0; } .reviews__item-body p + time { position: relative; top: -1rem; margin: 0 0 1rem; } .reviews__item-body time { display: block; margin: 0 0 2.5rem; font-size: 1.4rem; font-weight: 400; opacity: 0.4; } .reviews__item-foot { padding: 2.5rem 0 0; } .reviews__answer { position: relative; border-radius: 5px; padding: 3rem 2rem 2.5rem; background: #F4F6FB; margin: 3rem 0 0; } @media (min-width: 1200px) { .reviews__answer { padding: 3rem; margin: 3rem 0 0; } } .reviews__answer-head { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin: 0 0 1rem; } .reviews__answer-body { font-size: 1.5rem; line-height: 1.7; font-weight: 400; margin: 0 0 1rem; } .reviews__answer-body:last-child { margin: 0; } .reviews__answer-body p { margin: 0 0 1.5rem; } .reviews__answer-body p:last-child { margin: 0; } .reviews__answer-body p + time { position: relative; top: -1rem; margin: 0 0 1rem; } .reviews__answer-body time { display: block; margin: 0 0 2.5rem; font-size: 1.4rem; font-weight: 400; opacity: 0.4; } @media (min-width: 1200px) { .reviews__answer-body { margin: 0; } } .reviews__answer-title { display: block; margin: 0 1rem 0 0; font-size: 1.5rem; line-height: 1.2; font-weight: 500; -ms-flex: 1; flex: 1; } .reviews__answer-title small { display: block; font-size: 1.4rem; font-weight: 400; } .reviews__answer-title svg.icon-star { margin: 0 0.4rem; color: #E6C622; } .reviews__answer-date { display: block; font-size: 1.4rem; line-height: 1.2; font-weight: 400; opacity: 0.4; } .reviews-featured { margin: 0 0 6rem; } @media (min-width: 1200px) { .reviews-featured { margin: 0 0 8rem; } } .reviews-featured__title { margin: 0 0 1.5rem; } .reviews-featured__title img { display: inline-block; vertical-align: top; position: relative; top: -0.5em; } .reviews-featured__all { margin: 0 0 2rem; font-size: 1.5rem; line-height: 1.2; font-weight: 500; } .reviews-featured__item { background: #fff; border-radius: 10px; padding: 3.5rem 2.5rem; display: block; width: 100%; min-height: 100%; } @media (min-width: 1200px) { .reviews-featured__item { padding: 3.5rem 3rem 4rem 4rem; } } .reviews-featured__item-head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 0 1.5rem; } .reviews-featured__item-body { font-size: 1.5rem; line-height: 1.7; font-weight: 400; } .reviews-featured__item-body p { margin: 0 0 1.5rem; height: 12.7rem; overflow: hidden; text-overflow: ellipsis; } .reviews-featured__item-body p:last-child { margin: 0; } .reviews-featured__item-body p + span { position: relative; top: -1rem; margin: 0 0 1rem; } .reviews-featured__item-body span { display: block; margin: 0 0 2.5rem; font-size: 1.4rem; font-weight: 400; opacity: 0.4; } .reviews-featured__item-body a { color: #4791FF; border-bottom: 1px solid #E3EEFF; text-decoration: none; } .reviews-featured__item-body a:hover { color: #4791FF; opacity: 0.7; text-decoration: none; } .reviews-featured__item-foot { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 2.5rem -2.5rem -1.5rem -2.5rem; padding: 1.5rem 2.5rem 0 2.5rem; border-top: 1px solid #EAEDF9; } @media (min-width: 1200px) { .reviews-featured__item-foot { margin: 2.5rem -3rem -2rem -4rem; padding: 1.5rem 3rem 0 4rem; } } .reviews-featured__item-product { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #343434; text-decoration: none; transition: color 0.25s; } .reviews-featured__item-product:hover { text-decoration: none; } .reviews-featured__item-product-image { width: 4.8rem; height: 4.8rem; margin: 0 1rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .reviews-featured__item-product-image img { display: block; max-width: 100%; max-height: 100%; } .reviews-featured__item-product-title { display: block; -ms-flex: 1; flex: 1; font-size: 1.4rem; line-height: 1.43; font-weight: 500; } .reviews-featured__item-letter { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 1.2rem 0 0; width: 4rem; height: 4rem; border-radius: 50%; background: linear-gradient(90deg, #02AAB0 0%, #00CDAC 100%); -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 1.8rem; line-height: 1.2; font-weight: 500; color: #fff; } .reviews-featured__item-title { display: block; margin: 0; font-size: 1.6rem; line-height: 1.62; font-weight: 500; -ms-flex: 1; flex: 1; } .reviews-featured__item-title small { display: block; font-size: 1.4rem; font-weight: 400; } .reviews-featured__item-title svg.icon-star { margin: 0 0.4rem; color: #E6C622; } .reviews-featured__item--aside { margin: 0 0 3rem; } .news { margin: 0 0 7rem; } .news .container-fluid { position: relative; } .news .container-pagination { padding: 5rem 0 0; } @media (min-width: 1200px) { .news { margin: 0 0 16rem; } .news .container-pagination { padding: 8rem 0 0; } } .news__sorting { margin: 0 0 1rem; } .news__sorting .ui-select { margin: 0; min-width: 21rem; } .news__sorting .ui-select select, .news__sorting .ui-select .selectric { background-color: #fff; border-color: #fff; font-size: 1.5rem; } .news__sorting .ui-select .selectric-items { background: #fff; } @media (min-width: 1200px) { .news__sorting { position: absolute; right: 2.5rem; bottom: 100%; margin: 0 0 1.5rem; } } .news__list { margin: 0 -1rem -4rem; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news__list > li { padding: 0 1rem 4rem; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 576px) { .news__list > li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 768px) { .news__list > li { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } } @media (min-width: 1200px) { .news__list { margin: 0 -1rem -5rem; } .news__list > li { padding: 0 1rem 5rem; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .news__item { display: block; position: relative; width: 100%; color: #343434; text-decoration: none; transition: color 0.25s; } .news__item:hover { text-decoration: none; color: #343434; } @media (hover: hover) { .news__item:hover { text-decoration: none; color: #4791FF; } .news__item:hover .news__item-image { transform: scale(1.05); } .news__item:hover .news__item-title,.news__item:hover .news__item-date { transform: translate(0, 10px); } .news__item:hover .news__item-title u { border-color: rgba(71, 145, 255, 0.15); } } .news__item-badges { position: absolute; top: 1.5rem; left: 1.5rem; z-index: 100; } .news__item-image { box-shadow: inset 0 0 0 1px #eef0f3; display: block; background: #F7F7FB url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.8333 71.6667H25.8333C7.73333 71.6667 0 63.9333 0 45.8333V25.8333C0 7.73333 7.73333 0 25.8333 0H45.8333C63.9333 0 71.6667 7.73333 71.6667 25.8333V45.8333C71.6667 63.9333 63.9333 71.6667 45.8333 71.6667ZM25.8333 5C10.4667 5 5 10.4667 5 25.8333V45.8333C5 61.2 10.4667 66.6667 25.8333 66.6667H45.8333C61.2 66.6667 66.6667 61.2 66.6667 45.8333V25.8333C66.6667 10.4667 61.2 5 45.8333 5H25.8333Z' fill='%23E6E7EA'/%3E%3Cpath d='M25.2334 28.3333C22.4 28.3333 19.5667 27.2667 17.4 25.1C16.4334 24.1333 16.4334 22.5333 17.4 21.5667C18.3667 20.6 19.9667 20.6 20.9334 21.5667C23.3 23.9333 27.1667 23.9333 29.5334 21.5667C30.5 20.6 32.1 20.6 33.0667 21.5667C34.0334 22.5333 34.0334 24.1333 33.0667 25.1C30.9001 27.2333 28.0667 28.3333 25.2334 28.3333Z' fill='%23E6E7EA'/%3E%3Cpath d='M46.4333 28.3333C43.6 28.3333 40.7667 27.2667 38.6 25.1C37.6333 24.1333 37.6333 22.5333 38.6 21.5667C39.5667 20.6 41.1667 20.6 42.1333 21.5667C44.5 23.9333 48.3667 23.9333 50.7333 21.5667C51.7 20.6 53.3 20.6 54.2667 21.5667C55.2333 22.5333 55.2333 24.1333 54.2667 25.1C52.1 27.2333 49.2667 28.3333 46.4333 28.3333Z' fill='%23E6E7EA'/%3E%3Cpath d='M35.8333 59.6667C26.1666 59.6667 18.3333 51.8 18.3333 42.1667C18.3333 39.1333 20.7999 36.6667 23.8333 36.6667H47.8333C50.8666 36.6667 53.3333 39.1333 53.3333 42.1667C53.3333 51.8 45.4999 59.6667 35.8333 59.6667ZM23.8333 41.6667C23.5666 41.6667 23.3333 41.9 23.3333 42.1667C23.3333 49.0667 28.9333 54.6667 35.8333 54.6667C42.7333 54.6667 48.3333 49.0667 48.3333 42.1667C48.3333 41.9 48.0999 41.6667 47.8333 41.6667H23.8333Z' fill='%23E6E7EA'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; overflow: hidden; border-radius: 10px; position: relative; transition: transform 0.25s; will-change: transform; margin: 0 0 1.5rem; height: 18rem; } .news__item-image img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .news__item-image--badges img { top: 2rem; left: unset; right: 2rem; width: auto; height: 130%; } .news__item-title { display: block; margin: 0; font-size: 1.6rem; line-height: 1.5; font-weight: 500; transition: transform 0.25s; will-change: transform; } .news__item-title u { text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.25s; } .news__item-date { display: block; margin: 0; font-size: 1.7rem; line-height: 1.2; font-weight: 400; color: #BDC2D3; transition: transform 0.25s; will-change: transform; } .news-featured { margin: 0 0 6rem; } @media (min-width: 1200px) { .news-featured { margin: -1rem 0 8rem; } } .news-featured__title { margin: 0 0 2rem; } .news-featured__all { margin: 0 0 2rem; font-size: 1.5rem; line-height: 1.2; font-weight: 500; } .news-featured__item { display: block; position: relative; width: 100%; color: #343434; text-decoration: none; transition: color 0.25s; } .news-featured__item:hover { text-decoration: none; color: #343434; } @media (hover: hover) { .news-featured__item:hover { text-decoration: none; color: #4791FF; } .news-featured__item:hover .news-featured__item-image { transform: scale(1.05); } .news-featured__item:hover .news-featured__item-title, .news-featured__item:hover .news-featured__item-date { transform: translate(0, 10px); } .news-featured__item:hover .news-featured__item-title u, .news-featured__item:hover .news-featured__item-date u { border-color: rgba(71, 145, 255, 0.15); } } .news-featured__item-image { box-shadow: inset 0 0 0 1px #EEF0F3; background: #F7F7FB url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.8333 71.6667H25.8333C7.73333 71.6667 0 63.9333 0 45.8333V25.8333C0 7.73333 7.73333 0 25.8333 0H45.8333C63.9333 0 71.6667 7.73333 71.6667 25.8333V45.8333C71.6667 63.9333 63.9333 71.6667 45.8333 71.6667ZM25.8333 5C10.4667 5 5 10.4667 5 25.8333V45.8333C5 61.2 10.4667 66.6667 25.8333 66.6667H45.8333C61.2 66.6667 66.6667 61.2 66.6667 45.8333V25.8333C66.6667 10.4667 61.2 5 45.8333 5H25.8333Z' fill='%23E6E7EA'/%3E%3Cpath d='M25.2334 28.3333C22.4 28.3333 19.5667 27.2667 17.4 25.1C16.4334 24.1333 16.4334 22.5333 17.4 21.5667C18.3667 20.6 19.9667 20.6 20.9334 21.5667C23.3 23.9333 27.1667 23.9333 29.5334 21.5667C30.5 20.6 32.1 20.6 33.0667 21.5667C34.0334 22.5333 34.0334 24.1333 33.0667 25.1C30.9001 27.2333 28.0667 28.3333 25.2334 28.3333Z' fill='%23E6E7EA'/%3E%3Cpath d='M46.4333 28.3333C43.6 28.3333 40.7667 27.2667 38.6 25.1C37.6333 24.1333 37.6333 22.5333 38.6 21.5667C39.5667 20.6 41.1667 20.6 42.1333 21.5667C44.5 23.9333 48.3667 23.9333 50.7333 21.5667C51.7 20.6 53.3 20.6 54.2667 21.5667C55.2333 22.5333 55.2333 24.1333 54.2667 25.1C52.1 27.2333 49.2667 28.3333 46.4333 28.3333Z' fill='%23E6E7EA'/%3E%3Cpath d='M35.8333 59.6667C26.1666 59.6667 18.3333 51.8 18.3333 42.1667C18.3333 39.1333 20.7999 36.6667 23.8333 36.6667H47.8333C50.8666 36.6667 53.3333 39.1333 53.3333 42.1667C53.3333 51.8 45.4999 59.6667 35.8333 59.6667ZM23.8333 41.6667C23.5666 41.6667 23.3333 41.9 23.3333 42.1667C23.3333 49.0667 28.9333 54.6667 35.8333 54.6667C42.7333 54.6667 48.3333 49.0667 48.3333 42.1667C48.3333 41.9 48.0999 41.6667 47.8333 41.6667H23.8333Z' fill='%23E6E7EA'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; display: block; overflow: hidden; border-radius: 10px; position: relative; transition: transform 0.25s; will-change: transform; margin: 0 0 1.5rem; height: 18rem; } .news-featured__item-image img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .news-featured__item-image--badges img { top: 2rem; left: unset; right: 2rem; width: auto; height: 130%; } .news-featured__item-title { display: block; margin: 0 0 0.8rem; font-size: 1.6rem; line-height: 1.5; font-weight: 500; transition: transform 0.25s; will-change: transform; } .news-featured__item-title u { text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.25s; } .news-featured__item-title:last-child { margin-bottom: 0; } .news-featured__item-date { display: block; margin: 0; font-size: 1.7rem; line-height: 1.2; font-weight: 400; color: #BDC2D3; transition: transform 0.25s; will-change: transform; } .partners { margin: 0 0 6rem; } @media (min-width: 1200px) { .partners { margin: 0 0 11rem; padding: 1rem 0 0; } } .partners__item { position: relative; z-index: 100; background: #ccc; overflow: hidden; border-radius: 10px; width: 100%; height: 40rem; display: block; text-decoration: none; color: #343434; transition: transform 0.25s; will-change: transform; } .partners__item:hover { color: #343434; text-decoration: none; } .partners__item--top_left .partners__item-desc { bottom: auto; top: 0; min-height: 50%; -ms-flex-pack: flex-start; justify-content: flex-start; -ms-flex-align: flex-start; align-items: flex-start; text-align: left; } .partners__item--top_center .partners__item-desc { bottom: auto; top: 0; min-height: 50%; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; } .partners__item--top_right .partners__item-desc { bottom: auto; top: 0; min-height: 50%; -ms-flex-pack: flex-start; justify-content: flex-start; -ms-flex-align: flex-end; align-items: flex-end; text-align: right; } .partners__item--bottom_left .partners__item-desc { bottom: 0; top: auto; min-height: 50%; -ms-flex-pack: flex-end; justify-content: flex-end; -ms-flex-align: flex-start; align-items: flex-start; text-align: left; } .partners__item--bottom_center .partners__item-desc { bottom: 0; top: auto; min-height: 50%; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; } .partners__item--bottom_right .partners__item-desc { bottom: 0; top: auto; min-height: 50%; -ms-flex-pack: flex-end; justify-content: flex-end; -ms-flex-align: flex-end; align-items: flex-end; text-align: center; } .partners__item--white .partners__item-text { color: #fff; } @media (hover: hover) { .partners__item:hover { z-index: 200; transform: scale(1.05); } } @media (min-width: 1200px) { .partners__item { height: 100%; /* 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: 1200px) { .subsc { margin: 0 0 9.5rem; } } .subsc__wrapper { background: #EDF2F5; border-radius: 10px; padding: 2.4rem 1.6rem 2.4rem 2.4rem; overflow: hidden; } .subsc__wrapper .row { -ms-flex-align: center; align-items: center; } @media (min-width: 1200px) { .subsc__wrapper { padding: 4rem 10%; } } .subsc__form { max-width: 74rem; } @media (min-width: 1200px) { .subsc__form { padding: 4rem 0; } } .subsc__image { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; top: -3rem; left: 25%; margin: 0 -2rem -12rem; } .subsc__image img { display: block; } .video { margin: 0 0 6rem; } @media (min-width: 1200px) { .video { margin: 0 0 9rem; } } .video__title { margin: 0 0 2rem; } .video__all { margin: 0 0 2rem; font-size: 1.5rem; line-height: 1.2; font-weight: 500; } .video__item { display: block; position: relative; width: 100%; color: #343434; text-decoration: none; transition: color 0.25s; } .video__item:hover { text-decoration: none; color: #343434; } @media (hover: hover) { .video__item:hover { text-decoration: none; color: #4791FF; } .video__item:hover .video__item-figure { transform: scale(1.05); } .video__item:hover .video__item-title { transform: translate(0, 10px); } .video__item:hover .video__item-title u { border-color: rgba(71, 145, 255, 0.15); } } .video__item-figure { position: relative; margin: 0 0 1.5rem; transition: transform 0.25s; will-change: transform; } .video__item-figure svg.icon-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); will-change: transform; } .video__item-image { display: block; overflow: hidden; border-radius: 10px; position: relative; background: #ccc; transition: transform 0.25s; will-change: transform; margin: 0; height: 18rem; } .video__item-image img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .video__item-title { display: block; margin: 0; font-size: 1.6rem; line-height: 1.5; font-weight: 500; transition: transform 0.25s; will-change: transform; } .video__item-title u { text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.25s; } .benefits { margin: 0 0 6rem; } .benefits__title { margin: 0 0 2rem; } @media (min-width: 1200px) { .benefits { margin: 0 0 9rem; } } .benefits__item { position: relative; width: 100%; background: #fff; border-radius: 10px; padding: 1.5rem 2rem; height: 7rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #343434; text-decoration: none; transition: color 0.25s; } .benefits__item:hover { color: #343434; text-decoration: none; } a.benefits__item:hover { color: #4791FF; } .benefits__item--grid { margin-bottom: 2rem; } .benefits__item-image { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 1.6rem 0 0; -ms-flex: 0 0 44px; flex: 0 0 4.4rem; max-width: 4.4rem; } .benefits__item-image img { display: block; height: 100%; } .benefits__item-title { display: block; margin: 0; padding: 0; font-size: 1.5rem; line-height: 1.33; font-weight: 500; -ms-flex: 1 1 auto; flex: 1 1 auto; } .benefits-aside { margin: 0 0 6rem; } .benefits-aside__title { display: block; margin: 0 0 2rem; font-size: 2rem; line-height: 1.2; font-weight: 500; } .benefits-aside__list { margin: 0; padding: 0; list-style-type: none; } .benefits-aside__list > li { margin: 0 0 2rem; } .benefits-aside__list > li:last-child { margin: 0; } .seo { margin: 0 0 6rem; } @media (min-width: 1200px) { .seo { margin: 0 0 14.5rem; } } @media (min-width: 1200px) { .seo__wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } } .seo__image { overflow: hidden; border-radius: 10px; margin: 0 0 3rem; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 34rem; text-align: right; } .seo__image img { display: inline-block; width: auto; height: 100%; } @media (min-width: 1200px) { .seo__image { margin: 0 4rem 0 0; } } .seo__desc { -ms-flex: 1; flex: 1; max-width: 76rem; font-size: 1.5rem; line-height: 1.75; font-weight: 400; } .seo__desc h3 { display: block; margin: 0 0 1rem; font-size: 2rem; line-height: 1.2; font-weight: 500; } .seo__desc p { margin: 0 0 2rem; } .seo__desc p:last-child { margin: 0; } .seo__readmore { transition: max-height 0.7s; overflow: hidden; margin: 0 0 4rem; } .seo__readmore:last-child { margin: 0; } .seo__readmore[aria-expanded=true] ~ .seo__readmore-link svg.icon-arrow-link { transform: rotate(-90deg); } .seo__readmore-link svg.icon-arrow-link { margin: 0 0 0 3rem; transition: transform 0.25s; } .auth { padding: 3rem 0 4rem; } .auth .container-fluid { max-width: 75rem; } @media (min-width: 1200px) { .auth { padding: 8rem 0; } } .auth__head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 0 2rem; } .auth__body { padding: 2.5rem 3rem 2rem; background: #fff; border-radius: 10px; margin: 0 0 2rem; } .auth__title { margin: 0 2rem 0 0; -ms-flex: 1; flex: 1; } .auth__control { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .auth__control > * { margin: 0 1.5rem 0 0; } .auth__control > *:last-child { margin: 0; } .auth__form .ui-check { margin: 0 0 2.5rem; } .auth__form hr { margin: 0 0 2rem; } .breadcrumbs { padding: 3.5rem 0 3rem; } .breadcrumbs .container-fluid { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1200px) { .breadcrumbs { padding: 2.5rem 0 3rem; } } .breadcrumbs__title { display: block; margin: 0 1rem 1rem 0; font-size: 2.5rem; line-height: 1.15; font-weight: 500; } .breadcrumbs__title:last-child { margin-bottom: 0; } .breadcrumbs__counter { display: block; margin: 0 1rem 1rem 0; font-size: 1.8rem; line-height: 1.15; font-weight: 400; color: #BDC2D3; position: relative; top: 0.2rem; } .breadcrumbs__counter:last-child { margin-bottom: 0; } .breadcrumbs__menu,.breadcrumb { margin: 0 0 1rem; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex: 0 0 100%; flex: 0 0 100%; font-size: 1.35rem; line-height: 1.2; font-weight: 400; color: #BDC2D3; } .breadcrumbs__menu:last-child,.breadcrumb:last-child { margin-bottom: 0; } .breadcrumbs__menu > li,.breadcrumb > li { position: relative; padding: 0 2rem 0 0; } .breadcrumbs__menu > li:after,.breadcrumb > li:after { content: "/"; display: block; position: absolute; top: 0; right: 0; width: 2rem; text-align: center; } .breadcrumbs__menu > li:last-child:after,.breadcrumb > li:last-child:after { display: none; } .breadcrumbs__menu > li:hover > .breadcrumbs__link,.breadcrumb > li:hover > a { color: var(--theme-primary-color); } .breadcrumbs__menu > li:hover > .breadcrumbs__dropdown { opacity: 1; visibility: visible; } @media (max-width: 1199px) { .breadcrumbs__menu { -ms-flex-wrap: wrap; flex-wrap: nowrap; white-space: nowrap; overflow-x: auto; overflow-y: hidden; margin: 0 -2.5rem 1rem; min-width: 100vw; } .breadcrumbs__menu > li:first-child { padding: 0 2rem 0 2.5rem; } .breadcrumbs__menu::-webkit-scrollbar { display: none; } } .breadcrumbs__link,.breadcrumb > li > a { text-decoration: none; color: #BDC2D3; transition: color 0.25s; } .breadcrumbs__link:hover,.breadcrumb > li > a:hover { text-decoration: none; color: var(--theme-primary-color); } .breadcrumbs__dropdown { position: absolute; top: 100%; left: 0; background: #fff; color: #343434; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 5px; padding: 3.5rem; width: 29rem; z-index: 101; margin: 1rem 0 0 0; transition: 0.25s; opacity: 0; visibility: hidden; } .breadcrumbs__dropdown:before { content: ""; display: block; position: absolute; bottom: 100%; left: 0; right: 0; height: 1rem; } .breadcrumbs__dropdown-title { display: block; font-size: 1.5rem; line-height: 1; font-weight: 500; margin: 0 0 2.5rem; } .breadcrumbs__dropdown-menu { margin: 0; padding: 0; list-style: none; font-size: 1.5rem; line-height: 1; font-weight: 400; } .breadcrumbs__dropdown-menu > li { margin: 0 0 1.5rem; } .breadcrumbs__dropdown-menu > li:last-child { margin: 0; } .breadcrumbs__dropdown-link { text-decoration: none; color: #343434; transition: color 0.25s; } .breadcrumbs__dropdown-link:hover { text-decoration: none; color: var(--theme-primary-color); } @media (max-width: 1199px) { .breadcrumbs__dropdown { display: none; } } .breadcrumb>li+li:before{ display: none; } ul.breadcrumb { padding: 2.5rem 0 3rem; background: transparent; border-radius: 0; margin: 0; } @media (min-width: 768px) { .container-pagination { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } } .pagination__menu { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex: 1; flex: 1; font-size: 1.4rem; line-height: 1.2; font-weight: 500; } @media (min-width: 768px) { .pagination__menu { -ms-flex-pack: start; justify-content: flex-start; } } .pagination__link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 4rem; height: 4rem; text-decoration: none; color: #343434; transition: color 0.25s, background 0.25s; border-radius: 4px; } .pagination__link:hover { text-decoration: none; color: var(--theme-primary-color); } .pagination__link.is-active { background: var(--theme-primary-color); color: #fff; } .pagination__action { display: none; } @media (min-width: 768px) { .pagination__action { display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 0 0 2rem; color: #fff; } } .sku { margin: 0 -2.5rem 4rem; } @media (min-width: 1200px) { .sku { margin: 0 0 6rem; } } .sku__view { background: #fff; width: 100%; } @media (min-width: 1200px) { .sku__view { border-radius: 10px; } } .sku__view-head { border-bottom: 1px solid #E4E7F1; padding: 1.5rem 5rem; min-height: 5rem; position: relative; display: none; } .sku__view-body { overflow: hidden; } @media (min-width: 1200px) { .sku__view-body > .row { margin: 0; } .sku__view-body > .row > [class^=col] { padding: 0; border-right: 1px solid #EDEDF9; } .sku__view-body > .row > [class^=col]:last-child { border: none; } } .sku__view-back { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; width: 5rem; height: 100%; } .sku__view-title { display: block; text-align: center; font-size: 1.8rem; line-height: 1.44; font-weight: 500; } .sku__vertical { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; border-bottom: 1px solid #EDEDF9; margin: 0 0 -1px; } @media (max-width: 767px) { .sku__vertical { display: block; } } .sku__vertical-one { position: relative; } .sku__vertical-control { position: relative; width: 16rem; -ms-flex: 0 0 auto; flex: 0 0 auto; border-right: 1px solid #EDEDF9; padding: 0 0 12rem; } @media (max-width: 767px) { .sku__vertical-control { padding: 0; width: 100%; height: 11rem; border: none; border-top: 1px solid #EDEDF9; } } .sku__vertical-nav { position: absolute; left: 0; bottom: 0; width: 16rem; height: 12.2rem; display: -ms-flexbox; display: flex; z-index: 100; border-top: 1px solid #EDEDF9; background: #fff; } .sku__vertical-nav > * { border-right: 1px solid #EDEDF9; } @media (max-width: 767px) { .sku__vertical-nav { opacity: 0; visibility: hidden; } } .sku__vertical-thumbs { width: 100%; height: 100%; } .sku__vertical-slides { position: relative; -ms-flex: 1; flex: 1; max-width: calc(100% - 16rem); } @media (max-width: 767px) { .sku__vertical-slides { max-width: 100%; } } .sku__horizontal { position: relative; border-bottom: 1px solid #EDEDF9; margin: 0 0 -1px; } @media (max-width: 767px) { .sku__horizontal { display: block; } } .sku__horizontal-one { position: relative; } .sku__horizontal-control { position: relative; z-index: 100; border-top: 1px solid #EDEDF9; background: #fff; padding: 0 12rem 0 0; } @media (max-width: 767px) { .sku__horizontal-control { padding: 0; width: 100%; height: 11rem; border: none; border-top: 1px solid #EDEDF9; } } .sku__horizontal-nav { position: absolute; top: 0; right: 0; width: 12rem; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; border-left: 1px solid #EDEDF9; } .sku__horizontal-nav > * { border-bottom: 1px solid #EDEDF9; } .sku__horizontal-nav > *:last-child { border: none; } @media (max-width: 767px) { .sku__horizontal-nav { opacity: 0; visibility: hidden; } } .sku__horizontal-thumbs { position: relative; width: 100%; } .sku__horizontal-slides { position: relative; } @media (max-width: 767px) { .sku__horizontal-slides { max-width: 100%; } } .sku__thumb { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; padding: 1.5rem; } .sku__thumb img { display: block; max-width: 7rem; max-height: 7rem; width: auto; transition: transform 0.25s; mix-blend-mode: multiply; } .sku__thumb:hover img { transform: scale(1.2); } @media (max-width: 767px) { .sku__thumb { width: 11.6rem; } } .sku__slide { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; padding: 7.2rem 2rem; } .sku__slide picture { width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .sku__slide img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; } @media (max-width: 767px) { .sku__slide { height: 34.4rem; } } /* .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: 1200px) { .sku__badges { top: 2.5rem; } } .sku__rating { position: absolute; top: 2rem; right: 2.5rem; z-index: 99; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 2.6rem; font-size: 1.6rem; line-height: 1.2; font-weight: 400; color: #343434; text-decoration: none; } .sku__rating:hover { color: #343434; text-decoration: none; } .sku__rating:hover .sku__rating-counter { color: var(--theme-primary-color); } @media (min-width: 1200px) { .sku__rating { top: 2.5rem; } } .sku__rating-star { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 0.8rem 0 0; } .sku__rating-star svg.icon-star { color: #E5C622; position: relative; top: -0.2rem; display: block; margin: 0 0 0 0.4rem; } .sku__rating-counter { display: block; font-size: 1.4rem; line-height: 1; font-weight: 400; color: #BDC2D3; position: relative; transition: color 0.25s; } .sku__video { position: absolute; left: 0; right: 0; bottom: 3.5rem; z-index: 100; text-align: center; font-size: 1.5rem; line-height: 1.2; font-weight: 400; } .sku__video svg.icon-video { width: 3.4rem; height: 2.4rem; } @media (min-width: 1200px) { .sku__video svg.icon-video { width: 4.4rem; height: 3.2rem; } } .sku__discount { padding: 2.5rem; } @media (max-width: 767px) { .sku__discount .ui-discount__countdown > * { width: 33.333%; } } .sku__desc { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1200px) { .sku__desc { padding: 2.5rem 4rem 3rem; } } .sku__group { padding: 2.5rem; border-bottom: 1px solid #EDEDF9; } @media (min-width: 1200px) { .sku__group { padding: 0 0 2rem; margin: 0 0 2.5rem; border-bottom: 1px solid #EDEDF9; } .sku__group.order-xl-last,.sku__group:last-child { border: none; padding: 0; margin: 0; } } .sku__id { display: inline-block; margin: 0; font-size: 1.4rem; line-height: 2.6rem; font-weight: 400; color: #BDC2D3; float: right; } @media (min-width: 1200px) { .sku__id { float: none; margin-left: 1rem; } } .sku__brand { display: none; margin: 0; position: absolute; top: 2.5rem; right: 2.5rem; line-height: 1; } @media (min-width: 1200px) { .sku__brand { display: block; } } .sku__brand-text { font-size: 1.4rem; line-height: 2.6rem; font-weight: 400; color: #BDC2D3; display: block; } .sku__brand-link { font-size: 1.4rem; font-weight: 500; text-decoration: none; color: #343434; text-decoration: none; transition: color 0.25s; } .sku__brand-link:hover { text-decoration: none; color: var(--theme-primary-color); } .sku__addto { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .sku__addto > li { margin: 0 4rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .sku__addto > li:last-child { margin: 0; } @media (min-width: 1200px) { .sku__addto > li { margin: 0 4rem 0 0; } } .sku__addto-btn { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; text-decoration: none; color: #343434; text-decoration: none; transition: color 0.25s; cursor: pointer; text-align: left; } .sku__addto-btn:hover { text-decoration: none; color: var(--theme-primary-color); } .sku__addto-btn.is-active { color: #13D154; } .sku__addto-btn-icon { margin: 0 1rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 2rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .sku__addto-btn-text { display: block; -ms-flex: 1; flex: 1; font-size: 1.4rem; line-height: 2rem; font-weight: 400; -ms-flex: 0 0 auto; flex: 0 0 auto; } .sku__addto-btn-text small { display: block; font-size: 1.2rem; color: #BDC2D3; } .sku__availability { display: block; font-size: 1.4rem; line-height: 2.6rem; font-weight: 500; letter-spacing: 0.01em; padding: 0 0 0 1.3rem; color: #343434; margin: 0 0 0.7rem; float: left; position: relative; background: transparent; } .sku__availability:before { content: ''; width: 0.7rem; height: 0.7rem; border-radius: 50%; background: #ccc; position: absolute; left: 0; top: calc(50% - 0.5rem); } .sku__availability--true:before { background: #13D154; } .sku__availability--false:before { background: #BDC2D3; } .sku__price { font-size: 3.7rem; line-height: 1.15; font-weight: 500; white-space: nowrap; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin: 0 0 1.5rem; clear: both; } .sku__price-option { margin: -1rem 0 1.5rem; clear: both; font-size: 1.5rem; line-height: 1.87; font-weight: 400; } .sku__price-option span { display: block; } .sku__price--disabled { opacity: 0.2; } .sku__price-ins { margin: 0 0.7rem 0 0; text-decoration: none; } .sku__price-del { margin: 0 0.7rem 0 0; padding: 0 0.2rem; position: relative; font-size: 2rem; line-height: 1.2; font-weight: 400; } .sku__price-del:after { content: ""; display: block; position: absolute; top: 50%; left: 0; right: 0; height: 0.2rem; background: #F45656; margin: -1px 0 0; } .sku__price-economy { -ms-flex: 0 0 100%; flex: 0 0 100%; font-size: 1.4rem; line-height: 1.2; font-weight: 400; color: #BDC2D3; } .sku__action { position: relative; font-size: 1.5rem; line-height: 1.2; font-weight: 400; text-align: center; } .sku__action .row { margin: 0 -0.5rem -0.5rem; } .sku__action .row > [class^=col] { padding: 0 0.5rem 0.5rem; } .sku__action .ui-add-to-cart .ui-number { margin: 0; } .sku__action .ui-add-to-cart.is-active .ui-btn, .sku__action .ui-add-to-cart.is-active .comments__form-close, .sku__action .ui-add-to-cart.is-active .comments__form-btn, .sku__action .ui-add-to-cart.is-active .brands__search-btn, .sku__action .ui-add-to-cart.is-active .details__comments-form-close, .sku__action .ui-add-to-cart.is-active .details__comments-form-btn, .sku__action .ui-add-to-cart.is-active .ui-code__btn, .sku__action .ui-add-to-cart.is-active .categories-aside__close, .sku__action .ui-add-to-cart.is-active .reviews__form-btn, .sku__action .ui-add-to-cart.is-active .reviews__form-close, .sku__action .ui-add-to-cart.is-active .reviews__item-details-close { width: auto; -ms-flex: 1; flex: 1; } .sku__action .ui-btn, .sku__action .comments__form-close, .sku__action .comments__form-btn, .sku__action .brands__search-btn, .sku__action .details__comments-form-close, .sku__action .details__comments-form-btn, .sku__action .ui-code__btn, .sku__action . __close, .sku__action .reviews__form-btn, .sku__action .reviews__form-close, .sku__action .reviews__item-details-close { width: 100%; -ms-flex-pack: center; justify-content: center; } .sku__action .ui-found { padding: 1.5rem 0 0; white-space: nowrap; } @media (min-width: 768px) { .sku__action { text-align: left; } .sku__action .ui-btn--primary, .sku__action .comments__form-btn, .sku__action .brands__search-btn, .sku__action .details__comments-form-btn, .sku__action .reviews__form-btn { min-width: 20rem; -ms-flex-pack: justify; justify-content: space-between; } .sku__action .ui-btn--orange { width: auto; min-width: 18.7rem; } .sku__action .ui-found { position: absolute; top: -6rem; right: 0; white-space: nowrap; padding: 0; } } @media (min-width: 1200px) { .sku__action { margin: 0 0 2rem; } } .sku__credit { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .sku__credit-currency { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; margin: 0 0.7rem 0.7rem 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background: linear-gradient(90deg, #02AAB0 0%, #00CDAC 100%); color: #fff; font-size: 1.4rem; line-height: 1; font-weight: 500; } .sku__credit-title { display: block; margin: 0 0.7rem 0.7rem 0; font-size: 1.4rem; line-height: 1.2; font-weight: 500; } .sku__credit-help { color: #BDC2D3; cursor: help; display: block; margin: 0 0.7rem 0.7rem 0; } .sku__credit-action { -ms-flex: 0 0 100%; flex: 0 0 100%; } .sku__credit-action .ui-btn, .sku__credit-action .comments__form-close, .sku__credit-action .comments__form-btn, .sku__credit-action .brands__search-btn, .sku__credit-action .details__comments-form-close, .sku__credit-action .details__comments-form-btn, .sku__credit-action .ui-code__btn, .sku__credit-action .categories-aside__close, .sku__credit-action .reviews__form-btn, .sku__credit-action .reviews__form-close, .sku__credit-action .reviews__item-details-close, .sku__credit-action .ui-credit-payments { font-weight: 400; } .sku__credit-action .row { margin: 0 -0.5rem -1rem; } .sku__credit-action .row > [class^=col] { padding: 0 0.5rem 1rem; } .sku__settings { padding: 0 0 2rem; } .sku__settings .ui-label { display: block; font-size: 1.4rem; line-height: 1.2; font-weight: 500; margin: 0 0 1rem; } .sku__settings .ui-checklist { margin: 0 -0.5rem -1rem; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sku__settings .ui-checklist + .ui-error { margin: 0.5rem 0 2rem; } .sku__settings .ui-checklist > li { padding: 0 0.5rem 1rem; } .sku__settings .ui-check { margin: 0; } .sku__settings .ui-select { display: block; margin: 0 0 2rem; } .sku__settings .ui-link, .sku__settings .article__body a:not([class]), .article__body .sku__settings a:not([class]), .sku__settings .contacts__data-address a, .contacts__data-address .sku__settings a, .sku__settings .contacts__shops-item-title a, .contacts__shops-item-title .sku__settings a, .sku__settings .contacts__info-item-address a, .contacts__info-item-address .sku__settings a, .sku__settings .details__comments-item-answer-body a, .details__comments-item-answer-body .sku__settings a, .sku__settings .details__txt a, .details__txt .sku__settings a, .sku__settings .ui-wysiwyg a:not([class]), .ui-wysiwyg .sku__settings a:not([class]), .sku__settings .reviews__item-details-btn, .sku__settings .reviews__item-body a, .reviews__item-body .sku__settings a, .sku__settings .reviews__item-link, .sku__settings .reviews__answer-body a, .reviews__answer-body .sku__settings a, .sku__settings .seo__desc a, .seo__desc .sku__settings a, .sku__settings .seo__readmore-link { font-size: 1.4rem; line-height: 1.2; font-weight: 400; } .sku__settings .ui-group { margin: 0 0 3rem; } .sku__settings .row:last-child .ui-group { margin: 0; } @media (min-width: 1200px) { .sku__settings .ui-select,.sku__settings .ui-input,.sku__settings .ui-textarea,.sku__settings .ui-btn { max-width: 34.7rem; min-width: initial; } } .sku__details { padding: 0 0 2rem; } .sku__details-title { display: block; font-size: 1.6rem; line-height: 1.2; font-weight: 500; margin: 0 0 2.5rem; } .sku__details-table { width: 100%; margin: 0 0 2.5rem; border-collapse: collapse; border-spacing: 0; font-size: 1.5rem; line-height: 1.2; font-weight: 400; } .sku__details-table small { display: block; font-size: 1.4rem; margin: 0 0 1rem; color: #BDC2D3; } .sku__details-table th, .sku__details-table td { padding: 0 1rem 2.5rem; min-width: 14rem; width: 33.3333%; vertical-align: top; } .sku__details-table th:first-child, .sku__details-table td:first-child { padding-left: 0; } .sku__details-table th:last-child, .sku__details-table td:last-child { padding-right: 0; } .sku__details-table tr:last-child th, .sku__details-table tr:last-child td { padding-bottom: 0; } @media (max-width: 767px) { .sku__details-table th:nth-child(2) ~ th, .sku__details-table th:nth-child(2) ~ td, .sku__details-table td:nth-child(2) ~ th, .sku__details-table td:nth-child(2) ~ td { display: none; } } .sku__details-action { font-size: 1.4rem; line-height: 1.2; font-weight: 400; } .sku__details-shortdescription { font-size: 1.5rem; line-height: 1.87; font-weight: 400; } .sku__details-shortdescription p { margin: 0; } .sku__delivery { min-height: 7.8rem; } .sku__delivery-title { display: block; font-size: 1.6rem; line-height: 1.2; font-weight: 500; margin: 0 0 2rem; } .is-sku-compact .sku__compact { opacity: 1; visibility: visible; } .sku__compact { position: relative; background: #fff; border-bottom: 2px solid #EDF0F8; margin: 0 -2.5rem; } @media (min-width: 1200px) { .sku__compact { position: fixed; top: 0; left: 0; right: 0; z-index: 999; transition: opacity 0.25s, visibility 0.25s, transform 0.25s; opacity: 0; visibility: hidden; border-width: 1px; margin: 0; } } @media (min-width: 1200px) { .sku__compact-wrapper { padding: 0 3rem; } } @media (min-width: 1200px) { .sku__compact-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 1rem; } } .sku__compact-item-image { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 5rem; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 2.5rem 0 0; } .sku__compact-item-image img { max-height: 100%; width: auto; } .sku__compact-item-desc { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sku__compact-item-title { display: block; font-size: 1.6rem; line-height: 1.2; font-weight: 500; margin: 0 1.5rem 0.5rem 0; } .sku__compact-item-rating { display: block; font-size: 1.6rem; line-height: 1.2; font-weight: 400; margin: 0 1.5rem 0.5rem 0; } .sku__compact-item-rating svg.icon-star { color: #E6C622; margin: 0 0 0 0.5rem; } .sku__compact-item-price { margin: 0; font-size: 2rem; line-height: 1.2; font-weight: 500; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: 0 0 100%; flex: 0 0 100%; } .sku__compact-item-price-ins { text-decoration: none; margin: 0 0.5rem 0 0; } .sku__compact-item-price-del { display: block; margin: 0; padding: 0 0.2rem; position: relative; font-size: 1.5rem; line-height: 1.2; font-weight: 400; text-decoration: none; } .sku__compact-item-price-del:after { content: ""; display: block; position: absolute; top: 50%; left: 0; right: 0; height: 0.2rem; background: #F45656; margin: -1px 0 0; } .sku__compact-item-action { -ms-flex: 0 0 auto; flex: 0 0 auto; color: #fff; } .sku__compact-item-action .ui-btn, .sku__compact-item-action .comments__form-close, .sku__compact-item-action .comments__form-btn, .sku__compact-item-action .brands__search-btn, .sku__compact-item-action .details__comments-form-close, .sku__compact-item-action .details__comments-form-btn, .sku__compact-item-action .ui-code__btn, .sku__compact-item-action .categories-aside__close, .sku__compact-item-action .reviews__form-btn, .sku__compact-item-action .reviews__form-close, .sku__compact-item-action .reviews__item-details-close { min-width: 20rem; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1199px) { .sku__compact-item { position: fixed; left: 0; right: 0; bottom: 0; display: -ms-flexbox; display: flex; z-index: 999; background: #fff; transition: transform 0.25s; padding: 1.5rem; border-top: 1px solid #EDF0F8; } .sku__compact-item .ui-add-to-cart .ui-btn{ margin: 0; } .is-page-sticky .sku__compact-item { transform: translate(0, -6.5rem); } .is-header-sticky .sku__compact-item { transform: translate(0, 0); } .is-header-sticky-open .sku__compact-item { transform: translate(0, -6.5rem); } .sku__compact-item-image,.sku__compact-item-rating { display: none; } .sku__compact-item-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sku__compact-item-desc { width: 50%; } } .sku__compact-control-menu { margin: 0; padding: 0 4rem; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; white-space: nowrap; overflow-x: auto; overflow-y: hidden; } @media (max-width: 1199px) { .sku__compact-control-menu::-webkit-scrollbar { display: none; } } .sku__compact-control-menu > li { margin: 0 2rem 0 0; } .sku__compact-control-menu > li:last-child { margin: 0; } @media (min-width: 1200px) { .sku__compact-control-menu { padding: 0; } } .sku__compact-control-btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 4rem; font-size: 1.6rem; line-height: 1.2; font-weight: 400; padding: 0 1rem; position: relative; cursor: pointer; color: #343434; transition: color 0.25s, border-color 0.25s; border-bottom: 1px solid transparent; } .sku__compact-control-btn:hover { color: var(--theme-primary-color); } .sku__compact-control-btn.is-active { border-color: var(--theme-primary-color); pointer-events: none; } .sku__compact-control-counter { position: relative; left: 0.5rem; color: #BDC2D3; } .set { margin: 0 0 6rem; } @media (min-width: 1200px) { .set { margin: 0 0 10rem; } } .set__title { margin: 0 0 2rem; } .details { margin: 0 0 6rem; } @media (min-width: 1200px) { .details { margin: 0 0 8rem; } } .details__control { background: #FFFFFF; margin: 0 -2.5rem 0.5rem; } @media (min-width: 1200px) { .details__control { border-radius: 10px; margin: 0 0 1rem; } } .details__control-menu { margin: 0; padding: 0 2rem; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; white-space: nowrap; overflow-x: auto; overflow-y: hidden; } .details__control-menu > li { margin: 0 4rem 0 0; } .details__control-menu > li:last-child { margin: 0; } @media (min-width: 1200px) { .details__control-menu { padding: 0 4rem; } } .details__control-btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 5rem; font-size: 1.6rem; line-height: 1.2; font-weight: 400; position: relative; cursor: pointer; color: #343434; transition: color 0.25s, border-color 0.25s; border-bottom: 1px solid transparent; position: relative; } .details__control-btn:after { content: ""; display: block; position: absolute; left: -0.5rem; bottom: 0.5rem; right: -0.5rem; height: 0.2rem; background: var(--theme-primary-color); transition: opacity 0.25s; opacity: 0; } .details__control-btn:hover { color: var(--theme-primary-color); } .details__control-btn.is-active { color: var(--theme-primary-color); pointer-events: none; } .details__control-btn.is-active:after { opacity: 1; } @media (min-width: 1200px) { .details__control-btn { height: 6rem; } } .details__control-counter { position: relative; left: 0.5rem; color: #BDC2D3; } .details__title { display: block; font-size: 2rem; line-height: 1.2; font-weight: 500; margin: 0 0 2rem; } @media (min-width: 1200px) { .details__title { font-size: 2.4rem; } } .details__wrapper { position: relative; } .details__tabs { position: relative; background: #fff; margin: 0 -2.5rem; } @media (min-width: 1200px) { .details__tabs { border-radius: 10px; margin: 0; } } .details__tabs-content { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; padding: 2.5rem 2rem; } .details__tabs-content.is-active { position: relative; opacity: 1; visibility: visible; transition: 0.7s; } @media (min-width: 1200px) { .details__tabs-content { padding: 4rem; } } .details__accordion { background: #FFFFFF; border-radius: 10px; margin: 0 0 1rem; } .details__accordion.is-active .details__accordion-arrow { transform: rotate(180deg); } .details__accordion-toggle { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; padding: 2rem 5rem 2rem 2.5rem; font-size: 2rem; line-height: 1.2; font-weight: 500; cursor: pointer; color: #343434; min-height: 7rem; margin: 0; transition: color 0.25s; } .details__accordion-toggle:hover { color: var(--theme-primary-color); } @media (min-width: 1200px) { .details__accordion-toggle { padding: 3rem 8rem 3rem 4rem; font-size: 2.4rem; min-height: 9.9rem; } } .details__accordion-title { display: block; -ms-flex: 1; flex: 1; margin: 0 0.5rem 0 0; } .details__accordion-counter { color: #BDC2D3; font-weight: 500; } .details__accordion-arrow { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; right: 0; padding: 0 2.5rem; height: 100%; transition: transform 0.25s; } .details__accordion-arrow svg.icon-arrow-toggle { width: 1.3rem; height: 1.3rem; } @media (min-width: 1200px) { .details__accordion-arrow { padding: 0 4rem; } .details__accordion-arrow svg.icon-arrow-toggle { width: 2.1rem; height: 2.1rem; } } .details__accordion-collapse { display: none; padding: 0 2.5rem 3rem; margin: 0 0 1rem; } @media (min-width: 1200px) { .details__accordion-collapse { padding: 0 4rem 5rem; } } .details__txt { max-width: 87.6rem; font-size: 1.5rem; line-height: 1.87; font-weight: 400; } .details__txt h3 { display: block; margin: 0 0 1.5rem; font-size: 1.5rem; line-height: 1.87; font-weight: 500; } .details__txt p { margin: 0 0 1.5rem; } .details__txt-readmore { display: block; width: 100%; margin: 0 0 2rem; max-height: 50rem; transition: 0.4s; overflow: hidden; } .details__txt-readmore:last-child { margin: 0; } .details__txt-readmore + .ui-link svg.icon-arrow-link, .article__body .details__txt-readmore + a:not([class]) svg.icon-arrow-link, .contacts__shops-item-title .details__txt-readmore + a svg.icon-arrow-link, .contacts__info-item-address .details__txt-readmore + a svg.icon-arrow-link, .details__comments-item-answer-body .details__txt-readmore + a svg.icon-arrow-link, .ui-wysiwyg .details__txt-readmore + a:not([class]) svg.icon-arrow-link, .details__txt-readmore + .reviews__item-details-btn svg.icon-arrow-link, .reviews__item-body .details__txt-readmore + a svg.icon-arrow-link, .details__txt-readmore + .reviews__item-link svg.icon-arrow-link, .reviews__answer-body .details__txt-readmore + a svg.icon-arrow-link, .reviews-featured__item-body .details__txt-readmore + a svg.icon-arrow-link, .seo__desc .details__txt-readmore + a svg.icon-arrow-link, .details__txt-readmore + .seo__readmore-link svg.icon-arrow-link, .details__txt .details__txt-readmore + a svg.icon-arrow-link { display: none; } .details__specifications-table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: 1.5rem; line-height: 1.6; font-weight: 400; } .details__specifications-table th, .details__specifications-table td { padding: 0 0.5rem 1.5rem; vertical-align: top; } .details__specifications-table th:first-child, .details__specifications-table td:first-child { padding-left: 0; } .details__specifications-table th:last-child, .details__specifications-table td:last-child { padding-right: 0; } .details__specifications-table tr:last-child th, .details__specifications-table tr:last-child td { padding-bottom: 0; } .details__specifications-table th { color: #BDC2D3; font-size: 1.4rem; font-weight: 400; } .details__specifications { margin-top: -4rem; } .details__specifications-title { font-size: 1.8rem; line-height: 1; font-weight: 500; margin: 4rem 0 3rem; } @media (max-width: 767px) { .details__specifications-table { display: block; } .details__specifications-table thead, .details__specifications-table tbody, .details__specifications-table tr, .details__specifications-table th, .details__specifications-table td { display: block; padding: 0; } .details__specifications-table th { margin: 0 0 0.5rem; } .details__specifications-table td { margin: 0 0 1.5rem; } } @media (min-width: 768px) { .details__specifications-table-line { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: none; } .details__specifications-table-line:after { content: ""; display: block; border-bottom: 1px dashed #D7DBE9; -ms-flex: 1; flex: 1; margin: 0 0 0 0.5rem; position: relative; top: 0.4rem; } } .details__comments .container-pagination { padding: 0; margin: 0; } @media (min-width: 1200px) { .details__comments { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } } .details__comments-content,#faq_content { margin: 0 0 4rem; } @media (min-width: 1200px) { .details__comments-content,#faq_content { -ms-flex: 1; flex: 1; margin: 0 2rem 0 0; } } @media (min-width: 1200px) { .details__comments-sidebar { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 39.5rem; } } .details__comments-list { margin: 0 0 4rem; padding: 0; list-style: none; } .details__comments-list > li { margin: 0 0 1rem; } .details__comments-list > li:last-child { margin: 0; } .details__comments-item { background: #FFFFFF; border: 1px solid #F0F1F6; border-radius: 5px; padding: 2.5rem 2rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1200px) { .details__comments-item { padding: 3.5rem 3.5rem 4rem; } } .details__comments-item-head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 0 2rem; } .details__comments-item-head .row { margin: 0 -0.6rem -0.5rem; -ms-flex: 1; flex: 1; } .details__comments-item-head .row > [class^=col] { padding: 0 0.6rem 0.5rem; } @media (min-width: 1200px) { .details__comments-item-head { margin: 0 0 2.5rem; } } .details__comments-item-body { font-size: 1.5rem; line-height: 1.5; font-weight: 400; } .details__comments-item-body p { margin: 0 0 2rem; } .details__comments-item-body p:last-child { margin: 0; } @media (min-width: 1200px) { .details__comments-item-body { padding: 0 10rem 0 0; } } .details__comments-item-readmore { display: block; width: 100%; margin: 0 0 2rem; max-height: 9rem; transition: 0.4s; overflow: hidden; } .details__comments-item-readmore + .ui-link, .article__body .details__comments-item-readmore + a:not([class]), .contacts__data-address .details__comments-item-readmore + a, .contacts__shops-item-title .details__comments-item-readmore + a, .contacts__info-item-address .details__comments-item-readmore + a, .details__comments-item-answer-body .details__comments-item-readmore + a, .ui-wysiwyg .details__comments-item-readmore + a:not([class]), .details__comments-item-readmore + .reviews__item-details-btn, .reviews__item-body .details__comments-item-readmore + a, .details__comments-item-readmore + .reviews__item-link, .reviews__answer-body .details__comments-item-readmore + a, .seo__desc .details__comments-item-readmore + a, .details__comments-item-readmore + .seo__readmore-link, .details__txt .details__comments-item-readmore + a { margin: 0 0 2rem; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; } .details__comments-item-readmore + .ui-link svg.icon-arrow-link, .article__body .details__comments-item-readmore + a:not([class]) svg.icon-arrow-link, .contacts__data-address .details__comments-item-readmore + a svg.icon-arrow-link, .contacts__shops-item-title .details__comments-item-readmore + a svg.icon-arrow-link, .contacts__info-item-address .details__comments-item-readmore + a svg.icon-arrow-link, .details__comments-item-answer-body .details__comments-item-readmore + a svg.icon-arrow-link, .ui-wysiwyg .details__comments-item-readmore + a:not([class]) svg.icon-arrow-link, .details__comments-item-readmore + .reviews__item-details-btn svg.icon-arrow-link, .reviews__item-body .details__comments-item-readmore + a svg.icon-arrow-link, .details__comments-item-readmore + .reviews__item-link svg.icon-arrow-link, .reviews__answer-body .details__comments-item-readmore + a svg.icon-arrow-link, .seo__desc .details__comments-item-readmore + a svg.icon-arrow-link, .details__comments-item-readmore + .seo__readmore-link svg.icon-arrow-link, .details__txt .details__comments-item-readmore + a svg.icon-arrow-link { display: none; } .details__comments-item-dl { font-size: 1.5rem; line-height: 1.73; font-weight: 400; margin: 0 0 2rem; } .details__comments-item-dl:last-child { margin: 0; } .details__comments-item-dl dt { display: block; margin: 0 0 0.5rem; } .details__comments-item-dl dd { margin: 0 0 2rem; } .details__comments-item-dl dd:last-child { margin: 0; } .details__comments-item-foot { -ms-flex-order: 100; order: 100; } @media (min-width: 768px) { .details__comments-item-foot { -ms-flex-order: unset; order: unset; } } .details__comments-item-vote { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 2rem 0 0; } .details__comments-item-vote .ui-btn, .details__comments-item-vote .comments__form-close, .details__comments-item-vote .comments__form-btn, .details__comments-item-vote .brands__search-btn, .details__comments-item-vote .details__comments-form-close, .details__comments-item-vote .details__comments-form-btn, .details__comments-item-vote .ui-code__btn, .details__comments-item-vote .categories-aside__close, .details__comments-item-vote .reviews__form-btn, .details__comments-item-vote .reviews__form-close, .details__comments-item-vote .reviews__item-details-close { -ms-flex: 1; flex: 1; margin: 0 0.5rem 0 0; } .details__comments-item-vote .ui-btn:last-child, .details__comments-item-vote .comments__form-close:last-child, .details__comments-item-vote .comments__form-btn:last-child, .details__comments-item-vote .brands__search-btn:last-child, .details__comments-item-vote .details__comments-form-close:last-child, .details__comments-item-vote .details__comments-form-btn:last-child, .details__comments-item-vote .ui-code__btn:last-child, .details__comments-item-vote .categories-aside__close:last-child, .details__comments-item-vote .reviews__form-btn:last-child, .details__comments-item-vote .reviews__form-close:last-child, .details__comments-item-vote .reviews__item-details-close:last-child { margin: 0; } @media (min-width: 768px) { .details__comments-item-vote { height: 0; padding: 0; } .details__comments-item-vote .ui-btn, .details__comments-item-vote .comments__form-close, .details__comments-item-vote .comments__form-btn, .details__comments-item-vote .brands__search-btn, .details__comments-item-vote .details__comments-form-close, .details__comments-item-vote .details__comments-form-btn, .details__comments-item-vote .ui-code__btn, .details__comments-item-vote .categories-aside__close, .details__comments-item-vote .reviews__form-btn, .details__comments-item-vote .reviews__form-close, .details__comments-item-vote .reviews__item-details-close { -ms-flex: 0 0 auto; flex: 0 0 auto; } } .details__comments-item-letter { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 1.2rem 0 0; width: 4rem; height: 4rem; border-radius: 50%; background: linear-gradient(90deg, #02AAB0 0%, #00CDAC 100%); -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 1.8rem; line-height: 1.2; font-weight: 500; color: #fff; } .details__comments-item-title { display: block; margin: 0 0 0.5rem; font-size: 1.6rem; line-height: 1.2; font-weight: 500; -ms-flex: 1; flex: 1; } .details__comments-item-title small { font-size: 1.4rem; font-weight: 400; color: #BDC2D3; display: none; } @media (min-width: 768px) { .details__comments-item-title small { display: inline; } } .details__comments-item-rating { display: block; font-size: 1.4rem; line-height: 1.2; font-weight: 400; margin: 0; } .details__comments-item-rating svg.icon-star { margin: 0 0.4rem; color: #E6C622; } .details__comments-item-date { display: block; margin: 0; font-size: 1.4rem; line-height: 1.2; font-weight: 400; color: #BDC2D3; } .details__comments-item-answer { position: relative; border-radius: 5px; padding: 2.5rem 2rem; background: #F4F6FB; margin: 3rem 0 0; } @media (min-width: 1200px) { .details__comments-item-answer { padding: 3rem; margin: 3rem 0 0; } } .details__comments-item-answer-head { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin: 0 0 1rem; } .details__comments-item-answer-body { font-size: 1.5rem; line-height: 1.7; font-weight: 400; margin: 0 0 1rem; } .details__comments-item-answer-body:last-child { margin: 0; } .details__comments-item-answer-body p { margin: 0 0 1.5rem; } .details__comments-item-answer-body p:last-child { margin: 0; } .details__comments-item-answer-body p + time { position: relative; top: -1rem; margin: 0 0 1rem; } .details__comments-item-answer-body time { display: block; margin: 0 0 2.5rem; font-size: 1.4rem; font-weight: 400; opacity: 0.4; } @media (min-width: 1200px) { .details__comments-item-answer-body { margin: 0; } } .details__comments-item-answer-title { display: block; margin: 0 1rem 0 0; font-size: 1.5rem; line-height: 1.2; font-weight: 500; -ms-flex: 1; flex: 1; } .details__comments-item-answer-title small { display: block; font-size: 1.4rem; font-weight: 400; } .details__comments-item-answer-title svg.icon-star { margin: 0 0.4rem; color: #E6C622; } .details__comments-item-answer-date { display: block; font-size: 1.4rem; line-height: 1.2; font-weight: 400; color: #BDC2D3; } .details__comments-rating { background: #FFFFFF; border: 1px solid #F0F1F7; border-radius: 5px; padding: 3rem; margin: 0 0 2rem; } .details__comments-rating-title { display: block; margin: 0 0 0.5rem; font-size: 4rem; line-height: 1; font-weight: 500; white-space: nowrap; } .details__comments-rating-title svg.icon-star { margin: 0 0 0 0.4rem; width: 2.5rem; height: 2.5rem; color: #E6C622; top: -0.2rem; } .details__comments-rating-title small { display: block; font-size: 1.6rem; line-height: 1.2; font-weight: 500; white-space: normal; padding: 1rem 0 0; } .details__comments-rating-counter { display: block; margin: 0 0 2rem; font-size: 1.5rem; line-height: 1.2; font-weight: 400; } .details__comments-rating-list { margin: 0; padding: 0; list-style: none; } .details__comments-rating-list > li { margin: 0 0 2.5rem; } .details__comments-rating-list > li:last-child { margin: 0; } .details__comments-rating-list .ui-progress { margin: 0; } .details__comments-form .ui-rating { margin: 0 0 3rem; } .details__comments-form.is-open .details__comments-form-offcanvas { opacity: 1; visibility: visible; } @media (min-width: 1200px) { .details__comments-form { background: #FFFFFF; border: 1px solid #F0F1F7; border-radius: 5px; padding: 3rem 3rem 3.5rem; } } @media (min-width: 1200px) { .details__comments-form-btn { display: none; } } @media (max-width: 1199px) { .is-page-sticky .details__comments-form-offcanvas { bottom: calc(var(--safe-area-inset-bottom) + 6.5rem); } } @media (max-width: 1199px) { .details__comments-form-offcanvas { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: rgba(0, 0, 0, 0.8); padding: 2.5rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; transition: opacity 0.25s, visibility 0.25s; opacity: 0; visibility: hidden; } } @media (max-width: 1199px) { .details__comments-form-offcanvas-in { background: #FFFFFF; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 10px; padding: 2.5rem 2rem; margin: 0 0 0.5rem; overflow-x: hidden; overflow-y: auto; max-height: 100%; } .details__comments-form-offcanvas-in::-webkit-scrollbar { display: none; } } .details__comments-form-close { border-radius: 10px; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (min-width: 1200px) { .details__comments-form-close { display: none; } } .catalog { margin: 0 0 6rem; } .catalog__content .products { margin: 0 0 4rem; } .catalog .container-pagination { padding: 0; margin: 0 0 6rem; } .catalog .seo { border-top: 1px solid #EDEDF3; padding: 6rem 0 0; margin: 0; } @media (min-width: 1200px) { .catalog { margin: 0 0 8rem; } } @media (min-width: 1200px) { .catalog__wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } } @media (min-width: 1200px) { .catalog__sidebar { width: 34rem; margin: 0 2rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } /* @media (min-width: 1200px) { .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: 1200px) { .filter-aside { margin: 0 0 2rem; background: #FFFFFF; border-radius: 10px; padding: 3rem; } } @media (min-width: 1200px) { .filter-aside__toggle { display: none; } } @media (max-width: 1199px) { .filter-aside__toggle { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: fixed; left: 1.5rem; right: 1.5rem; bottom: 1.5rem; z-index: 500; width: calc(100% - 3rem); height: 5rem; padding: 0 4rem 0 2rem; font-size: 1.8rem; line-height: 1.2; font-weight: 500; background: #F7F7FB; border: 1px solid #343434; border-radius: 5px; color: #343434; transition: transform 0.25s; } .filter-aside__toggle svg.icon-arrow-right { display: block; position: absolute; top: 50%; right: 2rem; width: 1.2rem; height: 1.2rem; margin: -0.6rem 0 0 0; } .filter-aside__toggle:active { background: #d5d5ea; } } @media (min-width: 1200px) { .filter-aside__more { display: none; } } @media (max-width: 1199px) { .filter-aside__more { position: fixed; left: 0; right: 0; bottom: 0; padding: 1.5rem; z-index: 4000; } } @media (max-width: 1199px) { .filter-aside__offcanvas { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 3000; background: #F7F7FB; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; transition: opacity 0.25s, visibility 0.25s; overflow-x: hidden; overflow-y: auto; padding: 0 0 9rem; opacity: 0; visibility: hidden; } } @media (min-width: 1200px) { .filter-aside__head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 0 3rem; } } @media (max-width: 1199px) { .filter-aside__head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 2.5rem 5rem; border-bottom: 1px solid #E4E7F1; } } .filter-aside__foot { margin: 3rem 0 0; } .filter-aside__close { position: absolute; top: 0; left: 2.5rem; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 5rem; } @media (min-width: 1200px) { .filter-aside__close { display: none; } } .filter-aside__title { display: block; font-size: 1.8rem; line-height: 1.2; font-weight: 500; -ms-flex: 1; flex: 1; margin: 0 2rem 0 0; } @media (max-width: 1199px) { .filter-aside__title { margin: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .filter-aside__counter { font-size: 1.6rem; line-height: 1.2; font-weight: 400; position: relative; left: 0.5rem; color: #BDC2D3; } .filter-aside__reset { display: inline-block; vertical-align: top; cursor: pointer; font-size: 1.5rem; line-height: 1.2; font-weight: 400; transition: color 0.25s; color: #343434; } .filter-aside__reset svg.icon-reset { margin: 0 0.5rem 0 0; color: #F0164A; } .filter-aside__reset:hover { color: #343434; } @media (max-width: 1199px) { .filter-aside__reset { position: absolute; top: 50%; right: 2.5rem; transform: translate(0, -50%); color: #F45656; } .filter-aside__reset:hover { color: #F45656; } } @media (min-width: 1200px) { .filter-aside__group { border-bottom: 1px solid #F7F7FB; padding: 0 0 2.5rem; margin: 0 0 2.5rem; } .filter-aside__group:last-child { margin: 0; padding: 0; border: none; } } @media (max-width: 1199px) { .filter-aside__group { padding: 2.5rem; border-bottom: 1px solid #E4E7F1; } .filter-aside__group .ui-range__input, .filter-aside__group .ui-check__tag { background-color: #E8EAF1; } .filter-aside__group:last-child { border: none; } } .filter-aside__group-head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 0 2rem; } .filter-aside__group-title { display: block; font-size: 1.6rem; line-height: 1.2; font-weight: 400; -ms-flex: 1; flex: 1; margin: 0 2rem 0 0; } .filter-aside__group-reset { cursor: pointer; display: block; color: #343434; transition: color 0.25s; } .filter-aside__group-reset:hover { color: #F0164A; } .filter-aside__group-checklist { margin: 0 -1.5rem -0.5rem 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .filter-aside__group-checklist > li { margin: 0 0.5rem 0.5rem 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .filter-aside__group-checklist .ui-check { margin: 0; } .filter-aside__group .ui-link { font-size: 1.4rem; margin: 0; display: inline-block; font-weight: 400; } .settings { margin: 0 0 1rem; } .settings .row { margin: 0 -0.5rem -0.5rem; } .settings .row > [class^=col] { padding: 0 0.5rem 0.5rem; } .settings .ui-select, .settings .ui-display { margin: 0; } .settings .ui-select { width: auto; font-size: 1.5rem; } .settings .ui-select select { background-color: #fff; font-size: inherit; } .settings .ui-select .selectric { background: #fff; } .settings .ui-select .selectric-items { background: #fff; white-space: nowrap; } @media (min-width: 1200px) { .settings .ui-select { min-width: 21rem; } } .cart { margin: 0 0 6rem; } @media (min-width: 1200px) { .cart { margin: 0 0 8rem; } } .cart__title { display: none; } @media (min-width: 1200px) { .cart__title { display: block; margin: 0 0 2rem; font-size: 1.8rem; line-height: 1.2; font-weight: 500; } } @media (min-width: 1200px) { .cart__wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } } .cart__content { margin: 0 0 2rem; } @media (min-width: 1200px) { .cart__content { -ms-flex: 1; flex: 1; margin: 0 2rem 0 0; } } .cart__sidebar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1200px) { .cart__sidebar { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 46rem; } } .cart__code { background: #FFFFFF; border-radius: 5px; padding: 2rem; margin: 0 0 1rem; } .cart__code--coupon,.cart__code--voucher { -ms-flex-order: 2; order: 2; } .cart__code--reward { -ms-flex-order: 3; order: 3; } @media (min-width: 1200px) { .cart__code--coupon,.cart__code--voucher { -ms-flex-order: 4; order: 4; padding: 3rem 4rem; } .cart__code--reward { -ms-flex-order: 5; order: 5; padding: 3rem 4rem; } } .cart__code-head { margin: 0 0 1rem; } .cart__code-head .row { margin: 0 -0.5rem -1rem; -ms-flex-align: center; align-items: center; } .cart__code-head .row > [class^=col] { padding: 0 0.5rem 1rem; } .cart__code-title { display: block; margin: 0; font-size: 1.8rem; line-height: 1.2; font-weight: 500; } .cart__code-action { font-size: 1.4rem; line-height: 1.2; font-weight: 400; } .cart__quick { background: #FFFFFF; border-radius: 5px; padding: 2rem; margin: 0 0 1rem; position: relative; -ms-flex-order: 5; order: 5; } @media (min-width: 1200px) { .cart__quick { -ms-flex-order: 3; order: 3; padding: 2rem 4rem 2.5rem; border-radius: 0 0 5px 5px; } .cart__quick:before { content: ""; display: block; position: absolute; top: 0; left: 4rem; right: 4rem; border-top: 1px solid #E8EBF4; } } .cart__quick-action { margin: 0 0 1.5rem; } .cart__quick-text { margin: 0; font-size: 1.4rem; line-height: 1.43; font-weight: 400; color: #BDC2D3; } .cart__delivery { background: #FFFFFF; border-radius: 5px; padding: 0 2rem; margin: 0 0 1rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-order: 3; order: 3; } .cart__delivery .ui-label { margin: 0 0 0.5rem; } .cart__delivery .ui-input, .cart__delivery .ui-textarea, .cart__delivery .ui-range__input { margin: 0 0 2rem; } .cart__delivery.is-open .cart__delivery-arrow { transform: rotate(180deg); } @media (min-width: 1200px) { .cart__delivery { -ms-flex-order: 5; order: 5; padding: 0 4rem; margin: 0; } } .cart__delivery-head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; min-height: 8.5rem; padding: 2rem 0; cursor: pointer; } .cart__delivery-body { display: none; padding: 0 0 2rem; } @media (min-width: 1200px) { .cart__delivery-body { padding: 0 0 3rem; } } .cart__delivery-title { display: block; margin: 0 2rem 0 0; font-size: 1.8rem; line-height: 1.2; font-weight: 500; } .cart__delivery-arrow { -ms-flex: 0 0 auto; flex: 0 0 auto; transition: transform 0.25s; } .cart__data { background: #FFFFFF; border-radius: 5px; padding: 2rem; margin: 0 0 1rem; -ms-flex-order: 1; order: 5; } @media (min-width: 1200px) { .cart__data { padding: 4rem 4rem 2rem; border-radius: 5px 5px 0 0; margin: 0; order: 1; } } .cart__data-title { display: block; margin: 0 0 2rem; font-size: 1.8rem; line-height: 1.2; font-weight: 500; } .cart__data-table { width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; font-size: 1.6rem; line-height: 1.25; font-weight: 400; } .cart__data-table th, .cart__data-table td { padding: 0.5rem; } .cart__data-table th:first-child, .cart__data-table td:first-child { padding-left: 0; } .cart__data-table th:last-child, .cart__data-table td:last-child { padding-right: 0; } .cart__data-table tfoot tr:first-child th, .cart__data-table tfoot tr:first-child td { padding-top: 25px; } .cart__data-table tfoot tr:last-child th, .cart__data-table tfoot tr:last-child td { padding-bottom: 0; } .cart__data-table mark { background: none; color: #BDC2D3; } .cart__data-table .text-right { font-weight: 500; font-size: 1.5rem; } .cart__action .comments__form-close, .cart__action .comments__form-btn, .cart__action .brands__search-btn, .cart__action .ui-code__btn, .cart__action .categories-aside__close, .cart__action .reviews__form-btn, .cart__action .reviews__form-close, .cart__action .reviews__item-details-close, .cart__action .details__comments-form-btn, .cart__action .details__comments-form-close { -ms-flex-pack: justify; justify-content: space-between; } .cart__action { -ms-flex-order: 5; order: 5; } @media (min-width: 1200px) { .cart__action { -ms-flex-order: 2; order: 2; background: #fff; padding: 2rem 4rem 4rem; } .cart__action .ui-btn, .cart__action .comments__form-close, .cart__action .comments__form-btn, .cart__action .brands__search-btn, .cart__action .ui-code__btn, .cart__action .categories-aside__close, .cart__action .reviews__form-btn, .cart__action .reviews__form-close, .cart__action .reviews__item-details-close, .cart__action .details__comments-form-btn, .cart__action .details__comments-form-close { -ms-flex-pack: center; justify-content: center; } .cart__action .ui-btn__total { display: none; } } .cart__list { margin: 0; padding: 0; list-style: none; } .cart__list > li { margin: 0 0 1rem; } .cart__list > li:last-child { margin: 0; } .cart__item { display: block; position: relative; background: #FFFFFF; border-radius: 10px; padding: 2rem 2rem 9.5rem 11rem; } @media (min-width: 1200px) { .cart__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 2rem 2rem 2rem 22rem; min-height: 14rem; } .cart__item:after { content: ""; min-height: 10rem; } } .cart__item-image { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 2rem; left: 2rem; width: 7.5rem; height: 7.5rem; background: #FFFFFF; border: 1px solid #EDEDF9; border-radius: 5px; overflow: hidden; padding: 1rem; } .cart__item-image img { display: block; max-width: 100%; max-height: 100%; } @media (min-width: 1200px) { .cart__item-image { position: absolute; top: 0; left: 0; width: 20rem; height: 14rem; border: none; margin: 0; padding: 2rem; } } .cart__item-desc { padding: 0 2rem 0 0; } @media (min-width: 1200px) { .cart__item-desc { width: 100%; max-width: 28rem; padding: 0; margin: 0 2rem 0 0; } } .cart__item-id { display: block; margin: 0 0 0.5rem; font-size: 1.4rem; line-height: 1; font-weight: 400; color: #BDC2D3; } .cart__item-title { display: block; margin: 0 0 0.5rem; font-size: 1.5rem; line-height: 1.35; font-weight: 500; text-decoration: none; transition: color 0.25s; color: inherit; } a.cart__item-title:hover { color: var(--theme-primary-color); text-decoration: none; } .cart__item-text { display: none; } @media (min-width: 1200px) { .cart__item-text { display: block; font-size: 1.5rem; line-height: 1.35; font-weight: 400; margin: 0; } } .cart__item-price { display: block; margin: 0; font-size: 1.8rem; line-height: 1.2; font-weight: 400; white-space: nowrap; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .cart__item-price ins { text-decoration: none; margin: 0 0.7rem 0 0; } .cart__item-price del { display: block; padding: 0 0.2rem; position: relative; font-size: 1.35rem; line-height: 1.2; font-weight: 400; margin: 0 0.7rem 0 0; } .cart__item-price del:after { content: ""; display: block; position: absolute; top: 50%; left: 0; right: 0; height: 0.2rem; background: #F45656; margin: -1px 0 0; } .cart__item-price small { font-size: 1.35rem; color: #BDC2D3; } @media (min-width: 1200px) { .cart__item-price { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 21rem; margin: 0 0 0 auto; } .cart__item-price small { -ms-flex: 0 0 100%; flex: 0 0 100%; display: block; } } .cart__item-price-current { margin: 0 0.7rem 0 0; } .cart__item-number { position: absolute; left: 2rem; right: 2rem; bottom: 2rem; } .cart__item-number .ui-number { margin: 0; } @media (min-width: 1200px) { .cart__item-number { position: relative; left: 0; right: 0; bottom: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.4rem; margin: 0 auto; } } .cart__item-action { position: absolute; top: 0; right: 0; z-index: 100; } .cart__item-action.is-open .cart__item-action-offcanvas { opacity: 1; visibility: visible; } .cart__item-action-toggle { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 2rem; cursor: pointer; color: #343434; transition: color 0.25s; } .cart__item-action-toggle:hover { color: var(--theme-primary-color); } .cart__item-action-offcanvas { position: absolute; top: 100%; right: 0; background: #FFFFFF; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 5px; padding: 1.5rem; min-width: 22.8rem; opacity: 0; visibility: hidden; transition: opacity 0.25s, visibility 0.25s; } @media (min-width: 1200px) { .cart__item-action-offcanvas { top: 75%; right: auto; left: 75%; } } .cart__item-action-menu { margin: 0; padding: 0; list-style: none; font-size: 1.5rem; line-height: 1.2; font-weight: 400; white-space: nowrap; } .cart__item-action-menu > li { padding: 0 0 1.5rem; margin: 0 0 1.5rem; border-bottom: 1px solid #EFF3F4; } .cart__item-action-menu > li:last-child { padding: 0; margin: 0; border: none; } .cart__item-action-link { text-decoration: none; color: #343434; transition: color 0.25s; display: block; } .cart__item-action-link:hover { text-decoration: none; color: var(--theme-primary-color); } .checkout { margin: 0 0 6rem; } @media (min-width: 1200px) { .checkout { margin: 0 0 8rem; } } .checkout__wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1200px) { .checkout__wrapper { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; } } .checkout__content { -ms-flex-order: 2; order: 2; margin: 0 0 4rem; } @media (min-width: 1200px) { .checkout__content { -ms-flex-order: 1; order: 1; margin: 0 2rem 0 0; -ms-flex: 1; flex: 1; } } .checkout__sidebar { -ms-flex-order: 1; order: 1; } @media (min-width: 1200px) { .checkout__sidebar { -ms-flex-order: 2; order: 2; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 46rem; } } @media (min-width: 1200px) { .checkout__group { background: #fff; padding: 4rem 4rem 2.5rem; border-radius: 5px; position: relative; } } .checkout__action { -ms-flex-order: 3; order: 3; } .checkout__action .ui-btn, .checkout__action .comments__form-close, .checkout__action .comments__form-btn, .checkout__action .brands__search-btn, .checkout__action .ui-code__btn, .checkout__action .categories-aside__close, .checkout__action .reviews__form-btn, .checkout__action .reviews__form-close, .checkout__action .reviews__item-details-close, .checkout__action .details__comments-form-btn, .checkout__action .details__comments-form-close { -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 1200px) { .checkout__action { display: none; } } .checkout__step { background: #fff; border-radius: 5px; margin: 0 0 1rem; } .checkout__step:last-child { margin: 0; } .checkout__step.is-active .checkout__step-body { display: block; } .checkout__step.is-success .checkout__step-head:before { content: ""; display: block; position: absolute; top: 50%; right: 4rem; width: 2.8rem; height: 2.8rem; margin: -1.4rem 0 0 0; background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.808 9.506L11.802 15.526L9.492 13.216C9.3665 13.0694 9.21205 12.9504 9.03836 12.8664C8.86467 12.7823 8.67549 12.7351 8.48268 12.7277C8.28987 12.7202 8.09761 12.7527 7.91795 12.8231C7.7383 12.8935 7.57513 13.0002 7.43869 13.1367C7.30226 13.2731 7.1955 13.4363 7.12511 13.6159C7.05473 13.7956 7.02224 13.9879 7.02969 14.1807C7.03713 14.3735 7.08436 14.5627 7.16839 14.7364C7.25242 14.91 7.37145 15.0645 7.518 15.19L10.808 18.494C10.9388 18.6237 11.094 18.7264 11.2645 18.7961C11.4351 18.8657 11.6178 18.9011 11.802 18.9C12.1693 18.8984 12.5212 18.7526 12.782 18.494L19.782 11.494C19.9132 11.3638 20.0174 11.209 20.0885 11.0384C20.1595 10.8678 20.1961 10.6848 20.1961 10.5C20.1961 10.3152 20.1595 10.1322 20.0885 9.96159C20.0174 9.79099 19.9132 9.63615 19.782 9.506C19.5197 9.24525 19.1649 9.09889 18.795 9.09889C18.4251 9.09889 18.0703 9.24525 17.808 9.506ZM14 0C11.2311 0 8.52431 0.821086 6.22202 2.35942C3.91973 3.89776 2.12532 6.08426 1.06569 8.64243C0.00606598 11.2006 -0.271181 14.0155 0.269012 16.7313C0.809205 19.447 2.14258 21.9416 4.10051 23.8995C6.05845 25.8574 8.55301 27.1908 11.2687 27.731C13.9845 28.2712 16.7994 27.9939 19.3576 26.9343C21.9157 25.8747 24.1022 24.0803 25.6406 21.778C27.1789 19.4757 28 16.7689 28 14C28 12.1615 27.6379 10.341 26.9343 8.64243C26.2307 6.94387 25.1995 5.40052 23.8995 4.1005C22.5995 2.80048 21.0561 1.76925 19.3576 1.06569C17.659 0.362121 15.8385 0 14 0ZM14 25.2C11.7849 25.2 9.61945 24.5431 7.77762 23.3125C5.93579 22.0818 4.50026 20.3326 3.65256 18.286C2.80485 16.2395 2.58306 13.9876 3.01521 11.815C3.44737 9.6424 4.51406 7.64675 6.08041 6.0804C7.64676 4.51405 9.64241 3.44736 11.815 3.0152C13.9876 2.58305 16.2395 2.80485 18.2861 3.65255C20.3326 4.50025 22.0818 5.93578 23.3125 7.77761C24.5431 9.61944 25.2 11.7848 25.2 14C25.2 16.9704 24.02 19.8192 21.9196 21.9196C19.8192 24.02 16.9704 25.2 14 25.2Z' fill='%2313D154'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } @media (min-width: 1200px) { .checkout__step { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; max-width: 82rem; } } .checkout__step-head { position: relative; padding: 2rem 2.5rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .checkout__step-head .row { -ms-flex: 1; flex: 1; -ms-flex-align: center; align-items: center; margin: 0 -1rem -1.5rem; } .checkout__step-head .row > [class^=col] { padding: 0 1rem 1.5rem; } @media (min-width: 1200px) { .checkout__step-head { padding: 2rem 4rem; min-height: 9.2rem; } .checkout__step-head:after { content: ""; min-height: 5.2rem; } } .checkout__step-body { padding: 0 2.5rem 3rem; display: none; } @media (min-width: 1200px) { .checkout__step-body { padding: 0 4rem 4rem; } } .checkout__step-title { display: inline-block; vertical-align: top; margin: 0 2rem 0 0; font-size: 1.8rem; line-height: 1.2; font-weight: 500; } a.checkout__step-title { text-decoration: none; transition: color 0.25s; color: #343434; pointer-events: none; } a.checkout__step-title:hover { color: var(--theme-primary-color); text-decoration: none; } .pass a.checkout__step-title { pointer-events: initial; } .checkout__step-account { -ms-flex: 0 0 auto; flex: 0 0 auto; } .checkout__step-method { margin: 0 0 4rem; } .checkout__step-method .ui-check { margin: 0 0 1rem; } .checkout__step-method .ui-check:last-child { margin: 0; } .checkout__step-caption { margin: 0 0 2rem; font-size: 1.5rem; line-height: 1.73; font-weight: 400; } .checkout__step-action .ui-btn, .checkout__step-action .comments__form-close, .checkout__step-action .comments__form-btn, .checkout__step-action .brands__search-btn, .checkout__step-action .ui-code__btn, .checkout__step-action .categories-aside__close, .checkout__step-action .reviews__form-btn, .checkout__step-action .reviews__form-close, .checkout__step-action .reviews__item-details-close, .checkout__step-action .details__comments-form-btn, .checkout__step-action .details__comments-form-close { width: 100%; } @media (min-width: 1200px) { .checkout__step-action .ui-btn, .checkout__step-action .comments__form-close, .checkout__step-action .comments__form-btn, .checkout__step-action .brands__search-btn, .checkout__step-action .ui-code__btn, .checkout__step-action .categories-aside__close, .checkout__step-action .reviews__form-btn, .checkout__step-action .reviews__form-close, .checkout__step-action .reviews__item-details-close, .checkout__step-action .details__comments-form-btn, .checkout__step-action .details__comments-form-close { width: auto; min-width: 22.8rem; } } .checkout__step-data .ui-legend { margin: 0 0 2rem; } .checkout__step-data .ui-label { margin: 0 0 0.5rem; } .checkout__step-data .ui-input, .checkout__step-data .ui-textarea, .checkout__step-data .ui-range__input, .checkout__step-data .ui-select, .checkout__step-data select:not([class]) { margin: 0 0 2rem; font-size: 1.5rem; } .checkout__step-data-group { margin: 0 0 2rem; } .checkout__step-delivery, .checkout__step-payments { margin: 0 0 3rem; } .checkout__step-delivery .ui-check, .checkout__step-payments .ui-check { margin: 0 0 1rem; } .checkout__step-delivery .ui-legend, .checkout__step-payments .ui-legend { margin: 0 0 2rem; } .checkout__step-comment .ui-textarea { margin: 0 0 4rem; min-height: 10rem; } .checkout__data { background: #fff; border-radius: 5px; padding: 2rem; margin: 0 0 1rem; } .checkout__data.is-open .checkout__data-arrow { transform: rotate(180deg); } .checkout__data.is-open .checkout__data-body { opacity: 1; } @media (min-width: 1200px) { .checkout__data { padding: 0; margin: 0 0 4rem; } } .checkout__data-head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .checkout__data-head .checkout__data-total { margin: 0 2rem 0 0; } .checkout__data-head .checkout__data-total:last-child { margin: 0; } @media (min-width: 1200px) { .checkout__data-head .checkout__data-total { display: none; } } .checkout__data-title { display: block; margin: 0 2rem 0 0; font-size: 2rem; line-height: 1.2; font-weight: 500; -ms-flex: 1; flex: 1; } .checkout__data-counter { background: none; color: #BDC2D3; } .checkout__data-total { -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 0 4rem; font-size: 2rem; line-height: 1.2; font-weight: 500; white-space: nowrap; color: var(--theme-primary-color); } .checkout__data-total small { display: block; font-size: 1.5rem; color: #343434; margin: 0 0 0.5rem; } .checkout__data-arrow { -ms-flex: 0 0 auto; flex: 0 0 auto; display: block; transition: transform 0.25s; } @media (min-width: 1200px) { .checkout__data-arrow { display: none; } } .checkout__data-body { display: none; padding: 2rem 0 0; transition: opacity 0.25s; opacity: 0; } @media (min-width: 1200px) { .checkout__data-body { display: block; opacity: 1; transition: none; } } .checkout__data-change { display: block; margin: 0 0 2rem; font-size: 1.4rem; line-height: 1.2; font-weight: 400; } @media (min-width: 1200px) { .checkout__data-change { position: absolute; top: 4.5rem; right: 4rem; margin: 0; } } .checkout__data-table { margin: 0 0 3rem; width: 100%; border-collapse: collapse; font-size: 1.5rem; line-height: 1.33; font-weight: 400; } .checkout__data-table th, .checkout__data-table td { padding: 0 0.5rem 1rem; } .checkout__data-table th:first-child, .checkout__data-table td:first-child { padding-left: 0; } .checkout__data-table th:last-child, .checkout__data-table td:last-child { padding-right: 0; } .checkout__data-table th { font-weight: 500; } .checkout__data-table tr:last-child th, .checkout__data-table tr:last-child td { padding-bottom: 0; } .checkout__data-action .ui-btn, .checkout__data-action .comments__form-close, .checkout__data-action .comments__form-btn, .checkout__data-action .brands__search-btn, .checkout__data-action .ui-code__btn, .checkout__data-action .categories-aside__close, .checkout__data-action .reviews__form-btn, .checkout__data-action .reviews__form-close, .checkout__data-action .reviews__item-details-close, .checkout__data-action .details__comments-form-btn, .checkout__data-action .details__comments-form-close { margin: 0 0 1.2rem; } .checkout__data-action .ui-check { margin: 0; } .checkout__data-action .ui-check__checkbox { border-color: #F7F8FB; background: #F7F8FB; } .checkout__data-action .ui-check__text { font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .checkout__quick { background: #fff; border-radius: 5px; padding: 2rem; margin: 0 0 2rem; } @media (min-width: 1200px) { .checkout__quick { padding: 2rem 0 0 0; margin: 0; background: none; border-radius: 0; border-top: 1px solid #E8EBF4; } } .checkout__quick-action { margin: 0 0 1.5rem; } .checkout__quick-text { margin: 0; font-size: 1.4rem; line-height: 1.43; font-weight: 400; color: #BDC2D3; } .brands-featured { margin: 0 0 6rem; } @media (min-width: 1200px) { .brands-featured { 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: 1200px) { .brands { margin: 0 0 8rem; } } .brands__wrapper { max-width: 94rem; margin: 0 auto; } .brands__search { position: relative; margin: 0 0 5rem; } .brands__search-input { width: 100%; font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; border: 1px solid transparent; background: #fff; border-radius: 5px; padding: 1rem 12rem 1rem 2rem; height: 4.6rem; color: #343434; -webkit-appearance: none; appearance: none; margin: 0; transition: box-shadow 0.25s; } .brands__search-input:-ms-input-placeholder { color: #BDC2D3; transition: opacity 0.25s; } .brands__search-input::placeholder { color: #BDC2D3; transition: opacity 0.25s; } .brands__search-input:focus { box-shadow: 0 0 0 2px var(--theme-primary-color); } .brands__search-input:focus:-ms-input-placeholder { opacity: 0; } .brands__search-input:focus::placeholder { opacity: 0; } .brands__search-btn { font-size: 1.6rem; line-height: 1.2; font-weight: 500; padding: 0 1rem; height: 3.8rem; width: 10rem; border-radius: 5px; position: absolute; top: 50%; right: 0.4rem; margin: -1.9rem 0 0; } .brands__abc { display: none; } @media (min-width: 1200px) { .brands__abc { display: block; margin: 0 0 6rem; } } .brands__abc-menu { margin: 0 0 2rem; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 2rem; line-height: 1; font-weight: 400; letter-spacing: 0.85em; } .brands__abc-menu:last-child { margin: 0; } .brands__abc-link { display: block; text-decoration: none; color: #343434; transition: color 0.25s; } .brands__abc-link:hover { text-decoration: none; color: var(--theme-primary-color); } .brands__group { margin: 0 0 6rem; } .brands__group:last-child { margin: 0; } @media (min-width: 1200px) { .brands__group { margin: 0 0 8rem; } } .brands__group-letter { display: block; margin: 0 0 3rem; font-size: 3rem; line-height: 1; font-weight: 400; } .brands__group-scroll { overflow-x: auto; overflow-y: hidden; margin: 0 -2.5rem; padding: 0 2.5rem; } @media (min-width: 1200px) { .brands__group-scroll { overflow: visible; margin: 0; padding: 0; } } .brands__group-words { margin: 0; padding: 0; list-style: none; columns: 4; column-gap: 20px; font-size: 1.5rem; line-height: 1.5; font-weight: 400; min-width: 64rem; } .brands__group-words > li { display: inline-block; vertical-align: top; width: 100%; margin: 0 0 1rem; white-space: nowrap; } @media (min-width: 1200px) { .brands__group-words { min-width: auto; } .brands__group-words > li { white-space: normal; } } .brands__group-images { margin: 0 -1rem -2rem; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .brands__group-images > li { padding: 0 1rem 2rem; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } @media (min-width: 768px) { .brands__group-images > li { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } } @media (min-width: 1200px) { .brands__group-images > li { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .brands__group-item { display: block; text-decoration: none; color: #343434; transition: color 0.25s; } .brands__group-item:hover { text-decoration: none; color: var(--theme-primary-color); } .brands__group-item:hover .brands__group-item-image { border-color: var(--theme-primary-color); } .brands__group-item-image { background: #F7F7FB; border: 1px solid #E6EBFB; position: relative; overflow: hidden; transition: border-color 0.25s; } .brands__group-item-image:before { content: ""; float: left; padding: 100% 0 0 0; } .brands__group-item-image img { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 90%; } .contacts { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .contacts__map { height: 50rem; background: #000; -ms-flex-order: 2; order: 2; width: 100%; margin: 0; } @media (min-width: 1200px) { .contacts__map { -ms-flex-order: 1; order: 1; margin: 0 0 5rem; } } .contacts__wrapper { -ms-flex-order: 1; order: 1; } @media (min-width: 1200px) { .contacts__wrapper { -ms-flex-order: 2; order: 2; } } .contacts__info { margin: 0 0 6rem; padding: 0; list-style: none; } .contacts__info > li { margin: 0 0 1rem; } .contacts__info > li:last-child { margin: 0; } @media (min-width: 768px) { .contacts__info { margin: 0 -1rem -2rem; padding: 0 0 6rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts__info > li { padding: 0 1rem 2rem; margin: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1200px) { .contacts__info { padding: 0 0 7rem; } .contacts__info > li { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .contacts__info-item { display: block; background: #FFFFFF; border-radius: 5px; padding: 3rem; min-height: 100%; } @media (min-width: 1200px) { .contacts__info-item { border-radius: 0; background: none; padding: 0; } } .contacts__info-item-title { display: block; margin: 0 0 1.5rem; font-size: 1.8rem; line-height: 1.15; font-weight: 500; } .contacts__info-item-text { display: block; margin: 0 0 1.5rem; font-size: 1.5rem; line-height: 1.33; font-weight: 400; color: #99A0B7; max-width: 24rem; } .contacts__info-item-dl { margin: 0; } .contacts__info-item-dl dt { display: block; margin: 0 0 1.5rem; font-size: 1.5rem; line-height: 1.2; font-weight: 500; } .contacts__info-item-dl dd { margin: 0 0 2.5rem; } .contacts__info-item-dl dd:last-child { margin: 0; } .contacts__info-item-phones { margin: 0 0 1.5rem; padding: 0; list-style: none; font-size: 1.8rem; line-height: 1.2; font-weight: 400; } .contacts__info-item-phones > li { margin: 0 0 1rem; } .contacts__info-item-phones > li:last-child { margin: 0; } .contacts__info-item-phones a { text-decoration: none; color: #343434; } .contacts__info-item-phones a:hover { text-decoration: none; color: #343434; } .contacts__info-item-worktime { display: block; margin: 0; font-size: 1.5rem; line-height: 1.33; font-weight: 400; color: #99A0B7; } .contacts__info-item-address { display: block; margin: 0; } .contacts__info-item-address svg.icon-location { margin: 0 0.5rem 0 0; color: #F45656; } .contacts__info-item-requisites { margin: 0 -1rem -2rem; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.5rem; line-height: 1.33; font-weight: 400; } .contacts__info-item-requisites small { display: block; font-size: 1.35rem; font-weight: 500; margin: 0 0 0.5rem; } .contacts__info-item-requisites > li { padding: 0 1rem 2rem; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .contacts__shops { margin: 0 0 6rem; } .contacts__shops-title { display: block; margin: 0 0 2.5rem; font-size: 2rem; line-height: 1.2; font-weight: 500; } .contacts__shops-item { position: relative; display: block; } .contacts__shops-item-image { display: block; margin: 0 0 2rem; background: #000; border-radius: 10px; overflow: hidden; height: 18rem; } .contacts__shops-item-image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .contacts__shops-item-mark { position: absolute; top: 1.5rem; left: 1.5rem; background: #FFD540; border-radius: 4px; height: 3rem; padding: 0 1.5rem; font-size: 1.4rem; line-height: 1.2; font-weight: 500; color: #343434; white-space: nowrap; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .contacts__shops-item-mark svg.icon-star-fill { margin: 0 0.6rem 0 0; position: relative; top: -1px; } .contacts__shops-item-title { display: block; margin: 0 0 1.5rem; font-size: 1.6rem; line-height: 1.5; font-weight: 500; } .contacts__shops-item-worktime { display: block; margin: 0 0 1.5rem; font-size: 1.4rem; line-height: 1.2; font-weight: 400; color: #BDC2D3; } .contacts__shops-item-phones { margin: 0; padding: 0; list-style: none; } .contacts__shops-item-phones > li { margin: 0 0 1rem; } .contacts__shops-item-phones > li:last-child { margin: 0; } .contacts__shops-item-phones a { text-decoration: none; color: #343434; } .contacts__shops-item-phones a:hover { text-decoration: none; color: #343434; } .contacts__data { margin: 0 0 6rem; } .contacts__data .row { margin: 0 -1rem -2rem; } .contacts__data .row > [class^=col] { padding: 0 1rem 2rem; } .contacts__data-form { background: #FFFFFF; border-radius: 5px; padding: 2.5rem; width: 36.6rem; margin-bottom: -2rem; } @media (max-width: 1199px) { .contacts__data-form { padding: 3rem; width: auto; } } @media (max-width: 1199px) { .contacts__data-group { display: block; background: #FFFFFF; border-radius: 5px; padding: 3rem; min-height: 100%; } } .contacts__data-title { display: block; margin: 0 0 1rem; font-size: 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: 1200px) { .compare { margin: 0 0 8rem; } } .compare__head { background: #fff; margin: 0 -2.5rem 0.5rem; overflow: hidden; } @media (min-width: 1200px) { .compare__head { border-radius: 10px; margin: 0 0 1rem; } } .compare__body { background: #fff; padding: 6rem 2.5rem; margin: 0 -2.5rem; overflow: hidden; } @media (min-width: 1200px) { .compare__body { padding: 6rem 3rem; margin: 0; border-radius: 10px; } } .compare__topbar { padding: 3rem 2.5rem 0; } @media (min-width: 1200px) { .compare__topbar { padding: 3rem 3rem 0; } } .compare__title { display: block; margin: 0 0 1.5rem; font-size: 2rem; line-height: 1.15; font-weight: 500; } .compare__counter { background: none; font-size: 1.8rem; line-height: 1.15; font-weight: 400; color: #BDC2D3; } .compare__filter .ui-switch { margin: 0; } .compare__spacer { min-width: 100%; } .compare__sticky { position: relative; z-index: 500; padding: 3rem 2.5rem; border-radius: 10px; overflow: hidden; } .compare__sticky.is-sticky { background: #fff; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); } @media (min-width: 1200px) { .compare__sticky { padding: 3rem; transition: box-shadow 0.25s, background 0.25s; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .compare__sticky { position: relative !important; } } .compare__item { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-height: 100%; position: relative; max-width: 27rem; margin: 0 auto; } @media (min-width: 1200px) { .compare__item { min-width: 20%; max-width: 50rem; } } .compare__item-buttons { position: absolute; top: 0; right: 0; z-index: 100; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .compare__item-buttons .ui-btn--compare, .compare__item-buttons .ui-btn--favorite { width: 4rem; height: 4rem; } .compare__item-buttons .ui-btn, .compare__item-buttons .comments__form-close, .compare__item-buttons .comments__form-btn, .compare__item-buttons .ui-code__btn, .compare__item-buttons .categories-aside__close, .compare__item-buttons .reviews__form-btn, .compare__item-buttons .reviews__form-close, .compare__item-buttons .reviews__item-details-close, .compare__item-buttons .details__comments-form-btn, .compare__item-buttons .details__comments-form-close, .compare__item-buttons .brands__search-btn { margin: 0 0.5rem 0 0; } .compare__item-buttons .ui-btn:last-child, .compare__item-buttons .comments__form-close:last-child, .compare__item-buttons .comments__form-btn:last-child, .compare__item-buttons .ui-code__btn:last-child, .compare__item-buttons .categories-aside__close:last-child, .compare__item-buttons .reviews__form-btn:last-child, .compare__item-buttons .reviews__form-close:last-child, .compare__item-buttons .reviews__item-details-close:last-child, .compare__item-buttons .details__comments-form-btn:last-child, .compare__item-buttons .details__comments-form-close:last-child, .compare__item-buttons .brands__search-btn:last-child { margin: 0; } .compare__item-image { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; height: 5rem; margin: 0 0 1rem; } .compare__item-image img { display: block; max-height: 100%; max-width: 100%; } .compare__item-title { display: block; margin: 0 0 0.5rem; font-size: 1.6rem; line-height: 1.37; font-weight: 500; text-decoration: none; transition: color 0.25s; color: inherit; } .compare__item-title:hover { color: var(--theme-primary-color); text-decoration: none; } .compare__item-price { display: block; margin: 0 0 0.5rem; font-size: 1.7rem; line-height: 1.15; font-weight: 400; white-space: nowrap; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: 1; flex: 1; } .compare__item-price mark { display: block; font-size: 1.2rem; line-height: 2.4rem; font-weight: 500; padding: 0 0.7rem; background: #F53C3C; border-radius: 4px; color: #fff; margin: 0 1rem 0 0; } .compare__item-price ins { text-decoration: none; margin: 0 1rem 0 0; } .compare__item-price del { display: block; margin: 0; padding: 0 0.2rem; position: relative; font-size: 1.2rem; line-height: 1; font-weight: 400; } .compare__item-price del:after { content: ""; display: block; position: absolute; top: 50%; left: 0; right: 0; height: 0.2rem; background: #F45656; margin: -1px 0 0; } @media (min-width: 1200px) { .compare__item-image { margin: 0 0 2rem; height: 7rem; } .compare__item-title { margin: 0 0 1.5rem; } .compare__item-price { margin: 0 0 2rem; } } .compare__item-action { display: -ms-flexbox; display: flex; margin: auto 0 0 0; } .compare__item-action .ui-btn, .compare__item-action .comments__form-close, .compare__item-action .comments__form-btn, .compare__item-action .ui-code__btn, .compare__item-action .categories-aside__close, .compare__item-action .reviews__form-btn, .compare__item-action .reviews__form-close, .compare__item-action .reviews__item-details-close, .compare__item-action .details__comments-form-btn, .compare__item-action .details__comments-form-close, .compare__item-action .brands__search-btn { margin: 0 0.5rem 0 0; } .compare__item-action .ui-btn:last-child, .compare__item-action .comments__form-close:last-child, .compare__item-action .comments__form-btn:last-child, .compare__item-action .ui-code__btn:last-child, .compare__item-action .categories-aside__close:last-child, .compare__item-action .reviews__form-btn:last-child, .compare__item-action .reviews__form-close:last-child, .compare__item-action .reviews__item-details-close:last-child, .compare__item-action .details__comments-form-btn:last-child, .compare__item-action .details__comments-form-close:last-child, .compare__item-action .brands__search-btn:last-child { margin: 0; } .compare__data-group { margin: 0 0 5rem; } .compare__data-group:last-child { margin: 0; } .compare__data-title { display: block; font-size: 1.8rem; line-height: 1; font-weight: 500; margin: 0 0 3rem; } .compare__data-dl { margin: 0; font-size: 1.6rem; line-height: 1.25; font-weight: 400; } .compare__data-dl dt { display: block; margin: 0; font-size: 1.6rem; line-height: 1; font-weight: 400; color: #BDC2D3; margin: 0 0 1rem; } .compare__data-dl dd { display: block; margin: 0 0 2.5rem; } .compare__data-dl dd:last-child { margin: 0; } .comments { background: #fff; padding: 4rem 0; margin: 0 0 6rem; } @media (min-width: 1200px) { .comments { padding: 10rem 0; margin: 0 0 8rem; } } .comments__title { display: block; margin: 0 0 3rem; font-size: 2.4rem; line-height: 1.58; font-weight: 500; } .comments__counter { font-size: 2rem; font-weight: 400; position: relative; top: 0; left: 1rem; display: inline-block; vertical-align: middle; color: #BDC2D3; } .comments__list { margin: 0; padding: 0; list-style: none; } .comments__list > li { margin: 0 0 1rem; } .comments__list > li:last-child { margin: 0; } .comments__action { padding: 2rem 0 0; margin: 0 0 1rem; } @media (min-width: 1200px) { .comments__action { margin: 0; } } .comments__item { background: #FFFFFF; border: 1px solid #F0F1F6; border-radius: 5px; padding: 3.5rem 2rem 3rem 2.5rem; } @media (min-width: 1200px) { .comments__item { padding: 3.5rem 6rem 3.5rem 3.5rem; } } .comments__item-head { margin: 0 0 2.5rem; } .comments__item-head .row { -ms-flex-align: center; align-items: center; margin: 0 -0.6rem; } .comments__item-head .row > [class^=col] { padding: 0 0.6rem; } .comments__item-body { font-size: 1.5rem; line-height: 1.73; font-weight: 400; } .comments__item-body p { margin: 0 0 2rem; } .comments__item-body p:last-child { margin: 0; } .comments__item-letter { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0; width: 4rem; height: 4rem; border-radius: 50%; background: linear-gradient(90deg, #02AAB0 0%, #00CDAC 100%); -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 1.8rem; line-height: 1.2; font-weight: 500; color: #fff; } .comments__item-title { display: block; margin: 0 0 0.5rem; font-size: 1.6rem; line-height: 1.2; font-weight: 500; -ms-flex: 1; flex: 1; } .comments__item-title small { display: block; font-size: 1.4rem; font-weight: 400; } .comments__item-title svg.icon-star { margin: 0 0.4rem; color: #E6C622; } .comments__item-date { display: block; margin: 0; font-size: 1.4rem; line-height: 1.2; font-weight: 400; color: #BDC2D3; } @media (min-width: 1200px) { .comments__wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } } @media (min-width: 1200px) { .comments__content { -ms-flex: 1; flex: 1; margin: 0 2rem 0 0; } } @media (min-width: 1200px) { .comments__sidebar { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 34rem; } } .comments__form.is-open .comments__form-offcanvas { opacity: 1; visibility: visible; } @media (min-width: 1200px) { .comments__form { background: #FFFFFF; border: 1px solid #F0F1F7; border-radius: 5px; padding: 3rem 3rem 3.5rem; } } @media (min-width: 1200px) { .comments__form-btn { display: none; } } @media (max-width: 1199px) { .is-page-sticky .comments__form-offcanvas { bottom: calc(var(--safe-area-inset-bottom) + 6.5rem); } } @media (max-width: 1199px) { .comments__form-offcanvas { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: rgba(0, 0, 0, 0.8); padding: 2.5rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; transition: opacity 0.25s, visibility 0.25s; opacity: 0; visibility: hidden; } } @media (max-width: 1199px) { .comments__form-offcanvas-in { background: #FFFFFF; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 10px; padding: 2.5rem 2rem; margin: 0 0 0.5rem; overflow-x: hidden; overflow-y: auto; max-height: 100%; } .comments__form-offcanvas-in::-webkit-scrollbar { display: none; } } .comments__form-close { border-radius: 10px; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (min-width: 1200px) { .comments__form-close { display: none; } } .stock { margin: 0 0 10rem; } .stock .row > [class^=col] { position: relative; } .stock--cover .stock__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; } .stock--cover .stock__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .stock--image .stock__wrapper { padding: 0; } .stock--image .stock__image { margin: 0; display: block; } .stock--image .stock__image img { width: 100%; -o-object-fit: cover; object-fit: cover; } .stock__wrapper { background: #D6E6F0; padding: 3rem 2.5rem 3.5rem; border-radius: 5px; position: relative; overflow: hidden; } @media (min-width: 1200px) { .stock__wrapper { padding: 6.5rem 8rem; } } .stock__image { display: none; } @media (min-width: 1200px) { .stock__image { position: absolute; display: block; bottom: -6.5rem; right: 0; left: 0; } .stock__image img { display: block; margin: 0 auto; } } .stock__desc { position: relative; z-index: 2; } .stock__date { display: inline-block; vertical-align: top; margin: 0 0 3rem; background: rgba(0, 0, 0, 0.05); border-radius: 5px; padding: 0.5rem 1.5rem; font-size: 1.5rem; line-height: 2.6rem; font-weight: 400; } @media (min-width: 1200px) { .stock__date { font-size: 1.7rem; line-height: 3rem; font-weight: 400; padding: 0.5rem 2rem; } } .stock__title { display: block; margin: 0 0 3rem; font-size: 2.6rem; line-height: 1.38; font-weight: 400; } @media (min-width: 1200px) { .stock__title { margin: 0 0 5rem; font-size: 3.5rem; line-height: 1.34; font-weight: 400; } } .stock__text { display: block; margin: 0; font-size: 1.8rem; line-height: 1.78; font-weight: 400; max-width: 70rem; } .article { margin: 0 0 6rem; } @media (min-width: 1200px) { .article { margin: 0 0 10rem; } } .article__head { position: relative; margin: 0 -2.5rem 4.5rem; } @media (min-width: 1200px) { .article__head { margin: 0 0 10rem; } } .article__body { margin: 0 0 4rem; font-size: 1.8rem; line-height: 1.9; font-weight: 400; } .article__body h1, .article__body h2, .article__body h3 { display: block; margin: 0 0 4rem; font-size: 2.4rem; line-height: 1.58; font-weight: 500; } .article__body p { margin: 0 0 4rem; } .article__body p:last-child { margin: 0; } .article__body .swiper-gallery { margin: 4rem 0; } @media (min-width: 1200px) { .article__body { margin: 0 0 6.4rem; } .article__body .swiper-gallery { margin: 5rem 0; } } .article__image { display: block; background: #000; overflow: hidden; margin: 0; border-radius: 0; height: 46.5rem; position: relative; } .article__image:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 23rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); } .article__image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 1200px) { .article__image { border-radius: 10px; } } .article__blockquote { border: none; margin: 0 0 4rem 3rem; font-size: 1.6rem; line-height: 1.75; font-weight: 400; position: absolute; left: 100%; width: 37%; } .article__blockquote-image { width: 10rem; height: 10rem; border-radius: 50%; background: #03FF96; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 2.5rem -2.5rem; } .article__blockquote-text { margin: 0; } .article__tags { position: absolute; top: 3rem; left: 2.5rem; margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .article__tags > li { margin: 0 1rem 1rem 0; } @media (min-width: 1200px) { .article__tags { left: 3rem; } } .article__tags-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; white-space: nowrap; height: 3.5rem; background: rgba(247, 247, 251, 0.2); color: #fff; border-radius: 5px; font-size: 1.4rem; line-height: 1.2; font-weight: 400; padding: 0 1.5rem; } .article__info { position: absolute; left: 2.5rem; bottom: 4rem; margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .article__info > li { margin: 0 2.5rem 0 0; } .article__info > li:last-child { margin: 0; } @media (min-width: 1200px) { .article__info { left: 3rem; } } .article__info-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 1.7rem; line-height: 1.53; font-weight: 400; white-space: nowrap; color: #fff; } .article__info-item svg.icon-views, .article__info-item svg.icon-comments { margin: 0 0.7rem 0 0; } .article__info-item svg.icon-dot { margin: 0 2.5rem 0 0; } .article__share { display: none; } @media (min-width: 1200px) { .article__share { display: block; position: absolute; right: 3rem; bottom: 4rem; } } .tech { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; min-height: 100%; overflow: hidden; background: var(--theme-primary-color); color: #fff; padding: 6rem 0; text-align: center; flex-direction: column; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tech { height: 100%; } } .tech__logo { margin: 0 0 7rem; max-width: 25rem; } .tech__logo img, .tech__logo svg { display: inline-block; vertical-align: top; } @media (min-width: 1200px) { .tech__logo { margin: 0 0 10.8rem; } } .tech__title { display: block; margin: 0 0 3rem; font-size: 2.5rem; line-height: 1.15; font-weight: 500; } .tech__text { display: block; max-width: 54rem; margin: 0 auto 4rem; font-size: 1.8rem; line-height: 1.56; font-weight: 400; } @media (min-width: 1200px) { .tech__text { margin: 0 auto 5rem; } } .tech__social { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tech__social > li { margin: 0 1.5rem 0 0; } .tech__social > li:last-child { margin: 0; } @media (min-width: 1200px) { .tech__social > li { margin: 0 3.5rem 0 0; } } .tech__social-link { display: block; text-decoration: none; transition: 0.25s; } .tech__social-link:hover { text-decoration: none; transform: scale(1.2); } .tech__social-link img { border-radius: 50%; box-shadow: 0 0 0 2px #fff; background: #fff; } .tech .header__mobile { display: none; } .system { padding: 9.4rem 0 13.1rem; text-align: center; } /* @media (min-width: 1200px) { .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: 1200px) { .system__image { margin: 0 auto 6.7rem; } } .system__title { display: block; margin: 0 0 3rem; font-size: 2.5rem; line-height: 1.15; font-weight: 500; } @media (min-width: 1200px) { .system__title { margin: 0 0 4.8rem; } } .system__text { max-width: 66.5rem; margin: 0 auto; font-size: 1.8rem; line-height: 1.89; font-weight: 400; } .system__text.ui-wysiwyg p { margin: 0 0 1rem; } .system__social { padding: 4rem 0 0; } .system__social-text { display: block; margin: 0 0 4rem; font-size: 1.8rem; line-height: 1.15; font-weight: 500; } .popup { position: relative; width: 100%; max-width: 46rem; background: #FFFFFF; border: 1px solid #F0F1F7; border-radius: 5px; padding: 3rem; margin: 0 auto; } .popup--agree { max-width: 70rem; } .popup--custom { max-width: 88rem; } .popup--search { max-width: 87rem; vertical-align: top; margin-top: -4rem; } .popup .fancybox-close { top: 0; right: 0; color: #343434; } .popup .fancybox-close svg { width: 1.5rem; height: 1.5rem; display: block; -ms-flex: 0 0 auto; flex: 0 0 auto; } .popup .fancybox-close:hover { color: var(--theme-primary-color); } .popup--replace { max-width: 112rem; background: #F7F7FB; } .popup--stories { position: fixed; top: 0; left: 0; background: none; border: none; padding: 0; margin: 0; width: 100%; height: 100%; max-width: none; } .popup--stories .fancybox-close { display: none; } .popup__title { display: block; font-size: 2rem; line-height: 1.25; font-weight: 500; margin: 0 0 2rem; } .popup__title:first-letter { text-transform: uppercase; } .popup__form .ui-textarea { min-height: 12rem; height: 12rem; } .popup__form p { margin: 0 0 2rem; } .popup__replace-list { margin: 0 -1rem -2rem; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .popup__replace-list > li { padding: 0 1rem 2rem; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 768px) { .popup__replace-list > li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1200px) { .popup__replace-list > li { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } } .age { text-align: center; } .age__title { display: block; font-size: 2.3rem; line-height: 1.25; font-weight: 500; margin: 1rem 0 1.5rem; } .age__text { font-size: 1.8rem; line-height: 1.3; font-weight: 400; margin: 0 0 3rem; } .alerts-wrapper { position: fixed; top: 0; left: 0; z-index: 1010; padding: 2rem; pointer-events: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; } @media (min-width: 1200px) { .alerts-wrapper { padding: 3rem; } } .alert { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 6rem; pointer-events: auto; padding: 1rem 6rem 1rem 2rem; margin: 0 0 1rem; position: relative; border-radius: 10px; width: 100%; animation: alertShow 0.5s forwards; } .alert:after { content: ""; min-height: 4rem; } .alert--red,.alert-danger { background: #F45656; color: #fff; } .alert--green,.alert-success { background: #13D154; color: #fff; } .alert--yellow,.alert-warning { background: #FFD540; color: #343434; } .alert--yellow a,.alert--yellow a:hover { color: #343434; border-bottom: 1px solid rgb(52 52 52 / 50%); } .alert--dark { background: #343434; color: #fff; } .alert.is-hide { animation: alertHide 0.5s forwards; pointer-events: none; } @media (min-width: 768px) { .alert { width: auto; } } @media (min-width: 1200px) { .alert { margin: 0 0 2rem; padding: 1rem 6rem 1rem 3rem; } } .alert__close { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; right: 0; width: 6rem; height: 6rem; cursor: pointer; color: inherit; } .alert__text { display: block; font-size: 1.8rem; line-height: 1.44; font-weight: 500; margin: 0; } .alert__text a { text-decoration: none; color: #fff; transition: opacity 0.25s; } .alert__text a:hover { text-decoration: none; color: #fff; opacity: 0.8; } @media (min-width: 1200px) { .alert__text { margin: 0 3rem 0 0; } } .alert__action { display: none; } @media (min-width: 1200px) { .alert__action { display: block; } } .alerts-wrapper.is-auto-close .alert { overflow: hidden; } .alerts-wrapper.is-auto-close .alert:before { content: ''; position: absolute; height: 0.5rem; background: rgb(0 0 0 / 10%); bottom: -1px; left: -1px; right: -1px; animation: progressBar 5s linear; animation-fill-mode:both; } @keyframes progressBar { 0% { width: 100%; } 100% { width: 0; } } @keyframes alertShow { 0% { opacity: 0; transform: translate(-100px, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes alertHide { 0% { opacity: 1; transform: translate(0, 0); } 100% { opacity: 0; transform: translate(-100px, 0); } } @media (max-width: 1199px) { .is-page-sticky .chat { transform: translate(0, -6.5rem); bottom: calc(1.5rem + var(--safe-area-inset-bottom)); } .is-sku-compact .is-page-sticky .chat { transform: translate(0, -14.5rem); } .is-sku-compact .chat { transform: translate(0, -8rem); } } @media (max-width: 1199px) { .is-header-sticky .chat { transform: translate(0, 0); } .is-header-sticky.is-sku-compact .chat { transform: translate(0, -8rem); } } @media (max-width: 1199px) { .is-header-sticky-open .chat { transform: translate(0, -6.5rem); } .is-header-sticky-open.is-sku-compact .chat { transform: translate(0, -14.5rem); } } .is-chat-open .chat__toggle svg.icon-chat { opacity: 0; transform: translate(-50%, -50%) scale(0); } .is-chat-open .chat__toggle svg.icon-chat-close { opacity: 1; transform: translate(-50%, -50%) scale(1); } .is-chat-open .chat__offcanvas { opacity: 1; visibility: visible; } .chat { position: fixed; bottom: 2rem; right: 2rem; z-index: 1099; transition: transform 0.25s; } .chat--left { left: 2rem; right: initial; } .chat__toggle { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 6rem; height: 6rem; border-radius: 50%; color: #fff; cursor: pointer; background: var(--theme-primary-color); overflow: hidden; } .chat__toggle svg.icon-chat, .chat__toggle svg.icon-chat-close { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform 0.25s, opacity 0.25s; } .chat__toggle svg.icon-chat-close { opacity: 0; transform: translate(-50%, -50%) scale(0); } .chat__toggle:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.2); transition: opacity 0.25s; opacity: 0; } .chat__toggle:hover:after { opacity: 1; } .chat__toggle:active { transition: none; transform: scale(0.95); } .chat__offcanvas { position: absolute; bottom: 100%; right: 0; margin: 0 0 2rem; width: 49.6rem; max-width: calc(100vw - 4rem); transition: opacity 0.25s, visibility 0.25s, transform 0.25s; opacity: 0; visibility: hidden; } .chat--left .chat__offcanvas { left: 0; right: initial; } .chat__menu { margin: 0 -1.5px -0.3rem; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .chat--right .chat__menu { justify-content: flex-end; } .chat__menu > li { padding: 0 1.5px 0.3rem; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } .chat__link { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; background: #fff; border-radius: 5px; height: 16rem; font-size: 1.5rem; line-height: 1; font-weight: 400; color: #343434; text-decoration: none; transition: color 0.25s, box-shadow 0.25s; } .chat__link:hover { z-index: 2; color: #343434; text-decoration: none; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); } .chat__link-icon { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto 1.5rem; } .chat__link-icon svg { display: block; } .chat__link-text { display: block; } @media (max-width: 1199px) { .chat { right: 1.5rem; bottom: 1.5rem; } .chat__link { height: 13rem; } .chat__offcanvas { margin: 0 0 1.5rem; } .chat--left { right: unset; } } .personal { margin: 0 0 8rem; } @media (min-width: 1200px) { .personal { margin: 0 0 16rem; } } @media (min-width: 1200px) { .personal__wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } } @media (min-width: 1200px) { .personal__sidebar,.col-xl-3.personal__sidebar { margin: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: unset; } } @media (min-width: 1200px) { .personal__content { -ms-flex: 1; flex: 1; max-width: calc(100% - 34rem - 2rem); } } .personal__nav { margin: 0 -2.5rem 2rem; } @media (min-width: 1200px) { .personal__nav { margin: 0 0 2rem; background: #FFFFFF; border-radius: 10px; padding: 3rem; } } .personal__nav-menu { margin: 0; padding: 0 2.5rem; list-style: none; display: -ms-flexbox; display: flex; font-size: 1.5rem; line-height: 1.2; font-weight: 400; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .personal__nav-menu::-webkit-scrollbar { display: none; } .personal__nav-menu:after { content: ""; -ms-flex: 0 0 auto; flex: 0 0 auto; } .personal__nav-menu > li { margin: 0 1rem 0 0; } .personal__nav-menu > li:last-child { margin: 0; } @media (min-width: 1200px) { .personal__nav-menu { -ms-flex-direction: column; flex-direction: column; overflow: visible; padding: 0; } .personal__nav-menu > li { margin: 0 0 0.5rem; } } .personal__nav-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none; background: #fff; border-radius: 5px; color: #343434; transition: color 0.25s, background 0.25s; height: 4.5rem; padding: 0 1.5rem; } .personal__nav-link:hover { text-decoration: none; color: var(--theme-primary-color); } .personal__nav-link.is-active { background: var(--theme-primary-color); color: #fff; } @media (min-width: 1200px) { .personal__nav-link { background: #F7F7FB; } } .personal__nav-title { display: none; } @media (min-width: 1200px) { .personal__nav-title { display: block; font-size: 2rem; line-height: 1; font-weight: 500; margin: 0 0 2.5rem; } } @media (min-width: 1200px) { .personal__overview { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-align: start; align-items: flex-start; width: 100%; } } @media (min-width: 1200px) { .personal__overview-sidebar { margin: 0 0 0 2rem; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 34rem; } } @media (min-width: 1200px) { .personal__overview-content { -ms-flex: 1; flex: 1; max-width: calc(100% - 34rem - 2rem); } } .personal__title { display: none; } @media (min-width: 1200px) { .personal__title { display: block; font-size: 2.5rem; line-height: 1; font-weight: 500; margin: 0 0 2.5rem; } } .personal__action { background: #FFFFFF; border-radius: 10px; margin: 0 0 2rem; } .personal__action-menu { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .personal__action-menu > li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; border-bottom: 1px solid #EFF1F7; border-right: 1px solid #EFF1F7; } .personal__action-menu > li:nth-of-type(2n) { border-right: none; } .personal__action-menu > li:nth-last-of-type(1) { border-bottom: none; } .personal__action-menu > li:nth-last-of-type(2) { border-bottom: none; } .personal__action-link { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 15rem; text-decoration: none; color: #343434; transition: color 0.25s; } .personal__action-link:hover { text-decoration: none; color: var(--theme-primary-color); } .personal__action-link-icon { display: block; margin: 0 0 0.5rem; position: relative; } .personal__action-link-dot { display: block; position: absolute; bottom: 100%; left: 100%; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #FB2525; } .personal__action-link-text { display: block; font-size: 1.4rem; line-height: 1; font-weight: 400; } .personal__subsc { margin: 0 0 2rem; position: relative; background: #13D154; color: #fff; border-radius: 5px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 6rem 3rem 3rem; min-height: 30rem; transition: color 0.25s, background 0.25s; text-decoration: none; } .personal__subsc:hover { text-decoration: none; color: #fff; } .personal__subsc:hover:after { opacity: 1; } .personal__subsc:after { content: ""; display: block; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border-radius: inherit; background: rgba(255, 255, 255, 0.2); transition: opacity 0.25s; opacity: 0; } .personal__subsc-icon { display: block; margin: 0 0 1.5rem; } .personal__subsc-title { display: block; margin: 0 0 6rem; font-size: 1.8rem; line-height: 1.2; font-weight: 500; } .personal__subsc-text { display: block; margin: 0 auto; font-size: 1.5rem; line-height: 1.5; font-weight: 500; max-width: 20rem; } .personal__card { background: #FFFFFF; overflow: hidden; margin: 0 -2.5rem 2rem; padding: 3rem 2.5rem 2rem; } @media (min-width: 1200px) { .personal__card { border-radius: 10px; margin: 0 0 2rem; padding: 3rem 3rem 2rem; } } .personal__card-head { margin: 0 0 1.5rem; } .personal__card-head .row { -ms-flex-align: center; align-items: center; margin: 0 -0.5rem -1rem; } .personal__card-head .row > [class^=col] { padding: 0 0.5rem 1rem; } .personal__card-body { margin: 0 0 2rem; } .personal__card-body:last-child { margin: 0; } .personal__card-foot { border-top: 1px solid #E7ECF2; padding: 2rem 0 0; } .personal__card-foot .ui-btn, .personal__card-foot .ui-code__btn, .personal__card-foot .categories-aside__close, .personal__card-foot .reviews__form-btn, .personal__card-foot .reviews__form-close, .personal__card-foot .reviews__item-details-close, .personal__card-foot .details__comments-form-btn, .personal__card-foot .details__comments-form-close, .personal__card-foot .brands__search-btn, .personal__card-foot .comments__form-btn, .personal__card-foot .comments__form-close { -ms-flex-pack: justify; justify-content: space-between; } .personal__card-title { display: block; margin: 0; font-size: 2rem; line-height: 1; font-weight: 500; } .personal__card-date { font-size: 1.6rem; line-height: 1.2; font-weight: 400; color: #BDC2D3; display: block; margin: 0; } .personal__card-all { display: block; margin: 0; font-size: 1.6rem; line-height: 1.2; font-weight: 400; } .personal__card-total { display: block; margin: 0; font-size: 1.5rem; line-height: 1.2; font-weight: 400; } .personal__order { background: #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: 1200px) { .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: 1200px) { .personal__order-data { margin: 0 -1.5rem -4.5rem; padding: 0 3rem 3rem; } .personal__order-data > li { padding: 0 1.5rem 4.5rem; } } .personal__order-data-table { width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 1.6rem; line-height: 1.62; font-weight: 400; } .personal__order-data-table th, .personal__order-data-table td { padding: 0 0.5rem; } .personal__order-data-table th:first-child, .personal__order-data-table td:first-child { padding-left: 0; } .personal__order-data-table th:last-child, .personal__order-data-table td:last-child { padding-right: 0; } .personal__order-data-table th { padding-bottom: 10px; font-weight: 500; } @media (max-width: 767px) { .personal__order-data-table { display: block; } .personal__order-data-table thead, .personal__order-data-table tbody, .personal__order-data-table tr, .personal__order-data-table th, .personal__order-data-table td { display: block; padding: 0; } .personal__order-data-table tr { margin: 0 0 0.5rem; } .personal__order-data-table tr:last-child { margin: 0; } } @media (min-width: 768px) { .personal__order-table { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 0; overflow: hidden; text-align: left; font: 400 1.5rem/1.25 "Roboto", Arial, Helvetica, sans-serif; } .personal__order-table th, .personal__order-table td { padding: 1.5rem; } .personal__order-table th:first-child, .personal__order-table td:first-child { padding-left: 30px; } .personal__order-table th:last-child, .personal__order-table td:last-child { padding-right: 50px; } .personal__order-table th { background: #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: 1200px) { .personal__history { padding: 3rem; } } .personal__history-title { display: block; font-size: 2rem; line-height: 1.2; font-weight: 400; margin: 0 0 2rem; } .personal__history-list { margin: 0; padding: 0; list-style: none; } .personal__history-list > li { margin: 0 0 0.5rem; } .personal__history-list > li:last-child { margin: 0; } .personal__history-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; background: #FFFFFF; border: 1px solid #EBEEF5; border-radius: 5px; padding: 1rem 2rem; min-height: 6rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1200px) { .personal__history-item { min-height: 7rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .personal__history-item-date { display: block; margin: 0 2rem 0 0; } @media (min-width: 1200px) { .personal__history-item-comment { display: block; margin: 0 2rem 0 0; -ms-flex: 1; flex: 1; } } .personal__history-item-comment { display: block; margin: 0 2rem 0 0; -ms-flex: 1; flex: 1; } @media (max-width: 767px) { .personal__history-item-date,.personal__history-item-comment { margin: 0; width: 100%; } .personal__history-item-status { margin-top: 1rem; width: 100%; } } .products-categories { margin: 0 -2.5rem 3rem; } @media (min-width: 1200px) { .products-categories { margin: 0 0 4rem; } } .products-categories__grid { margin: 0; padding: 1rem 2.5rem; list-style: none; display: -ms-flexbox; display: flex; overflow-x: auto; overflow-y: hidden; } @media (hover: none) { .products-categories__grid::-webkit-scrollbar { display: none; } } .products-categories__grid:after { content: ""; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 1199px) { .products-categories__grid > li { margin: 0 1rem 0 0; -ms-flex: 0 0 248px!important; flex: 0 0 24.8rem!important; max-width: 24.8rem!important; } } .products-categories__grid > li:last-child { margin: 0; } @media (min-width: 1200px) { .products-categories__grid { overflow: visible; margin: 0 -1rem -2rem; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .products-categories__grid > li { padding: 0 1rem 2rem; margin: 0; } .products-categories__grid-3 > li { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } .products-categories__grid-4 > li { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .products-categories__grid-5 > li { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } .products-categories__item { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; background: #fff; border-radius: 10px; min-height: 100%; padding: 2rem; text-decoration: none; color: #343434; transition: box-shadow 0.25s; text-align: center; } .products-categories__item:hover { text-decoration: none; color: #343434; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); } .products-categories__item-image { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 1rem; height: 13rem; } .products-categories__item-image img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; } .products-categories__item-title { display: block; margin: auto 0 0 0; font-size: 1.6rem; line-height: 2rem; font-weight: 400; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; } #content { position: relative; padding: 0 2.5rem; } #content:after { content: ''; background: #fff; position: absolute; z-index: -1; left: 10px; top: 0; right: 10px; bottom: 0; border-radius: 10px; } @media (max-width: 1199px) { #content { margin-bottom: 2rem; } } @media (min-width: 1200px) { .container { max-width: 147rem; padding: 0 2.5rem; } } #content >h1 { margin: 2rem 0; } .container-fluid { width: 100%; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .form-horizontal .form-group { margin-right: -10px; margin-left: -10px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-hd, .col-hd-auto, .col-hd-12, .col-hd-11, .col-hd-10, .col-hd-9, .col-hd-8, .col-hd-7, .col-hd-6, .col-hd-5, .col-hd-4, .col-hd-3, .col-hd-2, .col-hd-1, .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } .push-1 { left: 8.3333333333%; } .push-2 { left: 16.6666666667%; } .push-3 { left: 25%; } .push-4 { left: 33.3333333333%; } .push-5 { left: 41.6666666667%; } .push-6 { left: 50%; } .push-7 { left: 58.3333333333%; } .push-8 { left: 66.6666666667%; } .push-9 { left: 75%; } .push-10 { left: 83.3333333333%; } .push-11 { left: 91.6666666667%; } .pull-1 { right: 8.3333333333%; } .pull-2 { right: 16.6666666667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.3333333333%; } .pull-5 { right: 41.6666666667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.3333333333%; } .pull-8 { right: 66.6666666667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.3333333333%; } .pull-11 { right: 91.6666666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.3333333333%; } .push-sm-2 { left: 16.6666666667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.3333333333%; } .push-sm-5 { left: 41.6666666667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.3333333333%; } .push-sm-8 { left: 66.6666666667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.3333333333%; } .push-sm-11 { left: 91.6666666667%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.3333333333%; } .pull-sm-2 { right: 16.6666666667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.3333333333%; } .pull-sm-5 { right: 41.6666666667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.3333333333%; } .pull-sm-8 { right: 66.6666666667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.3333333333%; } .pull-sm-11 { right: 91.6666666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.3333333333%; } .push-md-2 { left: 16.6666666667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.3333333333%; } .push-md-5 { left: 41.6666666667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.3333333333%; } .push-md-8 { left: 66.6666666667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.3333333333%; } .push-md-11 { left: 91.6666666667%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.3333333333%; } .pull-md-2 { right: 16.6666666667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.3333333333%; } .pull-md-5 { right: 41.6666666667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.3333333333%; } .pull-md-8 { right: 66.6666666667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.3333333333%; } .pull-md-11 { right: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.3333333333%; } .push-lg-2 { left: 16.6666666667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.3333333333%; } .push-lg-5 { left: 41.6666666667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.3333333333%; } .push-lg-8 { left: 66.6666666667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.3333333333%; } .push-lg-11 { left: 91.6666666667%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.3333333333%; } .pull-lg-2 { right: 16.6666666667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.3333333333%; } .pull-lg-5 { right: 41.6666666667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.3333333333%; } .pull-lg-8 { right: 66.6666666667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.3333333333%; } .pull-lg-11 { right: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.3333333333%; } .push-xl-2 { left: 16.6666666667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.3333333333%; } .push-xl-5 { left: 41.6666666667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.3333333333%; } .push-xl-8 { left: 66.6666666667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.3333333333%; } .push-xl-11 { left: 91.6666666667%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.3333333333%; } .pull-xl-2 { right: 16.6666666667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.3333333333%; } .pull-xl-5 { right: 41.6666666667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.3333333333%; } .pull-xl-8 { right: 66.6666666667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.3333333333%; } .pull-xl-11 { right: 91.6666666667%; } } @media (min-width: 1600px) { .col-hd { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-hd-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-hd-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-hd-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-hd-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-hd-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-hd-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-hd-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-hd-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-hd-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-hd-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-hd-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-hd-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-hd-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-hd-1 { -ms-flex-order: 1; order: 1; } .order-hd-2 { -ms-flex-order: 2; order: 2; } .order-hd-3 { -ms-flex-order: 3; order: 3; } .order-hd-4 { -ms-flex-order: 4; order: 4; } .order-hd-5 { -ms-flex-order: 5; order: 5; } .order-hd-6 { -ms-flex-order: 6; order: 6; } .order-hd-7 { -ms-flex-order: 7; order: 7; } .order-hd-8 { -ms-flex-order: 8; order: 8; } .order-hd-9 { -ms-flex-order: 9; order: 9; } .order-hd-10 { -ms-flex-order: 10; order: 10; } .order-hd-11 { -ms-flex-order: 11; order: 11; } .order-hd-12 { -ms-flex-order: 12; order: 12; } .offset-hd-0 { margin-left: 0%; } .offset-hd-1 { margin-left: 8.3333333333%; } .offset-hd-2 { margin-left: 16.6666666667%; } .offset-hd-3 { margin-left: 25%; } .offset-hd-4 { margin-left: 33.3333333333%; } .offset-hd-5 { margin-left: 41.6666666667%; } .offset-hd-6 { margin-left: 50%; } .offset-hd-7 { margin-left: 58.3333333333%; } .offset-hd-8 { margin-left: 66.6666666667%; } .offset-hd-9 { margin-left: 75%; } .offset-hd-10 { margin-left: 83.3333333333%; } .offset-hd-11 { margin-left: 91.6666666667%; } .push-hd-0 { left: auto; } .push-hd-1 { left: 8.3333333333%; } .push-hd-2 { left: 16.6666666667%; } .push-hd-3 { left: 25%; } .push-hd-4 { left: 33.3333333333%; } .push-hd-5 { left: 41.6666666667%; } .push-hd-6 { left: 50%; } .push-hd-7 { left: 58.3333333333%; } .push-hd-8 { left: 66.6666666667%; } .push-hd-9 { left: 75%; } .push-hd-10 { left: 83.3333333333%; } .push-hd-11 { left: 91.6666666667%; } .pull-hd-0 { right: auto; } .pull-hd-1 { right: 8.3333333333%; } .pull-hd-2 { right: 16.6666666667%; } .pull-hd-3 { right: 25%; } .pull-hd-4 { right: 33.3333333333%; } .pull-hd-5 { right: 41.6666666667%; } .pull-hd-6 { right: 50%; } .pull-hd-7 { right: 58.3333333333%; } .pull-hd-8 { right: 66.6666666667%; } .pull-hd-9 { right: 75%; } .pull-hd-10 { right: 83.3333333333%; } .pull-hd-11 { right: 91.6666666667%; } } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1600px) { .flex-hd-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-hd-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-hd-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-hd-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-hd-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-hd-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-hd-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-hd-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-hd-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-hd-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-hd-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-hd-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-hd-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-hd-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-hd-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-hd-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-hd-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-hd-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-hd-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-hd-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-hd-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-hd-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-hd-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-hd-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-hd-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-hd-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-hd-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-hd-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-hd-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } * { outline: none; box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05); } @media (min-width: 1200px) and (max-width: 1470px) { html { font-size: 0.6802721088vw; } } body { font: 400 1.6rem/1.5 "Roboto", Arial, Helvetica, sans-serif; background: var(--body-bg); color: var(--body-color); overflow-x: hidden; overflow-y: auto; } html:not(.is-loaded) * { transition: none !important; } html:not(.is-loaded) *:before, html:not(.is-loaded) *:after { transition: none !important; } .app { position: relative; min-height: 100%; min-width: 32rem; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .container-fluid { max-width: 147rem; padding: 0 2.5rem; } .container-fluid .container-fluid { max-width: unset; padding: 0; } hr { margin: 4rem 0; border: none; border-top: 1px solid #E7ECF2; } .zoomContainer { pointer-events: none; } @media (max-width: 1199px) { .zoomContainer { display: none; } } .zoomWrapper { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; position: relative; } @media (max-width: 1199px) { .is-page-lock { overflow: hidden; } .is-nav-open .header__nav-offcanvas { opacity: 1; visibility: visible; } .is-call-open .header__call-offcanvas { opacity: 1; visibility: visible; } .is-currency-open .header__currency-offcanvas { opacity: 1; visibility: visible; } .header__currency-btn, .header__language-btn { position: relative; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; border: 1px solid #E8EAF3; border-radius: 5px; height: 6rem; padding: 1rem 3rem 1rem 1.5rem; font-size: 1.5rem; line-height: 1.2; font-weight: 500; color: #343434; } .header__currency-btn mark, .header__language-btn mark { display: block; padding: 0; margin: 0 0 0.5rem; opacity: 0.4; background: transparent; color: inherit; font-size: 80%; } .header__currency-btn svg.icon-arrow-down, .header__language-btn svg.icon-arrow-down { position: absolute; top: 50%; right: 1.5rem; width: 1.1rem; height: 0.7rem; margin: -0.4rem 0 0; } .header__currency-btn:hover, .header__language-btn:hover { color: #343434; } .header__currency-offcanvas, .header__language-offcanvas { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); padding: 3rem; z-index: 1000; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; transition: opacity 0.25s, visibility 0.25s; opacity: 0; visibility: hidden; } .header__currency-offcanvas-overlay, .header__language-offcanvas-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .header__currency-offcanvas-content, .header__language-offcanvas-content { position: relative; background: #fff; color: #343434; border-radius: 5px; overflow: hidden; } .header__currency-menu, .header__language-menu { margin: 0; padding: 0; list-style: none; } .header__currency-menu > li, .header__language-menu > li { border-bottom: 1px solid #E4E7F1; } .header__currency-link, .header__language-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; min-height: 5rem; padding: 1rem 2rem; color: #343434; text-decoration: none; width: 100%; font-size: 1.5rem; line-height: 1.2; font-weight: 500; } .header__currency-link small, .header__language-link small { display: block; font-size: 1.4rem; line-height: 1.2; font-weight: 500; } .header__currency-link:hover, .header__language-link:hover { text-decoration: none; color: #343434; } .header__currency-close, .header__language-close { font-size: 1.4rem; line-height: 1.2; font-weight: 500; } .is-language-open .header__language-offcanvas { opacity: 1; visibility: visible; } .is-catalog-open .header__catalog-offcanvas { opacity: 1; visibility: visible; } .is-search-open .header__search-offcanvas { opacity: 1; visibility: visible; } .is-search-autocomplete .header__search-autocomplete { opacity: 1; visibility: visible; position: relative; transition: 0.5s; } } @media (min-width: 1200px) { .is-search-autocomplete .header__search-autocomplete { opacity: 1; visibility: visible; } } @media (max-width: 1199px) { .is-header-v6 .header, .is-header-v7 .header, .is-header-v8 .header, .is-header-v6 .header__mobile-fixed, .is-header-v7 .header__mobile-fixed, .is-header-v8 .header__mobile-fixed{ background: #fff; color: #343434; border-bottom: 1px solid #E4E7F1; } .is-header-v6 .header__sticky .is-header-v7 .header__sticky, .is-header-v8 .header__sticky { background: #fff; color: #343434; border-top: 1px solid #E4E7F1; } .header__desktop { display: none; } .header { position: relative; top: 0; left: 0; right: 0; z-index: 1000; background: var(--theme-primary-color); color: #fff; min-height: 7.5rem; } .header__mobile { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 7.5rem; } .header__mobile-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 1100; background: var(--theme-primary-color); color: #fff; padding: 0 2.5rem; } .header__logo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: inherit; text-decoration: none; margin: 0 4.5rem; font-weight: 500; font-size: 2.2rem; height: 100%; -ms-flex-pack: center; justify-content: center; } .header__logo img, .header__logo svg { display: block; max-height: calc(100% - 2rem); max-width: 20rem; width: 100%; height: auto; } .header__logo:hover { color: inherit; text-decoration: none; } .header__call-btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; right: 0; width: 7.5rem; height: 100%; color: inherit; } .header__call-offcanvas { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2100; background: rgba(0, 0, 0, 0.8); padding: 3rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; transition: opacity 0.25s, visibility 0.25s; opacity: 0; visibility: hidden; } .header__call-offcanvas-in { background: #fff; color: #343434; border-radius: 5px; overflow: hidden; } .header__call-menu { margin: 0; padding: 0; list-style: none; } .header__call-menu > li { border-bottom: 1px solid #E4E7F1; } .header__call-menu > li:last-child { border: none; } .header__call-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; min-height: 5rem; padding: 1rem 2rem; color: #343434; text-decoration: none; font-size: 1.5rem; line-height: 1.2; font-weight: 500; width: 100%; } .header__call-link small { font-size: 1.4rem; } .header__call-link:hover { text-decoration: none; color: #343434; } .header__group { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; -ms-flex: 1; flex: 1; } .header__group > * { margin: 0 0 0 2.4rem; } .header__search-btn, .header__acc-btn, .header__cart-btn { position: relative; width: 2.4rem; height: 2.4rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0; color: inherit; text-decoration: none; } .header__search-btn:hover, .header__acc-btn:hover, .header__cart-btn:hover { color: inherit; text-decoration: none; } .header__cart-counter { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; right: 0; margin: -1rem -1rem 0 0; } .header__cart-counter mark { width: 2rem; height: 2rem; border-radius: 50%; font-size: 1.3rem; text-align: center; color: #fff; background: #F45656; line-height: 1.6rem; font-weight: 700; display: block; } .header__cart-counter mark.cart-empty { display: none; } .header__nav-btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; width: 7.5rem; height: 100%; color: inherit; } .header__nav-btn svg { display: block; position: relative; top: 1px; } .header__nav-offcanvas { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; color: #343434; z-index: 2100; overflow-x: hidden; overflow-y: auto; transition: opacity 0.25s, visibility 0.25s; opacity: 0; visibility: hidden; } .header__nav-head { padding: 2rem 3rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .header__nav-close { margin: 0 1.5rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header__nav-title { display: block; font-size: 2.5rem; line-height: 1; font-weight: 500; } .header__nav-group { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .header__nav-group > * { margin: 0 0.5rem 0 0; } .header__nav-group > *:last-child { margin: 0; } .header__nav-group--acc_action_cart { padding: 0 3rem 2rem; border-bottom: 1px solid #E8EAF3; } .header__nav-group--currency_language { padding: 1.5rem 3rem; border-top: 1px solid #E4E7F1; } .header__nav-group--currency_language > * { margin: 0 1.5rem 0 0; -ms-flex: 1; flex: 1; } .header__nav-menu { margin: 0; padding: 0; list-style: none; font-size: 1.8rem; line-height: 1.2; font-weight: 400; } .header__nav-menu > li { border-bottom: 1px solid #E8EAF3; } .header__nav-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 1rem 5rem 1rem 3rem; min-height: 6rem; text-decoration: none; position: relative; color: #343434; } .header__nav-link svg.icon-catalog { -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 1rem 0 0; width: 1.4rem; height: 1.4rem; } .header__nav-link svg.icon-arrow-right { position: absolute; top: 50%; right: 3rem; transform: translate(0, -50%); } .header__nav-link--catalog { font-size: 1.6rem; text-transform: uppercase; letter-spacing: 0.02em; font-weight: 700; } .header__nav-link:hover { text-decoration: none; color: #343434; } .header__nav-acc-btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 5rem; height: 5rem; border: 1px solid #E8EAF3; border-radius: 5px; color: #343434; text-decoration: none; transition: border-color 0.25s; } .header__nav-acc-btn:hover { text-decoration: none; color: #343434; border-color: #E8EAF3; } .header__nav-action { border: 1px solid #E8EAF3; border-radius: 5px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: border-color 0.25s; height: 5rem; } .header__nav-action:hover { border-color: #E8EAF3; } .header__nav-action-btn { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 5.4rem; height: 5rem; padding: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; text-decoration: none; color: #343434; } .header__nav-action-btn:hover { color: #343434; text-decoration: none; } .header__nav-action-counter { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0; background: none; color: inherit; opacity: 0.4; font-size: 1.3rem; line-height: 1.2; font-weight: 500; position: absolute; top: 0.8rem; right: 0.8rem; } .header__nav-action-line { display: block; width: 0.2rem; height: 3.4rem; background: #E8EAF3; } .header__nav-cart-btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0.5rem 2rem 0.5rem 1.5rem; width: auto; height: 5rem; border: 1px solid #E8EAF3; border-radius: 5px; color: #343434; text-decoration: none; white-space: nowrap; transition: border-color 0.25s; } .header__nav-cart-btn svg { margin: 0 1rem 0 0; display: block; } .header__nav-cart-btn:hover { border-color: #E8EAF3; color: #343434; text-decoration: none; } .header__nav-cart-total { display: block; -ms-flex: 1; flex: 1; font-size: 1.4rem; line-height: 1.2; font-weight: 500; } .header__nav-cart-total mark { display: block; padding: 0; background: none; color: inherit; font-size: 1.35rem; opacity: 0.4; margin: 0 0 0.2rem; } .header__nav-support { padding: 2rem 3rem 3rem; } .header__nav-support-title { display: block; font-size: 1.8rem; line-height: 1.2; font-weight: 500; margin: 0 0 1rem; } .header__nav-support-phones { margin: 0 0 1.5rem; padding: 0; list-style: none; font-size: 1.8rem; line-height: 1.2; font-weight: 400; } .header__nav-support-phones > li { margin: 0 0 0.5rem; } .header__nav-support-phones > li:last-child { margin: 0; } .header__nav-support-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #E8EAF3; border-radius: 5px; padding: 1rem 2rem; color: #343434; text-decoration: none; height: 5rem; } .header__nav-support-link:hover { text-decoration: none; color: #343434; } .header__nav-support-worktime { margin: 0; font-size: 1.5rem; line-height: 1.3; font-weight: 500; color: #BDC2D3; display: block; } .header__nav-social { padding: 0 3rem 3rem; } .header__nav-social-title { display: block; margin: 0 0 1rem; font-size: 1.5rem; line-height: 1.2; font-weight: 500; } .header__nav-social-menu { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .header__nav-social-menu > li { margin: 0 1rem 0 0; } .header__nav-social-link .icon-social-vk { border: 1px solid #07f; border-radius: 1.5rem; } .header__catalog-offcanvas { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; color: #343434; z-index: 1200; overflow-x: hidden; overflow-y: auto; transition: opacity 0.25s, visibility 0.25s; opacity: 0; visibility: hidden; } .header__catalog-head { padding: 2rem 3rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 7.5rem; border-bottom: 1px solid #E8EAF3; } .header__catalog-close { margin: 0 1.5rem 0 0; } .header__catalog-title { display: block; font-size: 2.5rem; line-height: 1; font-weight: 500; } .header__catalog-menu { margin: 0; padding: 0; list-style: none; font-size: 1.8rem; line-height: 1.2; font-weight: 400; } .header__catalog-menu > li { border-bottom: 1px solid #E8EAF3; } .header__catalog-menu > li.is-open > .header__catalog-dropdown { opacity: 1; visibility: visible; } .header__catalog-menu .loader { padding-top: 2rem; } .header__catalog-link { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 1rem 3rem; text-decoration: none; color: #343434; transition: color 0.25s; min-height: 6rem; } .header__catalog-link:hover { text-decoration: none; color: #343434; } .header__catalog-link--more { font-weight: 500; } .header__catalog-link-icon { width: 1.6rem; height: 2rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 1.5rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header__catalog-link-icon svg { max-height: 100%; } .header__catalog-link-text { display: block; -ms-flex: 1; flex: 1; } .header__catalog-link-arrow { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; right: 2rem; height: 2rem; margin: -1rem 0 0 0; } .header__catalog-link-arrow svg { position: absolute; top: 50%; right: 3rem; transform: translate(0, -50%); } .header__catalog-dropdown { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: #fff; overflow-x: hidden; overflow-y: auto; transition: opacity 0.25s, visibility 0.25s, transform 0.25s; opacity: 0; visibility: hidden; } .header__catalog-back { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #E8EAF3; min-height: 7.5rem; padding: 2rem 3rem; width: 100%; font-size: 2.5rem; line-height: 1.2; font-weight: 500; } .header__catalog-back svg.icon-arrow-left { margin: 0 1.5rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header__search-offcanvas { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 3000; background: #F7F7FB; color: #000; transition: opacity 0.25s, visibility 0.25s; opacity: 0; visibility: hidden; overflow-x: hidden; overflow-y: auto; } .header__search-head { padding: 1.5rem 3rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; } .header__search-close { position: absolute; top: 0; left: 0; height: 100%; padding: 0 1.5rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .header__search-close svg.icon-search { width: 1.5rem; height: 1.5rem; } .header__search-title { display: block; font-size: 1.8rem; line-height: 1.2; font-weight: 500; } .header__search-control { margin: 0 1.5rem 1rem; position: relative; } .header__search-input { display: block; width: 100%; border: none; background: #ECEEF5; border-radius: 5px; color: #343434; font-size: 1.7rem; line-height: 2.5rem; font-weight: 400; padding: 1rem 4rem 1rem 2rem; } .header__search-append { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; right: 0; height: 100%; width: 5rem; color: #C6C8CC; } .header__search-append svg.icon-search { width: 2rem; height: 2rem; } .header__search-autocomplete { position: absolute; opacity: 0; visibility: hidden; border-top: 1px solid #E4E7F1; } .header__search-category { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 1rem 1.5rem; min-height: 6rem; color: #343434; text-decoration: none; transition: color 0.25s; } .header__search-category:hover { color: var(--theme-primary-color); text-decoration: none; } .header__search-category-icon { -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 1rem 0 0; color: #C6C8CC; } .header__search-category-title { display: block; font-size: 1.5rem; line-height: 1.2; font-weight: 400; margin: 0 1rem 0 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .header__search-category-mark { display: block; font-size: 1.3rem; line-height: 2.4rem; font-weight: 400; padding: 0 0.8rem; color: #343434; background: #E5E8F3; border-radius: 4px; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header__search-more { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 1.4rem; line-height: 1.2; font-weight: 400; padding: 1rem 0; min-height: 4.4rem; } .header__search-menu { margin: 0; padding: 0; list-style: none; } .header__search-menu > li { border-bottom: 1px solid #E4E7F1; } .header__search-item { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; text-decoration: none; color: #343434; padding: 2rem 1.5rem; } .header__search-item:hover { text-decoration: none; color: #343434; } .header__search-item-image { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 1.6rem 0 0; width: 3.8rem; height: 3.8rem; -ms-flex: 0 0 auto; flex: 0 0 auto; background: #fff; padding: 0.4rem; border-radius: 4px; } .header__search-item-image img { display: block; max-height: 100%; max-width: 100%; } .header__search-item-desc { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header__search-item-title { display: block; font-size: 1.5rem; line-height: 1.4; font-weight: 400; margin: 0 0 0.5rem; -ms-flex: 0 0 100%; flex: 0 0 100%; } .header__search-item-price { display: block; font-size: 1.6rem; line-height: 1.2; font-weight: 400; white-space: nowrap; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #343434; -ms-flex: 1; flex: 1; margin: 0 1rem 0 0; } .header__search-item-price mark { display: block; font-size: 1.3rem; line-height: 2.2rem; font-weight: 500; padding: 0 0.7rem; background: #F53C3C; border-radius: 4px; color: #fff; margin: 0; } .header__search-item-price ins { text-decoration: none; margin: 0 1rem 0 0; } .header__search-item-price del { display: block; margin: 0 2rem 0 0; padding: 0 0.2rem; position: relative; font-size: 1.3rem; line-height: 1.2; font-weight: 400; } .header__search-item-price del:after { content: ""; display: block; position: absolute; top: 50%; left: 0; right: 0; height: 0.2rem; background: #F45656; margin: -1px 0 0; } .header__search-item-id { display: block; margin: 0; font-size: 1.4rem; line-height: 1.2; font-weight: 400; color: #BDC2D3; } } @media (min-width: 1200px) { .header__mobile { display: none; } .is-cart-open body { overflow: hidden; } .is-cart-open .header__cart-overlay { opacity: 1; visibility: visible; } .is-cart-open .header__cart-offcanvas { transform: translate(0, 0); opacity: 1; visibility: visible; } .is-header-v1 .header__group--info_call, .is-header-v3 .header__group--info_call, .is-header-v7 .header__group--info_call { margin: 0 auto 0 23rem; -ms-flex: 1; flex: 1; max-width: 80rem; } .is-header-v1 .header__logo, .is-header-v3 .header__logo, .is-header-v7 .header__logo { -ms-flex: 0 0 210px; flex: 0 0 21rem; margin: 0 2rem 0 0; } .is-header-v1 .header__search, .is-header-v3 .header__search, .is-header-v7 .header__search { max-width: 80rem; margin: 0 auto 1rem 0; } .is-header-v1 .header__catalog, .is-header-v3 .header__catalog, .is-header-v7 .header__catalog { -ms-flex: 0 0 210px; flex: 0 0 21rem; margin: 0 2rem 0 0; } .is-header-v1 .header__tags, .is-header-v3 .header__tags, .is-header-v7 .header__tags { -ms-flex: 1; flex: 1; } .is-header-v1 .header__row--01 { min-height: 1rem; } .is-header-v2 .header__row--01, .is-header-v4 .header__row--01, .is-header-v5 .header__row--01, .is-header-v6 .header__row--01 { background: var(--theme-secondary-color); } .is-header-v2 .header__row--01:before, .is-header-v4 .header__row--01:before, .is-header-v5 .header__row--01:before, .is-header-v6 .header__row--01:before { background: var(--theme-secondary-color); } .is-header-v2 .header__row--02, .is-header-v4 .header__row--02, .is-header-v5 .header__row--02, .is-header-v6 .header__row--02 { padding: 2rem 0; } .is-header-v2 .header__group--info_call, .is-header-v4 .header__group--info_call, .is-header-v5 .header__group--info_call, .is-header-v6 .header__group--info_call { margin: 0 auto 0 0; max-width: initial; } .is-header-v2 .header__info, .is-header-v4 .header__info, .is-header-v5 .header__info, .is-header-v6 .header__info { padding: 0 1.5rem 0 0; } .is-header-v2 .header__logo, .is-header-v4 .header__logo, .is-header-v5 .header__logo, .is-header-v6 .header__logo { margin: 0 2rem 0 0; -ms-flex: 0 0 142px; flex: 0 0 14.2rem; } .is-header-v2 .header__catalog, .is-header-v4 .header__catalog, .is-header-v5 .header__catalog, .is-header-v6 .header__catalog { margin: 0 1rem 0 0; } .is-header-v2 .header__catalog-btn, .is-header-v5 .header__catalog-btn, .is-header-v6 .header__catalog-btn { height: 4.6rem; } .is-header-v2 .header__search, .is-header-v5 .header__search, .is-header-v6 .header__search { margin: 0 auto 0 0; max-width: 60.4rem; } .is-header-v2 .header__row--02, .is-header-v4 .header__row--02, .is-header-v5 .header__row--02, .is-header-v6 .header__row--02 { z-index: 1; } .is-header-v2 .header { min-height: 12rem; } .is-header-v4 .header { min-height: 11rem; } .is-header-v4 .header__row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 1rem 0; } .is-header-v4 .header__row--01 { background: none; padding: 0; } .is-header-v4 .header__row--02 { padding: 1.5rem 0 1.5rem; } .is-header-v4 .header__nav { padding: 1rem 0; } .is-header-v4 .header__logo { margin: 0 5rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .is-header-v4 .header__catalog { margin: 0 3rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .is-header-v4 .header__currency, .is-header-v4 .header__language { margin: 0 3rem 0 0; } .is-header-v4 .header__search-compact, .is-header-v4 .header__acc, .is-header-v4 .header__action, .is-header-v4 .header__cart { margin: 0 0.5rem 0 0; } .is-header-v4 .header__search-compact:last-child, .is-header-v4 .header__acc:last-child, .is-header-v4 .header__action:last-child, .is-header-v4 .header__cart:last-child { margin: 0; } .is-header-v4 .priority-nav { padding: 0; min-width: initial; } .is-header-v4 .header__nav-link svg.icon-arrow-down, .is-header-v4 .priority-nav__dropdown-toggle svg.icon-arrow-down { display: none; } .is-header-v4 .header__search { max-width: initial; } .is-header-v4 .header__search-input { background: #F7F7FB; color: #343434; } .is-header-v4 .header__search-input:-ms-input-placeholder { color: #343434; opacity: 0.3; } .is-header-v4 .header__search-input::placeholder { color: #343434; opacity: 0.3; } .is-header-v4 .header__search-btn { background: var(--theme-secondary-color); } .is-header-v4 .header__search-btn:hover { background: var(--theme-primary-color); color: #fff; } .is-header-v3 .header__row--01 { min-height: 1rem; } .is-header-v5 .header { min-height: 15.6rem; } .is-header-v5 .header__row--01 { background: var(--theme-secondary-color); } .is-header-v5 .header__row--01:before { background: var(--theme-secondary-color); } .is-header-v5 .header__row--02 { padding: 2rem 0 0; } .is-header-v5 .header__nav { padding: 1rem 0; } .is-header-v5 .header__nav-menu { -ms-flex-pack: justify; justify-content: space-between; } .is-header-v5 .header__nav-menu > li { margin: 0 2rem 0 0; } .is-header-v6 .header { background: #fff; color: #343434; min-height: 13rem; } .is-header-v6 .header__row--01 { background: none; min-height: 1rem; } .is-header-v6 .header__row--01:before { background: none; } .is-header-v6 .header__row--02 { padding: 0; } .is-header-v6 .header__group--info_call { margin: 0 auto 0 16.2rem; } .is-header-v6 .header__catalog-btn, .is-header-v6 .header__acc-btn, .is-header-v6 .header__action-btn, .is-header-v6 .header__cart-btn { border-color: rgba(52, 52, 52, 0.1); color: #343434; } .is-header-v6 .header__catalog-btn:hover, .is-header-v6 .header__acc-btn:hover, .is-header-v6 .header__action-btn:hover, .is-header-v6 .header__cart-btn:hover { color: #343434; border-color: #343434; } .is-header-v6 .header__catalog.is-open > .header__catalog-btn { border-color: #343434; } .is-header-v6 .header__action { border-color: rgba(52, 52, 52, 0.1); } .is-header-v6 .header__action:hover { color: #343434; border-color: #343434; } .is-header-v6 .header__action-line { background: rgba(52, 52, 52, 0.1); } .is-header-v6 .header__search-input { background: #F7F7FB; color: #343434; } .is-header-v6 .header__search-input:-ms-input-placeholder { color: #343434; opacity: 0.3; } .is-header-v6 .header__search-input::placeholder { color: #343434; opacity: 0.3; } .is-header-v6 .header__search-btn { background: var(--theme-secondary-color); } .is-header-v6 .header__search-btn:hover { background: var(--theme-primary-color); color: #fff; } .is-header-v6 .header__info-link:hover, .is-header-v6 .header__nav-link:hover { color: var(--theme-primary-color); } .is-header-fixed .is-header-v6 .header-fixed { background: #fff; color: #343434; padding: 1rem 2.5rem; max-width: 147rem; border-bottom: 1px solid var(--body-bg); } .is-header-v7 .header { background: #fff; color: #343434; } .is-header-v7 .header__row--01 { background: none; min-height: 1rem; } .is-header-v7 .header__row--02 { padding: 0; } .is-header-v7 .header__catalog-btn, .is-header-v7 .header__acc-btn, .is-header-v7 .header__action-btn, .is-header-v7 .header__cart-btn, .is-header-v7 .header__tags-btn { border-color: rgba(52, 52, 52, 0.1); color: #343434; } .is-header-v7 .header__catalog-btn:hover, .is-header-v7 .header__acc-btn:hover, .is-header-v7 .header__action-btn:hover, .is-header-v7 .header__cart-btn:hover, .is-header-v7 .header__tags-btn:hover { color: #343434; border-color: #343434; } .is-header-v7 .header__catalog.is-open > .header__catalog-btn { border-color: #343434; } .is-header-v7 .header__action { border-color: rgba(52, 52, 52, 0.1); } .is-header-v7 .header__action:hover { color: #343434; border-color: #343434; } .is-header-v7 .header__action-line { background: rgba(52, 52, 52, 0.1); } .is-header-v7 .header__search-input { background: #F7F7FB; color: #343434; } .is-header-v7 .header__search-input:-ms-input-placeholder { color: #343434; opacity: 0.3; } .is-header-v7 .header__search-input::placeholder { color: #343434; opacity: 0.3; } .is-header-v7 .header__search-btn { background: var(--theme-secondary-color); } .is-header-v7 .header__search-btn:hover { background: var(--theme-primary-color); color: #fff; } .is-header-v7 .header__info-link:hover, .is-header-v7 .header__nav-link:hover { color: var(--theme-primary-color); } .is-header-fixed .is-header-v7 .header-fixed { background: #fff; color: #343434; padding: 1rem 2.5rem; max-width: 147rem; border-bottom: 1px solid var(--body-bg); } .is-header-v8 .header { background: #fff; color: #343434; min-height: 6.6rem; } .is-header-v8 .header__row { min-height: 6.6rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 1rem 0; } .is-header-v8 .header__logo { margin: 0 5rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .is-header-v8 .header__catalog { margin: 0 3rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .is-header-v8 .header__currency, .is-header-v8 .header__language { margin: 0 3rem 0 0; } .is-header-v8 .header__search-compact, .is-header-v8 .header__acc, .is-header-v8 .header__action, .is-header-v8 .header__cart { margin: 0 0.5rem 0 0; } .is-header-v8 .header__search-compact:last-child, .is-header-v8 .header__acc:last-child, .is-header-v8 .header__action:last-child, .is-header-v8 .header__cart:last-child { margin: 0; } .is-header-v8 .header__catalog-btn, .is-header-v8 .header__acc-btn, .is-header-v8 .header__action-btn, .is-header-v8 .header__cart-btn, .is-header-v8 .header__search-compact-btn, .is-header-v8 .header__tags-btn { border-color: rgba(52, 52, 52, 0.1); color: #343434; } .is-header-v8 .header__catalog-btn:hover, .is-header-v8 .header__acc-btn:hover, .is-header-v8 .header__action-btn:hover, .is-header-v8 .header__cart-btn:hover, .is-header-v8 .header__search-compact-btn:hover, .is-header-v8 .header__tags-btn:hover { color: #343434; border-color: #343434; } .is-header-v8 .header__catalog.is-open > .header__catalog-btn { border-color: #343434; } .is-header-v8 .header__action { border-color: rgba(52, 52, 52, 0.1); } .is-header-v8 .header__action:hover { color: #343434; border-color: #343434; } .is-header-v8 .header__action-line { background: rgba(52, 52, 52, 0.1); } .is-header-v8 .header__search-input { background: #F7F7FB; color: #343434; } .is-header-v8 .header__search-input:-ms-input-placeholder { color: #343434; opacity: 0.3; } .is-header-v8 .header__search-input::placeholder { color: #343434; opacity: 0.3; } .is-header-v8 .header__search-btn { background: var(--theme-secondary-color); } .is-header-v8 .header__search-btn:hover { background: var(--theme-primary-color); color: #fff; } .is-header-v8 .header__info-link:hover, .is-header-v8 .header__nav-link:hover { color: var(--theme-primary-color); } .is-header-v8 .priority-nav { padding: 0; min-width: initial; } .is-header-v8 .header__nav-link svg.icon-arrow-down, .is-header-v8 .priority-nav__dropdown-toggle svg.icon-arrow-down { display: none; } .is-header-fixed .is-header-v8 .header-fixed { background: #fff; color: #343434; padding: 1rem 2.5rem; height: 6.6rem; max-width: 147rem; border-bottom: 1px solid var(--body-bg); } .is-header-fixed .is-header-v8 .header-fixed .header__catalog { margin: 0 3rem 0 0; } .is-header-fixed .is-header-v8 .header-fixed .header__catalog-btn { height: 3.5rem; } .is-header-fixed .is-header-v8 .header-fixed .header__logo { margin: 0 5rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header { position: relative; top: 0; left: 0; right: 0; z-index: 1000; background: var(--theme-primary-color); color: #fff; min-height: 13.5rem; } .header__row { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; position: relative; } .header__row:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 50%; width: 160vw; margin: 0 0 0 -80vw; background: inherit; z-index: -1; } .header__logo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 4.6rem; padding: 0 0.4rem; color: inherit; text-decoration: none; -ms-flex: 0 0 210px; flex: 0 0 21rem; margin: 0 2rem 0 0; font-weight: 500; font-size: 2.8rem; } .header__logo img, .header__logo svg { display: block; max-height: 100%; max-width: 100%; } .header__logo:hover { color: inherit; text-decoration: none; } .header__catalog { position: relative; z-index: 100; -ms-flex: 0 0 210px; flex: 0 0 21rem; margin: 0 2rem 0 0; } .header__catalog.is-open > .header__catalog-btn { background: #fff; border-color: #fff; color: #343434; } .header__catalog.is-open > .header__catalog-offcanvas { opacity: 1; visibility: visible; } .header__catalog--fullwidth .header__catalog-offcanvas { width: auto; display: -ms-flexbox; display: flex; } .header__catalog--fullwidth .header__catalog-aside { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 27.8rem; } .header__catalog--fullwidth .header__catalog-main { -ms-flex: 0 0 auto; flex: 0 0 auto; min-width: 0; position: relative; margin: -1rem 0; } .header__catalog--fullwidth .header__catalog-link.is-active { color: var(--theme-primary-color); } .header__catalog--fullwidth .header__catalog-dropdown.is-active { opacity: 1; visibility: visible; } .header__catalog--fullwidth .header__catalog-dropdown--fullwidth { position: absolute; top: 0; left: 0; transform: none; padding: 3rem 4rem; border-left: 1px solid #EBECF4; width: 78.2rem; min-height: 100%; margin: 0; box-shadow: none; border-radius: 0 5px 5px 0; transform: none; } .header__catalog--fullwidth .header__catalog-dropdown--fullwidth .header__catalog-menu > li { margin: 0 0 1rem; } .header__catalog--fullwidth .header__catalog-dropdown--fullwidth .header__catalog-link { padding: 0; } .header__catalog--fullwidth .header__catalog-dropdown--fullwidth.is-active { opacity: 1; visibility: visible; position: relative; } .header__catalog-btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 1.3rem; line-height: 1.2; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; border: 1px solid var(--theme-secondary-color); color: #fff; border-radius: 5px; padding: 0 1.6rem; height: 3.5rem; transition: color 0.25s, background 0.25s, border-color 0.25s; } .header__catalog-btn svg { display: block; margin: 0 0.8rem 0 0; } .header__catalog-btn:hover { background: #fff; border-color: #fff; color: #343434; } .header__catalog-offcanvas { position: absolute; top: 100%; left: 0; margin: 0.5rem 0 0 0; background: #fff; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 5px; width: 27.8rem; padding: 1rem 0; transition: opacity 0.25s, visibility 0.25s, transform 0.25s; opacity: 0; visibility: hidden; } .header__catalog-offcanvas:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 100%; height: 0.5rem; } .header__catalog-quick { margin: 0 -1.2rem 3rem; padding: 0; list-style: none; font-size: 1.5rem; line-height: 1.2; font-weight: 400; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header__catalog-quick > li { padding: 0 1.2rem; position: relative; } .header__catalog-quick > li:after { content: ""; display: block; position: absolute; top: 50%; right: -0.2rem; margin: -0.2rem 0 0 0; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #BDC2D3; } .header__catalog-quick > li:last-child:after { display: none; } .header__catalog-quick-link { text-decoration: none; color: var(--theme-primary-color); transition: opacity 0.25s; } .header__catalog-quick-link:hover { text-decoration: none; color: var(--theme-primary-color); opacity: 0.8; } .header__catalog-menu { margin: 0 0 3rem; padding: 0; list-style: none; font-size: 1.5rem; line-height: 2rem; font-weight: 400; } .header__catalog-menu:last-child { margin: 0; } .header__catalog-menu > li { position: relative; margin: 0 0 0.5rem; } .header__catalog-menu > li:last-child { margin: 0; } .header__catalog-menu > li.is-open > .header__catalog-link { color: var(--theme-primary-color); } .header__catalog-menu > li.is-open > .header__catalog-dropdown { opacity: 1; visibility: visible; } .header__catalog-title { display: block; font-size: 1.6rem; line-height: 1.5; font-weight: 500; margin: 0 0 1.5rem; } .header__catalog-title:last-child { margin: 0; } .header__catalog-dropdown { position: absolute; top: -1rem; left: 100%; margin: 0 0.5rem; background: #fff; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 5px; width: 27.8rem; padding: 1rem 0; transition: opacity 0.25s, visibility 0.25s, transform 0.25s; opacity: 0; visibility: hidden; } .header__catalog-dropdown:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 100%; width: 0.5rem; height: 100%; } .header__catalog-link { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.5rem 3rem 0.5rem 2rem; text-decoration: none; color: #343434; transition: color 0.25s; } .header__catalog-link:hover { text-decoration: none; color: var(--theme-primary-color); } .header__catalog-link--more { font-weight: 500; } .header__catalog-link-icon { width: 2rem; height: 2rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 1rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header__catalog-link-icon svg { fill: currentColor; } .header__catalog-link-text { display: block; -ms-flex: 1; flex: 1; } .header__catalog-link-arrow { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; right: 2rem; height: 2rem; margin: -1rem 0 0 0; } .header__catalog-link-arrow svg { display: block; width: 0.6rem; height: 1.1rem; } .header__info { margin: 0 auto 0 0; font-size: 1.3rem; line-height: 1.2; font-weight: 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; color: #343434; } .header__cart-item-text { display: block; font-size: 1.5rem; line-height: 1.35; font-weight: 400; margin: 0; } .header__cart-item-number { position: absolute; left: 2rem; bottom: 2rem; width: 25rem; } .header__cart-item-number .ui-number { margin: 0; } .header__cart-item-price { display: block; margin: 0; font-size: 1.8rem; line-height: 1.2; font-weight: 400; white-space: nowrap; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; min-height: 5rem; position: absolute; left: 29rem; right: 0; bottom: 2rem; } .header__cart-item-price ins { text-decoration: none; margin: 0 0.7rem 0 0; } .header__cart-item-price del { display: block; padding: 0 0.2rem; position: relative; font-size: 1.3rem; line-height: 1.2; font-weight: 400; margin: 0 0.7rem 0 0; } .header__cart-item-price del:after { content: ""; display: block; position: absolute; top: 50%; left: 0; right: 0; height: 0.2rem; background: #F45656; margin: -1px 0 0; } .header__cart-item-price small { font-size: 1.3rem; color: #BDC2D3; display: block; -ms-flex: 0 0 100%; flex: 0 0 100%; } .header__cart-item-price-current { margin: 0 0.7rem 0 0; } .header__cart-item-action { position: absolute; top: 0; right: 0; z-index: 100; } .header__cart-item-action.is-open .header__cart-item-action-offcanvas { opacity: 1; visibility: visible; } .header__cart-item-action-toggle { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 2rem; cursor: pointer; color: #343434; transition: color 0.25s; } .header__cart-item-action-toggle:hover { color: var(--theme-primary-color); } .header__cart-item-action-offcanvas { position: absolute; top: 100%; right: 0; background: #FFFFFF; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 5px; padding: 1.5rem; min-width: 22.8rem; opacity: 0; visibility: hidden; transition: opacity 0.25s, visibility 0.25s; } .header__cart-item-action-menu { margin: 0; padding: 0; list-style: none; font-size: 1.5rem; line-height: 1.2; font-weight: 400; white-space: nowrap; } .header__cart-item-action-menu > li { padding: 0 0 1.5rem; margin: 0 0 1.5rem; border-bottom: 1px solid #EFF3F4; } .header__cart-item-action-menu > li:last-child { padding: 0; margin: 0; border: none; } .header__cart-item-action-link { text-decoration: none; color: #343434; transition: color 0.25s; display: block; } .header__cart-item-action-link:hover { text-decoration: none; color: var(--theme-primary-color); } .header__cart-data { background: #fff; border-radius: 10px; padding: 4rem 4rem 2.5rem; } .header__cart-data-title { display: block; font-size: 2.2rem; line-height: 1; font-weight: 500; margin: 0 0 3rem; } .header__cart-data-table { width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0 0 3rem; font-size: 1.5rem; line-height: 1.35; font-weight: 400; } .header__cart-data-table th, .header__cart-data-table td { padding: 0.5rem; } .header__cart-data-table th:first-child, .header__cart-data-table td:first-child { padding-left: 0; } .header__cart-data-table th:last-child, .header__cart-data-table td:last-child { padding-right: 0; } .header__cart-data-table tbody tr:first-child th, .header__cart-data-table tbody tr:first-child td { padding-top: 0; } .header__cart-data-table tfoot tr:last-child th, .header__cart-data-table tfoot tr:last-child td { padding-bottom: 0; } .header__cart-data-table tfoot { font-size: 1.8rem; font-weight: 500; } .header__cart-data-table .text-right { font-weight: 500; } .header__cart-data-action { margin: 0 0 3rem; } .header__cart-data-quick { padding: 2rem 0 0; border-top: 1px solid #E8EBF4; } .header__cart-data-quick-action { margin: 0 0 1.5rem; } .header__cart-data-quick-text { display: block; margin: 0; font-size: 1.4rem; line-height: 1.2; font-weight: 400; color: #BDC2D3; } .header__group { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } .header__group--info_call { margin: 0 auto 0 23rem; -ms-flex: 1; flex: 1; max-width: 80rem; } .header__group--currency_language > * { margin: 0 0 0 2rem; } .header__group--acc_action_cart > * { margin: 0 0.5rem 0 0; } .header__group--acc_action_cart > *:last-child { margin: 0; } .header__nav { padding: 1rem 0 0; -ms-flex: 1; flex: 1; } .header__nav-menu { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; font-size: 1.5rem; line-height: 1.2; font-weight: 400; } .header__nav-menu > li { margin: 0 3rem 0 0; position: relative; } .header__nav-menu > li:last-child { margin: 0; } .header__nav-menu > li.is-open > .header__nav-offcanvas { opacity: 1; visibility: visible; } .header__nav-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; height: 3.5rem; color: inherit; white-space: nowrap; transition: color 0.25s; } .header__nav-link svg.icon-arrow-down { position: relative; top: 1px; width: 0.7rem; height: 0.7rem; margin: 0 0 0 0.4rem; display: block; } .header__nav-link:hover { text-decoration: none; color: inherit; } .header__nav-offcanvas { position: absolute; top: 100%; left: 0; padding: 3rem 4rem; background: #FFFFFF; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 5px; width: 78.2rem; margin: 0; transition: opacity 0.25s, visibility 0.25s; opacity: 0; visibility: hidden; } .header__nav-offcanvas .header__catalog-menu > li { margin: 0 0 1rem; } .header__nav-offcanvas .header__catalog-link { padding: 0; } .header__spacer-40 { display: block; height: 4rem; } .header__banner { position: relative; width: 100%; height: 7rem; display: block; text-decoration: none; transition: transform 0.25s; } .header__banner:hover { text-decoration: none; transform: scale(1.05); } .header__banner-image { position: relative; overflow: hidden; border-radius: 5px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .header__banner-image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .is-open > .header__nav-dropdown { opacity: 1; visibility: visible; } .header__nav-dropdown { position: absolute; top: 100%; left: 0; background: #fff; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 5px; width: 27.8rem; padding: 1rem 0; margin: 0.5rem 0 0 0; transition: opacity 0.25s, visibility 0.25s, transform 0.25s; opacity: 0; visibility: hidden; z-index: 100; } .header__nav-dropdown:before { content: ""; display: block; position: absolute; bottom: 100%; left: 0; right: 0; height: 0.5rem; } .header__nav-dropdown .header__nav-dropdown { top: -1rem; left: 100%; margin: 0 0.5rem; } .header__nav-dropdown .header__nav-dropdown:before { top: 0; bottom: 0; left: auto; right: 100%; height: auto; width: 0.5rem; } .header__nav-dropdown .header__nav-dropdown.is-reverse { left: auto; right: 100%; } .header__nav-submenu { margin: 0; padding: 0; list-style: none; } .header__nav-submenu > li { position: relative; } .header__nav-sublink { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.5rem 3rem 0.5rem 2rem; text-decoration: none; color: #343434; transition: color 0.25s; } .header__nav-sublink:hover { text-decoration: none; color: var(--theme-primary-color); } .header__nav-sublink-icon { width: 2rem; height: 2rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 1rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header__nav-sublink-text { display: block; -ms-flex: 1; flex: 1; } .header__nav-sublink-arrow { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; right: 2rem; height: 2rem; margin: -1rem 0 0 0; } .header__nav-sublink-arrow svg { display: block; width: 0.6rem; height: 1.1rem; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .header__group--info_call { width: 100%; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header__group--currency_language { -ms-flex: 0 0 auto; flex: 0 0 auto; } .header__info { -ms-flex: 1; flex: 1; } .header__logo { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 21rem; } .header__search { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .header__catalog { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 21rem; } .is-header-v1 .header__group--info_call { -ms-flex: 0 0 auto; flex: 0 0 auto; } .is-header-v1 .header__logo { -ms-flex: 0 0 auto; flex: 0 0 auto; } .is-header-v2 .header__logo { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 14.2rem; } .is-header-v2 .header__catalog { width: auto; } .is-header-v3 .header__group--info_call { -ms-flex: 0 0 auto; flex: 0 0 auto; } .is-header-v3 .header__logo { -ms-flex: 0 0 auto; flex: 0 0 auto; } .is-header-v4 .header__logo { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 14.2rem; } .is-header-v4 .header__catalog { width: auto; } .is-header-v5 .header__logo { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 14.2rem; } .is-header-v5 .header__catalog { width: auto; } .is-header-v6 .header__logo { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 14.2rem; } .is-header-v6 .header__catalog { width: auto; } .is-header-v7 .header__group--info_call { -ms-flex: 0 0 auto; flex: 0 0 auto; } .is-header-v7 .header__logo { -ms-flex: 0 0 auto; flex: 0 0 auto; } .is-header-v8 .header__logo { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .is-header-v8 .header__catalog { width: auto; } .app { opacity: 0; transition: opacity 0.5s; } .is-loaded .app { opacity: 1; } } @media (max-width: 1199px) { .is-header-checkout .header { min-height: auto; } .is-header-checkout .header__mobile { height: 6rem; } .is-header-checkout .header__logo { -ms-flex: 0 0 117px; flex: 0 0 11.7rem; } } @media (min-width: 1200px) { .is-header-checkout .header { min-height: auto; } .is-header-checkout .header__desktop { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; min-height: 6rem; -ms-flex: 1; flex: 1; } .is-header-checkout .header__logo { -ms-flex: 0 0 117px; flex: 0 0 11.7rem; } .is-header-checkout .header__call { -ms-flex: 0 0 auto; flex: 0 0 auto; } .is-header-checkout .header__call-btn { padding: 0 1.2rem; height: 3.5rem; border: 1px solid #7F73FA; border-radius: 5px; } } @media (min-width: 1200px) { .is-page-header-fixed .sku__compact { top: 8rem; } } .header__catalog--clone { display: none; } .is-header-fixed .header-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 1100; background: var(--theme-primary-color); color: #fff; transition: transform 0.25s, opacity 0.25s, visibility 0.25s; padding: 1.5rem 2.5rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 8rem; max-width: 147rem; margin: 0 auto; } .is-header-fixed .header-fixed .header__info { padding: 0 1.5rem 0 0; } .is-header-fixed .header-fixed .header__logo { margin: 0 2rem 0 0; -ms-flex: 0 0 142px; flex: 0 0 14.2rem; } .is-header-fixed .header-fixed .header__catalog { margin: 0 1rem 0 0; } .is-header-fixed .header-fixed .header__catalog--clone { display: block; } .is-header-fixed .header-fixed .header__catalog-btn { height: 4.6rem; } .is-header-fixed .header-fixed .header__search { margin: 0 auto 0 0; max-width: 70rem; } @media (max-width: 1199px) { .header-fixed { display: none; } } @media (min-width: 1200px) { .is-header-v6 .header__search-input::-webkit-search-cancel-button, .is-header-v6 .header__search-input::-webkit-search-results-button, .is-header-v6 .header__search-input::-webkit-search-results-decoration, .is-header-v7 .header__search-input::-webkit-search-cancel-button, .is-header-v7 .header__search-input::-webkit-search-results-button, .is-header-v7 .header__search-input::-webkit-search-results-decoration, .is-header-v8 .header__search-input::-webkit-search-cancel-button, .is-header-v8 .header__search-input::-webkit-search-results-button, .is-header-v8 .header__search-input::-webkit-search-results-decoration { background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.67545 4.49998L0.171021 0.995448C-0.0570411 0.767493 -0.0570411 0.398921 0.171021 0.170966C0.398977 -0.0569888 0.767549 -0.0569888 0.995505 0.170966L4.50004 3.67549L8.00447 0.170966C8.23253 -0.0569888 8.601 -0.0569888 8.82895 0.170966C9.05702 0.398921 9.05702 0.767493 8.82895 0.995448L5.32452 4.49998L8.82895 8.0045C9.05702 8.23246 9.05702 8.60103 8.82895 8.82899C8.71535 8.9427 8.56598 8.99982 8.41671 8.99982C8.26745 8.99982 8.11818 8.9427 8.00447 8.82899L4.50004 5.32446L0.995505 8.82899C0.881794 8.9427 0.732529 8.99982 0.583263 8.99982C0.433998 8.99982 0.284732 8.9427 0.171021 8.82899C-0.0570411 8.60103 -0.0570411 8.23246 0.171021 8.0045L3.67545 4.49998Z' fill='%23000'/%3E%3C/svg%3E%0A"); } } @media (min-width: 1200px) { .header__priority { transition: opacity 0.25s; transition-delay: 0.1s; opacity: 0; } .is-header-priority .header__priority { opacity: 1; } .priority-nav { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 0; min-width: 147rem; } .priority-nav > ul { } .priority-nav > ul:last-child { margin: 0; } .priority-nav > ul > li { padding: 0 2rem 0 0; margin: 0!important; } .priority-nav__wrapper { position: relative; -ms-flex: 0 0 auto; flex: 0 0 auto; } .priority-nav__wrapper.is-open .priority-nav__dropdown { opacity: 1; visibility: visible; } .priority-nav__dropdown-toggle { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: pointer; font-size: 1.5rem; line-height: 1.2; font-weight: 400; color: inherit; height: 3.5rem; } .priority-nav__dropdown-toggle svg.icon-arrow-down { position: relative; top: 1px; width: 0.7rem; height: 0.7rem; margin: 0 0 0 0.4rem; display: block; } .priority-nav-is-hidden { display: none; } .priority-nav__dropdown { position: absolute; top: 100%; right: 0; background: #fff; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 5px; width: 27.8rem; padding: 1rem 0; margin: 0.5rem 0 0 0; list-style: none; transition: opacity 0.25s, visibility 0.25s, transform 0.25s; opacity: 0; visibility: hidden; z-index: 100; } .priority-nav__dropdown:before { content: ""; display: block; position: absolute; bottom: 100%; left: 0; right: 0; height: 0.5rem; } .priority-nav__dropdown > li { position: relative; } .priority-nav__dropdown .header__nav-link { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; padding: 0.5rem 3rem 0.5rem 2rem; text-decoration: none; color: #343434; transition: color 0.25s; } .priority-nav__dropdown .header__nav-link:hover { text-decoration: none; color: var(--theme-primary-color); } .priority-nav__dropdown .header__nav-link svg.icon-arrow-down { position: absolute; top: 50%; right: 2rem; transform: rotate(-90deg); margin: -0.6rem 0 0; width: 1.2rem; height: 1.2rem; } .priority-nav__dropdown .header__nav-dropdown { top: -1rem; left: auto; right: 100%; margin: 0 0.5rem; } .priority-nav__dropdown .header__nav-dropdown:before { top: 0; bottom: 0; left: 100%; right: auto; height: auto; width: 0.5rem; } .priority-nav__dropdown .header__nav-dropdown.is-reverse { background: blue; } .priority-nav__dropdown li.is-open > .header__nav-offcanvas { opacity: 1; visibility: visible; } .priority-nav__dropdown li > .header__nav-offcanvas { top: -1rem; left: auto!important; right: 100%; margin: 0 0.5rem; } .priority-nav__dropdown li > .header__nav-offcanvas:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: -0.5rem; width: 0.5rem; height: 100%; } } .is-header-sticky .header__sticky { transform: translate(0, 100%); } .is-header-sticky-open .header__sticky { transform: translate(0, 0%); } .header__sticky { position: fixed; left: 0; right: 0; bottom: 0; display: -ms-flexbox; display: flex; z-index: 1090; background: var(--theme-primary-color); color: #fff; padding: 0 0 var(--safe-area-inset-bottom); transition: transform 0.25s; } .header__sticky:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 100%; } .header__sticky .icon-catalog { width: 1.8rem; height: 1.8rem; } @media (min-width: 1200px) { .header__sticky { display: none; } } .header__sticky-btn { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 6.5rem; text-decoration: none; color: inherit; -ms-flex: 1; flex: 1; position: relative; white-space: nowrap; } .header__sticky-btn:hover { text-decoration: none; color: inherit; } .header__sticky-icon { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 2rem; height: 2rem; margin: 0 0 0.5rem; } .header__sticky-text { display: block; font-size: 1.35rem; line-height: 1.2; font-weight: 400; } .header__sticky-counter { position: absolute; top: 0; left: 50%; margin: 0 0 0 1.5rem; font-size: 1.35rem; line-height: 1.2; font-weight: 700; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 50%; height: 50%; } .header__sticky-counter .cart-total-text, .header__sticky-counter mark.cart-empty, .header__cart-counter .cart-total-text { display: none; } .header__sticky-counter mark{ padding: 0; background: inherit; color: inherit; } @media (min-width: 1200px) { .is-open > .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth) { opacity: 1; visibility: visible; } .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth) { position: absolute; top: 100%; left: 0; background: #fff; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 5px; width: 27.8rem; padding: 1rem 0; margin: 0.5rem 0 0 0; transition: opacity 0.25s, visibility 0.25s, transform 0.25s; opacity: 0; visibility: hidden; z-index: 100; } .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth):before { content: ""; display: block; position: absolute; bottom: 100%; left: 0; right: 0; height: 0.5rem; } .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth) .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth) { top: -1rem; left: 100%; margin: 0 0.5rem; } .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth) .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth):before { top: 0; bottom: 0; left: auto; right: 100%; height: auto; width: 0.5rem; } .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth) .header__tags-offcanvas:not(.header__tags-offcanvas--fullwidth).is-reverse { left: auto; right: 100%; } .header__tags-submenu { margin: 0; padding: 0; list-style: none; } .header__tags-submenu > li { position: relative; } .header__tags-link { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.5rem 3rem 0.5rem 2rem; text-decoration: none; color: #343434; transition: color 0.25s; } .header__tags-link:hover { text-decoration: none; color: var(--theme-primary-color); } .header__tags-link-icon { width: 2rem; height: 2rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 1rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header__tags-link-text { display: block; -ms-flex: 1; flex: 1; } .header__tags-link-arrow { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; right: 2rem; height: 2rem; margin: -1rem 0 0 0; } .header__tags-link-arrow svg { display: block; width: 0.6rem; height: 1.1rem; } .is-open > .header__tags-offcanvas--fullwidth { opacity: 1; visibility: visible; } .header__tags-offcanvas--fullwidth { position: absolute; top: 100%; left: 0; padding: 3rem 4rem; background: #FFFFFF; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 5px; width: 78.2rem; margin: 0.5rem 0 0 0; transition: opacity 0.25s, visibility 0.25s; opacity: 0; visibility: hidden; } .header__tags-offcanvas--fullwidth:before { content: ""; display: block; position: absolute; bottom: 100%; left: 0; right: 0; height: 0.5rem; } .header__tags-offcanvas--fullwidth .header__catalog-menu > li { margin: 0 0 1rem; } .header__tags-offcanvas--fullwidth .header__catalog-link { padding: 0; } } @media (min-width: 1200px) { .is-open > .header__info-offcanvas:not(.header__info-offcanvas--fullwidth) { opacity: 1; visibility: visible; } .header__info-offcanvas:not(.header__info-offcanvas--fullwidth) { position: absolute; top: 100%; left: 0; background: #fff; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 5px; width: 27.8rem; padding: 1rem 0; margin: 0.5rem 0 0 0; transition: opacity 0.25s, visibility 0.25s, transform 0.25s; opacity: 0; visibility: hidden; z-index: 100; } .header__info-offcanvas:not(.header__info-offcanvas--fullwidth):before { content: ""; display: block; position: absolute; bottom: 100%; left: 0; right: 0; height: 0.5rem; } .header__info-offcanvas:not(.header__info-offcanvas--fullwidth) .header__info-offcanvas:not(.header__info-offcanvas--fullwidth) { top: -1rem; left: 100%; margin: 0 0.5rem; } .header__info-offcanvas:not(.header__info-offcanvas--fullwidth) .header__info-offcanvas:not(.header__info-offcanvas--fullwidth):before { top: 0; bottom: 0; left: auto; right: 100%; height: auto; width: 0.5rem; } .header__info-offcanvas:not(.header__info-offcanvas--fullwidth) .header__info-offcanvas:not(.header__info-offcanvas--fullwidth).is-reverse { left: auto; right: 100%; } .header__info-submenu { margin: 0; padding: 0; list-style: none; } .header__info-submenu > li { position: relative; } .header__info-sublink { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.5rem 3rem 0.5rem 2rem; text-decoration: none; color: #343434; transition: color 0.25s; } .header__info-sublink:hover { text-decoration: none; color: var(--theme-primary-color); } .header__info-sublink-icon { width: 2rem; height: 2rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 1rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .header__info-sublink-text { display: block; -ms-flex: 1; flex: 1; } .header__info-sublink-arrow { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; right: 2rem; height: 2rem; margin: -1rem 0 0 0; } .header__info-sublink-arrow svg { display: block; width: 0.6rem; height: 1.1rem; } .is-open > .header__info-offcanvas--fullwidth { opacity: 1; visibility: visible; } .header__info-offcanvas--fullwidth { position: absolute; top: 100%; left: 0; padding: 3rem 4rem; background: #FFFFFF; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 5px; width: 78.2rem; margin: 0.5rem 0 0 0; transition: opacity 0.25s, visibility 0.25s; opacity: 0; visibility: hidden; } .header__info-offcanvas--fullwidth:before { content: ""; display: block; position: absolute; bottom: 100%; left: 0; right: 0; height: 0.5rem; } .header__info-offcanvas--fullwidth .header__catalog-menu > li { margin: 0 0 1rem; } .header__info-offcanvas--fullwidth .header__catalog-link { padding: 0; } } @media (min-width: 1200px) { .header__catalog--fullwidth .header__catalog-dropdown--fullwidth.header__catalog-dropdown--w1142, .header__tags-offcanvas--fullwidth.header__tags-offcanvas--w1142 { width: 114.2rem; } .is-header-fixed .header__catalog--fullwidth .header__catalog-dropdown--fullwidth.header__catalog-dropdown--w1142 { max-width: calc(100vw - 55.4rem); } } .header__additional { color: #343434; } .header__additional .products__item { box-shadow: inset 0 0 0 1px #F7F7FB; } .header__additional .products__item-title { min-height: 4rem; } .header__additional .brands-featured__item { background: #fff; border-color: #fff; } .header__additional .brands-featured__item-image { padding: 0; } .header__additional-title { display: block; font-size: 1.5rem; line-height: 1.2; font-weight: 500; margin: 0 0 2rem; } .header__additional-multiple { margin: 0 -0.5rem -1rem; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header__additional-multiple > li { padding: 0 0.5rem 1rem; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .header__additional-brands { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -2rem; } .header__additional-brands > li { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0 2rem; } .header__additional-brands .brands-featured__item { border: 0; } @media (min-width: 1200px) { .header-fixed .header__catalog-offcanvas { padding: 0; } .header-fixed .header__catalog-menu { max-height: calc(100vh - 10rem); overflow-x: hidden; overflow-y: auto; padding: 1rem 0; } .header-fixed .header__catalog-menu::-webkit-scrollbar { display: none; } .header-fixed .header__catalog-menu > li { position: static; } .header-fixed .header__catalog-menu .header__catalog-menu { max-height: calc(100vh - 10rem); } .header-fixed .header__catalog-dropdown:not(.header__catalog-dropdown--fullwidth) { padding: 0; } .header-fixed .header__catalog-dropdown:not(.header__catalog-dropdown--fullwidth) > .header__catalog-menu { padding: 1rem 0; } .header-fixed .header__catalog-dropdown { position: absolute; top: 0; left: 100%; transition: opacity 0.25s, visibility 0.25s; } .header-fixed .header__catalog-dropdown--fullwidth { position: absolute; top: 0; left: 0; max-width: calc(100vw - 55.4rem); max-height: calc(100vh - 10rem); overflow-x: hidden; overflow-y: auto; } .header-fixed .header__catalog-dropdown--fullwidth::-webkit-scrollbar { display: none; } .header-fixed .header__catalog-main { margin: 0; } } .main { -ms-flex: 1 0 auto; flex: 1 0 auto; } .is-footer-v1 .footer { color: #343434; } @media (max-width: 1199px) { .is-footer-v1 .footer { border-top: 1px solid #E4E7F1; } .is-footer-v1 .footer__desc { padding: 3rem 0 4rem; } .is-footer-v1 .footer__logo { margin: 0 0 2rem; } .is-footer-v1 .footer__copyright { margin: 0; } .is-footer-v1 .footer__nav { padding: 0; } .is-footer-v1 .footer__support { margin: 0 0 3rem; } .is-footer-v1 .footer__bottom { padding: 1.5rem 0; min-height: auto; border: none; } .is-footer-v1 .footer__bottom:before { border-top: 1px solid #E4E7F1; } } .is-footer-v2 .footer { background: var(--theme-primary-color); color: #fff; } .is-footer-v2 .footer__bottom { border-top: 1px solid rgba(223, 232, 239, 0.1); } .is-footer-v2 .footer__payments, .is-footer-v2 .footer__support { min-width: 19rem; } .is-footer-v2 .footer__nav-link:hover,.is-footer-v2 .footer__support-link:hover { color: #fff; } .is-footer-v2 .chat__toggle { box-shadow: 0 0 0 0.2rem var(--body-bg); } @media (max-width: 1199px) { .is-footer-v2 .footer__desc { padding: 3rem 0 4rem; } .is-footer-v2 .footer__logo { margin: 0 0 2rem; } .is-footer-v2 .footer__copyright { margin: 0; } .is-footer-v2 .footer__nav { padding: 0; } .is-footer-v2 .footer__support { margin: 0 0 3rem; } .is-footer-v2 .footer__bottom { padding: 1.5rem 0; min-height: auto; border: none; } .is-footer-v2 .footer__bottom:before { border-top: 1px solid rgba(223, 232, 239, 0.1); } } .is-footer-v3 .footer { color: #343434; } .is-footer-v3 .footer__bottom { background: #302F36; color: #fff; min-height: 10rem; border: none; } .is-footer-v3 .footer__payments { color: inherit; } .is-footer-v3 .footer__payments > li { background: #4A494F; } @media (max-width: 1199px) { .is-footer-v3 { border-top: 1px solid #E4E7F1; } .is-footer-v3 footer .container-fluid { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .is-footer-v3 .footer__desc { padding: 3rem 0 4rem; } .is-footer-v3 .footer__logo { margin: 0 0 2rem; } .is-footer-v3 .footer__copyright { margin: 0; } .is-footer-v3 .footer__nav { padding: 0; -ms-flex-order: 1; order: 1; } .is-footer-v3 .footer__support { margin: 0 0 3rem; } .is-footer-v3 .footer__bottom { -ms-flex-order: 2; order: 2; } .is-footer-v3 .footer__subsc { -ms-flex-order: 3; order: 3; } .is-footer-v3 .footer__bottom { background: none; border: none; min-height: auto; padding: 1.5rem 0; } .is-footer-v3 .footer__bottom:before { border-top: 1px solid #E4E7F1; } .is-footer-v3 .footer__payments > li { background: #E8ECF2; color: #343434; } } .is-footer-v4 .footer { background: #18171B; color: #fff; } .is-footer-v4 .footer__desc { padding: 3rem 0 0 0; } .is-footer-v4 .footer__subsc { background: none; } .is-footer-v4 .footer__subsc-form .ui-subsc .ui-input, .is-footer-v4 .footer__subsc-form .ui-subsc .ui-textarea, .is-footer-v4 .footer__subsc-form .ui-subsc .ui-range__input { background: #2B2931; border-color: #2B2931; color: #fff; } .is-footer-v4 .footer__subsc-form .ui-subsc .ui-input:-ms-input-placeholder, .is-footer-v4 .footer__subsc-form .ui-subsc .ui-textarea:-ms-input-placeholder, .is-footer-v4 .footer__subsc-form .ui-subsc .ui-range__input:-ms-input-placeholder { color: #63606C; } .is-footer-v4 .footer__subsc-form .ui-subsc .ui-input::placeholder, .is-footer-v4 .footer__subsc-form .ui-subsc .ui-textarea::placeholder, .is-footer-v4 .footer__subsc-form .ui-subsc .ui-range__input::placeholder { color: #63606C; } .is-footer-v4 .footer__subsc-form .ui-subsc .ui-check__checkbox { background: #2B2931; border-color: #2B2931; } .is-footer-v4 .footer__subsc-form .ui-subsc .ui-check__text { color: #BDC2D3; } .is-footer-v4 .footer__bottom { min-height: 10rem; border: none; } .is-footer-v4 .footer__bottom:before { border: none; } .is-footer-v4 .footer__payments { width: auto; } .is-footer-v5 .footer { background: #18171B; color: #fff; } .is-footer-v5 .footer__logo { max-width: 11.4rem; margin: 0 0 2.5rem; } .is-footer-v5 .footer__subsc { background: none; padding: 0; } .is-footer-v5 .footer__subsc-form .ui-subsc .ui-input, .is-footer-v5 .footer__subsc-form .ui-subsc .ui-textarea, .is-footer-v5 .footer__subsc-form .ui-subsc .ui-range__input { background: #2B2931; border-color: #2B2931; color: #fff; } .is-footer-v5 .footer__subsc-form .ui-subsc .ui-input:-ms-input-placeholder, .is-footer-v5 .footer__subsc-form .ui-subsc .ui-textarea:-ms-input-placeholder, .is-footer-v5 .footer__subsc-form .ui-subsc .ui-range__input:-ms-input-placeholder { color: #63606C; } .is-footer-v5 .footer__subsc-form .ui-subsc .ui-input::placeholder, .is-footer-v5 .footer__subsc-form .ui-subsc .ui-textarea::placeholder, .is-footer-v5 .footer__subsc-form .ui-subsc .ui-range__input::placeholder { color: #63606C; } .is-footer-v5 .footer__subsc-form .ui-subsc .ui-check__checkbox { background: #2B2931; border-color: #2B2931; } .is-footer-v5 .footer__subsc-form .ui-subsc .ui-check__text { color: #BDC2D3; } .is-footer-v5 .footer__bottom { border-top: 1px solid rgba(223, 232, 239, 0.1); } .is-footer-v5 .footer__support { width: auto; } .is-footer-v5 .footer__support .row { -ms-flex-pack: end; justify-content: flex-end; } .is-footer-v5 .footer__support .row > [class^=col-] { max-width: 21rem; } .is-footer-v5 .footer__payments { min-width: 19rem; } @media (max-width: 1199px) { .is-footer-v5 .footer__middle { padding: 0; } .is-footer-v5 .footer__caption { margin: 0; } .is-footer-v5 .footer__subsc { padding: 3rem 0 2.5rem; margin: 0 0 4rem; } .is-footer-v5 .footer__support { width: auto; margin: 0 0 3rem; } .is-footer-v5 .footer__support .row { -ms-flex-pack: start; justify-content: flex-start; } .is-footer-v5 .footer__support .row > [class^=col-] { max-width: none; } .is-footer-v5 .footer__bottom { border-top: 1px solid #27252B; padding: 2.5rem 0; } .is-footer-v5 .footer__bottom:before { border: none; } .is-footer-v5 .footer__logo { max-width: 9rem; margin: 0 0 1.2rem; } } .is-footer-v6 .footer { background: #18171B; color: #fff; } .is-footer-v6 .footer__bottom { border: none; min-height: 10rem; } .is-footer-v6 .footer__payments { color: inherit; margin: 0 0 0 5rem; width: auto; } .is-footer-v6 .footer__payments > li { background: #4A494F; } .is-footer-v6 .footer__call-btn { white-space: nowrap; } @media (max-width: 1199px) { .is-footer-v6 .footer__support { padding: 4rem 0 3rem; } .is-footer-v6 .footer__bottom { border-top: 1px solid #27252B; display: block; padding: 3rem 0; } .is-footer-v6 .footer__bottom:before { border: none; } .is-footer-v6 .footer__logo { margin: 0 0 1.2rem; } .is-footer-v6 .footer__copyright { margin: 0 0 2rem; } .is-footer-v6 .footer__payments { width: auto; -ms-flex-pack: start; justify-content: flex-start; margin: 0; } } .is-footer-v7 .footer__payments { min-width: 19rem; } @media (max-width: 1199px) { .is-footer-v7 { border-top: 1px solid #E4E7F1; } .is-footer-v7 .footer__desc { padding: 3rem 0 4rem; } .is-footer-v7 .footer__logo { margin: 0 0 2rem; } .is-footer-v7 .footer__copyright { margin: 0; } .is-footer-v7 .footer__nav { padding: 0; } .is-footer-v7 .footer__support { margin: 0 0 3rem; } .is-footer-v7 .footer__bottom { padding: 1.5rem 0; border: none; min-height: auto; } .is-footer-v7 .footer__bottom:before { border-top: 1px solid #E4E7F1; } } .footer { position: relative; border-top: 1px solid #E4E7F1; padding: 0 0 calc(6.5rem + var(--safe-area-inset-bottom)); } @media (min-width: 1200px) { .footer { padding: 0; border: none; } } .footer__nav { padding: 4rem 0; position: relative; } .footer__nav:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 50%; width: 120vw; margin: 0 0 0 -60vw; z-index: -1; background: inherit; } .footer__nav .row { margin: 0 -1rem -6rem; } .footer__nav .row > [class^=col] { padding: 0 1rem 6rem; } @media (min-width: 1200px) { .footer__nav { padding: 5rem 0; } } .footer__nav-title { display: block; margin: 0 0 2rem; font-size: 1.5rem; line-height: 1.2; font-weight: 500; } .footer__nav-menu { margin: 0 -1.5rem -1.5rem; padding: 0; list-style: none; font-size: 1.4rem; line-height: 1.25; font-weight: 400; } .footer__nav-menu > li { padding: 0 1.5rem 1.5rem; } .footer__nav-menu > li:last-child { margin: 0; } .footer__nav-link { text-decoration: none; color: inherit; transition: opacity 0.25s, color 0.25s; } .footer__nav-link:hover { text-decoration: none; color: var(--theme-primary-color); } .footer__logo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 1.2rem; color: inherit; text-decoration: none; max-width: 9rem; } .footer__logo img, .footer__logo svg { display: block; width: 100%; } .footer__logo:hover { color: inherit; text-decoration: none; } @media (min-width: 1200px) { .footer__logo { margin: 0 11rem 0 0; } } .footer__copyright { -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0 0 2rem; font-size: 1.3rem; line-height: 1.2; font-weight: 400; opacity: 0.4; max-width: 50rem; } @media (min-width: 1200px) { .footer__copyright { margin: 0 2rem 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .footer__payments { margin: 0 0 0 auto; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #343434; -ms-flex: 0 0 100%; flex: 0 0 100%; } .footer__payments > li { margin: 0 0.3rem 0 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 3.4rem; height: 2.4rem; background: #E8ECF2; border-radius: 4px; padding: 0.4rem; } .footer__payments > li:last-child { margin: 0; } .footer__payments img, .footer__payments svg { display: block; width: auto; height: auto; max-height: 1.4rem; } @media (min-width: 1200px) { .footer__payments { -ms-flex: 0 0 auto; flex: 0 0 auto; } } .footer__subsc { padding: 2.4rem 0; background: #ECF2F9; min-height: 17.5rem; position: relative; } .footer__subsc .row { -ms-flex-align: center; align-items: center; } .footer__subsc:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 50%; width: 120vw; margin: 0 0 0 -60vw; z-index: -1; background: inherit; } @media (min-width: 1200px) { .footer__subsc { padding: 3.5rem 0 2.5rem; } } .footer__subsc-image { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; margin: -3.5rem 0; } .footer__subsc-form { -ms-flex: 1; flex: 1; } .footer__subsc-form .ui-subsc .ui-label { font-size: 1.6rem; margin: 0 0 1rem; } .footer__subsc-form .ui-subsc .ui-group { margin: 0 0 1rem; } @media (min-width: 1200px) { .footer__subsc-form .ui-subsc .ui-check__text { font-size: 1.3rem; } .footer__subsc-form { max-width: 57rem; margin: 0 auto; } } .footer__caption { display: block; margin: 0 0 4rem; font-size: 1.5rem; line-height: 1.67; font-weight: 400; max-width: 36rem; opacity: 0.5; } .footer__call { position: relative; } .footer__call.is-open > .footer__call-offcanvas { opacity: 1; visibility: visible; } .footer__call { margin: 0 0 0 auto; position: relative; } .footer__call-btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #fff; font-size: 1.3rem; line-height: 1.2; font-weight: 500; height: 3.5rem; } .footer__call-btn:hover { text-decoration: none; } .footer__call-btn mark { background: none; padding: 0; margin: 0 0.6rem 0 0; color: #fff; opacity: 0.4; } .footer__call-btn svg { margin: 0 0 0 0.4rem; } .footer__call-offcanvas { position: absolute; bottom: 100%; right: 0; background: #FFFFFF; box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25); border-radius: 5px; padding: 1rem 0; transition: opacity 0.25s, visibility 0.25s, transform 0.25s; opacity: 0; visibility: hidden; z-index: 100; } .footer__call-offcanvas:before { content: ""; display: block; position: absolute; top: 0; right: 100%; width: 0.5rem; height: 100%; } .footer__call-menu { margin: 0; padding: 0; list-style: none; font-size: 1.5rem; line-height: 2.1rem; font-weight: 400; } .footer__call-menu > li { position: relative; margin: 0 0 0.5rem; } .footer__call-menu > li:last-child { margin: 0; } .footer__call-link { display: block; padding: 0.5rem 2rem; text-decoration: none; transition: color 0.25s; color: #343434; } .footer__call-link:hover { text-decoration: none; color: var(--theme-primary-color); } @media (min-width: 1200px) { .footer__support { width: 19rem; } } .footer__support-title { display: block; margin: 0 2.5rem 1.5rem 0; font-size: 1.5rem; line-height: 1.2; font-weight: 500; } .footer__support-phones { margin: 0 0 1rem; padding: 0; list-style: none; font-size: 1.5rem; line-height: 1.5; font-weight: 500; } .footer__support-phones > li { margin: 0; } .footer__support-worktime { display: block; margin: 0 0 2rem; font-size: 1.3rem; line-height: 1.4; font-weight: 500; opacity: 0.4; } .footer__support-dl { display: block; margin: 0; font-size: 1.3rem; line-height: 1.2; font-weight: 400; } .footer__support-dl dt { display: block; font-weight: 500; margin: 0 0 1rem; } .footer__support-dl dd { margin: 0 0 2rem; } .footer__support-dl dd:last-child { margin: 0; } .footer__support-social { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .footer__support-social > li { margin: 0 1rem 0 0; } .footer__support-social > li:last-child { margin: 0; } .footer__support-link { text-decoration: none; color: inherit; transition: opacity 0.25s, color 0.25s; } .footer__support-link--callback { font-size: 1.3rem; line-height: 1.2; font-weight: 400; } .footer__support-link svg { display: block; transition: transform 0.25s; will-change: transform; } .footer__support-link:hover { text-decoration: none; color: var(--theme-primary-color); } .footer__support-link:hover svg { transform: scale(1.2); } .footer__middle { padding: 4.5rem 0 2.5rem; } .footer__bottom { position: relative; padding: 2.5rem 0; } .footer__bottom:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 50%; width: 120vw; z-index: -1; margin: 0 0 0 -60vw; background: inherit; border-top: 1px solid #DFE8EF; } @media (min-width: 1200px) { .footer__bottom { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 6rem; padding: 1.5rem 0; border-top: 1px solid #DFE8EF; } .footer__bottom:before { border: none; } .footer__bottom--left { margin-left: 5rem; } .footer__bottom--right { margin-right: 5rem; } } @media (max-width: 1199px) { .footer__support-worktime,.footer__copyright, .footer__support-dl,.footer__support-link--callback { font-size: 1.4rem; } .is-footer-checkout .footer { background: #EBEEF3; } .is-footer-checkout .footer__checkout { padding: 3rem 0; } .is-footer-checkout .footer__support { margin: 0 0 3rem; } .is-footer-checkout .footer__copyright { margin: 0; padding: 0; list-style: none; font-size: 1.4rem; line-height: 1.2; font-weight: 400; opacity: 1; } .is-footer-checkout .footer__copyright > li { margin: 0 0 1rem; } .is-footer-checkout .footer__copyright > li:last-child { margin: 0; } .is-footer-checkout .footer__copyright-link { text-decoration: none; color: #4791FF; } .is-footer-checkout .footer__copyright-link:hover { text-decoration: none; color: #4791FF; } } @media (min-width: 1200px) { .is-footer-checkout .footer { background: #EBEEF3; color: #343434; } .is-footer-checkout .footer__checkout { padding: 1.2rem 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex: 1; flex: 1; } .is-footer-checkout .footer__copyright { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; opacity: 1; font-size: 1.4rem; line-height: 1.2; font-weight: 400; } .is-footer-checkout .footer__copyright > li { margin: 0 3rem 0 0; } .is-footer-checkout .footer__copyright-link { text-decoration: none; color: #4791FF; } .is-footer-checkout .footer__copyright-link:hover { text-decoration: none; color: #4791FF; } .is-footer-checkout .footer__call-btn { color: #343434; padding: 0 1.2rem; height: 3.5rem; border: 1px solid #D5D9DF; border-radius: 5px; } .is-footer-checkout .footer__call-btn mark { color: inherit; } } .text-red { color: #F45656 !important; } .row-gutter-120 { margin: 0 -6rem; } .row-gutter-120 > [class^=col-] { padding: 0 6rem; } .row-gutter-10 { margin: 0 -0.5rem -1rem; } .row-gutter-10 > [class^=col] { padding: 0 0.5rem 1rem; } .text-right { text-align: right; } .text-center { text-align: center; } .is-hidden { display: none !important; } @media (max-width: 575px) { .is-sm-visible { display: none !important; } } @media (max-width: 767px) { .is-md-visible { display: none !important; } } @media (max-width: 991px) { .is-lg-visible { display: none !important; } } @media (max-width: 1199px) { .is-xl-visible { display: none !important; } } @media (min-width: 768px) { .is-md-hidden { display: none !important; } } @media (min-width: 992px) { .is-lg-hidden { display: none !important; } } @media (min-width: 1200px) { .is-xl-hidden { display: none !important; } } /* 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; } .header__cart-item-title:hover { text-decoration: none; } .pagination { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex: 1; flex: 1; font-size: 1.4rem; line-height: 1.2; font-weight: 500; } @media (min-width: 768px) { .pagination { -ms-flex-pack: start; justify-content: flex-start; } } .pagination>li>a,.pagination>li>span,.pagination>li>a:hover { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; min-width: 4rem; height: 4rem; text-decoration: none; color: #343434; transition: color 0.25s, background 0.25s; border-radius: 4px; background: none; border: 0; padding: 0; margin: 0; line-height: initial; } .pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus { text-decoration: none; color: var(--theme-primary-color); background: none; } .pagination>.active>span,.pagination>.active>span:hover { background: var(--theme-primary-color); color: #fff; } .article__body--blog blockquote { border: none; margin: 0 0 4rem 3rem; font-size: 1.6rem; line-height: 1.75; font-weight: 400; position: absolute; left: 100%; width: 37%; } .article__body--blog blockquote img { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 2.5rem -2.5rem; } .article__body--blog blockquote p { margin: 0; } .article__body .note-video-clip { margin: -6rem 0 -4rem; display: block; } .ui-video__figure svg.icon-video { display: block!important; } .footer__social-social { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__social-social > li { margin: 0 1rem 1rem 0; } .footer__social-link { text-decoration: none; color: inherit; transition: opacity 0.25s, color 0.25s; } .footer__social-link img { display: block; transition: transform 0.25s; will-change: transform; width: 2.4rem; height: 2.4rem; } .footer__social-link:hover { text-decoration: none; color: var(--theme-primary-color); } .footer__social-link:hover img { transform: scale(1.2); } .form-group { margin: 0; } .form-group .col-sm-2,.form-group .col-sm-10 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 100%; max-width: 100%; display: block; padding: 0; float: none; color: initial; } .has-error .form-control,.has-error .form-control:focus { box-shadow: none; border: 0; } .ui-btn--file { margin: 0 0 2rem; } /* 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: 1200px) { .page { padding: 0 0 8rem 0; } .page__action { margin: 0 0 2rem; } .personal__wrapper .settings { margin: 0; } } .page__body { margin: 0 0 6rem; } .page__body--addresses { margin: 0 0 4rem; } .table-responsive .ui-table,.ui-wysiwyg table:not([class]) { margin: 0; } .table-responsive { margin: 0 0 4rem; } .products-amount { position: absolute; background: #FFFFFF; box-shadow: 0px 0px 20px rgb(170 189 206 / 25%); border-radius: 5px; padding: 2.5rem 3rem; margin-top: -1.5rem; margin-left: -0.5rem; transition: transform 0.25s; z-index: 50; left: 100%; } #column-right .products-amount { left: unset; right: 100%; } .products-amount__amount { white-space: nowrap; font-size: 1.5rem; line-height: 1.2; font-weight: 400; } @media (max-width: 1199px) { .swiper-shops,.swiper-blog,.swiper-news,.swiper-benefits,.swiper-reviews,.swiper-brands-featured,.swiper-categories,.swiper-stories-features,.swiper-partners { overflow-y: auto; margin: 0 -2.5rem -1rem -2.5rem; } .swiper-shops > .swiper-wrapper,.swiper-blog > .swiper-wrapper,.swiper-news > .swiper-wrapper,.swiper-benefits > .swiper-wrapper,.swiper-reviews > .swiper-wrapper,.swiper-brands-featured > .swiper-wrapper,.swiper-partners > .swiper-wrapper,.swiper-categories > .swiper-wrapper,.swiper-stories-features > .swiper-wrapper { padding: 0 2.5rem 3rem 2.5rem; overflow-y: hidden; } .swiper-shops > .swiper-wrapper::-webkit-scrollbar,.swiper-blog > .swiper-wrapper::-webkit-scrollbar,.swiper-news > .swiper-wrapper::-webkit-scrollbar,.swiper-benefits > .swiper-wrapper::-webkit-scrollbar,.swiper-reviews > .swiper-wrapper::-webkit-scrollbar,.swiper-brands-featured > .swiper-wrapper::-webkit-scrollbar,.swiper-partners > .swiper-wrapper::-webkit-scrollbar,.swiper-categories > .swiper-wrapper::-webkit-scrollbar,.swiper-stories-features > .swiper-wrapper::-webkit-scrollbar { width: 0.3rem; height: 0.3rem; background: none; border-radius: 3px } .swiper-shops > .swiper-wrapper::-webkit-scrollbar-thumb,.swiper-blog > .swiper-wrapper::-webkit-scrollbar-thumb,.swiper-news > .swiper-wrapper::-webkit-scrollbar-thumb,.swiper-benefits > .swiper-wrapper::-webkit-scrollbar-thumb,.swiper-reviews > .swiper-wrapper::-webkit-scrollbar-thumb,.swiper-brands-featured > .swiper-wrapper::-webkit-scrollbar-thumb,.swiper-partners > .swiper-wrapper::-webkit-scrollbar-thumb,.swiper-categories > .swiper-wrapper::-webkit-scrollbar-thumb,.swiper-stories-features > .swiper-wrapper::-webkit-scrollbar-thumb { background: var(--theme-primary-color) } .swiper-shops > .swiper-wrapper::-webkit-scrollbar-track-piece,.swiper-blog > .swiper-wrapper::-webkit-scrollbar-track-piece,.swiper-news > .swiper-wrapper::-webkit-scrollbar-track-piece,.swiper-benefits > .swiper-wrapper::-webkit-scrollbar-track-piece,.swiper-reviews > .swiper-wrapper::-webkit-scrollbar-track-piece,.swiper-brands-featured > .swiper-wrapper::-webkit-scrollbar-track-piece,.swiper-partners > .swiper-wrapper::-webkit-scrollbar-track-piece,.swiper-categories > .swiper-wrapper::-webkit-scrollbar-track-piece,.swiper-stories-features > .swiper-wrapper::-webkit-scrollbar-track-piece { background: #EEF0F3; margin: 0 2.5rem; cursor: pointer; } .swiper-reviews .swiper-scrollbar,.swiper-stories-features .swiper-scrollbar{ display: none; } } .search-page { padding: 2.5rem; background: #fff; border-radius: 10px; display: block; margin-bottom: 4rem; } .manufacturer-page { margin-bottom: 4rem; } input[type=checkbox][disabled] ~ span, input[type=radio][disabled] ~ span { opacity: 0.5; cursor: default; } input[type=button] { cursor: pointer; } #collapse-checkout-confirm .pull-right { float: none !important; padding: 2rem 0 0 0; } .agree { color: #4791FF; text-decoration: none; transition: opacity 0.25s, color 0.25s; } .agree b { font-weight: normal; } .agree:hover { opacity: 0.7; text-decoration: none; } .is-header-checkout .breadcrumbs__menu { display: none; } .is-header-checkout .breadcrumbs__title { margin: 0; } .app--v6 .header--checkout, .app--v7 .header--checkout, .app--v8 .header--checkout{ background: #fff; color: #343434; } .app--v6 .header--checkout .header__call-btn, .app--v7 .header--checkout .header__call-btn, .app--v8 .header--checkout .header__call-btn{ border-color: rgba(52, 52, 52, 0.1); color: #343434; } .app--v6 .header--checkout .header__call-btn:hover, .app--v7 .header--checkout .header__call-btn:hover, .app--v8 .header--checkout .header__call-btn:hover{ color: #343434; border-color: #343434; } .calculate_ship { font-weight: normal; margin-left: 0.5rem; } .loading { display: inline-block; clip-path: inset(0 1ch 0 0); animation: loading 1s steps(4) infinite; } @keyframes loading { to { clip-path: inset(0 -1ch 0 0) } } #popupprod .bootstrap-datetimepicker-widget { position: absolute!important; inset: unset!important; top: 7.3rem!important; } #popupprod .ui-found, #popupprod .ui-btn--fullwidth, #popupprod .popup__title, #popupprod .order-xl-3, #popupprod .order-xl-8, #popupprod .order-xl-6 { display: none; } #popupprod .sku__rating { pointer-events: none; } .popup--prod .fancybox-close { display: none; } .fancybox-popupprod .fancybox-close { display: block!important; } .popup--option-required .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 100%; max-width: 100%; } .popup--option-required .ui-btn--fullwidth, .popup--option-required .popup__title { display: block!important; } .popup--option-required .sku__desc,.popup--option-required .sku__group { padding: 0; border: 0; } .popup--option-required .ui-select,.popup--option-required .ui-input,.popup--option-required .ui-textarea { max-width: 100%; } .popup--option-required .js-sku-view > img { margin: 0 auto; display: block; padding-bottom: 2rem; } .scroll-to-top { position: fixed; bottom: 2rem; width: 4rem; height: 4rem; border-radius: 50%; background: #343434; text-align: center; z-index: 1099; opacity: 0; visibility: hidden; transition: opacity 0.25s, visibility 0.25s; } .scroll-to-top.active { opacity: 1; visibility: visible; } .scroll-to-top .icon-arrow-toggle { transform: rotate(180deg); margin: 1.5rem 0; color: #fff; } .chat .scroll-to-top { position: absolute; top: -5rem; left: 1rem; } .scroll-to-top--left{ left: 2rem; } .scroll-to-top--right{ right: 2rem; } img.loader { margin: 0 auto; display: block; } .addthis_inline_share_toolbox[data-url]+img.loader { display: none; } .tooltip-inner { background: #fff; color: #343434; box-shadow: 0px 0px 20px rgb(170 189 206 / 25%); border-radius: 5px; padding: 2rem; font-size: 1.4rem; line-height: 1.4; font-weight: 400; } .tooltip.in { filter: alpha(opacity=100); opacity: 1 } .tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow, .bs-tooltip-top .tooltip-arrow::before { border-top-color: #fff } .tooltip.right .tooltip-arrow, .bs-tooltip-end .tooltip-arrow::before{ border-right-color: #fff } .tooltip.left .tooltip-arrow, .bs-tooltip-start .tooltip-arrow::before{ border-left-color: #fff } .tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow::before{ border-bottom-color: #fff } #column-left .container-fluid, #column-right .container-fluid { max-width: unset; padding: 0; } .cookieagry { position: fixed; bottom: 0; z-index: 9999; width: 100%; } .cookieagry-alert { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 6rem; pointer-events: auto; padding: 1rem 2rem 1rem 2rem; margin: 0 0 1rem; position: relative; border-radius: 10px; animation: alertpopupShow 0.5s forwards; background: #343434; color: #fff; max-width: 109rem; margin: 0 auto 2rem auto; } .cookieagry__text { margin: 0 3rem 0 0; } .cookieagry-alert .agree { color: #fff; border-bottom: 1px solid rgb(255 255 255 / 60%); } @media (max-width: 1199px) { .cookieagry-alert { margin: 2.5rem; padding: 2.5rem; } } @media (max-width: 767px) { .cookieagry-alert { flex-wrap: wrap; } .cookieagry__text { margin: 0 0 2rem 0; } .cookieagry__action { width: 100%; } .cookieagry__action .ui-btn { width: 100%; height: 4.8rem; } } .personal-data { font-size: 1.5rem; line-height: 1.4; font-weight: 400; color: #BDC2D3; margin: 2rem 0 0; } .personal-data a { color: #BDC2D3; text-decoration: none; border-bottom: 1px solid currentColor; } .daterangepicker { z-index: 99999!important; } .hide { display: none; } .editor .intro { margin: 0 0 1.5rem; padding: unset; background: unset; box-shadow: none; } .product-thumb { border: 1px solid #E7ECF2; margin-bottom: 2rem; overflow: auto; padding: 2rem; border-radius: 10px; background: #fff; } .product-thumb .image img { margin: 0 auto; } @media (min-width: 767px) { .product-list .product-thumb .image { float: left; margin-right: 2rem; } } input[type=checkbox]:not([class]), input[type=radio]:not([class]) { width: unset; height: unset; appearance: auto; display: inline; margin: inherit; } input[type=checkbox]:not([class]):focus, input[type=radio]:not([class]):focus { box-shadow: none; outline: unset; } .buttons { margin: 2rem 0 ; } .btn.active, .btn:active { box-shadow: none; } @media (max-width: 1199px) { .col-xl-3 + .col-sm-9,.col-xl-3 + .col-sm-6,.col-sm-6 + .col-xl-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .main-page-title{ opacity: 0.5; color: #fff; font-weight: 500; line-height: 1.3; font-size: 18px; margin: 0; } .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; } .main-page-title { opacity: 0.5; color: #fff; font-weight: 500; line-height: 1.3; font-size: 18px; margin: 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 */