.nav,body,html{margin:0;font-size:14px}
#nav_top li,.nav>li{display:inline-block}
.banner,.nav>li{position:relative}
.nav li a,.title-box-home a,.top-page{color:#FFF}
.nav li a,.news-name a,.title-box-home a,a{text-decoration:none}
.content-detail img{display:block;margin: 0 auto;max-width:100%;}
.content-text img{display:block;margin: 0 auto;max-width:100%;}
.flex-container img{display:block;margin: 0 auto;max-width: 100%!important; height: auto!important}
img{display:block;max-width:100%;}
.content-detail input[type="image"]{display:block;margin: 0 auto;max-width:100%;}
#breadcrumb ul,.menufootercol li,.menuleft>li,.nav li ul>li,.nav>li,.other-article li{list-style:none;line-height:22px}
body,htmlbody{font-family:'Saira',sans-serif;font-size:14px;padding:0;line-height:20px}
.price,.pricekm,.product-name{font-family: 'Saira',sans-serif;}
h1,h2,h3,h4,h5,h6{line-height:normal;}
img{border:none}
.c,.c10,.c15,.c2,.c20,.c3,.c30,.c5{clear:both}
.c{height:1px}
.c2{height:2px}
.c3{height:3px}
.c5{height:5px}
.c10{height:10px}
.c15{height:15px}
.c20{height:20px}
.c30{height:30px}
.c35{height:35px}
.content-text h2{font-size:16px;line-height:normal}
.content-text h3{font-size:15px;line-height:normal}
.content-text h4{font-size:14px;line-height:normal}
.content-detail h2{font-size:16px;line-height:normal}
.content-detail h3{font-size:15px;line-height:normal}
.content-detail h4{font-size:14px;line-height:normal}
.content-detail table{border-right:solid 1px #ccc;width:100%}
.content-detail table td{border-left:solid 1px #ccc;border-bottom:solid 1px #ccc;border-bottom-color:#ccc;padding-left:1em;color:#111}
.content-detail table tr:first-child td{font-weight:700;border-top:solid 1px #ccc;background:#fff06a;font-size:15px;line-height:25px}
.content-detail table img{margin:0}
table {border-spacing: 0;border-collapse: collapse}
#nav_top{float:left;height:30px}
.top-page{height:35px;background:#003586;background-size:100% 100%;text-align:right;line-height:35px}
#nav_top .g{width:70px}
#nav_top .f{width:115px}
#nav_top li{float:left;padding:0 20px}
.header{height:144px;background:#001b52}
.banner{height:100px}
#banner{float:left;padding-top:30px}
.menubar,.menubar-mobile{background:#003586;height:44px;border:2px solid #003586}
.nav{padding:0;line-height:40px;height:40px;font-weight:500}
.menubar-mobile .nav,.nav li ul{text-align:left}
.fix .menubar {
    position: fixed;
    top: 0px;
    z-index: 9999999;
    left: 0px;
    border-bottom: 2px solid #f7b808;
    width: 100%;
}
.nav>li{text-transform:uppercase}
.nav>li.active,.nav>li:hover{background:#001b52;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c80a0a',endColorstr='#890303',GradientType=0)}
.nav li a{display:inherit;padding:0 30px}
.nav li ul{position:absolute;top:40px;left:0;width:220px;display:none;background:#001b52;padding:0;border-top:solid 3px #003586;opacity:.95;z-index:999999}
.nav li ul>li{width:100%;border-bottom:solid 1px #003586;text-transform:none;line-height:normal;position:relative}
.nav li ul li i {
    float: left;
    display: block;
    font-size: 8px;
    color: #fff;
    padding: 15px 5px 0 8px;
}
.menuleft li.active ul li a i {
    font-size: 9px;
    float: left;
    margin-top: 6px;
}
.btn-order-detail,.pro-name-details,.title-box-home,.title-other-news,.title-page{text-transform:uppercase}
.nav li ul>li a{padding:8px 10px;display:block;font-weight: 500;}
.nav li ul>li:hover{background:#003586}
.nav li ul ul{left:100%;top:-2px}
.box-mobile-search div a,.btn-order-detail,.callus i,.price,.pricekm,.product-name,.smo-footer a{text-align:center}
.menubar-mobile .nav li{font-size:18px}
blockquote{border-left:3px solid #003586;padding-left:8px;font-style:italic;color:#848484;display:block;margin:8px 0}
.menubar-mobile .nav li a{padding:0 10px}
.box-home{border:2px solid #003586;padding:15px 15px 0;-webkit-border-radius:0 3px 3px;-ms-border-radius:0 3px 3px 3px;-moz-border-radius:0 3px 3px;-o-border-radius:0 3px 3px;border-radius:0 10px 10px;background:#fff}
#divscroll{max-height:300px;overflow:auto;margin-bottom:5px}
#divscroll img{max-width:100%;margin:auto;height:auto}
.title-box-home{background:#003586;height:35px;float:left;margin:0 0 -1px;padding:0 20px;border-top:solid 1px #003586;overflow:hidden;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;color:#FFF;font-size:16px;font-weight:400;line-height:35px}
.cell-pro{background:#FFF;margin-bottom:30px}
.border-bottom-red{border-bottom:solid 2px #003586}
.news-name{font-weight:700;font-size:15px;padding:0;margin:0}
.news-name a{color:#003586}
.news-name a:hover{text-decoration:underline}
.font-18{font-size:18px}
.intro-detail{font-size:13px}
.image-border{border:2px solid #003586;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}
.image-news-name{width:170px;float:left;margin-right:10px;overflow:hidden}
.item-news-home{margin-bottom:25px}
.footer-bar{background:#003586;height:42px;color:#FFF;line-height:42px}
.footer-bar a{color:#FFF}
.footer{background:#001b52;color:#FFF}
.footer a{color:#FFF}
.box-search-cart{width:254px;position:absolute;right:0;top:30px}
.box-search-cart .serach-box{width:100%;background:#FFF;height:30px;padding-right:28px;border:1px solid #333;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;overflow:hidden}
.box-search-cart .serach-box>div{position:relative}
.box-search-cart .serach-box .keyword1{width:100%;border:none;height:30px;padding:0 5px}
.box-search-cart .serach-box a.fa{position:absolute;height:30px;right:0;color:#FFF;background:#003586;width:28px;text-align:center;line-height:30px;text-decoration:none;top:0;-webkit-border-radius:0 3px 3px 0;-ms-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}
.box-search-cart .icon-cart-top{background:url(../images/icon-cart.png) left no-repeat;height:30px;line-height:30px;padding-left:40px;white-space:nowrap;color:#FFF;display:inline-block}
.keyword{width:1001%}
.left-page{background:#FFF}
.title-other-news{border-bottom:solid 1px #CCC;padding:0;margin:333;font-size:14px}
.other-article{padding:0;margin:0}
.other-article li{padding:3px 0}
.other-article li a{color:#333;text-decoration:none}
.other-article li a i.fa{margin-right:5px;color:#001b52}
.other-article li a:hover{text-decoration:underline}
.crumb{border-bottom:solid 2px #CCC}
.crumb a{color:#333;text-decoration:none}
.crumb-pro,.crumb-pro a{color:#000}
.crumb a:hover{text-decoration:underline}
.page,.pro-view-detail,.product-name a{text-decoration:none}
.crumb-pro{border-bottom:solid 2px #003586}
.title-page{padding:5px 0;margin:0;font-size:18px}
.paging{border-top:solid 1px #003586;padding-top:10px}
.clicked,.page{padding:2px;margin:2px;font-weight:700}
.clicked{border:1px solid red;color:red}
.page{border:1px solid #CCC;color:#333}
.page:hover{border:1px solid red}
.box-label-input{position:relative;max-width:550px;padding-left:110px}
.box-label-input .contact_label,.box-mobile-search{position:absolute;left:0}
.box-label-input .txt-contact{width:100%;height:25px}
.error{color:red}
.btn-send{background:url(../images/bg-top-page.png) center no-repeat;height:35px;padding:0 30px;color:#FFF;font-weight:700}
.product-page{background:#fff!important;border:2px solid #003586;padding:0 15px!important;-webkit-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.content-pro{padding:10px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;overflow:hidden}
.content-pro img{padding: 3px;border-radius: 10px;border: 1px solid #dcdcdc;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease}
.content-pro:hover img{transform:scale(.9) rotate(10deg);z-index:9999;filter:alpha(opacity=50)}
.product-name{padding:10px 0;margin:0;font-size:15px;color:#003586;font-weight: 600;}
.product-name a{color:#003586}
.price{color:#c60505;font-size:15px;font-weight: bold;}
.pricekm{font-weight:400;font-size:14px;color:#666}
.addcart{background:url(../images/icon-cart.png) no-repeat;width:27px;height:25px;display:block;float:left}
.flex-prev,.flex-next{position:absolute;top:45%;z-index:1000000}
.flex-prev{text-indent:-9999em!important;width:25px!important;line-height:42px!important;background-image:url(../images/btt_sl.png);background-position:0 0;background-repeat:no-repeat;left:10px}
.flex-next{text-indent:-9999em!important;width:25px!important;line-height:42px!important;background-image:url(../images/btt_sl.png);background-position:-25px 0;background-repeat:no-repeat;right:10px}
.pro-view-detail{line-height:25px;float:right;color:#575656}
.pro-view-detail:hover{text-decoration:underline}
.note {background-image:linear-gradient(to right,#ffffff,#f2f2f2);padding:5px 10px;color:#000;font-size:13px;text-align:justify;margin-top:5px;border-radius:5px;border:1px solid #ccc;}
.text-white,.text-white a{color:#FFF}
.text-black,.text-black a{color:#003586}
.box-about{border-radius:5px;border:2px solid #eaeaea}
.itemAttr span{display:inline-block;padding:3px 0}
.icon-call{background:url(../images/call.png) no-repeat;padding:5px 15px;line-height:30px}
.icon-ad{background:url(../images/diachi.png) no-repeat;padding:5px 1px 10px 26px;line-height:30px}
.itemAttr span:first-child{width:45%}
.thumb-product-detail img{border:1px solid #CCC}
.pro-name-details{margin:0;padding:0 0 5px;font-size:18px}
.btn-order-detail{border-radius:5px;padding-top:8px;background:#003586;border:none;color:#fff;display:block;width:100%;height:50px;cursor:pointer;font-weight:600;font-size:16px}
.btn-order-detail:hover{background-color:#38c502}
.btn-order-detail span{text-transform:none;font-size:12px;display:block;font-style:italic;font-weight:400}
.btncis.active,.btncis:active{background-image:none;outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btncis-default{background-color:#d2d2d2;border-color:#8c8c8c}.btncis{display:inline-block;vertical-align:middle;border:1px solid transparent}.btncis-group-sm>.btncis,.btncis-sm{padding:5px 8px;font-size:12px;line-height:1.3;border-radius:3px}
.menuleft li a,.title-left a{color:#FFF;text-transform:uppercase;text-decoration:none}
.btn-huong-dan-mua{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhYmU1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNTVhMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,rgba(234,190,86,1) 0,rgba(229,90,4,1) 100%);background:-webkit-linear-gradient(top,rgba(234,190,86,1) 0,rgba(229,90,4,1) 100%);background:linear-gradient(to bottom,rgba(234,190,86,1) 0,rgba(229,90,4,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eabe56',endColorstr='#e55a04',GradientType=0);display:inline-block;padding:5px 20px;font-weight:400;color:#FFF;-webkit-border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-decoration:none}
.btn-huong-dan-mua .fa{margin-left:15px}
.box-left{border:2px solid #003586;background:#003586;padding:0;margin:0;-webkit-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#FFF;overflow:hidden}
.menuleft{padding:10px 15px 15px;background:#fff;margin:0}
.menuleft>li{border-bottom:solid 1px #3f6484}
.menuleft li a{display:block;padding:8px 0}
.menuleft li:last-child{border-bottom:none}
.title-left{border-bottom:1px solid #ccc;background-size:cover;height:35px;line-height:35px;padding:0 15px;margin:0}
.menuleft .fa{margin-right:5px;color:#003586}
.menuleft li.active a,.menuleft li:hover a{color:#001b52}
.menuleft li ul{border-top:solid 1px #ccc;padding:0 0 0 10px;margin:0}
.menuleft li ul li{border-top:solid 1px #ccc;list-style:none}
.menuleft li ul li:first-child{border-top:none}
.menuleft li.active ul li a{text-transform:none;color:#000}
.menuleft li.active ul li.active a{color:#eabc55}
.p-form-phone{padding:10px;background-color:#f3f2f2;float: left;}
.p-form-phone label{display:block;color:#282828;font-size:10pt;font-weight:400}
.p-form-phone .input-text{padding:5px 10px;color:#9e9e9e;font-style:italic;font-size:10pt;float:left;margin-right: 2px;width:35%}
.p-form-phone .btn-sub{float:left;color:#fff;border:none;padding:5px 15px;font-size:10pt;line-height:20px;text-transform:uppercase;background-color:#003586;border-radius: 3px}
.p-form-phone .btn-sub:hover{background-color:#38c502}
.title-support{text-transform:uppercase;padding:5px;font-weight:600;font-size:larger;color:#005a81;text-align:-webkit-center}
.pisp{margin-right:10px;float:left}
.dvsp{padding:10px}
.dvsp2{padding:10px;background-color:#f5f5f5}
.dvsp a{color: #000;}
.dvsp2 a{color: #000;}
.hotsp{color:#eb1c24;font-size:16px}
.image-news-left{float:left;margin-right:5px}
.item-news-left{padding:5px 10px}
.news-left-name a{color:#FFF;text-decoration:none}
.news-left-name a:hover{text-decoration:underline}
.menufootercol li a,.smo-footer a,.toppage-item a{text-decoration:none;color:#FFF}
.image-product-left{float:left;width:100px;margin-right:10px}
.price-right{color:red;font-weight:700}
.price-right-km{color:#ccc;font-weight:400}
.box-hotline-left{border:2px solid #003586;color:#FFF}
.box-hotline-left a{color:#FFF}
.intro-cat-pro{color:#000}
.cam{font-size:14px;font-weight:600}
.hotline-top,.text-footer-title{font-weight:700;font-size:16px}
.smo-footer a{display:inline-block;width:30px;height:30px;line-height:30px;font-size:15px;margin-right:3px;margin-bottom:3px;border-radius: 50px;border: 1px solid #003586;}
.smo-footer a:hover{border: 1px solid #fff;}
.flag,.toppage-item{height:34px;display:inline-block}
.smo-footer .fa-facebook{background:#003586}
.smo-footer .fa-twitter{background:#003586}
.smo-footer .fa-pinterest{background:#003586}
.smo-footer .fa-linkedin{background:#003586}
.smo-footer .fa-google-plus{background:#003586}
.smo-footer .fa-youtube{background:#003586}
.text-footer-title{text-transform:uppercase;padding:10px 0;}
.flag{width:32px}
.flag-vn{background:url(../images/flag_vn.png) center no-repeat;margin-right:5px}
.flag-en{background:url(../images/flag_en.png) center no-repeat}
.toppage-item{border-right:solid 1px #003586;padding:0 10px}
.menufootercol{padding:0;margin:0}
.menufootercol li a:hover{text-decoration:underline}
.title-box a{text-transform:uppercase;font-size:16px;font-weight:600}
.icon-cart-top a{color:#FFF;text-decoration:none}
.box-mobile-search{padding:5px;background:#EEE;top:100%;z-index:9999;width:100%;display:none}
.box-mobile-search div{margin-right:30px;position:relative}
.box-mobile-search div input{width:100%;height:25px}
.box-mobile-search div a{position:absolute;top:0;right:-30px;display:block;width:30px;line-height:25px}
.callus,.phone{position:fixed}
.callus,.callus i{line-height:40px;height:40px}
#breadcrumb{width:100%;float:left;background:url(../images1/home.png) left 10px no-repeat;padding:10px 0 5px 6px;overflow:hidden;color:#888}
#breadcrumb ul{margin:0;padding:0;width:100%}
#breadcrumb li{float:left;padding:0 5px 0 13px}
#breadcrumb li.next{background:url(../images1/next.png) left center no-repeat}
.callus,.callus a,.callus:hover a{color:#fff}
.phone p span{background:url(../images/mobile.png) top left no-repeat;padding-left:36px;font-weight:700;font-size:20px}
.callus{background:#003586;bottom:5px;padding:0 13px 0 0;border-radius:40px;z-index:99999999999}
.callus a{font-size:20px;font-weight:700}
.callus i{font-size:20px;background:#38c502;border-radius:100%;width:40px;margin-right:10px}
.callus:hover{background:#001b52}
.callus:hover i{background:#003586}
.animated2{-webkit-animation-duration:.6s!important;animation-duration:.6s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both;transition:all .5s cubic-bezier(1,0,0,1);display:block}
@-webkit-keyframes reach-bottom{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes reach-bottom{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.reach-bottom{-webkit-animation-name:reach-bottom;animation-name:reach-bottom}