html, body, h1, h2, h3, h4, h5, h6, a, img{
  border:0;
  font-size:14px;
  margin:0;
  outline:0;
  padding:0;
  font-family:Arial;
  vertical-align:baseline;
  text-decoration:none;
}
* html .clearfix {
  height:1%;
}
.clearfix {
  display:inline-block;
}
html[xmlns] .clearfix {
  display:block;
}
.clearfix::after {
  clear:both;
  content:'.';
  display:block;
  font-size:1px;
  height:0;
  line-height:0;
  overflow:hidden;
  visibility:hidden;
}
.clear{ clear:both;}
.no-pd-lf{ padding-left:0px;}
.no-pd-rt{ padding-right:0px;}
.no-padding-r {
	padding-right: 0px;
}
.no-padding-l {
    padding-left: 0;
}

header{
	padding:10px 0px;
}
.headertop{ margin-bottom:0px;}
.logo img{ max-width:100%;}
.search{ margin-top:28px; position:relative; }
.search input[type="text"] {
  background:#FFFFFF;
  border:0;
  border-radius:0;
  box-sizing:border-box;
  color:#1D1D1D;
  display:block;
  font-size:12px;
  font-weight:600;
  height:45px;
  line-height:18px;
  margin:5px 0 0 0px;
  padding:3.5px 50px 4.5px 16px;
  text-transform:none;
  width:100%;
  border:1px solid #EBEBEB;
}
.search button, .search button:focus, .search button:active {
  -webkit-appearance:none;
  background:none !important;
  border:none;
  color:#84B315;
  cursor:pointer;
  display:inline-block;
  font-size:24px;
  font-weight:400;
  height:35px;
  line-height:35px;
  outline:none;
  padding:0;
  position:absolute;
  right:10px;
  top:5px;
  transition:all 0.3s ease;
  width:35px;
  z-index:999;
}
.hot-show{ margin-top:22px; }
.header-sho .find_showrroom{ text-decoration:none; }
.header-sho .find_showrroom {
    background: url(../images/icon-find-showroom.png) left top no-repeat;
    padding-left: 48px;
    font-size: 12px;
    display: block;
    height: 47px;
    color: #676767;
}
.header-sho .find_showrroom span {
    display: block;
    line-height: 14px;
    padding-bottom: 0px;
    text-transform: uppercase;
    padding-top: 10px;
}

