@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;}
.breadcrumb{display: none;}
table{border-spacing: 0px;}
a{text-decoration: none!important;outline: none!important;}
ul{list-style-type:none;margin:0px!important;padding:0px;}
p{margin: 0px;}
div.breadcrumb {float: left;width: 100%;font-family:'SFUFuturaBook';background-color: #fff; padding: 0; padding: 10px 0px; position: relative; border-radius: 0px;color: #000;border:1px solid #e2e2e2;}
#inner{padding-left: 10px;margin-bottom: 0px;float: left;width: 100%}
#inner li:nth-last-child(1) span{display: none;}
#inner li{display: inline-block;float: left;list-style: none;}
#inner a{padding: 0px 10px} 
div.breadcrumb a{color:#000;}
div.breadcrumb a:hover{color: #2486c5;}
.fixmenu{position: fixed!important;top: 0px!important;left: 0px!important;margin: auto!important;width: 100%!important;z-index: 999999!important}
.noidung_ta{padding:10px;}
.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;overflow-x:hidden;}
.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%;padding-top: 23px;}
.wraper_trangtrong{width: 100%; float: left; position: relative;margin-bottom: 10px;}
.content_trangcon{float: left;width: 100%}
.content_trangcon img{max-width: 100%;height: auto;}
.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%;}
.zoom 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%;}
.zoom: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);}
.hv_light2{ overflow:hidden; position:relative;}
.hv_light2:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; }
.hv_light2:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.hv_light2:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hv_light2:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}
/*====*/
.loadingcover{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.75);z-index: 999999999999999999999999999999}
.loadingcover .csslder{top:50%}
@-webkit-keyframes fx{50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{opacity:0}}@keyframes fx{50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{opacity:0}}
.csslder {display: block; text-align: center; height: 20px; position: relative; clear: both; }
.csslder .csswrap {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.cssdot {width: 10px; height: 10px; border: 1px solid #288ad6; background: #288ad6; border-radius: 50%; float: left; margin: 0 5px; -webkit-transform: scale(0); transform: scale(0); -webkit-animation: fx 1000ms ease infinite 0ms; animation: fx 1000ms ease infinite 0ms; }
.cssdot:nth-child(2) {-webkit-animation: fx 1000ms ease infinite 300ms; animation: fx 1000ms ease infinite 300ms; }
.cssdot:nth-child(3) {-webkit-animation: fx 1000ms ease infinite 600ms; animation: fx 1000ms ease infinite 600ms; }
/*====*/
.skew img {overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
.skew img:hover {border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.thanh_title{text-align: center;position: relative;float: left;width: 100%;text-transform: uppercase;margin-bottom: 20px;background: url(images/bg_title.png) no-repeat center bottom;}
.thanh_title h3{font-family:'RobotoBold';font-size:24px;color: #1fff00;line-height: 1;padding-bottom: 35px;}
/*-------slider------*/
#slider{/*border-bottom: 1px solid #C9EADB;*/float: right;width:930px;}
#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:46px; line-height:46px; margin:auto; width:77%;float: right;}
div#menu ul {list-style:none;margin-bottom: 0px;}
div#menu ul li {float:left; position:relative; z-index:99999; padding: 0px 0px;}
div#menu ul li a {text-transform: uppercase;color: #323232; font-size: 14px; padding: 0px 25px;display: block; font-family: 'OpenSansSemibold';}
div#menu > div > ul > li:after{content: "";position: absolute;right: 0px;top: 0px;width:2px;height:46px;background:url(images/gach_menu.jpg) no-repeat;}
div#menu ul li:nth-last-child(1):after{display: none;}
div#menu ul li a:hover,div#menu ul li a.active,div#menu ul li a.active2{color:#ff0000; }
div#menu>div>ul>li>a:hover,div#menu>div>ul>li>a.active,div#menu>div>ul>li>a.active2{}
div#menu ul li a:hover span,div#menu ul li a.active span,div#menu ul li a.active2 span{}
/*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; }
div#menu ul li:hover ul {display:block; }
div#menu ul li ul li {width:220px; line-height:1.5;background:#1fff00; border-bottom:1px solid #fff; }
div#menu ul li ul li a {padding:6px 10px; text-transform:none; }
div#menu ul li ul li a:hover{color: #ff0000}
div#menu ul li ul li ul {left:220px; top:0px; }
/*-------------------------------*/
/*-------meu-danhmucleft-------*/
.fixdanhmuc #danhmuc{display: none;}
.fixdanhmuc:after{display: none;}
.fixdanhmuc {padding: 0px!important;}
.fixdanhmuc .khung_danhmuc .thanh{border-radius: 0px!important;}
.hienthimenu{display:block!important;}
.w_menu{float: left;width: 100%;background:#1fff00;}
#left{float: left;width: 270px;position: relative;height:46px;cursor: pointer;}
div.danhmuc {position: absolute;top: 45px;display: block;transition: 1s;}
div#danhmuc {border-left:none; border-right:none;float: left;width: 100%;}
div#danhmuc ul{border: 1px solid #cacaca;background: #f4f4f4}
div#danhmuc ul li {position:relative;border-bottom:1px dashed #cacaca}
div#danhmuc ul li:nth-last-child(1){border-bottom: none;}
div#danhmuc ul li ul{position:absolute; left:100%; width:100%; top:0px;display:none;z-index: 999999;}
div#danhmuc ul li a {position: relative;color:#3e3e3e; font-family:'RobotoRegular'; font-size:14px; display:block; position:relative; padding:10px 10px 10px 35px; }
div#danhmuc ul li a:hover {color:#dc0021; }
div#danhmuc > ul > li > a:before{transition: 0.3s;position: absolute;left: 20px;top:16px;content: "";float: left;width:6px;height:8px;background: url(images/icon_tamgiac.png) no-repeat;}
div#danhmuc ul li a:after{position: absolute;right: 10px;top:14px;content: "";float: left;width:5px;height:8px;background: url(images/af_li.png) no-repeat;}
div#danhmuc > ul > li:hover a:after{background: url(images/hover_li.png) no-repeat;}
div#danhmuc ul li ul li a {padding: 9px 5px 9px 20px;}
/*div#danhmuc ul li ul li a:after, div#danhmuc ul li ul li a:before{}*/
div#danhmuc ul li ul li:nth-last-child(1) a{border-bottom: none;}
.khung_danhmuc{float: left;width: 100%;position: relative;z-index: 999999;background:#18c600 url(images/bg_thanh_left.png) left 15px center no-repeat;top: 0px}
.khung_danhmuc .thanh{text-transform: uppercase;position: relative;text-align: left;float: left;width: 100%;padding:12px 15px 11px 40px;font-size: 16px;color: #fff;font-family:'RobotoBold'}
.khung_danhmuc .thanh p{position: relative; z-index: 99999;}
.khung_danhmuc .thanh p i{font-size:20px;}
.padding_tt{padding-left: 35px!important;}
/*------endcotleft----------*/
/*------timkiem-----*/
#timkiem input {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0rem; width:59px; height:45px; border:none; background:#1fff00; border-radius: 0.8rem; z-index: 10; color: #000; outline: none; font-size: 14px;-webkit-transition: all 0.3s; transition: all 0.3s; } 
.img_search{float:left;background:#1fff00;width:60px;text-align: center;position: relative;z-index: 20;}
#timkiem.active input {width: 60rem; padding-left: 1rem; padding-right: 5rem; z-index: 999999999999999999999; }
.active .img_search{z-index: 9999999999999999;}
.img_search img{margin: auto;float: left;}
#timkiem{float: right;position: relative;font-family:'RobotoRegular';}
#timkiem input::-webkit-input-placeholder {color: #000;}
#timkiem input:-moz-placeholder {color: #000;}
#timkiem input::-moz-placeholder {color: #000;}
#timkiem input:-ms-input-placeholder {color: #000;}

#search_mobi input::-webkit-input-placeholder {color: #fff;font-size: 13px;}
#search_mobi input:-moz-placeholder { /* Firefox 18- */color: #fff;font-size: 13px;  }
#search_mobi input::-moz-placeholder {  /* Firefox 19+ */color: #fff;font-size: 13px;}
#timsearch_mobikiem input:-ms-input-placeholder {  color: #fff;font-size: 13px;  }
/*------timkiem-----*/
/*---------header---------*/
#header{float: left;width: 100%}
.wrap_banner{float: left;width: 100%;padding-bottom: 7px}
.logo{position: absolute;left: 0px;top:20px;}
.banner{float: left;margin-top: 50px;width: 580px;text-align: center;margin-left:200px;}
.hotline{float: right;color: #df0000;font-family:'MontserratBold';font-size: 20px;line-height: 1.3;background: url(images/hotline.png) no-repeat left center;padding-left: 50px;margin-top: 65px;}
.email_nn{position: absolute;right: 0px;top: 0px;width: 72%;height: 40px;line-height: 40px;font-family:'RobotoRegular';font-size: 14px;color: #fff;    background: url(images/bg_top1.png);background-size: cover;}
.email{float: left;background: url(images/email.png) no-repeat left center;padding-left: 25px;margin-left: 60px;}
.ngonngu{float: right;padding-right:85px;}
.ngonngu img{padding: 0px 5px;}
.ngonngu a{color: #fff;}
.ngonngu a:hover{color: #ff0}
.ngonngu a:nth-child(1){margin-right: 20px;}
/*---------header---------*/
/*-----------------------------------*/
.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;}
/*==============*/
/*-----sanpham----*/
.sanpham_index{float: left;width: 100%;padding: 30px 0px;background: #f6f6f6}
.content_sanpham{float: left;width: 100%;}
.item{float: left;position: relative;padding: 15px 15px;}
.item .product_images{position: relative;width: 100%;padding: 0px;float: left;border: 1px solid #e2e2e2}
.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{float: left;width: 100%;text-align: center;margin-top: 10px;}
.ten_item h3{font-size:15px;font-family: 'RobotoBold';color: #333333;text-transform: uppercase;}
.ten_item .giaban{font-size:15px;font-family: 'RobotoRegular';color: #575656}
.ten_item .giaban span{color: #d20000}
.chitiet_sp{color: #313131;font-family:'RobotoBold';font-size: 13px;text-transform: uppercase;;background:url(images/bg_chiitiet.png) no-repeat;background-size:cover;padding:8px 25px;position: absolute;bottom: 0px;right: 0px;z-index: 999999999999}
.slick-prev{position: absolute;top: -45px;right:40px;width: 20px;height: 20px;background: url(images/prev_s.png);}
.slick-next{transform:rotate(180deg);position: absolute;top: -45px;right:16px;width: 20px;height: 20px;background: url(images/prev_s.png);}
/*-----------------------------------*/
#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{float:left;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======================*/
/*================Chi tiết sản phẩm======================*/
.chitiet_sanpham {margin-bottom: 10px;margin-top: 40px;float: left;float: left;width: 100%}
.imgsp {float: left; width:40%;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;}
.img_detail{float: left;width: 100%}
.main_img_detail{float: left;width: 100%;padding-top: 15px;}
.box_des_detail {padding: 0px 5px;width: 57%;float: right;}
.item_des_detail {padding: 5px 0px;font-family: 'SFUEurostileCondensed';font-size: 17px;color: black;float: left;width: 100%;border-bottom: 1px solid #eee}
.item_des_detail i{color: #ff0000;font-style:normal;}
.ten_detail{float: left;width: 100%;font-size:20px;text-transform: uppercase;font-family:'RobotoBold'}
.w_chiase{float: left;width: 100%;background: #e2e2e2e2;padding: 12px 10px 0px 10px}
.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:38px;border: 1px #ddd solid;text-align: center;margin: 0px 5px;width: 80px;color: #333;text-align: center;float: left;}
#hinhcon_mo{float: left;width: 100%;margin-top: 30px}
.chayhinhcon{margin: 0px -5px;}
.item_sub_img{padding: 0px 5px}
/*======chitietsanpham=======*/

/*======chitietsanpham=======*/

 /*----hinhanh*/
.tieude{ margin: 0px 0px 2px 0px; width: 100%; float: left; color: #666; font-size: 24px;}
.hinhanh-item{float: left;text-align: center;margin-bottom:30px}
.hinhanh-item img{float: left;width: 100%}
.loaded{float: left;width:calc(100% / 4);padding: 0px 15px;}
.loaded .rel{position: relative;}
.loaded img{width: 100%}
.ten_item h3:hover{color: #ff0000}
#grid{margin: 0px -15px!important;}
 /*----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--------*/
.thanh_contact{line-height: 1.8;position: relative;display: block;width: 100%;margin-bottom: 15px;color:#333;font-family:'RobotoBold';font-size: 20px;text-transform: uppercase;}
.thanh_contact:after{content: "";position: absolute;left: 0px;bottom: 0px;width: 60px;height: 2px;background: #0078de}
.left_contact{ width: 100%; float: left; margin-left: 0px;color: #000;}
.right_contact{ width: 100%; float: right; padding: 0px;}
.form_contact{float: left;width: 49%}
.form_lh{float: right;width: 49%}
.form_lh .left_input{float:left;width: 48.5%}
.form_lh .right_input{float:right;width: 48.5%}
.form_lh input{font-family:'RobotoBold';font-size: 13px;color: #595959;float: left;width: 100%;height: 40px;border:none;;border-bottom: 1px solid #ced4da;outline: none;background: transparent;}
.form_lh textarea{font-family:'RobotoBold';font-size: 13px;color: #595959;float: left;width: 100%;border:none;;border-bottom: 1px solid #ced4da;outline: none;background: transparent;margin: 10px 0px 10px 0px;resize: none;}
.textarea_noidung{float: left;width: 100%}
.form_lh input:focus, .form_lh textarea:focus { box-shadow: 0 2px #0078de; border-bottom: 1px solid #0078de; }
.form_lh input:focus::placeholder, .form_lh textarea:focus::placeholder { color: #0078de; }
.w_recap,.w_submit{display:inline-block;width: 100%;clear: both;}
.btn_send_lienhe {color: #fff;background: #e5e5e5;;border:none;float: left;clear: both;padding: 5px 20px;font-family:'RobotoBold';font-size: 13px;}
.btn-disabled{cursor: not-allowed; pointer-events: none;background: #ccc!important;}
.enable_buttom{cursor: pointer;background: #007bff!important;border-color: #007bff;}
.w_bando_lh{float: left;width: 100%;height: 400px;overflow: hidden;margin-top: 30px}
.w_bando_lh iframe{width:100%;height:400px}
/*---------tranglienhe--------*/
/*========end csstrangtrong======*/
/*=====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=====*/
/*=====footer========*/
#footer{float: left;width: 100%;padding:60px 0px 0px 0px;background: url(images/bg_ft.png) no-repeat #ededed;background-size: cover;}
#bottom_ft{width:100%;float:left;} 
.title_ft{margin-bottom: 20px;position: relative;float: left;width: 100%;color: #fff;font-size:15px;font-family: 'RobotoBold';text-transform: uppercase;}
.title_ft p{margin-bottom: 0px;}
.ten_cty{float: left;width: 100%;font-family:'';font-size:18px;margin-bottom: 15px;text-transform: uppercase;color: #161616;font-family:RobotoBold}
/*.title_ft:after{content: "";float: left;width:42px;height: 3px;background: #fff;position: absolute;left: 0px;bottom: 0px;}*/
.content_ft{float: left;width: 100%;padding-bottom: 30px}
.cot1_ft{float: left;width:412px;margin-right:195px;font-family:'RobotoRegular';font-size: 14px;color: #161616}
.cot2_ft{float: left;width:300px;}
.cot3_ft{float: right;width:180px;}
.content_cot1{float: left;width: 100%}
.content_cot2{float: left;width: 100%}
.content_cot3{float: left;width: 100%;}
.w_bando{float: left;width: 100%;height: 195px;overflow: hidden;}
.w_bando iframe{width:100%;height: 100%}
/*---------copyright----*/
#copyright{float: left;text-align: right;width: 100%;font-family:'RobotoRegular';font-size: 14px;color: #fff;padding:15px 0px;}
#copyright span{color: #ff0}
.bocongthong{float: left;margin-top: 10px;}
.noidung_truycap{float: left;width: 100%}
.noidung_truycap span{float: left;width:100%;color: #fff;margin-bottom: 10px;font-family:'RobotoRegular';font-size: 14px;}
/*=====footer========*/
.lienket_ft {float: left;width: 100%;margin-top: 10px;}
.lienket_ft p{float: left;width: 100%;font-family:'RobotoBold';font-size: 15px;text-transform: uppercase;;color: #fff}
.icon-footer{float: left;display:flex;align-items: center;margin-top: 5px;}
.lienket_ft a:last-child{margin-right: 0px;}
.lienket_ft a{margin:0px 5px 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;}
/*===*/
.gioithieu{float: left;width: 100%;padding: 40px 0px;}
.title_gt{float: left;width: 100%;font-family:'RobotoBold';color: #333333;font-size: 18px;}
.title_gioithieu{float: left;width: 100%;font-family:'MontserratBold';font-size: 24px;color: #1fff00;text-transform: uppercase;}
.content_gioithieu{float: left;width: 585px;}
.xemgt{float: left;padding: 10px 20px;background: #1fff00;font-family:'RobotoBold';font-size: 14px;text-transform: uppercase;color: #333333;border-radius: 4px;transition: 0.2s}
.noidunggt{float: left;width: 100%;margin:15px 0px 20px 0px;color: #3e3e3e;font-family: RobotoRegular;font-size: 14px;line-height: 1.7;}
.slider_gt{float: right;width:590px;}
.xemgt:hover{color: #fff;background: #ccc}
.contentHolderUnit{box-shadow:#464444 0px 0px 4px;padding-bottom: 10px;}
.contentHolder{padding-bottom: 10px;}
.logo_perspective.black .leftNav{background: url(images/pre.png)!important;width: 50px;height: 50px!important;z-index: 9999999;left: 85px!important;bottom: 120px!important;display: block!important;}
.logo_perspective.black .rightNav{background: url(images/pre.png)!important;width: 50px;height: 50px!important;z-index: 9999999;left:465px!important;bottom: 120px!important;transform:rotate(180deg);display: block!important;}
.leftNav:hover{display: none!important;}
.logo_perspective.black .leftNav:hover,.logo_perspective.black .rightNav:hover{background: url(images/pre.png);}
.logo_perspective.black .bannerControls {top: 55%!important;z-index: 9999999999999999}
/*==*/
.visao{float:left;width: 100%;padding: 40px 0px 60px 0px;}
.thanh_visao{text-transform: uppercase;float: left;width: 100%;text-align: center;background: url(images/bg_thanhvisao.png) no-repeat center bottom;padding-bottom: 25px;margin-bottom: 10px;}
.thanh_visao h3{font-family:'MontserratBold';font-size:24px;color: #fff;}
.slogan_visao{max-width: 800px;color: #fff;font-family:'RobotoRegular';font-size: 14px;text-align: center;margin: auto}
.content_visao{float: left;width: 100%;margin-top:25px;}
.item_visao{padding: 0px 50px;}
.chay_visao{margin: 0px -50px;}
.img_visao{float: left;width: 100%;text-align: center}
.img_visao svg{width: 80%}
.info_visao{float: left;width: 100%}
.ten_visao{float: left;width: 100%;text-align: center;color: #fff;font-family:'RobotoBold';font-size: 15px;text-transform: uppercase;margin-top: 5px;margin-bottom: 4px;}
.mota_visao{float: left;width: 100%;text-align: center;color: #fff;font-family:'RobotoRegular';font-size: 15px;}
/*====*/
.nhantin_trai{float: right;width: 380px;}
.wrap_nhantin{ float: left;width: 100%;border: 3px solid #c9c9c9;padding: 10px;}
.tieude_nhantin{float: left;width: 100%;font-size:24px;font-family:'RobotoBold';color: #1fff00;text-transform: uppercase;margin-bottom: 10px;}
.dangkymail{float: left;width: 100%;}
.dangkymail .noidungdk{padding-top:15px;padding-left: 15px;;width: 100%;float: right;margin-bottom: 10px;border: 1px solid #d9d9d9;background:none;outline: none;background: #fff;box-shadow: inset 0px 1px 3px 0px #a7a7a7;}
.dangkymail input{padding-left: 15px;margin-bottom:10px;float: left;height: 40px;outline: none;border: 1px solid #d9d9d9;font-size: 14px;color: #000;background:none;background: #fff;width: 100%;font-family: 'RobotoBold'; box-shadow: inset 0px 1px 3px 0px #a7a7a7;}
.dangkymail input::-webkit-input-placeholder {color: #7b7b7b;}
.dangkymail input:-moz-placeholder {/* Firefox 18- */color: #7b7b7b;}
.dangkymail input::-moz-placeholder {/* Firefox 19+ */color: #7b7b7b;}
.dangkymail input:-ms-input-placeholder {color: #7b7b7b;}
.dangkymail .noidungdk::-webkit-input-placeholder {color: #7b7b7b;font-size: 13px;font-family: 'RobotoRegular';background:none;}
.dangkymail input::-webkit-input-placeholder {color: #7b7b7b;font-size: 14px;font-family: 'RobotoRegular'}
.dangkymail button{width:63px;height: 40px;border:1px solid #17bf00;outline: none;color: #fff;text-transform: uppercase;font-size: 15px;font-family: 'RobotoBold';float: right;margin-right: 5px;background: #1ef600;border-radius: 4px;b}
.dangkymail button#nhaplai{background: #212121}
.dangkymail button:hover{}
/*===*/
.tintuc_bot{float: left;width: 100%;}
.chay_tintuc{margin: 0px -10px;}
.item_tintuc{padding: 0px 10px;margin-bottom: 10px;}
.img_tintucbot{float: left;width: 116px;}
.info_tinbot{float: right;width: calc(100% - 125px);}
.tentin_bot{font-size: 13px!important;}
/*==*/
.thanh_tintuc{float: left;width: 100%;font-family:'RobotoBold';font-size:24px;color:#1fff00;text-transform: uppercase;border-bottom: 3px solid #c9c9c9;padding-bottom: 3px;margin-bottom:25px;}
.tintuc_nhantin{float: left;width: 100%;padding: 30px 0px;}
.tintuc_trai{float: left;width: 800px;}
.tintuc_top{float: left;width: 100%;margin-bottom:15px;}
.img_tintuctop{float: left;width: 270px;}
.img_tintuctop img{max-width: 100%}
.info_tintop{float: right;width:517px;}
.ten_tintop{float: left;width:100%;font-family:'RobotoBold';font-size:15px;color: #393834;margin-bottom: 5px;}
.ten_tintop a{color: #393834}
.ten_tintop a:hover{color: #ff0000}
.ngaydangtin{color: #747474;float: left;width: 100%;font-family:'RobotoRegular';font-size: 14px;}
.ngaydangtin i{font-size: 18px;padding-right: 5px;}
.mota_tintuctop{float: left;width: 100%;margin-top: 10px;font-family:'RobotoRegular';font-size: 14px;color: #3e3e3e}
/*=====doitac====*/
.doitac{float: left;width: 100%;padding: 40px 0px;background: #ededed}
.chaydoitac{margin: 0px -10px}
.item_doitac{padding:0px 10px}
.item_doitac img{width: 100%}
/*====doitac====*/