@font-face {font-family: 'UTM Neo Sans Intel B';src: url('../fonts/UTMNeoSansIntelBold.eot');src: url('../fonts/UTMNeoSansIntelBold.eot?#iefix') format('embedded-opentype'), url('../fonts/UTMNeoSansIntelBold.woff') format('woff'), url('../fonts/UTMNeoSansIntelBold.ttf') format('truetype'), url('../fonts/UTMNeoSansIntelBold.svg#UTMNeoSansIntelBold') format('svg');font-weight: bold;font-style: normal;}
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:#0053cf;}
a:hover {color:#ff9200;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:#0053cf}
.firstbackground{background:#0053cf}
.secondcolor{color:#ff9200}
.secondbackground{background:#ff9200}
header{position: relative;width: 100%;padding: 0px 0px 7px 0px;
    margin: 0px auto;display: block;
    box-shadow: 0 2px 2px transparent, 0 2px 3px rgba(0,0,0,0.25);
    background: url(../images/border-gold-gradient.jpg);
    background-size:contain;background-position: left bottom;}
header .up{width:100%;margin:0 auto;padding: 2px; background: #ffffff;}
header .up span{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{ color:#222222;display: inline-block;line-height:30px;padding:1px}
header .up span a i{ padding: 6px 7px;text-align: center;color: #222222}
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: 10px 2% 0px 2%;
    background: #0053cf;
    border-top: 1px solid #004cbe;
    box-shadow: 1px 0px 3px rgb(0 0 0 / 75%);}
.main-head .logo{margin:0px;}
.main-head .logo h2{text-align: center;}
.main-head .logo h2 a{display: inline-flex;}
.main-head .logo h2 a img{}
.main-head .banner{margin:5px 0 0;}
.main-head .banner ul{margin: 0;padding: 0;}
.banner ul .hidden-xs{float: left;display: block;font-size: 13px;color: #ffffff;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;}
.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;font-size: 13px;}
.banner ul .hidden-xs.wrap-shoping-cart a{color:#ffffff}
.banner ul .hidden-xs i.vietgap strong{background: radial-gradient(ellipse farthest-corner at right bottom, #ede0a2 0%, #f9bb3f 8%, #9f7928 30%, #8a6e2f 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #fff7a8 8%, #d1b464 30%, #d7a432 60.5%, #d7a432 100%);color: transparent;-webkit-background-clip: text;font-weight: 600;line-height: 13px;}
.banner ul .hidden-xs .vietgap{font: bolder 9px/1.5em arial;border: 2px solid #adadad;padding: 15px 5px 15px 5px;border-radius: 50%;background: #0053cf;color: #ddd;zoom: 0.95;}
.vietgapbox{font: normal 13px/1em arial;padding: 2px 5px 4px 5px;margin-right: 2px;border-radius: 2px;text-transform: none;color: #f2e99c;background-color: #0053cf;}
.vietgapbox	.vietgapverify{background: radial-gradient(ellipse farthest-corner at right bottom, #ede0a2 0%, #bba985 8%, #9f7928 30%, #cec8bb 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #fff7a8 8%, #d1b464 30%, #d7a432 60.5%, #d7a432 100%); color: transparent;-webkit-background-clip: text;}
.vietgapverify.brandname{cursor:pointer}
.vietgapverify i{font-size:11px} 
.wrap-shoping-cart a span{text-transform: uppercase;display: inline-block;padding: 15px 0px 0px 0px;	}
.cart-count{position: absolute;left: 25px;top: 0;padding: 0px 5px;border: 1px solid #0053cf;border-radius:3px;font: bold 16px/18px arial;color: #ffffff!important;text-shadow: 0px 1px 1px #4141418a;background: #ffb214e6; min-width: 15px;}
.boxheaderresponsive{display:none;position: fixed;background:#0053cfeb;text-align:right;padding: 8px 10px 3px 10px;}
.boxheaderresponsive ul{list-style:none;margin:0px;padding:0} 
.boxheaderresponsive ul li{display:inline-block}
.boxheaderresponsive ul li a{font-size: 22px;position: relative;padding: 8px 8px;margin:0px 2px;color: #ddd;} 
.boxheaderresponsive ul li a i{}
.boxheaderresponsive ul li a span{}
.boxheaderresponsive ul li a small{border: 1px solid rgb(221 221 221 / 35%);font-size: 13px;padding: 0px 5px 0px 5px;font-weight: normal;}

.nav-wr{margin: 15px 0px 0px 0px;padding: 0px;display: inline-block;width: 100%;border-top: 1px dotted #6f6948;}
.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 {color:#eeeeee;display: block;font-family: 'UTM Neo Sans Intel B';font-size: 14px;padding: 10px 15px;transition: all 0.5s ease-in-out 0s;margin: 0px;}
.nav-item > a:hover,.nav-item a.active{background: #0053cf;text-decoration: none;}
.nav-item > a:hover span,.nav-item a.active span{color:#ffb214}

/* 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 .nav-submenu-item a {font-size:14px;background: rgb(255 255 255 / 90%)!important;color: #222222!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: #222222!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:#0053cf!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: #0053cf;right: 0px;font-size: 20px;padding: 12px 16px;line-height: 0;z-index: 3;}
.nav-click { position: absolute; top: 1px; right: 0; display: none;  height: 50px; width: 50px; cursor: pointer;  }
.nav-click i { display: block; height: 46px;width: 100%; background:  url(../images/drop.png) no-repeat center center; background-size: 20px; }
.nav-click:hover { text-decoration: none ;}
.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: #fafafa;background-color:#fff;border: none;font-size: .875rem;}
.search-form input:focus{color:#0053cf;background: #fff; box-shadow: none;}
.search-form button{position: absolute;z-index:2;right: -5px;top: 0;color: #0053cf;width: 50px;border: none;height: 45px;}
.search-form button:focus,.search-form button:hover,.search-form button:active{cursor: pointer;color: #0053cf;border: none;outline: none;}
.search-form input::placeholder {color: #0053cf;opacity: 1; }
/* ======== title  ======== */
.title{width:100%;margin:0px auto 10px auto;;border-bottom: 1px dotted #0053cf;}
.title .viewall{float:right;margin:15px 0px 0px 0px;font-size: 14px;}
.title  h2{font-family: 'UTM Neo Sans Intel B';font-size: 17px;color: #fff;margin: 0px 0px -1px 0px;font-weight: 700;text-transform: uppercase;padding:0;display:inline-block}
.title  h2 img{width:45px;float:left;padding:3px;margin: 5px 0px 0px 0px;}
.title  h2 a{display: inline-block;color: #0053cf;padding: 12px 18px 12px 8px;border-left:0px solid rgb(255, 146, 0);margin-bottom: -1px;}
h3.heading {color: #0053cf;font: bold 15px arial;width: 100%;margin: 0px;padding: 10px 6px;text-align: center;}
h3.heading a{display: inline-block;width: 100%;padding: 15px 0px;font-size: 18px;text-transform: uppercase;}
h3.heading a i{margin-right:10px}
h3.heading img{width:200px}
.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:0px;}
.product .list-pro .item {position:relative;width:100%;float: left;margin: 15px auto;border-radius: 3px;box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 5%);}
.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  a span{color:#efefef}
.product .list-pro .item .group-price{text-align:center;}
.product .list-pro .item .group-price .price{color: #0053cf;font: 750 16px/1.5em "Open Sans",Arial,san-serifsans-serif;padding: 0px 10px 0px 0px;}
.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,.product .list-pro .item .item-info-group .name img{width:30px!important;}
.product .list-pro .item .item-info-group .name i{position: absolute;right: 5px;font-size: 21px;top: 5px;background: #fff;color:#f44336;padding: 6px;border-radius: 3px;}
.product.aside .list-pro .item a .item-view img{width:25px!important;}
.product .list-pro .item .item-button a.item-phone{background:#0053cf;}
.product .list-pro .item .item-button a.item-phone i{padding:0px 5px;color:#efefef}
.product .list-pro .item .item-info-group{background: #ffffff;padding: 6px;}
.product .list-pro .item .item-button a.rating {color: #FFC107!important;font-weight: bold;letter-spacing: 1px;}
.product .list-pro .item .item-info-group .name{font:normal 15px/25px arial;padding-bottom:6px;text-align: center;width: 100%;display: inherit;}
.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{text-align:justify; width:100%;margin:15px 0px 0px 0px}
.product .list-pro .item .item-button a {margin: 0;padding: 9px 16px;color: #fff!important;display: inline-block;font-size: 15px;border-radius: 2px;font-weight: 550;text-align: center;}
.product .list-pro .item .thumblist{text-align: center;background: #fff;display: inline-flex;}
.product .list-pro .item .thumblist img{min-height: 55px;display: inline-flex;margin:1px 4px 0px 2px;border: 1px solid #eee;border-radius:2px!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:#0053cf;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{position:relative;font-family: 'UTM Neo Sans Intel B';line-height:25px;margin-top: 0;color: #0053cf;border-bottom: 1px dotted #bbbbbb;padding: 0px 0px 10px 0px;margin-bottom: 5px;font-size: 20px;text-transform: uppercase;	}
.content h1.headline small{color:yellow;float:right}
.content h3.headline,.content h2.headline,.content h6.headline{padding:3px 0px;margin:0;text-transform: none;background: none;color:#000;font:normal 14px/24px arial;border: none;text-align:justify}
.content div.headline.picture img{width:100%;padding:15px 0px}
.content .headline.price{padding:2px 0px; font-size:25px;letter-spacing:1px;line-height: 50px;margin: 0;font-weight:bold;color:#0053cf;}
.content .headline.price a{letter-spacing: 0px;
    font-size: 16px;
    text-transform: capitalize;
    color: red;}
	.content .headline.price a i{font-size:20px;font-weight: bold;}
.content .headline .discount{font: bold 18px/35px arial;margin: 0px 5px;}javascript:void(0)
.content .headline.promotion{color:#fb4336!important}
.headline b{color:#0053cf;}
.headline b::before{content:"🔸"}
.headline .button.buy{background:#0053cf;color:#fff}
.headline .button.call{background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
    radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);color:#fff}
.headline a.button span{display: block;font-size: 13px;}
.headline a.button strong{font-size: 19px;}
.headline a.button i{float: left;font-size: 45px;margin: 0px 10px 0px 0px;font-style: normal;}
.quatity{margin-top:5px;padding:0;border: 1px solid #0053cf;border-radius: 5px;display: inline-block;}
.quatity button {background: transparent;border:none;color: #0053cf;margin: 0;width: 45px;height: 35px;text-align: center;}
.quatity button:hover{cursor:pointer}
.quatity span {padding:10px 18px;color: #0053cf;font-weight: bold;}
.owl-thumbs{display:inline-flex}
#listimages .owl-thumbs img{margin:3px;border-radius: 3px;}
#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,#00000085);height: 100px;text-align: center;padding-top:50px;}
#contentinfo .covercontent button{padding: 8px 16px;background: #0053cf;color: #fff;border-color:#4d4728;}
.certificate-box{padding:20px;background:#ffe57c}
.certificate-box .content-box-title{font-family: 'UTM Neo Sans Intel B';line-height: 35px;color: #0053cf;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%;border-radius:0;}
.product.aside .item .item-info-group{padding: 0;}
.product.aside .item .item-info-group a{margin: 0;padding: 0;text-align: left;}
.product.aside .item .item-info-group a i.fa-gift{color:#FFC107}
.product.aside .item .group-price{text-align:left}
.product.aside .item .item-button{text-align:right!important;margin-top:5px!important}
.product.aside .item .item-button a{padding: 6px;}
.product.aside .list-pro .item .cover-discount{left: 5px;right: auto;}
.product.aside .list-pro .item .item-button a.rating{width:auto;float:left!important}
.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:#0053cf;font-size: 50px;margin-bottom: 10px;}
.welcome-grid h4 {font-size: 22px;letter-spacing:1px;color:#0053cf;font-weight: 600;text-transform: uppercase;}
.welcome-grid h4 span{}
.welcome-grid p {border-top: 1px dotted #444;;color: #222;line-height:25px;font-size: 15px;}
.tab-content{padding:1%}
.briefcompany {padding:20px 0px 0px;}
.briefcompany h1{font: bold 30px/1em 'UTM Neo Sans Intel B';margin-bottom:15px;}
.briefcompany h2{font-size: 18px;margin-bottom: 10px;}
.briefcompany h2 span{}
.briefcompany p{text-align: justify;}
.briefcompany a{border: 1px solid #0053cf;position: relative;padding: 0;margin: 2%;width: 46%;}
.briefcompany a img{width:100%}
.briefcompany a:hover .overly-top{height:100%;opacity:1}
.overly-top {position: absolute;background:#0053cfeb;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:#0053cfeb;bottom: 0px;width: 100%;transition: all ease-in-out 0.4s;overflow: hidden;}
.overly-bottom img {width: 50px!important;position: relative;background:#00000021;padding: 10px 5px 10px 5px;float: left;}
.overly-bottom .discript{overflow: hidden;height:50px;}
.overly-top .discript span{width: 100%;}
.overly-top .discript span,.overly-bottom .discript span{text-align: center;font-family: 'UTM Neo Sans Intel B';text-transform:uppercase;font-size:15px;width: 100%;display: inline-block;color:#fff;font-weight:bold}
.overly-bottom .discript span{color: #ffb214;font-size: 16px;padding: 0px;float: left;line-height:50px;display: inline-block;}
.overly-top p{font-size:15px;line-height:22px;color:#fff;}

footer{width:auto;background: #222;padding:0%;display: inline-block;}
.footer{background:#191818 url(../images/bgagri-top.jpg);background-size:cover;background-position: center;}
.top-foo,.bottom-foo{color: #fff;border-top:0px solid #191818;margin:0;padding:0}
.top-foo h2,.bottom-foo h2{border-bottom: 1px dashed #ffffff54;text-align: center;font-size: 25px;color: #ffed00;line-height:70px;letter-spacing: 2px;text-transform: uppercase;background: #0053cfd9;margin: 0px 0px 20px 0px;}
.top-foo h2 strong,.bottom-foo h2 strong{color: #ffb214}
.top-foo h3{padding:0px 0px 5px 0px;}
.top-foo p{color: #eee;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:#eee;list-style: none;}
.footer ul li a{color:#eee;padding:5px;font:normal 13px/1.5em arial;}
.footer ul li span{margin:0px 10px;color:#fff;}
.footer h5{color: #fff;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:#eee;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:#0053cf!important;border-radius: 3px;}
.hvr-radial-in:before{background:#0053cf!important}
#fix_group_cart_button{display: inline-block;position: fixed;bottom: 0;left: 0px;z-index:9;padding: 3px;width: 100%;}
.btn-viewcart-buy{text-align:right}
#fix_group_cart_button a.btn{padding:10px 15px;background: #0053cf;margin:0px 1px;color: #fff;font-size: 14px;font-family: 'UTM Neo Sans Intel B';}
#fix_group_cart_button .helper{position:absolute;width:50px;bottom:45px;right:10px}
#fix_group_cart_button .helper a{display:inline-block;padding:5px}
#fix_group_cart_button .helper a img{}
.modal-dialog {width: 100%;height: 100%;margin: 0;padding: 0;max-width:100%;}
.modal-content {height: auto;min-height: 100%;border-radius: 0;}
.modal-header{padding: 0.8em 1rem 0em 1rem;box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.08); border-radius:0;background: #0053cf;color:#fff}
.modal-footer{box-shadow: 0 -0.5rem 1rem 0 rgba(0, 0, 0, 0.08);	 border-radius:0}
#totalmoneycheckout{background:#0053cf;padding: 3px 6px;color: white;}
#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;}
.loginsuccess{background: #0053cf;color: #ffffff;margin: 0px 2px;width: 35px;text-align: center;}
.loginsuccess i{background: none!important;font-size: 15px!important;color: #fff!important;}
.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: #0053cf;}
.content.detail .nav-tabs>li{width: fit-content;display:inline-block;text-align:center;border-radius:15px}
.content.detail .nav-tabs>li>a {font-family: 'UTM Neo Sans Intel B';padding: 5px 20px 8px 20px;display: inline-block;width: 100%;margin-bottom: 15px;border-radius: 40px;}
.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: #0053cf!important;padding:12px;width: 100%;display: inline-block;}
.nav-tabs>li>a.active{background: #0053cf;color:#fff;border: 1px solid #38331a;}
/* 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: #0053cf; padding: 2px 6px;}
.benefit{}
.benefit h4{display:inline-block}
.benefit h4 a{display:inline-block}
.benefit h4 a span{padding: 4px 10px;font: bold 18px "time news roman";border: 1px solid #0850c4;border-radius: 3px;}
.benefit h4 a img{max-width:100%;margin: 0px 0px 15px 0px;}
.benefit h4{font-size: 15px;font-weight: bold;line-height: 30px;margin: 5px;width: 100%;}
.benefit p{text-align:justify;font-size:15px;color:#666}
.benefit .panel-body img{float: left;width: 65px;border-radius: 3px;padding: 3px; border: 1px solid #eee;margin: 5px 10px 10px 30px;}
.listnews{}
.listnews ul{margin: 0;
    padding: 0;
    background: #f8f8f8;}
.listnews ul li{list-style: none;
    padding: 10px 5px;
    margin: 0px 0px 1px 0px;
    background: #fff;}
.listnews ul li a{display: inline-block;
    width: 100%;}
.listnews ul li a img{float: left;
    margin: 0px 10px 10px 0px;
    border: 1px solid #f8f8f8;
    padding: 3px;
    border-radius: 3px;}
.listnews ul li a h6{font: normal 15px/1.5em arial;}
.listnews ul li a h6 span{background: #0053cf;
    color: #fff;
    font-weight: normal;
    padding: 3px;
    font-size: 12px;
    margin: 0px 5px 0px 0px;
    border-radius: 2px;}
.listnews div{display: inline-block;width: 100%;padding: 10px;border-bottom: 1px solid #fafafa;}
.listnews div a{color: #222;display: block;	}
.listnews div a img{float: left;width:100px; margin-right: 10px;}
.listnews div a h3{font:bold 14px/25px arial;padding: 0px;margin: 0px;color:#444}
.listnews div a h3 span{background: #0053cf;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 {border-top-right-radius: 28px;border-bottom-right-radius: 28px;color: #0053cf;border-color: #ffffff47; margin-left: -2px;
    background:#ffb214}
#share-social{margin: -60px 0px 0px 0px;}
#btnorder{font: bold 16px/1.6em arial;background: #0053cf;border: 1px solid #082501;}
#btnorder span{color:#ffb214}
.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: #0053cf;
    border: 1px solid #eee;
    border-radius: 4px;
    color: #0053cf;
    padding: 5px 5px 5px 10px;
    background-color: #f8f8f8;
}
.showroom fieldset p {
    font-size: 14px;
    padding: 3px 0px;
}
#width_94{width:94%;margin:0 auto}
.headline.promotion{color: #fb4336!important;
    font-weight: bold!important;
    display: inline-block;
    border-radius: 3px;
    margin: 0px 0px 10px 0px!important;padding: 5px!important;
    border: 1px solid #f44336!important;}
.headline.promotion a{color: #fb4336!important}
.headline.promotion img{
    float: left;
    padding: 5px;
    margin: 0px 10px 5px 0px
}
.headline.coupon{
    display:inline-block;    
    border: 1px solid #ddd!important;
    padding: 5px!important;
    border-radius: 5px;
    background: #fb4336!important;
    font-size: 13px!important;
    line-height:18px!important;
}
.headline.coupon span{color:#fff}
.headline.promotion i{
    font-size: 38px;
    padding: 15px;
    background: #eee;
    float: left;
    margin: 3px 10px 3px 0px;
    border-radius: 5px;
}
.headline.coupon i{
    font-size: 35px;
    padding:12px 15px;color: #fff;
    background:#e51808;
    float: left;
    margin:3px 10px 3px 0px;
    border-radius: 5px;
}
#exp,#activecouponvalue,#disablecouponvalue{color: #fff;
    background: #e51808;
    padding: 1px 8px;
    border-radius: 3px;}
.headline.coupon:hover{cursor:pointer}
#shopping-item-promotion small{font-size:13px}
#menu_mobi {
    display: none;
    z-index:999;
    position: absolute;
    top: 0;
    color: #ffe57c;
    background: #0053cf;
}