html {
-webkit-tap-highlight-color: transparent;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family:roboto, arial;}
:focus { outline: none !important; }
a:focus {outline: thin dotted !important;}
a:hover,a:active { outline: 0 !important;}
.nav-main,.sdt-dathang,.heading,.title-head,.feature,.article-item-name,.blog-item-name,.feature-title,.widget-head,.widget-title{font-family:'Roboto',sans-serif}
.product-price,.product-price-old,.product-item-price,.pro-item-price{font-family:'Roboto',sans-serif}
p{margin-bottom:0}
.btn-style{background-color:#ffc000;min-width:100px;color:#FFF;border-radius:0;font-size:14px;min-height:38px;line-height:20px;transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease}
.btn-style-active{background-color:#363636!important;color:#FFF}
.btn-style:hover{background-color:#39af6e!important;color:#FFF}
.btn-style-active:hover{background-color:#ffc000!important;color:#FFF}
button.btn-style{border:0;min-width:120px}
html{overflow-x:hidden}
body{font-family:roboto,arial,sans-serif;color:#363636; font-weight:300;}
.header-top{color:#FFF;border-bottom:1px #e1e1e1 solid;background-color:#FFF}
.menu-header-top ul{list-style-type:none;border-right:1px #e1e1e1 solid;margin:0;padding:0}
.menu-header-top ul li{float:left}
.menu-header-top a{font-size:14px;color:#252525;padding:10px 25px;display:inline-block;border-left:1px #e1e1e1 solid}
.menu-header-top a:hover{color:#ffc000;text-decoration:none}
.menu-header-top .dropdown-menu .dropdown-item{padding:5px 10px;text-align:center}
.menu-header-top .dropdown-menu a{border:none;text-align:center;padding:0}
.feature-top{list-style-type:none;margin:0;float:left;padding:27px 0}
.feature-top li{float:left;width:50%}
.feature.feature-top li img{width:55px;height:55px}
.feature.feature-top li .feature-title{font-size:16px;line-height:20px;text-transform:initial;margin-top:9px;display:inline-block;color:#ffc000}
.feature.feature-top li p{font-size:14px;color:#252525;font-family:Arial,Helvetica,sans-serif}
.btn-link-style{color:#363636;font-size:14px;line-height:20px}
.btn-link-style:hover{color:#ffc000}
.dropdown-menu{font-size:14px;padding:0;border-radius:0}
.wrap-header{background-color:#FFF}
#footer{background-color:#252525;overflow:hidden}
.bottom-footer{background-color:#111;padding:18px 0;color:#898989}
.bottom-footer .nav-inline .nav-item .nav-link{font-size:13px;color:#898989}
.bottom-footer .nav-inline .nav-item .nav-link:hover{color:#ffc000}
#footer .widget-item{margin:60px 0}
#footer .widget-item .widget-title{font-size:16px;color:#fff;display:block;text-transform:uppercase; font-weight:bold;}
#footer .widget-menu,.info-contact .widget-menu{list-style-type:none;padding:0;margin-top:30px;font-size:13px;color:#acacac;/line-height:20px}
#footer .widget-menu li{margin-bottom:15px}
#footer .widget-menu li a,.info-contact .widget-menu li a{color:#acacac;line-height:20px;text-decoration:none; font-size:14px;}
#footer .widget-menu li a:hover,.info-contact .widget-menu li a:hover{text-decoration:none;color:#ffc000}
#footer .logo{margin-top:-20px;text-align:left;margin-bottom:35px;display:block}
#footer .logo img{max-width:250px;}
.info-contact-ft li{line-height:35px;clear:both}
.info-contact-ft li .fa{border-radius:50%;width:30px;height:30px;padding:6px;text-align:center;border:2px #ffc000 solid;float:left;margin-right:10px;/margin-bottom:30px;/margin-top:-2px;color:#ffc000}
.info-website{font-size:13px;color:#898989}
.info-website a{color:#ffc000}
.color-h{color:#ffc000}
.logo{margin:13px 0;text-align:center;display:block}
.search-box-lg{margin-bottom:20px}
.search-box-lg .form-control{height:50px;border-color:#e1e1e1}
.search-field-lg{border-radius:0}
.btn-search-lg{background-color:#ffc000;color:#FFF;border-left:0;border-radius:0;height:50px;border:none}
.box-user-cart{margin-top:28px}
.icon-cart{color:#FFF;float:left;position:relative;margin-right:10px;margin-top:-5px;background:#ffc000;padding:13px 10px;border-radius:50%;width:55px;height:55px}
.icon-cart .cartCount{position:absolute;height:25px;min-width:25px;right:-12px;text-align:center;top:-10px;background-color:#ffc000;border-radius:50%;color:#FFF}
.heading-cart{font-size:14px;color:#252525;margin-top:5px}
.heading-cart a{font-family:'Roboto',sans-serif;color:#ffc000;padding-top:10px;line-height:20px;font-size:16px}
.heading-cart span{color:red}
.wrap-menu{background-color:#ffc000;width:100%;margin-bottom:30px}
.main-menu{color:#FFF;min-height:55px;position:relative}
.header-hotline{background-color:#ffc000;position:absolute;right:30px;top:-10px;padding:10px 20px;height:70px}
.header-hotline:before{content:'';width:0;height:0;border-left:10px solid transparent;border-top:10px solid transparent;border-bottom:10px solid #50080a;position:absolute;top:-10px;left:-10px}
.header-hotline .hotline{font-family:'Roboto',sans-serif;color:#ffde00;font-size:20px;line-height:20px;font-weight:700}
.nav-category-heading{background-color:#daa503;color:#FFF;font-family:'Roboto',sans-serif;text-align:center;background-repeat:no-repeat;background-position:10px 8px}
.nav-category-heading .fa{font-size:18px}
.nav-category-heading .title-box{font-size:16px;line-height:15px;padding:15px;text-transform:uppercase;margin-bottom:0; font-weight:300;}
.heading{position:relative;font-size:18px;font-weight:700;line-height:20px;color:#363636;margin-bottom:30px;border-bottom: 2px solid #ffc000;}
.heading:after{
content: "";
display: block;
width: 100%;
height: 1px;
background: #ffc000;
margin: 1px 0;
}
.heading .title-head{top:0;left:0;display:inline-block;margin:0;padding:0 0 15px;font-size:18px;line-height:20px;color:#363636;text-transform:uppercase}
.title-head{font-size:18px;font-weight:700;line-height:20px;color:#363636;text-transform:uppercase;text-decoration:none; margin-bottom:20px;}
.title-head a{font-size:18px;font-weight:700;line-height:20px;color:#363636;text-transform:uppercase;text-decoration:none}
.heading .title-head a{font-size:18px;font-weight:700;line-height:20px;color:#252525;text-transform:uppercase;text-decoration:none}
.heading .title-head a:hover{color:#daa503}
.heading-button{position:absolute;right:0;bottom:15px;background-color:#fff}
.button-next,.button-prev{width:15px;height:25px;float:left;font-size:22px;text-align:center;border-radius:3px;background-color:#FFF;color:#acacac;cursor:pointer}
.button-next:hover,.button-prev:hover{color:#ffc000}
.button-prev{margin-right:3px;color:#ccc}
.button-next{color:#ccc}
.product-item2{float:left;padding-bottom:10px}
.product-item2 .product-item-thumbnail{text-align:center;min-width:80px;min-height:80px;float:left;margin-right:15px;margin-bottom:30px;display:-webkit-flex;-webkit-align-items:center;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.product-item2 .product-item-thumbnail img{max-width:100%}
.product-item2 .product-item-name{word-break:break-word;font-size:14px;line-height:20px}
.product-item2 .product-item-name a{color:#363636}
.product-item2 .product-item-name a:hover{color:#daa503;text-decoration:none}
.product-item2 .product-item-price{color:#ffc000;font-size:16px;line-height:26px;font-weight:700;margin-right:20px}
.product-item2 .product-item-price-old{text-decoration:line-through;color:#acacac;font-size:16px;line-height:26px}
.product-item2 .product-item-summary{font-size:14px;color:#acacac;line-height:20px}
.list-blogs{margin-bottom:20px}
.blog-item{width:100%;float:left;margin-bottom:20px}
.blog-item .blog-item-thumbnail{margin-bottom:20px}
.blog-item .blog-item-thumbnail img{width:100%}
.blog-item .blog-item-name{font-size:16px;line-height:22px;font-weight:700}
.blog-item .blog-item-name a{color:#252525}
.blog-item .blog-item-name a:hover{color:#ffc000;text-decoration:none}
.blog-item .postby{font-size:13px;line-height:30px;color:#acacac}
.blog-item .blog-item-summary{font-size:14px;color:#acacac;float:left;margin-top:5px;line-height:20px}
.blog-item-list .blog-item-thumbnail{width:80px;height:80px;overflow:hidden;float:left;margin-bottom:20px;margin-right:20px}
.blog-item-list .blog-item-name{color:#111;font-size:14px;line-height:20px;font-weight:500;font-family:'Roboto',sans-serif}
.blog-item-list .blog-item-name a{color:#111}
.blog-item-link{clear:both;padding:10px 0;border-bottom:1px #ebebeb solid}
.blog-item-link:last-child{border-bottom:0}
.blog-item-link .blog-item-name{font-size:14px;line-height:20px;margin-bottom:0;color:#252525;position:relative}
.blog-item-link .blog-item-name .fa{position:absolute;left:0;top:2px}
.blog-item-link .blog-item-name a{color:#252525;text-decoration:none;padding-left:20px;margin-bottom:10px;display:inline-block}
.blog-item-link .blog-item-name a:hover,.blog-item-link .blog-item-name:hover{color:#ffc000}
.blog-item-link .postby{margin-left:20px;font-size:13px;line-height:20px;color:#acacac}
.postby{font-size:13px;line-height:20px;color:#acacac}
.postby .fa{color:#ffc000;margin-right:6px}
.blog-main .blog-item{border-bottom:1px #e1e1e1 solid;width:100%;padding-bottom:48px;margin-bottom:40px}
.blog-main img{width:100%}
.blog-main .blog-item-name{font-size:24px;line-height:36px;color:#111;font-weight:400;margin:15px 0;display:inline-block;font-family:'Roboto',sans-serif}
.blog-main .blog-item-summary{color:#636363;font-size:14px;line-height:24px;margin:15px 0 12px}
.article-main{margin-bottom:30px}
.article-main .article-details{padding-bottom:30px}
.article-details .article-image{margin-bottom:30px}
.article-details .article-image img{width:100%}
.article-details .article-title{font-size:24px;line-height:36px;color:#111;font-weight:400;margin:5px 0;display:inline-block;font-family:'Roboto',sans-serif}
h1.article-title{font-size:24px;line-height:36px;color:#111;font-weight:400;margin:5px 0;display:inline-block;font-family:'Roboto',sans-serif}
.article-details .article-title a:hover{color:#ffc000;text-decoration:none}
.article-details .article-content{margin:20px 0;font-size:14px;line-height:24px;color:#636363}
#article-post-comment{margin:30px 0}
#article-post-comment .title-form-coment{font-family:'Roboto',sans-serif;font-size:18px;color:#363636;text-transform:uppercase;line-height:30px;font-weight:700;margin-bottom:30px}
.feature-l{margin-bottom:30px;background-color:#ffc000}
.feature-l li {padding:0 15px;overflow:hidden;margin-top:0;background-color:#daa503;border:0;display: block;padding-top: 15px;}
.feature-l li hr{margin-top:20px;margin-bottom:0;border-top:1px solid #ffc000}
.feature-l li img{padding-right:10px;width:48px;float:left}
.feature-l .feature-title{font-size:14px;line-height:20px;color:#fff}
.feature-l p{font-family:'Roboto',sans-serif;font-size:18px;line-height:20px;font-weight:700;color:#FFF}
.page-404{padding:30px 0 60px;text-align:center;font-size:16px}
.page-404 p{margin:20px 0}
.page-404 .title-section-page{font-size:30px;line-height:32px;color:#252525;font-family:'Roboto',sans-serif}
.page{padding:0 0 30px}
.info-contact{font-size:14px;color:#363636;line-height:24px}
.info-contact .widget-menu{color:#363636}
.info-contact .widget-menu li a{color:#363636}
.info-contact .widget-menu .fa{color:#FFF;background:#ffc000;border-radius:50%;width:30px;height:30px;padding:6px;float:left;text-align:center;border:2px #ffc000 solid;margin-right:10px;margin-top:-6px}
.info-contact p{margin:20px 0;color:#363636}
.table-cart{margin-top:30px}
.table-cart .img-product-cart img{max-width:200px}
.name-product-cart{font-size:16px;font-family:'Roboto',sans-serif;color:#252525;line-height:24px;font-weight:400}
.name-product-cart:hover{color:#ffc000;text-decoration:none}
.details-pro > .product-name{font-size:24px;color:#252525;line-height:24px;font-family:Arial,Helvetica,sans-serif;margin:20px 0}
.details-product .product-price,.details-product .product-price-old{font-size:24px;font-weight:700;line-height:24px;margin-right:20px}
.details-product .product-price-old{text-decoration:line-through;font-weight:400;color:#acacac}
.details-product .product-description{color:#636363;font-size:14px;line-height:24px;padding:20px 0;margin-bottom:30px;border-bottom:1px #e1e1e1 solid}
.details-product .form-group{margin-bottom:30px}
.details-product .product-images{margin-bottom:20px}
.details-product .product-images .owl-nav div,.slideshow .owl-nav div{bottom:50%;background-color:transparent!important;color:#ffc000;position:absolute;font-size:20px}
.details-product .product-images .owl-nav div:hover,.slideshow .owl-nav div:hover{color:#ffc000}
.details-product .product-images .owl-nav .owl-prev,.slideshow .owl-nav .owl-prev{left:0}
.details-product .product-images .owl-nav .owl-next,.slideshow .owl-nav .owl-next{right:0}
.details-product .thumbnail-product{margin-bottom:30px}
.details-product .thumbnail-product img{border:1px #FFF solid}
.details-product .thumbnail-product img:hover{border:1px #ffc000 solid}
.nav-tab-detailspro{margin-top:30px;border-left:1px #e1e1e1 solid;float:left}
.nav-tab-detailspro .nav-item{float:left}
.nav-tab-detailspro .nav-item .nav-link{padding:15px;font-size:14px;line-height:24px;font-weight:700;text-transform:uppercase;margin-bottom:-1px;color:#363636;border:1px #e1e1e1 solid;border-left:0}
.nav-tab-detailspro .nav-item + .nav-item{margin-left:0;float:left}
.nav-tab-detailspro .nav-item .nav-link:hover{border-bottom:1px solid #ffc000}
.nav-tab-detailspro .nav-item .nav-link.active{color:#FFF;border-bottom:1px solid #ffc000;background-color:#ffc000}
.tab-content-detailspro{float:left;padding:20px;width:100%;border:1px #ebebeb solid;font-size:14px;line-height:24px;color:#636363;margin-bottom:50px}
.tab-content-detailspro img{max-width:100%}
.banner-qc{max-width:100%;margin-bottom:30px}
.custom-btn-number{position:relative;padding:0 30px 0 10px;border:0;display:inline-block}
.qty{height:43px;float:left;border:1px #e1e1e1 solid;padding:10px;width:118px;text-align:center}
.items-count{height:19px;text-align:center;float:left;background-color:#FFF;border:1px #e1e1e1 solid;position:absolute;margin:0 3px;font-weight:300;font-size:10px}
.increase{margin-bottom:30px}
.reduced{bottom:0}
.cart{margin-bottom:0}
.cart th{text-align:center}
.table-cart{border:1px #ebebeb solid;font-size:15px;margin-bottom:0;font-size:13px;line-height:37px;color:#252525}
.table-cart thead th{border-bottom:0}
.table-cart td,.table-cart th{border-top:1px #ebebeb solid}
.table-cart th,.table-cart td{vertical-align:middle!important}
.table-cart a.remove-item{color:#252525;font-size:20px}
.inp-number{border-radius:0;background-color:#FFF;border:1px #ebebeb solid;max-width:50px;padding-left:10px;text-align:center}
.table-cart-total{margin-top:30px}
.tag_article,.social-media{float:left;font-size:14px;line-height:30px;color:#636363}
.tag_article h2,.social-media h2{display:inline-block;font-size:14px;font-weight:700;color:#363636}
.tag_article a,.social-media a{color:#636363}
.tag_article a:hover,.social-media a:hover{color:#ffc000;text-decoration:none}
.social-media ul{list-style-type:none;padding:0;display:inline-block}
.social-media ul li{display:inline-block}
.social-media ul li a{padding:0 6px}
.product-box{text-align:center;margin:1px}
.product-box .product-thumbnail{display:-webkit-flex;-webkit-align-items:center;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:30px}
.product-box .product-thumbnail > a{display:block;width:100%}
.product-box .product-thumbnail a img{width:100%;height:100%;-webkit-flex:1;-ms-flex:1;flex:1}
.product-box .product-name{word-break:break-word;font-size:14px;line-height:20px;color:#252525;padding:0 10px 2px}
.product-box .product-name a{color:#252525;text-decoration:none}
.product-box .product-name a:hover{color:#daa503}
.product-box .product-price,.product-price{color:#ffc000;font-size:16px;line-height:20px;display:inline-block;font-weight:700;margin-bottom:6px}
.product-box .product-price-old{text-decoration:line-through;font-size:16px;margin:0 10px;display:inline-block;color:#acacac}
.product-box .sale-flash{position:absolute;font-size:14px;color:#FFF;padding:3px 10px;line-height:24px;text-align:center;top:10px;right:10px;background-color:#ffc000}
.product-box .product-summary{font-size:14px;color:#acacac;line-height:20px}
.pro-action-btn{position:absolute;top:0;left:0;text-align:center;width:100%;height:100%;z-index:3;overflow:hidden;background-color:rgba(255,255,255,0.3);transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);display:-webkit-flex;-webkit-align-items:center;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.pro-action-btn div{-webkit-flex:1;-ms-flex:1;flex:1}
.pro-action-btn .btn{background-color:#ffc000;width:120px;color:#FFF;font-size:14px;line-height:20px;padding:8px;margin:2px;min-height:38px}
.product-box:hover .pro-action-btn{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
.products-view-grid,.products-view-list{margin-bottom:30px}
.products-view-grid .product-box{margin-bottom:30px;position:relative}
.products-view-list .product-box{margin-bottom:30px;overflow:hidden}
.products-view-list .product-box:hover{outline:0 solid #ebebeb}
.products-view-list .product-box .product-thumbnail{text-align:center;margin-bottom:0;width:calc(100% / 3);float:left}
.products-view-list .product-box .product-thumbnail img{width:100%}
.products-view-list .product-box .product-name{padding:0;font-size:24px;line-height:20px;margin:5px 0 20px}
.products-view-list .product-box .product-name:hover{text-decoration:none}
.products-view-list .product-box .product-summary{font-size:14px;line-height:24px;color:#636363;margin:15px 0;margin-bottom:20px}
.products-view-list .product-box .pro-action-btn{position:relative;text-align:left;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
.products-view-list .product-box .pro-action-btn .btn{opacity:1}
.products-view-list .product-box .sale-flash{z-index:9;top:10px;right:10px}
.products-view-grid .product-box .product-summary,.products-view-grid .product-box .form-nut-list{display:none}
.products-view-list .product-box .form-nut-grid{display:none}
.products-view-list .product-info{text-align:left;margin-left:30px;float:left;width:calc(100% / 3 * 2 - 30px)}
.owl-sale .product-item2 .product-item-thumbnail{width:80px}
.owl-muanhieu .product-item2 .product-item-thumbnail{width:125px;height:125px}
.box-aside,.slideshow,.owl-sale,.owl-pronews,.owl-promotion,.owl-profeatured,.owl-muanhieu{margin-bottom:30px}
.slideshow img{width:100%}
.slideshow .owl-nav.disabled + .owl-dots{bottom:10px!important;position:absolute;width:100%;margin-top:0;text-align:center}
.slideshow .owl-dots .owl-dot span{background-color:#FFF}
.slideshow .owl-dots .owl-dot.active span,.slideshow .owl-dots .owl-dot:hover span{background-color:#ffc000}
.slideshow .owl-nav.disabled{display:block}
.owl-news .owl-nav.disabled + .owl-dots,.owl-sale .owl-nav.disabled + .owl-dots,.owl-pronews .owl-nav.disabled + .owl-dots,.owl-promotion .owl-nav.disabled + .owl-dots,.owl-profeatured .owl-nav.disabled + .owl-dots,.owl-muanhieu .owl-nav.disabled + .owl-dots{display:none}
.owl-news .owl-nav.disabled,.owl-sale .owl-nav.disabled,.owl-pronews .owl-nav.disabled,.owl-promotion .owl-nav.disabled,.owl-profeatured .owl-nav.disabled,.owl-muanhieu .owl-nav.disabled{display:block;position:absolute;top:-72px;right:0;margin-top:0}
.owl-news .owl-nav [class*='owl-'],.owl-sale .owl-nav [class*='owl-'],.owl-pronews .owl-nav [class*='owl-'],.owl-promotion .owl-nav [class*='owl-'],.owl-profeatured .owl-nav [class*='owl-'],.owl-muanhieu .owl-nav [class*='owl-']{margin:0!important;padding:0!important;background-color:#FFF}
.owl-theme .owl-nav [class*='owl-']:hover{background:#FFF}
.nav-main ul.navbar-nav-style .nav-item{position:relative}
.nav-main ul.navbar-nav-style .nav-item .nav-item{float:none;padding:0 18px}
.nav-main ul.navbar-nav-style .nav-item + .nav-item{margin-left:0}
.nav-main ul.navbar-nav-style .nav-item .nav-link{position:relative;z-index:1;color:#363636;padding: 15px 0px}
.nav-main ul.navbar-nav-style .nav-item .fa{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;border:none}
.nav-main ul.navbar-nav-style .nav-item .fa:before{top:18px;right:20px;position:absolute;color:#DDD}
.nav-main ul.navbar-nav-style .nav-item:hover > .fa:before{color:#ffc000}
.nav-main ul.navbar-nav-style .nav-item.open > .fa:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.nav-main ul.navbar-nav-style .nav-item .dropdown-menu{min-width:200px}
.btn-search{background-color:transparent;color:#fff;position:relative;z-index:2}
.search-box{position:relative;float:left;width:55px;height:55px}
.search-box .form-control{position:absolute;top:10px;right:6px;display:none}
.search-box .btn-s2{border: 1px solid #fff;visibility:hidden;opacity:0;position:absolute;left:0;padding:6px 20px;margin:10px 5px;background-color:#ffc000;color:#FFF;border-radius:0 5px 5px 0;transition:All 1s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease}
.search-box .form-control {
display: block;
position: unset;
width: calc(100% - 60px);
border: 1px solid #ccc;
border-right: 0;
border-radius: 4px 0 0 4px;
}
.search-box .btn-s2 {
opacity: 1;
visibility: visible;
position: unset;
margin: 0;
width: 60px;
border-radius: 0 4px 4px 0;
border: 1px solid #ccc;
}
.search-box .btn-s1{display:none}
.navbar-pills{border-top:0;background-color:#ffc000}
.navbar-pills li{position:relative;overflow:hidden;color:#acacac}
.navbar-pills li a:hover{color:#fff}
.navbar-pills li li:hover a{color:#fff}
.navbar-pills li a{position:relative;margin:0;padding:5px 15px;display:block;border-top:1px solid #daa503;font-size:14px;color:#fff}
.navbar-pills li.active > a{color:#ffc000;font-weight:700}
.navbar-pills li i.fa{position:absolute;width:47px;height:47px;top:0;right:0;cursor:pointer;color: #fff;}
.navbar-pills li:hover i.fa{color:#fff}
.navbar-pills li i.fa:before{top:16px;right:18px;position:absolute}
.navbar-pills li.open:hover{background-color:rgb(193, 146, 0)}
.navbar-pills li.open > i.fa:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.navbar-pills li .dropdown-menu{padding:0;margin:0;min-width:100%;border:0;border-top:1px;opacity:0;display:block;float:left;position:relative;max-height:0;overflow:hidden;background-color:transparent;transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0)}
.navbar-pills li.open > .dropdown-menu{max-height:1000px;opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
.navbar-pills li i.fa:active:hover{color:#fff;border-color:#01315a}
.bread-crumb{background-color:#FFF;margin-bottom:20px}
.breadcrumbs{margin:0;font-size:14px;padding:10px 0 20px;background-color:#FFF;border-radius:0;border-bottom:1px solid #e1e1e1}
.breadcrumbs li{display:inline}
.breadcrumbs li > a{color:#363636}
.breadcrumbs li span{display:inline-block;color:#363636}
.breadcrumbs li span .fa{color:#363636}
.breadcrumbs li a:hover,.breadcrumbs li.active,.breadcrumbs li strong{color:#ffc000;font-weight:400}
.signup{/margin-bottom:300px}
.form-coment{font-size:14px;color:#636363;margin-top:10px}
.form-coment .form-group{margin-bottom:30px}
.form-coment .form-group label span{color:red;font-weight:700}
.form-coment .form-group input,.form-coment .form-group textarea{border-color:#e1e1e1;border-radius:0!important}
.page-login{padding:20px 0 60px}
.form-signup{font-size:14px;color:#636363;margin-top:10px}
.form-signup .form-group{margin-top:20px}
.form-signup .form-group label span{color:red;font-weight:700}
.form-signup .form-group input,.form-group textarea{border-color:#e1e1e1;border-radius:3px!important;font-size:14px;padding:15px 20px}
input.inp-number.form-control{border-color:#e1e1e1;border-radius:100px;font-size:14px;max-width:120px;margin-right:10px}
.sortPagiBar{padding:12px 20px;background-color:#FFF;border-radius:0;margin-bottom:30px;border:1px #e1e1e1 solid}
.sortPagiBar .form-group{margin-bottom:0;float:right}
.button-view-mode{font-size:18px;width:34px;height:34px;padding:4px 7px;float:left;text-align:center;font-weight:700;text-transform:uppercase;color:#252525;margin-right:10px;border:1px #e1e1e1 solid;border-radius:0;margin-bottom:0}
.button-view-mode.active{background-color:#ffc000;border-color:#ffc000;color:#FFF}
.button-view-mode:hover{background-color:#ffc000;border-color:#ffc000;color:#FFF}
.button-view-mode.active:hover{background-color:transparent;color:#ffc000;border-color:#e1e1e1}
.form-viewpro{font-size:14px}
.form-viewpro .form-control{padding-right: 0px;border-radius:0;border:0;margin-left:10px;background-color:#ffc000;color:#FFF}
.form-viewpro .form-control option{background:#363636}
.form-viewpro .form-control option:hover{background:#ffc000!important;color:#FFF}
.pagination{padding-top:0;margin-top:0;margin-bottom:0;padding-bottom:0}
.pagination .page-link{margin:2.5px;padding:3px 6px;font-size:16px;line-height:24px;font-family:'Roboto',sans-serif;color:#636363;border-radius:0;border:none;text-decoration:none;border-bottom:1px transparent solid}
.pagination .page-link:hover{background-color:transparent;border-bottom:1px #66a812 solid}
.pagination .page-item.disabled .page-link{border:0}
.pagination .page-item.active .page-link{background-color:#FFF;border-color:#ffc000;color:#ffc000}
.box-maps{margin-bottom:20px}
.jssocials-share-logo{font-size:14px;color:#acacac}
.jssocials-share-logo:hover{color:#111}
.jssocials-share{margin:0 10px;line-height:26px;float:left}
.jssocials-shares{margin:0}
.form-product label{font-weight:700;color:#111;font-size:14px}
.box-variant .form-group select{border-color:#e1e1e1;font-size:14px;padding:12px 20px;min-width:100%;margin-top:5px}
.box-variant .form-group select option{min-height:30px!important;padding:10px 20px!important}
.box-variant .form-group{width:100%}
.title-form-coment{line-height:30px;font-size:18px;font-weight:700;font-family:'Roboto',sans-serif;margin-bottom:20px;color:#363636}
.search-main .form-control{margin-right:10px;height:45px;border-radius:0}
.nav-category-heading button.fa{background:transparent;border:none}
.zoomWrapper img{width:100%!important;height:auto!important}
.khunboo {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ffc000;
border-radius: 50%;
color: #ffc000;
}
.search-mb{
display: none;
}
.cart-mb{
display: none;
}
.f-search .stylish-input-group .input-group-addon{
background: white !important;
}
.f-search .stylish-input-group .form-control{
border-right:0;
box-shadow:0 0 0;
border-color:#ccc;
}
.f-search .stylish-input-group button{
border:0;
background:transparent;
}
.nav-category-heading button.fa{
display: none !important;
}
.navbar-toggleable-md{
display: block !important;
}
.col-lg-6{
width: 50% !important;
float: left !important;
}
.col-lg-5{
width: 41.666667% !important;
float: left !important;
}
.col-lg-7{
width: 58.333333% !important;
float: left !important;
}
.col-lg-8{
width: 66.666667% !important;
float: left !important;
}
.wrap-nav-toggler {
position: absolute;
right: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-left: 1px rgba(255, 255, 255, 0.4) solid;
border-right: 1px rgba(255, 255, 255, 0.4) solid;
color: #fff;
}
.search-box {
float: none !important;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 543px) {
.products-view-list .product-box .product-name{margin:20px 0}
#footer .widget-item{margin:0!important}
#footer .widget-item .widget-title{padding:20px 0;margin-bottom:0}
#footer .widget-menu{margin-top:0}
.widget-title .fa{float:right;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg)}
.widget-title.collapsed .fa{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}
.custom-btn-number{padding-left:0}
.products-view-list .product-box .product-thumbnail{width:100%}
.products-view-list .product-info{text-align:center;width:100%;margin-left:0}
.button-next,.button-prev{width:35px;height:35px}
}
.container{
width: 1140px !important;
max-width: unset;
}
.col-lg-3{
width: 25% !important;
float: left !important;
}
.col-lg-9{
width: 75% !important;
float: left !important;
}
.col-lg-12{
width: 100% !important;
}
.hidden-md-down,
nav#collapseExample{
display: block !important;
}
.col-lg-4 {
width: 33.333333% !important;
float: left !important;
}
.col-lg-3 {
width: 22% !important;
float: left !important;
}
.col-lg-7 {
width: 58.333333%;
float: left !important;
}
.col-lg-2 {
width: 16.666667% !important;
float: left !important;
}
.box-user-cart{
display: block !important;
}
.search-cart-mb{
display: none !important;
}
@media (max-width: 1200px) {
.heading-cart {
width: 160px !important;
font-size: 14px;
color: #252525;
margin-top: 5px;
}
body{
width: 100% !important;
}
.container{
width: 100% !important;
}
.col_table_image.col_table_hidden-xs{
max-width: 100px !important;
}
}
@media (min-width: 992px) and (max-width:1200) {
._2p3a {
width: 205px }}
@media (max-width: 1024px){
section.left-content.col-lg-3 .title-head {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 160px;}
}
@media (max-width: 0){
.wrap-nav-toggler{
display: flex;
align-items: center;
justify-content: space-between;
}
.search-mb{
color: #fff !important;
display: block;
}
.cart-mb{
color: #fff !important;
display: block;
margin-right: 20px;
}
.search-cart-mb {
display: flex;
align-items: center;
}
}
@media (max-width: 767px) {
.nav-tab-detailspro .nav-item{display:inline-block;width:100%}
.nav-tab-detailspro .nav-item .nav-link{display:block}
.nav-tab-detailspro .nav-item + .nav-item,.nav-inline .nav-link + .nav-link{margin-left:0}
.search-main .products-view-grid .col-lg-6:nth-child(2n + 1){clear:both}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.search-main .products-view-grid .col-lg-3:nth-child(3n + 1){clear:both}
}
@media (max-width: 768px) {.info-contact-ft li .fa:firt-child{margin-top:10px}}
@media (max-width: 0) {
.main-menu{min-height:55px}
.wrap-nav-toggler{width:100%;float:left}
.wrap-nav-toggler .navbar-toggler{color:#FFF;font-size:37px}
.wrap-nav-toggler:before{content:'';width:100%;min-height:58px;position:absolute;margin-top:-10px;left:0;z-index:-1;background-color:#4a4f59}
.search-box .form-control{position:absolute;width:200px;top:9px;z-index:1}
.btn-search{color:#FFF}
.mini-cart a{color:#FFF}
.search-box:hover .btn-search{color:#898989}
.navbar-nav-style{width:100%;float:left}
.navbar-nav-style .nav-item{float:none}
.navbar-nav-style .nav-item + .nav-item{margin-left:0}
.navbar-nav-style{width:100%;float:left;text-align:left}
.navbar-nav-style .nav-item{float:none;overflow:hidden}
.navbar-nav-style .nav-item + .nav-item{margin-left:0}
.nav-main > ul.navbar-nav-style > .nav-item{background-color:#FFF}
.nav-main > ul.navbar-nav-style > .nav-item .nav-link{margin-left:10px}
.nav-main ul.navbar-nav-style .nav-item .nav-link{display:inline-block}
.nav-main ul.navbar-nav-style .nav-item{border-top:1px #F1F1F1 solid}
.nav-main ul.navbar-nav-style .nav-item .dropdown-menu{width:100%;position:relative;border-radius:0;border:0;padding:0;margin:0;display: block !important;}
.nav-main ul.navbar-nav-style .nav-item > .fa:before{content: unset;}
.nav-main ul.navbar-nav-style li.open > i.fa:before{color:#000;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.product-item2{overflow:hidden}
.box-user-cart{margin-top:10px;text-align:center;display: none;}
.mini-cart{float:none;margin-bottom:20px!important;display:inline-block;margin-left:10px;position:relative}
.mini-cart > a{float:none;padding:15px;color:#FFF;display:inline-block}
.mini-cart .heading-cart{display:inline-block; width:auto !important;}
.top-cart-content{right:-80px!important;top:60px!important}
.info-website{font-size:13px;color:#FFF;padding-bottom:18px;display:inline-block}
#footer .widget-item{margin:0 0 60px}
.menu-header-top a{padding:10px}
.slideshow .owl-nav.disabled + .owl-dots{display:none}
.menu-header-top .dropdown-menu{right:10px;left:auto;margin-top:5px}
.products-view-grid .col-lg-4:nth-child(2n + 1){clear:both}
.details-product .product-images{overflow:hidden;position:relative}
.details-product .product-images:before{content:"";width:100%;height:100%;position:absolute;z-index:99999}
.zoomWindowContainer{display:none}
.product-box .product-thumbnail{display:block}
.product-box .product-thumbnail a img{width:100%}
.widget-item .widget-title{padding:20px 0;margin-bottom:0}
.nav-main > ul.navbar-nav-style .nav-item{background-color:#ffc000;border-top:1px #ffc000 solid}
.nav-main ul.navbar-nav-style .nav-item .nav-link{color:#FFF}
.nav-main ul.navbar-nav-style .nav-item:hover > .fa:before{color:#FFF}
#footer .logo{margin-top:38px}
}
@media (min-width: 0) {
.mini-cart{padding-bottom:20px}
.nav-main .navbar-nav .nav-item.active .nav-link,.nav-main .navbar-nav .nav-link:hover{color:#ffc000}
.nav-main > .navbar-nav > .nav-item.active > .nav-link,.nav-main > .navbar-nav > .nav-item > .nav-link:hover{background-color:#daa503;color:#FFF!important}
.nav-main > ul.navbar-nav-style > .nav-item > .nav-link{font-weight: 700;padding:17px 15px;color:#FFF;border-right:1px rgba(255, 255, 255, 0.4) solid;text-transform:uppercase}
.nav-main > ul.navbar-nav-style > .nav-item > .fa{display:none}
.nav-main ul.navbar-nav-style .nav-item .dropdown-menu .dropdown-menu{margin-left:100%;top:0}
.nav-main ul.navbar-nav-style .nav-item .dropdown-menu{margin:0;padding:0;border-radius:0;border:0;box-shadow:0 4px 8px rgba(0,0,0,0.2);opacity:0;display:block;visibility:hidden;transition:opacity 0.5s,-webkit-transform .5s;transition:opacity 0.5s,transform .5s;transition:opacity 0.5s,transform 0.5s,-webkit-transform .5s;-webkit-transform:translate(0,60px);-ms-transform:translate(0,60px);transform:translate(0,60px)}
.nav-main ul.navbar-nav-style .nav-item .nav-item .dropdown-menu{-webkit-transform:translate(60px,0);-ms-transform:translate(60px,0);transform:translate(60px,0)}
.nav-main ul.navbar-nav-style .nav-item:hover > .dropdown-menu{opacity:1;visibility:visible;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);display:block}
.nav-main ul.navbar-nav-style .nav-item .nav-item:hover{background-color:#FCFCFC}
.nav-main ul.navbar-nav-style .nav-item .nav-item:hover > .nav-link{color:#ffc000}
.search-main .products-view-grid .col-lg-4:nth-child(4n + 1){clear:both}
.products-view-grid .col-lg-4:nth-child(3n + 1){clear:both}
}
#my-orders-table a{color:#ffc000}
.glyphicon-shopping-cart:before{font-size:14px;color:#fff;background:#ffc000;margin-right:12px;padding:6px 10px;border-radius:2px}
.mini-products-list .product-image{float:left}
.mini-products-list .detail-item{margin-left:92px}
.top-cart-content .product-name{margin:0;width:150px;line-height:1;padding:0 0 5px}
.top-cart-content .product-name a{font-size:13px;line-height:normal;font-weight:400;color:#333}
.top-cart-content .product-name a:hover{color:#000;text-decoration:none}
.top-cart-contain .price{color:#ffc000;text-transform:uppercase}
.top-cart-contain .mini-cart .price{margin-right:5px;font-size:16px;font-weight:700}
.top-cart-contain .product-details .price{color:#ffc000;width:auto;float:none;font-weight:400;padding-left:0;font-size:12px}
.mini-cart:hover .top-cart-content{display:block}
.mini-cart{text-align:center;margin:0}
.mini-cart .dropdown-toggle{font-size:12px;padding:0;text-transform:none}
.mini-cart .basket a{color:#fff;margin:0;line-height:41px;font-size:11px;padding:0;font-family:'Open Sans',sans-serif;font-weight:400;min-width:170px!important;display:block;text-transform:uppercase;letter-spacing:1px}
.mini-cart .basket a:hover{text-decoration:none}
.mini-cart .basket .title{color:#2e3a47;font-size:13px;font-weight:700;line-height:1em;text-transform:uppercase;letter-spacing:normal}
.mini-cart .basket .cart-box{display:inline-block}
.mini-cart .basket .cart-box #cart-total{color:#777;text-transform:none;margin:0 0 0 5px}
.top-cart-contain{color:#333;margin:22px 0 0;padding:0;right:0;z-index:1000}
.top-cart-content .empty{text-align:left;color:#333}
.top-cart-content{display:none;width:300px;position:absolute;top:55px;right:0;background:#fff;padding:0;text-align:left;box-shadow:0 0 15px -5px rgba(0,0,0,0.4);z-index:10000}
.top-subtotal{color:#333;font-size:16px;font-weight:400;padding:12px 15px;text-align:left;text-transform:none}
.top-cart-content .block-subtitle{color:#333;overflow:hidden;padding:15px;text-align:left;font-family:'Open Sans',sans-serif;font-size:13px;background:#f5f5f5;text-transform:none;font-weight:400;border-bottom:1px #ddd solid}
ul#cart-sidebar{padding:8px 15px 0;margin:0;max-height:582px;overflow-y:auto}
ul#cart-sidebar::-webkit-scrollbar{width:5px}
ul#cart-sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,0.9)}
ul#cart-sidebar::-webkit-scrollbar-thumb{background:#ffc000;border-radius:15px}
ul#cart-sidebar::-webkit-scrollbar-thumb:hover{background:#ffc000;border-radius:15px}
ul#cart-sidebar::-webkit-scrollbar-thumb:active{background:#ffc000;border-radius:15px}
.li-fix-1{background:#FFF;width:295px;display:block}
.li-fix-2{display:block;width:295px}
.top-cart-content li{list-style:none}
.top-cart-content li.item{border-bottom:1px solid #eee;margin:5px 0 10px;overflow:hidden;padding:0 0 10px}
.top-cart-content li.item:last-child{margin:0;border-bottom:0 #eee solid}
.top-cart-content .product-details{color:#333;position:relative;text-align:left;padding:0}
.mini-products-list .detail-item .product-details-bottom .price{color:#ffc000;font-size:12px;display:list-item;margin-bottom:5px}
.mini-products-list .detail-item .product-details-bottom .title-desc{font-size:14px}
.mini-products-list .detail-item .product-details-bottom .label{font-weight:700;vertical-align:middle}
.mini-products-list .detail-item .product-details-bottom strong{font-weight:400}
.top-cart-content .product-details .btn-edit{position:absolute;right:22px;top:6px}
.top-cart-content .actions{padding:15px 20px;margin:0;overflow:hidden;background:#f5f5f5;padding-top:15px}
.mini-cart .actions .btn-checkout:before{content:"\f00c";font-family:'FontAwesome';font-size:12px;padding-right:10px;font-weight:400}
.mini-cart .actions .btn-checkout{background:#252525;color:#fff;font-size:11px;padding:8px 16px;font-family:'Open Sans',sans-serif;text-align:left;cursor:pointer;text-decoration:none;float:right;transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0;border:1px solid #fff;font-weight:700;text-transform:uppercase}
.mini-cart .actions .btn-checkout:hover{background:#ffc000;border:1px solid #ffc000;color:#fff}
.mini-cart .actions .view-cart{background:#ffc000;color:#fff;font-size:11px;padding:8px 16px;font-family:'Open Sans',sans-serif;text-align:left;cursor:pointer;text-decoration:none;float:left;transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0;border:1px solid #fff;font-weight:700;text-transform:uppercase}
.mini-cart .actions .view-cart:hover{background:#333}
.mini-cart .actions .view-cart:before{content:'\f07a';font-family:'FontAwesome';font-size:12px;padding-right:8px;font-weight:400}
.mini-cart .actions .button{display:inline-block;width:100px;text-align:center;margin-bottom:3px;padding:8px 10px 6px;text-transform:none;border:none;font-size:12px}
.mini-cart .button.btn-checkout{background:none;color:#fff;font-size:11px;padding:8px 16px;font-family:'Open Sans',sans-serif;text-align:left;cursor:pointer;text-decoration:none;float:left;transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0;border:1px solid #fff;font-weight:700;text-transform:uppercase}
.mini-cart > .button{color:#000;font-size:12px;font-weight:300;text-shadow:none;border:none;border-radius:0;box-shadow:none;background:none}
.fa-remove{position:absolute;right:0}
.fa-pencil{position:absolute;right:10px}
a.fa-remove,a.fa-pencil{color:#999;font-size:12px}
a.fa-remove:hover,a.fa-pencil:hover{color:#333;text-decoration:none}
.article-content>p>strong>img {max-width: 100%;}
@media (max-width:425px){
.details-product .product-images .owl-nav .owl-prev,.slideshow .owl-nav .owl-prev{left:-5px;top:38%}
.details-product .product-images .owl-nav .owl-next,.slideshow .owl-nav .owl-next{right:-5px;top:38%}
}
@media (max-width: 320px) {
.test{line-height:22px !important}
.provide{float:left;padding-left: 37px;}
button.btn-style {
margin-bottom: 10px;margin-top:10px;}
button.btn-style {
border: 0;
min-width: 86px;}
button.btn.btn-lg.btn-style.article-readmore {
padding: 15px 0;}
.form-viewpro .form-control {
width: 130px;
margin-right: -10px;}
}
.article-comment{padding:15px;border-bottom: 1px solid #e1e1e1;}
.article-content>p>img {
max-width: 100%;}
.test{line-height:24px}
.info-contact-ft li .fa:firt-child{margin-top:4px;}
.mgleft5{margin-left:5px;}
.logo.text-lg-left a img {
max-width: 250px;
}
@media (min-width:1024px){
.col-xs-12.col-sm-6.col-md-4.col-lg-3:nth-child(4n+1){clear:left;}
}
@media (min-width:768px) and (max-width:992px){
.col-xs-12.col-sm-6.col-md-4.col-lg-3:nth-child(3n+1){clear:left;}
}
@media (max-width:425px){
button.btn-style{margin-top:10px}}
.article-content>p>a>img {width: 100%;}
@media (max-width:375px){
p.user-name-comment {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;}}
/* CSS Document */
.clear{clear:both;}
ul.list_ul{list-style:none; margin:0; padding:0;}
ul.list_ul li.lists{width:100%; float:left; margin:0; padding: 25px 0 0; margin-top:25px; border-top:1px solid #f1f1f1; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; }
ul.list_ul li.lists:first-child{border-top:0; margin-top:0; padding-top:0;}
p.list-news-status-p{margin:0; color:#333; font-size:12px; font-style:italic; padding:5px 0;}
p.list-news-status-p a{font-size:12px; color:#ccc; text-decoration:none;}
.img-list{width:40%; height:auto; float:left}
.img-list>a{display:block; text-align:center;}
.img-list-in{width:100%; height:auto; margin:0 auto;}
.content-list{width:60%; float:left}
.title-list{font-size:16px; color:#333; text-transparent:uppercase;}
.title-list a{margin:0; display: inline-block; text-decoration:none;}
.title-list a h3{font-size:16px; color:#333; line-height:1.2em; text-transform:uppercase; text-decoration:none; margin:0 auto; font-weight:bold;}
.content-list-in{width:100%; margin:0; font-size:13px; text-align:justify; line-height:1.5em;}
.content-list_inm{margin-left:20px;}
.lists .xt{width:100%; text-align:right; display:block; padding:5px 0; margin-top:15px; border:1px solid #ccc; border-left:0; border-right:0;}
.lists .xt .infor_post{display:inline-block; float:left;}
.lists .xt .infor_post ul{margin:0; padding:0;}
.lists .xt .infor_post ul li{display;inline-block; display: inline-block; border-right:1px solid #ccc; padding:0 3px;}
.lists .xt .infor_post ul li a,.lists .xt .infor_post ul li span,.lists .xt .infor_post ul li{font-size:12px;}
.lists .xt a.read_more{text-decoration:none; display:block; font-style:italic; float:left; position:relative; margin-top:5px;font-family: 'UTMCafeta',helcan, Arial, sans-serif; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; color:#333; float:right; margin:0; font-size:13px;}
.lists .xt a.read_more:hover{color:#ffc000; }
@media (max-width:400px)
{
ul.list_ul li.lists{padding-left:0;}
.img-list{width:100%; float:none; height:auto;}
.content-list{width:100%; float:none;}
.content-list_inm{margin-left:0px;}
.title-list h3 ,.content-list-in {margin-top:10px;}
}
.wp_page{width:100%; text-align:right; padding:10px 0px;}
.wp_page>.page{width:100%;}
.wp_page>.page a{font-size:16px; padding:7px 12px; text-decoration:none; font-weight:bold; color:#ffc000; display:inline; line-height:2.5em; font-weight:300; }
.wp_page>.page a:hover,.wp_page>.page a.active{background:#ffc000; color:#fff; font-weight:bold;}
.content-text { padding: 15px 0;}
.related_news {
margin: 0px;
padding-bottom:30px;
text-align:left;
}
.related_news_title {
font-size: 18px;
font-style: normal;
font-weight: bold;
/* border-bottom: 1px; */
padding: 10px 0px 10px 0px;
border-bottom: 1px dashed #ccc;
}
.related_news_title span{padding-right:5px;}
.related_news_content ul {
list-style: none;
padding-left: 15px;
padding:0;
margin:5px 0px;
}
.related_news_content ul li {
font-size: 14px;
padding:5px 0px;
}
.list_fonts {
padding-right: 5px;
}
.related_news_content .fa{padding-right:5px;}
.related_news_content ul li::before{content: "\f105"; font: normal normal normal 14px/1 FontAwesome; color:#AEB0B3; font-size:18px;}
.related_news_content li a{padding-left:10px; color:#333;}
.table .display_mobile{display:none;}
.clear {
clear: both;
}
.floatleft {
float: left;
}
.container_table{
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
overflow: hidden;
}
.container_table table.table {
display: table;
border-collapse: collapse;
border-spacing: 2px;
border-color: #ccc;
width: 100%;
font-size:13px;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.table>tbody>tr>td, .table>tfoot>tr>td{
vertical-align: middle;
padding: 5px; text-align:center;
}
.form-control {
display: block;
width: 100%;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #fff;
border-radius: 4px;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btn_df {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
text-decoration: none;
}
.btn-sm,.btn-group-sm>.btn_df {
padding: 0px 10px;
font-size: 12px;
line-height: 1.5;
margin-left: 5px;
}
.btn_table_td_rf_del {
color: #fff;
background-color: #333;
border-color: #333;
}
.btn-sm, .btn-group-sm>.btn_df {
padding: 3px 10px;
font-size: 12px;
line-height: 1.5;
}
.floatleft.width50 {
width: 40px;
}
.btn_table_sc {
color: #fff;
background-color: #333;
border-color: #333;
}
.btn_table {
color: #fff;
background-color: #333;
border-color: #333;
}
.btn_df.btn_table_td_rf_del.btn-sm{margin-left:0; height:auto; font-size:18px;}
.btn_table:hover, .btn_table:focus, .btn_table:active, .btn_table.active, .open>.dropdown-toggle.btn_table {
color: #fff;
background-color: #333;
border-color: #d58512;
}
.col_table_image.col_table_hidden-xs{
max-width: 150px;
margin:0 auto;
}
.col_table_name {
padding: 0px 10px;
}
.clear{clear:both;}
.floatright{float:right;}
.floatleft {
float: left;
width: 50px;
}
a.btn_df.btn_table.floatleft{width:auto;}
.aligncenter{text-align:center;}
.text-center{background:none;}
input[type="number"] {
width:50px; padding: 5px 10px 5px 3px; outline:none; -moz-outline:none; -ms-outline:none; -webkit-outline:none; -o-outline:none;
text-align:center;
}
.tr_first{background:#eee; color:#333;}
.tr_first>th{padding:15px 0px; text-align:center; color:#333; text-transform:uppercase; font-size:14px;}
tr{background:#fff;}
.btn_df.btn_table_td_rf_del.btn-sm.btn_ref {width: 100%;}
.number{border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px; border:0px;}
.inputsoluong {
border: 0px;
text-align: center;
border: 1px solid #D4D2D2;
}
td.textright {background-color: #fff; font-size:16px; font-weight:bold;}
span.color_red.font_money{ color: #ffc000; font-size:16px; font-weight:bold;}
.col_table_image.col_table_hidden-xs img {
width: 100%;
}
input.inputsoluong {
width: 100%;
padding: 6px 10px;
box-sizing: border-box;
}
td.textright {
font-size: 18px;
color: red;
}
td.textright {
height: 45px;
}
table#cart tbody td {}
table#cart tbody td .form-control{
width:100%;
display: block ;
}
.data-table td{text-align: center;}
td.textright_text{ font-size:18px; color:#333; text-transform:uppercase;}
a.btn_df.btn_table.floatleft{background-color:transparent; border:0; color:#333; font-weight:bold; font-size:13px; padding: 10px;
line-height: 20px;}
tr.tr_last {
background-color: #EEEEEE;
}
a.btn_df.btn_table_sc.btn-block.floatright{
outline: 0;
background-color: #66bf23;
border:0;
width:auto;
}
.btn_df.btn_table_td_rf_del.btn-sm
{
outline: 0;
background-color: #ffc000;
border:0;
}
.btn_df.btn_table_td_rf_del.btn-sm.btn-refresh{background:#4285F4}
i.fa.fa-refresh,i.fa.fa-trash-o{color:#fff;}
tr {border: 1px solid #ddd; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }
span.text_price {font-weight: bold;}
span.text_price.color_red{color:#ffc000; font-weight:bold;}
.table>tbody>tr>td.textright_text{text-align:right;}
.sum_price_all{padding:10px 0; font-size:16px;}
/* Table Desktop*/
@media screen and (max-width:768px){
.sum_price_all{padding:0;}
.table tbody tr td:first-child{padding: 15px 10px;}
.col_table_name{width:100%; padding: 0px;}
.table>tbody>tr>td, .table>tfoot>tr>td{border: 0px solid #C7E4EF; text-align: left;}
table{border-collapse:collapse; border: 0px solid #ccc;}
.actions .btn_table_td_rf_del{
float:left;
}
.actions .btn-danger{
float:right;
}
.table thead { display: none; }
.table tbody td { display: block; padding: 5px; min-width:0px; text-align:left;}
.table,.table td,.table tbody{display: block;}
.table tr {
display: block;
width: 100%;
}
.table tbody tr td:first-child { background: #333; color: #fff; }
.table tbody tr td.textright_text {
background: transparent;
color: #333;
border: 2px solid #ccc;
}
.table tbody td:before {
content: attr(data-th); font-weight: bold;
display: inline-block; font-size:16px;
text-transform:uppercase;
}
.table tfoot td .btn{display:block;}
td.col_table_hidden-xs.text-center {background-color: transparent !important;}
td.col_table_hidden-xs.text-center strong{color:#333;}
table{padding-bottom:10px;}
td.actions.aligncenter { height: auto; padding:15px 0; text-align:center; background: #f1f1f1;}
td.actions.aligncenter>.btn_df.btn_table_td_rf_del.btn-sm{ min-width: 200px;
margin: 0 auto;
display: inline-block;
float: none;
box-shadow: none;
border: 2px solid #D22D11;
background: transparent;
color: #ccc;}
td.actions.aligncenter>.btn_df.btn_table_td_rf_del.btn-sm i.fa.fa-trash-o{color:#D22D11; display:inline-block; font-size:30px;}
.table .display_mobile{display:block;}
td.actions.aligncenter>.btn_df.btn_table_td_rf_del.btn-sm>span.display_mobile {
color: #D22D11;font-size: 18px;display: inline-block;text-transform: uppercase;font-weight: bold;}
h4.nomargin {margin-bottom: 0px;}
.col_table_name p {margin-top:5px;}
.table tbody td .row h4 {color: #fff;font-size: 14px; font-weight:normal; color:#333; margin-top: 5px; margin-bottom: 5px; }
.color_red{color:red;}
.table tbody tr td.textright{text-align:center; height:auto; padding:10px 10px;}
.btn_df.btn_table_td_rf_del.btn-sm { margin-left: 5px;}
td.actions.aligncenter>.btn_df.btn_table_td_rf_del.btn-sm{margin-left:0; box-shadow: 3px 3px 0px #ccc; -moz-box-shadow: 3px 3px 0px #ccc; -webkit-box-shadow: 3px 3px 0px #ccc;}
.table>tbody>tr>td.textright_text{text-align:center;}
span.color_red.font_money{padding-left:5px;}
.table>tbody>tr>td.textright_text{line-height:0;}
.table>tbody>tr>td, .table>tfoot>tr>td{padding:10px 10px 0 10px;}
.clear.margintop5{margin:5px 0;}
}
.form-textarea{height:150px;}
.hide{display:none!important;}