/*-----------My CSS ----------------------*/



/*----------- Header 10 to Header 4  ----------------------*/


/*------------- Menu ------------*/

/*---- Design of header-wrapper from original type10 ----*/
.header-container.type10 .header-wrapper {
    text-align: left;
}


@media (max-width:991px) {
    .header-container.type10 .header-wrapper {
        display: block
    }
}

@media (min-width:992px) {
    .header-container.type10 .mobile-nav.side-block {
        display: none!important
    }
}


/*-- Color and radius of Menu --*/
.header-container.type10 .menu-wrapper {

    background-color: #f0f0ed;
    border-radius: 5px 5px 5px 5px;
    position: relative;
}

/*.header-container.type10 .menu-wrapper {
    margin-bottom: 4px!important;
}*/

.header-container.type10.sticky-header .menu-wrapper {
    background-color: transparent;
}

.header-container.type10.sticky-header .header-wrapper {
    padding-top: 2px!important;
    padding-bottom: 0px!important;

}




/*-- Design of .custom-menu-block  (not responsive)--*/
.header-container.type10 .menu-wrapper>.custom-menu-block {
    display: inline-block;
    line-height: 35px;
    float: right;
}

/*-- If multiple li in .custom-menu-block  (not responsive)--*/
/*.header-container.type10.sticky-header .menu-wrapper>.custom-menu-block {
    position: relative;
    float: initial !important;
}*/


/*-- If only one li in .custom-menu-block  (not responsive)--*/
.header-container.type10.sticky-header .menu-wrapper>.custom-menu-block {
    position: relative;
    margin-right: 80px;
    float: right;
}

/*.header-container.type10 .menu-wrapper>.custom-menu-block a {
    padding: 0 14px;
    font-size: 12px;
    font-weight: 600;
    color: #777;
    white-space: nowrap
}*/

/*-- menu li in same line --*/
.header-container.type10 .menu-wrapper>.custom-menu-block ul> li {
    display: inline;
}

/*-- li decoration --*/
.header-container.type10 .menu-wrapper>.custom-menu-block ul> li > a {
    padding-top: 9px;
    padding-bottom: 9px;
    color: #0088cc;
    /*transition: color 0.1s,background-color .1s;*/
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    text-align: left;
    white-space: nowrap;
}

/*-- li:hover decoration --*/
.header-container.type10 .menu-wrapper>.custom-menu-block ul> li:hover > a {
    text-decoration: none;
    color: #fff;
    background-color: #0088cc;
    border-radius: 5px 5px 5px 5px;
}


.header-container.type10.sticky-header .menu-wrapper>.custom-menu-block ul> li > a {
    margin: 0 !important;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
}




/*---- Change the design of "Les catégories" (not responsive)----*/
.cms-index-index .header-container.type10 .dropdown-menu:hover .menu-container>a,
.header-container.type10 .dropdown-menu .menu-container>a {
    color: #fff;
    background-color: #08c;
    padding: 12px 12px;
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    display: block;
    border-radius: 5px 5px 5px 5px;

    font-size: 12px;
    text-transform: uppercase;
}


.header-container.type10.sticky-header .dropdown-menu .menu-container>a {
    margin: 0 !important;
    padding: 10px 15px !important;
}

.header-container.type10 .dropdown-menu:hover .menu-container>a {
    background-color: #08c;
/*    text-decoration: none*/
}


/*---- Change the position of nav-sublist-dropdown (list of sub-categories) ----*/
/*---- parent of "nav-sublist-dropdown" will be ".menu.side-menu" ----*/
.header-container.type10 .dropdown-menu .menu-container>.menu.side-menu> li {
    position: initial !important;
    transition: all .0s;
}


/*---- Change the color of .menu.side-menu li (list of top-categories) ----*/
.header-container.type10 .dropdown-menu .menu-container>.menu.side-menu> li> a {
    padding: 3px 30px 3px 5px;
    transition: all .0s;
}



.header-container.type10 .dropdown-menu .menu-container>.menu.side-menu> li:hover {
    background-color: #f0f0ed;
}

