*,h2,p,ul {margin: 0;padding: 0;}
body{ margin:0; padding:0; font:13px/20px tahoma; color:#2b2b2b;}
table{border-collapse:collapse;}
a,a:hover {text-decoration: none;}
img{border:none}
ul, li {list-style: none outside none;}

/* Float */
.fl {float: left;}
.fr {float: right;}
.clearfix {display: block;width: 100%;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clear {clear: both;height: 1px;overflow: hidden;}

/*header*/
.header{float: left;width:100%;background:#fff}
.logo{float:left;width:100%; margin-top:17px;margin-bottom:20px;}
.header .logo img{max-width:100%;}
.header .support{float:left;width:100%;padding:10px; color:#fff; background:#68ab07;}
.header .support .contact,.header .support .contact a{ font-size:17px; color:#fff}
.header .support .contact i{margin-right:5px}
.header .support .contact .call{margin-right:20px; padding-right:20px; border-right:solid 1px #000; float:left}
.social_header a{color:#fff;margin-left:30px;font-size:20px}
.social_header a:hover{color:#e3efd0;}

/*menu*/
.navbar-default{ border:none; float:left; width:100%; margin:0; padding:0; background:none}
.navbar{border-radius:0; min-height:auto}
.navbar-collapse{padding-left:0; padding-right:0}
.menu{ float:left; width:100%;margin: 30px 0 0;}
.menu li a{font:17px/40px 'Roboto Condensed'; color:#4b4b4b!important;padding:0 14px;text-transform:uppercase;transition:background 0.3s ease-in-out 0s}
.menu li a:hover,.menu li a:focus,.menu li a:active,.menu li.active a{ color:#68ab07!important}

/*slider*/
.slider{border-top:solid 4px #575755; float:left; width:100%}
.slider img{max-height:450px; width:100%}

/*content*/
.content h2{color:#68ab07;font:500 24px 'Roboto'; padding-bottom:10px; text-transform:uppercase;margin:30px 0 30px 0; float:left; width:100%; position:relative; border-bottom:1px solid #68ab07;}
.content h2 a{ color:#68ab07;float:left}
.content h2 a:hover{ color:#5a9604}
.content h2 .viewmore{font:500 12px 'Roboto'; color:#464f3a; position:absolute; right:0; bottom:5px}
.content h2 .viewmore:hover{color:#000; border-bottom:none}

/*gioi thieu*/
.introduce{ float:left; width:100%; text-align:center}
.introduce img{max-width:100%}
.introduce .img{float:left}
.introduce .img img{border:solid 1px #cacaca; padding:5px}
.introduce .cnt{text-align: center;}
.introduce .cnt p{margin:7px 0}
.gt-cty{ float:left; background:#cf5d0e; margin-left:15px;margin-right:15px;}
.gt-anh{ width:100%; float:left; margin-bottom:30px; margin-top:20px;} 
.gt{ text-align:center; line-height:22px; float:left; width:100%; margin-bottom:30px;}
.gt-text{float:left; margin-bottom:20px; width:100%; }
.gt-button{float:left; padding:10px 20px; background:#813501; color:#fff;}
.gt-button:hover{float:left; padding:10px 20px; background:#642901; color:#fff;}
.cc-tit{ background:#f0f0f0; padding:10px; text-align:center; margin-bottom:20px;}
.kc{ margin-bottom:30px; border-bottom:1px dotted #ccc;}
.phantrang{ float:left; width:100%; margin-top:20px;}
.gt-detail{ margin-top:30px; width:100%; padding:20px; text-align:justify; float:left;}
/*dich vu-home*/
.service,.service2,.service3{ float:left; width:100%; position:relative; margin-bottom:40px;}
.service .ar a{background:#fff; color:#535351; padding:10px; border:solid 1px #d1d1d1; font-size:30px;position:absolute; top:45%}
.service .ar a:hover{background:#1b95e0; color:#fff}
.service .ar1{ left:0}
.service .ar2{ right:0}

.service li{ float:left; width:31%; margin:0 1%}
.service li img{width:100%; margin-bottom:10px; height:196px;}
.service li .title{}
.service li .title a{font:500 16px 'Roboto'; color:#535353; }
.service li a:hover{color:#1b95e0}
.service li p{margin:5px 0;}
.add{ width:100%; float:right; margin-top:20px; margin-bottom:30px;}
.xthem{float:right; padding:10px 20px; background:#909f25; color:#fff;}
.xthem:hover{float:right; padding:10px 20px; background:#657304; color:#fff;}
.cc{ float:left; margin-bottom:40px;}

.more{color:#535353; font:500 14px 'Roboto'; border:solid 1px #ddd; padding:3px 10px; border-bottom:solid 2px #ddd; margin-top:10px; float:left}
.more:hover{background:#eee}
/*1 dich vu*/
.service1 .img{text-align:center}
.service1 .img img{border:solid 1px #cacaca; padding:5px; max-width:100%; margin-bottom:5px; text-align:center}
/*2 dich vu*/
.service2 .img{width:46%; float:left}
.service2 .cnt{width:50%; float:right}
.service2 .img img{border:solid 1px #cacaca; padding:5px; width:100%; margin-bottom:5px}
.service2 .cnt a{font:500 16px 'Roboto'; color:#535353; text-transform:uppercase}
.service2 .cnt a:hover{color:#cf5d0e}
.service2 .cnt p{margin:5px 0}
/*3 dich vu*/
.service3 .img,.service3 .cnt{width:100%; float:left;text-align: center; margin-top:10px;}
.service3 .img img{padding:5px; width:100%; margin-bottom:5px; height:225px;max-width:225px;  border-radius:100%;}
.service3 .img img:hover{padding:5px; width:100%; margin-bottom:5px; max-height:225px;max-width:225px;  border-radius:100%; border:2px solid #74B90C}
.service3 .cnt a{font:500 16px 'Roboto'; color:#535353;}
.service3 .cnt a:hover{color:#67992d}
.service3 .cnt p{margin:5px 0}
.tieude
{
height:40px;
overflow:hidden;	
}

/*du an tieu bieu*/
.project{ float:left; width:100%}
.project li{float:left; width:33.3%; margin:0}
.project li img{width:100%; margin-bottom:0px; border:solid 1px #e0e2cf; padding:0; max-height:270px;}
.project li img:hover{ border:solid 1px #fff;}
.project li p{height:22px; overflow:hidden}
.project li a{font:500 16px 'Roboto'; color:#535353; text-transform:uppercase}
.project li a:hover{color:#1b95e0}

/*tin tuc*/
.news{ float:left; width:100%}
.news li{ float:left; width:48%; margin:0 1%}
.news li img{width:50%; margin-bottom:10px; height:165px; float:left; margin-right:25px;}
.news li .title{}
.news li .title a{font:500 16px 'Roboto'; color:#535353; }
.news li a:hover{color:#000}
.news li p{margin:5px 0;}
.news .more{color:#fff; font:500 14px 'Roboto';  padding:3px 10px; margin-top:10px; float:left; background:#b5b4b4;}

/*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;  padding:15px 0}
.footer p{ margin:5px 0}
.ft1{ border-top: 4px solid #67992d; color:#67992d;}
/*list_page*/
.sitemap{ background:#eaeaea; font:700 14px tahoma; margin:15px 0; padding:10px; border-radius:5px; color:#4b4b4b}
.sitemap span i{color:#4b4b4b; margin:0 5px}
.sitemap a{color:#68ab07}
.list_page li{ border-bottom:dotted 1px #cecece; padding:10px 0; float:left; width:100%}
.list_page li img{ border:solid 1px #dcdcdc; padding:5px; width:100%; margin-bottom:10px}
.list_page li .title{ font:700 14px tahoma; color:#68ab07}
.list_page li p{ font:12px tahoma; color:#474747; margin:7px 0}
.list_page li .viewmore{ font:12px tahoma; color:#68ab07}
.list_page li a:hover{ text-decoration:underline}
.colright{ float:left; width:100%;border:solid 1px #e6e6e6; margin:15px 0; border-top:none}
.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}
.colright .box{ float:left; width:100%; padding:15px 10px}
.search{float:left; width:100%}
.search button{background:#68ab07; color:#fff}
.news_right ul{padding:0 10px}
.news_right li{ float:left; width:100%; padding:5px 0; border-bottom:dotted 1px #1768bb}
.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}
.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}
.detail_page h3{ color:#68ab07; font-size:20px} 
.detail_page p{ margin:10px 0}
.detail_page .img{text-align:center}
.detail_page img{max-width:100%}
.comment_fb{ float:left; width:100%; margin-top:20px}
.fullbg{ background:#c3cc85; width:100%; float:left;background-size: cover;}
.project h2{color:#000;font:500 24px 'Roboto'; padding-bottom:10px; text-transform:uppercase;margin:30px 0 15px 0; float:left; width:100%; position:relative; border-bottom:1px solid #000; text-align:center;}
.news h2{color:#68ab07;font:500 24px 'Roboto'; padding-bottom:10px; text-transform:uppercase;margin:30px 0 15px 0; float:left; width:100%; position:relative; border-bottom:1px solid #68ab07; }
.news h2 .viewmore {
    bottom: 5px;
    color: #464f3a;
    font: 500 12px "Roboto";
    position: absolute;
    right: 0;
}
.news h2 .viewmore:hover {
    bottom: 5px;
    color: #000;
    font: 500 12px "Roboto";
    position: absolute;
    right: 0;
}
.partner h2{color:#68ab07;font:500 24px 'Roboto'; padding-bottom:10px; text-transform:uppercase;margin:30px 0 15px 0; float:left; width:100%; position:relative; border-bottom:1px solid #68ab07; }

.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: 50%;
  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: 57%; 
  z-index: 99;
  background-position: center;
  background-repeat: no-repeat;
  width:57px;
height:53px
}
.owl-dichvu .owl-controls .owl-prev {
  left: 64px;
  background:url(images/pre1.png) no-repeat !important;	
}
.owl-dichvu .owl-controls .owl-next {
  right: 24px;
 background:url(images/next1.png) no-repeat !important;
}
.doitac
{
float:left;	
width:100%;
padding-left:60px;
padding-right:30px;
padding-top:10px;
padding-bottom:10px;
border:1px solid #f1f1f1;
box-sizing:border-box;
}
.titdt
{
float:left; width:100%;}
.item-product
{
margin-left:10px;
}
.sp-dichvu
{
margin-left:-10px;	
}
.service3 .title{ height:40px; overflow:hidden; float:left; width:100%; text-align:center;}

.motangantintuc
{
height:80px;	
}
.motangantintuc p
{
font-size:12px;
height:80px;
overflow:hidden;	
}
.service3 .title{ height:41px; overflow:hidden; float:left;}
.news .title
{
height:44px;
overflow:hidden;
font-size:14px;	
}
.depsnd {
    height: 129px;
    overflow: hidden;
    text-align: center;
}
.service .title a {
    font: 500 16px 'Roboto';
    color: #535353;
   text-align:center;
}
.product-img img {
    padding: 5px;
    width: 100%;
    margin-bottom: 5px;
    height: 205px;
    border-radius: 100%;
    border: 2px solid #74B90C;
}
.col1 {
   
    box-sizing: border-box;
    float: left;
   padding-left:30px;
   padding-right:30px;
    width: 95%;
    margin-right: 20px;
    font-size: 12px;
    line-height: 18px;
}
h2 a
{
position:relative;
z-index:99999;	
}
h2
{
position:relative;
z-index:99999;	
}