@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'utm';
    src: url('../fonts/UTMAmericanSans.eot');
    src: url('../fonts/UTMAmericanSans.eot') format('embedded-opentype'),
         url('../fonts/UTMAmericanSans.woff2') format('woff2'),
         url('../fonts/UTMAmericanSans.woff') format('woff'),
         url('../fonts/UTMAmericanSans.ttf') format('truetype'),
         url('../fonts/UTMAmericanSans.svg#UTMAmericanSans') format('svg');
}

*{margin:0; padding:0}
a {text-decoration: none;}
a:focus, a:hover {
	color: unset;
	text-decoration: none;
}
body{font-family:Arial; font-size:12px; line-height:1.5;margin:0 auto;max-width:1366px;}
#top{width:45px; height:44px; background:url(../images/top.png); position:fixed; right:30px;bottom: 79px; cursor:pointer; display:none; z-index:100}
.visit_hidden{height: 0px; width: 0px; overflow: hidden; margin: 0;}
.left
{
	float: left;
}
.right
{
	float: left;
}
.clear{
	clear:both;
}
.clear10{
	clear:both;
	height: 10px;
}
.clear20{
	clear:both;
	height: 20px;
}
.maxwidth{
	max-width:1200px;
	margin:0 auto;
	position: relative;
}
.maxwidth_sp {
    max-width: 1230px;
	margin:0 auto;
	position: relative;
}
.maxwidth_after {
	max-width: 1200px;
	margin: auto;
}
#wrapper{

}
.padding0 {
	padding: 0;
}
.padding_left0 {
	padding-left: 0;
}
.padding_right0 {
	padding-right: 0;
}
/*============================ Header ======================
===============================================================*/
#header{
	position: relative;
	background: url('../images/bg_header.png') no-repeat;
	min-height: 140px;
}
.langenvi
{
	position: absolute;
    right: 1%;
    top: 10%;
}
.langenvi span
{
	color: red;
	font-weight: bold;
	font-size: 14px;
}
/*.banner{
	position:absolute;
    padding-top: 10px;
}
.banner img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
*/
#logo{
        margin-left: -55px;
    margin-top: 1px;
}
#hotline{
	text-align: center;
	position:relative;
	float: right;
	color:#FFF;
	font-family:robotob;
	font-size:13px;
	/*text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 0px 3px 7px #000;*/
	width: 23%;
	padding-top: 82px;
}
#hotline font{
	color:#fff200;

}
.main_hotline {
    background: url(../images/bg_hotline.png) no-repeat;
    min-width: 276px;
    /* background-size: 100% 100%; */
    padding: 6px 0 6px 0;
    text-align: left;
	font-weight: 100;
}
.main_hotline b {
	padding-left: 64px;
}
/*=====================menu ===============*/
#menu-top{
  	background: url("../images/bg_menu.png") repeat-x;
    height: 37px;
}
/*#menu-top:before{
	content: '';
	background: url(../images/before-menu-top.png);
	width: 20px;
	height: 50px;
	position: absolute;
	top: 0px;
	right: 100%;
}*/
#menu-top .menu-parent{
	text-align: center;
    list-style: none;
    display: inline-block;
   /* float: left;*/
    width: 100%;
    /*background-color: #ffffff;*/
}
#menu-top .menu-parent >li{
	float: left;
	position:relative;
	background:url('../images/ngan_menutop.png') right no-repeat;
    padding: 0 25px;
    height: 37px;

}

.ngonngu_top_k:hover
{

	background-color: #ffffff !important;
}
.ngonngu_top_k a:hover
{
	color: #464646 !important;
}
#menu-top .menu-parent>li>img
{
	padding-top: 5%;
}

#menu-top .menu-parent >li:hover{
	/*background-color: #cea908;*/
	background-color: rgba(54, 162, 81, 0.78);
	height: 40px;
}

#menu-top .menu-parent >li:hover a{
	color: #FFF;
}
.menu img{
	margin-top: 9px;
}
.text-a{
	font-family: robotom;
	display:inline-block;
	text-decoration:none;
	color:#fff;
	text-align:center;
	font-size: 15px;
	text-transform: uppercase;
    line-height: 12px;
    padding-top: 15px;
}
.menu:last-child{
	background: none;
}
.menu:hover .text-a{
 	color: #fff;
}
.menu:hover{
	background-color: #0355bb!important;
}
.active2{
	background-color: #0355bb!important;
}
.active2:last-child{
	background: none;
}
.active2>a{
	color: #fff;
}
ul.menu-parent li ul {
	/*background-color: rgb(243, 133, 4);*/
	    background-color: rgb(112, 182, 98);
}
.ul-child{
	position:absolute;
	left: 0;
	opacity: 0;
	background-color: rgb(243, 133, 4);
	z-index:9999;
	list-style-type:none;
	min-width: 200px;
	transition: all 0.5;-webkit-transition: all 0.5;-moz-transition: all 0.5;-ms-transition: all 0.5;
	top:85%;
}

