.noUi-target,.noUi-target *{
-webkit-touch-callout:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-select:none;
-ms-touch-action:none;
touch-action:none;
-ms-user-select:none;
-moz-user-select:none;
user-select:none;
-moz-box-sizing:border-box;
box-sizing:border-box
}
.noUi-target{
position:relative;
direction:ltr
}
.noUi-base,.noUi-connects{
width:100%;
height:100%;
position:relative;
z-index:1
}
.noUi-connects{
overflow:hidden;
z-index:0
}
.noUi-connect,.noUi-origin{
will-change:transform;
position:absolute;
z-index:1;
top:0;
left:0;
height:100%;
width:100%;
-ms-transform-origin:0 0;
-webkit-transform-origin:0 0;
transform-origin:0 0
}
html:not([dir=rtl]) .noUi-horizontal .noUi-origin{
left:auto;
right:0
}
.noUi-vertical .noUi-origin{
width:0
}
.noUi-horizontal .noUi-origin{
height:0
}
.noUi-handle{
position:absolute
}
.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{
-webkit-transition:transform 0.3s;
transition:transform 0.3s
}
.noUi-state-drag *{
cursor:inherit!important
}
.noUi-horizontal{
height:0.3rem
}
.noUi-horizontal .noUi-handle{
width:1.1rem;
height:1.1rem;
left:-0.55rem;
top:-0.3em
}
.noUi-vertical{
width:0.3rem;
height:150px
}
.noUi-vertical .noUi-handle{
width:1.1rem;
height:1.1rem;
left:-0.4rem;
top:-0.5rem
}
html:not([dir=rtl]) .noUi-horizontal .noUi-handle{
right:-0.55rem;
left:auto
}
.noUi-target{
background:#dfdfdf;
border-radius:0
}
.noUi-connects{
border-radius:0
}
.noUi-connect{
background:#000
}
.noUi-draggable{
cursor:ew-resize
}
.noUi-vertical .noUi-draggable{
cursor:ns-resize
}
.noUi-handle{
border-radius:50%;
background:#000;
cursor:pointer
}
[disabled] .noUi-connect{
background:#B8B8B8
}
[disabled].noUi-handle,[disabled] .noUi-handle,[disabled].noUi-target{
cursor:not-allowed
}
.noUi-pips,.noUi-pips *{
-moz-box-sizing:border-box;
box-sizing:border-box
}
.noUi-pips{
position:absolute;
color:#999
}
.noUi-value{
position:absolute;
white-space:nowrap;
text-align:center
}
.noUi-value-sub{
color:#ccc;
font-size:10px
}
.noUi-marker{
position:absolute;
background:#CCC
}
.noUi-marker-sub{
background:#AAA
}
.noUi-marker-large{
background:#AAA
}
.noUi-pips-horizontal{
padding:10px 0;
height:80px;
top:100%;
left:0;
width:100%
}
.noUi-value-horizontal{
-webkit-transform:translate(-50%,50%);
transform:translate(-50%,50%)
}
.noUi-rtl .noUi-value-horizontal{
-webkit-transform:translate(50%,50%);
transform:translate(50%,50%)
}
.noUi-marker-horizontal.noUi-marker{
margin-left:-1px;
width:2px;
height:5px
}
.noUi-marker-horizontal.noUi-marker-sub{
height:10px
}
.noUi-marker-horizontal.noUi-marker-large{
height:15px
}
.noUi-pips-vertical{
padding:0 10px;
height:100%;
top:0;
left:100%
}
.noUi-value-vertical{
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%,0);
padding-left:25px
}
.noUi-rtl .noUi-value-vertical{
-webkit-transform:translate(0,50%);
transform:translate(0,50%)
}
.noUi-marker-vertical.noUi-marker{
width:5px;
height:2px;
margin-top:-1px
}
.noUi-marker-vertical.noUi-marker-sub{
width:10px
}
.noUi-marker-vertical.noUi-marker-large{
width:15px
}
.noUi-tooltip{
display:block;
position:absolute;
border:1px solid #D9D9D9;
border-radius:3px;
background:#fff;
color:#000;
padding:5px;
text-align:center;
white-space:nowrap
}
.noUi-horizontal .noUi-tooltip{
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0);
left:50%;
bottom:120%
}
.noUi-vertical .noUi-tooltip{
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%);
top:50%;
right:120%
}
.alert{
display:flex;
align-items:center;
margin-bottom:2rem;
padding:1.6rem 1.5rem;
border-radius:0
}
.alert i{
font-size:1.7em;
width:3.9rem
}
.alert.icon-sm i{
font-size:1.1em;
width:2.9rem
}
.alert .pixel-icon{
height:16px;
background-repeat:no-repeat;
background-position:0 0;
margin-bottom:1px
}
.alert .alert-wrapper h4{
letter-spacing:-0.05em;
margin-bottom:1.4rem
}
.alert .alert-wrapper p{
line-height:2.4rem;
margin-bottom:2rem
}
.alert .alert-wrapper ul{
margin:2rem 0 0 2.5rem;
list-style:disc
}
.alert .alert-wrapper li{
line-height:2.5rem
}
.alert .alert-wrapper .btn{
text-transform:none;
font-weight:400;
font-size:1.3rem;
padding:0.533rem 0.933rem
}
.alert .alert-close{
z-index:2;
padding:0.95rem 0 0.95rem 2.5rem;
cursor:pointer;
width:1em;
height:1em;
color:#000;
border:0;
border-radius:0;
opacity:0.5;
transition:opacity 0.2s;
margin-left:auto
}
.alert .alert-close:hover{
opacity:1
}
.alert.alert-intro{
font-size:1.5rem
}
.alert-rounded{
border-radius:5px
}
.alert.alert-default{
background-color:#f2f2f2;
border-color:#eaeaea;
color:#737373
}
.alert.alert-default .alert-link{
color:#4c4c4c
}
.alert.alert-dark{
background-color:#3a3f45;
border-color:#0b0c0e;
color:#d5d8dc
}
.alert.alert-dark .alert-link{
color:#fff
}
.alert.alert-primary{
background-color:#0088cc;
border-color:#007ebd;
color:#fff
}
.alert.alert-secondary{
background-color:#e36159;
border-color:#e1554c;
color:#fff
}
.alert.alert-tertiary{
background-color:#2baab1;
border-color:#299fa5;
color:#fff
}
.alert.alert-quaternary{
background-color:#383f48;
border-color:#323840;
color:#fff
}
.alert.alert-sm{
padding:0.5rem 1rem
}
.alert.alert-lg{
padding:2rem
}
@keyframes maskUp{
0%{
transform:translate(0,100%)
}
to{
transform:translate(0,0)
}
}
@keyframes maskRight{
0%{
transform:translate(-100%,0)
}
to{
transform:translate(0,0)
}
}
@keyframes maskDown{
0%{
transform:translate(0,-100%)
}
to{
transform:translate(0,0)
}
}
@keyframes maskLeft{
0%{
transform:translate(100%,0)
}
to{
transform:translate(0,0)
}
}
.maskUp{
animation-name:maskUp
}
.maskRight{
animation-name:maskRight
}
.maskDown{
animation-name:maskDown
}
.maskLeft{
animation-name:maskLeft
}
@keyframes fadeInUpShorter{
0%{
opacity:0;
transform:translate(0,50px)
}
to{
opacity:1;
transform:none
}
}
.fadeInUpShorter{
animation-timing-function:ease-out;
animation-name:fadeInUpShorter
}
@keyframes fadeInUpBig{
0%{
opacity:0;
transform:translate(0,2000px)
}
to{
opacity:1;
transform:none
}
}
.fadeInUpBig{
animation-timing-function:ease-out;
animation-name:fadeInUpBig
}
@keyframes fadeInLeftShorter{
0%{
opacity:0;
transform:translate(50px,0)
}
to{
opacity:1;
transform:none
}
}
.fadeInLeftShorter{
animation-timing-function:ease-out;
animation-name:fadeInLeftShorter
}
@keyframes fadeInLeftBig{
0%{
opacity:0;
transform:translate(2000px,0)
}
to{
opacity:1;
transform:none
}
}
.fadeInLeftBig{
animation-timing-function:ease-out;
animation-name:fadeInLeftBig
}
@keyframes fadeInRightShorter{
0%{
opacity:0;
transform:translate(-50px,0)
}
to{
opacity:1;
transform:none
}
}
.fadeInRightShorter{
animation-timing-function:ease-out;
animation-name:fadeInRightShorter
}
@keyframes fadeInRightBig{
0%{
opacity:0;
transform:translate(-2000px,0)
}
to{
opacity:1;
transform:none
}
}
.fadeInRightBig{
animation-timing-function:ease-out;
animation-name:fadeInRightBig
}
.fadeIn{
animation-name:fadeIn
}
@keyframes fadeIn{
0%{
opacity:0
}
to{
opacity:1
}
}
@keyframes fadeInDownShorter{
0%{
opacity:0;
transform:translate(0,-50px)
}
to{
opacity:1;
transform:none
}
}
.fadeInDownShorter{
animation-name:fadeInDownShorter;
animation-timing-function:ease-out
}
@keyframes fadeInDownBig{
0%{
opacity:0;
transform:translate(0,-2000px)
}
to{
opacity:1;
transform:none
}
}
.fadeInDownBig{
animation-name:fadeInDownBig;
animation-timing-function:ease-out
}
@keyframes flash{
0%,50%,to{
opacity:1
}
25%,75%{
opacity:0
}
}
.flash{
animation-name:flash
}
@keyframes shake{
0%,to{
transform:translateX(0);
opacity:1
}
10%,30%,50%,70%,90%{
transform:translateX(-10px)
}
20%,40%,60%,80%{
transform:translateX(10px)
}
}
.shake{
animation-name:shake
}
@keyframes tada{
0%{
transform:scale(1)
}
10%,20%{
transform:scale(0.9) rotate(-3deg)
}
30%,50%,70%,90%{
transform:scale(1.1) rotate(3deg)
}
40%,60%,80%{
transform:scale(1.1) rotate(-3deg)
}
to{
transform:scale(1) rotate(0);
opacity:1
}
}
.tada{
animation-name:tada
}
@keyframes pulse{
0%{
transform:scale(1)
}
50%{
transform:scale(1.1)
}
to{
transform:scale(1);
opacity:1
}
}
.pulse{
animation-name:pulse
}
@keyframes swing{
0%{
transform:rotate(0)
}
20%{
transform:rotate(15deg)
}
40%{
transform:rotate(-10deg)
}
60%{
transform:rotate(5deg)
}
80%{
transform:rotate(-5deg)
}
to{
transform:rotate(0);
opacity:1
}
}
.swing{
animation-name:swing
}
@keyframes wobble{
0%{
transform:translateX(0%)
}
15%{
transform:translateX(-25%) rotate(-5deg)
}
30%{
transform:translateX(20%) rotate(3deg)
}
45%{
transform:translateX(-15%) rotate(-3deg)
}
60%{
transform:translateX(10%) rotate(2deg)
}
75%{
transform:translateX(-5%) rotate(-1deg)
}
to{
transform:translateX(0%);
opacity:1
}
}
.wobble{
animation-name:wobble
}
@keyframes blurIn{
0%{
opacity:0;
filter:blur(20px);
transform:scale(1.3)
}
to{
opacity:1;
filter:blur(0);
transform:none
}
}
.blurIn{
animation-name:blurIn
}
@keyframes dotPulse{
0%{
opacity:1;
transform:scale(0.2)
}
to{
opacity:0;
transform:scale(1)
}
}
.dotPulse{
animation-name:dotPulse;
animation-iteration-count:infinite;
animation-duration:4s
}
@keyframes slideInUp{
0%{
transform:translate3d(0,100%,0);
visibility:visible
}
to{
transform:translateZ(0)
}
}
@keyframes slideInDown{
0%{
transform:translate3d(0,-100%,0);
visibility:visible
}
to{
transform:translateZ(0)
}
}
@keyframes slideInLeft{
0%{
transform:translate3d(-100%,0,0);
visibility:visible
}
to{
transform:translateZ(0)
}
}
@keyframes slideInRight{
0%{
transform:translate3d(100%,0,0);
visibility:visible
}
to{
transform:translateZ(0)
}
}
@keyframes flipInX{
0%{
animation-timing-function:ease-in;
opacity:0;
transform:perspective(400px) rotateX(90deg)
}
to{
transform:perspective(400px)
}
}
@keyframes flipInY{
0%{
animation-timing-function:ease-in;
opacity:0;
transform:perspective(400px) rotateY(-90deg)
}
to{
transform:perspective(400px)
}
}
@keyframes brightIn{
0%{
animation-timing-function:ease-in;
filter:brightness(0%)
}
to{
filter:brightness(100%)
}
}
@keyframes bounce{
0%,20%,50%,80%,to{
transform:translateY(0);
opacity:1
}
40%{
transform:translateY(-30px)
}
60%{
transform:translateY(-15px)
}
}
.bounce{
animation-name:bounce
}
@keyframes bounceIn{
0%{
opacity:0;
transform:scale(0.3)
}
50%{
opacity:1;
transform:scale(1.05)
}
70%{
transform:scale(0.9)
}
to{
transform:scale(1)
}
}
.bounceIn{
animation-name:bounceIn
}
@keyframes bounceInUp{
0%{
opacity:0;
transform:translateY(2000px)
}
60%{
transform:translateY(-30px)
}
80%{
transform:translateY(10px)
}
to{
transform:translateY(0);
opacity:1
}
}
.bounceInUp{
animation-name:bounceInUp
}
@keyframes bounceInDown{
0%{
opacity:0;
transform:translateY(-2000px)
}
60%{
transform:translateY(30px)
}
80%{
transform:translateY(-10px)
}
to{
transform:translateY(0);
opacity:1
}
}
.bounceInDown{
animation-name:bounceInDown
}
@keyframes bounceInLeft{
0%{
opacity:0;
transform:translateX(-2000px)
}
60%{
transform:translateX(30px)
}
80%{
transform:translateX(-10px)
}
to{
transform:translateX(0);
opacity:1
}
}
.bounceInLeft{
animation-name:bounceInLeft
}
@keyframes bounceInRight{
0%{
opacity:0;
transform:translateX(2000px)
}
60%{
transform:translateX(-30px)
}
80%{
transform:translateX(10px)
}
to{
transform:translateX(0);
opacity:1
}
}
.bounceInRight{
animation-name:bounceInRight
}
@keyframes rotateIn{
0%{
transform-origin:center center;
transform:rotate(-200deg);
opacity:0
}
to{
transform:rotate(0);
opacity:1
}
}
.rotateIn{
animation-name:rotateIn
}
@keyframes rotateInUpLeft{
0%{
opacity:0;
transform:rotate(90deg);
transform-origin:left bottom
}
to{
opacity:1;
transform:rotate(0)
}
}
.rotateInUpLeft{
animation-name:rotateInUpLeft
}
@keyframes rotateInDownLeft{
0%{
opacity:0;
transform:rotate(-90deg);
transform-origin:left bottom
}
to{
opacity:1;
transform:rotate(0)
}
}
.rotateInDownLeft{
animation-name:rotateInDownLeft
}
@keyframes rotateInUpRight{
0%{
opacity:0;
transform:rotate(-90deg);
transform-origin:right bottom
}
to{
opacity:1;
transform:rotate(0)
}
}
.rotateInUpRight{
animation-name:rotateInUpRight
}
@keyframes rotateInDownRight{
0%{
opacity:0;
transform:rotate(90deg);
transform-origin:right bottom
}
to{
opacity:1;
transform:rotate(0)
}
}
.rotateInDownRight{
animation-name:rotateInDownRight
}
.brightIn{
animation-name:brightIn
}
@keyframes customSVGLineAnimTwo{
0%{
stroke-dasharray:820;
stroke-dashoffset:500
}
to{
stroke-dasharray:1120;
stroke-dashoffset:500
}
}
.customSVGLineAnimTwo{
animation-name:customSVGLineAnimTwo
}
.appear-animate{
opacity:0
}
.appear-animation-visible{
opacity:1
}
.banner{
position:relative;
font-size:1.6rem
}
.banner figure{
margin:0
}
.banner img{
width:100%;
object-fit:cover
}
.banner h1,.banner h2,.banner h3,.banner h4,.banner h5,.banner h6{
line-height:1
}
.banner .container:not(.banner-content){
position:absolute;
top:0;
bottom:0;
left:0;
right:0
}
.ibanner{
font-size:10px
}
aside .banner{
font-size:1.6rem
}
.banner-layer{
position:absolute;
left:6%;
right:6%
}
.banner-content{
position:relative
}
.banner-layer-top{
top:7%
}
.banner-layer-bottom{
bottom:5%
}
.banner-layer-space{
left:0;
right:0;
padding:1em 1.5625em
}
.banner-layer-left{
right:auto
}
.banner-layer-right{
left:auto
}
.banner-layer-center{
left:50%;
top:50%;
transform:translate(-50%,-50%)
}
.banner-layer-middle{
top:50%;
transform:translateY(-50%)
}
.bg-img{
background-position:center;
background-repeat:no-repeat;
background-size:cover
}
.banner-h-100{
height:100vh
}
@media (max-width:1199px){
.banner{
font-size:1.4rem
}
.ibanner{
font-size:1rem
}
}
@media (max-width:767px){
.banner-md-vw-small{
font-size:1.8vw
}
.banner-md-vw{
font-size:2.3vw
}
.banner-md-vw-large{
font-size:3vw
}
}
@media (max-width:575px){
.banner-md-vw-small{
font-size:2.3vw
}
.banner-sm-vw{
font-size:1.2rem
}
.banner-sm-vw-large{
font-size:4vw
}
}
.owl-dots .owl-dot,.owl-nav .owl-next,.owl-nav .owl-prev{
outline:none
}
a:focus{
outline:none
}
@keyframes spin{
0%{
transform:rotate(0deg)
}
to{
transform:rotate(359deg)
}
}
.mfp-container .mfp-preloader,.porto-loading-icon{
content:"";
display:inline-block;
width:40px;
height:40px;
margin:0 auto;
border:2px solid transparent;
border-radius:50%;
border-top-color:#08c;
border-image:none;
text-indent:-9999px;
-webkit-animation:spin 0.75s infinite linear;
animation:spin 0.75s infinite linear;
z-index:3
}
.mfp-container .mfp-preloader:before,.porto-loading-icon:before{
position:absolute;
top:-2px;
right:0;
left:-2px;
width:inherit;
height:inherit;
border:inherit;
border-radius:inherit;
border-top-color:inherit;
content:"";
-webkit-animation:spin 1.5s infinite ease;
animation:spin 1.5s infinite ease
}
.card{
margin-bottom:3rem;
border:1px solid #ddd;
border-radius:0;
font-size:1.4rem
}
.card-header{
margin:0;
padding:1.2rem 1.5rem;
border-radius:0;
border-color:#ddd;
background-color:#f5f5f5;
color:#000;
font-weight:700;
line-height:1.5;
text-transform:uppercase
}
.card-header:after{
display:block;
clear:both;
content:""
}
.card-header .card-edit{
margin-top:0.1rem;
float:right;
color:#08c;
font-size:1.3rem;
font-weight:400;
text-transform:capitalize
}
.card-body{
min-height:135px;
padding:2rem 1.5rem;
border-top:0;
border-radius:0
}
.card-body a{
text-decoration:underline
}
.card-body h4{
margin-bottom:0.7rem;
color:#666
}
.card.card-accordion{
margin-bottom:0.5rem;
padding:0;
border:0
}
.card.card-accordion .card-header{
cursor:pointer;
position:relative;
padding-left:0;
padding-right:25px;
background:transparent;
font-family:Poppins,sans-serif;
font-size:1.6rem;
font-weight:600;
letter-spacing:-0.025em;
overflow:hidden;
text-overflow:ellipsis;
text-transform:none;
white-space:nowrap
}
.card.card-accordion .card-header:after{
content:"î ›";
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
font-family:"porto";
transition:0.35s
}
.card.card-accordion .card-header.collapsed:after{
content:"î œ";
transition:0.35s
}
.card.card-accordion .card-body{
min-height:0;
padding:0
}
.card.card-accordion p{
margin-bottom:0.4rem;
padding:1.3rem 0;
letter-spacing:0
}
.card-accordion.accordion-boxed{
border:1px solid #ddd
}
.card-accordion.accordion-boxed .card-header{
border:0;
padding-left:1.5rem;
background-color:#f5f5f5
}
.card-accordion.accordion-boxed p{
padding:1.5rem
}
.card-accordion.accordion-boxed i{
margin-right:1rem
}
.count-container{
margin-bottom:4rem
}
.count-wrapper{
margin-bottom:0.9rem;
color:#222529;
font:400 2.8rem/1 Poppins,sans-serif;
text-transform:uppercase
}
.count-title{
margin-bottom:0;
color:#777;
font:600 1.6rem/1 "Open Sans",sans-serif
}
@media (min-width:992px){
.count-wrapper{
font-size:3.6rem
}
}
.feature-box{
color:#7b858a;
font-size:1.5rem;
line-height:2;
margin-bottom:4rem
}
.feature-box i{
display:inline-block;
margin-bottom:2.2rem;
color:#08c;
font-size:5rem;
line-height:1
}
.feature-box i:before{
margin:0
}
.feature-box h3{
margin-bottom:2rem;
font-size:1.6rem;
font-weight:700;
text-transform:uppercase;
line-height:1.1;
letter-spacing:0
}
.feature-box p{
margin-bottom:0
}
.feature-box.border-top-primary{
border-bottom:1px solid #dfdfdf;
border-left:1px solid #ececec;
border-right:1px solid #ececec;
box-shadow:0 2px 4px 0px rgba(0,0,0,0.05)
}
.feature-box.border-top-primary .feature-box-content{
border-top:4px solid #08c;
padding:30px 20px 10px 20px
}
.feature-box-content{
color:#7b858a;
font-size:1.5rem;
line-height:1.9;
padding-left:10px;
padding-right:10px
}
.feature-rounded i{
width:80px;
height:80px;
border-radius:500px;
font-size:35px;
line-height:80px
}
.flag{
display:inline-block;
width:16px;
height:11px;
margin-top:-1px;
margin-right:6px;
margin-left:1px;
vertical-align:middle;
line-height:0;
}
.flag.flag-ad{
background-position:-16px 0
}
.flag.flag-ae{
background-position:-32px 0
}
.flag.flag-af{
background-position:-48px 0
}
.flag.flag-ag{
background-position:-64px 0
}
.flag.flag-ai{
background-position:-80px 0
}
.flag.flag-al{
background-position:-96px 0
}
.flag.flag-am{
background-position:-112px 0
}
.flag.flag-an{
background-position:-128px 0
}
.flag.flag-ao{
background-position:-144px 0
}
.flag.flag-ar{
background-position:-160px 0
}
.flag.flag-as{
background-position:-176px 0
}
.flag.flag-at{
background-position:-192px 0
}
.flag.flag-au{
background-position:-208px 0
}
.flag.flag-aw{
background-position:-224px 0
}
.flag.flag-az{
background-position:-240px 0
}
.flag.flag-ba{
background-position:0 -11px
}
.flag.flag-bb{
background-position:-16px -11px
}
.flag.flag-bd{
background-position:-32px -11px
}
.flag.flag-be{
background-position:-48px -11px
}
.flag.flag-bf{
background-position:-64px -11px
}
.flag.flag-bg{
background-position:-80px -11px
}
.flag.flag-bh{
background-position:-96px -11px
}
.flag.flag-bi{
background-position:-112px -11px
}
.flag.flag-bj{
background-position:-128px -11px
}
.flag.flag-bm{
background-position:-144px -11px
}
.flag.flag-bn{
background-position:-160px -11px
}
.flag.flag-bo{
background-position:-176px -11px
}
.flag.flag-br{
background-position:-192px -11px
}
.flag.flag-bs{
background-position:-208px -11px
}
.flag.flag-bt{
background-position:-224px -11px
}
.flag.flag-bv{
background-position:-240px -11px
}
.flag.flag-bw{
background-position:0 -22px
}
.flag.flag-by{
background-position:-16px -22px
}
.flag.flag-bz{
background-position:-32px -22px
}
.flag.flag-ca{
background-position:-48px -22px
}
.flag.flag-catalonia{
background-position:-64px -22px
}
.flag.flag-cd{
background-position:-80px -22px
}
.flag.flag-cf{
background-position:-96px -22px
}
.flag.flag-cg{
background-position:-112px -22px
}
.flag.flag-ch{
background-position:-128px -22px
}
.flag.flag-ci{
background-position:-144px -22px
}
.flag.flag-ck{
background-position:-160px -22px
}
.flag.flag-cl{
background-position:-176px -22px
}
.flag.flag-cm{
background-position:-192px -22px
}
.flag.flag-cn{
background-position:-208px -22px
}
.flag.flag-co{
background-position:-224px -22px
}
.flag.flag-cr{
background-position:-240px -22px
}
.flag.flag-cu{
background-position:0 -33px
}
.flag.flag-cv{
background-position:-16px -33px
}
.flag.flag-cw{
background-position:-32px -33px
}
.flag.flag-cy{
background-position:-48px -33px
}
.flag.flag-cz{
background-position:-64px -33px
}
.flag.flag-de{
background-position:-80px -33px
}
.flag.flag-dj{
background-position:-96px -33px
}
.flag.flag-dk{
background-position:-112px -33px
}
.flag.flag-dm{
background-position:-128px -33px
}
.flag.flag-do{
background-position:-144px -33px
}
.flag.flag-dz{
background-position:-160px -33px
}
.flag.flag-ec{
background-position:-176px -33px
}
.flag.flag-ee{
background-position:-192px -33px
}
.flag.flag-eg{
background-position:-208px -33px
}
.flag.flag-eh{
background-position:-224px -33px
}
.flag.flag-england{
background-position:-240px -33px
}
.flag.flag-er{
background-position:0 -44px
}
.flag.flag-es{
background-position:-16px -44px
}
.flag.flag-et{
background-position:-32px -44px
}
.flag.flag-eu{
background-position:-48px -44px
}
.flag.flag-fi{
background-position:-64px -44px
}
.flag.flag-fj{
background-position:-80px -44px
}
.flag.flag-fk{
background-position:-96px -44px
}
.flag.flag-fm{
background-position:-112px -44px
}
.flag.flag-fo{
background-position:-128px -44px
}
.flag.flag-fr{
background-position:-144px -44px
}
.flag.flag-ga{
background-position:-160px -44px
}
.flag.flag-gb{
background-position:-176px -44px
}
.flag.flag-gd{
background-position:-192px -44px
}
.flag.flag-ge{
background-position:-208px -44px
}
.flag.flag-gf{
background-position:-224px -44px
}
.flag.flag-gg{
background-position:-240px -44px
}
.flag.flag-gh{
background-position:0 -55px
}
.flag.flag-gi{
background-position:-16px -55px
}
.flag.flag-gl{
background-position:-32px -55px
}
.flag.flag-gm{
background-position:-48px -55px
}
.flag.flag-gn{
background-position:-64px -55px
}
.flag.flag-gp{
background-position:-80px -55px
}
.flag.flag-gq{
background-position:-96px -55px
}
.flag.flag-gr{
background-position:-112px -55px
}
.flag.flag-gs{
background-position:-128px -55px
}
.flag.flag-gt{
background-position:-144px -55px
}
.flag.flag-gu{
background-position:-160px -55px
}
.flag.flag-gw{
background-position:-176px -55px
}
.flag.flag-gy{
background-position:-192px -55px
}
.flag.flag-hk{
background-position:-208px -55px
}
.flag.flag-hm{
background-position:-224px -55px
}
.flag.flag-hn{
background-position:-240px -55px
}
.flag.flag-hr{
background-position:0 -66px
}
.flag.flag-ht{
background-position:-16px -66px
}
.flag.flag-hu{
background-position:-32px -66px
}
.flag.flag-ic{
background-position:-48px -66px
}
.flag.flag-id{
background-position:-64px -66px
}
.flag.flag-ie{
background-position:-80px -66px
}
.flag.flag-il{
background-position:-96px -66px
}
.flag.flag-im{
background-position:-112px -66px
}
.flag.flag-in{
background-position:-128px -66px
}
.flag.flag-io{
background-position:-144px -66px
}
.flag.flag-iq{
background-position:-160px -66px
}
.flag.flag-ir{
background-position:-176px -66px
}
.flag.flag-is{
background-position:-192px -66px
}
.flag.flag-it{
background-position:-208px -66px
}
.flag.flag-je{
background-position:-224px -66px
}
.flag.flag-jm{
background-position:-240px -66px
}
.flag.flag-jo{
background-position:0 -77px
}
.flag.flag-jp{
background-position:-16px -77px
}
.flag.flag-ke{
background-position:-32px -77px
}
.flag.flag-kg{
background-position:-48px -77px
}
.flag.flag-kh{
background-position:-64px -77px
}
.flag.flag-ki{
background-position:-80px -77px
}
.flag.flag-km{
background-position:-96px -77px
}
.flag.flag-kn{
background-position:-112px -77px
}
.flag.flag-kp{
background-position:-128px -77px
}
.flag.flag-kr{
background-position:-144px -77px
}
.flag.flag-kurdistan{
background-position:-160px -77px
}
.flag.flag-kw{
background-position:-176px -77px
}
.flag.flag-ky{
background-position:-192px -77px
}
.flag.flag-kz{
background-position:-208px -77px
}
.flag.flag-la{
background-position:-224px -77px
}
.flag.flag-lb{
background-position:-240px -77px
}
.flag.flag-lc{
background-position:0 -88px
}
.flag.flag-li{
background-position:-16px -88px
}
.flag.flag-lk{
background-position:-32px -88px
}
.flag.flag-lr{
background-position:-48px -88px
}
.flag.flag-ls{
background-position:-64px -88px
}
.flag.flag-lt{
background-position:-80px -88px
}
.flag.flag-lu{
background-position:-96px -88px
}
.flag.flag-lv{
background-position:-112px -88px
}
.flag.flag-ly{
background-position:-128px -88px
}
.flag.flag-ma{
background-position:-144px -88px
}
.flag.flag-mc{
background-position:-160px -88px
}
.flag.flag-md{
background-position:-176px -88px
}
.flag.flag-me{
background-position:-192px -88px
}
.flag.flag-mg{
background-position:-208px -88px
}
.flag.flag-mh{
background-position:-224px -88px
}
.flag.flag-mk{
background-position:-240px -88px
}
.flag.flag-ml{
background-position:0 -99px
}
.flag.flag-mm{
background-position:-16px -99px
}
.flag.flag-mn{
background-position:-32px -99px
}
.flag.flag-mo{
background-position:-48px -99px
}
.flag.flag-mp{
background-position:-64px -99px
}
.flag.flag-mq{
background-position:-80px -99px
}
.flag.flag-mr{
background-position:-96px -99px
}
.flag.flag-ms{
background-position:-112px -99px
}
.flag.flag-mt{
background-position:-128px -99px
}
.flag.flag-mu{
background-position:-144px -99px
}
.flag.flag-mv{
background-position:-160px -99px
}
.flag.flag-mw{
background-position:-176px -99px
}
.flag.flag-mx{
background-position:-192px -99px
}
.flag.flag-my{
background-position:-208px -99px
}
.flag.flag-mz{
background-position:-224px -99px
}
.flag.flag-na{
background-position:-240px -99px
}
.flag.flag-nc{
background-position:0 -110px
}
.flag.flag-ne{
background-position:-16px -110px
}
.flag.flag-nf{
background-position:-32px -110px
}
.flag.flag-ng{
background-position:-48px -110px
}
.flag.flag-ni{
background-position:-64px -110px
}
.flag.flag-nl{
background-position:-80px -110px
}
.flag.flag-no{
background-position:-96px -110px
}
.flag.flag-np{
background-position:-112px -110px
}
.flag.flag-nr{
background-position:-128px -110px
}
.flag.flag-nu{
background-position:-144px -110px
}
.flag.flag-nz{
background-position:-160px -110px
}
.flag.flag-om{
background-position:-176px -110px
}
.flag.flag-pa{
background-position:-192px -110px
}
.flag.flag-pe{
background-position:-208px -110px
}
.flag.flag-pf{
background-position:-224px -110px
}
.flag.flag-pg{
background-position:-240px -110px
}
.flag.flag-ph{
background-position:0 -121px
}
.flag.flag-pk{
background-position:-16px -121px
}
.flag.flag-pl{
background-position:-32px -121px
}
.flag.flag-pm{
background-position:-48px -121px
}
.flag.flag-pn{
background-position:-64px -121px
}
.flag.flag-pr{
background-position:-80px -121px
}
.flag.flag-ps{
background-position:-96px -121px
}
.flag.flag-pt{
background-position:-112px -121px
}
.flag.flag-pw{
background-position:-128px -121px
}
.flag.flag-py{
background-position:-144px -121px
}
.flag.flag-qa{
background-position:-160px -121px
}
.flag.flag-re{
background-position:-176px -121px
}
.flag.flag-ro{
background-position:-192px -121px
}
.flag.flag-rs{
background-position:-208px -121px
}
.flag.flag-ru{
background-position:-224px -121px
}
.flag.flag-rw{
background-position:-240px -121px
}
.flag.flag-sa{
background-position:0 -132px
}
.flag.flag-sb{
background-position:-16px -132px
}
.flag.flag-sc{
background-position:-32px -132px
}
.flag.flag-scotland{
background-position:-48px -132px
}
.flag.flag-sd{
background-position:-64px -132px
}
.flag.flag-se{
background-position:-80px -132px
}
.flag.flag-sg{
background-position:-96px -132px
}
.flag.flag-sh{
background-position:-112px -132px
}
.flag.flag-si{
background-position:-128px -132px
}
.flag.flag-sk{
background-position:-144px -132px
}
.flag.flag-sl{
background-position:-160px -132px
}
.flag.flag-sm{
background-position:-176px -132px
}
.flag.flag-sn{
background-position:-192px -132px
}
.flag.flag-so{
background-position:-208px -132px
}
.flag.flag-somaliland{
background-position:-224px -132px
}
.flag.flag-sr{
background-position:-240px -132px
}
.flag.flag-ss{
background-position:0 -143px
}
.flag.flag-st{
background-position:-16px -143px
}
.flag.flag-sv{
background-position:-32px -143px
}
.flag.flag-sx{
background-position:-48px -143px
}
.flag.flag-sy{
background-position:-64px -143px
}
.flag.flag-sz{
background-position:-80px -143px
}
.flag.flag-tc{
background-position:-96px -143px
}
.flag.flag-td{
background-position:-112px -143px
}
.flag.flag-tf{
background-position:-128px -143px
}
.flag.flag-tg{
background-position:-144px -143px
}
.flag.flag-th{
background-position:-160px -143px
}
.flag.flag-tibet{
background-position:-176px -143px
}
.flag.flag-tj{
background-position:-192px -143px
}
.flag.flag-tk{
background-position:-208px -143px
}
.flag.flag-tl{
background-position:-224px -143px
}
.flag.flag-tm{
background-position:-240px -143px
}
.flag.flag-tn{
background-position:0 -154px
}
.flag.flag-to{
background-position:-16px -154px
}
.flag.flag-tr{
background-position:-32px -154px
}
.flag.flag-tt{
background-position:-48px -154px
}
.flag.flag-tv{
background-position:-64px -154px
}
.flag.flag-tw{
background-position:-80px -154px
}
.flag.flag-tz{
background-position:-96px -154px
}
.flag.flag-ua{
background-position:-112px -154px
}
.flag.flag-ug{
background-position:-128px -154px
}
.flag.flag-um{
background-position:-144px -154px
}
.flag.flag-us{
background-position:-160px -154px
}
.flag.flag-uy{
background-position:-176px -154px
}
.flag.flag-uz{
background-position:-192px -154px
}
.flag.flag-va{
background-position:-208px -154px
}
.flag.flag-vc{
background-position:-224px -154px
}
.flag.flag-ve{
background-position:-240px -154px
}
.flag.flag-vg{
background-position:0 -165px
}
.flag.flag-vi{
background-position:-16px -165px
}
.flag.flag-vn{
background-position:-32px -165px
}
.flag.flag-vu{
background-position:-48px -165px
}
.flag.flag-wales{
background-position:-64px -165px
}
.flag.flag-wf{
background-position:-80px -165px
}
.flag.flag-ws{
background-position:-96px -165px
}
.flag.flag-xk{
background-position:-112px -165px
}
.flag.flag-ye{
background-position:-128px -165px
}
.flag.flag-yt{
background-position:-144px -165px
}
.flag.flag-za{
background-position:-160px -165px
}
.flag.flag-zanzibar{
background-position:-176px -165px
}
.flag.flag-zm{
background-position:-192px -165px
}
.flag.flag-zw{
background-position:-208px -165px
}
[class*=" icon-"]:before,[class^=icon-]:before{
font-family:"porto";
font-style:normal;
font-weight:normal;
display:inline-block;
text-decoration:inherit;
width:1em;
text-align:center;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.icon-cart-thick:before{
content:""
}
.icon-check-circle:before{
content:"îœ"
}
.icon-envelop:before{
content:""
}
.icon-business-book:before{
content:""
}
.icon-long-arrow-right:before{
content:""
}
.icon-percent-shape:before{
content:""
}
.icon-sale-label:before{
content:""
}
.icon-help-circle:before{
content:""
}
.icon-sale-discount:before{
content:""
}
.icon-shipping-truck:before{
content:""
}
.icon-user-3:before{
content:""
}
.icon-long-arrow-alt:before{
content:""
}
.icon-map-location:before{
content:""
}
.icon-phone-call:before{
content:"îœ"
}
.icon-tablet:before{
content:""
}
.icon-spin1:before{
content:"î €"
}
.icon-spin2:before{
content:"î "
}
.icon-spin3:before{
content:"î ‚"
}
.icon-spin4:before{
content:"î ƒ"
}
.icon-spin5:before{
content:"î „"
}
.icon-spin6:before{
content:"î …"
}
.icon-firefox:before{
content:"î †"
}
.icon-chrome:before{
content:"î ‡"
}
.icon-opera:before{
content:"î ˆ"
}
.icon-ie:before{
content:"î ‰"
}
.icon-phone:before{
content:"î Š"
}
.icon-down-dir:before{
content:"î ‹"
}
.icon-cart:before{
content:"î Œ"
}
.icon-up-dir:before{
content:"î "
}
.icon-mode-grid:before{
content:"î Ž"
}
.icon-mode-list:before{
content:"î "
}
.icon-compare:before{
content:"î "
}
.icon-wishlist:before{
content:"î ‘"
}
.icon-search:before{
content:"î ’"
}
.icon-left-dir:before{
content:"î “"
}
.icon-right-dir:before{
content:"î ”"
}
.icon-down-open:before{
content:"î •"
}
.icon-left-open:before{
content:"î –"
}
.icon-right-open:before{
content:"î —"
}
.icon-up-open:before{
content:"î ˜"
}
.icon-angle-left:before{
content:"î ™"
}
.icon-angle-right:before{
content:"î š"
}
.icon-angle-up:before{
content:"î ›"
}
.icon-angle-down:before{
content:"î œ"
}
.icon-down:before{
content:"î "
}
.icon-left:before{
content:"î ž"
}
.icon-right:before{
content:"î Ÿ"
}
.icon-up:before{
content:"î "
}
.icon-angle-double-left:before{
content:"î ¡"
}
.icon-angle-double-right:before{
content:"î ¢"
}
.icon-angle-double-up:before{
content:"î £"
}
.icon-angle-double-down:before{
content:"î ¤"
}
.icon-mail:before{
content:"î ¥"
}
.icon-location:before{
content:"î ¦"
}
.icon-skype:before{
content:"î §"
}
.icon-right-open-big:before{
content:"î ¨"
}
.icon-left-open-big:before{
content:"î ©"
}
.icon-down-open-big:before{
content:"î ª"
}
.icon-up-open-big:before{
content:"î «"
}
.icon-cancel:before{
content:"î ¬"
}
.icon-user:before{
content:"î "
}
.icon-mail-alt:before{
content:"î ®"
}
.icon-fax:before{
content:"î ¯"
}
.icon-lock:before{
content:"î °"
}
.icon-company:before{
content:"î ±"
}
.icon-city:before{
content:"î ²"
}
.icon-post:before{
content:"î ³"
}
.icon-country:before{
content:"î ´"
}
.icon-calendar:before{
content:"î µ"
}
.icon-doc:before{
content:"î ¶"
}
.icon-mobile:before{
content:"î ·"
}
.icon-clock:before{
content:"î ¸"
}
.icon-chat:before{
content:"î ¹"
}
.icon-tag:before{
content:"î º"
}
.icon-folder:before{
content:"î »"
}
.icon-folder-open:before{
content:"î ¼"
}
.icon-forward:before{
content:"î ½"
}
.icon-reply:before{
content:"î ¾"
}
.icon-cog:before{
content:"î ¿"
}
.icon-cog-alt:before{
content:"î¡€"
}
.icon-wrench:before{
content:"î¡"
}
.icon-quote-left:before{
content:"î¡‚"
}
.icon-quote-right:before{
content:""
}
.icon-gift:before{
content:"î¡„"
}
.icon-dollar:before{
content:"î¡…"
}
.icon-euro:before{
content:""
}
.icon-pound:before{
content:""
}
.icon-rupee:before{
content:""
}
.icon-yen:before{
content:""
}
.icon-rouble:before{
content:"î¡Š"
}
.icon-try:before{
content:"î¡‹"
}
.icon-won:before{
content:""
}
.icon-bitcoin:before{
content:"î¡"
}
.icon-ok:before{
content:"î¡Ž"
}
.icon-chevron-left:before{
content:"î¡"
}
.icon-chevron-right:before{
content:"î¡"
}
.icon-export:before{
content:"î¡‘"
}
.icon-star:before{
content:"î¡’"
}
.icon-star-empty:before{
content:"î¡“"
}
.icon-plus-squared:before{
content:"î¡”"
}
.icon-minus-squared:before{
content:"î¡•"
}
.icon-plus-squared-alt:before{
content:"î¡–"
}
.icon-minus-squared-alt:before{
content:"î¡—"
}
.icon-truck:before{
content:""
}
.icon-lifebuoy:before{
content:"î¡™"
}
.icon-pencil:before{
content:"î¡š"
}
.icon-users:before{
content:"î¡›"
}
.icon-video:before{
content:""
}
.icon-menu:before{
content:"î¡"
}
.icon-desktop:before{
content:"î¡ž"
}
.icon-doc-inv:before{
content:"î¡Ÿ"
}
.icon-circle:before{
content:"î¡ "
}
.icon-circle-empty:before{
content:"î¡¡"
}
.icon-circle-thin:before{
content:"î¡¢"
}
.icon-mini-cart:before{
content:"î¡£"
}
.icon-paper-plane:before{
content:""
}
.icon-attention-alt:before{
content:"î¡¥"
}
.icon-info:before{
content:""
}
.icon-compare-link:before{
content:""
}
.icon-cat-default:before{
content:""
}
.icon-cat-computer:before{
content:"î¡©"
}
.icon-cat-couch:before{
content:""
}
.icon-cat-garden:before{
content:"î¡«"
}
.icon-cat-gift:before{
content:""
}
.icon-cat-shirt:before{
content:"î¡"
}
.icon-cat-sport:before{
content:"î¡®"
}
.icon-cat-toys:before{
content:""
}
.icon-tag-line:before{
content:"î¡°"
}
.icon-bag:before{
content:""
}
.icon-search-1:before{
content:""
}
.icon-plus:before{
content:""
}
.icon-minus:before{
content:"î¡´"
}
.icon-search-2:before{
content:""
}
.icon-bag-1:before{
content:""
}
.icon-online-support:before{
content:"î¡·"
}
.icon-shopping-bag:before{
content:""
}
.icon-us-dollar:before{
content:""
}
.icon-shipped:before{
content:""
}
.icon-list:before{
content:"î¡»"
}
.icon-money:before{
content:""
}
.icon-shipping:before{
content:""
}
.icon-support:before{
content:""
}
.icon-bag-2:before{
content:"î¡¿"
}
.icon-grid:before{
content:""
}
.icon-bag-3:before{
content:"î¢"
}
.icon-direction:before{
content:""
}
.icon-home:before{
content:""
}
.icon-magnifier:before{
content:""
}
.icon-magnifier-add:before{
content:""
}
.icon-magnifier-remove:before{
content:""
}
.icon-phone-1:before{
content:""
}
.icon-clock-1:before{
content:""
}
.icon-heart:before{
content:""
}
.icon-heart-1:before{
content:""
}
.icon-earphones-alt:before{
content:""
}
.icon-credit-card:before{
content:""
}
.icon-action-undo:before{
content:"î¢"
}
.icon-envolope:before{
content:""
}
.icon-chart:before{
content:"î¢"
}
.icon-category-home:before{
content:""
}
.icon-category-motors:before{
content:"î¤"
}
.icon-category-music:before{
content:""
}
.icon-category-gifts:before{
content:""
}
.icon-category-electronics:before{
content:""
}
.icon-category-fashion:before{
content:""
}
.icon-category-hot-deals:before{
content:""
}
.icon-tag-percent:before{
content:""
}
.icon-joystick:before{
content:""
}
.icon-category-furniture:before{
content:""
}
.icon-category-garden:before{
content:""
}
.icon-category-lanterns-lighting:before{
content:""
}
.icon-category-mechanics:before{
content:""
}
.icon-category-motorcycles:before{
content:"î¤"
}
.icon-category-sound-video:before{
content:""
}
.icon-category-steering:before{
content:"î¤"
}
.icon-category-external-accessories:before{
content:"î¤"
}
.icon-category-fluids:before{
content:""
}
.icon-category-internal-accessories:before{
content:""
}
.icon-category-chains:before{
content:""
}
.icon-category-frames:before{
content:""
}
.icon-category-pedals:before{
content:""
}
.icon-category-saddle:before{
content:""
}
.icon-category-tools:before{
content:""
}
.icon-search-3:before{
content:""
}
.icon-secure-payment:before{
content:""
}
.icon-user-2:before{
content:""
}
.icon-wishlist-2:before{
content:""
}
.icon-gift-2:before{
content:""
}
.icon-edit:before{
content:"î¤"
}
.icon-chef:before{
content:""
}
.icon-smiling-girl:before{
content:""
}
.icon-tshirt:before{
content:"î¤ "
}
.icon-boy-broad-smile:before{
content:""
}
.icon-smiling-baby:before{
content:""
}
.icon-bars:before{
content:""
}
.icon-twitter:before{
content:"ï‚™"
}
.icon-facebook:before{
content:"ï‚š"
}
.icon-spinner:before{
content:"ï„"
}
.icon-instagram:before{
content:"ï…"
}
.icon-check-empty:before{
content:""
}
.icon-check:before{
content:"ï¡»"
}
.icon-shopping-cart:before{
content:""
}
.icon-phone-2:before{
content:""
}
.icon-percent-circle:before{
content:""
}
.icon-pulley:before{
content:"î£"
}
.icon-password-lock:before{
content:""
}
.icon-pin:before{
content:""
}
.icon-rotulo:before{
content:""
}
.icon-comida-organica:before{
content:""
}
.icon-estrela:before{
content:""
}
.icon-fazer-compras:before{
content:""
}
.icon-gluten:before{
content:""
}
.icon-arrow-forward-right:before{
content:""
}
.form-group .form-control+.form-control{
margin-top:1rem
}
.form-group-sm{
max-width:480px;
margin-bottom:0.9rem
}
.main .form-control:-ms-input-placeholder,.main .form-control::-moz-placeholder,.main .form-control::-ms-input-placeholder,.main .form-control::-webkit-input-placeholder,.main .form-control::placeholder{
font-family:Poppins,sans-serif
}
.select-custom .form-control,.select-custom .form-control-sm{
padding-right:4rem
}
.form-group-custom-control{
margin-top:1.3rem
}
.form-group-custom-control .custom-control{
margin-top:0;
margin-bottom:2rem
}
.form-group-custom-control .custom-radio{
margin-bottom:2.2rem;
padding-left:2.9rem
}
.form-group-custom-control+.form-group-custom-control{
margin-top:-0.5rem
}
.form-group-custom-control .custom-control-label{
font-family:"Open Sans",sans-serif;
font-weight:400;
letter-spacing:0;
text-transform:initial;
color:#777777;
font-size:13px
}
.custom-control{
position:relative;
margin-top:3rem;
margin-bottom:3rem;
padding-left:3rem
}
.custom-control-label{
position:static;
margin-bottom:0
}
.custom-control-label:after,.custom-control-label:before{
top:0;
left:0;
width:2rem;
height:2rem;
line-height:2rem
}
.custom-control-label:before{
border:1px solid #ccc;
background-color:#fff
}
.custom-radio .custom-control-label:after{
top:4px;
left:0.4rem;
width:1.2rem;
height:1.2rem;
border-radius:50%
}
.custom-radio .custom-control-input{
position:absolute;
z-index:333;
opacity:0;
left:4px;
top:3px
}
.custom-radio .custom-control{
padding-left:2.9rem
}
.custom-checkbox .custom-control-label:after{
top:0;
left:4px
}
.custom-checkbox .custom-control-input:checked~.custom-control-label:before{
background-color:transparent
}
.custom-checkbox .custom-control-input:checked~.custom-control-label:after{
background:none;
color:#222529;
content:"î¡Ž";
font-family:"porto"
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before{
background-color:#08c
}
.custom-control-input:focus~.custom-control-label:before{
box-shadow:none
}
.custom-radio .custom-control-label:before{
background-color:transparent!important
}
.custom-radio .custom-control-input:checked~.custom-control-label:after{
background-image:none;
background-color:#08c
}
.form-control-tooltip{
position:relative;
padding-right:4rem
}
.form-control-tooltip .input-tooltip{
display:inline-block;
position:absolute;
top:50%;
right:0;
transform:translateY(-50%);
transition:all 0.3s;
color:#777;
font-size:2.4rem
}
.form-control-tooltip .input-tooltip:focus,.form-control-tooltip .input-tooltip:hover{
color:#000
}
.form-input{
padding:1rem 1.2rem;
border:1px solid #ddd;
border-radius:2px
}
.form-wide{
width:100%
}
.info-box{
display:flex;
align-items:center;
width:100%;
color:#222529
}
.info-box i{
color:inherit;
font-size:3.7rem;
text-align:center
}
.info-box i:before{
width:auto;
margin:0 0.1em
}
.info-box h4{
color:inherit;
margin-bottom:0;
font-size:1.4rem;
font-weight:700;
text-transform:uppercase;
line-height:1.1
}
.info-box p{
margin-bottom:0;
font-size:1.3rem;
line-height:1.6
}
.info-box .porto-info{
font-size:1.6rem;
display:flex;
align-items:center;
color:#2f6473
}
.info-box-icon-left{
justify-content:center
}
.info-box-icon-left i{
line-height:0;
margin-right:1.5rem
}
.info-box-icon-right{
justify-content:center
}
.info-box-icon-right .info-box-content{
text-align:right
}
.info-box-icon-right i{
line-height:0;
margin-left:1.5rem
}
.info-box-icon-top{
flex-direction:column;
align-items:unset;
justify-content:center
}
.info-box-icon-top .info-box-content{
text-align:center
}
.info-box-icon-top i{
line-height:0;
margin-bottom:1.5rem
}
.info-box-img{
flex-direction:column
}
.info-box-img .info-desc{
font-size:1.6rem;
color:#777
}
.product-countdown-container{
display:flex;
position:absolute;
padding:1rem 0.7rem 0.9rem;
justify-content:center;
flex-wrap:wrap;
left:1rem;
right:1rem;
bottom:1rem;
opacity:0.7;
letter-spacing:-0.01em;
visibility:visible;
text-transform:uppercase;
font-family:Oswald,sans-serif;
transition:opacity 0.3s ease;
background:#08c;
z-index:6
}
.product-countdown-container .product-countdown-title{
display:inline-block;
color:#fff;
font-size:11px;
font-weight:400;
margin-bottom:0;
margin-right:3px
}
.product-countdown-container .product-countdown{
position:relative;
left:auto;
right:auto;
bottom:auto;
z-index:6;
line-height:1;
opacity:1;
color:#fff
}
.product-countdown-container .product-countdown .countdown-amount{
display:block;
padding-bottom:2px;
font-weight:400;
font-size:1.3rem;
line-height:1;
margin-bottom:0;
text-transform:uppercase
}
.product-default:not(.count-down):hover .product-countdown,.product-default:not(.count-down):hover .product-countdown-container{
opacity:0;
visibility:hidden
}
.countdown-type1{
padding:5rem 0
}
.countdown-type1 .countdown-amount{
font-size:1.7rem;
color:#da7940;
font-weight:700
}
.countdown-type1 .countdown-period{
font-size:1.7rem;
color:#2e353e;
font-weight:700;
padding:0 4px
}
.countdown-type1 .countdown-section{
display:flex;
padding:0 7px
}
.countdown-type1 .countdown-row{
display:flex;
justify-content:center;
flex-wrap:wrap
}
.countdown-type1 .countdown-row .countdown-section{
width:auto
}
.countdown-type2{
padding:5rem 0
}
.countdown-type2 .countdown-amount{
font-size:3.8rem;
color:#b3642a;
font-weight:600
}
.countdown-type2 .countdown-period{
font-size:1.4rem;
color:#b3642a;
font-weight:600;
padding:0 4px
}
.countdown-type2 .countdown-section{
display:flex;
align-items:baseline
}
.countdown-type2 .countdown-row{
display:flex;
justify-content:center;
flex-wrap:wrap
}
.countdown-type2 .countdown-row .countdown-section{
width:auto
}
.countdown-parallax{
padding:9.5rem 0 8.4rem
}
.countdown-parallax .countdown-type3 .countdown-amount{
font-size:5.6rem;
color:#fff
}
.countdown-parallax .countdown-type3 .countdown-period{
font-size:1.7rem;
color:#fff
}
.countdown-parallax .countdown-type3 .countdown-row{
display:flex;
justify-content:center;
flex-wrap:wrap
}
.countdown-parallax .countdown-type3 .countdown-row .countdown-section{
width:auto;
padding:0 1.5rem
}
@media (max-width:479px){
.countdown-type1 .countdown-section{
padding:0;
margin:0 4px
}
}
.page-header{
padding:5.5rem 0;
color:#222529;
background-color:#f4f4f4;
text-align:center
}
.page-header .breadcrumb{
padding-top:0.5rem;
padding-bottom:0
}
.page-header .breadcrumb a{
color:#08c
}
.page-header .breadcrumb a:hover{
text-decoration:underline
}
.page-header .breadcrumb .breadcrumb-item:last-child:before{
padding-right:0.8rem
}
.breadcrumb-nav+.page-header{
margin-top:-2rem
}
.page-header h1,.page-title{
margin-bottom:0.4rem;
font-size:2.8rem;
font-weight:700;
letter-spacing:-0.05em;
color:#222529
}
@media (min-width:768px){
.breadcrumb-nav+.page-header{
margin-top:-3rem
}
}
@media (min-width:992px){
.breadcrumb-nav+.page-header{
margin-top:-4rem
}
}
.toolbox{
flex-wrap:wrap;
-ms-flex-wrap:wrap;
justify-content:space-between;
-ms-flex-pack:justify;
margin-bottom:1rem;
font-size:1.2rem;
line-height:1.5
}
.toolbox .select-custom:after{
right:1.5rem;
font-size:1.6rem;
color:#222529
}
.toolbox .select-custom .form-control{
max-width:160px;
padding-right:2.5rem;
padding-left:0.8rem;
font-size:1.3rem;
padding-top:1px
}
.toolbox label{
margin:1px 1.1rem 0 0;
color:#777;
font-size:1.3rem;
font-weight:400;
font-family:"Open Sans",sans-serif
}
.toolbox .form-control{
display:inline-block;
margin-bottom:0;
padding:0 0.8rem;
color:#777
}
.toolbox .form-control:focus{
color:#777
}
.toolbox select.form-control:not([size]):not([multiple]){
height:34px
}
.toolbox .toolbox-show .select-custom:after{
right:1rem
}
.toolbox,.toolbox-item,.toolbox-left,.toolbox-right{
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center
}
.toolbox-item{
margin-bottom:10px
}
.toolbox-item:not(:last-child){
margin-right:10px
}
.toolbox-item.layout-modes{
margin-top:-1px
}
.toolbox-item.toolbox-sort{
margin-right:1.5rem
}
.toolbox-item .select-custom{
margin-bottom:0
}
.toolbox-pagination{
border-top:1px solid #efefef;
padding-top:2.5rem;
margin-bottom:3.5rem
}
.pagination{
flex-wrap:wrap;
-ms-flex-wrap:wrap;
color:#706f6c;
font-size:1.4rem;
font-weight:600;
font-family:Poppins,sans-serif
}
.page-item:not(:first-child){
margin-left:0.5rem
}
.page-item.active .page-link{
color:#706f6c;
background-color:transparent;
border-color:#08c
}
.page-item.disabled{
display:none
}
.page-link{
border:1px solid #ccc;
padding:0 0.5em;
min-width:2.2em;
color:inherit;
line-height:2.1em;
text-align:center
}
.page-link:focus,.page-link:hover{
color:#706f6c;
background-color:transparent;
border-color:#08c;
box-shadow:none
}
.page-link i{
font-size:2rem
}
.page-link-btn,span.page-link{
border:0
}
.layout-btn{
display:inline-block;
width:1.2em;
color:#000;
font-size:16px;
line-height:34px;
text-align:center
}
.layout-btn:not(:last-child){
margin-right:4px
}
.layout-btn.active{
color:#08c
}
@media (min-width:992px){
.toolbox-pagination{
margin-bottom:0
}
}
@media (max-width:991px){
aside .toolbox-item{
display:block
}
aside .toolbox-item:after{
content:normal
}
.toolbox:not(.toolbox-pagination){
padding:10px;
background-color:#f4f4f4;
margin-bottom:2rem
}
.toolbox:not(.toolbox-pagination) .toolbox-item{
margin-bottom:0
}
.toolbox label{
font-size:11px;
font-weight:600;
color:#222529
}
.toolbox .select-custom .form-control{
font-size:11px;
font-weight:600;
max-width:140px;
text-transform:uppercase;
color:#222529
}
}
@media (max-width:767px){
.toolbox label{
display:none
}
.toolbox .select-custom:after{
padding:0
}
}
@media (max-width:575px){
.toolbox .layout-modes{
display:none
}
.toolbox .toolbox-show,.toolbox .toolbox-sort{
margin-right:0
}
.toolbox .select-custom .form-control{
max-width:132px
}
}
.minipopup-area{
position:fixed;
right:20px;
bottom:20px;
font-size:1.1em;
text-align:center;
z-index:20002
}
.minipopup-box{
position:absolute;
right:-100px;
text-align:left;
margin:auto auto 20px;
padding:20px;
line-height:1.4;
box-shadow:0 1px 30px rgba(0,0,0,0.08);
word-break:break-word;
transform:translateY(-100%);
width:300px;
z-index:1000;
background:#fff;
opacity:0;
transition:right 0.4s ease-in-out,opacity 0.4s ease-in-out
}
.minipopup-box.active{
right:0;
opacity:1
}
.minipopup-box .product{
display:flex;
align-items:center;
margin-bottom:20px
}
.minipopup-box figure{
max-width:60px;
margin-right:10px;
margin-bottom:0
}
.minipopup-box .product-detail{
font-family:Poppins,sans-serif;
font-weight:500
}
.minipopup-box .product-detail .product-name{
display:inline-block;
color:#222529;
font-size:12px;
font-weight:700;
line-height:1.4em
}
.minipopup-box .product-detail .product-name:hover{
color:#08c
}
.minipopup-box .product-detail p{
font-size:12px;
letter-spacing:-0.025em;
margin-top:0.5rem;
margin-bottom:0
}
.minipopup-box .product-action .btn{
min-width:120px;
letter-spacing:0.025em;
font-size:11.2px;
padding:11.2px 22.4px
}
.minipopup-box .product-action .btn.viewcart{
background-color:#efefef;
color:#000
}
.minipopup-box .product-action .btn.checkout{
float:right
}
.wishlist-popup{
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border-width:4px 0 0;
font-weight:600;
line-height:1.5;
padding:15px 20px;
width:250px;
border-radius:0;
background-color:#fff;
box-shadow:0 0 5px rgba(0,0,0,0.5);
opacity:0;
visibility:hidden;
transition:opacity 0.35s,visibility 0.35s;
z-index:100
}
.wishlist-popup .wishlist-popup-msg{
font-weight:600;
line-height:1.6;
text-align:center
}
.wishlist-popup.active{
opacity:1;
visibility:visible;
z-index:1071
}
.login-popup .mfp-content{
margin-top:2.1rem;
max-width:872px;
background-color:#fff
}
.login-popup .btn-regist{
margin-top:3.6rem;
font-size:1.6rem;
letter-spacing:-0.025em
}
.login-popup .form-footer-right{
margin-bottom:0.6rem
}
.login-popup .form-input{
height:42px
}
.login-popup .container{
padding:3.9rem 3.6rem 4.7rem
}
.login-popup .title{
font-size:2.2rem;
font-weight:700;
letter-spacing:-0.01em;
line-height:1.45;
margin-bottom:0.9rem
}
.login-popup form{
display:block
}
.login-popup label{
color:#777;
font-family:"Open Sans",sans-serif;
font-size:1.4rem;
font-weight:500;
line-height:1.57;
margin-bottom:0.6rem
}
.login-popup .form-footer{
margin:1rem 0 2.1rem
}
.login-popup .form-footer .custom-control{
margin:0 0 0 auto;
font-size:1.3rem;
padding-left:2.5rem
}
.login-popup .forget-password{
color:#222529;
font-size:1.4rem;
font-family:"Open Sans",sans-serif;
font-weight:600
}
.login-popup .btn-block{
font-size:1.6rem;
font-weight:700;
line-height:1.5;
padding:1.5rem 2.4rem;
letter-spacing:-0.02em
}
.login-popup .form-control{
padding-left:2.5rem
}
.login-popup .form-control:hover{
outline:none
}
.login-popup .custom-control-label{
margin-top:2px;
font-size:1.2rem
}
.newsletter-popup{
position:relative;
max-width:740px;
margin-right:auto;
margin-left:auto;
padding:64px 40px;
border-radius:0;
box-shadow:0 0 50px rgba(0,0,0,0.12)
}
.mfp-bg{
background-color:#777777
}
button.mfp-close{
position:absolute;
top:0;
right:0;
overflow:visible;
opacity:0.65;
cursor:pointer;
background:transparent;
border:0;
text-indent:-9999px;
transform:rotateZ(45deg);
color:#838383
}
button.mfp-close:hover{
opacity:1
}
.mfp-image-holder button.mfp-close{
width:41px;
color:#fff;
text-align:left
}
button.mfp-close:after{
content:"";
position:absolute;
height:17px;
top:12px;
left:20px;
border-left:1px solid
}
button.mfp-close:before{
content:"";
position:absolute;
width:17px;
top:20px;
left:12px;
border-top:1px solid
}
.newsletter-popup-content{
max-width:357px
}
.newsletter-popup-content .form-control{
height:auto;
padding:7px 12px 9px 22px;
border-radius:3rem 0 0 3rem;
font-size:1.36rem;
line-height:2.4;
border:none;
background-color:#f4f4f4
}
.newsletter-popup-content .form-control::placeholder{
position:relative;
top:2px;
color:#999
}
.newsletter-popup-content .btn{
margin-left:-1px;
padding:0 32px 0 25px;
border-radius:0 3rem 3rem 0;
font-size:1.28rem;
font-family:"Open Sans",sans-serif;
letter-spacing:0;
text-align:center;
text-transform:uppercase
}
.logo-newsletter{
display:inline-block;
max-width:111px;
height:auto
}
.newsletter-popup h2{
margin:24px 0 5px;
color:#313131;
font-size:1.8rem;
font-weight:700;
text-transform:uppercase
}
.newsletter-popup p{
font-size:1.4rem;
line-height:1.85;
letter-spacing:-0.02em;
margin-bottom:2.4rem
}
.newsletter-popup form{
margin:0 0 2.7rem
}
.newsletter-popup .custom-control{
margin:0 0 4px 1px;
padding-left:2.5rem
}
.newsletter-subscribe{
font-size:1.1rem;
text-align:left
}
.newsletter-subscribe .checkbox{
margin:1.5rem 0
}
.newsletter-subscribe input{
margin-right:0.5rem;
vertical-align:middle
}
.newsletter-subscribe label{
margin-top:0.2rem;
color:inherit;
font-size:1.2rem;
font-weight:400;
font-family:"Open Sans",sans-serif;
text-transform:none
}
.mfp-newsletter.mfp-removing{
transition:opacity 0.35s ease-out;
opacity:0
}
.mfp-ready .mfp-preloader{
display:none
}
.mfp-zoom-out-cur .mfp-bg{
opacity:0.8;
background-color:#0b0b0b
}
.mfp-zoom-out-cur .mfp-counter{
color:#fff
}
.mfp-zoom-out-cur .mfp-arrow-right:before{
border-left:0
}
.mfp-zoom-out-cur .mfp-arrow-left:before{
border-right:0
}
.login-popup.mfp-bg,.mfp-ajax-product.mfp-bg{
opacity:0.6;
background-color:transparent
}
.mfp-ajax-product .product-single-container{
box-shadow:0 10px 25px rgba(0,0,0,0.5)
}
.mfp-wrap .mfp-content{
transition:all 0.35s ease-out;
opacity:0
}
.login-popup.mfp-wrap .mfp-content{
max-width:525px
}
.mfp-ajax-product.mfp-wrap .mfp-content{
max-width:931px
}
.mfp-wrap.mfp-ready .mfp-content{
opacity:1
}
.mfp-wrap.mfp-removing .mfp-content{
opacity:0
}
.mfp-ajax-product{
z-index:1058
}
.mfp-bg.login-popup,.mfp-bg.mfp-newsletter,.mfp-wrap.login-popup,.mfp-wrap.mfp-newsletter{
z-index:1058
}
@media (max-width:991px){
.mfp-container{
padding:0.6rem
}
}
@media (max-width:479px){
.minipopup-area{
right:10px
}
.minipopup-box{
width:290px
}
.newsletter-popup{
padding:54px 30px
}
}
@media (min-width:768px){
.login-popup .col-md-6{
padding:0 2rem
}
.login-popup .col-md-6:first-child{
border-right:1px solid #f5f6f6
}
}
.product-intro.owl-carousel.owl-theme .owl-nav.disabled+.owl-dots{
margin:0
}
.product-intro.owl-carousel.owl-theme .owl-dots{
top:-58px;
position:absolute;
right:0
}
.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot span{
position:relative;
display:block;
width:14px;
height:14px;
border:2px solid;
background:none;
margin:5px 2px;
border-radius:7px;
border-color:rgba(0,68,102,0.4);
transition:opacity 0.2s
}
.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span,.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span{
background:none;
border-color:#08c
}
.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span:before,.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span:before{
display:none
}
.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot.active span:after,.product-intro.owl-carousel.owl-theme .owl-dots .owl-dot:hover span:after{
content:"";
position:absolute;
left:3px;
bottom:3px;
right:3px;
top:3px;
border-radius:10px;
background-color:#08c
}
.product-intro.owl-carousel.owl-theme .owl-nav{
color:#333;
font-size:2.4rem
}
.product-intro.owl-carousel.owl-theme .owl-nav .owl-next,.product-intro.owl-carousel.owl-theme .owl-nav .owl-prev{
opacity:0;
transition:opacity 0.2s,transform 0.4s;
top:30%;
width:30px
}
.product-intro.owl-carousel.owl-theme .owl-nav .owl-prev{
text-align:left;
left:-30px;
padding-right:30px;
transform:translateX(-10px)
}
.product-intro.owl-carousel.owl-theme .owl-nav .owl-next{
text-align:right;
right:-30px;
padding-left:30px;
transform:translateX(10px)
}
.product-intro.owl-carousel.owl-theme:hover .owl-next,.product-intro.owl-carousel.owl-theme:hover .owl-prev{
transform:translateX(0);
opacity:1
}
.product-panel{
margin-bottom:3.5rem
}
.product-panel .section-title{
color:#313131;
padding-bottom:1rem;
border-bottom:1px solid rgba(0,0,0,0.08);
margin-bottom:2.4rem
}
.product-panel .section-title h2{
font-weight:700;
font-size:1.6rem;
font-family:"Open Sans",sans-serif;
letter-spacing:-0.01em;
line-height:22px;
text-transform:uppercase
}
.tooltiptext{
visibility:hidden;
position:absolute;
background-color:#333;
color:#fff;
font-family:"Open Sans",sans-serif;
font-weight:400;
letter-spacing:0.01em;
text-align:center;
padding:1rem 0.7rem;
z-index:1;
opacity:0;
transition:opacity 0.3s;
bottom:125%;
left:50%;
transform:translateX(-50%)
}
figure .porto-loading-icon{
position:absolute
}
.product-default{
color:#777;
margin-bottom:2rem;
transition:box-shadow 0.3s ease-in-out
}
.product-default a{
color:inherit;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.product-default a:hover{
color:#08c;
text-decoration:none
}
.product-default figure{
display:flex;
justify-content:center;
align-items:center;
position:relative;
margin-bottom:1.6rem
}
.product-default figure>a:first-child{
width:100%;
height:100%
}
.product-default figure img{
transition:opacity 0.3s ease-in-out;
height:auto;
width:100%
}
.product-default figure img:last-child{
opacity:0;
position:absolute;
left:0;
right:0;
top:0;
left:0
}
.product-default figure img:first-child{
opacity:1;
position:relative
}
.product-default .label-group{
position:absolute;
top:0.8rem;
left:0.8rem
}
.product-default .product-label{
display:block;
text-align:center;
margin-bottom:5px;
text-transform:uppercase;
padding:5px 11px;
color:#fff;
font-weight:600;
font-size:10px;
line-height:1;
border-radius:12px
}
.product-default .product-label.label-hot{
background-color:#2ba968
}
.product-default .product-label.label-sale{
background-color:#da5555
}
.product-default .product-label.label-number{
display:flex;
position:relative;
padding:0;
margin-left:auto;
margin-right:auto;
align-items:center;
justify-content:center;
width:32px;
height:32px;
border-radius:50%;
font-size:1.6rem;
background-color:#08c;
color:#fff
}
.product-default .product-label.label-number span{
margin-left:1px
}
.product-default .product-details{
display:flex;
display:-ms-flexbox;
padding:0 0.8rem;
flex-direction:column;
-ms-flex-direction:column;
align-items:center;
-ms-flex-align:center;
justify-content:center;
-ms-flex-pack:center
}
.product-default .category-wrap{
width:100%;
white-space:nowrap
}
.product-default .category-list{
text-align:center;
font-weight:400;
font-size:1rem;
font-family:"Open Sans",sans-serif;
line-height:1.7;
opacity:0.8;
text-transform:uppercase;
text-overflow:ellipsis;
overflow:hidden
}
.product-default .product-title{
max-width:100%;
font-weight:400;
font-size:1.5rem;
font-family:Poppins,sans-serif;
line-height:1.35;
letter-spacing:0.005em;
margin-bottom:0.4rem
}
.product-default .product-title a{
display:block
}
.product-default .title-wrap .product-title{
text-overflow:ellipsis;
overflow:hidden;
width:calc(100% - 20px);
margin-bottom:0.5rem
}
.product-default .title-wrap .btn-icon-wish{
margin-top:-2px
}
.product-default .product-action{
position:relative;
margin-bottom:1.5rem;
color:#333;
text-align:center
}
.product-default .btn-add-cart,.product-default .btn-icon-wish,.product-default .btn-quickview{
border:1px solid #f4f4f4;
background:#f4f4f4;
color:#6f6e6b;
line-height:34px
}
.product-default .btn-icon-wish,.product-default .btn-quickview{
display:inline-block;
position:absolute;
top:0;
margin:0 2px;
width:36px;
height:36px;
font-size:1.6rem;
text-align:center;
opacity:0;
transition:all 0.25s ease
}
.product-default .btn-icon-wish.checked,.product-default .btn-quickview.checked{
color:#e27c7c
}
.product-default .btn-icon-wish.checked i:before,.product-default .btn-quickview.checked i:before{
content:""
}
.product-default .btn-icon-wish:hover,.product-default .btn-quickview:hover{
color:#333
}
.product-default .btn-icon-wish{
left:0
}
.product-default .btn-icon-wish.added-wishlist i:before{
content:"";
color:#da5555
}
.product-default .btn-quickview{
font-size:1.4rem;
right:0
}
.product-default:not(.inner-icon) .btn-add-cart:not(.product-type-simple) i{
display:none
}
.product-default .btn-add-cart{
display:inline-block;
padding:0 1.4rem;
font-size:1.2rem;
font-weight:600;
font-family:Poppins,sans-serif;
text-align:center;
vertical-align:top;
cursor:pointer;
transition:all 0.25s ease
}
.product-default .btn-add-cart i{
font-size:1.5rem;
line-height:32px
}
.product-default .btn-add-cart i:before{
margin:0 4px 0 0;
font-weight:800
}
.product-default.product-unfold .btn-add-cart i{
display:inline-block
}
.product-default.product-unfold .btn-icon-wish,.product-default.product-unfold .btn-quickview{
position:relative
}
.product-default.product-unfold:hover .product-action a.btn-quickview{
right:0
}
.product-default.product-unfold:hover .product-action a.btn-icon-wish{
left:0
}
.product-default:hover{
z-index:1;
box-shadow:0 12px 20px 0 rgba(0,0,0,0.08);
transition:box-shadow 0.3s ease-in-out
}
.product-default:hover figure img:first-child{
opacity:0;
transition:opacity 0.3s ease-in-out
}
.product-default:hover figure img:last-child{
opacity:1;
transition:opacity 0.3s ease-in-out
}
.product-default:hover .btn-add-cart{
background:#2b2b2d;
border-color:#2b2b2d;
color:#fff
}
.product-default:hover .btn-add-cart.product-type-simple i{
display:inline-block
}
.product-default:hover .product-action a{
opacity:1
}
.product-default:hover .product-action a.btn-icon-wish{
left:-40px
}
.product-default:hover .product-action a.btn-quickview{
right:-40px
}
.tooltip-top:after{
content:"";
position:absolute;
top:96%;
left:50%;
margin-left:-6px;
border-width:6px;
border-style:solid;
border-color:#333 transparent transparent transparent
}
.old-price{
text-decoration:line-through;
font-size:1.4rem;
letter-spacing:0.005em;
color:#999;
margin-right:3px
}
.product-price{
color:#222529;
font-size:1.8rem;
line-height:1
}
.price-box{
margin-bottom:1.4rem;
font-weight:600;
font-family:"Open Sans",sans-serif;
line-height:1
}
.ratings-container{
line-height:1;
margin:0 0 12px 1px;
cursor:pointer;
position:relative;
display:inline-block
}
.ratings-container .product-ratings,.ratings-container .ratings{
position:relative;
display:inline-block;
font-size:11px;
letter-spacing:0.1em;
font-family:"Font Awesome 5 Free";
font-weight:900
}
.ratings-container .product-ratings{
height:11px
}
.ratings-container .product-ratings:before{
content:"";
color:rgba(0,0,0,0.16)
}
.ratings-container .product-ratings:hover .tooltiptext{
visibility:visible;
opacity:1
}
.ratings-container .ratings{
position:absolute;
top:0;
left:0;
white-space:nowrap;
overflow:hidden
}
.ratings-container .ratings:before{
content:"";
color:#6a6a6d
}
.product-select-group{
display:flex;
display:-ms-flexbox
}
.product-select{
margin:0 4px 0 0;
cursor:pointer
}
.product-select.type-image{
width:32px;
height:32px;
background-size:contain;
border:1px solid rgba(0,0,0,0.09)
}
.product-select.type-image.checked,.product-select.type-image.hover{
border:1px solid #08c
}
.product-select.type-check{
margin:5px;
overflow:visible;
display:block;
position:relative;
width:12px;
height:12px;
border-radius:50%
}
.product-select.type-check:after{
content:"";
background-color:transparent;
border:1px solid black;
position:absolute;
left:-3px;
top:-3px;
border-radius:50%;
width:18px;
display:block;
height:18px
}
.product-select.type-check.checked:before{
font-size:8px;
content:"";
font-family:"Font Awesome 5 Free";
font-weight:900;
-webkit-font-smoothing:antialiased;
text-indent:0;
position:absolute;
left:0;
top:50%;
width:100%;
color:#fff;
height:12px;
line-height:12px;
margin-top:-6px;
text-align:center
}
.product-nav-filter{
display:flex;
align-items:center
}
.product-nav-thumbs a,.product-nav-thumbs span{
margin-right:0.6rem;
width:32px;
height:32px;
text-indent:-9999px;
background-repeat:no-repeat;
background-size:cover;
background-color:transparent!important;
border:1px solid #e9e9e9;
transition:border-color 0.35s
}
.product-nav-thumbs a:hover,.product-nav-thumbs span:hover{
border-color:#1d70ba
}
.product-nav-dots{
padding-top:2px
}
.product-nav-dots a,.product-nav-dots span{
display:block;
width:1.6rem;
height:1.6rem;
border-radius:50%;
border:0.2rem solid #fff;
margin-right:0.6rem;
transition:box-shadow 0.35s ease;
box-shadow:0 0 0 0.1rem #999
}
.product-nav-dots a.active,.product-nav-dots a:hover,.product-nav-dots span.active,.product-nav-dots span:hover{
box-shadow:0 0 0 0.1rem #222529
}
.product-single-qty{
display:inline-block;
max-width:104px;
vertical-align:middle
}
.product-single-qty .bootstrap-touchspin.input-group{
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
max-width:none;
padding-right:0
}
.product-single-qty .bootstrap-touchspin .form-control{
width:2.7em;
height:36px;
padding:10px 2px;
color:#222529;
font-size:1.4rem;
font-family:Poppins,sans-serif;
text-align:center
}
.product-single-qty .bootstrap-touchspin .form-control,.product-single-qty .bootstrap-touchspin .form-control:not(:focus),.product-single-qty .btn-outline:not(:disabled):not(.disabled):active{
border-color:#dae2e6
}
.product-single-qty .btn{
width:2.2em;
padding:0
}
.product-single-qty .btn.btn-down-icon:hover:after,.product-single-qty .btn.btn-down-icon:hover:before,.product-single-qty .btn.btn-up-icon:hover:after,.product-single-qty .btn.btn-up-icon:hover:before{
background-color:#08c
}
.product-single-qty .btn.btn-outline{
border-color:#e7e7e7
}
.product-single-qty .btn.btn-down-icon:after,.product-single-qty .btn.btn-up-icon:after,.product-single-qty .btn.btn-up-icon:before{
display:block;
position:absolute;
top:50%;
left:50%;
width:9px;
height:1px;
margin-left:-0.55rem;
background:#222529;
content:""
}
.product-single-qty .btn.btn-up-icon:before{
transform:rotate(90deg)
}
.product-single-qty .horizontal-quantity::-webkit-inner-spin-button,.product-single-qty .horizontal-quantity::-webkit-outer-spin-button{
-webkit-appearance:none
}
.config-swatch-list{
margin:1.5rem 0 0;
padding:0;
font-size:0;
list-style:none
}
.config-swatch-list li a{
position:relative;
display:block;
width:2.8rem;
height:2.8rem;
margin:3px 6px 3px 0;
box-shadow:0 0 3px 0 rgba(0,0,0,0.2)
}
.config-swatch-list li .color-panel{
display:inline-block;
width:1.7rem;
height:1.7rem;
border:1px solid #fff;
transition:all 0.3s;
margin-right:1.5rem
}
.config-swatch-list li span:last-child{
cursor:pointer
}
.config-swatch-list li:hover span:last-child{
color:#08c
}
.config-swatch-list li.active a:before{
display:inline-block;
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
color:#fff;
font-family:"porto";
font-size:1.1rem;
line-height:1;
content:"î¡Ž"
}
.config-swatch-list a:focus .color-panel,.config-swatch-list a:hover .color-panel,.config-swatch-list li.active .color-panel{
box-shadow:0 0 0 0.1rem #dfdfdf
}
.modal#addCartModal{
width:340px;
top:calc((100% - 320px) / 2);
left:calc((100% - 320px) / 2);
padding:10px!important;
overflow:hidden
}
.modal#addCartModal .modal-dialog{
margin:0
}
.modal#addCartModal .modal-content{
margin:0;
border:none;
box-shadow:none
}
.add-cart-box{
padding:19px 10px 20px!important;
border-top:4px solid #08c;
background-color:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.6)
}
.add-cart-box h4{
font-weight:500;
color:#08c;
margin-bottom:1.8rem
}
.add-cart-box img{
margin:0 auto 10px;
width:120px
}
.add-cart-box .btn-actions{
display:flex;
display:-ms-flexbox;
justify-content:space-around;
-ms-flex-pack:distribute
}
.add-cart-box .btn-actions .btn-primary{
width:140px;
padding:8px 0;
font:500 16px "Open Sans",sans-serif;
border:none;
cursor:pointer
}
.add-cart-box .btn-actions .btn-primary:active,.add-cart-box .btn-actions .btn-primary:active:focus,.add-cart-box .btn-actions .btn-primary:focus{
outline:none;
border:none;
box-shadow:none
}
.divide-line>.col-1:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-1:nth-child(12n){
border-right:none
}
.divide-line>.col-2:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-2:nth-child(6n){
border-right:none
}
.divide-line>.col-3:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-3:nth-child(4n){
border-right:none
}
.divide-line>.col-4:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-4:nth-child(3n){
border-right:none
}
.divide-line>.col-5:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-5:nth-child(2n){
border-right:none
}
.divide-line>.col-6:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-6:nth-child(2n){
border-right:none
}
.divide-line>.col-7:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-7:nth-child(1n){
border-right:none
}
.divide-line>.col-8:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-8:nth-child(1n){
border-right:none
}
.divide-line>.col-9:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-9:nth-child(1n){
border-right:none
}
.divide-line>.col-10:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-10:nth-child(1n){
border-right:none
}
.divide-line>.col-11:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-11:nth-child(1n){
border-right:none
}
.divide-line:not(.up-effect) .product-default .btn-quickview{
width:calc(100% - 30px);
margin:0 15px
}
.divide-line:not(.up-effect) .product-default .product-details{
padding:0 1.5rem
}
.divide-line.up-effect{
margin-top:-2rem
}
.divide-line.up-effect .product-default{
padding-top:5rem;
margin:0;
transition:0.3s
}
.divide-line.up-effect .product-default .product-action{
transition:0.3s;
opacity:0
}
.divide-line.up-effect .product-default:hover{
padding-top:1rem;
padding-bottom:4rem
}
.divide-line.up-effect .product-default:hover .product-action{
opacity:1
}
.divide-line .product-default{
margin-bottom:0
}
.divide-line .product-default:hover{
box-shadow:0 25px 35px -5px rgba(0,0,0,0.1)
}
.divide-line .product-default:hover figure{
box-shadow:none
}
.inner-quickview figure{
position:relative
}
.inner-quickview figure .btn-quickview{
position:absolute;
padding:0.8rem 1.4rem;
bottom:0;
left:0;
width:100%;
height:auto;
color:#fff;
background-color:#08c;
font-size:1.3rem;
font-weight:400;
letter-spacing:0.025em;
font-family:Poppins,sans-serif;
text-transform:uppercase;
visibility:hidden;
opacity:0;
transform:none;
margin:0;
border:none;
line-height:1.82;
transition:padding-top 0.2s,padding-bottom 0.2s;
z-index:2
}
.inner-quickview figure .btn-quickview:hover{
color:#fff;
opacity:1
}
.inner-quickview .product-details{
align-items:flex-start;
-ms-flex-align:start
}
.inner-quickview .category-wrap,.inner-quickview .title-wrap{
display:flex;
display:-ms-flexbox;
justify-content:space-between;
-ms-flex-pack:justify;
align-items:center;
-ms-flex-align:center;
width:100%
}
.inner-quickview .category-wrap .btn-icon-wish,.inner-quickview .title-wrap .btn-icon-wish{
transform:none;
opacity:1;
width:auto;
height:auto;
border:none;
overflow:visible;
font-size:1.5rem;
line-height:0
}
.inner-quickview .category-list{
text-align:left
}
.inner-quickview .category-wrap .btn-icon-wish{
font-size:1.6rem;
padding-top:1px
}
.inner-quickview:hover .btn-quickview{
visibility:visible;
opacity:0.85
}
.inner-icon{
position:relative;
margin-bottom:1.9rem
}
.inner-icon:not(.product-widget) .product-details{
padding:0
}
.inner-icon .category-list{
text-align:left;
text-overflow:ellipsis;
overflow:hidden;
width:calc(100% - 20px)
}
.inner-icon .product-title{
font-family:Poppins,sans-serif;
letter-spacing:-0.01em
}
.inner-icon .ratings-container{
margin-left:0
}
.inner-icon .price-box{
margin-bottom:1.5rem;
font-family:"Open Sans",sans-serif
}
.inner-icon .btn-icon-group{
z-index:2
}
.inner-icon .btn-icon-wish,.inner-icon .btn-quickview{
top:auto
}
.inner-icon .btn-icon-wish{
left:auto;
right:0
}
.inner-icon:not(.product-widget):hover{
box-shadow:none
}
.inner-icon:not(.product-widget):hover figure .btn-quickview{
padding-top:1.2rem;
padding-bottom:1.3rem;
transition:padding-top 0.2s,padding-bottom 0.2s,opacity 0.2s
}
.inner-icon .btn-add-cart,.inner-icon .btn-icon-wish,.inner-icon .btn-quickview{
background-color:transparent
}
.inner-icon figure{
position:relative
}
.inner-icon figure .btn-icon-group{
position:absolute;
top:1.5rem;
right:1.5rem
}
.inner-icon figure .btn-icon{
display:flex;
align-items:center;
justify-content:center;
border:1px solid #ddd;
border-radius:50%;
margin:0 0 5px;
width:36px;
height:36px;
padding:0;
opacity:0;
visibility:hidden;
transition:opacity 0.3s,background-color 0.3s,color 0.3s,border-color 0.3s;
transform:none
}
.inner-icon figure .btn-icon i:not(.fa):before{
font-weight:400
}
.inner-icon figure .btn-icon .fa{
font-size:12px;
font-weight:600
}
.inner-icon figure .btn-icon i{
font-size:1.6rem;
margin-bottom:0
}
.inner-icon figure .btn-icon i:before{
margin:0
}
.inner-icon figure .btn-icon i.icon-bag{
font-size:1.8rem
}
.inner-icon figure .btn-icon:hover{
background-color:#08c;
border-color:#08c;
color:#fff
}
.inner-icon:hover .btn-icon{
background-color:#fff;
border-color:#ddd;
color:black;
visibility:visible;
opacity:1;
overflow:hidden
}
.left-details .product-details{
-ms-flex-align:start;
align-items:flex-start
}
.left-details .btn-add-cart,.left-details .btn-icon-wish,.left-details .btn-quickview{
background-color:#f4f4f4;
border-color:#f4f4f4;
color:black
}
.left-details .btn-icon-wish,.left-details .btn-quickview{
transform:none
}
.left-details .btn-add-cart{
margin-left:0;
padding:0 1.5rem
}
.hidden-description{
position:relative
}
.hidden-description:hover figure{
box-shadow:none
}
.hidden-description:hover .btn-add-cart{
background-color:#f4f4f4;
position:absolute
}
.hidden-description:hover .product-details{
opacity:1;
transform:translateY(0)
}
.hidden-description:hover .product-action a.btn-quickview{
left:0
}
.hidden-description figure{
margin-bottom:0
}
.hidden-description figure .btn-icon-group{
top:1rem;
right:1rem
}
.hidden-description .product-details{
position:absolute;
width:100%;
bottom:46px;
background-color:#fff;
border-top:1px solid rgba(0,0,0,0.09);
opacity:0;
transform:translateY(5px);
transition:all 0.3s ease
}
.hidden-description.product-default .product-details{
padding:1rem
}
.hidden-description .product-action{
position:absolute;
left:0;
bottom:0;
width:100%;
margin-bottom:0
}
.hidden-description .btn-quickview{
transform:none;
background-color:#08c;
color:#fff;
width:50%;
margin:0;
border:none;
height:45px;
left:0;
font-size:1.3rem;
font-weight:400;
letter-spacing:0.025em;
font-family:Poppins,sans-serif;
text-transform:uppercase;
line-height:45px
}
.hidden-description:hover .product-action .btn-quickview{
opacity:0.85
}
.hidden-description:hover .product-action .btn-quickview:hover{
opacity:1;
color:#fff
}
.hidden-description .btn-add-cart{
position:absolute;
z-index:3;
justify-content:center;
margin:0;
width:50%;
height:45px;
border:none;
background:#f4f4f4;
font-size:1.3rem;
font-weight:400;
letter-spacing:0.025em;
font-family:Poppins,sans-serif;
text-transform:uppercase;
line-height:45px
}
.hidden-description .btn-add-cart:hover{
background-color:#0085c7;
color:#fff
}
.full-width{
padding-left:10px;
padding-right:10px;
margin:0;
display:flex;
flex-wrap:wrap
}
.full-width [class*=col-]{
padding-right:10px;
padding-left:10px
}
.no-gaps{
display:flex;
flex-wrap:wrap;
padding-left:0;
padding-right:0
}
.no-gaps [class*=col-]{
padding-right:0;
padding-left:0
}
.no-gaps .product-details{
padding:0 1rem
}
.no-gaps .product-default{
margin-bottom:0
}
.no-gaps .product-default:nth-child(2n) figure>a:first-child:after{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(33,37,41,0.01)
}
.inner-icon-inline figure .btn-icon-group{
display:flex;
flex-direction:row
}
.inner-icon-inline figure .btn-icon{
margin-left:5px
}
.product-overlay figure{
margin:0
}
.product-overlay figure>a:first-child:after{
content:"";
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background-color:rgba(27,27,23,0);
transition:all 0.25s
}
.product-overlay figure .btn-icon-group,.product-overlay figure .btn-quickview{
z-index:1
}
.product-overlay figure .btn-icon{
border-color:#fff;
border-width:2px;
color:#fff;
background-color:#4d4d4a;
opacity:0
}
.product-overlay figure .btn-icon-wish{
position:relative
}
.product-overlay figure .btn-add-cart i{
display:inline-block
}
.product-overlay .product-details{
align-items:center;
position:absolute;
width:100%;
left:0;
top:0;
bottom:0;
opacity:0;
transform:scale(0.8);
transition:all 0.4s
}
.product-overlay .product-details .product-category,.product-overlay .product-details .product-price,.product-overlay .product-details .product-title a{
color:#fff
}
.product-overlay .product-details a:hover{
color:#08c
}
.product-overlay .product-details .ratings-container .product-ratings:before{
color:rgba(255,255,255,0.6)
}
.product-overlay .product-details .ratings-container .ratings:before{
color:#fff
}
.product-overlay .product-details .price-box{
margin-bottom:0
}
.product-overlay .product-details .category-list{
text-align:center;
width:100%
}
.product-overlay:hover figure,.product-overlay:nth-child(2n):hover figure{
box-shadow:none
}
.product-overlay:hover figure>a:first-child:after,.product-overlay:nth-child(2n):hover figure>a:first-child:after{
background-color:rgba(27,27,23,0.6)
}
.product-overlay:hover figure .btn-icon,.product-overlay:hover figure .btn-quickview,.product-overlay:nth-child(2n):hover figure .btn-icon,.product-overlay:nth-child(2n):hover figure .btn-quickview{
opacity:0.85;
visibility:visible
}
.product-overlay:hover figure .btn-icon:hover,.product-overlay:hover figure .btn-quickview:hover,.product-overlay:nth-child(2n):hover figure .btn-icon:hover,.product-overlay:nth-child(2n):hover figure .btn-quickview:hover{
opacity:1
}
.product-overlay:hover figure .btn-icon,.product-overlay:nth-child(2n):hover figure .btn-icon{
border-color:#fff;
border-width:2px;
color:#fff;
background-color:#4d4d4a;
opacity:0.85
}
.product-overlay:hover .product-details,.product-overlay:nth-child(2n):hover .product-details{
opacity:1;
transform:scale(1)
}
.overlay-dark figure{
margin:0
}
.overlay-dark figure>a:first-child:after{
content:"";
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background-color:rgba(27,27,23,0.3);
transition:all 0.25s
}
.overlay-dark figure .btn-icon-group,.overlay-dark figure .btn-quickview{
z-index:1
}
.overlay-dark figure .btn-icon{
border-color:#fff;
border-width:2px;
color:#fff;
background-color:#4d4d4a;
opacity:0;
margin-left:8px
}
.overlay-dark figure .btn-quickview{
border:2px solid #fff;
background-color:#4d4d4a;
border-radius:2rem;
padding:1rem 2.3rem;
width:auto;
height:auto;
left:50%;
bottom:50%;
transform:translate(-50%,50%);
opacity:0;
transition:all 0.1s
}
.overlay-dark .product-details{
position:absolute;
width:100%;
left:2rem;
bottom:4rem;
opacity:0;
transform:translateY(10px);
transition:all 0.4s
}
.overlay-dark .product-details .product-category,.overlay-dark .product-details .product-price,.overlay-dark .product-details .product-title a{
color:#fff
}
.overlay-dark .product-details a:hover{
color:#08c
}
.overlay-dark .product-details .ratings-container .product-ratings:before{
color:rgba(255,255,255,0.6)
}
.overlay-dark .product-details .price-box{
margin-bottom:0
}
.overlay-dark:hover figure,.overlay-dark:nth-child(2n):hover figure{
box-shadow:none
}
.overlay-dark:hover figure>a:first-child:after,.overlay-dark:nth-child(2n):hover figure>a:first-child:after{
background-color:rgba(27,27,23,0.7)
}
.overlay-dark:hover figure .btn-icon,.overlay-dark:hover figure .btn-quickview,.overlay-dark:nth-child(2n):hover figure .btn-icon,.overlay-dark:nth-child(2n):hover figure .btn-quickview{
opacity:0.85
}
.overlay-dark:hover figure .btn-icon:hover,.overlay-dark:hover figure .btn-quickview:hover,.overlay-dark:nth-child(2n):hover figure .btn-icon:hover,.overlay-dark:nth-child(2n):hover figure .btn-quickview:hover{
background-color:#4d4d4a;
opacity:1
}
.overlay-dark:hover figure .btn-icon,.overlay-dark:nth-child(2n):hover figure .btn-icon{
border-color:#fff;
border-width:2px;
color:#fff;
background-color:#4d4d4a;
opacity:0.85
}
.overlay-dark:hover .product-details,.overlay-dark:nth-child(2n):hover .product-details{
opacity:1;
transform:translateY(0)
}
.creative-grid{
margin-left:-10px;
margin-right:-10px
}
.creative-grid .product-default{
padding:0 10px 20px;
margin-bottom:0
}
.creative-grid .product-default .btn-add-cart i{
display:inline-block
}
.creative-grid figure{
height:100%
}
.creative-grid figure img{
height:100%;
object-fit:cover
}
.creative-grid .overlay-dark figure .btn-quickview{
padding:8px 15px;
max-width:128px;
max-height:41px;
border-radius:5rem
}
.creative-grid .inner-icon:not(.product-widget):hover figure .btn-quickview{
padding-top:7px
}
.creative-grid .grid-height-1-2{
height:300px
}
.creative-grid .grid-height-1{
height:600px
}
.creative-grid .grid-col-sizer{
width:25%
}
.creative-grid .btn-icon-wish{
position:relative
}
.inner-btn figure .btn-icon-group{
top:auto;
left:auto;
right:1.5rem;
bottom:1.5rem
}
.inner-btn figure .btn-icon{
position:relative;
margin-bottom:0
}
.inner-btn figure .btn-quickview{
background-color:#fff
}
.inner-btn figure .btn-quickview i{
font-size:1.4rem
}
.inner-btn figure .btn-add-cart i{
display:inline-block
}
.quantity-input .product-details{
align-items:center
}
.quantity-input .product-single-qty{
margin:0 0 1rem
}
.quantity-input .btn-add-cart{
margin:0 0 1rem 2px
}
.quantity-input .btn-add-cart:hover{
background-color:#08c;
border-color:#08c;
color:#fff
}
.quantity-input .category-list{
text-align:center
}
.product-list{
display:flex;
display:-ms-flexbox;
align-items:center
}
.product-list:not(.inner-icon) .btn-add-cart:not(.product-type-simple) i{
display:block
}
.product-list .product-action{
margin-bottom:0
}
.product-list:hover .btn-icon{
padding-right:0.8rem;
transition:0.35s
}
.product-list:hover .btn-icon i{
opacity:1;
transition:0.35s
}
.product-list:hover .btn-icon span{
padding-left:1.3rem;
transition:0.35s
}
.product-list figure{
max-width:250px;
margin-right:1.2rem;
margin-bottom:0
}
.product-list figure img{
object-fit:cover;
height:100%
}
.product-list .product-details{
padding-top:3px;
max-width:calc(100% - 270px)
}
.product-list .product-title{
margin-bottom:0.6rem;
font-weight:600;
font-size:1.8rem;
font-family:"Open Sans",sans-serif
}
.product-list .ratings-container{
margin:0 0 10px 0px
}
.product-list .product-description{
display:-webkit-box;
margin-bottom:1.6rem;
max-width:100%;
font-weight:400;
font-size:1.4rem;
font-family:"Open Sans",sans-serif;
line-height:24px;
overflow:hidden;
-webkit-line-clamp:2;
-webkit-box-orient:vertical
}
.product-list .price-box{
margin-bottom:1.6rem
}
.product-list .category-list{
margin-bottom:-1px
}
.product-list .btn-add-cart{
margin:0 3px 5px 0;
padding:0 1.4rem;
background-color:#08c;
border-color:#08c;
color:#fff
}
.product-list .btn-icon{
position:relative;
transition:0.35s
}
.product-list .btn-icon i{
position:absolute;
display:inline-block;
opacity:0;
left:8px;
transition:0.35s
}
.product-list .btn-icon i:before{
margin:0;
line-height:1;
font-weight:800
}
.product-list .btn-icon i.fa{
top:26%
}
.product-list .btn-icon span{
display:inline-block;
transition:0.35s
}
.product-list .btn-icon-wish,.product-list .btn-quickview{
position:static;
opacity:1;
background-color:#f4f4f4;
border:1px solid #f4f4f4;
color:#333333;
margin:0 0 5px;
line-height:32px
}
.product-list .btn-icon-wish{
position:relative
}
.product-list:hover{
box-shadow:none
}
.product-list:hover figure{
box-shadow:none
}
.product-list:hover .product-action a.btn-icon-wish{
left:0
}
.product-widget{
display:flex;
display:-ms-flexbox;
margin-bottom:1.6rem
}
.product-widget figure{
max-width:84px;
margin-right:1rem;
margin-bottom:0
}
.product-widget figure img{
object-fit:cover;
height:100%
}
.product-widget .ratings-container{
margin-bottom:1rem
}
.product-widget .product-details{
margin-bottom:2px;
max-width:calc(100% - 104px)
}
.product-widget .product-title{
margin-bottom:0.5rem;
font-size:1.4rem
}
.product-widget .price-box{
margin-bottom:0
}
.product-widget .product-price{
font-size:1.5rem
}
.product-widget .old-price{
font-size:1.2rem
}
.product-widget:hover,.product-widget:hover figure{
box-shadow:none
}
.row-joined.product-nogap .product-details{
padding:0 1rem
}
.row-joined.product-nogap .product-details .category-wrap{
position:relative
}
.product-quick-view{
padding:3rem;
background-color:#fff
}
.product-quick-view .product-single-filter label{
margin-right:0
}
.product-quick-view .product-single-details .product-title{
width:100%
}
.product-quick-view .view-cart{
padding:13px 10px;
font-size:0.8em;
font-weight:700;
text-transform:uppercase;
text-decoration:underline
}
.product-quick-view .product-single-details .product-single-filter:last-child{
margin-left:-1px
}
.image-bg-white{
filter:brightness(1.08)
}
.post-slider>.owl-stage-outer,.products-slider>.owl-stage-outer{
margin:-10px -20px;
padding:10px 20px
}
@media (max-width:1280px){
.post-slider>.owl-stage-outer,.products-slider>.owl-stage-outer{
margin:-10px -15px;
padding:10px 15px
}
}
.modal-backdrop.show{
opacity:0.5;
}
@media (max-width:1200px){
.product-intro.owl-carousel.owl-theme .owl-nav .owl-prev{
left:10px
}
.product-intro.owl-carousel.owl-theme .owl-nav .owl-next{
right:10px
}
}
@media (max-width:1159px){
.product-intro.owl-carousel.owl-theme .owl-nav .owl-prev{
left:-30px
}
.product-intro.owl-carousel.owl-theme .owl-nav .owl-next{
right:-30px
}
}
@media (max-width:1000px){
.product-intro.owl-carousel.owl-theme .owl-nav .owl-prev{
left:10px
}
.product-intro.owl-carousel.owl-theme .owl-nav .owl-next{
right:10px
}
}
@media (min-width:576px){
.divide-line>.col-sm-1:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-sm-1:nth-child(12n){
border-right:none
}
.divide-line>.col-sm-2:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-sm-2:nth-child(6n){
border-right:none
}
.divide-line>.col-sm-3:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-sm-3:nth-child(4n){
border-right:none
}
.divide-line>.col-sm-4:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-sm-4:nth-child(3n){
border-right:none
}
.divide-line>.col-sm-5:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-sm-5:nth-child(2n){
border-right:none
}
.divide-line>.col-sm-6:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-sm-6:nth-child(2n){
border-right:none
}
.divide-line>.col-sm-7:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-sm-7:nth-child(1n){
border-right:none
}
.divide-line>.col-sm-8:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-sm-8:nth-child(1n){
border-right:none
}
.divide-line>.col-sm-9:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-sm-9:nth-child(1n){
border-right:none
}
.divide-line>.col-sm-10:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-sm-10:nth-child(1n){
border-right:none
}
.divide-line>.col-sm-11:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-sm-11:nth-child(1n){
border-right:none
}
}
@media (min-width:768px){
.divide-line>.col-md-1:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-md-1:nth-child(12n){
border-right:none
}
.divide-line>.col-md-2:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-md-2:nth-child(6n){
border-right:none
}
.divide-line>.col-md-3:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-md-3:nth-child(4n){
border-right:none
}
.divide-line>.col-md-4:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-md-4:nth-child(3n){
border-right:none
}
.divide-line>.col-md-5:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-md-5:nth-child(2n){
border-right:none
}
.divide-line>.col-md-6:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-md-6:nth-child(2n){
border-right:none
}
.divide-line>.col-md-7:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-md-7:nth-child(1n){
border-right:none
}
.divide-line>.col-md-8:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-md-8:nth-child(1n){
border-right:none
}
.divide-line>.col-md-9:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-md-9:nth-child(1n){
border-right:none
}
.divide-line>.col-md-10:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-md-10:nth-child(1n){
border-right:none
}
.divide-line>.col-md-11:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-md-11:nth-child(1n){
border-right:none
}
.product-quick-view .product-single-details{
position:absolute;
right:0;
height:100%!important;
overflow-y:auto
}
.product-quick-view .product-single-details::-webkit-scrollbar{
height:10px;
width:3px
}
.product-quick-view .product-single-details::-webkit-scrollbar-thumb{
background:#ebebeb;
border-radius:10px;
position:absolute
}
.product-quick-view .product-single-details::-webkit-scrollbar-track{
background:#fff;
border-radius:10px;
margin:8px;
width:100%
}
}
@media (min-width:992px){
.divide-line>.col-lg-1:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-lg-1:nth-child(12n){
border-right:none
}
.divide-line>.col-lg-2:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-lg-2:nth-child(6n){
border-right:none
}
.divide-line>.col-lg-3:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-lg-3:nth-child(4n){
border-right:none
}
.divide-line>.col-lg-4:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-lg-4:nth-child(3n){
border-right:none
}
.divide-line>.col-lg-5:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-lg-5:nth-child(2n){
border-right:none
}
.divide-line>.col-lg-6:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-lg-6:nth-child(2n){
border-right:none
}
.divide-line>.col-lg-7:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-lg-7:nth-child(1n){
border-right:none
}
.divide-line>.col-lg-8:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-lg-8:nth-child(1n){
border-right:none
}
.divide-line>.col-lg-9:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-lg-9:nth-child(1n){
border-right:none
}
.divide-line>.col-lg-10:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-lg-10:nth-child(1n){
border-right:none
}
.divide-line>.col-lg-11:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-lg-11:nth-child(1n){
border-right:none
}
}
@media (min-width:1200px){
.divide-line>.col-xl-1:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-xl-1:nth-child(12n){
border-right:none
}
.divide-line>.col-xl-2:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-xl-2:nth-child(6n){
border-right:none
}
.divide-line>.col-xl-3:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-xl-3:nth-child(4n){
border-right:none
}
.divide-line>.col-xl-4:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-xl-4:nth-child(3n){
border-right:none
}
.divide-line>.col-xl-5:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-xl-5:nth-child(2n){
border-right:none
}
.divide-line>.col-xl-6:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-xl-6:nth-child(2n){
border-right:none
}
.divide-line>.col-xl-7:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-xl-7:nth-child(1n){
border-right:none
}
.divide-line>.col-xl-8:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-xl-8:nth-child(1n){
border-right:none
}
.divide-line>.col-xl-9:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-xl-9:nth-child(1n){
border-right:none
}
.divide-line>.col-xl-10:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-xl-10:nth-child(1n){
border-right:none
}
.divide-line>.col-xl-11:nth-child(n){
border-right:1px solid rgba(0,0,0,0.09);
border-bottom:1px solid rgba(0,0,0,0.09)
}
.divide-line>.col-xl-11:nth-child(1n){
border-right:none
}
.col-xl-7col .product-default .product-title,.col-xl-8col .product-default .product-title{
font-size:1.3rem
}
.col-xl-7col .old-price,.col-xl-8col .old-price{
font-size:1.2rem
}
.col-xl-7col .product-price,.col-xl-8col .product-price{
font-size:1.5rem
}
}
@media (max-width:575px){
.product-list{
flex-direction:column;
-ms-flex-direction:column
}
.product-list figure{
max-width:none;
margin-right:0;
margin-bottom:2rem
}
.product-list .product-details{
max-width:none;
width:100%
}
.product-list:not(.inner-icon) .btn-add-cart:not(.product-type-simple) i{
display:block
}
.product-list .product-action>a{
padding:0;
width:34px;
height:34px
}
.product-list .product-action>a i{
display:inline-block
}
.product-list .btn-icon{
margin-right:1px
}
.product-list .btn-icon i{
position:static;
opacity:1
}
.product-list .btn-icon:hover{
padding:0
}
.product-list .btn-icon span{
display:none
}
.product-list .btn-icon:not(.product-type-simple) i{
margin-top:1.1rem
}
.product-quick-view{
padding:2rem
}
.product-quick-view .product-single-details .product-title{
font-size:2.6rem
}
}
@media (max-width:479px){
.product-price{
font-size:1.3rem
}
.product-quick-view{
padding:2rem
}
}
.product-category-panel{
margin-bottom:35px
}
.product-category-panel .owl-carousel{
margin-top:-10px;
padding-top:10px
}
.product-category-panel .owl-carousel .owl-nav button.owl-next,.product-category-panel .owl-carousel .owl-nav button.owl-prev{
width:30px;
font-size:24px;
color:#333;
line-height:22px
}
.product-category-panel .owl-carousel .owl-nav button.owl-prev{
left:-41px
}
.product-category-panel .owl-carousel .owl-nav button.owl-next{
right:-41px
}
.product-category-panel .section-title{
padding-bottom:1rem;
border-bottom:1px solid #dbdbdb;
margin-bottom:2.5rem
}
.product-category-panel .section-title h2{
font-weight:700;
font-size:1.6rem;
line-height:1.2;
font-family:"Open Sans",sans-serif;
letter-spacing:-0.05em;
color:#282d3b;
text-transform:uppercase
}
.product-category{
color:#1d2127;
margin-bottom:2rem;
position:relative
}
.product-category a:hover{
color:inherit
}
.product-category img{
width:100%
}
.product-category figure{
margin-bottom:0;
position:relative
}
.product-category figure:after{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background:transparent;
transition:all 0.3s;
z-index:1;
content:""
}
.product-category:hover figure:after{
background-color:rgba(27,27,23,0.15)
}
.owl-item>.product-category{
margin-bottom:0
}
.category-content{
padding:2rem;
display:flex;
display:-ms-flex-box;
flex-direction:column;
-ms-flex-direction:column;
align-items:center;
-ms-flex-align:center
}
.category-content h3{
font-weight:700;
font-size:1.5rem;
line-height:1.35;
font-family:"Open Sans",sans-serif;
letter-spacing:-0.005em;
margin-bottom:1rem;
text-transform:uppercase
}
.category-content span{
font-weight:400;
font-size:10.2px;
line-height:1.8;
font-family:"Open Sans",sans-serif;
letter-spacing:normal;
margin-top:-10px;
text-transform:uppercase;
opacity:0.7;
color:#1d2127
}
.category-content span mark{
padding:0;
background-color:transparent;
color:inherit
}
.content-center-bottom .category-content,.content-center .category-content,.content-left-bottom .category-content,.content-left-center .category-content{
padding:20.4px 25.5px;
position:absolute;
width:100%;
transform:translateY(-50%);
z-index:2
}
.content-center-bottom .category-content h3,.content-center-bottom .category-content span,.content-center .category-content h3,.content-center .category-content span,.content-left-bottom .category-content h3,.content-left-bottom .category-content span,.content-left-center .category-content h3,.content-left-center .category-content span{
color:#fff
}
.content-center .category-content,.content-left-center .category-content{
left:0;
top:50%
}
.content-left-center .category-content{
align-items:flex-start
}
.content-left-bottom .category-content{
align-items:flex-start;
left:0;
bottom:0;
transform:none
}
.content-center-bottom figure{
min-height:90px
}
.content-center-bottom .category-content{
bottom:0;
transform:none;
padding:20.4px 0
}
.content-center-bottom .category-content h3,.content-center-bottom .category-content span{
margin-bottom:0;
color:#1d2127
}
.overlay-lighter figure:after{
background-color:rgba(27,27,23,0)
}
.overlay-lighter:hover figure:after{
background-color:rgba(27,27,23,0.15)
}
.overlay-darker figure:after{
background-color:rgba(27,27,23,0.25)
}
.overlay-darker:hover figure:after{
background-color:rgba(27,27,23,0.4)
}
.overlay-light figure:after{
background-color:rgba(27,27,23,0.75)
}
.overlay-light:hover figure:after{
background-color:rgba(27,27,23,0.6)
}
.hidden-count .category-content span{
max-height:10px;
transition:all 0.5s;
transform:translateY(20%);
opacity:0
}
.hidden-count:hover .category-content span{
max-height:30px;
transform:none;
opacity:0.7
}
.creative-grid .product-category{
margin-bottom:0;
padding-bottom:2rem
}
.creative-grid .product-category.content-left-bottom .category-content{
margin-bottom:20px
}
.creative-grid .product-category figure{
height:100%
}
.creative-grid .product-category figure img{
width:100%;
height:100%;
object-fit:cover;
padding:0
}
.height-600{
height:600px
}
.height-400{
height:400px
}
.height-300{
height:300px
}
.height-200{
height:200px
}
@media (min-width:1199px){
.col-5col-1{
flex:0 0 20%;
max-width:20%
}
}
@media (max-width:767px){
.height-600{
height:400px
}
.height-300{
height:200px
}
}
@media (max-width:450px){
.content-center-bottom .category-content{
padding:16.8px 21px;
text-align:center;
flex-wrap:wrap
}
}
@media (max-width:400px){
.content-center-bottom .category-content{
padding-bottom:1rem
}
}
@media (max-width:1200px){
.product-category-panel .owl-carousel .owl-nav button.owl-next,.product-category-panel .owl-carousel .owl-nav button.owl-prev{
width:15px
}
.product-category-panel .owl-carousel .owl-nav button.owl-next{
right:-18px
}
.product-category-panel .owl-carousel .owl-nav button.owl-prev{
left:-18px
}
}
@media (max-width:1159px){
.product-category-panel .owl-carousel .owl-nav button.owl-next,.product-category-panel .owl-carousel .owl-nav button.owl-prev{
width:30px
}
.product-category-panel .owl-carousel .owl-nav button.owl-next{
right:-41px
}
.product-category-panel .owl-carousel .owl-nav button.owl-prev{
left:-41px
}
}
@media (max-width:1024px){
.product-category-panel .owl-carousel .owl-nav button.owl-next,.product-category-panel .owl-carousel .owl-nav button.owl-prev{
width:15px
}
.product-category-panel .owl-carousel .owl-nav button.owl-next{
right:-18px
}
.product-category-panel .owl-carousel .owl-nav button.owl-prev{
left:-18px
}
}
.testimonial-owner{
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-content:center
}
.testimonial-owner figure{
max-width:40px;
margin-right:25px;
margin-bottom:2rem
}
.testimonial-owner figure.max-width-none{
max-width:none;
margin:0
}
.testimonial-owner h4{
display:block;
margin-bottom:0.5rem;
padding-top:0.7rem;
color:#111;
font-size:1.4rem;
text-transform:uppercase
}
.testimonial-owner span{
display:block;
color:#666;
font-size:1.2rem;
text-transform:uppercase;
letter-spacing:0.045em;
line-height:1.2;
font-weight:600
}
.testimonial blockquote{
position:relative;
margin:0 0 0 15px;
padding:1rem 2rem;
color:#08c
}
.testimonial blockquote:after,.testimonial blockquote:before{
position:absolute;
font-family:"Playfair Display";
font-size:5rem;
font-weight:900;
line-height:1
}
.testimonial blockquote:before{
top:0;
left:-0.4em;
content:"“"
}
.testimonial blockquote p{
margin-bottom:0;
font-family:inherit;
font-style:normal;
font-size:14px;
line-height:24px;
color:#62615e
}
.testimonial.blockquote-both blockquote:after{
display:block;
content:"â€";
right:0;
bottom:-5px;
line-height:24px
}
.testimonial.owner-center>p,.testimonial.owner-center blockquote{
text-align:center
}
.testimonial.owner-center .testimonial-title{
text-align:center
}
.testimonial.owner-center .testimonial-owner{
justify-content:center
}
.testimonial.owner-center .testimonial-owner span{
text-align:center
}
.testimonial.owner-center .testimonial-owner figure,.testimonial.owner-center .testimonial-owner img{
margin-left:auto;
margin-right:auto
}
.testimonial.testimonial-border{
border:1px solid;
border-top-color:#dfdfdf;
border-bottom-color:#dfdfdf;
border-left-color:#ececec;
border-right-color:#ececec;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.04)
}
.testimonial.testimonial-border-bottom .testimonial-owner{
border-top:1px solid #f2f2f2
}
.testimonial.inner-blockquote figure{
margin-top:15px;
margin-bottom:10px
}
.testimonial.inner-blockquote blockquote{
padding:6px 20px
}
.testimonial.inner-blockquote .testimonial-title{
margin-top:28px
}
.testimonial .testimonial-arrow-down{
border-left:11px solid transparent;
border-right:11px solid transparent;
border-top:8px solid #CCC;
height:0;
margin:0 0 0 40px;
width:0
}
@media (max-width:480px){
.testimonial blockquote:before{
left:-15px
}
}
.social-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:32px;
height:32px;
color:#fff;
background-color:#08c;
font-size:14px;
line-height:3.2rem;
text-align:center;
text-decoration:none;
opacity:1
}
.social-icon+.social-icon{
margin-left:0.6rem
}
.social-icons .social-icon:focus,.social-icons .social-icon:hover{
color:#fff;
text-decoration:none;
opacity:0.85
}
.social-icon.social-facebook{
background-color:#3b5a9a
}
.social-icon.social-twitter{
background-color:#1aa9e1
}
.social-icon.social-instagram{
background-color:#7c4a3a
}
.social-icon.social-linkedin{
background-color:#0073b2
}
.social-icon.social-gplus{
background-color:#dd4b39
}
.social-icon.social-mail{
background-color:#dd4b39
}
.tabs .nav-tabs .nav-item .nav-link.active,.tabs .nav-tabs .nav-item.show .nav-link{
border-top-color:#08c;
color:#08c;
background:#fff
}
.tabs .nav-tabs .nav-item:not(:last-child){
margin-right:0.1rem
}
.tabs .nav-tabs .nav-link{
border-top-left-radius:0;
border-top-right-radius:0;
border-top:3px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #eee;
border-bottom:none;
background:#f4f4f4;
text-transform:none;
font-weight:400;
line-height:2.4rem;
margin-bottom:-1px;
padding:0.8rem 1.6rem
}
.tabs .nav-tabs .nav-link:focus,.tabs .nav-tabs .nav-link:hover{
border-top-color:#08c
}
.tabs .tab-pane p:last-child{
line-height:2.4rem
}
.tabs-bottom .nav-tabs .nav-item .nav-link.active,.tabs-bottom .nav-tabs .nav-item.show .nav-link{
border-top:none;
border-bottom-color:#08c
}
.tabs-bottom .nav-tabs .nav-item:not(:last-child){
margin-right:0.1rem
}
.tabs-bottom .nav-tabs .nav-link{
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border-bottom:3px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #eee;
border-top:none;
margin-top:-1px
}
.tabs-bottom .nav-tabs .nav-link:focus,.tabs-bottom .nav-tabs .nav-link:hover{
border-bottom-color:#08c
}
.tabs-left{
border-top:1px solid #eee
}
.tabs-left .tab-content{
border-top:0
}
.tabs-left .nav-tabs .nav-item .nav-link.active,.tabs-left .nav-tabs .nav-item.show .nav-link{
border-left:3px solid #08c
}
.tabs-left .nav-tabs .nav-item:not(:last-child){
margin-right:0.1rem
}
.tabs-left .nav-tabs .nav-link{
border:0;
border-left:3px solid #eee;
margin-right:-1px
}
.tabs-left .nav-tabs .nav-link:focus,.tabs-left .nav-tabs .nav-link:hover{
border-left-color:#08c
}
.tabs-right{
border-top:1px solid #eee
}
.tabs-right .tab-content{
border-top:0
}
.tabs-right .nav-tabs .nav-item .nav-link.active,.tabs-right .nav-tabs .nav-item.show .nav-link{
border-right:3px solid #08c
}
.tabs-right .nav-tabs .nav-item:not(:last-child){
margin-right:0
}
.tabs-right .nav-tabs .nav-link{
border:0;
border-right:3px solid #eee
}
.tabs-right .nav-tabs .nav-link:focus,.tabs-right .nav-tabs .nav-link:hover{
border-right-color:#08c
}
.nav-justified .nav-link{
flex-basis:0;
flex-grow:1;
text-align:center
}
.tabs-vertical{
display:flex
}
.tabs-vertical .nav-tabs{
flex-flow:column nowrap;
width:27.8%;
border:0
}
.tabs-vertical .tab-content{
flex:1
}
.tabs-vertical .nav-link:last-child{
border-bottom:1px solid #eee!important
}
.tabs-secondary .nav-tabs .nav-item .nav-link.active,.tabs-secondary .nav-tabs .nav-item.show .nav-link{
border-top-color:#ff7272;
color:#ff7272
}
.tabs-secondary .nav-tabs .nav-link:focus,.tabs-secondary .nav-tabs .nav-link:hover{
border-top-color:#ff7272;
color:#ff7272
}
.tabs-secondary.tabs-bottom .nav-tabs .nav-item .nav-link.active,.tabs-secondary.tabs-bottom .nav-tabs .nav-item.show .nav-link{
border-bottom-color:#ff7272
}
.tabs-secondary.tabs-bottom .nav-tabs .nav-link:focus,.tabs-secondary.tabs-bottom .nav-tabs .nav-link:hover{
border-bottom-color:#ff7272
}
.tabs-secondary.tabs-left .nav-tabs .nav-item .nav-link.active,.tabs-secondary.tabs-left .nav-tabs .nav-item.show .nav-link{
border-left-color:#ff7272
}
.tabs-secondary.tabs-left .nav-tabs .nav-link:focus,.tabs-secondary.tabs-left .nav-tabs .nav-link:hover{
border-left-color:#ff7272
}
.tabs-secondary.tabs-right .nav-tabs .nav-item .nav-link.active,.tabs-secondary.tabs-right .nav-tabs .nav-item.show .nav-link{
border-right-color:#ff7272
}
.tabs-secondary.tabs-right .nav-tabs .nav-link:focus,.tabs-secondary.tabs-right .nav-tabs .nav-link:hover{
border-right-color:#ff7272
}
.tabs-tertiary .nav-tabs .nav-item .nav-link.active,.tabs-tertiary .nav-tabs .nav-item.show .nav-link{
border-top-color:#2baab1;
color:#2baab1
}
.tabs-tertiary .nav-tabs .nav-link:focus,.tabs-tertiary .nav-tabs .nav-link:hover{
border-top-color:#2baab1;
color:#2baab1
}
.tabs-tertiary.tabs-bottom .nav-tabs .nav-item .nav-link.active,.tabs-tertiary.tabs-bottom .nav-tabs .nav-item.show .nav-link{
border-bottom-color:#2baab1
}
.tabs-tertiary.tabs-bottom .nav-tabs .nav-link:focus,.tabs-tertiary.tabs-bottom .nav-tabs .nav-link:hover{
border-bottom-color:#2baab1
}
.tabs-tertiary.tabs-left .nav-tabs .nav-item .nav-link.active,.tabs-tertiary.tabs-left .nav-tabs .nav-item.show .nav-link{
border-left-color:#2baab1
}
.tabs-tertiary.tabs-left .nav-tabs .nav-link:focus,.tabs-tertiary.tabs-left .nav-tabs .nav-link:hover{
border-left-color:#2baab1
}
.tabs-tertiary.tabs-right .nav-tabs .nav-item .nav-link.active,.tabs-tertiary.tabs-right .nav-tabs .nav-item.show .nav-link{
border-right-color:#2baab1
}
.tabs-tertiary.tabs-right .nav-tabs .nav-link:focus,.tabs-tertiary.tabs-right .nav-tabs .nav-link:hover{
border-right-color:#2baab1
}
.tabs-dark .nav-tabs .nav-item .nav-link.active,.tabs-dark .nav-tabs .nav-item.show .nav-link{
border-top-color:#222529;
color:#222529
}
.tabs-dark .nav-tabs .nav-link:focus,.tabs-dark .nav-tabs .nav-link:hover{
border-top-color:#222529;
color:#222529
}
.tabs-dark.tabs-bottom .nav-tabs .nav-item .nav-link.active,.tabs-dark.tabs-bottom .nav-tabs .nav-item.show .nav-link{
border-bottom-color:#222529
}
.tabs-dark.tabs-bottom .nav-tabs .nav-link:focus,.tabs-dark.tabs-bottom .nav-tabs .nav-link:hover{
border-bottom-color:#222529
}
.tabs-dark.tabs-left .nav-tabs .nav-item .nav-link.active,.tabs-dark.tabs-left .nav-tabs .nav-item.show .nav-link{
border-left-color:#222529
}
.tabs-dark.tabs-left .nav-tabs .nav-link:focus,.tabs-dark.tabs-left .nav-tabs .nav-link:hover{
border-left-color:#222529
}
.tabs-dark.tabs-right .nav-tabs .nav-item .nav-link.active,.tabs-dark.tabs-right .nav-tabs .nav-item.show .nav-link{
border-right-color:#222529
}
.tabs-dark.tabs-right .nav-tabs .nav-link:focus,.tabs-dark.tabs-right .nav-tabs .nav-link:hover{
border-right-color:#222529
}
.tabs-simple .tab-content{
border:0;
box-shadow:none;
padding:3rem 0
}
.tabs-simple .nav-tabs .nav-item .nav-link.active,.tabs-simple .nav-tabs .nav-item.show .nav-link{
border-bottom-color:#555;
color:#777
}
.tabs-simple .nav-tabs .nav-item:not(:last-child){
margin-right:0.1rem
}
.tabs-simple .nav-tabs .nav-link{
border:0;
border-bottom:3px solid #eee;
text-transform:none;
font-weight:400;
font-size:16px;
line-height:2.4rem;
margin-bottom:-1px;
color:#777;
background:none;
padding:15px 30px;
margin-bottom:1.5rem
}
.tabs-simple .nav-tabs .nav-link:focus,.tabs-simple .nav-tabs .nav-link:hover{
border-bottom-color:#555
}
.tabs-with-icon .nav-tabs .nav-link{
display:flex;
flex-direction:column;
align-items:center;
background:none;
margin-bottom:1rem
}
.tabs-with-icon .icon-content{
position:relative;
height:75px;
width:75px;
line-height:75px;
text-align:center;
font-size:3rem;
border:1px solid #dfdfdf;
border-radius:50%;
margin-bottom:1.5rem
}
.tabs-with-icon .icon-content:after{
content:"";
border:5px solid #f4f4f4;
border-radius:50%;
display:block;
height:100%;
padding:1px;
position:absolute;
top:0;
width:100%;
transform:scale(1.2);
transition:transform 0.3s
}
.tabs-with-icon .icon-content:hover:after{
transform:scale(1.3)
}
.product-single-tabs.product-tabs-list .product-desc-content p{
margin-bottom:1.3rem
}
.product-single-tabs.product-tabs-list .product-desc-content ol,.product-single-tabs.product-tabs-list .product-desc-content ul{
padding-left:5.8rem;
margin-bottom:2rem
}
.product-single-tabs.product-tabs-list .product-desc-content li:before{
left:2.4rem
}
.product-slider-tab .tab-content{
position:relative
}
.product-slider-tab .tab-content>.tab-pane{
display:block!important;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
height:0!important;
opacity:0;
z-index:-1;
transition:visibility 0.3s,opacity 0.3s
}
.product-slider-tab .tab-content>.tab-pane:not(.active){
overflow:hidden;
visibility:hidden
}
.product-slider-tab .tab-content>.active{
position:relative;
height:auto!important;
opacity:1;
z-index:auto
}
@media (min-width:992px){
.product-single-tabs.product-tabs-list{
padding-bottom:2px
}
.product-single-tabs.product-tabs-list .col-lg-2{
-ms-flex:0 0 21.4%;
flex:0 0 21.4%;
max-width:21.4%
}
.product-single-tabs.product-tabs-list .col-lg-10{
-ms-flex:0 0 78.6%;
flex:0 0 78.6%;
max-width:78.6%
}
.product-single-tabs.product-tabs-list .nav.nav-tabs{
flex-direction:column;
border:none
}
.product-single-tabs.product-tabs-list .nav.nav-tabs .nav-item{
margin-right:0;
margin-bottom:0.8rem;
border-bottom:1px solid #e7e7e7
}
.product-single-tabs.product-tabs-list .nav.nav-tabs .nav-link{
display:inline-block;
padding:1.4rem 0 1.5rem;
margin-bottom:-1px
}
.product-single-tabs.product-tabs-list .tab-pane{
padding-top:0.5rem
}
.product-single-tabs.product-tabs-list .tab-content{
padding-left:0.9rem
}
}
@media (max-width:479px){
.nav-tabs .nav-item:not(:last-child){
margin-right:2.5rem
}
}
.tooltip{
font-family:"Open Sans",sans-serif;
font-size:1.3rem
}
.tooltip.show{
opacity:1
}
.tooltip .arrow{
width:1rem;
height:1rem
}
.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{
padding:1rem 0
}
.bs-tooltip-auto[x-placement^=top] .arrow:before,.bs-tooltip-top .arrow:before{
margin-left:-0.5rem;
border-width:1rem 1rem 0;
border-top-color:#ddd
}
.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{
padding:0 1rem
}
.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{
width:1rem;
height:2rem
}
.bs-tooltip-auto[x-placement^=right] .arrow:before,.bs-tooltip-right .arrow:before{
border-width:1rem 1rem 1rem 0;
border-right-color:#ddd
}
.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{
padding:1rem 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow:before,.bs-tooltip-bottom .arrow:before{
margin-left:-0.5rem;
border-width:0 1rem 1em;
border-bottom-color:#ddd
}
.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{
padding:0 1rem
}
.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{
width:1rem;
height:1rem
}
.bs-tooltip-auto[x-placement^=left] .arrow:before,.bs-tooltip-left .arrow:before{
border-width:1rem 0 1rem 1rem;
border-left-color:#ddd
}
.tooltip-inner{
max-width:270px;
padding:1.2rem 1.5rem;
border:1px solid #ddd;
border-radius:0.1rem;
background-color:#f4f4f4;
color:#777;
text-align:left
}
.bounce-loader .bounce1,.bounce-loader .bounce2,.bounce-loader .bounce3{
display:inline-block;
width:18px;
height:18px;
border-radius:100%;
background-color:#CCC;
box-shadow:0 0 20px 0 rgba(0,0,0,0.15);
-webkit-animation:1.4s ease-in-out 0s normal both infinite bouncedelay;
animation:1.4s ease-in-out 0s normal both infinite bouncedelay
}
.bounce-loader .bounce1{
-webkit-animation-delay:-0.32s;
animation-delay:-0.32s
}
.bounce-loader .bounce2{
-webkit-animation-delay:-0.16s;
animation-delay:-0.16s
}
.custom-scrollbar,.mobile-cart>div,.mobile-sidebar{
-webkit-overflow-scrolling:touch
}
.custom-scrollbar::-webkit-scrollbar,.mobile-cart>div::-webkit-scrollbar,.mobile-sidebar::-webkit-scrollbar{
height:10px;
width:6px
}
.custom-scrollbar::-webkit-scrollbar-thumb,.mobile-cart>div::-webkit-scrollbar-thumb,.mobile-sidebar::-webkit-scrollbar-thumb{
background:#e5e5e5;
border-radius:10px;
position:absolute
}
.custom-scrollbar::-webkit-scrollbar-track,.mobile-cart>div::-webkit-scrollbar-track,.mobile-sidebar::-webkit-scrollbar-track{
background:#fff;
border-radius:10px;
margin:8px;
width:100%
}
@keyframes spin{
0%{
transform:rotate(0deg)
}
to{
transform:rotate(359deg)
}
}
.page-wrapper{
position:relative;
left:0;
transition:all 0.25s
}
.ajax-overlay{
display:flex;
display:-ms-flexbox;
align-items:center;
-ms-flex-align:center;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
opacity:0.8;
background-color:#0b0b0b;
z-index:1055
}
.owl-carousel .owl-nav .disabled{
opacity:0.5;
cursor:default
}
.owl-carousel .owl-dots .owl-dot span{
width:16px;
height:16px;
border-width:2px
}
.owl-carousel .owl-dots .owl-dot span:before{
margin:0;
width:8px;
height:8px;
transform:translate(-50%,-50%)
}
.owl-carousel .owl-dots .owl-dot.active span:before,.owl-carousel .owl-dots .owl-dot:hover span:before{
transform:translate(-50%,-50%)
}
.owl-carousel.dots-m-0 .disabled+.owl-dots{
margin:0
}
.owl-carousel.dots-mt-1 .disabled+.owl-dots{
margin-top:1rem
}
.owl-carousel.nav-big .owl-nav{
font-size:3.7rem
}
.owl-carousel.nav-big .owl-nav i{
padding:4px 7px
}
.owl-carousel.nav-large .owl-nav{
font-size:4.5rem
}
.owl-carousel.nav-large .owl-nav i{
padding:4px 2px
}
.owl-carousel.nav-image-center .owl-nav button{
top:35%
}
.owl-carousel.show-nav-hover .owl-nav{
opacity:0;
transition:opacity 0.2s,color 0.2s
}
.owl-carousel.show-nav-hover:hover .owl-nav{
opacity:1
}
.owl-carousel .owl-nav .owl-prev{
left:1vw
}
.owl-carousel .owl-nav .owl-next{
right:1vw
}
@media (min-width:992px){
.owl-carousel.nav-outer .owl-prev{
left:-1.7vw
}
.owl-carousel.nav-outer .owl-next{
right:-1.7vw
}
.owl-carousel.nav-outer.nav-large .owl-prev{
left:-2.3vw
}
.owl-carousel.nav-outer.nav-large .owl-next{
right:-2.3vw
}
}
.owl-carousel.nav-top .owl-nav .owl-next,.owl-carousel.nav-top .owl-nav .owl-prev{
top:-4px
}
.owl-carousel.nav-top .owl-nav .owl-prev{
left:unset;
right:3rem
}
.owl-carousel.nav-top .owl-nav .owl-next{
right:0
}
.owl-carousel.dots-top .owl-dots{
position:absolute;
right:0;
bottom:100%;
margin:0 0 3.4rem
}
.owl-carousel.dots-small .owl-dots span{
width:14px;
height:14px
}
.owl-carousel.dots-small .owl-dots span:before{
width:4px;
height:4px
}
.owl-carousel.dots-simple .owl-dots .owl-dot.active span:before{
background-color:#222529
}
.owl-carousel.dots-simple .owl-dots .owl-dot span{
margin:1px 1px 2px 0px;
border:none
}
.owl-carousel.dots-simple .owl-dots .owl-dot span:before{
opacity:1;
visibility:visible;
background-color:#D6D6D6
}
.owl-carousel.images-center img{
width:auto;
margin:auto
}
.dots-left .owl-dots{
text-align:left
}
.owl-carousel-lazy{
display:block
}
.owl-carousel-lazy .category-slide:first-child,.owl-carousel-lazy .home-slide:first-child,.owl-carousel-lazy .owl-item:first-child .category-slide,.owl-carousel-lazy .owl-item:first-child .home-slide{
display:block
}
.owl-carousel-lazy:not(.owl-loaded)>:not(:first-child){
display:none
}
.category-slide,.home-slide{
width:100%
}
div.slide-bg{
background-repeat:no-repeat;
background-position:center center;
background-size:cover
}
img.slide-bg{
object-fit:cover;
object-position:center top
}
.owl-carousel.dot-inside .owl-dots{
position:absolute;
right:3.6rem;
left:3.6rem;
bottom:4.1rem;
text-align:center
}
.owl-carousel:not(.owl-loaded){
flex-wrap:nowrap;
overflow:hidden
}
.owl-carousel:not(.owl-loaded)[class*=cols-]:not(.gutter-no){
margin-left:-10px!important;
margin-right:-10px!important;
width:auto
}
.owl-carousel:not(.owl-loaded).row{
display:flex
}
.noUi-target{
background:#eee
}
.noUi-handle{
background:#08c
}
.noUi-connect{
background:none;
box-shadow:0 1px 2px 0 rgba(0,0,0,0.38) inset
}
.top-notice{
position:relative;
padding:0.9rem 2rem 1rem;
font-size:1.3rem;
line-height:2;
letter-spacing:0.025em
}
.top-notice h5{
color:inherit;
font-size:inherit;
font-weight:500
}
.top-notice small{
font-size:0.8461em;
letter-spacing:0.025em;
opacity:0.5
}
.top-notice a{
color:inherit;
font-weight:700
}
.top-notice .category{
display:inline-block;
padding:0.3em 0.8em;
background:#151719;
font-size:1rem
}
.top-notice .mfp-close{
top:50%;
transform:translateY(-50%) rotateZ(45deg) translateZ(0);
color:inherit;
opacity:0.7;
z-index:10
}
.top-notice .mfp-close:hover{
opacity:1
}
.header-icon:not(:last-child){
margin-right:2.4rem
}
.header-icon i{
font-size:2.7rem
}
.header-icon:hover{
color:#222529
}
.minicart-icon{
display:inline-block;
vertical-align:middle;
width:25px;
height:20px;
border:2px solid #222529;
border-radius:0 0 5px 5px;
position:relative;
opacity:0.9;
margin:6px 3px 0;
z-index:1
}
.minicart-icon:before{
content:"";
position:absolute;
border:2px solid;
border-color:inherit;
border-bottom:none;
border-radius:10px 10px 0 0;
left:50%;
top:-8px;
margin-left:-7px;
width:15px;
height:11px
}
.cart-count{
z-index:1
}
@media (min-width:992px){
.mobile-menu-toggler{
display:none
}
}
@media (max-width:991px){
.main-nav{
display:none
}
.minicart-icon{
width:24px
}
.header-search i{
font-size:2.4rem
}
}
@media (max-width:767px){
.header .separator{
display:none
}
}
@media (max-width:575px){
.top-notice{
line-height:1.5
}
.header-icon:not(:last-child){
margin-right:1.2rem
}
}
.dropdownmenu-wrapper{
position:relative;
background-color:#fff
}
.dropdown-toggle i{
font-size:2.8rem
}
.dropdown-toggle:not(.dropdown-arrow):after{
display:none
}
.dropdown-arrow:after{
content:"î ™";
border:0;
margin:-5px 2px 0 11px;
font-size:15px;
font-family:porto;
width:auto;
height:auto
}
.dropdown-arrow .badge-circle{
top:3px;
left:19px;
z-index:2
}
.cart-dropdown a:focus,.cart-dropdown a:hover{
color:inherit
}
.cart-dropdown .mobile-cart{
display:block;
position:fixed;
top:0;
bottom:0;
right:0;
left:auto;
width:300px;
margin:0;
transform:translate(340px);
transition:transform 0.2s ease-in-out 0s;
background-color:#fff;
z-index:1050;
border:none;
border-radius:0;
box-shadow:0 5px 8px rgba(0,0,0,0.15)
}
.cart-opened .cart-dropdown .mobile-cart{
transform:none
}
.cart-dropdown .mobile-cart .btn-close{
position:absolute;
left:-4.2rem;
top:0.7rem;
font-size:3.3rem;
color:#fff;
font-weight:300
}
.cart-product-info{
color:#696969
}
.cart-opened .cart-overlay{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
background:rgba(0,0,0,0.4);
z-index:1050
}
.header-dropdowns{
display:flex;
display:-ms-flexbox;
align-items:center;
-ms-flex-align:center
}
.header-menu:before{
content:"";
display:block;
position:absolute;
left:50%;
width:0;
height:0;
z-index:1151;
margin-left:-9px;
margin-top:-1rem;
border-width:0 9px 10px;
border-style:solid;
border-color:transparent transparent #fff;
visibility:hidden;
opacity:1;
transform:translateY(-1rem)
}
.header-dropdown{
position:relative;
line-height:1.5;
padding:5px 0
}
.header-dropdown>a{
padding:0 5px
}
.header-dropdown>a:after{
content:"î œ";
font-family:"porto";
font-weight:400;
margin-left:0.5rem
}
.header-dropdown img{
display:inline-block;
max-width:none;
margin:-2px 6px 0 1px
}
.header-dropdown ul{
position:absolute;
top:-300rem;
z-index:1150;
min-width:100%;
margin:0;
padding:0.5rem 0;
background:#fff;
box-shadow:0 10px 30px 10px rgba(0,0,0,0.05);
transition:transform 0.2s ease-out;
opacity:0;
visibility:hidden;
transform:translateY(-1rem)
}
.header-dropdown ul a{
display:block;
padding:0.5em 7px;
color:#777;
white-space:nowrap
}
.header-dropdown ul a:hover{
background:#f4f4f4
}
.header-dropdown+.header-dropdown{
margin-left:1.4rem
}
.header-dropdown:hover .header-menu:before,.header-dropdown:hover ul{
top:100%;
opacity:1;
visibility:visible;
transform:none
}
.cart-dropdown .dropdownmenu-wrapper{
padding:2rem;
overflow-y:auto;
height:100%
}
.cart-dropdown .dropdownmenu-wrapper:before{
right:28px;
left:auto
}
.cart-dropdown .dropdownmenu-wrapper:after{
right:29px;
left:auto
}
.cart-dropdown .product{
display:-ms-flexbox;
display:flex;
margin:0!important;
padding:2rem 0;
-ms-flex-align:center;
align-items:center;
border-bottom:1px solid #e6ebee;
box-shadow:none!important;
font-family:Poppins,sans-serif
}
.cart-dropdown .product-image-container{
position:relative;
max-width:80px;
width:100%;
margin:0;
margin-left:auto;
border:1px solid #f4f4f4
}
.cart-dropdown .product-image-container a:after{
display:none
}
.cart-dropdown .product-title{
padding-right:1.5rem;
margin-bottom:1.1rem;
font-size:1.4rem;
line-height:19px;
color:#222529;
font-weight:500
}
.cart-dropdown .product-title a{
color:#222529
}
.cart-dropdown .product-details{
margin-bottom:3px;
font-size:1.3rem
}
.cart-dropdown .btn-remove{
position:absolute;
top:-11px;
right:-9px;
width:2rem;
height:2rem;
border-radius:50%;
color:inherit;
background-color:#fff;
box-shadow:0 2px 6px rgba(0,0,0,0.5);
text-align:center;
line-height:2rem;
font-size:1.8rem;
font-weight:500
}
.cart-dropdown .btn-remove span{
display:block;
margin-top:1px
}
.cart-dropdown .btn-remove:focus,.cart-dropdown .btn-remove:hover{
color:#08c
}
.sticky-header .cart-dropdown{
margin-top:0;
margin-bottom:0
}
.dropdown-cart-header,.dropdown-cart-total{
font-weight:700;
line-height:38px
}
.dropdown-cart-header{
margin-bottom:1.7rem
}
.dropdown-cart-total{
display:flex;
align-items:center;
margin-top:1.5rem;
margin-bottom:1.4rem;
font-size:1.3rem;
font-family:Poppins,sans-serif
}
.dropdown-cart-total .cart-total-price{
margin-left:auto;
font-size:1.5rem
}
.dropdown-cart-header{
font-size:2rem;
font-family:Poppins,sans-serif
}
.dropdown-cart-header a:hover{
text-decoration:underline
}
.dropdown-cart-action .btn{
padding:1.3rem 2.5rem 1.4rem;
border-radius:0.2rem;
color:#fff;
height:auto;
font-size:1.2rem;
font-weight:600;
font-family:Poppins,sans-serif;
letter-spacing:0.025em;
border-color:transparent
}
.dropdown-cart-action .btn:last-child:hover{
color:#fff
}
.dropdown-cart-action .view-cart{
margin:1rem 0;
background:#e7e7e7;
color:#222529
}
.dropdown-cart-action .view-cart:focus,.dropdown-cart-action .view-cart:hover{
background:#f1f1f1;
color:#222529
}
.compare-dropdown .dropdown-toggle{
text-transform:uppercase
}
.compare-dropdown .dropdown-toggle i{
margin-top:-0.2rem;
margin-right:0.2rem
}
.compare-dropdown .dropdown-toggle i:before{
margin:0
}
.compare-dropdown .dropdown-toggle:after{
display:none
}
.compare-products{
margin:0;
padding:0;
list-style:none
}
.compare-products .product{
position:relative;
margin:0;
padding:0.5rem 0;
box-shadow:none!important
}
.compare-products .product:hover{
box-shadow:none
}
.compare-products .product-title{
margin:0;
color:#696969;
font-size:1.1rem;
font-weight:400;
line-height:1.35;
text-transform:uppercase
}
.compare-products .btn-remove{
display:-ms-flexbox;
display:flex;
position:absolute;
top:50%;
right:0;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:center;
justify-content:center;
width:2.3rem;
height:2.3rem;
margin-top:-1.2rem;
padding:0.5rem 0;
color:#777;
font-size:1.3rem;
line-height:1;
text-align:center;
overflow:hidden
}
.compare-actions{
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
margin-top:2rem
}
.compare-actions .action-link{
display:inline-block;
color:#777;
font-size:1.1rem;
text-transform:uppercase
}
.compare-actions .btn{
min-width:110px;
margin-left:auto;
padding:0.9rem 1rem;
border:0;
border-radius:0.2rem;
color:#fff;
font-size:1.2rem;
font-weight:400;
letter-spacing:0.025rem;
text-align:center;
text-transform:uppercase
}
.btn-remove{
position:absolute;
top:-10px;
right:-8px;
width:2rem;
height:2rem;
border-radius:50%;
color:#474747;
background-color:#fff;
box-shadow:0 2px 6px 0 rgba(0,0,0,0.4);
text-align:center;
line-height:2rem
}
.btn-remove:focus,.btn-remove:hover{
color:#08c
}
.icon-cancel:before{
content:"ï€";
font-family:"Font Awesome 5 Free";
font-weight:900
}
@media (min-width:992px){
.dropdown-expanded .header-menu:before,.dropdown-expanded>a{
display:none
}
.dropdown-expanded li+li{
margin-left:3rem
}
.dropdown-expanded ul{
position:static;
display:flex;
display:-ms-flexbox;
padding:0;
border:0;
background-color:transparent;
box-shadow:none;
opacity:1;
visibility:visible
}
.dropdown-expanded ul a{
padding:0;
color:inherit
}
.dropdown-expanded ul a:hover{
background-color:transparent
}
.dropdown-expanded .header-menu ul{
transform:none
}
}
@media (max-width:575px){
.compare-dropdown{
display:none
}
}
@media (max-width:480px){
.cart-dropdown .dropdown-menu,.compare-dropdown .dropdown-menu{
width:262px
}
}
.tip{
display:inline-block;
position:relative;
margin:-2px 0 0 1rem;
padding:3px 4px;
border-radius:2px;
color:#fff;
font-family:"Open Sans",sans-serif;
font-size:1rem;
line-height:1;
text-transform:uppercase;
vertical-align:middle;
z-index:1
}
.tip:before{
position:absolute;
top:50%;
right:100%;
left:auto;
margin-top:-3px;
border:3px solid transparent;
border-width:3px 2px 0 2px;
content:""
}
.tip-new{
background-color:#0fc567
}
.tip-new:not(.tip-top):before{
border-right-color:#0fc567
}
.tip-new.tip-top:before{
border-top-color:#0fc567
}
.tip-hot{
background-color:#eb2771
}
.tip-hot:not(.tip-top):before{
border-right-color:#eb2771
}
.tip-hot.tip-top:before{
border-right-color:#eb2771
}
.tip-top{
position:absolute;
top:0;
left:50%;
margin-top:6px;
margin-left:-2px;
transform:translate(-50%)
}
.tip-top:before{
top:100%;
right:70%;
margin:0
}
#scroll-top{
height:40px;
position:fixed;
right:15px;
width:40px;
z-index:9999;
bottom:0;
color:#fff;
background-color:#43494e;
font-size:16px;
text-align:center;
line-height:1;
padding:11px 0;
visibility:hidden;
opacity:0;
border-radius:0 0 0 0;
transition:all 0.3s,margin-right 0s;
transform:translateY(40px)
}
#scroll-top>i{
position:absolute;
height:24px;
line-height:24px;
top:0;
bottom:0;
left:0;
right:0;
margin:auto
}
#scroll-top>i:before{
font-weight:700;
font-size:2rem
}
#scroll-top:focus,#scroll-top:hover{
background-color:#3a4045
}
#scroll-top.fixed{
transform:translateY(0);
opacity:1;
visibility:visible;
color:#FFF;
width:49px;
height:48px;
right:10px;
text-align:center;
text-decoration:none;
z-index:996;
transition:background 0.3s ease-out;
background:rgba(64,64,64,0.75)
}
#scroll-top.fixed:hover{
color:#08c
}
@media (max-width:575px){
#scroll-top{
display:none;
}
}
.about .feature-box h3{
margin-bottom:1.2rem;
text-transform:none;
font-weight:600;
font-size:18px;
line-height:20px;
color:#21293c
}
.about .feature-box i{
margin-bottom:1.3rem;
font-size:5.5rem
}
.about .feature-box p{
line-height:27px
}
.page-header-bg{
padding:8.3rem 0 8.7rem
}
.page-header-bg h1{
color:#1e3636;
font-size:3.6rem;
font-weight:900;
margin-bottom:2.4rem;
letter-spacing:0
}
.page-header-bg h1 span{
display:block;
color:#1e3636;
font-size:0.5em;
font-weight:700;
line-height:1.2;
font-family:Poppins,sans-serif;
letter-spacing:0
}
.page-header-bg .btn{
padding:11px 29px;
font-family:Oswald,sans-serif;
font-weight:inherit;
font-size:inherit;
letter-spacing:0;
z-index:3
}
.subtitle{
color:#21293c;
font-size:1.9rem
}
.about-section{
padding:1rem 0 2.5rem;
color:#7b858a;
font-size:1.5rem;
line-height:1.8
}
.about-section .subtitle{
margin-bottom:1.7rem
}
.about-section p{
margin-bottom:2rem;
font-weight:400;
font-size:14px;
line-height:24px
}
.about-section .lead{
font-family:Poppins,sans-serif;
color:#21293c;
font-size:1.8rem;
line-height:1.5;
font-weight:400
}
.features-section{
padding:5.1rem 0 2rem
}
.features-section .subtitle{
margin-bottom:1.7rem
}
.features-section h3{
font-family:Poppins,sans-serif
}
.features-section .feature-box{
padding:3rem 4rem
}
.testimonials-section{
padding:5.1rem 0 7rem
}
.testimonials-section .subtitle{
margin-bottom:5.2rem
}
.testimonials-carousel blockquote{
margin-bottom:0
}
.testimonials-carousel.owl-theme .owl-nav.disabled+.owl-dots{
margin-top:0.5rem
}
.testimonial-title{
display:block;
margin-bottom:2px;
font-size:1.6rem;
text-transform:uppercase;
color:#2b2b2d
}
.counters-section{
padding:5rem 0 2.4rem
}
.count-container .count-wrapper{
color:#0087cb;
font-size:3.2rem;
font-weight:800;
line-height:3.2rem;
font-family:"Open Sans",sans-serif
}
.count-container span:not(.count-to){
font-size:1.9rem
}
.count-container .count-title{
color:#7b858a;
font-size:1.4rem;
font-weight:600
}
.team-info figure{
position:relative
}
.team-info:hover .prod-full-screen{
opacity:1
}
.team-info .prod-full-screen{
display:flex;
width:30px;
height:30px;
align-items:center;
justify-content:center;
background-color:#222529;
border-radius:50%;
bottom:5px;
right:5px
}
.team-info .prod-full-screen i{
color:#fff
}
.owl-carousel.images-left img{
width:auto
}
@media (min-width:992px){
.counters-section .col-md-4{
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
}
@media (min-width:768px){
.about-section{
padding-top:3.1rem;
padding-bottom:4.5rem
}
}
@media (min-width:576px){
.testimonial blockquote{
margin-left:85px;
padding:2rem 3rem 1.5rem 2rem
}
}
.sidebar-shop{
font-size:1.3rem
}
.sidebar-shop .product-widget .product-title{
margin-bottom:0.4rem;
font-family:"Open Sans",sans-serif
}
.sidebar-shop .product-widget .product-details{
margin-bottom:1px
}
.sidebar-shop .widget{
padding:2rem;
border:1px solid #e7e7e7
}
.sidebar-shop .widget:after{
display:block;
clear:both;
content:""
}
.sidebar-shop .widget:not(:last-child){
border-bottom:0
}
.sidebar-shop .widget-title{
margin:0;
color:#313131;
font-family:Poppins,sans-serif;
font-size:1.5rem;
font-weight:600;
line-height:1.4;
text-transform:uppercase
}
.sidebar-shop .widget-title a{
display:block;
position:relative;
color:inherit
}
.sidebar-shop .widget-title a:focus,.sidebar-shop .widget-title a:hover{
text-decoration:none
}
.sidebar-shop .widget-title a:after,.sidebar-shop .widget-title a:before{
display:inline-block;
position:absolute;
top:50.4%;
right:2px;
width:10px;
height:2px;
margin-top:-1px;
transition:all 0.35s;
background:#222529;
content:""
}
.sidebar-shop .widget-title a.collapsed:after{
transform:rotate(-90deg)
}
.sidebar-shop .widget-body{
padding:1.5rem 0 0.7rem
}
.sidebar-shop .widget-featured{
position:relative;
padding-bottom:0.5rem
}
.sidebar-shop .widget-featured .widget-body{
padding-top:1.5rem
}
.sidebar-shop .widget-featured .product-sm:last-child{
margin-bottom:0
}
.sidebar-shop .widget-featured .ratings-container{
margin-left:0
}
.widget-featured-products .product-widget{
margin-bottom:1.6rem
}
.widget-featured-products .product-widget figure{
margin-right:1.2rem;
max-width:84px;
flex-shrink:0
}
.widget-featured-products .product-widget .ratings-container{
margin-bottom:1.2rem;
margin-top:2px
}
.widget .owl-carousel .owl-nav{
position:absolute;
top:-3.5rem;
right:1px;
line-height:0
}
.widget .owl-carousel .owl-nav button.owl-next,.widget .owl-carousel .owl-nav button.owl-prev{
padding:0 0.4rem!important;
border-radius:0;
color:#222529;
font-size:1.8rem;
line-height:1;
background-color:transparent
}
.widget .owl-carousel .owl-nav i:before{
width:auto;
margin:0
}
.cat-list{
margin:0;
padding:0;
list-style:none
}
.cat-list li{
position:relative;
margin-bottom:1.3rem;
font-size:14px;
font-weight:500
}
.cat-list li:last-child{
margin-bottom:0
}
.cat-list li a{
color:#777;
font-weight:500
}
.cat-list li a:focus,.cat-list li a:hover{
color:#08c
}
.cat-list .products-count{
margin-left:3px;
font-size:13px;
font-weight:500
}
.cat-sublist{
margin-top:1.3rem;
margin-left:1.4rem
}
span.toggle{
cursor:pointer;
display:inline-block;
text-align:center;
position:absolute;
right:-5px;
top:-3px;
margin:0;
padding:0;
width:24px;
height:24px;
line-height:23px;
font-family:"Porto";
font-weight:900;
color:#222529
}
span.toggle:before{
content:"î ›"
}
.collapsed span.toggle:before{
content:"î œ"
}
.config-size-list{
margin:0;
padding:0;
font-size:0;
list-style:none
}
.config-size-list li{
display:-ms-inline-flexbox;
display:inline-flex
}
.config-size-list a{
display:block;
position:relative;
min-width:32px;
text-align:center;
margin:3px 6px 3px 0;
padding:4px 8px;
transition:all 0.3s;
border:1px solid #e9e9e9;
color:#777;
font-size:1.1rem;
font-weight:400;
line-height:1.6rem;
text-decoration:none
}
.config-size-list a.active,.config-size-list a:focus,.config-size-list a:hover{
border-color:#08c;
background-color:#08c;
color:#fff;
text-decoration:none
}
.price-slider-wrapper{
padding:1.5rem 0.4rem 0.5rem 0.6rem
}
.filter-price-action{
margin-top:2.5rem;
padding-bottom:0.5rem
}
.filter-price-action .btn{
padding:5px 1.5rem 6px 1.5rem;
font-size:1.2rem;
font-weight:600;
font-family:"Open Sans",sans-serif
}
.filter-price-action .filter-price-text{
font-size:1.2rem;
line-height:2
}
.widget-block{
font-size:1.5rem;
line-height:1.42
}
.widget-block h5{
margin-bottom:1.5rem;
color:#313131;
font-size:1.4rem;
font-weight:600;
font-family:"Open Sans",sans-serif
}
.widget-block p{
font-size:1.4rem;
line-height:1.75;
margin-bottom:0
}
.widget-block .widget-title{
padding-bottom:3px
}
.widget .config-swatch-list{
display:flex;
flex-wrap:wrap;
margin-top:0.3rem
}
.widget .config-swatch-list li{
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
margin:0;
font-size:1.3rem
}
.widget .config-swatch-list li a{
margin:3px 6px 3px 0;
box-shadow:none
}
.widget.widget-color .widget-body{
padding-top:0.6rem
}
.widget.widget-size .widget-body{
padding-top:1.1rem
}
.shop-toggle.sidebar-toggle{
display:inline-flex;
position:static;
align-items:center;
width:auto;
height:34px;
background:#fff;
padding:0 8px;
text-transform:uppercase;
color:inherit;
border:1px solid #e7e7e7;
cursor:pointer;
margin-right:1rem;
margin-top:0;
z-index:1
}
.shop-toggle.sidebar-toggle span{
font-size:11px;
font-weight:700;
letter-spacing:-0.05em;
margin-left:0.6rem;
color:#222528
}
.sidebar-opened .shop-toggle.sidebar-toggle{
z-index:1
}
.sidebar-opened .shop-toggle.sidebar-toggle i:before{
content:""
}
.horizontal-filter{
margin-bottom:2rem;
padding:6px 0 0px;
background-color:#f4f4f4
}
.horizontal-filter.filter-sorts{
padding:12px 12px 2px
}
.horizontal-filter.filter-sorts .select-custom select{
border:none
}
.horizontal-filter:not(.filter-sorts) .toolbox-item:not(:last-child){
margin-right:1.6rem
}
.horizontal-filter:not(.filter-sorts).toolbox label{
margin:0px 1rem 1px 0px;
font-family:Poppins,sans-serif;
letter-spacing:-0.025em
}
.horizontal-filter:not(.filter-sorts).toolbox .form-control{
padding:0 0.8rem 2px;
color:#222529;
font-family:"poppins"
}
.horizontal-filter:not(.filter-sorts).toolbox .select-custom .form-control{
padding-right:2.4rem
}
.horizontal-filter:not(.filter-sorts) .toolbox-item.toolbox-sort{
margin-right:3.2rem
}
.horizontal-filter .filter-price-form{
font-family:"Open Sans",sans-serif;
font-size:1.36rem
}
.horizontal-filter .filter-price-form .btn{
font-family:inherit;
padding:0.7rem 1.2rem;
font-size:1.2rem;
font-weight:400
}
.horizontal-filter .input-price{
display:block;
width:50px;
padding:6px;
line-height:1.45;
outline:none;
border:1px solid rgba(0,0,0,0.09)
}
.horizontal-filter select{
border:0
}
.horizontal-filter:not(.filter-sorts){
background-color:#fff
}
.horizontal-filter:not(.filter-sorts) .layout-btn{
width:36px;
border:1px solid #dfdfdf;
line-height:34px
}
.horizontal-filter:not(.filter-sorts) .layout-btn.active{
color:#222529;
border-color:#222529
}
.horizontal-filter:not(.filter-sorts) .layout-btn:not(:last-child){
margin-right:8px
}
.horizontal-filter .select-custom select{
border:1px solid #dfdfdf
}
.sort-menu-trigger{
display:block;
color:#313131;
font-size:12px;
line-height:1.4;
text-transform:uppercase
}
.sort-list li{
padding:1rem 0;
font-size:12px;
text-transform:uppercase
}
.sort-list li a{
color:inherit;
font-weight:600
}
.sort-list li.active,.sort-list li:focus,.sort-list li:hover{
color:#08c
}
.sort-list.cat-list li{
margin-bottom:0
}
.sort-list.cat-list li span.toggle{
top:5px
}
.filter-toggle span{
margin-bottom:2px;
color:#777;
font-size:1.3rem;
letter-spacing:-0.02em
}
.filter-toggle a{
display:inline-block;
position:relative;
width:46px;
height:26px;
margin-left:7px;
border-radius:13px;
background:#e6e6e6;
text-decoration:none
}
.filter-toggle a:before{
position:absolute;
left:0;
width:42px;
height:22px;
-webkit-transform:translate3d(2px,2px,0) scale3d(1,1,1);
transform:translate3d(2px,2px,0) scale3d(1,1,1);
transition:all 0.3s linear;
border-radius:11px;
background-color:#fff;
content:""
}
.filter-toggle a:after{
position:absolute;
left:0;
width:22px;
height:22px;
-webkit-transform:translate3d(2px,2px,0);
transform:translate3d(2px,2px,0);
transition:all 0.2s ease-in-out;
border-radius:11px;
background-color:#fff;
box-shadow:0 2px 2px rgba(0,0,0,0.24);
content:""
}
.filter-toggle.opened a{
background-color:#08c
}
.filter-toggle.opened a:before{
-webkit-transform:translate3d(18px,2px,0) scale3d(0,0,0);
transform:translate3d(18px,2px,0) scale3d(0,0,0)
}
.filter-toggle.opened a:after{
-webkit-transform:translate3d(22px,2px,0);
transform:translate3d(22px,2px,0)
}
.shop-off-canvas .mobile-sidebar{
display:block;
position:fixed;
padding:1.3rem 0.8rem 1.3rem 0.9rem;
top:0;
bottom:0;
left:0;
width:300px;
margin:0;
transform:translate(-300px);
transition:transform 0.2s ease-in-out 0s;
background-color:#fff;
z-index:9999;
overflow-y:auto
}
.shop-off-canvas .widget{
border:none
}
.shop-off-canvas .widget:not(:last-child){
border-bottom:1px solid #e7e7e7
}
.shop-off-canvas .sidebar-wrapper{
width:100%!important
}
.sidebar-opened .shop-off-canvas .mobile-sidebar{
transform:none
}
.sidebar-opened .shop-off-canvas .sidebar-overlay{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
background:#000;
opacity:0.35;
z-index:9999
}
.sidebar-toggle{
display:flex;
position:static;
margin-right:0.8rem;
margin-top:0;
padding:0 1.1rem 0 3px;
align-items:center;
width:auto;
height:34px;
text-transform:uppercase;
line-height:36px;
color:inherit;
border:1px solid #dfdfdf;
background:#fff;
cursor:pointer
}
.sidebar-toggle span{
margin-left:0rem;
font-size:1.3rem;
letter-spacing:-0.05em
}
.sidebar-toggle:hover span{
color:#08c
}
.sidebar-opened .sidebar-toggle i:before{
content:""
}
.slide-content{
position:absolute;
top:50%;
transform:translateY(-50%);
left:11.4%;
text-transform:uppercase
}
.boxed-slide-1 .slide-content{
text-align:center
}
.boxed-slide-2 .slide-content{
left:6.8%;
color:#222529
}
.boxed-slide-1 h4{
font-family:Oswald,sans-serif;
font-size:2.7rem;
font-weight:500;
letter-spacing:-0.08em;
margin-bottom:0
}
.boxed-slide-1 h5{
font-family:"Open Sans",sans-serif;
font-size:3rem;
font-weight:800;
letter-spacing:-0.025em;
margin-top:-5px;
margin-bottom:0
}
.boxed-slide-1 span{
display:block;
position:relative;
width:100%;
color:#222529;
letter-spacing:0.05em;
font-weight:700;
margin-bottom:-6px;
margin-top:3px
}
.boxed-slide-1 span:before{
content:"";
display:block;
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
width:50px;
height:1px;
background-color:#74b0bb
}
.boxed-slide-1 span:after{
content:"";
display:block;
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
width:50px;
height:1px;
background-color:#74b0bb
}
.boxed-slide-1 b{
font-size:3.6rem;
font-weight:800;
color:#222529;
letter-spacing:0.025em
}
.boxed-slide-1 b i{
font-weight:500
}
.boxed-slide-1 p{
font-size:13px;
font-weight:700;
color:#222529;
letter-spacing:0.03em;
margin-top:-5px;
margin-bottom:2.2rem
}
.boxed-slide-2 h5{
font-family:"Open Sans",sans-serif;
font-size:1.8rem;
font-weight:800;
margin-bottom:0
}
.boxed-slide-2 h5 span{
font-family:Oswald,sans-serif;
font-size:2.9rem
}
.boxed-slide-2 h5 i{
font-family:Poppins,sans-serif;
font-style:normal;
font-size:1.6rem;
margin-left:-2px;
margin-bottom:5px
}
.boxed-slide-2 h4{
font-size:3.2rem;
font-weight:800;
font-family:"Open Sans",sans-serif;
letter-spacing:-0.02em;
margin-bottom:3rem;
margin-top:-3px
}
.boxed-slide-2 .btn{
font-family:Oswald,sans-serif;
font-size:1.5rem;
font-weight:300;
letter-spacing:0.04em;
padding:9px 17.5px 13px;
margin-bottom:1.3rem
}
.btn-loadmore{
box-shadow:none;
padding:1.3rem 3rem;
border:1px solid #e7e7e7;
font-size:1.2rem;
font-family:"Open Sans",sans-serif;
color:#555
}
.btn-loadmore:hover{
border-color:#ccc
}
.category-banner{
padding:6.8rem 0
}
.category-banner .coupon-sale-text{
font-family:"Open Sans",sans-serif
}
.category-banner h3{
font-size:3em;
margin-left:1.8rem;
margin-bottom:1.6rem
}
.category-banner h4{
font-size:1.125em;
line-height:1.7
}
.category-banner h5{
font-size:1em
}
.category-banner .btn{
font-size:0.75em;
letter-spacing:0.01em;
padding:1em 1.6em;
margin-left:1.8rem
}
@media (min-width:992px){
.filter-sorts .toolbox-left{
position:relative
}
.filter-sorts .toolbox-item.toolbox-sort{
margin-left:0;
margin-right:1rem;
background-color:#fff
}
.filter-sorts select{
border:0;
text-transform:uppercase
}
.filter-sorts .mobile-sidebar.sidebar-shop{
left:0;
padding:0;
visibility:visible;
z-index:2
}
.sort-list{
display:none;
position:absolute;
top:100%;
left:0;
min-width:220px;
margin-top:10px;
padding:10px 15px;
background:#fff;
box-shadow:0 1px 3px rgba(0,0,0,0.15);
z-index:99
}
.sort-list:after,.sort-list:before{
content:"";
position:absolute;
bottom:100%;
border-right:10px solid transparent;
border-bottom:10px solid #fff;
border-left:10px solid transparent
}
.sort-list:before{
left:21px;
z-index:999
}
.sort-list:after{
left:20px;
border-right-width:11px;
border-bottom:11px solid #e8e8e8;
border-left-width:11px
}
.sort-menu-trigger{
min-width:140px;
height:34px;
padding-left:0.8rem;
color:#777;
line-height:34px;
z-index:9
}
.sort-menu-trigger:focus,.sort-menu-trigger:hover{
text-decoration:none
}
.toolbox-item.opened .sort-list{
display:block
}
}
.sidebar-toggle svg{
stroke:#222529;
fill:#fff;
width:28px
}
.product-ajax-grid+.bounce-loader{
bottom:-1rem;
top:auto
}
@media (min-width:992px){
.sidebar-toggle{
display:none
}
}
@media (max-width:991px){
.sort-menu-trigger{
margin-bottom:1.5rem;
font-weight:700
}
.shop-off-canvas .sidebar-wrapper{
padding:2rem
}
.shop-off-canvas .sidebar-toggle{
margin-right:0
}
.shop-off-canvas .toolbox{
justify-content:flex-start
}
.shop-off-canvas .toolbox-right{
margin-left:auto
}
.shop-off-canvas .toolbox .toolbox-item:not(:last-child){
margin-left:0.7rem
}
.sidebar-toggle span{
font-size:11px;
font-weight:600;
color:#222529
}
.sidebar-shop .widget{
padding:2rem 0;
border:0
}
.sidebar-shop .widget:first-child{
padding-top:0
}
.sidebar-shop .widget:not(:last-child){
border-bottom:1px solid #e7e7e7
}
.horizontal-filter,.horizontal-filter.filter-sorts,.horizontal-filter:not(.filter-sorts){
padding:10px;
background-color:#f4f4f4
}
}
@media (max-width:767px){
.category-content{
padding:1rem
}
.category-banner h3{
margin-left:-2px
}
.category-banner .btn{
margin-left:0
}
.horizontal-filter:not(.filter-sorts).toolbox .select-custom .form-control{
padding-top:3px
}
}
@media (max-width:575px){
.home-slide1{
font-size:2.5vw
}
.horizontal-filter.filter-sorts{
justify-content:unset
}
.horizontal-filter .toolbox-item.toolbox-sort{
margin-right:0
}
.boxed-slide img{
min-height:250px
}
.horizontal-filter:not(.filter-sorts) .toolbox-item:not(:last-child){
margin-right:0
}
}
@media (max-width:479px){
.horizontal-filter{
justify-content:stretch
}
.horizontal-filter:not(.filter-sorts) .toolbox-item.toolbox-sort{
margin-right:0;
margin-left:0
}
.sidebar-toggle{
margin-right:2px
}
}
@media (min-width:992px) and (max-width:1200px){
.sidebar-shop .product-widget figure{
max-width:70px;
margin-right:1.5rem
}
}
.cart-message{
padding:0.8rem 0 1.9rem 3px
}
.cart-message:before{
content:"";
position:relative;
margin-right:0.6rem;
top:2px;
font-size:20px;
font-weight:900;
font-family:"Font Awesome 5 Free";
color:#0cc485
}
.cart-message span{
color:#222529;
font-size:1.6rem
}
.single-cart-notice{
line-height:24px;
font-size:1.6rem;
color:#222529
}
.view-cart{
padding:14px 27px 13px;
margin:3px 0;
height:48px;
font-family:"Open Sans",sans-serif
}
.add-cart{
padding:12px 27px 10px 26px;
font-size:1.4rem;
font-weight:700;
letter-spacing:-0.015em;
line-height:24px
}
.add-cart:before{
font-size:1.8rem;
line-height:0;
vertical-align:middle;
margin-right:8px;
font-weight:900
}
.add-wishlist{
display:inline-flex;
align-items:center;
justify-content:center;
padding:17px 8px;
color:#222529;
font-size:1.2rem;
font-weight:700;
font-family:Poppins,sans-serif;
letter-spacing:-0.015em;
text-transform:uppercase;
white-space:nowrap
}
.add-wishlist i{
margin-right:4px;
font-size:1.6rem
}
.add-wishlist i:before{
font-weight:700
}
.added-wishlist i:before{
content:"";
color:#da5555
}
.add-compare:before{
content:"î ";
font-size:1.8rem;
font-family:"porto";
margin-right:6px
}
.product-widgets-container{
margin-bottom:3.8rem
}
.product-widgets-container .product-single-details{
margin-bottom:3px
}
.product-widgets-container .section-sub-title{
margin-bottom:1.6rem
}
.product-widgets-container figure{
max-width:75px;
margin-right:0.7rem
}
.product-widgets-container .product-details{
margin-bottom:2px
}
.product-widgets-container .ratings-container{
margin-bottom:1.2rem;
margin-left:0
}
.product-widgets-container .product-title{
font-size:1.4rem;
font-family:"Open Sans",sans-serif
}
.product-widgets-container .product-price{
font-size:1.5rem
}
.product-single-container:not(.product-quick-view) .product-action .add-cart.added-to-cart:before{
display:none
}
.product-single-container:not(.product-quick-view) .product-action .add-cart.added-to-cart:after{
margin-left:8px;
font-family:"Font Awesome 5 Free";
content:"";
font-weight:600;
font-size:1.6rem
}
.product-single-details{
margin-bottom:1.1rem
}
.product-single-details .product-action .add-cart{
display:inline-flex;
align-items:center
}
.product-single-details .product-action .add-cart:before{
content:"";
margin-top:-2px;
font-family:"Porto";
font-weight:600;
font-size:1.8rem;
margin-right:7px
}
.sticky-sidebar .product-single-details{
margin-bottom:2.7rem
}
.product-single-details .product-title{
margin-bottom:1.1rem;
color:#222529;
font-size:3rem;
font-weight:700;
letter-spacing:-0.01em;
width:calc(100% - 70px)
}
.product-single-details .product-nav{
position:absolute;
display:flex;
top:4px;
right:10px
}
.product-single-details .product-nav.top-0{
top:0
}
.product-single-details .product-nav a{
color:#222529
}
.product-single-details .product-nav .product-next,.product-single-details .product-nav .product-prev{
float:left;
margin-left:2px
}
.product-single-details .product-nav .product-next.disabled>a,.product-single-details .product-nav .product-prev.disabled>a{
color:#999;
cursor:no-drop
}
.product-single-details .product-nav .product-next:hover .product-popup,.product-single-details .product-nav .product-prev:hover .product-popup{
display:block
}
.product-single-details .product-nav a:hover{
color:#333
}
.product-single-details .product-nav .product-link{
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
width:28px;
height:28px;
line-height:23px;
border:2px solid #e7e7e7;
border-radius:14px;
text-align:center;
text-decoration:none;
font-family:"porto"
}
.product-single-details .product-nav .product-prev .product-link:before{
content:"î ™";
display:block
}
.product-single-details .product-nav .product-next .product-link:before{
content:"î š";
display:block
}
.product-single-details .product-nav .product-popup{
position:absolute;
top:31px;
display:none;
right:0;
font-size:13px;
z-index:999;
width:110px;
box-shadow:0 5px 8px rgba(0,0,0,0.15);
text-align:center;
background-color:#fff
}
.product-single-details .product-nav .product-popup:before{
right:36px;
border-bottom:7px solid #333;
border-left:7px solid transparent!important;
border-right:7px solid transparent!important;
content:"";
position:absolute;
top:-5px
}
.product-single-details .product-nav .box-content{
border-top:3px solid #222529;
display:block;
padding:10px 10px 11px
}
.product-single-details .product-nav .box-content>span{
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
display:block;
padding-top:5px;
line-height:1.4em;
font-size:12px;
font-weight:600;
text-align:center;
color:#797876
}
.product-single-details .product-nav .product-next .product-popup:before{
right:7px
}
.product-single-details .product-filters-container{
padding-top:2px;
padding-bottom:1.4rem
}
.product-single-details .product-filters-container+.price-box{
margin-top:2.2rem;
margin-bottom:0.8rem
}
.product-single-details .price-box{
margin-bottom:2.3rem;
color:#222529;
font-weight:600;
font-family:Poppins,sans-serif
}
.product-single-details .product-filtered-price{
display:none;
margin-bottom:1.3rem;
margin-top:0.7rem
}
.product-single-details .new-price{
color:#222529;
font-size:2.4rem;
letter-spacing:-0.02em;
vertical-align:middle;
line-height:0.8;
margin-left:3px
}
.product-single-details .product-price{
color:#222529;
font-size:2.4rem;
letter-spacing:-0.02em;
vertical-align:middle;
line-height:0.8
}
.product-single-details .old-price{
position:relative;
top:2px;
color:#a7a7a7;
font-size:1.9rem;
font-weight:600;
vertical-align:middle
}
.product-single-details .old-price+.product-price{
margin-left:0.4rem
}
.product-single-details .add-wishlist:before{
margin-right:0.3rem
}
.product-single-details .short-divider{
width:40px;
height:0;
border-top:2px solid #e7e7e7;
margin:0 0 2.2rem;
text-align:left
}
.product-single-details .product-single-filter:last-child{
display:none;
margin-bottom:1rem;
margin-top:-2px
}
.product-single-details .divider+.product-action{
margin-top:-0.5rem
}
.product-single-details .product-action+.divider{
margin-top:1.6rem
}
.product-single-details .ratings-container{
margin-bottom:2.1rem;
display:flex;
align-items:center
}
.product-single-details .ratings-container .product-ratings,.product-single-details .ratings-container .ratings{
font-size:1.3rem
}
.product-single-details .ratings-container .product-ratings{
height:14px;
margin-left:-1px;
margin-right:1px
}
.product-single-details .ratings-container .product-ratings:before{
color:#999
}
.product-single-details .ratings-container .ratings:before{
color:#FD5B5A
}
.product-single-details .rating-link{
color:#999;
font-size:1.3rem;
font-weight:400;
padding-left:1rem
}
.product-single-details .rating-link:hover{
text-decoration:underline
}
.product-single-details .rating-link-separator{
padding-left:0.9rem;
font-size:1.3rem
}
.product-single-details .product-desc{
margin-bottom:1.8rem;
font-size:1.6rem;
letter-spacing:-0.015em;
line-height:1.6875
}
.product-single-details .product-desc a{
color:#222529
}
.product-single-details .product-action{
padding:1.5rem 0 1.6rem;
border-top:1px solid #e7e7e7
}
.product-single-details .container{
align-items:center;
-ms-flex-align:center
}
.product-single-details .container img{
max-width:5rem;
max-height:5rem;
margin-right:2rem
}
.product-single-details .product-single-qty{
margin:0.5rem 0.5rem 0.5rem 1px
}
.product-single-details .product-single-qty .form-control{
height:48px;
font-size:1.6rem;
font-weight:700
}
.product-single-details .clear-btn{
display:inline-block;
background-color:#f4f4f4;
margin-top:-3px;
margin-left:-3px;
padding:5px 8px;
font-size:1rem;
color:#777
}
.product-single-details .clear-btn:hover{
background-color:#08c;
color:#fff
}
.product-filters-container select.form-control:not([size]):not([multiple]){
margin-bottom:0;
height:42px;
font-weight:600
}
.product-filters-container .select-custom{
max-width:282px;
width:100%
}
.product-filters-container .select-custom:after{
right:1.5rem;
color:#222529
}
.product-single-container .cart-sticky .sticky-header.fixed{
top:58px;
box-shadow:none;
border:1px solid #e7e7e7;
animation:none
}
main .sticky-header:not(.fixed) .sticky-detail,main .sticky-header:not(.fixed) .sticky-img{
display:none
}
main .sticky-header:not(.fixed).container{
padding-left:0;
padding-right:0
}
main .sticky-header.fixed .container,main .sticky-header.fixed .container-fluid{
display:flex;
display:-ms-flexbox;
align-items:center;
-ms-flex-align:center;
flex-wrap:wrap;
-ms-flex-wrap:wrap
}
main .sticky-header.fixed .product-action{
flex:1;
-ms-flex:1;
border:0;
margin:0;
padding:0;
min-width:260px;
text-align:right
}
main .sticky-header .sticky-img img{
margin:0;
max-width:60px;
max-height:60px
}
main .sticky-header .sticky-detail{
display:flex;
margin-bottom:5px
}
main .sticky-header .product-title{
margin-right:2rem;
margin-bottom:0;
font-size:16px;
font-weight:600
}
main .sticky-header .price-box{
margin:0;
color:#2b2b2d;
font-family:"Oswald","Poppins";
font-weight:400;
line-height:normal
}
main .sticky-header .old-price{
font-size:1.4rem
}
main .sticky-header .product-price{
font-size:1.8rem
}
main .sticky-header .ratings-container{
display:block;
line-height:24px
}
main .sticky-header .product-ratings:before{
color:rgba(0,0,0,0.16)
}
.product-both-info .row .col-lg-12{
margin-bottom:12px
}
.product-both-info .product-single-details{
margin-top:0
}
.product-both-info .product-single-details .product-desc{
border-bottom:0
}
.product-both-info .product-single-gallery .label-group{
left:1.8rem
}
.single-info-list{
margin-bottom:1.7rem;
padding:0;
font-size:1.2rem;
line-height:1.5;
letter-spacing:0.005em;
text-transform:uppercase
}
.single-info-list li{
margin-bottom:1rem;
letter-spacing:0.001em
}
.single-info-list li strong{
color:#222529;
letter-spacing:0
}
.product-single-filter{
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
margin-bottom:1rem
}
.product-single-filter label{
margin-right:4.2rem;
min-width:5rem;
margin-bottom:0;
color:#777;
font-weight:400;
font-family:"Open Sans",sans-serif;
letter-spacing:0.005em;
text-transform:uppercase
}
.product-single-filter .config-swatch-list{
display:inline-flex;
margin:0
}
.product-single-filter .config-size-list li{
margin-bottom:0;
margin-right:0;
color:#777
}
.product-single-filter .config-size-list li a{
margin:3px 6px 3px 0;
min-width:3.2rem;
height:2.6rem;
border:1px solid #eee;
color:inherit;
font-size:1.1rem;
font-weight:500;
line-height:2.6rem;
background-color:#fff
}
.product-single-filter .config-size-list li a:not(.disabled):hover{
border-color:#08c;
background-color:#08c;
color:#fff
}
.product-single-filter .config-size-list li a.disabled{
cursor:not-allowed;
text-decoration:none;
background-color:transparent;
opacity:0.5
}
.product-single-filter .config-size-list li a.filter-color{
height:2.8rem;
min-width:2.8rem
}
.product-single-filter .config-size-list li.active a{
border-color:#08c;
outline:none;
color:#fff;
background-color:#08c
}
.product-single-filter .config-size-list li.active a.filter-color:before{
display:inline-block;
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
font-family:"porto";
font-size:1.1rem;
line-height:1;
content:"î¡Ž"
}
.product-single-filter .config-img-list li a{
height:100%
}
.product-single-filter .config-img-list li img{
width:30px;
height:30px
}
.product-single-filter.product-single-qty{
max-width:148px;
max-height:7.5rem;
border-bottom:0
}
.product-single-qty label{
color:#222529;
font-weight:600;
font-size:1.5rem
}
.product-single-share{
display:-ms-flexbox;
display:flex;
margin-top:0.7rem;
-ms-flex-align:center;
align-items:center;
flex-wrap:wrap;
-ms-flex-wrap:wrap
}
.product-single-share label{
margin-right:1.2rem;
margin-bottom:0.5rem;
color:#222529;
font-weight:600;
font-size:1.4rem;
line-height:1.1;
font-family:"Open Sans",sans-serif;
letter-spacing:0.005em;
text-transform:uppercase
}
.product-single-share .social-icons{
margin-top:2px
}
.product-single-share .social-icons.vertical{
display:flex;
flex-direction:column
}
.product-single-share .social-icons.vertical .social-icon{
border-radius:0
}
.product-single-share .social-icon{
line-height:2em;
border:2px solid transparent;
margin:0.2857em 1px 0.2857em 0
}
.product-single-share:not(.icon-with-color) .social-icon{
border-radius:50%
}
.product-single-share:not(.icon-with-color) .social-icon:not(:hover):not(:active):not(:focus){
color:#222529;
background-color:transparent;
border-color:#e7e7e7
}
/*.product-single-gallery{
margin-bottom:3.3rem
}*/
.product-single-gallery .sticky-slider:not(.sticked){
position:relative!important
}
.product-single-gallery a{
display:block
}
.product-single-gallery img{
display:block;
width:100%;
max-width:none
}
.product-single-gallery .prod-thumbnail .owl-nav{
font-size:1.6rem;
color:#08c
}
.product-single-gallery .prod-thumbnail .owl-nav .owl-prev{
left:1.5rem
}
.product-single-gallery .prod-thumbnail .owl-nav .owl-next{
right:1.5rem
}
.product-single-gallery .owl-nav{
font-size:2.8rem
}
.product-single-gallery .owl-nav .owl-prev{
left:2.5rem
}
.product-single-gallery .owl-nav .owl-next{
right:2.5rem
}
.product-single-gallery .owl-nav button{
transition:opacity 0.5s
}
.product-single-gallery .product-item{
position:relative;
z-index:2
}
.product-single-gallery .product-item:not(:last-child){
margin-bottom:4px
}
.product-single-gallery .product-item:hover .prod-full-screen{
opacity:1
}
.product-single-gallery .product-single-grid{
margin-bottom:3.6rem
}
.product-single-gallery .label-group{
position:absolute;
z-index:100;
top:1.1rem;
left:1.1rem
}
.product-single-gallery .product-label{
display:block;
text-align:center;
margin-bottom:5px;
text-transform:uppercase;
padding:7px;
color:#fff;
font-weight:600;
font-size:12px;
font-weight:700;
line-height:1;
border-radius:12px
}
.product-single-gallery .product-label.label-hot{
background-color:#2ba968
}
.product-single-gallery .product-label.label-sale{
background-color:#da5555
}
.product-single-gallery .product-label.label-new{
background-color:#08c
}
.prod-thumbnail{
display:flex;
display:-ms-flexbox;
margin:8px 0 0;
padding:0 1px
}
.prod-thumbnail>.owl-dot{
flex:0 0 25%;
max-width:25%;
padding:4px
}
.prod-thumbnail.owl-theme .owl-nav [class*=owl-]:hover{
color:#08c
}
.prod-thumbnail img{
width:100%;
cursor:pointer
}
.prod-thumbnail .owl-dot.active img,.prod-thumbnail img:hover{
border:2px solid #21293c
}
.transparent-dots{
position:absolute;
top:1.6rem;
left:2.6rem;
width:110px;
margin:0;
padding:0;
z-index:99
}
.transparent-dots .owl-dot{
flex:1;
max-width:108px;
margin-bottom:2px
}
.transparent-dots .owl-dot img{
border:0;
border:1px solid rgba(0,0,0,0.1);
transition:border-color 0.2s
}
.transparent-dots .owl-dot.active img,.transparent-dots .owl-dot:hover img{
border:1px solid #08c;
transition:border-color 0.2s
}
.product-slider-container:not(.container){
position:relative;
padding-left:1px;
padding-right:1px
}
.product-slider-container:not(.container):hover .prod-full-screen{
opacity:1
}
.product-slider-container:not(.container) button.owl-next:not(.disabled),.product-slider-container:not(.container) button.owl-prev:not(.disabled){
opacity:1
}
.prod-full-screen{
position:absolute;
right:2rem;
bottom:1.7rem;
transition:all 0.5s;
outline:none;
opacity:0;
z-index:1
}
.prod-full-screen i{
color:#000;
font-size:1.4rem;
cursor:pointer
}
.product-single-tabs .tab-pane{
padding-top:3rem;
padding-bottom:3rem;
color:#7b858a;
line-height:1.92
}
.product-single-tabs .sticky-header{
height:auto
}
.product-single-tabs .nav.nav-tabs .nav-link{
color:#818692
}
.product-single-tabs .nav.nav-tabs .nav-link.active{
color:#222529
}
.product-single-tabs .nav.nav-tabs .nav-link{
font-family:"Open Sans",sans-serif;
font-size:1.3rem
}
.product-single-tabs .nav.nav-tabs .nav-link.active,.product-single-tabs .nav.nav-tabs .nav-link:hover{
border-bottom-color:#222529
}
.product-single-tabs .nav-item{
font-size:1.3rem
}
.scrolling-box .tab-pane+.tab-pane{
margin-top:3.5rem;
border-top:2px solid #dae2e6
}
.product-size-content{
padding-top:2rem;
padding-bottom:0.5rem
}
.product-size-content img{
margin:0 auto 2rem
}
.product-desc-content{
margin-bottom:2.5rem
}
.product-desc-content .feature-icon{
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 1.9rem;
border-style:solid;
border-width:2px;
width:64px;
height:64px;
line-height:60px;
border-radius:60px;
font-size:28px;
color:#08c;
background:transparent;
border-color:#08c
}
.product-desc-content .feature-box p{
font-size:14px;
line-height:27px;
color:#4a505e;
letter-spacing:0
}
.product-desc-content .feature-box h3{
margin-bottom:0.8rem;
font-size:1.4rem
}
.product-desc-content p{
margin-bottom:2.3rem;
letter-spacing:0.005em
}
.product-desc-content ol,.product-desc-content ul{
margin-bottom:2.4rem;
padding-left:7.4rem;
letter-spacing:0.005em;
position:relative;
padding-top:2px
}
.product-desc-content li{
margin-bottom:9px;
letter-spacing:0
}
.product-desc-content li:before{
content:"ï˜";
position:absolute;
left:4rem;
display:inline-block;
margin-top:-2px;
vertical-align:middle;
font-family:"Font Awesome 5 Free";
font-weight:900;
margin-right:1.8rem;
color:#21293c;
font-size:1.6rem
}
.product-desc-content img.float-left,.product-desc-content img.float-right{
max-width:50%
}
.product-desc-content img{
padding-top:4px
}
.product-desc-content .feature-box i{
display:inline-block;
font-size:2.8rem;
float:none;
margin-bottom:0;
margin-top:3px
}
.product-desc-content .feature-box-content{
margin-left:0
}
.table.table-striped{
margin-top:2rem;
margin-bottom:5.9rem
}
.table.table-striped td,.table.table-striped th{
padding:1.1rem 1.2rem
}
.table.table-striped tr:nth-child(odd){
background-color:#f9f9f9
}
.product-tags-content h4{
margin:0 0 2rem;
font-size:1.8rem;
font-weight:700;
text-transform:uppercase
}
.product-tags-content form{
margin-bottom:2rem
}
.product-tags-content .form-group{
display:-ms-flexbox;
display:flex;
-ms-flex-align:stretch;
align-items:stretch
}
.product-tags-content .form-control{
margin-right:10px
}
.product-tags-content .btn{
padding-top:0.5rem;
padding-bottom:0.5rem
}
.product-reviews-content{
padding-top:2px;
padding-bottom:2.5rem;
line-height:1.92
}
.product-reviews-content .required{
color:#222529
}
.product-reviews-content .reviews-title{
margin-bottom:1.6rem;
font-size:2rem;
font-weight:400
}
.product-reviews-content .reviews-title+p{
padding-bottom:0.4rem;
letter-spacing:0.005em
}
.product-reviews-content .ratings-container{
margin:-3px -2px 0.5rem 0
}
.product-reviews-content .divider{
border-top:1px solid #e7e7e7;
margin:4rem 0
}
.product-reviews-content .comments .comment-block{
padding-bottom:2.3rem;
background-color:#f5f7f7
}
.comment-container{
display:flex;
display:-ms-flexbox;
padding:29px 0 8px
}
.comment-container:not(:first-child){
border-top:1px solid #e7e7e7
}
.comment-container .comment-avatar{
flex:1 0 auto;
padding:0 22px 5px 8px
}
.comment-container img{
border-radius:10rem
}
.comment-container .ratings-container{
margin-bottom:6px
}
.comment-container .product-ratings,.comment-container .ratings{
font-size:14px
}
.comment-container .product-ratings:before{
color:#999
}
.comment-container .ratings:before{
color:#FD5B5A
}
.comment-container .comment-info{
font-family:"Open Sans",sans-serif;
font-size:1.4rem;
line-height:1;
letter-spacing:-0.02em
}
.comment-container .avatar-name{
display:inline;
font-family:inherit;
font-size:inherit
}
.comment-container .comment-text{
letter-spacing:-0.015em
}
.add-product-review{
padding-top:5px
}
.add-product-review .custom-checkbox .custom-control-input:checked~.custom-control-label:after{
top:4px;
left:2px
}
.add-product-review form{
padding:3.5rem 2rem 3.3rem;
border-radius:3px;
background-color:#f4f4f4
}
.add-product-review h3{
margin-bottom:1.6rem;
font-size:2rem;
font-weight:400;
letter-spacing:-0.01em
}
.add-product-review label{
display:block;
font-family:"Open Sans",sans-serif;
font-size:1.4rem;
line-height:1;
margin-bottom:1.1rem
}
.add-product-review .rating-stars{
margin-bottom:1rem
}
.add-product-review .form-control{
margin-top:1.4rem;
margin-bottom:1.6rem;
font-size:1.4rem;
max-width:100%;
height:37px
}
.add-product-review textarea.form-control{
min-height:170px
}
.add-product-review .btn{
padding:0.55em 1rem 0.5em;
font-weight:400;
text-transform:none;
font-family:"Open Sans",sans-serif
}
.add-product-review .custom-control-label{
letter-spacing:0.005em;
line-height:1.9
}
.add-product-review .custom-control-label:after,.add-product-review .custom-control-label:before{
top:6px;
left:0;
width:15px;
height:15px;
font-size:1.2rem;
font-weight:300
}
.add-product-review .custom-checkbox .custom-control-input:checked~.custom-control-label:before{
background-color:#0075ff;
border-color:#0075ff
}
.add-product-review .custom-checkbox .custom-control-input:checked~.custom-control-label:after{
color:#fff
}
.add-product-review .custom-control{
padding-left:2.2rem;
margin-bottom:1rem;
margin-top:-6px
}
.rating-stars{
display:flex;
display:-ms-flexbox;
position:relative;
height:14px;
font-size:1.4rem;
margin-bottom:2.8rem
}
.rating-stars a{
color:#706f6c;
text-indent:-9999px;
letter-spacing:1px;
width:16px
}
.rating-stars a:before{
content:"";
position:absolute;
left:0;
height:14px;
line-height:1;
font-family:"Font Awesome 5 Free";
text-indent:0;
overflow:hidden;
white-space:nowrap
}
.rating-stars a.active:before,.rating-stars a:hover:before{
content:"";
font-weight:900
}
.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:16px
}
.rating-stars .star-2:before{
width:32px
}
.rating-stars .star-3:before{
width:48px
}
.rating-stars .star-4:before{
width:64px
}
.rating-stars .star-5:before{
content:""
}
.products-section{
padding-top:3.8rem;
padding-bottom:3rem
}
.products-section .owl-carousel.dots-top .owl-dots{
margin:0px -2px 3.5rem
}
.products-section .owl-carousel.dots-top .owl-dots span{
border-color:rgba(0,68,102,0.4)
}
.products-section .owl-carousel.dots-top .owl-dot.active span{
border-color:#08c
}
.products-section .product-title{
margin-bottom:4px
}
.products-section .price-box{
margin-bottom:1.4rem
}
.products-section h2{
font-family:"Poppins";
padding-bottom:1rem;
border-bottom:1px solid #e7e7e7;
margin-bottom:3.4rem;
font-size:1.8rem;
line-height:22px;
letter-spacing:-0.01em;
text-transform:uppercase
}
.products-section.pt-sm{
padding-top:2.5rem
}
.product-sidebar-right{
margin-bottom:1.7rem
}
.product-sidebar-right .product-single-gallery{
margin-bottom:2.7rem
}
.product-sidebar-right .product-single-details{
margin-bottom:0.6rem
}
.product-sidebar-right .product-desc-content p{
margin-bottom:1.3rem;
letter-spacing:0.005em
}
.product-sidebar-right .product-desc-content ul{
margin-bottom:2rem;
padding-left:5.8rem
}
.product-sidebar-right .product-desc-content li:before{
left:2.4rem
}
.products-section .container-fluid{
padding-right:20px;
padding-left:20px
}
.custom-product-filters .config-size-list li a{
height:28px;
font-size:13px;
border:1px solid #e9e9e9;
color:#222529;
background-color:#f4f4f4
}
.custom-product-filters .config-color-list img{
width:30px;
height:30px
}
.custom-product-filters .config-color-list li a{
height:100%
}
.single-product-custom-block .porto-heading{
padding:0.85em 2em;
margin-bottom:1.7rem;
box-shadow:0 3px 10px 0 rgba(0,0,0,0.1);
margin-right:20px;
font-family:"Open Sans",sans-serif;
font-weight:600;
font-size:1.2rem
}
.custom-product-single-share{
position:absolute;
top:0;
right:0rem
}
.custom-product-single-share .social-icon{
display:block;
margin:0;
margin-bottom:2px;
border-radius:0
}
.custom-product-single-tabs{
padding:7rem 0 3rem
}
.custom-product-single-tabs .add-product-review form{
background-color:#f7f7f7
}
.custom-product-single-tabs .product-desc-content ol,.custom-product-single-tabs .product-desc-content ul{
margin-bottom:2rem;
padding-left:5.8rem
}
.custom-product-single-tabs .product-desc-content li:before{
left:2.4rem
}
.custom-product-single-tabs .product-desc-content p{
margin-bottom:1.3rem
}
.custom-product-single-tabs .nav.nav-tabs .nav-link{
font-size:1.5rem;
padding:1.1rem 0 1rem;
margin-right:1.5rem;
background-color:transparent
}
.product-single-tab-two .product-desc-content p{
margin-bottom:1.3rem
}
.product-single-tab-two .product-desc-content ul{
margin-bottom:2rem;
padding-left:5.8rem
}
.product-single-tab-two .product-desc-content li:before{
left:2.4rem
}
.product-left-sidebar .product-single-details{
margin-bottom:0.8rem
}
.table.table-size tbody tr td,.table.table-size thead tr th{
border:0;
color:#21293c;
font-size:1.4rem;
letter-spacing:0.005em;
text-transform:uppercase
}
.table.table-size thead tr th{
padding:2.8rem 1.5rem 1.7rem;
background-color:#f4f4f2;
font-weight:600
}
.table.table-size tbody tr td{
padding:1.1rem 1.5rem;
background-color:#fff;
font-weight:700
}
.table.table-size tbody tr:nth-child(2n) td{
background-color:#ebebeb
}
@media (max-width:1199px){
.transparent-dots{
width:90px
}
}
@media (min-width:768px){
.custom-product-single-tabs .nav.nav-tabs .nav-item{
margin-bottom:-3px
}
.custom-product-single-tabs .nav.nav-tabs .nav-link{
padding:1.1rem 0 1rem;
font-size:1.8rem;
margin-right:1.5rem
}
.products-section{
padding-top:4.8rem;
padding-bottom:3.6rem
}
.product-both-info .product-single-share{
-ms-flex-pack:end;
justify-content:flex-end
}
.add-product-review form{
padding-left:3rem;
padding-right:3rem
}
.product-both-info-bottom .col-md-4:last-child strong{
order:2;
margin-left:20px;
margin-right:0
}
}
@media (min-width:992px){
.product-both-info .row .col-lg-12{
margin-bottom:4px
}
.main-content .col-lg-7{
-ms-flex:0 0 54%;
flex:0 0 54%;
max-width:54%
}
.main-content .col-lg-5{
-ms-flex:0 0 46%;
flex:0 0 46%;
max-width:46%
}
.product-full-width{
padding-right:3.5rem
}
.product-full-width .product-single-details .product-title{
font-size:4rem
}
.table.table-size thead tr th{
padding-top:2.9rem;
padding-bottom:2.9rem
}
.table.table-size tbody tr td,.table.table-size thead tr th{
padding-right:4.2rem;
padding-left:3rem
}
}
@media (min-width:1200px){
.product-both-info .product-single-share{
margin-top:-13px
}
}
@media (max-width:991px){
.single-product-custom-block{
margin-right:4rem
}
.single-product-custom-block .porto-heading{
padding:0.85em 1em;
margin-bottom:0.7rem;
margin-right:1rem
}
}
@media (min-width:992px) and (max-width:1199px){
.product-all-icons.product-action .product-single-qty{
margin-right:50%;
margin-bottom:1.2rem
}
}
@media (min-width:576px){
.product-tags-content .form-control{
width:250px
}
}
@media (max-width:767px){
.product-size-content .table.table-size{
margin-top:3rem
}
}
@media (max-width:575px){
.transparent-dots{
width:70px
}
.rating-stars a:before{
line-height:1.2
}
.ratings-container .product-ratings,.ratings-container .ratings{
line-height:1.2
}
}
@media (max-width:480px){
.pg-vertical .product-thumbs-wrap{
height:165px
}
.pg-vertical .vertical-thumbs{
max-width:48px
}
.pg-vertical .product-slider-container{
max-width:calc(100% - 53px)
}
.product-size-content .table.table-size td,.product-size-content .table.table-size th{
padding-left:1rem;
padding-right:0.5rem;
font-size:1.2rem
}
.product-reviews-content .reviews-title{
font-size:1.7rem
}
.custom-product-single-tabs .nav.nav-tabs .nav-item:not(:last-child){
margin-right:0
}
.custom-product-single-tabs .nav.nav-tabs .nav-link{
font-size:1.4rem
}
}
.sidebar-product .widget.widget-product-categories{
margin-bottom:3rem;
padding:1.8rem 1.5rem 1.3rem;
border:1px solid #e7e7e7
}
.sidebar-product .widget.widget-product-categories .widget-body{
padding:2px 0 0.5rem 1.4rem
}
.sidebar-product .widget.widget-product-categories .widget-body:after{
display:block;
clear:both;
content:""
}
.sidebar-product .widget.widget-product-categories .cat-list li{
margin-bottom:0.5rem
}
.sidebar-product .widget.widget-product-categories .cat-list li:last-child{
margin-bottom:-2px
}
.sidebar-product .widget.widget-product-categories a{
display:block;
position:relative;
padding:4px 0;
color:#7a7d82;
font-weight:600
}
.sidebar-product .widget.widget-product-categories .widget-title{
color:#7a7d82;
font-weight:600;
font-size:14px;
font-family:"Open Sans",sans-serif;
line-height:24px
}
.sidebar-product .widget-title a:after{
content:"î ›";
display:inline-block;
position:absolute;
top:46%;
right:2px;
transform:translateY(-50%);
transition:all 0.35s;
font-family:"porto";
font-size:1.7rem;
font-weight:600;
color:#222529
}
.sidebar-product .widget-title a.collapsed:after{
content:"î œ"
}
.sidebar-product .sidebar-toggle{
position:fixed;
padding-left:10px;
top:50%;
z-index:9999;
left:0
}
.custom-sidebar-toggle{
display:flex;
position:fixed;
padding:0;
align-items:center;
justify-content:center;
top:20%;
left:0;
width:40px;
height:40px;
transition:left 0.2s ease-in-out 0s;
border:#dcdcda solid 1px;
border-left-width:0;
background:#fff;
font-size:17px;
line-height:38px;
text-align:center;
cursor:pointer;
z-index:999;
margin-top:50px
}
.sidebar-opened .custom-sidebar-toggle{
left:260px;
z-index:9000
}
.sidebar-opened .custom-sidebar-toggle i:before{
content:"ï€"
}
.sidebar-product{
margin-bottom:2.8rem
}
.sidebar-product .widget:not(:last-child):not(.widget-info){
margin-bottom:2.9rem
}
.sidebar-product .widget-info{
margin:0px 0 4.8rem
}
.sidebar-product .widget-info li{
display:flex;
align-items:center;
margin-bottom:2.2rem
}
.sidebar-product .widget-info i{
margin:1px 1.9rem 0 4px
}
.sidebar-product .widget-featured{
padding-bottom:3rem
}
.sidebar-product .widget-featured .widget-body{
padding-top:1.9rem
}
.sidebar-product .widget-featured .owl-carousel .owl-nav{
top:-4.1rem
}
.sidebar-product .widget-title{
margin:0;
text-transform:none;
border-bottom-width:1px;
font-weight:600;
font-size:1.5rem;
line-height:24px
}
.sidebar-product .widget-subtitle{
color:#7a7d82;
margin-bottom:3rem;
font-size:1.3rem;
font-weight:400
}
.sidebar-product .widget-body{
padding-left:0;
padding-top:2.3rem
}
.sidebar-product .widget-body p{
line-height:27px;
font-size:1.3rem;
color:#222529;
letter-spacing:0.01em;
font-weight:500;
margin-bottom:3rem
}
.sidebar-product .product-widget{
margin-bottom:1.3rem
}
.sidebar-product .product-widget figure{
margin-right:0.8rem;
max-width:75px
}
.sidebar-product .product-widget .widget-body{
padding-top:1.9rem
}
.sidebar-product .ratings-container{
margin-left:0;
margin-bottom:1.2rem
}
.sidebar-product .owl-carousel .owl-nav{
top:-4.1rem;
right:1px
}
.sidebar-product .owl-carousel .owl-nav button.owl-next,.sidebar-product .owl-carousel .owl-nav button.owl-prev{
font-size:1.8rem
}
.widget-info ul{
display:-ms-flexbox;
display:flex;
align-items:center;
-ms-flex-align:center;
justify-content:space-between;
-ms-flex-pack:justify;
flex-wrap:wrap;
-ms-flex-wrap:wrap;
margin:0
}
aside .widget-info ul{
display:block
}
.widget-info li{
margin-bottom:2rem
}
.widget-info li:not(:last-child){
margin-right:2.5rem
}
aside .widget-info li:not(:last-child){
border-bottom:1px solid rgba(231,231,231,0.8);
padding-bottom:2.2rem;
margin-right:0
}
.widget-info i{
min-width:40px;
margin-right:15px;
color:#08c;
font-size:4rem;
line-height:1
}
.widget-info i:before{
margin:0
}
aside .widget-info i{
margin-left:7px
}
.widget-info h4{
display:inline-block;
margin-bottom:0;
color:#6b7a83;
font-weight:600;
font-size:1.4rem;
line-height:1.286;
font-family:"Open Sans",sans-serif;
text-transform:uppercase
}
.product-single-collapse{
line-height:1.9;
margin-bottom:3.2rem;
margin-top:-3px
}
.product-single-collapse p{
margin-bottom:1.3rem
}
.product-single-collapse .collapse-body-wrapper{
padding-top:3.1rem;
padding-bottom:2px
}
.product-single-collapse .product-desc-content{
margin-bottom:1.3rem
}
.product-single-collapse .product-desc-content ol,.product-single-collapse .product-desc-content ul{
padding-left:5.8rem;
margin-bottom:2rem
}
.product-single-collapse .product-desc-content li:before{
left:2.4rem
}
.product-collapse-title{
margin:0;
font-size:1.4rem;
line-height:1;
text-transform:uppercase
}
.product-collapse-title a{
display:flex;
align-items:center;
position:relative;
padding:1.4rem 1.5rem 1.5rem;
border-bottom:1px solid #ddd;
color:inherit
}
.product-collapse-title a:focus,.product-collapse-title a:hover{
color:inherit;
text-decoration:none
}
.product-collapse-title a:before{
content:"î ›";
margin-right:1rem;
font-family:"porto";
font-size:2rem;
font-weight:400
}
.product-collapse-title a:after{
display:block;
position:absolute;
bottom:-0.2rem;
left:0;
width:100%;
height:0.2rem;
transform-origin:left center;
transform:scale(1,1);
transition:transform 0.4s;
background-color:#08c;
content:""
}
.product-collapse-title a.collapsed:before{
content:"î œ"
}
.product-collapse-title a.collapsed:after{
transform-origin:right center;
transform:scale(0,1)
}
.collapse-body-wrapper{
padding:3rem 0 1.5rem 2rem
}
.maga-sale-container{
font-family:"Oswald";
position:relative
}
.maga-sale-container .mega-content{
margin:1.1rem;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
text-align:center;
border:1px solid #f6f5f0
}
.maga-sale-container .mega-price-box{
position:relative;
display:flex;
margin:4.4rem 0.5rem 2.4rem 0;
align-items:center;
justify-content:center;
color:#fff
}
.maga-sale-container .mega-price-box .price-big{
font-size:4rem;
margin-right:5px;
z-index:1
}
.maga-sale-container .mega-price-box .price-desc{
display:flex;
flex-direction:column;
font-size:1.4rem;
line-height:1.1;
z-index:1
}
.maga-sale-container .mega-price-box em{
font-size:1.8rem;
font-style:unset
}
.maga-sale-container .mega-price-box:after,.maga-sale-container .mega-price-box:before{
position:absolute;
content:"";
display:block;
width:94px;
border:0 solid #08c;
border-width:50px 0;
border-bottom-color:transparent;
border-radius:50%
}
.maga-sale-container .mega-price-box:before{
transform:rotate(-60deg);
top:-34%
}
.maga-sale-container .mega-price-box:after{
transform:rotate(120deg);
margin-left:8px;
top:-41%
}
.maga-sale-container .mega-title{
margin-left:0.8rem;
transform:scaleX(0.6);
font-size:3.8rem;
letter-spacing:0.07em;
line-height:1.1;
color:#113952
}
.maga-sale-container .mega-subtitle{
margin-left:0.8rem;
font-size:1.6rem;
letter-spacing:0.17em;
color:#113952
}
.custom-maga-sale-container{
margin-bottom:3.4rem
}
.custom-maga-sale-container .mega-price-box{
margin:4.2rem 0.8rem 3rem 0
}
.custom-maga-sale-container .mega-price-box .price-big{
font-size:4.7rem;
margin-right:5px;
margin-top:2px
}
.custom-maga-sale-container .mega-price-box .price-desc{
font-size:1.6rem
}
.custom-maga-sale-container .mega-price-box em{
font-size:2.2rem;
margin-bottom:1px;
margin-top:3px
}
.custom-maga-sale-container .mega-price-box:after,.custom-maga-sale-container .mega-price-box:before{
width:120px;
border-width:60px 0
}
.custom-maga-sale-container .mega-price-box:after{
margin-left:9px
}
.custom-maga-sale-container .mega-title{
margin-left:0;
font-size:4.4rem;
white-space:nowrap;
padding-top:4px;
margin-right:1.5rem
}
.custom-maga-sale-container .mega-subtitle{
font-size:1.9rem;
margin-left:0;
letter-spacing:0.1em
}
@media (min-width:992px){
.main-content-wrap{
overflow:hidden
}
.main-content-wrap .main-content{
margin-left:-25%;
transition:0.15s linear
}
.main-content-wrap .sidebar-shop{
left:-25%;
transition:0.15s linear;
visibility:hidden;
z-index:-1
}
.sidebar-opened .main-content-wrap>.sidebar-shop{
left:0;
visibility:visible;
z-index:0
}
.sidebar-opened .main-content-wrap>.main-content{
margin-left:0
}
body:not(.sidebar-opened) .main-content-wrap>.main-content{
max-width:100%;
-ms-flex:0 0 100%;
flex:0 0 100%
}
.sidebar-toggle{
display:none
}
}
@media (min-width:576px){
.sidebar-product .widget.widget-product-categories{
padding:2.4rem 3rem 2.5rem
}
}
@media (max-width:1199px){
.maga-sale-container .mega-title{
font-size:3rem
}
.custom-maga-sale-container .mega-price-box:after,.custom-maga-sale-container .mega-price-box:before{
width:100px;
border-width:52px 0
}
.custom-maga-sale-container .mega-price-box .price-big{
margin-top:-3px
}
.maga-sale-container .mega-title{
margin-right:0
}
}
@media (max-width:991px){
.mobile-sidebar{
display:block;
position:fixed;
top:0;
bottom:0;
left:0;
width:260px;
padding:2rem;
margin:0;
transform:translate(-260px);
transition:transform 0.2s ease-in-out 0s;
background-color:#fff;
z-index:9999;
overflow-y:auto
}
.sidebar-opened .mobile-sidebar{
transform:none
}
.sidebar-opened .sidebar-overlay{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
background:#000;
opacity:0.35;
z-index:8999
}
}
@media (max-width:575px){
.widget-info ul{
display:block
}
}
@keyframes navItemArrow{
0%{
position:relative;
right:-1px
}
50%{
position:relative;
right:3px
}
to{
position:relative;
right:-1px
}
}
.blog-section{
padding-bottom:1.6rem
}
.post{
margin-bottom:4.1rem
}
.post a{
color:inherit
}
.post a:focus,.post a:hover{
text-decoration:underline
}
.post .read-more{
float:right
}
.post .read-more i:before{
margin:0
}
.post-media{
position:relative;
margin-bottom:1.7rem;
border-radius:0;
background-color:#ccc
}
.post-media .prod-full-screen{
display:flex;
width:30px;
height:30px;
align-items:center;
justify-content:center;
background-color:#08c;
border-radius:50%
}
.post-media .prod-full-screen i{
color:#fff
}
.post-media:hover .prod-full-screen{
opacity:1
}
.post-media .post-date{
position:absolute;
top:1rem;
left:1rem;
width:4.5rem;
padding:1rem 0.8rem 0.8rem;
color:#fff;
background:#222529;
font-family:Poppins,sans-serif;
text-align:center;
text-transform:uppercase;
letter-spacing:0.05em
}
.post-media .day{
display:block;
font-size:1.8rem;
font-weight:700;
line-height:1
}
.post-media .month{
display:block;
font-size:1.12rem;
line-height:1;
opacity:0.6
}
.post-media img{
width:100%
}
.post-slider{
margin-bottom:3rem
}
.post-slider .owl-dots{
position:absolute;
right:0;
bottom:0.25rem;
left:0;
margin:0!important
}
.post-body{
margin-left:0;
padding-bottom:2.1rem;
border:0;
line-height:24px
}
.post-body .post-date{
width:40px;
margin-right:10px;
float:left;
text-align:center;
box-shadow:0 1px 2px 0 rgba(0,0,0,0.1)
}
.post-body .post-date .day{
display:block;
padding:1.1rem 0.2rem;
background-color:#f4f4f4;
color:#08c;
font-size:1.6rem;
font-weight:700;
line-height:1.375
}
.post-body .post-date .month{
display:block;
padding:0.4rem 0.2rem 0.7rem;
border-radius:0 0 0.2rem 0.2rem;
background-color:#08c;
color:#fff;
font-size:1.2rem;
line-height:1.33;
box-shadow:0 -1px 0 0 rgba(0,0,0,0.07) inset
}
.post-title{
margin-bottom:1.3rem;
color:#222529;
font-family:"Open Sans",sans-serif;
font-size:1.8rem;
font-weight:700;
line-height:1.35
}
.post-content{
font-size:1.3rem
}
.post-content:after{
display:block;
clear:both;
content:""
}
.post-content p{
margin-bottom:7px
}
.post-comment{
color:#999;
font-size:1rem;
text-transform:uppercase
}
.post-meta>span{
display:inline-block;
margin-right:1.5rem
}
.post-meta i{
margin-right:0.5rem
}
.post-meta i:before{
margin:0
}
.single{
margin-bottom:2.3rem
}
.single .post-media{
margin-bottom:3rem
}
.single .post-meta{
margin-bottom:2rem;
margin-left:49px
}
.single .post-meta a{
color:#999;
font-size:1rem;
text-transform:uppercase
}
.single .post-title{
margin-bottom:-8px;
font-size:3rem;
color:#08c;
font-weight:700;
font-family:Poppins,sans-serif;
line-height:40px
}
.single h3{
font-size:2rem;
font-weight:600
}
.single h3 i{
margin-right:7px;
font-size:2rem
}
.single .post-share{
margin-bottom:2.4rem
}
.single .post-share h3{
margin-bottom:2.2rem;
letter-spacing:-0.01em
}
.single .post-content{
margin-bottom:5.7rem
}
.single .post-content p{
margin-bottom:2rem;
font-family:"Open Sans",sans-serif;
font-weight:400;
font-size:14px;
line-height:24px
}
.single .post-content h3{
margin-bottom:2rem;
color:#21293c;
font-size:18px;
font-weight:400;
line-height:27px
}
.single .social-icon{
width:29px;
height:29px
}
.single .social-icon+.social-icon{
margin-left:0.8rem
}
.post-share{
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
flex-direction:column;
margin-bottom:2.6rem;
padding:2.8rem 0
}
.post-share h3{
margin-right:2rem
}
.post-share .social-icons{
color:#fff
}
.post-author{
margin-bottom:2.2rem;
padding-bottom:2.7rem
}
.post-author:after{
display:block;
clear:both;
content:""
}
.post-author h3{
margin-bottom:2rem;
letter-spacing:-0.01em
}
.post-author figure{
max-width:80px;
margin-right:2rem;
margin-bottom:0;
float:left
}
.post-author h4{
margin:1rem;
font-weight:600;
font-size:1.6rem;
letter-spacing:0.03em;
color:#08c;
font-family:"Open Sans",sans-serif
}
.post-author .author-content{
font-size:1.3rem;
line-height:1.8
}
.post-author .author-content p:last-child{
margin-bottom:0;
line-height:1.7
}
.zoom-effect{
position:relative;
overflow:hidden
}
.zoom-effect img{
transition:transform 0.2s
}
.zoom-effect:hover img{
transform:scale(1.1,1.1)
}
.post-date-in-media .post-media{
margin-bottom:1.9rem;
overflow:hidden
}
.post-date-in-media .post-media img{
transition:transform 0.2s
}
.post-date-in-media .post-media:hover img{
transform:scale(1.1,1.1)
}
.post-date-in-media .post-body{
margin-left:0;
padding-bottom:2rem;
border:0
}
.post-date-in-media .post-title{
margin-bottom:0.7rem;
font-size:1.7rem;
font-family:Poppins,sans-serif;
font-weight:700
}
.post-date-in-media p{
font-size:1.3rem;
line-height:1.846
}
.post-date-in-media .post-comment{
color:#999;
font-size:1rem;
text-transform:uppercase
}
.comment-respond h3{
margin-bottom:2.9rem;
letter-spacing:-0.01em
}
.comment-respond h3+p{
margin-bottom:2.6rem
}
.comment-respond label{
margin-bottom:0.7rem;
font-size:1.4rem;
font-family:"Open Sans",sans-serif
}
.comment-respond .form-control{
height:37px
}
.comment-respond .form-group{
margin-bottom:2rem
}
.comment-respond form{
margin-bottom:0;
padding:3rem;
background-color:#f5f5f5
}
.comment-respond form p{
margin-bottom:2rem;
line-height:1.75
}
.comment-respond form textarea{
margin-top:1px;
min-height:170px
}
.comment-respond form .form-group-custom-control .custom-control-label{
font-family:"Open Sans",sans-serif;
font-size:1.4rem;
line-height:1.75;
font-weight:700;
color:#222529
}
.comment-respond .form-group-custom-control{
padding-top:1px
}
.comment-respond .custom-control-label:after,.comment-respond .custom-control-label:before{
width:13px;
height:13px
}
.comment-respond .custom-checkbox .custom-control-label:after{
top:2px;
left:1px;
font-weight:300;
font-size:1.2rem
}
.comment-respond .custom-control-label:after,.comment-respond .custom-control-label:before{
top:5px;
left:0;
width:13px;
height:13px;
line-height:2rem
}
.comment-respond .custom-control{
padding-left:2.2rem
}
.comment-respond .btn-sm{
letter-spacing:0.01em
}
.related-posts{
padding-top:3.2rem;
margin-bottom:5rem
}
.related-posts h4{
margin-bottom:1.4rem;
font-size:2rem;
text-transform:uppercase;
letter-spacing:-0.01em
}
.related-posts .post{
margin-bottom:0;
padding-bottom:0;
border-bottom:0
}
.related-posts .post p{
margin-bottom:1rem
}
.related-posts .post-body{
padding-bottom:0;
border-bottom:0
}
.related-posts .post-media{
margin-bottom:2rem
}
.related-posts .post-title{
color:#0077b3;
margin-bottom:1rem;
font-size:16.8px
}
.related-posts .post-content{
margin-left:55px
}
.related-posts .read-more{
float:left;
color:#222529;
font-size:12.6px;
font-weight:600
}
.sidebar{
position:relative;
height:100%;
font-size:1.3rem
}
.sidebar .widget{
margin-bottom:3.1rem
}
.sidebar .sidebar-wrapper{
padding-bottom:4.2rem
}
.sidebar .sidebar-wrapper .widget:last-child{
margin-bottom:0;
padding-bottom:3rem
}
.widget-post .widget-title{
margin-bottom:1.7rem
}
.widget-title{
margin:0.5rem 0 1.3rem;
color:#313131;
font-size:1.6rem;
font-weight:700;
line-height:1.2;
text-transform:uppercase
}
.widget form{
margin-bottom:0
}
.list{
padding:0;
list-style:none;
font-size:1.3rem;
border-bottom:1px solid rgba(0,0,0,0.08);
margin-top:-8px;
margin-bottom:0
}
.list li{
display:block;
position:relative;
margin:0;
padding:6px 0 6px 15px;
border-top:1px solid rgba(0,0,0,0.08);
line-height:24px
}
.list li:before{
content:"ï”";
position:relative;
font-family:"Font Awesome 5 Free";
font-weight:900;
margin-left:-11px;
margin-right:6px;
font-size:7.2px;
opacity:0.7;
vertical-align:middle
}
.list li:hover:before{
animation:navItemArrow 0.6s linear infinite
}
.list li a{
color:inherit
}
.list li:first-child{
border-top-width:0
}
.list .list{
margin-top:5px;
margin-bottom:-6px;
border-bottom:none
}
.list .list li:first-child{
border-top-width:1px
}
.widget.widget-categories .widget-title{
margin-top:1px;
margin-bottom:1.8rem
}
.tagcloud:after{
display:block;
clear:both;
content:""
}
.tagcloud a{
margin:0.4rem 0.4rem 0.4rem 0;
padding:0.4rem 0.8rem;
line-height:1;
display:inline-block;
text-decoration:none;
font-size:10.5px;
text-transform:uppercase;
font-weight:700;
border-radius:10px;
background-color:#222529;
color:#fff
}
.simple-post-list{
margin:0;
padding:0;
list-style:none
}
.simple-post-list li{
padding-bottom:15px
}
.simple-post-list li:after{
display:block;
clear:both;
content:""
}
.simple-post-list li:last-child{
padding-top:15px;
border-top:1px dotted #ececec
}
.simple-post-list .post-media{
width:5rem;
margin:0 1rem 0 0;
float:left;
border-radius:0;
line-height:0
}
.simple-post-list .post-media img{
display:block;
width:100%;
max-width:none;
height:auto
}
.simple-post-list .post-info a{
display:inline-block;
margin-bottom:2px;
font-weight:600;
font-size:14px;
line-height:18px;
color:#08c
}
.simple-post-list .post-info a:hover{
text-decoration-line:underline
}
.simple-post-list .post-info .post-meta{
letter-spacing:0.01em;
font-size:1.1rem
}
.comment-list{
padding-bottom:4px
}
.comments{
position:relative
}
.comments .img-thumbnail{
position:absolute;
top:0;
padding:0;
border:0
}
.comments .comment-block{
padding:2rem 2rem 3.5rem;
margin-left:11.5rem;
position:relative
}
.comments .comment-block p{
font-size:0.9em;
line-height:21px;
margin:0;
padding:0
}
.comments .comment-block .date{
color:#999;
font-size:0.9em
}
.comments .comment-by{
display:block;
padding:0 0 4px 0;
margin:0;
font-size:1.3rem;
line-height:21px;
letter-spacing:-0.005em;
color:#999
}
.comments .comment-by strong{
font-size:1.4rem;
letter-spacing:0.005em;
color:#7b858a
}
.comments .comment-footer{
margin-top:5px
}
.comments .comment-arrow{
position:absolute;
left:-15px;
height:0;
top:28px;
width:0;
border-bottom:15px solid transparent;
border-top:15px solid transparent;
border-right:15px solid #f4f4f4
}
.comments .comment-action{
color:var(--primary-color)
}
@media (max-width:991px){
.sidebar.mobile-sidebar{
position:fixed
}
}
@media (max-width:767px){
.comment-respond .form-footer{
margin-bottom:3rem
}
}
@media (max-width:767px){
.comment-respond .form-footer{
margin-bottom:2rem
}
}
@media (max-width:575px){
.comment-respond form{
padding:1.5rem
}
}
#map{
height:500px;
margin-bottom:5rem;
background-color:#e5e3df
}
#map address{
margin:0;
padding:0.625rem 0.875rem;
font-size:1.3rem;
font-style:normal;
font-weight:400;
line-height:1.5
}
#map a{
display:inline-block;
margin-top:0.8rem;
font-size:1.2rem;
text-transform:uppercase
}
.contact-us-container{
padding-bottom:6px
}
.contact-us-container h2{
font-size:2.4rem;
letter-spacing:-0.0425em
}
.contact-us-container p{
letter-spacing:-0.025em;
line-height:2
}
.contact-us-container label{
color:#777;
font-size:1.4rem;
font-weight:500
}
.contact-us-container input{
border-color:#ebebeb
}
.contact-us-container .form-group{
margin-bottom:1.8rem
}
.contact-us-container .form-footer{
margin-top:-2px
}
.contact-us-container .contact-info{
border-bottom:1px solid #eee
}
.contact-us-container .required{
color:#ff7272
}
.contact-info{
padding-top:0.5rem
}
.contact-info>div{
margin-bottom:2.9rem
}
.contact-info .col-12{
margin-bottom:4.7rem
}
.contact-info .feature-box .sicon-location-pin{
margin-top:-2px
}
.contact-info .feature-box i{
margin-bottom:1.8rem;
font-size:4.5rem
}
.contact-info .feature-box h3{
margin-bottom:0.4rem;
font-size:2rem;
letter-spacing:-0.025em;
text-transform:none;
font-weight:700
}
.contact-info .feature-box h5{
color:#777;
font-weight:400;
letter-spacing:-0.025em
}
.header-dropdown{
padding:4px 0
}
.header-dropdown .dropdown-toggle:after{
font-size:17px
}
.dropdown-arrow .badge-circle{
top:-5px;
left:23px;
z-index:1
}
.dropdown-arrow:after{
position:absolute;
right:-2.8rem;
font-size:17px;
top:0.6rem
}
.header-icon.header-icon-user{
margin-right:2.5rem;
margin-left:-1px
}
.header-icon.header-search-inline{
margin-right:1.6rem;
margin-left:2px
}
.header-icon.header-search-inline .form-control{
font-family:Poppins,sans-serif
}
.header-search-wrapper .select-custom:after{
right:10px
}
.main-nav .menu>li{
margin-right:2.4rem
}
.main-nav .menu>li>a{
font-weight:600;
letter-spacing:-0.025em
}
.main-nav .menu .tip-top{
padding:2px;
border-radius:0;
left:85%;
margin-top:3px
}
.menu-vertical .megamenu .submenu a{
background:transparent
}
.menu-vertical>li>a{
padding:1.3rem 1rem 1.3rem 0.5rem;
font-weight:500
}
.menu-vertical>li:first-child a{
padding:1.3rem 1rem 1.2rem 0.5rem
}
.menu-vertical>li:first-child i{
top:0px
}
.menu-vertical>li:last-child>a,.menu-vertical>li:nth-child(7)>a{
padding-bottom:1.2rem
}
.footer{
position:relative
}
.footer .container{
position:static
}
.footer p{
line-height:24px
}
.footer .widget-title{
letter-spacing:0
}
.footer .read-more{
font-weight:700;
text-decoration:underline
}
.footer .contact-info li{
position:relative;
margin-bottom:1rem;
line-height:1.4;
margin-top:1.1rem
}
.footer .contact-info-label{
display:block;
color:#fff;
font-weight:400;
text-transform:uppercase;
margin-bottom:0
}
.footer .social-icon{
margin-left:2px;
line-height:3.8rem;
border:1px solid transparent
}
.footer .social-icon:not(:hover):not(:active):not(:focus){
background-color:transparent;
border-color:#313438;
color:#fff
}
.footer .tagcloud{
padding-top:2px
}
.footer .tagcloud a{
padding:0.64em 0.6em 0.56em;
margin:0 0.4rem 0.8rem 0;
border:1px solid #313438;
color:inherit;
font-size:11px;
background:transparent;
border-radius:0;
font-weight:400;
text-transform:capitalize;
display:inline-block
}
.footer .tagcloud a:hover{
border-color:#fff;
color:#fff;
background:transparent
}
.footer .widget-newsletter p{
margin-bottom:1.3rem;
line-height:1.846
}
.footer .widget-newsletter .form-control{
height:4.4rem;
padding:0.8rem 2.5rem;
border:0;
border-radius:5rem;
background:#292c30;
color:#777;
font-size:inherit
}
.footer .widget-newsletter .form-control::placeholder{
color:#777
}
.footer .widget-newsletter .btn{
padding:1.2rem 2.475rem;
border-radius:5rem;
font-size:inherit;
font-family:"Open Sans",sans-serif
}
.logo-footer{
margin-top:1.6rem;
margin-bottom:1.7rem;
max-width:101px
}
.footer-copyright{
color:#777;
font-size:1.2rem;
letter-spacing:-0.008em
}
.tip{
font-size:8px;
padding:2px;
border-radius:0
}
.mobile-menu.menu-with-icon li a{
display:flex;
align-items:center;
padding:1rem 0 1.1rem 1rem
}
.mobile-menu.menu-with-icon li a>i{
margin-right:1.5rem
}
.mobile-menu.menu-with-icon li:first-child i{
margin-top:-2px
}
.breadcrumb{
padding:1.2rem 0
}
.img-effect>a:first-child:after{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.1);
z-index:1;
opacity:0;
transition:opacity 0.2s
}
.product-default{
position:relative
}
.product-default .product-title{
letter-spacing:-0.01em
}
.product-default .product-details{
padding:0
}
.product-default .btn-add-cart,.product-default .btn-icon-wish,.product-default .btn-quickview{
background-color:transparent
}
.product-default .price-box{
font-family:Poppins,sans-serif
}
.ratings-container{
margin-left:0
}
.product-widget .product-title{
margin-bottom:0.6rem;
font-size:1.4rem;
letter-spacing:0
}
.product-widget .ratings-container{
margin-bottom:1.1rem
}
.product-widget .product-price{
color:#444
}
.product-widget figure{
margin-right:2rem
}
.product-widget .product-details{
margin-bottom:3px
}
.newsletter-popup .form-control{
padding:6px 12px 10px 22px;
font-family:Poppins,sans-serif
}
.newsletter-popup form{
margin-right:5px
}
.newsletter-subscribe label{
font-family:Poppins,sans-serif;
letter-spacing:0.012em
}
.newsletter-popup-content .btn{
font-family:Poppins,sans-serif
}
.newsletter-popup-content .btn:active,.newsletter-popup-content .btn:focus{
box-shadow:none!important
}
@media (min-width:992px) and (max-width:1199px){
.dropdown-expanded li:not(:first-child){
margin-left:1.3rem
}
}
@media (max-width:991px){
.header-icon.header-search-inline{
margin-right:2.5rem
}
}
@media (max-width:991px){
.header-icon i{
font-size:2.8rem
}
.header-search i{
font-size:2.4rem
}
}
@media (max-width:767px){
.header-icon.header-search-inline{
margin-top:2px
}
}
@media (max-width:576px){
.header-icon.header-search-inline,.header-icon.login-link{
margin-right:1.2rem
}
.header-icon.header-icon-user{
margin-right:1.3rem;
margin-left:0px
}
}
@media (max-width:480px){
.header-icon.header-search-inline{
display:none
}
}
.product-single-filter label{
margin-right:5.2rem
}
.product-single-tabs .nav.nav-tabs .nav-item .nav-link{
padding:1.1rem 0 1.3rem;
font-family:Poppins,sans-serif
}
.product-widget-container .section-sub-title{
letter-spacing:-0.02em
}
.product-widget-container .product-widget figure{
margin-right:1.5rem
}
.product-widget-container .product-widget .product-details{
margin-bottom:4px
}
.products-section h2{
padding-top:1px;
margin-bottom:2.4rem;
font-size:1.6rem
}
.products-section .product-title{
margin-bottom:0.5rem
}
.product-single-details .clear-btn{
margin-left:-4px
}
.category-home-slider.home-slider{
margin-bottom:2.8rem
}
.category-home-slider.home-slider .banner{
font-size:1.4rem
}
.category-home-slider.home-slider .banner-layer{
padding-bottom:0.8rem;
left:7.3%
}
.category-home-slider.home-slider .home-slide1 h4{
letter-spacing:0.097em
}
.category-home-slider.home-slider .home-slide1 h2{
font-size:2.8em;
letter-spacing:0.024em
}
.category-home-slider.home-slider .home-slide1 h3{
font-size:5em
}
.category-home-slider.home-slider .home-slide1 h5{
margin-top:3px;
font-size:0.85em;
font-weight:500
}
.category-home-slider.home-slider .home-slide1 .coupon-sale-text{
padding:5px 6px 5px 8px;
margin:0 0.56em 0 0.5em;
font-size:0.95em
}
.category-home-slider.home-slider .coupon-sale-text em{
font-size:1.8em
}
.category-home-slider.home-slider .btn{
padding:1em 3.1em;
font-size:1.1rem;
margin-top:-10px;
letter-spacing:0.04em
}
.category-home-slider.home-slider img{
height:280px;
object-position:center top
}
.category-home-slider.home-slider .home-slide2 .banner-layer,.category-home-slider.home-slider .home-slide3 .banner-layer{
padding-top:1.5rem;
font-size:1.45rem
}
.category-home-slider.home-slider .home-slide2 h4,.category-home-slider.home-slider .home-slide3 h4{
letter-spacing:0.094em
}
.category-home-slider.home-slider .home-slide2 h2,.category-home-slider.home-slider .home-slide3 h2{
font-size:3.5em
}
.category-home-slider.home-slider .home-slide2 h5,.category-home-slider.home-slider .home-slide3 h5{
font-size:1em;
letter-spacing:-0.024em
}
.category-home-slider.home-slider .home-slide2 h5 b,.category-home-slider.home-slider .home-slide3 h5 b{
margin-left:0.5rem;
letter-spacing:0
}
.category-home-slider.home-slider .home-slide2 em,.category-home-slider.home-slider .home-slide3 em{
font-size:1.9em;
margin-top:0.5rem;
display:inline-block
}
.category-home-slider.home-slider .home-slide2 .btn,.category-home-slider.home-slider .home-slide3 .btn{
padding:0.8em 2.9em 0.9em;
font-size:1.2rem;
margin-top:0;
letter-spacing:0.02em;
margin-left:1px
}
.category-home-slider.home-slider .home-slide3 .banner-layer{
padding-top:1.4rem
}
.category-home-slider.home-slider .home-slide3 h4{
padding-bottom:1px;
font-size:1.05em;
letter-spacing:0.085em
}
.category-home-slider.home-slider .home-slide3 h2{
letter-spacing:0.005em;
font-size:3.15em
}
.category-home-slider.home-slider .home-slide3 .btn{
padding:0.8em 2.6em 0.8em 2.7em;
font-size:1.3rem;
letter-spacing:-0.005em
}
.sidebar-toggle{
margin-right:0.5rem
}
.toolbox .form-control,.toolbox label{
font-family:Poppins,sans-serif
}
.products-group .product-default{
margin-bottom:2.4rem
}
@media (min-width:768px){
.products-section{
padding-bottom:1.2rem
}
}
@media (max-width:576px){
.category-home-slider.home-slider .banner{
font-size:1rem
}
.category-home-slider.home-slider .home-slide2 .banner-layer,.category-home-slider.home-slider .home-slide3 .banner-layer{
font-size:1.1rem
}
}
.section-title{
padding-bottom:1rem;
margin-top:-1px;
border-bottom:1px solid #ebebeb;
font-size:1.6rem;
text-transform:uppercase
}
.section-sub-title{
font-size:1.6rem;
text-transform:uppercase
}
.owl-carousel.dots-small .owl-dots{
margin:0 -2px 2.5rem
}
.products-slider>.owl-stage-outer{
padding-bottom:12px
}
.info-boxes-container{
border:1px solid #e7e7e7
}
.info-boxes-container .info-box{
margin:1.4rem 0 1.2rem;
padding:1.2rem;
padding-right:1.5rem
}
.info-boxes-container p{
font-weight:300;
letter-spacing:0.01em
}
.info-boxes-container .info-box:not(:last-child){
border-right:1px solid #e7e7e7
}
.info-boxes-container i{
margin-top:-2px;
margin-right:4px;
padding:0 0.1em;
line-height:0
}
.info-boxes-container .icon-shipping{
font-size:3.5rem
}
.home-slider img{
height:428px;
object-position:center center
}
.home-slider .banner-layer{
padding-bottom:3px;
left:5.5%
}
.home-slider h4{
color:#777;
font-size:1em;
font-weight:500;
letter-spacing:0.08em;
opacity:0.7
}
.home-slider h5{
font-size:0.875em;
margin-top:-4px
}
.home-slider h5 b{
font-size:0.93em
}
.home-slider em{
font-size:2em;
font-style:normal;
vertical-align:middle
}
.home-slider .btn{
padding:1em 2.8em
}
.home-slider .owl-dots{
position:absolute;
bottom:37px;
left:5.5%
}
.home-slider .owl-dots .owl-dot span{
width:14px;
height:14px;
border-color:#222529
}
.home-slider .owl-dots .owl-dot span:before{
background:#222529
}
.home-slider .owl-dots .owl-dot.active span,.home-slider .owl-dots .owl-dot:hover span{
border-color:#222529
}
.home-slider .owl-dots .owl-dot.active span:before,.home-slider .owl-dots .owl-dot:hover span:before{
width:4px;
height:4px;
background:#222529
}
.home-slide1{
background:#0188CC
}
.home-slide1 h4{
padding-bottom:1.4rem;
font-size:0.9625em
}
.home-slide1 h2{
font-size:2.734375em;
letter-spacing:0.002em;
font-family:"Segoe Script","Savoye LET"
}
.home-slide1 h3{
font-size:4.75em
}
.home-slide1 h5{
margin-right:-2px;
font-size:0.6875em
}
.home-slide1 .coupon-sale-text{
padding:4px 8px;
margin:0 0.5em 0 1em;
font-size:1.09em
}
.home-slide2{
background:#DADADA
}
.home-slide2 h2{
font-size:3.4375em
}
.home-slide3{
background:#E5E4E2
}
.home-slide3 h2{
font-size:3em
}
.banner-hover-shadow img{
height:170px;
object-fit:cover
}
.banner-hover-shadow:hover{
box-shadow:0 0 20px 0 rgba(0,0,0,0.1)
}
.banners-container .banner{
transition:box-shadow 0.35s
}
.banners-container .banner3 .banner-layer{
right:5.6%
}
.banners-container h3{
font-size:1.5em
}
.banners-container h4{
margin-bottom:2.5rem;
font-size:0.875em;
font-weight:600
}
.banners-container .banner-layer{
left:7.143%;
right:7.143%
}
.banners-container a{
font-size:0.75em;
font-weight:700;
font-family:Poppins,sans-serif
}
.banner1 h4{
padding-bottom:1px;
font-size:1.8125em;
font-weight:800
}
.banner1 .banner-layer{
padding-bottom:1px
}
.banner1 del{
margin-right:2px
}
.banner1 sup{
top:-0.3em;
font-size:70%;
font-weight:700
}
.banner2 img{
border:solid #e7e7e7;
border-width:0.9em
}
.banner2 h3{
font-size:1.25em
}
.banner2 .banner-layer{
padding-top:10px;
left:0;
right:0
}
.banner3 h4{
padding-bottom:3px;
font-size:0.9375em;
line-height:1.4
}
.banner3 .banner-layer{
padding-bottom:1px
}
.banner3 img{
object-position:left
}
.brands-slider{
padding:3.2rem 0;
margin-bottom:3.3rem;
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7
}
.feature-boxes-container{
padding-top:3px
}
.feature-boxes-container h5{
color:#555;
font-weight:400
}
.feature-boxes-container p{
font-size:1.3rem
}
.feature-boxes-container i{
margin-bottom:1.6rem;
width:84px;
height:84px;
border:2px solid #0188cc;
border-radius:50%;
font-size:35px;
line-height:80px
}
.products-widgets{
padding-bottom:1.3rem
}
.product-column .section-sub-title{
margin-bottom:1.6rem
}
.side-menu-title{
padding:1.2rem 2.8rem 1.1rem;
border-bottom:1px solid #dae2e6;
font-size:1.5rem
}
.sidebar-home{
padding-bottom:0.6rem;
font-size:1.3rem
}
.sidebar-home .widget{
margin-bottom:2.4rem
}
.sidebar-home .owl-carousel .banner img{
width:auto;
margin:auto
}
.sidebar-home .owl-dots .owl-dot span{
border-color:#e7e7e7
}
.sidebar-home p{
line-height:24px;
letter-spacing:0.01em
}
.sidebar-home .tip:before{
content:"";
position:absolute;
left:-8px;
right:100%;
top:50%;
margin-top:-2px;
border:3px solid transparent;
border-width:3px 2px 0 2px;
border-right:3px solid #eb2771;
border-top:2px solid transparent;
border-bottom:2px solid transparent
}
.widget-banners{
border:1px solid #dae2e6
}
.widget-banners small{
display:block;
position:absolute;
margin:2px 0 4px;
left:-22px;
bottom:32px;
font-size:10px;
font-family:"Open Sans";
font-weight:700;
color:#777;
opacity:0.6;
transform:rotateZ(-90deg);
letter-spacing:normal
}
.widget-banners .sale-text{
position:relative;
margin-right:3px;
margin-bottom:1.5rem;
font-size:7rem;
letter-spacing:-0.05em
}
.widget-banners .sale-text sup{
font-size:60%;
font-weight:700
}
.widget-banners .sale-text sub{
font-size:1.6rem;
font-weight:400;
position:absolute;
right:-3px;
bottom:7px;
font-weight:700;
line-height:1.4em;
letter-spacing:0
}
.widget-banners p{
margin-bottom:1.6rem;
font-size:0.875em;
max-width:100%;
letter-spacing:-0.025em
}
.widget-banners .owl-carousel .disabled+.owl-dots{
margin:1.8rem 0 2.3rem
}
.widget-banners .btn.btn-md{
padding:0.9em 2.2em
}
.badge-sale{
width:11.3rem;
height:11.3rem;
margin-top:2.5rem;
margin-bottom:1.7rem;
font-size:1.2rem;
font-weight:400;
color:rgba(255,255,255,0.8);
border-radius:50%;
letter-spacing:0.06em
}
.badge-sale:before{
content:"";
position:absolute;
top:0;
left:50%;
width:1px;
height:2.5rem;
background:#e7e7e7
}
.badge-sale:after{
content:"";
position:absolute;
top:3.3rem;
left:50%;
transform:translateX(-50%);
border-radius:50%;
width:9px;
height:9px;
background:#fff
}
.badge-sale em{
display:block;
padding-top:0.8rem;
margin-bottom:-1px;
color:#fff;
font-size:2.9rem;
font-style:normal;
font-weight:800;
letter-spacing:0.015em
}
.banner4,.banner5{
margin-top:2.5rem
}
.banner4 h3,.banner5 h3{
font-size:2.25em
}
.banner4 h4,.banner5 h4{
margin-bottom:1.5rem;
font-size:2rem;
margin-top:3.2rem
}
.banner4 h5,.banner5 h5{
margin-bottom:1.5rem;
font-size:1em;
margin-right:3px
}
.banner4 h5 b,.banner5 h5 b{
padding:0.2em 0.3em;
margin-left:3px
}
.banner4 .btn,.banner5 .btn{
padding:0.88em 2.16em 0.89em;
margin-top:0.8rem;
font-size:1.3rem
}
.banner4 .coupon-sale-text i,.banner5 .coupon-sale-text i{
color:#777;
font-size:0.6em;
letter-spacing:0.05em;
margin-bottom:1px
}
.banner5 h4{
margin:-3px 0 2.5rem 4px;
font-weight:700;
font-size:13px;
line-height:1;
letter-spacing:0.5em;
color:#777777
}
.banner5 h5{
margin-left:1.5rem
}
.banner5 h5 b{
margin-right:0.7rem
}
.banner5 .btn{
margin-top:0.6rem
}
.widget-newsletters{
padding:2.7rem 2.4rem 3.6rem
}
.widget-newsletters .widget-title{
font-size:1.5rem
}
.widget-newsletters .form-group{
margin-bottom:1.6rem
}
.widget-newsletters .form-group:before{
position:absolute;
left:1.6rem;
top:1.6rem;
color:#222529;
font-size:1.5rem
}
.widget-newsletters .btn-md{
padding:0.8em 2em;
letter-spacing:0.01em;
border-color:#0088cc #0088cc #006699
}
.widget-newsletters .form-control{
border-radius:5rem;
height:auto;
padding:1.2rem;
padding-left:4rem;
font-size:inherit;
color:inherit;
line-height:inherit;
border:0;
height:48px;
font-family:Poppins,sans-serif
}
.widget-newsletters .form-control:focus+label{
opacity:0
}
.widget-newsletters .form-control:not(:focus){
border-color:#e4e4e4
}
.widget-newsletters .form-control::placeholder{
color:#a8a8a8
}
.widget-testimonials{
border:3px solid #08c
}
.widget-testimonials .testimonial{
padding:2.3rem 2.3rem 0
}
.widget-testimonials .testimonial p{
font-size:1.3rem;
color:#777777;
letter-spacing:0
}
.widget-testimonials .testimonial blockquote{
margin-bottom:0.5rem;
padding:1rem 0 1rem 2.1rem
}
.widget-testimonials .testimonial-owner span{
text-transform:none;
font-weight:400;
font-size:1.3rem;
letter-spacing:0
}
.widget-testimonials img{
border-radius:50%
}
.widget-testimonials figure{
margin-bottom:1.3rem;
max-width:55px;
margin-right:1.2rem
}
.widget-testimonials .testimonial-title{
margin:0;
font-size:1.6rem;
text-transform:capitalize;
padding-top:0.9rem;
margin-bottom:1px;
letter-spacing:0.01em
}
.widget-testimonials blockquote:before{
left:-0.3em;
color:#222529;
font-size:4.8rem
}
.widget-testimonials.widget .owl-carousel .owl-dots{
margin:1.2rem 0 3.5rem 5.7rem
}
.widget-posts .post,.widget-posts p{
margin:0
}
.widget-posts .read-more{
display:flex;
align-items:center;
float:none;
color:#222529;
font-size:12px;
font-weight:600
}
.widget-posts .read-more i{
margin-left:2px;
font-size:9px
}
.widget-posts .prod-full-screen{
right:0.5rem;
bottom:0.5rem
}
.widget-posts .post-media .post-date{
top:1.3rem
}
.coupon-sale-text{
position:relative;
display:inline-block;
padding:5px 8px;
transform:rotate(-2deg)
}
.coupon-sale-text i{
position:absolute;
left:-2.25em;
top:50%;
transform:translateY(-50%) rotate(-90deg);
font-size:0.65em;
font-style:normal;
opacity:0.6;
letter-spacing:0
}
.coupon-sale-text b{
display:inline-block;
padding:5px 8px;
font-size:1.6em;
background-color:#fff
}
.coupon-sale-text em{
font-size:2em;
font-style:normal
}
.category-banner{
padding:6.8rem 0
}
.category-banner .coupon-sale-text{
font-family:"Open Sans",sans-serif
}
.category-banner h3{
font-size:3.125em
}
.category-banner h4{
font-size:1.125em;
line-height:1.7
}
.category-banner h5{
font-size:1em
}
.category-banner .btn{
font-size:0.82em;
padding:1.03em 2.81em
}
@media (min-width:991px){
.home .sidebar-toggle{
display:none
}
}
@media (max-width:1219px) and (min-width:992px){
.products-widgets figure{
max-width:70px;
margin-right:15px
}
}
@media (max-width:991px){
.info-boxes-container .info-box{
justify-content:flex-start;
-ms-flex-pack:start
}
.info-boxes-container .info-box:not(:last-child){
border-bottom:1px solid #e7e7e7;
padding-bottom:2.3rem;
margin-bottom:0;
border-right:0
}
.sidebar-home .owl-carousel .banner img{
max-width:140px
}
.mobile-sidebar.sidebar-home{
padding:2rem 1.5rem
}
.sidebar-shop .widget{
padding:2rem 0
}
}
@media (max-width:575px){
.banner-sm-vw{
font-size:1.2rem
}
}
@media (max-width:479px){
.banners-container .banner{
font-size:3.5vw
}
.home-slider .banner-layer{
left:3.5%;
right:auto
}
}
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: 0;
padding: 0 !important;
font: inherit
}
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.no-js .owl-carousel {
display: block
}
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.owl-height {
transition: height 500ms ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.owl-theme .owl-nav {
margin: 0;
text-align: center;
-webkit-tap-highlight-color: transparent;
color: #222529;
font-size: 3rem
}
.owl-theme .owl-nav [class*=owl-] {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #222529;
margin: 0;
font-size: 3rem;
padding: 4px 7px;
background: transparent;
display: inline-block;
cursor: pointer;
border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-] i:before {
margin: 0;
width: auto
}
.owl-theme .owl-nav [class*=owl-]:not(.disabled):hover {
background: transparent;
color: #222529;
text-decoration: none
}
.owl-theme .owl-nav .owl-prev {
left: 0
}
.owl-theme .owl-nav .owl-next {
right: 0
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 2.5rem
}
.owl-theme .owl-dots {
line-height: 1;
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
position: relative;
width: 15px;
height: 15px;
margin: 2px 2px;
background: transparent;
display: block;
-webkit-backface-visibility: visible;
backface-visibility: visible;
transition: all 0.3s ease;
border: 2px solid rgba(0, 0, 0, 0.4);
border-radius: 50%
}
.owl-theme .owl-dots .owl-dot span:before {
content: "";
display: block;
width: 0.7rem;
height: 0.7rem;
position: absolute;
left: 50%;
top: 50%;
margin-top: -0.35rem;
margin-left: -0.35rem;
background-color: #08c;
opacity: 0;
visibility: hidden;
transform: scale(0);
transition: all 0.3s;
border-radius: 50%
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
border-color: #08c;
background: transparent
}
.owl-theme .owl-dots .owl-dot.active span:before {
opacity: 1;
visibility: visible;
transform: scale(1)
}
.owl-theme.owl-theme-light .owl-dots .owl-dot span {
border-color: #fff;
background: transparent
}
.owl-theme.owl-theme-light .owl-dots .owl-dot span:before {
border-color: #fff
}
.owl-theme.owl-theme-light .owl-dots .owl-dot.active span,
.owl-theme.owl-theme-light .owl-dots .owl-dot:hover span {
border-color: #08c;
background: transparent
}
.owl-theme.owl-theme-light .owl-dots .owl-dot.active span:before {
border-color: #08c
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #fff;
opacity: 0.4
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
overflow-y: auto
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none !important
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #CCC
}
.mfp-preloader a:hover {
color: #FFF
}
.mfp-s-ready .mfp-preloader {
display: none
}
.mfp-s-error .mfp-content {
display: none
}
button.mfp-arrow,
button.mfp-close {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
top: 0;
right: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace
}
.mfp-close:focus,
.mfp-close:hover {
opacity: 1
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:focus,
.mfp-arrow:hover {
opacity: 1
}
.mfp-arrow:after,
.mfp-arrow:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px
}
.mfp-iframe-holder .mfp-close {
top: -40px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto
}
.mfp-figure {
line-height: 0
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-figure figure {
margin: 0
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px
}
.mfp-image-holder .mfp-content {
max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}
@media (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0
}
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0
}
}
@media (max-width:900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0
}
.bootstrap-touchspin .input-group-btn-vertical {
position: absolute;
right: 0;
height: 100%;
z-index: 11
}
.bootstrap-touchspin.input-group {
max-width: 68px;
padding-right: 20px;
margin-bottom: 0
}
.bootstrap-touchspin .form-control {
text-align: center;
margin-bottom: 0;
height: 4.2rem;
max-width: 46px;
padding: 1.1rem 1rem
}
.bootstrap-touchspin .form-control:not(:focus) {
border-color: #ccc
}
.bootstrap-touchspin .input-group-btn-vertical>.btn {
position: absolute;
right: 0;
height: 2rem;
padding: 0;
width: 2rem;
text-align: center;
font-size: 1.2rem
}
.bootstrap-touchspin .input-group-btn-vertical>.btn:before {
position: relative;
margin: 0;
width: auto;
line-height: 1;
width: auto;
top: -0.1rem;
margin-right: -0.2rem
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
border-radius: 0;
top: 0
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
border-radius: 0;
bottom: 0
}