html, body, div, span, h1, h2, h3, h4, h5 strong,li {font-family:Arial,sans-serif;text-align:justify;margin: 0; border: 0; padding: 0; outline: 0; vertical-align: baseline }
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
table,.table td, .table th{vertical-align:middle}
img { border: none; overflow: hidden; max-width: 100% }
p { margin:0;padding: 5px 0px;line-height: 25px;text-align:justify}
a { text-decoration: none; color:#222;}
a:hover {color:#00400b;text-decoration:none!important; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.clear { clear: both }
.firstcolor{color:#222222!important}
.firstbackground{background:#00400b}
.secondcolor{color:#222}
.secondbackground{background: #00400b!important;}
header{position:relative;width:100%;padding:0px 0px 5px 0px;margin: 0px auto;display:block;
    background: url(../../images/golden.jpg) no-repeat;
    background-size: cover;
    background-position: 0% -5%;
}
header .up{background:#ffffff;width:100%;margin:0 auto;}
header .up span{color:#fff;width:auto;font-size: 14px;font-family: Arial, Helvetica, sans-serif;font-weight: normal;vertical-align: top;display: inline-block;margin:2px 2px 0px 0px;}
header .up span#login{margin:0px 0px 0px 15px}
header .up span a{display: inline-block;line-height:30px;padding:1px;color:#444}
header .up span a i{padding: 5px;font-size: 16px; margin: 2px 0px 0px 4px;float: left;}
header .up span a strong{position: absolute;background: red;color: #fff;padding: 2px 5px 0px 5px;font-size: 14px;border-radius: 3px;top: -2px;left: 30px;line-height: 17px;}
.main-head{padding:5px 2% 0px 2%;border-top: 1px solid #00400b;
    box-shadow: 1px 0px 3px rgb(0 0 0 / 75%);
    margin:0;background:#00400b;
    background-size:contain;
}
#menu_mobi {
display: none;
z-index: 999;
position: absolute;
top: 25px;
left: 20px;
color: #00400b;
font-size: 20px;
padding: 5px 12px;
background:url(../../images/golden-light.jpg) repeat;
}
.ma5menu__home {
background: url(../../images/logo-small.png);
width: 100%;
background-size:50%;
padding: 11%;
background-position: center;
background-repeat: no-repeat;
}
#address{float:right} 
.main-head .logo{margin:3px 0px 0px 0px;background: transparent url(../images/logo-bg.png) top left no-repeat;background-size: 90%;}
.main-head .logo h2{text-align: center;}
.main-head .logo h2 a{display: inline-flex;width: 150px;}
.main-head .banner{margin:8px 0 0;}
.main-head .banner ul{margin: 0;padding: 0;}
#popupladdingpage .modal-dialog{height:auto;max-width:fit-content;margin:0 auto}
#popupladdingpage .modal-content{background:none;border:none}
.banner ul .hidden-xs{float: left;display: block;font-size: 12px;width: 25%;}
.main-head .banner ul li.hidden-xs:nth-child(3n) {width: 35%;}
.main-head .banner ul li.wrap-shoping-cart {width: 15%;position: relative;}
.banner ul .hidden-xs i{font-size: 40px;color:#FFFFFF;display: block;
float: left;margin-right: 10px;
-webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), url(../../images/golden-light.jpg) repeat;
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    background-clip: text;
}
.banner ul .hidden-xs small{display: block;color: #FFFFFF;font-size: 11px; margin-top: 5px;}
.banner ul .hidden-xs span{font-weight: bold;color:#FFFFFF;}
.banner ul .hidden-xs.wrap-shoping-cart a{color:#ffffff}
.wrap-shoping-cart a span{text-transform: uppercase;display: inline-block;padding: 15px 0px 0px 0px;	}
.cart-count{position: absolute;left: 13px;top: -13px;;padding: 0px 6px;border: 1px solid #00400b;border-radius: 50%;font: bold 16px/18px arial;color:#00400b!important;background: #ffffff;}
.boxheaderresponsive{display: none;
    position: fixed;
    background: #265c2f;
    text-align: right;
    padding: 8px 5px 0px 5px;}
.boxheaderresponsive ul{list-style:none;margin:0px;padding:0} 
.boxheaderresponsive ul li{display:inline-block}
.boxheaderresponsive ul li a{font-size: 20px;
    position: relative;
    padding: 8px 8px;
    color: #fff;
    margin: 0px 2px;} 
.boxheaderresponsive ul li a i{}
.boxheaderresponsive ul li a span{}
.boxheaderresponsive ul li a small{font-size: 13px;border: none;padding: 0px 5px 0px 5px;font-weight: normal;}
.table #update_cart_after_click_buy td{padding:10px 0px;vertical-align: top;}
#zoom tr td{padding:10px 5px;vertical-align: top;}
/* nav */
.nav-wr{margin: 15px 0px 0px 0px;padding: 0px;display: inline-block;width: 100%;border-top: 1px dotted rgb(255 255 255 / 25%);}
.nav {display: inline-block;position: relative;width:100%; margin: 0 auto;  }
.nav-list { text-align: left; list-style: none; padding: 0; margin: 0; }
.nav-item {float: left;position: relative; margin:0px;padding:0px;}
.nav-item:hover .nav-submenu { display: block; }
.nav-item a {display: block;color: #eeeeee;font-size: 15px;padding: 10px 15px;transition: all 0.5s ease-in-out 0s;margin: 0px;}
.nav-item > a:hover,.nav-item a.active{font-weight:bold;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), url(../../images/golden-light.jpg) repeat;
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    background-clip: text;
    ;text-decoration: none;}
.nav-item:hover a {color: #eee;text-decoration: none;}
/* Navigation submenu */
.nav-submenu { display: none; position: absolute; left: 0px; width:350px; list-style: none; padding: 0; margin:0px; z-index: 9999; }
.nav-submenu-item { position: relative }
.nav-submenu-item a {font-size:14px;font-family:arial;background: rgb(255 255 255 / 90%)!important;color: #222!important;border-bottom: 1px solid rgba(0,0,0,0.05) !important;padding: 10px!important;text-align: left;}
.nav-submenu-item a i{margin-right:5px;font-weight:normal}
.nav-submenu-item a:hover { background:rgba(255,255,255,0.9)!important;color: #00400b!important }
.nav-submenu2 { display: none; position: absolute; left: 100%; top: 0; width: 100%; list-style: none; padding: 0; margin: 0 }
.nav-submenu-item:hover .nav-submenu2 { display: block }
.nav-submenu-item2 a { background:#3c371d!important; border-bottom: 1px solid #ffcccc; display: block; padding: 15px; text-align: left; }
.nav-submenu-item2 a:hover { background:rgba(255,255,255,0.9)!important; text-decoration: none; color: #000 !important; }
.nav-mobile {display: none;cursor: pointer;position: absolute;top: 0px;color: #fff;background:#00400b;right: 0px;font-size: 20px;padding: 12px 16px;line-height: 0;z-index: 3;}
.nav-click { position: absolute;top: 18px;right: 0px;border-left:5px solid transparent; border-right:5px solid transparent;border-top:5px solid #ffffff;cursor: pointer;  }
.nav-item:hover .nav-click{ top:33px;border-left:5px solid transparent; border-right:5px solid transparent;border-top:5px solid transparent;border-bottom: 6px solid #ffffff;}
.nav-rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.search-form{width:250px;float: right;margin-top:5px}
.search-form input{width: 100%;height: auto;margin:0px;padding:8px 12px;color: #fff;background-color:rgba(0,0,0,0.1);border: none;font-size: .875rem;}
.search-form input:focus{color:#fff;background: #00400b; box-shadow: none;}
.search-form button{position: absolute;z-index:2;right: -5px;top: 0;color: #fff;width: 50px;border: none;height: 45px;}
.search-form button:focus,.search-form button:hover,.search-form button:active{cursor: pointer;color: #222;border: none;outline: none;}
.search-form input::placeholder {color: #fff;opacity: 1; }
#btnmobisearch{display:none}
.banner{}
.banner .bannerright{width:24%;display:inline-block;vertical-align: top;}
.banner .bannerleft{width:75%;display:inline-block;vertical-align: top;}
.category{font: bold 17px/1.7em arial;text-transform: uppercase; padding: 6px;color: #00400b;}
ul.menucategory{padding: 0;margin: 0;list-style: none;background: #eeeeee;}
ul.menucategory li{display: block;position:relative;}
ul.menucategory li a{color: #222;display: block;border-bottom: 1px dotted #eee;margin: 0px;padding:5px;font:normal 14px/23px arial;background: #fff;}
ul.menucategory li a:before{font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f105";
    float: left;
    margin: 2px 0px 0px 0px;
    font-size: 12px;
    padding: 0px 6px 0px 12px;}
ul.menucategory li ul.submenucategory{background:transparent;width:250px;
position:absolute;top:0;right:-250px;z-index:999;
display:none;padding:0;margin: 0;list-style: none}
ul.menucategory li ul.submenucategory span{
	top:15px;position:absolute;
    bottom: auto;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;right: 100%;
    left: 5px;
    border-right: 5px solid rgba(255,255,255,0.9);}
ul.menucategory li:hover ul.submenucategory{display:block}
ul.menucategory li ul.submenucategory li{margin: 0px 0px 0px 10px;}
ul.menucategory li ul.submenucategory li a{border-bottom:1px dotted #eee}
/* ======== title  ======== */
.title{width:100%;margin:10px auto;box-shadow: 0px 1px 0px 0px rgb(0 0 0 / 5%);}
.title .viewall{float:right;margin:15px 0px 0px 0px;font-size: 14px;}
.title .viewall:after{content:''}
.title  h2{font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    border-left: 5px solid #ffbc00;
    display: inline-block;}
.title  h2 img{width:45px;float:left;padding:3px;display:none}
.title  h2 a{display: inline-block;
    color: #ffffff;
    padding: 10px;
    background: #00400b;}
h3.heading {color: #222;font: bold 18px arial,arial;width: 100%;margin: 0px;padding: 15px 0px;text-transform: capitalize;}
h3.heading a{display: inline-block;width: 100%;border-bottom: 1px dotted #ddd;padding: 15px 0px;}
h3.heading a i{margin-right:10px}
.breadcrumbs{width:100%;}
.breadcrumbs h4{padding:20px;font-size: 14px}
.product{width:100%; margin: 0 auto}
.product .list-pro { list-style:none; width:100%; margin:20px 0px; padding:10px;background: linear-gradient(#ffffff,#f2f2f2);}
.product .list-pro .item {position:relative;width:100%;float: left;margin: 15px auto;border-radius:3px;box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 6%);}
.product .list-pro .item  img{width: 100%;border-radius: 3px 3px 0px 0px;padding: 0px;}
.product .list-pro .item  a.more{color: #444444;font-size: 16px;padding: 5px 0px;display: block;margin: 0px 0px 5px 0px;text-align: center;}
.product .list-pro .item  a.more:hover{color:#ef7306; text-decoration: none;}
.product .list-pro .item  a.more span{display: inline-block;width: 25%;clear: both;margin: 3px;text-align: center;border: 1px solid #e4e4e4;border-radius: 2px;}
.product .list-pro .item .group-price{text-align:center;font:500 15px/1.5em Arial,san-serifsans-serif;padding:0px;}
.product .list-pro .item .group-price span{padding:0px 3px}
.product .list-pro .item .group-price .price u{padding:0px 0px 0px 3px}
.product .list-pro .item .cover-discount{position: absolute;top: 5px;right: 5px;text-align: center;background: rgba(255, 0, 0, 0.75);color: #fff!important;padding: 3px!important;border-radius: 2px;}
.product .list-pro .item .item-button a.item-view{float: right;border-radius: 50%;padding: 3px;background: rgba(255,255,255,0.1);margin: 3px 0px 0px 0px;box-shadow: none;text-align: center;}
.product .list-pro .item .item-button a.item-view img{width:30px!important;}
.product .list-pro .item .item-button a.item-phone{background:#00400b;}
.product .list-pro .item .item-button a.item-phone i{padding:0px 5px;}
.product .list-pro .item .item-info-group{background: #ffffff;padding: 6px;}
.product .list-pro .item .item-info-group .name{font:normal 16px/25px arial;text-transform: capitalize;padding-bottom:8px;text-align: center;width: 100%;display: inherit;}
.product .list-pro .item .item-info-group .name span{color:red;margin-right:5px}
.product .list-pro .item .item-image{position:relative;	}
.product .list-pro .item .item-image .cover{position: absolute;top: 0px;left: 0px;text-align: center;background: rgba(0, 0, 0, 0.4);color: #fff!important;padding: 8px 14px!important;}
.product .list-pro .item .item-button{width:100%;margin:10px 0px 0px}
.product .list-pro .item .item-button a {font-size:15px;margin: 0;padding:15px;color: #fafafa!important;display: inline-block;border-radius:3px;text-align: center;}
.product .list-pro .item .item-button a.rating{color:yellow!important}
.product .list-pro .item .thumblist{text-align: center;background: #fff;display: inline-flex;}
.product .list-pro .item .thumblist img{opacity:0.9;display: inline-flex;margin:3px 1px;border: 1px solid #ddd;border-radius: 3px!important;}
.product .list-pro .item .thumblist img:hover{border: 1px solid #bbb;opacity:1;}
.item-image a{width: 100%; display: block;overflow: hidden; }
.item-image a:hover img{transform: scale(1.3);-moz-transition:all 0.5s ease-in-out 0s;  -webkit-transition: all 0.5s ease-in-out 0s; -o-transition:  all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;}
.cover{display:none;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.6);padding-top: 40%;height: 100%;width: 100%;color: #fff;text-align: center;transition: all 0.5s ease-in-out 0s;}
.cover span{background:#4822a8637;margin: 0;padding: 8px 10px;font-size:13px;color: #fff;font-weight: normal;}
a:hover .cover{display:block;transition: all 0.5s ease-in-out 0s;}
/*---- Product detail ---*/
.contentbox{width:96%; margin:10px auto; padding:0%; }
.content .headline{width:100%;margin:0px;}
.content h1.headline{font:bold 20px/1.5em arial;margin-top:0;color: #222;border-bottom: 1px dotted #bbbbbb;padding:5px 0px;margin-bottom: 5px;text-transform: capitalize;}
.content h3.headline,.content h2.headline,.content h6.headline{padding:3px 0px;margin:0;text-transform: none;background: none;color:#222222;font:normal 16px/25px arial;border: none;text-align:justify}
.content .headline.price{padding:8px 0px; font-size:25px;margin: 0;font-weight: bold;color:#ff0000;}
.content .headline .discount{font:normal 20px arial;margin: 0px 5px;color: #222;}
.headline b{color:#00400b;}
.headline b:before{content:""}
.headline .button.buy{background:#f00;color:#fff}
.headline .button.call{background:#00400b;color:#fff; cursor:pointer}
.headline .button span{display: block;font-size: 13px;}
.headline .button strong{font-size: 19px;}
.headline .button i{float: left;font-size: 45px;margin: 0px 10px 0px 0px;font-style: normal;}
.headline.quatity{margin:5px 0px 15px 0px!important}
.quatity button {cursor: pointer;background:#00400b;color: #fff;border: none;font-weight: bold;border-left: 1px solid #fff;margin: 0;width: 45px;height: 35px;text-align: center;}
.quatity button#qtyminus{border-radius: 5px 0 0 5px;height: 40px;}
.quatity button#qtyplus{border-radius: 0 5px 5px 0;height: 40px;}
.quatity span {padding:10px 18px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.owl-thumbs{display:inline-flex}
#listimages .owl-thumbs img{margin:3px;border-radius: 3px;max-height: 50px;}
#listimages .owl-thumbs img.active{box-shadow: 0px 0px 5px 1px #bebebe;}
#contentinfo{max-height:800px;overflow:hidden;position:relative}
#contentinfo .covercontent{position: absolute;z-index:99;width: 100%;bottom: 0;background: linear-gradient(#ffffff00,#ffffff);height: 100px;text-align: center;padding-top:50px;}
#contentinfo .covercontent button{padding: 8px 16px;background: #00400b;color: #fff;border-color: transparent;cursor: pointer;}
.certificate-box{padding:20px;background:#ffe57c}
.certificate-box .content-box-title{font-family: arial;line-height: 35px;color: #222;padding: 0px 0px 20px 0px;font-size:25px;text-transform: uppercase;}
.product.aside{}
.product.aside .title{margin:15px 0px 0px 0px}
.product.aside .list-pro{background:#f0f0f0}
.product.aside .item{box-shadow: none;margin: 0px;padding:15px 10px;border-bottom: 1px solid #eee;}
.product.aside .item .item-image{width: 30%;float: left;margin-right: 10px;}
.product.aside .item .item-image a{display: inline-block;}
.product.aside .item .item-image a img{width: 85%;}
.product.aside .item .item-info-group{padding: 0;}
.product.aside .item .item-info-group a{margin: 0;padding: 0;text-align: left;line-height: 30px;}
.product.aside .item .group-price{text-align:left}
.product.aside .item .item-button{text-align:right;margin-top:5px}
.product.aside .item .item-button a{padding:12px 15px;float: left;}
.product.aside .item .item-button span{display: none;}
.product.aside .list-pro .item .cover-discount{left: 10px;top: 15px;right: auto;}
.why-choose-us{padding:3% 0%;position:relative;display:inline-block}
.why-choose-us .row{margin:0}
.why-choose-us h2{text-transform: uppercase;color: #fff;font-size: 36px; text-align: center;letter-spacing: 1px;line-height: 50px!important;padding: 0px 0px 2% 0px;font-weight: 700;}
.why-choose-us h2 span {border-top: 4px solid #fff;padding: 12px 0px;}
.welcome-grid{text-align: center;background: rgba(255,255,255,0.04);padding: 10px 0px 2px 0px;}
.welcome-grid span.fa,.welcome-grid span.fab {color:#00400b;font-size: 50px;margin-bottom: 10px;}
.welcome-grid h4 {font-size: 22px;letter-spacing:1px;color:#00400b;font-weight: 600;text-transform: uppercase;}
.welcome-grid p {color: #444;line-height:25px;font-size: 15px;}
.tab-content{padding:1%}
.briefcompany {padding:0px;margin-top: 2px;}
.briefcompany h1{font: bold 30px/1em arial;margin-bottom:15px;}
.briefcompany h2{font-size: 18px;margin-bottom: 10px;}
.briefcompany h2 span{}
.briefcompany p{text-align: justify;}
.briefcompany a{border-bottom: 1px dotted #eee;position: relative;padding: 0;margin:1.5%;width: 46%;display:inline-block}
.briefcompany a img{width:100%}
.briefcompany a:hover .overly-top{height:100%;opacity:1}
.overly-top {position: absolute;background:rgb(92 86 53 / 75%);height:0%;top: 0px;width: 100%;padding:7% 5%;transition: all ease-in-out 0.4s;overflow: hidden;opacity:0}
.overly-top .discript{text-align:center}
.overly-top .discript img {width: 125px!important;}
.overly-top p {margin-top:0px;position: relative;}
.overly-bottom {position: absolute;background:rgb(255 255 255 / 90%);bottom: 0px;width: 100%;transition: all ease-in-out 0.4s;overflow: hidden;}
.overly-bottom strong,.overly-bottom img {
    padding: 0px 3px;
    text-align: center;
    color: #ffffff;
    margin:10px 5px 0px 0px;
    position: relative;
    font: normal 13px arial;
    border-radius: 2px;
    background: #e30016;
    float: left;}
.overly-bottom .discript{overflow: hidden;height:35px;}
.overly-top .discript span{width: 100%;}
.overly-top .discript span,.overly-bottom .discript span{text-align: center;font-family: arial;font-size:15px;width: 100%;display: inline-block;color:#fff;font-weight:bold}
.overly-bottom .discript span{color: #222;
    font-size: 12px;
    font-weight: 400;
    padding: 0px;
    text-align: left;
    line-height: 35px;
    display: inline-block;}
.overly-top p{font-size:15px;line-height:22px;color:#fff;}
.testimonial{margin:10px 15px;overflow: hidden;}
.testimonial .description{position: relative;font-size: 13px;line-height: 20px;color: #222222; background: #fafafa;text-align: justify;border: 1px solid #dddddd;border-radius: 3px;padding: 10px 15px;border-right: 3px solid #3c371d;}
.testimonial .description:after{content: "";width: 20px;height: 20px;background: #fafafa;border-bottom: 1px solid #cccccc;border-left: 1px solid #cccccc;position: absolute;bottom: -10px;left:50%;transform: skewY(-45deg);}
.testimonial .pic{text-align: center;display: inline-block;width: 100%;}
.testimonial .pic img{margin:30px 10px 10px 10px;width: 100px;border-radius: 50%;height: 100px;display: inline-block!important;}
.testimonial .testimonial-prof{text-transform: capitalize;text-align: center;}
.testimonial .testimonial-prof h4{text-align: center;color: #222;font-size: 15px;font-weight: bold; margin: 0 0 5px 0;}
.testimonial .description small{display: block;font-size: 15px;letter-spacing: 1px;color: #ffe000;position: absolute;left: 10px;bottom: -25px;}
.client-box{margin:0%;padding:0px 0 30px 0; }
.client-box .heading-client-box {background-color:#00400b;padding: 50px 0; font-weight: 700;margin: 0 0 0px 0px;position: relative;text-transform: uppercase;font-family: arial,Georgia,serif;font-size: 1.75rem;}
.client-box .heading-client-box i {float:left}
.client-box .heading-client-box span {display: block;font-weight: 400;color: #fff;}
.client-box .title{box-shadow:none}
.client-box .order-box h2 a{color:#fff}
.client-box .order-box {margin-top:-55px;}
.client-box .order-box .title {text-align: center;text-transform: uppercase;background: #00400b;font-family: Georgia,serif;padding: 5px 0px;margin:0px 0px 10px 0px;}
.client-box .order-box .timeline {list-style: none;padding: 0;position: relative;height: 385px;overflow: auto;}
.client-box .order-box .timeline>li {position: relative;overflow: hidden;background: #00400b;color: #fff;border-radius: 5px;padding: 10px;margin: 5px 15px;}
.client-box .order-box .timeline>li h6 {font-size: .9375rem;margin-bottom: 0;}
.client-box .order-box .timeline>li h6 small {float: right;color: #fff!important;}
.client-box .order-box .timeline>li h6 small i{margin:0px 5px}
.client-box .order-box .timeline>li p small a{background: #ff0;padding: 2px 10px;border-radius: 15px;font-size: 12px;}
.client-box .order-box .timeline>li p {margin-bottom: 0;}
.partnership-box{margin:0% 0% 4% 0%}

footer{width:auto;background: #222;padding:0%;display: inline-block;}
.footer{
    background: rgb(1 64 12) url(../../images/bg-footer.jpg) top left repeat-x;
    background-size: 100%;
}
.top-foo,.bottom-foo{color: #fff;border-top:0px solid #191818;margin:0;padding:0}
.top-foo h2,.bottom-foo h2{text-align: center;
    font-size: 22px;
    color: #fff;
    background:#00400b70;
    background-repeat: repeat-x;
    line-height: 65px;
    padding-top: 5px;
    text-transform: uppercase;
    margin: 0px 0px 20px 0px;}
.footer .online li,.footer .copyright li{color: #fff;}
.top-foo h3{padding:0px 0px 5px 0px;}
.top-foo p{color:#dfdfdf;font-size: 17px;font-weight: bold;line-height: 30px;width: 90%;text-align: justify;margin: 0 auto;}
.footer ul{width: 100%;margin: 0;padding:0}
.footer ul li{color:#dfdfdf;list-style: none;}
.footer ul li a{color:#dfdfdf;padding:5px;font:normal 13px/1.5em arial;}
.footer ul li span{margin:0px 10px;color:#dfdfdf;}
.footer h5{color: #dfdfdf;font-size: 16px;font-weight: bold;}
.footer .online{display: inline-block;width: 100%;}
.footer .online ul{width:100%}
.footer .online ul li{float: right;width: auto;font-size: 12px;list-style: none;margin: 5px 0px 0px 5px;}
.footer .online ul li.icon:before{content: '\2022';font-size: 20px;line-height: 0px;color: #00e600;float: left;padding: 10px;}
footer .top-foo .social{text-align:center!important;width: 100%;}
footer .top-foo .social a{padding:0px 5px;font-size:20px;color:#fff}
.copyright p{color:#fff;padding:0}
.tooltip-inner {background-color:rgba(255,146,0,0.85);}
.tooltip.bs-tooltip-right .arrow:before {border-right-color: rgba(255,146,0,0.85) !important;}
.tooltip.bs-tooltip-left .arrow:before {border-left-color:rgba(255,146,0,0.85) !important;}
.tooltip.bs-tooltip-bottom .arrow:before {border-bottom-color:rgba(255,146,0,0.85)!important;}
.tooltip.bs-tooltip-top .arrow:before {border-top-color:rgba(255,146,0,0.85)!important;}
.hvr-ripple-out:before{border-color:#fdfdfd!important;border-radius: 3px;}
.hvr-radial-in:before{background:#3c371d!important}
#fix_group_cart_button{display: inline-block;position: fixed;bottom:0;left: 0px;z-index:9;padding: 3px;width: 100%;}
#fix_group_cart_button a.btn{padding:6px 8px 6px 8px;margin:0px 1px;color: #fff;font-size: 15px;line-height: 25px;font-family: arial;}
#fix_group_cart_button .helper{padding: 6px 11px;position:absolute;bottom:10px;left:-55px;background:#00400b;color: #fff;border-radius: 50%;text-shadow: 0px 0px 8px #444; margin: 0px 15px 0px 5px;}
#fix_group_cart_button .helper span{position: absolute;top: -35px;color: #fff;border: 1px solid #00400b;padding: 3px 8px;font-size: 14px;left: -10px;border-radius: 3px;background: #00400bd9;}
#fix_group_cart_button .dropdown-menu{border-radius: 0px;border: 1px solid #00400b;min-width: auto;padding: 0px;margin: 0px;position: absolute;top:-6px!important;background: #00400bd9;}
#fix_group_cart_button .dropdown-menu a{font-size: 14px;color: #ffffff;padding:8px;border-bottom: 1px dotted rgb(255 255 255 / 30%);font-family: arial;}
#fix_group_cart_button .dropdown-menu a:hover{color:#222}
#fix_group_cart_button .messenger{padding: 10px 10px;color: #fff;border-radius: 5px;text-shadow: 0px 0px 8px #383838;font-size: 20px; background: #06f;text-align: center;position: absolute;line-height: 0;left: 2px;top: 2px;}
#fix_group_cart_button .zalomessenger{position: absolute;left:45px;padding:1px;top: 2px;}
#fix_group_cart_button .zalomessenger img{width:39px;border-radius:4px;}
.dropdown-toggle.helper::after{top: -7px;right: 13px;position: absolute;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #00400bd9;}
.modal-dialog {width: 100%;height: 100%;margin: 0;padding: 0;max-width:100%;}
.modal-content {height: auto;min-height: 100%;border-radius: 0;border: none;}
.modal-header{padding:5px 10px;box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.08); border-radius:0;background:#00400b;display: block;color:#fff}
.modal-footer{box-shadow: 0 -0.5rem 1rem 0 rgba(0, 0, 0, 0.08);	 border-radius:0}
.pb-modalreglog-form-reg #btnregiste,.pb-modalreglog-form-reg #btnlogin{
color:#00400b;border-color: #00400b;
background: #fff;
width: 75%;
text-align: center;}
#totalmoneycheckout{padding: 3px 6px;font-weight:bold}
#totalmoneycheckout:after{content:" đ"}
#smb-order-cart{font-family: arial;font-weight: bolder;}
.popover-title {background-color: #F7F7F7;border-bottom: 1px solid #EBEBEB;border-radius: 5px 5px 0 0;font-size: 14px;font-weight: normal;line-height: 18px;margin: 0;padding: 8px 16px;}
.labelcheck{color: #28a745;display: none;}
.message{position:fixed;bottom: 70px;z-index:999;right: 0}
.owl-dots{text-align: center;position: absolute;left: 0;bottom:0px;width: 100%;}
.owl-dot{height: 10px;padding: 5px;margin: 3px;background:#ddd;display: inline-block;}
.owl-dot.active{background: #00400b;}
.content.detail .nav-tabs>li{width: fit-content;display:inline-block;text-align:center;border-radius:15px}
.content.detail .nav-tabs>li>a {font-size: 14px;padding:10px 20px;display: inline-block;width: 100%;margin: 15px 0px 0px 0px;border-radius:3px 3px 0px 0px;}
.content.detail .nav-tabs>li.active>a,.content.detail .nav-tabs>li.active>a:focus,.content.detail .nav-tabs>li.active>a:hover
{color: #ffffff!important;background-color: #00400b!important;padding:12px;width: 100%;display: inline-block;}
.nav-tabs>li>a.active{background:#00400b;color:#fff;border: 1px solid #00400b;}
/* New area*/
.block.news{padding:10px}
.block.news a{}
.block.news a img{border-radius:5px}
.block.news a h6{font:normal 16px/1.6em arial;margin:5px 0px }
.block.news a h6 span{margin-right: 5px;color: #fff;font-size: 13px;border-radius: 2px;background: #3c371d; padding: 2px 6px;}
.mainnews{}
.mainnews a{display:inline-block}
.mainnews a img{max-width:100%;margin: 0px 0px 15px 0px;}
.mainnews a h4{font-size: 18px;font-weight: bold;line-height: 30px;}
.mainnews a p{text-align:justify;font-size:15px;color:#666}
.listnews{}
.listnews ul{list-style:none;padding:0;}
.listnews ul li{display: inline-block;width: 100%;padding: 10px 0px;border-bottom: 1px solid #eee;}
.listnews ul li a{color: #222;display: block;	}
.listnews ul li a img{float: left;width:100px; margin-right: 10px;}
.listnews ul li a h6{font:bold 14px/25px arial;padding: 0px;margin: 0px;color:#444}
.listnews ul li a h6 span{background:#00400b;color: #fff;font-weight: normal;padding: 3px;font-size: 12px;margin: 0px 5px 0px 0px;border-radius: 2px;}
.info h1,.contentinfo h1{font-size:20px;line-height: 35px;}
.info h2,.contentinfo h2{font-size:18px;line-height: 35px;}
.info h3, .contentinfo h3{font-size:16px;line-height: 35px;}
.border-rad {color: #fff;background-color: #00400b;border-color: #00400b;margin-left: -3px;}
.border-rad:hover {background-color: #00400b;border-color: #00400b}
#share-social{margin: -60px 0px 0px 0px;}
#btnorder{font:bold 18px arial,arial}

.showroom{margin: 15px 0px;}
.showroom fieldset 
{
border: 1px solid #eee !important;
margin: 0;
min-width: 0;
padding: 10px;       
position: relative;
border-radius:4px;
padding-left:10px!important;
}	

.showroom legend
{
font-size:14px;
font-weight:bold;
margin-bottom: 0px; 
width:auto;color:#3c371d;
border: 1px solid #eee;
border-radius: 4px;color:#00400b;
padding: 5px 5px 5px 10px; 
background-color:#f8f8f8;
}
.showroom fieldset p{font-size:14px;padding:3px 0px}