.ul-child a{
	color:#fff;
	display:block;
	text-align:left;
	background:none;
	white-space: nowrap;
	font-size: 14px;
	font-family: robotom;
}
.li-child:hover{
	background-color:#f7a020;
}
.li-child:hover>a{
	color: #fff;
}
.li-child{
	padding:7px 20px;
	border-bottom: 1px solid #FFF;
	line-height: 22px;
	cursor:pointer;
	position:relative;
}
.li-child:last-child{

}
.menu:hover .ul-child{
	display:block;
}
.active2:hover .ul-child{
	display:block;
}
.ul-child-child{
	position:absolute;
	opacity: 0;
	background-color: rgb(244, 198, 1);
	z-index:9999;
	list-style-type:none;
	top: -1px;
	left: 100%;
	min-width: 200px;
	/*transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;*/
}
.li-child-child{
	padding:7px 20px;
	border-bottom: 1px solid #FFF;
	line-height: 22px;
	cursor:pointer;
	position: relative;
}
.li-child-child:hover{
	    background-color: #cea908;
}
.li-child-child:hover > a{
	color: #fff;
}
.li-child:hover .ul-child-child{
	display:block;
}
.ul-child-child-child{
	position:absolute;
	opacity: 0;
	background-color: rgb(244, 198, 1);
	z-index:9999;
	list-style-type:none;
	top: 0;
	left: 100%;
	/*transition: all 0.1s;-webkit-transition: all 0.1s;-moz-transition: all 0.1s;-ms-transition: all 0.1s;*/
}
.li-child-child-child{
	padding:7px 20px;
	border-bottom: 1px solid #FFF;
	line-height: 22px;
	cursor:pointer;
}
.li-child-child-child:hover{
	    background-color: #cea908;
}
.li-child-child-child:hover > a{
	color: #FFF!important;
}
.li-child-child:hover .ul-child-child-child{
	display:block;
}
#content{
	padding: 20px 0px 0 0;
}
#slide_trung{

}
#slide_trung img{

}
.amazingslider-box-1{
	margin-left: 0px !important;
}
.line-sanpham{
	text-align: center;
	margin-top: 30px;
}
/*==========================menu responsive===================
==============================================================*/
.mm-opening .wrapper:before{display: none}
nav#menu{background: #0f68bf;}
nav#menu ul li a, .mm-title{font-family: 'RobotoLight'; font-size:16px; color:#fff; text-transform:uppercase}
.mm-title{font-size:20px; color:#fff !important}
.menu_active1 {background:rgba(255,255,255,0.1)}
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:1px solid rgba(255,255,255,0.5);  width:35px;height: 30px;  position: fixed; top: 10px;  z-index: 999999;  left: 10px;}


/*==============================menu left ==========================
=====================================================================*/
.menu-left {margin-bottom:0px !important;}
.menu-left >  li
{
    width: calc(100% - 1px);

    list-style: none;
    position: relative;
    margin-top: 1px;
    /*text-align: center;*/
    text-overflow: ellipsis;



}
.menu-left li:last-child {
    margin-bottom: 1px;
}
.menu-left >li  >a
{
    font-size: 15px;
    font-weight: bold;
    font-family: 'RobotoRegular';
    padding: 10px 10px;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
}
.menu-left >li  a:hover {color:#535353;}
.btn_click {float: right;padding-top: 16px;}
.menu_list_left { }
.menu-left >li ul
{
    list-style: none;
    /*display: none;*/
    top: 0;
    width: 100%;
    z-index: 999;
    /*background: #f4f4f4;*/
    padding-left: 15px;
}
.menu-left >li >ul li {
    position: relative;
    border-bottom: 1px solid #e9ebee;
    text-overflow: ellipsis;
}
.menu-left >li >ul li:last-child {
     border-bottom: none;
}
.menu-left >li >ul >li a{
    font-size: 12px;
    font-family: 'RobotoRegular';
    font-weight: bold;
    padding: 5px 10px;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
}
.menu-left >li >ul >li ul li a{
	font-size: 14px;
}
.submenu1 >li a:hover {
    color:#535353;
}
.menu-left ul ul {display:block;}
.img_free {border:4px solid #000;}
.menu_active_left {
	color: red!important;
}
/*========================Wrapper=====================*/

#content-top{
	padding-top:30px;
	position: relative;
}

/*===============================Content ========================
===================================================================*/
#content-mid{

}
#content-right{
    width: 917px;
	float: right;
}
#content-bot{
	position: relative;
	background: url(../images/bg-gioithieu.png) repeat-y;
	min-height: 410px;
}
/*===================== Danh mục left=====================
===========================================================*/
#content-left{
    width: 256px;
	float:left;
}
.bg-danhmucsanpham{
	background: url(../images/bg_title_left.png) no-repeat;
	width: 256px;
	height: 56px;
	left: -7px;
	position: relative;
}
.list-danhmucsanpham{
	position: relative;
	margin-bottom: 20px;
    margin-top: -16px;
    margin-left: 6px;
    padding-top: 9px;
    box-shadow: 0px -5px 11px #ccc inset;
}

.menu-left{
	margin-bottom: 20px;
}
.bg-tieude{
   position: relative;
   z-index: 1000;
}
.bg-tieude h2{
	color:#fff;
	font-size:15px;
	font-family: robotob;
    position: relative;
    display: inline-block;
    background: url(../images/bg_title_left.png) no-repeat;
    width: 256px;
    height: 56px;
    line-height: 71px;
    padding-left: 20px;
    text-transform: uppercase;
}
.bg-tieude a{
	color:#ff6400;
	font-size:12px;
	font-weight:bold;
	display:block;
	text-align:left;
}
.bg-tieude a:hover{
	color:#f69a1d;
	text-decoration:underline;
}

#nav-ul{
	list-style:none;
	padding-top: 10px;
}
.nav-li{
	padding: 0px 0px 10px 0px;
	margin-bottom: 10px;
    position: relative;
	border-bottom: 1px solid #e9ebee;
}
.nav-li:last-child{
	background: none;
	padding-bottom: 10px;
}
.nav-li:hover>.nav-a{
	color: #ff0000;
}
.nav-a{
	display:block;
	color:#3d3d3d;
	font-size: 13px;
	background: url(../images/icon-list.png) left no-repeat;
	padding-left:20px;
	font-family: robotob;
	margin-left: 20px;
	text-transform: capitalize;
}
.nav-a2{
    padding-left:20px;
    margin-left: 35px;
}
.nav-a3{
    padding-left:20px;
    margin-left: 45px;
}
.nav-active{

}
.nav-active .nav-a{
	color: #d20014;
}
.nav-ul-child{
	position: relative;
    list-style: none;
    margin-top: 12px;
}

