@charset "utf-8";
@media( max-width: 768px) {
.logo_header{position:relative;text-align:center}
.logo_header img{margin:auto}
.hotline,.box_icon{position:relative;top:0;right:0}
}
.ngay{height:20px;line-height:20px;text-decoration:underline}
.slogan{text-transform:uppercase;font-family:fontslogan;font-size:18px;font-weight:700}
.box-bottom-header .lang{float:left;font-family:'Roboto Condensed',sans-serif;font-size:15px;margin:5px;height:30px;line-height:30px}
.support{font-family:'Roboto Condensed',sans-serif;padding-left:10px;font-size:14px}
.support .name{height:30px;line-height:30px}
.support .dt{width:50%;float:left;height:30px;line-height:30px}
.support .yahoo{width:20%;float:left;height:30px}
.support .skype{width:30%;float:left;height:30px}
.click{display:none}
@media (max-width: 768px) {
.click{color:#fff;display:initial;position:relative;z-index:12;top:0}
.abc{position:absolute!important}
.left{position:absolute;z-index:11;left:-800px}
header .banner img{margin:auto}
.navbar-toggle{display:initial!important;background:#08843E;float:left!important}
.navbar-toggle .icon-bar{background:#fff}
}
.box-left{width:100%}
.poas{position:absolute;height:50px;z-index:0;left:0;width:100%;border-bottom:solid 1px #fff}
#footer .title{height:50px;line-height:50px;color:#fff;font-family:'Roboto Condensed',sans-serif;text-transform:uppercase;font-size:18px;text-align:center}
@media(max-width: 768px) {
.poas{display:none}
#footer .title{border-bottom:solid 1px #fff}
}
.box-huongdan{margin-top:10px}
.huongdan a{color:#fff}
.thongke{background:url(../image/thongke.png) no-repeat;width:201px;height:145px;float:right}
.thongke .tongol{padding-top:79px;padding-left:40px;color:#ccc}
.thongke .ol{padding-left:40px;color:#ccc}
.thongke b{color:#fff}
@media ( min-width: 321px ) and ( max-width: 601px) {
.tablet{width:50%!important}
}
.zoom-img img:hover{webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.zoom-img img{margin:auto;-moz-transition:all .7s ease;-o-transition:all .7s ease;-ms-transition:all .7s ease;transition:all .7s ease}
.zoom-img{overflow:hidden;position:relative;z-index:1}
.big-img{box-shadow:0 0 5px;margin:10px 0;padding:10px}
.thumb{box-shadow:0 0 5px;padding:10px}
.big-img a{width:100%!important;max-width:100%!important}
.big-img .img{display:none}
.big-img .active{display:block}
.img-thumb{cursor:pointer;margin-right:5px;box-shadow:0 0 4px}
.date{text-transform:uppercase;margin-right:20px;float:left;height:35px}
.luotview{float:left;background:url(../image/view.png) no-repeat left top 4px;padding-left:20px;height:35px}
.donhang{position:fixed;top:30%;right:4px;z-index:10001;border-radius:25px;height:50px;overflow:hidden;box-shadow:0 0 5px #FC0202}
.service-list th{background:#0B5C3B;border:solid 1px #fff;height:35px;text-transform:uppercase;font-weight:700;color:#fff;font-size:12px;text-align:center;line-height:35px!important}
.service-list td{height:30px;text-align:center;line-height:30px;font-size:14px;border:solid 1px #000}
.service-list img{vertical-align:middle}
.total-order{text-align:right;font-family:fontavo;font-size:16px}
.total-order span{color:#03F;font-size:18px}
@font-face{font-family:"fontavo";src:url(../font/fontavo/utm-avo.eot);src:url(../font/fontavo/utm-avo.eot#iefix) format("embedded-opentype"),url(../font/fontavo/utm-avo.woff) format("woff"),url(../font/fontavo/utm-avo.ttf) format("truetype"),url(../font/fontavo/utm-avo.svg) format("svg");font-weight:400;font-style:normal}
.catalog,.themgiohang,.dathang{background:#77b432;padding:5px 9px;white-space:nowrap;color:#fff;font-size:15px;text-transform:uppercase;float:left;font-family:'Roboto Condensed',sans-serif;border:none}
.catalog:hover,.themgiohang:hover,.dathang:hover{background:#A00;cursor:pointer}
.item_tintuc{position:relative;overflow:hidden;margin-top:10px}
.item_tintuc:hover .name{top:0;transition:.6s ease}
.item_tintuc .name{position:absolute;text-align:center;padding-top:30px;z-index:10;top:100%;width:100%;height:100%;background:rgba(38,48,126,0.74);color:#fff;font-weight:700}
.pad-contact{margin-top:2%}
.tbl-contact{max-width:600px}
.box-nav{width:100%;max-width:300px;padding:25px 10px 10px;text-align:center}
.nav-title{font-family:"Times New Roman",Times,serif;font-style:italic;font-size:14px;font-weight:700;padding:20px}
.mnav{font-family:'Roboto Condensed',sans-serif;text-transform:uppercase;font-size:15px}
.tambao,.gioithieu{padding:20px 0 0 40px;font-size:14px}
.tambao .noidung,.gioithieu .noidung{font-style:italic}
.tambao .name,.gioithieu .name{font-size:20px;font-family:simpli;margin-bottom:10px;color:#767676;text-transform:uppercase}
.box-amthuc{width:100%;max-width:300px;padding:5px 10px 10px;text-align:left;color:#fff}
.amthuc-title{font-family:simpli;font-size:25px;float:left;text-transform:uppercase;border-bottom:solid 1px;margin-bottom:10px}
.amthuc-title a{color:#fff}
.amthuc{font-family:'Roboto Condensed',sans-serif;font-size:15px}
.xemtiep{margin-top:20px;font-family:'Roboto Condensed',sans-serif;font-size:15px;text-align:right}
.xemtiep a{color:#fff}
.xemtiep a:hover{color:red}
.logo-ft{max-width:300px}
.dknt{margin-top:30px;font-style:italic}
.dknt .dkemail{color:#8E8B8B;font-style:normal;padding:0 15px}
.images{position:relative}
.images img{-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1)}
.images figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(126,124,124,0.9);content:'';-webkit-transition:-webkit-transform .6s;transition:transform .6s;display:none!important}
.images span{position:absolute;right:0;bottom:50%;color:#fff;width:100%;padding:0 1em;max-width:100%;text-align:center;opacity:0;-webkit-transition:opacity .35s;transition:opacity .35s;font-style:italic;font-family:'Roboto Condensed',sans-serif;font-size:15px;display:none!important}
.item_product_menu:hover figcaption::before,.item_product:hover figcaption::before,.video:hover figcaption::before{opacity:1;display:block;transition:.9s all}
.item_product_menu:hover span,.item_product:hover span,.video:hover span{opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}
.video_noibat{width:100%;max-width:480px;margin:auto;margin-bottom:20px;text-align:center;background:url(../image/line.png) repeat-x bottom left}
.video_noibat .name{color:#03F;font-size:18px;height:30px;line-height:30px}
.name_video{text-align:center;text-align:center;height:30px;line-height:30px;font-family:fontavo;font-size:16px}
.hinhanh{width:100%;max-width:500px;margin:auto;background:url(../image/line.png) repeat-x bottom left;text-align:center;font-family:'Roboto Condensed',sans-serif;font-size:16px;padding:20px 0;margin-bottom:20px}
.hinhanh .name{margin:10px 0;height:30px;line-height:30px;font-family:simpli;font-size:20px;text-transform:uppercase}
.hinhanh .from{height:30px;line-height:30px;margin-bottom:10px}
#grid li img:hover{opacity:.7}
.inner{max-width:800px;margin:auto}
.menu_list{color:#fff;text-transform:uppercase;padding:0 20px}
.title-dk{font-weight:700;color:#000}
.contact-email{box-sizing:border-box;border:#fff 10px solid;background-color:#ebebeb;text-align:center;padding:5%;color:#999;height:165px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.contact-email h3{font-family:simpli;font-size:18px;text-transform:uppercase}
.contact-email .email{font-family:Tahoma,Geneva,sans-serif;font-size:14px}
.contact-email:hover{background:#BEBEBE}
.contact-email:hover .email{color:#fff}
.stButton .stMainServices{height:30px!important}
.stButton .stBubble_count{height:42px!important}
.spmoi{position:absolute;top:-7px;right:-20px;height:130px;width:130px}
.bestseller{position:absolute;top:-3px;width:130px;height:130px;left:-18px}
.item_product .spmoi img,.item_product .bestseller img{width:80%;max-width:80%;height:80%;max-height:80%;min-height:100px}
.title-ft{font-family:gothic;font-size:18px;color:#fff;height:30px;line-height:30px;padding-left:10px}
.ol{background:url(../images/ol.png) no-repeat left center;height:30px;line-height:30px;padding-left:20px}
.tuan{background:url(../images/tuan.png) no-repeat left center;height:30px;line-height:30px;padding-left:20px}
.thang{background:url(../images/thang.png) no-repeat left center;height:30px;line-height:30px;padding-left:20px}
.tong{background:url(../images/tong.png) no-repeat left center;height:30px;line-height:30px;padding-left:20px}
.ol span,.tuan span,.thang span,.tong span{float:right}
.fb-like-box{background:#fff!important}
.tbl-contacts{max-width:600px;margin:auto}
@media( max-width: 768px) {
.ol span,.tuan span,.thang span,.tong span{float:none}
}
@media(min-width: 400px and max-width:600px) {
.tablet{width:49%;margin-right:1%}
}