@font-face {
  font-family:"SF-display";
  font-weight:300;
  font-style:normal;
  src:url("fonts/SFDisplay-Light.ttf") format("woff"),url("fonts/SFDisplay-Light.ttf") format("opentype"),url("fonts/SFDisplay-Light.ttf") format("truetype");
  font-display:swap;
}

@font-face {
  font-family:"SF-display";
  font-weight:400;
  font-style:normal;
  src:url("fonts/SFDisplay-Regular.ttf") format("woff"),url("fonts/SFDisplay-Regular.ttf") format("opentype"),url("fonts/SFDisplay-Regular.ttf") format("truetype");
  font-display:swap;
}

@font-face {
  font-family:"SF-display";
  font-weight:500;
  font-style:normal;
  src:url("fonts/SFDisplay-Medium.ttf") format("woff"),url("fonts/SFDisplay-Medium.ttf") format("opentype"),url("fonts/SFDisplay-Medium.ttf") format("truetype");
  font-display:swap;
}

@font-face {
  font-family:"SF-display";
  font-weight:600;
  font-style:normal;
  src:url("fonts/SFDisplay-Semibold.ttf") format("woff"),url("fonts/SFDisplay-Semibold.ttf") format("opentype"),url("fonts/SFDisplay-Semibold.ttf") format("truetype");
  font-display:swap;
}

@font-face {
  font-family:"SF-display";
  font-weight:700;
  font-style:normal;
  src:url("fonts/SF-Compact-Display-Bold.otf") format("woff"),url("fonts/SF-Compact-Display-Bold.otf") format("opentype"),url("fonts/SF-Compact-Display-Bold.otf") format("truetype");
  font-display:swap;
}

