@import "mixin";@import url(https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=latin-ext);:root{--font-family:'Rubik', sans-serif;--text-color:#1C1C1C;--primary-color:#FF6000;--primary-hover-color:#E25500;--primary-text-color:#ffffff;--light-gray-color:#fafafa;--border-color:#ECECEC}body{font-family:var(--font-family);font-size:1.2rem;color:var(--text-color);background-color:#F9F9F9}.contentbox-header,.products-header,.list-tab-title,.showcase,#breadcrumbs,.contentbox-header h4,.products-header span{background-color:#fff;color:var(--text-color)}.products-header{margin-bottom:1rem;font-size:2rem;font-weight:700;padding:1rem 4rem;border-radius:5px;background-color:#fff}.products-header span{font-size:2rem;color:var(--text-color)}.contentbox-header{padding:1.4rem 3rem;background-color:#fff}.contentbox-header p{font-size:1.2rem;margin-bottom:0}.contentbox-header h4{margin-bottom:0;font-size:1.9rem}.footer-row-3,.footer-row-4{background-color:#1C1C1C;color:#ECECEC}#navigation .category-level-1>ul{display:flex}#navigation .category-level-1>ul>li>a{line-height:4.5rem;padding:0 1rem;font-size:1.4rem;color:var(--text-color);font-weight:500;display:block}#navigation .category-level-1>ul>li.active>a{color:var(--primary-color)}#navigation .category-level-1>ul>li:nth-child(n+6){display:none}a{color:var(--primary-color)}a:hover{color:var(--primary-hover-color)}$font-family:'Rubik',sans-serif;$text-color:#1C1C1C;$primary-color:#FF6000;$primary-hover-color:#E25500;$primary-text-color:#fff;$gray-color:#1C1C1C;$gray-hover-color:darken(#1C1C1C,5%);$gray-text-color:#fff;$light-gray-color:#fafafa;$border-color:#ECECEC;$transition-base:all .2s ease-in-out;$radius-base:.4rembody{font-size:1.2rem;font-family:$font-family;color:$text-color;background:#fff;transition:left .2s ease-in-out,right .2s ease-in-out;position:relative;left:0;background-color:#F9F9F9}a{color:$primary-color;&:active,&:focus,&:hover{color:$primary-hover-color}}.openbox-overlay,.navigation-menu-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.15);display:none;z-index:99;width:100%;height:100%;cursor:pointer}#header{background-color:#fff;margin-bottom:1.8rem}.header-top-bar{background:url("{{ themeAsset('images/top-bar-bg.png') }}") no-repeat center center;background-size:cover;display:none;.bar-area{display:flex;align-items:center;justify-content:center;color:#1C1C1C;font-size:2.1rem;font-weight:300;padding:1rem 0;b{font-weight:700;margin-right:.5rem}@include max($md){font-size:1.4rem}}}.current-page-default-entry{#header{margin-bottom:0}}.logo{display:flex;align-items:center;padding:2.6rem 0;img{max-height:8rem}@include max($sm){a{max-width:60%}}}body{&.cart-content-active{.cart-content{right:0;box-shadow:-2px 0 5px 0 rgba(0,0,0,.1)}}@include max($md){&.cart-content-active{overflow:hidden;position:fixed;height:100%;width:100%;left:-280px}}}.cart-menu{margin-left:2rem;>a{display:flex;align-items:flex-end;height:5rem;background:url("{{ themeAsset('images/icon-cart.svg') }}") no-repeat top center;position:relative;font-size:1.4rem;color:#A5A5A5;.cart-amount{position:absolute;top:0;right:0;width:19px;height:19px;line-height:19px;text-align:center;background-color:$primary-color;color:$primary-text-color;border-radius:50%;font-size:1.3rem}}}.header-top{@include max($md){padding-bottom:1.5rem}}.header-top-right{display:flex;justify-content:flex-end;@include max($md){justify-content:space-between;align-items:center}}.cart-content{position:fixed;top:0;right:-480px;width:480px;height:100%;background-color:#fff;z-index:101;transition:$transition-base;padding:6rem;overflow-y:auto;.cart-content-title{font-size:1.8rem;font-weight:700;color:$text-color;margin-bottom:1rem}.cart-content-subtitle{font-size:1.6rem;margin-bottom:2rem}.cart-list{border-top:1px solid $border-color;margin-bottom:3rem;.cart-list-item{border-bottom:1px solid $border-color;padding:1.5rem 0;display:flex;align-items:center;margin-bottom:1.5rem;.cart-list-item-image{flex:0 0 6rem;margin-right:1rem;>span{display:block;width:100%;height:6rem;background:url("{{ themeAsset('images/nopic_image.png') }}") no-repeat center center;background-size:50% 50%}}.cart-list-item-content{flex:1 0 0%;min-width:0;padding-right:1rem;.cart-list-item-title{color:$text-color;font-size:1.4rem;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-list-item-brand{display:block;color:$text-color}.cart-list-item-price{font-size:1.4rem;font-weight:700}.cart-list-item-amount{font-size:1.2rem;font-weight:400}}.cart-list-item-delete{color:$text-color;flex:0 0 2rem;opacity:.5;transition:$transition-base;font-size:1.6rem;height:2rem;@include center;&:hover{opacity:1}}}}.cart-content-total-price{margin-bottom:3rem;>span{font-size:1.6rem}>div{font-size:1.8rem;font-weight:700}}.cart-content-button{margin-bottom:1.5rem;.btn{font-size:1.6rem;font-weight:700}}.cart-content-empty-icon{position:relative;border-top:1px solid $border-color;border-bottom:1px solid $border-color;height:20rem;margin-bottom:3rem;@include imgcenter;img{width:15rem;height:auto;opacity:.2}}@include max($md){right:-280px;width:280px;padding:1.5rem}}.search{#category{width:129px;border:none;background:url("{{ themeAsset('images/arrow-1.svg') }}") no-repeat right 15px center;border-radius:0;border-right:1px solid $border-color;@include max($sm){display:none}}form{position:relative;display:flex;border:2px solid $border-color;border-radius:33px;align-items:center;padding-left:6rem;background:url("{{ themeAsset('images/icon-allcat.svg') }}") no-repeat left 4rem center;input{width:100%;padding:1rem 6rem 1rem 1rem;height:5rem;font-size:1.3rem;color:#A5A5A5;border:none;border-radius:33px;&::placeholder{opacity:1;color:#A5A5A5}}button{position:absolute;top:0;right:0;height:100%;width:5rem;background:url("{{ themeAsset('images/icon-search.svg') }}") no-repeat 50% 50%!important;border:none;padding:0}}@include max($sm){margin-bottom:2rem;#category{display:none}form{padding-left:2rem;background:none}}}body{&.user-menu-content-active{.user-menu-content{right:0;box-shadow:-2px 0 5px 0 rgba(0,0,0,.1)}}&.user-menu-welcome-active{.user-menu-welcome{right:0;box-shadow:-2px 0 5px 0 rgba(0,0,0,.1)}}@include max($md){&.user-menu-content-active,&.user-menu-welcome-active{overflow:hidden;position:fixed;height:100%;width:100%;left:-280px}}}.user-menu{>a{display:flex;align-items:flex-end;height:5rem;background:url("{{ themeAsset('images/icon-user.svg') }}") no-repeat top center;position:relative;font-size:1.4rem;color:#A5A5A5}}.user-menu-content,.user-menu-welcome{position:fixed;top:0;right:-480px;width:480px;height:100%;background-color:#fff;z-index:101;transition:$transition-base;overflow-y:auto;padding:6rem;.user-menu-content-top{padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid $border-color}.user-menu-title{font-size:1.8rem;font-weight:700;color:$text-color;margin-bottom:1rem}.user-menu-subtitle{font-size:1.6rem;margin-bottom:2rem}.user-menu-input{margin-bottom:1.5rem;input{background-color:#fff;border-radius:0;font-size:1.2rem;color:$text-color;&::placeholder{color:$text-color;opacity:1}}}.user-menu-forgot-pass{text-align:right;display:block;color:$text-color;text-decoration:underline}.user-menu-button{margin-bottom:1.5rem;.btn{font-size:1.6rem;font-weight:700}}.btn-user-menu-signup{background-color:$text-color;color:#fff}.user-menu-profile-list{padding:2rem 0;margin-bottom:2rem;border-top:1px solid $border-color;border-bottom:1px solid $border-color;>a{color:$text-color;font-size:1.6rem;padding:1rem 0;display:block;&:hover{color:$primary-color;text-decoration:underline}}}.user-menu-profile-logout{>a{font-size:1.6rem;font-weight:700}}@include max($md){right:-280px;width:280px;padding:1.5rem}}.header-bottom{border-top:1px solid $border-color;@include max($md){margin-bottom:1rem}}.header-bottom-content{display:flex;position:relative;height:4.5rem;align-items:center;.drop-img-col{position:relative;img{float:right}}.category-content-home{@include max($md){display:none}&:hover{.category-list-home{display:block}}.category-header{width:210px;color:$text-color;font-size:1.4rem;font-weight:500;position:relative;margin-right:2.6rem;padding-left:2.5rem;line-height:5rem;position:relative;background:url("{{ themeAsset('images/arrow-2.svg') }}") no-repeat right 18px center;&:before{content:'';position:absolute;width:1.4rem;height:1.4rem;left:0rem;top:18px;z-index:2;background:url("{{ themeAsset('images/icon-allcat-2.svg') }}") no-repeat left center}&:after{content:'';position:absolute;width:1px;height:2.6rem;background-color:$border-color;right:0;top:10px;z-index:2}}.category-list-home{width:21.1rem;position:absolute;top:100%;left:0;background-color:#fff;padding:0 9px;z-index:65;-webkit-box-shadow:0 0 5px 0 rgba(232,232,232,.75);-moz-box-shadow:0 0 5px 0 rgba(232,232,232,.75);box-shadow:0 0 5px 0 rgba(232,232,232,.75);display:none;.category-item{a{display:block;color:#363636;font-size:1.5rem;border-bottom:1px solid $border-color;line-height:5rem;font-weight:500;transition:$transition-base;padding:0 1.5rem;&:hover{color:$primary-color}i{display:none}}}}}@include max($md){height:auto}}#navigation .category-level-1>ul{display:flex}#navigation .category-level-1>ul>li>a{line-height:4.5rem;padding:0rem 1rem;font-size:1.4rem;color:#1C1C1C;font-weight:500;display:block}#navigation .category-level-1>ul>li.active>a{color:#FF6000}#navigation .category-level-1>ul>li.active>.category-level-2{display:block}#navigation .category-level-1>ul>li:nth-child(n+6){display:none}.category-level-2{position:absolute;top:100%;left:0;width:100%;background-color:#fff;display:none;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:101;padding:2rem 3.8rem 2rem 6.6rem;.row{div{>ul{display:flex;flex-wrap:wrap;>li{margin-bottom:.7rem;flex:1 0 100%;>a{display:block;color:$text-color;margin-bottom:.8rem;font-weight:500;font-size:1.6rem;&:only-child{margin-bottom:0}span{&:hover{color:$primary-color}}}&:hover{>a{color:$primary-color}}}}}}}.category-level-3{>ul{>li{>a{display:block!important;color:#6D6D6D!important;font-weight:400!important;font-size:1.4rem!important}&:hover{>a{color:$primary-color}}&.navigation-show-all{font-style:italic;text-decoration:underline}}}}@include max($md){display:none}}.menu-items-row1,.menu-items-row2{display:flex;li{a{line-height:4.5rem;padding:0rem 2.5rem;font-size:1.4rem;color:#1c1c1c;font-weight:500;display:block;&:hover{color:#ff6000}}}@include max($md){display:none}}.toggle-bar{width:4rem;height:4rem;align-items:center;justify-content:center;font-size:2rem;display:none;cursor:pointer;z-index:1;@include max($md){display:flex}}.mobile-banner-bottom{@include max($sm){margin-bottom:1.5rem}}#entry-slider{margin-bottom:3rem;.slick-arrow{display:none}.slick-dots{display:flex;justify-content:center;flex-wrap:wrap;width:100%;padding-top:20px;>li{margin:0 5px;>button{position:relative;overflow:hidden;display:block;width:18px;height:3px;text-indent:-9999px;padding:0;margin-bottom:5px;border:none;border-radius:2.5rem;background-color:#FFEFBD}&.slick-active{>button{width:30px;background-color:#000}}}}margin-bottom:3rem}.content-banner{margin-bottom:3rem}.similar-products,.offered-products,.default-products{.products-header{margin-bottom:1rem;font-size:2rem;font-weight:700;background-color:#fff;padding:1rem 4rem;font-weight:500;margin-bottom:3rem;border-radius:5px;span{font-size:2rem;color:$text-color;font-weight:400}}@include max($sm){.products-header{text-align:center}}}.content-banner-2{margin-bottom:3rem}.list-tab{&-title{background-color:#fff;padding:1rem 4rem;margin-bottom:1.5rem;>div{@include max($sm){justify-content:center}>div{margin-right:4rem;padding-right:4rem;&:first-child{border-right:1px solid $border-color}&:last-child{margin-right:0;padding-right:0}}}[data-tab-index]{a{font-size:2rem;color:$text-color;font-weight:500;color:#A5A5A5}&.active{a{color:$text-color}}}}&-content{[data-tab-content]{height:0;overflow:hidden;.product-item{padding:15px}&.active{height:auto;overflow:visible}}}@include max($md){&-title{overflow-x:auto;scroll-snap-type:x mandatory;[data-tab-index]{scroll-snap-align:start}}}.showcase{margin-bottom:0}@include max($sm){&-title{a{font-size:1rem!important}>div{>div{margin:0;padding:0 10px}}}}}.similar-products,.offered-products,.default-products{.slick-arrow{width:1.2rem;height:2rem;opacity:1;position:absolute;top:-56px;transform:translateY(-50%);z-index:2;cursor:pointer;>i{display:none}&.slick-prev{right:69px;background:url("{{ themeAsset('images/carousel-arrow.svg') }}") no-repeat left center;&:hover{opacity:.5}}&.slick-next{right:44px;background:url("{{ themeAsset('images/carousel-arrow.svg') }}") no-repeat right center;&:hover{opacity:.5}}}.slick-dots{display:flex;justify-content:center;position:absolute;width:100%;>li{margin:0 .5rem;>button{width:14px;height:20px;border:none;position:relative;overflow:hidden;text-indent:-9999px;border-radius:50%;background-color:#eee;padding:0;display:block;background:url("{{ themeAsset('images/icon-checbox-2.svg') }}") no-repeat right center}&.slick-active{>button{width:20px;background:url("{{ themeAsset('images/icon-checbox-2.svg') }}") no-repeat left center}}}}@include max($sm){.slick-arrow{display:none!important}}}.similar-products{margin-bottom:50px}#footer{margin-top:40px}.footer-social{display:flex;margin:2rem 0;a{display:flex;align-items:center;justify-content:center;width:2.7rem;height:2.7rem;border:1px solid #fff;border-radius:50%;margin-right:.8rem;i{color:#fff;font-size:1.5rem}}@include max($sm){justify-content:center}}.footer-row-1{margin-bottom:3rem;.footer-banner{>div{>div{.banner{a{height:7.6rem;display:flex;justify-content:center;align-items:center;padding:0 18px;.banner-title-img{margin-right:1.8rem}.banner-title-text{color:#6D6D6D;font-weight:500;font-size:1.2rem;span{display:block;font-size:1.8rem;color:$text-color;font-weight:400;strong{color:$text-color;font-size:1.8rem;font-weight:500}}}}}&:nth-child(1){.banner{background-color:#fff;border-radius:5px;&:nth-child(1){border:1px solid #FF6000}}}&:nth-child(2){.banner{background-color:#fff;border-radius:5px;&:nth-child(1){border:1px solid #FFC312}}}&:nth-child(3){.banner{background-color:#fff;border-radius:5px;&:nth-child(1){border:1px solid #12CBC4}}}&:nth-child(4){.banner{background-color:#fff;border-radius:5px;&:nth-child(1){border:1px solid #C4E538}}}}}}}.footer-row-2{.container{.newsletter-container{border:1px dashed $border-color;padding:4rem 9.5rem;background:#fff url("{{ themeAsset('images/newsletter-bg.png') }}") no-repeat right 55px bottom 47px;@include max($md){padding:4rem 0;margin-bottom:2rem}}.newsletter{text-align:center;&-title{margin-bottom:1.5rem;color:#1C1C1C;margin-bottom:4.8rem;>div{font-size:2.2em;font-weight:500}>span{font-size:1.5rem;color:#A5A5A5}@include max($sm){padding:0 1.5rem}}&-content{border-bottom:1px solid $border-color;padding-bottom:14px;@include max($sm){border-bottom:0}form{display:flex;height:3rem;background-color:#fff;input{flex:1 0 0%;background-color:transparent;padding:1rem 2rem 1rem 9.5rem;font-size:1.3rem;border:none;color:#A5A5A5;&::placeholder{color:#A5A5A5}}button{flex:0 0 160px;background-color:$primary-color;font-size:1.4rem;font-weight:500;color:#fff;border:none;border-radius:5px}@include max($sm){display:flex;flex-wrap:wrap;justify-content:center;height:auto}@include max($sm){padding:0 1.5rem;input{padding-left:2rem;border-radius:5px;background-color:#1c1c1c;margin-bottom:1rem}button{flex:1 0 100%;height:4rem}}}}}}}.footer-row-3{background-color:#1C1C1C;margin-top:4rem;.footer-social-banner{display:flex;margin:2rem 0;.banner{margin-right:8px}@include max($sm){justify-content:center}}.footer-logo{padding-top:6rem;@include max($sm){text-align:center}}.footer-phone{>a{display:flex;align-items:center;flex-wrap:wrap;color:#fff;font-size:18px;i{margin-right:16px}}}.footer-links-content{@include max($sm){text-align:center;margin-top:1rem}margin:7rem 0}.footer-menu{.footer-menu-title{display:inline-flex;color:#fff;font-size:1.6rem;font-weight:600;border-bottom:2px solid #FF6000;margin-bottom:2rem;padding-bottom:6px}@include max($sm){margin-top:2rem;.footer-menu-title{margin-bottom:1rem}}}.footer-menu-content{li{margin-bottom:7px;a{color:#fff;font-size:1.4rem;&:hover{color:$primary-color}}}}}.footer-row-4{background-color:#1C1C1C;padding-bottom:20px;.copyright{font-size:1.4rem;color:#ECECEC;font-weight:300;@include max($sm){text-align:center}}.banner{@include max($sm){text-align:center}}}.showcase{position:relative;background-color:#fff;border:1px solid $border-color;border-radius:5px;margin-bottom:3rem;overflow:hidden;&:hover{-webkit-box-shadow:0 0 5px 0 rgba(214,213,213,.75);-moz-box-shadow:0 0 5px 0 rgba(214,213,213,.75);box-shadow:0 0 5px 0 rgba(214,213,213,.75)}.showcase-image{position:relative;padding-top:100%;overflow:hidden;margin-bottom:1rem;a{@include imgcenter}}.showcase-content{padding:1rem 1rem 1.5rem;.showcase-title{margin-bottom:2.6rem;font-size:1.4rem;line-height:1.6rem;height:3.2rem;overflow:hidden;a{color:$text-color}@include max($xs){font-size:1.3rem}@include max($sm){margin-bottom:1.5rem}}.showcase-price{display:flex;align-items:baseline;font-size:1.6rem;color:$text-color;&-new{font-weight:500}&-old{text-decoration:line-through;margin-left:1rem;font-size:1.5rem;color:#6D6D6D}@include max($sm){display:block;&-new{font-weight:500}&-old{margin-left:0;height:2rem}}}}.showcase-label-container{z-index:5;position:absolute;top:0%;left:1rem;display:flex}.new-label{display:flex;align-items:center;justify-content:center;width:36px;height:38px;background:url("{{ themeAsset('images/new-badge.svg') }}") no-repeat center;color:#fff;font-size:1.2rem;z-index:3;font-weight:400}.discount-label{display:flex;align-items:center;justify-content:center;width:36px;height:38px;background:url("{{ themeAsset('images/rabate-badge.svg') }}") no-repeat center;color:#1C1C1C;font-size:1.2rem;z-index:3;font-weight:500;margin-right:.4rem}}.paginate-wrapper{position:relative;padding:2rem 0;.paginate{display:flex;@include max($xs){justify-content:space-between}a{padding:0 .2rem;min-width:4rem;height:4rem;font-size:1.6rem;border-radius:5px;color:#A4A4A4;@include center;i{display:block;line-height:1.4rem;font-size:1.8rem}@include max($sm){min-width:3rem;height:3rem}}.paginate-content{display:flex;a{margin:0 .6rem;border:1px solid #A4A4A4;@include max($xs){margin:0 .2rem}}}.paginate-left{a{margin-right:.6rem}}.paginate-right{a{margin-left:.6rem}}.paginate-passive{a{background-color:#A5A5A5;color:#fff}}.paginate-active{a{background-color:#6D6D6D;color:#fff}}.paginate-element-active{background-color:$primary-color;color:#fff}}}.contentbox-header{margin-bottom:1.6rem;padding:1.4rem 3rem;background-color:#fff;p{font-size:1.2rem;margin-bottom:0;display:block}h4{margin-bottom:0;font-size:1.9rem}}.contentbox-body{background-color:#fff;padding:3rem}#breadcrumbs{margin-bottom:1.6rem;@include max($sm){display:none}ol{display:flex;padding:0;margin:0;align-items:center;li{i{font-size:1.4rem;margin:0 .5rem;font-style:normal;color:#6D6D6D;&:before{content:'>'}}span{display:flex;align-items:center;color:#6D6D6D}a{color:$text-color;&:hover{span{span{color:$primary-color}}}}}}}@include max($sm){.block-item{&[data-type="filter-product-groups"]{display:block;margin-bottom:0;.block-item-title{display:none}.block-item-content{display:block;padding:0}}&[data-type="product-groups"]{display:none}}.filter-menu,.horizontal-filter-menu{position:fixed;width:280px;height:100%;left:-280px;top:0;background:#fff;z-index:100;transition:$transition-base;overflow-y:auto;-webkit-overflow-scrolling:touch;.filter-menu-category{display:none}}.filter-menu-active{left:280px;overflow:hidden;position:fixed;height:100%;width:100%;.filter-menu,.horizontal-filter-menu{left:0}}#filter-wrapper{@include max($sm){margin-bottom:2rem}display:none;&.has-sorting-option:not(.has-filter-option){display:block;.filter-wrapper-header{display:none}.filter-wrapper-content{#sorting-options{display:block}}}&.has-filter-option{display:block;.filter-wrapper-content{#sorting-options{display:none}}}}.sorting-options-content-active{#filter-wrapper{.filter-wrapper-content{#sorting-options{display:block}}}}}.filter-menu-overlay,.filter-wrapper-header{@include min($sm){display:none!important}}.horizontal-filter-menu{padding:1.5rem;border:1px solid $border-color;margin-bottom:1rem;.horizontal-filter-menu-title{font-size:1.6rem;margin-bottom:1rem}.clear-filters{display:flex;margin-bottom:1rem;a{display:block;padding:.2rem .5rem;background:$gray-color;color:$text-color}}.filter-menu-selected-items{flex:0 0 100%}.filter-menu-groups{margin-bottom:1rem;.filter-menu-group-title{margin-bottom:1rem}}.filter-menu-selected-items{margin-bottom:1rem;.filter-menu-selected-items-title{font-size:1.4rem;margin-bottom:1rem}.filter-menu-selected-items-content{.filter-menu-selected-group{margin-bottom:.5rem;.filter-menu-selected-group-title{margin-right:1rem;margin-bottom:.5rem}.filter-menu-selected-group-content{display:flex;flex-wrap:wrap;.filter-menu-selected-item{margin-right:1rem;margin-bottom:.5rem;flex:0 0 auto;&:last-child{margin-right:0}a{display:block;padding:.2rem .5rem;background:$gray-color;color:$text-color}}}}}}}.cascade-menu{.parent-item{a.selected-item{color:$primary-color}}}.block-item{margin-bottom:2rem;a{color:$text-color;&:hover{color:$primary-hover-color}}.block-item-title{font-size:1.4rem;display:flex;justify-content:space-between;align-items:center;padding-bottom:0;span{width:100%;background-color:#fff;padding:2rem 2.5rem;font-size:1.8rem;font-weight:500;color:#1C1C1C;padding-bottom:0;border-radius:5px 5px 0 0}>i{display:none;@include max($sm){display:block}}}&.active{.block-item-title{>i.fa-angle-down{&:before{content:'\f106'}}}}}.product-image{#product-primary-image{position:relative;margin-bottom:2rem;img{display:block;margin:auto}}}#product-thumb-image{.thumb-item{div{padding:1rem;@include max($sm){padding:.4rem}a{display:block;border:1px solid #ececec;&:active{border:1px solid $primary-color}}}}}.product-qty{a{@include max($sm){flex:0!important}}}.product-list-container{margin-bottom:2rem;.product-list-block{margin-bottom:.8rem}.product-list-row{display:flex;align-items:center;margin-bottom:.8rem;a{color:$text-color;transition:$transition-base;&:hover{color:$primary-color}}.product-list-title{flex:0 0 auto;width:30%;font-size:1.4rem;color:#6D6D6D}.product-list-content{flex:1 1 auto;display:flex;align-items:center;word-break:break-word;font-size:1.4rem;font-weight:500;color:#6D6D6D;&:before{content:':';margin-right:1.6rem}}}}.product-left{background-color:#fff}.product-right-top{background-color:#fff;padding:2rem 1.7rem}.product-right-bottom{margin-top:2rem}.product-brand{a{font-size:1.4rem;font-weight:500;color:$primary-color}}.product-title{margin-bottom:2.8rem;font-weight:500;h1{font-size:2rem;font-weight:500}@include max($md){h1{font-size:2rem}}}.product-price-content{display:flex;height:5rem;align-items:center;margin-bottom:2rem;.discount-label-product{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;background:url("{{ themeAsset('images/rebate-badge-product.png') }}") no-repeat center;color:$text-color;font-size:1.8rem;font-weight:500;margin-right:2rem}.product-price{display:flex;align-items:baseline}.product-price-old{font-size:1.8rem;font-weight:500;color:$text-color}.product-price-new{font-size:1.8rem;font-weight:500;color:$text-color;margin-right:1rem}.has-discount{.product-price-old{text-decoration:line-through;font-size:1.6rem;color:#6D6D6D;font-weight:400}}}.favorite-product{i{font-weight:900}}.separatrix{width:100%;height:1px;background-color:$border-color;margin:2rem 0}.product-cart-buttons{display:flex;justify-content:space-between;height:5rem;align-items:center;margin-bottom:2rem;>a{display:flex;align-items:center;justify-content:center;flex:0 0 18rem;height:5rem;border-radius:5px;font-size:1.6rem;color:#FFF}.add-to-cart-button{background-color:$primary-color}.quick-order-button{background-color:#FFC312}.no-stock-button{background-color:#1C1C1C}.remind-me-button{background-color:#EF2A2A}.product-qty{display:flex;flex:0 0 9rem;border:1px solid $border-color;border-radius:5px;input{width:100%;border:none;font-size:2.2rem;color:#434343;font-weight:400;text-align:center;height:4.8rem}i{width:3.4rem;text-align:center;padding-top:2rem;color:#6D6D6D}@include max($sm){flex:1 0 100%;margin-bottom:1.5rem;div{width:100%}}}@include max($sm){flex-wrap:wrap;height:auto;margin-bottom:0;a{flex:1 0 100%;margin-bottom:1.5rem}}}{% set cargoButtons=['fast_shipping','same_day_shipping','three_days_delivery','five_days_delivery','seven_days_delivery','free_shipping','delivery_from_stock','pre_ordered_product','limited_stock','ask_stock','campaigned_product'] %}.product-cargo-buttons{display:flex;justify-content:space-between;margin-bottom:2rem;@include max($sm){flex-wrap:wrap;justify-content:center}}.product-cargo-button{display:flex;flex-wrap:wrap;width:22.2rem;height:6rem;i{flex:0 0 22.2rem;height:6rem;background-size:100%}span{display:flex;align-items:center;font-size:1.3rem;flex:1 1 0%}{% for i in cargoButtons %}&.{{i}}{i{background:url("{{ themeAsset('images/icon-btn-'~ loop.index ~'.svg') }}") no-repeat 50% 50%;background-size:100%}}{% endfor %}}#product-user-buttons{display:flex;justify-content:space-between;margin-bottom:2rem;a{font-size:1.3rem;color:#6D6D6D;i{font-size:1.5rem;color:#FFC312}}@include max($sm){justify-content:center;flex-wrap:wrap;a{margin:1rem}}}.product-social-content{display:flex;height:3.1rem;align-items:center;justify-content:space-between;.product-social-title{font-size:1.2rem;color:#999;margin-right:1.5rem;line-height:3.1rem}.product-social{display:flex;a{display:flex;align-items:center;justify-content:center;width:3.1rem;height:3.1rem;background-color:#ECECEC;border-radius:50%;margin-right:1.4rem;&:last-child{margin-right:0}i{font-size:1.8rem;color:#999}}@include max($sm){margin-bottom:1rem}}@include max($sm){height:auto;justify-content:center;flex-wrap:wrap}}.product-compare{a{display:flex;align-items:center;font-size:1.4rem;color:#6D6D6D;i{width:1.6rem;height:1.6rem;background:url("{{ themeAsset('images/icon-checkbox.svg') }}") no-repeat left center;margin-right:1rem;&:before{display:none}}}a.active i{background:url("{{ themeAsset('images/icon-checkbox.svg') }}") no-repeat right center}}.product-options{.product-options-title{margin-bottom:1rem;font-size:1.4rem}}.variant-select{margin-bottom:2rem;.variant-list{margin-bottom:1rem;&:last-child{margin-bottom:0}select{width:50%!important;@include max($xs){width:100%!important}}}}.variant-plural{margin-bottom:2rem;.variant-list{flex:0 0 100%;display:flex;flex-wrap:wrap;margin-bottom:1rem;&:last-child{margin-bottom:0}}span{flex:0 0 auto;border:1px solid $gray-color;padding:.5rem 1rem;cursor:pointer;margin:0 1rem 1rem 0;&:last-child{margin-right:0}&.variant-passive{background-color:$gray-color}&.variant-no-stock{background-color:$gray-color}&.variant-selected{border-color:$text-color}}}.variant-singular{margin-bottom:2rem;.radio-custom{margin-bottom:1rem}}.product-detail-tab{margin-bottom:4rem;margin-top:4rem;.product-detail-tab-header{background-color:#fff;padding:0 3rem;border-radius:5px;margin-bottom:1rem;>div{>div{padding-right:3rem;margin-right:3rem;position:relative;&:last-child{&:before{display:none}}&:before{content:'';position:absolute;width:1px;height:3rem;background-color:$border-color;top:1rem;right:0}}}[data-tab-index]{>a{@include center;font-size:1.8rem;color:#6D6D6D;height:5rem}&.active{>a{color:$text-color}}}}.product-detail-tab-content{[data-tab-content]{height:0;overflow:hidden;>div{padding:1.5rem 0;background-color:#fff;border-radius:5px;padding:3rem;font-size:1.4rem;color:#A5A5A5;line-height:2.5rem}&.active{height:auto;overflow:visible;margin-bottom:1rem}}}@include max($md){.product-detail-tab-header{overflow-x:auto;>.row{margin-left:-.25rem;margin-right:-.25rem}[data-tab-index]{>a{padding:0 1.5rem;font-size:1.2rem}}}}}.btn{font-size:1.2rem;border-radius:0;transition:$transition-base;&.btn-primary{color:$primary-text-color;background:$primary-color;&:not(.btn-loading):active,&:not(.btn-loading).active,&:not(.btn-loading):hover,&:not(.btn-loading).hover,&:not([disabled]):not(.disabled):active,&:not([disabled]):not(.disabled).active{background:$primary-hover-color;color:$primary-text-color}}&.btn-secondary{color:$gray-text-color;background:$gray-color;&:not(.btn-loading):active,&:not(.btn-loading).active,&:not(.btn-loading):hover,&:not(.btn-loading).hover{color:$gray-text-color;background:$gray-hover-color}}}.btn-loading:before{border-top-color:$primary-color}.loader{.ball-pulse{>div{background-color:$primary-color}}}.loading>div{border-top-color:$primary-color;border-bottom-color:$primary-color}.loading-bar{.loader{background:$primary-color}}.control-label{color:$text-color}.information-content{border:solid 1px $border-color;border-radius:$radius-base;span{border-radius:$radius-base}i{color:darken($gray-color,10%)}}.member-block{li{>a{&.active{color:$primary-color}}&:hover>a:not(.active){color:$primary-color;i.left-icons{color:$primary-color}}}}#featured-product-block{border:none}.filter-menu{.filter-menu-box{border:none;padding:1rem;background-color:#fff;margin-bottom:2rem;border-radius:5px}.filter-menu-category-content{border:none!important}.filter-menu-category{.filter-menu-category-title{background-color:transparent;border:none;padding:1.5rem 2.5rem;background:url("{{ themeAsset('images/arrow-3.svg') }}") no-repeat left 10px center}.filter-menu-category-content{a{color:#434343;font-size:1.4rem;padding-left:2.5rem!important;i{display:none!important}}}}.filter-menu-groups{.filter-menu-group-title{background-color:transparent;border:none;padding:1.2rem 1.5rem;border-bottom:1px solid $border-color;font-size:1.8rem;font-weight:500;color:$text-color;margin-bottom:8px}.filter-menu-group-content{label{color:$text-color}}}.filter-menu-selected-items{.filter-menu-selected-items-title{background-color:transparent;border:none;padding:1.5rem;font-weight:400}.filter-menu-selected-items-content{padding:1.5rem;.filter-menu-selected-group{.filter-menu-selected-group-title{font-weight:400}}}}input[type=checkbox]+label:before{border:none;border-radius:0;width:1.6rem;height:1.6rem;background:url("{{ themeAsset('images/icon-checkbox.svg') }}") no-repeat left center}input[type=checkbox]:checked+label:before{background:url("{{ themeAsset('images/icon-checkbox.svg') }}") no-repeat right center}.filter-menu-groups{.filter-menu-group-content{label{font-size:1.4rem;color:#413A3A}}}.scroll-element .scroll-bar{background-color:$primary-color;opacity:1}.filter-menu-category-top{a{span{text-decoration:underline;color:$text-color;font-weight:500;font-size:1.6rem}i{font-size:1.5rem!important}}}}.idea-promotion-bar{padding:0;&.bar-position-top{border-bottom:none}@include max($md){display:none!important}}.margin-bottom-30{margin-bottom:3rem}#sorting-options{background-color:#fff;padding:10px 20px;border-radius:5px;margin-bottom:3rem;input[type=checkbox]+label:before{border:none;border-radius:0;width:1.6rem;height:1.6rem;background:url("{{ themeAsset('images/icon-checkbox.svg') }}") no-repeat left center}input[type=checkbox]:checked+label:before{background:url("{{ themeAsset('images/icon-checkbox.svg') }}") no-repeat right center}input[type=radio]+label,input[type=checkbox]+label{color:#6D6D6D;font-size:1.4rem}select.form-control:not([size]):not([multiple]),select:not([size]){background:url("{{ themeAsset('images/icon-selectbox.svg') }}") no-repeat right center;color:#6D6D6D;font-size:1.4rem;border:none;box-shadow:none;@include max($sm){font-size:1.1rem;padding:0}}}#head-content{margin-bottom:3rem}.logo{display:flex;align-items:center;justify-content:center;padding:2.5rem 0;img{max-height:8rem}@include max($sm){justify-content:center;a{max-width:60%}}}