.nav-li-child:hover .nav-a2{
	color: #ff0000;
}
.nav-li-child{
	padding: 10px 0px 10px 0px;
    position: relative;
    border-bottom: 1px solid #e9ebee;
}
.nav-li-child:last-child{
	padding-bottom: 0px;
}
.nav-active:hover .nav-ul-child{
	display: block;
}
/*Hỗ trợ*/
.list-hotro {text-align: center;}
.list-hotro b{
	position: relative;
    color: #fe0000;
    font-size: 18px;
    margin-left: 5px;
    top: -30px;
}
.list-hotro img{

}
.list-chungnhan{
	background: #fff;
	padding: 10px 20px;
	border: 1px solid #dfdfdf;
}
.box-hotro{
	padding-bottom: 10px;
	border-bottom: 1px dashed #c6c6c6;
	margin-bottom: 10px;
	text-align: left;
    padding-left: 20px;

}
.box-hotro:last-child{
	border: none;
	margin-bottom: 0px;
}
.diachi-hotro{
	font-size: 13.5px;
	color: #3c3c3c;
	font-family: roboto;
	display: inline-block;
	margin-left: 90px;
}
.box-hotro a{
	display: inline-block;
	margin-right: 10px;
}
.ten-hotro{
	color: #5970b3;
	font-size: 14px;
	text-transform: capitalize;
	display: inline-block;
	margin-bottom: 5px;
	font-weight: bold;
}
.ten-hotro img{
	vertical-align: sub;
}
.dienthoai-hotro{
	color: #f20000;
	font-size: 13px;
	margin-bottom: 5px;
}
.mail-hotro{
	font-size: 14px;
	color: #272728;
}
.line-hotro{
	border-bottom:1px solid #a2a2a2;
	margin:10px 0px;
}
.line-hotro:last-child{
	border: none;
}
.list-spmoi{
	margin-left: 6px;
}
/*=============================== Product ======================
=================================================================*/
.title_product{
	margin-bottom: 20px;
	padding: 0 15px;
}
.title_product2 h2{
	color: #58a236;
    font-size: 17px;
    font-family: "RobotoRegular";
    padding-left: 39px;
    position: relative;
    text-transform: uppercase;
    /*border: 1px solid #ccc;*/
    border-left: none;
    font-weight: 100;
    min-height: 44px;
    line-height: 44px;
    background: url('../images/title_baivietkhac.png') left center no-repeat;
    /*background-color: #4CAF50;*/
}
.title_product h2{
	color: #FFF;
    font-size: 17px;
    font-family: "RobotoRegular";
    padding-left: 39px;
    position: relative;
    text-transform: uppercase;
    border: 1px solid #ccc;
    border-left: none;
    font-weight: 100;
    min-height: 44px;
    line-height: 44px;
    /*background: url('../images/title_baivietkhac.png') left center no-repeat;*/
    background-color: #31708f;
}

.box_product  {
	float: left;
	/*max-width: 310px;*/
}
.main_product {
	width: 100%;
	font-family: 'RobotoRegular';
	min-height: 300px;
	overflow: hidden;
	position: relative;
}
.product_img {
	width: 100%;
	/*max-height: 290px;*/
	overflow: hidden;
	position: relative;
}
.product_img img{width: 100%;}
.product_img:hover .img_detail_p {
	transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);
}
.box_name_product {
    text-align: center;
    margin-top: 10px;
    position: relative;
}
.box_name_product h2 {
	margin: 0;
}
.box_name_product h2 a {
	font-family:"RobotoRegular";

	font-size: 17px;
	color: #7c4817;
	text-transform: capitalize;
	font-weight: 100;
}
.box_name_product h2 a:hover {
	color: #F50A0A;
}
.price {
	font-family: 'RobotoRegular';
	font-weight: bold;
	color: #000;
	font-size: 17px;
	text-transform: capitalize;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 5px;
}
.old_price {
	float: left;
	text-decoration:line-through;
}
.new_price { color: red;}
.new_price_center {float: none; text-align: center;}
.icon_new {
	position: absolute;
    top: 0;
    right: 0;
    z-index: 200;
}
.desc_product{
	font-family: "RobotoRegular";
	font-size: 13px;
	color: #131212;
	text-align: center;
    padding: 5px 15px;
}




/*Hiệu ứng overlay img*/
.overlay_product img {
	width: 100%;
	transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;
}
.overlay_product:hover img{
	transform: scale(1.1);
}
.over_lay_images {
	width: 100%;
	height: 100%;
    background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 120px;
	transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;
}
.overlay_product:hover .over_lay_images{
	 background: rgba(0, 0, 0, 0.37);
}
/*Hiệu ứng overlay*/
/*============================= Album index ========================
================================================================*/
.wp_album {
	padding: 50px 0 20px 0;
}
.box_album_left {
	width: 25%;
	float: left;
	padding-top: 20px;
}
.box_album_left_in {
    padding-left: 33px;
    width: calc(24% - 33px);
}

.box_album_left h3 {
	font-family: 'HAVON';
	font-size: 15px;
	color: #5b5b5b;
	font-weight: 100;
}
.box_album_left h2 {
	font-family: 'RobotoCondensedBold';
	text-transform: uppercase;
 	font-size: 29px;
}
.box_album_left h2 a {
	color: #5b5b5b;
}
.box_album_left h2 a:hover {
	color: red;
}

.box_album_right {
	width: 25%;
	float: left;
	padding-top: 8px;
}
.box_album_right_in {width: 26%; margin-right: -7px;     padding-top: 0px;}
.images_in {
	float: left;
	margin: 7px 8px;
}
.images_in:nth-child(3n + 3){
	margin-right: 0;
}
/*=========
	tin tuc sự kiện
============*/
.box_news {
	min-height: 435px;
	background: url('../images/bg_news.png');
}
.title_news {
	width: 100%;
	position: relative;
	background: url('../images/bg_title_news.png') right bottom no-repeat;
	margin-bottom: 40px;
}

.title_h3_news {
	position: relative;
	color: #0369de;
	font-family: 'RobotoRegular';
	font-size: 18px;
	text-align: left;
}
.nut {
	height: 5px; width: 5px;
	background: #F60909;
}
.title_h3_news span{
	font-family: 'RobotoRegular';
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
	z-index: 1;
	padding-right: 20px;
}
.kengang_tt {
	border: 1px dotted #afaeae;
	margin: 10px 0;
}
.news_nb {
	text-align: center;
}
.news_nb h3 {margin: 5px 0; text-align: left;}
.news_nb h3 a{
	 font-family: 'RobotoCondensedBold';
	font-size: 14px;
	color: #454545;
}
.news_nb h3 a:hover{color: red;}
.news_nb p {
	font-family: 'RobotoRegular';
	font-size: 13px;
	text-align: justify;
	color: #454545;
	line-height: 23px;
}
.news_detail {
	margin-top: -14px!important;
}

