/*
Theme Name: Shop woocommerce
Theme URI: http://e-web.vn
Author: Hieu.dev
Author URI: http://e-web.vn
Description: Shop woocommerce
Version: 4.0 (30/10/2015)
Text Domain: eweb
Domain Path: /languages/
Tags:
*/
@charset "utf-8";
@import url('css/reset.css');
@import url('css/wp-core.css');
@font-face{
    font-family:'FontAwesome';
    src:url('font-awesome/fonts/fontawesome-webfont.eot');
    src:url('font-awesome/fonts/fontawesome-webfontd41d.eot?#iefix') format('embedded-opentype'),
        url('font-awesome/fonts/fontawesome-webfont.woff') format('woff'),
        url('font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'),
        url('font-awesome/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
    font-weight:normal;
    font-style:normal
}
[class^="icon-"]:before,[class*=" icon-"]:before{
    font-family:FontAwesome;
    font-weight:normal;
    font-style:normal;
    display:inline-block;
    text-decoration:inherit
}
ul li{list-style: none}
html {width: 100%;margin: 0 auto}
body {font-size:14px;line-height:22px;color:#292929}
.clear { float:none; clear:both; margin:0px; padding:0px;height: 0;display: block}
a{color: #292929}
a:hover{color: #5F87D1}
a,a:hover {text-decoration: none}
a img{ border:none}
img { max-width:100%; height: auto}
input{outline: none}
h1, h2, h3, h4, h5, h6{font-family: 'Roboto Condensed', sans-serif;color: #292929}
h1{ font-size:18px}
h2{ font-size:16px}
h3,h4,h5,h6{ font-size: 14px}
h1, h2, h3, h4, h5, h6, a, span, p, button, input, label, i,img,
.info-top ul li a,
.single .dcjq-vertical-mega-menu{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.gradient{background-color: #2578e9!important;
background: #2578e9!important;
background: -moz-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%)!important;
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#2578e9),color-stop(100%,#3fe7d9))!important;
background: -webkit-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%)!important;
background: -o-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%)!important;
background: -ms-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%)!important;
background: linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%)!important}
.info-top{background-color: #5F87D1; height: 40px}
.info-top .menu-top{float: left;width: 100%;position: relative}
.info-top ul{  float: right}
.info-top ul li.effect{  position: absolute;left: 0}
@keyframes pingtoright {
    0% {transform: translateX(0px);}
    50% {transform: translateX(-10px);}
    100% {transform: translateX(0px);}
}
@-webkit-keyframes pingtoright {
    0% {transform: translateX(0px);}
    50% {transform: translateX(-10px);}
    100% {transform: translateX(0px);}
}
@keyframes pingtoright2 {
    0% {transform: translateX(0px);}
    50% {transform: translateX(-5px);}
    100% {transform: translateX(0px);}
}
@-webkit-keyframes pingtoright2 {
    0% {transform: translateX(0px);}
    50% {transform: translateX(-5px);}
    100% {transform: translateX(0px);}
}
.info-top ul li.effect a{  animation: 1.5s linear 0s normal none infinite pingtoright;-webkit-animation: 1.5s linear 0s normal none infinite pingtoright}
.info-top ul li.add{  position: absolute;left: 200px}
.info-top ul li{float: left}
.info-top ul li a{float: left; line-height: 40px;padding: 0 10px;color: #fff}
.form-search-header{float: left;width: 100%; margin-top: 25px}
.form-search-header .hotkey{margin-top: 5px;float: left;width: 100%;font-style: italic;color: #c2c2c2;font-size: 12px}
.link-cart{margin-top: 25px;float: right;padding: 0 15px;line-height: 42px}
.link-cart a{color: #fff}
.icon-hot > a:after,.icon-new > a:after,.icon-sale > a:after{margin-left: 10px;color: #fff;padding: 3px 7px;font-size: 12px}
.icon-hot > a:after{content: 'Hot';background: #FF982A}
.icon-new > a:after{content: 'New';background: #00E58C}
.icon-sale > a:after{content: 'Sale';background: #FD5353}
#logo{//padding: 20px 0;}
.logo img{
	max-width:150px !important;
	height:auto;
}
.logo{text-align: center}
.services_head{float: left;width: 100%;margin: 15px 0;background: #F5F5F5;border: 1px solid #e4e4e4;padding: 15px 10px 5px}
.box-services{float: left;width:100%;cursor: pointer;text-align: left;margin-bottom: 10px}
.box-services i{font-size: 40px;float: left;color: #5F87D1; margin-right: 5px}
.box-services .content-service h3{font-family: inherit;color: #5F87D1;line-height: 20px}
.site-title{text-indent: -9999px; position: absolute}
.wrapper-menu{background: #3a3a3a}
.wrapper-menu .close-menu{display: none}
.wrapper-menu ul li{float: left; position: relative}
.wrapper-menu ul li.search{float: right}
.wrapper-menu ul li.search #searchform{margin-top: 3px}
.wrapper-menu ul li.search:hover{background: none}
.wrapper-menu ul li.search input[type="text"],#searchform input[type="text"]{border: medium none;line-height: 38px;float: left;padding: 0 0 0 10px;color: #3A3A3A;width: 85%;float: left;border: 2px solid #6087D2}
.wrapper-menu ul li.search input[type="submit"],#searchform input[type="submit"]{background: #6087D2;border: medium none;cursor: pointer;line-height: 40px;width: 15%;float: left;color: #fff}
.wrapper-menu ul li.current-menu-item,.wrapper-menu ul li:hover,.wrapper-menu ul li.current-menu-parent,
#mega-menu-title{background-color: #2578e9;
background: #2578e9;
background: -moz-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#2578e9),color-stop(100%,#3fe7d9));
background: -webkit-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -o-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -ms-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%)}
.wrapper-menu ul li a{ color: #fff;font-family: 'Roboto Condensed', sans-serif;font-size: 14px;line-height: 40px;text-transform: uppercase;padding: 0 20px}
.wrapper-menu ul li:hover > .sub-menu{display: block;visibility: visible;z-index: 9999;opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0.3s ease, opacity 0.2s ease .1s;-webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s}
.wrapper-menu ul li .sub-menu{background: rgba(37, 120, 233, .7);min-width:220px;opacity: 0;padding:0;position:absolute;-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0.5s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease}
.wrapper-menu ul li .sub-menu li {margin:0;width: 100%;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s}
.wrapper-menu ul li .sub-menu li:hover a{color: #fff}
.wrapper-menu ul li .sub-menu li:hover:after{border-top-color: transparent}
.wrapper-menu ul li .sub-menu li a{padding: 0 15px;color: #fff;text-transform: none;font-weight: 700;font-size: 14px}
.wrapper-menu ul li .sub-menu ul {left:220px;margin-top: -40px}
.main-navigation{clear: both;display: block;float: left;width: 100%;background-color: #5F87D1;border-radius: 0;margin-bottom: 0px;border: 0px}
.off-canvas-toggle {float: left; margin-left: 30px}
.off-canvas-toggle .icon-bar {background-color: #fff}
#off-canvas{background:#3c3c3c;transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0);top: 0;bottom: 0;left: 0;height: 100%;overflow: hidden;position: fixed;visibility: hidden;z-index: -1;transition: transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s;-webkit-transition: -webkit-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s}
body.mnopen #off-canvas{transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);overflow-scrolling: touch;overflow: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;visibility: visible;z-index: 9999;transition: transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s;-webkit-transition: -webkit-transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s}
.off-canvas-inner{width:100%;background:#3c3c3c;color:#FFF}
.off-canvas-inner ul{float:left;width: 320px; display: block!important}
.off-canvas-inner ul li{float:left;width: 100%;border-top: solid 1px rgba(255,255,255,.1)}
.off-canvas-inner ul li:last-child{border-bottom: solid 1px rgba(255,255,255,.1)}
.off-canvas-inner ul li:hover{border-color: #212327}
.off-canvas-inner ul li.menu-item-has-children:hover{border-color: rgba(255,255,255,.1)}
.off-canvas-inner ul li a{padding: 9px 30px;margin: 0 auto;display:block;color: #999;font-size: 13px;text-transform: uppercase}
.off-canvas-inner ul li a:hover{background:#212327;color: #FFF}
.off-canvas-inner ul li a .fa-times-circle{opacity: .3;color: #5F87D1;font-family: "FontAwesome";font-size: 28px;margin-right: 0!important}
.off-canvas-inner ul li a:hover .fa-times-circle{opacity: 1}
.off-canvas-inner ul li i.fa{margin-right: 10px}
.off-canvas-inner ul li .sub-menu li{line-height: normal}
.off-canvas-inner ul li .sub-menu li:last-child{border-bottom: 0px}
.off-canvas-inner ul li .sub-menu li a{padding-left: 40px}
.off-canvas-inner ul li .sub-menu li a:before{content: '-';display: inline-block;font-family: Fontawesome;color: #999;margin: 0 5px 0 0}
.off-canvas-inner .close-menu {text-align: center}
.off-canvas-inner li.search{display: none}
#mega-menu-title{line-height: 40px;display: block;padding: 0 20px;color: #fff}
.container-product-menu .col-lg-3{margin-top: -40px}
.dcjq-vertical-mega-menu{position: absolute;z-index: 9999;width: 262px;border: 1px solid #EBEEF2;background-color: #fff}
.dcjq-vertical-mega-menu #mega{display: none}
.dcjq-vertical-mega-menu .menu li .sub-container{overflow: inherit!important;width: 100%!important;left: 261px!important; margin-top: -41px!important}
/* .dcjq-vertical-mega-menu .menu li .sub-container{overflow: initial !important;left: 100% !important;top: 0 !important;width: 730px !important;} */
.dcjq-vertical-mega-menu .menu li .sub-container .sub-menu .row{width: 100% ;margin: 0}
.dcjq-vertical-mega-menu .menu li .sub-container .sub-menu{float: left;padding: 0!important}
.dcjq-vertical-mega-menu .menu li .sub li.mega-hdr a.mega-hdr-a{margin: 0; padding: 0;height: auto !important; border-bottom: 1px solid #5f87d1 !important; color: #5F87D1!important}
.dcjq-vertical-mega-menu .menu{padding: 0}
.dcjq-vertical-mega-menu .menu .sub-menu.sub{width: auto}
.dcjq-vertical-mega-menu .menu li a {display: block;padding: 0 0 0 15px;line-height: 40px;text-decoration: none}
.dcjq-vertical-mega-menu .menu .sub li a{padding: 0 0 0 20px;line-height: 40px; color: #000!important; background: url(images/arrow_black.png) no-repeat 5px 15px}
.dcjq-vertical-mega-menu .menu .sub li.mega-hdr li{margin: 0;padding: 0}
.dcjq-vertical-mega-menu .menu li .sub li.mega-hdr,.dcjq-vertical-mega-menu .menu li .sub-container.non-mega li{margin: 0 10px; padding: 0}
.dcjq-vertical-mega-menu .menu li a:hover,
.dcjq-vertical-mega-menu .menu li .sub-container .sub-menu,
.dcjq-vertical-mega-menu .menu li.mega-hover a{color: #5F87D1;background-color: #eee!important}

#main{margin-top: 15px; float: left;width: 100%}
.img-cate{line-height: 0;display: block}
.img-cate img{width: 100%; height: auto}
.show-products{overflow: hidden}
.post-content{float: left;width: 100%}
.sidebar .block-title,.list-product .block-title,
.post-content .block-title{
float: left;width: 100%;
background-color: #2578e9;
background: #2578e9;
background: -moz-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#2578e9),color-stop(100%,#3fe7d9));
background: -webkit-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -o-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -ms-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%)
}
.post-content .item-blog{margin-top: 15px;border: 1px solid #F5F5F5;padding: 15px}
.post-content .item-blog .blog-title{color: #3a3a3a;font-weight: 700}
.post-content .item-blog .blog-exp{margin-top: 5px;color: #999;margin-bottom: 10px}
.post-content .item-blog .blog-more{padding: 7px 12px;background: #3a3a3a;color: #fff;font-size: 11px}
.title-module{ color: #fff;text-align: left;margin: 0;text-transform: uppercase;line-height: 40px; position: relative}
.title-module i{line-height: 40px;width: 40px;float: left;text-align: center;background-color: #38578F;margin-right: 15px; position: relative}
.title-module i:after{content: '';border: 5px solid transparent;border-left-color: #38578F;position: absolute;right: 0;top: 50%;margin-right: -10px;margin-top: -5px}
/* .title-module:after{border-right: 20px solid transparent;border-bottom: 37px solid #5f87d1;content: "";display: inline-block;height: 0;position: absolute;right: -20px;top: 0;width: 0} */
.sidebar ul{float: left;width: 100%; padding: 10px}
.sidebar iframe,.footer iframe{max-width: 100%}
.sidebar .widget{margin-bottom: 20px; float: left;width: 100%; border: 1px solid #ddd;background-color: #fff}
.menu-sp .block-title{margin-top: 0}
.menu-sp .title-module{float: none}
.menu-sp .title-module:after{border: none}
.widget_price_filter form{float: left;width: 100%}
.sidebar .ads a{  display: block;line-height: 0}
.list-news-sidebar li{float: left;width: 100%; margin: 0 0 10px 0}
.list-news-sidebar img{float: left;margin-right: 10px}
.news-title{color: #3a3a3a;text-transform: uppercase;font-weight: 700;font-size: 12px}
.post-date i,.post-date span{color: rgba(136,136,136,1); font-size: 11px}
.suport-widget span{  text-transform: uppercase;margin-bottom: 5px;float: left;width: 100%;color: #0188Cc}
.suport-widget strong{  color: #35BC7A;font-size: 16px}
.widget_price_filter form{background-color: #fff}
.widget_price_filter .price_slider_wrapper,.woocommerce .widget_layered_nav_filters ul{padding: 10px}
.woocommerce-tabs .panel{border: none;box-shadow: none}
.woocommerce ul.cart_list, .woocommerce ul.product_list_widget{padding: 10px}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ padding: 10px;border-top: none}
.woocommerce .widget_price_filter button:hover{ background-color: #5F87D1!important; color: #fff!important}
.widget_shopping_cart .buttons{ background-color: #fff;padding: 0 10px 10px}
.ew_promotion_product{position: relative}
.ew_promotion_product .owl-carousel{position: inherit!important}
.slider-box-tab{float: left;width: 100%}
.product-cate{float: left;width: 100%; overflow: hidden;border: 1px solid #ddd;margin-top: 30px}
.product-cate .col-lg-3:nth-child(5){clear: both}
.list-product,.list-product-tab{float: left;width: 100%;border: 1px solid #ddd}
.ew_partner{margin: 20px 0}
.ew_partner,#partner,.ew_partner h4{float: left;width: 100%}
.ew_partner .title-module{ color: #3A3A3A;font-weight: 700;border: 1px solid #E5E4E4;background: #F2F2F2}
.ew_partner .title-module i{color: #fff}
.ew_partner .owl-nav [class*=owl-]{background: inherit!important;color: #555!important; top: 0!important}
.ew_partner .owl-prev{left: inherit!important;right: 0!important;margin: -40px 20px 0 0!important}
.ew_partner .owl-next{margin: -40px 0 0 0!important}
.list-product-tab .col-lg-3:nth-child(5),.list-product .col-lg-3:nth-child(5){clear: both}
.list-product{margin-bottom: 20px}
.list-product .title-module{margin-bottom: 0}
.list-product-tab .col-lg-3,.product-cate .col-lg-3,.show-products .col-lg-3{border: 1px solid #f5f5f5}
.title-cate{text-transform: uppercase}
.promotion-products{float: left;width: 100%}
.promotion-products .owl-prev,.promotion-products .owl-next{top: 0!important;margin: 0!important;border-radius: 0!important;background-color: transparent!important;right: 0!important;left: inherit!important;font-size: 30px!important}
.promotion-products .owl-prev{margin-right: 25px!important}
.promotion-products .owl-carousel .owl-item{background: #fff; border: 1px solid #f5f5f5;padding-left: 15px;padding-right: 15px}
.tabs {position: relative}
.tabs input {position: absolute;z-index: 1000;left: 0px;top: 0px;opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);cursor: pointer}
.tabs label {background: #fff;line-height: 40px;height: 40px;position: relative;padding: 0 20px;float: left;display: block;color: #444;text-transform: uppercase;text-align: left;cursor: pointer; font-weight: normal;transition: inherit;font-family: 'Roboto Condensed', sans-serif}
.tabs input:checked + label:before{position: absolute;content: '';border: 5px solid transparent; border-top-color: #5F87D1; bottom: 0; margin-bottom: -10px; left: 50%; margin-left: -5px; z-index: 6}
.tabs label:after {content: '';background: #fff;position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;display: block}
.tabs input:hover + label {color: #fff;
background: #2578e9;
background: -moz-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#2578e9),color-stop(100%,#3fe7d9));
background: -webkit-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -o-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -ms-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%)}
.tabs label:first-of-type {z-index: 4}
.tab-label-2 {z-index: 3}
.tab-label-3 {z-index: 2}
.tab-label-4 {z-index: 1}
.tabs input:checked + label {-webkit-animation: page 0.2s linear;-moz-animation: page 0.2s linear;-ms-animation: page 0.2s linear;-o-animation: page 0.2s linear;animation: page 0.2s linear;color: #fff;background-color: #2578e9;
background: #2578e9;
background: -moz-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#2578e9),color-stop(100%,#3fe7d9));
background: -webkit-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -o-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -ms-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%)}
.clear-shadow {clear: both}
.content {position: relative;width: 100%;float: left;height: 760px;z-index: 5;overflow: hidden}
.content .content-tab{float: left;width: 100%}
.content .content-tab {position: absolute;top: 15px;padding: 0;z-index: 1;opacity: 0;-webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;-o-transition: all linear 0.3s;-ms-transition: all linear 0.3s;transition: all linear 0.3s}
.content-1, .content-3 {-webkit-transform: translateX(-250px);-moz-transform: translateX(-250px);-o-transform: translateX(-250px);-ms-transform: translateX(-250px);transform: translateX(-250px)}
.content-2, .content-4 {-webkit-transform: translateX(250px);-moz-transform: translateX(250px);-o-transform: translateX(250px);-ms-transform: translateX(250px);transform: translateX(250px)}
.tabs input.tab-selector-1:checked ~ .content .content-1,.tabs input.tab-selector-2:checked ~ .content .content-2,.tabs input.tab-selector-3:checked ~ .content .content-3,.tabs input.tab-selector-4:checked ~ .content .content-4 {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);z-index: 100;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;-webkit-transition: all ease-out 0.2s 0.1s;-moz-transition: all ease-out 0.2s 0.1s;-o-transition: all ease-out 0.2s 0.1s;-ms-transition: all ease-out 0.2s 0.1s;transition: all ease-out 0.2s 0.1s}
.owl-theme .owl-controls {margin-top: 0}
.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next {position: absolute;top: 50%;width: 40px;height: 40px;margin: -20px 0 0 0;padding: 0;opacity: 1;border-radius: 0;background: rgba(0, 0, 0, 0.5)}
.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next {color: #fff;font-size: 30px;line-height: 40px}
.owl-theme .owl-controls .owl-nav .owl-prev {left: 0}
.owl-theme .owl-controls .owl-nav .owl-next {right: 0}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background: #000}
.box{text-align: center; padding: 15px 0;float: left;width: 100%;min-height: 354px; position: relative}
.box .frame {position: relative}
.box .title-product{color:#3a3a3a; font-weight: bold;display: block;padding: 5px 0;text-decoration: none;border-bottom: 1px solid #f2f3f4;min-height: 55px;max-height: 55px;overflow: hidden;margin-top: 5px}
.price{ color: #e74847!important;font-size: 16px!important;font-weight: 700!important;padding: 5px 0;border-bottom: 1px solid #f2f3f4}
.price del .amount, .price .price-tax {color: #aab2bd;text-decoration: line-through;font-size: 13px;font-weight: normal}
.woocommerce span.onsale{ background: #FD5353;padding: 0px 10px;line-height: 32px;color: #fff;position: absolute;text-align: center;top: 5px;left: 5px; z-index: 1;  border-radius: 0;min-height: inherit}
.woocommerce a.button:hover{ color: #fff;
background-color: #2578e9;
background: #2578e9;
background: -moz-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#2578e9),color-stop(100%,#3fe7d9));
background: -webkit-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -o-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -ms-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%)}
.products-nav{float: left;width: 100%;border: 1px solid #ddd;padding: 10px;margin-top: 15px; display: none}/*haitv*/
.products-nav .woocommerce-result-count{margin: 5px 0 0}
.products-nav .woocommerce-ordering{margin: 0}
.woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select {border: 1px solid #F5F5F5;padding: 8px;outline: none}
.woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after{  top: inherit!important}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message{background-color: #fff!important;  margin: 0 0 1em!important}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{font-weight: 300}
.woocommerce div.product .product_title{font-size: 24px;padding-bottom: 10px}
.woocommerce #reviews #comments h2{margin-bottom: 15px}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{font-size: 14px}
.woocommerce #reviews h3{font-family: inherit;font-weight: 700;color: #5F87D1;margin-bottom: 10px;text-transform: uppercase}
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt,
.woocommerce button.button.alt, .woocommerce input.button.alt{ color: #fff;background-color: #3a3a3a; border-radius: 0}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,.woocommerce input.button:hover{color:#fff;border-radius: 0;
background-color: #2578e9;
background: #2578e9;
background: -moz-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#2578e9),color-stop(100%,#3fe7d9));
background: -webkit-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -o-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -ms-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%)}
.pp_pic_holder .ppt,.pp_pic_holder .pp_description{display: none!important}
.woocommerce form .form-row label{font-weight: 300}
.woocommerce-billing-fields h3,#ship-to-different-address label,#order_review_heading{  color: #3a3a3a;text-transform: uppercase; font-weight: 700}
#order_review_heading{ margin: 15px 0}
.form-thank-you h2,.form-thank-you h3{ color: #3a3a3a;text-transform: uppercase;font-weight: 700}
.form-thank-you h3{margin-bottom: 5px}
.form-thank-you h2{margin: 10px 0}
.myaccount_user a{color: #5F87D1}
.woocommerce-account .addresses .title h3 {float: left;text-transform: uppercase;margin: 5px 0;color: #5F87D1}
.woocommerce-account .addresses .title .edit, .woocommerce-account ul.digital-downloads li .count {float: right;font-style: italic;text-decoration: underline;font-weight: 300}
.woocommerce .order_details li,.woocommerce .order_details li strong{font-size: 14px}
.woocommerce .order_details{margin-top: 10px}
.cart_totals h2{ color: #5F87D1;text-transform: uppercase}
.woocommerce-cart .cart-collaterals .cart_totals table{width: 100%;border: 1px solid #ddd;padding: 0 15px;margin-top: 47px}
.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells,
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{float: left;width: 100%}
.cart_totals th,.cart_totals td label{  font-weight: 300}
.woocommerce ul#shipping_method li{padding: 0;  text-indent: inherit}
.woocommerce p.stars a:hover{color: #FFC600}
.shop_table{margin-top: 10px}
.woocommerce table.my_account_orders{font-size: 14px}
.woocommerce-account h2{text-transform: uppercase;margin: 5px 0;color: #5F87D1}
.single-product div[itemprop="offers"] .price{ padding: 10px 0;border-bottom: none}
.single-product div[itemprop="description"]{  padding: 10px 0 0}
.single-product .entry-summary .price span{font-size: 23px; color: #f05423}
.single-product .entry-summary .price del span{font-size: 13px; color: #aab2bd}
.amount{color: #e74847;font-weight: 700}
del .amount{color: #aab2bd;font-weight: 300}
.woocommerce div.product form.cart .button{ line-height: 28px;padding: 0 10px;border-radius: 0;background-color: #3a3a3a}
.woocommerce div.product form.cart .button:hover{
background-color: #2578e9;
background: #2578e9;
background: -moz-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#2578e9),color-stop(100%,#3fe7d9));
background: -webkit-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -o-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -ms-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%)
}
.woocommerce div.product form.cart, .woocommerce div.product p.cart{margin: 1em 0; height: 28px}
.product_meta{text-transform: uppercase}
.product_meta .posted_in a{ color: #5F87D1}
.product_meta .support-page{ color: #fff;padding: 0 10px;margin-top: 10px;line-height: 40px; background: #3a3a3a; cursor: pointer}
.product_meta .support-page:hover{background-color: #2578e9;
background: #2578e9;
background: -moz-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#2578e9),color-stop(100%,#3fe7d9));
background: -webkit-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -o-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: -ms-linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
background: linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%)}
.woocommerce div.product .woocommerce-product-rating{ margin-top: 10px; margin-bottom: 0;float: left;width: 100%}
.woocommerce .star-rating span {color: #FFC600}
/*Custom Tabs*/
.woocommerce div.product .woocommerce-tabs ul.tabs{ float: left;width: 17%;margin: 0;padding: 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li{width: 100%;border-radius: 0;margin: 0; padding: 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-left: 4px solid #5F87D1;border-bottom-color: #d3ced2}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color: #5F87D1}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{width: 100%;padding: .5em 1em}
.woocommerce div.product .woocommerce-tabs .panel{float: left;width: 83%;margin: 0 0 2em;border: 1px solid #d3ced2;border-radius: 0;padding: 15px}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:after{content: none}
.comment-form-author label, .comment-form-email label{min-width: 60px}
.add-to-cart{padding-top: 10px}
.box a.button{ color: #fff;padding: 5px 12px; border-radius: 0; font-weight: 300; background: #3a3a3a}
.box a.added_to_cart{ color: #5F87D1;font-size: 12px}
.box h3{font-family: inherit}
.content-main{float: left;width: 100%; position: relative}
.content-main .list-product:last-child{margin-bottom: 0}
.content-main .title-module{ float: left;padding-left: 0; width: 100%}
.content-main .title-module span,.content-main .title-module a,
.post-content .block-title{line-height: 40px; color: #fff; font-size: 14px; float: left}
.post-content img{width: 100%}
.list-product .readmore{float: right!important;text-transform: initial;background: #FD5353;line-height: initial!important;margin: 6px 15px 0 0;padding: 5px 10px;}
.list-product .readmore i{float: right;background: none;margin: 1px 0 0 10px;width: auto;line-height: inherit;
    animation: 1.5s linear 0s normal none infinite pingtoright2;
    -webkit-animation: 1.5s linear 0s normal none infinite pingtoright2;}
.list-product .readmore i:after{border-left-color: transparent}
/* #policy{position: absolute;top: 0; right: 0; margin-right: -250px} */
#policy .item_policy{background: #eee; border-bottom: 1px solid #fff; padding: 10px; font-size: 13px; color: #444;text-transform: uppercase;float: left;width: 100%}
#policy .item_policy.yahoo-sky a,#policy .item_policy.yahoo-sky div{float: left}
#policy .item_policy.yahoo-sky a.yahoo{float: left; margin-left: 10px}
#policy .item_policy.yahoo-sky a.yahoo img{width: 37px; height: 37px;}
#policy .item_policy.yahoo-sky a.skyper{float: left; margin-left: 18px}
#policy .item_policy.yahoo-sky a.skyper img{width: 75px; height: 37px}
#policy .item_policy.yahoo-sky div img{vertical-align: 0!important; margin: 0 10px!important}
#policy .item_policy.yahoo-sky .bg-hl{background: #0C8F45;color: #fff;border-radius: 5px;padding: 3px 5px;font-size: 12px;font-weight: 700; margin-bottom: 10px}
#policy .item_policy.yahoo-sky .bg-hl span{text-align: center;display: block;font-size: 16px}
#policy .item_policy.yahoo-sky .bg-hl:before{content: '\f095 ';font-family: 'FontAwesome';float: left;font-size: 35px;margin-top: 13px;margin-right: 5px}
#policy .item_policy i{font-size: 37px;float: left;margin-right: 10px; width: 37px; text-align: center}
.slider-product-img{text-align: center}
#footer{ background-color: #5F87D1;color: #fff; padding-top: 40px; float: left;width: 100%}
.footer h5{color: #fff;font-size: 16px;padding-bottom: 10px;text-transform: uppercase;border-bottom: 1px dotted #fff;margin-bottom: 10px}
.box_footer{margin-bottom: 15px}
.box_footer li:before{content: "\f101";color: #fff;display: inline-block;font: normal normal normal 14px/1 FontAwesome; margin-right: 5px}
.box_footer p{ margin-bottom: 5px}
.box_footer p,.box_footer a, #copyright{color: #fff}
.box_footer a:hover{color: #fff}
//back to top
a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #27AE61 url("up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top {
	background-color: #000;
}
#copyright{ background-color: #38578F;padding: 10px 0;margin-top: 15px}
#copyright .social{ float: right}
#copyright .social li{float: left}
.copyright p{float: left}
.copyright a{color: #fff}
#footer .social li {width: 26px;height: 26px;border: 2px solid #FFF;float: left;margin-left: 10px;text-align: center;line-height: 22px;cursor: pointer}
#footer .social li i{color: #fff}
#footer .social .social-tw:hover {background-color: #55ACEE;border-color: #55ACEE}
#footer .social .social-fb:hover {background-color: #3b579d;border-color: #3b579d}
#footer .social .social-yt:hover {background-color: #DD2826;border-color: #DD2826}
#footer .social li {-webkit-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;-moz-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;-ms-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;-o-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;}
.woocommerce-breadcrumb{margin-bottom: 15px!important;color: #5F87D1!important}
.woocommerce-pagination{ float: right;margin: 10px auto 20px}
.news-item{text-align: left;border-bottom: 1px dotted #C0C0C0; padding: 15px 0}
.news-item:last-child{border-bottom: none}
.post-info{float: left;width: 100%}
ul.post-info li {display: inline-block;font-size: 11px;color: #E62534;margin-right: 10px}
ul.post-info li a{color: #E62534}
.content-news{float: left;width: 100%;background-color: #fff;padding: 15px}
.list-post{float: left;width: 100%;border: 1px solid #ddd;padding: 15px;margin-top: 20px}
.entry-meta {float: left;width: 100%;margin-top: 10px}
.entry-meta .tag {background: #ededed;color: #292929;padding: 1px 5px;display: inline-block;font-size: 12px;margin-right: 5px;font-family: 'Roboto Condensed', sans-serif;font-weight: 700}
.entry-meta .tag-links a {background: #ededed;color: #0054a6;padding: 1px 5px;margin: 0 5px 5px 0;text-align: left;font-size: 12px;display: inline-block}
.page .title-module,.single .title-module{  margin-bottom: 0}
.news-content{  float: left;width: 100%;margin: 20px 0;border: 1px solid #ddd;padding: 15px;line-height: 24px}
.news-content p{margin: 0 0 10px}
.news-content ul,.news-content ol{list-style-position: inside; padding-left: 15px}
.related-news{float: left;width: 100%; margin-top: 15px}

.related-news .title-cate,.related-products .title-cate,.upsells .title-cate,.cross-sells h2,.cart_totals h2{float: left;width: 100%;position: relative}

.related-news .title-cate:before,
.related-news .title-cate:after,
.cross-sells h2:before,
.cross-sells h2:after,
.cart_totals h2:before,
.cart_totals h2:after,
.related-products .title-cate:before,
.related-products .title-cate:after,
.upsells .title-cate:before,
.upsells .title-cate:after{content: '';left: 0;height: 3px;position: absolute;bottom: -10px}
.related-news .title-cate:before,.related-products .title-cate:before,.upsells .title-cate:before,.cross-sells h2:before,.cart_totals h2:before{background: rgba(84, 84, 84, 0.4);width: 100%}
.related-news .title-cate:after,.related-products .title-cate:after,.upsells .title-cate:after,.cross-sells h2:after,.cart_totals h2:after{background: #6087D2;width: 100px}

.related-products{float: left; width: 100%; margin-bottom: 30px;margin-top: 20px}
.upsells .products,.cross-sells .products{border: 1px solid #ddd;margin-top: 30px!important;float: left!important;width: 100%}
.upsells .products .col-lg-3, .cross-sells .products .col-lg-3{border: 1px solid #f5f5f5}
ul.products .col-lg-3:nth-child(4),ul.products .col-lg-3:nth-child(8),ul.products .col-lg-3:nth-child(12){clear: both}
.cross-sells h2{color: #5F87D1;text-transform: uppercase}
.list-post-related{float: left;width: 100%; margin: 30px 0}
.list-post-related img{width: 100%}
.wpcf7 {float: left;width: 100%}
.wpcf7 .fullname,.wpcf7 .email{float: left;width: 49%}
.wpcf7 .email{margin-left: 2%}
.wpcf7 input {padding: 8px;border: 1px solid #ebebeb;margin: 5px 0;  float: left;width: 100%;background: #F2F2F2}
.wpcf7 textarea{padding: 8px;border: 1px solid #ebebeb;margin: 5px 0;float: left;width: 100%;background: #F2F2F2; outline: none}
.wpcf7 .wpcf7-submit {cursor: pointer;color: white;border: none;width: 100px;background: #5F87D1;padding: 0;line-height: 40px;font-weight: 300}
.wpcf7-response-output, .wpcf7-display-none, .wpcf7-mail-sent-ok {clear: both;float: left}
.wpcf7 select {padding: 8px;border: 1px solid #ebebeb;margin: 5px 0;float: left;width: 100%;font: bold 12px Arial}
.page-template-page-contact iframe{width: 100%}
.description-tax {float: left;width: 100%;padding: 10px;border: 1px solid #ddd;margin-top: 20px; display: none}/*haitv*/
/*Countdown*/
#productcountdown{float: left;width: 100%; position: absolute;bottom: 0}
.productcountdown{border: 1px solid #E0E0E0;float: left;width: 100%;background: #F5F5F5}
.productcountdown li{float: left;padding: 2px 8px;border-right: 1px solid #E0E0E0; background: #F5F5F5;width: 25%}
.productcountdown li.last{border-right: none}
.productcountdown li span{color: #e74847; font-weight: 700}
.detail-product #productcountdown{position: inherit}
.detail-product .productcountdown li span,.detail-product .productcountdown li p{float: left}
.detail-product .productcountdown li p{margin-left: 5px}

@media screen and (max-width: 1024px) {
    .sidebar{display: none}
    .list-product-tab .col-lg-3:nth-child(5){clear: inherit}
    .list-product-tab .col-lg-3:nth-child(n+7){display: none}
    .list-product .col-lg-3:nth-child(5){clear: inherit}
    .list-product-tab .col-lg-3:nth-child(4){clear: both}
    .list-product .col-lg-3:nth-child(4){clear: both}
    .list-product .col-lg-3:nth-child(n+7){display: none}
    .logo{ text-align: center}
    .single-product .content-main,.list-post{margin-bottom: 30px}
    .container-product-menu{display: none}
    .wrapper-menu{display: none}
    .navbar-toggle{display: block}
}
@media screen and (max-width: 800px) {
    .info-top{display: none}
    .navbar-toggle {display: block}
    .content{height: 735px}
    .slider-box-tab{margin-bottom: 15px}
    #logo .col-sm-6{width: 75%}
    #logo .hidden-mobile{display: none}
    .form-search-header{margin-top: 10px}
    .box-services{margin-bottom: 15px}
    .services_head .col-sm-6:nth-child(3) .box-services,.services_head .col-sm-6:nth-child(4) .box-services{margin-bottom: 0}
}
@media screen and (max-width: 768px) {
    .off-canvas-toggle{margin-left: 15px}
}
@media screen and (max-width: 600px) {
    .list-product-tab .col-lg-3:nth-child(4){clear: inherit}
    .list-product .col-lg-3:nth-child(4){clear: inherit}
    .list-product-tab .col-lg-3:nth-child(3){clear: both}
    .list-product .col-lg-3:nth-child(3){clear: both}
    .support,#logo .col-sm-6{display: none}
    .off-canvas-toggle{margin-left: 5px}
}
@media screen and (max-width: 480px) {
    .tabs label{ padding: 0 12px}
    .tabs label i{display: none}
    .news-item .col-lg-3{display: none}
    .news-item .col-lg-9{width: 100%}
    .wpcf7 .fullname, .wpcf7 .email{width: 100%}
    .wpcf7 .email{margin-left: 0}
}
@media screen and (max-width: 412px) {
    .post-content .col-xs-6{width: 100%}
}
@media screen and (max-width: 390px) {
    .content .col-lg-3,.list-product .col-lg-3,.product-cate .col-lg-3,.products .col-lg-3{width: 100%}
    .tabs label{width: 100%;padding: 0 20px}
    .tabs label i{display: inline-block}
    .woocommerce div.product .woocommerce-tabs ul.tabs{float: none;width: auto}
    .woocommerce div.product .woocommerce-tabs .panel{width: 100%}
}
@media screen and (max-width: 320px) {
}