.hotline .hotline_support {
    background: url(../images/icon-hotline.png) no-repeat;
    padding-left: 54px;
    display: block;
    padding-top: 0;
    color: #676767;
    padding-top: 3px;
    height: 47px;
    font-size: 11px;
	text-decoration:none;
}
.hotline .hotline_support span {
    padding-bottom: 6px;
    text-transform: uppercase;
    padding-top: 3px;
}
.hotline .hotline_support strong {
    color: #84B315;
    font-size: 22px;
    font-weight: 600;
}
.menuheader{
	background:#84B315;
}
.banner{ display:inline-block; width:100%;}
.home-products, .home-offer, .home-our-blog, .home-testimonials, .home-events{
	padding-top:60px;
}
.home-products-tile{ text-align:center; margin-bottom:40px;}
.home-products-tile-1{ font-size:30px;}
.home-products-tile-2{ font-size:20px; color:#959494;}
.products-home-item{ margin-bottom:20px;}
.products-home-item-b{
	background:#F9FBFC;
	padding:10px;
	display:inline-block;
	width:100%;
}
.products-home-item-left {
  float:left;
  width:38%;
}
.products-home-item-left h3{ font-size:30px; margin-bottom:5px;}
.products-home-item-left h3 a {
  color:#000000;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
}
.products-home-item-left .brief{ text-align:justify; line-height:150%;}
.more{ margin-top:20px;}
.more a{ text-decoration:none; color:#FFFFFF; background:#84B315; padding:15px;}
.more a:hover{
	background:#004000;
}
.products-home-item-right {
  float:right;
  width:59%;
  text-align:right;
}
.home-about{
	padding-top:60px;
}
.products-home-item-right img{ max-width:100%; }
.home-about-img{
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-image: url(../images/bg-banner-box-quote-primary.jpg);
	min-height:400px;
	color:#FFFFFF;
}
.home-about-item{
	float:right;
	width:45%;
	margin-top:10%;
}
.home-about-item-t{ font-size:26px; margin-bottom:10px;}
.offer-img-c{ text-align:center;}
.offer-img-c img{ max-width:100%;}
.offer-left-tile{ font-size:26px; margin-bottom:10px; color:#84B315;}
.offer-right{ text-align:right; margin-bottom:15px;}
.our-blog-img-c img{ max-width:100%;}
.our-blog-item .our-blog-time{ float:left; width:10%; background:#F2F5F8; text-align:center; padding:10px;}
.our-blog-item .our-blog-time span{ display:block;}
.our-blog-item .our-blog-time span.date{ font-size:30px;}
.our-blog-content{ float:right; width:88%;}
.our-blog-content a{ color:#84B315; font-size:18px; text-decoration:none;}
.our-blog-content p{ margin-top:15px;}
.our-blog-item{ display:inline-block; width:100%; margin-bottom:15px;}
.more-our-blog{ padding-left:12%;}
.testimonials{
	background: #f9fbfc url(../images/banner-box-base-carousel.jpg) no-repeat center center;
    background-size: cover;
	padding:35px 0px;
}
.testimonials-b{
	width:60%;
	margin:0 auto;
}
.carousel-block-brief{
	line-height:150%;
}
.carousel-block-img img{
	width:120px;
	height:120px;
	border-radius:50%;
}
.carousel-block-img{ margin-bottom:10px;}
.carousel-block-brief{
  align-items:center;
  display:flex;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}
.events-item img{ max-width:100%;}
.events-item-name a{ text-decoration:none; color:#000000;}
.events-item-name a:hover{ color:#84B315;}
.events-item-name{ margin-bottom:10px;}
.events-item-brief{ line-height:150%; margin-top:10px;}
footer{
    background: #F9FBFC;
    color: #000;
	margin-top:40px;
}
.footertop{ padding:30px 0px;}
.footer-title{ text-transform:uppercase; font-size:18px; margin-bottom:10px; color:#000;}
.foo-info p{ display:inline-block; width:100%;}
.foo-info p i{ float:left; width:5%; display:inline-block; margin-top:5px;}
.foo-info p span{ float:right; width:93%;}
.footerbox{ margin:0px; padding:0px; list-style:none;}
.footerbox li{ padding:4px 0px;}
.footerbox li a{ text-decoration:none; color:#000;}
.footerbox li a:hover{ color:#84B315;}
.footerbox li a:before{
	content:"\f101";font-family:FontAwesome;
	padding-right:5px;
}
.footer-brief{ text-align:justify; line-height:180%; margin-top:15px;}
.logofooter img{ max-width:100%; }
.footerbottom{
	border-top:1px solid #FFFFFF; padding:10px 0px;
	color:#000;
}
.home-products-tile-1{ font-size:30px; text-transform:uppercase;}
.khachhanghome{
	float:left;
	width:20%;
	border:1px solid #DFDFDF;
	border-right:none;
}
.khachhanghome:nth-child(5n+5){
     border-right:1px solid #DFDFDF;
}


.khachhanghome img{
	max-width:100%;
}
.footer-brief{ text-align:justify; line-height:180%; margin-top:15px;}
.logofooter img{ max-width:100%; }
.khachhanghome div{
	text-align:center;
	padding:10px;
}
.khachhanghome div img{ max-width:100px; }
.breacrumb{
	background:#F9FBFC;
	padding:10px 0px;
	margin-bottom:10px;
}
.breacrumb a{ text-decoration:none; color:#000000;}
.breacrumb a:hover{ color:#84B315;}
.breacrumb a:before{
	content:"\f101";font-family:FontAwesome;
	padding-right:5px;
}
.breacrumb a.breacrumb-home:before{
	content:"\f015";font-family:FontAwesome;
	padding-right:5px;
}
.motacategoy{ text-align:justify; line-height:180%; margin-bottom:20px;}
#padding{
  padding:8px 0;
  text-align:right;
  width:100%;
  margin-right:10px;
  clear:left;
}
#padding a{ 
	text-align:right; 
	border: 1px solid #CCCCCC; 
	padding:5px 12px 5px; 
	margin:0 4px 4px; 
	color:#000; 
	text-decoration:none; 
	font-weight:600;
}
#padding a:hover{ 
	text-align:right; 
	border:1px solid #ff0000; 
	padding:5px 12px 5px; 
	background:#ff0000; 
	color:#FFFFFF;
}
#padding .active{ 
	text-align:right; 
	border:1px solid #ff0000; 
	padding:5px 12px 5px; 
	background:#ff0000; 
	color:#FFFFFF;
}
#padding .pad{ color:#000; text-decoration:none;}
.dichvu-item-col{ text-align:center; border:1px solid #15B591; padding:10px; height:400px;  transition: .3s box-shadow ease; margin:20px 0;}
.dichvu-item-col:hover {
  box-shadow: 8px 8px 35px 0 rgba(0, 0, 0, 0.15);
}
.dichvu-item .dichvu-item-col img{ max-width:100%; margin-top:10px;}
.dichvu-item-col a{ text-decoration:none; color:#000; font-size:20px;}
.dichvu-item-name{ margin:10px 0px; }
.dichvu-item-b{ line-height:150%;}
.note{ text-align:justify; line-height:180%;}
.note img{ max-width:100%;}
.note h2{ font-size:20px; margin:6px 0px; font-weight:bold;}
.note h3{ font-size:18px; margin:5px 0px; font-weight:bold;}
.title-h1{ font-size:24px; margin-bottom:15px;}
.readnews{ margin:10px 0px;}
.readnews_title{ font-weight:bold; border-bottom:4px double #84B315; padding-bottom:8px; margin-bottom:10px;}
.readbox a{ text-decoration:none; color:#000000;}
.readbox a:hover{ color:#84B315;}
.readbox{ padding:4px 0px;}
.rightrow-tile{
	background:#84B315;
	color:#FFFFFF;
	padding:10px;
	text-transform:uppercase;
}
.main-right-box{ margin:0px; padding:0px; list-style:none;}
.main-right-box li a{ text-decoration:none; color:#000;}
.main-right-box li a:hover{ color:#84B315;}
.main-right-box li img{ float:left; width:30%; margin-right:5px;}
.main-right-box li{ display:inline-block; width:100%; padding:10px 0px; border-bottom:1px dashed #ccc;}
.rightrow{ margin-bottom:20px;}
.mapsgoogle iframe{ width:100%; height:700px;}
.widgettitle{ font-size:24px; margin-bottom:10px; color:#84B315;}
.contact-tt div{ line-height:30px;}
.contact-ll{ font-weight:bold; color:#84B315; border-bottom:4px double #84B315; padding-bottom:10px; margin-bottom:10px;}
.contact-frm{ margin-top:15px;}
.frmtextarea{ width:100%; height:100px; padding:10px;}

.newsbox .img-news{ float:left; width:30%;}
.newsbox .img-news img{ max-width:100%;}
.newsbox .content-news{ float:right; width:68%}
.newsbox a{ text-decoration:none; font-weight:bold; font-size:17px; color:#000;}
.newsbox a:hover{ color:#FF0000;}
.newsbox{ display:inline-block; width:100%; padding:10px 0px; border-bottom:1px dashed #CCCCCC;}
.newsbox .name-news{ margin-bottom:7px;}
.newsbox .brief-news{ text-align:justify; line-height:180%;}
.newsbox .date{ color:#999999; margin-bottom:7px;}
.khachhang-item{ text-align:center; margin-bottom:20px;}
.khachhang-item img{ max-width:100%;}
.khachhang-item-name{ margin:5px 0px;}

.khachhang-col{ text-align:center; border:1px solid #15B591; padding:10px; height:220px;  transition: .3s box-shadow ease; }
.khachhang-col:hover {
  box-shadow: 8px 8px 35px 0 rgba(0, 0, 0, 0.15);
}
.footercall img {
  width: 30%;
  max-width: 35px;
  vertical-align: middle;
}
.footercall a {color:#fff;}
.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; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.motacategoy img{ max-width:100%;}
.motacategoy iframe{ width:100%; }