/*--fix width--*/
body{}
.container{padding:0}
.clear{clear: both;}
.fixwidth{width: 1200px;margin: auto;}
.content{max-width:1366px;margin:auto;}



/*====header container====*/
.header_top{background:url('../images/bg_header.png') no-repeat center top;background-size:cover;min-height:110px;padding: 10px 0;position:relative;}
/*.header_top:after{content:'';position:absolute;background:url('../images/img_khac.png') no-repeat;width:155px;height:150px;right:0;bottom:-43px;z-index: 99999999;}*/
.header_logo{float: left; width: 10%;}
.header_logo .headertop_after{position:absolute;right:0;bottom:-43px;z-index: 99999999;}
.headertop_after{ display:none;}
.header_banner{float: left; width: 55%; text-align: center;margin-top: 10px;}
.header_hotline{float: left; width: 28%;text-align: right;padding-right: 10px;}

.box_hotline{background:url('../images/icon_hotline.png') no-repeat left 15px center;padding-left:50px;background-color:#0093dd;display: inline-block;padding: 5px 20px 5px 60px;
border-radius: 30px;font-family: 'UTM-Alexander'; color: #fff000; font-size: 18px; line-height: 20px;text-shadow: 1px 1px #000;}
.box_mail{background:url('../images/head_mail.png') no-repeat left center;padding-left:20px;color:#202020;font-family: 'OpenSansSemiBold';margin-top: 15px;
display: inline-block;}

/*==========input search============*/
#timkiem{position: relative;}
#search{}
#search .input{border: none; background: #fff; height: 30px; border-radius: 20px; width: 200px;text-indent: 15px;outline:none;font-family:'arial';color:#333;}
#search .nut_tim{position: absolute; right: 10px; top: -2px;background: none; border: none;outline:none;}

.formtimtext{width: 70%;padding: 5px; border-radius: 20px 0 0 20px; border: none;text-indent:15px;outline:none;}
.formtimbtn{width: 15%;border: none;color: #fff;padding: 5px 20px;border-radius: 0 20px 20px 0;background: #FF5998;
outline:none;}
.icon_mxh{z-index: 999999999;}

/*====banner====*/
.menu_middle{/*width:100%*/text-align: right;}
.slogan_h{color:red;font-weight: bold;text-transform:uppercase;margin-right: 35px;}
/*====banner-menu====*/
#timkiem input::-webkit-input-placeholder{color: #666;font-family:arial;font-weight:100;font-size:13px;}
.menu_cha{display: inline-block;margin: 0;margin-bottom: -5px;margin-right: 65px;}
.banner_menu{width: 100%;position:relative;z-index: 999;background: #0093dd;}
.menu_left img{margin-left:0px}
.menu{display: inline-block;z-index:9999;width: 100%;float:right;text-align:right;}
.menu .menu_cha li{
	float: left;line-height: 42px;font-family: 'Roboto-Bold';text-transform: uppercase;font-size: 15px;color: #fff;position:relative;padding: 0 17px;
	border-right: 1px solid #0086c9;transition:all ease 0.5s;
}
.menu .menu_cha li:hover{background:#0086c9;}
.none_border{border:none !important;background:none !important;}
.last_child_li{cursor:pointer;}
.thanhcheo{padding: 0 15px;}
.menu .menu_cha li:last-child{padding-right:0;}
.menu .menu_cha li:first-child{border-left:none;}
.menu .menu_cha li.none_bg img{margin-right:10px;margin-top: -5px;}
.actived{
	/*background: url(../images/thanh_bottom_menu.png) no-repeat top 70px center;*/
}

.menu .menu_cha li a{text-decoration: none;color: #fff !important;font-family: 'OpenSansSemiBold';font-size: 15px;padding: 0px 0px;}


.bg_menu{
	background: url(../images/bg_menu.png) no-repeat left center;
    height: 55px;
    width: 100%;
    position: absolute;
    top: -7px;
}

/*menu con*/
.menu_cap_con{
	position: absolute;
	left:0;
	z-index: 999;
	top: 43px;
    background: #0086c9 !important;text-align:left;
	border-right: 1px solid #0057ba !important;
}
.menu_cap_con li {
	background:none !important;width: 250px;padding: 0 10px;display: none;clear:both;padding: 0 15px !important;border-bottom:1px solid #0057ba !important;
}
.menu_cap_con li a {
	color: #fff !important;font-size:12px !important;
}
.menu_cap_con li a:hover {
	/*color: yellow !important;*/
}
.menu_cap_con li:hover {
	/*background: #ccc;*/
	transition: ease all 0.2s;
}
.menu li:hover .menu_cap_con li:hover a {
	/*color: yellow;*/
}
.menu li:hover .menu_cap_con li {
	display: block;/*border:none !important;*/
}

.menu_cap_con li:hover .menu_cap_2{display:block;}
.menu_cap_2{
	position: absolute;
    left: calc(100% + 2px);
    top: 0;
	background: #0086c9 !important;
	display:none;	
	border-right: 1px solid #0057ba !important;
}

.menu_cap_2 li:hover .menu_cap_3{display:block;}
.menu_cap_3{
	position: absolute;
    left: calc(100% + 2px);
    top: 0;
	background: #0086c9 !important;
	display:none;	
}


/*menu top*/
.menu_top{
	background: #07409d;
    padding: 3%;
	position:relative;
	display:none;
}
/*--/////////////////////////////////slider////////////////////////////////////--*/
.menu_dmleft{width:250px;float:left;margin-top: -43px;box-sizing: border-box;position: relative;}
.slider_container{width:950px;float: right;}
.box_slider{}
.dmlefft_title{background:url('../images/icon_dm.png') no-repeat left 15px center;line-height:43px;text-align:center;color:#fff;text-shadow: 1px 1px 2px #333;
font-size:18px;z-index: 999999999;position: relative;font-family: 'OpenSansBold'; font-weight: 100;padding-left: 30px;background-color: #0057ba;}
.dmleft_content{border:1px solid #f2f2f2;max-height: 375px; overflow-y: auto;width:100%;}
.dmleft_titleli{margin:0;border-bottom: 1px solid #f2f2f2;transition:all ease 0.3s;background:url('../images/thanh_li.png') repeat-x;/*height:47px;line-height:47px;*/padding:15px 0;
border-top: 1px solid #eaeaea; border-bottom: 1px solid #fff;position: initial !important; width: 100% !important;}
.dmleft_titleli a{color: #737373;font-size: 15px;font-family: 'Roboto-Light';text-transform: capitalize;padding: 0px 0 0px 40px;display: block;
background:url('../images/dots.png') no-repeat left 20px center;}
.dmleft_titleli:hover{background:#F2F2F2;}
.dmleft_titleli:hover a{color:#00a2ff;}
.dmleft_content h2:last-child{border:none;}

.menudm_detail{margin-top: 0px;position: absolute;background: #fff;}
.menudm_detail:hover{cursor:pointer;}
.menudm_detail:hover .menucontent_detail{display:block;}
.menucontent_detail{display:none;}


.box_dm_cap2{position:absolute;top:0;left:100%;width:100%;z-index: -1;opacity:0;transition:all ease 0.5s;}
.dmleft_titleli:hover .box_dm_cap2{opacity:1;z-index:9999999;}
.box_dm_cap2 h3{background: url(../images/thanh_li.png) repeat-x;/*line-height:47px;*/border-bottom: 1px solid #fff; border-top: 1px solid #eaeaea;background-size: cover;
padding:15px 0;}

.box_dm_cap3{position:absolute;top:0;left:100%;width:100%;z-index: -1;opacity:0;transition:all ease 0.5s;}
.box_dm_cap2 h3:hover .box_dm_cap3{opacity:1;z-index:9999999;}
.box_dm_cap3 h4{background: url(../images/thanh_li.png) repeat-x;/*line-height:47px;*/padding:15px 0;border-bottom: 1px solid #fff; border-top: 1px solid #eaeaea;margin:0;background-size: cover;}




/*=========FIX SCROLL MENU=====*/
.dmleft_content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #fff;
}

.dmleft_content::-webkit-scrollbar
{
	width: 3px;
	background-color: #fff;
}

.dmleft_content::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #0057BA;
}

/*--/////////////////////////////////DỊCH VỤ INDEX////////////////////////////////////--*/
.box_maincontainer{margin-top:30px;}
.box_dv_title{background:url('../images/bg_dvcap.png') repeat-x;border-bottom: 2px solid #1a61a9;margin-bottom: 20px !important;}
.box_dv_title span{float:left;background:url('../images/icon_dv.png') no-repeat left 20px center,url('../images/bgnen_dv.png') repeat-x;text-transform:uppercase;color:#fff;font-size:20px;
font-family: 'OpenSansBold';line-height: 43px;padding: 0 50px 0 60px;position: relative;}
.box_dv_title span:after{content:'';position:absolute;background:url('../images/after_dv.png') no-repeat;width:49px;height:43px;top:0;right:-49px;}
.box_dv_title a, .box_dv_title a:hover{float: right; color: #da0000; font-size: 14px; font-family: 'OpenSansSemiBold'; line-height: 43px; padding-right: 30px;
background:url('../images/arrow.png') no-repeat right 15px center;}

.fix_titlepage{margin-top:30px !important;}


.box_dichvu_item{float:left;width:280px;margin-right: 26px;margin-bottom: 30px;}
.box_dichvu_item:nth-child(4n){margin-right:0;}
.box_dichvu_item:nth-child(4n+1){clear:both;}

.box_dichvu_name{margin: 15px 0 !important;}
.box_dichvu_name a, .box_dichvu_name a:hover{text-align:left;text-transform:uppercase;color:#054b91;font-size:16px;font-family: 'OpenSansBold';display:block;}
.box_dichvu_des{text-align:justify;font-size:14px;color:#383838;font-family: 'OpenSansRegular';}



/*====sản phẩm nổi bật====*/
.box_spcapmain{padding:50px 0;}

.box_spitem{text-align:center;margin-right: 26px;}
.box_spitem:nth-child(4n){margin-right:0;}
.box_spitem:nth-child(4n+1){clear:none;}
.box_spitem .box_spimg{outline:none;display: block; overflow: hidden;position: relative;}
.box_spitem .box_spimg img{display: inline-block;width: 100%;}

.box_spitemtail{text-align:center;margin-right: 30px;}
.box_spitemtail:nth-child(3n){margin-right:0;}
.box_spitemtail:nth-child(3n+1){clear:none;}
.box_spitemtail .box_spimg{outline:none;display: block; overflow: hidden;position: relative;}
.box_spitemtail .box_spimg img{display: inline-block;width: 100%;}

.box_sptitle{margin:0;}
.box_sptitle a{color: #363636; font-size: 16px; font-family: 'Roboto-Regular';}
.box_spcost{color:#e60000;font-size: 15px; font-family: 'Roboto-Regular';text-align:left;}

.box_spimg::after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(4,4,10,0.1);
    content: "";
    z-index: 10;
    -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,-120%,0);
    transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);
}
.box_spimg:hover:after{transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}




/*video*/
.chanvideo{width: 100%; outline: none; padding: 3px;}
.fix_titlebaiviet{margin-top: 40px;}
.fix_titlebaiviet span{padding: 0 50px;}




/*===================footer======================*/
.footer_top{background: url('../images/bg_footer.png') no-repeat center center;background-size: cover;height: auto;padding: 40px 0 20px 0;}
.box_f_left_l{width:50%;float:left;padding-right:5%;}
.box_f_left_r{width:35%;float:left;}
.box_f_left_r{padding: 0 70px 0 10px;}
.box_f_left_r p{color:#fff;}
.f_logo{text-align:center;}
.f_logo{margin-top: 10px;}
.f_box_info{}
.box_f_r_title{color:#0093dd;font-family: 'Roboto-Light';font-size: 18px;margin-bottom: 10px !important;font-family: 'OpenSansBold';}
.boxf_slogan{color: #fff;font-size: 13px;}
.box_footer_right{float:right;width:50%;}

.box_fright_left, .box_fright_right{float:left;width:50%;}

.box_fright_left a, .box_fright_right a, .box_fright_left a:hover, .box_fright_right a:hover{color:#fff;display:block;background:url('../images/dot_f.png') no-repeat left center;padding-left:10px;font-size:14px;
font-family: 'OpenSansRegular';    margin-bottom: 10px;}

.form_dangky{margin:10px 0;}
.form_dangky .txt_email{border: none;padding: 6px;width: 78%;outline: none; text-indent: 10px;}
.form_dangky .btn_post{border: none; background: linear-gradient(#fff, #b8c1c2); color: #0c3c89;padding: 6px 15px;margin-top: 10px;font-weight: bold;
border-bottom: 1px solid #143467;}

.footer_bottom{color: #fff;font-family: 'OpenSansRegular';background:#0093dd;padding: 12px 0;}
.f_bottom_l{float:left;width: 70%;font-family: 'Roboto-Light'; font-size: 13px;}
.f_bottom_r{float:right;text-align:right;}
.f_bottom_r span{margin:0 15px;}
.box_footertitle{color: #0093dd; font-size: 26px; text-transform: uppercase;font-family: 'UTMAlbertaHeavy';margin-bottom:20px !important;}
.box_f_info{color:#fff;font-size:14px;font-family:'Roboto-Light';padding-left:40px;margin-bottom: 5px !important;}
.bg_add{background:url('../images/icon_add.png') no-repeat left center;line-height:33px;}
.bg_phone{background:url('../images/icon_phone.png') no-repeat left center;line-height:33px;}
.bg_mail{background:url('../images/icon_mail.png') no-repeat left center;line-height:33px;}
.bg_web{background:url('../images/icon_web.png') no-repeat left center;line-height:33px;}

.box_thongkeitem{color:#fff;font-family:'Roboto-Light';font-size:14px;background:url('../images/dot.png') no-repeat left 5px center;padding-left:20px;
margin-bottom: 15px !important;}
.box_tk_title{width: 40%; display: inline-block;}

.box_f_mxh{margin-top: 10px;}
.box_f_mxh a img{margin-right:5px;}
.box_f_mxh span{color:#fff; margin-right: 15px;}


/*--main content--*/
.khung_main_content {
	background: url('../images/border_bottom_box.png') no-repeat center bottom;
}
.main_content_title {
	font-family: 'Roboto-Bold';
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
	color: #000;
	padding: 20px 0;
	background: url('../images/background_bottom.png') no-repeat center bottom;
	margin-bottom: 20px;
}
.main_content_box {
    position: relative;
    background: #fff;
    height: 280px;
    width: 90%;
    margin: auto;
	margin-bottom:40px;
}
.main_content_box_img {
	background: #fff;
	text-align: center;
	position:absolute;
	width:100%;
}
.bottom_img {
	position: absolute;
	background: #fbd232;
	bottom: 0;
	width: 100%;
	height: 55px;
}
.main_content_box_icon {
	position: absolute;
    bottom: 55px;
    margin: auto;
    width: 100%;
}
.main_content_box_title {
	position: absolute;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    word-wrap: break-word;
    color: #000;
    bottom: 0px;
    width: 100%;
	background:#FBD232;
	padding:20px 0;
}
/*--dịch vụ--*/
.box_dich_vu {
	margin: 30px 0;
}
.box_dv_left {
	position: relative;
	margin-bottom:20px;
}
.box_dv_left_content {
	position: absolute;
	color: #fff;
	margin: 80px 10px;
	text-align: center;
	width: 100%;
}
.box_dv_left_content_title {
	font-size: 56px;
	font-weight: bold;
}
.box_dv_left_content_main{
	margin: auto;
    padding: 0 40px;	
}
.box_dv_left_content .btn_xemthem {
	margin-top: 30px;
}
.box_dv_left_content .btn_xemthem a {
	background: #fcd232;
	color: #000;
	padding: 10px 25px;
	border-radius: 10px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
.box_dv_left_img {
	background: #fff;
	border-radius: 5px;
	padding: 5px;
}
.box_dv_left_img img{
	width:100%;	
}
.box_dv_right {
	margin-left: 30px;
}
.box_dv_right_item {
	margin-right: 20px;
	margin-bottom: 20px;
	background: #fff;
	height: 200px;
}
.box_dv_right_item:nth-child(2n) {
	margin-right: 0px;
}
.box_dv_right_item:nth-child(2n+1) {
	clear: both;
}
.box_dv_right_item_main {
	padding: 30px;
	text-align: center;
}
.box_dv_right_item_main_title {
	margin-bottom: 20px;
}
.box_dv_right_item_main_title a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	color: #000;
}
.box_dv_right_item_main_content {
	color: #999;
}
/*Dự án thực hiện*/
.box_du_an {
	/*background:url('../images/background_img.png') no-repeat left center;
	height:280px;
	margin:10px 0;	
	position:relative;*/
	margin-bottom: 20px;
	width:95%;
	min-height:300px;
	outline:none;
}
.box_du_an a {
	/*background:url('../images/background_img.png') no-repeat left center;
	height:280px;
	margin:10px 0;	
	position:relative;*/
	text-decoration: none;
	outline: none;
}
.du_an_content_box_content_content{	
}
.du_an_content_box_img img{
	width:100%;
}
.du_an_content_box_content {
	color: #5c5b5b;
	font-size: 13px;
	text-align: justify;
	width: 100%;
}
.du_an_content_box_content_title {
	color: #373737;
	font-size: 13px;
	font-weight: bold;
	margin-top: 10px;
	width: 100%;
}

/**/
.fix_img{
	text-align:center;	
}
.fix_img img{
	width:198px;
	position: relative;	
}
.intro_item_title{
	position: absolute;
    top: 40%;
    /* left: 50%; */
    text-align: center;
    width: 100%;
    color: #0E4EAD;
    text-transform: uppercase;
    padding: 0 100px;
    font-size: 22px;
    font-family: 'Roboto-Bold';
	text-decoration:none;
	line-height: 25px;	
}
/*dự án sửa lại css*/

/*khung*/
.khung_mau {
	background: url('../images/border_bottom_box.png') no-repeat center bottom;
	height: 50px;
}
/*--css bổ sung phần template--*/

/*---bổ sung--*/
.box_new:nth-child(2n+1) {
	clear: left;
}
.box_new:nth-child(2n+1) {
	clear: left;
}

.box_new img {
	width: 160px;
	border: 1px solid #ccc;
	padding: 2px;
	float: left;
	margin: 5px 10px 0px 0px;
}
.box_new h3 {
	margin-top: 5px;
}
.ngaydang {
	font-style: italic;
	color: #9A9A9A;
	font-size: 12px;
}
#sanpham {
	width: 100%;
	float: left;
	margin-top: 0px;
}
.khung {
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}
.dieuhuong {
	width: 100%;
	float: left;
	padding: 5px 0px 5px 20px;
	background: url('../images/icon_t33.png') no-repeat 0px 7px;
	border-bottom: none;
	margin-bottom: 10px;
	margin-top: 0;
}
.dieuhuong a {
	text-decoration: none;
	color: #333;
	padding: 0px 10px 0px 10px;
	float: left;
	background: url('../images/muiten_trong.png') no-repeat right;
	font-weight:bold;
	font-size: 14px;
}
.dieuhuong a:hover {
	color: #007597;
}
.dieuhuong a:last-child{background:none;}
.noidung {
}
.noidung img{max-width:100%; height:auto;}
.khung_trai {
	width: 49%;
	float: left;
	margin-left: 0px;
}

.form_contact {
	padding: 20px 0px 0px 0px;
}
#map_canvas {
	position: relative;
	overflow: hidden;
	height: 380px;
	width: 100%;
	margin-bottom: 10px;
	float: left;
}
.khung_phai {
	width: 49%;
	float: right;
	padding: 0px;
}

.form_lh {
	width: 100%;
	float: left;
}

.form_lh fieldset {
	padding: 10px;
	margin: 20px 0px 0px 0px;
	padding-right: 6%;
}
.form_lh legend {
	padding: 0px 10px 0px 10px;
	font-style: italic;
	color: #023B70
}
.form_lh p {
	padding: 5px 0px 5px 0px;
}
.form_lh p input {
	padding: 5px;
	width: 100%;
}
.form_lh p label {
	width: 80px;
	float: left;
}


.form_lh p textarea {
	padding: 5px;
	width: 100%;
	border: 1px solid #ccc;
}
.form_lh p button {
	border: 0px;
	background: #303030;
	padding: 5px 20px 5px 20px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	margin-left: 13px;
}
.form_lh p button:hover {
	background: #036593
}
.form_van input {
	width: 100%;
	padding: 5px;
}
.form_van button {
	position: absolute;
	z-index: 1000;
	top: 1px;
	right: 0px;
	color: #eee;
	padding: 5px;
	border: 0px;
	background: #E78D00
}
.form_contact {
	padding: 20px 0px 0px 0px;
}
#form_contact input {
	padding: 5px;
}
/*--pagination--*/
ul.pagination {
	text-align: center;
	color: #829994;
}
ul.pagination li {
	display: inline;
	padding: 0 3px;
}
ul.pagination a {
	color: #0d7963;
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #cde0dc;
	text-decoration: none;
}
ul.pagination a:hover, ul.pagination a.current {
	background: #0d7963;
	color: #fff;
}
.pagination {
	margin: auto;
	width: auto;
	text-align: center;
	margin-top: 10px;
}
.pages {
}
.pages li.prev {
	margin-right: 15px;
}
.pages li.next {
	margin-left: 15px;
}
.pages li {
	display: inline-block;
	margin: 5px 2px;
}
.pages li a {
	height: 25px;
	padding: 4px 8px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	background: url(../images/backgrounds/pagingBg.png) repeat-x 0 0;
	border: 1px solid #d5d5d5;
	font-size: 11px;
}
.pages li a:hover {
	background: #f6f6f6;
}
.pages li .active {
	background: url(../images/backgrounds/sideGradient.png) repeat-x;
	color: #fff;
	border-color: #424852;
}
.pages li .active:hover {
	background: #2a313d;
}
.right {
	width: 830px;
	float: right;
}
.page_content {
	width: 830px;
}
/*nut-slcik*/
.slick-prev:before, .slick-next:before {
	content: '' !important;
}
.pro_slider .slick-prev, .pro_slider .slick-next {
	width: 23px;
	height: 34px;
	z-index: 999;
}
.pro_slider .slick-prev, .pro_slider .slick-prev:hover, .pro_slider .slick-prev:focus {
	background: url(../images/pre.png) no-repeat top center;
	left: -23px;
}
.pro_slider .slick-next, .pro_slider .slick-next:hover, .pro_slider .slick-next:focus {
	background: url(../images/next.png) no-repeat top center;
	right: -23px;
}
/*tabs content*/
div#container_product {
	margin-top: 10px;
	width: 100%;
	float: left;
}
div#container_product #tabs {
	overflow: hidden;
	border-bottom: 3px solid #00ab4e;
}
div#container_product #tabs li {
	margin: 7px 50px 0px 0px;
	color: rgba(0,102,204,1);
	text-transform: uppercase;
}
div#container_product #tabs li.active {
	color: #000;
	background: #00ab4e;
	padding: 10px 30px 5px 30px;
}
div#container_product #tabs li {
	float: left;
}
div#container_product #tabs li a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
/*--bổ sung chi tiết sản phẩm--*/
#info {
}
.item_index {
	width: 100%;
	float: left;
	margin-bottom: -1px;
	margin-right: -1px;
	text-align: center;
}
.item_index .img {
	width: 100%;
	float: left;
	position: relative;
}
.xemsp {
	position: absolute;
	z-index: 10;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 40px;
	background: rgba(0,0,0,0.8);
	color: #fff;
	padding-top: 10px;
}
.xemsp:after {
	content: '';
	background: url(images/muiten.png) no-repeat 0px 0px;
	width: 5px;
	height: 9px;
	display: inline-block;
	margin-left: 10px;
}
.item_index:hover .xemsp {
	color: #FFF000;
}
.item_index img {
	width: 100%;
	transition: 0.5s;
	display: block;
}
.item_index h3 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px 0px 0px;
	width: 100%;
	float: left;
}
.item_index h3 a {
	color: #3e3e3e;
}
.item_index:hover h3 a {
	color: #03669A;
	text-decoration: underline;
}
.item_index:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.item_index .giaban span {
	color: #fb4107;
	font-family: 'UTMAvo';
	font-size: 26px;
}
.product_list {
	float: left;
}
.product_list ul {
	width: 150px;
	float: left;
	height: 533px;
	background: #e2e2e2;
	padding: 20px 0px 0px 0px;
}
.product_list ul li a {
	width: 100%;
	float: left;
	padding: 7px 0px 7px 10px;
	color : #4f4f4f;
}
.product_list ul li a:hover {
	color: #02719A;
	text-decoration: underline;
}
#congtrinh {
	background: #eeeeee;
	width: 100%;
	float: left;
	margin: 20px 0px 0px 0px;
}
.khung_tt {
	float: left;
	padding-right: 30px;
}
.khung_km {
	padding-left: 30px;
}
.video_con {
	width: 100%;
	float: left;
	border-bottom: 2px solid #0b7ef4;
	height: 242px;
}
.khachhang {
	padding-right: 10px;
}
.khachhang_item {
	padding: 10px;
	text-align: center;
}
.khachhang_item img {
	max-width: 100%;
	width: auto !important;
	border-radius: 100%;
	box-shadow: 0px 0px 3px #ccc;
}
.khachhang_item h5 {
	font-size: 13px;
	margin-top: 5px;
}
.thuonghieu {
	padding-left: 10px;
}
.thuonghieu a {
	border: 1px solid #eee;
	float: left;
	margin-bottom: 10px;
	padding: 5px;
	transition: 0.5s;
}
.thuonghieu a:hover {
	border: 1px solid #FF01EA
}
.hotro_tructuyen {
	width: 590px;
	float: right;
}
.hotro_online {
	width: 240px;
	float: left;
	padding: 150px 0px 0px 0px;
	background: url(images/hotro.png) no-repeat 0px 0px;
}
.frm_lienhe {
	width: 325px;
	float: right;
}
.box_lh {
	width: 100%;
	float: left;
	border: 1px solid #cfcece;
	margin-top: 10px;
	border-radius: 5px;
	padding: 0px 0px 0px 0px;
}
.frm_lienhe input {
	padding: 7px;
	width: 100%;
	border: 0px;
	border-bottom: 1px solid #cfcece;
}
.box_lh li:last-child input {
	border-bottom: 0px;
	border-radius: 0px 0px 5px 5px;
}
.box_lh li:first-child input {
	border-radius: 5px 5px 0px 0px;
}
.frm_lienhe textarea {
	border-radius: 5px;
	width: 100%;
	height: 80px;
	float: left;
	margin-top: 10px;
	border: 1px solid #cfcece;
	padding: 5px;
}
.frm_lienhe button {
	background: #009030;
	border: 0px;
	padding: 5px 20px 5px 20px;
	color: #fff;
	float: left;
	margin-top: 5px;
	cursor: pointer;
}
.frm_lienhe button:hover {
	color: #FBF201
}
.khung_in {
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 10px;
	padding: 0px 0px 10px 0px;
	background: url(images/bg_khung.png) no-repeat bottom center;
}
/*.khung {
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 50px;
	margin-top: 20px;
}*/
.xemtiep {
	float: right;
	font-size: 12px;
	background: url(images/xemm.png) no-repeat 80px 12px;
	transition: 0.5s;
	text-align: center;
	font-weight: bold;
}
.xemtiep a {
	text-decoration: none;
	font-style: italic;
	float: left;
	padding: 7px 0px 7px 0px;
	color: #F40000;
}
.xemtiep a:hover {
	color: #036889;
}
.giaohang {
	width: 100%;
	float: left;
	margin-top: 20px;
	padding: 0px 0px 30px 0px;
}
.thanh_title {
	width: 100%;
	float: left;
	margin: 0px 0px 10px 0px;
	position: relative;
}
.thanh_title h2, .thanh_title h4 {
	font-family: 'RobotoCondensed-Regular';
	color: #005fb8;
	font-size: 22px;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
}
/*.thanh_title h2:after,.thanh_title h4:after{  
background:url(images/after.jpg) no-repeat top left;
width:40px;
height:44px;
top:0px;
left:100%;
position:absolute;
content:'';
}*/
.phutung_chu:after {
	display: none;
}
.phutung_chu:before {
	background: url(images/ater1.jpg) no-repeat top left;
	width: 40px;
	height: 44px;
	top: 0px;
	right: 100%;
	position: absolute;
	content: '';
}
#sp_banchay {
	width: 100%;
	margin: auto;
	height: 450px;
	background: #eeeeee;
	padding-top: 55px;
}
.thanh_title h2 a {
	color: #000;
}
.quangcao_dm {
	float: left;
	transition: 0.5;
}
.quangcao_dm:hover {
	outline-offset: -20px;
	outline: 1px solid #fff;
}
.list_carousel_dm {
	float: right;
	width: 910px;
}
.list_carousel_dm .owl-controls {
	display: none;
}
#hotro {
	width: 100%;
	float: left;
	padding: 20px 0px 20px 0px;
	background: url(images/gach_hotro.png) repeat-x bottom
}
#gioithieu {
	width: 100%;
	float: left;
	margin: 30px 0px 0px 0px;
}
.gioithieu {
	width: 100%;
	float: left;
	background: url(images/bg_gioithieu.png) no-repeat;
	margin: 45px 0px 45px 0px;
	padding: 0px 0px 0px 0px;
	color: #595959;
}
.thanh_gt {
	width: 100%;
	float: left;
	position: relative;
}
.xemthem_gt a {
	display: inline-block;
	padding: 7px 30px 7px 30px;
	color: #000;
	text-transform: uppercase;
	background: #ff7e00;
	font-weight: bold;
	margin: 20px 0px 0px 0px
}
.xemthem_gt:hover a {
	color: #fff;
}
.noidung_gt {

}
.hinh_gt {
	float: left;
	background: url(images/bong_gt.png) no-repeat center bottom;
	padding-bottom: 24px;
}
.hinh_gt img {
	padding: 5px;
	border: 1px solid #d1d1d1;
	background: #fff;
	display: block;
}
.owl_menu li {
	border: 10px solid #fff;
	position: relative;
}
.owl_menu li img {
	display: block;
}
.owl_menu li h3 {
	position: absolute;
	background: rgba(0,0,0,0.7);
	bottom: -50px;
	left: 0px;
	width: 100%;
	float: left;
	transition: 0.5s;
}
.owl_menu li:hover h3 {
	bottom: 0px;
}
.owl_menu li h3 a {
	color: #ff7e00;
	float: left;
	width: 100%;
	padding: 5px;
}
.owl_menu .owl-controls {
	display: none;
}
.thanh_bottom {
	width: 100%;
	float: left;
	margin: 0px 0px 10px 0px;
	background: url(images/bg_thanh.png) repeat-x 0px 12px;
	padding: 0px 0px 0px 0px;
	color: #00aeef;
	height: 33px;
	font-family: 'UTMFlamenco';
}
.thanh_bottom img {
	float: left;
	margin-right: 10px;
}
.thanh_bottom:after {
	width: 15px;
	height: 15px;
	content: '';
	background: #ec0574;
	display: inline-block;
}
.thanh_bottom h4 {
	color: #ec0574;
	text-transform: uppercase;
	font-size: 24px;
	display: inline-block;
	background: #fff;
	padding: 0px 20px 0px 0px;
}
.khung_1 {
	width: 100%;
	float: left;
	border: 1px solid #efefef;
	padding: 10px;
	margin: 10px 0px 10px 0px;
}
.khung_thongtin li {
	padding: 5px 0px 5px 0px;
	width: 100%;
	float: left;
	color: #333;
}
.khung_thongtin h1 {
	font-size: 22px;
	color: #000;
	text-shadow: 0px 0px 3px #fff;
	text-transform: uppercase;
	font-family: 'OpenSansSemiBold';
}
.khung_thongtin b {
}
.khung_thongtin .masp {
	color: #333;font-size: 16px;margin: 0; padding: 0; padding-top: 5px;
}
.khung_thongtin .mota_detail {
	border-left: 0px;
	border-right: 0px;
	white-space: pre-line;
	padding: 20px 0px 20px 0px;
}
.khung_thongtin .gia_detail {
	color: #000;font-size: 16px;font-weight: 100;padding: 5px 0; border-bottom: 1px solid #ccc;margin-left: 30px;
}
.khung_thongtin .gia_detail b {
}
.khung_thongtin .giacu_detail {
	font-size: 16px;
	color: #999;
	text-decoration: line-through;
}
.khung_thongtin .giacu_detail span {
}
.khung_thongtin .baohanh_detail {
	color: #015DA4;
}
.giamgia_detail {
	position: absolute;
	z-index: 100;
	right: 10px;
	top: 10px;
	height: 50px;
	width: 50px;
	background: url(images/sale.png) no-repeat;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
}
.lienhe_ {
	font-size: 18px;
	font-weight: bold;
	color: #AEAEAE
}
.dathang_detail p {
	width: 100%;
	float: left;
}
.dathang_detail select {
	width: 80px;
	height: 50px;
	float: left;
	border: 1px solid #cccccc;
	border-radius: 5px;
	background: url(images/select.png) no-repeat right 0px;
}
.tintuc_hot {
	width: 340px;
	float: left;
	margin-right: 40px;
}
.row_video {
	width: 440px;
	float: right;
}
#huongdan_dh {
	float: right;
}
.chonsize label {
	padding: 0px 10px 0px 0px;
	font-weight: 100;
	cursor: pointer;
	color: #DC00C0
}
.gia_detail span {
	font-size: 14px;
	color: #666;
}
.dathang_detail .thanhtoannhanh {
	width: 200px;
	float: left;
	background: #e41c2c;
	height: 50px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	padding: 15px 0px 0px 0px;
	cursor: pointer;
	color: #fff;
	margin-left: 0px;
	border-radius: 5px;
	text-align: center;
}
.dathang_detail .muangay {
	width: 177px;
	float: left;
	background: url(images/thanhtoan.png) no-repeat;
	height: 46px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	padding: 9px 0px 0px 70px;
	cursor: pointer;
}
.dathang_detail .thanhtoannhanh:hover, .dathang_detail .muangay:hover {
	color: #FFF600;
}
.dathang_detail span {
	width: 42px;
	height: 42px;
	padding: 7px 0px 0px 0px;
	float: left;
	border: 3px solid #ccc;
	border-radius: 50%;
	text-align: center;
}
.huongdan_detail a {
	width: 100%;
	float: left;
	padding: 5px 0px 10px 30px;
	background: url(images/time.png) no-repeat 5px 9px;
	color: #035E80;
	font-style: italic;
}
.huongdan_detail a:hover {
	color: #04579D
}
.input-quantity {
	display: inline-block;
	border: 1px solid #ccc;
}
.input-quantity button {
	height: 30px;
	width: 30px;
	border: 0px;
	background: none;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
}
.input-quantity input {
	width: 60px;
	height: 30px;
	border: 1px solid #ccc;
	border-top: 0px;
	border-bottom: 0px;
	padding-left: 25px;
	display: inline-block;
	vertical-align: top;
}
.box_new {
	width: 100%;
	float: left;
	padding: 10px;
}
/*sửa*/
.sty_lh{
	margin:10px 0;
	padding-bottom:10px;
	border-bottom:none !important;
}
.sty_lh a{
	color:#999;
	border:1px solid #999;
	padding:10px 20px;
	color:red;
	font-weight:bold;
	font-size: 32px;
}

@media (max-width: 412px){}
@media (max-width: 360px){
	.box_new {
		width:100%;
	}
}
.box_new img {
	/*width: 160px;*/
	border: 1px solid #ccc;
	padding: 2px;
	float: left;
	margin: 5px 10px 0px 0px;
}
.box_new h3 a {
	color: #4f4f4d;
	font-family: 'arial';
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}
.box_new p {
	font-size: 12px;
	color: #333;
}
.box_new:nth-child(2n+1) {
	clear: left;
}
.box_new:hover h3 a {
	color: #AF0808
}
.content_new {
	overflow: hidden;
	height: 400px;
	width: 100%;
	float: left;
}
.ngaydang {
	font-style: italic;
	color: #9A9A9A;
	font-size: 12px;
}
.thongtin_detail {
	font-style: italic;
}
.khuyenmai_detail {
	margin: 5px 0px 0px 0px;
}
.khuyenmai_detail ul li {
	padding: 5px 20px 5px 0px;
	color: #008c00
}
.khuyenmai_detail ul li input {
	float: left;
	margin: 3px 5px 0px 0px;
}

/*--slider banner responese--*/
.nivo-controlNav {
 position: absolute;
 width: auto !important;
 right: 0;
 bottom: 25%;
 padding: 0 !important;
 z-index: 1000;
/* visibility: hidden; */
}
.nivo-control {
	width: 24px !important;
	height: 24px !important;
	background: url('images/private_1/dot_1_03.png') no-repeat !important;
	overload: hidden;
	border-radius: 50% !important;
}
.nivo-control.active {
	width: 24px !important;
	height: 24px !important;
	background: url('images/private_1/dot_2_05.png') no-repeat !important;
	overload: hidden;
	border-radius: 50% !important;
}
.nivo-control img {
	visibility: hidden !important;
}
.nivo-caption {
	width: 52.7%;
	height: 30%;
	position: absolute;
	bottom: 20%;
	font-family: 'UVFAphroditePro' !important;
	font-size: 32px;
	line-height: 39px;
	padding: 0;
}
.nivo-caption div {
	background: url(images/private/bg_titile_slider.png);
	position: relative;
	width: 100%;
	height: 100%;
	padding: 1% 5%;
}

/*--menu footer--*/
#menu ul.menu_footer li{text-transform:uppercase !important;}



/*=============================frame images====================*/
.frame_images{float: left;width: 50%;}
.khung_thongtin{width:50%;padding-left: 2% !important;}
.selectors {
    text-align: center;
    float: left;
    width: 100%;
    padding: 5px 0px;
}
.frame_images .owl-controls {
    display: none;
}

/*====fix trang trog====*/
.sp_tieu_bieu_title_text{

}
/*.sp_tieu_bieu_title{
	width: 100%;
    margin: 10px 0px;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid #405769;
    height: 27px;
    margin-top: 80px;	
}
.sp_tieu_bieu_title_text{margin-top: -13px; text-align: center;text-transform: uppercase;font-family: 'Roboto-Regular';
    font-size: 28px;    
	background: url(../images/bg_title_l.png) no-repeat bottom left,url(../images/bg_title_r.png) no-repeat bottom right #fff;
    padding: 0px 20px;display: inline-block;
}*/

/*===fix chi tiết sp====*/
.active_ a{background: #007DAC; color: #fff;padding: 10px 11px;text-decoration:none;}
#tabs_{ border-bottom: 2px solid #007DAC;padding-bottom: 8px;}

/*scroll*/
.back_to_top{
	display:none;
	position:fixed;
	top:45%;
	right:0px;
	text-align: right;
	z-index: 99999;	
}
.back_to_top a, .back_to_top a:hover{background-color: red; color: #fff; padding: 8px; border-radius: 3px;font-family: 'OpenSansSemiBold'; font-size: 18px;}
.back_to_top img{}

/*===hiệu ứng sản phẩm===*/
span.roll {
    background:url(images/mag.png) center center no-repeat #000;
    height: 346px;
    position: absolute;
    width: 347px;
    z-index: 10;	
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px  #000;
	box-shadow: 0px 0px 4px  #000; 
} 


/*====nút của slick đối tác====*/
/*.slick-prev:before, .slick-next:before{
content: '' !important;
}
.auto_dt .slick-prev, .auto_dt .slick-next{
width:35px;
height:35px;
z-index:999;
}
.auto_dt .slick-prev,.auto_dt .slick-prev:hover,.auto_dt .slick-prev:focus{
	background:url(../images/img_arrow_left.png) no-repeat top center;
    left: -50px;
    top: 80px;
}
.auto_dt .slick-next,.auto_dt .slick-next:hover,.auto_dt .slick-next:focus{
background:url(../images/img_arrow_right.png) no-repeat top center;
	right: -50px;
    top: 80px;
}*/

/*====fanpage box====*/
.fanpage_box{
	width:300px;
	height:300px;
	position:fixed;
	top:30%;
	left:-300px;
	z-index:99999;
	transition:all 0.5s;	
}
.fanpage_box:hover{
	width:300px;height:300px;
	position:fixed;
	top:30%;
	left:0;
	transition:all 0.5s;	
}
.fanpage_box img{width:45px;}
.show_face{
	position:absolute;
	top:0;
	right:-45px;
	cursor:pointer;
}
/*====hỗ trợ box====*/
.hotro_box{
	width:200px;
	height:300px;
	position:fixed;
	top:40%;
	left:-200px;
	z-index:999;
	background:#fff;
	transition:all 1s;	
}
.hotro_box img{width:45px;}
.hotro_box:hover{
	width:300px;min-height:300px;
	position:fixed;
	top:40%;
	left:0;
	transition:all 0.5s;	
}
.show_face_ht{
	position:absolute;
	top:0;
	right:-45px;
	cursor:pointer;
}

/*====hỗ trợ trực tuyến====*/

.list_hotrott{padding:5%; font-family:'UTM-Avo'}
.hotrott_item{
	border-bottom: 1px dashed #ccc;padding: 20px 0;
}
.hotrott_item div{padding-left:30px;margin: 10px 0;}
.hotrott_name{
	color:blue;
	background:url('../images/icon_ht.png') no-repeat left center;
	background-size: contain;
}
.hotrott_phone{
	background:url('../images/phone_ht.png') no-repeat left center;
	background-size: contain;	
}
.hotrott_mail{
	background:url('../images/mail_ht.png') no-repeat left center;
	background-size: contain;	
}
.hotrott_phone a{text-decoration:none;}
.hotrott_mail a{text-decoration:none;}

/*gọi điện chỉ đường tư vấn*/

/*====call====*/
/*====call====*/
.call{width:100%;  height:50px; line-height:50px; position:fixed; bottom:0px; left:0px; background:#093775; text-align:center; z-index:999999;display:none}
.call div{width:33%; float:left; height:50px;}
.call strong{padding-left:38px; display:inline-block;}
.call span{display:inline-block; line-height:50px;background-size:auto 25px;
	-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;
	}
.call a{color:#fff; font-size:14px;}
.blink_me img{width:30%; animation:color_call 1s infinite;}
.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; }
}
/*========PRODUCT=========*/
.fix_proitem{float: left; width:280px;margin-bottom: 20px;}
.owl-carousel .owl-item{border:none !important;}
.pro_code{font-style:italic;font-family:'Roboto-Bold';font-size:18px;}
.box_spcapcontent_cost{color: #333333;}
.box_spcapcontent_cost span{color: red;font-style: italic;}


/*========PRODUCT DETAIL=========*/
.main_containerleft{float:left;width:25%;}
.main_containerright{float:left;width:75%;}
.pro_des_detail{white-space: pre-line;}

.btn_pro_dathang{color: #fff; display: block; width: 170px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; font-size: 14px; transition: 0.4s; 
border-bottom: 4px solid #c61717; border-radius: 4px; background: #de1818 ;}

.menu_dmproleft{margin-top:30px;}
.dmlefftpro_title{background:url(../images/bgnen_dv.png) repeat-x !important;padding-left:0px;z-index: -2;}

.box_dmleft_main{border:1px solid #ccc;padding:10px;max-height: 400px; overflow-y: auto;}
.box_hotroitem{border-bottom: 1px dashed #ccc; margin-bottom: 10px; padding-bottom: 10px;}
.box_hotroitem:last-child{border:none;margin:0 !important;padding:0;}
.box_hotroitem p{margin: 3px 0 !important;}
.box_prosee_img img{max-width:100%;}
.box_prosee_img{float:left;width:35%;}
.box_proseend{float:left;width:65%;padding-left:2%;}
.box_proseend a{color: #111111; font-size: 13px; display: block;}
.box_proseeitem{margin-bottom: 10px;}
.box_proseeitem:last-child{margin-bottom:0;}
.box_proseecost{font-size:13px;}

.box_dmleft_main::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #fff;
}

.box_dmleft_main::-webkit-scrollbar
{
	width: 3px;
	background-color: #fff;
}

.box_dmleft_main::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #333;
}
.box_sp_daxemdetail{display:none;}

/*==========================================SEARCH FORM REP=============================================*/
.frm_timkiem_rep input[type="text"]{
	color:#000;width: 70%;border-radius: 20px 0 0 20px;border: 1px solid #c1c1c1;padding: 5px; text-indent: 20px; margin: 5px;outline: none;
}
.frm_timkiem_rep input[type="submit"]{
	border: none; background: #0173BC;color: #fff;padding: 6px 20px;border-radius: 0 20px 20px 0;width: 20%;outline:none;
}