.sub_news {
	padding: 8px 0 8px 0;
}
.news_img {
	float: left;
	margin-right: 10px;
	padding: 3px;
	border: 1px solid #ccc;
}
.news_desc h4 {
	line-height: 18px;
	margin: 0px 0;margin-bottom: 20px;
}
.news_desc h4 a{
	font-family: 'RobotoRegular';
	font-size: 13px;
	color: #000;
	font-weight: bold;
}
.news_desc h4 a:hover{color: red;}
.news_desc p {
	font-family: 'RobotoRegular';
	font-size: 12px;
	color: #4c4c4c;
	line-height: 20px;
	text-align: justify;
}
.date_news {
	color: #898989;
	font-size: 12px;
}
.box_contact_index {
	width: 433px;
	float: right;

}
.video {
	width: 390px;
	background: #000;
}
.video_detail {
	text-align: center;
}
.select_video {
	margin-top:2px;
}
#listVideo {
	width: 97%;
	height: 29px;
}

/*===============Tim kiếm=====================
================================================*/
#box-timkiem{
	float: right;
}
#search{
	cursor: pointer;
}
#timkiem{
    position: absolute;
    top: 7px;
    right: 3px;
	width: 273px;
    height: 41px;
    z-index: 999;
    background: url('../images/bg_timkiem.png');
}
.timkiem{
	border:none;
    height: 41px;
    width: 194px;
    color: #a9a9a9;
    outline: none;
    background: transparent;
    padding-left: 34px;
    float: left;
    font-size: 13px;
    font-family: roboto;
}
.bt-timkiem{
	width: 41px;
    height: 41px;
    float: right;
    border: none;
    color: #FFF;
    cursor: pointer;
    background: url('../images/icon_tim.png') center center no-repeat;
    color: #FFF;
    font-family: 'RobotoRegular';
}


/*================================= Nhận tin=========================================
====================================================================================*/
#newsletter{
	padding-top: 30px;
	float: right;
}
.nhan_mail{

}
.slogan_sendmail{
	font-size: 13px;
	font-family: "RobotoRegular";
	color: #FFF;
}
.text-nhantin{
	width: 275px;
	height: 34px;
	padding-left: 10px;
	outline:none;
	background: #fff url('../images/icon_sendmail.png') right 10px center no-repeat;
	border: none;
	float: left;
	color: #555555;
  	font-size: 13px;
}
.bt-nhantin{
	margin-top: 20px;
	width:125px;
	height:30px;
	line-height: 30px;
	float: left;
	background: #ed1c24;
	border: none;
	outline: none;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
}
.textarea_nt {
    background: url(../images/icon_content.png) left 11px top 7px no-repeat;
    padding-left: 50px;
}
/*================================= Footer=========================================
====================================================================================*/

.box-thongke{
	float: right;

}
.box-thongke p{
	float: left;
	background: url(../images/line-thongke.png) right no-repeat;
	padding: 10px;
}
.box-thongke p:last-child{
	padding-right: 0px;
	background: none;
}
.thongke{
    margin-bottom: 15px;
}
.thongke p{
    font-size: 13px;
    font-family: "RobotoRegular";
    margin-bottom: 5px;
    color: #FFF;
}
.thongke img{
    vertical-align: middle;
    margin-right: 10px;
    float: left;
}
.thongke h2{
    color: #0527fb;
    font-size: 16px;
    font-family: robotob;
    text-transform: uppercase;
    margin: 20px 0px;
}
.doitac {background: #ffffff;padding: 20px 0;}
#footer {
    padding-top: 16px;
    color: #fff;
    font-family: 'UTMAvo';
    font-weight: 100;
    background: #075ccd;
    position: relative;
    clear: both;
}
.name_web_footer {
	color: #fff200;
	font-family: 'UTMHelvetIns';
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 100;
}
.title_footer {position: relative; font-family: "RobotoRegular";font-size: 15px;padding-bottom: 11px; position: relative; color: #ffff00; text-transform: uppercase; margin-bottom: 14px;}
/*.title_footer:after {
	content: "";
	height: 2px;
	position: absolute;
	width: 80px;
	background: #FFF;
	bottom: 0;
	left: 0;
}*/
.footer_top {
	background-size: 100% 100%;
	padding-bottom: 29px;
    padding-top: 15px;
    min-height: 269px;
    /*position: relative;*/
}
.map_show {
    position: relative;
}
.footer_l {
    text-align: left;
    position: absolute;
    z-index: 99;
    background-color: #fff;
    right: 5%;
    bottom: 16%;
    padding: 1%;
    height: 61.5%;
    width: 37%;
    box-shadow: 0 2px 3px 2px #888888;
}
.footer_l_content{
   	font-family: 'RobotoRegular';
    font-size: 13px;
    line-height: 30px;
    color: #FFF;
    /*text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 2px 2px #000;*/
}
.footer_center {
	float: left;
    font-family: 'UTMAvo';
    padding-right: 30px;
}

.name_cate_footer {font-family: 'RobotoRegular'; font-size: 13px;line-height: 38px;}
.name_cate_footer a {color: #FFF;}
.name_cate_footer a:hover {color: #f6e801;}
.footer_right {float: right;}
.footer_bottom {
	box-shadow: 14px 10px 20px 2px #084fad inset;
    min-height: 41px;
    background: #075ccd;
    margin-top: 1%;
}
.copy {color: #FFF;font-size: 13px; font-family: 'RobotoRegular';     padding-top: 13px;}
.mxh {
	position: relative;
	font-size: 13px;
	color: #FFF;
	font-family: "RobotoRegular";
}
.name_mxh {
	position: absolute;
	left: 0;
	top:5px;
}

/*==========================Produuct Detail===============
===========================================================*/
#product-detail{

	margin-bottom: 30px;
}
#product-detail #left{
	float:left;
	text-align:center;
	margin-right: 20px;
	/*width: 50%;*/
}
.tag_tukhoa {
	font-family: "avo";
	color: 13px;
	color: #000;
}
#product-detail #left img{

}
.imgslider_product_detail {
	float: left;
	width: 20%;
}
.firstimg_product {
	float: left;
	width: 80%;
}
#product-detail #right{
	float:right;
    /*width: 47%;*/
}
#product-detail #right h1{
	color: #4a4a4a;
	font-size: 20px;
    color: #000;
    text-transform: uppercase;
    font-family: robotob;
}
.chitietsanpham{
	padding: 5px 0;
    font-family: 'RobotoRegular';
    font-size: 11px;
}
.chitietsanpham .gia-product{
	font-size: 17px;
    color: #cd0000;
    font-weight: bold;
    font-family: 'RobotoLight';
}
.desc_detail {
	border-bottom: 1px solid #000;
    font-family: 'RobotoRegular';
    font-size: 17px;
    margin-bottom: 10px;
}
#product-detail ul{
	list-style-type:none;
}
#product-detail ul li{
	font-size:14px;
	padding-bottom:10px;
	color:black;
}
.tab_title {

}
.box_title_tab_detail {
    border-bottom: 1px solid #c4c4c4;
    width: 100%;
    margin-bottom: 10px;
}
ul.tt_tab_detail {
    list-style: none;
    display: inline-block;
}
.tt_tab_detail li {
    float: left;
    margin: 0 5px;
    text-align: center;
}
.box_title_tab_detail h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #E93A25;
    text-transform: uppercase;
    font-size: 16px;
    display: inline-block;
    line-height: 32px;
    height: 34px;
    margin: 0px;
}
.tt_tab_detail li h4 a {
    background: #000;
    padding: 7px 50px;
    color: #FFF;
    font-size: 15px;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    font-weight: 500;
}
ul.tt_tab_detail li a.selected {
    background: #F21010;
}
#box-list{
	margin-left: 20px;
}
.box-list{
	width: 317px;
	height: 313px;
	margin-right: 100px;
	float: left;
	position: relative;
	margin-bottom: 100px;

}