.header-container.type10 .dropdown-menu .menu-container>.menu.side-menu> li:hover> a{
    color: #777;
}

.header-container.type10 .dropdown-menu .menu-container>.menu.side-menu> li:hover> a::after{
    color: #08c;
}

/*---- Hide .menu.side-menu (list of top-categories) ----*/
.header-container.type10 .dropdown-menu .menu-container .menu.side-menu {
/*    display: none!important;*/
    visibility: hidden!important;
    opacity: 0!important;
    /*transition: 200ms opacity;*/
}

.header-container.type10 .dropdown-menu .menu-container:hover .menu.side-menu {
/*    display: none!important;*/
    visibility: visible!important;
    opacity: 1!important;
}

/*.header-container.type10 .dropdown-menu .menu-container>.menu.side-menu.show,
.cms-index-index .header-container.type10 .dropdown-menu .menu-container>.menu.side-menu {
    visibility: visible;
    opacity: 1
}*/



/*---- CSS for nav-sublist-dropdown (sub-categories Menu) ----*/


.menu.side-menu>li.menu-static-width .nav-sublist-dropdown{
    width: 600px!important;
    height: 350px!important;
}

.menu.side-menu>li.menu-static-width .nav-sublist-dropdown .container ul >li.col-sw-6 {
    width: 25%!important;
}

.menu.side-menu>li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1 {
    transition: all .0s!important;
}

.menu.side-menu>li.menu-static-width .nav-sublist-dropdown .container ul >li .nav-sublist ul li > a {
    padding: 2px!important;
    margin: 0 18px;
    margin-right: 40px;
    margin-left: 10px;
    font-size: 11px;
    transition: all .0s!important;
}





  /*----------- CSS from Slider 5   ----------------------*/


/*#banner-slider-demo-5 .slide-content h2 {
    font-size: 80px;
    font-weight: 800;
    line-height: .9;
    letter-spacing: -6px;
    margin-left: -5px
}

#banner-slider-demo-5 .slide-content p {
    font-size: 20px;
    margin-bottom: 50px;
    font-weight: 300
}*/

/*
.owl-banner-carousel .content.type1 h2{font-size:60px}
.owl-banner-carousel .content.type1 p{font-size:25px}
.owl-banner-carousel .content.type1 a{font-size:16px}
.owl-banner-carousel .content.type2 h2{font-size:46.48px;border-top:5px solid #08c;padding-top:10px}
.owl-banner-carousel .content.type2 h3{font-size:30.59px}
.owl-banner-carousel .content.type2 p{font-size:14px}
.owl-banner-carousel .content.type2 a{font-size:18px}*/


.owl-banner-carousel .content.type1 h2{font-size:50px}
.owl-banner-carousel .content.type1 p{font-size:25px}
.owl-banner-carousel .content.type1 a{font-size:16px}


.owl-banner-carousel .content.type1 a.btn-line {
    font-size: 14px;
    height: 49px;
    padding: 0 36px;
    line-height: 46px;
    border-radius: 0;
    letter-spacing: 0.1em;
    font-weight: 400;
  }

.owl-banner-carousel .content.type1 a.btn-line {

    color: #ED4E2E;
    border: 2px solid #ED4E2E;
    font-size: 14px;
    font-weight: 700;
    padding: 0 34px;
    height: 57px;
    display: inline-block;
    line-height: 53px;
    border-radius: 8px;
    text-decoration: none
}

.owl-banner-carousel .content.type1 a.btn-line:hover {
    color: #fff;
    background-color: #ED4E2E
}

@media(max-width:1199px) {
/*    #banner-slider-demo-5 .slide-content h2 {
        font-size: 40px;
        line-height: .9;
        letter-spacing: -3px;
        margin-left: -2.5px
    }
    #banner-slider-demo-5 .slide-content p {
        font-size: 12px;
        margin-bottom: 20px
    }*/
.owl-banner-carousel .content.type1 a.btn-line {
        font-size: 10px;
        padding: 0 16px;
        height: 30px;
        line-height: 26px;
        border-radius: 4px
    }
}



