.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
body
{
width:100%;
margin:0;
font-family:'Roboto';
}
.topnav
{
background:#f7eddc;
color:#C49A6C;
width:100%;
padding-top:15px;
padding-bottom:15px;
border-top:solid 2px #C49A6C;
border-bottom:solid 1px #dfeaff
}
.page,
.container
{
max-width:1170px;
margin:0 auto;	
}

.email a
{
color:#C49A6C;	
}
.contact .call
{
border-right:1px solid #fff;
height:15px;
padding-right:12px;	
float:left;

}
.contact .email
{
padding-left:8px;
float:left;
}
.contact i
{
margin-right:7px;	
}
.social_header 
{
float:right;
}
.social_header i
{
color:#C49A6C;	
margin-right:15px;	
}
.kc
{
height:20px;	
}
.mainmenu
{
background:#ffffff;
float:left;	
width:100%;
position:relative;
z-index:99999;
margin-bottom:10px;
}
.logo
{
margin-top:12px;	
}
/*menu*/
.navbar-default{ border:none; float:left; width:100%; margin:0; padding:0; background:none}
.navbar-collapse{padding-left:0; padding-right:0}

.menu li a{font:16px/60px 'Roboto Condensed'; color:#C49A6C!important;text-transform:uppercase;transition:background 0.3s ease-in-out 0s;font-weight:bold;padding:0 14px;}
/*.menu li a:hover,.menu li a:focus,.menu li a:active,.menu li.active a{ color:#2EFE64!important} */
#active a
{
color:#C49A6C !important;	
}
.navbar
{
margin-top:11px;
float:right;	
}
.navbar-default
{
background:none;
border:none;	
}
.owl-banner img
{
width:100%;	
}
.owl-banner .owl-controls .owl-prev,
.owl-banner .owl-controls .owl-next {
  display: inline-block;
   text-align: center;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 50%; 
  z-index: 99;
  background-position: center;
  background-repeat: no-repeat;
  width:57px;
height:53px
}
.owl-banner .owl-controls .owl-prev {
  left: 64px;
  background:url(images/pre.png) no-repeat !important;	
}
.owl-banner .owl-controls .owl-next {
  right: 24px;
 background:url(images/next.png) no-repeat !important;
}
.owl-pagination .owl-page.active {
    background-color: #007382;
}
element {
}
.owl-pagination .owl-page.active {
    background-color: #01b1d7;
}
.owl-pagination .owl-page {
    display: inline-block;
    width: 22px;
    background-color: #3e3e3e;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    font-size: 11px;
    font-family: "Roboto";
    margin: 0 5px;
	padding-bottom:2px;
	
	
}
.owl-pagination {
    text-align: center;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    z-index: 9;
}
.owl-pagination .owl-page .owl-numbers {
    line-height: 20px;
}
.introduce{margin-top:50px}
.introduce .img{margin-bottom:20px}
.introduce img{ width:100%}
.title a{ font:700 32px "Roboto"; color:#000; text-transform:uppercase; margin:0 0 20px 0}
.introduce .tdiem{ font:700 18px "Roboto"; color:#C49A6C}
.introduce p{font:14px "Roboto"; color:#000; margin:15px 0}


.introduce ul{float:left; width:100%; padding:0;}
.introduce li{ float:left; width:50%; list-style:none;margin:15px 0; background:url(images/bullet.png) no-repeat left 1px; padding-left:30px}
.introduce li a{ font:15px tahoma; color:#232323}
/*dich vu*/
.service{margin-top:50px}
.service .img{margin-bottom:20px}
.service img{ width:100%}
.service h2{ font:700 32px "Roboto"; color:#000; text-transform:uppercase; margin:0 0 20px 0}
.service .tdiem{ font:700 18px "Roboto"; color:#C49A6C}
.service p{font:14px "Roboto"; color:#000; margin:15px 0}
.viewmore{ float:left; width:100%; margin:0px 0 25px 0px}
.viewmore a{ font:700 14px "Roboto"; background:#C49A6C; color:#fff; padding:15px 50px; text-transform:uppercase; text-decoration:none}
.viewmore a:hover{background:#2488da}
.service ul{float:left; width:100%; padding:0; margin-top:20px}
.service li{ float:left; width:50%; list-style:none;margin:15px 0; background:url(images/bullet.png) no-repeat left 2px; padding-left:30px}
.service li a{ font:15px tahoma; color:#232323}

/*du an tieu  bieu*/
.duantieubieu{margin-top:30px}
.gthieu{ background:url(images/duan_bg.jpg) no-repeat #223b58; background-size:cover; padding:20px; box-sizing: border-box; color:#fff; padding-bottom:50px; }
.gthieu h3 {text-align:center}
.gthieu h3 a {color: #fff;font:24px "Roboto";background:  url(../images/line1.jpg) no-repeat bottom center;padding-bottom: 10px;text-transform: uppercase;margin: 40px 0 20px 0; text-align:center;}

.gthieu .tdiem {text-transform:uppercase; text-align:center; font:16px "Roboto"; margin:20px 0; float:left; width:100%}
.gthieu p{text-align:justify; margin:10px 0; color: #fff;}
.gthieu .more{border:solid 3px #fff; display:block; text-align:center; padding:15px 0; margin-top:30px}
.gthieu .more:hover{background:#172e45}
.gthieu .more a{color:#fff; font:16px "Roboto"; text-transform:uppercase; text-decoration:none; display:block}

.project1 h2{ font:700 32px "Roboto"; color:#000; text-transform:uppercase; margin:0 0 20px 0; background:url(images/line2.jpg) no-repeat left bottom; padding-bottom:5px;}

.p_viewmore{float:right; font:14px "Roboto"; text-transform:none; margin-top:-56px; background:#e9e9e9; padding:5px 10px; color:#000; border-radius:2px;}

.duanbox{margin-bottom:20px}
.duanbox a{ font:16px "Roboto"; color:#535353; text-transform:uppercase; display:block; height:22px; overflow:hidden;text-align:center}

/*tin tuc*/
.news{margin-top:10px}
.news h2{color:#000;font:700 26px "Roboto";text-transform:uppercase;border-top: solid 1px #dbdbdb;padding:20px 0 5px 0}
.news h2 .viewmore{float:right; font:14px "Roboto"; text-transform:none; text-decoration:underline}
.news h2 a
{
color:#000;font:700 26px "Roboto";text-transform:uppercase; text-align:left;	
}
.news .tieude{height:48px;overflow:hidden; margin:0px 0 10px 0}
.news .tieude a{font:700 14px "Roboto";color:#535353; text-transform:uppercase}
.news .motangan{font:14px "Roboto"; color:#000;text-align:justify;}
.motangan p
{
height:116px;	
overflow:hidden;	
}
.news .more{ border:solid 1px #ddd; color:#535353; padding:5px 10px; border-right-width:2px;border-bottom-width:2px; float:left; margin-top:5px}
.news .more:hover{text-decoration:none; background:#ddd}

.doitac{margin:10px 0 20px 0}
.doitac h2{color:#000;font:700 26px "Roboto";text-transform:uppercase;border-top: solid 1px #dbdbdb;padding:20px 0 5px 0}
.doitac h2 .viewmore{float:right; font:14px "Roboto"; text-transform:none; text-decoration:underline}

.menu_ft{ background:#c8c8c8; float:left; width:100%; padding:1px 0 0 0; margin-bottom:20px; margin-top:20px;}
.menu_ft ul{ margin:0; padding:0}
.social_ft{ float:right}
.social_ft a{ margin:0 2px;}
.footer li{ float:left; list-style: none;border-right: solid 1px #fff; padding:0 20px}
.footer li:last-child{border-right:none}
.footer li a{ color:#fff; font:14px "Roboto"; text-transform:uppercase; text-decoration:none}


.navbar-nav{float:right}
.introduce h2 a
{
color: #000;
font: 500 24px 'Roboto';
text-transform: uppercase;
float: left;
width: 100%;
position: relative;
}
.introduce p
{
font-size:14px;	
font-weight:normal;
}
.service p
{
font-size:14px;	
font-weight:normal;
}
.introduce
{
position:relative;
z-index:999999;	
}
.depsnd
{
height:100px;
float:left;
overflow:hidden;
}
.depsnd p
{
height:82px;
float:left;
overflow:hidden;
}
.news h2 a,
.project a
{
text-align:left;
color:#3b3e43 !important;	
}
.p_viewmore1
{
text-align:left;
float:right;
font: 14px "Roboto";
text-transform: none;

position:absolute;
right:0px;
margin-top:2px;
background: #e9e9e9;
padding: 5px 10px;
color: #000;
border-radius: 2px;
}
.news h2 a
{
float:left;	
}
a:hover
{
text-decoration:none;	
}
.news 
{
text-align:center;

float:left;
}
.project
{
text-align:center;
width:100%;
float:left;
margin-top:30px;
}
.owl-service .owl-controls .owl-prev {

  left: 64px;

  background:url(images/pre1.png) no-repeat !important;	

}

.owl-service .owl-controls .owl-next {

  right: 24px;

 background:url(images/next1.png) no-repeat !important;

}
.ndtintuc
{
margin-top:20px;
float:left;
box-sizing:border-box;
text-align:justify;
width:100%
}
.tieude a
{
    font: 700 14px "Roboto";
    color: #535353;
    text-transform: uppercase;
	height:41px;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}
.anhtintuc img
{

}
.sp-service .owl-pagination
{
display:none;	
}
#vlightbox1
{
float:left;	
}
.ndgit
{
margin-top:30px;
border:none;	
}
.ndgit p
{
padding-top:10px;
}
.sitemap {
    background: #eaeaea;
    font: 700 14px tahoma;
    margin: 15px 0;
    padding: 10px;
    border-radius: 5px;
    color: #4b4b4b;
}
.colright h3 {
    background: url(../images/bg_title_right.jpg) repeat-x top;
    height: 30px;
    border-bottom: solid 1px #e6e6e6;
    border-top: solid 1px #e6e6e6;
    margin: 0;
    float: left;
    width: 100%;
}
.colright h3 span {
    background: url(../images/ico_right.jpg) no-repeat left;
    padding-left: 20px;
    margin-left: 20px;
    font: 700 13px/30px tahoma;
    color: #525252;
    text-transform: uppercase;
    float: left;
}

.news_right ul{padding:0 10px}

.news_right li{ float:left; width:100%; padding:5px 0; border-bottom:dotted 1px #1768bb; list-style:none;}

.news_right li:before{content:"\f0da"; font:15px 'FontAwesome'; margin-right:5px; color:#494949}

.news_right li a{ color:#1768bb; font:12px tahoma}

.news_right li a:hover{text-decoration:underline}

.news_right p{text-align:right;padding:10px; font-weight:bold}
.colright {
    float: left;
    width: 100%;
    border: solid 1px #e6e6e6;
    margin: 15px 0;
    border-top: none;
}
.support_right{}

.support_right p{ padding:7px 0; border-bottom:dotted 1px #b2b2b2; float:left; width:100%}

.support_right .phone{ background:url(images/ico_phone.png) no-repeat left; padding-left:30px; font:18px tahoma; color:#525252}

.support_right .chat span{float:left; width:50%}

.support_right .email{background:url(images/ico_email.png) no-repeat left; padding-left:25px; float:left; height:22px}
.colright .box {
float: left;
width: 100%;
padding: 15px 10px;
}

.phan1
{
float:left;
}
.gthieu
{
float:left;	
clear:both;
}
.dichvu
{
float:left;
width:100%;	
margin-bottom:40px;
}
.project1
{
float:left;	
width:66%;
padding-left:1%;
}
.p_tieude
{
width:100%;
float:left;	
}
.tintucfull
{
width:100%;
float:left;	
}
h2
{
position:relative;
z-index:99999;	
}
.bgdoitac
{
width:100%;
float:left;
margin-top:50px;
border-top:1px solid #C8C8C8;
margin-left:0px !important;
}
.bgdoitac h2
{
color: #000;
padding-bottom:20px;
}
.bgdoitac h2 a
{
color: #000;
font: 700 26px "Roboto";
text-transform: uppercase;
border-top: solid 1px #dbdbdb;
padding: 20px 0 5px 0;	
}
ul
{
padding:0px;
margin:0px;	
list-style:none;
}
.xemtatca
{
text-align:left;
float:right;
font: 14px "Roboto";
text-transform: none;

margin-top:-56px;
color:#000;
background: #e9e9e9;
padding: 5px 10px;
border-radius: 2px;
}
.list_page li img{ border:solid 1px #dcdcdc; padding: 6px 6px; width:100%; margin-bottom:10px;height:120px}	


/*fix img*/
.duanbox img,.anhtintuc img{max-width:100%; max-height:100%}

.duanbox div{ display:table; text-align:center; width:100%;margin-bottom: 10px;}
.duanbox div span{height:200px; display:table-cell; vertical-align:middle;border: solid 1px #ddd;}

.anhtintuc{ display:table; text-align:center; width:100%}
.anhtintuc a{height:130px; display:table-cell; vertical-align:middle}