.box-list:nth-child(3n+4){
	clear: both;
}
.box-list:nth-child(3n+3){
	margin-right: 0px;
}
.bg-list{
	background: url(../images/bg-list-tieubieu.png) no-repeat;
	position: absolute;
	width: 317px;
	height: 313px;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 999;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
}
.nen-list{
	position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    -webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
}
.box-list h3{
	color: #1500ff;
    font-family: robotob;
    font-size: 21px;
    text-align: center;
    background: rgba(0,0,0,0.64);
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    line-height: 45px;
    -webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}
.box-list:hover h3{
	bottom: 135px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	background: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	left: 50px;
    right: 50px;
}
.box-list:hover .nen-list{
	background: rgba(0,0,0,0.64);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
}
.noidung img{
	max-width: 100%;
	height: auto;
}
.othernews{
	padding:10px 0px;
}
.othernews h2 {
	text-transform: uppercase;
	font-size: 20px;
	display: inline-block;
}
.othernews ul li a {
    color: #055699;
    font-weight: bold;
}
.othernews a:hover{
	color: #ff0000;
}
.othernews ul li {
    background: url(../images/sao.png) no-repeat 0px 6px;
    list-style: none;
    padding-left: 20px;
    line-height: 24px;
}
.usual{
	text-align: center;
}
.usual ul#tab_content{
	margin:0px;
	padding:0px;
	display: inline-block;
	margin-bottom: 20px;
}
.usual ul#tab_content li {
    float: left;
    list-style: none outside none;
    border: 1px solid #dcdcdc;
    margin: 0px 5px;
}
.usual ul#tab_content a {
    background: none;
    color: #333333;
    display: block;
    padding: 10px 20px;
    font-family: roboto;
    text-decoration: none !important;
    font-size: 16px;
    text-transform: uppercase;
}
.usual ul#tab_content a:hover {
   background:#0094cd;
    color: #FFFFFF;
}
.usual ul#tab_content a.selected {
    background:#0094cd;
    color: #FFF;
    cursor: default;

}
ul.pagination {
    text-align:center;
    color:#829994;
}
ul.pagination li {
    display:inline;
    padding:0 3px;
}
ul.pagination a {
    color:#959595;
    display:inline-block;
    padding:5px 10px;
    border:1px solid #cde0dc;
    text-decoration:none;
}
ul.pagination a:hover,
ul.pagination a.current {
    background:#fd0202;
    color:#fff;
}
.hotro{
	vertical-align:middle;
	margin-left:10px;
}
#rib{
	color: #fff;
	background: #029b00;
	border-bottom: 1px solid #05c003;
	font-size: 16px;
	padding: 7px 0px;
}
#rib img{
	margin-right: 3px;
	vertical-align: middle;
}
#rib b{
	font-family: avob;
}
.button{
	background: #e70d0d;
	border: 1px solid #fff;
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	padding: 5px 30px;
	margin-right:5px;
	cursor: pointer;
	outline-color:#e70d0d;
}
.input{
    display: block;
    width: 50%;
    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;
}
.ta_noidung {
	background-color: #FFFFFF;
    color: #666666;
    height: 120px;
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #95C7DA;
    border-radius: 3px;
}


#content-1{
	border:1px solid #ccc;
	width:115px;
	padding:3px 0px 3px 3px;
	margin-left:6px;
	height:400px;
	margin-top:40px;
}
#ngonngu{
	float: right;
}
.ngonngu{
	float:left;

}
.ngonngu img{
	vertical-align: middle;
}




.list-video{
	border:1px solid #e2e2e2;
	padding: 9px;
}
.noidung_tintuc img{
	max-width: 100%;
	height: auto;
}



.transition {
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
}
.box-list-sanpham{
	box-shadow:4px 4px 0px 0px #d2d2d2;
	-webkit-box-shadow: 4px 4px 0px 0px #d2d2d2;
    -moz-box-shadow: 4px 4px 0px 0px #d2d2d2;
    background: #f1f1f1;
    padding: 8px;
}
.ten-product-list{
	color: #7a7a7a;
	font-size: 13px;
	font-family: tahoma;
	font-weight: normal;
	text-align: center;
	height: 35px;
	padding-top: 25px;
}

