Files
backend-mm/public/web/shella/styles/theme.css
2025-09-25 03:03:31 +05:00

7820 lines
207 KiB
CSS

/*
--------------------------------------------
Table of Contents
--------------------------------------------
"-" - designation of the name of the scss file, which corresponds to the block name and the name of the main class of the block according to the BEM methodology. You can find the block in the CSS file by searching for the specified name. example: ".header".
.. 1. Layout (layout/)
- layout
.... 1.1 Global (global/)
- mixin
- variables
- type
- modifiers
- standart-colors
.... 1.2 Plugins (plugins/)
- slick
- spr
- weglot
- ion_range_slider
- fotorama
- slider-revolution
- addthis
- tippy
.... 1.3 Elements (elements/)
- rimage
- rvideo
- scroll-offset-example
- icons
- form
- buttons
- label
- price
- button-quick-view
- image-animation
- responsive-block
.... 1.4 Modules (modules/)
- header
- slider
- breadcrumbs
- social-media
- countdown
- stock-countdown
- text-countdown
- visitors
- free-shipping
- dropdown
- table-product-sizes
- material-info
- tabs
- product-options
- product-images-navigation
- product-image
- product-collection
- product-wishlist
- product-compare
- product-search
- product-cart
- product-store-lists
- product-featured
- product-notification
- products-grid-buttons
- dynamic-checkout
- product-page
- product-page-gallery
- product-page-info
- product-fixed-sizebar
- popup
- popup-navigation
- popup-sidebar
- popup-cart
- popup-wishlist
- popup-wishlist-full
- popup-compare-full
- popup-account
- popup-services
- popup-subscription
- popup-password
- popup-quick-view
- popup-delivery-return
- popup-size-guide
- popup-confirm-transfer-data
- footbar
- fixed-sidebar
- notification
- notification-cookies
- notification-products
- footbar-product
- form-input-button
- search
- promo-text
- promobox
- brand
- menu
- collections
- collection-head
- collection-control
- layer-navigation
- collections-menu
- collection-filter-by-price
- collection-filters
- collection-current-tags
- collection-sidebar-offers
- carousel
- carousel-articles
- pagination
- compare
- cart
- login
- register
- reset-password
- activate-account
- gallery
- blog
- post
- article
- article-slider
- instafeed
- faqs
- contact-map
- table-account-addresses
- table-account-history
- table-size-guide
- lookbook
- password-page-content
- captcha
- 404
- footer
.... 1.5 RTL (global/)
- rtl
.. 2. Utils (tools/)
- mixins
.. 3. Settings (settings/)
- variables
.. 4. Commons (global/)
- variables
.. 5. Fonts (font/)
- variables
- body
.. 6. Colorize (colorize/)
- variables
- body
.. 7. Animations (animation/)
- variables
- body
.. 8. Other (other/)
- variables
- body
.. 9. Presentation (global/)
- presentation
*/
/*START: 1. Layout*/
/*START: 1.1 Global*/
html {
padding-bottom: 0 !important; }
body {
position: relative;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden; }
#MainContent {
position: relative;
z-index: 1; }
h1, .h1 {
margin-bottom: 33px; }
h2, .h2 {
margin-bottom: 45px; }
h3, .h3 {
margin-bottom: 24px; }
h4, .h4 {
margin-bottom: 28px; }
h5, .h5 {
margin-bottom: 25px; }
h6, .h6 {
margin-bottom: 26px; }
img {
max-width: 100%;
image-rendering: auto; }
p {
margin-bottom: 20px; }
a {
display: inline-block;
-webkit-tap-highlight-color: transparent; }
a:hover, a:visited, a:active, a:link {
text-decoration: none; }
a:focus, img:focus {
outline: 0; }
label {
display: inline-block;
margin-bottom: 7px; }
hr {
display: block;
height: 1px;
padding: 0;
margin: 20px 0;
border: 0;
border-top: 1px solid transparent; }
blockquote {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
margin-bottom: 20px;
margin-left: 20px;
border-left: solid 2px transparent;
font-style: italic; }
blockquote p {
margin-bottom: 0 !important; }
blockquote span {
display: block;
margin-top: 15px;
font-style: normal; }
ul, ol {
list-style: none;
padding-left: 0;
margin: 0; }
@media (min-width: 1025px) {
ul li > a, ol li > a {
transition-property: color; } }
ul:not(.list-unstyled) li {
padding-left: 16px; }
ul:not(.list-unstyled) li::before {
display: inline-block;
content: '';
margin-bottom: 2px;
margin-right: 10px;
margin-left: -16px;
border-radius: 50%;
width: 4px;
height: 4px; }
ul:not(.list-unstyled) ul {
padding-left: 18px; }
ol:not(.list-unstyled) {
counter-reset: list1; }
ol:not(.list-unstyled) li {
padding-left: 16px; }
ol:not(.list-unstyled) li::before {
margin-left: -16px;
counter-increment: list1;
content: counter(list1) ". "; }
ol:not(.list-unstyled) ol {
padding-left: 36px;
counter-reset: list2; }
ol:not(.list-unstyled) ol li::before {
counter-increment: list2;
content: counter(list1) "@mixin " counter(list2) ". "; }
video {
display: block; }
@media (min-width: 1025px) {
.container--sm {
max-width: 800px; } }
@media (min-width: 1025px) {
.container--sm.px-0 {
max-width: 770px; } }
.table, .responsive-table {
text-align: left;
border-collapse: collapse; }
.table th, .responsive-table th {
border-bottom: none !important; }
.table th, .table td, .responsive-table th, .responsive-table td {
height: 34px;
padding: 8px 15px !important;
vertical-align: middle !important; }
.table-wrap {
max-width: 100%;
overflow-x: auto; }
.table-center th:not(:first-child),
.table-center td:not(:first-child) {
text-align: center; }
@media (max-width: 540px) {
.rte img {
width: 100%; } }
.rte blockquote {
margin-bottom: 40px; }
#preview-bar-iframe,
#admin-bar-iframe {
display: none !important; }
.cursor-pointer {
cursor: pointer !important; }
@media (min-width: 0) {
.cursor-xs-pointer {
cursor: pointer !important; } }
@media (min-width: 541px) {
.cursor-sm-pointer {
cursor: pointer !important; } }
@media (min-width: 778px) {
.cursor-md-pointer {
cursor: pointer !important; } }
@media (min-width: 1025px) {
.cursor-lg-pointer {
cursor: pointer !important; } }
@media (min-width: 1260px) {
.cursor-xl-pointer {
cursor: pointer !important; } }
.cursor-default {
cursor: default !important; }
@media (min-width: 0) {
.cursor-xs-default {
cursor: default !important; } }
@media (min-width: 541px) {
.cursor-sm-default {
cursor: default !important; } }
@media (min-width: 778px) {
.cursor-md-default {
cursor: default !important; } }
@media (min-width: 1025px) {
.cursor-lg-default {
cursor: default !important; } }
@media (min-width: 1260px) {
.cursor-xl-default {
cursor: default !important; } }
.cursor-pointer[disabled='disabled'] {
cursor: default !important; }
.pointer-events-none {
pointer-events: none; }
.pointer-events-all {
pointer-events: all; }
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important; }
@media (min-width: 0) {
.position-xs-sticky {
position: -webkit-sticky !important;
position: sticky !important; } }
@media (min-width: 541px) {
.position-sm-sticky {
position: -webkit-sticky !important;
position: sticky !important; } }
@media (min-width: 778px) {
.position-md-sticky {
position: -webkit-sticky !important;
position: sticky !important; } }
@media (min-width: 1025px) {
.position-lg-sticky {
position: -webkit-sticky !important;
position: sticky !important; } }
@media (min-width: 1260px) {
.position-xl-sticky {
position: -webkit-sticky !important;
position: sticky !important; } }
.position-fixed {
position: fixed !important; }
@media (min-width: 0) {
.position-xs-fixed {
position: fixed !important; } }
@media (min-width: 541px) {
.position-sm-fixed {
position: fixed !important; } }
@media (min-width: 778px) {
.position-md-fixed {
position: fixed !important; } }
@media (min-width: 1025px) {
.position-lg-fixed {
position: fixed !important; } }
@media (min-width: 1260px) {
.position-xl-fixed {
position: fixed !important; } }
.position-absolute {
position: absolute !important; }
@media (min-width: 0) {
.position-xs-absolute {
position: absolute !important; } }
@media (min-width: 541px) {
.position-sm-absolute {
position: absolute !important; } }
@media (min-width: 778px) {
.position-md-absolute {
position: absolute !important; } }
@media (min-width: 1025px) {
.position-lg-absolute {
position: absolute !important; } }
@media (min-width: 1260px) {
.position-xl-absolute {
position: absolute !important; } }
.position-relative {
position: relative !important; }
@media (min-width: 0) {
.position-xs-relative {
position: relative !important; } }
@media (min-width: 541px) {
.position-sm-relative {
position: relative !important; } }
@media (min-width: 778px) {
.position-md-relative {
position: relative !important; } }
@media (min-width: 1025px) {
.position-lg-relative {
position: relative !important; } }
@media (min-width: 1260px) {
.position-xl-relative {
position: relative !important; } }
.position-static {
position: static !important; }
@media (min-width: 0) {
.position-xs-static {
position: static !important; } }
@media (min-width: 541px) {
.position-sm-static {
position: static !important; } }
@media (min-width: 778px) {
.position-md-static {
position: static !important; } }
@media (min-width: 1025px) {
.position-lg-static {
position: static !important; } }
@media (min-width: 1260px) {
.position-xl-static {
position: static !important; } }
.top-0 {
top: 0 !important; }
@media (min-width: 0) {
.top-xs-0 {
top: 0 !important; } }
@media (min-width: 541px) {
.top-sm-0 {
top: 0 !important; } }
@media (min-width: 778px) {
.top-md-0 {
top: 0 !important; } }
@media (min-width: 1025px) {
.top-lg-0 {
top: 0 !important; } }
@media (min-width: 1260px) {
.top-xl-0 {
top: 0 !important; } }
.top-100 {
top: 100% !important; }
@media (min-width: 0) {
.top-xs-100 {
top: 100% !important; } }
@media (min-width: 541px) {
.top-sm-100 {
top: 100% !important; } }
@media (min-width: 778px) {
.top-md-100 {
top: 100% !important; } }
@media (min-width: 1025px) {
.top-lg-100 {
top: 100% !important; } }
@media (min-width: 1260px) {
.top-xl-100 {
top: 100% !important; } }
.top-auto {
top: auto !important; }
@media (min-width: 0) {
.top-xs-auto {
top: auto !important; } }
@media (min-width: 541px) {
.top-sm-auto {
top: auto !important; } }
@media (min-width: 778px) {
.top-md-auto {
top: auto !important; } }
@media (min-width: 1025px) {
.top-lg-auto {
top: auto !important; } }
@media (min-width: 1260px) {
.top-xl-auto {
top: auto !important; } }
.bottom-0 {
bottom: 0 !important; }
@media (min-width: 0) {
.bottom-xs-0 {
bottom: 0 !important; } }
@media (min-width: 541px) {
.bottom-sm-0 {
bottom: 0 !important; } }
@media (min-width: 778px) {
.bottom-md-0 {
bottom: 0 !important; } }
@media (min-width: 1025px) {
.bottom-lg-0 {
bottom: 0 !important; } }
@media (min-width: 1260px) {
.bottom-xl-0 {
bottom: 0 !important; } }
.bottom-100 {
bottom: 100% !important; }
@media (min-width: 0) {
.bottom-xs-100 {
bottom: 100% !important; } }
@media (min-width: 541px) {
.bottom-sm-100 {
bottom: 100% !important; } }
@media (min-width: 778px) {
.bottom-md-100 {
bottom: 100% !important; } }
@media (min-width: 1025px) {
.bottom-lg-100 {
bottom: 100% !important; } }
@media (min-width: 1260px) {
.bottom-xl-100 {
bottom: 100% !important; } }
.bottom-auto {
bottom: auto !important; }
@media (min-width: 0) {
.bottom-xs-auto {
bottom: auto !important; } }
@media (min-width: 541px) {
.bottom-sm-auto {
bottom: auto !important; } }
@media (min-width: 778px) {
.bottom-md-auto {
bottom: auto !important; } }
@media (min-width: 1025px) {
.bottom-lg-auto {
bottom: auto !important; } }
@media (min-width: 1260px) {
.bottom-xl-auto {
bottom: auto !important; } }
.left-0 {
left: 0 !important; }
@media (min-width: 0) {
.left-xs-0 {
left: 0 !important; } }
@media (min-width: 541px) {
.left-sm-0 {
left: 0 !important; } }
@media (min-width: 778px) {
.left-md-0 {
left: 0 !important; } }
@media (min-width: 1025px) {
.left-lg-0 {
left: 0 !important; } }
@media (min-width: 1260px) {
.left-xl-0 {
left: 0 !important; } }
[dir='rtl'] .left-0 {
left: auto !important; }
@media (min-width: 0) {
[dir='rtl'] .left-xs-0 {
left: auto !important; } }
@media (min-width: 541px) {
[dir='rtl'] .left-sm-0 {
left: auto !important; } }
@media (min-width: 778px) {
[dir='rtl'] .left-md-0 {
left: auto !important; } }
@media (min-width: 1025px) {
[dir='rtl'] .left-lg-0 {
left: auto !important; } }
@media (min-width: 1260px) {
[dir='rtl'] .left-xl-0 {
left: auto !important; } }
[dir='rtl'] .left-0 {
right: 0 !important; }
@media (min-width: 0) {
[dir='rtl'] .left-xs-0 {
right: 0 !important; } }
@media (min-width: 541px) {
[dir='rtl'] .left-sm-0 {
right: 0 !important; } }
@media (min-width: 778px) {
[dir='rtl'] .left-md-0 {
right: 0 !important; } }
@media (min-width: 1025px) {
[dir='rtl'] .left-lg-0 {
right: 0 !important; } }
@media (min-width: 1260px) {
[dir='rtl'] .left-xl-0 {
right: 0 !important; } }
.left-100 {
left: 100% !important; }
@media (min-width: 0) {
.left-xs-100 {
left: 100% !important; } }
@media (min-width: 541px) {
.left-sm-100 {
left: 100% !important; } }
@media (min-width: 778px) {
.left-md-100 {
left: 100% !important; } }
@media (min-width: 1025px) {
.left-lg-100 {
left: 100% !important; } }
@media (min-width: 1260px) {
.left-xl-100 {
left: 100% !important; } }
[dir='rtl'] .left-100 {
left: auto !important; }
@media (min-width: 0) {
[dir='rtl'] .left-xs-100 {
left: auto !important; } }
@media (min-width: 541px) {
[dir='rtl'] .left-sm-100 {
left: auto !important; } }
@media (min-width: 778px) {
[dir='rtl'] .left-md-100 {
left: auto !important; } }
@media (min-width: 1025px) {
[dir='rtl'] .left-lg-100 {
left: auto !important; } }
@media (min-width: 1260px) {
[dir='rtl'] .left-xl-100 {
left: auto !important; } }
[dir='rtl'] .left-100 {
right: 100% !important; }
@media (min-width: 0) {
[dir='rtl'] .left-xs-100 {
right: 100% !important; } }
@media (min-width: 541px) {
[dir='rtl'] .left-sm-100 {
right: 100% !important; } }
@media (min-width: 778px) {
[dir='rtl'] .left-md-100 {
right: 100% !important; } }
@media (min-width: 1025px) {
[dir='rtl'] .left-lg-100 {
right: 100% !important; } }
@media (min-width: 1260px) {
[dir='rtl'] .left-xl-100 {
right: 100% !important; } }
.left-auto {
left: auto !important; }
@media (min-width: 0) {
.left-xs-auto {
left: auto !important; } }
@media (min-width: 541px) {
.left-sm-auto {
left: auto !important; } }
@media (min-width: 778px) {
.left-md-auto {
left: auto !important; } }
@media (min-width: 1025px) {
.left-lg-auto {
left: auto !important; } }
@media (min-width: 1260px) {
.left-xl-auto {
left: auto !important; } }
[dir='rtl'] .left-auto {
left: auto !important; }
@media (min-width: 0) {
[dir='rtl'] .left-xs-auto {
left: auto !important; } }
@media (min-width: 541px) {
[dir='rtl'] .left-sm-auto {
left: auto !important; } }
@media (min-width: 778px) {
[dir='rtl'] .left-md-auto {
left: auto !important; } }
@media (min-width: 1025px) {
[dir='rtl'] .left-lg-auto {
left: auto !important; } }
@media (min-width: 1260px) {
[dir='rtl'] .left-xl-auto {
left: auto !important; } }
[dir='rtl'] .left-auto {
right: auto !important; }
@media (min-width: 0) {
[dir='rtl'] .left-xs-auto {
right: auto !important; } }
@media (min-width: 541px) {
[dir='rtl'] .left-sm-auto {
right: auto !important; } }
@media (min-width: 778px) {
[dir='rtl'] .left-md-auto {
right: auto !important; } }
@media (min-width: 1025px) {
[dir='rtl'] .left-lg-auto {
right: auto !important; } }
@media (min-width: 1260px) {
[dir='rtl'] .left-xl-auto {
right: auto !important; } }
.right-0 {
right: 0 !important; }
@media (min-width: 0) {
.right-xs-0 {
right: 0 !important; } }
@media (min-width: 541px) {
.right-sm-0 {
right: 0 !important; } }
@media (min-width: 778px) {
.right-md-0 {
right: 0 !important; } }
@media (min-width: 1025px) {
.right-lg-0 {
right: 0 !important; } }
@media (min-width: 1260px) {
.right-xl-0 {
right: 0 !important; } }
[dir='rtl'] .right-0 {
right: auto !important; }
@media (min-width: 0) {
[dir='rtl'] .right-xs-0 {
right: auto !important; } }
@media (min-width: 541px) {
[dir='rtl'] .right-sm-0 {
right: auto !important; } }
@media (min-width: 778px) {
[dir='rtl'] .right-md-0 {
right: auto !important; } }
@media (min-width: 1025px) {
[dir='rtl'] .right-lg-0 {
right: auto !important; } }
@media (min-width: 1260px) {
[dir='rtl'] .right-xl-0 {
right: auto !important; } }
[dir='rtl'] .right-0 {
left: 0 !important; }
@media (min-width: 0) {
[dir='rtl'] .right-xs-0 {
left: 0 !important; } }
@media (min-width: 541px) {
[dir='rtl'] .right-sm-0 {
left: 0 !important; } }
@media (min-width: 778px) {
[dir='rtl'] .right-md-0 {
left: 0 !important; } }
@media (min-width: 1025px) {
[dir='rtl'] .right-lg-0 {
left: 0 !important; } }
@media (min-width: 1260px) {
[dir='rtl'] .right-xl-0 {
left: 0 !important; } }
.right-100 {
right: 100% !important; }
@media (min-width: 0) {
.right-xs-100 {
right: 100% !important; } }
@media (min-width: 541px) {
.right-sm-100 {
right: 100% !important; } }
@media (min-width: 778px) {
.right-md-100 {
right: 100% !important; } }
@media (min-width: 1025px) {
.right-lg-100 {
right: 100% !important; } }
@media (min-width: 1260px) {
.right-xl-100 {
right: 100% !important; } }
[dir='rtl'] .right-100 {
right: auto !important; }
@media (min-width: 0) {
[dir='rtl'] .right-xs-100 {
right: auto !important; } }
@media (min-width: 541px) {
[dir='rtl'] .right-sm-100 {
right: auto !important; } }
@media (min-width: 778px) {
[dir='rtl'] .right-md-100 {
right: auto !important; } }
@media (min-width: 1025px) {
[dir='rtl'] .right-lg-100 {
right: auto !important; } }
@media (min-width: 1260px) {
[dir='rtl'] .right-xl-100 {
right: auto !important; } }
[dir='rtl'] .right-100 {
left: 100% !important; }
@media (min-width: 0) {
[dir='rtl'] .right-xs-100 {
left: 100% !important; } }
@media (min-width: 541px) {
[dir='rtl'] .right-sm-100 {
left: 100% !important; } }
@media (min-width: 778px) {
[dir='rtl'] .right-md-100 {
left: 100% !important; } }
@media (min-width: 1025px) {
[dir='rtl'] .right-lg-100 {
left: 100% !important; } }
@media (min-width: 1260px) {
[dir='rtl'] .right-xl-100 {
left: 100% !important; } }
.right-auto {
right: auto !important; }
@media (min-width: 0) {
.right-xs-auto {
right: auto !important; } }
@media (min-width: 541px) {
.right-sm-auto {
right: auto !important; } }
@media (min-width: 778px) {
.right-md-auto {
right: auto !important; } }
@media (min-width: 1025px) {
.right-lg-auto {
right: auto !important; } }
@media (min-width: 1260px) {
.right-xl-auto {
right: auto !important; } }
[dir='rtl'] .right-auto {
right: auto !important; }
@media (min-width: 0) {
[dir='rtl'] .right-xs-auto {
right: auto !important; } }
@media (min-width: 541px) {
[dir='rtl'] .right-sm-auto {
right: auto !important; } }
@media (min-width: 778px) {
[dir='rtl'] .right-md-auto {
right: auto !important; } }
@media (min-width: 1025px) {
[dir='rtl'] .right-lg-auto {
right: auto !important; } }
@media (min-width: 1260px) {
[dir='rtl'] .right-xl-auto {
right: auto !important; } }
[dir='rtl'] .right-auto {
left: auto !important; }
@media (min-width: 0) {
[dir='rtl'] .right-xs-auto {
left: auto !important; } }
@media (min-width: 541px) {
[dir='rtl'] .right-sm-auto {
left: auto !important; } }
@media (min-width: 778px) {
[dir='rtl'] .right-md-auto {
left: auto !important; } }
@media (min-width: 1025px) {
[dir='rtl'] .right-lg-auto {
left: auto !important; } }
@media (min-width: 1260px) {
[dir='rtl'] .right-xl-auto {
left: auto !important; } }
.w-auto {
width: auto !important; }
@media (min-width: 0) {
.w-xs-auto {
width: auto !important; } }
@media (min-width: 541px) {
.w-sm-auto {
width: auto !important; } }
@media (min-width: 778px) {
.w-md-auto {
width: auto !important; } }
@media (min-width: 1025px) {
.w-lg-auto {
width: auto !important; } }
@media (min-width: 1260px) {
.w-xl-auto {
width: auto !important; } }
.d-none-important {
display: none !important; }
@media (min-width: 0) {
.d-xs-none-important {
display: none !important; } }
@media (min-width: 541px) {
.d-sm-none-important {
display: none !important; } }
@media (min-width: 778px) {
.d-md-none-important {
display: none !important; } }
@media (min-width: 1025px) {
.d-lg-none-important {
display: none !important; } }
@media (min-width: 1260px) {
.d-xl-none-important {
display: none !important; } }
.absolute-stretch {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.fixed-stretch {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.overflow-hidden {
overflow: hidden !important; }
.overflow-x-hidden {
overflow-x: hidden !important; }
.border--dashed.border-top {
border-top-style: dashed !important; }
.border--dashed.border-bottom {
border-bottom-style: dashed !important; }
.border--dashed.border-left {
border-left-style: dashed !important; }
.border--dashed.border-right {
border-right-style: dashed !important; }
.border--dashed.border {
border-style: dashed !important; }
.text-underline {
text-decoration: underline !important; }
@media (min-width: 1025px) {
.hover-underline:hover {
text-decoration: underline; } }
.table-wrapper {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch; }
.standard-color-white {
background-color: #FFFFFF !important;
border: #E5E5E5 1px solid !important; }
.standard-color-aliceblue, .standard-color-alice-blue {
background-color: #f0f8ff !important; }
.standard-color-antiquewhite, .standard-color-antique-white {
background-color: #faebd7 !important; }
.standard-color-aqua {
background-color: #00ffff !important; }
.standard-color-aquamarine, .standard-color-aqua-marine {
background-color: #7fffd4 !important; }
.standard-color-azure {
background-color: #f0ffff !important; }
.standard-color-beige {
background-color: #f5f5dc !important; }
.standard-color-bisque {
background-color: #ffe4c4 !important; }
.standard-color-black {
background-color: #000000 !important; }
.standard-color-blanchedalmond, .standard-color-blanched-almond {
background-color: #ffebcd !important; }
.standard-color-blue {
background-color: #0000ff !important; }
.standard-color-blueviolet, .standard-color-blue-violet {
background-color: #8a2be2 !important; }
.standard-color-brown {
background-color: #a52a2a !important; }
.standard-color-burlywood, .standard-color-burly-wood {
background-color: #deb887 !important; }
.standard-color-cadetblue, .standard-color-cadet-blue {
background-color: #5f9ea0 !important; }
.standard-color-chartreuse {
background-color: #7fff00 !important; }
.standard-color-chocolate {
background-color: #d2691e !important; }
.standard-color-coral {
background-color: #ff7f50 !important; }
.standard-color-cornflowerblue, .standard-color-cornflower-blue {
background-color: #6495ed !important; }
.standard-color-cornsilk {
background-color: #fff8dc !important; }
.standard-color-crimson {
background-color: #dc143c !important; }
.standard-color-cyan {
background-color: #00ffff !important; }
.standard-color-darkblue, .standard-color-dark-blue {
background-color: #00008b !important; }
.standard-color-darkcyan, .standard-color-dark-cyan {
background-color: #008b8b !important; }
.standard-color-darkgoldenrod, .standard-color-dark-golden-rod {
background-color: #b8860b !important; }
.standard-color-darkgray, .standard-color-dark-gray {
background-color: #a9a9a9 !important; }
.standard-color-darkgreen, .standard-color-dark-green {
background-color: #006400 !important; }
.standard-color-darkkhaki, .standard-color-dark-khaki {
background-color: #bdb76b !important; }
.standard-color-darkmagenta, .standard-color-dark-magenta {
background-color: #8b008b !important; }
.standard-color-darkolivegreen, .standard-color-dark-olive-green {
background-color: #556b2f !important; }
.standard-color-darkorange, .standard-color-dark-orange {
background-color: #ff8c00 !important; }
.standard-color-darkorchid, .standard-color-dark-orchid {
background-color: #9932cc !important; }
.standard-color-darkred, .standard-color-dark-red {
background-color: #8b0000 !important; }
.standard-color-darksalmon, .standard-color-dark-salmon {
background-color: #e9967a !important; }
.standard-color-darkseagreen, .standard-color-dark-sea-green {
background-color: #8fbc8f !important; }
.standard-color-darkslateblue, .standard-color-dark-slate-blue {
background-color: #483d8b !important; }
.standard-color-darkslategray, .standard-color-dark-slate-gray {
background-color: #2f4f4f !important; }
.standard-color-darkturquoise, .standard-color-dark-turquoise {
background-color: #00ced1 !important; }
.standard-color-darkviolet, .standard-color-dark-violet {
background-color: #9400d3 !important; }
.standard-color-deeppink, .standard-color-deep-pink {
background-color: #ff1493 !important; }
.standard-color-deepskyblue, .standard-color-deep-sky-blue {
background-color: #00bfff !important; }
.standard-color-dimgray, .standard-color-dim-gray {
background-color: #696969 !important; }
.standard-color-dimgrey, .standard-color-dim-grey {
background-color: #696969 !important; }
.standard-color-dodgerblue, .standard-color-dodger-blue {
background-color: #1e90ff !important; }
.standard-color-firebrick, .standard-color-fire-brick {
background-color: #b22222 !important; }
.standard-color-floralwhite, .standard-color-floral-white {
background-color: #fffaf0 !important; }
.standard-color-forestgreen, .standard-color-forest-green {
background-color: #228b22 !important; }
.standard-color-fuchsia {
background-color: #ff00ff !important; }
.standard-color-gainsboro {
background-color: #dcdcdc !important; }
.standard-color-ghostwhite, .standard-color-ghost-white {
background-color: #f8f8ff !important; }
.standard-color-gold {
background-color: #ffd700 !important; }
.standard-color-goldenrod, .standard-color-golden-rod {
background-color: #daa520 !important; }
.standard-color-gray {
background-color: #808080 !important; }
.standard-color-grey {
background-color: #808080 !important; }
.standard-color-green {
background-color: #008000 !important; }
.standard-color-greenyellow, .standard-color-green-yellow {
background-color: #adff2f !important; }
.standard-color-honeydew, .standard-color-honey-dew {
background-color: #f0fff0 !important; }
.standard-color-hotpink, .standard-color-hot-pink {
background-color: #ff69b4 !important; }
.standard-color-indianred, .standard-color-indian-red {
background-color: #cd5c5c !important; }
.standard-color-indigo {
background-color: #4b0082 !important; }
.standard-color-ivory {
background-color: #fffff0 !important; }
.standard-color-khaki {
background-color: #f0e68c !important; }
.standard-color-lavender {
background-color: #e6e6fa !important; }
.standard-color-lavenderblush, .standard-color-lavender-blush {
background-color: #fff0f5 !important; }
.standard-color-lawngreen, .standard-color-lawn-green {
background-color: #7cfc00 !important; }
.standard-color-lemonchiffon, .standard-color-lemon-chiffon {
background-color: #fffacd !important; }
.standard-color-lightblue, .standard-color-light-blue {
background-color: #add8e6 !important; }
.standard-color-lightcoral, .standard-color-light-coral {
background-color: #f08080 !important; }
.standard-color-lightcyan, .standard-color-light-cyan {
background-color: #e0ffff !important; }
.standard-color-lightgoldenrodyellow, .standard-color-light-golden-rod-yellow {
background-color: #fafad2 !important; }
.standard-color-lightgray, .standard-color-light-gray {
background-color: #d3d3d3 !important; }
.standard-color-lightgrey, .standard-color-light-grey {
background-color: #d3d3d3 !important; }
.standard-color-lightgreen, .standard-color-light-green {
background-color: #90ee90 !important; }
.standard-color-lightpink, .standard-color-light-pink {
background-color: #ffb6c1 !important; }
.standard-color-lightsalmon, .standard-color-light-salmon {
background-color: #ffa07a !important; }
.standard-color-lightseagreen, .standard-color-light-sea-green {
background-color: #20b2aa !important; }
.standard-color-lightskyblue, .standard-color-light-sky-blue {
background-color: #87cefa !important; }
.standard-color-lightslategray, .standard-color-light-slate-gray {
background-color: #778899 !important; }
.standard-color-lightsteelblue, .standard-color-light-steel-blue {
background-color: #b0c4de !important; }
.standard-color-lightyellow, .standard-color-light-yellow {
background-color: #ffffe0 !important; }
.standard-color-lime {
background-color: #00ff00 !important; }
.standard-color-limegreen, .standard-color-lime-green {
background-color: #32cd32 !important; }
.standard-color-linen {
background-color: #faf0e6 !important; }
.standard-color-magenta {
background-color: #ff00ff !important; }
.standard-color-maroon {
background-color: #800000 !important; }
.standard-color-mediumaquamarine, .standard-color-medium-aqua-marine {
background-color: #66cdaa !important; }
.standard-color-mediumblue, .standard-color-medium-blue {
background-color: #0000cd !important; }
.standard-color-mediumorchid, .standard-color-medium-orchid {
background-color: #ba55d3 !important; }
.standard-color-mediumpurple, .standard-color-medium-purple {
background-color: #9370d8 !important; }
.standard-color-mediumseagreen, .standard-color-medium-sea-green {
background-color: #3cb371 !important; }
.standard-color-mediumslateblue, .standard-color-medium-slate-blue {
background-color: #7b68ee !important; }
.standard-color-mediumspringgreen, .standard-color-medium-spring-green {
background-color: #00fa9a !important; }
.standard-color-mediumturquoise, .standard-color-medium-turquoise {
background-color: #48d1cc !important; }
.standard-color-mediumvioletred, .standard-color-medium-violet-red {
background-color: #c71585 !important; }
.standard-color-midnightblue, .standard-color-midnight-blue {
background-color: #191970 !important; }
.standard-color-mintcream, .standard-color-mint-cream {
background-color: #f5fffa !important; }
.standard-color-mistyrose, .standard-color-misty-rose {
background-color: #ffe4e1 !important; }
.standard-color-moccasin {
background-color: #ffe4b5 !important; }
.standard-color-navajowhite, .standard-color-navajo-white {
background-color: #ffdead !important; }
.standard-color-navy {
background-color: #000080 !important; }
.standard-color-oldlace, .standard-color-old-lace {
background-color: #fdf5e6 !important; }
.standard-color-olive {
background-color: #808000 !important; }
.standard-color-olivedrab, .standard-color-olive-drab {
background-color: #6b8e23 !important; }
.standard-color-orange {
background-color: #ffa500 !important; }
.standard-color-orangered, .standard-color-orange-red {
background-color: #ff4500 !important; }
.standard-color-orchid {
background-color: #da70d6 !important; }
.standard-color-palegoldenrod, .standard-color-pale-golden-rod {
background-color: #eee8aa !important; }
.standard-color-palegreen, .standard-color-pale-green {
background-color: #98fb98 !important; }
.standard-color-paleturquoise, .standard-color-pale-turquoise {
background-color: #afeeee !important; }
.standard-color-palevioletred, .standard-color-pale-violet-red {
background-color: #d87093 !important; }
.standard-color-papayawhip, .standard-color-papaya-whip {
background-color: #ffefd5 !important; }
.standard-color-peachpuff, .standard-color-peach-puff {
background-color: #ffdab9 !important; }
.standard-color-peru {
background-color: #cd853f !important; }
.standard-color-pink {
background-color: #ffc0cb !important; }
.standard-color-plum {
background-color: #dda0dd !important; }
.standard-color-powderblue, .standard-color-powder-blue {
background-color: #b0e0e6 !important; }
.standard-color-purple {
background-color: #800080 !important; }
.standard-color-red {
background-color: #ff0000 !important; }
.standard-color-rosybrown, .standard-color-rosy-brown {
background-color: #bc8f8f !important; }
.standard-color-royalblue, .standard-color-royal-blue {
background-color: #4169e1 !important; }
.standard-color-saddlebrown, .standard-color-saddle-brown {
background-color: #8b4513 !important; }
.standard-color-salmon {
background-color: #fa8072 !important; }
.standard-color-sandybrown, .standard-color-sandy-brown {
background-color: #f4a460 !important; }
.standard-color-seagreen, .standard-color-sea-green {
background-color: #2e8b57 !important; }
.standard-color-seashell, .standard-color-sea-shell {
background-color: #fff5ee !important; }
.standard-color-sienna {
background-color: #a0522d !important; }
.standard-color-silver {
background-color: #c0c0c0 !important; }
.standard-color-skyblue, .standard-color-sky-blue {
background-color: #87ceeb !important; }
.standard-color-slateblue, .standard-color-slate-blue {
background-color: #6a5acd !important; }
.standard-color-slategray, .standard-color-slate-gray {
background-color: #708090 !important; }
.standard-color-slategrey, .standard-color-slate-grey {
background-color: #708090 !important; }
.standard-color-snow {
background-color: #fffafa !important; }
.standard-color-springgreen, .standard-color-spring-green {
background-color: #00ff7f !important; }
.standard-color-steelblue, .standard-color-steel-blue {
background-color: #4682b4 !important; }
.standard-color-tan {
background-color: #d2b48c !important; }
.standard-color-teal {
background-color: #008080 !important; }
.standard-color-thistle {
background-color: #d8bfd8 !important; }
.standard-color-tomato {
background-color: #ff6347 !important; }
.standard-color-turquoise {
background-color: #40e0d0 !important; }
.standard-color-violet {
background-color: #ee82ee !important; }
.standard-color-wheat {
background-color: #f5deb3 !important; }
.standard-color-whitesmoke, .standard-color-white-smoke {
background-color: #f5f5f5 !important; }
.standard-color-yellow {
background-color: #ffff00 !important; }
.standard-color-yellowgreen, .standard-color-yellow-green {
background-color: #9acd32 !important; }
.standard-color-transparent {
background-color: transparent !important; }
.standard-color-arrow svg {
color: #FFFFFF !important; }
.standard-color-white .standard-color-arrow svg,
.standard-color-antiquewhite .standard-color-arrow svg, .standard-color-antique-white .standard-color-arrow svg,
.standard-color-navajowhite .standard-color-arrow svg, .standard-color-navajo-white .standard-color-arrow svg,
.standard-color-floralwhite .standard-color-arrow svg, .standard-color-floral-white .standard-color-arrow svg,
.standard-color-ghostwhite .standard-color-arrow svg, .standard-color-ghost-white .standard-color-arrow svg,
.standard-color-whitesmoke .standard-color-arrow svg, .standard-color-white-smoke .standard-color-arrow svg,
.standard-color-lightgray .standard-color-arrow svg, .standard-color-light-gray .standard-color-arrow svg,
.standard-color-lightslategray .standard-color-arrow svg, .standard-color-light-slate-gray .standard-color-arrow svg,
.standard-color-lightslategray .standard-color-arrow svg, .standard-color-light-slate-gray .standard-color-arrow svg {
color: #000000 !important; }
/*END: 1.1 Global*/
/*START: 1.2 Plugins*/
.slick-slide {
outline: none; }
#shopify-product-reviews {
margin: 0 !important; }
.spr-badge,
.shopify-product-reviews-badge {
display: flex !important;
align-items: center;
flex-wrap: wrap; }
.spr-starrating.spr-badge-starrating {
margin-right: 10px; }
.spr-icon.spr-icon-star-empty {
opacity: 1 !important; }
.spr-badge-caption {
text-decoration: underline;
cursor: pointer; }
.spr-starrating .spr-icon:not(last-child) {
margin-right: 4px; }
.spr.spr--empty-hide .spr-badge[data-rating="0.0"] {
display: none !important; }
@media (max-width: 1024px) {
.spr--text-hide-mobile .spr-badge-caption {
display: none !important; } }
.spr.spr--text-hide .spr-badge-caption {
display: none !important; }
@media (max-width: 1024px) {
.spr.spr--center.spr--text-hide-mobile .spr-starrating.spr-badge-starrating, .spr.spr--center.spr--text-hide-mobile .spr-starrating.spr-badge-starrating .spr-icon:last-child {
margin-right: 0; } }
.spr.spr--center.spr--text-hide .spr-starrating.spr-badge-starrating, .spr.spr--center.spr--text-hide .spr-starrating.spr-badge-starrating .spr-icon:last-child {
margin-right: 0; }
.spr-container {
padding: 0 !important;
border: none !important; }
.spr-review-header-title {
text-transform: uppercase; }
.spr-review-header-byline,
.spr-review-content-body {
margin-top: 10px !important; }
.spr-header-title {
margin-bottom: 6px !important; }
.spr-review-header-byline {
margin-bottom: 0 !important; }
.spr-summary {
margin-top: 6px !important;
display: flex;
align-items: flex-end; }
.spr-summary-actions {
margin-left: auto; }
.spr-review:first-child {
margin-top: 30px !important; }
.spr-review {
position: relative;
padding-top: 25px !important;
padding-bottom: 25px !important;
border-top-style: dashed !important; }
.spr-starratings {
margin-bottom: 12px !important; }
.spr-review-reportreview {
position: absolute;
top: 27px;
right: 0;
text-decoration: underline !important; }
.spr-review-content {
margin-bottom: 0 !important; }
.spr-form {
padding-top: 25px !important;
margin-top: 30px !important;
border-top-style: dashed !important; }
.spr-form-title {
margin-bottom: 20px; }
.spr-form-label {
text-transform: uppercase; }
.spr-form-actions {
margin-top: 15px !important; }
.spr-button {
float: left !important; }
.weglot-container {
display: none !important; }
.irs .irs-line,
.irs .irs-line span,
.irs .irs-bar {
height: 2px; }
.irs .irs-from,
.irs .irs-to,
.irs .irs-single,
.irs .irs-min,
.irs .irs-max {
padding: 0; }
@media (min-width: 1025px) {
.irs .irs-from,
.irs .irs-to,
.irs .irs-single,
.irs .irs-min,
.irs .irs-max {
top: 4px; } }
@media (max-width: 1024px) {
.irs .irs-from,
.irs .irs-to,
.irs .irs-single,
.irs .irs-min,
.irs .irs-max {
top: 2px; } }
.irs .irs-from::after,
.irs .irs-to::after,
.irs .irs-single::after {
display: none; }
.irs .irs-slider {
border-radius: 50%;
border: solid 1px transparent;
cursor: pointer; }
@media (min-width: 1025px) {
.irs .irs-slider {
width: 10px;
height: 10px;
top: 21px; } }
@media (max-width: 1024px) {
.irs .irs-slider {
width: 14px;
height: 14px;
top: 19px; } }
.fullscreen {
width: auto !important;
height: auto !important;
max-width: inherit !important;
max-height: inherit !important;
margin: inherit !important;
padding: inherit !important;
overflow: auto !important; }
.fotorama--fullscreen {
position: fixed !important; }
@media (min-width: 778px) {
.slider-revolution .tp-bullet {
width: 6px;
height: 6px;
border-radius: 50%; } }
@media (max-width: 777px) {
.slider-revolution .tp-bullet {
display: none; } }
@media (min-width: 778px) {
.slider-revolution .tp-bullet.selected {
width: 10px;
height: 10px;
margin-top: -2px;
margin-left: -2px;
margin-right: -2px;
cursor: default; } }
@media (max-width: 1024px) {
.slider-revolution .tparrows {
display: none; } }
.slider-revolution .tp-resizeme .btn {
border-width: 1px !important; }
.slider-revolution .tp-video-play-button {
margin: 0;
top: auto;
bottom: 40px;
left: auto;
right: 40px; }
.slider-revolution.revslider-initialised + .slider-revolution__spacer {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
opacity: 0;
transition-property: opacity;
will-change: opacity; }
.is-edge .slider-revolution video {
width: auto !important;
height: auto !important; }
.addthis_toolbox a:first-child {
padding-left: 0 !important; }
.tippy-tooltip.shella-theme {
font-style: italic;
border-radius: 0;
height: 15px;
padding: 0 6px 0 4px; }
.tippy-tooltip.shella-theme .tippy-arrow {
border-width: 3px; }
.tippy-popper[x-placement^='top'] .tippy-tooltip.shella-theme .tippy-arrow {
bottom: -3px; }
.tippy-popper[x-placement^='bottom'] .tippy-tooltip.shella-theme .tippy-arrow {
top: -3px; }
.tippy-popper[x-placement^='left'] .tippy-tooltip.shella-theme .tippy-arrow {
right: -3px; }
.tippy-popper[x-placement^='right'] .tippy-tooltip.shella-theme .tippy-arrow {
left: -3px; }
/*END: 1.2 Plugins*/
/*START: 1.3 Elements*/
.rimage {
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden; }
.rimage__img {
position: absolute;
max-width: initial;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition-property: opacity; }
.rimage__img--show:not(.loaded) {
visibility: hidden; }
.rimage__img--fade-in:not(.loaded) {
opacity: 0; }
.rimage__img--cover {
-o-object-fit: cover;
object-fit: cover; }
.rimage__img--contain {
-o-object-fit: contain;
object-fit: contain; }
.rimage__img--stretch-by-width {
width: 100%;
height: auto;
top: 50%;
left: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
.rimage__img--stretch-by-height {
width: auto !important;
height: 100% !important;
top: 0;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0); }
.rvideo {
position: relative; }
.rvideo__video {
position: absolute;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
background-position: center;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0); }
.scroll-offset-example {
position: fixed;
width: 50px;
height: 50px;
overflow-y: scroll;
visibility: hidden;
pointer-events: none;
left: 0;
bottom: -100%; }
input,
textarea,
select {
border-radius: 0; }
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea,
select {
padding: 0 15px;
margin-bottom: 20px;
background-color: white;
border: solid 1px transparent;
will-change: background-color, border-color, color;
transition-property: background-color, border-color, color; }
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
select {
height: 35px; }
input[type="checkbox"],
input[type="radio"] {
margin-right: 7px;
vertical-align: -1px; }
textarea {
padding-top: 10px;
padding-bottom: 10px;
resize: none; }
label {
margin-bottom: 2px;
margin-right: 15px; }
fieldset {
width: 100%;
padding: 15px;
margin-bottom: 20px; }
form {
margin-bottom: 20px; }
.label-hidden {
display: none; }
.label-required::after {
content: '*'; }
.note {
position: relative;
display: inline-block;
min-height: 25px;
padding: 4px 15px;
margin-bottom: 20px;
border-radius: 3px; }
.note::before {
content: '';
display: block;
position: absolute;
bottom: 100%;
left: 15px;
border: solid 4px transparent;
border-bottom-width: 5px; }
.note p {
margin-top: 15px; }
.input-quantity input[type="number"] {
-moz-appearance: textfield; }
.input-quantity input[type="number"]::-webkit-inner-spin-button, .input-quantity input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0; }
.input-quantity--type-01 [data-control] {
min-width: 36px;
transition-property: border-color; }
.input-quantity--type-02 input {
width: 62px;
min-width: 62px; }
.input-quantity--type-02 [data-control] {
min-width: 26px; }
.input-checkbox input {
display: none; }
.input-checkbox input + span {
width: 18px;
height: 18px;
min-width: 18px;
margin-top: -2px !important; }
@media (min-width: 1025px) {
.input-checkbox span {
transition-property: color; } }
.input-checkbox span i {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0); }
.input-checkbox input:checked + span i {
display: flex !important; }
.input-boolean input {
display: none; }
.input-boolean input + span {
width: 30px;
height: 18px;
min-width: 30px;
border-radius: 10px;
transition-property: background-color, border-color;
transition-timing-function: ease; }
.input-boolean input + span span {
width: 16px;
min-width: 16px;
height: 100%;
left: -1px;
border-radius: 50%;
transition-property: left;
transition-timing-function: ease; }
.input-boolean input:checked + span span {
left: calc(100% - 15px); }
.select {
z-index: 1; }
.select.hovered {
z-index: 2; }
@media (min-width: 1025px) {
.select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; } }
@media (min-width: 1025px) {
.select i {
top: 50%;
margin-top: -10px;
pointer-events: none; } }
@media (min-width: 1025px) {
.select__dropdown {
min-width: 100%; } }
.btn,
.spr-summary-actions-newreview,
.spr-button {
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid transparent;
text-transform: uppercase;
box-sizing: border-box; }
@media (min-width: 1025px) {
.btn,
.spr-summary-actions-newreview,
.spr-button {
min-height: 35px;
padding: 0 16px; } }
@media (max-width: 1024px) {
.btn,
.spr-summary-actions-newreview,
.spr-button {
min-height: 50px;
padding: 0 10px; } }
.btn[disabled], .btn[data-disabled], .btn.disabled, .btn:disabled,
.spr-summary-actions-newreview[disabled],
.spr-summary-actions-newreview[data-disabled],
.spr-summary-actions-newreview.disabled,
.spr-summary-actions-newreview:disabled,
.spr-button[disabled],
.spr-button[data-disabled],
.spr-button.disabled,
.spr-button:disabled {
pointer-events: none;
opacity: 0.4; }
.spr-button {
box-shadow: none !important; }
@media (min-width: 1025px) {
.spr-button {
min-height: 35px !important; } }
@media (max-width: 1024px) {
.spr-button {
min-height: 50px !important; } }
.shopify-payment-button__button[disabled] {
pointer-events: none;
opacity: 0.7 !important; }
.dynamic-checkout__button--styled .shopify-payment-button__button {
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
border-radius: 0 !important;
box-shadow: none !important;
text-transform: uppercase;
border: 1px solid transparent !important;
outline: none !important; }
@media (min-width: 1025px) {
.dynamic-checkout__button--styled .shopify-payment-button__button {
min-height: 35px !important; } }
@media (max-width: 1024px) {
.dynamic-checkout__button--styled .shopify-payment-button__button {
min-height: 50px !important; } }
@media (min-width: 1025px) {
.dynamic-checkout__button--styled .shopify-payment-button__button.shopify-payment-button__button--unbranded,
.dynamic-checkout__button--styled .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate div[role="button"] {
padding: 0 16px !important; } }
@media (max-width: 1024px) {
.dynamic-checkout__button--styled .shopify-payment-button__button.shopify-payment-button__button--unbranded,
.dynamic-checkout__button--styled .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate div[role="button"] {
padding: 0 10px !important; } }
.dynamic-checkout__button--styled .shopify-payment-button__button .shopify-cleanslate {
width: 100% !important; }
.dynamic-checkout__button--styled .shopify-payment-button__button .shopify-cleanslate div[role="button"] {
min-height: initial !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important; }
.dynamic-checkout__button--styled .shopify-payment-button__button .checkoutLight {
min-height: initial !important;
height: 35px !important; }
.shopify-payment-button__more-options {
outline: none !important; }
.btn,
.btn span,
.btn-link,
.btn-link span {
white-space: normal; }
.btn-link {
text-decoration: underline;
cursor: pointer; }
.btn,
.btn-link,
.spr-summary-actions-newreview {
will-change: background-color, border-color, color; }
.btn .icon {
transition-property: fill;
will-change: fill; }
a:hover.btn-link, a:visited.btn-link, a:active.btn-link, a:link.btn-link {
text-decoration: underline; }
.btn--animated {
overflow: hidden; }
@media (min-width: 1025px) {
.btn--animated .btn__text {
transition-property: color, -webkit-transform;
transition-property: transform, color;
transition-property: transform, color, -webkit-transform;
will-change: transform, color; } }
@media (min-width: 1025px) {
.btn--animated .btn__icon {
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
will-change: transform; } }
@media (min-width: 1025px) {
.btn--animated .btn__icon {
-webkit-transform: translate3d(-40px, 45px, 0);
transform: translate3d(-40px, 45px, 0); } }
@media (min-width: 1025px) {
.btn--animated .btn__text {
-webkit-transform: translate3d(-12px, 0, 0);
transform: translate3d(-12px, 0, 0); } }
@media (min-width: 1025px) {
.btn--animated:hover .btn__icon, .btn--animated:hover .btn__text {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.btn--status:not([data-button-status='added']) [data-button-content='added'],
.btn--status:not([data-button-status='sold-out']) [data-button-content='sold-out'] {
display: none !important; }
.btn--status[data-button-status='added'] > *:not([data-button-content='added']) {
display: none !important; }
.btn--status[data-button-status='sold-out'] > *:not([data-button-content='sold-out']) {
display: none !important; }
.is-edge .btn--status[data-button-status='added'] > [data-button-content='added'] i {
margin-bottom: 0 !important; }
@media (min-width: 778px) {
html:not([dir='rtl']) .buttons-group-grid-px-5 > *:not(:first-child) {
padding-left: 5px; } }
@media (min-width: 778px) {
html:not([dir='rtl']) .buttons-group-grid-px-5 > *:not(:last-child) {
padding-right: 5px; } }
@media (min-width: 778px) {
[dir='rtl'] .buttons-group-grid-px-5 > *:not(:first-child) {
padding-right: 5px; } }
@media (min-width: 778px) {
[dir='rtl'] .buttons-group-grid-px-5 > *:not(:last-child) {
padding-left: 5px; } }
.shopify-payment-button__button--hidden {
visibility: hidden; }
.shopify-payment-button__button {
border-radius: 4px;
border: none;
box-shadow: 0 0 0 0 transparent;
color: white;
cursor: pointer;
display: block;
font-size: 1em;
font-weight: 500;
line-height: 1;
text-align: center;
width: 100%;
transition: background 0.2s ease-in-out; }
.shopify-payment-button__button[disabled] {
opacity: 0.6;
cursor: default; }
.shopify-payment-button__button--unbranded {
background-color: #1990c6;
padding: 1em 2em; }
.shopify-payment-button__button--unbranded:hover:not([disabled]) {
background-color: #136f99; }
.shopify-payment-button__more-options {
background: transparent;
border: 0 none;
cursor: pointer;
display: block;
font-size: 1em;
margin-top: 1em;
text-align: center;
width: 100%; }
.shopify-payment-button__more-options:hover:not([disabled]) {
text-decoration: underline; }
.shopify-payment-button__more-options[disabled] {
opacity: 0.6;
cursor: default; }
.shopify-payment-button__button--branded {
display: flex;
flex-direction: column;
min-height: 44px;
position: relative;
z-index: 1; }
.shopify-payment-button__button--branded .shopify-cleanslate {
flex: 1 !important;
display: flex !important;
flex-direction: column !important; }
.label {
height: 23px;
padding: 2px 6px; }
.price {
display: inline-block; }
.price--sale > span:first-child {
text-decoration: line-through; }
.price--sale > span:not(:first-child)::before {
display: inline-block;
content: '\00a0'; }
.button-quick-view {
width: 35px;
height: 35px; }
@media (min-width: 1025px) {
.image-animation {
overflow: hidden; } }
@media (min-width: 1025px) {
.theme-css-animate .image-animation > * {
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; } }
@media (min-width: 1025px) {
.theme-css-animate .image-animation--from-opacity > *,
.theme-css-animate .image-animation--to-opacity > * {
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
will-change: opacity, transform; } }
@media (min-width: 1025px) {
.theme-css-animate .image-animation--from-opacity:hover > *,
.theme-css-animate .image-animation-trigger:hover .image-animation--from-opacity > * {
opacity: 1; } }
@media (min-width: 1025px) {
.theme-css-animate .image-animation--from-opacity > *,
.theme-css-animate .image-animation--to-opacity:hover > *,
.theme-css-animate .image-animation-trigger:hover .image-animation--to-opacity > * {
opacity: 0.4; } }
@media (min-width: 1025px) {
.theme-css-animate .image-animation--from-default > *,
.theme-css-animate .image-animation--to-default:hover > *,
.theme-css-animate .image-animation-trigger:hover .image-animation--to-default > * {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } }
@media (min-width: 1025px) {
.theme-css-animate .image-animation--from-center > *,
.theme-css-animate .image-animation--to-center:hover > *,
.theme-css-animate .image-animation-trigger:hover .image-animation--to-center > * {
-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);
transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0); } }
@media (min-width: 1025px) {
.theme-css-animate .image-animation--from-top-left > *,
.theme-css-animate .image-animation--to-top-left:hover > *,
.theme-css-animate .image-animation-trigger:hover .image-animation--to-top-left > * {
-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(-4%, -4%, 0);
transform: scale3d(1.1, 1.1, 1) translate3d(-4%, -4%, 0); } }
@media (min-width: 1025px) {
.theme-css-animate .image-animation--from-top > *,
.theme-css-animate .image-animation--to-top:hover > *,
.theme-css-animate .image-animation-trigger:hover .image-animation--to-top > * {
-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, -4%, 0);
transform: scale3d(1.1, 1.1, 1) translate3d(0, -4%, 0); } }
@media (min-width: 1025px) {
.theme-css-animate .image-animation--from-top-right > *,
.theme-css-animate .image-animation--to-top-right:hover > *,
.theme-css-animate .image-animation-trigger:hover .image-animation--to-top-right > * {
-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(4%, -4%, 0);
transform: scale3d(1.1, 1.1, 1) translate3d(4%, -4%, 0); } }
@media (min-width: 1025px) {
.theme-css-animate .image-animation--from-right > *,
.theme-css-animate .image-animation--to-right:hover > *,
.theme-css-animate .image-animation-trigger:hover .image-animation--to-right > * {
-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(4%, 0, 0);
transform: scale3d(1.1, 1.1, 1) translate3d(4%, 0, 0); } }
@media (min-width: 1025px) {
.theme-css-animate .image-animation--from-bottom-right > *,
.theme-css-animate .image-animation--to-bottom-right:hover > *,
.theme-css-animate .image-animation-trigger:hover .image-animation--to-bottom-right > * {
-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(4%, 4%, 0);
transform: scale3d(1.1, 1.1, 1) translate3d(4%, 4%, 0); } }
@media (min-width: 1025px) {
.theme-css-animate .image-animation--from-bottom > *,
.theme-css-animate .image-animation--to-bottom:hover > *,
.theme-css-animate .image-animation-trigger:hover .image-animation--to-bottom > * {
-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 4%, 0);
transform: scale3d(1.1, 1.1, 1) translate3d(0, 4%, 0); } }
@media (min-width: 1025px) {
.theme-css-animate .image-animation--from-bottom-left > *,
.theme-css-animate .image-animation--to-bottom-left:hover > *,
.theme-css-animate .image-animation-trigger:hover .image-animation--to-bottom-left > * {
-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(-4%, 4%, 0);
transform: scale3d(1.1, 1.1, 1) translate3d(-4%, 4%, 0); } }
@media (min-width: 1025px) {
.theme-css-animate .image-animation--from-left > *,
.theme-css-animate .image-animation--to-left:hover > *,
.theme-css-animate .image-animation-trigger:hover .image-animation--to-left > * {
-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(-4%, 0, 0);
transform: scale3d(1.1, 1.1, 1) translate3d(-4%, 0, 0); } }
.responsive-block__bg {
background-size: cover;
background-position: center center; }
/*END: 1.3 Elements*/
/*START: 1.4 Modules*/
.header {
z-index: 3; }
.header__spacer {
display: none; }
.header__spacer--visible {
display: block;
position: relative;
width: 100%; }
.header__tape {
min-height: 35px; }
@media (min-width: 1025px) {
.header__tape i[data-action="close"]::before {
width: 30px; } }
@media (max-width: 1024px) {
.header__tape-close {
top: 2px; } }
@media (min-width: 1025px) {
.header__bottom-tape {
height: 70px; } }
@media (min-width: 1025px) {
.header__bottom-tape img {
max-width: none;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0); } }
.header__content--sticky {
position: fixed !important;
width: 100% !important;
top: 0 !important;
left: 0 !important;
z-index: 2;
will-change: opacity;
transition-property: opacity; }
.header__content--sticky:hover {
opacity: 1 !important; }
@media (min-width: 1025px) {
.header__line-top {
min-height: 38px;
z-index: 2; } }
@media (max-width: 1024px) {
.header__line-top {
min-height: 50px;
z-index: 2; } }
@media (min-width: 1025px) {
.header__line-bottom {
min-height: 39px;
z-index: 1; } }
@media (max-width: 1024px) {
.header__line-bottom {
height: 0; } }
@media (max-width: 540px) {
.header__logo svg {
max-width: 46px; } }
@media (min-width: 1025px) {
.header__logo--center + .header__sidebar {
position: absolute;
padding-right: 15px;
top: 50%;
right: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); } }
@media (min-width: 1025px) {
.header__nav {
height: calc(100% + 12px);
margin-top: -6px;
z-index: 1; } }
.header__counter {
position: absolute;
top: -3px;
left: 22px; }
.header__counter[data-js-cart-count-mobile='0'], .header__counter[data-js-wishlist-count='0'], .header__counter[data-js-compare-count='0'] {
display: none !important; }
.header__counter[data-js-cart-count-mobile='0'] + .header__counter-spacer {
display: none !important; }
@media (min-width: 1025px) {
.header__content--sticky .header__logo--sticky-hidden {
display: none !important; } }
@media (min-width: 1380px) {
.header__content--sticky .header__sticky-logo * {
height: 100%; } }
@media (min-width: 1380px) {
.header__content--sticky .header__sticky-logo img {
width: auto; } }
@media (min-width: 1025px) {
.header__content--sticky .header__sticky-logo--containerized {
display: flex !important; } }
@media (min-width: 1380px) {
.header__content--sticky .header__sticky-logo--displaced {
display: flex !important; } }
@media (min-width: 1540px) {
.header__sticky-sidebar {
display: flex !important; } }
.header__btn-services, .header__btn-account, .header__btn-wishlist, .header__btn-compare, .header__btn-cart, .header__btn-currency, .header__btn-language, .header__btn-search {
transition-property: color;
will-change: color; }
.header__btn-services > i .icon, .header__btn-account > i .icon, .header__btn-wishlist > i .icon, .header__btn-compare > i .icon, .header__btn-cart > i .icon, .header__btn-currency > i .icon, .header__btn-language > i .icon, .header__btn-search > i .icon {
transition-property: fill;
will-change: fill; }
.header__btn-currency span {
min-width: 28px; }
@media (min-width: 1025px) {
.header__btn-services::before, .header__btn-account::before, .header__btn-wishlist::before, .header__btn-compare::before, .header__btn-cart::before, .header__btn-currency::before, .header__btn-language::before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: -5px;
left: -8px;
right: -8px; } }
@media (min-width: 1025px) {
.header__btn-currency i, .header__btn-language i {
width: 15px; } }
@media (min-width: 1025px) {
.header__btn-currency span {
min-width: 34px; } }
@media (min-width: 1025px) {
.header__dropdown {
margin-top: 4px; } }
@media (min-width: 1025px) {
.header__dropdown,
.header__ly-languages-switcher .select__dropdown {
min-width: 169px; } }
@media (min-width: 1025px) {
.header__password {
min-width: 260px; } }
.header__ly-languages-switcher .select i {
margin-top: -15px; }
.slider__prev, .slider__next {
top: 50%;
margin-top: -20px;
z-index: 1; }
.slider__prev {
left: 30px; }
.slider__next {
right: 30px; }
.slider .slick-slide {
outline: none; }
.slider .slick-dots {
position: absolute;
bottom: 0;
left: 50%;
margin-bottom: 50px;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0); }
.slider .slick-dots li {
width: 6px;
height: 6px;
min-width: 6px;
padding: 0;
margin-left: 12px;
margin-right: 12px;
margin-bottom: 15px;
border-radius: 50%;
cursor: pointer; }
.slider .slick-dots li::before {
display: none; }
.slider .slick-dots li.slick-active {
width: 10px;
height: 10px;
margin-left: 10px;
margin-right: 10px; }
.slider .slick-dots button {
display: none; }
.breadcrumbs ul {
margin-left: -3px;
margin-right: -3px; }
.breadcrumbs a, .breadcrumbs span {
padding-left: 3px;
padding-right: 3px; }
.breadcrumbs li:not(:first-child)::before {
content: '/';
padding-left: 3px;
padding-right: 3px; }
.social-media {
margin-bottom: -5px; }
@media (min-width: 1025px) {
.social-media a {
transition-property: color; } }
.social-media i {
min-width: 17px; }
.countdown--type-01 > span {
height: 35px;
min-width: 35px; }
.countdown--type-01 > span::before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.8; }
.countdown--type-01 .countdown__section {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 4px;
margin-top: 1px;
margin-right: 1px; }
.countdown--type-01 .countdown__time,
.countdown--type-01 .countdown__postfix {
position: relative; }
.countdown--type-02 .countdown__section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.countdown--type-02 .countdown__section:not(:first-child) {
margin-left: 18px; }
.countdown--type-02 .countdown__section:not(:last-child) .countdown__time::after {
content: ':';
display: block;
width: 18px;
position: absolute;
right: -18px;
top: 50%;
margin-top: -14px;
text-align: center; }
.countdown--type-02 .countdown__time {
position: relative;
display: flex;
justify-content: center;
align-items: center; }
.countdown--type-02 .countdown__time > * {
width: 30px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
border: solid 1px; }
.countdown--type-02 .countdown__time > *:not(:last-child) {
margin-right: 4px; }
.countdown--type-02 .countdown__postfix {
margin-top: 10px; }
.stock-countdown__range, .stock-countdown__progress {
height: 6px;
border-radius: 6px; }
.text-countdown i {
vertical-align: -4px; }
.free-shipping i {
vertical-align: -4px; }
@media (min-width: 1025px) {
.dropdown a, .dropdown span {
display: block;
padding: 0 7px;
white-space: nowrap; } }
.dropdown span {
cursor: pointer; }
@media (min-width: 1025px) {
.dropdown.show {
display: block !important; } }
@media (min-width: 1025px) {
.dropdown > * {
opacity: 0; } }
@media (min-width: 1025px) {
.dropdown.animate > * {
will-change: opacity;
transition-property: opacity; } }
@media (min-width: 1025px) {
.dropdown.visible > * {
opacity: 1; } }
.table-product-sizes tr:first-child td {
border-top: none; }
.table-product-sizes td:first-child {
width: 110px; }
.material-info__head-icons {
max-width: 190px; }
.material-info__list li {
display: flex;
align-items: center; }
.material-info__list i {
display: inline-block;
margin-right: 10px; }
.tabs {
overflow: hidden; }
@media (max-width: 540px) {
.tabs {
margin-left: -10px;
margin-right: -10px; } }
.tabs__nav {
display: none; }
@media (min-width: 1025px) {
.tabs[data-type="horizontal"] .tabs__head.tabs__head--slider .tabs__nav {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
width: 20px;
height: 100%;
top: 0;
cursor: pointer;
z-index: 2; } }
@media (min-width: 1025px) {
.tabs[data-type="horizontal"] .tabs__head.tabs__head--slider .tabs__nav.disabled {
display: none !important; } }
@media (min-width: 1025px) {
.tabs[data-type="horizontal"] .tabs__head.tabs__head--slider .tabs__nav--prev {
left: -2px; } }
@media (min-width: 1025px) {
.tabs[data-type="horizontal"] .tabs__head.tabs__head--slider .tabs__nav--next {
right: -2px; } }
@media (min-width: 1025px) {
.tabs[data-type="horizontal"] .tabs__body {
overflow-x: auto; } }
@media (max-width: 1024px) {
.tabs[data-type="horizontal"] .tabs__body {
border-top: solid 1px transparent;
border-bottom: solid 1px transparent; } }
.tabs[data-type="horizontal"] .tabs__body > div {
display: block; }
@media (max-width: 1024px) {
.tabs[data-type="horizontal"] .tabs__body > div:not(:first-child) > span {
min-height: 33px;
border-top: solid 1px transparent; } }
@media (min-width: 1025px) {
.tabs[data-type="horizontal"] .tabs__body > div > span {
display: none; } }
@media (max-width: 1024px) {
.tabs[data-type="horizontal"] .tabs__body > div > span {
position: relative;
display: block;
padding: 8px 15px;
text-transform: uppercase;
text-align: center;
cursor: pointer;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
will-change: transform; } }
@media (max-width: 1024px) {
.tabs[data-type="horizontal"] .tabs__body > div > span i {
position: absolute;
right: 5px;
top: 6px; } }
@media (max-width: 1024px) {
.tabs[data-type="horizontal"] .tabs__body > div.active > span i {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); } }
.tabs[data-type="horizontal"] .tabs__body > div > div {
display: none; }
@media (min-width: 1025px) {
.tabs[data-type="horizontal"] .tabs__content {
padding: 35px 0; } }
@media (max-width: 1024px) {
.tabs[data-type="horizontal"] .tabs__content {
padding: 10px 10px; } }
@media (min-width: 1025px) {
.tabs[data-type="horizontal"] .tabs__head {
position: relative;
border-bottom: solid 1px transparent; } }
@media (max-width: 1024px) {
.tabs[data-type="horizontal"] .tabs__head {
display: none; } }
@media (min-width: 1025px) {
.tabs[data-type="horizontal"] .tabs__slider {
display: flex;
flex-wrap: wrap;
margin-left: 20px;
margin-right: 20px;
margin-bottom: -1px; } }
@media (min-width: 1025px) {
.tabs[data-type="horizontal"] .tabs__btn {
padding: 6px 20px;
outline: none;
cursor: pointer;
text-transform: uppercase;
border: solid 1px transparent; } }
.tabs[data-type="mobile"] .tabs__body {
border-top: solid 1px transparent;
border-bottom: solid 1px transparent; }
.tabs[data-type="mobile"] .tabs__body > div {
display: block; }
.tabs[data-type="mobile"] .tabs__body > div:not(:first-child) > span {
min-height: 33px;
border-top: solid 1px transparent; }
.tabs[data-type="mobile"] .tabs__body > div > span {
position: relative;
display: block;
text-transform: uppercase;
cursor: pointer; }
@media (min-width: 1025px) {
.tabs[data-type="mobile"] .tabs__body > div > span {
padding: 8px 0; } }
@media (max-width: 1024px) {
.tabs[data-type="mobile"] .tabs__body > div > span {
padding: 8px 15px;
text-align: center; } }
.tabs[data-type="mobile"] .tabs__body > div > span i {
position: absolute;
top: 6px;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
will-change: transform; }
@media (min-width: 1025px) {
.tabs[data-type="mobile"] .tabs__body > div > span i {
right: -6px; } }
@media (max-width: 1024px) {
.tabs[data-type="mobile"] .tabs__body > div > span i {
right: 5px; } }
.tabs[data-type="mobile"] .tabs__body > div.active > span i {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.tabs[data-type="mobile"] .tabs__body > div > div {
display: none; }
@media (min-width: 1025px) {
.tabs[data-type="mobile"] .tabs__content {
padding: 10px 0; } }
@media (max-width: 1024px) {
.tabs[data-type="mobile"] .tabs__content {
padding: 10px 10px; } }
.tabs[data-type="mobile"] .tabs__head {
display: none; }
.product-options--centered {
text-align: center; }
.product-options--centered label {
margin-right: 0; }
.product-options--centered .product-options__section {
justify-content: center; }
@media (max-width: 1024px) {
.product-options--mobile-centered .product-options__section {
justify-content: center; } }
.product-options__value {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
outline: none; }
@media (min-width: 1025px) {
.product-options__value {
margin-bottom: 10px; } }
@media (max-width: 1024px) {
.product-options__value {
margin-bottom: 15px; } }
@media (min-width: 1025px) {
.product-options__value:not(:last-child) {
margin-right: 10px; } }
@media (max-width: 1024px) {
.product-options__value:not(:last-child) {
margin-right: 15px; } }
.product-options__value.disabled {
position: relative;
cursor: default !important; }
.product-options__value.disabled::before, .product-options__value.disabled::after {
content: '';
display: block;
position: absolute;
height: 1px;
top: 50%;
left: 50%; }
.product-options__value.disabled::before {
-webkit-transform: translate3d(-50%, 0, 0) rotate(45deg);
transform: translate3d(-50%, 0, 0) rotate(45deg); }
.product-options__value.disabled::after {
-webkit-transform: translate3d(-50%, 0, 0) rotate(-45deg);
transform: translate3d(-50%, 0, 0) rotate(-45deg); }
.product-options__value--square {
width: 46px;
height: 46px; }
.product-options__value--square.active {
border: solid 1px transparent; }
.product-options__value--square.disabled::before, .product-options__value--square.disabled::after {
width: 64px; }
.product-options__value--text {
min-width: 25px;
min-height: 25px;
padding: 0 4px; }
.product-options__value--text.disabled::before, .product-options__value--text.disabled::after {
width: 34px; }
.product-options__value--circle {
display: inline-flex;
position: relative; }
.product-options__value--circle.active {
justify-content: center;
align-items: center; }
.product-options__value--circle.active::before {
content: '';
position: absolute;
border: solid 1px transparent;
border-radius: 50%; }
.product-options--type-collection .product-options__value--circle {
width: 18px;
height: 18px; }
.product-options--type-collection .product-options__value--circle.active::before {
width: 22px;
height: 22px; }
.product-options--type-collection .product-options__value--circle.disabled::before, .product-options--type-collection .product-options__value--circle.disabled::after {
width: 18px; }
.product-options--type-collection .product-options__value--large-text {
min-width: 25px;
min-height: 25px;
padding: 0 4px; }
.product-options--type-collection .product-options__value--large-text.disabled::before, .product-options--type-collection .product-options__value--large-text.disabled::after {
width: 34px; }
@media (max-width: 1024px) {
.product-options--type-page {
text-align: center; } }
.product-options--type-page label {
text-transform: uppercase; }
@media (min-width: 1025px) {
.product-options--type-page label {
margin-bottom: 5px; } }
@media (max-width: 1024px) {
.product-options--type-page label {
margin-bottom: 15px;
margin-right: 0; } }
@media (max-width: 1024px) {
.product-options--type-page .product-options__section {
justify-content: center; } }
.product-options--type-page .product-options__section:not(:last-child) {
margin-bottom: 8px; }
.product-options--type-page .product-options__value--circle {
width: 24px;
height: 24px; }
.product-options--type-page .product-options__value--circle.active::before {
width: 28px;
height: 28px; }
.product-options--type-page .product-options__value--circle.disabled::before, .product-options--type-page .product-options__value--circle.disabled::after {
width: 24px; }
.product-options--type-page .product-options__value--large-text {
min-width: 35px;
min-height: 35px;
padding: 0 9px; }
.product-options--type-page .product-options__value--large-text.disabled::before, .product-options--type-page .product-options__value--large-text.disabled::after {
width: 47px; }
@media (min-width: 1025px) {
.product-options--type-footbar {
display: flex;
margin-bottom: 2px; } }
@media (min-width: 1025px) {
.product-options--type-footbar > *:not(:last-child) {
margin-right: 25px; } }
@media (min-width: 1025px) {
.product-options--type-footbar label {
margin-bottom: 5px;
text-transform: uppercase; } }
@media (min-width: 1025px) {
.product-options--type-footbar .product-options__section:not(:last-child) {
margin-bottom: 8px; } }
@media (min-width: 1025px) {
.product-options--type-footbar .product-options__value--circle {
width: 24px;
height: 24px; } }
@media (min-width: 1025px) {
.product-options--type-footbar .product-options__value--circle.active::before {
width: 28px;
height: 28px; } }
@media (min-width: 1025px) {
.product-options--type-footbar .product-options__value--circle.disabled::before, .product-options--type-footbar .product-options__value--circle.disabled::after {
width: 24px; } }
@media (min-width: 1025px) {
.product-options--type-footbar .product-options__value--large-text {
min-width: 24px;
min-height: 24px;
padding: 0 2px; } }
@media (min-width: 1025px) {
.product-options--type-footbar .product-options__value--large-text.disabled::before, .product-options--type-footbar .product-options__value--large-text.disabled::after {
width: 32px; } }
.product-options__section[data-style="color"] .standard-color-black.disabled::after,
.product-options__section[data-style="color"] .standard-color-black.disabled::before {
background-color: #ffffff; }
.product-images-navigation span {
width: 35px;
height: 35px;
will-change: background-color;
transition-property: background-color; }
.product-images-navigation span[data-disabled] {
opacity: 0.4;
pointer-events: none; }
.product-images-navigation span i {
will-change: color;
transition-property: color; }
.product-image img {
width: 100%; }
.product-image:not(.hovered-end) [data-js-tooltip] {
pointer-events: none; }
@media (min-width: 1025px) {
.product-image--hover-emersion-x, .product-image--hover-emersion-y, .product-image--hover-emersion-z {
overflow: hidden; } }
@media (min-width: 1025px) {
.product-image--hover-fade .product-image__overlay-top-right,
.product-image--hover-fade .product-image__overlay-bottom-right {
transition-property: opacity;
will-change: opacity; } }
@media (min-width: 1025px) {
.product-image--hover-emersion-x .product-image__overlay-top-right,
.product-image--hover-emersion-x .product-image__overlay-bottom-right,
.product-image--hover-emersion-y .product-image__overlay-top-right,
.product-image--hover-emersion-y .product-image__overlay-bottom-right,
.product-image--hover-emersion-z .product-image__overlay-top-right,
.product-image--hover-emersion-z .product-image__overlay-bottom-right,
.product-image--hover-scale .product-image__overlay-top-right,
.product-image--hover-scale .product-image__overlay-bottom-right {
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
will-change: transform, opacity; } }
@media (min-width: 1025px) {
.product-image--hover-toggle .product-image__overlay-top-right,
.product-image--hover-toggle .product-image__overlay-bottom-right,
.product-image--hover-fade .product-image__overlay-top-right,
.product-image--hover-fade .product-image__overlay-bottom-right,
.product-image--hover-emersion-x .product-image__overlay-top-right,
.product-image--hover-emersion-x .product-image__overlay-bottom-right,
.product-image--hover-emersion-y .product-image__overlay-top-right,
.product-image--hover-emersion-y .product-image__overlay-bottom-right,
.product-image--hover-emersion-z .product-image__overlay-top-right,
.product-image--hover-emersion-z .product-image__overlay-bottom-right,
.product-image--hover-scale .product-image__overlay-top-right,
.product-image--hover-scale .product-image__overlay-bottom-right {
opacity: 0; } }
@media (min-width: 1025px) {
.product-image--hover-emersion-x .product-image__overlay-top-right,
.product-image--hover-emersion-x .product-image__overlay-bottom-right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@media (min-width: 1025px) {
.product-image--hover-emersion-y .product-image__overlay-top-right {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@media (min-width: 1025px) {
.product-image--hover-emersion-y .product-image__overlay-bottom-right {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@media (min-width: 1025px) {
.product-image--hover-emersion-z .product-image__overlay-top-right {
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0); } }
@media (min-width: 1025px) {
.product-image--hover-emersion-z .product-image__overlay-bottom-right {
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0); } }
@media (min-width: 1025px) {
.product-image--hover-scale .product-image__overlay-top-right,
.product-image--hover-scale .product-image__overlay-bottom-right {
-webkit-transform: scale3d(0.6, 0.6, 1);
transform: scale3d(0.6, 0.6, 1); } }
@media (min-width: 1025px) {
.product-image--hover-toggle:hover .product-image__overlay-top-right,
.product-image--hover-toggle:hover .product-image__overlay-bottom-right,
.product-image--hover-fade:hover .product-image__overlay-top-right,
.product-image--hover-fade:hover .product-image__overlay-bottom-right,
.product-image--hover-emersion-x:hover .product-image__overlay-top-right,
.product-image--hover-emersion-x:hover .product-image__overlay-bottom-right,
.product-image--hover-emersion-y:hover .product-image__overlay-top-right,
.product-image--hover-emersion-y:hover .product-image__overlay-bottom-right,
.product-image--hover-emersion-z:hover .product-image__overlay-top-right,
.product-image--hover-emersion-z:hover .product-image__overlay-bottom-right,
.product-image--hover-scale:hover .product-image__overlay-top-right,
.product-image--hover-scale:hover .product-image__overlay-bottom-right {
opacity: 1; } }
@media (min-width: 1025px) {
.product-image--hover-emersion-x:hover .product-image__overlay-top-right,
.product-image--hover-emersion-x:hover .product-image__overlay-bottom-right,
.product-image--hover-emersion-y:hover .product-image__overlay-top-right,
.product-image--hover-emersion-y:hover .product-image__overlay-bottom-right,
.product-image--hover-emersion-z:hover .product-image__overlay-top-right,
.product-image--hover-emersion-z:hover .product-image__overlay-bottom-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@media (min-width: 1025px) {
.product-image--hover-scale:hover .product-image__overlay-top-right,
.product-image--hover-scale:hover .product-image__overlay-bottom-right {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.product-collection__reviews .spr > * {
margin-top: 7px; }
@media (max-width: 1024px) {
.product-collection__buttons {
overflow: hidden; } }
@media (max-width: 1024px) {
.product-collection__buttons-section {
margin-left: -13px;
margin-right: -13px; } }
@media (min-width: 1025px) and (max-width: 1259px) {
.products-view-list-lg .product-collection {
flex-direction: row !important;
align-items: start;
margin-bottom: 40px !important; } }
@media (min-width: 1025px) and (max-width: 1259px) {
.products-view-list-lg .product-collection__image {
width: 370px;
min-width: 370px;
max-width: 42.5287%;
margin-right: 30px; } }
@media (min-width: 1025px) and (max-width: 1259px) {
.products-view-list-lg .product-collection__content {
margin-top: 0 !important; } }
@media (min-width: 1025px) and (max-width: 1259px) {
.products-view-list-lg .product-collection__title {
margin-bottom: 12px !important; } }
@media (min-width: 1025px) and (max-width: 1259px) {
.products-view-list-lg .product-collection__price {
margin-bottom: 14px !important; } }
@media (min-width: 1025px) and (max-width: 1259px) {
.products-view-list-lg .product-collection__details, .products-view-list-lg .product-collection__description {
display: block !important; } }
@media (min-width: 1260px) {
.products-view-list-xl .product-collection {
flex-direction: row !important;
align-items: start;
margin-bottom: 40px !important; } }
@media (min-width: 1260px) {
.products-view-list-xl .product-collection__image {
width: 370px;
min-width: 370px;
max-width: 42.5287%;
margin-right: 30px; } }
@media (min-width: 1260px) {
.products-view-list-xl .product-collection__content {
margin-top: 0 !important; } }
@media (min-width: 1260px) {
.products-view-list-xl .product-collection__title {
margin-bottom: 12px !important; } }
@media (min-width: 1260px) {
.products-view-list-xl .product-collection__price {
margin-bottom: 14px !important; } }
@media (min-width: 1260px) {
.products-view-list-xl .product-collection__details, .products-view-list-xl .product-collection__description {
display: block !important; } }
@media (max-width: 540px) {
.products-view-centered-xs .product-collection__image {
max-width: 71.83%;
margin-left: auto;
margin-right: auto; } }
@media (max-width: 540px) {
.products-view-centered-xs .product-collection__content {
align-items: center !important;
text-align: center; } }
@media (max-width: 540px) {
.products-view-centered-xs .product-collection__buttons {
flex-direction: column; } }
@media (max-width: 540px) {
.products-view-centered-xs .product-collection__buttons-section {
justify-content: center; } }
@media (max-width: 540px) {
.products-view-centered-xs .spr.spr--text-hide-mobile .spr-starrating.spr-badge-starrating, .products-view-centered-xs .spr.spr--text-hide-mobile .spr-starrating.spr-badge-starrating .spr-icon:last-child,
.products-view-centered-xs .spr.spr--text-hide .spr-starrating.spr-badge-starrating,
.products-view-centered-xs .spr.spr--text-hide .spr-starrating.spr-badge-starrating .spr-icon:last-child {
margin-right: 0; } }
@media (max-width: 540px) {
.products-view-centered-xs .product-options__section {
justify-content: center; } }
@media (min-width: 541px) and (max-width: 777px) {
.products-view-centered-sm .product-collection__image {
max-width: 71.83%;
margin-left: auto;
margin-right: auto; } }
@media (min-width: 541px) and (max-width: 777px) {
.products-view-centered-sm .product-collection__content {
align-items: center !important;
text-align: center; } }
@media (min-width: 541px) and (max-width: 777px) {
.products-view-centered-sm .product-collection__buttons {
flex-direction: column; } }
@media (min-width: 541px) and (max-width: 777px) {
.products-view-centered-sm .product-collection__buttons-section {
justify-content: center; } }
@media (min-width: 541px) and (max-width: 777px) {
.products-view-centered-sm .spr.spr--text-hide-mobile .spr-starrating.spr-badge-starrating, .products-view-centered-sm .spr.spr--text-hide-mobile .spr-starrating.spr-badge-starrating .spr-icon:last-child,
.products-view-centered-sm .spr.spr--text-hide .spr-starrating.spr-badge-starrating,
.products-view-centered-sm .spr.spr--text-hide .spr-starrating.spr-badge-starrating .spr-icon:last-child {
margin-right: 0; } }
@media (min-width: 541px) and (max-width: 777px) {
.products-view-centered-sm .product-options__section {
justify-content: center; } }
@media (max-width: 1024px) {
.product-wishlist__buttons {
overflow: hidden; } }
@media (max-width: 1024px) {
.product-wishlist__buttons-section {
margin-left: -13px;
margin-right: -13px; } }
@media (max-width: 1024px) {
.product-compare__buttons {
overflow: hidden; } }
@media (max-width: 1024px) {
.product-compare__buttons-section {
margin-left: -13px;
margin-right: -13px; } }
@media (max-width: 1024px) {
.product-search__image {
width: 60px;
min-width: 60px; } }
.product-search__image img {
width: 100%; }
.product-search__image-overlay-top {
padding-left: 10px;
padding-right: 10px; }
.product-search__image-overlay-top {
padding-top: 10px; }
.product-cart__image {
width: 60px;
min-width: 60px; }
.product-cart__image img {
width: 100%; }
.product-cart__price .price {
display: inline-block; }
.product-store-lists__image {
width: 60px;
min-width: 60px; }
.product-store-lists__image img {
width: 100%; }
.product-featured__image {
width: 100px;
min-width: 100px; }
.product-featured__image img {
width: 100%; }
.product-notification__image {
width: 60px;
min-width: 60px; }
.product-notification__image .rimage {
height: 100%; }
.product-notification__button-quick-view {
margin-right: -2px;
margin-bottom: -4px; }
.product-notification__button-quick-view .button-quick-view {
width: 20px;
height: 20px; }
@media (min-width: 1025px) {
.products-grid-buttons {
margin-left: -3px;
margin-right: -3px; } }
@media (max-width: 1024px) {
.products-grid-buttons {
margin-left: -8px;
margin-right: -8px; } }
.dynamic-checkout__button.disabled .shopify-payment-button__button {
opacity: 0.7;
pointer-events: none; }
.dynamic-checkout__button [aria-hidden="true"] {
display: none; }
@media (min-width: 1260px) {
.product-page__container--with-sidebar {
width: calc(100% - 370px); } }
@media (min-width: 1260px) {
.product-page__sidebar {
width: 340px;
min-width: 340px; } }
@media (min-width: 1260px) {
.product-page__sidebar--left {
border-right: solid 1px; } }
@media (min-width: 1260px) {
.product-page__sidebar--right {
border-left: solid 1px transparent; } }
@media (max-width: 1024px) {
.product-page-gallery {
max-width: 500px; } }
.product-page-gallery .fotorama__fullscreen-icon, .product-page-gallery .fotorama__arr {
display: none !important; }
.product-page-gallery .zoomContainer {
display: block !important;
position: absolute !important;
left: 50% !important;
top: 50% !important;
-webkit-transform: translate3d(-50%, -50%, 0) !important;
transform: translate3d(-50%, -50%, 0) !important; }
.product-page-gallery--centered {
width: 100%;
max-width: 510px; }
@media (min-width: 1025px) {
.product-page-gallery__main {
width: calc(100% - 80px); } }
@media (max-width: 1024px) {
.product-page-gallery__main {
width: 100%; } }
.product-page-gallery__main--single {
width: 100%; }
.product-page-gallery__main-arrow {
width: 35px;
height: 35px;
top: 50%;
margin-top: -17px;
z-index: 1; }
@media (min-width: 1025px) {
.product-page-gallery__main-arrow::before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.8; } }
.product-page-gallery__main-arrow.disabled, .product-page-gallery__main-arrow.slick-disabled {
opacity: 0.4;
pointer-events: none; }
@media (min-width: 1260px) {
.product-page-gallery--centered [data-js-product-gallery-main-btn-prev] {
margin-left: -40px !important; } }
@media (min-width: 1260px) {
.product-page-gallery--centered [data-js-product-gallery-main-btn-next] {
margin-right: -40px !important; } }
@media (min-width: 1025px) {
.product-page-gallery__preview {
min-width: 70px;
width: 70px; } }
.product-page-gallery__preview .current {
border: solid 1px; }
.product-page-gallery__preview-arrows {
margin-bottom: -8px; }
.product-page-gallery__preview-arrows div.slick-hidden {
display: none !important; }
@media (min-width: 541px) {
.product-page-gallery__panorama {
margin-left: -5px;
margin-top: -5px; } }
@media (min-width: 778px) {
.product-page-gallery__collage {
margin-left: -5px;
margin-right: -5px; } }
@media (min-width: 778px) {
.product-page-gallery__collage > .col {
width: 20%;
min-width: 20%;
flex-grow: inherit; } }
@media (min-width: 778px) {
.product-page-gallery__collage .current + div::before {
display: block;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: solid 1px; } }
@media (min-width: 1025px) {
.product-page-info--max-width {
width: 100%;
max-width: 765px; } }
@media (min-width: 1025px) {
.product-page-info__section--max-width {
width: 100%;
max-width: 370px; } }
.product-page-info__reviews .spr-badge-caption,
.product-page-info__quantity label {
text-transform: uppercase; }
.product-page-info__reviews .spr-badge {
margin-bottom: 20px; }
@media (max-width: 1024px) {
.product-page-info__reviews .spr-badge,
.product-page-info__reviews .shopify-product-reviews-badge {
justify-content: center; } }
.product-page-info__reviews--center .spr-badge,
.product-page-info__reviews--center .shopify-product-reviews-badge {
justify-content: center; }
.product-page-info__details-buttons {
margin-left: -10px;
margin-right: -10px; }
.product-page-info__payments svg {
max-width: 60px;
width: 100%; }
.product-page-info__payments .icon-payment-power-by-stripe,
.product-page-info__payments .icon-payment-power-by-stripe-light {
max-width: 54px; }
.product-page-info__payments .icon-payment-aes-256bit,
.product-page-info__payments .icon-payment-aes-256bit-light {
max-width: 38px; }
.product-page-info__payments .icon-payment-paypal,
.product-page-info__payments .icon-payment-paypal-light {
max-width: 55px; }
.product-page-info__payments .icon-payment-visa,
.product-page-info__payments .icon-payment-visa-light {
max-width: 40px; }
.product-page-info__payments .icon-payment-mastercard,
.product-page-info__payments .icon-payment-mastercard-light {
max-width: 33px; }
.product-page-info__payments .icon-payment-discover-network,
.product-page-info__payments .icon-payment-discover-network-light {
max-width: 44px; }
.product-page-info__payments .icon-payment-american-express,
.product-page-info__payments .icon-payment-american-express-light {
max-width: 51px; }
.product-page-info__payments .icon-payment-mcafee-secure,
.product-page-info__payments .icon-payment-mcafee-secure-light {
max-width: 56px; }
.product-page-info__payments label {
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0); }
.product-fixed-sizebar {
width: 270px;
transition-property: box-shadow, -webkit-transform;
transition-property: transform, box-shadow;
transition-property: transform, box-shadow, -webkit-transform;
will-change: transform, box-shadow; }
@media (min-width: 1025px) {
.product-fixed-sizebar {
-webkit-transform: translate3d(calc(100% - 40px), 0, 0);
transform: translate3d(calc(100% - 40px), 0, 0); } }
@media (max-width: 1024px) {
.product-fixed-sizebar {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.product-fixed-sizebar:hover {
-webkit-transform: none !important;
transform: none !important; }
.product-fixed-sizebar__btn {
width: 20px;
height: 20px; }
.product-fixed-sizebar__btn::after {
content: '';
position: absolute;
display: block;
width: 10px;
height: 100%;
right: -10px; }
.product-fixed-sizebar:hover .product-fixed-sizebar__btn i {
-webkit-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg); }
.product-fixed-sizebar__line:not(:first-child) {
border-top: solid 1px transparent;
transition-property: border-color; }
.product-fixed-sizebar__line i {
vertical-align: middle;
margin-right: 10px; }
.popup {
overflow-x: hidden;
overflow-y: auto;
z-index: 999999;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: none;
-webkit-overflow-scrolling: touch; }
.popup.show {
display: block !important; }
.popup__bg {
top: -100px;
bottom: -100px;
opacity: 0; }
.popup__bg.animate {
transition-property: opacity;
will-change: opacity; }
.popup__bg.visible {
opacity: 0.5; }
.popup__body {
min-height: 100%; }
.popup__body.show {
display: flex !important; }
.popup__body [data-popup-content] {
opacity: 0; }
.popup__body.animate [data-popup-content] {
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
will-change: opacity, transform; }
.popup__body.visible [data-popup-content] {
-webkit-transform: none !important;
transform: none !important;
opacity: 1 !important; }
.popup [data-popup-left] [data-popup-content] {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
.popup [data-popup-right] [data-popup-content] {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
.popup [data-popup-center] [data-popup-content] {
-webkit-transform: scale(0.9);
transform: scale(0.9); }
@media (max-width: 1024px) {
.popup [data-popup-mobile-left] [data-popup-content] {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); } }
@media (min-width: 1025px) {
.popup [data-popup-desktop-top] [data-popup-content] {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); } }
@media (max-width: 1024px) {
.popup-navigation {
width: 270px;
max-width: 100%; } }
.popup-navigation__button[data-js-popup-navigation-button='close'] > *:not([data-button-content='close']) {
display: none !important; }
@media (max-width: 1024px) {
.popup-navigation__button[data-js-popup-navigation-button='back'] > *:not([data-button-content='back']),
.popup-navigation__button[data-js-popup-navigation-button='search'] > *:not([data-button-content='back']) {
display: none !important; } }
.popup-sidebar {
max-width: 100%; }
.popup-sidebar--width-md {
width: 270px; }
.popup-sidebar--width-lg {
width: 332px; }
.popup-cart {
width: 270px;
max-width: 100%; }
.popup-cart__items > *:not(:first-child) {
padding-top: 20px;
border-top: dashed 1px; }
.popup-wishlist {
width: 270px;
max-width: 100%; }
.popup-wishlist-full {
max-width: 100%; }
@media (min-width: 541px) {
.popup-wishlist-full {
width: 90%; } }
@media (max-width: 540px) {
.popup-wishlist-full {
width: 100%; } }
.popup-wishlist-full__content {
margin: 0 -20px; }
.popup-compare-full {
max-width: 100%; }
@media (min-width: 541px) {
.popup-compare-full {
width: 90%; } }
@media (max-width: 540px) {
.popup-compare-full {
width: 100%; } }
.popup-compare-full__content {
margin: 0 -20px; }
.popup-account {
width: 270px;
max-width: 100%; }
.popup-account__authorized h5 {
text-transform: uppercase; }
.popup-services {
width: 270px;
max-width: 100%; }
.popup-services__content [class*='icon-'] {
margin-top: -2px; }
.popup-subscription {
width: 510px;
max-width: 100%; }
.popup-subscription__close {
top: 16px;
right: 16px;
z-index: 1; }
.popup-subscription__content {
max-width: 390px; }
.popup-password {
width: 270px;
max-width: 100%; }
.popup-quick-view {
width: 1200px;
max-width: 100%; }
.popup-quick-view__close {
top: 16px;
right: 16px;
z-index: 1; }
.popup-delivery-return {
width: 785px;
max-width: 100%; }
.popup-delivery-return__close {
top: 16px;
right: 16px;
z-index: 1; }
@media (min-width: 778px) {
.popup-delivery-return__content {
padding-left: 15px;
padding-right: 15px; } }
.popup-size-guide {
width: 785px;
max-width: 100%; }
.popup-size-guide__close {
top: 16px;
right: 16px;
z-index: 1; }
@media (min-width: 778px) {
.popup-size-guide__content {
padding-left: 15px;
padding-right: 15px; } }
.popup-confirm-transfer-data {
width: 510px;
max-width: 100%; }
.popup-confirm-transfer-data__close {
top: 16px;
right: 16px;
z-index: 1; }
.popup-confirm-transfer-data__content {
max-width: 390px; }
@media (min-width: 1025px) {
.footbar {
z-index: 3; } }
@media (max-width: 1024px) {
.footbar {
z-index: 2; } }
.fixed-sidebar {
top: 45%;
margin-top: -80px;
z-index: 1; }
.notification {
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none; }
.notification.animate {
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
will-change: opacity, transform; }
.notification.pressed {
-webkit-transform: scale(0.95);
transform: scale(0.95);
cursor: pointer; }
.notification__inner {
opacity: 0;
-webkit-transform: translate3d(0, 25%, 0);
transform: translate3d(0, 25%, 0); }
.notification__inner.animate {
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
will-change: opacity, transform; }
.notification__inner.visible {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
@media (min-width: 541px) {
.notification-cookies {
max-width: 435px; } }
.notification-cookies__bg {
opacity: 0.9; }
@media (min-width: 1025px) {
.notification-cookies__bg {
transition-property: opacity; } }
@media (min-width: 1025px) {
.notification-cookies:hover .notification-cookies__bg {
opacity: 1; } }
.notification-cookies__button-info {
text-decoration: none !important; }
@media (min-width: 1025px) {
.notification-cookies__button-close:hover {
text-decoration: none; } }
@media (min-width: 541px) {
.notification-products {
width: 270px;
max-width: 100%; } }
@media (max-width: 540px) {
.footbar-product {
z-index: 1; } }
.footbar-product > * {
min-height: 80px; }
.footbar-product.show {
display: block !important; }
.footbar-product > * {
opacity: 0; }
.footbar-product.animate > * {
will-change: opacity;
transition-property: opacity; }
.footbar-product.visible > * {
opacity: 1; }
.footbar-product__image {
width: 60px;
min-width: 60px; }
@media (min-width: 1025px) {
.form-input-button--type-01 *:first-child {
width: calc(65% - 10px); } }
@media (min-width: 1025px) {
.form-input-button--type-01 *:last-child {
width: 35%; } }
@media (min-width: 1025px) {
.form-input-button--type-02 *:first-child {
width: calc(55% - 10px); } }
@media (min-width: 1025px) {
.form-input-button--type-02 *:last-child {
width: 45%; } }
@media (max-width: 1024px) {
.search__result {
margin: 0; } }
@media (min-width: 1025px) {
.promo-text--width-01 {
width: 650px; } }
@media (min-width: 1025px) {
.promo-text--width-02 {
width: 500px; } }
@media (min-width: 1025px) {
.promo-text--width-03 {
width: 400px; } }
@media (max-width: 1024px) {
.promo-text__buttons {
max-width: 350px; } }
@media (min-width: 1025px) {
.promo-text--width-01 .promo-text__buttons {
max-width: 450px; } }
@media (min-width: 1025px) {
.promo-text--width-02 .promo-text__buttons {
max-width: 220px; } }
.promobox a {
pointer-events: all; }
.promobox__plate {
min-height: 35px;
bottom: 20px;
left: 20px;
right: 20px; }
@media (min-width: 1025px) {
.promobox__plate--hovered, .promobox__content-scale {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
will-change: opacity, transform; } }
.promobox__plate::before {
content: '';
display: block;
opacity: 0.9;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
@media (min-width: 1025px) {
.promobox__content-scale::before {
content: '';
display: block;
opacity: 0.9;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; } }
.promobox__content, .promobox__content-scale {
top: 20px;
bottom: 20px;
left: 20px;
right: 20px; }
@media (min-width: 1025px) {
.promobox__content-scale {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0); } }
@media (max-width: 1024px) {
.promobox__content_inner {
max-width: 100% !important;
top: initial !important;
bottom: initial !important;
left: initial !important;
right: initial !important;
margin: initial !important; } }
.css-theme-loaded .promobox:not(.promobox--is-slider) .promobox__content,
.css-theme-loaded .slick-active .promobox__content {
-webkit-transform: none;
transform: none;
opacity: 1; }
@media (min-width: 1025px) {
.promobox:hover .promobox__plate--hovered {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); } }
@media (min-width: 1025px) {
.promobox:hover .promobox__content-scale {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@media (min-width: 1025px) {
.promobox__border {
border: solid 1px transparent;
opacity: 0;
transition-property: opacity;
will-change: opacity; } }
@media (min-width: 1025px) {
.promobox:hover .promobox__border {
opacity: 1; } }
@media (min-width: 1025px) {
.promobox--type-01 a.promobox__text-line-01:hover {
text-decoration: underline; } }
@media (max-width: 1024px) {
.menu {
overflow-x: hidden; } }
@media (max-width: 1024px) {
.menu .container,
.menu .row {
margin-right: 0;
margin-left: 0; } }
@media (max-width: 1024px) {
.menu .container,
.menu [class*='col'] {
padding-right: 0;
padding-left: 0; } }
@media (max-width: 1024px) {
.menu .container {
max-width: 100%; } }
@media (max-width: 1024px) {
.menu .row {
display: block; } }
.menu__item > a {
display: block; }
@media (max-width: 1024px) {
.menu [class*='col-'] {
position: static;
min-height: inherit; } }
@media (max-width: 1024px) {
.menu__level-02 {
left: 100%; } }
@media (max-width: 1024px) {
.menu__level-03 {
left: 200%; } }
@media (max-width: 1024px) {
.menu__back > a,
.menu__item--has-children > a {
text-transform: uppercase;
letter-spacing: 0.5px; } }
@media (min-width: 1025px) {
.menu__panel {
height: 100%;
margin-left: -7px;
margin-right: -7px; } }
@media (max-width: 1024px) {
.menu__panel {
position: relative;
min-height: 200px;
-webkit-transform: none;
transform: none;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; } }
@media (max-width: 1024px) {
.menu__panel .menu__list {
display: none !important;
position: absolute;
width: 100%;
top: 0;
left: 100%; } }
@media (max-width: 1024px) {
.menu__panel .menu__list.show {
display: block !important; } }
.menu__panel > .menu__item > a {
text-transform: uppercase;
letter-spacing: 0.5px; }
@media (min-width: 1025px) {
.menu__panel > .menu__item > a {
height: 100%; } }
@media (max-width: 1024px) {
.menu__panel[data-mobile-level='2'] {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@media (max-width: 1024px) {
.menu__panel[data-mobile-level='3'] {
-webkit-transform: translate3d(-200%, 0, 0);
transform: translate3d(-200%, 0, 0); } }
@media (min-width: 1025px) {
.menu__panel--bordered {
height: calc(100% + 1px); } }
@media (min-width: 1025px) {
.menu__panel--bordered > .menu__item > .menu__megamenu,
.menu__panel--bordered .menu__curtain {
top: calc(100% + 1px); } }
@media (min-width: 1025px) {
.menu__panel--bordered > .menu__item > .menu__megamenu::before,
.menu__panel--bordered .menu__curtain::before {
position: absolute;
display: block;
content: '';
width: 100%;
height: 1px;
top: -1px;
left: 0; } }
@media (min-width: 1025px) {
.menu__megamenu, .menu__curtain, .menu__dropdown {
top: 100%;
left: 0; } }
@media (min-width: 1025px) {
.menu__megamenu.show, .menu__curtain.show, .menu__dropdown.show {
display: block !important; } }
@media (min-width: 1025px) {
.menu__megamenu, .menu__curtain {
width: 100%; } }
@media (min-width: 1025px) {
.menu__megamenu {
overflow-y: auto;
opacity: 0; } }
@media (min-width: 1025px) {
.menu__megamenu.animate {
will-change: opacity;
transition-property: opacity; } }
@media (min-width: 1025px) {
.menu__megamenu.visible {
opacity: 1; } }
@media (min-width: 1025px) {
.menu__dropdown > * {
opacity: 0; } }
@media (min-width: 1025px) {
.menu__dropdown.animate > * {
will-change: opacity;
transition-property: opacity; } }
@media (min-width: 1025px) {
.menu__dropdown.visible > * {
opacity: 1; } }
@media (min-width: 1025px) {
.menu__dropdown,
.menu__list--styled .menu__list {
width: 220px;
margin-left: -10px; } }
@media (min-width: 1025px) {
.menu__list--styled .menu__list {
left: calc(100% + 10px);
top: -15px;
z-index: 1; } }
@media (min-width: 1025px) {
.menu__list--styled .menu__list::before {
position: absolute;
display: block;
content: '';
width: 10px;
height: 100%;
top: 0;
left: -10px; } }
@media (min-width: 1025px) {
.menu__list--styled {
margin-left: -5px;
margin-right: -5px; } }
@media (min-width: 1025px) {
.menu__list--styled i {
margin-right: -5px; } }
@media (min-width: 1025px) {
.menu__list--styled .menu__item:not(:hover) > .menu__list {
display: none !important; } }
@media (min-width: 1025px) {
.menu__title {
text-transform: uppercase;
letter-spacing: 0.5px; } }
@media (min-width: 1025px) {
.menu__promobox {
margin-bottom: -30px; } }
@media (min-width: 1025px) {
.menu__products {
margin-bottom: -20px; } }
@media (min-width: 1025px) {
.menu__group {
margin-bottom: -30px; } }
@media (min-width: 1025px) {
.menu__group--offset-small {
margin-left: -5px;
margin-right: -5px;
margin-bottom: -10px; } }
@media (min-width: 1025px) {
.collections {
margin-bottom: 25px; } }
.collections__sidebar {
z-index: 1; }
@media (min-width: 1025px) {
.collections__sidebar {
margin-top: -19px; } }
@media (min-width: 1025px) {
.collections__sidebar--width-md {
width: 300px; } }
@media (min-width: 1025px) {
.collection-head__promoboxes {
margin-bottom: -30px; } }
.collection-control__view-grid {
outline: none; }
.layer-navigation__head.open .layer-navigation__arrow {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg); }
.collections-menu__button.open .collections-menu__arrow {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg); }
.collection-filter-by-price {
margin-top: -8px; }
.collection-filters.row {
margin-bottom: -10px; }
.collection-filters label span {
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.collection-current-tags__items i {
margin-right: -6px; }
.collection-sidebar-offers {
margin-bottom: -10px; }
@media (min-width: 1025px) {
.carousel--arrows::before, .carousel--arrows::after {
position: absolute;
content: '';
display: block;
width: 45px;
height: 100%;
top: 0; } }
@media (min-width: 1025px) {
.carousel--arrows::before {
left: -45px; } }
@media (min-width: 1025px) {
.carousel--arrows::after {
right: -45px; } }
@media (max-width: 1024px) {
.carousel__items {
margin-bottom: -15px; } }
.carousel__prev, .carousel__next {
top: 50%;
margin-top: -12px;
z-index: 1; }
@media (min-width: 1025px) {
.carousel__prev, .carousel__next {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
will-change: opacity, transform; } }
@media (min-width: 1025px) {
.carousel__prev {
left: -45px;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); } }
@media (max-width: 1024px) {
.carousel__prev {
left: 5px; } }
@media (min-width: 1025px) {
.carousel__next {
right: -45px;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); } }
@media (max-width: 1024px) {
.carousel__next {
right: 5px; } }
@media (min-width: 1260px) and (max-width: 1280px) {
.carousel--arrows::before, .carousel--arrows::after, .carousel__prev, .carousel__next {
display: none; } }
@media (min-width: 1025px) and (max-width: 1045px) {
.carousel--arrows::before, .carousel--arrows::after, .carousel__prev, .carousel__next {
display: none; } }
@media (min-width: 1025px) {
.carousel:hover .carousel__prev,
.carousel:hover .carousel__next {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.carousel .slick-slide {
outline: none; }
.carousel .slick-dots {
margin-bottom: -15px; }
.carousel .slick-dots li {
width: 6px;
height: 6px;
min-width: 6px;
padding: 0;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 15px;
border-radius: 50%;
cursor: pointer; }
.carousel .slick-dots li::before {
display: none; }
.carousel .slick-dots li.slick-active {
width: 10px;
height: 10px;
margin-left: 5px;
margin-right: 5px; }
.carousel .slick-dots button {
display: none; }
@media (min-width: 1260px) {
.carousel-articles__image {
width: 270px !important;
min-width: 270px; } }
.pagination {
margin-left: -7px;
margin-right: -7px; }
.compare table {
overflow-x: auto; }
@media (max-width: 777px) {
.compare td {
padding-left: 0;
padding-right: 0; } }
.compare__title {
max-width: 170px;
min-width: 170px; }
@media (max-width: 777px) {
.compare__title:first-child {
display: none; } }
@media (min-width: 778px) {
.compare__title:last-child h4 {
font-size: 0; } }
@media (max-width: 777px) {
.compare__items {
padding-right: 10px;
margin-left: -10px;
margin-right: -10px; } }
.compare__item {
max-width: 200px;
min-width: 200px; }
@media (min-width: 541px) {
.cart__image {
width: 100%;
max-width: 150px; } }
@media (max-width: 540px) {
.cart__image {
width: 40%;
min-width: 40%; } }
.login .container {
max-width: 370px; }
.register .container {
max-width: 370px; }
.reset-password .container {
max-width: 370px; }
.activate-account .container {
max-width: 370px; }
.gallery__content {
margin-left: -5px;
margin-right: -5px;
margin-bottom: -10px; }
.gallery__item-layer {
opacity: 0; }
@media (min-width: 1025px) {
.gallery__item-layer {
transition-property: opacity; } }
@media (min-width: 1025px) {
.gallery__item:hover .gallery__item-layer {
opacity: 1; } }
.gallery__item-bg {
opacity: 0.5; }
.gallery__fotorama.fotorama--fullscreen::before {
content: '';
display: block;
opacity: 0.5;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.gallery__fotorama .fotorama__html {
padding-top: 60px;
padding-bottom: 40px; }
.gallery__fotorama .fotorama__html img {
max-height: calc(100% - 90px); }
.gallery__fotorama .fotorama__nav {
padding-top: 20px;
margin-top: -20px; }
.gallery__fotorama .fotorama__nav__frame.fotorama__active {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }
.gallery__fotorama .fotorama__thumb img {
width: 100% !important;
height: auto !important;
top: 0 !important;
left: 0 !important; }
.gallery__fotorama .fotorama__thumb-border {
display: none; }
.gallery__fotorama .fotorama__arr,
.gallery__fotorama .fotorama__fullscreen-icon {
display: flex;
background-image: none !important;
justify-content: center;
align-items: center;
-webkit-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important; }
.gallery__fotorama .fotorama__arr i,
.gallery__fotorama .fotorama__fullscreen-icon i {
pointer-events: none; }
.gallery__fotorama .fotorama__arr:not(.fotorama__arr--disabled) {
opacity: 1 !important; }
@media (max-width: 1024px) {
.gallery__fotorama .fotorama__arr {
display: none !important; } }
.gallery__fotorama .fotorama__arr--prev {
margin-left: 20px; }
.gallery__fotorama .fotorama__arr--next {
margin-right: 20px; }
.gallery__fotorama .fotorama__fullscreen-icon {
margin-top: 20px;
margin-right: 20px;
opacity: 1 !important; }
@media (min-width: 1025px) {
.blogs {
margin-bottom: 25px; } }
.blogs__sidebar {
z-index: 1; }
@media (min-width: 1025px) {
.blogs__sidebar {
margin-top: -8px; } }
@media (min-width: 1260px) {
.blogs__sidebar--width-md {
width: 400px; } }
@media (min-width: 1025px) and (max-width: 1259px) {
.blogs__sidebar--width-md {
width: 332px; } }
@media (min-width: 1025px) {
.blogs__sidebar.blogs__sidebar--offset-bottom {
margin-bottom: -25px; } }
.post--limit-width {
max-width: 772px;
margin-left: auto;
margin-right: auto; }
@media (min-width: 1025px) {
.post:hover .post__hidden-info {
display: block !important;
z-index: 1; } }
.article ul, .article ol {
margin-left: 40px;
margin-bottom: 30px; }
.article blockquote {
padding-left: 30px;
margin-left: 40px; }
@media (min-width: 1260px) {
.article__body--max-width {
max-width: 800px;
margin-left: auto;
margin-right: auto; } }
@media (min-width: 1260px) {
.article__body--with-sidebar {
max-width: 60%; } }
@media (min-width: 1260px) {
.article__sidebar--width-md {
width: 400px; } }
@media (min-width: 1025px) and (max-width: 1259px) {
.article__sidebar--width-md {
width: 332px; } }
@media (min-width: 1025px) {
.article__sidebar.article__sidebar--offset-bottom {
margin-bottom: -25px; } }
.article-text {
margin-bottom: 40px; }
.article-slider img {
width: auto !important; }
.article-slider__slick img {
width: 100%;
margin: 0 !important; }
.article-slider .slick-slide {
outline: none; }
.article-slider .slick-arrow {
width: 35px;
height: 35px;
top: 50%;
margin-top: -17px;
z-index: 1; }
.article-slider .slick-arrow::before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.8; }
.article-slider .slick-arrow.slick-disabled {
display: none !important; }
.article-slider .slick-dots li {
width: 6px;
height: 6px;
min-width: 6px;
padding: 0;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 15px;
border-radius: 50%;
cursor: pointer; }
.article-slider .slick-dots li::before {
display: none; }
.article-slider .slick-dots li.slick-active {
width: 10px;
height: 10px;
margin-left: 5px;
margin-right: 5px; }
.article-slider .slick-dots button {
display: none; }
@media (min-width: 1025px) {
.instafeed__curtain {
opacity: 0;
transition-property: opacity;
will-change: opacity; } }
.instafeed__curtain::before {
content: '';
display: block;
opacity: 0.6;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
@media (min-width: 1025px) {
.instafeed__item:hover .instafeed__curtain {
opacity: 1; } }
.faqs__cross {
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
will-change: transform; }
.faqs__head:not(.open) .faqs__cross {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.contact-map::before {
content: '';
display: block;
padding-top: 65%; }
.contact-map iframe {
width: 100%;
height: 100%;
-webkit-filter: grayscale(90%);
filter: grayscale(90%);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.contact-map:hover iframe {
-webkit-filter: grayscale(0%);
filter: grayscale(0%); }
.table-account-addresses tr:first-child td {
border-top: none !important; }
.table-account-addresses td:first-child {
width: 160px;
padding-left: 0 !important;
text-transform: uppercase; }
.table-account-history th {
text-transform: uppercase;
border-top: none; }
.table-account-history th:first-child,
.table-account-history td:first-child {
padding-left: 0 !important; }
.table-account-history td:first-child a {
text-decoration: underline; }
.table-account-history--page th:first-child {
width: 300px;
min-width: 160px; }
.table-size-guide tr:first-child th:first-child {
width: 200px; }
.lookbook__picker-circle::before, .lookbook__picker-circle::after {
display: block;
content: '';
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%; }
.lookbook__picker-circle::before {
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0.7; }
@media (min-width: 1025px) {
.lookbook__picker-circle::before {
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
will-change: transform, opacity; } }
.lookbook__picker-circle::after {
width: 10px;
height: 10px;
margin-top: -5px;
margin-left: -5px; }
@media (min-width: 1025px) {
.lookbook__picker:hover .lookbook__picker-circle::before, .lookbook__picker-circle.open::before {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0.9; } }
@media (min-width: 1025px) {
.lookbook__picker-circle.open + * .lookbook__product {
display: block !important; } }
@media (min-width: 1025px) {
.lookbook__product {
width: 160px;
z-index: 1; } }
@media (min-width: 1260px) {
.password-page-content {
min-height: 400px; } }
.password-page-content__subscription {
width: 100%;
max-width: 500px; }
@media (min-width: 1260px) {
.password-page-content__subscription--width-limit {
max-width: 280px; } }
@media (min-width: 1025px) {
.password-page-content__image {
max-width: 480px; } }
@media (min-width: 778px) {
.shopify-challenge__container {
margin: 200px auto !important; } }
@media (max-width: 777px) {
.shopify-challenge__container {
margin: 140px auto !important; } }
.g-recaptcha {
margin: 20px 0 !important; }
.page-404 .container {
max-width: 480px; }
@media (min-width: 1025px) {
.footer--fixed {
position: fixed;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto; } }
@media (max-width: 1024px) {
.footer .container {
max-width: none; } }
@media (min-width: 1025px) {
.footer__content--boxed-sm {
max-width: 600px;
margin-left: auto;
margin-right: auto; } }
@media (max-width: 1024px) {
.footer__section-btn {
width: 30px;
height: 100%;
top: 0;
right: 0;
margin-right: -10px; } }
@media (max-width: 1024px) {
.footer__section-head.open .footer__section-btn i {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
will-change: transform; } }
.footer__custom-html [class*='icon-'] {
margin-top: -2px; }
@media (max-width: 1024px) {
.footer__social-media-mobile {
padding-left: 7%;
padding-right: 7%; } }
.footer__payments {
margin-left: -5px;
margin-right: -5px; }
@media (max-width: 1024px) {
.footer__payments {
padding-left: 12%;
padding-right: 12%; } }
.footer__payments svg {
max-width: 50px;
width: 100%; }
.footer__payments .icon-payment-shopify-secure,
.footer__payments .icon-payment-shopify-secure-light {
max-width: 53px; }
.footer__payments .icon-payment-aes-256bit,
.footer__payments .icon-payment-aes-256bit-light {
max-width: 34px; }
.footer__payments .icon-payment-visa,
.footer__payments .icon-payment-visa-light {
max-width: 36px; }
.footer__payments .icon-payment-mastercard,
.footer__payments .icon-payment-mastercard-light {
max-width: 30px; }
.footer__payments .icon-payment-discover-network,
.footer__payments .icon-payment-discover-network-light {
max-width: 40px; }
.footer__payments .icon-payment-american-express,
.footer__payments .icon-payment-american-express-light {
max-width: 47px; }
@media (min-width: 1025px) {
.footer__back-to-top {
width: 30px;
height: 30px;
top: 100%;
right: 0;
z-index: 1; } }
@media (max-width: 1024px) {
.footer__back-to-top {
min-height: 35px; } }
@media (min-width: 1025px) {
.footer__back-to-top.show {
top: auto;
bottom: 16px; } }
@media (min-width: 1025px) {
.footer__back-to-top[data-bind] {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); } }
/*END: 1.4 Modules*/
/*START: 1.5 RTL*/
[dir='rtl'],
[dir='rtl'] body {
text-align: right; }
[dir='rtl'] blockquote {
padding-left: 0;
padding-right: 20px;
margin-left: 0;
margin-right: 20px;
border-left: none;
border-right: solid 2px transparent; }
[dir='rtl'] ul, [dir='rtl'] ol {
padding-right: 0; }
[dir='rtl'] ul:not(.list-unstyled) li {
padding-left: 0;
padding-right: 16px; }
[dir='rtl'] ul:not(.list-unstyled) li::before {
margin-right: -16px;
margin-left: 10px; }
[dir='rtl'] ul:not(.list-unstyled) ul {
padding-left: 0;
padding-right: 18px; }
[dir='rtl'] ol:not(.list-unstyled) li {
padding-left: 0;
padding-right: 16px; }
[dir='rtl'] ol:not(.list-unstyled) li::before {
margin-left: 0;
margin-right: -16px; }
[dir='rtl'] ol:not(.list-unstyled) ol {
padding-left: 0;
padding-right: 36px; }
[dir='rtl'] .list-unstyled {
padding-right: 0; }
[dir='rtl'] input[type="checkbox"],
[dir='rtl'] input[type="radio"] {
margin-left: 7px;
margin-right: 0; }
[dir='rtl'] label {
margin-left: 15px;
margin-right: 0; }
[dir='rtl'] .note::before {
left: auto;
right: 15px; }
[dir='rtl'] .input-boolean input + span span {
left: auto;
right: -1px;
transition-property: right; }
[dir='rtl'] .input-boolean input:checked + span span {
left: auto;
right: calc(100% - 15px); }
@media (min-width: 1025px) {
[dir='rtl'] .btn--animated .btn__icon {
-webkit-transform: translate3d(40px, 45px, 0);
transform: translate3d(40px, 45px, 0); } }
@media (min-width: 1025px) {
[dir='rtl'] .btn--animated .btn__text {
-webkit-transform: translate3d(12px, 0, 0);
transform: translate3d(12px, 0, 0); } }
@media (min-width: 1025px) {
[dir='rtl'] .btn--animated:hover .btn__icon, [dir='rtl'] .btn--animated:hover .btn__text {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
[dir='rtl'] .loader__spinner:before {
left: auto;
right: -30px; }
[dir='rtl'] .loader__spinner:after {
left: auto;
right: 30px; }
[dir='rtl'] .border-left {
border-left-style: none !important;
border-right-style: dashed !important; }
[dir='rtl'] .border-right {
border-right-style: none !important;
border-left-style: dashed !important; }
[dir='rtl'] .border--dashed.border-left {
border-left-style: none !important;
border-right-style: dashed !important; }
[dir='rtl'] .border--dashed.border-right {
border-right-style: none !important;
border-left-style: dashed !important; }
[dir='rtl'] .table, [dir='rtl'] .responsive-table {
text-align: right; }
[dir='rtl'] .dropdown {
text-align: right; }
[dir='rtl'] .price--sale > span:not(:first-child) {
float: left; }
[dir='rtl'] .header__content--sticky {
left: auto !important;
right: 0 !important; }
[dir='rtl'] .header__counter {
left: 0;
right: 22px; }
@media (min-width: 1025px) {
[dir='rtl'] .header__logo--center + .header__sidebar {
padding-left: 15px;
padding-right: 0;
left: 0;
right: auto; } }
@media (max-width: 1024px) {
[dir='rtl'] .menu__level-02 {
left: auto;
right: 100%; } }
@media (max-width: 1024px) {
[dir='rtl'] .menu__level-03 {
left: auto;
right: 200%; } }
@media (max-width: 1024px) {
[dir='rtl'] .menu__panel .menu__list {
left: auto;
right: 100%; } }
@media (min-width: 1025px) {
[dir='rtl'] .menu__panel > [dir='rtl'] .menu__item > a > i {
margin-left: 0;
margin-right: -3px; } }
@media (max-width: 1024px) {
[dir='rtl'] .menu__panel[data-mobile-level='2'] {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@media (max-width: 1024px) {
[dir='rtl'] .menu__panel[data-mobile-level='3'] {
-webkit-transform: translate3d(200%, 0, 0);
transform: translate3d(200%, 0, 0); } }
@media (min-width: 1025px) {
[dir='rtl'] .menu__panel--bordered > .menu__item > .menu__megamenu::before,
[dir='rtl'] .menu__panel--bordered > .menu__item > .menu__dropdown::before {
left: auto;
right: 0; } }
@media (min-width: 1025px) {
[dir='rtl'] .menu__megamenu, [dir='rtl'] .menu__dropdown {
left: auto;
right: 0; } }
@media (min-width: 1025px) {
[dir='rtl'] .menu__dropdown,
[dir='rtl'] .menu__list--styled .menu__list {
margin-left: 0;
margin-right: -10px; } }
@media (min-width: 1025px) {
[dir='rtl'] .menu__list--styled .menu__list {
left: auto;
right: calc(100% + 10px); } }
@media (min-width: 1025px) {
[dir='rtl'] .menu__list--styled .menu__list::before {
left: auto;
right: -10px; } }
@media (min-width: 1025px) {
[dir='rtl'] .menu__list--styled i {
margin-left: -5px;
margin-right: 0; } }
[dir='rtl'] .menu__megamenu .menu__item--has-children > a > i,
[dir='rtl'] .menu__dropdown .menu__item--has-children > a > i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
@media (max-width: 1024px) {
[dir='rtl'] .menu__panel > .menu__item--has-children > a > i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); } }
[dir='rtl'] .popup [data-popup-left] [data-popup-content] {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
[dir='rtl'] .popup [data-popup-right] [data-popup-content] {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
@media (max-width: 1024px) {
[dir='rtl'] .popup [data-popup-mobile-left] [data-popup-content] {
-webkit-transform: translateX(100%);
transform: translateX(100%); } }
[dir='rtl'] .popup-navigation__back[data-button-content='back'] {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
@media (min-width: 1025px) and (max-width: 1259px) {
[dir='rtl'] .products-view-list-lg .product-collection__image {
margin-left: 30px;
margin-right: 0; } }
@media (min-width: 1260px) {
[dir='rtl'] .products-view-list-xl .product-collection__image {
margin-left: 30px;
margin-right: 0; } }
[dir='rtl'] .product-options__value--text.disabled::before, [dir='rtl'] .product-options__value--text.disabled::after {
margin-left: 0;
margin-right: 1px; }
[dir='rtl'] .product-images-navigation span i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
[dir='rtl'] .article ul, [dir='rtl'] .article ol {
margin-left: auto;
margin-right: 40px; }
[dir='rtl'] .article blockquote {
padding-left: 0;
padding-right: 30px;
margin-left: 0;
margin-right: 40px; }
@media (min-width: 1025px) {
[dir='rtl'] .carousel--arrows::before {
left: auto;
right: -45px; } }
@media (min-width: 1025px) {
[dir='rtl'] .carousel--arrows::after {
left: -45px;
right: auto; } }
@media (min-width: 1025px) {
[dir='rtl'] .carousel__prev {
left: auto;
right: -45px;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); } }
@media (max-width: 1024px) {
[dir='rtl'] .carousel__prev {
left: auto;
right: 5px; } }
@media (min-width: 1025px) {
[dir='rtl'] .carousel__next {
left: -45px;
right: auto;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); } }
@media (max-width: 1024px) {
[dir='rtl'] .carousel__next {
left: 5px;
right: auto; } }
[dir='rtl'] .carousel__prev i, [dir='rtl'] .carousel__next i {
display: inline-block;
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
[dir='rtl'] .collection-current-tags__items i {
margin-left: -6px;
margin-right: 0; }
[dir='rtl'] .countdown--type-01 .countdown__section {
margin-left: 1px;
margin-right: 0; }
[dir='rtl'] .countdown--type-02 .countdown__section:not(:first-child) {
margin-left: 0;
margin-right: 18px; }
[dir='rtl'] .countdown--type-02 .countdown__section:not(:last-child) .countdown__time::after {
left: -18px;
right: auto; }
[dir='rtl'] .gallery__fotorama .fotorama__thumb img {
left: auto !important;
right: 0 !important; }
[dir='rtl'] .material-info__list i {
margin-left: 10px;
margin-right: 0; }
[dir='rtl'] .popup-subscription__close,
[dir='rtl'] .popup-size-guide__close,
[dir='rtl'] .popup-quick-view__close,
[dir='rtl'] .popup-delivery-return__close {
left: 16px;
right: auto; }
@media (min-width: 1260px) {
[dir='rtl'] .product-page-gallery--centered [data-js-product-gallery-main-btn-prev] {
margin-left: 0 !important;
margin-right: -40px !important; } }
@media (min-width: 1260px) {
[dir='rtl'] .product-page-gallery--centered [data-js-product-gallery-main-btn-next] {
margin-left: -40px !important;
margin-right: 0 !important; } }
[dir='rtl'] .product-page-gallery__main-arrow i {
display: inline-block;
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
[dir='rtl'] .product-options--centered label {
margin-left: 0; }
@media (min-width: 1025px) {
[dir='rtl'] .product-options__value--circle:not(:last-child), [dir='rtl'] .product-options__value--square:not(:last-child), [dir='rtl'] .product-options__value--large-text:not(:last-child), [dir='rtl'] .product-options__value--text:not(:last-child) {
margin-left: 10px;
margin-right: 0; } }
@media (max-width: 1024px) {
[dir='rtl'] .product-options__value--circle:not(:last-child), [dir='rtl'] .product-options__value--square:not(:last-child), [dir='rtl'] .product-options__value--large-text:not(:last-child), [dir='rtl'] .product-options__value--text:not(:last-child) {
margin-left: 15px;
margin-right: 0; } }
@media (max-width: 1024px) {
[dir='rtl'] .product-options--type-page label {
margin-left: 0; } }
@media (min-width: 1025px) {
[dir='rtl'] .product-options--type-footbar > *:not(:last-child) {
margin-left: 25px;
margin-right: 0; } }
@media (min-width: 1025px) {
[dir='rtl'] .tabs[data-type="horizontal"] [dir='rtl'] .tabs__head[dir='rtl'] .tabs__head--slider [dir='rtl'] .tabs__nav--prev {
left: auto;
right: -2px; } }
@media (min-width: 1025px) {
[dir='rtl'] .tabs[data-type="horizontal"] [dir='rtl'] .tabs__head[dir='rtl'] .tabs__head--slider [dir='rtl'] .tabs__nav--next {
left: -2px;
right: auto; } }
@media (max-width: 1024px) {
[dir='rtl'] .tabs[data-type="horizontal"] [dir='rtl'] .tabs__body > div > span i {
left: 5px;
right: auto; } }
@media (min-width: 1025px) {
[dir='rtl'] .tabs[data-type="mobile"] [dir='rtl'] .tabs__body > div > span i {
left: -6px;
right: auto; } }
@media (max-width: 1024px) {
[dir='rtl'] .tabs[data-type="mobile"] [dir='rtl'] .tabs__body > div > span i {
left: 5px;
right: auto; } }
@media (min-width: 1025px) {
[dir='rtl'] .product-fixed-sizebar {
-webkit-transform: translate3d(calc(-100% + 40px), 0, 0);
transform: translate3d(calc(-100% + 40px), 0, 0); } }
@media (max-width: 1024px) {
[dir='rtl'] .product-fixed-sizebar {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
[dir='rtl'] .product-fixed-sizebar__btn::after {
left: -10px;
right: initial; }
[dir='rtl'] .product-fixed-sizebar__line i {
margin-left: 10px;
margin-right: 0; }
@media (max-width: 1024px) {
[dir='rtl'] .footer__section-btn {
left: 0;
right: auto;
margin-left: -10px;
margin-right: 0; } }
@media (min-width: 1025px) {
[dir='rtl'] .footer__back-to-top {
left: 0;
right: auto; } }
[dir='rtl'] .spr-summary-actions {
margin-left: 0;
margin-right: auto; }
[dir='rtl'] .spr-starrating.spr-badge-starrating {
margin-left: 10px;
margin-right: 0; }
[dir='rtl'] .spr-starrating .spr-icon:not(last-child) {
margin-left: 4px;
margin-right: 0; }
@media (max-width: 1024px) {
[dir='rtl'] .spr.spr--center.spr--text-hide-mobile .spr-starrating.spr-badge-starrating, [dir='rtl'] .spr.spr--center.spr--text-hide-mobile .spr-starrating.spr-badge-starrating .spr-icon:first-child {
margin-left: 0; } }
[dir='rtl'] .spr.spr--center.spr--text-hide .spr-starrating.spr-badge-starrating, [dir='rtl'] .spr.spr--center.spr--text-hide .spr-starrating.spr-badge-starrating .spr-icon:first-child {
margin-left: 0; }
[dir='rtl'] .spr-review-reportreview {
left: 0;
right: auto; }
[dir='rtl'] .spr-button {
float: right !important; }
[dir='rtl'] .rev_slider_wrapper,
[dir='rtl'] .rev_slider_wrapper * {
direction: ltr; }
/*END: 1.5 RTL*/
/*END: 1. Layout*/
/*START: 2. Utils*/
/*END: 2. Utils*/
/*START: 3. Settings*/
/*END: 3. Settings*/
/*START: 4. Commons*/
/*================ Rich Text Editor ================*/
.rte img {
height: auto; }
.text-center.rte ul,
.text-center.rte ol,
.text-center .rte ul,
.text-center .rte ol {
margin-left: 0;
list-style-position: inside; }
.rte-table {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch; }
.rte__video-wrapper {
position: relative;
overflow: hidden;
max-width: 100%;
padding-bottom: 56.25%;
height: 0;
height: auto; }
.rte__video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.rte__table-wrapper {
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch; }
/*END: 4. Commons*/
/*START: 5. Fonts*/
body {
font-size: 13px;
line-height: 17px;
font-weight: normal; }
.fs {
font-size: 13px !important;
line-height: 17px !important; }
.fs-lg {
font-size: 15px !important;
line-height: 23px !important; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-weight: normal; }
h1, .h1, h2, .h2, h5, .h5 {
letter-spacing: 0.05em; }
h3, .h3, h4, .h4, h6, .h6 {
letter-spacing: 0; }
h1, .h1 {
font-size: 44px;
line-height: 48px; }
h2, .h2 {
font-size: 32px;
line-height: 35px; }
h3, .h3 {
font-size: 24px;
line-height: 31px; }
h4, .h4 {
font-size: 18px;
line-height: 24px; }
h5, .h5 {
font-size: 15px;
line-height: 21px; }
h6, .h6 {
font-size: 13px;
line-height: 17px; }
ul, ol {
font-size: 13px;
line-height: 23px; }
.list-lg {
font-size: 15px;
line-height: 23px; }
.icon {
width: 20px;
min-width: 20px;
min-height: 20px; }
blockquote,
blockquote p {
font-size: 18px;
line-height: 24px; }
blockquote span,
blockquote p span {
font-size: 13px;
line-height: 17px; }
.table, .responsive-table {
font-size: 13px;
line-height: 17px; }
.table th, .responsive-table th {
font-weight: normal; }
.note {
font-size: 11px;
line-height: 18px; }
.btn {
letter-spacing: 0.05em; }
@media (min-width: 1025px) {
.btn {
font-size: 13px;
line-height: 14px; } }
@media (max-width: 1024px) {
.btn {
font-size: 15px;
line-height: 24px; } }
.tp-caption {
font-size: 13px !important;
line-height: 17px !important; }
.spr-icon {
font-size: 13px !important; }
.spr-header-title,
.spr-form-title {
font-size: 18px !important;
line-height: 24px; }
.spr-review-header-title {
font-size: 15px;
line-height: 21px; }
.spr-review-reportreview {
font-size: 13px !important;
line-height: 18px !important; }
.spr-review-header-byline strong {
font-weight: normal; }
.tippy-tooltip.shella-theme {
font-size: 11px;
line-height: 14px; }
.select__dropdown span {
line-height: 23px; }
.label {
font-size: 13px;
line-height: 21px; }
.irs-from,
.irs-to,
.irs-single,
.irs-min,
.irs-max {
font-size: 13px;
line-height: 18px; }
.breadcrumbs ul {
font-size: 10px;
line-height: 16px; }
.header__tape {
font-size: 18px;
line-height: 24px; }
@media (max-width: 1024px) {
.header__tape-close .icon {
width: 36px;
min-width: 36px;
min-height: 32px; } }
.header__logo .text-hide {
line-height: 0; }
@media (min-width: 1025px) {
.header__btn-cart span,
.header__btn-currency span {
font-size: 13px;
line-height: 21px; } }
@media (min-width: 1025px) {
.header__btn-search span {
line-height: 14px; } }
@media (min-width: 1025px) {
.header__btn-search .icon {
min-height: 21px; } }
@media (max-width: 1024px) {
.header__btn-menu .icon,
.header__btn-services .icon,
.header__btn-account .icon,
.header__btn-wishlist .icon,
.header__btn-compare .icon,
.header__btn-cart .icon {
width: 24px;
min-width: 24px;
min-height: 36px; } }
@media (max-width: 1024px) {
.header__dropdown a, .header__dropdown span {
line-height: 31px; } }
.menu .icon {
min-height: 24px; }
@media (max-width: 1024px) {
.menu a {
line-height: 36px; } }
.menu__list {
font-size: 13px;
line-height: 24px; }
@media (min-width: 1025px) {
.menu__panel > .menu__item > a {
font-size: 13px;
line-height: 14px;
letter-spacing: 0.05em; } }
@media (max-width: 1024px) {
.menu__panel > .menu__item > a,
.menu__back > a {
font-size: 15px; } }
@media (min-width: 1025px) {
.menu__title {
font-size: 15px;
line-height: 21px; } }
.menu__label {
font-size: 9px;
line-height: 12px; }
.slider__prev .icon,
.slider__next .icon {
width: 40px;
min-width: 40px; }
.countdown--type-01 .countdown__time,
.countdown--type-01 .countdown__postfix {
font-size: 10px;
line-height: 13px; }
.countdown--type-02 .countdown__time {
font-size: 20px;
line-height: 26px; }
.countdown--type-02 .countdown__postfix {
font-size: 10px;
line-height: 13px; }
.visitors {
font-size: 15px;
line-height: 26px; }
.material-info .icon {
width: 23px;
min-width: 23px;
min-height: 23px; }
.material-info__head-icons .icon {
width: 50px;
min-width: 50px;
min-height: 52px; }
.tabs__btn {
font-size: 13px;
line-height: 21px;
letter-spacing: 0.05em; }
.products-grid-buttons .icon {
width: 21px;
min-width: 21px; }
.products-grid-buttons .icon-theme-304,
.products-grid-buttons .icon-theme-305 {
width: 20.5px;
min-width: 20.5px; }
.product-collection__collections,
.product-collection__title > * {
line-height: 18px; }
@media (max-width: 1024px) {
.product-collection__buttons-section .icon,
.product-wishlist__buttons-section .icon,
.product-compare__buttons-section .icon {
width: 24px;
min-width: 24px; } }
.product-notification__content span {
font-size: 10px; }
.product-notification__content h3 {
letter-spacing: 0; }
.product-notification__content h3, .product-notification__content span {
line-height: 18px; }
.product-notification__button-close .icon {
width: 14px;
min-width: 14px;
min-height: 14px; }
.product-list__collections {
line-height: 18px; }
@media (min-width: 1025px) {
.product-list__title > * {
font-size: 18px; } }
@media (max-width: 1024px) {
.product-list__title > * {
line-height: 18px; } }
.product-page-gallery__control {
font-size: 10px; }
@media (max-width: 1024px) {
.product-page-info__title > * {
font-size: 18px;
line-height: 24px; } }
.product-page-info__details-buttons {
font-size: 13px;
line-height: 14px;
letter-spacing: 0.05em; }
.product-page-info__price .price {
font-size: 24px; }
.product-page-info__price .price--sale > span:first-child {
font-size: 17px; }
.product-page-info__payments label {
font-size: 15px;
line-height: 21px; }
@media (min-width: 1260px) {
.products-view-list-xl .product-collection__title > * {
font-size: 18px;
line-height: 24px; } }
@media (min-width: 1025px) {
.products-view-list-lg .product-collection__title > * {
font-size: 18px;
line-height: 24px; } }
.price {
font-size: 17px; }
.price--sale > span:first-child {
font-size: 13px; }
.product-options__value--text,
.product-options__value--large-text {
font-size: 13px;
line-height: 18px; }
@media (min-width: 1025px) {
.product-options--type-footbar .product-options__value--large-text {
line-height: 24px; } }
.collection-current-tags__items div {
line-height: 20px; }
@media (min-width: 1025px) {
.search input {
font-size: 24px;
line-height: 31px; } }
@media (max-width: 1024px) {
.search input {
font-size: 18px;
line-height: 24px; } }
@media (min-width: 1025px) {
.search form label .icon {
width: 30px;
min-width: 30px;
min-height: 45px; } }
.popup-account__login ul {
font-size: 13px;
line-height: 17px; }
.popup-subscription__title-icon .icon {
width: 30px;
min-width: 30px; }
.notification-cookies p {
font-size: 14px;
line-height: 18px; }
.notification-cookies__button-close .icon {
width: 27px;
min-width: 27px;
min-height: 18px; }
@media (min-width: 1025px) {
.social-media .icon {
width: 12px;
min-width: 12px; } }
@media (max-width: 1024px) {
.social-media .icon {
width: 16px;
min-width: 16px; } }
@media (min-width: 1025px) {
.social-media .icon-social-facebook {
width: 7px;
min-width: 7px; } }
@media (max-width: 1024px) {
.social-media .icon-social-facebook {
width: 9px;
min-width: 9px; } }
@media (min-width: 1025px) {
.social-media .icon-social-google {
width: 16px;
min-width: 16px; } }
@media (max-width: 1024px) {
.social-media .icon-social-google {
width: 24px;
min-width: 24px; } }
@media (min-width: 1025px) {
.social-media .icon-social-youtube {
width: 14px;
min-width: 14px; } }
@media (max-width: 1024px) {
.social-media .icon-social-youtube {
width: 20px;
min-width: 20px; } }
@media (min-width: 1025px) {
.social-media .icon-social-behance {
width: 14px;
min-width: 14px; } }
@media (max-width: 1024px) {
.social-media .icon-social-behance {
width: 22px;
min-width: 22px; } }
.footbar-product__title > * {
font-size: 15px;
line-height: 22px; }
.footbar-product__price {
line-height: 22px; }
@media (max-width: 1024px) {
.footbar-product__price .price {
font-size: 24px; } }
@media (max-width: 1024px) {
.footbar-product__price .price--sale > span:first-child {
font-size: 17px; } }
.product-fixed-sizebar__line .icon {
min-height: 16px; }
.layer-navigation__head > *,
.layer-navigation__arrow {
line-height: 30px; }
.information-line .icon {
width: 30px;
min-width: 30px; }
.blog-sidebar__recents h5 {
letter-spacing: 0; }
.article .rte ul, .article .rte ol {
font-size: 20px !important;
line-height: 30px !important; }
.article blockquote,
.article blockquote p {
font-size: 24px;
line-height: 31px; }
.article blockquote span,
.article blockquote p span {
font-size: 15px;
line-height: 20px; }
.article__nav h4 {
letter-spacing: 0; }
.article-body h1, .article-body h2 {
letter-spacing: 0; }
.article-text {
font-size: 20px;
line-height: 30px; }
.lookbook__price .price {
font-size: 13px; }
.lookbook__price .price--sale > span:first-child {
font-size: 13px; }
.footer__copyright p {
font-size: 10px;
line-height: 16px; }
.rte {
font-size: 15px;
line-height: 23px; }
.rte ul, .rte ol {
font-size: 15px !important;
line-height: 23px !important; }
@media (max-width: 1024px) {
.is-ios input,
.is-ios textarea {
font-size: 16px !important; } }
/*END: 5. Fonts*/
/*START: 6. Colorize*/
/*GLOBAL*/
/*ELEMENTS & BLOCKS*/
body {
background-color: #ffffff;
color: #858585; }
#MainContent {
background-color: #ffffff; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
color: #141414; }
a {
color: #141414; }
a:visited, a:active, a:link {
color: #141414; }
@media (min-width: 1025px) {
a:hover {
color: #141414; } }
p {
color: #858585; }
i {
color: #141414; }
.icon {
fill: #141414; }
blockquote {
border-color: #141414;
color: #141414; }
blockquote p {
color: #141414; }
hr:not(.hr--clear) {
border-top-color: #E5E5E5; }
.link-revert, .link-revert:visited, .link-revert:active, .link-revert:link {
color: #858585; }
@media (min-width: 1025px) {
.link-revert:hover {
color: #141414; } }
.border {
border-color: #E5E5E5 !important; }
.border-top {
border-top-color: #E5E5E5 !important; }
.border-bottom {
border-bottom-color: #E5E5E5 !important; }
.border-left {
border-left-color: #E5E5E5 !important; }
.border-right {
border-right-color: #E5E5E5 !important; }
@media (min-width: 1025px) {
.border-hover:hover {
border-color: #141414 !important; } }
ul:not(.list-unstyled) li::before {
background-color: #141414; }
ol:not(.list-unstyled) li::before {
color: #141414; }
.table th, .responsive-table th {
color: #858585; }
.table td, .responsive-table td {
color: #141414; }
.table th, .table td, .table thead th, .table tbody + tbody, .responsive-table th, .responsive-table td, .responsive-table thead th, .responsive-table tbody + tbody {
border-color: #E5E5E5; }
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea,
select {
background-color: #ffffff;
border-color: #E5E5E5;
color: #858585; }
input[type="text"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
color: #858585; }
input[type="text"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
color: #858585; }
input[type="text"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
color: #858585; }
input[type="text"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
color: #858585; }
@media (min-width: 1025px) {
input[type="text"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
textarea:hover,
select:hover {
border-color: #141414; } }
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
background-color: #ffffff;
border-color: #141414; }
input.success {
border-color: #25A799; }
input.error {
border-color: #F54337; }
label {
color: #141414; }
label.success {
color: #25A799; }
label.error {
color: #F54337; }
.note--success, .note--success *,
.note--error,
.note--error * {
color: #ffffff; }
.note--success ul li::before,
.note--error ul li::before {
background-color: #ffffff; }
.note--success ol li::before,
.note--error ol li::before {
color: #ffffff; }
.note:not([class*='note--']) {
background-color: #F2F2F2; }
.note:not([class*='note--'])::before {
border-bottom-color: #F2F2F2; }
.note--success {
background-color: #25A799; }
.note--success::before {
border-bottom-color: #25A799; }
.note--error {
background-color: #F54337; }
.note--error::before {
border-bottom-color: #F54337; }
.input-checkbox {
color: #858585; }
.input-checkbox input:checked ~ span {
color: #141414; }
@media (min-width: 1025px) {
.input-checkbox span:hover {
color: #141414; } }
.input-checkbox:not(.input-checkbox--unbordered) input:checked + span {
border-color: #141414 !important; }
.input-boolean {
color: #858585; }
.input-boolean input + span {
background-color: #F2F2F2; }
.input-boolean input + span span {
background-color: #ffffff;
box-shadow: -1px 1px 0px 0px rgba(0, 0, 0, 0.05); }
.input-boolean input:checked + span {
background-color: #141414; }
.input-boolean input:checked ~ span {
color: #141414; }
@media (min-width: 1025px) {
.input-boolean:hover input ~ span {
color: #141414; } }
@media (min-width: 1025px) {
.input-quantity [data-control]:hover {
border-color: #141414 !important; } }
.input-icon-button .icon {
fill: #BDBDBD; }
.input-icon-button input:checked + .icon {
fill: #141414; }
.btn-link, .btn-link:visited, .btn-link:active, .btn-link:link {
color: #858585; }
@media (min-width: 1025px) {
.btn-link:hover {
color: #141414; } }
h1.btn-link, h1.btn-link:visited, h1.btn-link:active, h1.btn-link:link, .h1.btn-link, .h1.btn-link:visited, .h1.btn-link:active, .h1.btn-link:link, h2.btn-link, h2.btn-link:visited, h2.btn-link:active, h2.btn-link:link, .h2.btn-link, .h2.btn-link:visited, .h2.btn-link:active, .h2.btn-link:link, h3.btn-link, h3.btn-link:visited, h3.btn-link:active, h3.btn-link:link, .h3.btn-link, .h3.btn-link:visited, .h3.btn-link:active, .h3.btn-link:link, h4.btn-link, h4.btn-link:visited, h4.btn-link:active, h4.btn-link:link, .h4.btn-link, .h4.btn-link:visited, .h4.btn-link:active, .h4.btn-link:link, h5.btn-link, h5.btn-link:visited, h5.btn-link:active, h5.btn-link:link, .h5.btn-link, .h5.btn-link:visited, .h5.btn-link:active, .h5.btn-link:link, h6.btn-link, h6.btn-link:visited, h6.btn-link:active, h6.btn-link:link, .h6.btn-link, .h6.btn-link:visited, .h6.btn-link:active, .h6.btn-link:link {
color: #141414; }
.btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]),
.spr-summary-actions-newreview {
background-color: #ffffff;
border-color: #141414; }
.btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]), .btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]):visited, .btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]):active, .btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]):link,
.spr-summary-actions-newreview,
.spr-summary-actions-newreview:visited,
.spr-summary-actions-newreview:active,
.spr-summary-actions-newreview:link {
color: #141414; }
.btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]):focus,
.spr-summary-actions-newreview:focus {
color: #141414; }
.btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]),
.btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]) span,
.btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]) i,
.spr-summary-actions-newreview,
.spr-summary-actions-newreview span,
.spr-summary-actions-newreview i {
color: #141414; }
.btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]) i svg,
.spr-summary-actions-newreview i svg {
fill: #141414; }
@media (min-width: 1025px) {
.btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]):hover,
.spr-summary-actions-newreview:hover {
background-color: #141414;
border-color: #141414;
color: #ffffff; } }
@media (min-width: 1025px) {
.btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]):hover i, .btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]):hover span,
.spr-summary-actions-newreview:hover i,
.spr-summary-actions-newreview:hover span {
color: #ffffff; } }
@media (min-width: 1025px) {
.btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]):hover i svg,
.spr-summary-actions-newreview:hover i svg {
fill: #ffffff; } }
.btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]).active,
.spr-summary-actions-newreview.active {
background-color: #141414;
border-color: #141414; }
.btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]).active, .btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]).active:visited, .btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]).active:active, .btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]).active:link,
.spr-summary-actions-newreview.active,
.spr-summary-actions-newreview.active:visited,
.spr-summary-actions-newreview.active:active,
.spr-summary-actions-newreview.active:link {
color: #ffffff; }
.btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]).active:focus,
.spr-summary-actions-newreview.active:focus {
color: #ffffff; }
.btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]).active i, .btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]).active span,
.spr-summary-actions-newreview.active i,
.spr-summary-actions-newreview.active span {
color: #ffffff; }
.btn:not([class*="btn--invert"]):not([class*="btn--secondary"]):not([class*="btn--dynamic-checkout"]):not([class*="btn--text"]).active i svg,
.spr-summary-actions-newreview.active i svg {
fill: #ffffff; }
.btn--invert {
background-color: #141414;
border-color: #ffffff; }
.btn--invert, .btn--invert:visited, .btn--invert:active, .btn--invert:link {
color: #ffffff; }
.btn--invert:focus {
color: #ffffff; }
.btn--invert,
.btn--invert span,
.btn--invert i {
color: #ffffff; }
.btn--invert i svg {
fill: #ffffff; }
@media (min-width: 1025px) {
.btn--invert:hover {
background-color: #ffffff;
border-color: #ffffff;
color: #141414; } }
@media (min-width: 1025px) {
.btn--invert:hover i, .btn--invert:hover span {
color: #141414; } }
@media (min-width: 1025px) {
.btn--invert:hover i svg {
fill: #141414; } }
.btn--invert.active {
background-color: #ffffff;
border-color: #ffffff; }
.btn--invert.active, .btn--invert.active:visited, .btn--invert.active:active, .btn--invert.active:link {
color: #141414; }
.btn--invert.active:focus {
color: #141414; }
.btn--invert.active i, .btn--invert.active span {
color: #141414; }
.btn--invert.active i svg {
fill: #141414; }
.btn--secondary {
background-color: #141414;
border-color: #141414; }
.btn--secondary, .btn--secondary:visited, .btn--secondary:active, .btn--secondary:link {
color: #ffffff; }
.btn--secondary:focus {
color: #ffffff; }
.btn--secondary,
.btn--secondary span,
.btn--secondary i {
color: #ffffff; }
.btn--secondary i svg {
fill: #ffffff; }
@media (min-width: 1025px) {
.btn--secondary:hover {
background-color: #ffffff;
border-color: #141414;
color: #141414; } }
@media (min-width: 1025px) {
.btn--secondary:hover i, .btn--secondary:hover span {
color: #141414; } }
@media (min-width: 1025px) {
.btn--secondary:hover i svg {
fill: #141414; } }
.btn--secondary.active {
background-color: #ffffff;
border-color: #141414; }
.btn--secondary.active, .btn--secondary.active:visited, .btn--secondary.active:active, .btn--secondary.active:link {
color: #141414; }
.btn--secondary.active:focus {
color: #141414; }
.btn--secondary.active i, .btn--secondary.active span {
color: #141414; }
.btn--secondary.active i svg {
fill: #141414; }
.dynamic-checkout__button--styled .shopify-payment-button__button {
background-color: #F8DC68 !important;
border-color: #F8DC68 !important; }
.dynamic-checkout__button--styled .shopify-payment-button__button, .dynamic-checkout__button--styled .shopify-payment-button__button:visited, .dynamic-checkout__button--styled .shopify-payment-button__button:active, .dynamic-checkout__button--styled .shopify-payment-button__button:link {
color: #141414 !important; }
.dynamic-checkout__button--styled .shopify-payment-button__button:focus {
color: #141414 !important; }
.dynamic-checkout__button--styled .shopify-payment-button__button,
.dynamic-checkout__button--styled .shopify-payment-button__button span,
.dynamic-checkout__button--styled .shopify-payment-button__button i {
color: #141414 !important; }
.dynamic-checkout__button--styled .shopify-payment-button__button i svg {
fill: #141414 !important; }
@media (min-width: 1025px) {
.dynamic-checkout__button--styled .shopify-payment-button__button:hover {
background-color: #F8DC68 !important;
border-color: #141414 !important;
color: #141414 !important; } }
@media (min-width: 1025px) {
.dynamic-checkout__button--styled .shopify-payment-button__button:hover i, .dynamic-checkout__button--styled .shopify-payment-button__button:hover span {
color: #141414 !important; } }
@media (min-width: 1025px) {
.dynamic-checkout__button--styled .shopify-payment-button__button:hover i svg {
fill: #141414 !important; } }
.dynamic-checkout__button--styled .shopify-payment-button__button.active {
background-color: #F8DC68 !important;
border-color: #141414 !important; }
.dynamic-checkout__button--styled .shopify-payment-button__button.active, .dynamic-checkout__button--styled .shopify-payment-button__button.active:visited, .dynamic-checkout__button--styled .shopify-payment-button__button.active:active, .dynamic-checkout__button--styled .shopify-payment-button__button.active:link {
color: #141414 !important; }
.dynamic-checkout__button--styled .shopify-payment-button__button.active:focus {
color: #141414 !important; }
.dynamic-checkout__button--styled .shopify-payment-button__button.active i, .dynamic-checkout__button--styled .shopify-payment-button__button.active span {
color: #141414 !important; }
.dynamic-checkout__button--styled .shopify-payment-button__button.active i svg {
fill: #141414 !important; }
.dynamic-checkout__button--styled .shopify-payment-button__button .shopify-cleanslate div[role="button"], .dynamic-checkout__button--styled .shopify-payment-button__button .shopify-cleanslate div[role="button"]:hover, .dynamic-checkout__button--styled .shopify-payment-button__button .shopify-cleanslate div[role="button"]:focus {
background-color: transparent !important; }
.btn--transparent:not(:hover) {
background-color: transparent !important; }
@media (max-width: 1024px) {
.btn--transparent {
background-color: transparent !important; } }
.btn--text {
background-color: transparent; }
.btn--text, .btn--text:visited, .btn--text:active, .btn--text:link {
color: #141414; }
.label {
color: #ffffff; }
.label--sale {
background-color: #F54337; }
.label--new {
background-color: #42A5F6; }
.label--hot {
background-color: #FF7143; }
.label--out-stock {
background-color: #858585; }
.label--in-stock {
background-color: #25A799; }
.in-stock {
color: #25A799; }
.out-stock {
color: #F54337; }
.spr-starrating {
color: #141414; }
.spr-review-reportreview, .spr-review-reportreview:visited, .spr-review-reportreview:active, .spr-review-reportreview:link {
color: #858585; }
@media (min-width: 1025px) {
.spr-review-reportreview:hover {
color: #141414; } }
.irs .irs-line {
background-color: #E5E5E5; }
.irs .irs-bar {
background-color: #141414; }
.irs .irs-min,
.irs .irs-max,
.irs .irs-from,
.irs .irs-to,
.irs .irs-single {
background-color: transparent;
color: #858585; }
.irs .irs-slider {
background-color: #141414;
border-color: #141414; }
.irs .irs-slider.state_hover {
background-color: #ffffff; }
@media (min-width: 1025px) {
.irs .irs-slider:hover {
background-color: #ffffff; } }
.slider-revolution .tp-bullet {
background-color: #141414; }
.slider-revolution .tp-loader.spinner2 {
background-color: #141414; }
.slider-revolution .tparrows.uranus::before {
color: #141414; }
.tippy-tooltip.shella-theme {
background-color: #141414;
color: #ffffff; }
.tippy-popper[x-placement^='top'] .tippy-tooltip.shella-theme .tippy-arrow {
border-top-color: #141414; }
.tippy-popper[x-placement^='bottom'] .tippy-tooltip.shella-theme .tippy-arrow {
border-bottom-color: #141414; }
.tippy-popper[x-placement^='left'] .tippy-tooltip.shella-theme .tippy-arrow {
border-left-color: #141414; }
.tippy-popper[x-placement^='right'] .tippy-tooltip.shella-theme .tippy-arrow {
border-right-color: #141414; }
@media (min-width: 1025px) {
.dropdown {
background-color: #ffffff;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); } }
@media (min-width: 1025px) {
.dropdown span {
color: #858585; } }
.dropdown a, .dropdown a:visited, .dropdown a:active, .dropdown a:link {
color: #858585; }
@media (min-width: 1025px) {
.dropdown span:not([disabled]):hover, .dropdown a:not([disabled]):hover {
color: #141414; } }
.dropdown span[disabled], .dropdown a[disabled] {
opacity: 0.6; }
@media (min-width: 1025px) {
.dropdown .selected,
.dropdown .active {
background-color: #F2F2F2;
color: #141414; } }
.dropdown .selected span,
.dropdown .active span {
color: #141414; }
.dropdown .selected a, .dropdown .selected a:visited, .dropdown .selected a:active, .dropdown .selected a:link,
.dropdown .active a,
.dropdown .active a:visited,
.dropdown .active a:active,
.dropdown .active a:link {
color: #141414; }
.header__tape {
background-color: #141414; }
.header__tape p {
color: #ffffff; }
.header__tape-close .icon {
fill: #858585; }
@media (min-width: 1025px) {
.header__line-top {
background-color: #ffffff; } }
@media (max-width: 1024px) {
.header__line-top {
background-color: #ffffff; } }
@media (min-width: 1025px) {
.header__line-bottom {
background-color: #ffffff; } }
@media (min-width: 1025px) {
.header__border {
border-bottom-color: #E5E5E5 !important; } }
@media (max-width: 1024px) {
.header__border {
border-bottom-color: #E5E5E5 !important; } }
@media (min-width: 1025px) {
.header__btn-services, .header__btn-services:visited, .header__btn-services:active, .header__btn-services:link,
.header__btn-account,
.header__btn-account:visited,
.header__btn-account:active,
.header__btn-account:link,
.header__btn-wishlist,
.header__btn-wishlist:visited,
.header__btn-wishlist:active,
.header__btn-wishlist:link,
.header__btn-compare,
.header__btn-compare:visited,
.header__btn-compare:active,
.header__btn-compare:link,
.header__btn-cart,
.header__btn-cart:visited,
.header__btn-cart:active,
.header__btn-cart:link,
.header__btn-currency,
.header__btn-currency:visited,
.header__btn-currency:active,
.header__btn-currency:link,
.header__btn-language,
.header__btn-language:visited,
.header__btn-language:active,
.header__btn-language:link {
color: #141414; } }
@media (min-width: 1025px) {
.header__btn-services:hover,
.header__btn-account:hover,
.header__btn-wishlist:hover,
.header__btn-compare:hover,
.header__btn-cart:hover,
.header__btn-currency:hover,
.header__btn-language:hover {
color: #858585; } }
@media (min-width: 1025px) {
.header__btn-services > i .icon,
.header__btn-account > i .icon,
.header__btn-wishlist > i .icon,
.header__btn-compare > i .icon,
.header__btn-cart > i .icon,
.header__btn-currency > i .icon,
.header__btn-language > i .icon {
fill: #141414; } }
@media (min-width: 1025px) {
.header__btn-services:hover > i .icon,
.header__btn-account:hover > i .icon,
.header__btn-wishlist:hover > i .icon,
.header__btn-compare:hover > i .icon,
.header__btn-cart:hover > i .icon,
.header__btn-currency:hover > i .icon,
.header__btn-language:hover > i .icon {
fill: #858585; } }
@media (min-width: 1025px) {
.header__btn-search, .header__btn-search:visited, .header__btn-search:active, .header__btn-search:link {
color: #141414; } }
@media (min-width: 1025px) {
.header__btn-search:hover {
color: #858585; } }
@media (min-width: 1025px) {
.header__btn-search > i .icon {
fill: #141414; } }
@media (min-width: 1025px) {
.header__btn-search:hover > i .icon {
fill: #858585; } }
@media (max-width: 1024px) {
.header__btn-menu, .header__btn-menu:visited, .header__btn-menu:active, .header__btn-menu:link,
.header__btn-account,
.header__btn-account:visited,
.header__btn-account:active,
.header__btn-account:link,
.header__btn-wishlist,
.header__btn-wishlist:visited,
.header__btn-wishlist:active,
.header__btn-wishlist:link,
.header__btn-compare,
.header__btn-compare:visited,
.header__btn-compare:active,
.header__btn-compare:link,
.header__btn-cart,
.header__btn-cart:visited,
.header__btn-cart:active,
.header__btn-cart:link,
.header__btn-currency,
.header__btn-currency:visited,
.header__btn-currency:active,
.header__btn-currency:link,
.header__btn-language,
.header__btn-language:visited,
.header__btn-language:active,
.header__btn-language:link,
.header__btn-services,
.header__btn-services:visited,
.header__btn-services:active,
.header__btn-services:link,
.header__btn-search,
.header__btn-search:visited,
.header__btn-search:active,
.header__btn-search:link {
color: #141414; } }
@media (max-width: 1024px) {
.header__btn-menu > i .icon,
.header__btn-account > i .icon,
.header__btn-wishlist > i .icon,
.header__btn-compare > i .icon,
.header__btn-cart > i .icon,
.header__btn-currency > i .icon,
.header__btn-language > i .icon,
.header__btn-services > i .icon,
.header__btn-search > i .icon {
fill: #141414; } }
@media (max-width: 1024px) {
.header__nav {
background-color: #ffffff; } }
@media (max-width: 1024px) {
.menu a, .menu a:visited, .menu a:active, .menu a:link {
color: #858585; } }
@media (max-width: 1024px) {
.menu__back a, .menu__back a:visited, .menu__back a:active, .menu__back a:link {
color: #141414; } }
@media (min-width: 1025px) {
.menu__panel > .menu__item > a, .menu__panel > .menu__item > a:visited, .menu__panel > .menu__item > a:active, .menu__panel > .menu__item > a:link {
color: #141414; } }
@media (max-width: 1024px) {
.menu__panel > .menu__item > a, .menu__panel > .menu__item > a:visited, .menu__panel > .menu__item > a:active, .menu__panel > .menu__item > a:link {
color: #141414; } }
@media (min-width: 1025px) {
.menu__panel > .menu__item > a .icon {
fill: #141414; } }
@media (min-width: 1025px) {
.menu__panel > .menu__item:hover > a, .menu__panel > .menu__item:hover > a:visited, .menu__panel > .menu__item:hover > a:active, .menu__panel > .menu__item:hover > a:link {
color: #858585; } }
@media (min-width: 1025px) {
.menu__panel > .menu__item:hover > a .icon {
fill: #858585; } }
@media (max-width: 1024px) {
.menu__panel .menu__list {
background-color: #ffffff; } }
@media (min-width: 1025px) {
.menu__curtain,
.menu__dropdown,
.menu__list--styled .menu__list {
background-color: #ffffff;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); } }
@media (min-width: 1025px) {
.menu__list--styled .menu__item > a, .menu__list--styled .menu__item > a:visited, .menu__list--styled .menu__item > a:active, .menu__list--styled .menu__item > a:link {
color: #858585; } }
@media (min-width: 1025px) {
.menu__list--styled .menu__item > a > .icon {
fill: #858585; } }
@media (min-width: 1025px) {
.menu__list--styled .menu__item:hover {
background-color: #F2F2F2; } }
@media (min-width: 1025px) {
.menu__list--styled .menu__item:hover > a, .menu__list--styled .menu__item:hover > a:visited, .menu__list--styled .menu__item:hover > a:active, .menu__list--styled .menu__item:hover > a:link {
color: #141414; } }
@media (min-width: 1025px) {
.menu__list--styled .menu__item:hover > a > .icon {
fill: #141414; } }
@media (min-width: 1025px) {
.menu__title, .menu__title:visited, .menu__title:active, .menu__title:link {
color: #141414; } }
.menu__label {
color: #ffffff; }
.menu__label--sale {
background-color: #F54337; }
.menu__label--new {
background-color: #42A5F6; }
.menu__label--hot {
background-color: #FF7143; }
@media (min-width: 1025px) {
a.brand:hover {
border-color: #141414 !important; } }
.promobox ul a, .promobox ul a:visited, .promobox ul a:active, .promobox ul a:link {
color: #858585; }
@media (min-width: 1025px) {
.promobox ul a:hover {
color: #141414; } }
.promobox__plate::before {
background-color: #ffffff; }
@media (min-width: 1025px) {
.promobox__content-scale::before {
background-color: #ffffff;
box-shadow: 0 0 1px 0 #141414; } }
.is-edge .promobox__content-scale::before {
box-shadow: none; }
@media (min-width: 1025px) {
.promobox__border {
border-color: #141414; } }
.popup__bg {
background-color: #141414; }
.popup-navigation__search,
.popup-sidebar,
.popup-cart,
.popup-wishlist,
.popup-wishlist-full,
.popup-compare-full,
.popup-account,
.popup-services,
.popup-subscription,
.popup-quick-view,
.popup-size-guide,
.popup-delivery-return,
.popup-password,
.popup-confirm-transfer-data {
background-color: #ffffff; }
@media (max-width: 1024px) {
.popup-navigation {
background-color: #F2F2F2; } }
@media (max-width: 1024px) {
.popup-navigation__head,
.popup-navigation__menu {
background-color: #ffffff; } }
.popup-sidebar__close .icon {
color: #141414; }
.popup-confirm-transfer-data ul {
color: #141414; }
.popup-cart__items > *:not(:first-child) {
border-top-color: #E5E5E5; }
.popup-cart__subtotal > * {
color: #141414; }
.popup-account__return-to-store {
color: #141414; }
.search input {
color: #141414; }
.search input::-webkit-input-placeholder {
color: #141414; }
.search input::-moz-placeholder {
color: #141414; }
.search input:-ms-input-placeholder {
color: #141414; }
.search input:-moz-placeholder {
color: #141414; }
@media (min-width: 1025px) {
.search__close .icon {
fill: #BDBDBD; } }
@media (max-width: 1024px) {
.search__result {
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } }
.countdown--type-01 {
color: #141414; }
.countdown--type-01 > span::before {
background-color: #ffffff; }
.countdown--type-02 .countdown__time {
color: #141414; }
.countdown--type-02 .countdown__time > * {
border-color: #E5E5E5; }
.countdown--type-02 .countdown__section:not(:last-child) .countdown__time::after {
color: #858585; }
.stock-countdown__counter {
color: #F54337; }
.stock-countdown__range {
background-color: #E5E5E5; }
.stock-countdown__progress {
background-color: #141414; }
.text-countdown {
background-color: #E5E5E5;
color: #141414; }
.text-countdown__counter {
color: #F54337; }
.visitors {
color: #141414; }
.visitors__counter {
background-color: #141414;
color: #ffffff; }
.free-shipping {
background-color: #F54337;
color: #ffffff; }
.free-shipping .icon {
fill: #ffffff; }
.free-shipping__progress {
background-color: #25A799; }
.product-collection__collections a, .product-collection__collections a:visited, .product-collection__collections a:active, .product-collection__collections a:link,
.product-wishlist__collections a,
.product-wishlist__collections a:visited,
.product-wishlist__collections a:active,
.product-wishlist__collections a:link,
.product-compare__collections a,
.product-compare__collections a:visited,
.product-compare__collections a:active,
.product-compare__collections a:link,
.product-page-info__collections a,
.product-page-info__collections a:visited,
.product-page-info__collections a:active,
.product-page-info__collections a:link,
.product-featured__collections a,
.product-featured__collections a:visited,
.product-featured__collections a:active,
.product-featured__collections a:link {
color: #858585; }
@media (min-width: 1025px) {
.product-collection__collections a:hover,
.product-wishlist__collections a:hover,
.product-compare__collections a:hover,
.product-page-info__collections a:hover,
.product-featured__collections a:hover {
color: #141414; } }
.product-collection__sku span,
.product-collection__barcode span,
.product-collection__availability span,
.product-collection__type span,
.product-collection__vendor span {
color: #141414; }
.product-page-info__details p span {
color: #141414; }
.product-page-info__reviews .spr-badge-caption {
color: #141414; }
.product-page-info__price-sale-details {
color: #F54337; }
.product-page-info__share label {
color: #858585; }
.product-page-info__payments label {
background-color: #ffffff;
color: #858585; }
.product-collection__availability [data-availability="false"] span,
.product-page-info__availability [data-availability="false"] span {
color: #F54337; }
.button-quick-view {
background-color: #ffffff; }
.product-images-navigation span {
background-color: #ffffff; }
.product-images-navigation span .icon {
fill: #141414; }
@media (min-width: 1025px) {
.product-images-navigation span:hover {
background-color: #141414; } }
@media (min-width: 1025px) {
.product-images-navigation span:hover .icon {
fill: #ffffff; } }
.table-product-sizes td:first-child,
.table-account-addresses td:first-child {
color: #858585; }
.table-account-history td {
color: #141414; }
@media (min-width: 1025px) {
.tabs[data-type="horizontal"] .tabs__head {
background-color: #ffffff;
border-bottom-color: #E5E5E5; } }
@media (min-width: 1025px) {
.tabs[data-type="horizontal"] .tabs__btn.active, .tabs[data-type="horizontal"] .tabs__btn:hover {
background-color: #ffffff;
color: #141414;
border-top-color: #E5E5E5;
border-left-color: #E5E5E5;
border-right-color: #E5E5E5; } }
@media (min-width: 1025px) {
.tabs[data-type="horizontal"] .tabs__nav .icon {
fill: #858585; } }
@media (min-width: 1025px) {
.tabs[data-type="horizontal"] .tabs__nav .icon:hover {
fill: #141414; } }
@media (max-width: 1024px) {
.tabs[data-type="horizontal"] .tabs__body {
border-color: #E5E5E5; } }
.tabs[data-type="horizontal"] .tabs__body > div > span {
color: #141414; }
@media (max-width: 1024px) {
.tabs[data-type="horizontal"] .tabs__body > div:not(:first-child) > span {
border-top-color: #E5E5E5; } }
.tabs[data-type="mobile"] .tabs__body {
border-color: #E5E5E5; }
.tabs[data-type="mobile"] .tabs__body > div > span {
color: #141414; }
.tabs[data-type="mobile"] .tabs__body > div:not(:first-child) > span {
border-top-color: #E5E5E5; }
@media (min-width: 1260px) {
.product-page__sidebar {
border-color: #E5E5E5; } }
@media (min-width: 1025px) {
.product-page-gallery__main-arrow::before {
background-color: #ffffff; } }
.product-page-gallery__preview .current {
border-color: #141414; }
@media (min-width: 778px) {
.product-page-gallery__collage .current + div::before {
border-color: #141414; } }
.product-page-gallery__preview-arrows div.slick-disabled .icon {
fill: #E5E5E5; }
.products-grid-buttons .icon {
fill: #BDBDBD; }
@media (max-width: 540px) {
.products-grid-buttons [data-active-xs] .icon {
fill: #141414; } }
@media (min-width: 541px) and (max-width: 777px) {
.products-grid-buttons [data-active-sm] .icon {
fill: #141414; } }
@media (min-width: 778px) and (max-width: 1024px) {
.products-grid-buttons [data-active-md] .icon {
fill: #141414; } }
@media (min-width: 1025px) and (max-width: 1259px) {
.products-grid-buttons [data-active-lg] .icon {
fill: #141414; } }
@media (min-width: 1260px) {
.products-grid-buttons [data-active-xl] .icon {
fill: #141414; } }
.price {
color: #141414; }
.price--sale > span:first-child {
color: #858585; }
.product-options label {
color: #858585; }
.product-options__value--circle.active::before,
.product-options__value--text.active,
.product-options__value--large-text.active,
.product-options__value--square.active {
border-color: #141414 !important; }
.product-options__value--large-text.active,
.product-options__value--text.active {
color: #141414; }
.product-options__value.disabled::before, .product-options__value.disabled::after {
background-color: #141414; }
.social-media a, .social-media a:visited, .social-media a:active, .social-media a:link {
color: #858585; }
.social-media a:hover {
color: #141414; }
.breadcrumbs a, .breadcrumbs a:visited, .breadcrumbs a:active, .breadcrumbs a:link {
color: #858585; }
@media (min-width: 1025px) {
.breadcrumbs a:hover {
color: #141414; } }
.collection-control__button-sidebar {
color: #141414; }
.collection-current-tags__items div {
background-color: #F2F2F2;
color: #858585; }
.collection-current-tags__items div .icon {
fill: #858585; }
@media (min-width: 1025px) {
.collection-current-tags__items div:hover {
background-color: #141414; } }
@media (min-width: 1025px) {
.collection-current-tags__items div:hover {
color: #ffffff; } }
@media (min-width: 1025px) {
.collection-current-tags__items div:hover .icon {
fill: #ffffff; } }
@media (min-width: 1025px) {
.collection-current-tags__clear:hover span, .collection-current-tags__clear:hover span:visited, .collection-current-tags__clear:hover span:active, .collection-current-tags__clear:hover span:link {
color: #141414; } }
.slider__prev .icon,
.slider__next .icon {
fill: #141414; }
.slider .slick-dots li {
background-color: #141414; }
.slider .slick-dots li:hover {
background-color: #F2F2F2; }
.carousel .slick-dots li {
background-color: #E5E5E5; }
.carousel .slick-dots li.slick-active {
background-color: #141414; }
.sorting-collections__head a, .sorting-collections__head a:visited, .sorting-collections__head a:active, .sorting-collections__head a:link,
.carousel__head a,
.carousel__head a:visited,
.carousel__head a:active,
.carousel__head a:link {
color: #858585; }
@media (min-width: 1025px) {
.sorting-collections__head a:hover,
.carousel__head a:hover {
color: #141414; } }
.sorting-collections__head a.active, .sorting-collections__head a.active:visited, .sorting-collections__head a.active:active, .sorting-collections__head a.active:link,
.carousel__head a.active,
.carousel__head a.active:visited,
.carousel__head a.active:active,
.carousel__head a.active:link {
color: #141414; }
.compare__title h4 {
color: #858585; }
.compare__collections a, .compare__collections a:visited, .compare__collections a:active, .compare__collections a:link {
color: #858585; }
@media (min-width: 1025px) {
.compare__collections a:hover {
color: #141414; } }
.cart__head label {
color: #858585; }
.cart__sidebar {
background-color: #F2F2F2; }
.cart__sidebar label span {
color: #858585; }
.gallery__item-bg {
background-color: #141414; }
.gallery__item-text > * {
color: #ffffff; }
.gallery__fotorama.fotorama--fullscreen,
.gallery__fotorama.fotorama--fullscreen .fotorama__nav,
.gallery__fotorama.fotorama--fullscreen .fotorama__stage {
background-color: transparent; }
.gallery__fotorama.fotorama--fullscreen::before {
background-color: #141414; }
.gallery__fotorama .fotorama__arr .icon,
.gallery__fotorama .fotorama__fullscreen-icon .icon {
fill: #ffffff; }
.fullscreen {
background-color: #ffffff !important; }
.blog-body__button-sidebar {
color: #141414; }
.post__hidden-info > * {
background-color: #ffffff; }
.article-body__button-sidebar {
color: #141414; }
.article-slider .slick-arrow::before {
background-color: #ffffff; }
.article-slider .slick-dots li {
background-color: #E5E5E5; }
.article-slider .slick-dots li.slick-active {
background-color: #141414; }
.lookbook__picker-circle::before {
background-color: #ffffff; }
.lookbook__picker-circle::after {
background-color: #141414; }
.lookbook__product {
background-color: #ffffff; }
.table-size-guide th {
background-color: #141414;
color: #ffffff; }
.table-size-guide th,
.table-size-guide tr:nth-child(2) td {
border-top-color: #141414; }
.table-size-guide tr:last-child td {
border-bottom: solid 1px #E5E5E5; }
.instafeed__curtain {
color: #ffffff; }
.instafeed__curtain .icon {
fill: #ffffff; }
.instafeed__curtain::before {
background-color: #141414; }
.wishlist__button-remove,
.compare__button-remove {
color: #141414; }
.notification-products {
background-color: #ffffff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); }
.notification-cookies p {
color: #ffffff; }
.notification-cookies__bg {
background-color: #141414; }
@media (min-width: 1025px) {
.notification-cookies__button-info:hover {
color: #ffffff; } }
.notification-cookies__button-close, .notification-cookies__button-close:visited, .notification-cookies__button-close:active, .notification-cookies__button-close:link {
color: #ffffff; }
@media (min-width: 1025px) {
.notification-cookies__button-close:hover {
color: #ffffff; } }
.notification-cookies__button-close .icon {
fill: #ffffff; }
.footbar-product {
background-color: #ffffff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); }
.product-fixed-sizebar,
.product-fixed-sizebar__btn {
background-color: #ffffff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); }
.product-fixed-sizebar__btn::after {
background-color: #ffffff; }
.product-fixed-sizebar__line span {
color: #141414; }
.product-fixed-sizebar__line .icon {
fill: #141414; }
.product-fixed-sizebar:hover .product-fixed-sizebar__line:not(:first-child) {
border-top-color: #E5E5E5; }
.footer {
background-color: #ffffff; }
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
color: #141414; }
.footer a, .footer a:visited, .footer a:active, .footer a:link {
color: #858585; }
@media (min-width: 1025px) {
.footer a:hover {
color: #141414; } }
.footer .icon {
fill: #141414; }
.footer__border {
border-color: #E5E5E5 !important; }
.footer__subscription input[type='email'] {
background-color: #ffffff;
border-color: #E5E5E5;
color: #858585; }
.footer__subscription input[type='email']::-webkit-input-placeholder {
color: #858585; }
.footer__subscription input[type='email']::-moz-placeholder {
color: #858585; }
.footer__subscription input[type='email']:-ms-input-placeholder {
color: #858585; }
.footer__subscription input[type='email']:-moz-placeholder {
color: #858585; }
.footer__subscription input[type='email']:focus {
background-color: #ffffff;
border-color: #141414; }
@media (min-width: 1025px) {
.footer__subscription input[type='email']:hover {
border-color: #141414; } }
@media (max-width: 1024px) {
.footer__back-to-top {
background-color: #141414; } }
@media (min-width: 1025px) {
.footer__back-to-top .icon {
fill: #141414; } }
@media (max-width: 1024px) {
.footer__back-to-top span {
color: #ffffff; } }
@media (max-width: 1024px) {
.footer__back-to-top .icon {
fill: #ffffff; } }
[dir='rtl'] .border-left {
border-left-color: none;
border-right-color: #E5E5E5; }
[dir='rtl'] .border-right {
border-left-color: #E5E5E5;
border-left-color: none; }
.colorize-theme-bg {
background-color: #141414; }
@media (min-width: 1025px) {
.colorize-theme-bg-h:hover {
background-color: #141414; } }
.colorize-theme-bg-imp {
background-color: #141414 !important; }
@media (min-width: 1025px) {
.colorize-theme-bg-h-imp:hover {
background-color: #141414 !important; } }
.colorize-theme-c {
color: #141414; }
@media (min-width: 1025px) {
.colorize-theme-c-h:hover {
color: #141414; } }
.colorize-theme-c-imp {
color: #141414 !important; }
@media (min-width: 1025px) {
.colorize-theme-c-h-imp:hover {
color: #141414 !important; } }
.colorize-theme-bd {
border-color: #141414; }
@media (min-width: 1025px) {
.colorize-theme-bd-h:hover {
border-color: #141414; } }
.colorize-theme-bd-imp {
border-color: #141414 !important; }
@media (min-width: 1025px) {
.colorize-theme-bd-h-imp:hover {
border-color: #141414 !important; } }
.colorize-theme2-bg {
background-color: #ffffff; }
@media (min-width: 1025px) {
.colorize-theme2-bg-h:hover {
background-color: #ffffff; } }
.colorize-theme2-bg-imp {
background-color: #ffffff !important; }
@media (min-width: 1025px) {
.colorize-theme2-bg-h-imp:hover {
background-color: #ffffff !important; } }
.colorize-theme2-c {
color: #ffffff; }
@media (min-width: 1025px) {
.colorize-theme2-c-h:hover {
color: #ffffff; } }
.colorize-theme2-c-imp {
color: #ffffff !important; }
@media (min-width: 1025px) {
.colorize-theme2-c-h-imp:hover {
color: #ffffff !important; } }
.colorize-theme2-bd {
border-color: #ffffff; }
@media (min-width: 1025px) {
.colorize-theme2-bd-h:hover {
border-color: #ffffff; } }
.colorize-theme2-bd-imp {
border-color: #ffffff !important; }
@media (min-width: 1025px) {
.colorize-theme2-bd-h-imp:hover {
border-color: #ffffff !important; } }
.colorize-theme3-bg {
background-color: #858585; }
@media (min-width: 1025px) {
.colorize-theme3-bg-h:hover {
background-color: #858585; } }
.colorize-theme3-bg-imp {
background-color: #858585 !important; }
@media (min-width: 1025px) {
.colorize-theme3-bg-h-imp:hover {
background-color: #858585 !important; } }
.colorize-theme3-c {
color: #858585; }
@media (min-width: 1025px) {
.colorize-theme3-c-h:hover {
color: #858585; } }
.colorize-theme3-c-imp {
color: #858585 !important; }
@media (min-width: 1025px) {
.colorize-theme3-c-h-imp:hover {
color: #858585 !important; } }
.colorize-theme3-bd {
border-color: #858585; }
@media (min-width: 1025px) {
.colorize-theme3-bd-h:hover {
border-color: #858585; } }
.colorize-theme3-bd-imp {
border-color: #858585 !important; }
@media (min-width: 1025px) {
.colorize-theme3-bd-h-imp:hover {
border-color: #858585 !important; } }
.colorize-theme4-bg {
background-color: #F2F2F2; }
@media (min-width: 1025px) {
.colorize-theme4-bg-h:hover {
background-color: #F2F2F2; } }
.colorize-theme4-bg-imp {
background-color: #F2F2F2 !important; }
@media (min-width: 1025px) {
.colorize-theme4-bg-h-imp:hover {
background-color: #F2F2F2 !important; } }
.colorize-theme4-c {
color: #F2F2F2; }
@media (min-width: 1025px) {
.colorize-theme4-c-h:hover {
color: #F2F2F2; } }
.colorize-theme4-c-imp {
color: #F2F2F2 !important; }
@media (min-width: 1025px) {
.colorize-theme4-c-h-imp:hover {
color: #F2F2F2 !important; } }
.colorize-theme4-bd {
border-color: #F2F2F2; }
@media (min-width: 1025px) {
.colorize-theme4-bd-h:hover {
border-color: #F2F2F2; } }
.colorize-theme4-bd-imp {
border-color: #F2F2F2 !important; }
@media (min-width: 1025px) {
.colorize-theme4-bd-h-imp:hover {
border-color: #F2F2F2 !important; } }
.colorize-theme5-bg {
background-color: #E5E5E5; }
@media (min-width: 1025px) {
.colorize-theme5-bg-h:hover {
background-color: #E5E5E5; } }
.colorize-theme5-bg-imp {
background-color: #E5E5E5 !important; }
@media (min-width: 1025px) {
.colorize-theme5-bg-h-imp:hover {
background-color: #E5E5E5 !important; } }
.colorize-theme5-c {
color: #E5E5E5; }
@media (min-width: 1025px) {
.colorize-theme5-c-h:hover {
color: #E5E5E5; } }
.colorize-theme5-c-imp {
color: #E5E5E5 !important; }
@media (min-width: 1025px) {
.colorize-theme5-c-h-imp:hover {
color: #E5E5E5 !important; } }
.colorize-theme5-bd {
border-color: #E5E5E5; }
@media (min-width: 1025px) {
.colorize-theme5-bd-h:hover {
border-color: #E5E5E5; } }
.colorize-theme5-bd-imp {
border-color: #E5E5E5 !important; }
@media (min-width: 1025px) {
.colorize-theme5-bd-h-imp:hover {
border-color: #E5E5E5 !important; } }
.colorize-theme6-bg {
background-color: #BDBDBD; }
@media (min-width: 1025px) {
.colorize-theme6-bg-h:hover {
background-color: #BDBDBD; } }
.colorize-theme6-bg-imp {
background-color: #BDBDBD !important; }
@media (min-width: 1025px) {
.colorize-theme6-bg-h-imp:hover {
background-color: #BDBDBD !important; } }
.colorize-theme6-c {
color: #BDBDBD; }
@media (min-width: 1025px) {
.colorize-theme6-c-h:hover {
color: #BDBDBD; } }
.colorize-theme6-c-imp {
color: #BDBDBD !important; }
@media (min-width: 1025px) {
.colorize-theme6-c-h-imp:hover {
color: #BDBDBD !important; } }
.colorize-theme6-bd {
border-color: #BDBDBD; }
@media (min-width: 1025px) {
.colorize-theme6-bd-h:hover {
border-color: #BDBDBD; } }
.colorize-theme6-bd-imp {
border-color: #BDBDBD !important; }
@media (min-width: 1025px) {
.colorize-theme6-bd-h-imp:hover {
border-color: #BDBDBD !important; } }
.colorize-theme7-bg {
background-color: #25A799; }
@media (min-width: 1025px) {
.colorize-theme7-bg-h:hover {
background-color: #25A799; } }
.colorize-theme7-bg-imp {
background-color: #25A799 !important; }
@media (min-width: 1025px) {
.colorize-theme7-bg-h-imp:hover {
background-color: #25A799 !important; } }
.colorize-theme7-c {
color: #25A799; }
@media (min-width: 1025px) {
.colorize-theme7-c-h:hover {
color: #25A799; } }
.colorize-theme7-c-imp {
color: #25A799 !important; }
@media (min-width: 1025px) {
.colorize-theme7-c-h-imp:hover {
color: #25A799 !important; } }
.colorize-theme7-bd {
border-color: #25A799; }
@media (min-width: 1025px) {
.colorize-theme7-bd-h:hover {
border-color: #25A799; } }
.colorize-theme7-bd-imp {
border-color: #25A799 !important; }
@media (min-width: 1025px) {
.colorize-theme7-bd-h-imp:hover {
border-color: #25A799 !important; } }
.colorize-theme8-bg {
background-color: #F54337; }
@media (min-width: 1025px) {
.colorize-theme8-bg-h:hover {
background-color: #F54337; } }
.colorize-theme8-bg-imp {
background-color: #F54337 !important; }
@media (min-width: 1025px) {
.colorize-theme8-bg-h-imp:hover {
background-color: #F54337 !important; } }
.colorize-theme8-c {
color: #F54337; }
@media (min-width: 1025px) {
.colorize-theme8-c-h:hover {
color: #F54337; } }
.colorize-theme8-c-imp {
color: #F54337 !important; }
@media (min-width: 1025px) {
.colorize-theme8-c-h-imp:hover {
color: #F54337 !important; } }
.colorize-theme8-bd {
border-color: #F54337; }
@media (min-width: 1025px) {
.colorize-theme8-bd-h:hover {
border-color: #F54337; } }
.colorize-theme8-bd-imp {
border-color: #F54337 !important; }
@media (min-width: 1025px) {
.colorize-theme8-bd-h-imp:hover {
border-color: #F54337 !important; } }
.colorize-theme9-bg {
background-color: #42A5F6; }
@media (min-width: 1025px) {
.colorize-theme9-bg-h:hover {
background-color: #42A5F6; } }
.colorize-theme9-bg-imp {
background-color: #42A5F6 !important; }
@media (min-width: 1025px) {
.colorize-theme9-bg-h-imp:hover {
background-color: #42A5F6 !important; } }
.colorize-theme9-c {
color: #42A5F6; }
@media (min-width: 1025px) {
.colorize-theme9-c-h:hover {
color: #42A5F6; } }
.colorize-theme9-c-imp {
color: #42A5F6 !important; }
@media (min-width: 1025px) {
.colorize-theme9-c-h-imp:hover {
color: #42A5F6 !important; } }
.colorize-theme9-bd {
border-color: #42A5F6; }
@media (min-width: 1025px) {
.colorize-theme9-bd-h:hover {
border-color: #42A5F6; } }
.colorize-theme9-bd-imp {
border-color: #42A5F6 !important; }
@media (min-width: 1025px) {
.colorize-theme9-bd-h-imp:hover {
border-color: #42A5F6 !important; } }
.colorize-theme10-bg {
background-color: #FF7143; }
@media (min-width: 1025px) {
.colorize-theme10-bg-h:hover {
background-color: #FF7143; } }
.colorize-theme10-bg-imp {
background-color: #FF7143 !important; }
@media (min-width: 1025px) {
.colorize-theme10-bg-h-imp:hover {
background-color: #FF7143 !important; } }
.colorize-theme10-c {
color: #FF7143; }
@media (min-width: 1025px) {
.colorize-theme10-c-h:hover {
color: #FF7143; } }
.colorize-theme10-c-imp {
color: #FF7143 !important; }
@media (min-width: 1025px) {
.colorize-theme10-c-h-imp:hover {
color: #FF7143 !important; } }
.colorize-theme10-bd {
border-color: #FF7143; }
@media (min-width: 1025px) {
.colorize-theme10-bd-h:hover {
border-color: #FF7143; } }
.colorize-theme10-bd-imp {
border-color: #FF7143 !important; }
@media (min-width: 1025px) {
.colorize-theme10-bd-h-imp:hover {
border-color: #FF7143 !important; } }
.colorize-transparent-bg {
background-color: transparent; }
@media (min-width: 1025px) {
.colorize-transparent-bg-h:hover {
background-color: transparent; } }
.colorize-transparent-bg-imp {
background-color: transparent !important; }
@media (min-width: 1025px) {
.colorize-transparent-bg-h-imp:hover {
background-color: transparent !important; } }
.colorize-transparent-c {
color: transparent; }
@media (min-width: 1025px) {
.colorize-transparent-c-h:hover {
color: transparent; } }
.colorize-transparent-c-imp {
color: transparent !important; }
@media (min-width: 1025px) {
.colorize-transparent-c-h-imp:hover {
color: transparent !important; } }
.colorize-transparent-bd {
border-color: transparent; }
@media (min-width: 1025px) {
.colorize-transparent-bd-h:hover {
border-color: transparent; } }
.colorize-transparent-bd-imp {
border-color: transparent !important; }
@media (min-width: 1025px) {
.colorize-transparent-bd-h-imp:hover {
border-color: transparent !important; } }
/*END: 6. Colorize*/
/*START: 7. Animations*/
@media (min-width: 1025px) {
body.theme-css-animate .menu__megamenu.animate,
body.theme-css-animate .menu__dropdown.animate > * {
transition-duration: 0.4s; } }
@media (max-width: 1024px) {
body.theme-css-animate .menu__panel {
transition-duration: 0.4s; } }
@media (min-width: 1025px) {
body.theme-css-animate .dropdown.animate > * {
transition-duration: 0.3s; } }
body.theme-css-animate .popup__bg.animate,
body.theme-css-animate .popup__body.animate [data-popup-content] {
transition-duration: 0.4s; }
body.theme-css-animate .notification.animate {
transition-duration: 0.4s; }
body.theme-css-animate .notification.animate.pressed {
transition-duration: 0.2s; }
body.theme-css-animate .notification__inner.animate {
transition-duration: 0.4s; }
body.theme-css-animate .footbar-product.animate > * {
transition-duration: 0.4s; }
body.theme-css-animate .faqs__cross {
transition-duration: 0.4s; }
@media (max-width: 1024px) {
body.theme-css-animate .tabs[data-type="horizontal"] .tabs__body > div > span i {
transition-duration: 0.4s; } }
body.theme-css-animate .tabs[data-type="mobile"] .tabs__body > div > span i {
transition-duration: 0.4s; }
@media (max-width: 1024px) {
body.theme-css-animate .footer__section-btn i {
transition-duration: 0.4s; } }
@media (min-width: 1025px) {
body.theme-css-animate .product-image--hover-fade .product-image__overlay-top-right,
body.theme-css-animate .product-image--hover-fade .product-image__overlay-bottom-right,
body.theme-css-animate .product-image--hover-emersion-x .product-image__overlay-top-right,
body.theme-css-animate .product-image--hover-emersion-x .product-image__overlay-bottom-right,
body.theme-css-animate .product-image--hover-emersion-y .product-image__overlay-top-right,
body.theme-css-animate .product-image--hover-emersion-y .product-image__overlay-bottom-right,
body.theme-css-animate .product-image--hover-emersion-z .product-image__overlay-top-right,
body.theme-css-animate .product-image--hover-emersion-z .product-image__overlay-bottom-right,
body.theme-css-animate .product-image--hover-scale .product-image__overlay-top-right,
body.theme-css-animate .product-image--hover-scale .product-image__overlay-bottom-right {
transition-duration: 0.3s; } }
@media (min-width: 1025px) {
body.theme-css-animate .image-animation > *,
body.theme-css-animate .promobox__border,
body.theme-css-animate .promobox__plate--hovered,
body.theme-css-animate .promobox__content-scale {
transition-duration: 0.5s; } }
body.theme-css-animate .rimage__img--fade-in,
body.theme-css-animate .carousel__title a,
body.theme-css-animate .product-fixed-sizebar,
body.theme-css-animate .product-fixed-sizebar__line,
body.theme-css-animate .slick-slide .promobox__content {
transition-duration: 0.3s; }
@media (min-width: 1025px) {
body.theme-css-animate ul li > a,
body.theme-css-animate ol li > a,
body.theme-css-animate .btn-link,
body.theme-css-animate .btn--animated .btn__icon,
body.theme-css-animate .btn--animated .btn__text,
body.theme-css-animate .input-checkbox span,
body.theme-css-animate .spr-review-reportreview,
body.theme-css-animate .instafeed__curtain,
body.theme-css-animate .social-media a {
transition-duration: 0.3s; } }
body.theme-css-animate input[type="text"],
body.theme-css-animate input[type="number"],
body.theme-css-animate input[type="email"],
body.theme-css-animate input[type="password"],
body.theme-css-animate input[type="search"],
body.theme-css-animate input[type="tel"],
body.theme-css-animate textarea,
body.theme-css-animate select,
body.theme-css-animate .input-boolean input ~ span,
body.theme-css-animate .input-boolean input + span span,
body.theme-css-animate .btn .icon,
body.theme-css-animate .btn span,
body.theme-css-animate .spr-summary-actions-newreview,
body.theme-css-animate .input-quantity [data-control] {
transition-duration: 0.2s; }
body.theme-css-animate .btn {
transition: background-color 0.2s, border-color 0.2s, color 0.2s !important; }
@media (min-width: 1025px) {
body.theme-css-animate .shopify-payment-button__button {
transition: background-color 0.2s, border-color 0.2s, color 0.2s !important; } }
body.theme-css-animate .input-boolean input:checked + span {
transition-duration: 0.5s; }
@media (min-width: 1025px) {
body.theme-css-animate .header__btn-services,
body.theme-css-animate .header__btn-services > i .icon,
body.theme-css-animate .header__btn-account,
body.theme-css-animate .header__btn-account > i .icon,
body.theme-css-animate .header__btn-wishlist,
body.theme-css-animate .header__btn-wishlist > i .icon,
body.theme-css-animate .header__btn-compare,
body.theme-css-animate .header__btn-compare > i .icon,
body.theme-css-animate .header__btn-cart,
body.theme-css-animate .header__btn-cart > i .icon,
body.theme-css-animate .header__btn-currency,
body.theme-css-animate .header__btn-currency > i .icon,
body.theme-css-animate .header__btn-language,
body.theme-css-animate .header__btn-language > i .icon,
body.theme-css-animate .header__btn-search,
body.theme-css-animate .header__btn-search > i .icon,
body.theme-css-animate .header__content--sticky,
body.theme-css-animate .product-collection__collections a,
body.theme-css-animate .product-wishlist__collections a,
body.theme-css-animate .product-compare__collections a,
body.theme-css-animate .product-page-info__collections a,
body.theme-css-animate .product-featured__collections a,
body.theme-css-animate .product-images-navigation span .icon,
body.theme-css-animate .spr-summary-actions-newreview,
body.theme-css-animate .product-images-navigation span,
body.theme-css-animate .sorting-collections__head a,
body.theme-css-animate .gallery__item-layer,
body.theme-css-animate .gallery__fotorama .fotorama__nav__frame--thumb,
body.theme-css-animate .carousel-brands a,
body.theme-css-animate .carousel__prev,
body.theme-css-animate .carousel__next,
body.theme-css-animate .lookbook__picker-circle::before,
body.theme-css-animate .slider-revolution__spacer,
body.theme-css-animate .notification-cookies__bg,
body.theme-css-animate .slider .slick-dots li {
transition-duration: 0.2s; } }
/*END: 7. Animations*/
/*START: 8. Other*/
.loader:not(.loader--page) .loader__bg {
opacity: 0.8; }
@media (min-width: 1025px) {
.product-image > a,
.product-image__overlay-top > a,
.product-image__overlay-bottom > a {
cursor: default !important; } }
/*END: 8. Other*/
/*START: 9. Presentation*/
.presentation {
float: right;
width: 180px;
z-index: 99999;
background-color: #ffffff;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
transition: 0.3s box-shadow, 0.3s -webkit-transform;
transition: 0.3s transform, 0.3s box-shadow;
transition: 0.3s transform, 0.3s box-shadow, 0.3s -webkit-transform;
will-change: transform, box-shadow; }
.presentation.open {
-webkit-transform: none !important;
transform: none !important; }
.presentation__btn {
width: 30px;
height: 30px;
background-color: #141414; }
.presentation__btn i {
position: absolute;
transition: 0.3s -webkit-transform;
transition: 0.3s transform;
transition: 0.3s transform, 0.3s -webkit-transform;
will-change: transform; }
.presentation__btn i .icon {
fill: #ffffff; }
.presentation__btn i:first-child {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
.presentation__btn i:first-child .icon {
width: 24px; }
.presentation__btn i:last-child {
-webkit-transform: scale3d(0, 0, 1);
transform: scale3d(0, 0, 1); }
.presentation__btn i:last-child .icon {
width: 16px; }
.presentation.open .presentation__btn {
width: 30px;
height: 30px;
background-color: #141414; }
.presentation.open .presentation__btn i:first-child {
-webkit-transform: scale3d(0, 0, 1);
transform: scale3d(0, 0, 1); }
.presentation.open .presentation__btn i:last-child {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
.presentation__content a {
transition: 0.3s color; }
.presentation__content a, .presentation__content a:visited, .presentation__content a:active, .presentation__content a:link {
color: #858585; }
@media (min-width: 1025px) {
.presentation__content a:hover {
color: #141414; } }
.presentation__content .input-boolean input ~ span,
.presentation__content .input-boolean input + span span {
transition-duration: 0.3s; }
.presentation__section > label .input-boolean__label {
color: #858585;
transition: 0.3s color; }
.presentation__section > label:hover .input-boolean__label,
.presentation__section > label input:checked ~ .input-boolean__label {
color: #141414; }
[dir="rtl"] .presentation {
float: left;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
[dir="rtl"] .presentation.close {
-webkit-transform: translate3d(-100%, 0, 0) !important;
transform: translate3d(-100%, 0, 0) !important; }
/*END: 9. Presentation*/