@media (max-width:1199px) {
    .owl-banner-carousel .content.type1 h2{font-size:42px}
.owl-banner-carousel .content.type1 p{font-size:20px}
.owl-banner-carousel .content.type1 a{font-size:13px}
}


@media (max-width:991px) {
.owl-banner-carousel .content.type1 h2{font-size:32px}
.owl-banner-carousel .content.type1 p{font-size:15px}
.owl-banner-carousel .content.type1 a{font-size:10px}
}

@media (max-width:767px) {
.owl-banner-carousel .content.type1 h2{font-size:20px}
.owl-banner-carousel .content.type1 p{display:none}
.owl-banner-carousel .content.type1 a{font-size:8px}
}








/*------------------ Hide Items  ----------------------*/

/*.hide-addtolinks .item .details-area .actions a.addtowishlist,
.hide-addtolinks .item .details-area .actions a.comparelink,
.hide-addtocart .item .details-area .actions a.addtocart,
.hide-addtolinks .item .product-image-area .actions a.addtowishlist,
.hide-addtolinks .item .product-image-area .actions a.comparelink,
.hide-addtocart .item .product-image-area .actions a.addtocart {
    display: none
}
*/




/*------------------ Webkul :   ----------------------*/

/*---- Webkul : collectionview_topcontainer.phtml ------*/

.full-width-image-banner:after {
    background-color: transparent!important;
}

.full-width-image-banner {
    height: 290px
}


/*---- Webkul-Agora : sellerhome.phtml ------*/


.seller-info .sd-left {
  display: inline-block;
  width: 24%;
}
.seller-info .sd-left .sellerlogo {
  padding: 4px;
}
.seller-info .admin-product {
  line-height: 60px;
  text-align: center;
}
.products-grid .seller-info .sd-left .sellerlogo > img, .products-list .seller-info .sd-left .sellerlogo > img {
  border: 2px solid white;
}
.seller-info .sellerlogo > img {
  border-radius: 50%;
  box-shadow: 0 4px 0 0 #029e86;
  width: 100%;
  border: 2px solid white;
}
.seller-info .sd-right {
  display: inline-block;
  text-align: left;
  width: 73%;
}
.seller-info .sd-right .shoptitle a {
  color: #02826b;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
}
.products-grid .seller-info .sd-right .shoptitle, .products-list .seller-info .sd-right .shoptitle {
  padding-bottom: 1px;
}
.products-grid .seller-info .sd-right .shoptitle a , .products-list .seller-info .sd-right .shoptitle a {
  font-size: 14px;
}
.products-list .seller-info .sd-right .rating-box {
  margin: 0;
}
.sidebar .wk-agorae-seller-block-container .wk-agorae-seller-block-body .seller-info .sd-right .sellercountry {
  color: #045556;
  font-size: 12px;
}
.seller-info .sd-right .ratings .rating-links {
  display: inline-block;
  font-family: 'Roboto',sans-serif;
  font-size: 12px;
  margin: 0;
}

.seller-info .sd-right .sellercountry span {
  font-weight: 600;
}
.seller-info .sd-right .ratings .rating-links a {
  color: white;
}
.products-list .seller-info .sd-right .ratings .rating-links {
  padding-bottom: 5px;
}

.products-grid .seller-info, .products-list .seller-info {
  background: none repeat scroll 0 0 #00d0ae;
  clear: both;
  color: #ffffff;
  min-height: 64px;
  padding: 1px;
  position: relative;
  width: 100%;
  line-height: -moz-block-height;
}
.products-list .seller-info, .products-list .seller-info {
  background: none repeat scroll 0 0 #00d0ae;
  clear: both;
  color: #ffffff;
  min-height: 64px;
  padding: 1px;
  position: relative;
  width: 100%;
  float: left;
  line-height: -moz-block-height;
}
.products-grid .seller-info .ratings, .products-list .seller-info .ratings,  .products-list .seller-info .ratings, .products-list .seller-info .ratings {
  margin: 0;
}
