.tieude-spbanchay{
	background: url(../images/tieude-sanphambanchay.png) bottom center no-repeat;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.tieude-spbanchay h2{
	color: #003cfd;
	font-size: 24px;
	font-family: robotob;
	text-transform: uppercase;
	display: inline-block;
}
.addthis_native_toolbox{
	margin-top: 10px;
}
.images{
	float: left;
	margin: 0px 20px 20px 0px;
	text-align: center;
	width: 220px;
}
.hinh-images{
	overflow: hidden;
	border: 1px solid #f0efe6;
}
.hinh-images img{

	width: 218px;
}
.hinh-images:hover img{
	transform:scale(1.1);
}
.mota-images{
	border: 1px solid #f0efe6;
	background: #fafafa;
	margin-top: 1px;
	padding-bottom: 4px;
}
.ten-images{
    text-align: center;
    padding: 5px 0px;
}
.ten-images a{
	color: #666666;
    font-size: 13px;
    font-weight: normal;
}
.ten-images a:hover{
	color: #ff0000;
}
.fa-home{
	font-size: 35px !important;
    line-height: 53px !Important;
}
.bg-hotrotructuyen{
	position:fixed;
	z-index:1000;
	right:-301px;
	top:40%;
}
.tieude-hotro{
	background:url(../images/icon-fanpage.png) no-repeat;
	width:42px;
	height:139px;
	cursor:pointer;
	float:left;
}
.list-hotrotructuyen{
	background-color: white;
	float: left;
	width: 300px;
	border-top: 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
	border-left: 1px solid #b9b9b9;
	text-align:center;
}

/* bat dau*/
#content_welcome_index
{
	width: 100%;
	/*height: 660px;*/

	/*background-color: red;*/
}
.content_welcome_wc
{
	margin: 0 auto;
	text-align: center;
	/*background: url(../images/welcome.png) center no-repeat;*/
	/*width: 211px;
	height: 83px;*/
	font-family: utm;
	font-size: 24px;
	color: #4db020;
	font-weight: bold;
	text-transform: uppercase;

}

.content_welcome_wc_img
{
	width: 211px;
	height: 83px;
}

.content_welcome_noidung_left
{
	float: left;
	/*width: 750px;*/
	/*background: red;*/
	/*padding: 5px 5px 5px 5px;*/
	font-size: 14px;
	font-family: Tahoma Regular;
	color: #484848;
}
.content_welcome_noidung_right
{
	float: left;
	/*width: 410px;*/
	/*margin-left: 24px;*/
	/*background: red;*/

}
.content_welcome_noidung_xemthem
{
	width: 117px;
	height: 37px;
	/*border: 1px solid #58a236;*/
	background: url(../images/btn_xem_them.png) no-repeat;
}
.content_welcome_noidung_xemthem a
{
	padding-left: 35px;
    line-height: 35px;
    color: #58a236;
}
.mau_thietke_noibat
{
	background-color: #f2f2f2;
}
.mau_thietke_noibat_t
{
	text-align: center;

}
.mau_thietke_noibat_t h3
{
	padding-top: 40px;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: utm;
}

.mau_thietke_noibat_bg
{
	margin: 0 auto;
	width: 100%;
	margin-bottom: 40px;
	/*background: url(../images/ngan_cach_tieu_de.png) no-repeat;*/
	/*height: 28px;*/
}

.chuyenvien_thietke_cuoitrang
{
	width: 100%;
	height: 500px;
	background-color: #f2f2f2 !important;
}
.chuyenvien_thietke_cuoitrang_k
{
	width: 100%;
    background-color: #f2f2f2;

}
.chuyenvien_thietke_cuoitrang_k_span
{
	position: absolute;
    bottom: 0;
    left: 4%;
    z-index: 2;
    height: 12%;
    width: 80%;
    background-color: rgba(76,175,80,.63);
    line-height: 3;
    text-align: left;
    padding-left: 8%;
    color: #fff;
    font-size: 118%;
    text-transform: uppercase;
}
.chuyenvien_thietke_cuoitrang_n
{
	position: relative;
	width: 20%;
    padding: 0 9px;
    float: left;


}
.chuyenvien_thietke_cuoitrang_n img {width: 100%}
.chuyenvien_thietke_cuoitrang_n:nth-child(5n + 6)
{
	margin-right: 0px;
	clear: both;
}

.cauhoi_sanpham
{
	/*height:50%;
	width: 100%;*/
	background-color: #58a236;
}

.form_datcauhoi
{
	margin-top: 50px;
	background-color: #ffffff;
}

.cauhoi_sanphan_right
{
	height: 65%;
	margin-top: 50px;

}
.cauhoi_sanphan_right ul
{
	list-style: none;
}
.cauhoi_sanphan_right li
{
	padding-left: 10px;
}
.cauhoi_sanphan_right_noidung
{
	color: #ffffff;
	padding-left: 10px;
}
.cauhoi_sanphan_right_title
{
	border: 1px solid #6dce40;
    background: url(../images/icon_cauhoi.png) left no-repeat;
    height: 45px;
    line-height: 3.5;
    padding-left: 40px;
    font-size: 14px;
    font-family: tohama;
    color: #f9fd01;
    font-weight: bold;
}
.title_sanpham h3
{
	color: #58a236 !important;
	font-size: 30px;
}
.banner_photo_top
{
	/*height: 353px;*/
	width: 100%;
}
.banner_photo_top img
{
	width: 100%;
	padding-top: 5px;
}
/*ket thuc*/




/*================================= Chi tiết Bài viết =========================================
====================================================================================*/
.title_news_detail {
	text-transform: uppercase;
	color: #1538AB;
	font-size: 20px;
}
.first-item-news {  height: auto; overflow: hidden; margin-bottom: 20px;}
.first-item-news:nth-child(2n + 2) {
	margin-right: 0;
}
.first-item-news img{box-sizing:border-box;padding: relative;z-index: 99;display: inline-block;    max-width: 300px;width: 100%;}
.first-item-news h3 a:hover{color:#f00;}
.first-item-news-wrap {}
.first-item-news h3 a{color: #393939;font-size: 14px;font-weight: bold;text-transform: uppercase;}
.first-item-news:hover  a{color: #F8C704;}
.first-item-news p{text-align:justify; font-family:'RobotoRegular'; font-size:14px;    line-height: 20px;}
.first-item-news .desc{font-family:'RobotoRegular'; 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:hover .desc * {
    color: #fff;
}
.first-item-news:hover h3 a {
    color: #fff;
}
.first-item-news .img {
    position: relative;
    overflow: hidden;
    float: left;
	margin-right: 15px;
}
.first-item-news .desc >div{overflow: hidden;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:hover .first-item-news-wrap { background: #0074c7;}
.first-item-news-wrap:hover .name-tin a{color: #F9D408;}
.name-tin {    line-height: 20px; height: 38px; overflow: hidden;}
.first-item-news .desc .over_lay{position:absolute;top:20%;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;}
.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{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;}
.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%; }
.date{    color: #999;font-size: 12px;margin-top: 5px;margin-bottom: 5px;}
/*news detail*/
.tieude{font-family: 'Tahoma';color: #055699; font-size: 20px;}
.mota-news{font-weight: bold;margin-bottom: 15px;color: #000;}
.tt_top{margin-bottom: 10px;height: 30px;padding-bottom: 10px;line-height: 30px;background: url(../images/tt_top.png) left bottom no-repeat;}
.tt_top h3{font-family: 'Roboto Condensed';font-size: 24px;color: #5c5c5c;font-weight: normal;}
.cungchude ul li{background:url(../images/sao.png) no-repeat 0px 6px; list-style:none; padding-left:20px;line-height: 24px;}
.cungchude ul li a{ color:#055699; font-weight:bold;}
/*============================Album ===================================*/
/* ------- */
.project_item{float: left;position: relative;box-sizing: border-box;margin: 0 11px;    border: 1px solid #ccc; margin-bottom: 30px;}
.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(3n + 3){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(14, 19, 14, 0.53); 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 .box_name_product{margin: 0; position: absolute;top:auto;left: 0;bottom: 0;right: 0;text-align: center; background:rgba(14, 19, 14, 0.53); 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: 17px;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{text-overflow: ellipsis;overflow: hidden; font-family: 'Segoe UI',Tahoma; padding:3px 15px ;display:block;text-transform:uppercase;font-size:14px;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: 450px;margin: 0 auto;height: 40px;line-height: 20px;overflow: hidden;top: 15px;position: relative;text-align: center;}
.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: #088e19;}
.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:#888888;height: 8px;width: 60px;top: -25px;left: calc(50% - 30px);position: absolute;}
.project_item .over_lay a.xemthema{font-style: normal; font-family: avo;font-size: 15px;margin-top: 60px;display: inline-block;padding: 10px 20px;background:rgba(136, 136, 136, 0.62);border-radius: 3px;color: #fff;}
.project_item:hover .over_lay a.xemthema{margin-top:20px !important;     background: rgb(226, 28, 28);}
.project_item:hover h3{opacity: 0;}
.project_item:hover .box_name_product{opacity: 0;}
.project_item .over_lay h4:hover{color: #f3e30b;}
.title_about_detail { font-family: 'UTMAvo'; color: red;margin: 20px 0; text-transform: uppercase;}
.project_item.project_in .over_lay{top: 20%;}
/*album detail*/
ul.album_detail{list-style: none;}
.album_img {position: relative;     margin:0 1px;    overflow: hidden;}
.album_img_detail {width: calc(33.3% - 30px); padding: 0 15px; float: left; margin: 15px 0;}
.hinhanh {margin: 10px 13px; float: left;}
.over_lay_album {
    width: 100%;
    height: calc(100%);
    background: rgba(51, 51, 51, 0.45);
    position: absolute;
    top: 0;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition : all 0.5s;
    -webkit-transition : all 0.5s;
    -moz-transition : all 0.5s;
    padding-top: 30%;
    color: #FFF;
    font-size: 40px;
}
.album_img:hover .over_lay_album{opacity: 1;}
.margin_left_img {
	margin-left: 103px;
}
/*====================================video album ====================================
===================================================================================*/
.wp_video {position: relative;}
.img_video {width: 100%}
.icon_play {
	position: absolute;
	left: calc(50% - 28px);
    top: 34%;
	z-index: 111;
	width: 15%;
}
.icon_play img {

}
.over_lay_video {
	width: calc(100% - 30px);
	margin: 0 15px;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.52);
    transition: all 0.5s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;
}
.wp_video:hover .over_lay_video{opacity: 1;}
.wp_video:hover .icon_play1{display: none;}

/* Hieu ung */
.hieuung{position: relative;overflow: hidden;opacity: 0.9;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.hieuung img{}
.hieuung:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);content: '';-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-128%,0);transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-128%,0);}
.hieuung:hover:after{webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,128%,0);transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,128%,0);}
.hieuung:hover{opacity: 1;}
.transition_all{
	transition: all 0.8s;
    -webkit-transition : all 0.8s;
    -webkit-transition : all 0.8s;
    -moz-transition : all 0.8s;
}
/*Hieu ung xoay*/
.xoay img{
	transition:0.7s; -webkit-transition:0.7s; -moz-transition:0.7s;
}
.xoay_y img{
	transition:0.7s; -webkit-transition:0.7s; -moz-transition:0.7s;
}
.xoay:hover img{
	transform: rotate(360deg);
	 -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.xoay_y:hover img{
	transform: rotatey(180deg);
	 -ms-transform: rotatey(180deg);
    -webkit-transform: rotatey(180deg);
    transform: rotatey(180deg);
}
/* 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;}
/* End hieu ung */
/*===============================Gọi điện===========================
====================================================================*/
.box-lh {
        background:#093b7d;
        position: fixed;
        bottom: 0px;
        width: 100%;
        display: none;
    }
    .goidt {
        width: 27%;
        margin: 5px;
        display: inline-block;
        text-align: center;
    }
    .goidt a{color:#fff;font-size:12px;}
    .goidt img {
        width: 25px;
        vertical-align:middle;
        margin-right:7px;
    }
    .goidt a{text-shadow:none;}
    .blink_me {
        -webkit-animation-name: blinker;
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: blinker;
        -moz-animation-duration: 1s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
        animation-name: blinker;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }
    @-moz-keyframes blinker {
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    }

    @-webkit-keyframes blinker {
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    }

    @keyframes blinker {
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    }

/*bat dau ne cung*/
.leftindex
{
	text-align: center;
	margin: 0px auto;
}

.leftindex img
{
	width: 95%;
}


.content_index
{
	width: 100%;
	padding: 0px 2%;
}

.titleduhoc
{
	margin-top: 2%;
}
.titleduhoc h3
{
	font-size: 16px;
    text-transform: uppercase;
    background: #075ccd;
    padding: 3.5% 0px;
    text-align: center;
    color: #fff;
    margin: 0px;
    border-bottom: 2px solid #f00;
    margin-bottom: 2%;
}

.titleduhoc2
{
	margin-top: 2%;
}
.titleduhoc2 h3
{
	font-size: 16px;
    text-transform: uppercase;
    background: #075ccd;
    padding: 3.5% 0px;
    text-align: center;
    color: #fff;
    margin: 0px;
    margin-bottom: 2%;
}
/*giua*/
.giua
{
	padding: 0px;
}
/*chung nhan*/
.chungnhanindex
{
	padding-bottom: 20px;
    box-shadow: -2px 5px 15px #cac1c1;
}

/*ho tro truc tuyen */
.hotrotructuyen
{
	background: url("../images/bg_hotrotructuyen.png") no-repeat;
	min-height: 115px;
	padding-bottom: 20px;
    box-shadow: -2px 5px 15px #cac1c1;
}

.hotrotructuyen .httt_hotline
{
	font-size: 16px;
    font-weight: bold;
    color: red;
    text-align: right;
    padding-top: 70px;
    padding-right: 60px;
    margin-bottom: 20px;
}
.hotrotructuyen .boxtt1
{
	color: #075ccd;
    font-size: 12px;
    font-weight: bold;
    padding-left: 30px;
}
.hotrotructuyen .boxtt2
{
	font-size: 12x;
    color: #7a7e82;
    font-weight: bold;
    padding-left: 30px;
}
.hotrotructuyen .nganhttt
{
	height: 15px;
	width: 200px;
	margin-left: 30px;
	background: url("../images/nganhttt.png") center no-repeat;
}

.boxindexk
{
    box-shadow: -2px 5px 15px #cac1c1;
}
.boxindexk .imgtintuc
{
	padding-left: 10px;
    margin-bottom: 10px;
    margin-right: 5px;
}
.boxindexk .titletintuc
{
	max-width: 190px;
    height: 80px;
    overflow: hidden;
}
.boxindexk .titletintuc h3
{
	margin: 0px;
}
.boxindexk .titletintuc h3 a
{
	font-size: 15px;
    text-transform: uppercase;
}
.boxindexk .titletintuc h3 a:hover
{
	color: red;
}
.boxindexcenter
{
  padding: 0px 1px;
  height: 340px;
  overflow: hidden;
}
.boxindexcenter .nd
{
	border: 1px solid rgba(143, 126, 130, 0.22);
    border-top: none;
    padding-left: 1%;
    margin-bottom: 5%;
    min-height: 288px;
}
.boxindexcenter .nd ul
{
	margin-top: 5%;
    list-style: none;
    margin: 2%;
    padding-bottom: 10%;
}
.boxindexcenter .nd ul li
{
	font-size: 125%;
    text-transform: uppercase;
    margin: 2% 0%;
    background: url(../images/bg_li.png) left no-repeat;
    padding-left: 3%;
}
.boxindexcenter .nd ul li a
{
	color: rgba(0, 0, 0, 0.68);
    font-size: 70%;
}
.boxindexcenter .nd ul li a:hover
{
	color: red;
}
.boxindexcenter .ct
{
	width: 62%;
    margin-left: 2%;
    margin-bottom: 5%;
    overflow: hidden;
    text-align: justify;
}
.boxindexcenter .ct h3
{
	margin: 0px;
	margin-bottom: 2%;
}
.boxindexcenter .ct h3 a
{
	text-transform: uppercase;
	font-size: 66%;
}
.boxindexcenter .ct h3 a:hover
{
	color: red;
}





.popup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.75);
    z-index: 99999;
}
.popup-inner {
    max-width: 420px;
    width: 90%;
    padding: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    box-shadow: 0 2px 6px rgba(0,0,0,1);
    border-radius: 3px;
    background: #fff;
}
.popup-close {
    width: 50px;
    height: 32px;
    padding-top: 4px;
    display: inline-block;
    position: absolute;
    top: 16px;
    right: 25px;
    transition: ease .25s all;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    background: rgba(6,25,60,.34);
    font-family: Arial,Sans-Serif;
    font-size: 20px;
    text-align: center;
    line-height: 100%;
    color: #fff;
    border-radius: 3px;
}

.inputk
{
	width: 100%;
    border: 1px solid #aab1bc;
    height: 30px;
    margin-bottom: 3%;
    border-radius: 5px;
    padding-left: 2%;
}
.btnk
{
	padding: 5px;
    background: #e68001;
    border: 1px solid #dad411;
    border-radius: 5px;
    color: #fff;
    margin: 0%;
    float: right;
}

.tranguser
{
	border: 2px solid #337ab7;
    text-align: center;
    padding: 3%;
    margin: 2% 0%;
}
.tranguser a
{
	font-size: 100%;
	text-transform: uppercase;
	color: #337ab7;
}
.tranguser a:hover
{
	color: red;
}




/*update user*/
.capnhat
{
	max-width: 500px;
	margin:0 auto;
}
.capnhat .box
{
	padding: 1%;
    border: 1px solid rgba(0, 153, 158, 0.36);
    margin: 2% 0px;
}
.capnhat .box:hover
{
	border: 1px solid #FF5722;
}
.titlecapnhatuser
{
	text-align: center;
    text-transform: uppercase;
    font-size: 100%;
    color: #009688;
}
.inputcapnhat
{
	border: 1px solid #00BCD4;
    padding: 1%;
    border-radius: 5px;
    width: 97.5%;
}
.capnhat p
{
	padding: 0px;
    margin: 5px 0px;
    color: #009688;
}
.capnhat .btnsubmit
{
	background: #0c5c65;
    border: 1px solid #009688;
    border-radius: 5px;
    padding: 1% 2%;
    color: #fff;
    float: right;
    margin: 1% 0%;
    cursor: pointer;
}
.capnhat .btnsubmit:hover
{
	background: #F44336;
    border: 1px solid #F44336;
    color: #f9fffd;
}
.hotrotructuyencuoitrang
{
  position: absolute;
  right: 0px;
  bottom: 0px;
  background: url("../images/hotrotructuyen_footer.png") no-repeat;
  width: 210px;
  height: 105px;
}