body
{
width:100%;
margin:0;
font-family:'Roboto';
overflow-x:hidden;
}
.topnav
{
background:#0aadd6;
color:#fff;
width:100%;
padding-top:10px;
padding-bottom:10px;
}
.page,
.container
{
max-width:1170px;
margin:0 auto;	
}

.email a
{
color:#fff;	
}
.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:#fff;	
margin-right:15px;	
}
.kc
{
height:20px;	
}
.mainmenu
{
background:url(images/bg_header.png) repeat;
float:left;	
width:100%;
position:relative;
z-index:99999;

}
.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:#4b4b4b!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:#0aadd6!important}
#active a
{
color:#0aadd6 !important;	
}
.navbar
{
margin-top:17px;
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: #0aadd6;
}
.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;
}

/*gthieu*/
.gthieu{margin-top:30px;}
.gthieu h2 {color: #0aadd6;font:22px "Times New Roman", Times, serif;background: url(../images/content_h2.jpg) no-repeat left bottom;padding-bottom: 10px;text-transform: uppercase;margin: 0 0 15px 0}

.gthieu .viewmore_title {font: 14px 'Roboto';color: #0aadd6;font-style:italic}
.gthieu img {width: 100%;margin-bottom: 10px;}
.gthieu .title {height: 22px;overflow: hidden;}
.gthieu .title a {font: 16px "Times New Roman", Times, serif;color: #535352;text-transform: uppercase;}
.gthieu .more{color:#535353;float:left;font-style:italic;background:url(images/ar.jpg) no-repeat right center;padding-right:20px}
.gthieu .more:hover{color:#000;}

/*du an tieu  bieu*/
.duantieubieu{margin-top:10px;width:100%;float:left}
.duantieubieu h2{color:#535353;font:700 28px "Roboto";text-transform:uppercase;border-top: solid 1px #dbdbdb;padding:20px 0 5px 0}
.duantieubieu h2 .viewmore{float:right; font:14px "Roboto"; text-transform:none; text-decoration:underline}
.duanbox{ margin-bottom:10px}

/*tin tuc*/
.tintuc{margin-top:20px; float:left;border-top:1px solid #D1D1D1; }
.tintuc h2 a{color:#535353;font:700 28px "Roboto";text-transform:uppercase;padding:20px 0 5px 0}
.tintuc h2{color:#535353;font:700 28px "Roboto";text-transform:uppercase}
.tintuc h2 .viewmore{float:right; font:14px "Roboto"; text-transform:none; text-decoration:underline}
.tintuc .tieude{height:40px;overflow:hidden; margin:10px 0}
.tintuc .tieude a{font:700 16px "Roboto";color:#535353;}
.tintuc .motangan{font:14px "Roboto"; color:#000;text-align:justify;}

/*tuyen dung*/
.tuyendung{margin-top:10px}
.tuyendung img{width:100%; margin-bottom: 10px;}
.tuyendung h2{color:#535353;font:700 28px "Roboto";text-transform:uppercase;border-top: solid 1px #dbdbdb;padding:20px 0 5px 0}
.tuyendung h2 .viewmore{float:right; font:14px "Roboto"; text-transform:none; text-decoration:underline}
.tuyendung .tieude{height:38px;overflow:hidden; margin:10px 0}
.tuyendung .tieude a{font:700 14px "Roboto";color:#535353; text-transform:uppercase}
.tuyendung .motangan{font:14px "Roboto"; color:#000;text-align:justify}
.tuyendung .more{ border:solid 1px #ddd; color:#535353; padding:5px 10px; border-right-width:2px;border-bottom-width:2px; float:left; margin-top:5px}
.tuyendung .more:hover{text-decoration:none; background:#ddd}

.doitac{margin:10px 0 20px 0}
.doitac h2{color:#535353;font:700 28px "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}

.footer{float:left; width:100%; padding:15px 0; background:#2e363a; color:#fff; font:14px tahoma}
.logo_footer{float:left; width:100%; margin:10px 0 20px 0}
.footer h2{ font:20px "Roboto"; color:#fff; text-transform:uppercase}
.footer ul{padding:0}
.footer li{ float:left; width:50%; text-align:left; margin:5px 0;height:20px; overflow:hidden}
.footer li a{ color:#fff; font:14px tahoma; padding:5px 0}
.footer a{color:#fff}
.social_footer{float:left; width:100%; margin-top:10px}
.footer .border_l{border-left:solid 1px #394348; min-height:150px}
.social_footer a{ background:#434a4d; color:#fff; padding:7px 10px; border-radius:2px; margin:0 2px}
.social_footer a:hover{background:#000}


.banner{top:-77px; margin-top:77px; margin-bottom:-77px}
.navbar-nav{float:right}
.call a
{
color:#fff;	
}
.dichvu
{
width:75%;
float:left;	
}
.introduce
{
width:23%;
float:left;	
text-align:justify;
margin-right:2%;
}
.gthieu
{
width:100%;
}
.dichvu{margin-top:30px;}
.dichvu h2{height:50px;padding-top: 0px;}
.dichvu h2 a{font: 16px "Times New Roman", Times, serif;color: #535352;text-transform: uppercase; }
.viewmore a
{
    color: #535353;
    float: left;
    font-style: italic;
    background: url(../images/ar.jpg) no-repeat right center;
    padding-right: 20px;
}
.viewmore a:hover,
.viewmore_title:hover
{
text-decoration:none;	
}
.item-product
{
position:relative;
z-index:99999;
}	
.nddichvu
{
height:120px;
overflow:hidden;	
float:left;
width:95%;
text-align:justify;
}
.owl-controls .owl-prev {

  left: 0;

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

}

.owl-controls .owl-next {

  right: 0;

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

}

.owl-controls .owl-prev,

.owl-controls .owl-next {

  display: inline-block;

   text-align: center;

  border: none;

  cursor: pointer;

  position: absolute;

  top: 25%;

  margin-top: -46px;

  margin-left:-60px;

  

  margin-right:-30px;

  z-index: 99;

  background-position: center;

  background-repeat: no-repeat;

  width:29px;

height:92px

}

.owl-dichvu .owl-controls .owl-prev,

.owl-dichvu .owl-controls .owl-next {

  display: inline-block;

   text-align: center;

  border: none;

  cursor: pointer;

  position: absolute;

  top: 25%; 

  z-index: 99;

  background-position: center;

  background-repeat: no-repeat;

  width:57px;

height:53px

}

.owl-dichvu .owl-controls .owl-prev {

  left: 56px;

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

}

.owl-dichvu .owl-controls .owl-next {
right: 29px;
background:url(images/next1.png) no-repeat !important;
}
.item-product
{
width:100%;
float:left;
margin-left:1%;	
}
/*content*/
.project,
.partner
{


}
.p_xemthem a
{font:500 12px 'Roboto'; color:#1b95e0; width:75px;position:absolute;margin-top:-45px;float:right;right:14px; text-transform:uppercase;}
.p_xemthem a:hover
{color:#000;}
.news h2 a:hover
{ color:#1b95e0;}
/*tin tuc*/

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

.news li{ float:left; width:31%; margin:0 1%}

.news li img{width:100%; margin-bottom:10px; height:165px;}

.news li .title{height:60px; overflow:hidden}

.news li .title a{font:500 16px 'Roboto'; color:#535353; text-transform:uppercase}

.news li a:hover{color:#1b95e0}

.news li p{margin:5px 0; overflow:hidden}

.news .more{color:#535353; font:500 14px 'Roboto'; border:solid 1px #ddd; padding:3px 10px; border-bottom:solid 2px #ddd; margin-top:10px; float:left}
/*doi tac*/

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

.partner ul{ border:solid 1px #e8e8e8; float: left; width:100%; padding:10px 0}

.partner li{float:left; width:16%; text-align:center}

.partner li img{ max-height:70px; max-width:100%}



/*footer*/

.footer{float:left; width:100%; margin:40px 0 0 0; border-top:solid 2px #ddd; background:#eee; padding:15px 0; color:#000000}

.footer p{ margin:5px 0}
ul li
{
list-style:none;	
}

.list_page li img{ border:solid 1px #dcdcdc; padding: 6px 6px; width:100%; margin-bottom:10px;height:120px}
.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;
}
.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;
}
.tintuc h2 a
{

}
.p_xemthem
{
position:relative;
z-index:99999;	
}
.motangtin
{
height:90px;	
overflow:hidden;
margin-bottom:10px;
}
.viewmore
{
position:relative;
z-index:99999;	
}
.owl-doitac
{
display:inherit !important;	
}
.bgdoitac
{

width:100%;
float:left;	
}
.list_page
{
margin-left:0px;
padding:0px;
}


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

.dichvu .item-product div{ display:table; text-align:center; width:100%;margin-bottom: 10px;}
.dichvu .item-product div strong{height:140px; display:table-cell; vertical-align:middle}

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

.tintuc .img{ display:table; text-align:center; width:100%;margin-bottom: 10px;}
.tintuc .img a{height:180px; display:table-cell; vertical-align:middle}