.wk-agorae-sp-home-cont {
  background: none repeat scroll 0 0 #ececec;
  border-top: 1px solid #e0e0e0;
  margin: 20px 0;
  padding-top: 1px;
  width: 100%;
}



    .wk-agorae-sp-home-cont {
        float: left;
        margin-bottom: 40px;
    }

    .wk-agorae-sp-home-cont .outline {
        border-top: 1px solid #fafafa;
        width: 100%;
    }

    .wk-agorae-sp-home-cont .wk-agorae-top-seller-product {
        margin: 0 auto;
        padding: 20px 0;
        text-align: center;
        max-width: 1200px;
        width: 80%;
    }

    .wk-agorae-top-seller-product .sp-head h3 {
        color: #00d0ae;
    }

    .wk-agorae-top-seller-product .sp-head {
        font-family: 'ROBOTO', sans-serif;
        width: 100%;
    }

    .wk-agorae-top-seller-product .wkagtopspprocont {
        margin: 20px 0;
        width: 100%;
    }

    .wk-agorae-top-seller-product .wkagtopspprocont .wkagtopsppro {
        background: none repeat scroll 0 0 #fafafa;
        border: 1px solid #e2e2e2;
        display: inline-block;
        margin: 0 2%;
        padding: 1px;
        width: 20%;
    }

    .wk-agorae-top-seller-product .wkagtopspprocont .wkagtopsppro .wkagspimg {
        width: 100%;
    }

    .wkaginfocont {
        margin: auto;
        width: 90%;
    }

    .wkag-hr {
        border-top: 1px solid #e2e2e2;
        width: 100%;
    }

    .wkaginfocont {
        margin: auto;
        width: 90%;
        min-height: 71px;
    }

    .wk-agorae-top-seller-product .wkagtopspprocont .wkagtopsppro .seller-info {
        background: none repeat scroll 0 0 #00d0ae;
        text-align: left;
    }

    .wk-agorae-top-seller-product .wkagtopspprocont .wkagtopsppro .wkagspimg img {
        outline: 1px solid #ffffff;
        width: 100%;
    }

    .wk-agorae-top-seller-product .wkagtopspprocont .wkagtopsppro .proinfo {
        display: inline-block;
        margin: 5px 0;
        padding: 5px 0;
        width: 100%;
    }

    .wk-agorae-top-seller-product .wkagtopspprocont .wkagtopsppro .proinfo .proname {
        display: block;
        float: left;
    }

    .wk-agorae-top-seller-product .wkagtopspprocont .wkagtopsppro .proinfo .proname a {
        color: #00d0ae;
        font-size: 16px;
        text-decoration: none;
    }

    .wk-agorae-top-seller-product .wkagtopspprocont .wkagtopsppro .proinfo .proprice {
        color: #434343;
        display: block;
        float: right;
    }

    .wk-agorae-top-seller-product .wkagtopspprocont .wkagtopsppro .wkagrelatedpro {
        display: inline-block;
        margin: 5px 0;
        width: 100%;
    }

    .wk-agorae-top-seller-product .wkagtopspprocont .wkagtopsppro .wkagrelatedpro .wkagotherpro {
        border: 1px solid #e2e2e2;
        display: inline-block;
        margin: 0 0.5%;
        padding: 1px;
        width: 20%;
    }

    .wk-agorae-top-seller-product .wkagtopspprocont .wkagtopsppro .wkagrelatedpro .wkagotherpro img {
        outline: 1px solid #ffffff;
        width: 100%;
    }

    .wk-agorae-top-seller-product .wkagtopspprocont .wkagtopsppro .wkagrelatedpro .wkagsellerleft a {
        color: #00d0ae;
    }

    .wk-agorae-top-seller-product .wkagtopsppro .seller-info .sd-right .shoptitle a {
        font-size: 14px;
        font-weight: 600;
    }

    .wk-agorae-top-seller-product .wkagtopsppro .seller-info .sd-right .sellercountry {
        color: white;
    }

    .wk-agorae-top-seller-product .wkagtopsppro .seller-info .sd-right .ratings, .wk-agorae-top-seller-product .wkagtopsppro .seller-info .sd-right .ratings .rating-box, .ratings .rating-links {
        margin: 0;
    }

    .wk-agorae-top-seller-product .wkagtopsppro .seller-info .sd-left {
        margin-left: 2%;
    }

    .wk-agorae-top-seller-product .wkagtopsppro .seller-info .sd-left .sellerlogo {
        display: inline;
    }

    .wk-agorae-top-seller-product .wkagtopsppro .seller-info .sd-right {
        width: 70%;
    }





