.header .container,.header .container-fluid,.header .inner-wrap{
display:flex;
align-items:center
}
.header .inner-wrap{
width:100%
}
.header-transparent{
position:relative !important;
width:100%;
background: #000 !important
}
.sticky-content.fix-top {
  top: auto !important;
}
@media (max-width:991px){
.header-transparent{
	position:relative !important;
}
}
@media (max-width: 767px) {
.header-transparent{
	position:relative !important;
}
}
.header-transparent .fixed{
background:#222
}
.header-bottom,.header-middle,.header-top{
display:flex
}
.header-border{
border-bottom:1px solid #e1e1e1
}
.has-center .header-left,.has-center .header-right{
flex:1
}
.has-center .header-right{
justify-content:flex-end
}
.has-center .header-center{
margin-left:2rem;
margin-right:2rem
}
.header-left{
flex:1
}
.header-center,.header-left,.header-right{
display:flex;
align-items:center
}
.header-right{
margin-left:auto
}
.header-right a{
display:flex;
align-items:center
}
.header-top{
border-bottom:1px solid #e1e1e1;
font-size:1.2rem;
letter-spacing:-0.025em
}
.header-top .header-right>*{
margin-left:2.3rem
}
.header-top .header-right>:first-child{
margin-left:0
}
.header-top .divider{
margin:0 -0.3rem 0 2rem
}
.header-top .contact{
margin-right:0.2rem;
line-height:1
}
.header-top .contact i{
margin-right:0.7rem;
font-size:1.7rem
}
.header-top .help{
line-height:1
}
.header-top .help i{
margin-right:0.7rem;
font-size:1.7rem
}
.header-top .login-link,.header-top .login-toggle,.header-top .register-link,.header-top .register-toggle{
cursor:pointer
}
.header-top .login-link i,.header-top .login-toggle i,.header-top .register-link i,.header-top .register-toggle i{
margin-right:0.9rem;
font-size:1.5rem
}
.header-top .delimiter{
margin:0 0.5rem;
color:#aaa
}
.header-top .wishlist{
margin-right:2rem
}
.header-top .wishlist i{
margin-right:0.6rem;
font-size:1.7rem
}
.currency-dropdown a,.language-dropdown a{
white-space:nowrap
}
.header-middle{
	color:#fff;
	background:#000;
}
.header-middle .login-link{
display:flex;
align-items:center;
margin-right:2rem;
padding-bottom:0.2rem
}
.header-middle .login-link span{
cursor:pointer
}
.header-middle .login-link i{
font-size:2.3rem
}
.header-middle .login-link:hover{
color:#26c
}
.header-middle .logo{
margin-right:8rem;
margin-bottom:0.1rem
}
.header-middle .compare{
margin-right:3.5rem
}
.header-middle .compare i{
font-size:3.2rem;
margin-bottom:0.1rem
}
.header-middle .main-nav{
margin-right:1.5rem
}
.header-middle .header-right .cart-dropdown>a:after{
content:none
}
.header-middle .icon-box{
margin-right:1.8rem;
padding-bottom:0.1rem;
transition:none
}
.header-middle .icon-box:hover .icon-box-icon,.header-middle .icon-box:hover .icon-box-title,.header-middle .icon-box:hover p{
color:inherit
}
.header-middle .icon-box-icon,.header-middle .icon-box-title,.header-middle p{
color:#fff
}
.header-middle .icon-box-icon{
margin-bottom:0;
padding:0;
font-size:3rem
}
.header-middle .icon-box-title{
margin-bottom:0.5rem;
font-size:1.1rem;
font-weight:400;
text-transform:capitalize;
line-height:1;
letter-spacing:-0.027em
}
.header-middle p{
font-size:1.4rem;
font-weight:700;
color:#222;
letter-spacing:-0.0428em;
line-height:1
}
.logo{
max-width:200px
}
.logo img{
display:block
}
.header-bottom{
padding-bottom:1.5rem;
color:#222;
background:#fff;
font-size:1.4rem;
font-weight:700
}
.header-bottom .header-right{
margin-right:0.3rem
}
.header-bottom .header-right i{
margin-right:1rem;
font-size:2.4rem;
font-weight:700
}
.welcome-msg{
margin:0;
padding:1.1rem 0;
font-size:inherit;
font-weight:inherit;
font-family:inherit;
letter-spacing:-0.0125em;
line-height:1.5;
white-space:nowrap
}
.header-search{
position:relative
}
.header-search .input-wrapper{
display:flex;
position:relative
}
.header-search input.form-control{
flex:1;
min-width:40px;
padding:1.1rem 1.5rem;
border:0;
background-color:#eee;
font-size:1.3rem;
letter-spacing:inherit
}
.header-search .btn-search{
padding:0;
min-width:40px;
background-color:#26c;
border:0;
color:#fff;
font-size:2rem
}
.header-search .btn-search i{
margin:0 0.1rem 0.6rem 0;
vertical-align:middle;
font-size:2rem
}
.header-search .select-box{
background-color:#f4f4f4
}
.header-search .select-box select{
position:relative;
padding-left:1.1rem;
padding-right:3rem;
border:0;
font-weight:400;
font-size:1.3rem;
letter-spacing:0;
z-index:1
}
.header-search.hs-toggle .input-wrapper{
position:absolute;
right:-1.5rem;
top:100%;
min-width:31rem;
padding:1.5rem;
height:auto;
background-color:#fff;
box-shadow:0 2px 35px rgba(0,0,0,0.1);
visibility:hidden;
opacity:0;
transform:translate3d(0,-10px,0);
z-index:100;
transition:transform 0.4s 0.2s,visibility 0.4s 0.2s,opacity 0.4s 0.2s
}
.header-search.hs-toggle:hover{
color:#26c
}
.header-search.hs-toggle .form-control{
padding:1.4rem 2rem;
background-color:#f4f4f4
}
.header-search.hs-toggle .btn-search{
background-color:#f4f4f4;
min-width:5rem;
font-size:1.8rem;
color:#222;
border-radius:0
}
.header-search.hs-toggle .btn-search i{
margin-bottom:0.4rem;
font-size:inherit
}
.header-search.hs-expanded{
max-width:65rem;
width:100%;
margin:0 auto;
flex:1
}
.header-search.hs-expanded .input-wrapper{
width:100%;
border:2px solid #26c;
border-radius:0.5rem;
height:4.5rem
}
.header-search.hs-expanded .select-box{
width:13.2rem;
border-radius:0.5rem 0 0 0.5rem;
color:#666
}
.header-search.hs-expanded .select-box,.header-search.hs-expanded .select-box select{
cursor:pointer
}
.header-search.hs-expanded .select-box:before{
right:11px;
font-size:1rem
}
.header-search.hs-expanded .select-box:after{
content:"";
display:block;
position:absolute;
top:8px;
right:-3px;
height:25px;
border-right:1px solid #e1e1e1
}
.header-search.hs-expanded input.form-control{
flex:1;
min-height:100%;
padding-left:1.9rem;
padding-right:1.9rem;
letter-spacing:0;
color:#ababab;
background-color:#f4f4f4
}
.header-search.hs-expanded .btn-search{
min-width:4.7rem;
background-color:#f4f4f4;
color:#444;
font-size:1.6rem
}
.header-search.hs-expanded .btn-search:hover{
color:#26c
}
.header-search.search-left .input-wrapper{
left:0;
right:auto
}
.header-search.hs-simple{
flex:1;
margin-right:2rem;
max-width:52.2rem
}
.header-search.hs-simple input.form-control{
padding:0 5rem 0 1.55rem;
border-radius:5px;
border:2px solid;
border-color:#26c;
font-family:inherit;
background-color:#fff;
color:#999
}
.header-search.hs-simple .btn-search{
position:absolute;
background:transparent;
color:#333;
min-width:48px;
height:100%;
border-radius:5px;
right:0
}
.header-search.hs-simple .btn-search:hover{
color:#26c
}
.header-search.hs-toggle.show .input-wrapper,.header .header-search.hs-toggle:hover .input-wrapper{
transform:translate3d(0,0,0);
visibility:visible;
transition:transform 0.4s;
opacity:1
}
.mobile-search{
display:none
}
.mobile-search .search-toggle i{
font-size:2rem;
vertical-align:middle
}
.hs-toggle.dir-up:after{
top:auto;
bottom:100%;
border-bottom-color:transparent;
border-top-color:#fff
}
.hs-toggle.dir-up .input-wrapper{
top:auto;
bottom:100%;
transform:translate3d(0,10px,0)
}
.search-toggle{
display:inline-block;
vertical-align:middle;
padding:1.1rem 0;
transition:color 0.3s
}
.search-toggle span{
cursor:pointer
}
.search-toggle i{
font-size:1.4rem;
font-weight:400;
line-height:0.9
}
.search-toggle.with-label{
display:inline-flex;
align-items:center
}
.search-toggle.with-label i{
display:inline-block;
vertical-align:middle;
margin-bottom:2px;
font-size:1.6rem
}
.search-toggle.with-label span{
margin-left:0.5rem;
cursor:pointer;
font-weight:inherit;
letter-spacing:inherit;
text-transform:uppercase
}
.main-nav{
margin:0 0 0 0.3rem
}
.call{
display:flex;
align-items:center
}
.call span{
font-weight:inherit;
text-transform:uppercase;
cursor:pointer
}
.call i+span{
margin-left:0.9rem
}
.call i{
margin:0 0.2rem 0.2rem 0;
font-size:1.8rem;
cursor:pointer
}
.call:hover{
color:#26c
}
.wishlist{
margin-right:1.5rem
}
.wishlist i{
font-size:2.8rem;
cursor:pointer
}
.wishlist:hover{
color:#26c
}
@keyframes fixedTop{
0%{
margin-top:-60px
}
to{
margin-top:0
}
}
@keyframes fixedBottom{
0%{
transform:translateY(100%);
transform-origin:center top 0px
}
to{
transform:translateY(0)
}
}
.sticky-header.fixed{
position:fixed;
top:0;
width:100%;
padding-top:1.5rem;
padding-bottom:1.4rem;
box-shadow:0 2px 5px rgba(0,0,0,0.1);
z-index:1100;
animation:fixedTop 0.4s
}
@media (max-width:991px){
.sticky-wrapper{
height:auto!important
}
}
.mobile-menu-toggle{
display:none;
margin-right:2rem;
font-size:2.5rem;
color:#222
}
.mobile-menu-toggle.menu-bar:after,.mobile-menu-toggle.menu-bar:before{
content:"";
display:block;
width:100%
}
.mobile-menu-toggle.menu-bar:before{
height:11px;
border-top:2px solid;
border-bottom:2px solid
}
.mobile-menu-toggle.menu-bar:after{
height:9px;
border-bottom:2px solid
}
@media (max-width:1199px){
.main-nav .menu>li{
margin-right:1.5rem
}
.header-middle .logo{
margin-right:2rem
}
}
@media (max-width:991px){
.header .main-nav{
display:none
}
.header-top .header-left{
margin-right:2rem
}
.header-middle .header-right{
justify-content:flex-end
}
.header-middle .header-right .divider{
display:none
}
.header-middle .header-center{
margin-left:auto;
margin-right:auto
}
.header-middle .compare,.header-middle .icon-box{
margin-right:1.5rem
}
.mobile-menu-toggle{
display:block
}
}
@media (max-width:767px){
.header-middle .mobile-search{
display:block
}
.header-middle .header-search{
display:none
}
.header-top .delimiter,.header-top .divider,.header-top .login-link,.header-top .register-link{
display:none
}
}
@media (max-width:480px){
.header-top .header-left{
position:relative;
overflow:hidden
}
.header-middle .logo{
margin-right:0
}
.header-middle .divider,.header-middle .wishlist{
display:none
}
.header-middle .icon-box{
margin-right:1rem
}
.welcome-msg{
transform:translateX(0);
animation:6s linear 2s 1 show_msg_first,12s linear 8s infinite show_msg
}
}
@keyframes show_msg_first{
0%{
transform:translateX(0%)
}
to{
transform:translateX(-100%)
}
}
@keyframes show_msg{
0%{
transform:translateX(100%)
}
to{
transform:translateX(-100%)
}
}
.label-down{
display:flex;
flex-direction:column;
align-items:center
}
.label-down i{
display:inline-block
}
.label-down span{
display:block
}
.label-down i+span{
margin-top:0.7rem
}
.label-block span{
display:block
}
.label-block .cart-name{
margin-bottom:0.5rem;
font-size:1.1rem;
font-weight:400;
text-transform:capitalize
}
.label-block .cart-name :after{
content:none
}
.label-block .cart-price{
font-size:1.4rem;
font-weight:700;
letter-spacing:-0.05em
}
.label-block.cart-toggle i{
font-size:3rem
}
.mobile-link{
display:block;
margin-right:0;
margin-bottom:-3px
}
.mobile-link i{
font-size:2.4rem
}
.mobile-link+.mobile-link{
margin-left:2rem
}
.mobile-link:hover{
color:#26c
}
@media (min-width:768px){
.mobile-link{
display:none
}
}
.dropdown{
position:relative
}
.dropdown .product{
overflow:unset
}
.dropdown.show .dropdown-box,.dropdown:hover .dropdown-box{
visibility:visible;
opacity:1;
top:99%
}
.dropdown.show .dropdown-box,.dropdown:hover .dropdown-box{
transform:translate3d(0,0,0)
}
.dropdown.show>a,.dropdown:hover>a{
color:#26c
}
.dropdown a{
display:flex;
align-items:center
}
.dropdown a .dropdown-image{
max-width:1.4rem;
margin-right:0.7rem;
height:auto
}
.dropdown>a{
line-height:1;
padding:9px 0
}
.dropdown>a:after{
display:inline-block;
margin-left:8px;
font-family:"Font Awesome 5 Free";
font-weight:600;
font-size:10px;
line-height:1;
content:""
}
.dropdown li.active>a,.dropdown li:hover>a{
color:#26c
}
.dropdown.dir-up:after{
border-bottom-color:transparent;
border-top:11px solid #fff;
transform:translate3d(-50%,8px,0)
}
.dropdown.dir-up.show .dropdown-box,.dropdown.dir-up:hover .dropdown-box{
top:auto;
bottom:100%
}
.dropdown.dir-up.show:after,.dropdown.dir-up:hover:after{
top:auto;
bottom:calc(100% - 20px);
transform:translate3d(-50%,0,0)
}
.dropdown-box{
position:absolute;
right:0;
top:-9999px;
margin:0;
padding:0.5rem 0;
color:#666;
background-color:#fff;
box-shadow:0 5px 30px 2px rgba(0,0,0,0.2);
visibility:hidden;
opacity:0;
z-index:19;
transition:transform 0.2s ease-out,opacity 0.2s,visibility 0.2s;
transform:translate3d(0,-10px,0)
}
.dropdown-box a{
font-weight:400;
padding:0.6rem 1rem
}
.dropdown-box li{
font-size:inherit;
line-height:1.1
}
.dropdown:not(.category-dropdown):not(.off-canvas) .dropdown-box{
z-index:1061
}
@media (min-width:992px){
.dropdown-expanded:after{
content:none
}
.dropdown-expanded:before{
position:absolute;
content:"";
top:50%;
transform:translateY(-50%);
left:-2.1rem;
width:1px;
height:2.5rem;
background-color:#e1e1e1
}
.dropdown-expanded>a{
display:none
}
.dropdown-expanded .dropdown-box{
position:static;
display:flex;
visibility:visible;
opacity:1;
background-color:transparent;
box-shadow:none;
border:0;
padding:9px 0;
transform:none;
color:inherit
}
.dropdown-expanded .dropdown-box a{
padding:0;
letter-spacing:-0.025em
}
.dropdown-expanded .dropdown-box>li{
margin-right:2.3rem
}
.dropdown-expanded .dropdown-box>li:last-child{
margin-right:0
}
}
@media (max-width:991px){
.dropdown.dropdown-expanded li:hover>a{
color:#26c
}
}
.cart-dropdown .dropdown-box,.compare-dropdown .dropdown-box,.wishlist-dropdown .dropdown-box{
right:-1rem;
padding:3rem;
min-width:33.5rem
}
.cart-dropdown .products,.compare-dropdown .products,.wishlist-dropdown .products{
max-height:600px;
overflow-x:hidden;
margin-right:-5px;
padding-right:1rem
}
.cart-dropdown>a{
padding:0.7rem 0
}
.cart-dropdown .cart-toggle{
padding:0.6rem 0 0.7rem
}
.cart-dropdown .cart-toggle:after{
content:none
}
.cart-dropdown .cart-label{
display:block;
cursor:pointer;
margin:0 1rem 0 0;
font-weight:inherit;
text-transform:uppercase;
letter-spacing:-0.025em
}
.cart-dropdown .minicart-icon{
display:inline-block;
font-size:1.2rem;
color:#26c
}
.cart-dropdown .minicart-icon2{
display:inline-block;
font-size:1.2rem;
color:#26c
}
.cart-dropdown .cart-count{
display:inline-block;
transition:color 0.4s;
font-size:1.3rem;
font-weight:600;
line-height:25px;
color:#26c
}
.cart-dropdown .cart-total{
display:flex;
justify-content:center;
margin-top:2rem;
margin-bottom:2.1rem;
padding:1.7rem 0 1.5rem;
border-top:1px solid;
border-bottom:1px solid;
border-color:#edeef0;
font-size:1.4rem;
line-height:1;
letter-spacing:normal
}
.cart-dropdown .cart-total label{
margin:0 auto 0 0.3rem;
line-height:inherit;
color:#666;
font-weight:400
}
.cart-dropdown .cart-total .price{
font-weight:700;
font-size:1.6rem;
color:#222
}
.cart-dropdown .cart-action{
column-gap:10px;
text-align:center
}
.cart-dropdown .cart-action .btn{
display:flex;
justify-content:center;
border-radius:3px;
padding:0.9em 2em;
line-height:1.5;
letter-spacing:0.01em;
font-weight:700
}
.cart-dropdown .cart-action .btn.btn-link{
display:inline-block;
margin-bottom:2rem;
padding:0;
border-bottom:2px solid #26c;
border-radius:0;
text-transform:capitalize;
line-height:1.3
}
.cart-dropdown .cart-action .btn.btn-link:active,.cart-dropdown .cart-action .btn.btn-link:focus,.cart-dropdown .cart-action .btn.btn-link:hover{
color:#26c
}
.cart-dropdown i{
font-size:2.4rem
}
.cart-dropdown:hover .minicart-icon{
background:#26c
}
.cart-dropdown:hover .minicart-icon:before{
transform:rotateY(180deg)
}
.cart-dropdown:hover .cart-count{
color:#fff
}
.cart-dropdown.cart-dropdown-white .cart-count,.cart-dropdown.cart-dropdown-white .cart-label,.cart-dropdown.cart-dropdown-white .cart-price{
color:#fff
}
.cart-dropdown.cart-dropdown-white .minicart-icon{
border-color:#fff
}
.cart-dropdown.cart-dropdown-white:hover .minicart-icon{
background-color:#fff
}
.cart-dropdown.cart-dropdown-white:hover .cart-count{
color:#26c
}
.cart-dropdown.type2 .cart-toggle{
align-items:center
}
.cart-dropdown.type2:hover{
color:#26c
}
.cart-dropdown.type2 .cart-count{
position:absolute;
right:-8px;
top:3px;
width:1.5rem;
height:1.5rem;
font-size:0.9rem;
line-height:1.7;
text-align:center;
border-radius:50%;
background-color:#26c;
color:#fff;
z-index:1
}
.cart-dropdown.type2 .label-block .cart-count{
width:1.9rem;
height:1.9rem;
font-size:1.1rem;
line-height:1.8rem
}
.cart-dropdown.type3 .cart-toggle{
padding:1.5rem 1.5rem 1.5rem 1.5rem;
background-color:#26c;
color:rgba(255,255,255,0.8);
transition:0.3s
}
.cart-dropdown.type3 .cart-toggle i{
font-size:1.5rem;
margin-right:7px
}
.dark-theme .cart-dropdown .cart-total{
border-color:#333
}
.compare-dropdown .compare-toggle:after{
content:none
}
.compare-dropdown .compare-btn{
display:flex;
justify-content:center;
border-radius:3px;
padding:0.9em 2em;
line-height:1.5;
letter-spacing:0.01em;
font-weight:700
}
.wishlist-dropdown .wishlist-toggle:after{
content:none
}
.wishlist-dropdown .wishlist-btn{
display:flex;
justify-content:center;
border-radius:3px;
padding:0.9em 2em;
line-height:1.5;
letter-spacing:0.01em;
font-weight:700
}
.header-top .login-dropdown{
margin-left:0
}
.off-canvas .dropdown-box{
position:fixed;
top:0;
right:-34rem;
max-width:34rem;
width:100%;
height:100vh;
min-width:auto;
padding:2.9rem 3rem;
opacity:1;
visibility:visible;
transition:right 0.3s;
transform:none;
z-index:2999;
box-shadow:none;
overflow-x:hidden;
overflow-y:auto
}
.off-canvas .dropdown-box .login-popup{
padding:0
}
.off-canvas .canvas-overlay{
position:fixed;
left:0;
width:100vw;
top:-10vh;
height:120vh;
background:rgba(0,0,0,0.3);
z-index:2998;
opacity:0;
visibility:hidden;
transition:opacity 0.3s
}
.off-canvas .canvas-header{
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:1px solid #e1e1e1;
padding-bottom:1.3rem
}
.off-canvas .canvas-title{
margin-bottom:0;
font-size:1.6rem;
font-weight:700;
text-transform:uppercase;
letter-spacing:-0.018em
}
.off-canvas .btn-close{
font-size:12px;
font-weight:600;
color:#999
}
.off-canvas .btn-close:active,.off-canvas .btn-close:focus,.off-canvas .btn-close:hover{
color:#26c
}
.off-canvas .btn-close i{
margin-right:0;
font-size:1.9rem
}
.off-canvas .product-cart,.off-canvas .product-compare,.off-canvas .product-wishlist{
margin-top:2rem
}
.off-canvas.opened .dropdown-box{
right:0
}
.off-canvas.opened .canvas-overlay{
opacity:1;
visibility:visible
}
.off-canvas:hover .dropdown-box{
top:0
}
@media (max-width:479px){
.off-canvas .dropdown-box{
max-width:30.4rem
}
}