@font-face {
  font-family:"SF-display";
  font-weight:800;
  font-style:normal;
  src:url("https://cellphones.com.vn/sforum/wp-content/themes/sforum2021/assets/fonts/SF-Compact-Display-Heavy.otf") format("woff"),url("https://cellphones.com.vn/sforum/wp-content/themes/sforum2021/assets/fonts/SF-Compact-Display-Heavy.otf") format("opentype"),url("https://cellphones.com.vn/sforum/wp-content/themes/sforum2021/assets/fonts/SF-Compact-Display-Heavy.otf") format("truetype");
  font-display:swap;
}
body{font-family:SF-display,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif !important;background:#fff;font-size:15px;line-height:1.4;font-weight:normal;color:#333;}
*{margin:0;padding:0;line-height:1.5}
input[type=submit]{    background: #fec305;margin-top: 15px;border:0px;
    color: #fff;
    width: auto;}
h1,h2,h3,h4,h5,h6{color:#444;line-height:1.3;font-weight:bold;margin:0 0 10px}
a:hover,a:focus,a:visited{text-decoration:none;outline:none}
a{text-decoration:none;cursor:pointer;color:#333}
img{max-width:100%;border:none;height:auto}
li{list-style:none}
p.wp-caption-text{text-align:center}
.wp-caption.aligncenter{max-width:100%!important}
.content-post ul{padding-left:20px}
.content-post li{list-style:inside}
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
.aligncenter{display:block;margin:5px auto}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.mt20 {margin-top: 20px;}
.woocommerce-products-header__title.box-title {    font-size: 22px;
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;}
    .product-box .col-md-3{float: left;width: 20%;}
.box-slider  ,.slider-right img{overflow: hidden;border-radius: 5px;}
.term-description a , .content-post a{color: #fec305}
.term-description a:hover , .content-post a:hover {text-decoration: underline;}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;text-align:center;margin:0;padding:0 4px 5px}

.header-center{float:left;text-align:center;width:50%;margin:15px 15px 0}
.top-i {}
.wp-pagenavi a, .wp-pagenavi span {    padding: 10px;
    display: inline-block;
    min-width: 40px;}
.top-i .col-md-2{max-width: 10%;}
.top-i li img{max-height: 48px;width: auto}
    .top-i li:nth-child(2) a{font-size: 13px;padding: 10px 0;display: block;text-align: center;}
    .top-i li:nth-child(4) a{display: inline-block;padding: 5px 10px;color: #fff;text-transform: uppercase;background: #ff0016;border-radius: 15px;font-weight: bold;font-size: 13px;margin-top: 15px;}
.top-i li:nth-child(1) a{text-align: center;position: relative;    transition: all .3s;display: block;}
a:hover{color: #fec305}
.top-i p{margin-bottom: 0}
.wp-pagenavi {padding:30px 0 !important;clear:both;text-align: center;}
.banner-b1 {overflow: hidden;max-height: 386px;}
.woocommerce-product-details__short-description {padding: 10px 0}
.row-product {clear:both;}
.main-home {padding-top: 20px;}
.row-product .product-item {
        min-height: 202px;
    position: relative;
    border-radius: 15px;
    padding: 10px 10px 30px;
    margin-bottom: 10px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 10%), 0 2px 6px 2px rgb(60 64 67 / 15%);
}
.row-product .product-item .button {display: none;}
.row-product .product-item  .price{font-size: 15px !important;}
.row-product .product-item:hover{border-color: #999}
.banner-tax {overflow: hidden;margin: 0px 0}
.top-p-n {background: linear-gradient(rgb(241, 50, 55), rgb(248, 207, 214));border-radius: 8px;overflow: hidden;padding-top: 15px;}
.b-h  ,.b-dt-1{    padding: 15px 15px 0;
    border: 1px solid #ddd;
    background: #fafafa;}
    .b-dt-1 img{border:1px solid #ddd;margin-bottom: 15px;}
    .h-r {}
    .h-r {padding: 30px 0;position: relative;}
     .h-r:before{content: '';position: absolute;left: 0%;width: 50%;top: 0px;height: 100%;
    background: #0b538e;
    background: -moz-linear-gradient(left,#0b538e 1%,#2488d9 100%);
    background: -webkit-linear-gradient(left,#0b538e 1%,#2488d9 100%);
    background: linear-gradient(to right,#0b538e 1%,#2488d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b538e',endColorstr='#2488d9',GradientType=1);
}.cmt-customer {
    line-height: 23px;
    padding: 0 40px;color: #fff;
    background: url(img/ic_1.png)left top no-repeat,url(img/ic_2.png)bottom right no-repeat;
}.item-customer img {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 2px solid #fff;
    position: relative;
}
.box_content_cus {padding-top: 20px;}
.box_content_cus p{margin-bottom: 0}
.item-customer  > * {display: inline-block;color: #fff}
    .h-r:after{content: '';position: absolute;left: 50%;width: 50%;top: 0px;background: url(img/bgss.png)no-repeat;height: 100%;
    background-size: cover;}
    .title_support_cus {
    font-size: 25px;
    font-weight: 600;
    position: relative;
    padding: 0 0 15px;
    margin: 0 0 20px;
   
color: #fff
}
.p-cat {opacity: .7;}
.title_support_cus:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 55px;
    height: 1px;
    background: #fff;
}
.row-product .product-item:hover img ,.banner-tax:hover img ,.b-h > a:nth-child(1):hover img{    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    transform: scale(1.02);}
    .p50{padding: 50px 0}
    .b-form {position: relative;z-index: 1;padding-left: 30px;}
    .b-form h3 {text-transform: uppercase;font-weight: bold;color: #fff}
    .b-form  {padding-left: 30px;}
    .b-form textarea{max-height: 100px;}
.row-product .product-item img ,.banner-tax img ,.b-h > a:nth-child(1) img{    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
    .b-h h3{    text-align: center;
    border-bottom: 2px solid #e9e9e9;
    margin: 0 0 20px;
    padding: 15px 0;
    position: relative;}
    .b-h h3 a {display: block;
    color: #dc292f;
    font-size: 22px;
    font-family: 'Oswald',sans-serif;
    text-transform: uppercase;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    font-weight: 600;}
    .b-h h3 a:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 182px;
    height: 2px;
    right: 0;
    margin: auto;
    background: #cecece;
}
.h-n-1 {    padding: 20px 20px 25px;text-align: center;
    border: 1px solid #ddd;}
    .h-n-1 img{width: 100%;}
.b-h > a:nth-child(1) {display: block;overflow: hidden;}
.b-4 .b-h > a:nth-child(1) {display: block;max-height: 120px;overflow: hidden;}
.b-h ul li a{display: inline-block;padding-bottom: 10px;}
.b-h ul li a i {font-size: 12px;color: #dc292f;}
.view-more-cat-2 {    display: inline-block;
    background: #fec305;
    font-size: 15px;
    color: #fff;
    line-height: 35px;
    padding: 0 15px;margin-bottom: 15px;}
    .view-more-cat-2:hover{background: #dc292f;
    color: #fff;
}
.banner-tax {margin: 20px 0;overflow: hidden;border-radius: 8px;}
.slider-product .col-md-3{width: 100%;padding: 5px ;}
.top-p-n .slider-product .col-md-3{width: 100%;padding: 10px;margin-bottom: 0 !important;}
.slider-product .col-md-3 .product {padding: 10px;border-radius: 8px;overflow: hidden;margin-bottom: 0 !important;}
.main-home .row-product{background: #fff;padding: 10px;}
    .home h2 {font-size: 18px;padding: 10px 0;text-transform: uppercase;margin-bottom: 0}
  .p-h-top {position: relative;}
    .home-h a{  color: #333}

    .b-2 ul { 
    justify-content: space-between;
    align-items: center;position: relative;
    padding: 19px 0;
    box-shadow: 0px 1px 2px 1px #dddada;
    margin: 15px; padding-left: 90px;}
    .b-2 ul li:nth-child(2){font-weight: bold;}
    .child-h-p {text-align: left;padding-bottom: 20px;position: absolute;right: 0px;top: 8px;}
    .child-h-p a{    display: inline-block;
    line-height: 30px;
    padding: 0 10px;
    color: #333;
    position: relative;
    font-size: 14px;
font-weight: bold;
    font-weight: 500;background: #fff;border-radius: 8px;
    border: 1px solid #fff;margin:0 0px;    background-color: #f3f4f6;
    border: 1px solid #e5e7eb;
    color: #444;}
   
    .b-2 ul li:nth-child(1){position: absolute;left: 10px;top:25px;width: 65px;text-align: center;}
#payment li{list-style: none}
.row-product .product-item h2{font-size: 14px;margin: 0px;font-weight: bold;margin: 0px;padding: 10px 0;font-weight: normal;color: #000}
.row-product .product-item h2 a{color: #000}
.woocommerce .woocommerce-ordering select {padding: 8px}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before , .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs {padding-left: 0 ; display: none;}
.woocommerce span.onsale {    -webkit-border-radius: 2px;
    font-size: 11px;
    display: inline-block;
    margin-right: 4px;
    padding: 3px 6px;background: #fec305 !important;
    color: #fff;    line-height: 1.2;
    height: auto;
    padding: 5px 10px;
    min-height: 10px;}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {color: #fec305;font-size: 14px;text-decoration: none}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background: #fec305;height: auto;padding: 15px 20px;border-radius: 0}
.woocommerce button.button.alt:before{    content: "\f07a";    font: normal normal normal 14px/1 FontAwesome; padding-right: 5px;}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {color: #333;font-style: normal;font-weight: normal;font-size: 14px;}
.woocommerce-product-gallery__wrapper{border:1px solid #ddd;}
.logo img{max-height: 50px;}
.label-special-gift {
    padding: 5px;
    margin-top: 5px;
    color: #333;
    display: block;
    font-size: 11px;
    margin-bottom: 10px;
    position: relative;
    background: #f2f2f2;
}.label-special-gift strong {
    font-weight: bold;
    color: #fec305;
}
.about__box-icon {line-height: 1}
.header-item p {margin-bottom: 0}
.header-item {margin-right: 10px;
   background: hsla(0,0%,100%,.2);display: flex; align-items: center;
    height: 42px;
    padding: 3px 5px;
    border-radius: 10px;
    text-decoration: none!important;
    position: relative;
    cursor: pointer;color: #fff;
}.header-item.btn-menu .about__box-icon svg {
    height: 20px;margin-right: 10px;
}
.row-flex {display: flex;
    align-items: center;}
.text_header{color:#fec305;margin:0 0 10px;font-size:14px;font-weight:700;font-size:14px}
.address{color:#000;font-size:16px;margin-top:5px;font-weight:300}
.search-form{position:relative}
.search-form input[type="search"]{border:1px solid #ddd;height:40px;padding:0 40px 0 10px;width:100%}
.search-form input[type="submit"]{position:absolute;top:0;right:0;width:80px;height:40px;text-align:center;line-height:34px;background:#fec305 url(img/search-bg.png) no-repeat center center;color:#333;border:none;outline:none;transition:all .2s ease-out;font-size:0;cursor:pointer;border-bottom-right-radius:22px;border-top-right-radius:22px}
.header-info .tel{background:url(img/bghotline.png) no-repeat;text-align:center}
.header-info .tel span{display:block;padding:3px 0 4px;color:#fff;font-size:18px;padding-left:0}
.header-info .tel span a{text-decoration:none;color:#fff;font-weight:700;font-size:20px}
.support-header .item .icon{width:44px;height:44px;display:inline-block;vertical-align:middle;text-decoration:none}
.support-header .item{float:left;width:33%;padding:3px 0;text-align:center;color:#5b5b5b;text-decoration:none;font-size:12px}
.support-header .item .title{font-weight:700}
.support-header .item .icon{width:44px;height:44px;display:inline-block;vertical-align:middle;text-decoration:none}
.header-menu{  }
ul{margin:0}

.main-menu ul.menu > li{position:relative;float:left;display:block;padding: 10px 0}
.main-menu ul.menu > li > ul{display: none;position: absolute;top: 100%;left: 0;min-width: 200px;background: #fff;z-index: 999}
.main-menu ul.menu > li:hover > ul{display: block;}
.main-menu ul.menu > li > a{position:relative;display:block;padding:0px 20px;font-size:16px;color:#333 ;margin: 0 10px}
.main-menu ul.menu > li.current-menu-item > a {position: relative;}
.main-menu ul.menu > li:hover > a , .main-menu ul.menu > li.current-menu-item > a {}
.main-menu ul.menu > li > ul > li > a{display: block;
    border-bottom: 1px solid #ededed;
    font-size: 16px;
    padding: 7px 15px;
    clear: both;
    color: #333;
    white-space: nowrap;}
.menu-list-category > a{position:relative;display:block;padding:10px 15px;border-left:1px solid #c5000e;border-right:1px solid #c5000e;font-size:16px;color:#fff;background-color:#297d37;text-transform:uppercase}
.menu-list-category{position:relative}
.menu-list-category ul.menu{position:absolute;top:100%;display:none;left:0;width:100%;z-index:9999;background:#fff;border:1px solid rgba(0,0,0,.15)}
.home .menu-list-category ul.menu{display:block}
.menu-list-category ul.menu > li{position: relative;}
.menu-list-category ul.menu > li > ul{display: none;position: absolute;left: 100%;background: #fff;z-index: 999;top: 0}
.menu-list-category ul.menu > li:hover > ul{display: block;}
.menu-list-category ul.menu > li > a, .menu-list-category ul.menu > li > ul > li >a{display:block;border-bottom:1px solid #ededed;font-size:16px;padding:7px 15px;clear:both;color:#333;white-space:nowrap}
.menu-list-category .fa-navicon{margin-right:5px}
.menu-list-category .fa-angle-down{margin-left:15px}
.menu-list-category .menu-item a img{width:28px}
.container{max-width:1230px}
.row{margin:0 -10px}
.sidebar-product-t {    padding: 10px 10px ;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;margin-top: 15px;}
.row > div{padding:0 10px}
.sidebar-product-t ul + ul {margin-top: 10px}
.sidebar-product-t ul a{color: #fec305}
.sidebar-product-t ul li:nth-child(1){position: absolute;left: 10px;top: 5px;}
.sidebar-product-t ul{position: relative;padding-left: 30px;}
.product-css > h2{background:#f8f8f8;position:relative;padding:0 20px 0 30px;text-transform:uppercase;height:40px;line-height:40px;border-bottom:3px double #fec305;border-bottom-left-radius:3px;clear:both}
.product-css > h2 > i{position:absolute;border-radius:3px;width:34px;height:38px;top:0;left:0;z-index:3;display:inline-block;background:#fec305;color:#fff;text-align:center;line-height:40px;font-size:18px}
.tile-cat{background:#fec305;padding:0 20px 0 5px;height:100%;position:relative;margin:0;float:left;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}
.product-css > h2 a{color:#fff;font-size:14px;line-height:40px;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.1);padding:0;margin:0;float:left}
.tile-cat .cat-name{display:block}
.product-css > h2 a.viewall{float:right;font-size:10px;color:#fec305}
.cat-name:after{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,55,156,0);border-left-color:#fec305;border-width:19px;margin-top:-19px}
.product-css .box{display:block;float:left;margin-bottom:10px;text-align:center;padding:4px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;border:1px solid #dadada}
.product-css .box:hover{box-shadow:0 0 15px -2px #717171;border-color:#fec305}
.product-css .box h3.title-product{font-size:16px;height:55px;margin:0 0 5px;font-weight:700;border-top:1px solid #dadada;padding-top:7px;    overflow: hidden;}
.product-css .box .price{color:#FF3838;margin:0 0 2px;font-size:16px;font-weight:700}
.ttl-footer{color:#333;font-size:14px;padding-bottom:3px;margin:0 0 15px;font-weight: bold;}
.footer{color:#333;margin-top:20px;background: #fff;}
.box-border { }
.mid-footer{background: #836C43;;padding:20px 0}
.footer-text-2 {margin-top: 20px;}
.footer-local h2{font-weight: bold;border-bottom: 1px solid #e0e0e0;padding-bottom: 10px;}
.footer-local a{    border-top: 1px solid #E0E0E0;
    padding-top: 10px;
    padding-bottom: 10px;display: block;margin-top: 15px;font-size: 13px;}
.footer-local p{font-size: 12px;}
.footer-local {padding-top: 20px;}
footer .box-social {
    display: flex;
    -webkit-display: flex;
    flex-flow: row nowrap;
    flex: 1 100%;
}.box-social .box-1 {
    width: 30%;
} .box-social .box-2 {
    width: 40%;
}.box-social .box-3 {
    width: 30%}
    .box-social > * {float: left;}
    .box-social .box-1 span a {
    margin-right: 10px;
    position: relative;
    top: 4px;
    display: inline-block;
}
.box-social .box-1 span .icon-fb {
    background: url(img/facebook.png);
    width: 20px;
    height: 20px;
    background-size: contain;
}
.box-social .box-1 span .icon-instagram {
    background: url(img/instagram.png);
    width: 20px;
    height: 20px;
    background-size: contain;
}
.box-social .box-1 span .icon-youtube {
    background: url(img/youtube.png);
    width: 20px;
    height: 20px;
    background-size: contain;
}
.box-social .box-2 strong:before {
    content: "";
    background: url(img/icon-thanh-toan.png);
    width: 20px;
    height: 13px;
    position: absolute;
    top: 4px;
    left: 0;
}
.box-social .box-2 strong {position: relative;display: inline-block;padding-left: 35px;}
.mid-footer a{color:#333}
.f-t-1 > * {float: left;width: 50%;}
.f-t-1 li a{display: block;padding-bottom: 10px;}
.f-t-2 ul li {
    list-style: none;
    display: flex;
    -webkit-display: flex;
    flex-flow: row nowrap;
    flex: 1 100%;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.f-t-2 , .f-t-1 {min-height: 280px;}
.f-t-2 ul li div {
    width: 40%;
    font-weight: 500;font-weight: bold;
    text-align: right;
}
.f-f-12 {    font-size: 10px;
    color: rgba(0,0,0,.5);
    margin-bottom: 5px;line-height: 2}
.footer-text {margin-top: 20px;}
footer ul li{margin-bottom:0px}
footer .widget ul li {display: block;padding-bottom: 5px;}
footer ul li a{font-size: 13px;}
.top-footer{border-top:solid 1px #e5e6e7;border-bottom:solid 1px #e8e9ea;background:#f3f3f4;padding:16px 0 12px}
.top-footer .icon{width:40px;margin-right:10px;float:left}
.top-footer .info{overflow:hidden}
.top-footer .info .name{color:red;text-transform:uppercase}
.top-footer .info .text{color:green}
.top-footer .info .text span{display:block;color:red;font-weight:700}
#back-top a{width:50px;height:50px;position:fixed;cursor:pointer;color:#fff;text-align:center;line-height:40px;right:20px;bottom:60px;display:inline-block;border:1px solid #fec305;background:#fec305;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;font-size:28px}
#back-top a:hover{background:#838383;color:#fff;border-color:#838383}
a:hover{color:#fec305;transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;-ms-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;-webkit-transition:color .3s ease-in-out}
.box-title{font-size:18px;padding:0 0 10px;border-bottom:1px solid #333;position:relative;line-height:1.2;font-weight:bold;margin-bottom:20px;text-transform:capitalize;color:#333}
.box-title:before{position:absolute;bottom:-3px;left:22px;width:35px;height:5px;content:"";display:inline-block;background-color:#4D4D4D}
.box-title:after{position:absolute;bottom:-1px;left:0;width:80px;height:1px;content:"";display:inline-block;background-color:#4D4D4D}
.main-news .img{width:30%;display:inline-block;float:left;margin-right:10px}
.main-news .info{overflow:hidden}
.main-news .info h3{font-size:16px;font-weight:600;display:inline-block;margin-bottom:5px;overflow:hidden}
.main-news .img img{height:115px;width:100%;object-fit:cover}
.main-news .box{margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #ccc}

.slider,.banner-home .item{margin-top:0px}
.sidebar .menu{background: #fec305;padding: 0px;}
.view-more-cat{    border: 2px solid #fec305;
    border-radius: 30px;display: inline-block;padding: 8px 20px;}
.title-sidebar{text-align: left !important;}
.title-sidebar span{display: inline-block;font-weight: bold;text-transform: uppercase;font-size: 16px;position: relative;padding: 10px 0; margin-bottom: 20px;}
.woocommerce-product-search {position: relative;}
.woocommerce-product-search button{position: absolute;right: 0px;top: 0px;background: #2589f4;border:0px;padding: 6px;color: #fff}
.title-sidebar span:before{content: '';width: 30px;height: 3px;position: absolute;left: 0px;bottom: 0px;background: #0a0a0a;}
    .box-title-home a{color: #fff}
.sidebar .widget_nav_menu li a{color:#2589f4;font-size:16px;text-decoration:none;padding:10px 0;border-top: 0px solid #8a3c05;
    border-bottom: 0px solid #c45b10;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;display:block; text-transform: uppercase;}
.sidebar .widget{margin-bottom:15px}
.box-category {background: #fff}
.blog_list_item{margin-bottom:30px;}
.item-news-2 li:nth-child(2) a , .item-news li:nth-child(1) a{display: block;padding:0 0  10px 0; font-size: 16px;font-weight: bold;}
.item-news-2 li:nth-child(2) a {padding-top: 10px;}
.category .item-news img{width: 100%}
.category .item-news li:nth-child(1) a{display: block;overflow: hidden;border-radius: 8px;}
.category .item-news li:nth-child(1) a img{transition: transform .5s ease;}
.category .item-news li:nth-child(1):hover a img {transform: scale(1.1);}
.category .item-news li:nth-child(2) a{display: block;padding: 10px 0;}
.category .col-md-6:nth-child(2n+1){clear:both;}
.blog_list_item .blog-item{padding:10px 0;margin:0px ;position:relative;border-bottom:solid 1px #ebebeb;margin-bottom:0px;}
.aside-item .list-blogs .blog_list_item .blog-item-list:first-child{padding-top:0px;}
.blog_list_item .blog-item .blog-item-thumbnail{display:inline-block;float:left;position:relative;overflow:hidden;width:90px;}
.blog_list_item .blog-item .ct_list_item{display:block;float:left;width:calc(100% - 90px);-o-width:calc(100% - 90px);-moz-width:calc(100% - 90px);-webkit-width:calc(100% - 90px);padding-left:15px;}
.blog_list_item .blog-item .blog-item-name{margin:0px 0px 5px;line-height:19px;font-size:16px;font-weight:500;    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
    .blog_list_item .blog-item:first-child{padding-top: 0}
.blog_list_item .blog-item .blog-item-name a{color:#666;}
.mid-footer i{width: 15px;margin-right: 0px;}
.sidebar .widget_nav_menu li a:before{font: normal normal normal 14px/1 FontAwesome;    content: "\f046";margin-right: 5px;color:red}
.sidebar .widget_nav_menu li a:hover{padding-left: 15px;background: #fec305;color: #fff}
.sidebar .widget_nav_menu li a:hover:before{color: #fff}
.sidebar .widget_nav_menu li.menu-item-has-children > a:after{font: normal normal normal 14px/1 FontAwesome;    content: "\f078";margin-right: 5px;color: #ccc;float: right;font-size: 13px;
    position: relative;
    top: 2px;}
.sidebar .widget_nav_menu li ul li a{padding-left: 20px;text-transform: none;}
.sidebar .widget_nav_menu li ul li a:before{font: normal normal normal 14px/1 FontAwesome;    content: "\f054";margin-right: 5px;color: #ccc;
    }
.breadcrums{background:#f5f5f5;padding:5px 0;margin-bottom:20px}
img.wp-smiley,img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:none!important;padding:0!important}
blockquote{padding-left:30px;border:none;overflow:hidden;position:relative;margin-bottom:20px}
blockquote:before{position:absolute;top:0;left:0;width:5px;height:100%;background:#333;content:"";opacity:.4}
blockquote p{font-weight:300;font-size:22px;line-height:1.6;margin-bottom:0}
.category-intro iframe{display:block;margin:15px auto}
.category-intro{margin-bottom:15px}
.single-short{display:inline-block;width:100%}
.single-short .left-short{display:inline-block;width:45%;float:left;position:relative;overflow:hidden;padding:3px;border:1px solid #ddd}
.single-short .left-short img{width:100%}
.short-excerpt{background:#efefef;margin-top:15px}
.single-short .right-short{display:inline-block;width:54%;float:left;padding-left:20px}
.single-short .right-short .detail-title{margin-bottom:10px;font-size:20px;border-bottom:1px solid #dadada;padding-bottom:5px}
.single-short .suk{width:100%}
.single-short .suk .kcode{width:50%;display:inline;padding-right:20px;font-size:14px}
.kcode span{color:red;text-transform:uppercase}
.single-short .suk .status{width:50%;display:inline-block;border-left:2px solid #ccc;padding-left:20px;font-size:14px}
.status span{color:red;text-transform:uppercase}
.single-short .right-short .price{color:red;font-size:26px;line-height:1;margin-top:15px;font-weight:700}
.single-short .right-short .price span{color:#333;font-size:16px}
.ordernow{display:inline-block;margin-top:10px;width:100%}
a.order-this-now{display:inline-block;padding:5px 0;text-align:center;line-height:1;background:#fec305;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;color:#fff!important;border-radius:0;margin-top:0;width:49%;font-size:18px;border-radius:2px;text-transform:none}
a.order-this-now .p1,a.support .p1{float:left;width:100%;font-size:15px;font-weight:700;margin-bottom:7px}
a.order-this-now .p2,a.support .p2{font-size:15px}
a.support{background-color:#297d37;color:#fff;display:inline-block;padding:5px 0;text-align:center;line-height:1;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;border-radius:0;margin-top:0;width:50%;font-size:18px;border-radius:2px;text-transform:none}
.fb_iframe_widget_fluid_desktop iframe{width:100%!important}
ul.all-posts li{display:inline-block;width:100%;border-bottom:1px solid #dadada;padding-bottom:10px;margin-bottom:10px}
ul.all-posts li .img{display:inline-block;float:left;width:22%;padding:4px;border:1px solid #dadada}
ul.all-posts li .img a{display:inline-block;vertical-align:top;transition:opacity .3s;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;opacity:1}
ul.all-posts li .detail{display:inline-block;float:left;width:78%;padding-left:12px}
ul.all-posts li .detail > h3{font-weight:400;line-height:1.2;margin:0 0 6px;font-size:18px}
ul.all-posts li .detail .content-excerpt{margin-bottom:10px}
ul.all-posts li .read-more{display:inline-block;padding:6px 22px 6px 12px;border:1px solid #dadada;line-height:1;position:relative;font-size:12px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}
ul.all-posts li .img:hover a{opacity:.7}
ul.all-posts li > .detail .read-more:hover{border-color:#fec305;color:#fec305}
.menu-list-category ul.menu > li > a:hover, .menu-list-category ul.menu > li > ul > li >a:hover, .main-menu ul.menu > li > ul > li > a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}
.modal-header-post{background:#fec305;color:#fff;font-size:15px;line-height:1;padding:9px 12px;position:relative;border:1px solid #fec305;border-bottom:0;border-top-left-radius:6px;border-top-right-radius:6px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;margin-bottom:0}
button.close{width:26px;height:26px;display:inline-block;background:#FFF;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;color:#000;position:absolute;z-index:2;right:12px;top:2px;text-align:center;line-height:25px;float:none;opacity:1;font-size:inherit}
.modal-content-post{width:100%;display:block}
.content-form .form-left{display:table-cell;width:52%;vertical-align:top;padding:30px}
.head-form{width:100%;display:inline-block;clear:both;margin-bottom:10px}
.head-form .thumb{width:60px;height:auto;display:block;float:left;margin-right:10px}
.head-form .title h3{font-size:18px;margin-bottom:15px}
.content-form .form-right{display:table-cell;width:48%;background:#F7F7F7;vertical-align:top;padding:30px;border-bottom-right-radius:6px;-webkit-border-bottom-right-radius:6px}
.form-right .note-top{border-bottom:1px solid #d4d4d4;padding-bottom:22px}
.form-right .note-top *{font-size:14px;color:#747474;margin:0}
.form-right .note-bottom{border-top:1px solid #e7e7e7;padding-top:22px}
.content-form{display:table;width:100%;vertical-align:top;background:#f9f9f9;border:1px solid #ccc;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.modal-dialog{max-width:675px}
.client-fill{text-align:center}
.client-fill p{display:inline-block;width:100%;margin:0 0 10px;vertical-align:top}
input,textarea,select{color:#333;font-size:13px;max-width:100%}
.client-fill p.first select{border:1px solid #d3d3d3;display:inline-block;float:left;width:20%;height:30px;padding:0 5px;margin-right:5px}
.client-fill p input[type="text"],.client-fill p input[type="email"],.client-fill p input[type="number"],.client-fill p textarea{padding:5px 10px;width:100%;height:30px;border:1px solid #d3d3d3;outline:none;font-family:Arial,sans-seif;vertical-align:top}
.client-fill p textarea{height:auto}
.client-fill p.first input[type="text"]{width:75%;float:right;max-width:100%}
.btn-order-popup{font-size:16px;color:#fff;display:inline-block;clear:both;padding:10px 40px;background:#fec305;border:1px solid #fec305;line-height:1;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s}
.modal-dialog{pointer-events:auto}
.slider-home .owl-nav > * ,.owl-next ,.owl-prev{border-radius:50%;opacity: .5;;cursor:pointer;background:rgba(51,51,51,0.8);width:40px;font-size:15px;height:40px;position:absolute;display:block;top:50%;transform:translate(0%,-50%);z-index:100;border:1px solid rgba(235,234,234,0)}
.slider-home .owl-nav > .owl-prev ,.owl-prev{left:20px}
.slider-home .owl-nav > .owl-next ,.owl-next{right:20px}
.slider-home .owl-nav > :hover{background:#fec305}
.main-slider{margin-bottom:10px}
.mobile-menu,.click-menu{display:none}
.menu-header ul.menu > li > span,.menu-mobile > div{display:none}
.main-menu ul.menu > li.menu-item-has-children > a:after{content: "\f0d7";font: normal normal normal 14px/1 FontAwesome;float: right;padding-left: 5px;position: relative;top: 5px;}
.col-md-3.sidebar{float: left;display: block;}
.row{display: block;}
.home-1 .col-md-3{width: 20%;}
.home-1 .col-md-6{width: 55%;}
.home-1 .col-md-2{width: 25%;}
.sidebar .widget.widget_home_style_55 {    background: #f2f2f2;
    border-radius: 5px;
    -webkit-border-radius: 5px;padding: 15px;
    margin-bottom: 30px;}
.top-head {padding: 10px 0;height: 42px;
    background: #07518d;color: #fff;}
    .left-top {float: left;}
    .right-top{float: right;}
    .trend-item p{margin-bottom: 0}
    .trend-item {font-size: 13px;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 7px;
    margin-bottom: 7px;
}.trend-info h3 {
    font-size: 13px;
    margin: 0;
    padding: 0;
}.trend-top .trend-pos {
    width: 25px;
   display: inline-block;
    line-height: 1;
}
.banner-right .item a{display: block;border-radius: 5px;overflow: hidden;margin-bottom: 20px;}
.banner-right-title a{font-weight: bold;color: #000;position: relative;padding-left: 70px;padding-top: 10px;margin-bottom: 5px;display: block;}
.banner-right-title a:before{       display: block;
    content: "";
    background: url(img/hot-icon.png) no-repeat;
    background-size: 64px 22px;
    width: 64px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 5px;}
.p20 {padding: 20px 0}
.h-1-b {
    background: url(img/xu-huong.png) no-repeat 10px center;
    background-size: 151px 16px;height: 28px;
    background-color: #fec305;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 6px;
    padding-left: 16px;}
.trend-box a:hover{color: #fec305;}
.trend-top {display: flex}
    .main-menu {    background-color: #ffffff;position: relative;z-index: 33;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 5%), 0px 3px 1px rgb(0 0 0 / 5%), 0px 1px 5px rgb(0 0 0 / 5%);min-height: 64px;}
    .right-top .search-form{float: right;padding-left: 20px;top: -5px;}
    .right-top .search-form input[type="search"] {height: auto;border-color: #ddd;    padding: 5px 10px;border-radius: 10px;}
    .uk-button {background: none;border:0px;position: absolute;right: 10px;top: 0px;color: #333;padding: 5px 10px;}
    .header-top {background: #fec305;padding: 5px 0;}
    .logo{float: left;}
    .header-top .main-menu{position: relative;}
    .search-head {margin: 0 15px;width: 388px;max-width: 100%}
    .search-head > i {display: inline-block;width: 30px;height: 30px;color: #fff;cursor: pointer;    text-align: center;
    position: relative;
    top: -5px;}
    .search-head  .search-form .uk-button {background: none}
    .uk-button span{background: url(img/search.png) no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;display: inline-block;
    top: 8px;
    right: 15px;}
    .search-head  .search-form {  }
    .main-menu ul.menu > li {padding: 0}
    .main-menu ul.menu > li > a {padding: 20px 10px;}

  .main-menu ul.menu > li:hover > a, .main-menu ul.menu > li.current-menu-item > a  {}
  .mid-footer .ttl-footer {color: #333;position: relative;text-transform: uppercase;}
 .f-widget .widget{margin-bottom: 20px;}
  .mid-footer {padding-top: 50px;color: #333}
 .sidebar .widget_nav_menu li a:before {color: #fff}
  .mid-footer hr {}
.f-link-payment li {    border: 1px solid #dee2e6;width: 50px;height: 32px;margin-right: 5px;border-radius: 3px;padding: 2px;float: left;background: #fff}
  .mid-footer .widget.info-footer ul li:before {display: none;}
    .mid-footer .widget.info-footer ul li {position: relative;padding-left: 40px;padding-bottom: 10px;}
    .breadcrums {padding: 10px 0}
    .breadcrums a{font-weight: bold;}
      .mid-footer .widget.info-footer ul li i{    background: #333; color: #fff;width: 24px;height: 24px;border-radius: 50%;text-align: center;line-height: 24px;position: absolute;left: 5px;top: 0px;}
.box-title {border-bottom: 1px solid #fec305 ; color: #fec305; text-transform: uppercase;padding-left: 45px;position: relative;padding-top: 5px;padding-bottom: 5px;}
.box-title:after {display: none;}
.box-title:before{
        content: '';
    display: block;
    position: absolute;
    width: 33px;
    height: 34px;
    background: #fec305 url(img/icon-title.png) 0% 0% no-repeat;
    left: 0px;
    top: initial;
    bottom: 0;
}
.wvn-gift {
    margin-bottom: 15px;
    margin-top: 30px;
    background: white;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 15px;
    width: 100%;
}.wvn-gift .tieu-de {
    background: #e31616;
    padding: 2px 20px;
    margin-top: -24px;
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    display: block;
    max-width: 207px;
    border-radius: 15px;
}
h2{font-size: 18px;}
.tabs.wc-tabs {display: none !important}
.p-tkst li:nth-child(2n+1){    background-color: #f5f5f5;}
.p-tkst li {    display: flex;
    -webkit-display: flex;
    flex-flow: row nowrap;
    flex: 1 100;
    padding: 10px;
    align-items: flex-start;}
    .p-tkst li  > p{position: absolute;left: 10px;top: 10px;width: 140px;}

 .p-tkst li  {
  position: relative;padding-left: 40%;
}
.p-tkst li div {
    padding: 0 5px 0 25px;
  
}
.p-tkst-t {background: url(img/setting.png) no-repeat  left 2px;padding-left: 30px;margin-bottom: 10px;border-bottom: 1px solid #ddd;font-weight: bold;padding-bottom: 10px;}
.mr20 {margin-top: 20px;}
.payment-info-wrapter a{color: #fff;text-decoration: underline;font-size: 13px;display: inline-block;padding: 0 5px}
.payment-info-wrapter > * {    background: #00b2a6;
    color: #fff;
    padding: 10px;
    border-radius: 5px;font-size: 13px;
    -webkit-border-radius: 5px;
    font-size: 14px;margin-bottom: 10px;}
.woocommerce div.product form.cart .button {width: 100%;}
.woocommerce div.product form.cart .button span{font-size: 13px;text-transform: none;font-weight: normal;display: block;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {border-radius: 6px;background: #fec305;color: #fff;text-align: center;font-size: 18px;text-transform: uppercase;}
.entry-summary .quantity ,.entry-summary .minus ,.entry-summary .plus {display: none !important}
.wvn-gift li strong{color: red}
.wvn-gift li{padding-top: 5px;position: relative;padding-left: 20px;}
.wvn-gift li spanx{    position: absolute;
    width: 15px;
    height: 15px;
    background: red;
    color: #fff;
    border-radius: 50%;
    line-height: 1;
    text-align: center;left: 0px;
    top: 8px;}
    .option-p-s {border:1px solid #d1d5db;padding:10px;border-radius: 10px;overflow: hidden;}
    .option-p-s h3{font-size: 16px;background: #d1d5db;    margin-left: -10px;padding: 10px;
    margin-right: -10px;
    margin-top: -10px;}
.option-p-s li:before{    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='15' height='15'%3E%3Cpath fill='%234caf50' d='M44 24c0 11.045-8.955 20-20 20S4 35.045 4 24 12.955 4 24 4s20 8.955 20 20z'/%3E%3Cpath fill='%23ccff90' d='M34.602 14.602L21 28.199l-5.602-5.598-2.797 2.797L21 33.801l16.398-16.402-2.796-2.797z'/%3E%3C/svg%3E");
    margin-right: 4px;
    position: relative;
    top: 2px;}
.woocommerce div.product div.summary {width: 50%}
.item-news .text-right a{background: #fec305;border-color: #fec305}
.item-news-2 li:nth-child(2) a, .item-news li:nth-child(1) a {padding: 0}
.item-news {padding: 15px 0;border:0px ;border-bottom: 1px solid #ddd;border-radius: 0;margin: 0px;}
.text-home {background: #2589f4;padding: 10px 0;color: #fff;}
.item-news li:nth-child(3){padding-bottom: 5px;    color: #999;
    font-size: 12px;}
.item-news li:nth-child(2) a{
    font-weight: normal; font-size: 18px;padding-bottom: 10px;display: block;}
   .woocommerce div.product p.price, .woocommerce div.product span.price {color: red;font-weight: bold;padding: 8px 0;display: block;}
   .row-product .product-item h2 {overflow: hidden;}
   .woocommerce div.product .product_title {    font-size: 18px;
    font-weight: 600;
    line-height: 30px;border-bottom: 0px solid #ddd;padding-bottom: 10px;margin-bottom: 0px;}
   .woocommerce div.product p.price {color: red;font-size: 24px;font-weight: bold;}
   .product_meta , .woocommerce button.button.alt:before {display: none;}
.single-product div.product form.cart .quantity {
    float: none;
    margin: 0;
    display: inline-block;
}

.entry-summary .price del {display: block;font-size: 15px;font-weight: normal;font-style: normal !important;}
.entry-summary .price{    text-align: center;position: relative;
    padding-bottom: 0px;
 text-align: left;
    border-radius: 4px;
    margin-bottom: 0px;}
.p-b-title i{display: inline-block;padding-right: 5px;color: #feb913}
.p-b-title span{color: #999}
.p-pb {padding: 15px 0}
.p-pb a span{display: block;font-size: 16px;font-weight: bold;}
.p-pb a strong{display: block;color: red}
.p-pb a:hover , .p-pb a.active{border:1px solid red;}
.p-pb a{display: inline-block;    position: relative;border-radius: 8px;
    border: 1px solid #ededed;
    background: #fff;
    padding: 5px 10px;
    float: left;
    text-align: center;
    margin-right: 10px;
    text-decoration: none;
    margin-bottom: 5px;}
.iconic-woothumbs-all-images-wrap {width: 100%;}
.b-p-left{float: left;width: 50%;}
.related h2{font-weight: bold;text-transform: uppercase;font-size: 18px;padding: 10px 0}
.minus  , .plus ,.woocommerce .quantity .qty{border: 0px;
    background: #ededed;
    width: 40px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;}
    .woocommerce .quantity .qty {background: none;color: #333;width: 80px;border-radius: 0px;border:1px solid #ddd;}
.woocommerce div.product form.cart div.quantity ,.woocommerce div.product form.cart .button{float: none;}
   .woocommerce div.product form.cart .button.fix-cart {border: none;
    background: #f59123;
    box-shadow: 0 -3px 0 0 #c27806 inset;width: 100%;
    color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;margin-bottom: 15px;
    border-radius: 5px;}
    .woocommerce div.product form.cart .button.fix-cart span{display: block;text-transform: uppercase;font-size: 20px;}
       .woocommerce div.product form.cart .button.fix-cart  strong{display: block;}
        .detailcall { clear:both;
    margin: 20px 0px 20px 0px;
    padding: 10px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;color: #fff;
    background: #2ecc71;
    box-shadow: 0 -3px 0 0 #248c50 inset;
}.attribute-single li {
    list-style: none;
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {border-bottom: 1px solid #ddd}
.box-product-child{padding: 15px 0;}
.box-product-child h2{position: relative;background: #ededed;overflow: hidden;}
.box-product-child h2 a:nth-child(1){display: inline-block;background: #fec305;color: #fff;font-weight: bold;color: #fff;padding: 10px 20px;position: relative;}
.box-product-child h2 a:nth-child(1):after{content: '';width: 0;
height: 0;
border-style: solid;
    border-width: 47px 0 0 40px;
    border-color: transparent transparent transparent #fec305;
    position: absolute;
    right: -40px;
    top: 0px;
border-color: transparent transparent transparent #fec305;}
.box-product-child h2 a:nth-child(2){float: right;display: inline-block;padding-right: 5px;font-size: 14px;padding: 12px;}
footer {margin-top: 0;    padding: 25px 0;border-top: 1px solid rgba(0,0,0,0.05);
   }
.woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce #content div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after, .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::before ,.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {display: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {border-color: #fff;
    border-top-color: #fec305;
    border-bottom: 1px solid #FFF;
    background: #fec305;
    color: #fff;}.list_infomation li {
    list-style: none;
    padding: 12px 20px;
    border-bottom: 1px solid #ddd;
}.list_infomation {
    border: 1px solid #ddd;
}.list_infomation li span.left {
    font-weight: 600;
    width: 180px;
    display: inline-block;
}
.woocommerce table.shop_attributes td p {padding: 10px;}
    .woocommerce div.product .woocommerce-tabs ul.tabs li {margin:0px;border-radius: 0px;}
    .woocommerce div.product .woocommerce-tabs .panel {padding: 15px 0}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {padding: 2px;}
.woocommerce-tabs {padding: 0px;border:0px solid #ddd;border-top: 0px;}
.woocommerce div.product .woocommerce-tabs ul.tabs {display: block;margin-bottom: 0px;position: relative;top:1px;}
.main-top .col-md-3 {    width: 16.66666667%;}
.row-product .product-item h2 {color: #000;}
.row-product .product-item h2:hover {color: #fb6f0c;}
.box-title-home a{    position: relative;
    color: #fec305;
    padding: 7px 0px 7px 45px;
    font-size: 15px;
    line-height: 20px;text-transform: uppercase;font-weight: bold;font-size: 18px;
    margin: 0 0 15px 0;display: block;
    border-bottom: 1px solid #fec305;}
    .box-title-home a i{display: block;
    position: absolute;
    width: 35px;
    height: 100%;
    left: 0px;
    top: 0px;
    background: #fec305;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-weight: normal;}
    .head-cart a{background: url(img/minicart.png) no-repeat;
    background-size: 36px 40px;
    width: 36px;
    height: 40px;display: inline-block;
    position: relative;}
     .info {padding-left: 30px;background: url(img/phone.png)no-repeat left center;float: left;margin-right: 20px;}
     .info a{color: #fff}
 .info .title {
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
} .info .sub {margin-bottom: 0}
   .footer-menu {padding: 20px 0;border-top: 1px solid #e0e0e0;font-size: 13px;}
    .h-t-h {font-size: 18px;
    font-weight: 700;
    color: #333;position: relative;top: 10px;
    display: block;
    line-height: 30px;float: right;}
     .h-t-h  span{    color: #dd2a2a;}
    .mid-footer {background: none;padding: 0}
 .sidebar .widget_nav_menu li a:before {color: #333;}
.title-sidebar i{display: none}
.title-sidebar{text-align: center;}

.sidebar .widget {background: #fff}
.uk-button {    background: #dd2a2a;color: #fff;width: 40px;height: 40px;}
    .term-description {padding-bottom: 20px;border-bottom: 1px solid #ddd;margin-bottom: 20px;}
    .sidebar .widget_nav_menu li a {font-weight: bold;border-bottom: 1px dashed #ddd}
    .sidebar .menu {background: #fff}
    .box-title {background: #fff;border-bottom: 0px solid #ddd;color: #333;padding-left: 10px;}
    .box-title:before {display: none;}
   
   .r-p-1 ul{border-bottom: 1px solid #ddd;padding: 10px 0}
   .r-p-1 ul li:nth-child(2) a{font-weight: bold;padding: 10px 0;display: inline-block;}
    .main-news {margin-bottom: 15px;}
    .item-news li:nth-child(2) a {font-weight: bold}
.box-title {font-size: 16px;margin-bottom: 10px;padding: 10px 0;}
.woocommerce div.product .woocommerce-tabs .panel {border:0px;}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {float: left;width: 80px;margin-right: 10px;}
.woocommerce ul.product_list_widget .amount {color: red;}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 50%}
.home-new h2 a{text-transform: uppercase;font-size: 16px;border-bottom: 1px solid #ddd;padding: 10px 0;display: inline-block;font-weight: bold;}
.home-new li:nth-child(1) a{display: block;height: 180px;overflow: hidden;}
.home-new li:nth-child(2) a{display: block;padding: 10px 0;font-weight: bold;}
.home-new ul{margin-bottom: 15px;}
.menu-functions-wrapper .menu-function {
    color: #333333;
    border: 0.5px solid #BDBDBD;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    min-height: 40px;
  float: right;font-size: 13px;
    margin-left: 8px;
    transition: 0.3s all;display: inline-block;
    -webkit-transition: 0.3s all;
    line-height: 1;padding: 5px 20px;
    text-align: center;
}
.menu-functions-wrapper .menu-function:nth-child(1){padding: 5px 10px;background: #fec305;color: #fff}
.menu-functions-wrapper .menu-function:nth-child(4){padding-top: 10px;}
.menu-functions-wrapper .menu-function:hover{background: #fec305;color: #fff}
.menu-functions-wrapper .menu-function span{line-height: 1.1}
.menu-functions-wrapper .menu-function .wrapper {
    display: flex;
    -webkit-display: flex;
    flex-flow: row nowrap;
    padding: 5px 15px;
}
.menu-functions-wrapper {margin-top: 12px;}
.sidebar .widget_nav_menu li a {font-weight: normal;}
@media(min-width: 1300px){
    .container {width: 1240px;}
}
.cls-1 {
                    fill: none;
                    stroke: #fff;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                    stroke-width: 1.8px;
                  }
                  .header-item .about__box-content {
    font-size: 12px;
    line-height: 1.5;
    color: #fff;
}.header-item .about__box-icon {
    margin-right: 5px;
}.title strong {
    color: inherit;
    font-weight: inherit;
}
.header-item .about__box-content span#items_in_cart {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    left: 10%;
    bottom: 20%;
}
.cls-1, .cls-2, .cls-3 {
                    fill: none;
                    stroke: #fff;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                  }

                  .cls-1 {
                    stroke-width: 1.66px;
                  }

                  .cls-2 {
                    stroke-width: 1.66px;
                  }

                  .cls-3 {
                    stroke-width: 1.8px;
                  }
                  .header-menu .container{position: relative;z-index: 2;}
                  .header-menu .menu-pc {position: absolute;left: 15px;top: 0px;width: 100%;display: none}
                  .header-menu .menu-pc .menu-tree-child {
    position: absolute;display: none;
    width: calc(100% - 205px);
    background-color: #fff;
    border-radius: 0 10px 10px 10px;
    flex-wrap: wrap;
    min-height: 375px;
    z-index: 990;
    top: 0;
    left: 205px;
    padding: 0 15px;
}
.header-menu .menu-pc .menu-tree-child{display: none;}
.header-menu .menu-pc .menu-tree-child > * {float: left;width: 20%;padding: 20px;}
.header-menu .menu-pc .menu-tree-child > *  a{font-size: 14px;}
                  .header-menu .menu-pc .menu-tree {    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    width: 205px;
    min-height: 370px;
    top: 0;
    left: 0;
    padding: 0;}
    .header-menu .menu-pc .menu-tree .label-menu-tree {
    padding: 0px 10px;
    display: block;
}
.header-menu .menu-pc .menu-tree .label-menu-tree .label-item {
    width: 100%;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #343a40;
    min-height: 31.3px;
    cursor: pointer;
}
.header-menu .menu-pc .menu-tree .label-menu-tree .label-item i.icons-cate {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    text-align: center;
}
.header-menu .menu-pc .menu-tree .label-menu-tree .label-item span {
    flex: 1;
    font-size: 12px;
    font-weight: 700;
    color: #343a40;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.header-menu .menu-pc .menu-tree .label-menu-tree:hover {
    border-radius: 5px;
    background: #f3f4f6;
}
.product-title {border-bottom: 2px solid #ededed; margin-bottom: 20px;}
.product-title  h1{ font-size: 18px;display: inline-block;}
.product-title span{color: #f59e0b;display: inline-block;padding-left: 10px;}
.sidebar-product-t h3{font-size: 16px;padding:10px 0 0;}
.btn-cart-2 {background: linear-gradient(180deg,#3a78d0,#277cea);color: #fff;display: block;border-radius: 5px;text-align: center;padding: 10px;margin-top: 20px;}
.btn-cart-2 span{display: block;font-size: 12px;}
.woocommerce-tabs ,.p-tkst ,.box-product-news  ,.term-description{    overflow: hidden;
    padding: 15px;
    background: #fff;margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 10%), 0 2px 6px 2px rgb(60 64 67 / 15%);}
    .woocommerce-Tabs-panel ul {padding-left: 20px;}
    .woocommerce-Tabs-panel li {padding-bottom: 10px;list-style: inside}
    .ksp-content{padding: 15px;background: #f2f2f2;margin-bottom: 20px;}
    .woocommerce div.product div.summary {margin-bottom: 0}
    .product-lq-title span{    padding: 5px 10px;
    border: 1px solid #ededed;
    border-radius: 8px;
    background-color: #f3f3f3;
    color: #000;cursor: pointer;font-weight: bold;text-transform: uppercase;}
    .product-lq {margin-bottom: 20px;}
    .slider-product-cat .img-s-p-c{border-radius: 10px;overflow: hidden;display: block;}
    .p-c-phone-search {margin-top: 20px;}
    .p-c-p-s-sidebar .widget{position: relative;z-index: 33;}
    .p-c-p-s-sidebar ul  li{display: inline-block !important;width: auto !important;float: none !important;}
    .p-c-p-s-sidebar ul {display: none;position: absolute;    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 8px;left: :0;
    box-shadow: 0 2px 20px rgb(0 0 0 / 50%);
    padding: 10px 10px !important;
    width: 350px;
  }
  .mySwiper2  img{width:100%;}
  .mySwiper .swiper-slide{    background: #fff;
    font-size: 12px;cursor: pointer;
    line-height: 20px;padding: 5px;text-align: center;border-bottom: 2px solid #fff}
    .mySwiper .swiper-slide.swiper-slide-thumb-active{border-bottom-color: red}
  .woocommerce-result-count , .woocommerce-ordering{display: none}
  body.woocommerce .devvn_wcfa_widget_layered_nav ul.wafc-widget-layered-nav-list li.display_type_default a {display: inline-block;}
     .p-c-p-s-sidebar > *{display: inline-block;}
     .p-c-p-s-sidebar > * .title-sidebar i {display: inline-block;}
     .p-c-p-s-sidebar > * .title-sidebar{display: inline-block;border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #f3f4f6;cursor: pointer;
    padding: 5px 10px;
    margin: 0 10px 10px 0;}
    .home .header-menu .menu-pc .menu-tree{    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 10%), 0 2px 6px 2px rgb(60 64 67 / 15%);position: relative;top: 10px;}
    .home .header-menu .menu-pc {display: block;}
    .home-1 .container{padding-left: 235px;position: relative;z-index: 3;}
    .home-1 {position: relative;z-index: 23;padding-top: 10px;}
    .home-1 .container .home-1-s {float: left;width: calc(100% - 265px);overflow: hidden;
    border-radius: 10px;padding: 0;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 10%), 0 2px 6px 2px rgb(60 64 67 / 15%);margin-right: 15px;}
    .l-pk a{    width: 100%;
    display: block;
    overflow: hidden;color: #fff;font-weight: bold;
    text-decoration: none;
    position: relative;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: cover;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 10%), 0 2px 6px 2px rgb(60 64 67 / 15%);padding-left: 10px;
    padding-top: 10px;
    min-height: 125px;}
     .l-pk .item-categories-outer {float: left;width: calc(100%/10 - 10px);margin-right: 10px;margin-bottom: 10px;}
.r-p-11 {border: 1px solid #dedede;padding: 10px;border-radius: 5px;padding: 5px !important; overflow: hidden;}
@media(max-width:768px) {
    .banner-tax {margin-top: 0}
    .main-news{padding-bottom: 0px;}
    .row-product .col-md-3 ,.item-news-2.col-md-3 {float: left;width: 50%}
    .row-product .col-md-3:nth-child(2n+1) ,.item-news-2.col-md-3:nth-child(2n+1) {clear:both;}
    .content.col-md-9  , .col-md-3.sidebar{float: none;}
.menu-mobile > div{display:block}
.mainmenu.clearfix{z-index:10000;height:100%;position:fixed;left:0;top:0;width:310px;max-width:100%;transform:translate(-100%,0);transition:ease-in-out .3s;padding-top:125px;max-height:100%;overflow:auto}
.mainmenu .title{display:block;position:fixed;top:0;left:0;background:#333;width:310px;max-width:100%;z-index:1000000}
.mainmenu .title h2{padding:0 15px;text-transform:uppercase;font-size:20px;color:#fff;margin:20px 0}
a#button-toggle-menu{display:block}
.menu-header a.bg-cl{position:absolute;display:block;background:#cf5001;width:15px;height:15px;right:20px;top:20px}
.menu-header a.bg-cl img{width:100%;height:100%;-o-object-fit:cover}
.menu-header a.bg-cl .close{opacity:5}
#touch-menu .touch-menu-inner{display:block;top:45px;right:20px;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s;cursor:pointer}
#touch-menu .touch-menu-inner,#touch-menu .touch-menu-inner:before,#touch-menu .touch-menu-inner:after{position:absolute;width:30px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#fec305}
#touch-menu .touch-menu-inner:before,#touch-menu .touch-menu-inner:after{display:block;content:""}
#touch-menu .touch-menu-inner:before{top:-10px;transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}
#touch-menu .touch-menu-inner:after{bottom:-10px;top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}
body.active #touch-menu .touch-menu-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}
body.active #touch-menu .touch-menu-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}
body.active #touch-menu .touch-menu-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}
body.active #touch-menu .touch-menu-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}
.menu-header a.bg img{width:100%;height:100%;-o-object-fit:cover}
.mainmenu.clearfix{z-index:9999999;height:100%;position:fixed;left:0;top:0;width:310px;max-width:100%;transform:translate(-100%,0);transition:ease-in-out .3s;padding-top:60px;max-height:100%;overflow:auto}
body.active .mainmenu.clearfix{transform:none;opacity:1.1}
body.active::before{visibility:visible;opacity:1;z-index:2;width:100%;height:100%}
body::before{content:"";background:rgba(0,0,0,0.6);width:0;height:0;top:0;left:0;position:fixed;z-index:0;visibility:visible;opacity:0;transition:visibility,opacity ease-in-out .3s}
#sticker-wrapper .sticker-body{max-height:100%;overflow:auto}
.mainmenu{background:#999}
.mainmenu .sub-menu{display:none}
.mainmenu .title{display:block;position:fixed;top:0;left:0;background:#333;width:310px;max-width:100%;z-index:1000000}
.mainmenu .title h2{padding:0 15px;text-transform:uppercase;font-size:20px;color:#fff;margin:20px 0}
.mainmenu .title ul.phone li{font-size:18px;color:#1e81c2;font-weight:600;position:relative;padding-left:15px;line-height:35px;text-align:center;background:#fff}
.mainmenu .hotline ul.phone li i.fa{font-size:20px;border-radius:50%;background:#fff;line-height:30px;width:30px;margin-right:10px;height:30px;color:#cf5001;transform:rotate(90deg)}
.mainmenu .title input[type="search"]{width:100%;border:1px solid #ddd;padding:5px 10px;font-size:16px}
.timkiem{position:relative}
.timkiem button{position:absolute;top:0;color:#757575;right:0;font-size:16px;padding:6px 10px;border-radius:0;border:none;background:#fff}
.menu-header a.bg-cl{position:absolute;display:block;background:#fec305;width:15px;height:15px;right:20px;top:20px}
.menu-header a.bg-cl img{width:100%;height:100%;-o-object-fit:cover}
.menu-header a.bg-cl .close{opacity:5}
.mainmenu .hotline{display:block;position:fixed;bottom:0;left:0;background:#31363a;width:310px;max-width:100%;z-index:1000000}
.mainmenu .hotline ul.phone li{font-size:18px;color:#fff;font-weight:600;position:relative;line-height:40px;text-align:center}
.mainmenu .hotline ul.phone{padding:0;margin:0;border-bottom:1px solid #ddd}
.hotline .socials{display:block;width:auto;color:#fff;margin-bottom:0;padding-left:0}
.hotline .socials > li{width:20%;border:none;display:inline-block;float:left}
.hotline .socials > li > a{padding:0;display:block;border-radius:0;border-right:1px #666 solid;width:100%;height:50px;line-height:48px;text-align:center;font-size:20px}
.mainmenu .hotline ul.phone li:before{top:3px;left:45px;background-color:#fff}
.mainmenu li a{border-bottom:1px solid #c5c3c3;color:#fff;line-height:14px;padding:12px 45px 10px 15px;display:block;text-align:left;font-weight:400;font-size:14px;text-transform:uppercase;white-space:nowrap}
.mainmenu > nav > ul > li{position:relative}
.menu-main ul.menu > li{display:block}
.mainmenu > nav > ul > li > span{display:block!important;position:absolute;top:0;right:0;width:42px;height:43px;color:#fff;padding:13px;text-align:center}
.menu-header nav > ul > li > .sub-menu > li > a > i{font-size:10px}
.menu-header nav > ul > li > .sub-menu > li > a{text-transform:none;border-bottom:0}
.menu-header nav > ul > li > .sub-menu{position:relative;width:100%}
.menu-header nav > ul > li > .sub-menu > li > a{color:#fff}
.mainmenu > nav > ul > li > ul > li{position:relative}
.mainmenu > nav > ul > li > ul > li > a{color:#fff}
.mainmenu > nav > ul > li > ul > li > span{display:block;position:absolute;top:0;right:0;width:42px;height:43px;color:#fff;padding:13px;text-align:center}
.menu-header nav > ul > li > ul > li > .sub-menu2 > li > a > i{font-size:10px}
.menu-header nav > ul > li > ul > li > .sub-menu2 > li > a{text-transform:none;border-bottom:0}
.menu-header nav > ul > li > ul > li > .sub-menu2{margin:0 10px;padding:0;list-style:none;display:none}
.menu-main ul.menu > li > a{padding:15px 10px;color:#fff}
.container{width:100%;padding:0 15px;overflow:hidden}
.header-top .container,.header-left,.header-right,.content-form{display:block}
.header-left,.header-center,.header-info,.single-short .left-short,.single-short .right-short,ul.all-posts li .img{width:100%}
.header-center{margin:0}
.fix-width > .col-md-3,.fix-width > .col-md-6,.fix-width > .col-md-9{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.banner-home,.sidebar{display:none}
.product-css .row .col-md-3{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;float: left;}
iframe{max-width:100%;height:220px}
.single-short .right-short{padding-left:0}
.content-form .form-left,.content-form .form-right{display:block;width:100%;padding:10px}
.box-title{font-size:18px}
ul.all-posts li .detail{width:100%;padding-left:0}
.mobile-menu,.click-menu{display:block}
.pc-menu{display:none}
.logo {float: none;}
.search-head {margin: 10px 0}
.header-top .col-md-3 ,.home-1 .col-md-2{display: none}
#touch-menu .touch-menu-inner, #touch-menu .touch-menu-inner:before, #touch-menu .touch-menu-inner:after {background: #fff}
.home-1 .col-md-3 ,.home-1 .col-md-6{width: 100%;}
.row-product .slider-product .col-md-3 {width: 100%;}
.p50 {padding: 15px 0}
.top-i .col-md-2 {
    max-width: 25%;
    float: left;
}
.woocommerce-product-details__short-description {display: none}
.sidebar-product-t {margin-top: 10px;}
.woocommerce div.product div.summary  ,.b-p-left{width: 100%;float: none;}
.box-social .box-1 {width: 50%;}
.box-social .box-1 strong{display: block;}
.f-widget .col-md-3 {width: 50%;}
.category .item-news li:nth-child(1) a {width: 160px;}
}