@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic&subset=latin,vietnamese);
@font-face {
    font-family: 'UTMHelvetIns';
    src: url('../fonts/UTMHelvetIns.eot');
    src: url('../fonts/UTMHelvetIns.eot') format('embedded-opentype'),
         url('../fonts/UTMHelvetIns.woff2') format('woff2'),
         url('../fonts/UTMHelvetIns.woff') format('woff'),
         url('../fonts/UTMHelvetIns.ttf') format('truetype'),
         url('../fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
}

@font-face {
    font-family: 'UTMFlamenco';
    src: url('../fonts/UTMFlamenco.eot');
    src: url('../fonts/UTMFlamenco.eot') format('embedded-opentype'),
         url('../fonts/UTMFlamenco.woff2') format('woff2'),
         url('../fonts/UTMFlamenco.woff') format('woff'),
         url('../fonts/UTMFlamenco.ttf') format('truetype'),
         url('../fonts/UTMFlamenco.svg#UTMFlamenco') format('svg');
}


@font-face {
    font-family: 'avo';
    src: url('../fonts/UTMAvo.eot');
    src: url('../fonts/UTMAvo.eot') format('embedded-opentype'),
         url('../fonts/UTMAvo.woff2') format('woff2'),
         url('../fonts/UTMAvo.woff') format('woff'),
         url('../fonts/UTMAvo.ttf') format('truetype'),
         url('../fonts/UTMAvo.svg#UTMAvo') format('svg');
}
@font-face {
    font-family: 'avo_b';
    src: url('../fonts/UTM_AvoBold.eot');
    src: url('../fonts/UTM_AvoBold.eot') format('embedded-opentype'),
         url('../fonts/UTM_AvoBold.woff') format('woff'),
         url('../fonts/UTM_AvoBold.ttf') format('truetype'),
         url('../fonts/UTM_AvoBold.svg#UTMAvo') format('svg');
}
@font-face {
    font-family: 'UTMDinhTran';
    src: url('../fonts/UTMDinhTran.eot');
    src: url('../fonts/UTMDinhTran.eot') format('embedded-opentype'),
         url('../fonts/UTMDinhTran.woff2') format('woff2'),
         url('../fonts/UTMDinhTran.woff') format('woff'),
         url('../fonts/UTMDinhTran.ttf') format('truetype'),
         url('../fonts/UTMDinhTran.svg#UTMDinhTran') format('svg');
}
@font-face {
    font-family: 'UTMBeautifulCaps';
    src: url('../fonts/UTMBeautifulCaps.eot');
    src: url('../fonts/UTMBeautifulCaps.eot') format('embedded-opentype'),
         url('../fonts/UTMBeautifulCaps.woff2') format('woff2'),
         url('../fonts/UTMBeautifulCaps.woff') format('woff'),
         url('../fonts/UTMBeautifulCaps.ttf') format('truetype'),
         url('../fonts/UTMBeautifulCaps.svg#UTMBeautifulCaps') format('svg');
}
.paddl_0{padding-left: 0 !important;}
.paddr_0{padding-right: 0 !important;}

/* ----back to top--- */
#top{width:45px; height:44px; background:url(../images/top.png); position:fixed; right:30px; bottom:126px; cursor:pointer; display:none; z-index:100}
/* ----main layout---- */
.wrapper{margin: auto; width: 100%;position: relative;}
#wrapper{margin: auto;}
#content{padding-top: 15px;}
#info{position: relative;}
.container-left{position: relative;}
.container-right{position: relative;}
.content{border:thin solid #eaeaea;border-radius: 5px;margin-bottom: 20px;background: #fdfdfd;}
.content_wrap{padding:15px;}
.line{height: 0px;border:1px dashed #cecece;margin: 20px 0;}
/* ---breadcums--- */
#breadcrumbs{position: relative;}
#breadcrumbs ul{position: relative;margin: 0;}
/* ---titile man--- */
.itna {
    margin: 3px;
    border-bottom: solid 0.5px #dddddd;
    padding: 5px 0px;
}
.tt_main{position: relative;margin: 0px 0 0px;background: url("image/icon-title1.png") no-repeat left top;padding: 6px 15px 6px 25px;border-bottom: 3px solid #1075e7;}
.tt_main .title{margin: 0; position: relative; font-size:18px;color: #fff !important;font-family: 'Arial';text-transform: none;font-weight: normal;line-height: 1em;}
/* ---header--- */
.tt_shadow{text-shadow:1px 0 0 #ffff00,-1px 0 6px #ffff00,0 1px 0 #ffff00,0 -1px 0 #ffff00,1px 1px #ffff00,-1px -1px 0 #ffff00,1px -1px 0 #ffff00,-1px 1px 0 #ffff00;}
.tt_shadow1{text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 1px #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;}

.header{background: #ffffff;}
.header_top{background: #efefef; padding: 2px 0; line-height: 30px; color:#69696a;font-size:14px;font-family: 'Roboto Condensed'}
.header_top{ margin: auto;}
.header_top .slogan{display: inline-block;font-style: italic;}
.header_top .hotline{float:right;padding:0 40px;margin-right: 60px;display: inline-block;}
.header_top .mxh{float: right;display: inline-block;}

#lang{position: absolute;top: 10px;right: 0;}
#header-midle{position: relative;}
.header-midle{background-size: cover;position: relative;padding: 0px;}
.header-midle .logo img{position: relative;z-index: 99999;}
.header-midle .logo{position: relative;z-index: 999;text-align: center;left: 0;/* top: 5px */}
.header-midle .banner{position:relative;} 
.header-midle .banner img{}
.header-midle .email{text-align: center;font-family: 'avo';font-size: 14px;color: #424242;}
.header-midle .email i{font-size: 18px;}
.header-midle .banner .mxh{text-align: right;}
.header-midle .banner .banner_r{text-align: right;}
.header-midle .hotline{position: relative;background: url(../images/hotline.png) left center no-repeat;padding: 5px 0px;font-family: 'Roboto Condensed';font-size: 20px;color: #ff0000;padding-left: 35px;display: inline-block;font-weight: bold;}
.header-midle .hotline span{color: #f20909;font-weight: bold}
.header_r{position: absolute;right: 0px;z-index: 999;top: 70px;}
.cart{width:40px;height: 40px;background: url(../images/icon_cart.png);position: absolute;bottom: 0px;right: 10px;display: none;}
#cart{position: absolute; background: #d60c0c;border: 50%;color: #fff;border:2px solid #fff;;top: 0px;right: -10px;    padding: 0px 6px 4px;height: 20px;line-height: 15px;font-size: 10px; border-radius: 8px;}
.cart a{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;}

/* .amazingslider-arrow-right-1{width: 46px !important;height: 46px !important;background: url(../images/slider_r.png) !important; right: 20px !important;}
.amazingslider-arrow-left-1{width: 46px !important;height: 46px !important;background: url(../images/slider_l.png) !important; left: 115px !important;}
 */
.mm-opening .wrapper:before{display: none}
nav#menu{background:#6386d6}
nav#menu ul li a, .mm-title{font-family:'Open Sans'; font-size:16px; color:#fff; text-transform:uppercase}
.mm-title{font-size:20px; color:#fff !important}
nav#menu ul li a:hover{background:rgba(255,255,255,0.1)}
.menu-l{width:auto; display:inline-block}
nav:not(.mm-menu){display:none}
.menu_rp{  
background: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC ) center center no-repeat rgba(0,116,199,.6);
  display:none;  border-radius:5px;  border:3px solid rgba(255,255,255,0.5);  width:40px;  /*padding:5px; */ height:40px;  position:fixed;  top:40px;  z-index:9999;  right:10px}

#menu_top{margin: 0px 0;position:relative;font-family:'Roboto Condensed',Tahoma;background: url('image/bg_menu.png') top center repeat-x;z-index: 99;width: 100% !important;text-align: left;height: 47px;line-height: 47px;border-top: solid 1px #eff7ff;}
#menu_top .menu_wrap{}

#menu_top #danhmuc{width: 285px;height: 45px;float: left;color: #6386d6;background: #e7e3bd;margin-top: 1px;text-align: left;position: relative;z-index: 0;}
#menu_top #danhmuc h3{margin: 0; font-size: 18px;line-height: 45px;padding-left: 30px;font-weight: bold;cursor: pointer;}
#menu_top #danhmuc h3 i{color:#00853c}
/* #menu_top #danhmuc:hover{z-index: 99999} */
#menu_top #danhmuc:hover .dm_active{opacity: 1 !important;z-index: 9999;display: block;}
#menu_top #danhmuc .dm_wrap{opacity: 0;position: absolute;top: 100%;left: 0;width: 100%;z-index:0;display: none}
#menu_top #danhmuc .dm_wrap .dm_top{border: thin solid #e7e7e7;position: relative;background: #e7e3bd;z-index: 0}
#menu_top #danhmuc .dm_wrap .dm_top >ul{margin: 0;}
#menu_top #danhmuc .dm_wrap .dm_top >ul ul{position: absolute;left: 200%;top:0px;opacity: 0;border: thin solid #e7e7e7;background: #fff;}
#menu_top #danhmuc .dm_wrap .dm_top >ul >li{position: relative; list-style: none;border-bottom: thin solid #E8D60C;height: 50px;line-height: 50px;background: url(../images/left_li.png) 21px center no-repeat;padding-left: 50px;}
#menu_top #danhmuc .dm_wrap .dm_top >ul >li:last-child{border-bottom:none;}
#menu_top #danhmuc .dm_wrap .dm_top >ul >li >a{text-transform: uppercase;color: #6386d6;}
#menu_top #danhmuc .dm_wrap .dm_top >ul >li:hover{background:  url(../images/left_li.png) 21px center no-repeat #6386d6;}
#menu_top #danhmuc .dm_wrap .dm_top >ul >li:hover > a{color: #fff;}
#menu_top #danhmuc .dm_wrap .dm_top >ul >li:hover ul{left: 100%;padding-right: 15px;opacity: 1}
#menu_top #danhmuc .dm_wrap .dm_top >ul >li ul li{position: relative; list-style: none;border-bottom: thin solid #f3f3f3;height: 40px;line-height: 40px;background: url(../images/left_li.png) 21px center no-repeat;padding-left: 50px;}
#menu_top #danhmuc .dm_wrap .dm_top >ul >li  ul li a{text-transform: uppercase;color: #7d7c7c;white-space: nowrap;}
#menu_top #danhmuc .dm_wrap .dm_top >ul >li  ul li a:hover{color: #f00;}
#menu_top .logo_m{transform: scale(0); height: 100%;opacity: 0;padding: 4px;background: #fff;box-sizing: border-box;margin-right: 10px;}
#menu_top #myslidemenu{margin:0 auto; position:relative;display: inline-block;}
#menu_top ul#nav{display:inline-block;padding: 0;margin: 0;}
#menu_top ul#nav li{list-style: none;}
#menu_top ul#nav >li{display:inline-block; text-transform:uppercase; text-align:center; font-weight:normal; font-size:16px;}
#menu_top ul#nav >li img{position:relative; top:9px;}
#menu_top ul#nav >li >a{position:relative;display:inline-block;display:block;padding: 15px  32px !important;line-height:1em;position:relative;color:#fff;}
#menu_top ul#nav >li:last-child >a:after{display: none;}
#menu_top ul#nav >li >a.menu_active,#menu_top ul#nav >li:hover >a{color:#ff0 !important;background: #00b85b;}
#menu_top ul#nav >li >ul li{height:auto !important;}
#menu_top ul#nav >li >ul li a{background:#081039; border-bottom:thin #2E1FC7 solid;color:#fff; transition:all 1s;    padding-right: 10px;text-transform: uppercase;font-family: 'Roboto Condensed'}
#menu_top ul#nav >li >ul li:hover>a{color:#ff0 !important; background:#1D147D; }
.noboder{border:none;}
.vach_menu{background: url(../images/vach_menu.png) right center no-repeat;}
.active_top .logo_m{transform:scale(1) !important;opacity: 1 !important;float: left !important;}
#menu_top.active_top ul#nav >li >a{padding:0px 16px !important;}

#slider{padding:15px 0;}
#slider .dm_top{border: thin solid #e7e7e7;/* height: 448px; */position: relative;z-index: 9999;}
#slider .dm_top >ul{margin: 0;}
#slider .dm_top >ul ul{position: absolute;left: 200%;top:0px;opacity: 0;border: thin solid #e7e7e7;background: #fff;z-index: 0;display: none}
#slider .dm_top >ul >li{position: relative;list-style: none;border-bottom: thin solid #f3f3f3;height: 50px;line-height: 50px;background: url(../images/li.gif) 19px center no-repeat;padding-left: 31px;}
#slider .dm_top >ul >li:lsat-child{border-bottom:none;}
#slider .dm_top >ul >li >a{text-transform: uppercase;color: #464646;font-size: 15px;}
#slider .dm_top >ul >li:hover{background: url(../images/li.gif) 21px center no-repeat #ffffff;}
#slider .dm_top >ul >li:hover > a{color: #008341;}
#slider .dm_top >ul >li:hover ul{left: 100%;padding-right: 15px;opacity: 1;z-index: 1;display: block}
#slider .dm_top >ul >li ul li{position: relative;list-style: none;border-bottom: thin solid #f3f3f3;height: 40px;line-height: 40px;background: url(../images/li.gif) 13px center no-repeat;padding-left: 27px;}
#slider .dm_top >ul >li  ul li a{text-transform: uppercase;color: #7d7c7c;white-space: nowrap;}
#slider .dm_top >ul >li  ul li a:hover{color: #f00;}
.doitac-slider{padding-top: 20px; padding-bottom: 20px;}
.title-doitac h2{background: url(../images/line.png) repeat-x center left; height: 34px; line-height: 34px;}
.title-doitac h2 span{display: inline-block; padding: 0px 60px; background: url(../images/bg-title.png) no-repeat; background-size: 100% 100%; font-family: 'Roboto Condensed', sans-serif; color: #fff; text-transform: uppercase; font-weight: normal; font-size: 16px;}
.doitac-slider .item{box-sizing:border-box; background: #fff;}
.doitac{background: #fff;padding:20px 0 10px;}
.tt_dt{position: relative;font-family: 'Roboto Condensed';height: 40px;line-height: 40px; text-align: center;overflow: hidden;}
.tt_dt h3{position: relative;display: inline-block;font-size: 20px;padding: 0 15px;color: #2d352d;}
.tt_dt h3:after{position: absolute;height: 1px;background: #e5e5e5;width: 1000px;top: 50%;left: 100%;content: '';}
.tt_dt h3:before{position: absolute;height: 1px;background: #e5e5e5;width: 1000px;top: 50%;right: 100%;content: '';}
.doitac-slider{margin: -20px auto 0 !important;}
.doitac{padding:20px 0;}
.dt_box{background: #fff;}
.doitac  .item {padding:10px;}
.doitac  .item img{border:thin solid #e5e5e5;}
.doitac .slick-prev{width: 29px;height: 58px;background: url(../images/but_l.png);        left: -62px;top: 40%;opacity: 1;}
.doitac .slick-next{width: 29px;height: 58px;background: url(../images/but_r.png);    right: -62px;top: 40%;opacity: 1;}
/* ---footer--- */
.footer{
 background: #1075e7;
 padding: 30px 0px 30px;
 position: relative;
 margin-top: 8px;
 }
#footer{margin: auto;color: #fff}
#footer a{color: #fff}
#footer a:hover{color: #ff0;}
#footer .tt_ft{font-family: 'avo_b'; font-size:16px;color:#ffff00;text-transform: uppercase;margin-bottom: 15px;font-weight: normal;}
#footer .tt_ft_small{font-family: 'avo'; font-size: 16px;color:#fff;text-transform: uppercase;margin-bottom: 15px;font-weight: normal;}
.ft-col{font-family: 'Tahoma';color: #fff;}
.ft_item{background:#0074c7;border-radius: 10px;padding:20px 15px;margin-bottom: 20px;}
.ft_item img{float: left;margin-right: 15px;}
.ft_item h3{color: #fff;font-family: 'UTMHelvetIns';font-size: 20px;margin: 0px 0 5px;text-transform: uppercase;}
.ft_item  p{color: #fff;font-family: 'Roboto Condensed';font-size: 14px;line-height: 25px;}
.ft_item  p span{color: #ff0;font-size: 18px;font-weight: bold;}

.dknhantin{position: relative;margin: 0 auto;}
.dknhantin input{background: #fff; border: none; height: 40px; padding: 0px 10px; color: #000000;    width:100%;outline: none;margin-bottom: 10px;}
.dknhantin h3{margin-bottom: 10px;}
.dknhantin input:focus{outline: none;}
.dknhantin button{border: none; background: #6386d6; color: #fff; height: 40px;width: 80px;  box-sizing:border-box; position: relative;outline: none;text-align: center;margin: 10px 0}

#timkiem{position: relative;margin: 0 auto;height: 34px;margin-top: 0px;margin-right: 100px;}
#timkiem input{background: #fff; border: 2px solid #ff0000; height: 34px; padding: 0px 10px; color: #ccc;    width:calc(100% - 80px);float: left;outline: none}
#timkiem input:focus{outline: none;}
#timkiem button{border: none; background: #ff0000; color: #fff; height: 34px;width: 80px;  box-sizing:border-box; position: relative;outline: none;float: right;text-align: center; }

.social-bt{margin: 4px 0 0;}
.social-bt img{position: relative;margin-right: 6px;}
.footer_end{line-height:30px; color:#696775; background:#110e32; position:relative; width:100%; bottom:0; left:0;font-size: 12px;padding: 5px 0;}
.footer_end b{color: #0192ea;}
.copy{float:left; color:#696775;}
.ft_tags{margin-top:20px;}

#thongke{  position: relative;font-size: 13px;padding-left:40px;display: inline-block;}
#thongke li{line-height:16px; position:relative;list-style: none;color: #696775;display: inline-block;padding:0 15px;border-right:1px solid #696775;}
#thongke li:last-child{border:none;}
#thongke img{position:relative; top:5px; margin-right:5px}
#thongke span{color:#696775; font-weight:bold; display: inline-block;margin-left: 20px;}

.title-index{ width:100%; margin: 0px 0px 10px 0px ;  padding: 0px 0px 0px 0px; border-bottom: 1px solid #cdcdcd; color: #00aeef;height: 33px; }
.title-index img{ float: left; margin-right: 10px;} 
.title-index  h4{margin: 0;/* font-family: 'Roboto Condensed', sans-serif; */font-weight: 400;padding-right:30px;color: #1075e7;text-transform:uppercase;font-size: 18px;display: inline-block;height: 36px;line-height:36px;}

.khung_trai{}
.khung_phai{}
.title-left h2 span{font-family: 'Roboto Condensed', sans-serif; color:#1666A3; display: inline-block; height: 35px; line-height:35px; border-bottom:5px solid #1A67A3; }
.title-left h2{border-bottom:1px solid #1A67A3; margin-bottom: 20px;}
.form_contact{padding-bottom: 10px; margin-bottom: 10px; border-bottom: dashed 1px #ccc;}
.form_lh label{font-family: 'Roboto Condensed', sans-serif; font-size: 14px;}
.form_lh .tflienhe{display: block; width: 100%;height: 30px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #95C7DA;    box-sizing:border-box;margin-bottom:10px;border-radius: 3px;}
.form_lh .tflienhe:focus{outline:none;}
.form_lh{margin-bottom:20px;}
.button-contact { border: none;padding: 9px 20px; background: #0074C7; color: #fff;cursor: pointer;border-radius: 4px;}
.button-contact:hover { background: #045FA0;}
.ta_noidung{background-color:#FFFFFF; color:#666666; height:120px; width:100%; padding:10px; box-sizing:border-box;border: 1px solid #95C7DA;border-radius: 3px; }


.moudle-left{margin-bottom: 10px;}
.moudle-left ul li a{font-size: 12px; display: block; padding: 5px;}
.moudle-left ul li a:hover{background: #fff;}
.thanh_title h2{font-size: 12px; text-transform: uppercase;}
.danhmuc{border: 1px solid #e1e1e1;    border-radius: 5px 5px 0 0;}

/*--------------tags---------------------*/
.tags{background: #E4BC24;display: inline-block;padding: 0px 5px; line-height: 25px;color: #fff;padding-right: 15px; margin-bottom: 5px;margin-right:5px;position: relative;}
.tags:before{content: '';height: 0px;width: 0px;position: absolute;top: 0px;left: -10px;border-top: 13px solid transparent;border-bottom: 12px solid transparent;border-right: 10px solid #E4BC24;}
.tags:after{content: '';height: 0px;width: 0px; position: absolute;top: 0px;right: 0px;border-top: 13px solid transparent;border-bottom: 12px solid transparent;border-right: 10px solid #fff;}
.tags span{ width: 10px; height: 10px; float: left; background:#fff; margin: 7px 10px 0px 0px; border-radius: 100%; }
.tags:hover span{ background:#FDF759; }
/*-----------------end tags-----------------------*/
.product-pic{position: relative;}
.product-info{position: relative;}
.khung_thongtin{padding-left: 20px; font-family: 'Roboto Condensed', sans-serif;}
.khung_thongtin li{ padding: 5px 0px 5px 0px; border-bottom: 1px solid #eee; width: 100%; float: left;list-style: none}
.khung_thongtin h2{font-size: 24px;color: #1075e7;text-transform: uppercase;}
.khung_thongtin .masp{color:#008CC0;}
.khung_thongtin .mota_detail{ color: #757575}
.khung_thongtin .gia_detail{ font-size: 24px; color: #cd0000; font-weight: bold;}
.khung_thongtin .gia_detail b{ color: #333;    font-size: 14px;}
.khung_thongtin .giacu_detail{ color:#999; text-decoration: line-through;}
.khung_thongtin .giacu_detail span{ text-decoration: line-through;}
.khung_thongtin .baohanh_detail{ color: #015DA4;}
.gia_detail span{ font-size: 14px; color: #666;}

/* -------Them moi---------- */

.da_item{position: relative;margin:0 0px 20px 0;width: 25%;min-height: 252px;}

.da_item .img{position: relative;overflow: hidden;border-bottom:thin solid #e1e1e1;}
.da_item .img .km{position: absolute;top: 15px;right: 15px;height: 34px;width: 34px;background: url(../images/km.png);line-height: 34px;text-align: center;color: #fff;font-size: 11px;}
.da_item .img img{width: 100%;height: 176px;}
.da_item .img a{display: block;line-height: 0;}
.da_item h3{position: relative;top:auto;left: 0;bottom: 0;right: 0;text-align: center;padding:6px 15px 0px; overflow: hidden;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;}
.da_item h3 a{width: 100%; color: #000;font-size: 15px;text-transform: uppercase;font-weight: normal;overflow: hidden;font-family: 'Roboto Condensed';- text-align: left;
white-space: inherit;
line-height: 20px;
height: 40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.da_item h3 a span{display: table-cell;vertical-align: middle;}
.da_item .chitiet{display: inline-block;float: right; z-index: 9999; text-align: center;position: relative;margin: 10px 10px 10px 0;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;}
.da_item .chitiet a{padding: 6px 10px; background: #0074c7;color: #fff;font-family: 'Roboto Condensed';font-size: 13px;display: inline-block;font-weight: bold;border-radius: 5px;}
.da_item .over_lay{position:absolute;top:38%;left:0;right:0;z-index:111;text-align:center;margin-top:-20px;opacity:0;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;}
.da_item .over_lay h4{padding:0 15px;display:block;text-transform:uppercase;font-size:12px;color:#D7DC02;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;text-align:center;}
.da_item .over_lay a.xemthem{position:relative;display:inline-block;color:#ffffff;text-decoration:none;margin-top:40px;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;font-family:'Droid Serif';font-size:13px;font-style:italic;}
/* .da_item .over_lay a.xemthem:after{content:" ";height:1px;width:0;display:block;background:#ffffff;position:absolute;bottom:0;left:0;right:0;margin:0 auto;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;} */

.da_item .chitiet a:hover{background:#025998 }
.da_item:hover .over_lay{margin-top:0;opacity:1;}
.da_item:hover .over_lay h4{margin-bottom:0;}
.da_item:hover .over_lay a.xemthem{margin-top:0;}
.da_item .over_lay a.xemthem:hover{color: #ff0;background: #6386d6;}
.da_item:hover .over_lay a.xemthem:hover:after { width:100%; }
.slider_home{/* width: 80%; */float: left;margin: 0 !important;}
.slider_home .da_item{width: 25%;float: left;}
.ads{margin-bottom: 20px;}
.box_pro{}
.nt_item {border:none;}
.nt_item .wrap{position: relative;border:thin solid #f7f3f7;min-height: 252px;background: #ffffff;border: solid 3px #ddd;}
.nt_item h3{margin: 0;display: inline-block;}
.nt_item h3 a{font-size: 13px;color: #333;}
.nt_item .over_lay h4{font-family: 'Roboto Condensed';font-size: 16px;color: #ffffff;position: relative;}
/* .nt_item .over_lay h4:after{content: '';background: #fdca0b;height: 8px;width: 60px;top: -25px;left: calc(50% - 30px);position: absolute;} */
.nt_item .over_lay a.xemthem{font-style: normal;font-family: 'Roboto Condensed';font-size: 15px;margin-top: 60px;padding: 8px 15px;border:thin solid #fff;}
.nt_item:hover .over_lay a.xemthem{margin-top:20px !important;}
.nt_item:hover .img img{transform:scale(1.1);}
.nt_item .pro_info{display: inline-block;}
.nt_item .price{color: #333;padding:0px 15px 6px;font-size: 13px;}
.nt_item .price span{color: #ff0018;font-weight: normal;}
.price-old{color: #ffffff;padding:0px 15px 6px;font-size: 13px;}
.price-old span{color: #ffffff;font-weight: normal;text-decoration: line-through;}
.nt_item .giohang1 {text-align: right;margin-bottom: 15px;padding: 0 10px;}
.nt_item .giohang1 a{color: #333;display: inline-block;padding:5px 10px;cursor: pointer;border-radius: 3px;}
.nt_item .giohang1 a i{color: #1075e7;}
.nt_item .giohang1 a:hover{background: #1075e7;color: #fff;}
.nt_item .giohang1 a:hover i{color: #fff;}

.da_in{margin:0 18px 20px 0;}
.da_in:nth-child(3n){margin-right:18px;}
.da_in:nth-child(3n+1){clear: none;}
.da_in:nth-child(5n){margin-right:0px;}
.da_in:nth-child(5n+1){clear: both;}
/* ---video--- */
.tt_video{margin-bottom: 10px;padding-bottom:30px;background: url(../images/tt_video.png) center no-repeat;font-family: 'avo';font-size: 22px;text-transform: uppercase;color: #005ccd;text-align: center;}
.video{ margin:0px auto 20px; position:relative; }
#video{position:absolute; bottom:0; left:0px;height:25px;width:100%;opacity: 0;}
#vide-iframe{position:relative;}
.nut_video{position:absolute; height:64px; width:64px; background:url(../images/nut_video.png); top:calc(50% - 30px); left:calc(50% - 30px)}
.nut_video:hover{opacity:0.6}
.video:hover #video{opacity: 1;}
.video a{display: block;line-height: 0px;}
/* ---about home--- */
.gt_box{padding: 30px 0 30px;background: #fff;margin: 0px 0 0px;}
.gt_home{}
.gt_home .img{position: relative;overflow: hidden;float: left;margin-right: 20px;}
.gt_home h3{margin: 0px 0 5px;}
.gt_home h3 a{color: #005dc1;font-size: 16px;font-family: 'Roboto Condensed',Tahoma;text-transform: uppercase;}
.gt_home h3 a:hover{color:#f00;}
.gt_home .desc{text-align: justify;font-size: 14px;line-height: 1.7em}
.gt_home .xemthem{text-align: right;margin: 30px 0;}
.gt_home .xemthem a{display: inline-block;padding: 8px 27px; transition:all 0.5s;border:thin solid #dfdfdf;background: url(../images/xemthem.png) 95% center no-repeat;font-family: 'Roboto Condensed';font-size: 14px;color: #2e2e2e;}
.gt_home .xemthem a:hover{color: #fff;background:url(../images/xemthem.png) 95% center no-repeat #0069CC}
/* --item-- */
.dv_item{position: relative;margin:0 0px 20px 0;overflow: hidden;}
.dv_item:nth-child(3n){margin-right: 0;}
.dv_item:nth-child(3n+1){clear:both;}
.dv_item .img{position: relative;overflow: hidden;}
.dv_item .img img{width: 100%}
.dv_item .img a{display: block;line-height: 0;}
.dv_item h3{position: relative;text-align: center;margin: 15px 0 10px 0;}
.dv_item h3 a{position: relative; color: #0367ae;font-size: 18px;text-transform: uppercase;font-weight: normal;overflow: hidden;line-height: 30px;font-family: 'Roboto Condensed';}
.dv_item h3 a:after{content:" ";height:1px;width:0;display:block;background:#f00;position:absolute;bottom:0;left:0;right:0;margin:0 auto;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;}
.dv_item h3 a:hover{color: #f00;}
.dv_item h3 a:hover::after{width: 100%;}
.dv_item .over_lay{position:absolute !important;bottom:0;top:0;left:0;right:0;z-index:111;}
.dv_item .desc{font-family: 'Roboto Condensed';font-size: 14px;color: #666666;text-align: justify;}


/* Shine Hover over*/
.shine .over_lay { position: absolute;bottom:0;top:0;left:0;right:0;z-index:1;}
.shine .over_lay::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.shine:hover .over_lay::before {-webkit-animation: shine .75s;animation: shine .75s;}
.shine .over_lay a{position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 99;}
@-webkit-keyframes shine 
{ 
    100% {left: 125%;}
}
@keyframes shine 
{ 
   100%  {left: 125%;}
}

.noidung_tab{background: #fff;}
ul.cat{margin: 0px 0 0px 0;}
ul.cat li{display: inline-block;position:relative;float:left;height:50px;line-height:50px;width: 250px;}
ul.cat li a{display: block;font-size: 12px;color: #fff;text-transform: uppercase;;background: #2c2d35;text-align: center;font-family: 'Roboto Condensed';font-size: 24px;}
ul.cat li a.selected{ position: relative;background: #007bd1;}

/* ---news--- */
.first-item-news {overflow: hidden;margin: 0 0 15px 0;}
.first-item-news .img{position: relative;z-index: 99;margin-right: 15px;overflow: hidden;}
.first-item-news img{width:100%;}
.first-item-news h3 a:hover{color:#f00 !important;}
.first-item-news:nth-child(2n+1) .first-item-news-wrap{background: #ededed;}
.first-item-news:nth-child(2n) .first-item-news-wrap{border-left: 3px solid #6386d6;}
/* .first-item-news:nth-child(4n) .first-item-news-wrap{background: #ededed;} */
.first-item-news h3{margin:0;}
.first-item-news h3 a{color: #393939;font-size: 14px;font-weight: bold;text-transform: uppercase;}
.first-item-news .desc_cont{text-align:justify; font-family:'Roboto Condensed'; font-size:14px;    line-height: 20px;}
.first-item-news .desc{font-family:'Roboto Condensed';padding:15px;box-sizing: border-box;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;}
/* .first-item-news .desc:hover{background:rgba(0,0,0,0.5); } */
.first-item-news .desc >div{position: relative;}
/* .first-item-news .desc >div:before{content: " ";position: absolute;top: -15px;left: -15px;bottom:-15px;right: -15px;border: 2px solid transparent;z-index: 100;-webkit-transform: translateZ(0);transform: translateZ(0);transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.25s ease 0s;opacity: 0;} */
/* .first-item-news .desc >div:after{content: " ";position: absolute;top: -15px;left: -15px;bottom:-15px;right: -15px;/* background: rgba(0,0,0,0.5); */z-index: 100;opacity: 0;transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.25s ease 0s} */
.first-item-news .desc .over_lay{position:absolute;top:28%;left:0;right:0;bottom:0; z-index:111;text-align:center;margin-top:-20px;opacity:0;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;}
.first-item-news .desc .over_lay h4{padding:0 15px;display:block;text-transform:uppercase;font-size:12px;color:#D7DC02;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;text-align:center;}
.first-item-news .desc .over_lay a.xemthem{padding: 6px 10px;background: #0074c7;border-radius: 3px; position:relative;display:inline-block;color:#ffffff;text-decoration:none;margin-top:50px;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;font-family:'Tahoma';font-size:13px;font-style:normal;}
.first-item-news .desc .over_lay a.xemthem:hover{background: #065995;}
/* .first-item-news .desc .over_lay a.xemthem:after{content:" ";height:1px;width:0;display:block;background:#ffffff;position:absolute;bottom:0;left:0;right:0;margin:0 auto;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;} */
/* .first-item-news .desc >div:hover:after { opacity:1; }
.first-item-news .desc >div:hover:before {opacity:1;top:0px;left:0px;bottom:0px;right:0px;border:2px solid rgba(255,255,255,0.8);} */
/* .first-item-news .desc >div:hover .over_lay{margin-top:0;opacity:1;}
.first-item-news .desc >div:hover .over_lay h4{margin-bottom:0;}
.first-item-news .desc >div:hover .over_lay a.xemthem{margin-top:0;}
.first-item-news .desc >div .over_lay a.xemthem:hover{color: #ff0;}
.first-item-news .desc >div:hover .over_lay a.xemthem:hover:after { width:100%; } */
/* .first-item-news:hover .first-item-news-wrap {background:#0074c7 } */
/* .first-item-news:hover .desc *{color: #fff;} */
/* .first-item-news:hover h3 a{color: #fff;} */
.box_tintuc{background: #f2f2f2;padding:50px 0 30px;}
.box_tt{width:575px;float: left;}
.box_tt:nth-child(2){float: right;}
.box_tt .tt_last{background: url(../images/tt_end.png) left center no-repeat;text-indent: 20px;margin-bottom: 20px;}
.box_tt .tt_last h3{font-size: 20px;font-family: 'Roboto Condensed';color: #2d352d;text-transform: uppercase;}

.box-news{position: relative;margin: 15px 0 15px;}
.box-news .img{margin-right: 10px;position: relative;overflow: hidden;padding:4px;background: #fff;border:thin solid #d6d6d6;box-shadow: 4px 4px 0 #ebebeb;}
.box-news .img img{border-radius: 0;width: 100%;}
.box-news h3{font-size: 12px;margin: 0 0 10px;font-weight: bold;}
.box-news h3 a{color: #0068d0;}
.box-news h3 a:hover{color: #f00;}
.box-news a.chitiet{color: #09a651;font-size: 13px;font-family: 'Roboto Condensed';display: block;text-align: right}
.box-news .desc{font-size: 12px;color: #333333;text-align: justify;}
.box-news:hover img{transform:scale(1.1);}
.tieude{font-family: 'Tahoma';color: #055699;font-size: 17px;margin-top: 0;}
.date{color: #999;font-size: 12px;margin-top: 5px;margin-bottom: 5px;}

/* ---menu left--- */
ul.cateUl{width:100%; margin:0 auto}
ul.cateUl >li{transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s}
ul.cateUl >li{position:relative; display:block; background:url(../images/li_bg.png) bottom center no-repeat #f8f8f8;}
ul.cateUl >li:last-child{}
ul.cateUl >li >a{display:block; font-size:13px; color:#393939; background:url(../images/left_li.png) 10px center no-repeat; text-transform:none; padding-left:27px; height: 41px;line-height: 34px; font-family:'Roboto Condensed'; text-transform:uppercase; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
ul.cateUl>li ul{}
ul.cateUl>li>ul>li{display:block; position:relative}
ul.cateUl>li>ul>li:last-child{background:none}
ul.cateUl>li ul li > a{font-size:14px; display:block; height:35px; line-height:35px; text-indent:45px; color:#393939; text-transform:capitalize; background:url(../images/arow1.png) 28px 15px no-repeat}
ul.cateUl>li ul li ul li a{font-size:14px; display:block; height:35px; line-height:35px; text-indent:50px; color:#393939; text-transform:capitalize;background:none; }
ul.cateUl>li>ul li>a:hover{color:#f00 !important; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; text-indent:25px !important; background-position:10px !important}
ul.cateUl>li>a:hover{transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; color:#f00; font-weight:normal}
.active1{transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; color:#f00 !important; font-weight:bold}
/* ---content end--- */
#content_end{background: url(../images/content_end_bg.png);padding: 50px 0;}
.box_end{width: 368px;float: left;margin-right: 45px;border:thin solid #e7e7e7;border-radius: 5px;box-shadow: 5px 5px #e7e7e7;background: #f8f8f8;position: relative;}
.box_end:nth-child(3){margin-right: 0px;}
.box_end .tt_end{}
.box_end .tt_end{position: relative;background: url(../images/left_tt.png) repeat-x;margin: 0px 0 0px;height: 60px;line-height: 60px;border-radius: 5px 5px 0 0; }
.box_end .tt_end .title{font-size: 18px;color: #fff;font-family: 'Roboto Condensed';text-transform: uppercase;font-weight: bold;line-height: 60px;background: url(../images/left_bg_icon.png) 13px center no-repeat;text-align:center;}
/* ---suport--- */
.hotro{position: relative;margin-top: 10px;}
.hotro .img_bg{}
.hotro .hotline{position: absolute;top: 12px;left:18px;font-size: 24px;color: #4b4b4b;background: url(../images/hotro_hotline.png) left center no-repeat;padding:13px 0;padding-left: 60px;}
.hotro .hotline span{font-weight: bold;color: #e90202;}
.hotro .hotline b{font-weight: normal;display: inline-block;margin-left: 12px;margin-top: 8px;}
.hotro .ht_item{margin: 5px 0;}
.hotro .dienthoai{height: 38px;line-height: 38px; padding-left:45px;background: url(../images/dienthoai.png) left center no-repeat;position: absolute;bottom: 10px;left: 18px;font-size: 24px;color: #4b4b4b;}
.hotro .dienthoai span{font-weight: bold;color: #e90202;}
.hotro .ht_item .ten{text-align: center;position: absolute;top: 85px;left: 20px;}

/* ---map home--- */
.map_home{}
#map_canvas2{height: 160px;}
/* ---- */
.wrap_tt{padding:25px 0 30px 0;}
.tt_gt{position: relative;padding-bottom:10px;margin: 20px 0 0px;overflow: hidden; }
.tt_gt .title{margin: 0; display: inline-block; font-size: 25px;color: #0074c7;font-family: 'UVNBaiSau_R',Tahoma;text-transform: uppercase;font-weight: bold;line-height: 30px;background: #fff;position: relative;padding-left: 20px;padding-right: 10px; font-weight: normal;margin-bottom: 15px;}
.tt_gt .title:after{content: '';position: absolute;width: 9px;height: 27px;background: #0074c7;left:0;top:  calc(50% - 13px);}
.tt_gt .title:before{content: '';position: absolute;width: 1200px;height: 1px;background: #0074c7;left:100%;bottom: 0;}
.box_left{width: 825px;float: left;}
.box_right{width: 345px;float: right;}
.right_box{height: 375px;overflow: hidden; box-sizing: border-box;float: left;border:1px solid #f4f4f4;background: #fafafa;padding:10px;}
.right_box .right_wrap{padding:0 10px 0 18px;}
.right_box .right_wrap div.item1{border-bottom: 1px solid #eaeaea; padding: 9px 0;position: relative;}
.right_box .right_wrap div.item1:after{content: '';width: 6px;height: 6px;background: #0192ea;    left: -14px;top: 16px;position: absolute;}
.right_box .right_wrap div.item1 a{color: #0959b6;font-size: 12px;}
.right_box .right_wrap div.item1 a:hover{color: #f00;}
.content_left{width: 410px;height: 375px;overflow: hidden; box-sizing: border-box;float: left;border:1px solid #f4f4f4;background: #fafafa;padding:10px;}
.content_left h3{font-weight: normal;margin: 0 0 10px;}
.content_left h3 a{font-size: 13px;color: #026ed4;text-transform: uppercase;}
.content_left h3 a:hover{color: #f00;}
.content_left .img{border:1px solid #c8c8c8;padding:2px;margin: 0 0 10px;}
.content_left .img img{width: 100%;transition:all 0.5s;}
.content_left .img img:hover{opacity: 0.8;}
.content_left .desc{font-size: 12px;color: #535353;text-align: justify;line-height: 23px;}
.content_right{width: 405px;height: 380px; box-sizing: border-box;float: right;margin: -4px 0 0 0 !important;}

.item_tt{position: relative;}
.item_tt .img{width: 120px;border:1px solid #c8c8c8;padding:2px;float: left;margin-right: 10px;}
.item_tt .img img{height: 80px;transition:all 0.5s;}
.item_tt .img img:hover{opacity: 0.8;}
.item_tt h3{font-size: 11px;font-weight: normal;margin-bottom: 5px;}
.item_tt h3 a{color: #404040;text-transform: uppercase;}
.item_tt h3 a:hover{color: #f00;}
.item_tt .desc{font-size: 12px;color: #646464;text-align: justify;line-height: 18px;}

/* ---thu vien--- */
.padd5{padding: 5px;}
.gallery_wrap{border:1px solid #ebebeb;background: #f8f8f8;    padding: 15px 35px;margin-top: 12px;}
.gallery {margin: 0 !important;}
.gallery img{border:1px solid #e4e4e4;}
.gallery .slick-prev{width: 35px;height: 71px;background: url(../images/button_l.png);        left: -36px;top: 36%;}
.gallery .slick-next{width: 35px;height: 71px;background: url(../images/button_r.png);    right: -36px;top: 36%;}
/* ---quang cao--- */
.quangcao{margin-bottom: 10px;border: thin solid #dfdfdf;}
/* ---item top--- */
.box_top_content{position: relative;padding:20px  0 0;}
.box_top_content .img{position: relative;overflow: hidden;font-family: 'Roboto Condensed',Tahoma;}
.box_top_content .img img{width: 100%;height: 176px;}
.box_top_content .img:hover img{transform:scale(1.1);}


.box_top_content .desc{text-align: center;font-family: 'Roboto Condensed';color: #4a4a4a;margin-top: 50px;}
.box_top_content .dm_second .list_item  {border-left: 1px solid #fff;border-bottom: 1px solid #fff;margin: 0 !important;position: relative;}
.box_top_content .dm_second .list_item  .wrap:before{content: " ";position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;border: 2px solid transparent;z-index: 100;-webkit-transform: translateZ(0);transform: translateZ(0);transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.25s ease 0s;opacity: 0;}
.box_top_content .dm_second .list_item  .wrap:after{content: " ";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 100;opacity: 0;transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.25s ease 0s}
.box_top_content .dm_second .list_item:hover .wrap:after { opacity:1; }
.box_top_content .dm_second .list_item:hover .wrap:before {opacity:1;top:5px;left:5px;bottom:5px;right:5px;border:2px solid rgba(255,255,255,0.8);}

/* ---bottom content--- */
ul.tab_home{border-bottom:3px solid #0074c7;}
.tab_home .active{}
ul.tab_home > li{border: none;}
ul.tab_home > li > a{background: url(../images/tab_bg.png);color: #fff;font-family: 'Roboto Condensed';font-size: 16px;text-transform: uppercase;border:none;}
ul.tab_home > li.active > a{background: url(../images/tab_active.png);color: #fff;border:none;}
ul.tab_home > li.active > a:hover{color: #fff;border: none}
.tab_content{}

#hotro{margin: 0;padding:0;font-family:'Roboto Condensed'}
#hotro li{list-style: none;color: #000;font-size: 14px;}
#hotro li .name_ht{}
#hotro li .name_ht span{margin-right: 20px;}
#hotro li .dienthoai{}
#hotro li .dienthoai b{color: #de0101;font-size: 18px;}


.parallax-window{height: 440px;position: relative;padding: 20px;overflow:hidden;}
.top{background: #fff;height: 50px;margin-top: -7px;position: relative;}
.top:after{background: url(../images/cua_duoi.png);height:7px;margin-top: -7px;content: '';position: absolute;bottom: 100%;left: 0;right: 0;z-index: 999;}
.bottom{height: 50px;background: #fff;margin-bottom:-7px;position: relative;}
.bottom:after{height: 7px;background: url(../images/cua_tren.png);margin-bottom:-7px;content: '';position: absolute;top: 100%;left: 0;right: 0;z-index: 999;}
.parallax-window .cont{display: table;height: 100%;width: 100%;}
.parallax-window .cont .cont_cell{display: table-cell;vertical-align: middle;color: #fff;text-align: center;}

.bottom_content{position: relative;padding:30px 0 10px;margin-bottom: 20px;background: #efefef;}
.bottom_content .bottom_wrap{}
.bottom_col .wrap{max-width: 330px;}
.bt_tt{font-size: 13px;color: #535354;text-transform: uppercase;font-weight: bold;margin-top: 0}
.bt_item{max-width: 300px;background: #fff;border:thin solid #cecece;margin-bottom: 20px;}
.bt_item img{float: left;margin-right: 15px;}
.bt_item h3{float: left; font-size: 12px;color: #646464;text-transform: uppercase;padding-bottom: 15px;margin: 10px 0 5px 0;background: url(../images/tt_icon.png) bottom center no-repeat;}
.bt_item .desc{font-size: 12px;color: #646464;line-height: 1em;float: left;}
.tt_news{position: relative;background: url(../images/tt_end.png) center repeat-x;margin-bottom: 20px;margin-top: 0px;}
.tt_news .title{margin: 0;/* font-family: 'avo'; */font-size: 22px;text-transform: uppercase;color: #1075e7;background: #fff;position: relative;padding-right: 20px;display: inline-block;}
.tt_news .title:after{content: '';position: absolute;left: 100%;top: calc(50% - 8px);width: 15px;height: 16px;background: #1075e7;}

/* ------- */
.project_item{float: left;position: relative;box-sizing: border-box;margin: 0;margin-bottom: 20px}
.project_item .wrap_km:before{content: " ";position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;border: 2px solid transparent;z-index: 100;-webkit-transform: translateZ(0);transform: translateZ(0);transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.25s ease 0s;opacity: 0;}
.project_item .wrap_km:after{content: " ";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 100;opacity: 0;transition: all 0.25s ease 0s;-webkit-transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;-ms-transition: all 0.25s ease 0s}
/* .project_item:nth-child(2n){margin-right: 0;} */
/* .project_item:nth-child(2n + 1){clear:both;} */
.project_item .wrap_km {position: relative;}
.project_item .img {overflow: hidden;}
.project_item .img img{width: 100%;}
.project_item .img a{display: block;line-height: 0;}
.project_item h3{margin: 0; position: absolute;top:auto;left: 0;bottom: 0;right: 0;text-align: center; background: rgba(0,0,0,0.6); padding:6px 15px;  overflow: hidden;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;}
.project_item h3 a{padding:6px 0px;width: 100%; color: #fff;font-size:16px;line-height: 22px; text-transform: uppercase;font-weight: normal;display: table;overflow: hidden;font-family: 'Tahoma';text-align:  center;}
.project_item h3 a span{display: table-cell;vertical-align: middle;}
.project_item .chitiet{text-align: center;position: relative;margin-bottom: -14px;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.5s ease 0s;}
.project_item .chitiet a{width: 88px;height: 27px;line-height: 27px; background: #0069cc;color: #fff;font-family: 'Roboto Condensed';font-size: 13px;display: inline-block;}
.project_item .over_lay{position:absolute;top:38%;left:0;right:0;z-index:111;text-align:center;margin-top:-20px;opacity:0;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;}
.project_item .over_lay h4{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-family: 'Segoe UI',Tahoma; padding:3px 15px ;display:block;text-transform:uppercase;font-size:25px;color:#fff;transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;-ms-transition:all 0.25s ease 0s;text-align:center;}
.project_item .over_lay .desc{ height: 70px;background: url(../images/project_desc.png) center no-repeat;color: #fff;font-size: 14px;text-align: justify;margin-top: 10px;}
.project_item .over_lay .desc .cont{    max-width: 90%;margin: 0 auto;height: 40px;line-height: 20px;overflow: hidden;top: 15px;position: relative;}
.project_item:hover .wrap_km:after { opacity:1; }
.project_item:hover .wrap_km:before {opacity:1;top:5px;left:5px;bottom:5px;right:5px;border:2px solid rgba(255,255,255,0.8);}
.project_item:hover .chitiet{transform: scale(0);}
.project_item:hover .over_lay{margin-top:0;opacity:1;}
.project_item:hover .over_lay h4{margin-bottom:0;}
.project_item:hover .over_lay a.xemthem{margin-top:0;}
.project_item .over_lay a.xemthem:hover{color: #fff;background: rgba(240,47,162,1);}
.project_item:hover .over_lay a.xemthem:hover:after { width:100%; }
.project_item:hover img{transform:scale(1.1);}
.project_item .wrap{background: #fff;}
.project_item .over_lay h4:after{content: '';background: rgba(240,47,162,.6);height: 8px;width: 60px;top: -25px;left: calc(50% - 30px);position: absolute;}
.project_item .over_lay a.xemthem{font-style: normal;font-family: 'Roboto Condensed';font-size: 15px;margin-top: 60px;display: inline-block;padding: 10px 20px;background: rgba(240,47,162,.6);border-radius: 3px;color: #fff;}
.project_item:hover .over_lay a.xemthem{margin-top:20px !important;}
.project_item:hover h3{opacity: 0;}
.project_item .over_lay h4:hover{color: rgba(240,47,162,1)}

.project_item.project_in .over_lay{top: 20%;}

#at4-share{display: none !important;}


.call{background: #008cc0;height: 40px;;line-height: 40px;position: fixed;width: 100%;bottom: 0;left: 0;    z-index: 9999;display: none;}
.call .phone{width: 50%;text-align: center;float: left;color: #fff;border-right: thin solid #fff;box-sizing: border-box;}
.call .sms{width: 50%;text-align: center;float: left;}
.call a{color: #fff;font-size: 20px}

.thongtin{/* background: #efefef; */padding:10px 0;}
.thongtin .tt_item{}
.thongtin .tt_item .img{width: 65px;float: left;margin-right: 10px;}
.thongtin .tt_item h3{margin: 0 0 5px 0}
.thongtin .tt_item h3 a{font-size: 16px;color: #6386d6;font-weight: bold;}
.thongtin .tt_item .desc{font-size: 14px;color: #575758;}

#thongtin{padding-left: 0}
#thongtin li{list-style-position: inside;}
#thongtin li a{color: #535354;}
#thongtin li a:hover{color: #f00;}

.banner_list{padding:10px 0; }
.lang {list-style:none;margin:0px;padding:0px;}
.lang li{display:inline-block;padding-left:10px}
#sptexthomesupleft{display:inline-block;padding-right:10px}
#namedssupleft{display:inline-block;}
#namedssupleft:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.list_news dl {
    color: #444444;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dotted #ccc;
}
@media screen and (min-width: 768px)
{
.list_news dt {
    width: 170px;
    float: left;
    margin-right: 10px;
}
.list_news dl {
    float: left;
    width: 100%;
}
}
.list_news dl {
    color: #444444;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dotted #ccc;
}
.list_news dl:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}
#content .box {
    margin-bottom: 20px;
    border: 0px solid #dedcdc;
    /* background: #f1f1f1; */
    border-radius: 5px;
}
.list_news dl dd>a {
    color: #fff;
    display: inline-block;
    padding: 10px 0;
    color: #1154a2;
    display: block;
    font-weight: bold;
    /* text-align: center; */
}
.list_news dl dd p>a {
    color: #fd702d;
    /* text-align: center; */
    display: block;
}
.text_tin h3 {
    color: #fff;
    display: inline-block;
    padding: 10px 0;
    color: #1154a2;font-size:17px;margin:0px;
    display: block;
    font-weight: bold;
    /* text-align: center; */
}
#h1giasphomele,#nutchitiethome{display:none}
.h1tensp{margin-bottom:0px}
.tts{background:#06f;text-align:center;line-height:35px}
.tts a{color:#fff;text-transform:uppercase;}
#splienquan {
    margin: 30px 0px 20px 0px;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
}
.button_gh{    padding: 8px 15px;
    background: #06f;
    color: #fff;
    border-radius: 3px;}
.input-text{margin-bottom:5px}
.dm_top h3{padding-left:10px;background: url("image/icon-title.png") no-repeat left top;margin: 0px;padding: 5px 10px 5px 28px;color: #1075e7;font-size: 18px;text-transform: uppercase;border-bottom: 3px solid #1075e7;/* font-weight: bold; */},
.tt_main h3.title a{color:#fff !important;}
#hotline{border: thin solid #e7e7e7;
    /* height: 448px; */
    position: relative;
    z-index: 9999;}
.bla #titlehotline {
    padding-left: 10px;
    background: url("image/icon-title.png") no-repeat left top;
    margin: 0px;
    padding: 7px 10px 2px 25px;
    color: #1075e7;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 3px solid #1075e7;
}
#titlehotline i{display:none}
.dm_top i{display:none}
.bla{margin-top:15px}
.htc{padding:10px}
.imgaa{float:left;width:80px;margin-right:5px}
.mtnews a{font-weight:Bold}
 
@media screen and (min-width: 1023px)
{
.imgaaa  img {
    height: 148px;
} 
.mtnews a{height: 20px;overflow:hidden;display: block;}
}