@media (max-width:991px){
.cart-dropdown .cart-label{
display:none
}
}
@media (max-width:575px){
.cart-dropdown .product .product-media,.compare-dropdown .product .product-media{
margin-right:1rem
}
.cart-dropdown .dropdown-box,.compare-dropdown .dropdown-box{
min-width:31rem
}
.cart-dropdown .cart-total,.compare-dropdown .cart-total{
font-size:1.3rem
}
}
.category-dropdown>a{
padding:1.7rem 1.7rem;
background:#26c
}
.category-dropdown>a:after{
content:none
}
.category-dropdown>a i{
font-size:1.8rem
}
.category-dropdown>a span{
margin-left:1rem
}
.category-dropdown .dropdown-box{
padding:0;
left:0;
min-width:12rem;
box-shadow:none;
background-color:#f4f4f4;
transition:opacity 0.2s,z-index 0s,transform 0.2s ease-out;
visibility:hidden;
top:100%
}
.category-dropdown:after,.category-dropdown:before{
left:25px
}
.category-dropdown:after{
border-bottom-color:#f4f4f4;
visibility:hidden;
top:calc(100% - 20px)
}
.category-dropdown.menu-fixed .dropdown-box,.category-dropdown.menu-fixed:after{
visibility:hidden
}
.category-dropdown.dropdown.show .dropdown-box{
box-shadow:0 2px 10px rgba(0,0,0,0.1);
transform:translate3d(0,0,0);
transition:opacity 0.5s,z-index 0s,transform 0s
}
.category-dropdown.dropdown.show .dropdown-box,.category-dropdown.dropdown.show:after{
visibility:visible
}
.category-dropdown.dropdown.show:after{
transform:translate3d(-50%,0,0)
}
.category-dropdown.has-border:after{
border-bottom-color:#fff
}
.category-dropdown.has-border:after,.category-dropdown.has-border:before{
content:"";
position:absolute;
z-index:1000;
top:-9999px;
transform:translateX(-50%);
border:11px solid transparent;
border-bottom:11px solid #e1e1e1;
transition:opacity 0.4s ease;
visibility:hidden;
opacity:0;
cursor:pointer
}
.category-dropdown.has-border .dropdown-box{
background-color:#fff;
border:1px solid #e1e1e1
}
.category-dropdown.has-border.menu-fixed:before{
visibility:visible;
opacity:1
}
.sticky-header:not(.fixed) .category-dropdown.menu-fixed:after{
top:100%;
transform:translate3d(-50%,0,0)
}
.sticky-header:not(.fixed) .category-dropdown.menu-fixed .dropdown-box{
top:calc(100% + 20px);
transform:none
}
.sticky-header:not(.fixed) .category-dropdown.menu-fixed .dropdown-box,.sticky-header:not(.fixed) .category-dropdown.menu-fixed:after{
visibility:visible;
opacity:1
}
.sticky-header:not(.fixed) .category-dropdown.menu-fixed.has-border:before{
top:calc(100% - 1px);
visibility:visible;
opacity:1
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5){
.sticky-header:not(.fixed) .category-dropdown.menu-fixed.has-border:before{
top:calc(100% - 2px)
}
}

