#YOUR_CONTAINER_SELECTOR::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#YOUR_CONTAINER_SELECTOR::-webkit-scrollbar
{
    width: 2px;
    background-color: #F5F5F5;
}

#YOUR_CONTAINER_SELECTOR::-webkit-scrollbar-thumb
{
    background-color: #000000;
}



.s_name
{
    text-align: center;
}
.pad_0
{
    margin-left: -10px;
}
.owl-carousel .owl-item img{
    height:auto
}
.owl-loaded .owl-stage::after{
    content:''
}
.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-theme .owl-nav.disabled+.owl-dots{
    margin-top:1.5rem
}
.owl-theme .owl-nav .owl-prev,.owl-theme .owl-nav .owl-next{
    margin:0;
    transform:translateY(-50%);
    font-size:20px;
    font-weight:400;
    color:#000
}
.owl-theme .owl-nav .owl-prev i::before,.owl-theme .owl-nav .owl-next i::before{
    margin:0
}
.owl-theme .owl-nav .owl-prev:not(.disabled):hover,.owl-theme .owl-nav .owl-prev:not(.disabled):active .owl-theme .owl-nav .owl-prev:not(.disabled):focus,.owl-theme .owl-nav .owl-next:not(.disabled):hover,.owl-theme .owl-nav .owl-next:not(.disabled):active .owl-theme .owl-nav .owl-prev:not(.disabled):focus,.owl-theme .owl-nav .owl-prev:not(.disabled):active .owl-theme .owl-nav .owl-next:not(.disabled):focus,.owl-theme .owl-nav .owl-next:not(.disabled):active .owl-theme .owl-nav .owl-next:not(.disabled):focus{
    background-color:#000;
    border-color:#000;
    color:#fff
}
.owl-theme .owl-nav .owl-prev.disabled,.owl-theme .owl-nav .owl-next.disabled{
    color:#ccc
}
.owl-theme .owl-nav .owl-prev{
    left:-40px
}
.owl-theme .owl-nav .owl-prev i{
    margin-right:2px
}
.owl-theme .owl-nav .owl-next{
    right:-40px
}
.owl-theme .owl-nav .owl-next i{
    margin-left:2px
}
.owl-theme .owl-dots .owl-dot.active span{
    background-color:#000;
    border-color:#000
}
.owl-theme .owl-dots .owl-dot span{
    margin:5px
}
@media (max-width: 1300px){
    .owl-theme .owl-nav .owl-prev{
        left:20px
    }
    .owl-theme .owl-nav .owl-next{
        right:20px
    }
}
.owl-nav-full .owl-nav{
    opacity:0;
    transition:opacity .4s
}
.owl-nav-full .owl-nav .owl-prev,.owl-nav-full .owl-nav .owl-next{
    margin:0;
    top:0;
    height:100%;
    transform:none;
    border:0;
    font-size:3rem;
    font-weight:400;
    color:#333;
    border-radius:0;
    background-color:rgba(255,255,255,0.8);
    transition:.4s
}
.owl-nav-full .owl-nav .owl-prev:not(.disabled):hover,.owl-nav-full .owl-nav .owl-next:not(.disabled):hover{
    color:#000;
    background-color:rgba(255,255,255,0.8)
}
.owl-nav-full .owl-nav .owl-prev.disabled,.owl-nav-full .owl-nav .owl-next.disabled{
    visibility:hidden;
    opacity:0
}
.owl-nav-full .owl-nav .owl-prev{
    left:0;
    box-shadow:4px 0px 7px -5px rgba(0,0,0,0.2)
}
.owl-nav-full .owl-nav .owl-next{
    right:0;
    box-shadow:-4px 0px 7px -5px rgba(0,0,0,0.2)
}
.owl-nav-full:hover .owl-nav{
    opacity:1
}
.owl-nav-full:hover .owl-prev{
    left:0
}
.owl-nav-full:hover .owl-next{
    right:0
}
.owl-nav-inner .owl-nav .owl-prev,.owl-nav-inner .owl-nav .owl-next{
    opacity:0;
    visibility:hidden
}
.owl-nav-inner .owl-nav i{
    margin-bottom:2px
}
.owl-nav-inner .owl-nav .owl-prev{
    left:0
}
.owl-nav-inner .owl-nav .owl-next{
    right:0
}
.owl-nav-inner:hover .owl-prev,.owl-nav-inner:hover .owl-next{
    opacity:1;
    visibility:visible
}
.owl-nav-inner:hover .owl-prev{
    left:2rem
}
.owl-nav-inner:hover .owl-next{
    right:2rem
}
.owl-nav-top .owl-nav{
    position:absolute;
    top:-5.3rem;
    right:-.4rem;
    color:#777
}
.owl-nav-top .owl-nav i{
    padding:.1rem .5rem;
    font-size:1.8rem;
    font-weight:700
}
.owl-nav-top .owl-nav i::before{
    margin:0
}
.owl-nav-bottom .owl-nav{
    position:absolute;
    bottom:1.7rem;
    right:-.4rem;
    color:#999
}
.owl-nav-bottom .owl-nav i{
    font-size:2rem;
    font-weight:700
}
.owl-nav-bottom .owl-nav i::before{
    margin:0
}
.owl-nav-bottom .owl-prev{
    margin-right:.8rem
}
.owl-dot-white .owl-dots .owl-dot span{
    background-color:#fff;
    border-color:#fff;
    opacity:.8
}
.owl-dot-white .owl-dots .owl-dot.active span{
    background-color:#fff;
    border-color:#fff;
    opacity:1
}
.owl-dot-grey .owl-dots .owl-dot span{
    background-color:#efefef;
    border-color:#efefef
}
.owl-dot-grey .owl-dots .owl-dot.active span{
    background-color:#999;
    border-color:#999
}
.owl-dot-dark .owl-dots .owl-dot span{
    background-color:#a1a1a1;
    border-color:#a1a1a1
}
.owl-dot-dark .owl-dots .owl-dot.active span{
    background-color:#333;
    border-color:#333
}
.owl-dot-inner .owl-dots{
    position:absolute;
    bottom:4.5rem;
    left:50%;
    transform:translateX(-50%)
}
.brand-carousel .owl-stage{
    display:flex;
    align-items:center
}
.brand-carousel .owl-item img{
    width:auto;
    margin:auto
}
.brand-carousel:not(.loaded){
    text-align:center;
    align-items:center
}
.owl-carousel .slide-animate{
    transform:translate3d(0, 0, 0) scale(1);
    will-change:filter, transform, opacity;
    visibility:hidden;
    opacity:0
}
.owl-carousel .slide-animate.show-content{
    visibility:visible;
    opacity:1
}
.owl-full-height,.owl-full-height .owl-stage-outer,.owl-full-height .owl-stage,.owl-full-height .owl-item,.owl-same-height .owl-item>*{
    height:100%
}
.owl-same-height .owl-stage{
    display:flex
}
.owl-full-height .owl-item img{
    height:100%;
    width:100%;
    object-fit:cover
}
.owl-shadow-carousel .owl-stage-outer{
    margin:-20px;
    padding:20px
}
@media (max-width: 575px){
    .owl-shadow-carousel .owl-stage-outer{
        margin:-15px;
        padding:15px
    }
}
.owl-nav-bg .owl-nav .owl-prev{
    left:15.4%
}
.owl-nav-bg .owl-nav .owl-next{
    right:15.4%
}
.owl-nav-bg .owl-nav [class*='owl-']{
    width:4.8rem;
    height:4.8rem;
    border-width:2px;
    font-size:3.2rem;
    color:#fff;
    border-color:#fff
}
.owl-nav-bg .owl-nav [class*='owl-'].disabled{
    border-color:#acabab
}
.owl-nav-bg .owl-nav i{
    line-height:1;
    margin-bottom:2px
}
.owl-nav-fade .owl-nav .owl-prev{
    opacity:0;
    margin-left:4rem
}
.owl-nav-fade .owl-nav .owl-next{
    opacity:0;
    margin-right:4rem
}
.owl-nav-fade:hover .owl-nav .owl-prev{
    opacity:1;
    margin-left:0
}
.owl-nav-fade:hover .owl-nav .owl-next{
    opacity:1;
    margin-right:0
}
.owl-split .owl-item:not(:last-child){
    position:relative
}
.owl-split .owl-item:not(:last-child)::after{
    content:'';
    position:absolute;
    left:100%;
    top:0;
    bottom:0;
    width:1px;
    background-color:#ebebeb
}
.owl-middle .owl-stage{
    display:flex;
    align-items:center
}
.noUi-target{
    background:#eee;
    margin:4px 7px 2.7rem 9px
}
.noUi-connects{
    padding:11.5px 0;
    top:-10px
}
.noUi-connect{
    background:#999;
    margin-top:10px;
    height:3px
}
.noUi-horizontal .noUi-handle{
    width:1.2rem;
    height:1.2rem;
    background:#000
}
*,::after,::before{
    box-sizing:inherit
}
html{
    font-size:62.5%;
    font-size-adjust:100%;
    font-weight:400;
    box-sizing:border-box;
    -webkit-tap-highlight-color:transparent
}
body{
    margin:0;
    overflow-x:hidden;
    font-family:Poppins,sans-serif;
    font-size:1.4rem;
    line-height:1.6;
    color:#000
}
main{
    display:block;
    position:relative
}
body:not(.loaded) *{
    transition:all 0s !important
}
.page-wrapper{
    position:relative;
    transition:margin .4s, opacity .5s;
    opacity:0
}
.loaded>.page-wrapper{
    opacity:1
}
table{
    width:100%;
    border-collapse:collapse
}
table td,table th{
    padding:0
}
.section{
    padding:7rem 0
}
.grey-section{
    background:#f6f7f9
}
.background-section{
    background-repeat:no-repeat
}
.parallax{
    background-color:#3c3f41
}
ul{
    padding-left:1.5em
}
.menu,.menu ul,.mobile-menu,.mobile-menu ul,.nav,.nav ul,.widget-body,.widget-body ul,.list,.breadcrumb,.filter-items,.select-menu>ul,.dropdown-box,.pagination,.nav-filters,.category ul,.comments ul,.product-nav,.product-tabs>div ul{
    list-style-type:none;
    margin:0;
    padding:0
}
a{
    text-decoration:none;
    color:inherit;
    transition:color .3s
}
a:hover{
    color:#000
}
:focus{
    outline:0
}
figure{
    margin:0
}
img{
    max-width:100%;
    height:auto
}
hr{
    margin-bottom:2rem;
    border:0;
    border-top:1px solid #eee
}
input{
    -webkit-appearance:none;
    border:0;
    padding:0;
    font-family:"Open Sans",sans-serif
}
input:focus{
    outline:0
}
i{
    font-style:normal
}
button:focus{
    outline:none
}
.scrollable,.sidebar-content{
    -webkit-overflow-scrolling:touch
}
.scrollable::-webkit-scrollbar,.sidebar-content::-webkit-scrollbar{
    height:7px;
    width:4px
}
.scrollable::-webkit-scrollbar-thumb,.sidebar-content::-webkit-scrollbar-thumb{
    margin-right:2px;
    background:rgba(0,0,0,0.25);
    border-radius:5px;
    cursor:pointer
}
.scrollable-light::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,0.2)
}
@keyframes bouncedelay{
    0%, 80%, 100%{
        transform:scale(1)
    }
    40%{
        transform:scale(1.2)
    }
}
@keyframes rotatedelay{
    0%{
        transform:rotateZ(0)
    }
    100%{
        transform:rotateZ(360deg)
    }
}
.loading-overlay{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    transition:all .3s ease-in-out;
    background:#fff;
    opacity:1;
    visibility:visible;
    z-index:999999
}
.loaded>.loading-overlay{
    opacity:0;
    visibility:hidden
}
@keyframes reveal-1{
    0%{
        transform:rotate3d(0, 0, 1, 135deg) translate3d(0, 0, 0);
        border-radius:50%
    }
    20%{
        transform:rotate3d(0, 0, 1, 135deg) translate3d(55%, 55%, 0);
        border-radius:0
    }
    80%{
        transform:rotate3d(0, 0, 1, 495deg) translate3d(55%, 55%, 0);
        border-radius:0
    }
    100%{
        transform:rotate3d(0, 0, 1, 495deg) translate3d(0, 0, 0);
        border-radius:50%
    }
}
@keyframes reveal-2{
    0%{
        transform:rotate3d(0, 0, 1, 135deg) translate3d(0, 0, 0);
        border-radius:50%
    }
    20%{
        transform:rotate3d(0, 0, 1, 135deg) translate3d(55%, -55%, 0);
        border-radius:0
    }
    80%{
        transform:rotate3d(0, 0, 1, 495deg) translate3d(55%, -55%, 0);
        border-radius:0
    }
    100%{
        transform:rotate3d(0, 0, 1, 495deg) translate3d(0, 0, 0);
        border-radius:50%
    }
}
@keyframes reveal-3{
    0%{
        transform:rotate3d(0, 0, 1, 135deg) translate3d(0, 0, 0);
        border-radius:50%
    }
    20%{
        transform:rotate3d(0, 0, 1, 135deg) translate3d(-55%, -55%, 0);
        border-radius:0
    }
    80%{
        transform:rotate3d(0, 0, 1, 495deg) translate3d(-55%, -55%, 0);
        border-radius:0
    }
    100%{
        transform:rotate3d(0, 0, 1, 495deg) translate3d(0, 0, 0);
        border-radius:50%
    }
}
@keyframes reveal-4{
    0%{
        transform:rotate3d(0, 0, 1, 135deg) translate3d(0, 0, 0);
        border-radius:50%
    }
    20%{
        transform:rotate3d(0, 0, 1, 135deg) translate3d(-55%, 55%, 0);
        border-radius:0
    }
    80%{
        transform:rotate3d(0, 0, 1, 495deg) translate3d(-55%, 55%, 0);
        border-radius:0
    }
    100%{
        transform:rotate3d(0, 0, 1, 495deg) translate3d(0, 0, 0);
        border-radius:50%
    }
}
.bounce-loader{
    position:absolute;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    top:50%;
    left:50%;
    width:20px;
    height:20px;
    transition:all .2s;
    text-align:center;
    z-index:10000
}
.bounce-loader .bounce1,.bounce-loader .bounce2,.bounce-loader .bounce3,.bounce-loader .bounce4{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:20px;
    height:20px;
    margin-bottom:5px;
    background-color:#000
}
.bounce-loader .bounce1{
    animation:2s infinite reveal-1
}
.bounce-loader .bounce2{
    animation:2s infinite reveal-2
}
.bounce-loader .bounce3{
    animation:2s infinite reveal-3
}
.bounce-loader .bounce4{
    animation:2s infinite reveal-4
}
.bounce-loader .bounce3{
    border:3px solid #000;
    background-color:transparent
}
.appear-animate{
    transform:translate3d(0, 0, 0) scale(1);
    will-change:transform, filter, opacity
}
.fade{
    opacity:0;
    transition:opacity .5s
}
.fade.in{
    opacity:1
}
.scroll-top{
    position:fixed;
    right:15px;
    bottom:0;
    width:40px;
    height:40px;
    font-size:16px;
    color:#fff;
    text-align:center;
    line-height:40px;
    visibility:hidden;
    opacity:0;
    transition:transform .3s, visibility .3s, opacity .3s;
    transform:translateY(40px);
    z-index:9999;
    background-color:#43494e
}
.scroll-top:hover{
    color:#fff
}
.scroll-top i{
    line-height:40px
}
@media (min-width: 768px){
    .scroll-top.show{
        visibility:visible;
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes fixedTop{
    from{
        transform:translateY(-100%);
        transform-origin:center top 0px
    }
    to{
        transform:translateY(0)
    }
}
@keyframes fixedBottom{
    from{
        transform:translateY(100%);
        transform-origin:center top 0px
    }
    to{
        transform:translateY(0)
    }
}
.sticky-content.fix-top{
    top:0
}
.sticky-content.fix-bottom{
    bottom:0
}
.sticky-content.fixed{
    position:fixed;
    left:0;
    right:0;
    opacity:1;
    transform:translateY(0);
    background:#fff;
    z-index:1051;
    box-shadow:0 0 10px 1px rgba(0,0,0,0.1)
}
.sticky-content.fixed.fix-top{
    animation:fixedTop .4s
}
.sticky-content.fixed.fix-bottom{
    animation:fixedBottom .4s
}
.loading:not(.load-more-overlay),.load-more-overlay.loading::after{
    /*animation:spin 650ms infinite linear;
    border:2px solid #fff;
    border-radius:32px;
    border-top:2px solid rgba(0,0,0,0.4) !important;
    border-right:2px solid rgba(0,0,0,0.4) !important;
    border-bottom:2px solid rgba(0,0,0,0.4) !important;
    content:"";
    display:block;
    height:20px;
    top:50%;
    margin-top:-10px;
    left:50%;
    margin-left:-10px;
    right:auto;
    position:absolute;
    width:20px*/
}
.load-more-overlay{
    position:relative
}
.load-more-overlay.loading::after{
    /*content:''*/
}
.load-more-overlay::before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#fff;
    opacity:.8
}
@keyframes spin{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(359deg)
    }
}
.w-100{
    width:100% !important
}
.h-100{
    height:100% !important
}
.p-sticky{
    position:sticky !important
}
.p-relative{
    position:relative !important
}
.x-50{
    left:50% !important;
    transform:translateX(-50%) !important
}
.x-50.y-50{
    transform:translate(-50%, -50%) !important
}
.y-50{
    top:50% !important;
    transform:translateY(-50%) !important
}
.d-none{
    display:none !important
}
.d-block{
    display:block !important
}
.d-inline-block{
    display:inline-block !important
}
.d-flex{
    display:flex !important
}
.d-inline-flex{
    display:inline-flex !important
}
.justify-content-center{
    justify-content:center !important
}
.justify-content-start{
    justify-content:flex-start !important
}
.justify-content-end{
    justify-content:flex-end !important
}
.justify-content-between{
    justify-content:space-between !important
}
.align-items-start{
    align-items:flex-start !important
}
.align-items-center{
    align-items:center !important
}
.align-items-end{
    align-items:flex-end !important
}
.flex-column{
    flex-direction:column !important
}
.flex-wrap{
    flex-wrap:wrap !important
}
.flex-1{
    flex:1 !important
}
.overflow-hidden{
    overflow:hidden !important
}
@media (min-width: 992px){
    .d-lg-none{
        display:none !important
    }
    .d-lg-block{
        display:block !important
    }
    .d-lg-flex{
        display:flex !important
    }
    .d-lg-inline-flex{
        display:inline-flex !important
    }
}
@media (max-width: 1199px){
    .d-xl-show{
        display:none !important
    }
}
@media (max-width: 991px){
    .d-lg-show{
        display:none !important
    }
}
.font-primary{
    font-family:Poppins,sans-serif !important
}
.font-secondary{
    font-family:"Open Sans",sans-serif !important
}
.font-tertiary{
    font-family:"Open Sans",sans-serif !important
}
.font-weight-bold{
    font-weight:700 !important
}
.font-weight-semi-bold{
    font-weight:600 !important
}
.font-weight-normal{
    font-weight:400 !important
}
.text-uppercase{
    text-transform:uppercase !important
}
.text-capitalize{
    text-transform:capitalize !important
}
.text-normal{
    text-transform:none !important
}
.font-italic{
    font-style:italic !important
}
.font-normal{
    font-stretch:normal !important
}
.text-left{
    text-align:left !important
}
.text-center{
    text-align:center !important
}
.text-right{
    text-align:right !important
}
.text-white{
    color:#fff !important
}
.text-light{
    color:#ccc !important
}
.text-grey{
    color:#000 !important
}
.text-body{
    color:#000 !important
}
.text-dark{
    color:#222 !important
}
.text-black{
    color:#000 !important
}
.text-primary{
    color:#000 !important
}
.text-secondary{
    color:#ff7271 !important
}
.ls-s{
    letter-spacing:-.01em !important
}
.ls-m{
    letter-spacing:-.025em !important
}
.ls-l{
    letter-spacing:-.05em !important
}
.ls-normal{
    letter-spacing:0 !important
}
.lh-1{
    line-height:1 !important
}
.bg-white{
    background-color:#fff !important
}
.bg-dark{
    background-color:#222 !important
}
.bg-grey{
    background-color:#999 !important
}
.bg-light{
    background-color:#ccc !important
}
.bg-black{
    background-color:#000 !important
}
.bg-primary{
    background-color:#000 !important
}
.bg-secondary{
    background-color:#ff7271 !important
}
.border-no{
    border:none !important
}
h1,h2,h3,h4,h5,h6,p{
    font-weight:400;
    margin:0 0 2rem
}
h1,h2,h3,h4,h5,h6{
    font-family:Poppins,sans-serif;
    font-weight:600;
    line-height:1.4;
    color:#222
}
h1{
    font-size:4rem
}
h2{
    font-size:3.4rem
}
h3{
    font-size:3rem
}
h4{
    font-size:2.4rem
}
h5{
    font-size:1.8rem
}
h6{
    font-size:1.5rem
}
p{
    font-family:"Open Sans",sans-serif;
    font-size:1.4rem;
    line-height:1.86
}
blockquote{
    margin:0
}
.list{
    margin-left:2rem;
    font-size:1.4rem;
    line-height:1.86;
    color:#000
}
.list-style-none{
    list-style:none
}
.list-type-number{
    list-style-type:decimal
}
.list-type-check li{
    position:relative;
    padding-left:2.4rem
}
.list-type-check li::before{
    position:absolute;
    display:block;
    left:0;
    top:2px;
    content:'\e964';
    font-family:'Donald';
    font-size:1.2rem
}
.list-circle li{
    padding-left:1rem;
    margin-bottom:1rem
}
.list-circle i{
    margin-right:1.2rem;
    width:4rem;
    height:4rem;
    border:1px solid #e1e1e1;
    border-radius:50%;
    text-align:center;
    line-height:3.8rem;
    font-size:1.1rem
}
.list-arrow li{
    position:relative;
    transition:color .3s, padding .3s
}
.list-arrow li::before{
    content:'\e97e';
    display:block;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    opacity:0;
    visibility:hidden;
    font-family:'Donald';
    font-size:1.4rem;
    transition:opacity .3s, visibility .3s
}
.list-arrow li:hover,.list-arrow li.show{
    padding-left:2.2rem;
    color:#000
}
.list-arrow li:hover::before,.list-arrow li.show::before{
    visibility:visible;
    opacity:1
}
.text-bd-left{
    position:relative;
    padding-left:2rem
}
.text-bd-left::before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:2px;
    top:5px;
    bottom:5px;
    background-color:#dae1e5
}
.container,.container-fluid{
    width:100%;
    padding-left:20px;
    padding-right:20px;
    margin-left:auto;
    margin-right:auto
}
@media (max-width: 479px){
    .container,.container-fluid{
        padding-left:15px;
        padding-right:15px
    }
}
.container-fluid{
    max-width:1820px
}
.container{
    max-width:1220px
}
.divider{
    display:inline-block;
    vertical-align:middle;
    margin-right:1.4rem;
    height:1.9rem;
    width:1px;
    background-color:#e1e1e1
}
.row{
    display:flex;
    flex-wrap:wrap;
    margin-left:-10px;
    margin-right:-10px
}
.row>*{
    position:relative;
    width:100%;
    padding-right:10px;
    padding-left:10px
}
.gutter-lg{
    margin-left:-15px;
    margin-right:-15px
}
.gutter-lg>*{
    padding-right:15px;
    padding-left:15px
}
.gutter-sm{
    margin-left:-5px;
    margin-right:-5px
}
.gutter-sm>*{
    padding-right:5px;
    padding-left:5px
}
.gutter-xs{
    margin-left:-1px;
    margin-right:-1px
}
.gutter-xs>*{
    padding-right:1px;
    padding-left:1px
}
.gutter-no{
    margin-left:0;
    margin-right:0
}
.gutter-no>*{
    padding-right:0;
    padding-left:0
}
.cols-1>*{
    max-width:100%;
    flex:0 0 100%
}
.cols-2>*{
    max-width:50%;
    flex:0 0 50%
}
.cols-3>*{
    max-width:33.3333%;
    flex:0 0 33.3333%
}
.cols-4>*{
    max-width:25%;
    flex:0 0 25%
}
.cols-5>*{
    max-width:20%;
    flex:0 0 20%
}
.cols-6>*{
    max-width:16.6667%;
    flex:0 0 16.6667%
}
.cols-7>*{
    max-width:14.2857%;
    flex:0 0 14.2857%
}
.cols-8>*{
    max-width:12.5%;
    flex:0 0 12.5%
}
@media (min-width: 480px){
    .cols-xs-1>*{
        max-width:100%;
        flex:0 0 100%
    }
    .cols-xs-2>*{
        max-width:50%;
        flex:0 0 50%
    }
    .cols-xs-3>*{
        max-width:33.3333%;
        flex:0 0 33.3333%
    }
    .cols-xs-4>*{
        max-width:25%;
        flex:0 0 25%
    }
    .cols-xs-5>*{
        max-width:20%;
        flex:0 0 20%
    }
    .cols-xs-6>*{
        max-width:16.6667%;
        flex:0 0 16.6667%
    }
    .cols-xs-7>*{
        max-width:14.2857%;
        flex:0 0 14.2857%
    }
    .cols-xs-8>*{
        max-width:12.5%;
        flex:0 0 12.5%
    }
}
@media (min-width: 576px){
    .cols-sm-1>*{
        max-width:100%;
        flex:0 0 100%
    }
    .cols-sm-2>*{
        max-width:50%;
        flex:0 0 50%
    }
    .cols-sm-3>*{
        max-width:33.3333%;
        flex:0 0 33.3333%
    }
    .cols-sm-4>*{
        max-width:25%;
        flex:0 0 25%
    }
    .cols-sm-5>*{
        max-width:20%;
        flex:0 0 20%
    }
    .cols-sm-6>*{
        max-width:16.6667%;
        flex:0 0 16.6667%
    }
    .cols-sm-7>*{
        max-width:14.2857%;
        flex:0 0 14.2857%
    }
    .cols-sm-8>*{
        max-width:12.5%;
        flex:0 0 12.5%
    }
}
@media (min-width: 768px){
    .cols-md-1>*{
        max-width:100%;
        flex:0 0 100%
    }
    .cols-md-2>*{
        max-width:50%;
        flex:0 0 50%
    }
    .cols-md-3>*{
        max-width:33.3333%;
        flex:0 0 33.3333%
    }
    .cols-md-4>*{
        max-width:25%;
        flex:0 0 25%
    }
    .cols-md-5>*{
        max-width:20%;
        flex:0 0 20%
    }
    .cols-md-6>*{
        max-width:16.6667%;
        flex:0 0 16.6667%
    }
    .cols-md-7>*{
        max-width:14.2857%;
        flex:0 0 14.2857%
    }
    .cols-md-8>*{
        max-width:12.5%;
        flex:0 0 12.5%
    }
}
@media (min-width: 992px){
    .cols-lg-1>*{
        max-width:100%;
        flex:0 0 100%
    }
    .cols-lg-2>*{
        max-width:50%;
        flex:0 0 50%
    }
    .cols-lg-3>*{
        max-width:33.3333%;
        flex:0 0 33.3333%
    }
    .cols-lg-4>*{
        max-width:25%;
        flex:0 0 25%
    }
    .cols-lg-5>*{
        max-width:20%;
        flex:0 0 20%
    }
    .cols-lg-6>*{
        max-width:16.6667%;
        flex:0 0 16.6667%
    }
    .cols-lg-7>*{
        max-width:14.2857%;
        flex:0 0 14.2857%
    }
    .cols-lg-8>*{
        max-width:12.5%;
        flex:0 0 12.5%
    }
}
@media (min-width: 1200px){
    .cols-xl-1>*{
        max-width:100%;
        flex:0 0 100%
    }
    .cols-xl-2>*{
        max-width:50%;
        flex:0 0 50%
    }
    .cols-xl-3>*{
        max-width:33.3333%;
        flex:0 0 33.3333%
    }
    .cols-xl-4>*{
        max-width:25%;
        flex:0 0 25%
    }
    .cols-xl-5>*{
        max-width:20%;
        flex:0 0 20%
    }
    .cols-xl-6>*{
        max-width:16.6667%;
        flex:0 0 16.6667%
    }
    .cols-xl-7>*{
        max-width:14.2857%;
        flex:0 0 14.2857%
    }
    .cols-xl-8>*{
        max-width:12.5%;
        flex:0 0 12.5%
    }
}
.col-1{
    max-width:8.3333%;
    flex:0 0 8.3333%
}
.col-2{
    max-width:16.6667%;
    flex:0 0 16.6667%
}
.col-3{
    max-width:25%;
    flex:0 0 25%
}
.col-4{
    max-width:33.3333%;
    flex:0 0 33.3333%
}
.col-5{
    max-width:41.6667%;
    flex:0 0 41.6667%
}
.col-6{
    max-width:50%;
    flex:0 0 50%
}
.col-7{
    max-width:58.3333%;
    flex:0 0 58.3333%
}
.col-8{
    max-width:66.6667%;
    flex:0 0 66.6667%
}
.col-9{
    max-width:75%;
    flex:0 0 75%
}
.col-10{
    max-width:83.3333%;
    flex:0 0 83.3333%
}
.col-11{
    max-width:91.6667%;
    flex:0 0 91.6667%
}
.col-12{
    max-width:100%;
    flex:0 0 100%
}
@media (min-width: 480px){
    .col-xs-1{
        max-width:8.3333%;
        flex:0 0 8.3333%
    }
    .col-xs-2{
        max-width:16.6667%;
        flex:0 0 16.6667%
    }
    .col-xs-3{
        max-width:25%;
        flex:0 0 25%
    }
    .col-xs-4{
        max-width:33.3333%;
        flex:0 0 33.3333%
    }
    .col-xs-5{
        max-width:41.6667%;
        flex:0 0 41.6667%
    }
    .col-xs-6{
        max-width:50%;
        flex:0 0 50%
    }
    .col-xs-7{
        max-width:58.3333%;
        flex:0 0 58.3333%
    }
    .col-xs-8{
        max-width:66.6667%;
        flex:0 0 66.6667%
    }
    .col-xs-9{
        max-width:75%;
        flex:0 0 75%
    }
    .col-xs-10{
        max-width:83.3333%;
        flex:0 0 83.3333%
    }
    .col-xs-11{
        max-width:91.6667%;
        flex:0 0 91.6667%
    }
    .col-xs-12{
        max-width:100%;
        flex:0 0 100%
    }
}
@media (min-width: 576px){
    .col-sm-1{
        max-width:8.3333%;
        flex:0 0 8.3333%
    }
    .col-sm-2{
        max-width:16.6667%;
        flex:0 0 16.6667%
    }
    .col-sm-3{
        max-width:25%;
        flex:0 0 25%
    }
    .col-sm-4{
        max-width:33.3333%;
        flex:0 0 33.3333%
    }
    .col-sm-5{
        max-width:41.6667%;
        flex:0 0 41.6667%
    }
    .col-sm-6{
        max-width:50%;
        flex:0 0 50%
    }
    .col-sm-7{
        max-width:58.3333%;
        flex:0 0 58.3333%
    }
    .col-sm-8{
        max-width:66.6667%;
        flex:0 0 66.6667%
    }
    .col-sm-9{
        max-width:75%;
        flex:0 0 75%
    }
    .col-sm-10{
        max-width:83.3333%;
        flex:0 0 83.3333%
    }
    .col-sm-11{
        max-width:91.6667%;
        flex:0 0 91.6667%
    }
    .col-sm-12{
        max-width:100%;
        flex:0 0 100%
    }
}
@media (min-width: 768px){
    .col-md-1{
        max-width:8.3333%;
        flex:0 0 8.3333%
    }
    .col-md-2{
        max-width:16.6667%;
        flex:0 0 16.6667%
    }
    .col-md-3{
        max-width:25%;
        flex:0 0 25%
    }
    .col-md-4{
        max-width:33.3333%;
        flex:0 0 33.3333%
    }
    .col-md-5{
        max-width:41.6667%;
        flex:0 0 41.6667%
    }
    .col-md-6{
        max-width:50%;
        flex:0 0 50%
    }
    .col-md-7{
        max-width:58.3333%;
        flex:0 0 58.3333%
    }
    .col-md-8{
        max-width:66.6667%;
        flex:0 0 66.6667%
    }
    .col-md-9{
        max-width:75%;
        flex:0 0 75%
    }
    .col-md-10{
        max-width:83.3333%;
        flex:0 0 83.3333%
    }
    .col-md-11{
        max-width:91.6667%;
        flex:0 0 91.6667%
    }
    .col-md-12{
        max-width:100%;
        flex:0 0 100%
    }
}
@media (min-width: 992px){
    .col-lg-1{
        max-width:8.3333%;
        flex:0 0 8.3333%
    }
    .col-lg-2{
        max-width:16.6667%;
        flex:0 0 16.6667%
    }
    .col-lg-3{
        max-width:25%;
        flex:0 0 25%
    }
    .col-lg-4{
        max-width:33.3333%;
        flex:0 0 33.3333%
    }
    .col-lg-5{
        max-width:41.6667%;
        flex:0 0 41.6667%
    }
    .col-lg-6{
        max-width:50%;
        flex:0 0 50%
    }
    .col-lg-7{
        max-width:58.3333%;
        flex:0 0 58.3333%
    }
    .col-lg-8{
        max-width:66.6667%;
        flex:0 0 66.6667%
    }
    .col-lg-9{
        max-width:75%;
        flex:0 0 75%
    }
    .col-lg-10{
        max-width:83.3333%;
        flex:0 0 83.3333%
    }
    .col-lg-11{
        max-width:91.6667%;
        flex:0 0 91.6667%
    }
    .col-lg-12{
        max-width:100%;
        flex:0 0 100%
    }
}
@media (min-width: 1200px){
    .col-xl-1{
        max-width:8.3333%;
        flex:0 0 8.3333%
    }
    .col-xl-2{
        max-width:16.6667%;
        flex:0 0 16.6667%
    }
    .col-xl-3{
        max-width:25%;
        flex:0 0 25%
    }
    .col-xl-4{
        max-width:33.3333%;
        flex:0 0 33.3333%
    }
    .col-xl-5{
        max-width:41.6667%;
        flex:0 0 41.6667%
    }
    .col-xl-6{
        max-width:50%;
        flex:0 0 50%
    }
    .col-xl-7{
        max-width:58.3333%;
        flex:0 0 58.3333%
    }
    .col-xl-8{
        max-width:66.6667%;
        flex:0 0 66.6667%
    }
    .col-xl-9{
        max-width:75%;
        flex:0 0 75%
    }
    .col-xl-10{
        max-width:83.3333%;
        flex:0 0 83.3333%
    }
    .col-xl-11{
        max-width:91.6667%;
        flex:0 0 91.6667%
    }
    .col-xl-12{
        max-width:100%;
        flex:0 0 100%
    }
}
@media (min-width: 1600px){
    .col-xxl-10{
        flex:0 0 83.3333%;
        max-width:83.3333%
    }
    .col-xxl-2{
        flex:0 0 16.6666%;
        max-width:16.6666%
    }
}
@media (min-width: 1200px){
    .col-xl-5col{
        position:relative;
        flex:0 0 20%;
        max-width:20%;
        padding-right:10px;
        padding-left:10px
    }
    .col-xl-5col2{
        position:relative;
        flex:0 0 40%;
        max-width:40%;
        padding-right:10px;
        padding-left:10px
    }
    .col-xl-5col4{
        position:relative;
        flex:0 0 80%;
        max-width:80%;
        padding-right:10px;
        padding-left:10px
    }
}
.order-first{
    order:-1
}
.order-last{
    order:9
}
@media (min-width: 576px){
    .order-sm-auto{
        order:0
    }
    .order-sm-first{
        order:-1
    }
    .order-sm-last{
        order:9
    }
}
@media (min-width: 768px){
    .order-md-auto{
        order:0
    }
    .order-md-first{
        order:-1
    }
    .order-md-last{
        order:9
    }
}
@media (min-width: 992px){
    .order-lg-auto{
        order:0
    }
    .order-lg-first{
        order:-1
    }
    .order-lg-last{
        order:9
    }
}
.grid{
    margin:-1rem
}
.grid .banner,.grid .category,.grid .category>a,.grid figure,.grid .banner img,.grid .category img{
    height:100%
}
.grid img{
    object-fit:cover
}
.grid .grid-item{
    padding:1rem;
    transform:translate3d(0, 0, 0)
}
.grid.gutter-sm{
    margin:-.5rem
}
.grid.gutter-sm .grid-item{
    padding:.5rem
}
.grid.gutter-no{
    margin:0
}
.grid.gutter-no .grid-item{
    padding:0
}
.grid::after{
    content:"";
    display:block;
    clear:both
}
.grid.grid-float{
    display:block !important
}
.grid.grid-float .grid-item{
    float:left
}
.split-line>*{
    margin-bottom:3rem;
    padding-bottom:3rem;
    border-bottom:1px solid #f4f4f4
}
.split-line>*::after{
    content:'';
    display:block;
    width:1px;
    height:calc(100% - 3rem);
    position:absolute;
    right:0;
    top:0;
    background-color:#e1e1e1
}
.split-line>.col-1:nth-child(12n)::after,.split-line>.col-2:nth-child(6n)::after,.split-line>.col-3:nth-child(4n)::after,.split-line>.col-4:nth-child(3n)::after,.split-line>.col-5:nth-child(2n)::after,.split-line>.col-6:nth-child(2n)::after,.split-line>.col-7:nth-child(1n)::after,.split-line>.col-8:nth-child(1n)::after,.split-line>.col-9:nth-child(1n)::after,.split-line>.col-10:nth-child(1n)::after,.split-line>.col-11:nth-child(1n)::after,.split-line.cols-1>*:nth-child(1n)::after,.split-line.cols-2>*:nth-child(2n)::after,.split-line.cols-3>*:nth-child(3n)::after,.split-line.cols-4>*:nth-child(4n)::after,.split-line.cols-5>*:nth-child(5n)::after,.split-line.cols-6>*:nth-child(6n)::after,.split-line.cols-7>*:nth-child(7n)::after,.split-line.cols-8>*:nth-child(8n)::after{
    content:none
}
@media (min-width: 576px){
    .split-line>.col-sm-1:nth-child(n)::after,.split-line>.col-sm-2:nth-child(n)::after,.split-line>.col-sm-3:nth-child(n)::after,.split-line>.col-sm-4:nth-child(n)::after,.split-line>.col-sm-5:nth-child(n)::after,.split-line>.col-sm-6:nth-child(n)::after,.split-line>.col-sm-7:nth-child(n)::after,.split-line>.col-sm-8:nth-child(n)::after,.split-line>.col-sm-9:nth-child(n)::after,.split-line>.col-sm-10:nth-child(n)::after,.split-line>.col-sm-11:nth-child(n)::after,.split-line.cols-sm-1>*:nth-child(n)::after,.split-line.cols-sm-2>*:nth-child(n)::after,.split-line.cols-sm-3>*:nth-child(n)::after,.split-line.cols-sm-4>*:nth-child(n)::after,.split-line.cols-sm-5>*:nth-child(n)::after,.split-line.cols-sm-6>*:nth-child(n)::after,.split-line.cols-sm-7>*:nth-child(n)::after,.split-line.cols-sm-8>*:nth-child(n)::after{
        content:""
    }
    .split-line>.col-sm-1:nth-child(12n)::after,.split-line>.col-sm-2:nth-child(6n)::after,.split-line>.col-sm-3:nth-child(4n)::after,.split-line>.col-sm-4:nth-child(3n)::after,.split-line>.col-sm-5:nth-child(2n)::after,.split-line>.col-sm-6:nth-child(2n)::after,.split-line>.col-sm-7:nth-child(1n)::after,.split-line>.col-sm-8:nth-child(1n)::after,.split-line>.col-sm-9:nth-child(1n)::after,.split-line>.col-sm-10:nth-child(1n)::after,.split-line>.col-sm-11:nth-child(1n)::after,.split-line.cols-sm-1>*:nth-child(1n)::after,.split-line.cols-sm-2>*:nth-child(2n)::after,.split-line.cols-sm-3>*:nth-child(3n)::after,.split-line.cols-sm-4>*:nth-child(4n)::after,.split-line.cols-sm-5>*:nth-child(5n)::after,.split-line.cols-sm-6>*:nth-child(6n)::after,.split-line.cols-sm-7>*:nth-child(7n)::after,.split-line.cols-sm-8>*:nth-child(8n)::after{
        content:none
    }
}
@media (min-width: 768px){
    .split-line>.col-md-1:nth-child(n)::after,.split-line>.col-md-2:nth-child(n)::after,.split-line>.col-md-3:nth-child(n)::after,.split-line>.col-md-4:nth-child(n)::after,.split-line>.col-md-5:nth-child(n)::after,.split-line>.col-md-6:nth-child(n)::after,.split-line>.col-md-7:nth-child(n)::after,.split-line>.col-md-8:nth-child(n)::after,.split-line>.col-md-9:nth-child(n)::after,.split-line>.col-md-10:nth-child(n)::after,.split-line>.col-md-11:nth-child(n)::after,.split-line.cols-md-1>*:nth-child(n)::after,.split-line.cols-md-2>*:nth-child(n)::after,.split-line.cols-md-3>*:nth-child(n)::after,.split-line.cols-md-4>*:nth-child(n)::after,.split-line.cols-md-5>*:nth-child(n)::after,.split-line.cols-md-6>*:nth-child(n)::after,.split-line.cols-md-7>*:nth-child(n)::after,.split-line.cols-md-8>*:nth-child(n)::after{
        content:''
    }
    .split-line>.col-md-1:nth-child(12n)::after,.split-line>.col-md-2:nth-child(6n)::after,.split-line>.col-md-3:nth-child(4n)::after,.split-line>.col-md-4:nth-child(3n)::after,.split-line>.col-md-5:nth-child(2n)::after,.split-line>.col-md-6:nth-child(2n)::after,.split-line>.col-md-7:nth-child(1n)::after,.split-line>.col-md-8:nth-child(1n)::after,.split-line>.col-md-9:nth-child(1n)::after,.split-line>.col-md-10:nth-child(1n)::after,.split-line>.col-md-11:nth-child(1n)::after,.split-line.cols-md-1>*:nth-child(1n)::after,.split-line.cols-md-2>*:nth-child(2n)::after,.split-line.cols-md-3>*:nth-child(3n)::after,.split-line.cols-md-4>*:nth-child(4n)::after,.split-line.cols-md-5>*:nth-child(5n)::after,.split-line.cols-md-6>*:nth-child(6n)::after,.split-line.cols-md-7>*:nth-child(7n)::after,.split-line.cols-md-8>*:nth-child(8n)::after{
        content:none
    }
}
@media (min-width: 992px){
    .split-line>.col-lg-1:nth-child(n)::after,.split-line>.col-lg-2:nth-child(n)::after,.split-line>.col-lg-3:nth-child(n)::after,.split-line>.col-lg-4:nth-child(n)::after,.split-line>.col-lg-5:nth-child(n)::after,.split-line>.col-lg-6:nth-child(n)::after,.split-line>.col-lg-7:nth-child(n)::after,.split-line>.col-lg-8:nth-child(n)::after,.split-line>.col-lg-9:nth-child(n)::after,.split-line>.col-lg-10:nth-child(n)::after,.split-line>.col-lg-11:nth-child(n)::after,.split-line.cols-lg-1>*:nth-child(n)::after,.split-line.cols-lg-2>*:nth-child(n)::after,.split-line.cols-lg-3>*:nth-child(n)::after,.split-line.cols-lg-4>*:nth-child(n)::after,.split-line.cols-lg-5>*:nth-child(n)::after,.split-line.cols-lg-6>*:nth-child(n)::after,.split-line.cols-lg-7>*:nth-child(n)::after,.split-line.cols-lg-8>*:nth-child(n)::after{
        content:''
    }
    .split-line>.col-lg-1:nth-child(12n)::after,.split-line>.col-lg-2:nth-child(6n)::after,.split-line>.col-lg-3:nth-child(4n)::after,.split-line>.col-lg-4:nth-child(3n)::after,.split-line>.col-lg-5:nth-child(2n)::after,.split-line>.col-lg-6:nth-child(2n)::after,.split-line>.col-lg-7:nth-child(1n)::after,.split-line>.col-lg-8:nth-child(1n)::after,.split-line>.col-lg-9:nth-child(1n)::after,.split-line>.col-lg-10:nth-child(1n)::after,.split-line>.col-lg-11:nth-child(1n)::after,.split-line.cols-lg-1>*:nth-child(1n)::after,.split-line.cols-lg-2>*:nth-child(2n)::after,.split-line.cols-lg-3>*:nth-child(3n)::after,.split-line.cols-lg-4>*:nth-child(4n)::after,.split-line.cols-lg-5>*:nth-child(5n)::after,.split-line.cols-lg-6>*:nth-child(6n)::after,.split-line.cols-lg-7>*:nth-child(7n)::after,.split-line.cols-lg-8>*:nth-child(8n)::after{
        content:none
    }
}
@media (min-width: 1200px){
    .split-line>.col-xl-1:nth-child(n)::after,.split-line>.col-xl-2:nth-child(n)::after,.split-line>.col-xl-3:nth-child(n)::after,.split-line>.col-xl-4:nth-child(n)::after,.split-line>.col-xl-5:nth-child(n)::after,.split-line>.col-xl-6:nth-child(n)::after,.split-line>.col-xl-7:nth-child(n)::after,.split-line>.col-xl-8:nth-child(n)::after,.split-line>.col-xl-9:nth-child(n)::after,.split-line>.col-xl-10:nth-child(n)::after,.split-line>.col-xl-11:nth-child(n)::after,.split-line.cols-xl-1>*:nth-child(n)::after,.split-line.cols-xl-2>*:nth-child(n)::after,.split-line.cols-xl-3>*:nth-child(n)::after,.split-line.cols-xl-4>*:nth-child(n)::after,.split-line.cols-xl-5>*:nth-child(n)::after,.split-line.cols-xl-6>*:nth-child(n)::after,.split-line.cols-xl-7>*:nth-child(n)::after,.split-line.cols-xl-8>*:nth-child(n)::after,.split-line>.col-xl-5col:nth-child(n)::after,.split-line>.col-xl-7col:nth-child(n)::after,.split-line>.col-xl-8col:nth-child(n)::after{
        content:''
    }
    .split-line>.col-xl-1:nth-child(12n)::after,.split-line>.col-xl-2:nth-child(6n)::after,.split-line>.col-xl-3:nth-child(4n)::after,.split-line>.col-xl-4:nth-child(3n)::after,.split-line>.col-xl-5:nth-child(2n)::after,.split-line>.col-xl-6:nth-child(2n)::after,.split-line>.col-xl-7:nth-child(1n)::after,.split-line>.col-xl-8:nth-child(1n)::after,.split-line>.col-xl-9:nth-child(1n)::after,.split-line>.col-xl-10:nth-child(1n)::after,.split-line>.col-xl-11:nth-child(1n)::after,.split-line.cols-xl-1>*:nth-child(1n)::after,.split-line.cols-xl-2>*:nth-child(2n)::after,.split-line.cols-xl-3>*:nth-child(3n)::after,.split-line.cols-xl-4>*:nth-child(4n)::after,.split-line.cols-xl-5>*:nth-child(5n)::after,.split-line.cols-xl-6>*:nth-child(6n)::after,.split-line.cols-xl-7>*:nth-child(7n)::after,.split-line.cols-xl-8>*:nth-child(8n)::after,.split-line>.col-xl-5col:nth-child(5n)::after,.split-line>.col-xl-7col:nth-child(7n)::after,.split-line>.col-xl-8col:nth-child(8n)::after{
        content:none
    }
}
.mt-0{
    margin-top:0rem !important
}
.mb-0{
    margin-bottom:0rem !important
}
.pt-0{
    padding-top:0rem !important
}
.pb-0{
    padding-bottom:0rem !important
}
.mt-1{
    margin-top:.5rem !important
}
.mb-1{
    margin-bottom:.5rem !important
}
.pt-1{
    padding-top:.5rem !important
}
.pb-1{
    padding-bottom:.5rem !important
}
.mt-2{
    margin-top:1rem !important
}
.mb-2{
    margin-bottom:1rem !important
}
.pt-2{
    padding-top:1rem !important
}
.pb-2{
    padding-bottom:1rem !important
}
.mt-3{
    margin-top:1.5rem !important
}
.mb-3{
    margin-bottom:1.5rem !important
}
.pt-3{
    padding-top:1.5rem !important
}
.pb-3{
    padding-bottom:1.5rem !important
}
.mt-4{
    margin-top:2rem !important
}
.mb-4{
    margin-bottom:2rem !important
}
.pt-4{
    padding-top:2rem !important
}
.pb-4{
    padding-bottom:2rem !important
}
.mt-5{
    margin-top:2.5rem !important
}
.mb-5{
    margin-bottom:2.5rem !important
}
.pt-5{
    padding-top:2.5rem !important
}
.pb-5{
    padding-bottom:2.5rem !important
}
.mt-6{
    margin-top:3rem !important
}
.mb-6{
    margin-bottom:3rem !important
}
.pt-6{
    padding-top:3rem !important
}
.pb-6{
    padding-bottom:3rem !important
}
.mt-7{
    margin-top:3.5rem !important
}
.mb-7{
    margin-bottom:3.5rem !important
}
.pt-7{
    padding-top:3.5rem !important
}
.pb-7{
    padding-bottom:3.5rem !important
}
.mt-8{
    margin-top:4rem !important
}
.mb-8{
    margin-bottom:4rem !important
}
.pt-8{
    padding-top:4rem !important
}
.pb-8{
    padding-bottom:4rem !important
}
.mt-9{
    margin-top:4.5rem !important
}
.mb-9{
    margin-bottom:4.5rem !important
}
.pt-9{
    padding-top:4.5rem !important
}
.pb-9{
    padding-bottom:4.5rem !important
}
.mt-10{
    margin-top:5rem !important
}
.mb-10{
    margin-bottom:5rem !important
}
.pt-10{
    padding-top:5rem !important
}
.pb-10{
    padding-bottom:5rem !important
}
.ml-0{
    margin-left:0rem !important
}
.mr-0{
    margin-right:0rem !important
}
.pl-0{
    padding-left:0rem !important
}
.pr-0{
    padding-right:0rem !important
}
.ml-1{
    margin-left:.5rem !important
}
.mr-1{
    margin-right:.5rem !important
}
.pl-1{
    padding-left:.5rem !important
}
.pr-1{
    padding-right:.5rem !important
}
.ml-2{
    margin-left:1rem !important
}
.mr-2{
    margin-right:1rem !important
}
.pl-2{
    padding-left:1rem !important
}
.pr-2{
    padding-right:1rem !important
}
.ml-3{
    margin-left:1.5rem !important
}
.mr-3{
    margin-right:1.5rem !important
}
.pl-3{
    padding-left:1.5rem !important
}
.pr-3{
    padding-right:1.5rem !important
}
.ml-4{
    margin-left:2rem !important
}
.mr-4{
    margin-right:2rem !important
}
.pl-4{
    padding-left:2rem !important
}
.pr-4{
    padding-right:2rem !important
}
.ml-5{
    margin-left:2.5rem !important
}
.mr-5{
    margin-right:2.5rem !important
}
.pl-5{
    padding-left:2.5rem !important
}
.pr-5{
    padding-right:2.5rem !important
}
.ml-6{
    margin-left:3rem !important
}
.mr-6{
    margin-right:3rem !important
}
.pl-6{
    padding-left:3rem !important
}
.pr-6{
    padding-right:3rem !important
}
.ml-7{
    margin-left:3.5rem !important
}
.mr-7{
    margin-right:3.5rem !important
}
.pl-7{
    padding-left:3.5rem !important
}
.pr-7{
    padding-right:3.5rem !important
}
.ml-8{
    margin-left:4rem !important
}
.mr-8{
    margin-right:4rem !important
}
.pl-8{
    padding-left:4rem !important
}
.pr-8{
    padding-right:4rem !important
}
.ml-9{
    margin-left:4.5rem !important
}
.mr-9{
    margin-right:4.5rem !important
}
.pl-9{
    padding-left:4.5rem !important
}
.pr-9{
    padding-right:4.5rem !important
}
.ml-10{
    margin-left:5rem !important
}
.mr-10{
    margin-right:5rem !important
}
.pl-10{
    padding-left:5rem !important
}
.pr-10{
    padding-right:5rem !important
}
.ml-auto{
    margin-left:auto !important
}
.mr-auto{
    margin-right:auto !important
}
.mx-auto{
    margin-left:auto !important;
    margin-right:auto !important
}
@media (min-width: 576px){
    .mt-sm-0{
        margin-top:0rem !important
    }
    .mt-sm-1{
        margin-top:.5rem !important
    }
    .mt-sm-2{
        margin-top:1rem !important
    }
    .mt-sm-3{
        margin-top:1.5rem !important
    }
    .mt-sm-4{
        margin-top:2rem !important
    }
    .mt-sm-5{
        margin-top:2.5rem !important
    }
    .mt-sm-6{
        margin-top:3rem !important
    }
    .mt-sm-7{
        margin-top:3.5rem !important
    }
    .mt-sm-8{
        margin-top:4rem !important
    }
    .mt-sm-9{
        margin-top:4.5rem !important
    }
    .mt-sm-10{
        margin-top:5rem !important
    }
    .mb-sm-0{
        margin-bottom:0rem !important
    }
    .mb-sm-1{
        margin-bottom:.5rem !important
    }
    .mb-sm-2{
        margin-bottom:1rem !important
    }
    .mb-sm-3{
        margin-bottom:1.5rem !important
    }
    .mb-sm-4{
        margin-bottom:2rem !important
    }
    .mb-sm-5{
        margin-bottom:2.5rem !important
    }
    .mb-sm-6{
        margin-bottom:3rem !important
    }
    .mb-sm-7{
        margin-bottom:3.5rem !important
    }
    .mb-sm-8{
        margin-bottom:4rem !important
    }
    .mb-sm-9{
        margin-bottom:4.5rem !important
    }
    .mb-sm-10{
        margin-bottom:5rem !important
    }
    .pt-sm-0{
        padding-top:0rem !important
    }
    .pt-sm-1{
        padding-top:.5rem !important
    }
    .pt-sm-2{
        padding-top:1rem !important
    }
    .pt-sm-3{
        padding-top:1.5rem !important
    }
    .pt-sm-4{
        padding-top:2rem !important
    }
    .pt-sm-5{
        padding-top:2.5rem !important
    }
    .pt-sm-6{
        padding-top:3rem !important
    }
    .pt-sm-7{
        padding-top:3.5rem !important
    }
    .pt-sm-8{
        padding-top:4rem !important
    }
    .pt-sm-9{
        padding-top:4.5rem !important
    }
    .pt-sm-10{
        padding-top:5rem !important
    }
    .pb-sm-0{
        padding-bottom:0rem !important
    }
    .pb-sm-1{
        padding-bottom:.5rem !important
    }
    .pb-sm-2{
        padding-bottom:1rem !important
    }
    .pb-sm-3{
        padding-bottom:1.5rem !important
    }
    .pb-sm-4{
        padding-bottom:2rem !important
    }
    .pb-sm-5{
        padding-bottom:2.5rem !important
    }
    .pb-sm-6{
        padding-bottom:3rem !important
    }
    .pb-sm-7{
        padding-bottom:3.5rem !important
    }
    .pb-sm-8{
        padding-bottom:4rem !important
    }
    .pb-sm-9{
        padding-bottom:4.5rem !important
    }
    .pb-sm-10{
        padding-bottom:5rem !important
    }
}
@media (min-width: 768px){
    .mt-md-0{
        margin-top:0rem !important
    }
    .mt-md-1{
        margin-top:.5rem !important
    }
    .mt-md-2{
        margin-top:1rem !important
    }
    .mt-md-3{
        margin-top:1.5rem !important
    }
    .mt-md-4{
        margin-top:2rem !important
    }
    .mt-md-5{
        margin-top:2.5rem !important
    }
    .mt-md-6{
        margin-top:3rem !important
    }
    .mt-md-7{
        margin-top:3.5rem !important
    }
    .mt-md-8{
        margin-top:4rem !important
    }
    .mt-md-9{
        margin-top:4.5rem !important
    }
    .mt-md-10{
        margin-top:5rem !important
    }
    .mb-md-0{
        margin-bottom:0rem !important
    }
    .mb-md-1{
        margin-bottom:.5rem !important
    }
    .mb-md-2{
        margin-bottom:1rem !important
    }
    .mb-md-3{
        margin-bottom:1.5rem !important
    }
    .mb-md-4{
        margin-bottom:2rem !important
    }
    .mb-md-5{
        margin-bottom:2.5rem !important
    }
    .mb-md-6{
        margin-bottom:3rem !important
    }
    .mb-md-7{
        margin-bottom:3.5rem !important
    }
    .mb-md-8{
        margin-bottom:4rem !important
    }
    .mb-md-9{
        margin-bottom:4.5rem !important
    }
    .mb-md-10{
        margin-bottom:5rem !important
    }
    .pt-md-0{
        padding-top:0rem !important
    }
    .pt-md-1{
        padding-top:.5rem !important
    }
    .pt-md-2{
        padding-top:1rem !important
    }
    .pt-md-3{
        padding-top:1.5rem !important
    }
    .pt-md-4{
        padding-top:2rem !important
    }
    .pt-md-5{
        padding-top:2.5rem !important
    }
    .pt-md-6{
        padding-top:3rem !important
    }
    .pt-md-7{
        padding-top:3.5rem !important
    }
    .pt-md-8{
        padding-top:4rem !important
    }
    .pt-md-9{
        padding-top:4.5rem !important
    }
    .pt-md-10{
        padding-top:5rem !important
    }
    .pb-md-0{
        padding-bottom:0rem !important
    }
    .pb-md-1{
        padding-bottom:.5rem !important
    }
    .pb-md-2{
        padding-bottom:1rem !important
    }
    .pb-md-3{
        padding-bottom:1.5rem !important
    }
    .pb-md-4{
        padding-bottom:2rem !important
    }
    .pb-md-5{
        padding-bottom:2.5rem !important
    }
    .pb-md-6{
        padding-bottom:3rem !important
    }
    .pb-md-7{
        padding-bottom:3.5rem !important
    }
    .pb-md-8{
        padding-bottom:4rem !important
    }
    .pb-md-9{
        padding-bottom:4.5rem !important
    }
    .pb-md-10{
        padding-bottom:5rem !important
    }
}
@media (min-width: 992px){
    .mt-lg-0{
        margin-top:0rem !important
    }
    .mt-lg-1{
        margin-top:.5rem !important
    }
    .mt-lg-2{
        margin-top:1rem !important
    }
    .mt-lg-3{
        margin-top:1.5rem !important
    }
    .mt-lg-4{
        margin-top:2rem !important
    }
    .mt-lg-5{
        margin-top:2.5rem !important
    }
    .mt-lg-6{
        margin-top:3rem !important
    }
    .mt-lg-7{
        margin-top:3.5rem !important
    }
    .mt-lg-8{
        margin-top:4rem !important
    }
    .mt-lg-9{
        margin-top:4.5rem !important
    }
    .mt-lg-10{
        margin-top:5rem !important
    }
    .mb-lg-0{
        margin-bottom:0rem !important
    }
    .mb-lg-1{
        margin-bottom:.5rem !important
    }
    .mb-lg-2{
        margin-bottom:1rem !important
    }
    .mb-lg-3{
        margin-bottom:1.5rem !important
    }
    .mb-lg-4{
        margin-bottom:2rem !important
    }
    .mb-lg-5{
        margin-bottom:2.5rem !important
    }
    .mb-lg-6{
        margin-bottom:3rem !important
    }
    .mb-lg-7{
        margin-bottom:3.5rem !important
    }
    .mb-lg-8{
        margin-bottom:4rem !important
    }
    .mb-lg-9{
        margin-bottom:4.5rem !important
    }
    .mb-lg-10{
        margin-bottom:5rem !important
    }
    .pt-lg-0{
        padding-top:0rem !important
    }
    .pt-lg-1{
        padding-top:.5rem !important
    }
    .pt-lg-2{
        padding-top:1rem !important
    }
    .pt-lg-3{
        padding-top:1.5rem !important
    }
    .pt-lg-4{
        padding-top:2rem !important
    }
    .pt-lg-5{
        padding-top:2.5rem !important
    }
    .pt-lg-6{
        padding-top:3rem !important
    }
    .pt-lg-7{
        padding-top:3.5rem !important
    }
    .pt-lg-8{
        padding-top:4rem !important
    }
    .pt-lg-9{
        padding-top:4.5rem !important
    }
    .pt-lg-10{
        padding-top:5rem !important
    }
    .pb-lg-0{
        padding-bottom:0rem !important
    }
    .pb-lg-1{
        padding-bottom:.5rem !important
    }
    .pb-lg-2{
        padding-bottom:1rem !important
    }
    .pb-lg-3{
        padding-bottom:1.5rem !important
    }
    .pb-lg-4{
        padding-bottom:2rem !important
    }
    .pb-lg-5{
        padding-bottom:2.5rem !important
    }
    .pb-lg-6{
        padding-bottom:3rem !important
    }
    .pb-lg-7{
        padding-bottom:3.5rem !important
    }
    .pb-lg-8{
        padding-bottom:4rem !important
    }
    .pb-lg-9{
        padding-bottom:4.5rem !important
    }
    .pb-lg-10{
        padding-bottom:5rem !important
    }
    .ml-lg-0{
        margin-left:0rem !important
    }
    .mr-lg-0{
        margin-right:0rem !important
    }
    .pl-lg-0{
        padding-left:0rem !important
    }
    .pr-lg-0{
        padding-right:0rem !important
    }
    .ml-lg-1{
        margin-left:.5rem !important
    }
    .mr-lg-1{
        margin-right:.5rem !important
    }
    .pl-lg-1{
        padding-left:.5rem !important
    }
    .pr-lg-1{
        padding-right:.5rem !important
    }
    .ml-lg-2{
        margin-left:1rem !important
    }
    .mr-lg-2{
        margin-right:1rem !important
    }
    .pl-lg-2{
        padding-left:1rem !important
    }
    .pr-lg-2{
        padding-right:1rem !important
    }
    .ml-lg-3{
        margin-left:1.5rem !important
    }
    .mr-lg-3{
        margin-right:1.5rem !important
    }
    .pl-lg-3{
        padding-left:1.5rem !important
    }
    .pr-lg-3{
        padding-right:1.5rem !important
    }
    .ml-lg-4{
        margin-left:2rem !important
    }
    .mr-lg-4{
        margin-right:2rem !important
    }
    .pl-lg-4{
        padding-left:2rem !important
    }
    .pr-lg-4{
        padding-right:2rem !important
    }
    .ml-lg-5{
        margin-left:2.5rem !important
    }
    .mr-lg-5{
        margin-right:2.5rem !important
    }
    .pl-lg-5{
        padding-left:2.5rem !important
    }
    .pr-lg-5{
        padding-right:2.5rem !important
    }
    .ml-lg-6{
        margin-left:3rem !important
    }
    .mr-lg-6{
        margin-right:3rem !important
    }
    .pl-lg-6{
        padding-left:3rem !important
    }
    .pr-lg-6{
        padding-right:3rem !important
    }
    .ml-lg-7{
        margin-left:3.5rem !important
    }
    .mr-lg-7{
        margin-right:3.5rem !important
    }
    .pl-lg-7{
        padding-left:3.5rem !important
    }
    .pr-lg-7{
        padding-right:3.5rem !important
    }
    .ml-lg-8{
        margin-left:4rem !important
    }
    .mr-lg-8{
        margin-right:4rem !important
    }
    .pl-lg-8{
        padding-left:4rem !important
    }
    .pr-lg-8{
        padding-right:4rem !important
    }
    .ml-lg-9{
        margin-left:4.5rem !important
    }
    .mr-lg-9{
        margin-right:4.5rem !important
    }
    .pl-lg-9{
        padding-left:4.5rem !important
    }
    .pr-lg-9{
        padding-right:4.5rem !important
    }
    .ml-lg-10{
        margin-left:5rem !important
    }
    .mr-lg-10{
        margin-right:5rem !important
    }
    .pl-lg-10{
        padding-left:5rem !important
    }
    .pr-lg-10{
        padding-right:5rem !important
    }
}
@media (min-width: 1200px){
    .mt-xl-0{
        margin-top:0rem !important
    }
    .mt-xl-1{
        margin-top:.5rem !important
    }
    .mt-xl-2{
        margin-top:1rem !important
    }
    .mt-xl-3{
        margin-top:1.5rem !important
    }
    .mt-xl-4{
        margin-top:2rem !important
    }
    .mt-xl-5{
        margin-top:2.5rem !important
    }
    .mt-xl-6{
        margin-top:3rem !important
    }
    .mt-xl-7{
        margin-top:3.5rem !important
    }
    .mt-xl-8{
        margin-top:4rem !important
    }
    .mt-xl-9{
        margin-top:4.5rem !important
    }
    .mt-xl-10{
        margin-top:5rem !important
    }
    .mb-xl-0{
        margin-bottom:0rem !important
    }
    .mb-xl-1{
        margin-bottom:.5rem !important
    }
    .mb-xl-2{
        margin-bottom:1rem !important
    }
    .mb-xl-3{
        margin-bottom:1.5rem !important
    }
    .mb-xl-4{
        margin-bottom:2rem !important
    }
    .mb-xl-5{
        margin-bottom:2.5rem !important
    }
    .mb-xl-6{
        margin-bottom:3rem !important
    }
    .mb-xl-7{
        margin-bottom:3.5rem !important
    }
    .mb-xl-8{
        margin-bottom:4rem !important
    }
    .mb-xl-9{
        margin-bottom:4.5rem !important
    }
    .mb-xl-10{
        margin-bottom:5rem !important
    }
}
@media (min-width: 992px){
    .ml-lg-auto{
        margin-left:auto !important
    }
    .mr-lg-auto{
        margin-right:auto !important
    }
    .mx-lg-auto{
        margin-left:auto !important;
        margin-right:auto !important
    }
}
.alert-round{
    border-radius:3px
}
.alert{
    position:relative;
    padding:1.6rem 3.8rem 1.6rem 1.8rem;
    border:1px solid #222;
    font-size:1.4rem;
    font-family:"Open Sans",sans-serif;
    line-height:1.75
}
.alert .btn-close{
    font-size:1.2rem
}
.alert .btn-close{
    display:inline-block;
    position:absolute;
    top:50%;
    right:2rem;
    transform:translateY(-50%);
    line-height:0
}
.alert-title{
    text-transform:uppercase;
    font-size:1.4rem;
    line-height:inherit;
    color:inherit
}
.btn-close{
    transition:color .3s
}
.btn-close:hover{
    color:#000
}
.alert-primary{
    background-color:#000;
    border-color:#000;
    color:#000
}
.alert-primary .btn-close{
    color:#000
}
.alert-success{
    background-color:#a8c26e;
    border-color:#a8c26e;
    color:#a8c26e
}
.alert-success .btn-close{
    color:#a8c26e
}
.alert-warning{
    background-color:#ff7271;
    border-color:#ff7271;
    color:#ff7271
}
.alert-warning .btn-close{
    color:#ff7271
}
.alert-danger{
    background-color:#b10001;
    border-color:#b10001;
    color:#b10001
}
.alert-danger .btn-close{
    color:#b10001
}
.alert-black{
    background-color:#222;
    border-color:#222
}
.alert-black .btn-close:hover{
    color:#000
}
.alert-simple{
    background-color:transparent;
    border-style:dashed;
    border-color:#cacbcc
}
.alert-dark{
    color:#fff
}
.alert-dark .btn-close{
    color:#fff
}
.alert-icon{
    padding:1.5rem 3.9rem 1.5rem 1.9rem
}
.alert-icon>i{
    vertical-align:middle;
    margin-right:1.2rem;
    line-height:1;
    font-size:2.4rem;
    font-weight:600
}
.alert-light.alert-primary{
    background-color:#edf4f9;
    border-color:#edf4f9
}
.alert-light.alert-danger{
    background-color:#f6d6d5;
    border-color:#f6d6d5;
    color:#6d1a17
}
.alert-light.alert-danger .btn-close{
    color:#6d1a17
}
.alert-light.alert-warning{
    background-color:#fff5eb;
    border-color:#fff5eb
}
.alert-message{
    display:block;
    padding:1.3rem 3.9rem 1.9rem 1.9rem
}
.alert-message .btn-close{
    position:absolute;
    transform:translateY(0);
    top:2rem;
    right:2rem
}
.alert-message .alert-title{
    margin-bottom:.5rem;
    font-weight:700;
    line-height:1.7
}
.alert-message p{
    margin:0;
    padding-right:2rem;
    line-height:1.7
}
.alert-message.alert-link p{
    color:#000
}
.alert-message.alert-link a{
    color:#000
}
.alert-message.alert-link a:hover{
    text-decoration:underline
}
.alert.alert-inline{
    padding-right:4rem
}
.alert.alert-inline .alert-title{
    display:inline-block;
    margin:0 0.8rem 0 0
}
.alert.alert-inline p{
    display:inline
}
.alert-btn:not(.alert-message){
    padding:.9rem 3.9rem .9rem .9rem
}
.alert-btn .btn:not(.btn-close){
    margin-right:1rem;
    padding:.73em 1.61em
}
.alert-btn.alert-message p{
    margin-bottom:1rem
}
.alert-btn.alert-dark.alert-warning .btn:not(.btn-close){
    background-color:transparent;
    padding:.7em 1.43em;
    border-width:3px;
    color:#fff
}
.alert-btn.alert-dark.alert-warning .btn:not(.btn-close):hover{
    border-color:#df7f50;
    background:#df7f50
}
.alert-btn.alert-light.alert-warning .btn:not(.btn-close){
    color:#ff7271;
    background-color:#fff;
    border-color:#fff
}
.alert-btn.alert-light.alert-warning .btn:not(.btn-close):hover{
    color:#fff;
    background-color:#ff7271;
    border-color:#ff7271
}
.alert-summary>i{
    margin-right:.9rem;
    font-size:1.6rem;
    line-height:1.25
}
.alert-summary ul{
    margin:1.7rem 0 0 2.7rem;
    list-style-type:disc
}
@keyframes maskUp{
    from{
        transform:translate(0, 100%)
    }
    to{
        transform:translate(0, 0)
    }
}
@keyframes maskRight{
    from{
        transform:translate(-100%, 0)
    }
    to{
        transform:translate(0, 0)
    }
}
@keyframes maskDown{
    from{
        transform:translate(0, -100%)
    }
    to{
        transform:translate(0, 0)
    }
}
@keyframes maskLeft{
    from{
        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{
    from{
        opacity:0;
        transform:translate(0, 50px);
        transform-origin:0 0
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInUpShorter{
    animation-name:fadeInUpShorter
}
@keyframes fadeInLeftShorter{
    from{
        opacity:0;
        transform:translate(50px, 0);
        transform-origin:0 0
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInLeftShorter{
    animation-name:fadeInLeftShorter
}
@keyframes fadeInRightShorter{
    from{
        opacity:0;
        transform:translate(-50px, 0);
        transform-origin:0 0
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInRightShorter{
    animation-name:fadeInRightShorter
}
@keyframes fadeInDownShorter{
    from{
        opacity:0;
        transform:translate(0, -50px);
        transform-origin:0 0
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInDownShorter{
    animation-name:fadeInDownShorter
}
@keyframes blurIn{
    from{
        opacity:0;
        filter:blur(20px);
        transform:scale(1.2)
    }
    to{
        opacity:1;
        filter:blur(0);
        transform:none
    }
}
.blurIn{
    animation-name:blurIn
}
@keyframes grayOut{
    from{
        opacity:1;
        filter:grayscale(0)
    }
    15%{
        filter:grayscale(100%)
    }
    to{
        opacity:.0;
        filter:grayscale(100%)
    }
}
.grayOut{
    animation-name:grayOut
}
@keyframes dotPulse{
    from{
        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 flipOutY{
    0%{
        animation-timing-function:ease-out;
        transform:perspective(400px)
    }
    to{
        opacity:0;
        transform:perspective(400px) rotateY(90deg)
    }
}
@keyframes brightIn{
    0%{
        animation-timing-function:ease-in;
        filter:brightness(0%)
    }
    to{
        filter:brightness(100%)
    }
}
.brightIn{
    animation-name:brightIn
}
.appear-animate{
    visibility:hidden;
    opacity:0
}
.appear-animation-visible{
    visibility:visible;
    opacity:1
}
@-webkit-keyframes zoomInShorter{
    0%{
        -webkit-transform:scale3d(0.8, 0.8, 0.8);
        opacity:0;
        transform:scale3d(0.8, 0.8, 0.8)
    }
    50%{
        opacity:1
    }
}
@keyframes zoomInShorter{
    0%{
        -webkit-transform:scale3d(0.8, 0.8, 0.8);
        opacity:0;
        transform:scale3d(0.8, 0.8, 0.8)
    }
    50%{
        opacity:1
    }
}
.zoomInShorter{
    -webkit-animation-name:zoomInShorter;
    animation-name:zoomInShorter
}
@keyframes bounceInUp{
    from, 60%, 75%, 90%, to{
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from{
        opacity:0;
        transform:translate3d(0, 3000px, 0)
    }
    60%{
        opacity:1;
        transform:translate3d(0, -20px, 0)
    }
    75%{
        transform:translate3d(0, 10px, 0)
    }
    90%{
        transform:translate3d(0, -5px, 0)
    }
    to{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes slideZoomIn{
    0%{
        transform:scale3d(1, 1, 1);
        opacity:1
    }
    100%{
        transform:scale3d(1.1, 1.1, 1);
        opacity:1
    }
}
.slideZoomIn{
    -webkit-animation-name:slideZoomIn;
    animation-name:slideZoomIn
}
.comments{
    padding-top:4.3rem;
    border-top:1px solid #ebebeb
}
.comments ul ul{
    margin-top:4rem;
    margin-left:8rem;
    padding-top:4.5rem;
    border-top:.1rem solid #ebebeb
}
.comments li{
    border-bottom:.1rem solid #ebebeb;
    padding-bottom:3.5rem;
    margin-bottom:4rem
}
.comments li:last-child{
    border-bottom-width:0;
    margin-bottom:0;
    padding-bottom:0
}
@media (max-width: 575px){
    .comments ul ul{
        margin-left:3rem
    }
}
.comment{
    position:relative;
    display:flex;
    align-items:flex-start
}
.comment p:last-child{
    margin-bottom:0
}
.comment-body{
    position:relative;
    flex:1 1 auto;
    padding:.9rem 0 0 3rem
}
.comment-reply{
    color:#777;
    position:absolute;
    right:0;
    top:1.7rem;
    text-transform:uppercase;
    font-weight:600;
    line-height:1;
    letter-spacing:-.01em;
    padding-bottom:.5rem;
    transition:color .3s, box-shadow .3s
}
.comment-reply:hover,.comment-reply:focus{
    color:#000;
    box-shadow:0 2px 0 #000
}
.comment-media{
    max-width:8rem;
    flex:0 0 8rem;
    height:8rem;
    border-radius:50%;
    overflow:hidden
}
.comment-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover
}
.comment-user{
    margin-bottom:1rem
}
.comment-user h4{
    font-size:1.4rem;
    line-height:1;
    letter-spacing:-.01em;
    margin-bottom:0
}
.comment-user h4 a:hover,.comment-user h4 a:focus{
    color:#000
}
.comment-user h4 span{
    display:block
}
.comment-date{
    color:#ccc;
    font-size:1.3rem;
    line-height:1
}
.reply{
    margin-bottom:7rem;
    background-color:#f2f3f5;
    padding:4.3rem 3rem 5.4rem
}
.reply .form-control{
    max-width:100%;
    color:#999;
    border-color:#ebebeb;
    background:#fff
}
.reply p{
    font-size:1.3rem
}
@font-face{
    font-family:'donald';
    src:url("../fonts/donald-icon.eot?5gap68");
    src:url("../fonts/donald-icon.eot?5gap68#iefix") format("embedded-opentype"),url("../fonts/donald-icon.ttf?5gap68") format("truetype"),url("../fonts/donald-icon.woff?5gap68") format("woff"),url("../fonts/donald-icon.svg?5gap68#donald-icon") format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:block
}
[class^="d-icon-"],[class*=" d-icon-"]{
    display:inline-block;
    line-height:1
}
[class^="d-icon-"]::before,[class*=" d-icon-"]::before{
    font-family:'donald' !important;
    speak:never;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.d-icon-truck:before{
    content:"\e959"
}
.d-icon-service:before{
    content:"\e95a"
}
.d-icon-secure:before{
    content:"\e95b"
}
.d-icon-lock:before{
    content:"\e95c"
}
.d-icon-percent:before{
    content:"\e95d"
}
.d-icon-layer:before{
    content:"\e95e"
}
.d-icon-alert:before{
    content:"\e95f"
}
.d-icon-database:before{
    content:"\e960"
}
.d-icon-money:before{
    content:"\e961"
}
.d-icon-shoppingbag:before{
    content:"\e962"
}
.d-icon-t-shirt1:before{
    content:"\e900"
}
.d-icon-t-shirt2:before{
    content:"\e901"
}
.d-icon-hat:before{
    content:"\e902"
}
.d-icon-officebag:before{
    content:"\e903"
}
.d-icon-hadbag:before{
    content:"\e904"
}
.d-icon-backpack:before{
    content:"\e905"
}
.d-icon-shoes:before{
    content:"\e906"
}
.d-icon-pillow:before{
    content:"\e907"
}
.d-icon-dress:before{
    content:"\e908"
}
.d-icon-loungewear:before{
    content:"\e909"
}
.d-icon-desktop:before{
    content:"\e90a"
}
.d-icon-laptop:before{
    content:"\e90b"
}
.d-icon-gamepad1:before{
    content:"\e90c"
}
.d-icon-wireless:before{
    content:"\e90d"
}
.d-icon-projector:before{
    content:"\e90e"
}
.d-icon-drone1:before{
    content:"\e90f"
}
.d-icon-drone2:before{
    content:"\e910"
}
.d-icon-radio:before{
    content:"\e911"
}
.d-icon-battery:before{
    content:"\e912"
}
.d-icon-plugin:before{
    content:"\e913"
}
.d-icon-memory:before{
    content:"\e914"
}
.d-icon-ball:before{
    content:"\e915"
}
.d-icon-basketball1:before{
    content:"\e916"
}
.d-icon-babycare:before{
    content:"\e917"
}
.d-icon-card:before{
    content:"\e918"
}
.d-icon-gamepad2:before{
    content:"\e919"
}
.d-icon-camera1:before{
    content:"\e91a"
}
.d-icon-camera2:before{
    content:"\e91b"
}
.d-icon-babywear:before{
    content:"\e91c"
}
.d-icon-abacus:before{
    content:"\e91d"
}
.d-icon-pot:before{
    content:"\e91e"
}
.d-icon-freezer:before{
    content:"\e91f"
}
.d-icon-cook:before{
    content:"\e920"
}
.d-icon-student:before{
    content:"\e921"
}
.d-icon-category:before{
    content:"\e922"
}
.d-icon-basketball2:before{
    content:"\e923"
}
.d-icon-watch:before{
    content:"\e924"
}
.d-icon-tcard:before{
    content:"\e925"
}
.d-icon-heartbeat:before{
    content:"\e926"
}
.d-icon-watch-round:before{
    content:"\e927"
}
.d-icon-washbowl:before{
    content:"\e928"
}
.d-icon-bridge-lamp:before{
    content:"\e929"
}
.d-icon-lamp:before{
    content:"\e92a"
}
.d-icon-sofa:before{
    content:"\e92b"
}
.d-icon-sofa2:before{
    content:"\e92c"
}
.d-icon-bed:before{
    content:"\e92d"
}
.d-icon-table:before{
    content:"\e92e"
}
.d-icon-table-lamp:before{
    content:"\e92f"
}
.d-icon-table-tv:before{
    content:"\e930"
}
.d-icon-mirror:before{
    content:"\e931"
}
.d-icon-volume:before{
    content:"\e932"
}
.d-icon-bars2:before{
    content:"\e933"
}
.d-icon-bars:before{
    content:"\e934"
}
.d-icon-phone:before{
    content:"\e935"
}
.d-icon-user:before{
    content:"\e936"
}
.d-icon-search:before{
    content:"\e937"
}
.d-icon-bag:before{
    content:"\e938"
}
.d-icon-map:before{
    content:"\e939"
}
.d-icon-info:before{
    content:"\e93a"
}
.d-icon-refresh:before{
    content:"\e93b"
}
.d-icon-ruler:before{
    content:"\e940"
}
.d-icon-zoom:before{
    content:"\e941"
}
.d-icon-star:before{
    content:"\e94a"
}
.d-icon-star-full:before{
    content:"\e94b"
}
.d-icon-heart:before{
    content:"\e94c"
}
.d-icon-heart-full:before{
    content:"\e94d"
}
.d-icon-close:before{
    content:"\e94e"
}
.d-icon-play-circle:before{
    content:"\e94f"
}
.d-icon-home:before{
    content:"\e950"
}
.d-icon-filter-2:before{
    content:"\e951"
}
.d-icon-switch:before{
    content:"\e952"
}
.d-icon-switch-left-on:before{
    content:"\e953"
}
.d-icon-switch-right-on:before{
    content:"\e954"
}
.d-icon-filter-3:before{
    content:"\e955"
}
.d-icon-alert-solid:before{
    content:"\e957"
}
.d-icon-headphone:before{
    content:"\e958"
}
.d-icon-mode-grid:before{
    content:"\e80e"
}
.d-icon-mode-list:before{
    content:"\e80f"
}
.d-icon-angle-left:before{
    content:"\e819"
}
.d-icon-angle-right:before{
    content:"\e81a"
}
.d-icon-cancel:before{
    content:"\e82c"
}
.d-icon-instagram:before{
    content:"\e963"
}
.d-icon-check:before{
    content:"\e964"
}
.d-icon-play-solid:before{
    content:"\e965"
}
.d-icon-angle-up:before{
    content:"\e967"
}
.d-icon-angle-down:before{
    content:"\e968"
}
.d-icon-lightbulb:before{
    content:"\e96a"
}
.d-icon-mobile:before{
    content:"\e96b"
}
.d-icon-minus:before{
    content:"\e96c"
}
.d-icon-plus:before{
    content:"\e96d"
}
.d-icon-wifi:before{
    content:"\e96e"
}
.d-icon-times:before{
    content:"\e96f"
}
.d-icon-times-circle:before{
    content:"\e970"
}
.d-icon-random:before{
    content:"\e971"
}
.d-icon-th-list:before{
    content:"\e972"
}
.d-icon-rocket:before{
    content:"\e973"
}
.d-icon-map-marker:before{
    content:"\e974"
}
.d-icon-birthday-cake:before{
    content:"\e975"
}
.d-icon-gift:before{
    content:"\e976"
}
.d-icon-female:before{
    content:"\e977"
}
.d-icon-clock:before{
    content:"\e978"
}
.d-icon-comments:before{
    content:"\e97b"
}
.d-icon-arrow-down:before{
    content:"\e97c"
}
.d-icon-arrow-left:before{
    content:"\e97d"
}
.d-icon-arrow-right:before{
    content:"\e97e"
}
.d-icon-arrow-up:before{
    content:"\e97f"
}
.d-icon-info-circle:before{
    content:"\e980"
}
.d-icon-rotate-left:before{
    content:"\f2e0"
}
.d-icon-rotate-right:before{
    content:"\f2e1"
}
.d-d-icon-mode-grid::before,.d-d-icon-mode-list::before,.d-icon-cancel::before,.d-icon-instagram::before,.d-icon-check::before,.d-icon-play-solid::before,.d-icon-angle-right::before,.d-icon-angle-up::before,.d-icon-angle-down::before,.d-icon-angle-left::before,.d-icon-lightbulb::before,.d-icon-mobile::before,.d-icon-minus::before,.d-icon-plus::before,.d-icon-wifi::before,.d-icon-times::before,.d-icon-times-circle::before,.d-icon-random::before,.d-icon-th-list::before,.d-icon-rocket::before,.d-icon-map-marker::before,.d-icon-birthday-cake::before,.d-icon-gift::before,.d-icon-female::before,.d-icon-clock::before,.d-icon-comments::before,.d-icon-arrow-down::before,.d-icon-arrow-left::before,.d-icon-arrow-right::before,.d-icon-arrow-up::before,.d-icon-info-circle::before,.d-icon-rotate-left::before,.d-icon-rotate-right::before{
    font-size:.8em
}
.d-icon-arrow-down::before,.d-icon-arrow-left::before,.d-icon-arrow-right::before,.d-icon-arrow-up::before{
    position:relative;
    top:-1px
}
.social-links{
    display:inline-flex;
    flex-wrap:wrap;
    align-items:center
}
.social-link{
    margin:2px 8px 2px 0;
    width:30px;
    height:30px;
    line-height:26px;
    font-size:1.4rem;
    border-radius:50%;
    border:2px solid #ccc;
    color:inherit;
    transition:color .4s, border .4s, background .4s;
    text-align:center
}
.social-link:last-child{
    margin-right:0
}
.social-link i{
    letter-spacing:-.001em;
    line-height:1
}
.social-link:hover{
    background:#000;
    border-color:#000;
    color:#fff
}
.social-link.social-facebook,.social-link.social-facebook:hover{
    background:#3b5998;
    border-color:#3b5998;
}
.social-link.social-twitter:hover{
    background:#1da1f2;
    border-color:#1da1f2
}
.social-link.social-linkedin:hover{
    background:#0073b2;
    border-color:#0073b2
}
.social-link.social-email:hover{
    background:#dd4b39;
    border-color:#dd4b39
}
.social-link.social-google:hover{
    background:#dd4b39;
    border-color:#dd4b39
}
.social-link.social-pinterest:hover{
    background:#bd081c;
    border-color:#bd081c
}
.social-link.social-reddit:hover{
    background:#ff4107;
    border-color:#ff4107
}
.social-link.social-tumblr:hover{
    background:#304e6c;
    border-color:#304e6c
}
.social-link.social-vk:hover{
    background:#6383a8;
    border-color:#6383a8
}
.social-link.social-whatsapp:hover,.social-link.social-whatsapp{
    background:#3c8a38;
    border-color:#3c8a38
}
.social-link.social-xing:hover{
    background:#1a7576;
    border-color:#1a7576
}
.social-link.social-instagram:hover,.social-link.social-instagram{
    background:#3b6994;
    border-color:#3b6994
}
.no-border .social-link{
    border:0;
    line-height:30px
}
.no-border .social-link:not(:hover){
    background:transparent
}
.inline-links .social-link{
    display:inline-block;
    margin-right:2rem;
    width:auto;
    height:auto;
    border:0;
    color:inherit
}
.inline-links .social-link:not(:last-child){
    margin-right:2rem
}
.inline-links .social-link:hover{
    background:transparent
}
.inline-links .social-link.social-facebook:hover{
    color:#3b5998
}
.inline-links .social-link.social-twitter:hover{
    color:#1da1f2
}
.inline-links .social-link.social-linkedin:hover{
    color:#0073b2
}
.inline-links .social-link.social-email:hover{
    color:#dd4b39
}
.inline-links .social-link.social-google:hover{
    color:#dd4b39
}
.inline-links .social-link.social-pinterest:hover{
    color:#bd081c
}
.inline-links .social-link.social-reddit:hover{
    color:#ff4107
}
.inline-links .social-link.social-tumblr:hover{
    color:#304e6c
}
.inline-links .social-link.social-vk:hover{
    color:#6383a8
}
.inline-links .social-link.social-whatsapp:hover{
    color:#3c8a38
}
.inline-links .social-link.social-xing:hover{
    color:#1a7576
}
.inline-links .social-link.social-instagram:hover{
    color:#3b6994
}
.widget-title{
    margin-bottom:2rem;
    padding:1.1rem 0;
    font-size:1.6rem;
    font-weight:700;
    text-transform:uppercase;
    line-height:1.2;
    border-bottom:1px solid #e1e1e1;
    letter-spacing:-.025em
}
.widget-products .widget-title{
    padding:1.6rem 0 1.1rem;
    font-size:1.6rem;
    font-weight:600;
    letter-spacing:-.01em
}
.form .form-control{
    margin-bottom:2rem
}
.form-control{
    display:block;
    width:100%;
    min-height:4rem;
    padding:.85rem 2rem;
    border:1px solid #666;
    font-size:1.4rem;
    line-height:1.5;
    font-weight:400;
    color:#000;
    background-color:transparent;
    border-radius:0;
    box-shadow:none;
    outline:0
}
.form-control::placeholder{
    color:inherit;
    transition:color .3s
}
.form-control::-webkit-input-placeholder{
    color:inherit;
    transition:color .3s
}
.form-control::-moz-placeholder{
    color:inherit;
    transition:color .3s
}
.form-control:focus::placeholder{
    color:transparent
}
.form-control:focus::-webkit-input-placeholder{
    color:transparent
}
.form-control:focus::-moz-placeholder{
    color:transparent
}
.form-control.form-solid{
    background-color:#fff;
    border:0;
    color:#8d8d8d
}
textarea{
    font-family:inherit;
    min-width:100%;
    max-width:100%
}
.custom-checkbox{
    position:absolute;
    opacity:0
}
.custom-checkbox+label{
    position:relative;
    padding-left:2.4rem;
    cursor:pointer
}
.custom-checkbox+label::before{
    content:'';
    display:inline-block;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    width:18px;
    height:18px;
    line-height:17px;
    border:1px solid #ccc;
    border-radius:2px
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none){
    .custom-checkbox+label::before{
        line-height:14px
    }
}
.custom-checkbox:checked+label::before{
    content:'\f00c';
    border-color:#222;
    background:#222;
    color:#fff;
    font-size:9px;
    font-weight:600;
    font-family:'Font Awesome 5 Free';
    text-align:center
}
.select-box,.select-menu{
    position:relative
}
.select-box select,.select-menu select{
    position:relative;
    max-width:14rem;
    min-height:auto;
    width:auto;
    height:100%;
    padding-left:9px;
    padding-right:27px;
    border:1px solid #e3e3e3;
    border-radius:2px;
    color:inherit;
    background-color:transparent;
    font-size:1.2rem;
    font-family:inherit;
    letter-spacing:inherit;
    z-index:1;
    -moz-appearance:none;
    -webkit-appearance:none
}
.select-box select:focus,.select-menu select:focus{
    outline:none
}
.select-box::before,.select-menu::before{
    content:'\f078';
    font-family:'Font Awesome 5 Free';
    position:absolute;
    font-weight:900;
    font-size:9px;
    right:8px;
    top:50%;
    transform:translateY(-50%)
}
.select-box option{
    font-size:1.4rem
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none){
    select::-ms-expand{
        display:none
    }
    select:focus::-ms-value{
        background:transparent;
        color:currentColor
    }
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none
}
.quantity{
    -moz-appearance:textfield;
    max-width:48px
}
.input-group{
    display:inline-flex;
    width:10.4rem;
    height:4.5rem
}
.input-group .form-control{
    flex:1;
    padding:0;
    height:inherit;
    font-size:1.4rem;
    border:solid #ccc;
    border-width:1px 0;
    color:#242c37;
    text-align:center
}
.input-group button{
    padding:0;
    width:2.8rem;
    border:1px solid #ccc;
    font-size:1.2rem;
    color:#242c37;
    background-color:transparent;
    cursor:pointer;
    -webkit-appearance:none
}
.custom-radio{
    position:relative
}
.custom-radio input{
    display:none
}
input[type="radio"] ~ label{
    padding-left:2.5rem
}
input[type="radio"] ~ label::before,input[type="radio"] ~ label::after{
    position:absolute;
    content:'';
    display:inline-block;
    border-radius:50%;
    top:50%;
    transform:translateY(-50%)
}
input[type="radio"] ~ label::before{
    left:0;
    width:1.8rem;
    height:1.8rem;
    background:#fff;
    border:1px solid #cdcdcd
}
input[type="radio"] ~ label::after{
    width:.8rem;
    height:.8rem;
    left:.5rem;
    background:#666;
    opacity:0
}
input[type="radio"]:checked ~ label::after{
    opacity:1
}
.input-wrapper input.form-control{
    flex:1;
    min-width:40px;
    font-size:1.2rem
}
.input-wrapper-inline{
    display:flex;
    position:relative;
    max-width:61.3rem;
    width:100%;
    height:40px
}
.input-wrapper-inline .btn{
    line-height:1
}
.input-wrapper-round .form-control{
    position:relative;
    border-radius:2.4rem
}
.input-wrapper-round .btn{
    border-radius:2.4rem;
    line-height:1
}
.input-wrapper-round.input-wrapper-inline .form-control{
    border-radius:2.4rem 0 0 2.4rem
}
.input-wrapper-round.input-wrapper-inline .btn{
    border-radius:0 2.4rem 2.4rem 0
}
.form-wrapper.form-wrapper-inline{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.form-wrapper.form-wrapper-inline form{
    flex:1 1 0
}
@media (max-width: 991px){
    .form-wrapper.form-wrapper-inline{
        display:block;
        text-align:center
    }
    .form-wrapper.form-wrapper-inline form{
        margin-left:auto;
        margin-right:auto
    }
}
.btn-absolute input.form-control{
    width:100%;
    padding-left:1.2rem;
    color:#999;
    font-size:1.3rem
}
.btn-absolute .btn{
    position:absolute;
    width:auto;
    height:100%;
    min-width:4.4rem;
    right:0;
    font-size:1.3rem
}
.btn-absolute .btn:hover{
    color:#000
}
.tab-content{
    background-color:#fff
}
.nav-tabs{
    display:flex;
    flex-wrap:wrap;
    border-bottom:1px solid #ebebeb
}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-item .nav-link.active,.nav-tabs .nav-item:hover .nav-link{
    color:#222
}
.nav-link{
    display:block;
    margin-bottom:-.1rem;
    padding:1.6rem .2rem;
    font-size:1.5rem;
    font-weight:600;
    line-height:1;
    letter-spacing:-.01em;
    text-align:center;
    text-transform:uppercase;
    border-radius:0;
    border:0;
    transition:border .35s, color .35s, background-color .35s
}
.nav-item:not(:last-child){
    margin-right:2.5rem
}
.nav-fill .nav-item{
    flex:1
}
.tab-content{
    position:relative
}
.tab-content>.tab-pane{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    height:0 !important;
    opacity:0;
    z-index:-1;
    transition:visibility .3s, opacity .3s
}
.tab-content>.tab-pane:not(.active){
    overflow:hidden;
    visibility:hidden
}
.tab-content>.active{
    position:relative;
    height:auto !important;
    opacity:1;
    z-index:auto
}
.tab-pane{
    padding:2.3rem 0;
    line-height:1.72;
    color:#000
}
.tab-nav-simple .nav-link{
    border-bottom:2px solid transparent;
    background-color:transparent;
    color:#000
}
.tab-nav-simple .nav-item.show .nav-link,.tab-nav-simple .nav-item .nav-link.active,.tab-nav-simple .nav-item:hover .nav-link{
    border-bottom-color:#000
}
.tab-nav-center .nav{
    justify-content:center
}
.tab-nav-boxed .nav-item{
    margin-right:0
}
.tab-nav-boxed .nav-link{
    padding-left:2.4rem;
    padding-right:2.4rem
}
.tab-nav-round .nav-item:not(:last-child){
    margin-right:2px
}
.tab-nav-round .nav-link{
    margin-bottom:0;
    border-radius:2.3rem;
    background-color:#f2f3f5
}
.tab-nav-round .nav-tabs{
    border-bottom:0
}
.tab-boxed .tab-pane{
    padding-left:2rem;
    padding-right:2rem
}
.tab-outline .tab-content{
    border:1px solid #ebebeb
}
.tab-outline .nav-tabs{
    border-bottom:0
}
.tab-outline .nav-link{
    padding-top:1.4rem;
    padding-bottom:1.5rem;
    border:1px solid transparent;
    border-top-width:2px
}
.tab-outline .nav-item.show .nav-link,.tab-outline .nav-item .nav-link.active,.tab-outline .nav-item:hover .nav-link{
    border-color:#ebebeb;
    border-top-color:#000
}
.tab-outline2 .nav{
    position:relative;
    z-index:1
}
.tab-outline2 .tab-content{
    border:1px solid #ebebeb
}
.tab-outline2 .nav-tabs{
    border-bottom:0
}
.tab-outline2 .nav-link{
    padding:1.5rem 2.4rem;
    border:1px solid transparent
}
.tab-outline2 .nav-item.show .nav-link,.tab-outline2 .nav-item .nav-link.active,.tab-outline2 .nav-item:hover .nav-link{
    border-color:#ebebeb;
    border-bottom-color:#fff
}
.tab-vertical{
    display:flex
}
.tab-vertical .nav-tabs{
    flex-flow:column nowrap;
    width:27.8%;
    border:0;
    border-right:2px solid #ebebeb
}
.tab-vertical .tab-content{
    flex:1;
    padding-left:2rem
}
.tab-vertical .nav-item{
    margin-right:0
}
.tab-vertical .nav-link{
    position:relative;
    margin-right:-2px;
    padding-left:2rem;
    width:calc(100% + 2px);
    border:0;
    text-align:left
}
.tab-vertical .nav-link::after{
    content:'';
    display:block;
    position:absolute;
    right:0;
    width:2px;
    height:calc(100% - 6px);
    top:50%;
    transform:translateY(-50%);
    background-color:transparent;
    z-index:1
}
.tab-vertical .tab-pane{
    padding:1.7rem 0
}
.tab-vertical.tab-simple .nav-link{
    margin-right:-2px
}
.tab-vertical.tab-simple .nav-link::after{
    content:'';
    display:block;
    position:absolute;
    right:0;
    width:2px;
    height:calc(100% - 6px);
    top:50%;
    transform:translateY(-50%) scale(0);
    background-color:transparent;
    transition:transform .3s;
    z-index:1
}
.tab-vertical.tab-simple .nav-item.show .nav-link,.tab-vertical.tab-simple .nav-item .nav-link.active,.tab-vertical.tab-simple .nav-item:hover .nav-link{
    color:#000
}
.tab-vertical.tab-simple .nav-item.show .nav-link::after,.tab-vertical.tab-simple .nav-item .nav-link.active::after,.tab-vertical.tab-simple .nav-item:hover .nav-link::after{
    background-color:#000;
    transform:translateY(-50%) scale(1)
}
@media (max-width: 767px){
    .tab-vertical{
        flex-flow:column nowrap
    }
    .tab-vertical .tab-content,.tab-vertical .nav-tabs{
        width:100%
    }
    .tab-vertical .nav-tabs{
        border:0
    }
    .tab-vertical .tab-content{
        padding-left:0
    }
    .tab-vertical.tab-simple .nav-link::after{
        height:2px;
        width:100%;
        background-color:transparent;
        top:calc(100% - 2px);
        transform:scale(0)
    }
    .tab-vertical.tab-simple .nav-item.show .nav-link::after,.tab-vertical.tab-simple .nav-item .nav-link.active::after,.tab-vertical.tab-simple .nav-item:hover .nav-link::after{
        transform:scale(1)
    }
}
.tab-inverse .tab-content{
    border-color:#fff
}
.tab-inverse .nav-tabs{
    border:0
}
.tab-inverse .nav-link{
    margin:0;
    width:100%
}
.tab-inverse .nav-item.show .nav-link,.tab-inverse .nav-item .nav-link.active,.tab-inverse .nav-item:hover .nav-link{
    background-color:#fff;
    border-color:#fff
}
.tab-inverse.tab-simple .nav-link{
    padding-top:1.4rem;
    border-top:2px solid transparent
}
.tab-inverse.tab-simple .nav-item.show .nav-link,.tab-inverse.tab-simple .nav-item .nav-link.active,.tab-inverse.tab-simple .nav-item:hover .nav-link{
    border-top-color:#000
}
.tab-nav-solid .nav-link{
    padding-bottom:1.6rem;
    border:0
}
.tab-nav-solid .nav-item.show .nav-link,.tab-nav-solid .nav-item .nav-link.active,.tab-nav-solid .nav-item:hover .nav-link{
    color:#fff;
    background-color:#000;
    border-color:#000
}
@media (max-width: 767px){
    .nav-link{
        font-size:1.4rem
    }
    .tab-nav-boxed .nav-link{
        padding-left:1rem;
        padding-right:1rem
    }
}
@media (max-width: 479px){
    .tab-nav-round .nav-link{
        margin-bottom:.5rem
    }
}
.nav-filters{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    color:#000
}
.nav-filters li:not(:last-child){
    margin-right:1.8rem
}
.nav-filter{
    display:inline-block;
    position:relative;
    padding:.5rem 0;
    font-size:1.4rem;
    letter-spacing:-.01em;
    line-height:1;
    transition:color .3s
}
.nav-filter.active{
    color:#000
}
.filter-underline .nav-filter{
    border-bottom:1px solid transparent;
    transition:color .3s, border-color .3s
}
.filter-underline .nav-filter.active{
    border-color:#000
}
.mfp-wrap{
    z-index:9999
}
.mfp-bg{
    z-index:9999;
    background:#000;
    opacity:0;
    transition:opacity .3s ease-out
}
.mfp-bg.mfp-ready{
    opacity:.7
}
.mfp-bg.mfp-removing{
    opacity:0
}
.mfp-container{
    padding:4rem 2rem
}
.mfp-close{
    transform:rotateZ(45deg);
    transition:opacity .3s;
    width:18px;
    height:18px
}
.mfp-wrap .mfp-close{
    top:20px;
    right:20px
}
.mfp-content .mfp-close{
    top:-25px;
    right:0
}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{
    top:15px;
    right:0
}
.mfp-close span{
    display:none
}
.mfp-close::before,.mfp-close::after{
    content:'';
    display:block;
    position:absolute;
    background:#ccc;
    width:2px;
    height:100%;
    top:0;
    left:calc(50% - 1px)
}
.mfp-close::before{
    width:100%;
    height:2px;
    top:calc(50% - 1px);
    left:0
}
.pswp__button--arrow--left,.pswp__button--arrow--right,.mfp-arrow{
    width:4.8rem;
    height:4.8rem;
    color:#fff;
    border-radius:50%;
    font-size:2.4rem;
    font-weight:900;
    font-family:'Donald';
    text-align:center;
    opacity:.5;
    right:10%;
    transition:opacity .3s;
    border:2px solid
}
.pswp__ui>button::before{
    background:transparent;
    position:static;
    line-height:44px
}
.pswp__ui>button:hover{
    opacity:1
}
.pswp__button--arrow--right::before{
    content:"\e81a"
}
.mfp-arrow::before,.mfp-arrow::after{
    content:"\f054";
    position:static;
    display:inline;
    margin:0;
    border:0
}
.mfp-arrow::after{
    content:none
}
button.mfp-arrow{
    border:2px solid
}
.pswp__button--arrow--left,.mfp-arrow-left{
    left:10%
}
.pswp__button--arrow--left::before,.mfp-arrow-left::before{
    content:"\e819"
}
.mfp-content>*{
    position:relative;
    margin:auto;
    background:#fff;
    box-shadow:5px 5px 20px rgba(0,0,0,0.1);
    opacity:0
}
.mfp-ready .mfp-content>*{
    opacity:1
}
.mfp-removing .mfp-content>*{
    opacity:0
}
.login-popup{
    max-width:500px;
    padding:3.5rem 5rem 4.8rem
}
.login-popup .nav-link{
    padding:0 0 1px;
    color:#222;
    font-size:1.6rem;
    font-weight:700;
    letter-spacing:-.025em;
    line-height:2.43
}
.login-popup .nav-item{
    margin-bottom:-1px
}
.login-popup .nav-item:not(:last-child){
    margin-right:1px
}
.login-popup .nav-item.show .nav-link,.login-popup .nav-item .nav-link.active{
    color:#222;
    border-color:#000
}
.login-popup .tab-pane{
    padding-top:2.8rem;
    padding-bottom:0
}
.login-popup form{
    margin-bottom:2.3rem
}
.login-popup .form-group{
    margin-bottom:1.8rem
}
.login-popup .form-group label{
    display:inline-block;
    margin-bottom:8px;
    font-size:1.3rem;
    font-family:"Open Sans",sans-serif;
    line-height:1
}
.login-popup .form-group .form-control{
    height:3.7rem
}
.login-popup .form-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:2.5rem;
    font-size:1.2rem
}
.login-popup .btn{
    height:3.9rem;
    padding:0;
    font-size:1.3rem
}
.login-popup .lost-link{
    text-align:right;
    color:#ff7271
}
.login-popup .lost-link:hover{
    text-decoration:underline
}
.login-popup .form-choice label{
    display:block;
    margin-bottom:.3rem;
    font-size:1.2rem;
    color:#999
}
.newsletter-popup{
    display:flex;
    max-width:70rem;
    text-align:center;
    background-position:60% center;
    background-size:cover
}
.newsletter-popup h4{
    margin-bottom:.9rem;
    font-size:1.6rem
}
.newsletter-popup h2{
    margin-bottom:1.2rem;
    font-size:2.8rem;
    line-height:1.07;
    letter-spacing:-.025em
}
.newsletter-popup b{
    display:block;
    margin-top:.3rem;
    color:#222;
    font-size:3rem;
    letter-spacing:.025em
}
.newsletter-popup .btn{
    min-width:auto;
    padding:.5em 1.7em;
    font-size:1.3rem
}
.newsletter-popup p{
    max-width:100%;
    margin-bottom:1.8rem;
    padding:0 .5rem;
    font-size:1.3rem;
    line-height:2rem
}
.newsletter-popup label{
    color:#999;
    font-size:1.2rem
}
.newsletter-popup .email{
    border:0;
    color:#999;
    background:#f4f4f4
}
.newsletter-popup .form-control{
    border:1px solid #ccc;
    background:#fff;
    border-right:none
}
.newsletter-content{
    margin-left:auto;
    max-width:38.8rem;
    padding:6.6rem 4.2rem 6.4rem
}
.mfp-product .mfp-container{
    padding:4rem 3rem 2rem
}
.mfp-product .mfp-content{
    max-width:92.3rem;
    margin:auto
}
.mfp-product .product{
    background-color:#fff;
    padding:3rem 2rem
}
.mfp-product .mfp-close{
    position:absolute;
    top:-2.7rem;
    right:0
}
.pswp__bg{
    background-color:rgba(0,0,0,0.7)
}
.pswp__img--placeholder--blank{
    background-color:#F2F3F5
}
.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{
    background-color:transparent
}
.pswp__caption__center{
    text-align:center
}
.mfp-ready.mfp-zoom-popup .mfp-content{
    transform:scale(1)
}
.mfp-zoom-popup .mfp-content,.mfp-removing.mfp-zoom-popup .mfp-content{
    transition:.2s ease-in-out;
    transform:scale(0.8)
}
.mfp-ready.mfp-flip-popup .mfp-content{
    transform:translateY(0) perspective(600px) rotateX(0)
}
.mfp-flip-popup .mfp-content,.mfp-removing.mfp-flip-popup .mfp-content{
    transition:.3s ease-out;
    transform:translateY(-20px) perspective(600px) rotateX(20deg)
}
@media (max-width: 767px){
    .mfp-product .product{
        padding:2rem 1rem
    }
    .mfp-arrow{
        color:#444
    }
}
@media (min-width: 768px){
    .mfp-product .product-gallery{
        margin-bottom:0
    }
    .mfp-product div.product-details{
        overflow-y:auto;
        padding-bottom:0
    }
}
@media (max-width: 767px){
    .mfp-product div.product-details{
        margin-top:2rem
    }
    .newsletter-content{
        max-width:36rem;
        padding-left:2rem;
        padding-right:2rem
    }
    .login-popup{
        max-width:500px;
        padding:3.5rem 2rem
    }
}
.pagination{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    font-size:1.4rem;
    letter-spacing:.01em;
    justify-content:center
}
.page-link-prev,.page-link-next{
    font-weight:600
}
.page-link-prev i{
    margin-right:.5rem
}
.page-link-next i{
    margin-left:.5rem
}
.page-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:3rem;
    height:4rem;
    padding:0 .3rem;
    line-height:1;
    background-color:transparent;
    border:.1rem solid transparent;
    transition:border .3s
}
:hover>.page-link,.active>.page-link{
    border-color:#dadada;
    color:#222
}
.disabled>.page-link{
    color:#ccc
}
.page-link-next,.page-link-prev{
    min-width:8rem;
    padding:1.2rem;
    text-transform:uppercase
}
.page-item:not(:last-child){
    margin-right:.5rem
}
.page-item-dots{
    white-space:nowrap
}
.page-item-dots::before{
    content:'...';
    margin-top:-.9em;
    margin-right:.5rem;
    display:inline-block;
    vertical-align:middle
}
.show-info{
    margin:0;
    color:#ccc
}
.show-info span{
    margin:0 .5rem;
    color:#222
}
.page-item-total{
    margin-right:.5rem
}
@media (min-width: 576px){
    .page-item-dots,.page-item-total{
        margin-right:2rem
    }
}
.page-subtitle{
    margin-bottom:0;
    text-transform:uppercase;
    font-size:2rem;
    line-height:1.8
}
.page-title{
    margin-bottom:0;
    text-transform:uppercase;
    font-size:4rem;
    line-height:1.125;
    letter-spacing:-.025em;
    color:#222
}
.page-title+.breadcrumb{
    margin-top:.8rem
}
.breadcrumb-nav{
    border-bottom:1px solid #ebebeb
}
.breadcrumb-nav .breadcrumb{
    padding:1.4rem .5rem
}
.breadcrumb-nav .breadcrumb li:not(:last-child)::after{
    margin-left:1.2rem
}
.breadcrumb{
    display:flex;
    flex-wrap:wrap;
    color:#999;
    font-family:"Open Sans",sans-serif;
    font-size:1.4rem
}
.breadcrumb a{
    color:inherit
}
.breadcrumb a:hover{
    color:#222
}
.breadcrumb li:not(:last-child){
    padding-right:.8rem
}
.breadcrumb li:not(:last-child)::after{
    content:'\f105';
    position:relative;
    margin-left:.7rem;
    font-size:1.1rem;
    font-weight:600;
    font-family:'Font Awesome 5 Free'
}
.breadcrumb li:last-child{
    color:#222
}
.breadcrumb-sm{
    padding:1.1rem 0;
    color:inherit
}
.breadcrumb-sm li:last-child{
    color:inherit
}
.page-header{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    height:250px;
    background-color:#f2f3f5;
    background-position:center;
    background-size:cover;
    text-align:center;
    color:#222
}
.page-header .breadcrumb{
    justify-content:center
}
.bg-dark>.page-subtitle,.bg-dark>.page-title,.bg-dark>.breadcrumb li,.bg-dark>.breadcrumb a{
    color:#fff
}
.bg-dark>.breadcrumb li:not(:last-child){
    opacity:.5;
    transition:opacity .3s
}
.bg-dark>.breadcrumb li:hover{
    opacity:1
}
@media (max-width: 767px){
    .page-title{
        font-size:3.6rem
    }
}

.title {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    text-align: center;
    margin-bottom: 2.6rem;
    text-transform: none;
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.025em;
    color: #242c37;
    text-align: left;
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 22px;
    margin-top: 2px;
}

.title::before,.title::after{
    flex:1;
    content:'';
    height:2px;
    background-color:#edeef0
}
.title::before{
    margin-right:3rem
}
.title::after{
    margin-left:3rem
}
@media (max-width: 479px){
    .title::before{
        margin-right:1.5rem
    }
    .title::after{
        margin-left:1.5rem
    }
}
.title-wrapper .title{
    margin-bottom:.5rem
}
.title-wrapper p{
    margin-bottom:2.3rem;
    font-size:1.4rem;
    line-height:1.71;
    color:#999
}
.title-simple{
    display:block
}
.title-simple::before,.title-simple::after{
    content:none
}
.title-line:before{
    content:none
}
.title-underline{
    display:block;
    position:relative;
    text-align:left
}
.title-underline:after{
    margin:0;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:1
}
.title-underline:before{
    content:none
}
.title-underline span{
    display:inline-block;
    position:relative;
    z-index:2;
    line-height:2.28
}
.title-underline span::after{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:2px;
    bottom:0;
    background-color:#000
}
.title-icon{
    flex-direction:column
}
.title-icon>i{
    margin-top:1rem;
    font-size:1.4rem;
    color:#000
}
.title-icon::before,.title-icon::after{
    content:none
}
.title-white{
    color:#fff
}
.title-white::before,.title-white::after{
    background-color:#fff;
    opacity:.1
}
.title-white>.title{
    color:#fff
}
.title-white>.title::before,.title-white>.title::after{
    background-color:#fff;
    opacity:.1
}
.title-white>p{
    color:#fff;
    opacity:.5
}
.title-link{
    justify-content:space-between;
    padding:1rem 0;
    border-bottom:1px solid #e1e1e1
}
.title-link::before,.title-link::after{
    content:none
}
.title-link a{
    color:#444;
    font-size:1.2rem
}
.title-link a:hover{
    color:#000
}
.title-link i{
    font-size:1rem
}
.with-link{
    display:flex;
    justify-content:space-between;
    line-height:1
}
.with-link::after{
    background-color:#edeef0
}
.with-link a{
    display:inline-flex;
    align-items:center;
    margin-left:auto;
    font-size:1.2rem;
    font-family:"Open Sans",sans-serif;
    font-weight:700;
    letter-spacing:-.025em;
    color:#444;
    transition:color .3s
}
.with-link a:hover{
    color:#000
}
.with-link i{
    margin-left:.5rem;
    font-size:1.1rem;
    line-height:0
}
.menu-icon{
    display:inline-block;
    color:#fff;
    width:1.7rem
}
.menu-icon::before,.menu-icon::after{
    display:block;
    content:'';
    width:100%
}
.menu-icon::before{
    height:6px;
    border-top:2px solid;
    border-bottom:2px solid
}
.menu-icon::after{
    height:4px;
    border-bottom:2px solid
}
.minicart-icon{
    display:inline-block;
    position:relative;
    width:2.5em;
    height:2.5em;
    margin-top:1px;
    border:solid 2px;
    border-radius:2px;
    text-align:center;
    transition:background .4s, border-color .4s
}
.minicart-icon::before{
    content:'';
    position:absolute;
    top:-.75em;
    left:.585em;
    width:1em;
    height:.5em;
    border-radius:10px 10px 0 0;
    border:inherit;
    border-bottom:none;
    transition:transform .4s
}
.tooltiptext{
    position:absolute;
    padding:1rem .7rem;
    bottom:150%;
    left:48%;
    background-color:#333;
    color:#fff;
    font:400 1.3rem "Open Sans",sans-serif;
    letter-spacing:0.01em;
    text-align:center;
    visibility:hidden;
    opacity:0;
    transform:translateX(-50%);
    z-index:1;
    transition:opacity .3s
}
.tooltip-top::after{
    content:"";
    position:absolute;
    top:96%;
    left:50%;
    margin-left:-6px;
    border-width:6px;
    border-style:solid;
    border-color:#000 transparent transparent transparent
}
.btn{
    display:inline-block;
    border:2px solid #e4eaec;
    background-color:#e4eaec;
    color:#222;
    outline:0;
    border-radius:0;
    padding:1em 2em;
    font-weight:700;
    font-size:1.4rem;
    font-family:'Open Sans', sans-serif;
    letter-spacing:-0.025em;
    line-height:1.2;
    text-transform:uppercase;
    text-align:center;
    transition:color .3s, border-color .3s, background-color .3s, box-shadow .3s;
    white-space:nowrap;
    cursor:pointer
}
.btn:hover,.btn:active,.btn:focus{
    color:#222;
    border-color:#cfdadd;
    background-color:#cfdadd
}
.btn i{
    display:inline-block;
    margin-left:.4rem;
    line-height:0
}
.btn i::before{
    margin:0
}
.btn-solid{
    background-color:#fff;
    border-color:#fff;
    color:#222
}
.btn-solid:hover,.btn-solid:active,.btn-solid:focus{
    border-color:#222;
    background-color:#222;
    color:#fff
}
.btn-outline{
    border:1px solid #e4eaec;
    color:#000;
    background-color:transparent
}
.btn-outline:hover,.btn-outline:active,.btn-outline:focus{
    border-color:#000;
    background-color:#000;
    color:#fff
}
.btn-outline.btn-outline-light{
    padding:1.07em 2.21em;
    border-width:1px
}
.btn-outline.btn-bg{
    color:#fff
}
.btn-icon-left i,.btn-icon-right i,.btn-reveal-left i,.btn-reveal-right i{
    line-height:0
}
.btn-icon-right{
    display:inline-flex;
    align-items:center;
    justify-content:center
}
.btn-icon-right i{
    margin-left:.7rem
}
.btn-icon-left{
    display:inline-flex;
    align-items:center;
    justify-content:center
}
.btn-icon-left i{
    margin-right:.7rem
}
.btn-reveal-left i{
    opacity:0;
    margin-left:-1em;
    transform:translateX(0.5em);
    margin-right:0;
    transition:transform .3s, opacity .3s, margin .3s
}
.btn-reveal-left:hover i,.btn-reveal-left:active i,.btn-reveal-left:focus i{
    opacity:1;
    margin-left:0;
    transform:translateX(0);
    margin-right:.7rem
}
.btn-reveal-right i{
    opacity:0;
    margin-right:-1em;
    transform:translateX(-0.5em);
    margin-left:0;
    transition:transform .3s, opacity .3s, margin .3s
}
.btn-reveal-right:hover i,.btn-reveal-right:active i,.btn-reveal-right:focus i{
    opacity:1;
    margin-left:.7rem;
    transform:translateX(0);
    margin-right:0
}
.btn-slide-left:hover i,.btn-slide-left:active i,.btn-slide-left:focus i{
    animation:.5s ease slideLeft
}
.btn-slide-right:hover i,.btn-slide-right:active i,.btn-slide-right:focus i{
    animation:.5s ease slideRight
}
.btn-slide-up:hover i,.btn-slide-up:active i,.btn-slide-up:focus i{
    animation:.5s ease slideUp
}
.btn-slide-down:hover i,.btn-slide-down:active i,.btn-slide-down:focus i{
    animation:.5s ease slideDown
}
.btn-infinite:hover i{
    animation-iteration-count:infinite
}
@keyframes slideLeft{
    0%{
        transform:translateX(0)
    }
    50%{
        transform:translateX(-0.5em)
    }
    100%{
        transform:translateX(0)
    }
}
@keyframes slideRight{
    0%{
        transform:translateX(0)
    }
    50%{
        transform:translateX(0.5em)
    }
    100%{
        transform:translateX(0)
    }
}
@keyframes slideUp{
    0%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(-0.5em)
    }
    100%{
        transform:translateY(0)
    }
}
@keyframes slideDown{
    0%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(0.5em)
    }
    100%{
        transform:translateY(0)
    }
}
.btn-shadow-lg{
    box-shadow:0 13px 20px -10px rgba(0,0,0,0.15)
}
.btn-shadow-lg:hover,.btn-shadow-lg:active,.btn-shadow-lg:focus{
    box-shadow:0 13px 20px -10px rgba(0,0,0,0.2)
}
.btn-shadow{
    box-shadow:0 15px 20px -15px rgba(0,0,0,0.15)
}
.btn-shadow:hover,.btn-shadow:active,.btn-shadow:focus{
    box-shadow:0 15px 20px -15px rgba(0,0,0,0.2)
}
.btn-shadow-sm{
    box-shadow:0 17px 20px -20px rgba(0,0,0,0.15)
}
.btn-shadow-sm:hover,.btn-shadow-sm:active,.btn-shadow-sm:focus{
    box-shadow:0 17px 20px -20px rgba(0,0,0,0.2)
}
.btn-underline:hover::after,.btn-underline:active::after,.btn-underline:focus::after{
    transform:scaleX(1)
}
.btn-underline::after{
    display:block;
    margin-top:1px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    height:2px;
    border:1px solid;
    transform:scaleX(0);
    transition:transform .3s;
    content:''
}
.btn-underline i{
    margin-bottom:2px
}
.btn-underline.btn-underline-visible::after{
    transform:scaleX(1)
}
.btn-underline.btn-underline-width-sm::after{
    height:1px;
    border-bottom:0
}
.btn-underline.sm::after{
    width:46%
}
.btn-underline.lg::after{
    margin-left:-16.5%;
    margin-right:-16.5%;
    width:133%
}
.btn-link{
    padding:0;
    color:#222;
    border:0;
    background-color:transparent
}
.btn-link:hover,.btn-link:active,.btn-link:focus{
    background-color:transparent
}
.btn-disabled{
    pointer-events:none;
    background-color:#e4eaec !important;
    color:#999 !important;
    border-color:#e4eaec !important;
    box-shadow:none !important
}
.btn-disabled::before,.btn-disabled::after{
    content:none !important
}
.btn.btn-rounded{
    border-radius:2px
}
.btn.btn-rounded::before,.btn.btn-rounded::after{
    border-radius:2px
}
.btn.btn-ellipse{
    border-radius:24px
}
.btn.btn-ellipse::before,.btn.btn-ellipse::after{
    border-radius:24px
}
.btn.btn-block{
    display:block;
    padding-left:0;
    padding-right:0;
    width:100%
}
.btn.btn-lg{
    padding:1.3em 2.54em
}
.btn.btn-md{
    padding:.93em 1.33em;
    font-size:1.3rem
}
.btn.btn-sm{
    padding:.62em 1.22em;
    font-size:1.2rem
}
.btn.btn-link{
    padding:0
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none){
    .btn.btn-link{
        overflow:visible
    }
}
.btn-primary{
    color:#fff;
    border-color:#000;
    background-color:#000
}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{
    color:#fff;
    border-color:#000;
    background-color:#000
}
.btn-primary.btn-solid{
    color:#000;
    border-color:#fff;
    background-color:#fff
}
.btn-primary.btn-solid:hover,.btn-primary.btn-solid:active,.btn-primary.btn-solid:focus{
    border-color:#000;
    background-color:#000;
    color:#fff
}
.btn-primary.btn-outline{
    color:#000;
    border-color:#000;
    background-color:transparent
}
.btn-primary.btn-outline:hover,.btn-primary.btn-outline:active,.btn-primary.btn-outline:focus{
    background-color:#000;
    color:#fff
}
.btn-primary.btn-link{
    background-color:transparent;
    color:#000
}
.btn-primary.btn-link:hover,.btn-primary.btn-link:active,.btn-primary.btn-link:focus{
    color:#222
}
.btn-primary.btn-underline:hover,.btn-primary.btn-underline:active,.btn-primary.btn-underline:focus{
    color:#000
}
.btn-secondary{
    color:#fff;
    border-color:#ff7271;
    background-color:#ff7271
}
.btn-secondary:hover,.btn-secondary:active,.btn-secondary:focus{
    color:#fff;
    border-color:#ff9595;
    background-color:#ff9595
}
.btn-secondary.btn-solid{
    color:#ff7271;
    border-color:#fff;
    background-color:#fff
}
.btn-secondary.btn-solid:hover,.btn-secondary.btn-solid:active,.btn-secondary.btn-solid:focus{
    border-color:#ff7271;
    background-color:#ff7271;
    color:#fff
}
.btn-secondary.btn-outline{
    color:#ff7271;
    border-color:#ff7271;
    background-color:transparent
}
.btn-secondary.btn-outline:hover,.btn-secondary.btn-outline:active,.btn-secondary.btn-outline:focus{
    background-color:#ff7271;
    color:#fff
}
.btn-secondary.btn-link{
    background-color:transparent;
    color:#ff7271
}
.btn-secondary.btn-link:hover,.btn-secondary.btn-link:active,.btn-secondary.btn-link:focus{
    color:#222
}
.btn-secondary.btn-underline:hover,.btn-secondary.btn-underline:active,.btn-secondary.btn-underline:focus{
    color:#ff7271
}
.btn-alert{
    color:#fff;
    border-color:#b10001;
    background-color:#b10001
}
.btn-alert:hover,.btn-alert:active,.btn-alert:focus{
    color:#fff;
    border-color:#d50001;
    background-color:#d50001
}
.btn-alert.btn-solid{
    color:#b10001;
    border-color:#fff;
    background-color:#fff
}
.btn-alert.btn-solid:hover,.btn-alert.btn-solid:active,.btn-alert.btn-solid:focus{
    border-color:#b10001;
    background-color:#b10001;
    color:#fff
}
.btn-alert.btn-outline{
    color:#b10001;
    border-color:#b10001;
    background-color:transparent
}
.btn-alert.btn-outline:hover,.btn-alert.btn-outline:active,.btn-alert.btn-outline:focus{
    background-color:#b10001;
    color:#fff
}
.btn-alert.btn-link{
    background-color:transparent;
    color:#b10001
}
.btn-alert.btn-link:hover,.btn-alert.btn-link:active,.btn-alert.btn-link:focus{
    color:#222
}
.btn-alert.btn-underline:hover,.btn-alert.btn-underline:active,.btn-alert.btn-underline:focus{
    color:#b10001
}
.btn-success{
    color:#fff;
    border-color:#a8c26e;
    background-color:#a8c26e
}
.btn-success:hover,.btn-success:active,.btn-success:focus{
    color:#fff;
    border-color:#b7cd87;
    background-color:#b7cd87
}
.btn-success.btn-solid{
    color:#a8c26e;
    border-color:#fff;
    background-color:#fff
}
.btn-success.btn-solid:hover,.btn-success.btn-solid:active,.btn-success.btn-solid:focus{
    border-color:#a8c26e;
    background-color:#a8c26e;
    color:#fff
}
.btn-success.btn-outline{
    color:#a8c26e;
    border-color:#a8c26e;
    background-color:transparent
}
.btn-success.btn-outline:hover,.btn-success.btn-outline:active,.btn-success.btn-outline:focus{
    background-color:#a8c26e;
    color:#fff
}
.btn-success.btn-link{
    background-color:transparent;
    color:#a8c26e
}
.btn-success.btn-link:hover,.btn-success.btn-link:active,.btn-success.btn-link:focus{
    color:#222
}
.btn-success.btn-underline:hover,.btn-success.btn-underline:active,.btn-success.btn-underline:focus{
    color:#a8c26e
}
.btn-dark{
    color:#fff;
    border-color:#222;
    background-color:#222
}
.btn-dark:hover,.btn-dark:active,.btn-dark:focus{
    color:#fff;
    border-color:#343434;
    background-color:#343434
}
.btn-dark.btn-solid{
    color:#222;
    border-color:#fff;
    background-color:#fff
}
.btn-dark.btn-solid:hover,.btn-dark.btn-solid:active,.btn-dark.btn-solid:focus{
    border-color:#222;
    background-color:#222;
    color:#fff
}
.btn-dark.btn-outline{
    color:#222;
    border-color:#222;
    background-color:transparent
}
.btn-dark.btn-outline:hover,.btn-dark.btn-outline:active,.btn-dark.btn-outline:focus{
    background-color:#222;
    color:#fff
}
.btn-dark.btn-link{
    background-color:transparent;
    color:#222
}
.btn-dark.btn-link:hover,.btn-dark.btn-link:active,.btn-dark.btn-link:focus{
    color:#222
}
.btn-dark.btn-underline:hover,.btn-dark.btn-underline:active,.btn-dark.btn-underline:focus{
    color:#222
}
.btn-white{
    color:#000;
    background-color:#fff;
    border-color:#fff
}
.btn-white:hover,.btn-white:active,.btn-white:focus{
    color:#000;
    border-color:#fff;
    background-color:#fff
}
.btn-white.btn-outline{
    color:#fff;
    background-color:transparent;
    border-color:#fff
}
.btn-white.btn-outline:hover,.btn-white.btn-outline:active,.btn-white.btn-outline:focus{
    color:#000;
    background-color:#fff
}
.btn-white.btn-link{
    color:#fff;
    background-color:transparent
}
.btn-white.btn-link:hover,.btn-white.btn-link:active,.btn-white.btn-link:focus{
    color:#fff;
    background-color:transparent
}
.equal-height .product{
    height:100%
}
.product-shadow{
    transition:box-shadow .3s
}
.product-shadow:hover{
    box-shadow:0 15px 25px -20px rgba(0,0,0,0.5)
}
.product-label-round .product-label{
    padding:.5rem 1.1rem;
    border-radius:1rem
}
.text-center .product-details{
    padding-left:.5rem;
    padding-right:.5rem
}
.product-wrap{
    margin-bottom:1rem
}
.product{
    position:relative;
    font-family:'Open Sans', sans-serif;
    font-size:1.4rem;
    color:#999;
    transition:.3s
}
.product:hover .product-action,.product:hover .product-action-vertical{
    visibility:visible;
    opacity:1
}
.product-media:hover img:first-child{
    opacity:0
}
.product-media:hover img:last-child{
    opacity:1
}
.product-media{
    position:relative;
    margin-bottom:0;
    transition:box-shadow .3s
}
.product-media img{
    display:block;
    width:100%;
    height:150px!important;
    border-radius: 5px;
    border: 1px solid #cdcdcdcd;
    transition:all .5s
}
.product-media img:last-child{
    position:absolute;
    opacity:0;
    left:0;
    right:0;
    top:0;
    left:0;
    object-fit:cover
}
.product-media img:first-child{
    position:relative;
    opacity:1
}
.product-label-group{
    position:absolute;
    left:2rem;
    top:2rem;
    max-width:10rem
}
.product-label{
    display:inline-block;
    text-align:center;
    margin-bottom:.5rem;
    padding:0.5rem 1.1rem;
    font-size:1.1rem;
    border-radius:2px;
    font-weight:600;
    line-height:1;
    color:#fff;
    text-transform:uppercase
}
.product-label.label-new{
    background:#000
}
.product-label.label-sale{
    background:#ff7271
}
.product-label.label-top{
    background:#000
}
.product-label.label-stock{
    background:#999
}
.btn-product-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:3.6rem;
    height:3.6rem;
    margin-bottom:.5rem;
    border:1px solid #e1e1e1;
    border-radius:50%;
    background-color:white;
    color:#999;
    font-size:1.6rem;
    font-weight:700;
    transition:border-color .3s, color .3s, background-color .3s
}
.btn-product-icon.btn-cart i{
    margin-bottom:.2rem
}
.btn-product-icon:hover{
    border-color:#000;
    color:#fff;
    background-color:#000
}
.btn-product{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:1;
    padding:1.14em 0;
    background-color:#000;
    color:#fff;
    font-size:1.4rem;
    font-weight:700;
    line-height:1.2;
    letter-spacing:-.025em;
    text-transform:uppercase;
    transition:opacity .3s
}
.btn-product:hover{
    color:#fff
}
.btn-quickview{
    opacity:.8;
    transition:opacity .3s
}
.btn-quickview:hover{
    opacity:1
}
.btn-quickview i{
    font-size:1.4rem;
    font-weight:700
}
.btn-wishlist{
    line-height:1
}
.btn-wishlist.loading::before,.btn-wishlist.loading::after{
    z-index:1
}
.product-action-vertical{
    position:absolute;
    top:15px;
    right:15px;
    transition:opacity .3s, visibility .3s;
    opacity:0;
    visibility:hidden
}
.product-action-vertical .btn-wishlist.loading{
    overflow:hidden
}
.product-action{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    align-items:center;
    background-color:transparent;
    z-index:10;
    transition:opacity .3s, visibility .3s;
    opacity:0
}
.product-details{
    position:relative;
    padding-top:1.8rem;
    padding-bottom:0
}
.product-details>.btn-wishlist{
    position:absolute;
    top:1.7rem;
    right:1px;
    color:#999;
    z-index:1;
    font-size:1.6rem
}
.product-details>.btn-wishlist i{
    display:inline-block;
    margin:0;
    transition:transform .3s
}
.product-details>.btn-wishlist:hover{
    color:#000
}
.product-details>.btn-wishlist:hover i{
    transform:rotateY(180deg)
}
.product-details>:last-child{
    margin-bottom:0
}
.product-cat{
    margin-bottom:.4rem;
    font-size:1.1rem;
    font-weight:400;
    line-height:1;
    text-transform:uppercase
}
.product-cat a{
    display:inline-block
}
.product-cat a:hover{
    color:#000
}
.product-name{
    margin-bottom:.6rem;
    font-family:inherit;
    font-size:1.4rem;
    font-weight:400;
    color:#222;
    padding-right:20px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.product-name a:hover{
    color:#000
}

.product-price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
    color: #222;
}

.product-price .old-price{
    color:#ccc
}
.product-price .new-price{
    margin-right:1rem;
    text-decoration:none
}
.ratings-container{
    display:flex;
    align-items:center;
    margin-left:1px;
    line-height:1;
    margin-bottom:1.5rem;
    font-size:11px;
    letter-spacing:.2em
}
.ratings-full{
    cursor:pointer
}
.ratings-full,.ratings{
    position:relative;
    font-family:'Donald'
}
.ratings-full+.rating-reviews{
    margin-left:1rem
}
.ratings-full::before{
    content:"\e94b " "\e94b " "\e94b " "\e94b " "\e94b";
    color:rgba(0,0,0,0.16)
}
.ratings-full:hover .tooltiptext{
    visibility:visible;
    opacity:1
}
.ratings{
    position:absolute;
    top:0;
    left:0;
    white-space:nowrap;
    overflow:hidden
}
.ratings::before{
    content:"\e94b " "\e94b " "\e94b " "\e94b " "\e94b";
    color:#ff7271
}
.rating-reviews{
    margin:2px 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:1.1rem;
    color:#ccc;
    letter-spacing:0;
    text-transform:uppercase
}
.rating-reviews:hover{
    color:#000
}
.product-variations{
    display:flex
}
.ratings-container+.product-variations{
    margin-top:-5px
}
.product-variations>a:not(.size-guide){
    display:inline-block;
    position:relative;
    margin:3px 5px 3px 0;
    padding:0 5px;
    border-radius:2px;
    background-color:transparent;
    background-size:cover;
    font-size:1.2rem;
    font-family:inherit;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    width:2.6rem;
    height:2.6rem;
    color:#222;
    transition:.3s;
    border:1px solid #e1e1e1
}
.product-variations>a:not(.size-guide):last-child{
    margin-right:0
}
.product-variations .color:not(.active){
    border:none
}
.product-variations>a.active,.product-variations>a:not(.size-guide):hover{
    border:1px solid;
    box-shadow:inset 0 0 0 2px #fff
}
.product-details .product-action,.product-hide-details .product-action{
    position:relative;
    opacity:1
}
.product-details .product-action .btn-wishlist,.product-hide-details .product-action .btn-wishlist{
    position:static
}
.product-details .btn-cart,.product-hide-details .btn-cart{
    flex:1;
    min-width:9.5rem;
    max-width:12.3rem;
    height:4rem;
    padding:.97em 0;
    font-size:1.3rem;
    transition:color .3s, background-color .3s, border-color .3s;
    z-index:1
}
.product-details .btn-quickview,.product-hide-details .btn-quickview{
    margin:0 0 0 .8rem
}
.product-details .btn-product-icon,.product-hide-details .btn-product-icon{
    width:4rem;
    height:4rem;
    border:0;
    border-radius:0;
    background-color:#eee;
    color:#222;
    transition:color .3s, background-color .3s, visibility .3s
}
.product-details .btn-product-icon i,.product-hide-details .btn-product-icon i{
    font-size:1.6rem
}
.product-details .btn-product-icon:hover,.product-hide-details .btn-product-icon:hover{
    color:#fff;
    background-color:#000
}
.product-details .btn-quickview i,.product-hide-details .btn-quickview i{
    font-size:1.5rem
}
.product-details .btn-cart,.product-hide-details .btn-cart{
    color:#fff;
    background-color:#444
}
.product-details .btn-cart:hover,.product-hide-details .btn-cart:hover{
    color:#fff;
    background-color:#000
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .product-hide-details .btn-cart,.product-details .btn-cart{
        flex:0 0 12.3rem
    }
}
@media screen and (-ms-high-contrast: active) and (max-width: 575px), (-ms-high-contrast: none) and (max-width: 575px){
    .product-hide-details .btn-cart,.product-details .btn-cart{
        flex:0 0 9.5rem
    }
}
.product-classic .btn-quickview{
    opacity:1
}
.product-classic .btn-wishlist{
    margin:0 0 0 .8rem
}
.product-classic .btn-wishlist,.product-classic .btn-quickview{
    transform:translateX(-200%);
    opacity:0;
    visibility:hidden;
    transition:transform .3s, opacity .3s, visibility .3s, color .3s, background-color .3s, border-color .3s
}
.product-classic .btn-quickview{
    transition:transform .5s, opacity .5s, visibility .5s, color .3s, background-color .3s, border-color .3s
}
.product-classic .btn-cart{
    color:#222;
    background-color:#eee
}
.product-classic:hover .btn-wishlist,.product-classic:hover .btn-quickview{
    transform:translateX(0);
    opacity:1;
    visibility:visible
}
.product-classic:hover .btn-cart{
    color:#fff;
    background-color:#444
}
.product-classic:hover .btn-cart:hover{
    color:#fff;
    background-color:#000
}
.product-classic .product-details{
    padding-left:0
}
.product-slideup-content{
    overflow:hidden
}
.product-slideup-content .product-hide-details{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    transition:transform .3s;
    background-color:#fff
}
.product-slideup-content .btn-wishlist{
    position:static;
    margin:0 .8rem 0 0
}
.product-slideup-content .product-details{
    padding-bottom:1px;
    background-color:#fff;
    transition:transform .3s
}
.product-slideup-content .btn-wishlist,.product-slideup-content .btn-quickview{
    opacity:0;
    visibility:hidden;
    transition:transform .4s, opacity .3s, visibility .3s, color .3s, background-color .3s
}
.product-slideup-content .btn-quickview{
    transform:translateX(-200%)
}
.product-slideup-content .btn-wishlist{
    transform:translateX(200%)
}
.product-slideup-content:hover .btn-wishlist,.product-slideup-content:hover .btn-quickview{
    transform:translateX(0);
    opacity:1;
    visibility:visible
}
.product-slideup .btn-wishlist{
    position:static;
    margin:0 .8rem 0 0
}
.product-slideup .product-details{
    padding-bottom:0;
    background-color:#fff;
    transition:transform .3s
}
.product-slideup .ratings-container{
    margin-bottom:0
}
.product-slideup .btn-wishlist,.product-slideup .btn-quickview{
    opacity:0;
    visibility:hidden;
    transition:transform .4s, opacity .3s, visibility .3s, color .3s, background-color .3s
}
.product-slideup .btn-quickview{
    transform:translateX(-200%)
}
.product-slideup .btn-wishlist{
    transform:translateX(200%)
}
.product-slideup .product-action{
    display:flex;
    position:absolute;
    padding-top:1.5rem;
    top:100%;
    bottom:auto;
    visibility:hidden;
    opacity:0
}
.product-slideup:hover{
    transform:translateY(-58px)
}
.product-slideup:hover .btn-wishlist,.product-slideup:hover .btn-quickview{
    transform:translateX(0);
    opacity:1;
    visibility:visible
}
.product-slideup:hover .product-action{
    visibility:visible;
    opacity:1
}
.product-image-gap{
    padding:.9rem;
    border:1px solid #e1e1e1;
    background-color:#fff
}
.product-image-gap .product-details{
    padding:1.8rem 1rem 1rem
}
.product-image-gap .ratings-container{
    margin-bottom:0
}
.product-image-gap:hover{
    box-shadow:0 5px 30px rgba(0,0,0,0.05)
}
@media (max-width: 479px){
    .product-image-gap .product-details{
        padding:1.8rem 0 1rem
    }
}
.product-list{
    display:flex;
    align-items:center;
    margin-bottom:2rem
}
.product-list .product-media{
    flex:0 0 26rem;
    max-width:26rem;
    margin:0 2rem 0 0
}
.product-list .product-details{
    padding:0;
    flex:1
}
.product-list .product-label{
    font-size:1.1rem
}
.product-list .btn-quickview{
    opacity:1
}
.product-list .btn-wishlist{
    margin:0 0 0 .8rem
}
.product-list .btn-wishlist,.product-list .btn-quickview{
    transform:translateX(-200%);
    opacity:0;
    visibility:hidden;
    transition:transform .3s, opacity .3s, visibility .3s, color .3s, background-color .3s
}
.product-list .btn-quickview{
    transition:transform .5s, opacity .5s, visibility .5s, color .3s, background-color .3s
}
.product-list .btn-cart{
    color:#222;
    background-color:#eee
}
.product-list .ratings-container{
    margin-bottom:.8rem
}
.product-list .product-name{
    font-size:1.8rem;
    font-weight:600;
    letter-spacing:-.025em
}
.product-list .product-price{
    font-size:1.8rem;
    font-weight:600
}
.product-list .product-short-desc{
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin-bottom:1.3rem;
    text-transform:none;
    font-size:1.4rem;
    line-height:1.78;
    color:#000
}
.product-list:hover .btn-wishlist,.product-list:hover .btn-quickview{
    transform:translateX(0);
    opacity:1;
    visibility:visible
}
.product-list:hover .btn-cart{
    color:#fff;
    background-color:#444
}
.product-list:hover .btn-cart:hover{
    color:#fff;
    background-color:#000
}
.product-list-sm{
    display:flex;
    align-items:center;
    margin-bottom:2rem
}
.product-list-sm .product-media{
    flex:0 0 10rem;
    max-width:10rem;
    margin:0 1rem 0 0
}
.product-list-sm .product-details{
    padding:0
}
.product-list-sm .product-name{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin-bottom:.7rem;
    white-space:normal;
    color:#000
}
.product-list-sm .product-name:hover{
    color:#000
}
.product-list-sm .ratings-container{
    margin:0
}
.product-list-sm .product-price{
    font-size:1.4rem
}
.product-list-sm+.product-list{
    margin-top:2rem
}
.product-list-sm .btn-cart{
    margin-top:2rem;
    height:3.3rem;
    max-width:11.7rem;
    border:1px solid #d7d7d7;
    color:#ff7271;
    background:transparent;
    font-size:1.2rem
}
.product-list-sm .btn-cart:hover{
    border-color:#ff7271;
    background:#ff7271
}
.product.text-center .product-cat{
    padding:0
}
.product.text-center .product-price,.product.text-center .product-variations,.product.text-center .ratings-container,.product.text-center .product-action{
    justify-content:center
}
.product.shadow-media:hover .product-media{
    box-shadow:0px 20px 20px -16px rgba(0,0,0,0.5)
}
@media (max-width: 575px){
    .product-list{
        display:block
    }
    .product-list .product-media{
        margin:0;
        max-width:100%
    }
    .product-list .product-details{
        padding:1.8rem 0 2rem
    }
    .product-action-vertical{
        top:10px;
        right:10px
    }
}
@media (max-width: 479px){
    .product-details .btn-cart,.product-hide-details .btn-cart{
        height:3.6rem;
        padding:.85em 0
    }
    .product-action .btn-wishlist,.product-action .btn-quickview{
        max-height:3.6rem;
        padding:1rem 0
    }
}
@media (max-width: 375px){
    .product-details .btn-quickview,.product-hide-details .btn-quickview{
        margin-left:2px
    }
    .product-details .btn-wishlist,.product-hide-details .btn-wishlist{
        margin-left:2px
    }
    .product-slideup-content .btn-wishlist,.product-slideup .btn-wishlist{
        margin-right:2px
    }
}
.product-filters{
    margin-right:1.5rem
}
.banner{
    position:relative;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    font-size:1rem
}
.banner figure img{
    display:block;
    width:100%;
    height:auto
}
.banner.inner-banner::before{
    content:'';
    position:absolute;
    left:1rem;
    right:1rem;
    top:1rem;
    bottom:1rem;
    border:2px solid rgba(225,225,225,0.3);
    z-index:1
}
.banner.inner-banner .banner-content{
    z-index:2
}
.banner .banner-content{
    position:relative
}
.banner-subtitle{
    letter-spacing:-.025em;
    line-height:1
}
.banner-title,.banner-price-info{
    line-height:1
}
.banner-fixed>.container,.banner-fixed>.container-fluid,.banner-fixed>.banner-content{
    position:absolute;
    z-index:1
}
.banner-fixed>.container,.banner-fixed>.container-fluid{
    left:0;
    right:0;
    top:0;
    bottom:0
}
.banner-fixed.content-middle .banner-content{
    top:50%;
    transform:translateY(-50%)
}
.banner-fixed.content-center .banner-content{
    text-align:center;
    left:50%;
    transform:translateX(-50%)
}
.banner-fixed.content-center.content-middle .banner-content{
    transform:translate(-50%, -50%)
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .intro-slider .banner img{
        height:100%;
        width:100%
    }
}
.video-banner{
    position:relative
}
.video-banner .btn-play{
    display:inline-block;
    line-height:49px;
    width:51px;
    height:51px;
    font-size:22px;
    border-radius:50%;
    border:1px solid;
    transition:background-color .3s, border-color .3s
}
.video-banner .btn-play i{
    margin-left:4px
}
.video-banner .btn-play:hover{
    background-color:#000;
    border-color:#000
}
.banner-button-hide .banner-content{
    transition:padding .3s
}
.banner-button-hide .btn{
    position:absolute;
    bottom:0;
    transform:translateX(-50%);
    left:50%;
    transition:.3s
}
.banner-button-hide:not(:hover) .btn{
    margin:0;
    visibility:hidden;
    opacity:0
}
.banner-button-hide:hover .banner-content{
    padding-bottom:6.2rem
}
.category{
    position:relative;
    font-size:1rem
}
.category img{
    display:block;
    width:100%;
    height:auto;
    margin-left:auto;
    margin-right:auto
}
.category .category-name{
    margin-bottom:.3rem;
    font-size:1.4rem;
    font-weight:600;
    line-height:1.2;
    color:inherit;
    text-transform:uppercase
}
.category .category-name a{
    color:inherit
}
.category .category-name a:hover{
    text-decoration:underline
}
.category .category-count{
    font-size:1.2rem;
    line-height:1.2
}
.category-content{
    display:flex;
    align-items:center;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    transition:background .3s
}
.category-absolute .category-content{
    cursor:pointer;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:25%;
    min-height:5rem
}
.category-default{
    color:#fff
}
.category-default:hover .category-content{
    background-color:rgba(42,156,245,0.8)
}
.category-default .category-count{
    display:block;
    opacity:0;
    line-height:0;
    visibility:hidden;
    transition:opacity .3s, line-height .3s, visibility .3s
}
.category-default:hover .category-name{
    margin-bottom:.3rem
}
.category-default:hover .category-count{
    visibility:visible;
    line-height:1.2;
    opacity:1
}
.category-default .category-content{
    background-color:rgba(38,38,38,0.8)
}
.category-light{
    color:#999
}
.category-light:hover .category-content{
    background-color:rgba(42,156,245,0.8)
}
.category-light .btn{
    position:absolute;
    opacity:0;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    font-size:1.3rem;
    font-weight:600;
    transition:opacity .3s, bottom .3s, transform .3s
}
.category-light .category-name{
    color:#222;
    transition:color .3s
}
.category-light .category-count{
    text-transform:uppercase;
    transition:color .3s, opacity .3s
}
.category-light .category-content{
    bottom:2rem;
    height:27.7%;
    background-color:rgba(255,255,255,0.8)
}
.category-light .category-content:hover .btn{
    bottom:calc(50% - 5px);
    transform:translate(-50%, 100%);
    opacity:1
}
.category-light .category-content:hover .category-count{
    opacity:0
}
.category-light:hover{
    color:#fff
}
.category-light:hover .category-name{
    color:#fff
}
.category-icon{
    padding:2.4rem .5rem;
    border:2px solid #e1e1e1;
    color:#222;
    text-align:center;
    transition:border .3s
}
.category-icon i{
    margin-bottom:1.5rem;
    font-size:3.6rem;
    color:#000;
    transition:transform .3s
}
.category-icon .category-name{
    margin:0;
    color:#222
}
.category-icon:hover{
    border-color:#000
}
.category-icon:hover i{
    color:#000;
    transform:translateY(-4px)
}
.category-icon:hover .category-content{
    background:transparent
}
.category-icon-inline{
    display:inline-flex;
    align-items:center
}
.category-icon-inline .category-media{
    font-size:3.2rem;
    line-height:1;
    color:#444;
    transition:color .3s
}
.category-icon-inline .category-media i{
    margin-right:.8rem
}
.category-icon-inline .category-media svg{
    display:block;
    margin-right:1rem;
    width:3.5rem;
    height:3.9rem;
    stroke:#444;
    fill:#444;
    transition:stroke .3s
}
.category-icon-inline .category-name{
    margin:0;
    text-transform:none;
    text-align:left;
    font-size:1.3rem;
    font-weight:inherit;
    font-family:inherit;
    line-height:1.08;
    color:inherit;
    transition:color .3s
}
.category-icon-inline:hover .category-media,.category-icon-inline:hover .category-name{
    color:#000
}
.category-icon-inline:hover svg{
    stroke:#000;
    fill:#000
}
.category-icon-inline:hover i,.category-icon-inline:hover svg{
    animation:slideUpShorter .6s
}
@keyframes slideUpShorter{
    0%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(-4px)
    }
    100%{
        transform:translateY(0)
    }
}
.category-ellipse .category-media{
    border-radius:50%;
    overflow:hidden;
    -webkit-mask-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}
.category-ellipse .category-content{
    background-color:#fff
}
.category-ellipse .category-name{
    letter-spacing:-.025em;
    color:#222
}
.category-ellipse .category-name:hover{
    color:#000
}
.category-ellipse .category-count{
    opacity:0;
    color:#999;
    transition:opacity .3s
}
.category-ellipse:hover .category-count{
    opacity:1
}
.category-group-image,.category-group-icon{
    display:flex;
    align-items:center;
    border:1px solid #e1e1e1
}
.category-group-image>*,.category-group-icon>*{
    flex:1
}
.category-group-image{
    color:#000
}
.category-group-image .category-content{
    position:static;
    padding:2rem 0;
    background:transparent;
    text-align:left;
    align-items:flex-start
}
.category-group-image .category-name{
    margin-bottom:1.5rem;
    text-transform:none;
    font-size:1.6rem;
    font-weight:400;
    color:#222
}
.category-group-image .category-list{
    font-family:"Open Sans",sans-serif;
    font-size:1.3rem;
    line-height:1.2
}
.category-group-image .category-list li:not(:last-child){
    margin-bottom:.5rem
}
.category-group-image .category-list a{
    position:relative;
    display:inline-block;
    transition:text-decoration .3s
}
.category-group-image .category-list a:hover{
    color:#222;
    text-decoration:underline
}
.category-group-image .category-list a:active{
    color:#000
}
.category-group-image:hover .category-name{
    margin-bottom:1.5rem
}
.category-group-image:hover .category-content{
    background:transparent
}
.category-group-icon{
    display:flex;
    align-items:center;
    border:0;
    color:#fff
}
.category-group-icon>*{
    flex:1
}
.category-group-icon .category-media{
    text-align:center
}
.category-group-icon .category-media i{
    display:inline-block;
    font-size:5rem;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:1.8rem;
    line-height:1;
    transition:transform .3s;
    color:#fff
}
.category-group-icon>a{
    padding-right:1rem
}
.category-group-icon>a:hover i{
    transform:translateY(-0.5rem)
}
.category-group-icon .category-content{
    padding-top:4rem;
    padding-bottom:4rem;
    background:transparent;
    text-align:left;
    align-items:flex-start
}
.category-group-icon .category-name{
    margin-bottom:0;
    text-align:center;
    letter-spacing:-.025em;
    color:#fff
}
.category-group-icon .category-list{
    font-family:"Open Sans",sans-serif;
    font-size:1.3rem;
    line-height:1.2
}
.category-group-icon .category-list li{
    white-space:nowrap
}
.category-group-icon .category-list li::before{
    content:'\f105';
    padding-right:.8rem;
    font-family:'Font Awesome 5 Free';
    font-size:1.3rem;
    font-weight:600;
    color:#999
}
.category-group-icon .category-list li:not(:last-child){
    margin-bottom:.5rem
}
.category-group-icon .category-list a{
    position:relative;
    display:inline-block;
    transition:text-decoration .3s
}
.category-group-icon .category-list a:hover{
    color:inherit;
    text-decoration:underline
}
.category-group-icon:hover .category-name{
    margin-bottom:0
}
.category-group-icon:hover .category-content{
    background:transparent
}
.category-banner{
    overflow:hidden;
    color:#222
}
.category-banner.text-white{
    color:#fff
}
.category-banner.text-white .btn{
    color:#fff
}
.category-banner .category-content{
    top:4.5rem;
    left:5rem;
    bottom:auto;
    width:auto;
    height:auto;
    align-items:flex-start;
    z-index:1;
    background-color:transparent;
    transition:top .3s, padding .3s
}
.category-banner .category-name{
    text-transform:none;
    text-align:left;
    font-size:2rem;
    font-family:inherit;
    letter-spacing:-.025em
}
.category-banner .category-count{
    visibility:visible;
    opacity:1;
    font-size:1.4rem;
    line-height:1.2;
    transition:color .3s;
    z-index:1
}
.category-banner .btn{
    position:absolute;
    opacity:0;
    bottom:0;
    left:0;
    transition:transform .3s, opacity .3s
}
.category-banner:hover .category-content{
    top:3rem;
    padding-bottom:3rem;
    background-color:transparent
}
.category-banner:hover .btn{
    opacity:1
}
.category-badge .category-name{
    margin:0;
    padding:1.8rem 0;
    color:#222
}
.category-badge .btn{
    position:absolute;
    padding:1.28em 0;
    top:100%;
    left:0;
    opacity:0;
    height:100%;
    transition:top .3s, opacity .3s
}
.category-badge .category-content{
    left:2rem;
    top:2rem;
    bottom:auto;
    width:19.6rem;
    height:auto;
    z-index:1;
    overflow:hidden;
    background-color:#fff
}
.category-badge .category-content:hover .btn{
    top:0;
    opacity:1
}
.category-overlay .category-content{
    align-items:center;
    width:100%
}
.category-overlay .category-count{
    padding:0;
    line-height:0;
    opacity:0;
    transform:translateY(-1rem);
    transition:transform .3s, opacity .3s, line-height .3s, padding .3s
}
.category-overlay .category-name{
    margin:0
}
.category-overlay:hover .category-content{
    padding:0;
    top:50%
}
.category-overlay:hover .category-count{
    padding-top:1rem;
    transform:translateY(0);
    opacity:1
}
.category-block{
    display:flex;
    align-items:center;
    justify-content:center;
    height:10.7rem;
    padding:1.5rem;
    color:#fff;
    background-color:#333;
    transition:background-color .3s
}
.category-block .category-name{
    margin:0;
    text-align:center;
    font-weight:400;
    line-height:1.7rem;
    text-transform:none
}
.category-block:hover{
    background-color:#000
}
.category-block:hover .category-name{
    color:#fff
}
.sidebar-active .sidebar .sidebar-overlay,.right-sidebar-active .right-sidebar .sidebar-overlay{
    visibility:visible;
    opacity:1
}
.sidebar-active .sidebar .sidebar-content,.right-sidebar-active .right-sidebar .sidebar-content{
    transform:translateX(0);
    opacity:1
}
.sidebar-active .page-wrapper{
    margin-left:250px;
    margin-right:-250px
}
.right-sidebar-active .page-wrapper{
    margin-left:-250px;
    margin-right:250px
}
.sidebar-overlay,.sidebar-toggle,.sidebar-content,.sidebar-close{
    position:fixed;
    top:0;
    left:0;
    z-index:1200
}
.sidebar-overlay{
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.8);
    opacity:0;
    visibility:hidden;
    transition:visibility .4s, opacity .4s
}
.sidebar-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
    top:160px;
    width:40px;
    height:40px;
    font-size:1.4rem;
    color:#fff;
    background-color:rgba(28,26,26,0.8)
}
.sidebar-close{
    margin:0;
    left:calc(100vw - 50px);
    top:25px;
    transition:opacity .3s
}
.sidebar-content{
    bottom:0;
    width:30rem;
    padding:2rem;
    transform:translateX(-100%);
    overflow:auto;
    background-color:#fff;
    opacity:0;
    line-height:1.3;
    transition:transform .4s, opacity .4s
}
.sidebar-content .sidebar-close{
    display:flex;
    position:static;
    align-items:center;
    margin-bottom:2rem;
    text-transform:uppercase;
    letter-spacing:-.025em;
    line-height:1
}
.sidebar-content .d-icon-times{
    width:1.6rem;
    height:1.6rem;
    margin-right:.6rem
}
.right-sidebar{
    order:2
}
.right-sidebar .sidebar-toggle{
    left:auto;
    right:0
}
.right-sidebar .sidebar-close{
    left:50px
}
.right-sidebar .sidebar-content{
    transform:translateX(100%);
    left:auto;
    right:0
}
@media (max-width: 991px){
    .sidebar-content{
        width:30rem
    }
    .right-sidebar .sidebar-close{
        left:20px
    }
}
@media (min-width: 992px){
    .sidebar-fixed .sidebar-toggle,.sidebar-fixed .sidebar-overlay{
        display:none
    }
    .sidebar-fixed .sidebar-content{
        position:relative;
        overflow:visible;
        padding:0;
        opacity:1;
        z-index:1
    }
    .sidebar-fixed .sidebar-content{
        width:auto;
        transform:none
    }
}
.right-sidebar .sidebar-content::-webkit-scrollbar{
    width:0
}
.tag{
    display:inline-block;
    padding:1px .9rem 0;
    margin-bottom:1rem;
    margin-left:.14rem;
    border:1px solid #e1e1e1;
    font-size:1.2rem;
    line-height:1.58;
    letter-spacing:-.01em
}
.tag:hover{
    color:#000
}
.blog-sidebar .form-control{
    border-color:#e1e1e1
}
.blog-sidebar .widget-about .widget-title{
    margin-bottom:1.3rem
}
.blog-sidebar .widget-categories{
    margin-bottom:1.2rem
}
.blog-sidebar .widget-categories .widget-title{
    margin-bottom:.8rem
}
.blog-sidebar .filter-items li:not(:last-child){
    border-bottom:0
}
.blog-sidebar .filter-items a{
    padding:.9rem 0
}
.blog-sidebar .tag{
    padding:1.5px 1rem;
    transition:color .3s, background-color .3s, border-color .3s
}
.blog-sidebar .tag:hover{
    background-color:#000;
    border-color:#000;
    color:#fff
}
.widget-collapsible>.widget-title{
    position:relative;
    cursor:pointer
}
.widget-collapsible .toggle-btn{
    display:block;
    position:absolute;
    top:30px;
    right:2px;
    padding:0;
    width:10px;
    opacity:1
}
.widget-collapsible .toggle-btn::before,.widget-collapsible .toggle-btn::after{
    content:'';
    position:absolute;
    border-top:2px solid #666;
    width:10px;
    transition:transform .3s
}
.widget-collapsible>.collapsed .toggle-btn::before{
    transform:rotate(90deg)
}
.widget-collapsible>.collapsed .toggle-btn::after{
    transform:rotate(180deg)
}
.collapsed+.widget-body{
    display:none
}
.filter-actions{
    padding-bottom:2rem
}
.filter-price-slider{
    font-size:1.3rem
}
.filter-price-slider+.filter-actions{
    padding-bottom:1.5rem;
    padding-left:2px
}
.toolbox .btn-link{
    padding:0
}
.filter-clean{
    font-size:1.4rem;
    margin-left:auto;
    letter-spacing:-.025em
}
.filter-items a{
    position:relative;
    display:block;
    padding:1rem 0 1rem 28px
}
.filter-items a:hover{
    color:#000
}
.filter-items a::before{
    content:'';
    position:absolute;
    border:1px solid #ccc;
    width:18px;
    height:18px;
    border-radius:2px;
    top:50%;
    transform:translateY(-50%);
    left:2px;
    font-size:.7em;
    font-weight:900;
    font-family:'Font Awesome 5 Free';
    text-align:center;
    text-indent:1px;
    line-height:1.7em
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5){
    .filter-items a::before{
        text-indent:0
    }
}
.filter-items .active>a::before{
    content:"\f00c";
    color:#fff;
    background-color:#222;
    border-color:#222
}
.filter-items.search-ul a{
    padding-left:2px
}
.filter-items.search-ul a::before{
    content:none
}
.filter-items>li:not(:last-child){
    border-bottom:1px solid #eee
}
.filter-items li span{
    position:absolute;
    right:2px;
    color:#ccc;
    font-family:"Open Sans",sans-serif
}
.filter-items .with-ul>a>i{
    content:'\f068';
    position:absolute;
    top:50%;
    right:0;
    line-height:0;
    margin:-1rem -3px 0 0;
    padding:1rem 5px;
    font-size:1rem;
    font-family:'Font Awesome 5 Free';
    font-weight:600;
    transition:transform .3s
}
.filter-items .show>a{
    color:#000
}
.filter-items .show>a i{
    transform:rotate(-180deg)
}
.filter-items ul{
    display:none;
    position:relative;
    padding-left:1.3rem;
    margin-bottom:1rem
}
.filter-items ul::before{
    content:'';
    position:absolute;
    left:2px;
    top:4px;
    bottom:3px;
    border-left:1px solid #eee
}
.filter-items ul a{
    padding:5.5px 0
}
.filter-items .color{
    top:50%;
    display:inline-block;
    margin-right:.8rem;
    margin-top:-4.5px;
    width:.9rem;
    height:.9rem;
    border-radius:50%
}
.shop-sidebar{
    position:relative
}
.shop-sidebar .sidebar-content{
    padding:3rem
}
.shop-sidebar .filter-actions{
    padding-top:0
}
.shop-sidebar .widget-title{
    padding:2.2rem 0 1.4rem 2px;
    margin:0;
    border:none;
    border-top:3px solid #eee;
    font-weight:600;
    transition:padding-bottom .4s
}
.shop-sidebar .collapsed{
    padding-bottom:2.2rem
}
.shop-sidebar .collapsed ~ .widget-body{
    opacity:.1
}
.shop-sidebar .widget-body{
    margin-bottom:1.1rem;
    transition:opacity .3s
}
.shop-sidebar .btn-outline:not(:hover){
    color:#000;
    background:#fff
}
.shop-sidebar .sidebar-toggle-btn,.shop-sidebar .left-sidebar-toggle{
    padding:.8em 1.04em
}
.widget-products .widget-title{
    margin-bottom:2rem;
    border-top:0;
    border-bottom:1px solid #e1e1e1
}
.widget-products .product-price{
    color:#000
}
.widget-products .owl-nav i{
    font-size:1.7rem
}
.widget-products .owl-nav{
    top:-5.5rem
}
@media (min-width: 992px){
    .shop-sidebar .sidebar-content{
        padding-top:5rem
    }
    .sidebar:not(.closed) .sticky-sidebar-fixed>.filter-actions{
        visibility:hidden
    }
    .sidebar-fixed{
        transition:margin .4s
    }
    .sidebar-fixed .filter-actions:first-child{
        padding-top:3rem
    }
    .sidebar-fixed.shop-sidebar .sidebar-content{
        padding:0 0 2rem
    }
    .sidebar-fixed+.main-content{
        transition:flex-basis .4s, max-width .4s
    }
    .sticky-sidebar-wrapper.closed{
        height:0
    }
    .closed.sidebar{
        margin-left:-25%
    }
    .closed.right-sidebar{
        margin-right:-25%
    }
    .closed+.main-content{
        max-width:100%;
        flex-basis:100%
    }
    .main-content-wrap{
        overflow:hidden
    }
    .sidebar-toggle-remain .toggle-remain{
        position:absolute;
        transition:.4s;
        left:0
    }
}
@media (min-width: 992px) and (-ms-high-contrast: active), (min-width: 992px) and (-ms-high-contrast: none){
    .sidebar-toggle-remain .toggle-remain{
        top:2.7rem
    }
}
@media (min-width: 992px){
    .sidebar-toggle-remain .filter-clean{
        line-height:3.7rem
    }
    .sidebar-toggle-remain.sidebar.closed .toggle-remain{
        left:calc(100% + 30px)
    }
    .sidebar-toggle-remain.sidebar.closed .toggle-remain i::before{
        content:"\e97e"
    }
    .sidebar-toggle-remain.sidebar.closed+*>.toolbox:first-child{
        padding-left:10rem
    }
    .sidebar-toggle-remain.sidebar .toggle-remain::before{
        content:'';
        position:absolute;
        background-color:#fff;
        right:calc(100% + 2px);
        width:20px;
        bottom:-2px;
        top:-2px
    }
    .sidebar-toggle-remain.right-sidebar.closed .toggle-remain{
        left:-3rem;
        transform:translateX(-100%)
    }
    .sidebar-toggle-remain.right-sidebar.closed .toggle-remain i::before{
        content:"\f273"
    }
    .sidebar-toggle-remain.right-sidebar.closed+*>.toolbox:first-child{
        padding-right:10rem
    }
}
.product-thumbs-wrap,.product-single-carousel{
    flex-basis:100%;
    max-width:100%
}
.product-single-carousel .owl-nav .owl-prev,.product-single-carousel .owl-nav .owl-next{
    color:#242c37;
    border:0
}
.product-image{
    position:relative
}
.product-thumbs-wrap{
    position:relative;
    margin-top:1rem;
    overflow:hidden
}
.product-thumbs-wrap img{
    display:block
}
.product-thumbs-wrap button{
    display:flex;
    justify-content:center;
    align-items:center;
    width:2.4rem;
    border:0;
    transition:opacity .3s, transform .3s;
    z-index:1;
    opacity:0;
    box-shadow:0 0 1rem rgba(0,0,0,0.1);
    -webkit-appearance:none;
    cursor:pointer
}
.product-thumbs-wrap:hover button:not(.disabled){
    opacity:.9;
    transform:none
}
.product-thumbs-wrap button:not(.disabled):hover{
    opacity:1
}
.product-thumbs-wrap>button{
    display:none
}
.product-thumbs-wrap button,.product-thumbs .owl-nav .owl-prev,.product-thumbs .owl-nav .owl-next{
    background-color:#fff;
    color:#000;
    font-size:1.6rem
}
.product-thumbs-wrap button,.product-thumb::before{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0
}
.product-thumbs{
    transition:top .3s ease-out;
    display:flex
}
.product-thumbs.owl-carousel{
    margin:0 -.5rem;
    width:calc(100% + 1rem)
}
.product-thumbs .owl-stage{
    display:flex
}
.product-thumbs .owl-prev{
    transform:translateX(-100%);
    left:.5rem
}
.product-thumbs .owl-next{
    left:auto;
    right:.5rem;
    transform:translateX(100%)
}
.product-thumb{
    position:relative;
    margin:0 .5rem;
    cursor:pointer
}
.product-thumb::before{
    content:'';
    transition:border-color .3s;
    border:2px solid transparent
}
.product-thumb.active::before{
    border-color:#000
}
.product-single{
    color:inherit
}
.product-single .product-details{
    padding:0 0 3rem
}
.container-fluid .product-single .product-details{
    padding-top:4px
}
aside+div .product-single .product-details{
    padding-top:2px
}
.product-single .product-cat{
    margin-bottom:1.3rem;
    color:#999;
    font-size:1.3rem;
    font-weight:400;
    letter-spacing:-.025em
}
.product-single .product-cat span{
    margin-right:.7rem
}
.product-single .product-name{
    font-size:2.6rem;
    font-weight:700;
    letter-spacing:-.025em;
    white-space:normal
}
.product-single .product-price{
    display:block;
    margin-bottom:1.3rem;
    color:#ff7271;
    font-size:3rem;
    font-weight:700;
    letter-spacing:-.025em;
    line-height:1.2
}
.product-single .old-price{
    font-size:2.4rem;
    font-weight:600
}
.product-single .rating-reviews{
    font-size:1.2rem
}
.product-single .rating-reviews:not(:hover){
    color:#999
}
.product-single .ratings-container{
    margin-bottom:1.9rem;
    font-size:16px
}
.product-single .ratings-full{
    margin-top:-2px
}
.product-single .ratings::before{
    color:#000
}
.product-single label{
    color:#242c37;
    font-weight:600;
    text-transform:uppercase
}
.product-single .product-action{
    display:inline-block
}
.product-single .divider{
    margin-left:1.9rem;
    margin-right:1.8rem
}
.product-single .nav-link{
    font-size:1.4rem
}
.product-single .social-links{
    margin-right:3rem
}
.product-single .product-footer>*{
    margin-bottom:1rem
}
.product-single .btn-wishlist,.product-single .btn-compare{
    display:inline-block;
    padding:0;
    color:#999;
    background-color:transparent;
    font-size:1.2rem;
    font-weight:600;
    transition:color .3s
}
.product-single .btn-wishlist i,.product-single .btn-compare i{
    display:inline-block;
    margin:0 .5rem .3rem 0;
    vertical-align:middle;
    font-size:1.8rem;
    line-height:0
}
.product-single .btn-wishlist:hover,.product-single .btn-compare:hover{
    color:#000
}
.product-single .btn-compare i{
    font-size:2.1rem
}
.product-single .quantity{
    font-weight:700
}
.product-single .product-meta+.product-countdown-container{
    margin-top:.4rem
}
.product-single .product-countdown-container{
    display:inline-flex;
    align-items:center;
    margin-bottom:2.5rem;
    padding:1rem 1.6rem;
    border:1px solid #444;
    background-color:#444;
    text-transform:none;
    line-height:1;
    color:#fff
}
.product-single .product-countdown-container label{
    margin-right:.5rem;
    text-transform:none;
    font-weight:400;
    color:#fff
}
.product-single .product-countdown-container .product-sale-info{
    position:relative;
    padding-right:1.5rem
}
.product-single .product-countdown-container .product-sale-info i{
    margin-right:.8rem
}
.product-single .product-countdown-container .product-sale-info::after{
    content:'';
    display:block;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:2.4rem;
    background:rgba(255,255,255,0.2)
}
.product-single .product-countdown-container .product-sale-info+label{
    margin-left:1.5rem
}
.product-single .product-label-group{
    top:2rem;
    left:2.5rem;
    z-index:2
}
.product-single .product-label{
    color:#fff
}
.product-single .product-variations>a:not(.size-guide){
    width:3rem;
    height:3rem
}
.product-single .color{
    border:0
}
.product-single .size{
    width:3.6rem
}
.product-meta{
    margin-bottom:1.5rem;
    color:#999;
    font-size:1.2rem;
    letter-spacing:-.025em
}
.product-meta span{
    margin:0 1.9rem 0 3px
}
.product-form{
    display:flex;
    align-items:flex-start;
    flex-wrap:nowrap;
    line-height:3rem;
    margin:0 0 1rem
}
.product-form>label{
    min-width:7rem;
    margin-bottom:1rem
}
.product-form.product-variations{
    line-height:37px
}
.product-form .select-box::before{
    right:1.4rem;
    font-size:1.2rem;
    color:#222
}
.product-form select{
    max-width:none;
    padding:.8rem 3rem .8rem 1.4rem;
    color:#222;
    border-color:#ccc;
    font-size:1.3rem
}
.product-form .product-variations{
    display:block;
    margin-top:-3px;
    margin-bottom:-3px
}
.product-form.product-qty{
    line-height:4.5rem
}
.product-form .input-group{
    margin-right:1rem
}
.product-form .btn-cart{
    border:0;
    flex:1;
    min-width:13rem;
    font-size:1.4rem;
    background-color:#000;
    cursor:pointer;
    max-width:20.7rem;
    height:4.5rem
}
.product-form .btn-cart:disabled{
    background-color:#8bc9fa;
    cursor:not-allowed
}
.product-form .btn-cart i{
    margin-right:.8rem;
    margin-top:-1px;
    font-size:1.8rem;
    line-height:0;
    vertical-align:middle
}
.product-form .btn-cart i::before{
    margin:0
}
.product-form .btn-cart:hover:not(:disabled){
    background-color:#0b8cf0
}
.product-form-group{
    position:relative;
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
    flex:1
}
.product-form-group>*{
    margin-bottom:1rem
}
.product-form-group>:not(:last-child){
    margin-right:2rem
}
.product-form-group .product-variations{
    margin-bottom:7px
}
.size-guide{
    display:inline-flex;
    align-items:center;
    font-weight:300
}
.size-guide i{
    margin-right:.5rem;
    font-size:1.5rem;
    line-height:0
}
.product-variation-price{
    display:none;
    padding-top:25px
}
.product-variation-price span{
    margin-bottom:1rem;
    color:#222;
    font-size:2.4rem;
    font-weight:700;
    letter-spacing:-.025em
}
.product-variation-clean{
    display:block;
    position:absolute;
    margin-top:1rem;
    padding:.3em 1em;
    left:0;
    top:calc(100% - 10px);
    font-size:1.2rem;
    line-height:1.6;
    background:#e1e1e1
}
@media (min-width: 992px){
    .pg-vertical .product-thumbs-wrap{
        order:-1;
        max-width:109px;
        margin:0 1rem 0 0
    }
    .pg-vertical .product-single-carousel{
        max-width:calc(100% - 119px)
    }
    .pg-vertical .product-thumbs{
        display:block;
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0
    }
    .pg-vertical .product-thumb{
        margin:0 0 1rem
    }
    .pg-vertical .thumb-up,.pg-vertical .thumb-down{
        display:flex;
        width:100%;
        height:2.4rem
    }
    .pg-vertical .thumb-up{
        transform:translateY(-100%)
    }
    .pg-vertical .thumb-up i::before{
        content:"\f077"
    }
    .pg-vertical .thumb-down{
        top:auto;
        transform:translateY(100%)
    }
    .pg-vertical .thumb-down i::before{
        content:"\f078"
    }
    .pg-vertical .product-label-group{
        left:14rem
    }
}
.product-single.product-sticky-both .p-sticky{
    top:88px
}
.product-single.product-sticky-both .product-details{
    padding:0
}
.product-popup .divider{
    margin-left:1.5rem;
    margin-right:1.4rem
}
.minipopup-area{
    position:fixed;
    left:30px;
    bottom:30px;
    z-index:2000
}
.minipopup-box{
    position:absolute;
    left:-8rem;
    width:273px;
    padding:2rem;
    background-color:#fff;
    box-shadow:0 5px 20px rgba(0,0,0,0.1);
    transform:translateY(-100%);
    opacity:0;
    transition:opacity .3s, left .3s ease-out, transform .3s
}
.minipopup-box.show{
    opacity:1;
    left:0
}
.minipopup-box.focus{
    transform:scale(0.95) translateY(-100%)
}
.minipopup-box .product-name{
    display:block;
    font-size:1.3rem;
    margin-bottom:3px
}
.minipopup-box .product-name:hover{
    color:#000
}
.minipopup-box .product-list-sm{
    margin-bottom:2rem
}
.minipopup-box img{
    max-width:9rem;
    max-height:9rem
}
.minipopup-box .ratings-container{
    margin-bottom:0
}
.minipopup-box .product-price{
    color:#000;
    margin-bottom:3px
}
.minipopup-title{
    border:1px dashed;
    padding:.6rem .4rem .6rem 1.5rem;
    color:#999;
    font-size:1.3rem
}
.minipopup-title .btn{
    margin-left:1rem
}
.overlay,.overlay-visible{
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    color:#fff;
    transition:padding .3s ease-out, background-color .3s, opacity .3s
}
.overlay{
    padding-top:10rem;
    background:rgba(0,0,0,0.3);
    opacity:0
}
a>.overlay{
    cursor:pointer
}
figure:hover .overlay{
    padding-top:0;
    opacity:1
}
.overlay.social-links{
    flex-direction:row
}
.overlay .social-links{
    justify-content:center
}
.overlay a:hover{
    color:#fff;
    text-decoration:underline
}
.overlay a.social-link{
    border-color:#fff
}
.overlay .social-link:hover{
    color:#fff;
    text-decoration:none
}
figure:hover .overlay-visible{
    background:rgba(42,156,245,0.9);
    padding-bottom:9rem
}
.overlay-transparent{
    background:transparent
}
.overlay-dark figure,.overlay-dark .banner,.overlay-light figure,.overlay-light .banner{
    position:relative
}
.overlay-dark figure::after,.overlay-dark figure>a::after,.overlay-dark.banner::after,.overlay-light figure::after,.overlay-light figure>a::after,.overlay-light.banner::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#222;
    opacity:0;
    transition:opacity .3s, background .3s, transform .3s
}
.overlay-dark:hover figure::after,.overlay-dark:hover figure>a::after,.overlay-dark.banner:hover::after,.overlay-light:hover figure::after,.overlay-light:hover figure>a::after,.overlay-light.banner:hover::after{
    opacity:.1
}
.overlay-dark.banner-fixed::after,.overlay-dark.post>figure::after,.overlay-light.banner-fixed::after,.overlay-light.post>figure::after{
    content:none
}
.overlay-dark.post>figure>a::after,.overlay-light.post>figure>a::after{
    z-index:1
}
.overlay-light figure::after,.banner.overlay-light::after{
    background:#ccc
}
.overlay-zoom{
    overflow:hidden
}
.overlay-zoom img{
    transition:transform .3s
}
.overlay-zoom:hover img{
    transform:scale(1.08)
}
.header{
    font-family:'Open Sans', sans-serif;
    letter-spacing:-.025em;
    background:#fff
}
.header .container,.header .container-fluid,.header .inner-wrap{
    display:flex;
    align-items:center
}
.header .inner-wrap{
    width:100%
}
.header-transparent{
    position:absolute;
    width:100%;
    left:0;
    top:0;
    z-index:20;
    background:transparent
}
.header-transparent .fixed{
    background:#222
}
.header-top,.header-middle,.header-bottom{
    display:flex
}
.header-border{
    border-bottom:1px solid #eee
}
.has-center .header-left,.has-center .header-right{
    flex:1
}
.has-center .header-right{
    justify-content:flex-end
}
.has-center .header-center{
    margin-left:2rem;
    margin-right:2rem
}
.header-left,.header-right,.header-center{
    display:flex;
    align-items:center
}
.header-right{
    margin-left:auto
}
.header-top{
    background:#f2f3f5;
    font-size:1.1rem;
    letter-spacing:-.014em;
    text-transform:uppercase
}
.header-top .header-right>*{
    margin-left:2rem
}
.header-top .header-right>*:first-child{
    margin-left:0
}
.currency-dropdown a,.language-dropdown a{
    white-space:nowrap
}
.header-middle{
    padding-top:5px;
    padding-bottom:5px;
    color:#444;
    background:#fff;
    font-size:1.2rem;
    font-weight:700
}
.header-middle .logo{
    margin-right:4.1rem
}
.header-middle .main-nav{
    margin-right:1.5rem
}
.header-middle .header-right .cart-dropdown{
    margin-right:0 !important
}
.logo{
    max-width:200px
}
.logo img{
    display:block
}
.header-bottom{
    color:#fff;
    background:#424242;
    font-size:1.3rem
}
.welcome-msg{
    margin:0;
    padding:7px 0;
    font-size:inherit;
    font-weight:inherit;
    font-family:inherit;
    letter-spacing:inherit;
    line-height:1.5;
    white-space:nowrap
}
.header-search{
    position:relative
}
.header-search .input-wrapper{
    display:flex;
    position:relative
}
.header-search input.form-control{
    flex:1;
    min-width:40px;
    padding:1.1rem 1.5rem;
    border:0;
    background-color:#eee;
    font-size:1.2rem;
    letter-spacing:inherit
}
.header-search .btn-search{
    padding:0;
    min-width:40px;
    background-color:#000;
    border:0;
    color:#fff;
    font-size:1.4rem
}
.header-search .btn-search i{
    margin:0
}
.header-search .select-box{
    background-color:#f4f4f4
}
.header-search .select-box select{
    position:relative;
    max-width:116px;
    padding-left:20px;
    padding-right:15px;
    border:0;
    font-weight:600;
    z-index:1
}
.header-search.hs-toggle .input-wrapper{
    position:absolute;
    right:-1.5rem;
    top:100%;
    min-width:30rem;
    padding:2rem;
    height:8rem;
    background-color:#fff;
    box-shadow:0 2px 35px rgba(0,0,0,0.1);
    visibility:hidden;
    opacity:0;
    transform:translate3d(0, -10px, 0);
    z-index:100;
    transition:transform .4s .2s, visibility .4s .2s, opacity .4s .2s
}
.header-search.hs-toggle::after{
    content:'';
    position:absolute;
    z-index:1000;
    left:50%;
    top:calc(100% - 19px);
    transform:translate3d(-50%, -5px, 0);
    border:11px solid transparent;
    border-bottom:11px solid #fff;
    visibility:hidden;
    opacity:0;
    transition:transform .4s .2s, visibility .4s .2s, opacity .2s .2s
}
.header-search.hs-toggle:hover .input-wrapper,.header-search.hs-toggle.show .input-wrapper{
    transform:translate3d(0, 0, 0);
    visibility:visible;
    transition:transform .4s;
    opacity:1
}
.header-search.hs-toggle:hover::after,.header-search.hs-toggle.show::after{
    /*visibility:visible;
    transform:translate3d(-50%, 0, 0);
    opacity:1;
    transition:transform .4s*/
}
.header-search.hs-toggle:hover{
    color:#000
}
.header-search.hs-expanded{
    max-width:53rem;
    width:100%
}
.header-search.hs-expanded .input-wrapper{
    width:100%
}
.header-search.hs-expanded .select-box{
    width:13.2rem;
    margin-right:2px;
    border-radius:2rem 0 0 2rem;
    color:#444
}
.header-search.hs-expanded .select-box,.header-search.hs-expanded .select-box select{
    cursor:pointer
}
.header-search.hs-expanded .select-box::before{
    right:15px
}
.header-search.hs-expanded input.form-control{
    flex:1;
    color:#0a0a0a;
    background-color:#f4f4f4;
    margin-right:2px
}
.header-search.hs-expanded .btn-search{
    padding-right:5px;
    border-radius:0 1.9rem 1.9rem 0;
    background-color:#f4f4f4;
    color:#444;
    font-size:1.6rem
}
.header-search.hs-expanded .btn-search:hover{
    color:#000
}
.header-search.search-left .input-wrapper{
    left:0;
    right:auto
}
.header-search.hs-simple{
    max-width:26rem;
    width:100%
}
.header-search.hs-simple input.form-control{
    padding:0 4rem 0 2rem;
    border-radius:25px;
    border:1px solid #e1e1e1;
    font-family:inherit;
    background-color:#fff;
    color:#999
}
.header-search.hs-simple .btn-search{
    position:absolute;
    background:transparent;
    color:#333;
    min-width:43px;
    height:100%;
    border-radius:25px;
    right:0
}
.header-search.hs-simple .btn-search:hover{
    color:#000
}
.mobile-search{
    display:none
}
.mobile-search .search-toggle i{
    font-size:2rem;
    vertical-align:middle
}
.hs-toggle.dir-up::after{
    top:auto;
    bottom:100%;
    border-bottom-color:transparent;
    border-top-color:#fff
}
.hs-toggle.dir-up .input-wrapper{
    top:auto;
    bottom:100%;
    transform:translate3d(0, 10px, 0)
}
.search-toggle{
    display:inline-block;
    vertical-align:middle;
    padding:1.1rem 0;
    transition:color .3s
}
.search-toggle span{
    cursor:pointer
}
.search-toggle i{
    font-size:1.4rem;
    font-weight:400;
    line-height:.9
}
.search-toggle.with-label{
    display:inline-flex;
    align-items:center
}
.search-toggle.with-label i{
    display:inline-block;
    vertical-align:middle;
    margin-bottom:2px;
    font-size:1.6rem
}
.search-toggle.with-label span{
    margin-left:.5rem;
    cursor:pointer;
    font-weight:inherit;
    letter-spacing:inherit;
    text-transform:uppercase
}
.header .login,.header .call{
    margin-right:1.5rem
}
.login{
    display:flex;
    align-items:center
}
.login span{
    cursor:pointer;
    font-weight:inherit;
    text-transform:uppercase
}
.login i{
    margin-top:-2px;
    font-size:2.6rem;
    line-height:1
}
.login i+span{
    margin-left:.9rem
}
.login:hover{
    color:#000
}
.call{
    display:flex;
    align-items:center
}
.call span{
    font-weight:inherit;
    text-transform:uppercase;
    cursor:pointer
}
.call i+span{
    margin-left:.9rem
}
.call i{
    margin:0 0.2rem 0.2rem 0;
    font-size:2.6rem;
    cursor:pointer
}
.call:hover{
    color:#000
}
.wishlist{
    display:inline-flex;
    align-items:center;
    transition:color .3s;
    margin-right:1.8rem
}
.wishlist span{
    font-weight:inherit;
    cursor:pointer
}
.wishlist i{
    font-size:2.6rem;
    line-height:1;
    cursor:pointer
}
.wishlist:hover{
    color:#000
}
@keyframes fixedTop{
    from{
        transform:translateY(-100%);
        transform-origin:center top 0px
    }
    to{
        transform:translateY(0)
    }
}
@keyframes fixedBottom{
    from{
        transform:translateY(100%);
        transform-origin:center top 0px
    }
    to{
        transform:translateY(0)
    }
}
.sticky-header.fixed{
    position:fixed;
    top:0;
    width:100%;
    padding-top:0;
    padding-bottom:0;
    background:#242c37;
    box-shadow:0 2px 5px rgba(0,0,0,0.1);
    z-index:1100;
    animation:fixedTop .4s
}
@media (max-width: 991px){
    .sticky-wrapper{
        height:auto !important
    }
}
.mobile-menu-toggle{
    display:none;
    font-size:2.5rem;
    color:#222
}
.mobile-menu-toggle.menu-bar::before,.mobile-menu-toggle.menu-bar::after{
    content:'';
    display:block;
    width:100%
}
.mobile-menu-toggle.menu-bar::before{
    height:11px;
    border-top:2px solid;
    border-bottom:2px solid
}
.mobile-menu-toggle.menu-bar::after{
    height:9px;
    border-bottom:2px solid
}
@media (max-width: 1199px){
    .main-nav .menu>li{
        margin-right:1.5rem
    }
    .header-middle .logo{
        margin-right:2rem
    }
    .header-middle .divider{
        display:none
    }
}
@media (max-width: 1023px){
    .header .login span,.header .wishlist span{
        display:none
    }
}
@media (max-width: 991px){
    .header .main-nav,.header .divider,.header .login{
        display:none
    }
    .header-top .header-left{
        margin-right:2rem
    }
    .header-middle .header-left,.header-middle .header-right{
        flex:1
    }
    .header-middle .header-right{
        justify-content:flex-end
    }
    .header-middle .header-center{
        margin-left:auto;
        margin-right:auto
    }
    .header-middle .logo{
        margin-right:0
    }
    .header-middle .header-search{
        display:none
    }
    .mobile-menu-toggle{
        display:block
    }
}
@media (max-width: 767px){
    .header .cart-dropdown{
        display:none
    }
    .header-middle .mobile-search{
        display:block
    }
}
@media (max-width: 480px){
    .header-top .header-left{
        position:relative;
        overflow:hidden
    }
    .welcome-msg{
        transform:translateX(0);
        animation:6s linear 2s 1 show_msg_first, 12s linear 8s infinite show_msg
    }
}
@keyframes show_msg_first{
    from{
        transform:translateX(0%)
    }
    to{
        transform:translateX(-100%)
    }
}
@keyframes show_msg{
    from{
        transform:translateX(100%)
    }
    to{
        transform:translateX(-100%)
    }
}
.label-down{
    display:flex;
    flex-direction:column;
    align-items:center
}
.label-down i{
    display:inline-block
}
.label-down span{
    display:block
}
.label-down i+span{
    margin-top:.7rem
}
.mobile-link{
    display:block;
    margin-right:0;
    margin-bottom:-3px
}
.mobile-link i{
    font-size:2.4rem
}
.mobile-link+.mobile-link{
    margin-left:2rem
}
.mobile-link:hover{
    color:#000
}
@media (min-width: 768px){
    .mobile-link{
        display:none
    }
    .mobile-menu-toggle{
        color:#000
    }
}
.dropdown{
    position:relative
}
.dropdown:hover .dropdown-box,.dropdown.show .dropdown-box{
    visibility:visible;
    opacity:1;
    top:100%
}
.dropdown:hover::after,.dropdown.show::after{
    visibility:visible;
    opacity:1;
    top:calc(100% - 20px);
    transform:translate3d(-50%, 0, 0)
}
.dropdown:hover .dropdown-box,.dropdown.show .dropdown-box{
    transform:translate3d(0, 0, 0)
}
.dropdown:hover>a,.dropdown.show>a{
    color:#000
}
.dropdown::after{
    content:'';
    position:absolute;
    z-index:1000;
    left:50%;
    top:-9999px;
    transform:translate3d(-50%, -8px, 0);
    border:11px solid transparent;
    border-bottom:11px solid #fff;
    transition:opacity .2s ease-out, transform .2s ease-out;
    visibility:hidden;
    opacity:0;
    cursor:pointer
}
.dropdown a{
    display:flex;
    align-items:center
}
.dropdown a .dropdown-image{
    max-width:1.4rem;
    margin-right:.7rem;
    height:auto
}
.dropdown>a{
    line-height:1.1;
    padding:9px 0
}
.dropdown>a::after{
    display:inline-block;
    margin-left:6px;
    font-family:'Font Awesome 5 Free';
    font-weight:600;
    font-size:8px;
    line-height:1;
    content:'\f078'
}
.dropdown li.active>a,.dropdown li:hover>a{
    color:#000
}
.dropdown.dir-up::after{
    border-bottom-color:transparent;
    border-top:11px solid #fff;
    transform:translate3d(-50%, 8px, 0)
}
.dropdown.dir-up:hover .dropdown-box,.dropdown.dir-up.show .dropdown-box{
    top:auto;
    bottom:100%
}
.dropdown.dir-up:hover::after,.dropdown.dir-up.show::after{
    top:auto;
    bottom:calc(100% - 20px);
    transform:translate3d(-50%, 0, 0)
}
.dropdown-box{
    position:absolute;
    right:0;
    top:-9999px;
    margin:0;
    padding:.5rem 0;
    color:#000;
    background-color:#fff;
    box-shadow:0 2px 35px rgba(0,0,0,0.1);
    z-index:1000;
    visibility:hidden;
    opacity:0;
    transition:transform .2s ease-out, opacity .2s, visibility .2s;
    transform:translate3d(0, -10px, 0)
}
.dropdown-box a{
    padding:.6rem 1rem
}
.dropdown-box li{
    font-size:inherit;
    line-height:1.1
}
.dir-up .dropdown-box{
    transform:translate3d(0, 10px, 0)
}
@media (min-width: 992px){
    .dropdown-expanded::after{
        content:none
    }
    .dropdown-expanded>a{
        display:none
    }
    .dropdown-expanded .dropdown-box{
        position:static;
        display:flex;
        visibility:visible;
        opacity:1;
        background-color:transparent;
        box-shadow:none;
        border:0;
        padding:9px 0;
        transform:none;
        color:inherit
    }
    .dropdown-expanded .dropdown-box a{
        padding:0
    }
    .dropdown-expanded .dropdown-box>li{
        margin-right:1.95rem
    }
    .dropdown-expanded .dropdown-box>li:last-child{
        margin-right:0
    }
}
@media (max-width: 991px){
    .dropdown.dropdown-expanded li:hover>a{
        color:#000
    }
}
.cart-dropdown .cart-toggle{
    padding:0.6rem 0
}
.cart-dropdown .cart-toggle::after{
    content:none
}
.cart-dropdown .cart-label{
    display:block;
    cursor:pointer;
    margin:0 0.7rem 0 0;
    font-weight:inherit;
    text-transform:uppercase;
    letter-spacing:inherit
}
.cart-dropdown .cart-name{
    margin-right:5px
}
.cart-dropdown .cart-name:after{
    content:'/';
    margin-left:6px
}
.cart-dropdown .cart-price{
    color:#000
}
.cart-dropdown .minicart-icon{
    display:inline-block;
    font-size:2.6rem;
    margin-top:-2px;
    line-height:1
}
.cart-dropdown .minicart-icon2{
    display:inline-block;
    font-size:2.6rem;
    margin-top:-2px;
    line-height:1
}
.cart-dropdown .cart-count{
    display:inline-block;
    transition:color .4s;
    font-size:1.3rem;
    font-weight:600;
    line-height:25px;
    color:#000
}
.cart-dropdown .cart-total{
    display:flex;
    justify-content:center;
    margin-top:1.5rem;
    margin-bottom:1.5rem;
    border-top:1px solid #edeef0;
    border-bottom:1px solid #edeef0;
    font-size:1.4rem;
    line-height:3;
    letter-spacing:normal
}
.cart-dropdown .cart-total label{
    margin-right:.5rem;
    line-height:inherit;
    color:#999;
    font-weight:400;
    font-family:Poppins,sans-serif
}
.cart-dropdown .cart-total .price{
    font-weight:700;
    color:#222
}
.cart-dropdown .cart-action{
    column-gap:10px
}
.cart-dropdown .cart-action .btn{
    display:flex;
    justify-content:center;
    border-radius:3px;
    padding:.53em 2em;
    line-height:1.5;
    letter-spacing:.01em
}
.cart-dropdown:hover .minicart-icon{
    background:#000
}
.cart-dropdown:hover .minicart-icon::before{
    transform:rotateY(180deg)
}
.cart-dropdown:hover .cart-count{
    color:#fff
}
.cart-dropdown .dropdown-box{
    padding:2rem 3rem 3rem;
    min-width:33.5rem
}
.cart-dropdown .products{
    max-height:360px;
    overflow-x:hidden;
    margin-right:-5px;
    padding-right:5px
}
.cart-dropdown.cart-dropdown-white .cart-label,.cart-dropdown.cart-dropdown-white .cart-price,.cart-dropdown.cart-dropdown-white .cart-count{
    color:#fff
}
.cart-dropdown.cart-dropdown-white .minicart-icon{
    border-color:#fff
}
.cart-dropdown.cart-dropdown-white:hover .minicart-icon{
    background-color:#fff
}
.cart-dropdown.cart-dropdown-white:hover .cart-count{
    color:#000
}
.cart-dropdown.type2 .cart-toggle{
    flex-direction:column;
    align-items:center
}
.cart-dropdown.type2 .cart-label{
    margin:0
}
.cart-dropdown.type2:hover{
    color:#000
}
.cart-dropdown.type2 .cart-count{
    position:absolute;
    right:0;
    top:0px;
    width:1.9rem;
    height:1.9rem;
    text-align:center;
    line-height:1.8rem;
    font-size:1.1rem;
    border-radius:50%;
    background-color:#000;
    color:#fff;
    z-index:1
}
.product.product-cart-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:4px;
    padding-bottom:3px;
    border-bottom:1px solid #edeef0
}
.product.product-cart-header span{
    font-size:1.4rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:-0.025em;
    line-height:1;
    color:#222529
}
.product.product-cart-header .product-cart-counts{
    border-bottom:4px solid transparent
}
.product.product-cart-header a{
    padding-right:0;
    padding-bottom:1rem;
    color:#222529;
    line-height:1
}
.product.product-cart-header a:hover{
    text-decoration:underline
}
.product.product-cart{
    display:flex;
    align-items:center;
    margin-top:1.5rem;
    font-size:1.3rem
}
.product.product-cart .product-media{
    position:relative;
    width:9rem;
    height:9rem;
    margin-right:1rem
}
.product.product-cart .product-media a{
    padding:0
}
.product.product-cart .product-detail{
    flex:1;
    margin:0 1rem 0rem 0
}
.product.product-cart .product-name{
    white-space:normal;
    padding:0;
    margin-bottom:.8rem;
    font-size:1.3rem;
    line-height:1.54;
    letter-spacing:-.35px;
    font-family:Poppins,sans-serif;
    color:#000
}
.product.product-cart .product-name:hover{
    color:#000
}
.product.product-cart .price-box{
    display:flex;
    align-items:center;
    font-weight:600;
    line-height:1
}
.product.product-cart .product-price{
    font-size:1.4rem;
    letter-spacing:-.35px
}
.product.product-cart .product-quantity{
    align-items:center;
    display:flex;
    margin-right:0.8rem;
    color:#999;
    font-size:1.2rem;
    font-weight:600;
    font-family:Poppins,sans-serif
}
.product.product-cart .product-quantity::after{
    margin-left:.8rem;
    font-size:1.1rem;
    content:'X';
    text-transform:none;
    line-height:0;
    font-weight:600;
    margin-bottom:1px
}
.product.product-cart .product-price{
    margin:0;
    color:#ff7271;
    font-family:Poppins,sans-serif
}
.product.product-cart .btn-close{
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    width:2.2rem;
    height:2.2rem;
    top:-.9rem;
    right:-1rem;
    border-radius:50%;
    background-color:#fff;
    color:#222;
    box-shadow:0 2px 6px 0 rgba(0,0,0,0.4);
    font-size:1.2rem
}
.product.product-cart .btn-close i{
    margin-right:4px;
    margin-top:0px
}
.product.product-cart:last-child{
    margin-bottom:0
}
.product.product-cart img{
    width:9rem;
    height:9rem
}
@media (max-width: 991px){
    .cart-dropdown .cart-label{
        display:none
    }
}
@media (max-width: 575px){
    .sticky-footer .dropdown-box{
        right:1.5rem
    }
    .cart-dropdown .product .product-media{
        margin-right:1rem
    }
    .cart-dropdown .dropdown-box{
        padding:3rem;
        min-width:29.4rem
    }
    .cart-dropdown .cart-total{
        font-size:1.3rem
    }
    .cart-dropdown .cart-action .btn{
        padding:.53em 0;
        display:flex;
        justify-content:center
    }
}
.category-dropdown>a{
    padding:1.7rem 1.7rem;
    background:#000
}
.category-dropdown>a::after{
    content:none
}
.category-dropdown>a i{
    font-size:1.8rem
}
.category-dropdown>a span{
    margin-left:1rem
}
.category-dropdown .dropdown-box{
    padding:0;
    left:0;
    min-width:28rem;
    box-shadow:none;
    background-color:#f4f4f4;
    transition:opacity .2s, z-index 0s, transform .2s ease-out;
    visibility:hidden;
    top:100%
}
.category-dropdown::before,.category-dropdown::after{
    left:25px
}
.category-dropdown::after{
    border-bottom-color:#f4f4f4;
    visibility:hidden;
    top:calc(100% - 20px)
}
.category-dropdown.menu-fixed .dropdown-box,.category-dropdown.menu-fixed::after{
    visibility:hidden
}
.category-dropdown.dropdown.show .dropdown-box{
    box-shadow:0 2px 10px rgba(0,0,0,0.1);
    transform:translate3d(0, 0, 0);
    transition:opacity .5s, z-index 0s, transform 0s
}
.category-dropdown.dropdown.show .dropdown-box,.category-dropdown.dropdown.show::after{
    visibility:visible
}
.category-dropdown.dropdown.show::after{
    transform:translate3d(-50%, 0, 0)
}
.category-dropdown.has-border::after{
    border-bottom-color:#fff
}
.category-dropdown.has-border::before{
    content:'';
    position:absolute;
    z-index:1000;
    top:-9999px;
    transform:translateX(-50%);
    border:11px solid transparent;
    border-bottom:11px solid #e1e1e1;
    transition:opacity .4s ease;
    visibility:hidden;
    opacity:0;
    cursor:pointer
}
.category-dropdown.has-border .dropdown-box{
    background-color:#fff;
    border:1px solid #e1e1e1
}
.category-dropdown.has-border.menu-fixed::before{
    visibility:visible;
    opacity:1
}
.sticky-header:not(.fixed) .category-dropdown.menu-fixed::after{
    top:100%;
    transform:translate3d(-50%, 0, 0)
}
.sticky-header:not(.fixed) .category-dropdown.menu-fixed .dropdown-box{
    top:calc(100% + 20px);
    transform:none
}
.sticky-header:not(.fixed) .category-dropdown.menu-fixed .dropdown-box,.sticky-header:not(.fixed) .category-dropdown.menu-fixed::after{
    visibility:visible;
    opacity:1
}
.sticky-header:not(.fixed) .category-dropdown.menu-fixed.has-border::before{
    top:calc(100% - 1px);
    visibility:visible;
    opacity:1
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5){
    .sticky-header:not(.fixed) .category-dropdown.menu-fixed.has-border::before{
        top:calc(100% - 2px)
    }
}
.menu{
    display:flex;
    align-items:center
}
.menu a{
    display:inline-block
}
.menu .menu-title{
    margin-bottom:1rem;
    padding:0 1rem;
    font-size:1.4rem;
    font-weight:600;
    line-height:1;
    text-transform:uppercase
}
.menu ul{
    padding:2rem 0;
    background:#fff;
    font-family:"Open Sans",sans-serif;
    font-size:1.4rem;
    font-weight:400;
    line-height:1.5;
    letter-spacing:0;
    color:#000
}
.menu li{
    position:relative;
    line-height:1.5
}
.menu li a{
    /*padding:.7rem 0 .7rem 1rem*/
    padding-left: 10px;
}
.menu li>ul,.menu li .megamenu{
    position:absolute;
    top:-9999px;
    left:100%;
    margin:0;
    box-shadow:0 2px 35px rgba(0,0,0,0.1);
    z-index:1000;
    visibility:hidden;
    opacity:0;
    transition:transform .2s ease-out;
    transform:translate3d(0, -10px, 0)
}
.menu li>ul{
    min-width:22.6rem;
    background:#fff
}
.menu li>ul li{
    padding:0 2rem
}
.menu li:hover>a:not(.menu-title),.menu .active>a:not(.menu-title){
    color:#000
}
.menu li:hover>ul,.menu li:hover .megamenu,.menu .show>ul,.menu .show .megamenu{
    visibility:visible;
    opacity:1;
    top:-2rem;
    transform:translate3d(0, 0, 0)
}
.menu>li{
    margin-right:2px
}
.menu>li:last-child{
    margin-right:0
}
.menu>li>a{
    position:relative;
    padding:2rem 1.9rem;
    font-weight:700;
    letter-spacing:inherit;
    line-height:1;
    text-transform:uppercase;
    color:#fff
}
.menu>li>a::after{
    margin-left:.6rem
}
.menu>li>ul,.menu>li .megamenu{
    left:-1.9rem
}
.menu>li:hover>a:not(.menu-title),.menu>li.active>a:not(.menu-title){
    color:#fff
}
.menu>li:hover>ul,.menu>li:hover .megamenu,.menu>li.show>ul,.menu>li.show .megamenu{
    top:100%
}
.menu>li:hover::after,.menu>li.show::after{
    visibility:visible;
    opacity:1;
    top:calc(100% - 20px);
    transform:translate3d(-50%, 0, 0)
}
.menu .submenu>a{
    position:relative;
    display:block
}
.menu>.submenu>a{
    z-index:1001
}
.menu>.submenu>a::after{
    position:static;
    content:'\f078';
    margin-top:0
}
.menu>.submenu::after{
    content:'';
    position:absolute;
    z-index:1000;
    left:50%;
    top:-9999px;
    transform:translate3d(-50%, -8px, 0);
    border:11px solid transparent;
    border-bottom:11px solid #fff;
    transition:opacity .2s ease-out, transform .2s ease-out;
    visibility:hidden;
    opacity:0;
    cursor:pointer
}
.menu.no-arrow>li>a::after{
    content:none
}
.submenu>a::after{
    display:inline-block;
    position:absolute;
    margin-top:2px;
    right:.5rem;
    top:50%;
    line-height:0;
    vertical-align:middle;
    font-family:'Font Awesome 5 Free';
    font-weight:700;
    font-size:.8rem;
    color:inherit;
    content:'\f054'
}
.vertical-menu{
    display:block;
    min-width:12rem
}
.vertical-menu>li{
    margin-right:0;
    padding:0 2rem
}
.vertical-menu>li>ul,.vertical-menu>li .megamenu{
    transform:translate3d(-15px, 0, 0)
}
.vertical-menu>li>a{
    display:inline-block
}
.vertical-menu>li>a::after{
    content:none
}
.vertical-menu>li:hover>ul,.vertical-menu>li:hover .megamenu,.vertical-menu>li.show>ul,.vertical-menu>li.show .megamenu{
    left:100%;
    top:-1rem
}
.vertical-menu>.submenu::after{
    border:11px solid transparent;
    border-right:11px solid #fff
}
.vertical-menu>.submenu:hover::after,.vertical-menu>.submenu.show::after{
    top:50%;
    left:calc(100% - 20px);
    transform:translate3d(0, -50%, 0)
}
.vertical-menu>.submenu>a::after{
    position:absolute;
    line-height:0;
    content:'\f054'
}
.vertical-menu.no-arrow>li{
    display:flex
}
.vertical-menu.no-arrow>li>a::after{
    content:none
}
.toggle-menu{
    display:block
}
.toggle-menu>li{
    margin-right:0
}
.toggle-menu .submenu::after,.toggle-menu .submenu>a::after{
    content:none
}
.toggle-menu .submenu li{
    padding:0 .5rem
}
.toggle-menu li>ul{
    display:none;
    position:static;
    visibility:visible;
    opacity:1;
    transform:none;
    background:transparent;
    box-shadow:none
}
.toggle-btn{
    display:block;
    position:absolute;
    padding:6px;
    right:0;
    top:50%;
    transform:translateY(-50%);
    opacity:.6
}
.toggle-btn::before{
    content:"\f054";
    display:block;
    font-size:1rem;
    font-weight:600;
    font-family:'Font Awesome 5 Free';
    line-height:1;
    transition:transform .5s
}
.show>a .toggle-btn::before{
    transform:rotate(630deg)
}
.menu-active-underline>li>a::before{
    content:'';
    display:block;
    position:absolute;
    bottom:10px;
    left:0;
    width:100%;
    height:2px;
    border:1px solid;
    transform-origin:right center;
    transform:scale(0, 1);
    transition:transform .3s
}
.menu-active-underline>li.active>a,.menu-active-underline>li:hover>a{
    color:inherit
}
.menu-active-underline>li.active>a::before,.menu-active-underline>li:hover>a::before{
    transform-origin:left center;
    transform:scale(1, 1)
}
.megamenu{
    display:flex;
    padding:1rem;
    min-width:100rem;
    background:#fff
}
.megamenu ul{
    padding:0
}
.megamenu .row{
    flex:1;
    padding:0 1rem
}
.megamenu .row>*{
    padding:1.8rem 1rem .8rem
}
.megamenu .menu-banner{
    padding:0;
    overflow:hidden
}
.megamenu .menu-banner figure{
    height:100%
}
.megamenu .menu-banner img{
    height:100%;
    object-fit:cover
}
.menu-banner1 .banner-content{
    left:9%
}
.menu-banner1 .banner-title,.menu-banner1 .banner-subtitle{
    font-size:3.6rem
}
.menu-banner1 .banner-subtitle{
    margin-bottom:.4rem
}
.menu-banner1 .banner-title{
    margin-bottom:1.8rem;
    padding-left:1.2rem;
    position:relative
}
.menu-banner1 .banner-title span{
    display:inline-block;
    position:absolute;
    left:-.9rem;
    top:50%;
    font-size:1.2rem;
    line-height:1;
    transform:rotateZ(-90deg) translateX(0.6rem);
    letter-spacing:-.1em
}
.menu-banner2 .banner-content{
    bottom:10%
}
.menu-banner2 .banner-title{
    margin-bottom:.6rem;
    font-size:2.6rem
}
.menu-banner2 .banner-subtitle{
    font-size:1.6rem
}
.tip{
    display:inline-block;
    position:relative;
    top:-1px;
    left:7px;
    padding:0.3rem 0.5rem;
    font-size:1rem;
    font-weight:600;
    line-height:1;
    color:#fff;
    text-transform:uppercase;
    border-radius:2px
}
.tip.tip-hot{
    background-color:#d26e4b
}
.tip.tip-new{
    background-color:#000
}
.mobile-menu-wrapper{
    visibility:hidden;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:10000;
    font-family:"Open Sans",sans-serif;
    transition:visibility .4s
}
.mobile-menu-container{
    max-width:296px;
    padding:2rem 1.5rem;
    width:100%;
    height:100%;
    overflow-y:auto;
    background:#222529;
    box-shadow:1px 0 5px rgba(0,0,0,0.5);
    transform:translateX(-296px);
    transition:transform .4s
}
.mobile-menu-container .input-wrapper{
    display:flex;
    margin-bottom:.6rem;
    height:4rem
}
.mobile-menu-container .input-wrapper .form-control{
    color:#7a8088;
    border:1px solid;
    border-color:#2e3237;
    border-right:0;
    background-color:transparent
}
.mobile-menu-container .input-wrapper .btn-search{
    padding:0;
    width:4rem;
    background-color:#000;
    border-color:#000;
    color:#fff;
    font-size:1.4rem
}
.mobile-menu-container .input-wrapper .btn-search i{
    margin:0
}
.mobile-menu-container .mobile-menu{
    margin-bottom:.5rem;
    background:#222529
}
.mobile-menu-container .tab-content{
    background-color:transparent
}
.mobile-menu-container .nav{
    border-width:2px
}
.mobile-menu-container .nav-link{
    margin-bottom:-2px;
    color:#fff;
    font-size:14px;
    padding:10px
}
.mobile-menu-container .tab-pane{
    padding-top:10px
}
.mobile-menu-container .nav-item:hover .nav-link{
    color:#fff;
    border-color:transparent
}
.mobile-menu-container .nav-item.show .nav-link,.mobile-menu-container .nav-item .nav-link.active{
    color:#000;
    border-color:#000
}
.mobile-menu-container .nav-item+.nav-item{
    margin-left:1px
}
.mobile-menu-container.scrollable::-webkit-scrollbar-thumb,.mobile-menu-container .sidebar-content::-webkit-scrollbar-thumb{
    margin-right:2px;
    background:rgba(255,255,255,0.1);
    border-radius:7px;
    cursor:pointer
}
.mobile-menu{
    text-transform:uppercase;
    font-size:1.2rem;
    font-weight:700;
    line-height:1.5;
    letter-spacing:-.025em;
    color:#e1e1e1;
    text-transform:uppercase;
    font-size:1.2rem;
    font-weight:700;
    line-height:1.5;
    letter-spacing:-.025em
}
.mobile-menu ul{
    display:none;
    width:100%
}
.mobile-menu>li:first-child{
    padding-top:.5rem
}
.mobile-menu>li:last-child{
    padding-bottom:.5rem
}
.mobile-menu li a{
    display:block;
    position:relative;
    padding:1.3rem 0.6rem 1.3rem 1rem
}
.mobile-menu li i{
    display:inline-block;
    margin-bottom:1px;
    font-size:2rem;
    margin-right:.5rem;
    line-height:0;
    vertical-align:middle
}
.mobile-menu li li a{
    padding-left:2.4rem
}
.mobile-menu li li li a{
    padding-left:3.6rem
}
.mobile-menu li:not(:last-child){
    border-bottom:1px solid #2e3237
}
.mobile-menu .expanded,.mobile-menu .active>a{
    background:#2e3237
}
.mobile-menu-title{
    margin-bottom:.5rem;
    text-transform:uppercase;
    font-size:1.4rem;
    font-weight:700;
    color:#fff
}
.mobile-menu-overlay{
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
    background:#000;
    opacity:0;
    transition:opacity .4s
}
.mobile-menu-close{
    position:fixed;
    left:calc(100vw - 50px);
    top:25px;
    transition:opacity .3s;
    opacity:0
}
.mobile-menu-close i{
    font-size:2.8rem;
    color:#e1e1e1
}
.mmenu-anim{
    transform:translateY(30%)
}
.mmenu-anim,.mmenu-anim>li{
    transition:transform .4s, opacity .3s;
    transition-timing-function:cubic-bezier(0.5, 0, 0.3, 1)
}
.mmenu-anim>li:nth-child(0){
    opacity:0;
    transform:translateY(0px)
}
.mmenu-anim>li:nth-child(1){
    opacity:0;
    transform:translateY(50px)
}
.mmenu-anim>li:nth-child(2){
    opacity:0;
    transform:translateY(100px)
}
.mmenu-anim>li:nth-child(3){
    opacity:0;
    transform:translateY(150px)
}
.mmenu-anim>li:nth-child(4){
    opacity:0;
    transform:translateY(200px)
}
.mmenu-anim>li:nth-child(5){
    opacity:0;
    transform:translateY(250px)
}
.mmenu-anim>li:nth-child(6){
    opacity:0;
    transform:translateY(300px)
}
.mmenu-anim>li:nth-child(7){
    opacity:0;
    transform:translateY(350px)
}
.mmenu-anim>li:nth-child(8){
    opacity:0;
    transform:translateY(400px)
}
.mmenu-anim>li:nth-child(9){
    opacity:0;
    transform:translateY(450px)
}
.mmenu-anim>li:nth-child(10){
    opacity:0;
    transform:translateY(500px)
}
.mmenu-anim>li:nth-child(11){
    opacity:0;
    transform:translateY(550px)
}
.mmenu-anim>li:nth-child(12){
    opacity:0;
    transform:translateY(600px)
}
.mmenu-active{
    overflow:hidden
}
.mmenu-active .mmenu-anim>li,.mmenu-active .mmenu-anim{
    opacity:1;
    transform:translateY(0)
}
.mmenu-active .page-wrapper{
    margin-left:296px;
    margin-right:-296px
}
.mmenu-active .mobile-menu-wrapper{
    visibility:visible
}
.mmenu-active .mobile-menu-container{
    transform:translateX(0)
}
.mmenu-active .mobile-menu-overlay{
    opacity:.8
}
.mmenu-active .mobile-menu-close{
    opacity:1
}
@media (max-width: 400px){
    .mobile-menu-close{
        left:calc(100vw - 40px);
        top:10px
    }
}
.category-menu{
    background:#feecd4
}
.category-menu .menu-title{
    padding:0.7rem 0;
    margin:0;
    text-transform:uppercase;
    font-size:1.4rem;
    font-weight:600;
    font-family:Poppins,sans-serif;
    line-height:2.58;
    letter-spacing:-.01em;
    color:#4d463c
}
.category-menu .menu-body:last-child li:last-child{
    border:0
}
.category-menu i{
    vertical-align:middle;
    line-height:0;
    margin-right:.9rem;
    font-size:1.8rem;
    color:#000
}
.category-menu>li>a{
    display:block;
    padding:1.6rem 0;
    text-transform:capitalize;
    font-size:1.4rem;
    font-family:"Open Sans",sans-serif;
    font-weight:400;
    letter-spacing:-.01em;
    line-height:1.4;
    color:#7e6e59
}
.category-menu>li:not(:last-child)>a{
    border-bottom:1px solid #f2dfc7
}
.category-menu li:hover>a:not(.menu-title){
    color:#000
}
.category-menu li:hover>a:not(.menu-title) i{
    color:inherit
}
.category-menu .submenu>a::after{
    font-size:1rem
}
.category-menu ul{
    padding:2rem 0;
    background:#fff;
    font-family:"Open Sans",sans-serif;
    font-size:1.4rem;
    line-height:1.5;
    letter-spacing:0;
    color:#000
}
.footer{
    font-family:'Open Sans', sans-serif;
    font-size:1.3rem;
    background:#222
}
.footer p{
    font-size:inherit
}
.footer a:not(.social-link):hover{
    color:#fff
}
.footer .social-link{
    letter-spacing:.005em;
    color:#fff;
    border:2px solid #999
}
.footer .social-link:hover{
    color:#fff
}
.footer .widget-title{
    border-bottom:none
}
.logo-footer,.logo-footer img{
    display:block
}
.footer-top{
    padding:3.5rem 0;
    border-bottom:1px solid #333
}
.footer-middle{
    padding:4.6rem 0 0;
    letter-spacing:-.016em;
    border-bottom:1px solid #333
}
.footer-middle .widget{
    margin-bottom:2.6rem
}
.footer-middle .widget-title{
    padding:0.6rem 0;
    margin-bottom:.9rem;
    font-family:inherit;
    font-size:1.4rem;
    font-weight:700;
    letter-spacing:0;
    color:#ccc
}
.footer-middle .widget-body{
    padding:0.9rem 0 0;
    color:#999
}
.footer-middle .widget-body li{
    line-height:1.2;
    margin-bottom:13px
}
.footer-middle .widget-body li:last-child{
    margin-bottom:0
}
.footer-middle .widget-instagram .widget-body{
    padding-top:0;
    margin:-5px -4px
}
.footer-middle .widget-instagram .col-3{
    padding:5px 4px
}
.footer-middle .widget-instagram img{
    display:block;
    width:100%;
    height:auto
}
.footer-middle label{
    font-weight:600;
    text-transform:uppercase;
    color:#ccc
}
.footer-bottom{
    padding:2.8rem 0
}
.footer-bottom,.footer-bottom .container,.footer-bottom .container-fluid{
    display:flex;
    align-items:center
}
.footer-bottom .footer-left,.footer-bottom .footer-right{
    flex:1
}
.footer-bottom .footer-left{
    display:flex
}
.footer-bottom .footer-right{
    display:flex;
    justify-content:flex-end
}
@media (max-width: 991px){
    .footer-top .logo-footer{
        margin-bottom:2.7rem
    }
    .footer-top .logo-footer img{
        margin-left:auto;
        margin-right:auto
    }
    .newsletter-info{
        margin-bottom:2rem
    }
    .footer-middle{
        padding:3rem 0 2rem
    }
    .footer-middle .widget{
        margin-bottom:2rem
    }
    .footer-middle .widget-body{
        padding:0
    }
    .footer-bottom,.footer-bottom>.container{
        display:block
    }
    .footer-bottom .footer-left,.footer-bottom .footer-right{
        justify-content:center
    }
    .footer-bottom .footer-left,.footer-bottom .footer-center{
        margin-bottom:2.7rem
    }
    .footer-center{
        text-align:center
    }
}
.footer .copyright{
    margin:0;
    font-size:1.2rem;
    line-height:1.5;
    color:#fff;
}
.widget-newsletter .newsletter-info{
    max-width:35rem;
    width:100%
}
.widget-newsletter .input-wrapper{
    max-width:48rem
}
.widget-newsletter input{
    border:0;
    background:#2c2c2c
}
.widget-newsletter .widget-title{
    padding:0;
    margin-bottom:.5rem;
    font-family:inherit;
    font-size:1.4rem;
    font-weight:700;
    letter-spacing:0;
    line-height:1;
    color:#ccc
}
.widget-newsletter p{
    margin-bottom:0;
    font-family:inherit;
    line-height:1.23;
    color:#999
}
.footer .widget-about .logo-footer{
    display:block;
    margin-bottom:1.6rem
}
.footer .widget-about p{
    margin-bottom:3rem;
    color:#999;
    line-height:1.85;
    letter-spacing:-.025em
}
.footer .widget-about .widget-body{
    padding:0
}
.payment img{
    display:block
}
.sticky-footer{
    display:flex
}
.sticky-footer>*{
    flex:1
}
.sticky-footer .cart-dropdown:hover .cart-toggle{
    color:#222
}
.sticky-footer .cart-toggle,.sticky-footer .search-toggle{
    padding:0;
    color:inherit
}
.sticky-footer .cart-dropdown.dir-up::after{
    bottom:100%
}
.sticky-footer .dropdown-box,.sticky-footer .input-wrapper{
    margin-bottom:2rem
}
.sticky-footer .dropdown-box::after,.sticky-footer .input-wrapper::after{
    content:'';
    display:block;
    position:absolute;
    left:0;
    bottom:-2rem;
    width:100%;
    height:2rem
}
.sticky-footer .header-search.show,.sticky-footer .header-search:hover{
    color:#222
}
.sticky-link{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin:1.5rem 0 1.3rem
}
.sticky-link i{
    font-size:2.3rem;
    line-height:1;
    transform:translateY(0);
    transition:transform .35s ease
}
.sticky-link span{
    margin-top:.8rem;
    font-size:1rem;
    line-height:1;
    letter-spacing:.025em;
    text-transform:uppercase
}
.sticky-link.active{
    color:#222
}
.sticky-link:hover{
    color:#222
}
.sticky-link:hover i{
    transform:translateY(-5px);
    transition:transform .35s ease
}
@media (min-width: 576px){
    .sticky-footer{
        padding:0 4rem
    }
}
@media (min-width: 768px){
    .sticky-footer{
        display:none
    }
}
.shop-banner-default{
    background-position-x:40%;
    padding:7.8rem 1.5rem 7.8rem 9.1%
}
.shop-banner-default .banner-subtitle{
    font-size:2em
}
.shop-banner-default .banner-title{
    margin-bottom:1.8rem;
    font-size:4em;
    letter-spacing:.05em
}
.shop-banner-default p{
    font-size:1.6rem
}
.shop-boxed-banner{
    background-position-x:40%;
    padding:7.8rem 1.5rem 7.8rem 6.7%
}
.shop-boxed-banner .banner-subtitle{
    font-size:2em
}
.shop-boxed-banner .banner-title{
    font-size:4em
}
.shop-boxed-banner p{
    font-size:1.6rem;
    line-height:1.375
}
.filter-actions,.toolbox,.toolbox-left,.toolbox-right,.toolbox-item,.toolbox-item-full{
    display:flex;
    align-items:center;
    flex-wrap:wrap
}
.filter-actions,.toolbox{
    justify-content:space-between
}
.toolbox{
    font-size:1.3rem;
    line-height:1.5;
    padding:3rem 0 1rem;
    transition:padding .4s;
    background-color:#fff
}
.toolbox>*:not(:last-child),.toolbox-left>*:not(:last-child),.toolbox-right>*:not(:last-child){
    margin-right:2rem
}
.toolbox label{
    margin-right:1rem;
    font-weight:600;
    text-transform:uppercase
}
.toolbox select{
    cursor:pointer;
    padding-top:.85rem;
    padding-bottom:.85rem
}
.toolbox .select-box .form-control{
    color:#222
}
.toolbox .select-box::before{
    font-size:1rem;
    right:1rem
}
.toolbox .toolbox-sort .form-control{
    max-width:15.2rem;
    padding-left:1.4rem
}
.toolbox .toolbox-sort::before{
    right:1.4rem
}
.toolbox .left-sidebar-toggle{
    padding:.8em 1.04em
}
.toolbox-item{
    flex-wrap:nowrap;
    margin-bottom:1rem
}
.toolbox-item-full{
    flex-basis:100%
}
.btn-layout{
    color:#dadada;
    font-size:19px;
    margin:0 0 1px 2px;
    padding:0 2px
}
.btn-layout:last-child{
    padding-right:0
}
.btn-layout:hover,.btn-layout.active{
    color:#333
}
.btn-layout+.btn-layout{
    margin-left:5px
}
.select-menu{
    color:#222
}
.select-menu::before{
    right:1.25em;
    font-size:1.2rem;
    margin-top:1px
}
.select-menu ul,.select-menu ul::before{
    content:'';
    position:absolute;
    border:1px solid #eee;
    width:11px
}
.select-menu ul{
    top:100%;
    z-index:100;
    width:18rem;
    margin-top:1rem;
    padding:1rem 1.4rem 1rem;
    background:#fff;
    opacity:0;
    visibility:hidden
}
.select-menu ul a{
    padding-left:30px
}
.select-menu ul::before{
    top:-6px;
    left:22px;
    height:11px;
    border-width:1px 0 0 1px;
    background:#fff;
    transform:rotate(45deg)
}
.select-menu.opened>ul{
    opacity:1;
    visibility:visible
}
.select-menu select,.select-menu-toggle{
    position:relative;
    border:1px solid #ccc;
    padding:.65em 3.05em .58em 1.07em;
    font-size:1.3rem;
    line-height:1.5
}
.select-menu-toggle{
    border-radius:2px
}
.select-menu select{
    max-width:17.2rem;
    padding-right:2.63em
}
.select-item{
    padding:5px .7rem 5px 1.2rem;
    color:#222;
    background:#eee;
    letter-spacing:-.01em
}
.select-item i{
    padding:6px;
    margin-left:5px;
    font-size:9px;
    vertical-align:middle
}
.select-items{
    display:none
}
.toolbox+.select-items{
    font-size:1.2rem;
    margin:2px 0 1.8rem
}
.select-items>*{
    display:inline-block;
    margin:0 .8rem .5rem 0
}
.select-items .filter-clean{
    margin-left:1.2rem
}
.toolbox-pagination{
    border-top:1px solid #f4f4f4;
    padding:3rem 0 2rem
}
.toolbox-horizontal .show-info{
    color:#999;
    font-size:inherit
}
.toolbox-wrap{
    display:flex;
    flex-direction:column-reverse;
    line-height:1.3
}
.toolbox-wrap .toolbox>*{
    line-height:37px
}
.toolbox-wrap .left-sidebar-toggle{
    padding:0 1em;
    margin-right:2rem;
    font-weight:600;
    line-height:33px
}
.toolbox-wrap .show-info{
    color:#999
}
.toolbox-wrap .show-info span{
    margin:0 .5rem
}
.toolbox-wrap .toolbox-layout{
    display:flex
}
.toolbox-wrap option{
    text-transform:none
}
.toolbox-wrap .toolbox-layout{
    display:flex
}
.toolbox-wrap .widget-title{
    padding-bottom:1.3rem;
    border-top:0
}
.toolbox-wrap .sidebar-fixed .sidebar-content{
    padding-bottom:0
}
.sticky-toolbox.fixed{
    position:fixed;
    background-color:#fff;
    padding:1rem 2rem 0
}
.sticky-toolbox.sticky-content{
    transition:none
}
@media (max-width: 479px){
    .sticky-toolbox.fixed{
        padding:1rem 1.5rem 0
    }
}
@media (max-width: 575px){
    .toolbox-item label,.toolbox-item>span,.toolbox-item.show-info{
        display:none
    }
    .toolbox-item.select-box{
        margin-right:0
    }
    .toolbox-item.select-box ~ .toolbox-item.right-sidebar-toggle{
        margin-left:0.5rem
    }
    .toolbox-item.toolbox-layout{
        display:none
    }
    .toolbox .toolbox-left,.toolbox .left-sidebar-toggle{
        margin-right:0.5rem
    }
    .toolbox .toolbox-sort .form-control{
        max-width:13rem
    }
    .toolbox-horizontal{
        justify-content:flex-start;
        flex-direction:row
    }
    .toolbox-horizontal .toolbox-left{
        margin-right:auto
    }
    .toolbox-horizontal .toolbox-right{
        margin-left:auto
    }
    .toolbox-horizontal .toolbox-item.toolbox-show{
        margin-right:0
    }
    .toolbox-pagination{
        flex-direction:column
    }
    .toolbox-pagination>.show-info{
        margin-right:0
    }
    .toolbox-pagination>*:not(:last-child){
        margin-bottom:1rem
    }
}
@media (min-width: 576px){
    .toolbox-horizontal .toolbox-left{
        margin-right:auto
    }
    .mr-sm-auto{
        margin-right:auto !important
    }
}
@media (max-width: 991px){
    .toolbox .sidebar-fixed{
        margin-right:0
    }
    .toolbox .sidebar-content{
        display:block
    }
    .sidebar-content .select-menu{
        display:block;
        margin:0;
        font-size:1.4rem
    }
    .sidebar-content .select-menu ul{
        position:static;
        width:100%;
        padding:0;
        border:0;
        color:#000;
        margin:0 0 1.1rem;
        opacity:1;
        visibility:visible
    }
    .sidebar-content .select-menu ul a{
        padding-left:26px
    }
    .sidebar-content .select-menu ul a::before{
        width:18px;
        height:18px;
        margin-top:0
    }
    .sidebar-content .select-menu::before,.sidebar-content .select-menu ul::before,.sidebar-content .select-menu>a::before{
        content:none
    }
    .sidebar-content .select-menu-toggle{
        display:block;
        border-width:3px 0 0;
        padding:2rem 2px 1.6rem;
        font-size:1.5rem;
        font-weight:600;
        text-transform:uppercase
    }
    .toolbox-wrap .widget-title{
        border-top:3px solid #eee
    }
}
@media (min-width: 992px){
    .toolbox .sidebar-content{
        max-width:none
    }
    .toolbox-horizontal .sidebar-fixed .sidebar-content{
        padding-bottom:0
    }
    .toolbox-wrap .sidebar-content{
        border:solid #ebebeb;
        border-width:3px 0;
        margin-bottom:2rem;
        transition:border-color .3s
    }
    .toolbox-wrap .filter-actions:first-child{
        padding:0
    }
    .toolbox-wrap .sidebar-toggle-btn{
        display:none
    }
    .toolbox-wrap>.closed{
        margin:0
    }
    .toolbox-wrap>.closed .sidebar-content{
        display:none;
        border-color:transparent;
        background:transparent
    }
    .toolbox-wrap .filter-clean{
        display:none;
        position:absolute;
        right:0;
        top:-40px
    }
}
@media (min-width: 1200px){
    .select-menu:not(:last-child){
        margin-right:2rem
    }
    .toolbox .shop-sidebar{
        margin-right:2rem
    }
}
.cart-added-alert{
    display:none;
    margin-bottom:1rem
}
.container>.cart-added-alert:first-child{
    margin-top:-1rem
}
.cart-added-alert span{
    color:#222
}
.product-gallery{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:3rem;
    position:sticky
}
.product-gallery.product-gallery-sticky{
    top:2rem;
    padding-bottom:3rem;
    transition:top .3s
}
.sticky-header-active .product-gallery.product-gallery-sticky{
    top:8rem
}
.product-gallery.row>*{
    display:flex;
    align-items:center
}
.product-gallery.row .product-image-full{
    right:2rem
}
.product-image-full{
    display:none;
    position:absolute;
    padding:1rem;
    right:1rem;
    bottom:1rem;
    color:#999;
    font-size:2rem;
    line-height:1;
    opacity:0;
    transition:opacity .3s;
    z-index:1
}
:hover>.product-image-full{
    opacity:1
}
.product-navigation{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    padding-left:2px
}
.product-navigation .breadcrumb{
    font-size:inherit
}
.product-navigation li{
    padding:3px 0 1.1rem
}
.product-nav{
    display:flex;
    position:relative;
    color:#999
}
.product-nav i{
    font-size:1.2rem
}
.product-nav li+li{
    margin-left:1.5rem
}
.product-nav .product-name{
    color:#000;
    font-size:1.2rem;
    font-weight:400;
    white-space:normal
}
.product-nav li:hover .product-nav-popup{
    opacity:1;
    visibility:visible;
    transform:none
}
.product-nav-popup{
    position:absolute;
    top:100%;
    right:0;
    z-index:30;
    width:120px;
    padding:0 5px 5px;
    line-height:1.5;
    text-align:center;
    background-color:#fff;
    box-shadow:1px 1px 7px rgba(0,0,0,0.1);
    visibility:hidden;
    opacity:0;
    transform:scale(0.9);
    transform-origin:top;
    transition:opacity .3s, transform .3s
}
.product-nav-popup::before{
    content:'';
    position:absolute;
    top:-8px;
    right:18px;
    width:16px;
    height:16px;
    transform:rotate(45deg);
    background-color:#fff;
    box-shadow:inherit
}
.product-nav-popup img{
    position:relative;
    padding-top:5px;
    background-color:#fff
}
.product-nav-prev .product-nav-popup::before{
    right:6.6rem
}
.product-tabs .nav-link{
    color:#999
}
.product-tabs .nav-item.show .nav-link,.product-tabs .nav-item:hover .nav-link,.product-tabs .nav-item .nav-link.active{
    border-bottom-color:#242c37
}
.product-tabs .nav-link{
    padding:1rem 2px;
    line-height:1.2
}
.product-tabs .nav-item:not(:last-child){
    margin-right:2.3rem
}
.product-tabs .tab-pane{
    padding-left:2px;
    line-height:1.86
}
.product-tabs p,.product-tabs>div ul{
    margin-bottom:1.5rem
}
.product-footer+.product-tabs{
    margin-top:2.5rem
}
.product-tabs .tab-pane .list-type li,.product-status .list-type li{
    padding-left:3rem
}
.product-status{
    line-height:2
}
#product-tab-additional label{
    display:inline-block;
    min-width:20rem;
    color:#222
}
#product-tab-additional p{
    display:inline-block;
    margin-bottom:0
}
#product-tab-shipping-returns h6{
    font-size:1.4rem
}
#product-tab-reviews h4{
    font-size:1.4rem
}
#product-tab-reviews .comments{
    padding-top:2rem
}
#product-tab-reviews .comments>ul{
    padding-right:3rem
}
#product-tab-reviews .comments ul{
    border-bottom:1px solid #e1e1e1
}
#product-tab-reviews .comments li{
    padding-bottom:2rem;
    margin-bottom:2rem
}
#product-tab-reviews .comments li:last-child{
    margin-bottom:0
}
#product-tab-reviews .comments li{
    margin-left:3rem
}
#product-tab-reviews .comment p{
    margin-bottom:0
}
#product-tab-reviews .comment-rating{
    position:absolute;
    right:0;
    top:8px
}
#product-tab-reviews .average-rating{
    font-size:1.6rem
}
#product-tab-reviews .ratings-full{
    margin-right:0
}
#product-tab-reviews form .row{
    max-width:77.6rem
}
#product-tab-reviews .reply{
    margin-bottom:0
}
#product-tab-reviews .ratings::before{
    color:#ff7271
}
@media (max-width: 479px){
    #product-tab-reviews .comment-rating{
        top:-10px
    }
}
.rating-form{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:2.2rem
}
.rating-form label{
    margin-right:1rem
}
.rating-stars{
    display:flex;
    position:relative;
    height:14px;
    font-size:1.4rem
}
.rating-stars a{
    color:rgba(0,0,0,0.16);
    text-indent:-9999px;
    letter-spacing:1px;
    width:16px;
    letter-spacing:.2em
}
.rating-stars a:before{
    content:'';
    position:absolute;
    left:0;
    height:14px;
    line-height:1;
    font-family:'Donald';
    text-indent:0;
    overflow:hidden;
    white-space:nowrap
}
.rating-stars a.active:before,.rating-stars a:hover:before{
    content:"\e94b\e94b\e94b\e94b\e94b";
    color:#ff7271
}
.rating-stars .star-1{
    z-index:10
}
.rating-stars .star-2{
    z-index:9
}
.rating-stars .star-3{
    z-index:8
}
.rating-stars .star-4{
    z-index:7
}
.rating-stars .start-5{
    z-index:6
}
.rating-stars .star-1:before{
    width:20%
}
.rating-stars .star-2:before{
    width:40%
}
.rating-stars .star-3:before{
    width:60%
}
.rating-stars .star-4:before{
    width:80%
}
.rating-stars .star-5:before{
    content:"\e94b\e94b\e94b\e94b\e94b"
}
.product-sticky-content:not(.fixed) .sticky-product-details{
    display:none
}
.product-sticky-content:not(.fixed) .container{
    padding:0
}
.product-sticky-content.fixed{
    padding:1rem 0
}
.product-sticky-content.fixed .container{
    display:flex;
    align-items:center
}
.product-sticky-content.fixed .product-form{
    flex:1
}
.product-sticky-content.fixed .product-form-group{
    justify-content:flex-end
}
.product-sticky-content.fixed .product-form,.product-sticky-content.fixed .product-form-group>*{
    margin-bottom:0
}
.product-sticky-content.fixed .product-form>label{
    display:none
}
.product-sticky-content.fixed .input-group{
    margin-right:0.8rem
}
.sticky-product-details{
    display:flex;
    align-items:center
}
.sticky-product-details img{
    display:block
}
.sticky-product-details .product-image{
    margin-right:1rem;
    max-width:9rem
}
.sticky-product-details .product-title{
    margin-bottom:.5rem;
    font-weight:700
}
.sticky-product-details .product-price{
    font-weight:600
}
.sticky-product-details .product-title,.sticky-product-details .product-price{
    font-family:"Open Sans",sans-serif;
    font-size:2rem
}
.sticky-product-details .product-price,.sticky-product-details .ratings-container{
    margin-bottom:0
}
.sticky-product-details .product-info{
    display:flex
}
.sticky-product-details .product-price{
    margin-right:2rem
}
aside .service-list{
    padding:0 2rem;
    border:1px solid #eee
}
aside .service-list>*{
    justify-content:flex-start;
    padding:2.3rem 0
}
aside .service-list>:not(:last-child){
    border-bottom:1px solid #eee
}
aside .service-list i{
    margin-left:5px;
    font-size:3.2rem
}
aside .service-list .icon-box-title{
    margin-bottom:.3rem;
    font-size:1.4rem;
    letter-spacing:0;
    line-height:1.2
}
aside .service-list p{
    color:#777;
    letter-spacing:-.025em;
    line-height:1.2
}
aside .service-list .icon-box1 i{
    margin-left:0;
    font-size:3.7rem
}
@media (min-width: 768px){
    .product-gallery.sticky-sidebar{
        padding-bottom:7rem
    }
}
@media (min-width: 992px){
    .product-form select{
        width:20rem
    }
    .product-single .product-details{
        padding-left:1rem
    }
    .product-details.row{
        padding-left:0
    }
    .product-details.row>:last-child{
        padding-left:2rem
    }
}
@media (min-width: 1600px){
    .container-fluid .product-thumbs.owl-carousel{
        width:calc(100% + 20px);
        margin:0 -10px
    }
    .container-fluid .product-thumb{
        margin:0 10px
    }
    .container-fluid .product-thumbs-wrap{
        margin-top:20px
    }
    .container-fluid .product-thumbs .owl-prev{
        left:10px
    }
    .container-fluid .product-thumbs .owl-next{
        right:10px
    }
    .container-fluid .pg-vertical .product-thumb{
        margin:0 0 20px
    }
    .container-fluid .pg-vertical .product-thumbs-wrap{
        margin:0 20px 0 0
    }
    .container-fluid .pg-vertical .product-single-carousel{
        max-width:calc(100% - 129px)
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    aside .service-list{
        padding:0 1rem
    }
}
.product-sticky-both .btn-cart{
    margin-bottom:1rem
}
.product-sticky-both .product-action{
    display:flex
}
.product-sticky-both .btn-wishlist{
    margin-bottom:1rem
}
@media (min-width: 992px){
    .product-sticky-both .btn-cart{
        max-width:100%
    }
    .product-sticky-both .product-form .select-box,.product-sticky-both .product-form .p-relative{
        margin-right:0;
        width:100%
    }
    .product-sticky-both .product-form select{
        flex:1;
        width:100%
    }
}
.banner .banner-subtitle{
    font-size:2em
}
.banner .banner-title{
    letter-spacing:-.025em
}
.banner p{
    font-size:1.6em
}
.mobile-menu-toggle svg{
    stroke:#222
}
.header-middle .header-center{
    flex:1;
    justify-content:center
}
.header-middle .header-center .logo{
    display:none;
    margin:0
}
.header-middle .header-right{
    margin-left:4rem
}
.header-middle .header-right>*:not(:last-child):not{
    margin-right:2.3rem
}
.header-middle .header-right .mobile-search{
    margin-right:0
}
.header-middle .mobile-menu-toggle{
    color:inherit
}
.header-middle .login,.header-middle .call{
    margin-right:1.8rem
}
@media (min-width: 992px){
    .header-middle .header-left{
        max-width:22.9%;
        flex:0 0 22.9%
    }
}
.call i{
    margin:0 8px -2px 0
}
.call span{
    margin-bottom:2px;
    font-size:1.1rem;
    line-height:1.5rem;
    letter-spacing:-.025em
}
.call strong{
    font-size:1.4rem
}
.header .cart-dropdown{
    margin-right:9px
}
.header .cart-dropdown .cart-toggle{
    display:block;
    padding:0.8rem 0;
    font-size:2.6rem
}
.header .cart-dropdown .cart-count{
    right:-11px;
    top:0
}
.header-search{
    margin:0 auto 0 3rem
}
.menu>li{
    transition:background-color .3s
}
.menu>li:not(.link).active,.menu>li:not(.link):hover{
    background-color:#000
}
.menu>li.link>a{
    padding:0;
    margin-right:3px
}
.categories img{
    object-position:left center
}
.categories .category-content{
    left:3rem;
    top:2.7rem
}
.categories .category-name{
    margin-bottom:.6rem
}
.categories .category-count{
    font-family:"Open Sans",sans-serif;
    text-transform:uppercase;
    font-size:1.2rem;
    letter-spacing:-.01em
}
.categories .height-x2{
    height:444px
}
.categories .height-x1{
    height:230px
}
.categories .height-x15{
    height:337px
}
.product-wrapper .nav-tabs{
    border-bottom:0
}
.product-wrapper .nav-link{
    margin-bottom:0;
    padding:6px 1px 3px;
    text-transform:none;
    font-size:1.6rem;
    font-weight:400;
    letter-spacing:-.025em;
    color:#242c37
}
.product-wrapper .tab-pane{
    padding:3rem 0
}
.product-wrapper .btn-cart{
    background-color:#f0f3f4
}
@media (min-width: 576px){
    .product-wrapper .nav-item:not(:last-child){
        margin-right:3.7rem
    }
}
.banner-group .height-x1{
    height:228px
}
.banner-group .height-x2{
    height:444px
}
.banner-group .height-x15{
    height:336px
}
.banner-group .banner-content{
    padding:0 1.5rem
}
.banner-group .banner-subtitle{
    margin-bottom:.7rem;
    font-size:2em
}
.banner-group .banner-title{
    font-size:3em;
    line-height:1.067
}
.banner-group p{
    font-size:1.6em
}
.banner-group .btn{
    border-width:1px
}
.banner1 img{
    object-position:15% center
}
.banner1 .banner-content{
    top:11.2%;
    padding-left:6.3%
}
.banner1 .banner-subtitle{
    opacity:.7
}
.banner1 .btn,.banner4 .btn{
    padding:.85em 1.47em
}
.banner2 .banner-content{
    top:31.2%
}
.banner2 .btn{
    padding:.96em 1.66em
}
.banner3{
    border:2px solid #000;
    background:#fff
}
.banner3 p{
    margin-bottom:1.7rem
}
.banner3 input.form-control{
    max-width:32.1rem;
    margin:0 auto;
    border:0;
    padding-left:2rem;
    border-radius:2rem;
    background-color:#f4f4f4
}
.banner3 .btn{
    padding:.96em 1.77em
}
.banner4 .banner-subtitle{
    opacity:.7
}
.banner5 figure img,.banner6 figure img{
    height:42rem;
    object-fit:cover
}
.banner5 .banner-content{
    padding:0 1.5rem 0 5.8%
}
.banner5 .banner-subtitle{
    margin-bottom:.2rem
}
.banner5 .banner-title{
    font-size:3.6em
}
.banner5 p{
    opacity:.9
}
.banner6 .banner-content{
    top:2rem;
    left:2rem;
    bottom:2rem;
    right:2rem;
    padding-top:5.2rem;
    padding-bottom:5.7rem;
    background-color:#fff
}
.banner6 .banner-title,.banner6 .banner-price-info{
    font-size:2em;
    letter-spacing:.2em
}
.banner6 .banner-subtitle{
    margin-bottom:1.7rem
}
.banner6 .banner-title{
    margin-bottom:2.7rem
}
.banner6 .banner-price-info{
    position:relative;
    flex:1
}
.banner6 .banner-price-info sup{
    position:absolute;
    left:calc(100% + 10px);
    top:4.2rem;
    font-size:4rem;
    color:#348fbb
}
.footer-middle .widget:not(.widget-about){
    margin-top:.3rem
}
.logo-footer{
    margin-bottom:1.1rem
}
@media (max-width: 1199px){
    .header .menu>li{
        margin-right:.3rem
    }
}
@media (max-width: 991px){
    .header-bottom,.call,.wishlist{
        display:none
    }
    .categories .height-x2,.banner-group .height-x2{
        height:400px
    }
    .categories .height-x1,.banner-group .height-x1{
        height:200px
    }
    .categories .height-x15,.banner-group .height-x15{
        height:300px
    }
    .banner{
        font-size:.9rem
    }
    .header-middle .header-center{
        flex:auto
    }
    .header-middle .header-right{
        margin:0
    }
}
@media (min-width: 992px){
    .header-border{
        border-bottom:none
    }
}
.product-wrap{
    margin-bottom:3rem
}
.shop-banner{
    padding:6.6rem 0 5.6rem 9.1%;
    background-position:30%
}
.shop-banner .banner-subtitle,.shop-banner p{
    font-size:2em
}
.shop-banner p{
    margin-bottom:3.3rem;
    letter-spacing:.05em
}
.shop-banner .banner-title{
    margin-bottom:.8rem;
    font-size:3.6em
}
.shop-banner .banner-subtitle{
    margin-bottom:1.3rem
}
@media (max-width: 479px){
    .shop-banner{
        padding-left:1.5rem
    }
}


/*_____________________________CSS_START_26-11_____________________*/


.main_logo{
    width: 80px;

}

.catgry_sub_wrp {
    margin-bottom: 0px;
    padding: 30px 20px 30px 20px;
    background-color: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 0px #0000001a;
    border: 2px solid #f1f1f1;
    padding-bottom: 0px;
    margin-top: 20px !important;
}


.catgry_sub_wrp .product-name {
    padding: 0px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.catgry_sub_wrp .product-details{
    padding-top: 5px;
}

.red_mor_btn_wrp {
    text-align: center;
}

.red_mor_btn_wrp a {
    margin-top: 10px;
    display: inline-block;
    background: #242c37;
    padding: 8px 21px;
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
    border-radius: 100px;
}


 .page_listing_cont .row.cols-2.cols-sm-4.product-wrapper {
     display: inline-block;
     flex-wrap: nowrap;
     width: 100%;
}
 .product_list_as .product-media {
     text-align: center;
}
 .product_list_as .product-media a {
     display: inline-block;
     width: 100%;
     height: 100%;
     text-align: center;
}
 .page_listing_cont .product-wrap {
     background: white;
     flex: auto;
     width: 31.33%;
     float: left;
     max-width: none;
     margin-left: 1%;
     margin-right: 1%;
     border: 1px solid #d8d8d8;
}
.product_list_as .product-media img {
    width: auto;
    display: inline-block;
    margin-top: 20px;
    border: 0px solid red;
    height: 160px;
}

.product-name a {
    font-size: 14px;
    overflow: hidden;
    text-overflow: unset;
    white-space: normal;
    line-height: 16px;
    height: 44px;
    display: inline-block;
    font-weight: 500;
    color: #222;
    float: left;
    width: 100%;
    font-weight: 600;
    margin-top: 8px;
}



 .product-name {
     margin-bottom: 0px;
}
 .siz_prdct_list {
     float: left;
     width: 100%;
     font-size: 12px;
     margin-top: 10px;
}
 .pric_prdct_list {
     float: left;
     width: 100%;
     font-size: 22px;
     margin-top: 0px;
     margin-bottom: 3px;
     font-weight: 600;
     color: #000;
}
 .pric_prdct_lis_div {
     float: left;
}
 .cart_drop_wrp {
     border-top: 1px solid #d8d8d8;
     padding: 0px 0px;
     margin-top: 14px;
}
 .shop_catgry {
     margin-top: 10px;
     margin-bottom: 12px;
}
 .shop_catgry_titl {
     font-size: 13px;
     font-weight: 600;
     color: #000;
     float: left;
}
 .shop_catgry_reslt {
     float: left;
     margin-left: 10px;
}
 .shop_catgry_reslt_singl {
     display: inline-block;
     font-size: 11px;
     border: 1px solid #d8d8d8;
     float: left;
     background: #fff;
     margin-right: 6px;
     padding: 2px 5px;
     color: #000;
     border-radius: 4px;
}
 .page_listing_cont {
     background: #f5f5f5;
     padding-top: 20px;
}
 .clear{
     clear: both;
}
 .list_dary_titl {
     font-size: 26px;
     color: #333;
}
 .ofer_blk{
}

.blk_ofer_titl {
    background-image: linear-gradient(#785bff, #3519cb);
    float: left;
    padding: 3px 8px;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}

 .wrp_blk_ofr{
}
 .singl_ofr_list {
     float: left;
     width: 100%;
     font-size: 14px;
     line-height: 20px;
     /*margin-top: 12px;*/
     margin-bottom: 10px;
     color:#000;
}
 .singl_ofr_list i {
     float: left;
     /*width: 10%;*/
     display: inline-block;
     margin-top: 5px;
         color: #ffb817;
}
 .singl_ofr_list span {
     float: left;
     width: 90%;
}
 .qty_prc_wrp{
     float: left;
     width: 100%;
}
 .qty_prc_wrp_inr {
     float: left;
     width: 54%;
     padding-top: 4px;
     padding-bottom: 8px;
     font-size: 14px;
}
 .qty_prc_singl{
     float: left;
     width: 100%;
}
 .qty_prc_q {
     float: left;
     width: 37%;
     font-size: 12px;
     margin-top: 2px;
     text-transform: uppercase;
}
 .qty_prc_amnt {
     float: left;
     width: 63%;
     font-size: 14px;
     color: #333;
     font-weight: 600;
}
 .add_crt_btn_as {
     float: right;
     width: 45%;
}
 .add_crt_mn {
     display: inline-block;
     float: left;
     width: 100%;
     background-color: whitesmoke;
     text-align: center;
     margin-top: 8px;
     padding: 5px 0px;
     border-radius: 4px;
     border: 1px solid #000;
     font-size: 17px;
     font-weight: 600;
     color:#333;
}
 .add_crt_mn:hover{
     background-color:#333;
     border-color:#333;
     color:#fff;
}
 .product-classic .product-details{
     padding-top: 0px;
}
 .cart_pl_wrp{
     float: left;
     width: 100%;
     margin-top: 8px;
     background: whitesmoke;
     border: 1px solid #000;
     border-radius: 5px;
     overflow: hidden;
}
 .cart_pls{
     width: 25%;
     float: left;
     text-align: center;
     text-align: center;
     float: left;
     width: 28%;
     height: 39px;
     line-height: 36px;
     font-size: 21px;
     color: #000;
     background: whitesmoke;
     font-weight: 600;
}
 .cart_mins{
     text-align: center;
     float: left;
     width: 28%;
     height: 39px;
     line-height: 36px;
     font-size: 30px;
     color: #000;
     background: #f5f5f5;
}
 .cart_input{
     float: left;
     width: 44%;
     line-height: 39px;
     text-align: center;
     font-size: 16px;
}
 

 .shop-sidebar .widget-title {
    border-top: 1px solid #f5f5f5;
    padding-top: 18px;
    padding-bottom: 18px !important;
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    color: #222;
}

.page_listing_cont .widget-title, .page_listing_cont .widget-body {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 99;
}

.filter-items>li:not(:last-child) {
    border-bottom: 0px solid #eee;
}

.page_listing_cont .widget-body li a {
    color: #000;
    font-size: 15px;
}

.shop-sidebar .widget-title {
    border-top: 1px solid #f5f5f5;
    padding-top: 18px;
    padding-bottom: 18px !important;
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    color: #222;
}

.widget-collapsible .toggle-btn {
    margin-right: 15px;
}

.nav_pageas {
    display: inline-block;
    width: 100%;
    margin-bottom: 14px;
    padding-left: 3px;
    font-size: 15px;
    color: #333;
    font-weight: 600;
    margin-top: 20px;
}

.span_righ_nav {
    margin-left: 5px;
    margin-right: 5px;
}

.product-image {
    position: relative;
    border: 1px solid #e6e6e6;
}

.al_rawb{
    font-weight: 500;
    font-size: 14px;
}

.product-single .product-name {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0px;
    white-space: normal;
}

.product-single .product-price {
    display: block;
    margin-bottom: 20px;
    color: #000;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 38px;
    margin-top: 4px;
}

.selct_add_cart {
    margin-top: 30px;
}

.selct_add_cart select {
    float: left;
    padding: 10px 6px;
    text-align: left;
    width: 140px;
    border: 1px solid #e6e6e6;
}


.adcart_main {
    float: left;
    margin-left: 10px;
    background: #333;
    padding: 8px;
    width: 240px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}
    
.adcart_main:hover{
    background-color:#000;
    color:#fff;
}


.wrp_detl_gry {
    background: #f1f1f1;
    padding: 10px;
    font-size: 14px;
    color: #000;
    line-height: 18px;
    margin-top: 4px;
}

.wrp_detl_gry1 {
    margin-top: 20px;
}

.wrap_singl_gry_1 {
    font-size: 15px;
    padding: 4px 0px;
    font-weight: 600;
}

.view_al_2{
        float: right;
    font-size: 15px;
    background: #242c37;
    padding: 8px 12px;
    margin-top: -10px;
    border-radius: 100px;
    color: #fff;
}

.view_al_2:hover{
    background-color:#000;
    color:#fff;
}




/*___________________________________NEW_CSS____________________________*/


.login_wrap_main {
    background: #333;
    width: 100%;
    /*height: 100%;*/
    padding-bottom: 30px;
    display: inline-block;
    float: left;
    text-align: center;
}

.login_wrap_inr {
    float: left;
    width: 40%;
    background: #fff;
    margin: 80px 0px 0px 30%;
    border-radius: 5px;
    box-shadow: 0px 0px 4px #22291dd9;
}

.clos_login_as {
    float: right;
    margin-right: -36px;
    width: 30px;
    height: 30px;
    background: #fd5858;
    margin-top: -32px;
    border-radius: 100px;
    line-height: 30px;
    color: #fff;
    padding-right: 1px;
}

.logo_login_a {
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 0px;
}

.login_to_acnt {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #49573e;
}

.logo_login_a img {
    width: 100px;
}

.emil_adres_as {
    display: inline-block;
    width: 70%;
    float: left;
    margin-left: 15%;
    text-align: center;
    margin-top: 15px;
}

.emil_adres_as .input_emil {
    width: 100%;
    border: 1px solid #49573e;
    font-size: 14px;
    padding: 10px 12px;
    border-radius: 4px;
    margin-bottom: 14px;
}

.emil_adres_as .cont_input {
    width: 100%;
    border: 0px solid red;
    background: #333;
    font-size: 18px;
    padding: 12px 0px;
    border-radius: 3px;
    margin-top: 5px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
}

.frgt_paswrd {
    float: right;
    color: #ff5151;
    font-weight: 600;
    margin-top: 5px;
}

.dnt_hav_acnt {
    font-size: 13px;
    color: #929292;
    margin-top: 13px;
    margin-bottom: 13px;
}

.registr_input {
    width: 100%;
    border: 2px solid #333;
    background: #fff;
    font-size: 17px;
    padding: 9px 0px;
    border-radius: 3px;
    margin-bottom: 40px;
    color: #333;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
}





/*___________________MY_ACCOUNT_CSS___________________*/


.col-md-8.col-sm-8 .form-group label{
        font-size: 14px;
    color: #444;
    margin-bottom: 0px;
    margin-left: 2px;
}

.col-md-8.col-sm-8 .form-group .form-control:focus{
    border-color:#999;
    box-shadow: 0px 0px 0px #555;
}

.light-bg {
    background-color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    border-radius: 0px;
    overflow: hidden;
    border: 0px solid red;
    box-shadow: 0px 0px 4px #d0d0d0;
    margin-top: 30px;
    padding-top: 0px;
    margin-bottom: 40px;
}

 

.widget-title {
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
}

.widget-title:before {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    content: "";
    display: block;
    /*height: 100%;*/
    position: absolute;
    width: 100%;
}

.acnt_wrap_a span {
    background: #49573e;
    width: 100%;
    display: inline-block;
    font-size: 17px;
    padding: 17px 23px;
}

.blog-widget-content {
    padding: 8px;
    padding-top: 15px;
}

.blog-sidebar-widget ul {
    margin-bottom: 0;
    padding: 0px;
    margin-top: 0px;
        border: 1px solid #d4d4d4;
}


.blog-sidebar-widget ul li {
    padding-bottom: 0px;
    color: #666666;
    border-bottom: 1px solid #e7e7e7;
}

ul li {
    list-style-type: none;
}

.blog-sidebar-widget ul li.cat-item a, .blog-sidebar-widget ul li.arch-item a, .blog-sidebar-widget ul li.accout-item a {
    position: relative;
    padding-left: 15px;
}

 

.blog-sidebar-widget ul li a {
    color: #333;
    font-size: 15px;
    padding: 17px 12px;
    color: #666;
    font-size: 16px;
    width: 100%;
    height: 100%;
    display: inline-block;
    margin: 0px;
    font-weight: 500;
    letter-spacing: 0.2px;
    word-spacing: 2px;
        border-left: 5px solid white;
}

.blog-sidebar-widget ul li a:hover {
    background: #fff;
    color: #5d734c;
    border-color:#333 !important;
}

.sub-title-small {
    margin-top: 34px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333;
}


.account-box {
    margin-bottom: 30px;
    padding: 10px 32px;
    padding-bottom: 10px;
}

.account-box ul li {
    padding: 3px 0;
    text-transform: capitalize;
    color: #666;
}

.register-wrap li:before, .account-box > ul > li:before {
    content: "\f111";
    font-family: FontAwesome;
    padding-right: 10px;
    font-size: 10px;
    color: #333;
    font-size: 0px;
    width: 8px;
    height: 8px;
    float: left;
    background: #424242;
    margin-top: 8px;
    border-radius: 100px;
    padding: 0px;
    margin-right: 9px;
}

.account-box ul li a {
    color: #333;
    font-size: 14px;
}

.account-box ul li a {
    vertical-align: middle;
}

.account-box ul{
  padding:0px;
}


.btn_main_updt input {
    background: #333;
    border: 0px solid #e64565;
    color: #fff;
    font-weight: 600;
    padding: 11px 31px;
    border-radius: 4px;
    font-size: 15px;
    transition-duration: 0.2s;
    margin-top: 20px;
    margin-bottom: 20px;
    outline: none;
}

.btn_main_updt input:hover{
  background: #111;
  cursor: pointer;
}


.blog-sidebar-widget.light-bg.default-box-shadow .widget-title.blue-bg.acnt_wrap_a {
    padding-top: 0px;
    border-bottom: 0px;
    padding-bottom: 5px;
    display: none;
}

.col-md-4.col-sm-4.space-bottom-20 .blog-widget-content{
    padding-top: 0px;
    padding:0px;
        background: #fff;
}

.container.theme-container .account-details-wrap .form-control {
    background: #f7f7f7;
    padding: 9px 10px;
    margin-bottom: 12px;
    border-radius: 4px;
}

.container.theme-container .account-details-wrap .form-control:focus{
    background: #fff;
}



/*___________________MY_ACCOUNT_CSS___________________*/

.wrp_blk_ofr {
    display: none;
}

.col-md-7 .product-details .wrp_blk_ofr {
    display: inline-block;
}

.col-md-7 .product-details .singl_ofr_list i {
    float: left;
    width: 20px;
     
}

.col-md-7 .product-details .singl_ofr_list {
    margin-top: 6px;
    
}

.view_ofer_pop_btn {
    background-image: linear-gradient(#eba017, #a57010);
    float: left;
    padding: 2px 8px;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    padding-top: 3px;
    text-transform: uppercase;
    float: right;
}

.view_ofer_pop_btn:hover{
    cursor: pointer;
    color: #fff;
    background-image: linear-gradient(#cd8c14, #a57010);
    
}


.rough_price {
    text-decoration: line-through;
    padding-left: 10px!important;
}

 

.add_crt_mn.add_to_wishlist {
    padding: 5px 13px 5px 9px;
    margin-left: 10px;
    text-transform: capitalize;
    background: #ff6565;
    border-color: #ff6565;
    color: #fff;
}

.ad_wsih_wrap {
    float: left;
}


.product-details .product_rough{
        font-weight: 400;
    color: #888;
    font-size: 22px;
}





.modal-open{
    overflow:hidden
}
.modal{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:99999 !important;
    display:none;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
    outline:0;
        background: #0000007a
}
.modal.fade .modal-dialog{
    -webkit-transform:translate(0,-25%);
    -ms-transform:translate(0,-25%);
    -o-transform:translate(0,-25%);
    transform:translate(0,-25%);
    -webkit-transition:-webkit-transform .3s ease-out;
    -o-transition:-o-transform .3s ease-out;
    transition:-webkit-transform .3s ease-out;
    transition:transform .3s ease-out;
    transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out
}
.modal.in .modal-dialog{
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}
.modal-open .modal{
    overflow-x:hidden;
    overflow-y:auto
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:10px
}
.modal-content{
    position:relative;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #999;
    border:1px solid rgba(0,0,0,.2);
    border-radius:6px;
    -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
    box-shadow:0 3px 9px rgba(0,0,0,.5);
    outline:0
}
.modal-backdrop{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1040;
    background-color:#000
}
.modal-backdrop.fade{
    filter:alpha(opacity=0);
    opacity:0
}
.modal-backdrop.in{
    filter:alpha(opacity=50);
    opacity:.5
}
.modal-header{
    padding:15px;
    border-bottom:1px solid #e5e5e5
}
.modal-header .close{
    margin-top:-2px
}
.modal-title{
    margin:0;
    line-height:1.42857143
}
.modal-body{
    position:relative;
    padding:15px
}
.modal-footer{
    padding:15px;
    text-align:right;
    border-top:1px solid #e5e5e5
}
.modal-footer .btn+.btn{
    margin-bottom:0;
    margin-left:5px
}
.modal-footer .btn-group .btn+.btn{
    margin-left:-1px
}
.modal-footer .btn-block+.btn-block{
    margin-left:0
}
.modal-scrollbar-measure{
    position:absolute;
    top:-9999px;
    width:50px;
    height:50px;
    overflow:scroll
}

a:hover {
    text-decoration:none !important;
}


.modal-dialog{
        width:600px;
        margin:30px auto
    }
    .modal-content{
        -webkit-box-shadow:0 0px 0px rgba(0,0,0,.5);
        box-shadow:0 0px 0px rgba(0,0,0,.5)
    }
     
.modal-header .close {
    margin-top: 2px;
    opacity: 0.5;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 20px;
    font-weight: 500;
}

.wrp_blk_ofr.wrp_blk_ofr_pop {
    display: inline-block;
    padding-left: 10px;
}

.wrp_blk_ofr.wrp_blk_ofr_pop .singl_ofr_list i {
    float: left;
    width: 24px;
    display: inline-block;
    margin-top: 3px;
    color: #ffb817;
}

.wrp_blk_ofr.wrp_blk_ofr_pop .singl_ofr_list {
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    margin-top: 0px;
    margin-bottom: 12px;
    color: #444;
}


.activ_ofer_pop{
        color: #305ddd;
    font-weight: 500;
}


.add_address_btn{
        background: #242c37;
    border: 0px;
    padding: 11px 18px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 5px;
    color: #fff;
}

.add_address_btn:hover{
    color:#fff;
    background-color:#222;
}

.singl_ofr_list_cart {
    margin-top: 5px;
    margin-bottom: 0px;
}

.singl_ofr_list_cart.active i
{
    color: #3d3a3a!important;
}

.cart-table .product-name a{
        overflow: hidden;
        height: 19px;
}

.cart-table .singl_ofr_list i {
    float: left;
    width: 20px;
    display: inline-block;
    margin-top: 3px;
    color: #ffb817;
}

.cart-table .singl_ofr_list span {
    float: left;
    width: 92%;
    font-size: 13px;
}


div.c_listing_span{
        text-transform: uppercase;
    border: 2px solid #333;
    float: right;
    padding: 5px 10px;
    margin-top: -9px;
    background: #333;
    color: #fff;
    font-weight: 500;
    border-radius: 5px;
}

div.c_listing_span:hover{
    background-color:#000;
    cursor: pointer;

}


.singl_copn {
    float: left;
    width: 46%;
    /* border: 1px solid #adadad; */
    padding: 8px 8px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px #666666bf;
    margin: 10px 2%;
    min-height: 137px;
}


.cpn_titl1 {
    width: 100%;
    font-size: 16px;
    color: #000;
    float: left;
    min-height: 30px;
}

.cpn_titl2 {
    float: left;
    width: 100%;
    font-size: 13px;
    margin-top: -3px;
    margin-bottom: 7px;
    min-height: 30px;
}

.apn_displ {
    float: left;
    width: 46%;
    background: #ffd18e;
    color: #a56200;
    font-size: 17px;
    border: 1px dashed #d37e00;
    padding: 2px 3px;
    text-align: center;
}

.palc_btn_cpn {
    float: right;
    background: #333;
    width: 46%;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    padding: 3px 0px;
    border-radius: 3px;
}

.palc_btn_cpn:hover{
    color:#fff;
}

#coupn_popup .modal-dialog {
    width: 700px;
    margin: 30px auto;
}

.notofct_btn{
        margin-left: 20px;

}

.notofct_btn:hover{
    cursor: pointer;
    color:#000;
}

.notofct_btn i {
    font-size: 24px;
    color: #000;
    font-weight: 600;
}

.notofc_new {
    width: 10px;
    height: 10px;
    background-color: red;
    float: right;
    border-radius: 100px;
    margin-left: -6px;
    z-index: 9;
    position: relative;
    margin-top: 1px;
}

.page-content .container .intro-section.container-fluid{
    padding-right: 0px;
    padding-left: 0px;
}

.modal-content{
    border-radius: 0px;
}

#notification_pop .modal-dialog {
    width: 700px;
    margin: 30px auto;
    border-radius: 0px;
}


.nitfcn_list_wrp{

}

.nitfcn_list {
    float: left;
    width: 100%;
    margin-top: 7px;
    margin-bottom: 6px;
}

.nitfcn_list i {
    float: left;
    width: 5%;
    text-align: center;
    font-size: 15px;
    margin-top: 4px;
}

.notfc_text {
    float: left;
    width: 95%;
    line-height: 19px;
}

 

.nitfcn_active{
        color: #ff9b34;
    font-weight: 500;
}

.notfc_title {
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 1px;
    color: #333;
}

.header-top{
    display: none;
}

.nav_city_listing {
    border: none;
    text-align: left;
    background: transparent;
    /* width: 60%; */
    font-weight: 100;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 12px;
    background: none;
    padding: 17px 6px;
    float: left;
    font-size: 15px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    cursor: pointer;
}

.nav_city_listing option{
    color: #333;
}


.menu {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

.notfc_li {
    position: absolute !important;
    right: 0;
    color: #fff;
}

 

.login_li {
    position: absolute !important;
    right: 0;
    margin-right: 86px !important;
}


.cart_li {
    position: absolute !important;
    right: 0;
    margin-right: 44px !important;
}

.notfc_li {
    position: absolute !important;
    right: 0;
    color: #fff;
}

.cart_li:hover a, .cart_li:hover i{
    color:#fff;
}

.notfc_li .notofct_btn i{
    color:#fff;
}

.cart_li:hover, .notfc_li:hover {
    background-color: #42424200 !important;
}



.fix_location , .qr_mode {
    position: fixed;
    z-index: 99999;
    background: #000000b5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.fix_loc_pop {
    float: left;
    width: 40%;
    margin-left: 30%;
    /*background: #fff;*/
    margin-top: 100px;
    text-align: center;
}

.loctn_form {
    float: left;
    width: 70%;
    background: red;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 15%;
    background: #ffffff;
    box-shadow: 0px 0px 4px #0000004a;
    border-radius: 4px;
}

.loctn_form_titl {
    float: left;
    width: 100%;
    margin-top: 50px;
    font-size: 21px;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 1px;
    word-spacing: 3px;
}

.loctn_selct{
    float: left;
    width: 80%;
    margin-left: 10%;
    text-align: center;
    padding-left: 10px;
    padding: 9px 0px;
    border: 1px solid #333;
    text-transform: uppercase;
    font-size: 15px;
    margin-top: 20px;
}

.cont_anc {
    float: left;
    width: 80%;
    background: #333;
    margin-left: 10%;
    text-transform: uppercase;
    font-size: 17px;
    padding: 6px 0px;
    margin-top: 20px;
    margin-bottom: 60px;
    color: #ffff;
}

.cont_anc:hover{
    background-color:#000;
    color:#fff;
}

.load_more_btn{
    float: left;
    width: 30%;
    text-align: center;
    margin-left: 35%;
    background: #222;
    padding: 8px 0px;
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 100px;
    margin-top: 20px;
    border-radius: 6px;
}

.load_more_btn:hover{
    background-color:#000;
    color:#fff;
}

.sahre_btn {
    float: left;
    margin-left: 19px;
    background: #333;
    margin-top: 8px;
    padding: 6px 16px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 4px;
}

.sahre_btn i{

}

.sahre_btn:hover{
    background-color:#000;
    color:#fff;
}

.header .cart-dropdown .cart-count{
        top: 5px;
}


.summary.pt-5 input#voucher_code {
    width: 67%;
    float: left;
    height: 42px;
    border-right: 0px;
    border: 1px solid #000;
    border-right: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-right: -1px;
    font-size: 15px;
    padding-left: 7px;
    padding-top: 7px;
}

.items.ha-box-shadow.ha-box-border{
    position: absolute;
    z-index: 999999999;
    background: #fff;
    width: 100%;
    /*margin-left: 25%;*/
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0px 3px 3px #00000047;
    overflow: hidden;
    max-height: 200px;
    overflow-y: scroll;
}

.point_me.search_drop_down {
    width: 100%;
    float: left;
    border-bottom: 1px solid #f1f1f1;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 13px;
    cursor: pointer;
}

.point_me.search_drop_down:hover{
    background-color:#fbfbfb;
}


.ofer_section {
    margin-top: 20px;
}


.ofer_img {
        width: 100%;
    height: 180px;
    border-radius: 5px;
}

.ofert_a {
    float: left;
    width: 50%;
    /* padding: 0px; */
    margin-top: 10px;
}

.crnt_wlt_wrp{

}

.walt_balnc {
    float: left;
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
}

.walt_balnc_amn {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 30px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.wlt_rup1 {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.wlt_rup2 {
    display: inline-block;
    background: #e9e9e9;
    width: 90px;
    height: 90px;
    border-radius: 100px;
    line-height: 80px;
    font-size: 33px;
    border: 7px solid #e1e1e1;
}

.wlt_rup2 i{

}

.walt_text {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}

.walt_titl {
    float: left;
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
}

.walt_text1 {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
    line-height: 22px;
}

.menu li .menu-title a{
    color:#000;
}


.socl_icn {
    float: left;
    width: auto;
    text-align: center;
    /* margin-right: 1%; */
    /* background: red; */
    /* padding: 7px; */
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 4px;
    margin-top: 5px;
    font-weight: 500;
    padding: 10px 25px;
    border: 0px;
    height: auto;
    font-family: Poppins,sans-serif;
}

.socl_icn:before{
        font-family: 'Font Awesome 5 Brands';
        margin-right: 5px;

}

.socl_icn:hover{
    color:#fff;
}

.fb_scl {
    background: #31569f;
    color: #fff;
}

.twt_scl {
    background: #00a9e8;
    color: #fff;
}

.wh_scl {
    background: #38af48;
    color: #fff;
}

.shr_titl_1 {
    float: left;
    width: 100%;
    margin-top: 30px;
    font-size: 20px;
    text-transform: capitalize;
}

.col-lg-12.main-content .row.cols-2.cols-sm-4.product-wrapper{
        display: inline-block;
    width: 100%;
}

.user_name_adres, .cart .shop-table th, .summary-subtotal-price{
    color:#000;
}

.header-middle .login, .header-middle .call {
    margin-right: 6px;
}


.wha_cal{
    color:#02c408;
}

.cal_phone{
    
}

.cal_phone i {
    font-size: 20px;
    transform: rotate(90deg);
    color: #585858;
}

.bel_icon{


}

.bel_icon i{
    font-size: 22px;
    color:#D9C15B;
}

.loctn_icon{

}


.loctn_icon i{
       font-size: 23px;
    color: #FF3B3B;
    position: relative;
}

.loctn_icon i:after {
    content: "a";
    font-size: 0px;
    background: #fff;
    width: 8px;
    height: 8px;
    float: left;
    position: absolute;
    left: 0;
    z-index: 99999;
    border-radius: 100px;
    margin-top: 5px;
    margin-left: 5px;
}

.cart_icon{

}

.cart_icon i {
    color: #585858;
    font-size: 20px;
}


.shop_catgry_reslt {
    float: left;
    margin-left: 0px;
    margin-top: 10px;
}

.related_listing_cont .product-wrap{
    float: left;
        margin: 0px !important;
}


/*________________________________RESPONSIVE_CSS_START__________________________________*/
/*________________________________RESPONSIVE_CSS_START__________________________________*/





@media only screen and (max-width: 768px) {
    .catgry_sub_wrp .product a{
        text-align: center;
        display: inline-block;
        width: 100%; 
    }

    .catgry_sub_wrp .product a img{
        float: none;
        left: auto;
        right: auto;
        display: inline-block;
    }

    .catgry_sub_wrp .product .product-name a{
        float: left;
        width: 100%;
        margin-top: 0px;
        height: auto;
    }

    .view_al_2 {
    float: right;
    font-size: 12px;
    background: #242c37;
    padding: 7px 8px;
    margin-top: -2px;
    border-radius: 100px;
    color: #fff;
    font-weight: 400;
}

.catgry_sub_wrp .title-simple{
        font-size: 16px;
    margin-top: -5px;
    font-weight: 400;

}

.catgry_sub_wrp{
    padding-top: 30px !important;
    padding-bottom: 10px;
}

.fix_loc_pop {
    float: left;
    width: 90%;
    margin-left: 5%;
/*    background: #fff;*/
    margin-top: 100px;
    text-align: center;
}

.ofert_a {
    float: left;
    width: 100%;
    /* padding: 0px; */
    margin-top: 10px;
    /*margin-left: 20%;*/
}

.ofer_img{
    height: auto;
}


.page_listing_cont .col-lg-9.main-content{
        padding-right: 0px;

}

.page_listing_cont .product-wrap{
     width: 48%;
    float: left;
    max-width: none;
    margin-left: 1%;
    margin-right: 1%;
        margin-bottom: 10px;
}



.blk_ofer_titl, .view_ofer_pop_btn{
    font-weight: 400;
    font-size: 11px;
}

.add_crt_btn_as {
    float: right;
    width: 100%;
    margin-right: 0%;
    margin-bottom: 10px;
    margin-top: -10px;
}

.qty_prc_wrp_inr {
    float: left;
    width: 100%;
}

.qty_prc_amnt {
    float: left;
    width: 50%;
}

.qty_prc_q {
    float: left;
    width: 50%;
}

.add_crt_mn{
        font-size: 15px;
            padding: 3px 0px;
}


.related_listing_cont .product-wrap {
     
    float: left;
    display: inline-block;
        width: 50% !important;
    margin: 0px !important;
}


.add_crt_mn.add_to_wishlist{
    margin-top: -4px;

}


.login_wrap_inr {
    float: left;
    width: 90%;
    background: #fff;
    margin: 80px 0px 0px 5%;
    border-radius: 5px;
    box-shadow: 0px 0px 4px #22291dd9;
}

.clos_login_as {
    float: right;
    margin-right: 0px;
}

.page_listing_cont .product-wrap {
    width: 32% !important;
    min-height: 370px;
    margin: 5px 0.5%;
}

.mmenu-active .mobile-menu-overlay {
    opacity: .3;
}

.toggle-btn{
        width: 40px;
    height: 40px;
    text-align: center;
        border-radius: 7px;
        opacity: 1;
        background-color:#fff;
}

.toggle-btn::before{
    font-size: 20px;
        padding-top: 4px;
    color:#000;
}

.mobile-menu li a:hover{
    color:#fff;
}

.digit-group input{
        width: 21% !important;
}


   
}



@media only screen and (max-width: 640px) { 

.page_listing_cont .product-wrap {
    width: 49% !important;
    margin: 5px 0.5%;
    height: auto;
    min-height: auto;
}

.zoomContainer{
    display: none !important;
}

.categoorry img{
    width: 100px !important;
    height: 100px !important;
}



}

  .ofer_blk {
     
    float: left;
    width: 100%;
}

.detail_proasd  .ofer_blk 
{
    height: 30px;
}
