@charset "utf-8";
/* CSS Document *//*@import url("css/fonts.css");*/
*{margin:0px;padding:0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
table{border-spacing: 0px;}
a{text-decoration: none!important;}
ul{list-style-type:none;margin:0px;padding:0px;}
p{margin: 0px;}
.clear{clear: both;}
.clearfix:before{content: "";clear: both;}
.clearfix:after {content: "";clear: both;}
.visit_hidden{display: none;}
.margin-auto{max-width: 1200px;margin: 0 auto;}
.red{ color: #FB0000}
.div_css{margin:0px -15px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-flow: row wrap;-webkit-flex-flow: row wrap;  }
#info{width:100%;float:right;margin-top: 0px;padding-left: 0px;}
#content{ width: 100%; margin:0px 0px 0px 0px; border-top: 0px;float: left;}
#container{width: 100%;margin: auto;}
.container{ width:100%; float:left;}
#sanpham{width:100%;float:left;padding-bottom: 15px;min-height: 570px;}
#main{width:100%;}
#wrap_noidung{float: left;width: 100%;margin-top: 23px;margin-bottom: 50px}
.wraper_trangtrong{width: 100%; float: left; position: relative;margin-bottom: 10px;margin-top: 20px;}
.transition{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;}
.zit{ z-index:9999 !important;}
.zib{ z-index:0;}
.i-map-at{ background:#0097c9 !important; color:#FFF;}
.map{ width:100%; height:500px; box-sizing:border-box;}
.box-map{ position:relative; height:500px;}
.map{ position:absolute;}
.i-map{ float:left; padding:5px 10px; background:#F5F5F5; cursor:pointer;}
.hidden_img{z-index: 999;width: 100%;float: left;overflow: hidden;transform:translateZ(0);position: relative;height: 100%;}
.news_images{float: left;width: 100%}
.news_images:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}
.news_images img {border: none;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;}
.thanh_title{width: 100%;float: left;text-align: center;margin-bottom: 10px;font-size: 25px;font-family: 'RobotoBold';color: #333333}
.thanh_title h3{padding-bottom: 15px;text-align: center;display: inline-block;font-weight: normal;font-size: 25px;font-family: 'RobotoBold';color: #333333;text-transform: uppercase;position: relative;}
.thanh_title h3:after{background-color: #d2d2d2;width: 60px;height: 3px;content: "";float:left;position: absolute;left: 0px;right: 0px;margin: auto;text-align: center;bottom: 0px;}
.tieude_dv{float: left; width: 100%; text-align: center; font-size: 15px; font-family: 'RobotoRegular'; color: #333333; padding: 10px 0px; margin-bottom: 10px;}
.hinh_list{position: absolute;left: 0px;right: 0px;bottom: -6px;margin: auto;}
/*.thanh_title h3:before{content: "";float: left;width:66px;height:36px;background: url(images/bf_thanhtitle.png) no-repeat;position: absolute;left: 0px;bottom: 0px;}
*/
/*.thanh_title h3:after{content: "";float: left;width:25px;height:36px;background: url(images/af_thanhtitle.png) no-repeat;position: absolute;right: 0px;bottom: 1px;}*/
.thanh_title h3 span{color:#febf00}
.thanh_tintuc{padding-bottom: 10px;margin-bottom: 20px;float: left;width: 100%;}
.thanh_tintuc h3{min-width: 95px;background: #f0f0f0;font-weight: normal;position: relative;float: left;color:#2a7ccc;font-family:UTMHelvetIns;font-size:26px;text-transform: uppercase;}
.thanh_tintuc h3:after{content: "";float: left;width:30px;height:6px;background: #2a7ccc;position: absolute;right: -30px;bottom: 17px;}

/*-------slider------*/
#slider{/*border-bottom: 1px solid #C9EADB;*/float: left;width: 100%;}
#slider #amazingslider-wrapper-1{margin: 0px !important;}
#slider .amazingslider-arrow-right-1{background: url(images/next_sl.png)center center no-repeat !important;}
#slider .amazingslider-arrow-right-1:hover{opacity: 0.5;}
#slider .amazingslider-arrow-left-1{background: url(images/prev_sl.png) center center no-repeat !important;}
#slider .amazingslider-arrow-left-1:hover{opacity: 0.5;}
/*-------slider------*/
div#menu_mobi {display:none; }
div#menu {position:relative;height:40px; line-height:40px;float: right;width:73%;padding: 40px 0px;}
div#menu ul {list-style:none;float: left;}
div#menu ul li {float:left; position:relative; z-index:50; padding: 0px 8px;}
div#menu ul li a {color: #000000; font-size: 15px; padding: 0px 8px;text-transform: uppercase; display: block; font-family: 'RobotoRegular';}
div#menu ul li a:hover,div#menu ul li a.active,div#menu ul li a.active2{color:#e2043c; } 	
div#menu>div>ul>li>a:hover,div#menu>div>ul>li>a.active,div#menu>div>ul>li>a.active2{color: #e2043c}
div#menu ul li a:hover span,div#menu ul li a.active span,div#menu ul li a.active2 span{color: #e2043c}
/*div#menu ul li a:hover:before,div#menu ul li a.active:before{position: absolute;left:-9px;top:-5px;content: "";width: 100%;height:7px;background: url(images/bg_acti.png) repeat-x;background-size: cover;}*/
div#menu ul li ul,div#menu ul li:hover ul li ul {position:absolute; margin-left:0px; display:none;border:1px solid #e5e5e5;}
div#menu ul li:hover ul {display:block; }
div#menu ul li ul li {width:220px; line-height:1.5; background-color:#fff; border-bottom:1px solid #e5e5e5; }
div#menu ul li ul li:nth-last-child(1){border: none;}
div#menu ul li ul li a {padding:6px 10px; text-transform:none; }
div#menu ul li ul li a:hover{color: #e2043c}
div#menu ul li ul li ul {left:220px; top:0px;} 
.tim{float: right;position: relative;top:-3px;}
/*-------------------------------*/
div#menu_dv {position:relative;float: left;width:100%;padding: 0px 0px;text-align: center;margin-bottom: 30px;}
div#menu_dv ul {list-style:none;text-align: center;}
div#menu_dv ul li {display: inline-block; position:relative; z-index:50; padding: 0px 0px;text-align: left;border: 1px solid #d2d2d2}
div#menu_dv ul li a {color: #4d4d4d; font-size: 13px; padding: 7px 16px;text-transform: uppercase; display: block; font-family: 'RobotoBold';}
div#menu_dv ul li a:hover,div#menu_dv ul li a.active,div#menu_dv ul li a.active2{color:#fff;background: #000;}
div#menu_dv>div>ul>li>a:hover,div#menu_dv>div>ul>li>a.active,div#menu_dv>div>ul>li>a.active2{color: #e2043c}
div#menu_dv ul li a:hover span,div#menu_dv ul li a.active span,div#menu_dv ul li a.active2 span{color: #e2043c}
div#menu_dv ul li ul,div#menu_dv ul li:hover ul li ul {position:absolute; margin-left:0px; display:none;left: 0px;top: 35px;}
div#menu_dv ul li:hover ul {display:block; }
div#menu_dv ul li ul li {width:220px; line-height:1.5; background:#fff;border:none;border-bottom:1px solid #d2d2d2; }
div#menu_dv ul li ul li a{padding:7px 7px;}
div#menu_dv ul li ul li a:hover{border: none;}
/*-------meu-danhmucleft-------*/
#right{width: 100%}
div.danhmuc {}
div#danhmuc {border-left:none; border-right:none; padding:0px 6px;float: left;width: 100%;}
div#danhmuc ul li {position:relative; }
div#danhmuc>ul>li:last-child>a {border:none;}
div#danhmuc ul li ul{position:absolute; left:100%; width:100%; top:0px;display:none;z-index: 999999;background: #fff;border: 1px solid #DDD}
div#danhmuc ul li a {position: relative;text-transform: uppercase;color:#333333; font-family:'RobotoRegular'; font-size:15px; display:block; position:relative; border-bottom:1px solid #DDD; padding:12px 25px 12px 44px; }
div#danhmuc ul li ul li:nth-last-child(1) a{border-bottom: none;}
div#danhmuc ul li a:hover {color:red; }
div#danhmuc ul li a:before{position: absolute;left: 23px;top: 15px;content: "";float: left;width:4px;height:7px;background: url(images/bf_li.png) no-repeat;}
div#danhmuc ul li ul li a {padding: 9px 5px 9px 22px;}
div#danhmuc ul li ul li a:after, div#danhmuc ul li ul li a:before{display:none;}
.khung_danhmuc{float: left;width: 100%;border:1px solid #b2e2f4;margin-bottom: 30px;}
.khung_danhmuc .thanh{text-transform: uppercase;position: relative;text-align: center;float: left;width: 100%;background: #019edb;padding:10px 10px;font-size: 18px;color: #fff;font-family:'RobotoBold'}
.khung_danhmuc .thanh p{margin:-1px; position: relative; z-index: 99999;}
.padding_tt{padding-left: 35px!important;}
/*------endcotleft----------*/
/*------timkiem-----*/
#timkiem{width: 260px; float: right; background-color: #fff; height: 38px; margin-top: 36px; position: relative; border-radius: 30px; border: 1px solid #e5e5e5e5; }
#timkiem select{ border: 0px; width: 100px; }
#timkiem input{float: left;width: 215px;height: 36px;outline: none;border: none;background-color: #fff;font-size: 14px;color: #000;padding-left: 10px;border-radius: 30px;}
#timkiem button{width: 30px;height: 36px;outline: none;border: none;background:  url('images/search.png') top 10px right 9px no-repeat #fff;border-radius: 30px;}
#timkiem input::-webkit-input-placeholder {color: #000;font-size: 13px;}
#timkiem input:-moz-placeholder { /* Firefox 18- */color: #000;font-size: 13px;  }
#timkiem input::-moz-placeholder {  /* Firefox 19+ */color: #000;font-size: 13px;}
#timkiem input:-ms-input-placeholder {  color: #000;font-size: 13px;  }
/*------timkiem-----*/
/*---------header---------*/
#header{float: left;width: 100%}
.wrap_banner{float: left;width: 100%;padding-bottom: 7px}
.logo{float: left;margin: 4px 0px 0px 0px;}
.banner{float: left;margin-top: 15px;margin-right: 47px;}
.hotline{position: relative;float: left;border:2px solid #f70000;border-radius: 15px;font-size: 20px;font-family:'RobotoBold';color: #fe0404;text-align: center;margin-top: 74px}
.hotline p:nth-child(1){line-height: 1;background: #fff;min-width:100px;position: absolute;top: -14px;left: 12px;padding-left: 24px;text-align: left;}
.hotline p:nth-child(2){line-height: 1;padding: 7px 20px 7px 36px;}
.hotline:before{content: "";float: left;width:16px;height:36px;background: url(images/hotline.png) no-repeat;position: absolute;left:13px;top: -9px;z-index: 999}
/*---------header---------*/
/*-----sanpham----*/
.content_sanpham{float: left;width: 100%}
.sanpham{margin: 0px -15px}
.item{width: calc(20% - 15px);float: left;padding-bottom: 15px;position: relative;}
.sp_desc{background: rgba(0, 0, 0, 0.70);color: #fff;height: 100%;width: 100%;top: 100%;opacity: 1;z-index: 99;font-size: 13px;padding: 10px;left: 0;position: absolute; transition: All 0.5s ease;-webkit-transition: All 0.5s ease;}
.item .sp_desc .sp_name{margin-top: 0px;margin-bottom: 0px;transition: all 1s ease;font-size: 24px;}
.item .sp_desc .sp_name a {text-decoration: none;color: #fff;font-family: Arial;font-size: 14px;display: block;text-align: left;margin-bottom: 10px;height: 30px;}
.datetime_pro {font-size: 11px;color: #999;margin-bottom: 10px;}
.address_pro {font-size: 13px;color: #fff;}
.price_pro span {font-size: 11px;color: #999;display: block;}
.price_pro .gia {color: #fff;font-size: 12px;text-decoration: line-through;float: left;margin-right: 10px;line-height: 22px;}
.price_pro .giakm {color: #FDA702;font-size: 16px;float: left;font-weight: bold;}
.viewsmore {position: absolute;bottom: 10px;right: 10px;background: #005faf;padding: 8px 10px;}
.viewsmore a {text-decoration: none !important;color: #fff !important;text-transform: uppercase;font-size: 12px;font-weight: bold;}
.product_images:hover .sp_desc{top: 0px;}
.ten_item{float: left;width: 100%;padding-bottom: 15px;}
.run-item{margin-right: -9px;margin-top: 10px;}
.item .giacu{text-align: center;font-size: 12px; color: #434343;font-family: "RobotoRegular";text-decoration: line-through;}
.item .giaban span.phantram{font-size: 28px;font-weight: normal;font-family: "RobotoLight";line-height: 0.55;}
.item .giaban span.luotxem{float: right;background: url(images/i_luotxem.png) left top no-repeat;min-height: 20px;padding: 3px 0px 0px 21px;color: #59575A;font-size: 10px;font-family: "RobotoMedium";font-weight: normal;}
.item h3:hover{color: red;-webkit-text-stroke: 0.2px red;}
.item .chitiet_sp{color: #858585;font-family: 'RobotoRegular'; font-size: 13px;width: 95px;height: 27px;margin: auto;background: url(images/i_chitiet.png) center center no-repeat;padding-right: 15px;padding-top: 5px;margin-top: 10px;}
.item .chitiet_sp:hover{color: red;}
.item:hover a img{opacity: 0.8;}
.item .giohang_sp{width: 150px;height: 50px;background: url(images/bg_dh.png) no-repeat;position: absolute;top: 145px;right: 0px;left: 0px;margin: 0 auto;z-index: 100;cursor: pointer;opacity: 0;}
.item:hover .giohang_sp{opacity: 1;}
.item .product_images{position: relative;width: 100%;padding: 0px;float: left;border: 1px solid #d9d9d9;}
.item .product_images img {border: none;float: left;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;width: 100%;}
.item .product_images:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}
.item > .product_images > a > span{position: absolute;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;background: url(images/i_km.png) no-repeat;top: 9px;right: 9px;font-size: 14px;color: #fff;}
.ten_item h3{text-align: center;font-family: RobotoRegular;font-size: 16px;margin: 0px;padding-top: 14px;color: #2a2a2a;font-weight: normal;color: #000000;}
.ten_item a{text-decoration: none;}
.ten_item .giaban{text-align: center;font-size: 16px;color: #2a2a2a;font-family: 'RobotoRegular';line-height: 30px;}
.ten_item .giaban span{color: #ff0000}
/*-----------------------------------*/
.lienket{margin: 0px 0px 0px 0px;float: right;padding-top: 0px;position: relative;}
.lienket label{ float: left; font-weight: bold;  color: #fff; margin:3px 10px 0px 0px;  }
.lienket p{float: left;font-size: 14px;font-family: "RobotoCondensedRegular";color: #000000;margin-right: 37px;padding-top: 8px;}
.lienket p:nth-child(2){margin-right: 20px;}
.lienket a{padding: 0px 8px 0px 8px;float: left;color: #fff}
.lienket h4{ float: left; font-size: 13px;color: #fff;font-weight: normal;margin-right: 19px;padding-top: 8px;font-family: "RobotoRegular";}
.lienket img:hover{opacity: 0.7;}
/*==============*/
.lienket_ft label{ float: left; font-weight: bold;  color: #fff; margin:3px 10px 0px 0px;  }
.lienket_ft a:last-child{margin-right: 0px;}
.lienket_ft a{margin:0px 10px 0px 0px;float: left;}
.lienket_ft img{    border: none;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-transition: 0.5s;}
.lienket_ft img:hover{opacity: 0.6;}
/*-----------------------------------*/
#thongke {float: right;width: 228px;height: 132px;background: url(images/i_thongke.png) no-repeat;padding: 40px 33px 0px 97px;margin-top: 5px;}
#thongke li{color: #f9f9f9;font-size: 14px;padding: 0px 0px 0px 0px;line-height: 1.4;}
#thongke span{float: right;}
/*===========*/
/*==============================Top================================*/
#top {width: 37px;height: 37px;position: fixed;bottom: 30px;right: 20px;text-indent: -99999px;cursor: pointer;background: url(images/back_to_top.png) top center no-repeat;transition: 0.5s;z-index: 200;}
#top:hover {background: url('images/back_to_top.png') bottom center no-repeat;transition: 0.5s;}
.left-right{float: left;width: 100%;}
/*======================*/
/*=======css trang trong======*/
.box_new:nth-child(1),.box_new:nth-child(2){padding-top: 0px;}
.box_new{ width: 49%; float: left; padding: 15px 0px 15px 0px;text-align: justify;border-bottom: 1px dashed #D9D9D9;}
.box_new:nth-child(2n+2){margin-right: 0px;float: right;}
.box_new:nth-last-child(1),.box_new:nth-last-child(2){border: none;}
.box_new img{ border:1px solid #B2B5B8; padding:0px; float: left; margin:0px 10px 0px 0px;padding: 3px;background: #fff;}
.box_new img:hover{opacity: 0.5;}
.box_new h3{font-size: 14px;color: #333;font-weight: bold;line-height: 1.3;margin-bottom: 5px;text-transform: uppercase;font-family: 'RobotoCondensedBold';}
.box_new p{ font-size: 13px; color: #3E3E3E;} 
.box_new a.xemtintrong {font-family: 'RobotoItalic';text-decoration: underline;color: #0864bb;font-size: 13px;float: right;}
.box_new p a:hover{color: red;}
.box_new span{    color: #a4a4a4;font-size: 12px;font-style: italic;}
.box_new:nth-child(2n+1){ clear: left;}
.box_new:hover h3{ color: red;} 
.box_new_border{border-bottom: 1px dashed #E2E2E2;}
/*================Chi tiết sản phẩm======================*/
.ten_sp{font-size: 22px;color: #e70d0d;font-weight: normal;font-family: 'SFUHelveticaLight';text-transform: uppercase;position: relative;padding-bottom: 10px;margin-bottom: 10px;line-height: 1.3;}
.ten_sp:before{content: "";background: #999;content: "";position: absolute;height: 1px;width: 265px;bottom: 0px;left: 0px;}
.chitiet_sanpham {margin-bottom: 10px;margin-top: 40px;float: left;}
#owl-sub{float: left;width: 100%;}
.imgsp {float: left; width:50%;margin-bottom: 20px;text-align: center;}
.custom-container{width: 100%;float: right;}
.custom-container .prev,.custom-container .netxt{float: left;}
.custom-container .next,.custom-container .prev{font-size: 20px;}
.custom-container .next:hover,.custom-container .prev:hover{color: red;}
.main_img_detail{float: left;width: 100%;padding-top: 15px;}
.box_des_detail {padding: 0px 5px;width: 47%;float: left;margin-left: 10px;}
.item_des_detail {padding: 1px 0px;font-family: 'SFUEurostileCondensed';font-size: 17px;color: black;}
.item_des_detail span{  color: #005FAF;font-weight: bold;}
.chitiet_sanpham > p {text-align: justify;}
.app-figure {width: 100% !important;float: left;margin-top: 10px;}
.abulum {width: 100% !important;float: left;}
.anh_daidien {width: 100%;text-align: center;}
.MagicZoom img {max-width: 100% !important;position: relative;}
.selectors {margin-top: 10px;}
.selectors .mz-thumb img {max-width: 56px;}
.img_item {width: 100% !important;}
.item_sub_img {margin-right: 5px;}
.des-soluong{margin-bottom: 10px;float: left;width: 100%;}
.item_des_detail .qty{display: block;float: none;margin-bottom: 5px;text-align: left;text-transform: uppercase;font-size: 12px;font-weight: bold;font-family: 'RobotoBold';}
.item_des_detail button{background-color: #f5f5f5;border: 1px #eaeaea solid;transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;color: #333;font-size: 15px;padding: 12px 14px 9px 16px;font-weight: bold;cursor: pointer;float: left;}
.item_des_detail button:nth-of-type(2){padding: 15px 14px 6px 16px;}
.item_des_detail button:hover{color: #fff;background: #D00000;}
.item_des_detail input{padding: 0 5px 1px;height: 40px;border: 1px #ddd solid;text-align: center;margin: 0px 5px;width: 80px;color: #333;text-align: center;float: left;}
/*======chitietsanpham=======*/
 /*----hinhanh*/
.tieude{ margin: 0px 0px 10px 0px; width: 100%; float: left; color: #666; font-size: 24px;}
.hinhanh-item{float: left;width:calc(25% - 15px);margin-right:15px;text-align: center;}
.hinhanh-item:nth-child(4n){margin-right: 0px;}
.hinhanh-item:nth-child(4n+1){clear: both;}
.ten_item h3:hover{color: #ff0000}
 /*----hinhanh*/
 /*--------videotrangcon------*/
.box_video{float: left; margin-bottom: 23px;}
.box_video img{ width: 100%}
.box_video h3{ text-align: center; margin:10px 0px 0px 0px; width: 100%; float: left; font-size: 14px;}
.box_video:hover{ opacity: 0.8;}
.box_video:nth-child(4n){margin-right: 0px;}
.box_video:hover a h3 {color: #d5aa16; }
.box_video a h3 {text-align: left; margin: 5px 0px 0px 0px; width: 100%; float: left; font-size: 14px; color: #035F67; font-weight: bold; overflow: hidden; }
 .video_info {font-size: 12px; color: #767676; line-height: 1.3em; }
 /*--------videotrangcon------*/
 /*---------tranglienhe--------*/
.khung_trai{ width: 100%; float: left; margin-left: 0px;color: #fff;}
.khung_phai{ width: 100%; float: right; padding: 0px;}
.thongtin_lh{ width: 100%; float: left; padding: 0px 40px 20px 0px;}
.thongtin_lh h1{ font-size: 20px; text-transform:uppercase; color: #04608B}
.form_contact{float: left;width: 49%}
.form_lh{float: right;width: 49%}
.form_lh fieldset{padding: 0px 10px 10px 10px; margin: 0px 0px 0px 0px; /*border: 1px solid #A5DFFF;*/ border: 1px solid #61AE01; }
.form_lh legend{ padding:0px 10px 0px 10px;  font-style: italic; /*color: #1589E4;*/ color: #61AE01;}
.form_lh p{ padding: 5px 0px 5px 0px;}
.form_lh p input{border-radius: 4px; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; }
.form_lh p label{ width: 115px; float: left;color: black;}
.form_lh p textarea{border-radius: 4px; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; height: auto; }
.form_lh p button{color: #fff; background-color: #24720C; border-color: #24720C; display: inline-block; padding: 6px 13px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid transparent; border-radius: 4px; margin-left: 10px; }
.form_lh p button:hover{ background: #1E8140}
.form_van input{ width: 100% ; padding: 5px;}
.form_van button{ position: absolute; z-index: 1000; top: 1px; right: 0px; color: #eee; padding: 5px; border: 0px; background: #E78D00}
#form_contact input{ padding: 5px;} 
/*---------tranglienhe--------*/
/*========end csstrangtrong======*/
/*=====doitac====*/
#doitac{ width: 100%; margin: 32px 0px 0px 0px;float: left;}
.doitac{float: left;width:100%;position: relative;text-align: center;}
.margin_dt{margin: 0px -25px;}
.owl-doitac{padding: 0px 25px;}
.owl-doitac img{max-width: 100%;background: #fff;margin-bottom: 4px;}
.owl-doitac img:hover{opacity: 0.8;}
.margin_dt .owl-prev,.margin_dt .owl-next{width: 36px;height: 86px;position: absolute;top: -1%;}
.margin_dt .owl-prev{left: -7px;background: url(images/i_prev.png) no-repeat;}
.margin_dt .owl-next{right: -7px;background: url(images/i_next.png) no-repeat;}
.margin_dt .owl-prev:hover,.margin_dt .owl-next:hover{opacity: 0.7;}
/*====doitac====*/
/*====product_new=======*/
.margin_spnew{margin: 0px -10px;}
.owl-spnew{padding: 0px 10px;}
.owl-spnew img{max-width: 100%;background: #fff;margin-bottom: 4px;}
.owl-spnew img:hover{opacity: 0.8;}
/*====product_new=======*/
/*=====video-list====*/
.video{ width: 415px; float: right;padding-top: 20px}
.clip_index{float: right;width: 100%;}
.content_clip_index{float: left;  width: 100%;border-top: none;}
.box_video_index{float: left;width: 100%;height: 270px;margin-bottom: 2px;}
#chon_video{margin-top: 5px;outline: none; width: 100%;height: 33px;border: 1px solid #ccc;background: #fff;font-size: 13px;color: #000;font-family: "RobotoRegular";padding-left: 10px;}
.box_video{margin:0px auto;padding:0px;box-sizing:border-box; width: 280px;margin-right: 23px;margin-bottom: 23px;}
.box_video img{ max-width: 100%;}
.box_video a h3{ text-align: left; margin:5px 0px 0px 0px; width: 100%; float: left; font-size: 14px;color:#035F67;font-weight: bold;overflow: hidden;}
.box_video:hover a h3{color:#d5aa16;}
.box_video:hover{ opacity: 0.8;}
.video_info{font-size: 12px;color:#767676;line-height: 1.3em;}
.video_info .loai_vid a{font-size: 13px;color:#767676;}
.video_info .loai_vid:hover a{color:#167ac6;}
.box_vid{width:70%;float: left;}
.box_vid iframe{height:500px;}
.box_vid h1{font-size: 24px;color:#fff;width:100%;background:rgba(0,0,0,.7);padding:15px 10px;box-sizing:border-box;}
.vid_cmt{width:100%;height:auto; float: left; margin-top: 10px;}
.other_vid{width:28%;float: right;}
.title_other{color:#003466;font-size: 14px;font-weight: bold; border-bottom: 1px solid #ccc;text-transform: uppercase;}
.other_vid .box_video_detail{width:100%;padding:7px;box-sizing:border-box;}
.other_vid .box_video_detail img{width:40%;float: left;height:auto;}
.box_video_detail .vid_info{width:58%;float: right;color:#767676;line-height: 1.3em;font-size: 12px;}
.box_video_detail .vid_info a h3{font-size: 13px;font-weight: 500;color:#08678E;font-weight: bolder;}
.box_video_detail:hover .vid_info a h3{color:#d5aa16;}
.vid_info .loai_vid a{font-size: 13px;color:#767676;}
.vid_info .loai_vid:hover a{color:#167ac6;}
.box_video .luotxem{ font-style: italic; color: #666; font-size: 12px; }
/*======video-list=====*/
/*=========video-owl=======*/
.videonb_index {float: left;width: 565px;margin-top: 20px;}
.div-bao-video{float: left;width: 100%;}
.content_video{height: 100%;float: left;width: 100%;margin-bottom: 10px;}
.margin_video{margin: 0px -5px;}
.owl-video{padding: 0px 5px;}
.owl-video a{float: left;width: 100%;position: relative;}
.owl-video a span{position: absolute;width: 100%;height: 100%;background: url(images/i_video.png) center center no-repeat;z-index: 100;top: 0px;left: 0px;}
.owl-video a span:hover{background: url(images/i_video.png) center center no-repeat rgba(0,0,0,0.8);}
.owl-video img{width: 100%;}
/*=========video-owl=======*/
/*=====footer========*/
#footer{float: left;width: 100%;}
#bottom_ft{width:100%;float:left;} 
.title_ft{margin-bottom: 20px;position: relative;float: left;width: 100%;color: #fff;font-size:20px;font-family: 'RobotoBold';text-transform: uppercase;}
.title_ft p{margin-bottom: 5px;}
.title_ft:after{content: "";float: left;width:42px;height: 3px;background: #fff;position: absolute;left: 0px;bottom: 0px;}
.content_ft{float: left;width: 100%;margin-top: 47px;margin-bottom: 20px;}
.cot1_ft{float: left;width:36%;margin-right: 86px;}
.cot2_ft{float: left;width:26%;margin-right: 94px;}
.cot3_ft{float: left;width:23%}
.content_cot1{float: left;width: 100%}
.content_cot2{float: left;width: 100%}
.content_cot3{float: left;width: 100%}
.bando-index{width: 100%;height: 178px;float: left;}
.bando-index #bando_ft{width: 100%;height: 178px;}
/*---------copyright----*/
#copyright{float: left;width: 100%;background:#17baf9;font-family:'RobotoRegular';font-size: 13px;color: #fcfbfb}
.copy_thongke{padding: 10px 0px;}
#copyright p{margin: 0px;}

.hidden_bando{width: 100%;height:452px}
#bando_ft1{width: 100%;height: 452px;}
/*=====footer========*/
/*-----slicktintic------*/
.content_left{padding: 10px}
.chay_tintuc{float: left;width: 100%}
.item_slickdoc{float: left;width: 100%;border-bottom: 1px solid #ebebeb!important;padding: 10px 0px;}
.img_slickdoc{float: left;width:38%}
.img_slickdoc:hover{opacity: 0.7}
.img_slickdoc img{float: left;width: 100%}
.ten_thoigian{float: right;width: 59%}
.ten_slickdoc{float: left;width: 100%;padding-bottom: 10px;}
.ten_slickdoc a{color: #333333;font-family:'RobotoRegular';font-size: 13px;text-decoration: none;}
.ten_slickdoc a:hover{color: #ff0000}
.thoigian_bl span{color: #c4c4c4;font-size:10px;font-family: 'RobotoRegular';}
.thoigian_bl .thoigian{float: left;position: relative;padding-left: 17px}
.thoigian_bl .binhluan{float: right;position: relative;padding-left: 17px}
.thoigian_bl .thoigian:before{content: "";float: left;width:13px;height:13px;background: url(images/lich.png);position: absolute;left:0px;top:0px;}
.thoigian_bl .binhluan:before{content: "";float: left;width:13px;height:13px;background: url(images/bluan.png);position: absolute;left:0px;top:0px;}
/*-----slicktintic------*/
.hinhduoislider{float: left;width: 100%}
.item_hinh{float: left;width: 50%}
/*------qc-----*/
.quangcao1{float: left;width: 100%}
.quangcao2{float: left;width: 100%}

#xuhuong{float: left;width: 100%;background-color: #000000}
.xuhuong{float: left;width: 100%;padding: 60px 0px}
.content_xu{float: left;width: 100%}
.thanh_title p{color: #f22257;width: 100%;position: relative;text-transform: uppercase;padding-bottom: 12px;}
.thanh_title p:after{background-color: #f22257;width: 60px;height: 3px;content: "";float:left;position: absolute;left: 0px;right: 0px;margin: auto;text-align: center;bottom: 0px;}
.tieude_xu{float: left;width: 100%;text-align: center;font-size:15px;font-family: 'RobotoRegular';color: #ababab;padding: 10px 0px;margin-bottom: 30px;}
.chayxuhuong{margin: 0px -15px;}
.itemxuhuong{padding: 0px 15px;}
.tenmt_xuhuong{float: left;width: 100%;}
.ten_xu{float: left;width: 100%;padding: 15px 0px;font-size: 15px;font-family:'RobotoBold';color: #fff}
.ten_xu a{color: #fff}
.ten_xu a:hover{color: #ff0}
.mota_xu{float: left;width: 100%;color: #707070;font-size: 14px;font-family: ;line-height: 1.7}
.xemthem_xu{float: left;padding: 7px 17px;color: #fff;font-size: 13px;font-family:'RobotoRegular';background-color: #f22257;margin-top: 30px;}
.xemthem_xu:hover{background-color: #22c8f2;color: #fff;transition: 0.4s}
/*-----map---*/
.bando_footer{position: relative;float: left;width: 100%}
.content_noidung_ft{padding: 25px 50px;display: inline-block;width: 525px;background:url(images/bg_diachi.png);position: absolute;top: -20px;left:56px;height: 472px;}
.ten_cty{ text-align: center; margin: 20px 0px; color: #ff0; text-transform: uppercase;font-size:24px;font-family: 'SFUFuturaBook'}
.khung_thongtin{position: relative;float: left;width: 100%;padding:30px 20px 40px 20px;background:rgba(255,255,255,0.05);border-radius: 10px;border: 1px solid #515050}
.khung_thongtin:after{content: "";float: left;width:70px;height: 70px;background: url(images/hinh_mp.png) no-repeat;position: absolute;left: 0px;bottom: -50px;right: 0px;margin: auto;z-index: 99999}
.toadomap{position: absolute;left: 620px;top: 0px;}
.vitri{padding: 8px 20px;color: #fff;font-size: 13px;font-family: 'SFUFuturaBook';background: #000000;display: inline-block;text-transform: uppercase;cursor: pointer;}
.vitri:hover{transition: 0.4s;background: #0d72b3;}

.noidungmap iframe{width:100%;height:452px;}

/*-----dichvu---*/
.content_dichvu{float: left;width: 100%}
.wrap_dv_item{float: left;width: 100%}
.thanh_dichvu{float: left;width: 100%;position: relative;margin-bottom: 15px;line-height: 1}
.thanh_dichvu p{float: left;min-width: 100px;padding-right: 15px;background: #fff;font-size: 27px;color: #333333;font-family: 'RobotoCondensedBold';text-transform: uppercase;position: relative;z-index: 9999}
.thanh_dichvu:after{float: left;content: "";width: 100%;height: 1px;border: 0.5px dashed #c7c7c7;position: absolute;left: 0px;bottom: 4px;}
.mota_dichvu{float: left;width: 100%;font-size:15px;color: #434343;font-family: 'RobotoRegular';line-height: 1.6;height: 210px;overflow: hidden;}
.wrap_dv_item{padding-bottom:45px;margin-bottom: 45px;border-bottom: 1px dashed #d7d7d7}
.wrap_dv_item:nth-last-child(1){border-bottom:none;margin: 20px;}
.cot1{float: left;width:665px}
.cot2{float:right;width:507px}
#cottrai{float: left;}
#cotphai{float: right}
.baiviet_lq{float: left;width: 100%}
.item_blq{float: left;width:49%}
.item_blq:nth-child(2n){float: right;}
.xemthemdv{text-transform: uppercase;clear: both;float: right; padding: 7px 17px; color: #fff; font-size: 13px; font-family: 'RobotoRegular'; background-color: #000; margin-top: 2px; }
.xemthemdv:hover{color: #ff0}
/*------video_new----*/
#new_video{float: left;width: 100%}
.new_video{float: left;width: 100%;padding:50px 0px;}
.khung_new{float: left;width: 63%}
.thanh_new{float: left;width: 100%;border-bottom: 3px solid #e6e6e6;margin-bottom: 25px;}
.thanh_new p{float: left;width: 100%;color: #333333;font-size:27px;font-family:'RobotoCondensedBold';text-transform: uppercase;position: relative;padding: 5px 0px;}
.thanh_new p:after{float: left;content: "";width:85px;height: 3px;background:#8c8c8c;position: absolute;left: 0px;bottom: -3px;}
.content_new{float: left;width:100%}
.cot_new1{float: left;width:360px;}
.tenmota_new1{float: left;width: 100%}
.ten_new1{float: left;width: 100%;color: #2e2e2e;font-size:15px;font-family: 'RobotoBold';padding: 10px 0px;}
.ten_new1 a{color: #2e2e2e}
.mota_new1{float: left;width: 100%;color: #424242;font-size:13px;font-family: 'RobotoRegular';line-height: 2}
.xemthemnew{float: left;padding: 10px 20px;border: 2px solid #333333;background: #fff;color: #505050;font-size: 13px;font-family:'RobotoRegular';margin-top: 25px;}
.item_chay{height: 110px;}
.cot_new2{float: right;width: 380px;}
.chaytintuc{}
.img_new2{margin-bottom:12px;float: left;width: 100%}
.img_new2 img{float: left;}
.tenmota_new2{float: right;width:210px}
.ten_new2{float: left;width: 100%;color: #2e2e2e;font-size:15px;font-family: 'RobotoBold';padding: 5px 0px;}
.ten_new2 a{color: #2e2e2e}
.mota_new2{float: left;width: 100%;color: #424242;font-size:13px;font-family: 'RobotoRegular';line-height: 2}
.ten_new1 a:hover,.ten_new2 a:hover{color: #ff0000}
.img_new2:hover img{opacity: 0.8}
.khung_video{float: right;width:34%}
.wrap_video{float: left;width: 100%}
.amazingslider-box-1{border-style:none!important;margin-left:0px!important;}
.amazingslider-nav-container-1{display: none;}