.customer-section { padding:0 8px;}
.about-us .breadcrumb{
padding:1.2rem 0 1.1rem;
position: relative;
}
.about-us .page-header{
height:30.1rem;
min-height:400px;
}
.about-us .page-subtitle{
margin:0.5rem 0 0.6rem
}
.about-us .page-title{
margin-bottom:1.3rem;
font-size:36px;
letter-spacing: normal;
line-height:1.2 !important;
}
.about-us .page-desc{
font-weight:300;
line-height:1.6;
letter-spacing:0.007em
}
.about-us .counter{
padding:4.5rem 1rem 4.2rem;
box-shadow:0px 5px 40px 0px rgba(0,0,0,0.05)
}
.about-us .counter p{
line-height:1.72
}
.about-us .section-title{
letter-spacing:-0.02em
}
.about-us .store-section .banner-radius{
border-radius:0.3rem
}
.about-us .customer-section,.about-us .store-section{
margin-bottom:2.4rem
}
.about-section{
margin:0.1rem 0 3.1rem
}
.about-section .section-subtitle{
margin-bottom:0.2rem
}
.about-section .section-title{
margin-bottom:2.2rem
}
.about-section .section-desc{
margin-bottom:8px;
line-height:1.6
}
@media (max-width:991px){
.about-us .page-header{
	padding-top: 110px;
}
.about-us .page-title{
	font-size:24px;
}
.about-section .section-subtitle{
	font-size:14px;
}
}
.customer-section .section-subtitle,.store-section .section-subtitle{
margin-bottom:0.7rem
}
.customer-section .section-title,.store-section .section-title{
margin-bottom:1.9rem
}
.customer-section .section-desc,.store-section .section-desc{
margin-bottom:4.2rem;
letter-spacing:-0.036em;
line-height:1.75
}
.customer-section .btn,.store-section .btn{
margin-bottom:0.7rem
}
.customer-section .btn i,.store-section .btn i{
font-size:2.1rem
}
.brand-section .owl-stage-outer{
padding:3rem 0;
margin:-3rem 0
}
.brand-wrap{
display:flex;
justify-content:center;
align-items:center;
height:14.2rem;
object-fit:contain;
box-shadow:0 5px 30px 0 rgba(0,0,0,0.05)
}
@media (min-width:992px){
.about-section .section-desc{
max-width:28rem
}
}
@media (min-width:768px){
.about-us .store-section .row>div:first-child{
padding-left:6rem
}
}
@media (max-width:767px){
.customer-section img,.store-section img{
width:100%
}
.order-md-first{
order:1
}
}
@media (max-width:575px){
.section-title{
font-size:2.5rem
}
}
.account{
line-height:2.15
}
.account .title{
font-size:3rem;
letter-spacing:-0.035em
}
.account p{
font-family:Poppins,sans-serif;
line-height:2.15;
letter-spacing:-0.017em
}
.account p span{
color:#333
}
.account p:first-child{
letter-spacing:-0.005em
}
.account p .link-to-tab{
text-decoration:underline
}
.account #dashboard p{
color:#777
}
.account .btn.btn-dark{
padding:0.93em 1.97em
}
.account label{
display:block;
padding-left:0.2rem;
margin-bottom:1rem;
font-size:1.4rem;
line-height:1
}
.account .form-control{
font-size:1.3rem;
font-family:Poppins,sans-serif;
transition:background-color 0.3s,border-color 0.3s;
color:#999;
border-radius:0.3rem
}
.account .form-control:focus{
border-color:#222
}
.account .nav-tabs{
width:auto;
border-right:none
}
.account .nav-item{
border-bottom:1px solid #eee;
color:#222
}
.account .nav-item a{
display:block;
padding:1.7rem 0.8rem 1.6rem;
margin:0;
font-weight:600;
letter-spacing:-0.015em;
line-height:1;
text-transform:none
}
.account .nav-item:hover .nav-link{
color:#26c
}
.account .nav-item .nav-link.active,.account .nav-item.show .nav-link{
color:#26c
}
.account .tab-pane{
padding:0.8rem 0 0
}
.account thead{
text-align:left
}
.account thead th{
padding:1.5rem 0;
background-color:#f4f4f4
}
.account tbody td{
padding:1.5rem 1rem 1.5rem 0
}
.account tbody tr:nth-child(2n) td{
background-color:#f4f4f4
}
.account td:first-child{
padding-left:1rem
}
.account .order-total{
width:25.9rem;
font-size:1.4rem;
font-weight:400;
color:#666
}
.account fieldset{
margin:7rem 0 2rem;
padding:2rem 2rem 1rem;
border:1px solid #e1e1e1
}
.account legend{
color:#222
}
.account .btn{
padding:1em 1.87em
}
.account .order-table{
border:1px solid #eee
}
.account .order-action .btn{
padding:0
}
#downloads .btn,.card-address .btn{
padding:0
}
.card-address .btn i{
font-size:1.4rem
}
.order-number{
width:11.4rem;
color:#000
}
.order-date{
width:24.8rem;
color:#666
}
.order-status{
width:14.7rem;
font-size:1.2rem;
color:#222
}
.order-status span{
display:inline-block;
padding:0.1rem 0.5rem;
background-color:#ccc;
border-radius:0.3rem;
line-height:1.9
}
.card-address p{
margin-bottom:1rem
}
@media (max-width:767px){
.account .nav-tabs{
width:100%
}
.account .tab-content{
padding-left:1.5rem
}
}
@media (max-width:479px){
.account .order-action,.account thead th:last-child{
display:none
}
}
.section-buttons .row{
justify-content:center;
text-align:center
}
.section-buttons.background-section{
padding:7.5rem 0 5.5rem
}
.section-buttons .btn{
margin-bottom:2rem
}
.btn-wrapper{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap
}
.btn-wrapper .btn{
margin-left:1rem;
margin-right:1rem
}
.btn-wrapper .btn-block{
max-width:18rem
}
@media (min-width:992px){
.btn-wrapper .btn{
margin:1.4rem 0
}
.btn-wrapper .btn:not(:last-child){
margin-right:2rem
}
}
.default-section{
margin-top:8.8rem
}
.category-icon-section .category-icon{
height:100%
}
.masonry-section .height-x1{
height:21.5rem
}
.masonry-section .height-x2{
height:43rem
}
.masonry-section .category-banner{
height:100%
}
.masonry-section .category-banner .category-media,.masonry-section .category-banner>a{
display:block;
height:100%
}
.masonry-section .category-banner img{
height:100%;
width:100%;
object-fit:cover
}
.badge-section .height-x1{
height:30rem
}
.badge-section .height-x2{
height:60rem
}
.badge-section .category-badge{
overflow:hidden;
height:100%
}
.badge-section .category-badge .category-media,.badge-section .category-badge>a{
display:block;
height:100%
}
.badge-section .category-badge img{
height:100%;
width:100%;
object-fit:cover
}
.ellipse2-section .category-ellipse2 .category-content{
background-color:#f8f8f8
}
@media (max-width:767px){
section.badge-section .height-x1,section.masonry-section .height-x1{
height:18rem
}
section.badge-section .height-x2,section.masonry-section .height-x2{
height:36rem
}
}
@media (max-width:991px){
.category-group-icon{
padding:0 1rem
}
}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){
.badge-section .category-badge img{
height:100%;
width:auto
}
.masonry-section .category-banner img{
height:100%;
width:auto
}
}
@media (-ms-high-contrast:none) and (max-width:767px),screen and (-ms-high-contrast:active) and (max-width:767px){
.badge-section .category-badge img{
width:100%;
height:auto
}
.masonry-section .category-banner img{
width:100%;
height:auto
}
}
.countdown-coming{
text-align:left
}
.countdown-coming .countdown-row{
display:flex;
justify-content:center;
line-height:1
}
.countdown-coming .countdown-amount{
display:block;
padding:0 4.2rem;
font-size:3rem;
color:#222;
letter-spacing:-0.025em
}
.countdown-coming .countdown-period{
display:block;
font-size:1.6rem;
text-align:center;
text-transform:lowercase;
overflow:hidden;
text-overflow:ellipsis
}
.countdown-coming .countdown-section:not(:first-child):before{
content:":";
position:absolute;
color:#ccc;
font-size:3rem;
line-height:0.9;
transform:translate(-3px)
}
@media (max-width:479px),(min-width:768px) and (max-width:991px){
.countdown-coming .countdown-amount{
padding:0 2.1rem
}
}
.coming-section .row{
min-height:100vh
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none){
.coming-section .row{
height:1px
}
}
.coming-section h1{
font-size:5rem;
font-weight:900
}
.coming-section p{
line-height:2.15;
letter-spacing:-0.01em
}
.coming-section form{
position:relative
}
.coming-section .form-control{
font-weight:300;
border-color:#dadada;
padding:1.15rem 13rem 1.15rem 1.5rem
}
.coming-section .btn{
position:absolute;
right:0;
top:0;
padding:1.55rem 2.85rem;
font-size:1.3rem;
border-radius:0
}
.coming-section .btn:hover{
background:#26c;
color:#fff
}
.coming-section .social-link{
border-width:1px;
line-height:28px;
margin-right:5px
}
@media (max-width:479px){
.coming-section{
padding-bottom:1px
}
.countdown-coming .countdown-amount{
font-size:2.7rem
}
.countdown-coming .countdown-period{
font-size:1.3rem
}
}
.contact-us .breadcrumb{
padding:1.2rem 0 1.1rem
}
.contact-us .breadcrumb li:last-child{
color:#666
}
.contact-us .breadcrumb li:not(:last-child):after,.contact-us .breadcrumb li:not(:last-child) a{
opacity:0.7
}
.contact-us .page-header{
height:30.2rem
}
.contact-us .page-title{
font-size:5rem
}
.contact-us .grey-section{
background-color:#f6f7f9
}
.contact-us .store-section .title{
font-size:3rem
}
.contact-us .grey-section{
padding:2.5rem 3.2rem 1.4rem
}
.contact-us .grey-section h4{
font-size:2rem;
line-height:1.1
}
.contact-us .grey-section p{
margin-bottom:3.2rem;
line-height:1.72
}
.contact-section form h4{
margin-bottom:0.3rem
}
.contact-section form p{
margin-bottom:2.4rem;
font-size:1.3rem
}
.contact-section .form-control{
border-radius:0.3rem
}
.contact-section .form-control::placeholder{
color:#999
}
.contact-section textarea{
min-height:15rem;
padding:1rem 2rem
}
.contact-section .btn i{
font-size:1.6rem;
margin-left:1rem;
margin-bottom:0.2rem
}
.contact-section .btn i:before{
font-weight:600
}
.error-section{
background:#fff;
height:694px
}
.error-section h1{
font-size:3.4rem
}
.error-section .btn{
padding:1em 3.6em
}
.error-default .banner-title{
font-size:10em;
font-family:"Segoe Script",poppins
}
.error-default .banner-subtitle{
font-size:2.4em;
line-height:1.5
}
.error-default .banner-descri{
font-size:1.6em
}
@media (max-width:991px){
.banner{
font-size:9px
}
}
@media (max-width:479px){
.banner{
font-size:8px
}
}
.error-section-1>figure img{
object-fit:cover
}
@media (min-width:992px){
.error-section-1>figure img{
min-height:800px
}
}
@media (max-width:991px){
.error-section-1>figure img{
min-height:1130px
}
}
@media (max-width:767px){
.error-section-1>figure img{
min-height:900px
}
}
@media (max-width:575px){
.error-section-1>figure img{
min-height:800px
}
}
@media (max-width:440px){
.error-section-1>figure img{
min-height:680px
}
}
.error-section-1 .banner-figure img{
max-width:629px;
bottom:-17.5%
}
@media (max-width:991px){
.error-section-1 .banner-figure{
order:2
}
.error-section-1 .banner-figure img{
max-width:80%;
bottom:0
}
}
.error-section-1 .error-content{
font-size:35em;
right:15.5%;
color:#f1f1f1;
background-image:linear-gradient(180deg,#f7f7f7 0%,transparent);
z-index:-1
}
.error-section-1 .banner-content{
left:4%
}
.error-section-1 .banner-title{
letter-spacing:0.01em
}
.error-section-2>figure img{
object-fit:cover;
min-height:601px
}
.error-section-2 .banner-content{
left:1.7%
}
.error-section-2 .banner-title{
letter-spacing:0.01em
}
.error-section-3{
overflow:hidden
}
.error-section-3>figure img{
min-height:400px;
object-fit:cover
}
.error-section-3 .banner-figure{
z-index:2;
top:0;
bottom:0;
left:0;
right:0
}
.error-section-3 .banner-figure img{
height:100%
}
.error-section-3 .banner-figure .btn{
bottom:12.5%
}
.error-section-3 .banner-title{
font-size:38.1em;
font-style:italic
}
.error-section-3 .banner-subtitle{
font-size:8em
}
.error-section-3 .banner-descri{
top:48.5%;
left:-40%;
right:-40%;
font-size:3em;
font-style:italic;
background-color:#313131;
line-height:2.4
}
@media (max-width:1600px){
.error-section-3.banner{
font-size:8px
}
}
@media (max-width:1199px){
.error-section-3.banner{
font-size:6px
}
.error-section-3.banner .banner-figure .btn{
bottom:7%
}
}
@media (max-width:575px){
.error-section-3.banner .banner-title{
font-size:22em
}
}
.product-wrapper.row [class*=col-]{
margin-bottom:2rem
}
.card-body ul{
padding-left:0;
list-style-type:none
}
.owl-nav-top .owl-nav i{
padding-left:0;
padding-right:0
}
.cta-simple{
position:relative;
overflow:hidden;
background-color:#edeef0
}
.cta-simple:before{
content:"";
position:absolute;
top:0;
left:0;
width:50%;
padding-top:50%;
background:linear-gradient(135deg,#08c 0%,#26c 50%,transparent 50.1%)
}
.cta-simple .banner-content{
position:relative;
margin:1.5rem;
padding:3.4rem 0;
z-index:3
}
.cta-simple .banner-header{
position:relative;
max-width:29.1%;
flex:0 0 29.1%;
text-align:right
}
.cta-simple .banner-header:after{
content:"";
position:absolute;
top:50%;
right:0;
transform:translateY(-50%);
width:0.5rem;
height:9rem;
background-color:#edeef0
}
.cta-simple .banner-text{
flex-grow:1
}
.cta-simple .banner-title{
margin-bottom:0.2rem;
font-size:3em
}
.cta-simple .banner-subtitle{
margin-bottom:0;
font-size:2em
}
.cta-simple .banner-text h4{
font-size:2em;
line-height:1.3
}
.cta-simple .btn{
position:relative;
margin-right:5.2rem;
padding:1.38em 2em;
min-width:18rem;
overflow:hidden;
background:transparent;
transition:opacity 0.3s;
font-size:1.3rem;
border:0
}
.cta-simple .btn:before{
content:"";
display:block;
position:absolute;
left:-100%;
width:200%;
top:0;
bottom:0;
z-index:-1;
background:linear-gradient(90deg,#26c,#08c,#26c);
transition:left 0.3s
}
.cta-simple .btn:hover:before{
left:0
}
.banner-1 img,.banner-2 img{
min-height:30rem;
object-fit:cover
}
.banner-1 .banner-content{
width:100%
}
.banner-1 .banner-title{
font-size:4em
}
.banner-1 .banner-subtitle{
white-space:nowrap;
font-size:3em
}
.banner-1 p{
margin-bottom:2.4rem;
font-size:2em;
line-height:1.25
}
.banner-2 .banner-content{
width:69%
}
.banner-2 p{
font-size:1.6em;
line-height:1.2;
color:rgba(255,255,255,0.6)
}
.banner-2 input.form-control{
border:none;
border-bottom:2px solid rgba(255,255,255,0.2);
color:rgba(255,255,255,0.6);
font-size:1.3rem
}
.banner-2 .btn-dark:not(:hover){
background-color:rgba(34,34,34,0.8);
border-color:rgba(34,34,34,0)
}
.banner-group .banner-title{
font-size:3em;
line-height:1.2;
letter-spacing:-0.02em
}
.banner-group .banner-subtitle{
margin-bottom:1.8rem;
font-size:1.4em;
line-height:1.2;
letter-spacing:0.01em
}
.banner-group img{
min-height:22rem;
object-fit:cover
}
.banner-group .banner-divider{
width:3.5rem;
height:4px;
margin-bottom:1.6rem
}
.banner-3 .banner-content{
left:7.8%
}
.banner-4 .banner-subtitle{
margin-bottom:-0.4rem;
letter-spacing:-0.0428em;
line-height:1.3
}
.banner-4 .banner-title{
font-family:"Segoe Script",sans-serif;
font-size:3.6rem
}
.banner-5 .banner-content{
right:10.5%
}
.banner-newsletter{
border:2px solid #26c
}
.banner-newsletter .banner-content{
padding:1.8rem 0
}
.banner-newsletter .icon-box{
justify-content:flex-start
}
.banner-newsletter .icon-box p{
line-height:1.43;
letter-spacing:0.01em
}
.banner-newsletter .icon-box-icon{
margin:0 2.4rem 0 0;
font-size:4.5rem
}
.banner-newsletter .icon-box-title{
font-size:1.8rem;
line-height:0.9
}
.banner-newsletter .input-wrapper{
height:4.8rem
}
.banner-newsletter .input-wrapper .form-control{
border:1px solid #e4e4e4;
border-right:0
}
.banner-newsletter .input-wrapper .btn{
padding:1em 2.7em
}
.banner-desc-container{
max-width:50rem;
margin:0 auto 4rem;
text-align:center
}
.banner-background{
padding:9.4rem 0 10.3rem
}
.banner-background .banner-title{
font-size:3.6rem
}
.banner-background .input-wrapper{
max-width:60rem;
width:100%;
height:4.8rem
}
.banner-background .input-wrapper .form-control{
position:relative;
flex:1;
padding-left:2.4rem;
border:1px solid #e7e7e7;
border-right:0;
font-size:1.2rem
}
.banner-background .input-wrapper .btn{
min-width:12.3rem
}
.banner-background .social-link:not(:hover){
border:2px solid rgba(255,255,255,0.6);
background-color:rgba(255,255,255,0.6)
}
.banner-one-col .banner{
position:absolute
}
.banner-one-col .banner-right-section{
position:relative;
min-height:42.5rem;
z-index:1
}
.banner-one-col .banner-right-section .banner-content{
left:41.5%
}
.banner-one-col .banner-right-section .banner-title{
font-size:3rem
}
.banner-one-col .banner-right-section .banner-subtitle{
font-size:1.8rem
}
.banner-one-col .banner-right-section p{
font-size:1.4rem;
letter-spacing:-0.2px
}
.banner-one-col .banner-content{
position:absolute
}
.banner-one-col .banner-subtitle{
font-size:2em;
letter-spacing:-0.5px;
margin-bottom:0.8rem
}
.banner-left-section{
position:relative;
z-index:2
}
.banner-left-section img{
min-height:34rem;
object-fit:cover
}
@media (max-width:991px){
.cta-simple .banner-content{
text-align:center
}
.cta-simple .banner-header{
max-width:100%;
text-align:center
}
.cta-simple .banner-header:after{
height:0.5rem;
width:80%;
top:100%;
right:auto;
left:50%;
transform:translateX(-50%)
}
.cta-simple .banner-text{
max-width:100%;
flex:0 0 100%
}
.cta-simple .btn{
margin:0
}
.banner-2 .banner-content{
width:100%;
padding:0 2rem
}
.banner-newsletter .icon-box{
justify-content:center
}
}
@media (min-width:768px){
.element-cta .banner-one-col{
display:flex
}
.element-cta .banner-left-section{
width:35.77%
}
.element-cta .banner-left-section .banner{
min-width:43rem;
top:50%;
transform:translateY(-50%)
}
.element-cta .banner-right-section{
width:64.23%
}
}
@media (min-width:992px){
.element-cta .banner-left-section .banner{
min-width:68rem
}
}
@media (max-width:1199px){
.element-cta .banner-left-section img{
max-width:56rem
}
}
@media (max-width:991px){
.element-cta .banner-left-section img{
max-width:43rem;
width:100%
}
}
@media (max-width:767px){
.element-cta .banner-4 .banner-content{
display:block!important
}
.element-cta .banner-left-section img{
max-width:100%
}
.element-cta .banner-one-col .banner{
position:static
}
.element-cta .banner-right-section .banner-content{
left:1rem;
text-align:center
}
}
@media (max-width:575px){
.element-cta .banner{
font-size:0.9rem
}
.element-cta .banner-group .banner{
font-size:1.2rem
}
.element-cta .banner-newsletter .icon-box{
display:block;
text-align:center
}
.element-cta .banner-newsletter .icon-box-icon{
margin-right:0;
margin-bottom:1rem
}
.element-cta .banner-newsletter .icon-box-content{
text-align:center
}
}
@media (max-width:479px){
.element-cta .banner-group .banner{
font-size:1rem
}
}
.title-desc-container{
margin:0 auto;
text-align:center;
max-width:65rem
}
.title-custom-cross{
display:flex;
align-items:center;
font-size:1.4rem
}
.title-custom-cross.title-line:after,.title-custom-cross.title-right-line:before{
max-width:6rem
}
.title-underline-simple.title-underline span:after{
content:none
}
.title-custom-underline:after{
content:"";
position:absolute;
top:3.4rem;
left:50%;
transform:translateX(-50%);
padding:0 4rem;
border:2px solid #26c
}
.instagram-masonry .height-x25{
height:407px
}
.instagram-masonry .height-x2{
height:326px
}
.instagram-masonry .height-x1{
height:163px
}
.instagram-masonry .height-x15{
height:244px
}
.instagram-masonry .grid-item{
overflow:hidden;
padding:1rem
}
.instagram-masonry img{
height:100%;
width:100%;
object-fit:cover
}
.instagram-masonry .instagram{
height:100%
}
@media (max-width:767px){
.instagram-masonry .height-x25{
height:305px
}
.instagram-masonry .height-x2{
height:244px
}
.instagram-masonry .height-x1{
height:122px
}
.instagram-masonry .height-x15{
height:183px
}
}
.posts{
transition:height 0.4s
}
.posts .post-meta a:not(:first-child){
margin-left:0.5rem
}
.posts .post-cats{
margin-bottom:1.6rem
}
.posts .btn:after{
margin-top:4px
}
.posts .video-play{
text-align:center;
width:6.8rem;
height:6.8rem;
border:2px solid #fff;
border-radius:50%;
font-size:1.8rem;
font-weight:600;
line-height:6.4rem;
transition:background 0.3s,color 0.3s,box-shadow 0.3s,opacity 0.3s
}
.posts .video-play:hover{
box-shadow:0px 0px 0px 15px rgba(255,255,255,0.2);
background-color:#fff;
color:#26c
}
.posts .post.paused .video-play:before,.posts .post .video-play:before{
margin-left:4px;
content:""
}
.posts .post.playing .video-play:before{
margin-left:0;
content:""
}
.posts .btn i{
margin-left:0.3rem;
font-size:1.4rem
}
.posts .post-classic .post-content,.posts .post-grid .post-content,.posts .post-list .post-content{
line-height:1.85
}
.posts .post-classic .post-details{
padding:3.8rem 0.5rem 2rem
}
.posts .post-classic .post-title{
margin-bottom:1.4rem
}
.posts .post-classic .post-content{
margin-bottom:2.8rem
}
.posts .post-list .post-details{
padding-top:3.8rem
}
.posts .post-grid{
margin-bottom:1.5rem
}
.posts .post-grid .post-details{
padding-left:0.5rem;
padding-right:0.5rem
}
.posts .post-grid .post-meta{
margin-bottom:0.4rem
}
.posts .post-grid .post-content{
margin-bottom:2.8rem
}
.post-slider .owl-stage-outer{
padding:2rem;
margin:-2rem
}
@media (min-width:1600px){
.post-slider .owl-stage-outer{
padding:5rem;
margin:-5rem
}
.post-slider .post-frame{
box-shadow:0px 5px 50px 0px rgba(0,0,0,0.05)
}
}
@media (min-width:1200px){
.posts .post-list .post-media{
margin-right:2rem;
width:calc(42.74% - 2rem)
}
.posts .post-list .post-details{
width:57.26%
}
}
@media (max-width:767px){
.posts .post-list{
display:block
}
.posts .post-list .post-details,.posts .post-list .post-media{
margin:0;
width:100%
}
}
@media (max-width:479px){
.post-slider .owl-stage-outer{
padding:5rem 1.5rem;
margin:-5rem -1.5rem
}
}
.shop-banner-default .banner-subtitle,.shop-boxed-banner .banner-subtitle{
margin-bottom:0.6rem;
font-size:2em
}
.shop-banner-default .banner-title,.shop-boxed-banner .banner-title{
margin-bottom:2.4rem;
font-size:4em;
letter-spacing:-0.035em
}
.shop-banner-default .btn,.shop-boxed-banner .btn{
padding:1.2em 2.8em;
border-color:#919EB2
}
.shop-banner-default .btn i,.shop-boxed-banner .btn i{
vertical-align:middle;
margin-left:0.7rem;
font-size:2.2rem
}
.shop-banner-default .btn:active,.shop-banner-default .btn:focus,.shop-banner-default .btn:hover,.shop-boxed-banner .btn:active,.shop-boxed-banner .btn:focus,.shop-boxed-banner .btn:hover{
border-color:#fff
}
.shop-banner-default{
padding:7.5rem 5.7% 8.3rem
}
.shop-boxed-banner{
padding:7.4rem 7% 8.4rem
}
.cph-header{
min-height:350px;
height:auto
}
.cph-header .category img{
width:80px;
height:80px;
border-radius:50%
}
.cph-header .category-icon{
padding:1.7rem 1rem
}
.toolbox,.toolbox-item,.toolbox-item-full,.toolbox-left,.toolbox-right{
display:flex;
align-items:center;
flex-wrap:wrap
}
.toolbox{
position:relative;
z-index:21;
justify-content:space-between
}
.toolbox.toolbox-pagination{
z-index:20
}
.toolbox{
font-size:1.3rem;
line-height:1.5;
padding:3.5rem 0.2rem 1rem;
transition:margin 0.4s;
background-color:transparent
}
.toolbox.sticky-toolbox{
padding-top:3rem
}
.toolbox-left>:not(:last-child),.toolbox-right>:not(:last-child),.toolbox>:not(:last-child){
margin-right:1.8rem
}
.toolbox label{
margin-right:0.8rem;
font-weight:600;
text-transform:uppercase
}
.toolbox select{
cursor:pointer;
padding-top:0.85rem;
padding-bottom:0.85rem;
border-color:#ebebeb;
z-index:0
}
.toolbox .select-box .form-control{
color:#222
}
.toolbox .select-box:before{
font-size:1rem;
right:1rem;
z-index:1
}
.toolbox .toolbox-sort .form-control{
max-width:15rem;
padding-left:1.4rem
}
.toolbox .toolbox-sort:before{
right:1.4rem;
z-index:2
}
.toolbox-item{
flex-wrap:nowrap;
margin-bottom:1rem
}
.toolbox-item label{
color:#222
}
.toolbox-item-full{
flex-basis:100%
}
.btn-layout{
color:#dadada;
font-size:22px;
padding:0 2px
}
.btn-layout:last-child{
padding-right:0
}
.btn-layout.active,.btn-layout:hover{
color:#333
}
.btn-layout+.btn-layout{
margin-left:2px
}
.select-menu{
color:#222
}
.select-menu:before{
right:1.25em;
font-size:1.2rem;
margin-top:1px
}
.select-menu ul,.select-menu ul:before{
content:"";
position:absolute;
border:1px solid #eee;
width:11px
}
.select-menu ul{
top:100%;
z-index:1000;
width:18rem;
margin-top:1rem;
padding:1rem 1.4rem 1rem;
background-color:#fff;
opacity:0;
visibility:hidden
}
.select-menu ul:before{
top:-6px;
left:22px;
height:11px;
border-width:1px 0 0 1px;
background-color:#fff;
transform:rotate(45deg)
}
.select-menu.opened>ul{
opacity:1;
visibility:visible
}
.dark-theme .select-menu{
color:#999
}
.dark-theme select.form-control{
background-color:transparent
}
.dark-theme .toolbox-item label{
color:#999
}
.dark-theme .toolbox .select-box .form-control{
color:#999
}
.dark-theme .btn-layout{
color:#666
}
.dark-theme .btn-layout.active,.dark-theme .btn-layout:hover{
color:#26c
}
.select-menu-toggle,.select-menu select{
position:relative;
border:1px solid #ebebeb;
padding:0.8rem 4rem 0.8rem 1.4rem;
font-size:1.2rem;
line-height:1.5;
letter-spacing:-0.03em
}
.select-menu-toggle{
border-radius:2px
}
.select-menu select{
max-width:17.2rem;
padding:0.85rem 2.6rem 0.85rem 0.9rem
}
.select-item{
padding:6px 0.7rem 4px 1.2rem;
color:#222;
background:#eee;
letter-spacing:-0.01em
}
.select-item i{
padding:0.5rem 0.6rem 0.7rem;
margin-left:5px;
font-size:9px;
vertical-align:middle
}
.select-items{
display:none
}
.toolbox+.select-items{
font-size:1.2rem;
margin:2px 0 1.8rem
}
.select-items>*{
display:inline-block;
margin:0 0.8rem 0.5rem 0
}
.select-items .filter-clean{
margin-left:1.2rem
}
.sticky-content-wrapper+.select-items{
font-size:1.2rem;
margin:2px 0 1.8rem
}
.toolbox-pagination{
position:relative;
margin-bottom:1rem;
padding:2.5rem 0.2rem;
border-top:1px solid #e1e1e1
}
.toolbox-horizontal .show-info{
color:#999;
font-size:inherit
}
.toolbox-horizontal.fixed .sidebar-content,.toolbox-horizontal.fixed .sidebar-overlay{
min-height:100vh
}
.left-sidebar-toggle,.right-sidebar-toggle,.sidebar-content .filter-actions .sidebar-toggle-btn,.toolbox .top-sidebar-toggle{
padding:0.61em 0.92em 0.61em;
margin-right:2rem;
font-weight:700;
line-height:1.2
}
.left-sidebar-toggle .d-icon-filter-2,.right-sidebar-toggle .d-icon-filter-2,.sidebar-content .filter-actions .sidebar-toggle-btn .d-icon-filter-2,.toolbox .top-sidebar-toggle .d-icon-filter-2{
font-size:1.4rem
}
.left-sidebar-toggle .d-icon-filter-2:before,.right-sidebar-toggle .d-icon-filter-2:before,.sidebar-content .filter-actions .sidebar-toggle-btn .d-icon-filter-2:before,.toolbox .top-sidebar-toggle .d-icon-filter-2:before{
font-weight:600
}
.toolbox .toolbox-left .left-sidebar-toggle{
font-weight:600
}
.toolbox-item.right-sidebar-toggle{
margin-right:0
}
.toolbox-wrap{
display:flex;
flex-direction:column-reverse;
line-height:1.3
}
.toolbox-wrap .toolbox>*{
line-height:37px
}
.toolbox-wrap .toolbox-layout{
display:flex
}
.toolbox-wrap option{
text-transform:none
}
.toolbox-wrap .toolbox-layout{
display:flex
}
.toolbox-wrap .sidebar-content .widget-title{
padding-bottom:1rem
}
.sticky-toolbox.fixed{
position:fixed;
background-color:#fff;
padding:1rem 2rem 0
}
.widget .widget-body .filter-actions{
display:block;
padding:0 0 1.5rem 0.2rem
}
.filter-price-text{
font-size:1.3rem;
color:#222
}
.filter-items a:before{
content:"";
position:absolute;
border:1px solid #999;
width:18px;
height:18px;
border-radius:2px;
top:50%;
transform:translateY(-50%);
left:-2.7rem;
font-size:0.7em;
font-weight:900;
font-family:"Font Awesome 5 Free";
text-align:center;
text-indent:1px;
line-height:1.7em
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5){
.filter-items a:before{
text-indent:0
}
}
.toolbox .btn-link{
padding:0
}
.filter-clean{
font-size:1.4rem;
margin-left:auto;
color:#222;
transition:color 0.3s
}
.filter-clean:hover{
color:#26c
}
.shop-sidebar{
position:relative
}
.shop-sidebar .btn-outline:not(:hover){
color:#26c;
background-color:#fff
}
.shop-sidebar .left-sidebar-toggle,.shop-sidebar .sidebar-toggle-btn{
padding:0.8em 1.04em
}
.shop-sidebar .filter-actions{
display:flex;
align-items:center;
padding-right:0.6rem;
margin-bottom:2rem
}
.btn-icon-right i{
margin-left:0.8rem;
font-size:1.8rem
}
@media (min-width:576px){
.toolbox-horizontal .toolbox-left{
margin-right:auto
}
.mr-sm-auto{
margin-right:auto!important
}
}
@media (min-width:992px){
.sidebar-fixed{
transition:margin 0.4s
}
.sidebar-fixed .filter-actions:first-child{
padding-top:3rem
}
.sidebar-fixed+.main-content{
transition:flex-basis 0.4s,max-width 0.4s
}
.sticky-sidebar-wrapper.closed{
height:0
}
.closed.sidebar{
margin-left:-25%
}
.closed.right-sidebar{
margin-right:-25%
}
.closed+.main-content{
max-width:100%;
flex-basis:100%
}
.main-content-wrap{
overflow:hidden
}
.sidebar-toggle-remain .toggle-remain{
position:absolute;
transition:0.4s;
left:0
}
}
@media (min-width:992px) and (-ms-high-contrast:active),(min-width:992px) and (-ms-high-contrast:none){
.sidebar-toggle-remain .toggle-remain{
top:2.7rem
}
}
@media (min-width:992px){
.sidebar-toggle-remain .filter-clean{
line-height:3.7rem
}
}
@media (min-width:992px){
.sidebar-toggle-remain.sidebar .toggle-remain i{
transition:transform 0.3s
}
.sidebar-toggle-remain.sidebar.closed .toggle-remain{
left:calc(100% + 30px)
}
.sidebar-toggle-remain.sidebar.closed .toggle-remain i{
transform:rotateY(180deg)
}
.sidebar-toggle-remain.sidebar.closed+*>.toolbox:first-child{
margin-left:10.8rem
}
.sidebar-toggle-remain.sidebar .toggle-remain:before{
content:"";
position:absolute;
background-color:#fff;
right:calc(100% + 2px);
width:20px;
bottom:-2px;
top:-2px
}
}
@media (min-width:992px){
.sidebar-toggle-remain.right-sidebar.closed .toggle-remain{
left:-3rem;
transform:translateX(-100%)
}
.sidebar-toggle-remain.right-sidebar.closed .toggle-remain i:before{
content:""
}
.sidebar-toggle-remain.right-sidebar.closed+*>.toolbox:first-child{
padding-right:11rem
}
}
@media (min-width:992px){
.toolbox-wrap .sidebar-content{
border-top:3px solid #eee;
transition:border 0.3s
}
.toolbox-wrap .sidebar-content>div{
border-bottom:3px solid #eee
}
.toolbox-wrap .sidebar-content .widget{
border:none
}
}
@media (min-width:992px){
.shop-sidebar .filter-actions{
margin-bottom:0
}
}
@media (min-width:992px){
.toolbox .sidebar-content{
max-width:none
}
}
@media (min-width:992px){
.toolbox-horizontal .sidebar-fixed .sidebar-content{
padding-bottom:0
}
.toolbox-horizontal .widget{
position:relative;
margin-bottom:1rem;
color:#222;
border-bottom:none
}
.toolbox-horizontal .widget .widget-title{
position:relative;
border:1px solid #ebebeb;
padding:8px 4rem 8px 1.4rem;
margin-bottom:0;
font-size:1.2rem;
line-height:1.5;
font-weight:400;
text-transform:capitalize;
border-radius:2px
}
.toolbox-horizontal .widget:before{
content:"";
font-family:"Font Awesome 5 free";
position:absolute;
top:50%;
right:1.25em;
margin-top:1px;
transform:translateY(-50%);
font-size:1.2rem;
font-weight:900
}
.toolbox-horizontal .widget.opened>ul{
opacity:1;
visibility:visible
}
.toolbox-horizontal .widget ul,.toolbox-horizontal .widget ul:before{
content:"";
position:absolute;
border:1px solid #eee
}
.toolbox-horizontal .widget ul{
top:100%;
z-index:1000;
width:21rem;
margin-top:1rem;
padding:1rem 1.4rem;
background-color:#fff;
opacity:0;
visibility:hidden
}
.toolbox-horizontal .widget ul:before{
top:-6px;
left:22px;
height:11px;
width:11px;
border-width:1px 0 0 1px;
background-color:#fff;
transform:rotate(45deg)
}
.toolbox-horizontal .widget ul li{
display:flex;
justify-content:space-between
}
}
@media (min-width:992px){
.toolbox-wrap .filter-actions:first-child{
padding:0
}
.toolbox-wrap .sidebar-toggle-btn{
display:none
}
.toolbox-wrap>.closed{
margin:0
}
.toolbox-wrap>.closed .sidebar-content{
display:none;
border-color:transparent;
background:transparent
}
.toolbox-wrap .filter-clean{
display:none;
position:absolute;
right:0;
top:-40px
}
}
@media (min-width:1200px){
.select-menu:not(:last-child):not(.toolbox-show){
margin-right:2rem
}
.toolbox .shop-sidebar{
margin-right:2rem
}
}
@media (max-width:991px){
.toolbox .sidebar-fixed{
margin-right:0
}
.toolbox .sidebar-content{
display:block
}
.sidebar-content .select-menu{
display:block;
margin:0;
font-size:1.4rem
}
.sidebar-content .select-menu ul{
position:static;
width:100%;
padding:0;
border:0;
color:#666;
margin:0 0 1.1rem;
opacity:1;
visibility:visible
}
.sidebar-content .select-menu ul a:before{
width:18px;
height:18px;
margin-top:0
}
.sidebar-content .select-menu:before,.sidebar-content .select-menu>a:before,.sidebar-content .select-menu ul:before{
content:none
}
.sidebar-content .select-menu-toggle{
display:block;
border-width:3px 0 0;
padding:2rem 2px 1.6rem;
font-size:1.5rem;
font-weight:600;
text-transform:capitalize
}
.sidebar-content .toolbox-item:first-child a{
border:none
}
}
@media (max-width:767px){
.toolbox-item.show-info,.toolbox-item>span,.toolbox-item label{
display:none
}
}
@media (max-width:575px){
.toolbox-item.select-box{
margin-right:0
}
.toolbox-item.select-box~.toolbox-item.right-sidebar-toggle{
margin-left:1rem
}
.toolbox-item.toolbox-layout{
display:none
}
.sticky-sidebar .filter-actions .sidebar-toggle-btn,.toolbox .toolbox-left .left-sidebar-toggle{
margin-right:1rem
}
.toolbox .toolbox-left{
margin:0
}
.toolbox .left-sidebar-toggle{
margin-right:0.5rem
}
.toolbox .toolbox-sort .form-control{
max-width:12.8rem
}
.toolbox-horizontal{
justify-content:flex-start;
flex-direction:row
}
.toolbox-horizontal .toolbox-left{
margin-right:auto
}
.toolbox-horizontal .toolbox-right{
margin-left:auto
}
.toolbox-horizontal .toolbox-item.toolbox-show{
margin-right:0
}
.toolbox-pagination{
flex-direction:column
}
.toolbox-pagination>.show-info{
margin-right:0
}
.toolbox-pagination>:not(:last-child){
margin-bottom:1rem
}
}
@media (max-width:479px){
.sticky-toolbox.fixed{
padding:1rem 1.5rem 0
}
.toolbox{
padding-right:0;
padding-left:0
}
.toolbox .toolbox-sort .form-control{
max-width:12.5rem;
padding-left:1rem
}
.toolbox select{
padding-top:0.63rem;
padding-bottom:0.63rem;
padding-right:2rem
}
.toolbox .btn-sm.toolbox-item,.toolbox .btn.toolbox-item{
font-size:1.2rem;
padding:0.61em 0.92em 0.61em
}
}
.cart-added-alert{
display:none;
margin-bottom:1rem
}
.container>.cart-added-alert:first-child{
margin-top:-1rem
}
.cart-added-alert span{
color:#222
}
.cart-added-alert .btn-success,.cart-added-alert span{
vertical-align:middle
}
.product-details .product-navigation{
padding:0.2rem 2px 0.3rem
}
.product-gallery{
display:flex;
flex-wrap:wrap;
margin-bottom:3rem;
position:sticky
}
.product-gallery.product-gallery-sticky{
top:2rem;
padding-bottom:3rem;
transition:top 0.3s
}
.sticky-header-active .product-gallery.product-gallery-sticky{
top:8rem
}
.product-gallery.row>*{
display:flex;
align-items:center
}
.product-gallery.row .product-image-full{
right:2rem
}
.product-image-full{
display: none;
visibility:hidden;
position:absolute;
padding:1rem;
right:1rem;
bottom:1rem;
color:#999;
font-size:2rem;
line-height:1;
opacity:0;
transition:opacity 0.3s;
z-index:1
}
:hover>.product-image-full{
opacity:1
}
.product-navigation{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
padding:2rem 2px 1.1rem
}
.product-navigation .breadcrumb{
margin:0 2rem 1rem 0;
font-size:inherit
}
.product-navigation .product-nav{
margin-bottom:1rem
}
.product-nav{
display:flex;
position:relative;
color:#999
}
.product-nav i{
vertical-align:middle;
font-size:1.9rem;
line-height:0
}
.product-nav li+li{
margin-left:2rem
}
.product-nav .product-nav-next>a,.product-nav .product-nav-prev>a{
display:flex;
align-items:center
}
.product-nav .product-nav-prev i{
margin-right:2px
}
.product-nav .product-nav-next i{
margin-left:2px
}
.product-nav .product-name{
padding-right:0;
color:#666;
font-size:1.2rem;
font-weight:400;
white-space:normal
}
.product-nav li:hover .product-nav-popup{
opacity:1;
visibility:visible;
transform:none
}
.product-nav-popup{
position:absolute;
top:126%;
right:16px;
z-index:30;
width:120px;
padding:0 5px 5px;
line-height:1.5;
text-align:center;
background-color:#fff;
box-shadow:1px 1px 7px rgba(0,0,0,0.1);
visibility:hidden;
opacity:0;
transform:scale(0.9);
transform-origin:top;
transition:opacity 0.3s,transform 0.3s
}
.product-nav-popup:before{
content:"";
position:absolute;
top:-8px;
right:18px;
width:16px;
height:16px;
transform:rotate(45deg);
background-color:#fff;
box-shadow:inherit
}
.product-nav-popup img{
position:relative;
padding-top:5px;
background-color:#fff
}
.product-nav-prev .product-nav-popup:before{
right:6.6rem
}
.product-tabs .nav-link{
padding:1rem 2.5rem;
line-height:1.2
}
.product-tabs .nav-item{
margin-right:0
}
.product-tabs .tab-pane{
padding:1.5rem 0.2rem;
line-height:1.86
}
.product-footer+.product-tabs{
margin-top:2.5rem
}
.product-status .list-type li,.product-tabs .tab-pane .list-type li{
padding-left:3rem
}
.product-status{
line-height:2
}
#product-tab-description .description-title,.card-description .description-title{
font-size:2rem;
line-height:24px
}
#product-tab-description .description-title~p,.card-description .description-title~p{
line-height:1.86
}
#product-tab-description li,.card-description li{
position:relative;
padding-left:2.4rem
}
#product-tab-description li:before,.card-description li:before{
position:absolute;
display:block;
left:3px;
top:2px;
content:"";
font-family:"riode";
font-weight:700;
font-size:1.2rem;
color:#222
}
#product-tab-description .table tbody,.card-description .table tbody{
line-height:1.8
}
#product-tab-description .table td,#product-tab-description .table th,.card-description .table td,.card-description .table th{
padding:10px;
text-align:left;
vertical-align:top;
border-bottom:1px solid #e9e9e9
}
@media (min-width:768px){
#product-tab-description .pl-md-6,.card-description .pl-md-6{
padding-left:3rem!important
}
}
#product-tab-description .btn-play,.card-description .btn-play{
display:flex;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
align-items:center;
justify-content:center;
padding:0;
font-size:35px;
width:78px;
height:78px;
border-radius:50%;
background-color:#222;
box-shadow:0 5px 10px rgba(0,0,0,0.2);
color:#fff
}
#product-tab-description .icon-box-icon,.card-description .icon-box-icon{
font-size:3rem;
border-color:#cdcdcd
}
#product-tab-description .icon-box-content p,.card-description .icon-box-content p{
font-size:1.3rem;
color:#999
}
#product-tab-description .divider,.card-description .divider{
margin:1.3rem 0 1.3rem;
height:4.4rem
}
#product-tab-description figure img,.card-description figure img{
vertical-align:middle
}
#product-tab-description .icon-box-icon,.card-body .icon-box-icon{
width:5.1rem;
height:5.1rem;
margin-right:2rem
}
#product-tab-description .icon-box-icon .d-icon-truck,.card-body .icon-box-icon .d-icon-truck{
font-size:3.6rem
}
#product-tab-description .icon-box-title,.card-body .icon-box-title{
margin-bottom:0.2rem
}
#product-tab-description .icon-box-wrap{
max-width:559px
}
#product-tab-additional label,.card-additional label{
display:inline-block;
min-width:20rem;
color:#222
}
#product-tab-additional p,.card-additional p{
display:inline-block;
margin-bottom:0
}
#product-tab-size-guide,.card-sizeguide{
display:block
}
#product-tab-size-guide .size-image,.card-sizeguide .size-image{
flex:0 0 36%;
text-align:center;
padding:0 10px
}
#product-tab-size-guide .size-table,.card-sizeguide .size-table{
flex:1;
font-size:14px;
text-transform:uppercase;
color:#21293c
}
#product-tab-size-guide .size-table thead th,.card-sizeguide .size-table thead th{
padding:30px 0 30px 10px;
font-weight:600;
background:#f4f4f2;
text-align:left
}
#product-tab-size-guide .size-table tbody tr>*,.card-sizeguide .size-table tbody tr>*{
padding:12px 0 12px 10px;
font-weight:700;
text-align:left
}
#product-tab-size-guide .size-table tbody tr:nth-child(2n),.card-sizeguide .size-table tbody tr:nth-child(2n){
background-color:#ebebeb
}
#product-tab-reviews .comments-list li,.card-reviews .comments-list li{
padding-bottom:3rem;
margin-bottom:3rem;
border-bottom:1px solid #e1e1e1
}
#product-tab-reviews .comments,.card-reviews .comments{
padding:1rem
}
#product-tab-reviews .comment p,.card-reviews .comment p{
margin-bottom:0
}
#product-tab-reviews .comment-rating,.card-reviews .comment-rating{
right:0;
top:3rem;
font-size:1.2rem;
margin-bottom:1rem
}
#product-tab-reviews .ratings-full,.card-reviews .ratings-full{
margin-right:0
}
#product-tab-reviews .reply,.card-reviews .reply{
margin-bottom:0
}
#product-tab-reviews .reply p,.card-reviews .reply p{
margin-bottom:2.5rem;
font-size:1.3rem;
color:#666
}
#product-tab-reviews .reply .btn,.card-reviews .reply .btn{
padding:1.2em 2.97em
}
#product-tab-reviews .reply .btn i,.card-reviews .reply .btn i{
font-size:1.9rem;
margin-left:1rem
}
#product-tab-reviews .form-checkbox,.card-reviews .form-checkbox{
font-size:1.3rem
}
#product-tab-reviews .form-control-label,.card-reviews .form-control-label{
padding-left:0
}
#product-tab-reviews .form-control-label:before,.card-reviews .form-control-label:before{
display:inline-block;
position:relative;
transform:none;
vertical-align:middle;
margin-right:0.5rem
}
#product-tab-reviews .btn.btn-link.active,#product-tab-reviews .btn.btn-link:hover,.card-reviews .btn.btn-link.active,.card-reviews .btn.btn-link:hover{
color:#26c
}
#product-tab-reviews{
padding-top:3rem
}
.product-details .collapse:after{
color:#26c
}
.accordion-border .card{
padding:0 1.3rem
}
.rating-form{
display:flex;
align-items:center;
flex-wrap:wrap;
margin-bottom:2.2rem
}
.rating-form label{
margin-right:1rem
}
.rating-stars{
display:flex;
position:relative;
height:14px;
font-size:1.4rem
}
.rating-stars a{
color:#999;
text-indent:-9999px;
letter-spacing:1px;
width:16px;
letter-spacing:0.2em
}
.rating-stars a:before{
content:"";
position:absolute;
left:0;
height:14px;
line-height:1;
font-family:"riode";
text-indent:0;
overflow:hidden;
white-space:nowrap
}
.rating-stars a.active:before,.rating-stars a:hover:before{
content:"";
color:#d26e4b
}
.rating-stars .star-1{
z-index:10
}
.rating-stars .star-2{
z-index:9
}
.rating-stars .star-3{
z-index:8
}
.rating-stars .star-4{
z-index:7
}
.rating-stars .start-5{
z-index:6
}
.rating-stars .star-1:before{
width:20%
}
.rating-stars .star-2:before{
width:40%
}
.rating-stars .star-3:before{
width:60%
}
.rating-stars .star-4:before{
width:80%
}
.rating-stars .star-5:before{
content:""
}
.product-sticky-content:not(.fixed) .sticky-product-details{
display:none
}
.product-sticky-content:not(.fixed) .container{
padding:0
}
.product-sticky-content.fixed{
padding:1rem 0
}
.product-sticky-content.fixed .container{
display:flex;
align-items:center
}
.product-sticky-content.fixed .product-form{
flex:1
}
.product-sticky-content.fixed .product-form-group{
justify-content:flex-end
}
.product-sticky-content.fixed .product-form,.product-sticky-content.fixed .product-form-group>*{
margin-bottom:0
}
.product-sticky-content.fixed .product-form>label{
display:none
}
.product-sticky-content.fixed .input-group{
margin-right:0.8rem
}
.sticky-product-details{
display:flex;
align-items:center
}
.sticky-product-details img{
display:block;
width:9rem;
height:9rem
}
.sticky-product-details .product-image{
margin-right:1rem;
max-width:9rem
}
.sticky-product-details .product-title{
margin-bottom:0.5rem;
font-weight:700
}
.sticky-product-details .product-price{
font-weight:600
}
.sticky-product-details .product-price,.sticky-product-details .product-title{
font-size:2rem
}
.sticky-product-details .product-price,.sticky-product-details .ratings-container{
margin-bottom:0
}
.sticky-product-details .product-info{
display:flex
}
.sticky-product-details .product-price{
margin-right:2rem
}
aside .service-list{
padding:0 2rem;
border:1px solid #eee
}
aside .service-list>*{
justify-content:flex-start;
padding:2.2rem 0
}
aside .service-list>:not(:last-child){
border-bottom:1px solid #e1e1e1
}
aside .service-list i{
margin-left:5px;
font-size:3.2rem
}
aside .service-list .icon-box-title{
font-size:1.5rem;
letter-spacing:0;
line-height:1.2
}
aside .service-list p{
line-height:1.2
}
aside .service-list .icon-box1 i{
margin-left:0;
font-size:3.7rem
}
aside .banner-content{
left:5%;
top:12%;
width:90%
}
aside .banner-subtitle{
font-weight:500;
font-size:16px;
color:#777777
}
aside .banner-title{
font-size:2.3rem;
line-height:1.4em
}
aside .owl-nav-top .owl-nav{
top:-5.1rem
}
aside .owl-nav-top .owl-nav i{
padding:0.1rem;
font-size:1.2rem
}
aside .owl-nav-top .owl-nav i:before{
font-weight:600
}
.review-form-section .review-medias{
margin-top:3rem;
margin-bottom:1rem
}
.review-form-section .review-medias>.btn{
display:flex;
align-items:center
}
.review-form-section .file-input{
position:relative;
margin-right:2rem;
padding:0;
width:auto;
background-repeat:no-repeat;
background-size:cover
}
.review-form-section .file-input-wrapper{
display:block;
width:80px;
height:80px;
background-repeat:no-repeat;
background-size:cover
}
.review-form-section input[type=file]{
width:0!important;
height:0!important;
overflow:hidden;
opacity:0
}
.review-form-section .btn-action{
position:absolute;
right:-10px;
top:-10px;
height:22px;
width:22px;
display:flex;
justify-content:center;
line-height:22px;
font-size:10px;
border-radius:50%;
background-color:#fff;
box-shadow:0 0 5px rgba(0,0,0,0.15);
cursor:pointer;
transition:box-shadow 0.3s
}
.review-form-section .btn-action:before{
font-family:"Font Awesome 5 Free";
font-weight:600
}
.review-form-section .btn-upload:before{
content:""
}
.review-form-section .btn-remove{
top:auto;
bottom:-10px
}
.review-form-section .btn-remove:before{
content:"";
font-size:12px
}
.review-medias{
display:flex;
align-items:flex-start;
flex-wrap:wrap
}
.avg-rating-container{
display:flex;
align-items:center;
margin-bottom:1rem
}
.avg-rating-container mark{
font-size:6rem;
font-weight:700;
letter-spacing:-0.025em;
line-height:1;
color:#26c;
background:none;
margin-right:1.8rem
}
.avg-rating-container .rating-reviews:hover{
color:#999
}
.ratings-item{
display:flex;
align-items:center
}
.ratings-item .ratings-container{
margin-right:1.8rem
}
.ratings-item .progress-value{
margin-left:2rem
}
.rating-percent{
background:#eee;
height:0.8rem;
width:20rem;
max-width:100%;
border-radius:1rem
}
.rating-percent span{
display:block;
height:100%;
border-radius:inherit;
background:#999
}
.comments .toolbox{
padding:0 0 1rem;
margin-bottom:3rem;
border-bottom:1px solid #e1e1e1
}
.comments .toolbox .btn{
font-size:1.3rem;
padding:0.82em 1.08em
}
.comments .toolbox .toolbox-sort .form-control{
min-width:15rem
}
.comments .toolbox-pagination{
border:none
}
.comments .page-item{
margin-bottom:0
}
.comments .file-input-wrappers{
display:flex
}
.comments .file-input-wrappers>*{
width:6rem;
height:6rem;
margin-right:1rem;
cursor:zoom-in
}
.comments .file-input-wrappers img{
height:100%
}
.comments .feeling i{
font-size:1.4rem
}
.comments .btn-play{
display:flex;
justify-content:center;
align-items:center
}
.comments .btn-play i{
width:3rem;
height:3rem;
line-height:3rem;
text-align:center;
border-radius:50%;
color:#fff;
background:rgba(0,0,0,0.7)
}
.review-form-section .review-form-wrapper{
position:fixed;
top:0;
bottom:0;
right:-100%;
background-color:#fff;
z-index:1101;
box-shadow:0px 2px 9px rgba(0,0,0,0.1);
padding:3rem;
transition:right 0.3s;
overflow:auto
}
.review-form-section .review-overlay{
position:fixed;
left:0;
width:100vw;
top:-10vh;
height:120vh;
background:rgba(0,0,0,0.3);
z-index:1100;
opacity:0;
visibility:hidden;
transition:opacity 0.3s
}
.review-form-section.opened .review-form-wrapper{
right:0
}
.review-form-section.opened .review-overlay{
opacity:1;
visibility:visible
}
@media (max-width:575px){
#product-tab-reviews .comments-list>ul,.card-body .comments-list>ul{
padding:0
}
#product-tab-reviews .comment-body,.card-body .comment-body{
padding-left:1.5rem
}
#product-tab-additional label{
min-width:13rem
}
}
@media (min-width:576px){
#product-tab-size-guide .size-table tbody th,#product-tab-size-guide thead th:first-child,.card-sizeguide .size-table tbody th,.card-sizeguide thead th:first-child{
padding-left:3rem
}
#product-tab-size-guide{
display:flex
}
}
@media (min-width:992px){
.product-form select{
width:20rem
}
.product-single .product-details{
padding-left:1rem
}
.product-details.row{
padding-left:0
}
.product-details.row>:last-child{
padding-left:2rem
}
}
@media (min-width:1600px){
.container-fluid .product-thumbs.owl-carousel{
width:calc(100% + 20px);
margin:0 -10px
}
.container-fluid .product-thumb{
margin:0 10px
}
.container-fluid .product-thumbs-wrap{
margin-top:20px
}
.container-fluid .product-thumbs .owl-prev{
left:10px
}
.container-fluid .product-thumbs .owl-next{
right:10px
}
.container-fluid .pg-vertical .product-thumb{
margin:0 0 20px
}
.container-fluid .pg-vertical .product-thumbs-wrap{
margin:0 20px 0 0
}
.container-fluid .pg-vertical .product-single-carousel{
max-width:calc(100% - 129px)
}
}
@media (min-width:992px) and (max-width:1199px){
aside .service-list{
padding:0 1rem
}
}
@media (min-width:768px) and (max-width:1035px){
.product-single #product-tab-size-guide{
display:block
}
}
@media (max-width:991px){
aside .service-list .icon-box-side{
flex-direction:row
}
aside .service-list .icon-box-side .icon-box-icon{
padding:0;
margin:0 2rem 0 0
}
aside .service-list .icon-box-side .icon-box-content{
text-align:left
}
}
.product-sticky-both .btn-cart{
margin-bottom:1rem
}
.product-sticky-both .product-action{
display:flex
}
.product-sticky-both .btn-wishlist{
margin-bottom:1rem
}
@media (min-width:992px){
.product-sticky-both .btn-cart{
max-width:100%
}
.product-sticky-both .product-form .p-relative,.product-sticky-both .product-form .select-box{
margin-right:0;
width:100%
}
.product-sticky-both .product-form select{
flex:1;
width:100%
}
}
@media (max-width:991px){
#product-tab-description .icon-box-side,.card-body .icon-box-side{
flex-direction:row
}
#product-tab-description .icon-box-icon,.card-body .icon-box-icon{
display:inline-flex;
margin-bottom:0;
padding:0
}
#product-tab-description .icon-box-content,.card-body .icon-box-content{
text-align:left
}
.review-form-wrapper{
width:45rem
}
}
@media (max-width:575px){
.review-form-wrapper{
width:30rem
}
.review-form-wrapper .file-input-wrapper{
width:6rem;
height:6rem
}
.review-form-wrapper .file-input{
margin-right:1rem
}
}
.dark-theme .avg-rating-title,.dark-theme .product-nav .product-name,.dark-theme .progress-value{
color:#999
}
.dark-theme .size-image img{
filter:invert(1)
}
.dark-theme .size-table{
color:#fff
}
.dark-theme .size-table thead th{
background:#999
}
.dark-theme .size-table tbody tr:nth-child(2n){
background-color:#999
}
.dark-theme .rating-percent{
background:#999
}
.dark-theme .rating-percent span{
background:#fff
}
.post-single .post-details{
padding:4rem 0 0 0
}
.post-single .post-author{
text-transform:uppercase
}
.post-single .post-title{
margin-bottom:2.5rem;
font-size:2.4rem
}
.post-single .post-body a{
text-decoration:underline;
color:#222
}
.post-single .post-body a:hover{
color:#26c
}
.post-single .post-body h4{
margin-bottom:2rem;
font-size:2rem;
line-height:1.2
}
.post-single .post-body p{
line-height:1.72
}
.post-single .post-body li,.post-single .post-body p{
text-align:justify
}
.post-single .post-body figcaption{
color:#999
}
.post-single .post-body figcaption a{
color:inherit;
border-bottom:1px solid #999;
text-decoration:none;
transition:border-color 0.3s,color 0.3s
}
.post-single .post-body figcaption a:hover{
border-color:#26c
}
.post-single .with-img{
display:flex
}
.post-single .with-img figure{
display:table;
margin:0 auto
}
.post-single .with-img .list{
margin-left:0;
line-height:1.82
}
.post-single .with-img li:not(:last-child){
margin-bottom:0.3rem
}
.post-single blockquote{
padding-left:6rem
}
.post-single blockquote p{
font-size:1.8rem
}
.post-single blockquote:before{
display:inline-block;
position:absolute;
left:0;
top:0;
font-family:"Font Awesome 5 Free";
content:"";
font-weight:900;
font-size:2.5rem;
color:#222;
line-height:1
}
.post-single .post-author-detail{
position:relative;
display:flex;
align-items:flex-start;
margin-top:6rem;
padding:3rem;
border:1px solid #e1e1e1;
z-index:1
}
.post-single .author-media{
max-width:6rem;
flex:0 0 6rem;
margin-right:1.8rem;
overflow:hidden
}
.post-single .author-media img{
display:block;
width:100%;
height:100%;
object-fit:cover
}
.post-single .author-header{
flex-wrap:wrap;
margin:0.2rem 0 1.2rem
}
.post-single .author-header :not(i){
line-height:1
}
.post-single .author-header .author-name{
font-size:1.8rem;
line-height:1.2
}
.post-single .author-header .author-title{
font-size:1.3rem;
line-height:1.86
}
.post-single .author-header .author-link{
display:inline-block;
font-size:1.3rem;
margin:1rem 0;
text-decoration:none
}
.post-single .author-header .author-link:hover{
color:#26c
}
.post-single .author-body{
flex-grow:1
}
@media (max-width:575px){
.post-single blockquote{
padding-left:4rem
}
.post-single blockquote p{
font-size:1.6rem
}
.post-single .post-author-detail{
padding:1.7rem
}
}
.post-footer{
display:flex;
align-items:center
}
.post-footer .social-icons{
margin-left:auto
}
.post-footer .social-icon{
display:inline-block;
margin:0.3rem 2.8rem 0.3rem 0;
font-size:1.5rem;
color:#999
}
.post-footer .social-icon.social-pinterest{
margin-right:1rem
}
.page-nav{
padding-bottom:1rem;
border-bottom:1px solid #ebebeb;
display:flex;
align-items:center;
width:100%
}
.pager-link{
position:relative;
color:#999;
display:flex;
flex-direction:column;
align-items:flex-start;
flex:0 0 50%;
max-width:50%;
font-weight:400;
padding-top:1.5rem;
padding-bottom:1.5rem;
font-size:1.3rem;
font-weight:400;
text-transform:uppercase;
line-height:1.5;
transition:all 0.35s ease
}
.pager-link+.pager-link{
border-left:0.1rem solid #ebebeb
}
.pager-link:after{
display:block;
position:absolute;
top:50%;
transform:translateY(-50%);
font-family:"riode";
font-size:2rem;
font-weight:400;
line-height:1;
transition:all 0.35s ease 0.05s
}
.pager-link.pager-link-prev{
padding-right:3rem;
padding-left:4.2rem
}
.pager-link.pager-link-prev:after{
content:"";
left:0.2rem
}
.pager-link.pager-link-next{
padding-left:3rem;
padding-right:4.2rem;
align-items:flex-end;
text-align:right
}
.pager-link.pager-link-next:after{
content:"";
right:0.2rem
}
.pager-link:focus,.pager-link:hover{
color:#999
}
.pager-link:focus .pager-link-title,.pager-link:hover .pager-link-title{
box-shadow:0 0.2rem 0 #333
}
.pager-link-title{
display:inline-block;
margin-top:0.6rem;
flex:0 0 auto;
color:#222;
font-size:1.5rem;
font-weight:700;
text-transform:none;
transition:all 0.35s ease;
max-width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
@media (max-width:575px){
.pager-link-title{
display:none
}
.pager-link.pager-link-next{
border:0
}
}
.related-posts{
padding:7rem 0 4.5rem
}
.related-posts .post-details{
padding:2.3rem 0 1rem
}
.related-posts .post-title{
text-transform:none
}
.related-posts .post-content{
margin-bottom:1.8rem;
line-height:1.72
}
.comments .title-simple,.related-posts .title-simple,.reply .title-simple{
font-size:2.4rem
}
.element-animation .element-animate{
border-bottom:1px solid #e1e1e1;
padding:8rem 0
}
.element-animation h2{
font-size:30px;
font-weight:700;
line-height:1em;
margin:0
}
.shop-table{
text-align:left
}
.shop-table tbody{
border-bottom:1px solid #e1e1e1
}
.shop-table td{
padding:1.5rem 1rem 1.5rem 0;
border-top:1px solid #e1e1e1;
font-size:1.4rem
}
.shop-table th{
padding:0.3rem 0 0.3rem;
font-size:15px;
font-weight:500;
line-height:1.875;
text-transform:uppercase;
color:#222
}
.shop-table img{
display:block;
max-width:100px
}
.shop-table .product-thumbnail a{
display:block;
width:100px
}
.shop-table .remove{
display:flex;
align-items:center;
justify-content:center;
width:2.3rem;
height:2.3rem;
font-size:1.2rem;
color:#222;
border:1px solid #ccc;
border-radius:50%
}
.shop-table .product-name{
white-space:normal;
color:#000
}
.shop-table td.product-remove{
padding-right:0;
width:23px
}
.shop-table .product-price{
display:table-cell
}
.share-on>*{
margin-right:2.8rem
}
.share-on .social-link{
border:none;
width:auto;
height:auto
}
.share-on .social-link.social-facebook{
color:#3b5998
}
.share-on .social-link.social-twitter{
color:#1da1f2
}
.share-on .social-link.social-pinterest{
color:#bd081c
}
.share-on .social-link.social-email{
color:#dd4b39
}
.share-on .social-link.social-whatsapp{
color:#3c8a38
}
.share-on .social-link.social-icon:hover{
background-color:transparent;
color:#26c
}
@media (min-width:768px){
.wishlist-table td.product-price{
width:130px
}
.wishlist-table td.product-stock-status{
width:130px
}
}
@media (min-width:992px){
.wishlist-table td.product-price{
width:107px
}
.wishlist-table td.product-stock-status{
width:201px
}
.wishlist-table td.product-add-to-cart{
width:235px
}
}
@media (max-width:767px){
.shop-table{
text-align:center
}
.shop-table thead{
display:none
}
.shop-table tbody,.shop-table td,.shop-table tr{
display:block
}
.shop-table tbody{
border:1px solid #e1e1e1
}
.shop-table tr{
position:relative;
padding:4rem 1rem 4rem
}
.shop-table tr+tr{
border-top:1px solid #e1e1e1
}
.shop-table td{
padding:0;
border:none
}
.shop-table .product-thumbnail{
margin-bottom:1rem
}
.shop-table .btn-product,.shop-table .product-thumbnail a,.shop-table td{
margin-left:auto;
margin-right:auto
}
.shop-table .product-stock-status{
margin-bottom:1rem
}
.shop-table .btn-product{
max-width:220px
}
.shop-table .product-remove{
position:absolute;
right:2rem;
top:2rem;
padding:0.5rem;
width:auto
}
.shop-table .product-quantity{
margin-bottom:1rem
}
.wishlist-table td.product-price{
display:block;
width:100%
}
}
.wishlist-table th.product-name{
padding-left:2px;
width:120px
}
.wishlist-table .wishlist-out-stock{
color:#d26e4b
}
.wishlist-table .wishlist-in-stock{
color:#26c
}
.wishlist-table .btn-product{
padding:1.4rem;
white-space:nowrap;
width:13rem;
margin:0 auto;
font-size:1.2rem;
transition:color 0.3s,background-color 0.3s
}
.wishlist-table .btn-product:hover{
color:#fff;
background-color:#26c
}
.wishlist-table .btn-product.btn-disabled{
border-color:#f2f3f5!important;
background-color:#f2f3f5!important
}
.wishlist-page{
border-top:1px solid #e1e1e1
}
.wishlist-empty{
padding:20px 0 70px
}
.wishlist-empty .main-content{
text-align:center
}
.wishlist-empty .wishlist-icon{
font-size:80px
}
.wishlist-empty .wishlist-descri{
font-size:14px;
margin:22px 0
}
.wishlist-empty .btn{
width:20rem;
margin-top:1rem
}
.cart.main{
border-top:1px solid #e1e1e1
}
.cart .accordion{
border-bottom:1px solid #e1e1e1
}
.cart .card-header{
font-size:1.4rem
}
.cart .card-header>a{
padding-left:2px
}
.cart .card-body{
margin-bottom:2.4rem;
padding:0
}
.cart .form-control{
font-family:Poppins,sans-serif
}
.cart .remove{
margin-right:0;
width:2rem;
text-align:center
}
.cart .summary{
line-height:2.15
}
.cart .summary .title{
margin-bottom:1rem;
padding-bottom:1.8rem;
border-bottom:1px solid #e1e1e1
}
.cart .btn-checkout{
display:block;
padding-top:1.06em;
padding-bottom:1.06em;
border-color:#333;
background-color:#333
}
.cart .product-thumbnail figure{
position:relative;
display:inline-block
}
.cart .shop-table th{
padding:0.2rem 0 1.8rem;
font-size:1.3rem;
font-weight:700;
color:#999;
line-height:1;
letter-spacing:-0.025em
}
.cart .shop-table td{
padding:1.6rem 2rem 1.6rem 0
}
.cart .shop-table td:last-child{
padding-right:0
}
.cart .shop-table td:first-child{
padding:2rem 2rem 1.5rem 0
}
.cart .shop-table .quantity.form-control{
font-weight:700
}
.cart .product-remove{
display:flex;
align-items:center;
justify-content:center;
text-align:center;
font-size:1.2rem;
width:2.3rem;
height:2.3rem;
border:1px solid #ccc;
border-radius:50%;
background-color:#fff;
color:#222
}
.cart .shipping{
margin-bottom:0.3rem
}
.cart .btn{
border-width:1px
}
.cart .shipping-row-last .summary-subtitle{
padding:2.4rem 0 1.9rem
}
.cart .shipping-row-last li{
padding-bottom:0.3rem
}
.step-by{
display:flex;
justify-content:center;
flex-wrap:wrap;
padding:0.9rem 0
}
.step-by .title.title-step{
margin:0 3.4rem 0 1rem;
font-size:2rem;
text-transform:uppercase;
font-weight:700;
color:#666;
letter-spacing:-0.5px;
padding:0.4rem 0
}
.step-by .title.title-step:not(:last-child):after{
content:"";
display:inline-block;
position:absolute;
right:-3rem;
top:52%;
line-height:0;
vertical-align:middle;
font-family:"Font Awesome 5 Free";
font-weight:700;
font-size:1.7rem;
background-color:#fff;
color:#ccc
}
.step-by .title.title-step.visited{
color:#222
}
.step-by .title.title-step.visited~.active:before{
color:#222
}
.step-by .title.title-step.active{
color:#26c
}
.step-by .title.title-step:first-child{
margin-left:0
}
.step-by .title.title-step:first-child:before{
display:none
}
.step-by .title.title-step:last-child{
margin-right:0
}
.summary{
padding:2.4rem 3rem 3rem;
border:1px solid #e1e1e1;
border-radius:2px
}
.summary td:last-child,.summary th:last-child{
text-align:right
}
.summary th{
text-align:left
}
.summary .form-control{
width:100%;
max-width:100%
}
.summary-title{
font-size:1.8rem;
font-weight:700;
letter-spacing:-0.01em;
color:#222;
text-transform:uppercase;
padding-bottom:1.9rem;
margin-bottom:0;
border-bottom:1px solid #e1e1e1
}
.summary-subtotal{
border-bottom:1px solid #e1e1e1
}
.summary-subtitle{
font-size:1.6rem;
font-weight:600;
letter-spacing:-0.01em;
color:#222;
margin-bottom:0;
padding:2rem 0
}
.summary-subtotal-price{
font-size:1.4rem;
font-weight:600;
color:#222;
margin-bottom:0;
font-family:Poppins,sans-serif
}
.summary-total-price{
font-size:2rem;
letter-spacing:-0.025em;
font-weight:700;
color:#222;
text-align:right;
margin-bottom:0;
font-family:Poppins,sans-serif
}
.total .summary-subtitle{
padding:2.4rem 0 2.3rem
}
@media (max-width:767px){
.summary{
padding-left:2rem;
padding-right:2rem
}
.cart .shop-table td{
padding:0
}
.cart .shop-table td.product-price{
display:block;
width:100%;
text-align:center
}
.cart .shop-table tr{
padding:2rem 0 3rem
}
.cart .shop-table .product-quantity,.cart .shop-table .product-subtotal,.cart .shop-table .product-thumbnail{
margin-bottom:0.5rem
}
}
.shipping-address{
padding-bottom:2.4rem;
border-bottom:1px solid #e1e1e1
}
.shipping-address label{
display:block;
margin-bottom:1.4rem;
font-size:1.5rem
}
.shipping-address .form-control{
margin-bottom:1.5rem;
padding:1rem 1.4rem;
font-size:1.3rem;
border-color:#e1e1e1;
color:#999;
min-height:4.1rem
}
.shipping-address .btn{
padding:0.9em 1.7em
}
.checkout .select-box,.checkout input.form-control,.shipping-address .select-box,.shipping-address input.form-control{
background-color:#fff
}
.checkout .select-box .form-control,.checkout input.form-control .form-control,.shipping-address .select-box .form-control,.shipping-address input.form-control .form-control{
padding:1rem 1.4rem 0.8rem;
font-size:1.4rem;
color:#666
}
.checkout .select-box:before,.checkout input.form-control:before,.shipping-address .select-box:before,.shipping-address input.form-control:before{
font-family:"riode";
content:"";
right:1.5rem;
font-size:1.1rem;
z-index:2
}
.cart-total{
text-align:right
}
.cart-total .btn-calc{
margin-bottom:1.8rem
}
.cart-total td,.cart-total th{
border-top:1px solid #e1e1e1
}
.cart-subtotal th{
font-weight:400
}
.cart-subtotal td,.cart-subtotal th{
padding:1.5rem 0
}
.order-total{
font-size:1.6rem;
font-weight:600;
color:#26c
}
.order-total td,.order-total th{
padding-top:1.9rem
}
.cart-table .product-name{
font-weight:600;
color:#222;
line-height:1.86
}
.cart-table .product-price{
width:100px
}
.cart-table .product-quantity{
width:135px
}
.cart-table .product-subtotal{
width:85px;
color:#222
}
.cart-table .input-group button,.cart-table .input-group input{
border-color:#eee
}
.cart-table .input-group .quantity-minus{
border-radius:0.3rem 0 0 0.3rem
}
.cart-table .input-group .quantity-plus input{
border-radius:0 0.3rem 0.3rem 0
}
.cart-actions{
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap
}
.cart-actions .btn-icon-left{
padding:1.06em 2.2em
}
.cart-actions .btn-icon-left i{
margin-right:0.8rem;
font-size:2rem
}
.cart-actions button{
padding:1.07em 2.23em
}
.cart-actions button.btn-disabled{
border-color:#222!important;
background-color:transparent!important;
border-width:1px;
color:#222!important;
opacity:0.4;
cursor:default
}
.cart-coupon-box .coupon-title{
margin-bottom:2.3rem;
padding-top:0.8rem;
font-size:1.8rem
}
#coupon_code{
padding-left:1.6rem;
padding-right:1.6rem;
font-size:1.3rem;
border:none;
border-bottom:1px solid #e1e1e1;
transition:border-color 0.3s;
border-radius:0
}
@media (min-width:992px){
.cart.main .product-thumbnail{
width:12rem
}
.cart.main .product-price{
width:11rem
}
.cart.main .product-quantity{
width:17.7rem
}
.cart.main .product-subtotal{
width:13.2rem
}
.cart.main .product-close{
width:2.3rem
}
}
.cart-page{
border-top:1px solid #e1e1e1
}
.cart-empty{
padding:20px 0 70px
}
.cart-empty .main-content{
text-align:center
}
.cart-empty .cart-icon{
font-size:80px
}
.cart-empty .cart-descri{
font-size:14px;
margin:22px 0
}
.cart-empty .btn{
width:20rem;
margin-top:1rem
}
.checkout{
line-height:1.54
}
.checkout.main{
border-top:1px solid #e1e1e1
}
.checkout .alert.card-header{
padding-top:1.2rem;
padding-bottom:1.3rem;
background-color:#fff;
border:1px dashed #cacbcc;
text-transform:none
}
.checkout .alert.card-header>a{
display:inline-block;
padding:0
}
.checkout .alert.card-header>a:after,.checkout .alert.card-header>a:before{
content:none
}
.checkout .alert-icon>i{
margin-right:0.8rem
}
.checkout .alert-body{
transition:display 0.3s
}
.checkout .alert-body p{
font-size:1.3rem
}
.checkout .alert-body.expanding{
display:none
}
.checkout .alert-body.collapsing{
display:block
}
.checkout .alert-body .form-control{
margin:0
}
.checkout .checkbox{
margin:0.6rem 0 1.6rem 0.2rem
}
.checkout .link-group .btn{
padding:1em 2.5em
}
.checkout .link-group span{
margin:0 1.1rem;
font-size:1.4rem
}
.checkout .lost-link{
font-size:1.3rem;
color:#000
}
.checkout .social-link{
border-radius:0.3rem;
color:#fff
}
.checkout .social-link.social-google{
background-color:#dd4b39;
border-color:#dd4b39
}
.checkout .social-link.social-facebook{
background-color:#3b5998;
border-color:#3b5998
}
.checkout .social-link.social-twitter{
background-color:#1da1f2;
border-color:#1da1f2
}
.checkout .check-coupon-box .form-control{
max-width:42.5rem
}
.checkout .check-coupon-box .btn{
padding:1.04em 2.05em;
border-width:1px
}
.checkout label{
display:block;
padding-left:0.2rem;
margin-bottom:1rem;
font-size:1.4rem;
line-height:0.9
}
.checkout .form .title.title-simple{
margin-top:0.3rem;
font-size:1.8rem
}
.checkout .select-box select{
max-width:100%;
width:100%
}
.checkout .form-control{
margin-bottom:2.1rem;
padding-left:1.5rem;
padding-right:1.5rem;
font-size:1.3rem;
font-family:Poppins,sans-serif;
transition:background-color 0.3s,border-color 0.3s;
color:#999;
min-height:4.1rem;
border-radius:0.3rem
}
.checkout .form-control:not(:focus){
background-color:#fff
}
.checkout .form-control:not(select):focus{
border-color:#000
}
.checkout textarea.form-control{
padding-top:1.5rem
}
.checkout .form-checkbox{
padding-top:0.7rem;
margin-bottom:2.8rem
}
.checkout .form-control-label{
padding-left:2.6rem;
margin-bottom:0;
font-size:1.4rem;
line-height:2.58
}
.checkout .product-name{
font-size:1.4rem;
letter-spacing:0;
white-space:normal
}
.checkout .btn-order{
width:100%;
border-color:#333;
background-color:#333;
transition:opacity 0.3s
}
.checkout .btn-order:hover{
opacity:0.9
}
.checkout .card{
background:transparent
}
.checkout .card-header{
font-size:1.4rem;
line-height:3rem;
text-transform:capitalize;
font-weight:300
}
.checkout .card-header a{
padding:0 0 0 2.5rem
}
.checkout .card-header a:after,.checkout .card-header a:before{
position:absolute;
content:"";
display:inline-block;
border-radius:50%;
top:50%;
transform:translateY(-50%)
}
.checkout .card-header a:before{
left:0;
width:1.8rem;
height:1.8rem;
background-color:#fff;
border:1px solid #cdcdcd
}
.checkout .card-header a.collapse:after{
width:0.8rem;
height:0.8rem;
left:0.5rem;
background:#666
}
.checkout .card-body{
padding:0.2rem 0 1.1rem 2.9rem;
line-height:1.4
}
.checkout .payment.accordion{
border-bottom:1px solid #e1e1e1;
padding-bottom:2rem
}
.checkout .payment.accordion .summary-subtitle{
font-size:1.5rem
}
.checkout .checkout-info{
padding:1.5rem 0;
margin:0;
font-size:1.3rem;
font-weight:400;
letter-spacing:0.01em;
font-family:Poppins,sans-serif
}
.checkout .product-quantity{
margin-left:0.4rem
}
.checkout .title.title-simple{
font-weight:700
}
.checkout .summary .form-control-label{
line-height:1.4
}
.checkout .summary .form-control-label:before{
top:0;
transform:none
}
.checkout .summary .form-control-label a{
color:#000
}
.checkout .summary .form-control-label a:hover{
color:#26c
}
.summary .title{
margin-bottom:1.9rem;
padding-bottom:2.2rem;
border-bottom:1px solid #e1e1e1
}
.order-table{
color:#222
}
.order-table th{
padding:0 0 0.7rem 0;
font-size:1.6rem;
font-weight:600
}
.order-table td{
padding-bottom:16px;
line-height:2.3
}
.order-table .order-total td{
border-bottom:none;
padding:1.2rem 0 0
}
.order-table .shipping-row label{
margin-bottom:1.5rem
}
.order-table .shipping-row-last{
border-bottom:1px solid #e1e1e1
}
.order-table .shipping-row-last label{
margin-bottom:2.1rem;
color:#666
}
.order-table .summary-subtotal{
border-top:1px solid #e1e1e1
}
.order-table .summary-subtotal td:first-child{
padding:0.4rem 0 0.3rem
}
.order-table .summary-subtotal-price{
padding-top:1rem
}
.order-table tbody>tr:nth-child(2) td{
padding-bottom:1.6rem
}
.sumnary-shipping ul{
list-style:none;
margin:0;
padding:0;
text-align:left
}
.sumnary-shipping .summary-subtitle{
padding-bottom:2.2rem;
text-align:left
}
.summary-total{
border-bottom:1px solid #e1e1e1
}
.summary-total .summary-subtitle{
padding:2.3rem 0 2.1rem
}
@media (max-width:479px){
.order-table tbody .product-name,.order-table tbody .product-total{
padding-bottom:2rem;
line-height:1.2
}
.order-table tbody>tr:nth-child(2) td{
padding-bottom:2rem
}
}
.order .title{
font-size:2rem
}
.order .order-message{
max-width:34rem;
padding:3rem;
box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);
border-radius:1rem
}
.order .order-message .icon-box-icon{
margin-right:3.2rem
}
.order .order-message svg{
width:5rem;
height:5rem;
stroke:#26c
}
.order .order-message .icon-box-title{
font-size:1.8rem
}
.order .order-results{
display:flex;
flex-wrap:wrap;
margin:4.8rem 0 1.9rem
}
.order .overview-item{
display:flex;
position:relative;
flex-direction:column;
flex-wrap:wrap;
margin-bottom:3rem
}
.order .overview-item:not(:last-child){
margin-right:3rem;
padding-right:3.1rem
}
.order .overview-item:not(:last-child):after{
content:"";
position:absolute;
right:0;
top:50%;
display:block;
transform:translateY(-50%);
width:1px;
height:42px;
background:#e1e1e1
}
.order .overview-item span{
text-transform:uppercase
}
.order .overview-item strong{
color:#222;
font-weight:600;
font-size:2rem
}
.order .btn.btn-back{
font-size:1.3rem
}
.order .summary-subtotal:last-child{
border-bottom:none
}
.order .address-info{
border-bottom:1px solid #e1e1e1
}
.order .address-info p{
color:#666;
font-family:Poppins,sans-serif;
line-height:2.15
}
.order-details{
border:1px solid #e1e1e1;
border-radius:3px;
padding:0.4rem 3rem
}
.order-details-table .product-name{
padding:1.6rem 0 1.8rem;
font-size:1.4rem;
font-weight:400;
line-height:1.42;
color:#000;
white-space:inherit
}
.order-details-table .product-name i{
font-size:1rem
}
.order-details-table .product-name span{
font-weight:700;
color:#222
}
.order-details-table th>.summary-subtitle{
font-size:1.8rem;
font-weight:600;
text-align:left
}
.order-details-table .product-price{
display:block
}
.order-details-table .product-price,.order-details-table .summary-subtotal-price{
text-align:right
}
.order-details-table .summary-subtotal-price{
font-weight:600;
color:#666
}
.order-details-table .product-price{
font-size:1.4rem;
color:#666;
font-weight:400;
padding-top:1.2rem
}
.order-details-table thead{
border-bottom:1px solid #e1e1e1
}
.order-details-table thead .summary-subtitle{
font-size:1.8rem
}
.order-details-table tbody tr:first-child td{
padding-top:3.2rem
}
.order-details-table tbody tr:first-child td.product-price{
padding-top:2.8rem
}
@media (max-width:767px){
.order .order-message{
font-size:2rem
}
.order .overview-item{
flex-direction:row;
width:100%;
align-items:center
}
.order .overview-item:not(:last-child):after{
content:none
}
.order .overview-item span{
margin-right:2rem
}
}
@media (max-width:575px){
.order .order-details{
padding:0 2rem
}
.order .order-message{
font-size:1.8rem
}
.order .overview-item{
font-size:1.6rem
}
}
@media (max-width:479px){
.order .order-details{
padding:0 1.5rem
}
.order .order-message{
font-size:1.6rem
}
.order .overview-item{
font-size:1.4rem
}
.step-by .title.title-step{
font-size:1.8rem
}
.step-by .title.title-step:after{
font-size:1.4rem;
top:50%
}
}
.sample-icons .tab-pane{
overflow:hidden
}
.sample-icon-circle{
margin-bottom:2rem
}
.sample-icon-circle i{
display:flex;
align-items:center;
justify-content:center;
margin:0 auto;
width:64px;
height:64px;
border-radius:50%;
font-size:30px;
background:#26c;
color:#fff
}
.sample-icon{
display:flex;
align-items:center;
line-height:41px
}
.sample-icon span{
font-size:12px;
white-space:nowrap
}
.sample-icon i{
display:inline-block;
margin-right:10px;
width:32px;
font-size:20px;
text-align:center
}
.sample-icon:hover{
color:#26c;
background:#f2f3f5;
border-radius:4px
}
.sample-icon:hover i{
font-size:30px
}
.sample-icon-list i{
font-size:22px
}
@media (min-width:1200px){
.cols-xl-12>*{
flex:0 0 8.3333%;
max-width:8.3333%
}
}
.faq .breadcrumb{
padding:1.2rem 0 1.1rem
}
.faq .page-header{
height:30.3rem
}
.faq .page-subtitle{
margin-bottom:0.3rem;
font-size:3rem
}
.faq .page-title{
margin-bottom:0.2rem;
font-size:5rem
}
.faq section{
padding-top:4.1rem
}
.faq .card{
border-width:1px 0 0 0;
border-color:#ebebeb
}
.faq .card:last-child{
border-color:#ebebeb
}
.faq .card-header{
font-size:1.6rem;
text-transform:none;
letter-spacing:-0.025em
}
.faq .card-header a{
padding:1.7rem 1rem
}
.faq .card-header a:after{
font-size:1.5rem;
right:1.3rem;
color:#999
}
.faq .card-body{
padding:0.2rem 1rem
}
.compare-page{
border-top:1px solid #e1e1e1
}
.compare-default{
padding-bottom:60px
}
.compare-default .container{
overflow-x:auto
}
.compare-default .container>div:nth-child(2n) .compare-col{
background-color:#f8f8f8
}
.compare-default .riode-compare-table .compare-value:last-child .to-right,.compare-default .riode-compare-table .compare-value:nth-child(2) .to-left{
pointer-events:none;
color:#e1e1e1
}
.compare-default .compare-row{
display:flex;
width:100%
}
.compare-default .compare-col{
flex:0 0 20%;
max-width:20%;
padding:25px 0
}
@media (max-width:1199px){
.compare-default .compare-col{
flex:0 0 25%;
max-width:25%
}
}
@media (max-width:810px){
.compare-default .compare-col{
flex:0 0 45%;
max-width:45%
}
}
@media (max-width:575px){
.compare-default .compare-col{
flex:0 0 63%;
max-width:63%
}
}
.compare-default .compare-field{
color:#999;
font-size:14px;
font-weight:600;
text-align:right;
padding-right:5rem
}
.compare-default .compare-basic .compare-field{
display:flex;
justify-content:flex-end;
align-items:center
}
.compare-default .compare-basic .compare-value{
padding-right:0
}
.compare-default .compare-value{
position:relative;
padding-right:1rem;
padding-left:2rem;
color:#222
}
@media (max-width:575px){
.compare-default .compare-field{
padding-right:2rem
}
.compare-default .compare-value{
padding-left:10px
}
}
.compare-default .btn-product-icon{
line-height:34px;
display:block;
width:36px;
height:36px
}
.compare-default .btn-default{
margin:0 5px 5px;
color:#999;
border:1px solid #e1e1e1;
border-radius:3px;
transition:border-color 0.3s,color 0.3s,background-color 0.3s;
overflow:hidden
}
.compare-default .btn-default.btn-cart:hover,.compare-default .btn-default:hover{
background-color:#344cef;
border-color:transparent;
color:#fff
}
.compare-default .product:hover .btn-cart:not(.btn-default:hover){
background-color:#fff;
color:#999;
border:1px solid #e1e1e1;
border-radius:3px
}
.compare-default .btn-cart{
flex:unset
}
.compare-default .btn-wishlist{
transform:translateX(0);
opacity:1;
visibility:visible
}
.compare-default .btn-wishlist i{
line-height:3.2rem
}
.compare-default .btn-moving{
position:absolute;
visibility:hidden;
opacity:0;
top:50%;
transform:translateY(-50%);
transition:opacity 0.2s,visibility 0.2s,left 0.2s,right 0.2s
}
.compare-default .btn-right{
right:0px
}
.compare-default .btn-left{
left:0px
}
.compare-default .product-details{
padding-right:0
}
.compare-default .product-details .product-action{
display:inline-flex
}
.compare-default .product:hover .btn-moving{
visibility:visible;
opacity:1
}
.compare-default .product:hover .btn-left{
left:-30px
}
.compare-default .product:hover .btn-right{
right:-30px
}
.compare-default .compare-title{
font-weight:600
}
.compare-default .product-price{
color:#26c;
font-size:inherit;
font-weight:400
}
.compare-default .compare-availability p{
margin:0;
padding:0
}
.compare-default .compare-availability .stock{
color:#b10001
}
.compare-default .compare-availability .in-stock{
color:#a8ce6e;
background-color:unset
}
.compare-default .compare-rating .ratings-container{
font-size:inherit;
margin:0
}
.compare-default .compare-rating .rating-reviews{
font-size:inherit
}
.compare-empty{
padding:20px 0 70px
}
.compare-empty .main-content{
text-align:center
}
.compare-empty .compare-icon{
font-size:80px
}
.compare-empty .compare-descri{
font-size:14px;
margin:22px 0
}
.compare-empty .btn{
width:20rem;
margin-top:1rem
}
.countdown-default{
display:flex;
justify-content:center;
border-radius:0.3rem;
overflow:hidden
}
.countdown-default .countdown-row{
display:flex;
justify-content:center;
line-height:1.5
}
.countdown-default .countdown-amount{
font-size:3rem;
color:#222;
letter-spacing:-0.025em;
line-height:1;
padding-top:10px
}
.countdown-default .countdown-period{
font-size:1.4rem;
text-transform:lowercase;
padding-bottom:10px;
color:#9A9A9A
}
.countdown-default .countdown-section{
position:relative;
display:flex;
flex-direction:column;
align-items:center;
box-sizing:content-box;
width:73px;
margin:10px 22px;
border:1px solid transparent
}
@media (min-width:576px){
.countdown-default:not(.ct-2-grid) .countdown-section:not(:first-child):before{
content:":";
position:absolute;
color:#9A9A9A;
font-size:3rem;
margin-right:19px;
top:50%;
left:calc(0% - 25px);
transform:translateY(-50%)
}
}
@media (max-width:575px){
.countdown-default:not(.ct-2-grid) .countdown-row{
display:grid;
grid-template-columns:repeat(2,calc(100% / 2))
}
}
.border-split .countdown-row{
position:relative
}
.border-split .countdown-row:before,.border-split .countdown-row:after{
position:absolute;
content:""
}
.border-split .countdown-row:before{
left:0;
right:0;
border-top:1px solid rgba(255,255,255,0.1);
top:50%
}
.border-split .countdown-row:after{
top:0;
bottom:0;
border-left:1px solid rgba(255,255,255,0.1);
left:50%
}
.countdown-type1{
display:flex;
justify-content:space-between;
align-items:center;
background-color:#313439;
padding:1.4rem 5rem;
border-radius:0.3rem
}
.countdown-type1 .banner-title{
font-size:24px;
line-height:1.2
}
.countdown-type1 .banner-subtitle{
font-size:18px;
line-height:1.2
}
.countdown-type1 .countdown-content-center{
margin-left:auto;
margin-right:auto
}
.countdown-type1 .countdown-content-center .countdown-section{
background-color:#414449
}
.countdown-type1 .countdown-content-center .countdown-amount{
color:#fff
}
.countdown-type1 .btn{
position:relative;
color:#fff;
transition:color 0.2s
}
.countdown-type1 .btn:after{
position:absolute;
content:"";
top:100%;
border-bottom:2px solid;
width:100%;
padding-top:6px
}
.countdown-type1 .btn:hover{
color:#26c
}
@media (max-width:1199px){
.countdown-type1{
flex-direction:column;
align-items:unset
}
.countdown-type1 .countdown-content-right{
text-align:right
}
}
@media (max-width:575px){
.countdown-type1{
padding:1.4rem;
align-items:center
}
.countdown-type1 .countdown-content-left{
flex-direction:column;
text-align:center
}
}
.cd-section-border .countdown-section{
border:1px solid #ccc
}
.countdown-type2{
padding:1rem
}
.countdown-type2 .countdown{
background-color:#f5f5f5;
padding:1.3rem 1rem
}
.countdown-type3{
padding:1rem
}
.countdown-type3 .countdown{
display:flex;
padding:22px 25px;
background-size:cover;
justify-content:flex-start
}
.countdown-type3 .countdown-row{
display:grid;
grid-template-columns:repeat(2,calc(100% / 2))
}
.countdown-type3 .countdown-section{
padding:0 5px;
margin:1rem;
border-radius:0.3rem
}
.countdown-type3 .countdown-1{
background-image:url(../images/elements/count/2-2.jpg)
}
.countdown-type3 .countdown-1 .countdown-section{
background-color:#6e6e6c
}
.countdown-type3 .countdown-1 .countdown-amount{
color:#fff
}
.countdown-type3 .countdown-1 .countdown-period{
color:#ccc
}
.countdown-type3 .countdown-2{
background-image:url(../images/elements/count/3-2.jpg)
}
.countdown-type3 .countdown-2 .countdown-amount{
color:#fff
}
.countdown-type3 .countdown-2 .countdown-period{
color:#FFFFFFA6
}
.element-counter .count-to{
margin-bottom:15px;
color:#26c;
letter-spacing:-0.025em;
font-size:48px
}
.element-counter .count-title{
font-size:18px;
margin-bottom:10px;
line-height:1.4em;
letter-spacing:-0.01em
}
@media (max-width:1199px){
.element-counter .counter-part{
margin-bottom:20px
}
}
.counter-box .counter{
box-shadow:5px 5px 20px 0px rgba(34,34,34,0.1);
padding:54px 10px 48px
}
.counter-box .count-title{
margin-bottom:7px
}
.counter-block .counter{
display:flex;
justify-content:center;
border:3px solid #eee;
transition:background-color 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
padding:31px 0px 30px 0px
}
.counter-block .count-to{
padding-right:2rem;
margin:0;
border-right:2px solid #eee;
min-width:130px
}
.counter-block .count-title{
margin-bottom:0
}
.counter-block .counter-content{
padding-left:20px;
text-align:left
}
.counter-simple{
background-color:#f8f8f8
}
.counter-simple .count-to{
color:#222;
margin-bottom:0
}
.counter-simple .count-title{
margin-top:5px;
color:#666
}
.counter-background{
background-color:#313439
}
.counter-background .count-to{
color:#fff;
margin-bottom:0
}
.counter-background .count-title{
padding-top:5px;
color:rgba(255,255,255,0.68)
}
.counter-background figure{
margin-bottom:3rem
}
@media (max-width:1199px){
.counter-background figure{
margin-bottom:1rem
}
}
.counter-seperate{
background-color:#f8f8f8
}
.counter-seperate .count-to{
margin:5px 0 3px
}
.counter-seperate .count-title{
color:#666
}
.counter-inline .row{
margin:0 -20px
}
.counter-inline .counter-part{
padding:0 2rem
}
.counter-inline .counter{
padding:1.3rem 0 1.3rem 2rem
}
.counter-inline .inline-count{
display:flex;
align-items:center;
color:#222
}
@media (max-width:1199px){
.counter-inline .row{
margin:0 -10px
}
.counter-inline .counter-part{
padding:0 1rem
}
.counter-inline .counter{
padding-left:1rem
}
}
.counter-inline .count-to{
font-size:14px;
margin:0
}
.counter-inline .border-dot .counter{
border:1px dashed #848484
}
.counter-inline .border-dot .counter .count-to{
font-weight:400
}
.counter-inline .border-solid .counter{
background-color:#444;
border-radius:0.3rem
}
.title-descri{
margin-left:auto;
margin-right:auto;
width:65rem;
max-width:90%
}
.entrance-banner .banner img{
border-radius:1rem;
min-height:500px;
object-fit:cover
}
.entrance-banner .banner-slide1 .banner-content{
bottom:13.2%;
left:8.6%
}
.entrance-banner .banner-slide1 .banner-title{
font-size:6em;
font-weight:800
}
.entrance-banner .banner-slide1 .banner-descri{
font-size:2em;
line-height:1.2
}
@media (max-width:575px){
.entrance-banner .banner-slide1 .banner-title>span{
display:block
}
}
.entrance-banner .banner-slide2 .banner-content{
right:13.5%
}
.entrance-banner .banner-slide2 .banner-title{
font-size:5em
}
.entrance-banner .banner-slide2 .banner-subtitle{
font-size:1.8em
}
.entrance-banner .banner-slide2 .banner-descri{
color:#EB5B50;
font-size:2em
}
.kenburns-banner img{
min-height:400px;
max-height:800px;
object-fit:cover
}
.kenburns-banner .banner{
overflow:hidden
}
@media (max-width:767px){
.kenburns-banner .banner{
font-size:6px
}
}
.kenburns-banner .banner-content{
position:absolute;
bottom:12.5%
}
.kenburns-banner .banner-subtitle{
font-size:3.6em;
color:#a6c76c
}
.kenburns-banner .banner-title{
margin-left:-2px;
font-size:8em;
font-weight:800
}
.kenburns-banner .banner-descri{
font-size:3em
}
.hover-banner .banner{
margin-bottom:20px;
border-radius:1rem;
overflow:hidden
}
.hover-banner .banner h2{
font-size:20px
}
.niche-slider figure img{
height:calc(100vh - 103px);
min-height:450px;
object-fit:cover;
object-position:top
}
.niche-slider .banner-subtitle{
margin-bottom:0.7rem;
font-size:4em;
letter-spacing:1px
}
.niche-slider .banner-title{
font-size:6em
}
.niche-slider p{
font-size:1.8em;
margin-bottom:3.3rem
}
.niche-slider .btn{
padding:1.25em 2.85em;
border-radius:3px
}
.niche-slider .h-divider{
display:block;
width:4.9rem;
height:4px;
color:#fff;
margin-bottom:2.2rem
}
.niche-slider .banner-content{
margin-top:2px
}
.niche-slider .duration{
animation-duration:30s
}
.niche-slide1{
overflow:hidden
}
.niche-slide1 .banner-content{
left:16.2%
}
.niche-slide1 .h-divider{
background-color:#20C7D9
}
.niche-slide1 .banner-subtitle{
color:#20C7D9
}
@media (max-width:575px){
.niche-slide1 .banner-content{
left:8%
}
}
.niche-slide2{
background-position:75%
}
.niche-slide2 .banner-content{
right:10.45%
}
.show-code{
position:absolute;
padding:3px 10px;
visibility:hidden;
opacity:0;
top:40%;
left:50%;
transform:translate(-50%,-10px);
z-index:100;
border-radius:3px;
color:#fff;
background-color:#26c;
overflow:hidden;
transition:visibility 0.35s,opacity 0.35s,transform 0.35s
}
.code-template{
position:relative
}
.code-template .show-code>i{
font-size:14px
}
.code-template .code-style{
display:none
}
.code-template:hover .show-code{
cursor:pointer;
visibility:visible;
opacity:1;
transform:translate(-50%,0)
}
.code-popup{
border-radius:5px;
width:1000px;
max-width:100%;
z-index:4000
}
.code-console{
border-radius:5px
}
.code-console .CodeMirror{
background-color:#f4f4f4;
padding:2rem 1rem 1rem 2rem;
height:580px;
max-height:80vh;
color:#666
}
.code-console .CodeMirror-vscrollbar::-webkit-scrollbar{
width:5px
}
.code-console .CodeMirror-vscrollbar::-webkit-scrollbar-thumb{
margin-right:2px;
background:rgba(0,0,0,0.3);
border-radius:5px;
cursor:pointer;
transition:background 0.3s
}
.code-console .CodeMirror-hscrollbar::-webkit-scrollbar{
height:5px
}
.code-console .CodeMirror-hscrollbar::-webkit-scrollbar-thumb{
margin-bottom:2px;
background:rgba(0,0,0,0.3);
border-radius:5px;
cursor:pointer;
transition:background 0.3s
}
.code-console .code-text{
display:block!important;
opacity:0;
padding:0;
border:none;
height:1px
}
.code-console .tooltiptext{
padding:9px;
top:165%;
left:48%;
height:29px;
z-index:999;
font-size:12px;
white-space:nowrap;
border-radius:5px
}
.code-console .code-copy{
display:flex;
justify-content:space-between;
align-items:center;
color:#666;
font-weight:600;
padding:2rem;
box-shadow:0 15px 15px -15px rgba(0,0,0,0.1)
}
.copy-icon{
position:relative;
font-size:21px
}
.copy-icon:hover{
cursor:pointer;
color:#26c;
transition:color 0.35s
}
.copy-icon:hover .tooltiptext{
visibility:visible;
opacity:1
}
.banner-image figure{
height:63rem;
overflow:hidden
}
.banner-image figure img{
height:63rem;
object-fit:cover
}
.banner-image .btn{
font-size:1.4em
}
.banner-image .btn i{
margin-left:0.7rem
}
.banner-image.banner-fixed>.container{
z-index:15
}
.banner-image .banner-content{
left:2.1%;
margin-top:-0.5rem
}
.banner-image .banner-subtitle{
margin-bottom:1.3rem;
font-family:"Segoe Script";
font-size:3em
}
.banner-image .label-star{
margin-left:1.4rem
}
.banner-image .banner-title{
margin-left:-2px;
font-size:6.4em;
margin-bottom:0
}
.banner-image h3{
margin:-0.7rem 0 0.6rem;
font-size:5.6em
}
.banner-image p{
font-weight:500;
font-size:1.6rem;
line-height:1.4
}
.banner-background{
padding:9.4rem 0 10.3rem;
background-color:#6b6b6b
}
.banner-background .banner-subtitle{
margin-bottom:1.6rem;
font-family:"Segoe Script",sans-serif;
font-size:3em;
line-height:1.6
}
.banner-background .banner-title{
margin-bottom:0.7rem;
font-size:5em;
letter-spacing:-0.025em
}
.banner-background p{
margin-bottom:2.8rem;
font-weight:500;
font-size:1.8em
}
.banner-background .input-wrapper{
max-width:60rem;
width:100%;
height:4.8rem
}
.banner-background .input-wrapper .form-control{
position:relative;
flex:1;
padding-left:2.4rem;
border:1px solid #e7e7e7;
border-right:0;
font-size:1.2rem
}
.banner-background .input-wrapper .btn{
min-width:12.3rem
}
.banner-background .btn{
padding:1.22em 2.7em;
font-weight:600
}
.video-banner{
background-attachment:fixed
}
.video-banner .banner-content{
padding:84px 0 85px
}
.video-banner .banner-title{
font-size:3em;
line-height:1.4em;
letter-spacing:0.03em
}
.video-banner .banner-subtitle{
font-size:16px;
letter-spacing:-0.025em
}
.video-banner .btn-play{
width:61px;
height:61px
}
.video-banner i{
font-size:35px;
margin:0
}
.floating-set{
background-color:#f8f8f8
}
.floating-set .floating-template{
position:relative
}
.floating-set .bg-yel-float{
padding:37px 0 38px;
background-color:#F0D67C
}
.floating-set .floating-content{
position:relative;
text-align:center;
left:50%;
transform:translate(-50%,-50%)
}
.floating-set .floating-content img{
border-radius:1rem;
box-shadow:0px 5px 20px 0px rgba(0,0,0,0.06)
}
.floating-set .floating-speed-image1 .floating{
background-image:url("../images/elements/floating/float-set3.jpg")
}
.floating-set .floating-speed-image2 .floating{
background-image:url("../images/elements/floating/float-set4.jpg")
}
.float-scroll{
background-color:#313439
}
.float-scroll h2{
font-size:26px;
letter-spacing:0.025em
}
.float-scroll .scroll-area{
display:flex;
align-items:center;
min-height:100vh
}
.float-scroll .skrollr{
display:flex;
justify-content:center;
align-items:center;
text-align:center;
padding:0 1rem;
background-color:#3B3E42;
height:200px;
width:100%
}
.float-scroll .scroll-entire{
margin-bottom:140px
}
@media (max-width:767px){
.float-scroll .scroll-area{
min-height:70vh
}
}
.hotspot-section,.hotspot-section .banner-content{
position:relative;
display:inline-block;
z-index:1
}
.banner-hotspot>figure img{
object-fit:cover;
min-height:60rem;
border-radius:10px
}
.hotspot-container,.hotspot-container .hotspot{
position:absolute
}
.hotspot-container{
top:0;
width:100%;
height:100%;
z-index:2
}
.hotspot-container>figure{
position:relative;
z-index:-1
}
.hotspot-container .hotspot-type4:not(:hover) a:before{
color:#fff
}
.style-section{
background-color:#f8f8f8;
padding:7.5rem 0 7rem
}
.style-section .hotspot-style{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
margin:0 -0.5rem
}
@media (max-width:1199px){
.style-section .hotspot-style{
justify-content:space-around
}
}
.style-section .hotspot-type{
width:220px;
min-width:220px;
height:122px;
margin:1rem;
border:6px solid #eee;
background-color:#fff
}
.style-section i{
color:#fff
}
.style-section .hotspot-type,.style-section .hotspot-type a{
display:flex;
justify-content:center;
align-items:center
}
.style-section a{
width:4rem;
height:4rem;
margin:0.5rem;
border-radius:100%
}
.style-section .hotspot-type1 .no-hover,.style-section .hotspot-type2 .no-hover,.style-section .hotspot-type3 .no-hover{
background-color:#222
}
.style-section .hotspot-type1 .hover,.style-section .hotspot-type2 .hover,.style-section .hotspot-type3 .hover{
background-color:#26c
}
.style-section .hotspot-type4 .no-hover i{
color:#222
}
.style-section .hotspot-type4 .hover i{
color:#26c
}
.popup-video .banner-content{
padding:97px 0
}
.popup-video .banner-title{
font-size:3em;
line-height:1.4em;
letter-spacing:-0.025em
}
.popup-video .banner-subtitle{
font-size:16px;
letter-spacing:-0.01em
}
.popup-video .btn-play{
border:none;
width:77px;
height:78px
}
.popup-video i{
font-size:35px;
margin:0
}
.popup-video video{
max-width:100%;
height:auto
}
.video-slider .banner img,.video-slider .banner video{
height:63rem;
object-fit:cover
}
.video-slider .banner figure{
height:63rem;
overflow:hidden
}
.video-slider .banner .btn{
font-size:14px
}
.video-slider .banner .btn i{
margin-left:0.7rem
}
.video-slide1.banner-fixed>.container{
z-index:15
}
.video-slide1 .banner-content{
left:2.1%;
margin-top:-0.5rem
}
.video-slide1 .banner-subtitle{
margin-bottom:1.3rem;
font-family:"Segoe Script";
font-size:3em
}
.video-slide1 .label-star{
margin-left:1.4rem
}
.video-slide1 .banner-title{
margin-left:-2px;
font-size:6.4em;
margin-bottom:0
}
.video-slide1 h3{
margin:-0.7rem 0 0.6rem;
font-size:5.6em
}
.video-slide1 p{
font-weight:500;
font-size:1.6rem;
line-height:1.4
}
.video-slide2 img{
object-position:80%
}
.video-slide2 .banner-content{
max-width:38rem;
right:5.5%;
margin-top:-0.3rem
}
.video-slide2 .banner-subtitle{
font-size:2.4em;
line-height:1.1
}
.video-slide2 .banner-subtitle strong{
font-size:1.67em;
line-height:0.98
}
.video-slide2 .banner-title{
font-size:10em;
margin-right:-2px
}
.video-slide2 p{
font-size:1.8em;
line-height:1.33
}
.video-slide3 .banner-subtitle{
font-size:3em
}
.video-slide3 .banner-title{
font-size:6em
}
.video-slide3 p{
font-weight:300;
opacity:0.8;
font-size:1.8em;
line-height:1.4
}
.video-slide3 video{
display:block;
width:100%
}
.video-slide3 figure:after{
content:"";
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
background:rgba(43,151,223,0.3);
z-index:1
}
.inner-video figure:hover .video-play{
opacity:1;
visibility:visible
}
.svg-floating{
margin-top:-60px
}
.svg-floating .svg-floating-item{
overflow:hidden
}
.svg-floating .svg-background img{
min-height:500px
}
.svg-floating .svg-notice{
position:absolute;
bottom:13%;
right:22%
}
.svg-template{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.svg-template svg{
fill:#fff
}
.svg-template figure{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.svg-template img{
min-height:398px
}
.big-slider .banner-subtitle{
font-size:1.4em;
font-weight:400;
line-height:2em;
letter-spacing:2.3px
}
.big-slider .banner-title{
position:relative;
margin:0px 0px 30px -5px;
font-size:3.6em;
line-height:1.1em;
letter-spacing:-0.025em
}
.big-slider .banner-title:after{
content:" ";
position:absolute;
left:0;
height:4px;
width:4.9rem;
top:115%;
background:#faca2a
}
.big-slider P{
font-size:1.1em;
font-weight:400;
line-height:1.8em;
letter-spacing:-0.01em
}
.big-slider .banner img{
min-height:444px;
object-fit:cover
}
.big-slider.owl-carousel .owl-nav button.owl-prev{
left:4.5%
}
.big-slider.owl-carousel .owl-nav button.owl-next{
right:4.5%
}
.big-slide1 .banner-content{
left:16.1%
}
.big-slide1 .ls-super{
letter-spacing:8px
}
.big-slide2 .banner-content{
position:absolute;
right:17.5%;
left:auto;
transform:translate(0,-50%)
}
.big-slide2 .banner-title:after{
background-color:#26c;
margin-bottom:40px
}
.big-slide2 p{
font-size:14px
}
.big-slide2 .btn{
border-radius:0.3rem;
padding:0.92em 1.61em
}
.slide-effect img{
max-width:573px
}
.slide-effect .slider-name{
text-align:center;
font-size:20px;
margin-top:25px
}
.element-subcategory .category-column{
padding:35px 42px 20px;
border:8px solid #eee
}
.element-subcategory .category-column .category-box{
display:flex;
flex-wrap:wrap;
align-items:end;
margin-bottom:2rem
}
.element-subcategory .category-column .category-name{
margin-bottom:0;
margin-right:2.4rem;
font-size:1.4rem;
letter-spacing:0;
color:#666
}
.element-subcategory .category-column a{
display:inline-block;
position:relative;
margin-right:2rem;
font-size:1.3rem;
font-weight:400;
color:#999
}
.element-subcategory .category-column a:before{
content:"";
position:absolute;
left:0;
bottom:-1px;
width:100%;
border-bottom:1px solid;
transform:scaleX(0);
transition:transform 0.3s
}
.element-subcategory .category-column a:hover{
color:#26c
}
.element-subcategory .category-column a:hover:before{
transform:scale(1)
}
.element-subcategory .category-column a:not(:last-child):after{
content:"";
position:absolute;
height:14px;
margin-left:1rem;
top:50%;
border-left:1px solid #999;
transform:translateY(-50%)
}
.grid-section .banner-content{
padding:0 1.5rem
}
.grid-section figure{
border-radius:3px;
overflow:hidden
}
.grid-banner .banner-content{
left:5.2%;
right:5.2%;
padding:0
}
.grid-banner .banner-title{
margin:2px 0px 5px 0px;
color:#FFFFFF;
font-size:4.2rem;
font-weight:700;
letter-spacing:-1.5px;
line-height:1.2
}
.grid-banner .banner-subtitle{
color:#AAAAAA;
font-size:14px;
font-weight:400;
line-height:2.14em;
letter-spacing:normal
}
.grid-banner .banner-price{
color:#FFFFFF;
font-size:14px;
font-weight:700;
line-height:1.42em;
letter-spacing:0px
}
.grid-banner .banner-price span{
margin-left:3px;
font-size:24px;
color:#fec348
}
.grid-banner .banner-price sup{
font-size:14px
}
.grid-banner1 .banner-content{
top:13.4%
}
.grid-banner1 .banner-subtitle{
margin:0px 0px 13px 0px;
color:#222222;
font-size:1.6rem;
font-weight:400;
text-transform:uppercase;
line-height:1em;
letter-spacing:-0.3px
}
.grid-banner1 .banner-title{
font-size:2.6em;
letter-spacing:-1px
}
.grid-banner2 img,.grid-banner3 img{
object-position:20% center
}
.grid-banner2 .banner-content,.grid-banner3 .banner-content{
padding-left:8.5%
}
.grid-banner2 .banner-title{
font-size:2.4em
}
.grid-banner2 .banner-title span{
font-size:1.25em
}
.grid-banner2 .banner-subtitle{
margin-bottom:1.5rem;
font-size:1.4rem
}
.grid-banner2 .banner-price-info{
font-size:1.8em
}
.grid-banner2 .banner-price-info ins{
text-decoration:none
}
.grid-banner2 .banner-price-info del{
opacity:0.5
}
.grid-banner3 .banner-subtitle{
font-size:1.8em
}
.grid-banner3 .banner-title{
margin-bottom:0.3rem;
font-size:2.6em
}
.grid-banner3 .banner-desc{
font-size:1.8rem
}
.grid-banner3 p{
margin-bottom:1.3rem;
opacity:0.5
}
.reorder-section{
background-color:#313439
}
.reorder-section .height-x2{
height:400px
}
.reorder-section .height-x1{
height:200px
}
.reorder-section h2{
color:rgba(255,255,255,0.1);
font-weight:700;
margin-bottom:0
}
.reorder-section .grid-item1 h2{
font-size:40em
}
.reorder-section .grid-item2 h2,.reorder-section .grid-item3 h2,.reorder-section .grid-item4 h2{
font-size:18em
}
.reorder-section p{
color:#FFFFFF;
font-size:2em;
margin:0;
white-space:nowrap;
font-weight:700
}
.reorder-section .grid-item1{
background-color:#26c
}
.reorder-section .grid-item2{
background-color:#a8c26e
}
.reorder-section .grid-item3{
background-color:#b10001
}
.reorder-section .grid-item4{
background-color:#d26e4b
}
.breadcrumb-element .default-breadcrumb{
justify-content:center;
padding:23.5px 10px
}
.breadcrumb-element .dark-section{
border-radius:1rem;
background-color:#222
}
.breadcrumb-element .bread-inline{
padding-left:7rem;
padding-right:7rem
}
@media (min-width:992px){
.breadcrumb-element .bread-inline{
flex-direction:row;
justify-content:space-between
}
}
@media (max-width:991px){
.breadcrumb-element .bread-inline{
align-items:flex-start
}
}
.breadcrumb-element .breadcrumb-resize-padding{
padding-left:7rem;
padding-right:7rem
}
@media (max-width:575px){
.breadcrumb-element .breadcrumb-resize-padding{
padding-left:2rem;
padding-right:2rem
}
}
.store-listing1 .toolbox,.store-listing .toolbox{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
padding:20px;
box-shadow:1px 1px 20px 0px #E9E9E9;
background-color:#fff
}
.store-listing1 .toolbox .btn,.store-listing .toolbox .btn{
margin-right:1.9rem;
padding:0.6em 0.9em 0.64em
}
.store-listing1 .toolbox .btn i,.store-listing .toolbox .btn i{
font-size:1.5rem;
margin-right:0.8rem
}
.store-listing1 .toolbox-item,.store-listing .toolbox-item{
margin-bottom:0
}
.store-listing1 .toolbox-item.toolbox-sort,.store-listing .toolbox-item.toolbox-sort{
margin-right:1.3rem
}
.store-listing1 .toolbox-item .form-control,.store-listing .toolbox-item .form-control{
min-width:15.2rem;
border-color:#e1e1e1
}
.store-listing1 .toolbox-item label,.store-listing .toolbox-item label{
margin-right:1rem
}
.store-listing1 .store-count,.store-listing .store-count{
margin:0 0 0.4rem;
color:#222
}
.store-listing1 .btn-layout,.store-listing .btn-layout{
margin:0;
font-size:1.9rem;
color:#999
}
.store-listing1 .btn-layout.active,.store-listing1 .btn-layout:hover,.store-listing .btn-layout.active,.store-listing .btn-layout:hover{
color:#222
}
.store-listing1 .form-wrapper,.store-listing .form-wrapper{
display:none;
position:relative;
background-color:#fff;
margin-top:3.2rem;
padding:3.2rem 2rem;
box-shadow:1px 1px 20px 0px #E9E9E9
}
.store-listing1 .form-wrapper:before,.store-listing .form-wrapper:before{
position:absolute;
content:"";
left:50%;
transform:translateX(-50%);
bottom:100%;
border-right:13px solid transparent;
border-bottom:21px solid #fff;
border-left:13px solid transparent
}
.store-listing1 .form-wrapper .input-wrapper-inline,.store-listing .form-wrapper .input-wrapper-inline{
max-width:100%;
height:4.2rem
}
.store-listing1 .form-wrapper .form-control,.store-listing .form-wrapper .form-control{
margin-right:1rem;
min-height:4.2rem;
border-color:#eee
}
.store-listing1 .form-wrapper .btn,.store-listing .form-wrapper .btn{
padding:0.7em 1.63em;
text-transform:capitalize;
font-weight:400
}
.store-listing1 .store,.store-listing1 .store-banner img,.store-listing .store,.store-listing .store-banner img{
min-height:29rem
}
.store-listing1 .store-header{
max-width:27.6rem;
flex:0 0 27.6rem
}
.store-listing1 .store,.store-listing1 .store-banner img{
min-height:14rem;
width:100%
}
.store-listing1 .store-content{
padding:1.2rem 1rem 1.4rem 4%;
color:#666
}
.store-listing1 .store-content p{
position:relative;
padding-left:2.7rem;
font-size:1.5rem
}
.store-listing1 .store-content p:before{
position:absolute;
content:"";
font-family:"Font Awesome 5 Free";
left:0;
top:0;
font-weight:900;
font-size:1.6rem;
line-height:1.3;
color:#0bb90b
}
.store-listing1 .ratings-container{
margin-bottom:1.4rem
}
.store-listing1 .store-title{
margin-bottom:1.2rem
}
.store-listing1 .store-title a{
font-size:3.4rem
}
.store-listing1 .store-footer{
margin:0 5.5rem 0.4rem 0;
padding:1rem 2rem
}
.vendor .widget-collasible .cart-icon{
margin-top:-0.4rem;
right:0.1rem;
font-size:1.7rem;
color:#222
}
.vendor .sidebar-content .widget-body{
margin-bottom:2rem
}
.vendor .widget-contact-vendor .btn{
margin:1rem 0
}
.vendor .widget-store-time{
font-size:1.3rem;
color:#aaa
}
.vendor .widget-store-time li:not(:last-child){
border-bottom:1px solid #edeef0
}
.vendor .widget-store-time li{
padding:8.5px 3px
}
.vendor .widget-store-time label{
color:#222;
display:inline-block;
min-width:10.4rem;
padding-right:1rem;
line-height:2
}
.vendor-store-banner>figure img{
min-height:34.5rem
}
.vendor-store-content{
top:0;
height:100%;
left:0;
max-width:32rem;
padding:3rem;
background-color:rgba(0,0,0,0.65);
width:100%
}
.vendor-store-content figure img{
width:8rem;
height:8rem
}
.vendor-store-content .vendor-store-title{
padding:0;
font-size:2rem;
margin:1rem 0 1.8rem;
color:#fff
}
.vendor-store-content li{
padding-bottom:0.8rem
}
.vendor-store-content li i{
font-size:1.8rem;
width:2rem;
margin:0 0.6rem 0 -3.1rem;
text-align:center
}
.vendor-store-content li span{
display:inline-block
}
.vendor-store-content ul{
padding-left:2.8rem;
font-size:1.4rem;
font-weight:400;
color:#fff;
opacity:0.6;
list-style:none;
line-height:1.86;
letter-spacing:-0.025em
}
@media (max-width:991px){
.store-list{
display:block;
height:calc(100% - 2rem)
}
.store-list .store-footer{
position:absolute
}
.store-list .store-content{
margin-bottom:3rem;
padding-left:2rem;
padding-right:2rem;
height:auto
}
.store-listing1 .store-header{
max-width:100%;
flex:0 0 100%
}
.store-listing1 .store-title a{
font-size:2.5rem
}
}
@media (max-width:767px){
.vendor-store-content{
max-width:100%;
background-color:rgba(0,0,0,0.15)
}
.vendor-store-content ul{
opacity:1
}
.store-listing .toolbox{
display:block
}
.store-listing .toolbox .btn{
margin-right:1rem
}
.store-listing .toolbox p{
font-size:1.3rem
}
}
.element-product-banner{

}
.element-product-banner .products-grid{
display:grid;
grid-template-columns:repeat(auto-fill,calc(100% / 11));
margin:-1rem
}
.element-product-banner .products-grid>*{
padding:1rem
}
.element-product-banner .products-grid .banner-wrapper{
grid-column-end:span 3;
grid-row-end:span 6
}
.element-product-banner .products-grid .banner-wrapper .banner{
height:100%;
min-height:30rem
}
.element-product-banner .products-grid .product{
grid-column-end:span 2;
grid-row-end:span 3
}
.element-product-banner .products-grid .product-details{
padding:1rem 0 0
}
.element-product-banner .products-grid .banner-content{
top:3.7rem;
left:8.3%
}
.element-product-banner .products-grid .banner-subtitle{
margin-bottom:0.9rem;
font-size:1.6rem;
opacity:0.8
}
.element-product-banner .products-grid .banner-title{
margin-bottom:1.7rem;
font-size:3rem
}
.element-product-banner .products-grid .banner-price-info{
margin-bottom:1.8rem;
font-size:1.8rem
}
.element-product-banner .products-grid .banner-price-info strong{
margin-left:0.4rem;
font-size:2rem
}
.element-product-banner .products-grid .btn-outline{
padding:0.92em 2.1em
}
.element-product-banner .products-grid .btn-outline i{
margin-left:0.7rem
}
@media (max-width:991px){
.element-product-banner .products-grid{
grid-template-columns:repeat(auto-fill,calc(100% / 4))
}
.element-product-banner .products-grid .banner-wrapper{
grid-column-end:span 2;
grid-row-end:span 2
}
.element-product-banner .products-grid .product{
grid-column-end:span 1;
grid-row-end:span 1
}
}
@media (max-width:767px){
.element-product-banner .products-grid{
grid-template-columns:repeat(auto-fill,calc(100% / 3))
}
}
@media (max-width:575px){
.element-product-banner .products-grid{
grid-template-columns:repeat(auto-fill,calc(100% / 2))
}
}
.grid-type{
display:grid;
grid-template-columns:repeat(auto-fill,calc(100% / 5));
margin:-1rem
}
@media (max-width:991px){
.grid-type{
grid-template-columns:repeat(auto-fill,calc(100% / 4))
}
}
@media (max-width:767px){
.grid-type{
grid-template-columns:repeat(auto-fill,calc(100% / 3))
}
}
@media (max-width:575px){
.grid-type{
grid-template-columns:repeat(auto-fill,calc(100% / 2))
}
}
.grid-type .banner img{
min-height:300px;
object-fit:cover
}
.grid-type .product-wrap{
padding:0 10px;
grid-row-end:span 1;
grid-column-end:span 1
}
.grid-type .product-single-wrap{
grid-column-end:span 2
}
.grid-type .banner-content{
top:10.9%;
left:8.2%
}
.grid-type .banner,.grid-type .banner>figure,.grid-type .banner>figure img{
height:100%
}
.grid-type .banner-title{
font-size:28px
}
.grid-type .banner-subtitle{
font-size:18px
}
.grid-type .btn{
padding:13px 28px
}
.grid-type .btn:not(:hover){
border-color:#8f8f8f
}
.element-products-single-product .container{
max-width:1420px
}
.element-products-single-product .product-single{
border:1px solid #e1e1e1;
border-radius:0.4rem;
padding:1rem
}
.element-products-single-product .product-single .product-name{
margin-bottom:0.8rem;
font-size:2rem;
line-height:1.2
}
.element-products-single-product .product-single .product-price{
color:#333;
font-size:2.6rem
}
.element-products-single-product .product-single .ratings-container{
margin-bottom:2.1rem;
font-size:1.2rem
}
.element-products-single-product .product-single .ratings:before{
color:#d26e4b
}
.element-products-single-product .product-single .product-form{
margin-bottom:0.7rem;
line-height:2.4rem
}
.element-products-single-product .product-single .product-form>label{
margin-right:0.7rem;
font-size:1.2rem
}
.element-products-single-product .product-single .product-form .btn-cart:disabled{
background-color:#eee;
color:#222
}
.element-products-single-product .product-single .product-variations>a:not(.size-guide){
width:auto;
height:2.6rem
}
.element-products-single-product .grid-type{
display:grid;
grid-template-columns:repeat(auto-fill,calc(100% / 4));
margin:-1rem
}
.element-products-single-product .grid-type>*{
padding:1rem
}
.element-products-single-product .grid-type .product-single-wrap{
grid-row-end:span 2;
grid-column-end:span 2
}
.element-products-single-product .grid-type .product-wrap{
margin-bottom:0;
grid-row-end:span 1;
grid-column-end:span 1
}
.element-products-single-product .countdown-container{
position:absolute;
bottom:2rem;
max-width:73%;
padding:0.7rem 1rem;
border-radius:0.3rem;
background-color:#444
}
.element-products-single-product .product-list-sm{
margin-bottom:0
}
.element-products-single-product .product-list-sm .product-media{
flex:0 0 50%;
max-width:50%;
margin:0 1rem 0 0
}
.element-products-single-product .product-list-sm .product-details{
max-width:calc(50% - 1rem);
flex:0 0 calc(50% - 1rem)
}
@media (max-width:767px){
.element-products-single-product .product-list-sm{
display:block
}
}
@media (min-width:1600px){
.element-products-single-product .col-md-6:first-child{
max-width:calc(50% + 1rem);
flex:0 0 calc(50% + 1rem)
}
.element-products-single-product .col-md-6:last-child{
max-width:calc(50% - 1rem);
flex:0 0 calc(50% - 1rem)
}
}
@media (max-width:1199px){
.element-products-single-product .grid-type{
grid-template-columns:repeat(auto-fill,calc(100% / 3))
}
}
@media (max-width:991px){
.element-products-single-product .grid-type{
grid-template-columns:repeat(auto-fill,calc(100% / 2))
}
.md-order-1{
order:-1
}
}
@media (max-width:767px){
.element-products-single-product .grid-type{
grid-template-columns:repeat(auto-fill,calc(100% / 3))
}
.element-products-single-product .product-list-sm .product-media{
flex:0 0 100%;
max-width:100%;
margin:0
}
.element-products-single-product .product-list-sm .product-details{
max-width:100%;
flex:0 0 100%
}
.element-products-single-product .product-list-sm .product-name a{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
}
@media (max-width:575px){
.element-products-single-product .grid-type{
grid-template-columns:repeat(auto-fill,calc(100% / 2))
}
}
.element-product-grid .grid-type .product-details{
padding:12px 5px;
background:transparent
}
.element-product-grid .grid-type .product{
margin-bottom:0;
background:#f7f8fc
}
.element-product-grid .grid-type .grid-height-2 .product{
height:100%;
display:flex;
flex-direction:column;
justify-content:space-between
}
@media (min-width:992px){
.element-product-grid .grid-type .product .product-media{
padding:0 13.5%
}
}
.element-product-grid .grid-type{
display:grid;
grid-template-columns:repeat(auto-fill,calc(100% / 4))
}
.element-product-grid .grid-type .grid-item{
grid-row-end:span 1;
grid-column-end:span 1;
padding:0.5rem
}
.element-product-grid .grid-type .grid-item.grid-height-2{
grid-row-end:span 2;
grid-column-end:span 2
}
@media (max-width:991px){
.element-product-grid .grid-type .grid-type{
grid-template-columns:repeat(auto-fill,calc(100% / 2))
}
.element-product-grid .grid-type .grid-height-2{
order:-1
}
}
.element-product-grid .product-list-sm{
display:flex;
align-items:center;
margin-bottom:2rem
}
.element-product-grid .product-list-sm .product-media{
margin:0;
flex:0 0 41.7%;
max-width:41.7%
}
.element-product-grid .product-list-sm .product-details{
padding-right:0.5rem
}
.element-product-grid .product-list-sm .product-price{
font-size:1.6rem;
overflow:hidden;
text-overflow:ellipsis
}
.grid-type-other{
display:grid;
grid-template-columns:repeat(auto-fill,calc(100% / 4));
grid-template-rows:repeat(auto-fill,calc(100% / 3));
margin:-10px;
padding:10px
}
.grid-type-other .height-x3{
grid-row-end:span 3;
grid-column-end:span 1
}
.grid-type-other .product,.grid-type-other .product-media>a,.grid-type-other .product-media img{
height:100%
}
.grid-type-other .product{
border:1px solid #ebebeb;
transition:border-color 0.3s
}
.grid-type-other .product:hover{
border-color:#26c
}
@media (max-width:1199px){
.grid-type-other{
grid-template-columns:repeat(auto-fill,calc(100% / 3))
}
}
@media (max-width:800px){
.grid-type-other{
grid-template-columns:repeat(auto-fill,calc(100% / 2));
grid-template-rows:repeat(auto-fill,calc(100% / 5))
}
}
@media (max-width:575px){
.grid-type-other{
grid-template-columns:repeat(auto-fill,calc(100% / 1))
}
}
.product-tab-underline .nav-link{
position:relative;
font-size:2rem;
letter-spacing:0;
line-height:1;
padding:1.7rem 1.5rem 1.6rem;
color:#999
}
.product-tab-underline .nav-link:after{
content:"";
position:absolute;
left:50%;
bottom:1px;
max-width:100%;
width:5.7rem;
height:4px;
background:#26c;
transform:scaleX(0) translateX(-50%);
transform-origin:left;
transition:transform 0.3s
}
.product-tab-underline .nav-link.active:after,.product-tab-underline .nav-link:hover:after{
transform:scaleX(1) translateX(-50%)
}
.product-tab-underline .nav-item:not(:last-child){
margin-right:1px
}
.product-tab-underline .tab-pane{
padding:2.2rem 0
}
.product-tab-underline .nav{
margin-bottom:8px
}
.product-tab-filter .nav-filter{
font-size:1.6rem
}
.product-tab-filter .nav-filter.active,.product-tab-filter .nav-filter:hover{
color:#d26e4b
}
.product-tab-filter .toolbox{
display:flex;
align-items:center
}
.product-tab-filter .toolbox .toolbox-left{
display:flex;
align-items:center;
flex-wrap:wrap;
flex:1
}
.product-tab-filter .product-filters{
margin-right:1.8rem
}
.product-tab-filter .nav-filters li{
margin-right:2.2rem
}
@media (max-width:991px){
.product-tab-box .tab{
margin-top:10px
}
}
.product-tab-box .tab-pane{
padding-top:8px
}
.product-tab-box .nav-item .nav-link{
padding:1.3rem 2.2rem;
margin-bottom:1rem;
font-size:1.3rem;
text-transform:uppercase;
border:1px solid #ccc;
border-radius:0.3rem;
color:#222;
letter-spacing:-0.025em
}
.product-tab-box .nav-item .nav-link.active,.product-tab-box .nav-item .nav-link:hover{
color:#26c!important;
border-color:#26c
}
.product-tab-box .nav-item:not(:last-child){
margin-right:1rem
}
.product-tab-box .product-border{
background-color:#fff;
border:1px solid #fff;
border-radius:0.3rem;
transition:border-color 0.3s;
overflow:hidden
}
.product-tab-box .product-border:hover{
border-color:#26c
}
.image-box{
text-align:center;
margin-bottom:2rem
}
.image-box img{
display:block;
width:100%
}
.image-box figure{
position:relative;
margin-bottom:1.5rem
}
.image-box-job,.image-box-name{
text-transform:uppercase;
font-size:1.4rem;
margin-bottom:0
}
.image-box-job{
font-size:1.2rem;
font-weight:400;
color:inherit;
text-transform:none
}
.image-overlay{
font-size:1.3rem;
line-height:1.85;
text-align:center;
margin-bottom:2rem
}
.image-overlay a.social-link{
border-color:transparent
}
.image-overlay h4{
margin-bottom:0;
font-size:1.8rem;
font-weight:700;
letter-spacing:-0.025em;
text-transform:uppercase
}
.image-overlay figure{
position:relative
}
.image-overlay img{
width:100%;
display:block
}