@media only screen and (max-width: 1169px) {
  .wk-agorae-sp-home-cont .wk-agorae-top-seller-product {
    width: 90%;
  }
}

@media only screen and (max-width: 1063px) {
  .wk-agorae-sp-home-cont .wk-agorae-top-seller-product {
    width: 96%;
  }
  .wk-agorae-top-seller-product .wkagtopspprocont .wkagtopsppro .proinfo .proname a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 770px) {
  .wkagfeaturedtext span {
    display: none;
  }
  .wk-agorae-top-seller-product .wkagtopspprocont .wkagtopsppro {
    width: 40%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 400px) {
  .wk-agorae-top-seller-product .wkagtopspprocont .wkagtopsppro {
    width: 60%;
    margin-bottom: 20px;
  }
}





/*---------------------------------------*/

.owl-top-narrow #category-slider-demo-7 .owl-controls{right:-2px}
.header .demo-tooltip,.footer .demo-tooltip{position:absolute;right:15px;top:5px;z-index:9;width:20px}
.header-container.sticky-header .header .demo-tooltip{display:none}
.footer .demo-tooltip{top:-20px}
a.tooltip-icon{border:1px solid #fff;color:#fff;border-radius:50%;display:block;width:20px;height:20px;text-align:center;line-height:20px;font-size:10px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-animation:tooltip-animation 1s ease-in infinite;-moz-animation:tooltip-animation 1s ease-in infinite;-ms-animation:tooltip-animation 1s ease-in infinite;animation:tooltip-animation 1s ease-in infinite}
.header-container.type2 a.tooltip-icon,.header-container.type3 a.tooltip-icon,.header-container.type4 a.tooltip-icon,.header-container.type5 a.tooltip-icon,.header-container.type6 a.tooltip-icon,.header-container.type7 a.tooltip-icon,.header-container.type8 a.tooltip-icon{color:#000;border-color:#000}
.tooltip-popup{position:absolute;right:-10px;top:30px;width:300px;background-color:#111;box-shadow:0 0 8px rgba(255,255,255,.5);padding:20px;border-radius:10px;font-size:12px;line-height:1.4;color:#fff;text-align:left}
.tooltip-popup h4{font-size:16px;color:#fff}
.tooltip-popup p{margin-bottom:10px;color:#fff}
.tooltip-popup em{font-size:10px}
a.tooltip-close{position:absolute;right:10px;top:10px;color:#fff}
.footer-middle>.container{position:relative}
.container:after{content: "";display: table;clear: both}
@-webkit-keyframes tooltip-animation {
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@keyframes tooltip-animation {
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes tooltip-color {
0%{color:#fff}
50%{color:#333}
100%{color:#fff}
}
@keyframes tooltip-color {
0%{color:#fff}
50%{color:#333}
100%{color:#fff}
}
@-webkit-keyframes tooltip-color-white {
0%{color:#444}
50%{color:#fff}
100%{color:#444}
}
@keyframes tooltip-color-white {
0%{color:#444}
50%{color:#fff}
100%{color:#444}
}
.onepage-category{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.onepage_category_ajax_loader{position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,0.5);z-index:4}
.onepage-category > .category-list{width:80px;text-align:left;position:relative;float:left;background:#000;padding:46px 0 146px;z-index:5}
.onepage-category > .category-list > ul{position:relative;z-index:2;list-style:none;padding:0;transition:all .3s;padding-top:30px}
.onepage-category > .category-list > ul > li{margin-bottom:0}
.onepage-category > .category-list > ul > li:last-child{margin-bottom:0}
.onepage-category > .category-list > ul > li > a{color:#fff;width:auto;line-height:78px;display:inline-block;white-space:nowrap;position:relative}
.onepage-category > .category-list > ul > li > a > em{font-size:25px;width:80px;display:inline-block;text-align:center;vertical-align:middle}
.onepage-category > .category-list > ul > li > a > em > img{vertical-align:middle;max-width:80px}
.onepage-category > .category-list > ul > li > a > span{display:inline-block;vertical-align:middle;opacity:0;visibility:hidden;width:0;transition:all .3s;font-size:16px;font-weight:600;position:relative;overflow:hidden}
.onepage-category > .category-list > ul > li > a:after{content:"";width:16px;height:16px;position:absolute;display:block;right:-15px;top:50%;margin-top:-8px;border:8px solid transparent;transition:all .3s}
.onepage-category > .category-list > ul > li > a:hover,.onepage-category > .category-list > ul > li > a.active{background-color:#00d59d}
.onepage-category > .category-list > ul > li > a:hover > span{opacity:1;visibility:visible;width:auto;padding-right:50px}
.onepage-category > .category-list > ul > li > a:hover:after,.onepage-category > .category-list > ul > li > a.active:after{border-left-color:#00d59d}
.onepage-category > .category-details{float:right;width:calc(100% - 80px);padding:0 100px;padding-bottom:146px}
.onepage-category .category-detail{position:relative}
.onepage-category .category-detail .title-menu{position:relative}
.onepage-category .category-detail .title-menu > a{font-size:26px;color:#000;text-decoration:none;line-height:100px;display:inline-block;font-weight:300;margin-top:70px}
.onepage-category .category-detail .title-menu > a > span{display:inline-block;vertical-align:middle}
.onepage-category .category-detail .title-menu > a.parent:after{display:inline-block;content:"\e81c";font-family:"lesadresses";margin-left:18px;font-size:18px;vertical-align:middle;line-height:36px}
.onepage-category .category-detail .title-menu > a.parent.opened:after{content:"\e81b"}
.onepage-category .category-detail .title-menu > .menu-popup{position:absolute;left:-25px;top:100%;display:none;width:calc(100% + 50px);z-index:3;background-color:#fff;border:1px solid #bebebe;border-radius:5px;padding:50px 0}
.onepage-category .category-detail .title-menu > .menu-popup:before{content:"";border:8px solid transparent;width:16px;height:16px;display:block;border-bottom-color:#bebebe;position:absolute;top:-16px;left:90px}
.onepage-category .category-detail .title-menu > .menu-popup:after{content:"";border:7px solid transparent;width:14px;height:14px;display:block;border-bottom-color:#fff;position:absolute;top:-13px;left:91px}
.onepage-category .category-detail .menu-popup ul{list-style:none;padding:0;margin:0}
.onepage-category .category-detail .menu-popup > ul{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.onepage-category .category-detail .menu-popup > ul > li{float:left;border-left:1px solid #bebebe;margin:10px 0;padding:30px 0}
.onepage-category .category-detail .menu-popup > ul.columns5 > li{width:20%;padding-left:4%;padding-right:4%}
.onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(5n+1){border-left:0;clear:left}
.onepage-category .category-detail .menu-popup ul > li> a{color:#000;font-size:16px;line-height:2.5}
.onepage-category .category-detail .menu-popup > ul > li> a{font-weight:700;text-transform:uppercase}
.onepage-category .category-detail .products-area{margin:0 -10px}
.onepage-category .category-detail .products-area .category-link{float:right;margin-top:-70px;margin-right:10px;position:relative;z-index:2;min-width:119px;height:40px;border:2px solid #000;color:#000;border-radius:5px;line-height:36px;text-align:center;text-decoration:none;text-transform:uppercase;font-weight:600}
.onepage-category .category-detail .products-area .category-link:hover{background-color:#000;color:#fff}
.onepage-category .category-detail .products div.item{float:left;padding:10px}
.onepage-category .category-detail .products div.item .item-area{width:100%;position:relative}
.onepage-category .category-detail .product-image-area{border:0;padding:0;border-radius:0}
.onepage-category .category-detail .products div.item .product-image{width:100%;min-height:60px;display:block;position:relative;z-index:0;overflow:hidden;border-radius:0;background:#fff}
.onepage-category .category-detail .products .owl-item.loading{background:transparent}
.onepage-category .category-detail .products .owl-item.loading div.item .product-image{background-image:url(../images/ajax_loader.gif);background-repeat:no-repeat;background-position:center center}
.onepage-category .category-detail .products div.item .product-image img{width:100%;transition:opacity .3s}
.onepage-category .category-detail .products div.item .product-image img.defaultImage{opacity:1;filter:alpha(opacity=100)}
.onepage-category .category-detail .products div.item .product-image img.hoverImage{position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)}
.onepage-category .category-detail .products div.item .product-image-area:hover .product-image img.defaultImage{opacity:0;filter:alpha(opacity=0)}
.onepage-category .category-detail .products div.item .product-image-area:hover .product-image img.hoverImage{opacity:1;filter:alpha(opacity=100)}
.onepage-category .category-detail .products div.item .details-area{padding:15px 0;text-align:left}
.onepage-category .category-detail .products div.item .details-area .product-name{margin:0 0 3px}
.onepage-category .category-detail .products div.item .details-area .product-name a{font-size:14px;font-weight:600;color:#000}
.onepage-category .category-detail .products div.item .details-area .price{font-weight:300;font-size:30px}
.onepage-category .category-detail .products div.item .details-area .old-price .price{font-size:20px}
.onepage-category .category-detail .products div.item .details-area .actions{display:none;}
.onepage-category .category-detail .product-image-area:before{content:"";display:block;background:#000;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;opacity:0;visibility:hidden;transition:all .3s}
.onepage-category .category-detail .item-area:hover .product-image-area:before{opacity:.7;visibility:visible}
.onepage-category .category-detail a.quickview-icon{position:absolute;top:50%;margin-top:-18px;text-align:center;width:100%;background:none;text-transform:uppercase}
.onepage-category .category-detail a.quickview-icon span{margin-left:8px;font-weight:600}
.onepage-category .category-detail .product-image-area .actions{padding:0 15px;z-index:3}
.onepage-category .category-detail .product-image-area .actions a{background-color:transparent;border-color:#fff;color:#fff;width:50px;height:50px;line-height:48px;font-size:18px;margin:0 1px}
.onepage-category .category-detail .product-image-area .actions a.addtocart i.icon-cart{font-size:21px}
.onepage-cat.category-list{margin:-20px 0 -50px}
.onepage-cat.category-list + .main.container{float:left;max-width:calc(100% - 80px);padding:0 100px}
.onepage-category > .category-list > ul.absolute-bottom{position:absolute;top:auto;bottom:0}
.onepage-category > .category-list > ul.fixed-top{position:fixed;left:0;top:70px}
.onepage-category > .category-list > ul.fixed-bottom{position:fixed;left:0;bottom:0}
.onepage-category .additional-content img{max-width:100%}
.onepage-category .menu-popup a > span{position:relative}
.onepage-category .menu-popup a > span > span.cat-label{top:3px;right:-35px;font:inherit;font-size:9px;padding:2px;z-index:1;border-radius:2px;line-height:1;border:1px solid #777;position:absolute}
#banner-slider-demo-19 .slide-content h2{font-size:80px;font-weight:800;line-height:.9;letter-spacing:-6px;margin-left:-5px}
#banner-slider-demo-19 .slide-content p{font-size:20px;margin-bottom:50px;font-weight:300}
#banner-slider-demo-19 .slide-content a.btn-line{color:#000;font-size:14px;font-weight:700;border:2px solid #000;padding:0 34px;height:57px;display:inline-block;line-height:53px;border-radius:8px;text-decoration:none}
#banner-slider-demo-19 .slide-content a.btn-line:hover{color:#fff;background-color:#000}
.category-description img{max-width:100%}
@media(max-width:1199px) {
#banner-slider-demo-19 .slide-content h2{font-size:40px;line-height:.9;letter-spacing:-3px;margin-left:-2.5px}
#banner-slider-demo-19 .slide-content p{font-size:12px;margin-bottom:20px}
#banner-slider-demo-19 .slide-content a.btn-line{font-size:10px;padding:0 16px;height:30px;line-height:26px;border-radius:4px}
.onepage-cat.category-list + .main.container{padding:0 50px}
.onepage-category .category-detail .menu-popup ul > li> a{font-size:11px}
.onepage-category .category-detail .menu-popup > ul.columns5 > li{padding:10px 2%}
.onepage-category .category-detail .title-menu > .menu-popup{padding:10px 0}
.onepage-category .category-detail .title-menu > a{margin-top:46px}
}
@media(max-width:767px) {
.onepage-category{display:block}
.onepage-category > .category-list{width:auto;float:none;padding:0}
.onepage-category > .category-list > ul{padding:0}
.onepage-category > .category-list > ul > li{margin:0;display:inline-block}
.onepage-category > .category-list > ul > li > a:hover > span,.onepage-category > .category-list > ul > li > a:after{display:none}
.onepage-cat.category-list + .main.container{float:none;padding:0 15px;width:auto}
.onepage-category > .category-details{float:none;width:auto;padding:0 15px}
.onepage-category > .category-list > ul{position:static!important}
.onepage-category .category-detail .menu-popup > ul{display:block}
.onepage-category .category-detail .menu-popup > ul.columns5 > li{width:50%;padding:10px 15px}
.onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(5n+1){border-left:1px solid #bebebe;clear:none}
.onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(2n+1){border-left:0;clear:left}
.onepage-category .category-detail .menu-popup ul > li> a{font-size:14px}
}
.form-list .field{margin-left:4%}
.form-list .fields .field:first-child{margin-left:0}
.box{margin-bottom:30px}
.box .box-title{margin:0}
.product-tabs-container{position:fixed;left:0;top:0;width:100%;padding:15px 0;z-index:1;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.product-tabs-container.has-sticky-header{top:45px}
.sticky-tab > li{display:inline-block;font-size:13px;padding:0 10px}
.sticky-tab > li:first-child{padding-left:0}
.sticky-tab > li > a{color:#777;padding:10px 0}
.bounce-loader{transition:all .2s;text-align:center;width:70px;display:inline-block}
.bounce-loader .bounce1,.bounce-loader .bounce2,.bounce-loader .bounce3{animation:1.4s ease-in-out 0 normal both infinite running bouncedelay;background-color:#CCC;border-radius:100%;box-shadow:0 0 20px 0 rgba(0,0,0,0.15);display:inline-block;height:18px;width:18px;margin:0 1.5px}
.bounce-loader .bounce1{animation-delay:-.32s}
.bounce-loader .bounce2{animation-delay:-.16s}
@keyframes bouncedelay {
0%,80%,100%{transform:scale(0)}
40%{transform:scale(1)}
}
@media(max-width: 991px) {
.product-tabs-container.has-sticky-header:not(.has-mobile-sticky-header){top:0}
.product-tabs-container.has-sticky-header.has-mobile-sticky-header{top:110px}
}
ul.scene{width:100%;height:100%}
ul.scene > li.layer{width:100%;height:100%}
.animation-wave{-webkit-animation: wave 20s 0.1s infinite linear;-moz-animation: wave 20s 0.1s infinite linear;animation: wave 20s 0.1s infinite linear}
.animation-spin {
  -moz-animation: spin 20s infinite linear;
  -o-animation: spin 20s infinite linear;
  -webkit-animation: spin 20s infinite linear;
  animation: spin 20s infinite linear;
}
@-webkit-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}

@-moz-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}

@-ms-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}

@keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  }
}

.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}