/**
 * @version		$Id: style.css 3 2014-03-21 10:53 Phu $
 * @package		vFramework.theme
 * @copyright	(C) 2014 Vipcom. All rights reserved.
 * @license		Commercial
 */
@charset "UTF-8";

@import url("content.css");
/** RESET */
@import url("reset.css");

@import url("slick.css");
@import url("owl.carousel.css");
/**Add font**/
@import url("font.css");


/** GRID */
.clr{clear:both;}
div.w{margin:0px auto;width:100%}
#p{width:978px}
#t{background:#000;color:#FFF;height:30px}
#f{clear: both;}
.c12{width:50%;float:left}

/** CLEAR **/
.clr{clear:both; height:0; line-height:0;}
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

/** TYPOGRAPHY */
body{
	font:87.5%/1.429em Arial,Verdana; /* size 14px, line-height 20px */
	*font-size:small;
	*font:x-small;
	color: #282828;
}
.vf_tit{font-size:1.5em;font-weight:bold;margin:15px 0}
.tiny{font-size:.6em}
.small{font-size:.8em}
.large{font-size:1.2em}
.vf_cuoi{padding:10px}
.vf_ctn p,.vf_ctn div{margin-bottom:12px;line-height:1.5;font-size: 14px;}
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}
/* Default link */
a{color:#333;text-decoration:none;outline: none}
a:hover,a:focus{text-decoration:none;outline: none}
a:active,a:visited{color:#525252;outline: none}

/* Custom select */
::selection{background:#525252;color:#fff}
::-moz-selection{background:#525252;color:#ff}


/** FORM */
form fieldset{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding-top:5px;padding-left:5px;border:1px solid #ccc}
form fieldset legend{font-size:1.4em;padding:0 5px}
form input[type=text],form input[type=email],form input[type=url]{height:20px;margin-bottom:5px;border:1px solid #ccc;padding:4px 0 1px 5px;width: 250px;}
form label{display:block;height:20px;font-size:1em}
input[type=text],input[type=password]{}
form input{outline: none;}
/** LAYOUT */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Menu */
.vf_menu{position:relative;}
.vf_menu ul{position:relative;z-index:99;}
.vf_menu ul li{float:left;position:relative;}
.vf_menu ul li a{display:block;float:left;white-space:nowrap;padding:5px 20px 4px 20px;font-size:10px;t}
ul li {list-style: none;}




@media print {
*{color:#000 !important;text-shadow:none !important;background:transparent !important;box-shadow:none !important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre, blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100% !important}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
select{background:#fff !important}
.nop{display:none}
#p,.vf_ctn{width:100%;font-size: 14px;}
}

@media all and (max-width: 978px) {
#p{width:100%}
}

/******************************************HEADER**************************************/
#header {width: 1110px;margin: 0 auto;position: relative;border-bottom: 7px solid #2727d6;margin-bottom: 1px;}
#logo {float: left;margin: 20px 0 16px -4px}
#search {position: absolute;bottom: 16px;right: 0px;}
#search form {background: #fff;border: 1px solid #dcd7d7;
	-webkit-box-shadow: 2px 3px 0px 0px rgba(223,223,223,1);
	-moz-box-shadow: 2px 3px 0px 0px rgba(223,223,223,1);
	box-shadow: 2px 3px 0px 0px rgba(223,223,223,1);}
#search #k {border: none;background: none;padding: 2px 5px 2px 11px;width: 150px;}
#search .submit {width: 25px;height: 25px;background: url(../img/bt_search.png) no-repeat center center;border: none;position: relative;text-indent: -999em;cursor: pointer;}
#language {float: right;margin: 43px 2px 10px 0px}
#language a {display: block;color: #7e7e7e;float: left;line-height: 12px;font-size: 11px;font-weight: bold;}
#language a.active {color: #0303fd}
#language #lang_vn {padding-right: 10px;border-right:2px solid #7e7e7e;}
#language #lang_en {padding-left: 10px;}

.row1 {width: 1170px;margin: 0 auto;overflow: hidden;position: relative;
	-webkit-box-shadow: 0px 7px 17px -15px rgba(40,40,40,1);
	-moz-box-shadow: 0px 7px 17px -15px rgba(40,40,40,1);
	box-shadow: 0px 7px 17px -15px rgba(40,40,40,1);}
.homepage .row1 .vf_menu {padding-top: 12px;}
.row1 .vf_menu {background: #fff;float: left;width: 100%;padding: 16px 30px 12px;}
.row1 .vf_menu ul {background: url(../img/bg_menu.png) repeat-x;text-align: center;overflow: hidden;border-radius: 5px;}
.row1 .vf_menu ul li {float: none;display: inline-block;zoom:1;*display: inline;}
.row1 .vf_menu ul li a {font-size: 13px;color: #ffffff;text-transform: uppercase;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;padding: 12px 12px;position: relative;background: url(../img/bg_menua.png) no-repeat right center;
	transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;}
.row1 .vf_menu ul li a:hover,.row1 .vf_menu ul li a.active {color: #ffc000}
.row1 .vf_menu ul li.last a {background: none;}
.row1 .vf_menu ul li a:before {content: "";width: 0px;height: 3px;background: #ffc000;position: absolute;bottom: 0px;left: 50%;
	transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;}
.row1 .vf_menu ul li a:after {content: "";width: 0px;height: 3px;background: #ffc000;position: absolute;bottom: 0px;right: 50%;
	transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;}
.row1 .vf_menu ul li a:hover:before,
.row1 .vf_menu ul li a:hover:after,
.row1 .vf_menu ul li a.active:before,
.row1 .vf_menu ul li a.active:after {width: 35%;}


.blk_project {position: absolute;width: 315px;height: 300px; right: 0px;z-index: 200;}
.blk_project .p {position: absolute;width: 315px;height: 96px;}
.blk_project .tp {display: block;background: url(../img/bg_project.png) repeat;height: 100%;color: #fff;}
.blk_project .line {width: 10px;background: rgba(12, 12, 11, 0.8);float: left;height: 100%;*background: #0c0c0c;background: #0c0c0c\9;
	transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
}
.blk_project .tit_pro {font-size: 18px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;text-transform: uppercase;padding: 25px 0px 5px 30px;}
.blk_project .tit {font-size: 18px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;padding-left: 30px;}
.blk_project .tp:hover,.blk_project .pav .tp {background: url(../img/bg_project_a.png) repeat;color: #282828}
.blk_project .tp:hover .line,.blk_project .pav .tp .line {background: #0000fe}



.ellip {display: block;height: 100%; }
.ellip-line {display: inline-block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;max-width: 100%;}
.ellip,.ellip-line {position: relative;overflow: hidden;}


/****************************************** LEFT **************************************/
#left {width: 23%;float: left;padding: 80px 5px 0px 30px;margin-bottom: 50px;}
#left .vf_menu {float: left;background: #f5f5f5;
	-webkit-box-shadow: 4px 5px 0px 0px rgba(199,199,199,1);
	-moz-box-shadow: 4px 5px 0px 0px rgba(199,199,199,1);
	box-shadow: 4px 5px 0px 0px rgba(199,199,199,1);
}
#left .vf_menu > ul {}
#left .vf_menu > ul > li {}
#left .vf_menu > ul > li > a {font-size: 24px;color: #a3a3a3;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;border-bottom: 3px solid #d1d1d1;width: 100%;padding: 18px 5px 15px 25px;*display: block;*float: left;*zoom:1;}
#left .vf_menu ul ul {padding: 19px 13px 0px;float: left;}
#left .vf_menu ul ul li {width: 100%;border-bottom: 1px solid #e2e2e2;}
#left .vf_menu ul ul li a {font-size: 16px;color: #282828;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;border-top: 1px solid #fff;background: url(../img/icon_menu.png) no-repeat left center;padding: 13px 5px 13px 21px;
	transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;}
#left .vf_menu ul ul li a:hover,#left .vf_menu ul ul li a.active {color: #0000e5;}
#left .vf_menu ul ul li.first a {border: none;}
#left .vf_menu_pl ul ul li a {background: url(../img/icon_menu_sp.png) no-repeat left center;}
#left .vf_menu_pl ul ul li a:hover,#left .vf_menu_pl ul ul li a.active {background: url(../img/icon_menu_sp_a.png) no-repeat left center;}
/****************************************** CONTENT **************************************/
#w {background: url(../img/bg_container.png) repeat;background-size: cover}
#wrap {background: url(../img/bg_main.png) no-repeat right bottom -14px;overflow: hidden;}
#main {width: 1170px;margin: 0 auto;}
#content {width: 100%;position: relative;padding: 0px 30px;}
#content.content_l {width: 77%;float: left;padding: 0px 30px 0px 40px;*padding-left: 0px;*width: 70%;}
#content.content_s {padding: 0px;}
.vf_ctn {background: url(../img/bg_ctn.png) repeat;padding: 30px 50px;border: 1px solid #fff;margin-left: 4px;*padding-right: 0px;}
.vf_ctn a {color: #0000D4}
.vf_article {margin-top: 55px;margin-bottom: 106px;}
.vf_article .vf_view {width: 96%;}
.vf_article .vf_view .vf_date {display: none;}
.vf_article .vf_tit,
.vf_partner .vf_tit,
.row5 .vf_menu .vf_tit {color: #282828;font-size: 19px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-weight: bold;border-bottom: 1px solid #d1d1d1;;padding-left: 20px;position: relative;padding-bottom: 4px;margin-bottom: 30px;margin-left: 37px;text-transform: uppercase;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
	box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);}
.vf_article .vf_tit span,
.vf_partner .vf_tit span {background: url(../img/icon_congtrinhtieubieu.png) no-repeat left bottom ;width: 35px;height: 35px;position: absolute;bottom: -6px;left: -37px;}


.vf_partner {margin-bottom: 80px;float: left;width: 100%;margin-top: 55px;}
.vf_partner .vf_tit {text-transform: uppercase;}
.vf_partner .vf_list > div {float: left;width: 100%; margin: 0 -10px;}
.vf_partner .logo_partner { float: left;width: 20%; padding: 0 10px; margin-bottom: 20px;}
.vf_partner .logo_partner .inner {border:1px solid #dbdbdb;background: #fff; position: relative; overflow:hidden; height: 129px;}
.vf_partner .logo_partner img {max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute;top: 0;left: 0;right: 0;margin: auto;bottom: 0;
	transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;}
.vf_partner .logo_partner:hover img {
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.vf_partner .vf_date {display: none;}

.vf_news {margin-bottom: 87px;float: left;margin-top: 40px;}
.vf_news ul {margin-bottom: 40px;float: left;padding-left: 48px;}
.vf_news .vf_tit {margin-bottom: 11px;}
.vf_news .vf_tit span {background: url(../img/icon_tit.png) no-repeat left bottom;height: 37px;}
.vf_news ul li,
.blk_news ul li {float: left;width: 100%;}
.vf_news .vf_list .vf_date,
.blk_news .vf_date  {float: left;width: 50px;font-weight: bold;text-align: center;margin-right: 14px;margin-bottom: 40px;padding-top: 10px;}
.vf_news .vf_list .vf_date span,
.blk_news .vf_date span{display: block;border-top: 1px solid #c0c0c0;font-weight: normal;}
.vf_news .img,
.blk_news .img {float: left;margin: 0px 25px 31px 0px;width: 125px;height: 83px;position: relative;top: -10px;left: 0px;
	transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-webkit-box-shadow: 3px 4px 0px 0px rgba(179,179,179,1);
	-moz-box-shadow: 3px 4px 0px 0px rgba(179,179,179,1);
	box-shadow: 3px 4px 0px 0px rgba(179,179,179,1);}
.vf_news .img:hover,.blk_news .img:hover,.blk_contruction .img:hover {
	-webkit-box-shadow: 3px 4px 0px 0px rgba(39,39,214,1);
	-moz-box-shadow: 3px 4px 0px 0px rgba(39,39,214,1);
	box-shadow: 3px 4px 0px 0px rgba(39,39,214,1);}
.vf_news .img img,
.blk_news .img img {width: 125px;height: 83px;}
.vf_news .tit,
.blk_news .tit {overflow: hidden;color: #0000fe;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 17px;font-weight: bold;}

.vf_news .vf_next {margin: 20px 0px 0px;float: left;width: 100%}
.vf_news .vf_next ul {padding-left: 10px}
.vf_news .vf_next ul li {line-height: 25px;}
.vf_news .vf_next ul li a {padding-left: 21px;background: url(../img/icon_menu.png) no-repeat left center;}
.vf_news .vf_next ul li a:hover {color: #0000e5;background: url(../img/icon_menu_hover.png) no-repeat left center;}

.blk_career {margin-bottom: 20px;float: left;}
.blk_career .down {background-color: #2C8BEA;border-radius: 10px;float: right;cursor: pointer;margin-top: 20px;}
.blk_career .down a {display: block;font-size: 16px;color: #fff;font-weight: bold;padding: 3px 35px 3px 10px;background-image: url(../img/download-icon.png);background-repeat:no-repeat;background-position:  right center;}

.vf_career {margin-bottom: 0px;}
.vf_career .vf_list .vf_ctn {padding: 30px 30px;border-bottom: none;}
.vf_career table {width:100%;float: left;}
.vf_career .first.even {background: #dadada;}
.vf_career .first td {font-weight: bold;color: #004e88;font-size: 14px;}
.vf_career td {border: 1px solid #cccccc;padding:7px 0px 7px 00px;text-align: center;}
.vf_career .even {background: #E2E2E0}
.vf_career .position {width: 50%;text-align: left;padding: 10px;}
.vf_career .local {width: 25%;text-align: center;}
.vf_career .experience {width: 25%;text-align: center;}
.vf_career .td_first {text-align: left;padding-left: 20px;}

.vf_blk_contact {float: left;width: 100%;background: url(../img/bg_ctn.png) repeat;border: 1px solid #fff;border-top: none;padding: 0px 30px 30px;margin-left: 4px;margin-bottom: 100px}
.vf_blk_contact td {border: none;padding:0px 0px 5px 0px;}
.vf_blk_contact th {width: 100px;}
.vf_blk_contact .report ,.vf_blk_contact .report_suc{color: #000097;font-weight: bold;margin-bottom: 15px;}
.vf_blk_contact .report_suc {display: none}
.vf_blk_contact .success .report_suc {display: block;}
.vf_blk_contact .success .report {display: none}
.vf_blk_contact input[type='text'] {width: 300px;height: 25px;padding: 2px 5px;}
.vf_blk_contact input[type='text'].error,.vf_blk_contact #info.error {border: 1px solid red}
.vf_blk_contact #info {width: 300px;max-width: 400px;height: 150px;max-height: 180px;border: 1px solid #cccccc;padding: 5px;}
.vf_blk_contac #captcha_btn {}
.vf_blk_contact #captcha_img {margin-top: 5px;}
.vf_blk_contact #captcha {display: block;margin: 10px 0px;}
.vf_blk_contact .btn {background: none repeat scroll 0 0 #000097;border: 2px solid #000097;color: #fff;cursor: pointer;font-weight: bold;margin-right: 20px;margin-top: 0px;padding: 4px 0;width: 80px;
	transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;}
.vf_blk_contact .btn:hover {background: #fff;color: #000097}
.vf_blk_contact #captcha_btn {left: 0;padding: 5px;position: relative;top: 4px;}
.vf_blk_contact #captcha_btn a {background: url("../img/reload2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);display: inline-block;height: 34px;text-indent: -999em;width: 34px;}

.recruit .blk_career,.recruit .vf_blk_contact {display: none;}

.vf_pag {width: 100%;overflow: hidden;text-align: center;float: left;}
.vf_pag p span {display: none;}
.vf_pag a {background: #c1c1be;display: block;width: 37px;height: 39px;border: 1px solid #b3b3b3;line-height: 37px;text-align: center;font-size: 18px;color: #282828;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;margin:0px 2px 0px 1px;display: inline-block;*display: inline;zoom:1;}
.vf_pag a.active {background: rgba(231, 231, 231, 0.6);*background: #e7e7e7;background: #e7e7e7\9}
.vf_pag a.next {width: 19px;height: 39px;background: url(../img/bt_next.png) no-repeat;position: relative;text-indent: -999em;margin-left: 4px;}
.vf_pag a.prev {width: 19px;height: 39px;background: url(../img/bt_preview.png) no-repeat;position: relative;text-indent: -999em;margin-right: 4px;}

.row4 {width: 55%;float: left;padding: 0px 23px 0px 30px;margin-top: 28px;}
.blk_news {margin: 0px;}
.blk_news .vf_tit {margin-left: 45px;margin-bottom: 42px;}
.blk_news .img {margin-bottom: 26px;}
.blk_contruction {margin-bottom: 34px;margin-top: 0px;}
.blk_contruction .vf_tit {margin-left: 45px;padding-left: 14px;}
.blk_contruction .carousel {background: url(../img/bg_ctn.png) repeat; border: 1px solid #fff;padding: 22px 25px 0px 25px;position: relative;}
.blk_contruction .carousel .item {;position: relative;}
.blk_contruction .img {display: block;position: relative;width: 248px;margin: auto;margin-bottom: 13px;
	transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-webkit-box-shadow: 3px 4px 0px 0px rgba(179,179,179,1);
	-moz-box-shadow: 3px 4px 0px 0px rgba(179,179,179,1);
	box-shadow: 3px 4px 0px 0px rgba(179,179,179,1);
}
.blk_contruction .tit {width: 234px;margin: auto;}
.blk_contruction .tit a { font-size: 16px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-weight: bold;}
.blk_contruction .tit p {display: inline;}
.blk_contruction .desc {padding: 11px 20px 30px;}
.blk_contruction .owl-buttons {position: absolute;top: 93px;left: 0px;width: 100%}
.blk_contruction .owl-buttons div {width: 19px;height: 39px;position: absolute;top: 0px;text-indent: -999em;}
.blk_contruction .owl-buttons .owl-prev {background: url(../img/bt_preview.png) no-repeat; left: 0px;}
.blk_contruction .owl-buttons .owl-next {background: url(../img/bt_next.png) no-repeat; right: 0px;}

.row5 {width: 44%;float: left;margin-top: 28px;*width: 38%;*padding-left: 20px;}
.row5 .vf_menu {padding: 0px 15px;}
.row5 .vf_menu .vf_tit {margin-left: 43px;}
.row5 .vf_menu .vf_tit span {background: url(../img/icon_tit.png) no-repeat left bottom ;width: 35px;height: 37px;position: absolute;bottom: -8px;left: -34px;}
.row5 .vf_menu ul {margin-left: -15px;}
.row5 .vf_menu ul li {float: left;width: 232px;margin-left: 15px;margin-bottom: 30px;*width: 200px;*overflow: hidden;}
.row5 .vf_menu ul li a {padding: 0px;width: 100%;
	transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-webkit-box-shadow: 3px 4px 0px 0px rgba(179,179,179,1);
	-moz-box-shadow: 3px 4px 0px 0px rgba(179,179,179,1);
	box-shadow: 3px 4px 0px 0px rgba(179,179,179,1);
}
.row5 .vf_menu ul li b {display: block;padding: 8px 0px 8px 10px;background-color: #0000fe;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;color: #ebebeb;text-transform: uppercase;background-image: url(../img/icon_menu_h.png);background-repeat: no-repeat;background-position: right 9px center;font-size: 14px;position: absolute;bottom: 0px;left: 0px;width: 100%;*background-position: right center;*width: 95%;
	transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}
.row5 .vf_menu ul li:hover b {color: #0000fe;background: #fff;}

.row6 {width: 100%;float:left;padding: 0px 30px;margin: 12px 0px 93px;}
.blk_award {margin: 0px;margin-bottom:20px;float: left;width: 100%;padding-right: 9px;}
.blk_award .vf_tit {margin-left: 45px;margin-bottom: 35px;}
.blk_award .logo_customer {background: url(../img/bg_ctn.png) repeat;border: 1px solid #fff;text-align: center;padding: 15px 9px;float: left;width: 100%}
.blk_award .logo_customer .desc {margin: 0px 12px; float: left; width: 165px; height: 115px; overflow: hidden;}
.blk_award .logo_customer .desc a {display: block;overflow: hidden;width: 165px;height: 115px;
	-webkit-box-shadow: 3px 4px 0px 0px rgba(179,179,179,1);
	-moz-box-shadow: 3px 4px 0px 0px rgba(179,179,179,1);
	box-shadow: 3px 4px 0px 0px rgba(179,179,179,1);
}
.blk_award .logo_customer .desc img {width: 165px;height: 115px;
	transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}
.blk_award .logo_customer .desc a:hover img{
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.blk_customer {margin: 0px;float: left;width:100%;padding-right:9px;}
.blk_customer .vf_tit {margin-left: 45px;margin-bottom: 35px;}
.blk_customer .logo_customer {background: #fff;float: left;width: 100%;padding: 15px;}
.blk_customer .logo_customer .desc {float: left;margin: 0px 10px}
.blk_customer .logo_customer .desc a {display: block;position: relative;width: 125px;height: 117px;
	transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}
.blk_customer .logo_customer .desc p {display:block;float:left;}
.blk_customer .logo_customer .desc img {width:100px;height:80px;margin:10px 8px;}
.blk_customer .logo_customer .desc a:hover {
	-webkit-box-shadow: 3px 4px 0px 0px rgba(179,179,179,1);
	-moz-box-shadow: 3px 4px 0px 0px rgba(179,179,179,1);
	box-shadow: 3px 4px 0px 0px rgba(179,179,179,1);
}


.info_contact {float: left;width: 50%;padding-right: 10px;margin-top: 45px;}
.info_contact .vf_tit {color: #282828;font-size: 18px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-weight: bold;border-bottom: 1px solid #d1d1d1;padding:0px 0px 4px 5px;position: relative;margin:15px 0px 30px 37px;text-transform: uppercase;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
	box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);}
.info_contact .vf_tit span {background: url(../img/icon_congtrinhtieubieu.png) no-repeat left bottom ;width: 35px;height: 35px;position: absolute;bottom: -6px;left: -37px;}
.info_contact h4 {position: relative;margin: 15px 0px 10px 0px;font-size: 16px;vertical-align: bottom;font-weight: bold;}
.info_contact h4 img {margin-right: 5px;position: relative;top: -7px;left: 0px;}
.info_contact a {color: #000097;}
.info_contact p {line-height: 26px;}
.vf_contact {float: left;width: 50%;padding-left: 20px;margin-top: 55px;}
.vf_contact .report {margin-left: 10px;}
.vf_contact .form {width: 100%;margin-top: 10px;}
.vf_contact form label {font-weight: normal;}
.vf_contact form tr {float: left;width: 50%;padding: 0px 10px;}
.vf_contact form th {float: left;width: 100%;text-align: left;}
.vf_contact form td {float: left;width: 100%;display: block;}
.vf_contact form input[type='text']{width: 100%;padding: 3px 5px;height: 25px;border-color:#fff;}
.vf_contact form tr.message {width: 100%;}
.vf_contact form #message {width: 100%;float: left;padding: 5px;max-width: 590px;height: 100px;max-height: 100px;border:1px solid #fff;margin-bottom: 12px;}
.vf_contact #captcha_img {float: left;margin-bottom: 10px;}
.vf_contact #captcha_btn {padding: 5px;position: relative;top: 16px;left: 0px;}
.vf_contact #captcha_btn a {background: url(../img/reload2.png) no-repeat;width: 34px;height: 34px;display: inline-block;text-indent: -999em;}
.vf_contact .captcha_wrp {width: 100%}
.vf_contact .btn {width: 80px;padding: 4px 0px;background: #000097;color: #fff;font-weight: bold;border: none;cursor: pointer;margin-left: 20px;float: right;margin-top: 55px;border: 2px solid #000097;
	transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
}
 .vf_contact .btn:hover {background: #ffffff;color: #000097}

.blk_map {margin: 30px 0px;overflow: hidden;float: left;width: 100%}
/****************************************** PRODUCT **************************************/
.vf_gallery {margin-bottom: 75px;margin-top:55px;}
.vf_gallery .vf_cat {margin-bottom: 35px;}
.vf_gallery .vf_tit,.vf_project .vf_tit {color: #282828;font-size: 18px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-weight: bold;border-bottom: 1px solid #d1d1d1;padding:0px 0px 4px 22px;position: relative;margin:15px 0px 30px 32px;text-transform: uppercase;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
	box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
}
.vf_gallery .vf_tit a,.vf_project .vf_tit a {color: #282828;font-size: 18px; }
.vf_gallery .vf_tit span {background: url(../img/icon_tit.png) no-repeat left bottom ;width: 35px;height: 37px;position: absolute;bottom: -8px;left: -34px;}
.vf_gallery .vf_cat .tit {color: #282828;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;display: block;width: 96%;text-align: center;}
.vf_gallery .carousel {position: relative;}
.vf_gallery .carousel .item .img{display: block;width: 265px;margin-bottom: 17px;}
.vf_gallery .img,.vf_project .img {overflow: hidden;
	transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-webkit-box-shadow: 3px 4px 0px 0px rgba(182,182,182,1);
	-moz-box-shadow: 3px 4px 0px 0px rgba(182,182,182,1);
	box-shadow: 3px 4px 0px 0px rgba(182,182,182,1);
}
.vf_gallery .img img,
.vf_project .img img {
	transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-webkit-transition:all 0.4s linear;
}
.vf_gallery .carousel .item:hover .img,
.vf_gallery ul li:hover .img,
.vf_project .carousel .item:hover .img,
.vf_project ul li:hover .img {
	-webkit-box-shadow: 3px 4px 0px 0px rgba(39,39,214,1);
	-moz-box-shadow: 3px 4px 0px 0px rgba(39,39,214,1);
	box-shadow: 3px 4px 0px 0px rgba(39,39,214,1);}
.vf_gallery .carousel .item:hover .img img,
.vf_gallery ul li:hover .img img,
.vf_project .carousel .item:hover .img img,
.vf_project ul li:hover .img img {
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.vf_gallery .owl-buttons,
.vf_project .owl-buttons {position: absolute;top: 47px;left: 0px;width: 100%;}
.vf_gallery .owl-buttons div,
.vf_project .owl-buttons div {width: 19px;height: 39px;position: absolute;top: 0px;text-indent: -999em;}
.vf_gallery .owl-buttons .owl-prev,
.vf_project .owl-buttons .owl-prev {background: url(../img/bt_preview.png) no-repeat;left: -30px;}
.vf_gallery .owl-buttons .owl-next ,
.vf_project .owl-buttons .owl-next {background: url(../img/bt_next.png) no-repeat;right: -30px;}

.vf_gallery .vf_list {width: 100%;float: left;margin-bottom: 70px;}
.vf_gallery .vf_list .vf_tit {margin-top: 0px;}
.vf_gallery .vf_list ul,.vf_project .vf_list ul {margin-left: -15px;margin-bottom: 45px;float: left;}
.vf_gallery .vf_list ul li,.vf_project .vf_list ul li {float: left;width: 265px;margin-left:15px;margin-bottom: 33px;*margin-left: 10px;}
.vf_gallery .vf_list ul li:nth-child(3n+1),.vf_project .vf_list ul li:nth-child(3n+1) {clear:both;}
.vf_gallery .vf_list .img,.vf_project .vf_list .img {display: block;margin-bottom: 16px; width: 265px; height: 138px}
.vf_gallery .vf_list .img img,.vf_project .vf_list .img img { width: 100%; height: auto }
.vf_gallery .vf_list .tit,.vf_project .vf_list .tit {font-weight: bold;font-style: italic;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;display: block;text-align: center;}

.gallery_view {margin-top: 40px;}
.vf_gallery .vf_view {width: 544px;float: left;}
.vf_gallery .vf_view > div {background: url(../img/bg_ctn.png) repeat;border: 1px solid #fff;padding: 26px 29px 16px 27px;}
.vf_gallery .vf_view .vf_tit_de {font-size: 20px; line-height: 1.5;color: #f6f6f6;background: #0000fe;display: block;padding: 10px 0px 10px 26px;margin-bottom: 14px;
	-webkit-box-shadow: 3px 4px 0px 0px rgba(182,182,182,1);
	-moz-box-shadow: 3px 4px 0px 0px rgba(182,182,182,1);
	box-shadow: 3px 4px 0px 0px rgba(182,182,182,1);
}
.vf_gallery .vf_view #slider_gallery {
	-webkit-box-shadow: 3px 4px 0px 0px rgba(182,182,182,1);
	-moz-box-shadow: 3px 4px 0px 0px rgba(182,182,182,1);
	box-shadow: 3px 4px 0px 0px rgba(182,182,182,1);
}
.vf_gallery .vf_view .media img { max-width: 100%; height: auto;}
.vf_gallery .vf_next .vf_tit {margin-left: 0px;padding-left: 0px;}
.vf_gallery .vf_next {float: right;width:265px}
.vf_gallery .vf_next ul li {margin-bottom: 22px;}
.vf_gallery .vf_next .img {display: block;width: 265px;margin-bottom: 16px;overflow: hidden;}
.vf_gallery .vf_next .tit {font-weight: bold;font-style: italic;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;display: block;text-align: center;}

.vf_gallery .go_back {display: block;border-top: 1px solid #cfcfcf;margin-top: 10px;padding-top: 13px;}
.vf_gallery .go_back span {color: #797979;text-transform: uppercase;background: url(../img/icon_prepage.png) no-repeat left center; padding: 3px 0px 3px 20px;cursor: pointer;}
.vf_gallery .tit_detail {font-size: 16px;color: #282828;text-transform: uppercase;margin: 31px 0px 20px}
.vf_gallery .des_content {font-size: 16px;color: #282828;margin-bottom: 60px}
.vf_gallery .des_content a {color: #0000D4}

/****************************************** PROJECT **************************************/
.vf_project  {margin: 60px 0px 60px 0px;}
.vf_project .vf_list ul {margin-left: -38px;}
.vf_project .vf_list ul li {width: 248px;margin-left: 38px;}


.vf_project .vf_cat {margin-bottom: 37px;}
.vf_project .vf_tit span {background: url(../img/icon_congtrinhtieubieu.png) no-repeat left bottom ;width: 35px;height: 37px;position: absolute;bottom: -6px;left: -34px;}
.vf_project .carousel .owl-item {margin-right: 8px;}
.vf_project .carousel .item .img {width: 248px;display: block;margin-bottom: 7px;}
.vf_project .vf_cat .tit {display: block;width: 100%;padding: 10px 20px 0px 0px;color: #282828;font-weight: bold;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 16px;}
.vf_project .vf_cat .desc {padding: 10px 30px 20px 0px;display: block;}

.vf_project .vf_view {overflow: hidden;margin-bottom: 16px;}
.vf_project .project_view {background: url(../img/bg_ctn.png) repeat;border: 1px solid #ffffff;padding: 50px 0px 50px 57px;float: left;width: 100%;}
.vf_project .media {width: 570px;float: left;}
.vf_project .media img {width: 570px;height: 570px;}
.vf_project .media .img {
	-webkit-box-shadow: 5px 5px 0px 0px rgba(182,182,182,1);
	-moz-box-shadow: 5px 5px 0px 0px rgba(182,182,182,1);
	box-shadow: 5px 5px 0px 0px rgba(182,182,182,1);
}


.breadcrumbs {position: fixed;top: -999em;left: -999em}
.vf_project .info_project {float: right;width: 477px;overflow: hidden;padding: 0px 50px;}
.vf_project .info_project p {margin-bottom: 10px;}
.vf_project .info_project .vf_tit_de {font-size: 24px; line-height: 1.3;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;margin: 15px 0px 20px 0px}
.vf_project .info_project .desc {margin-bottom: 70px;}
.vf_project .thumbnail {margin: 30px 0 0;}
.vf_project .thumbnail .slick-track {width: 600px !important}
.vf_project .thumbnail .slick-slide {width: 104px;height: 104px;position: relative;border: 6px solid #ffffff;margin-left: 23px;margin-bottom: 23px;cursor: pointer;}
.vf_project .thumbnail .slick-slide img {width: 100%;height: 100%;}

.vf_project .vf_next {float: left;width: 100%;margin-bottom: 68px;}
.vf_project .vf_next .vf_tit {margin-left: 0px;}
.vf_project .vf_next ul {margin-right: -38px;}
.vf_project .vf_next ul li {float: left;width: 248px;margin-right: 38px;}
.vf_project .vf_next .img {display: block;width: 248px;position: relative;}
.vf_project .vf_next .tit {color: #282828;display: block;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 16px;font-weight: bold;padding: 10px 20px 0 0;width: 100%;}
.vf_project .vf_next .desc {   display: block;  padding: 10px 0px 20px 0;}

.blk_menu_next {margin-bottom: 82px;float: left;width: 100%;}
.blk_menu_next ul {float: left;width: 100%;border: 2px solid #9c9c9c;}
.blk_menu_next ul li {float: left;width: 50%;padding: 6px 0px;background: rgba(168, 168, 168, 0.7);*background: #a8a8a8;background: #a8a8a8\9;
	transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-webkit-transition:all 0.4s linear;}
.blk_menu_next ul li a {display: block;font-size: 18px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;text-align: center;text-transform: uppercase;padding: 6px 0px;padding-left: 95px;color: #282828;}
.blk_menu_next ul li.last a {border-left:2px solid #666666;padding-left: 0px;padding-right:95px; }
.blk_menu_next ul li:hover {background: rgba(168, 168, 168, 0);*background: #a8a8a8;background: #a8a8a8\9;}
/****************************************** FOOTER **************************************/
.row7 {overflow: hidden;width: 100%;background: #000097;color: #e9e9e9;padding: 16px 0px 8px;float: left;}
.content_row {width: 1170px;margin: 0 auto;}
.row7 .vf_block {float: left;width: 46%;padding-left: 27px;*width: 40%;}
.row7 .vf_block .vf_tit {font-size: 20px;font-weight: normal;line-height: 30px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;margin-bottom: 7px;margin-top: 4px;}
.row7 .vf_block p {line-height: 23px;}
.row7 .vf_block p span {display: inline-block;width: 80px;}

.row7 .vf_menu {float: left;width: 54%;padding-left: 22px;padding-top: 13px;*width: 52%}
.row7 .vf_menu > ul {}
.row7 .vf_menu > ul > li {float: left;width: 33%;border-right:1px solid #4d4db6; line-height: 18px;padding-left: 30px;*width: 30%;*padding-left: 20px;}
.row7 .vf_menu > ul > li.last {border: none;}
.row7 .vf_menu > ul > li > a {text-transform: uppercase;font-weight: bold;padding: 0px;}
.row7 .vf_menu a {color:#d5d5fb;font-size: 12px;
	transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;}
.row7 .vf_menu a:hover {color: #fff;margin-left: -5px;}
.row7 .vf_menu ul ul li {width: 100%}
.row7 .vf_menu ul ul li a {padding: 0px;}

#footer {width: 100%;background: #0000e5}
#footer > div {width: 1170px;margin: 0 auto;}
#footer .vf_block {float: left;color: #a9a9a9;font-size: 11px;padding: 10px 0px 10px 29px;}
#footer .vf_block a {color: #a9a9a9;font-size: 11px;}
#footer .vf_block a:hover {color: #fff}
#footer .vipcom {float: right;padding-right: 30px;line-height: 38px;}
#footer .vipcom a {font-size: 11px;color: #00004b;}
#footer .vipcom a:hover {color: #FF3300;}
#footer .vipcom span {font-size: 11px;color: #00004b;}