body{color:#333;font-family:Arial,Helvetica,sans-serif;font-size:14px;}
a,.fa{color:#333;text-decoration:none;-webkit-transition:all 0.5s ease 0.1s;-moz-transition:all 0.5s ease 0.1s;-o-transition:all 0.5s ease 0.1s;transition:all 0.5s ease 0.1s;}
a:hover,
a:focus{text-decoration:none !important;outline:none;color:#C31911;}
#fb-root{display:none;}
/*.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style]{width:100% !important;margin:0 auto;}*/
#toTop{position:fixed;bottom:30px;right:20px;cursor:pointer;display:block;background:#D04B08;border:#D04B08;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;z-index:998;border-radius:0;padding:7px 10px;}
#toTop .fa{font-size:18px;color:#fff}
#toTop:hover,
#toTop:focus{background:#DA3008;border-color:#DA3008;}
#toTop .fa:hover,
#toTop .fa:focus,
#toTop:hover .fa,
#toTop:focus .fa{color:#fff;}
.header-top{border-bottom:1px solid #ccc;}
.header-line{padding:10px 5px 5px 5px;}
.header-line ul{text-align:center;margin-bottom:0;}
.header-line ul li{padding:3px;}
.header-line ul li a{color:#C31911;font-size:16px;}
.header-line ul li .fa{margin-right:5px;color:#333;}
.header-social{padding:5px 5px 10px 5px;}
.header-social ul{margin-bottom:0;text-align:center;}
.header-social ul li{display:inline;margin:0 auto;}
.header-social ul li .fa{font-size:26px;padding:5px;}
.header-social ul li .fa-facebook-square{color:#3B5998;}
.header-social ul li .fa-youtube-square{color:#EE1C1B;}
.header-social ul li .fa-twitter-square{color:#1DA0F2;}
.header-social ul li .fa-google-plus-square{color:#D85044;}
.header-social ul li .fa-twitter-square:hover,
.header-social ul li .fa-twitter-square:focus{color:#0367A5;}
.header-social ul li .fa-facebook-square:hover,
.header-social ul li .fa-facebook-square:focus{color:#16274B;}
.header-social ul li .fa-google-plus-square:focus,
.header-social ul li .fa-google-plus-square:hover{color:#9D1E14}
.header-social ul li .fa-youtube-square:hover,
.header-social ul li .fa-youtube-square:focus{color:#8C0A09}
.header{}
.header-logo,
.header-banner,
.header-hotline{padding:0;text-align:cener;}
.header-logo img,
.header-banner img,
.header-hotline img{margin:0 auto;}
.banner{display:none}
.navbar-form{text-align:center;}
.menu{background:#57B649;}
.menu .navbar{margin-bottom:0;padding:0 15px;border:none;}
.menu .container-fluid{padding:0;}
.navbar-default .navbar-toggle{border-color:#fff;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{background:#57B649;}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
.menu .navbar .navbar-header{background:#57B649;}
.menu .navbar .navbar-collapse{background:#57B649;padding:0 15px;}
.navbar-default .navbar-nav > li > a{color:#fff;text-transform:uppercase;font-weight:bold;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover{background:#DA251D;color:#FFF;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .dropdown > a:hover{background:#DA251D;color:#FFF;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{background:#DA251D;color:#fff}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff;text-transform:uppercase;}
.navbar-default .navbar-nav .dropdown .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .dropdown .dropdown-menu > li > a:focus{background:#DA251D;color:#FFF;}
.content{padding:25px 0;}
.content .content-left .title_site,
.content-right .title_site,.payment-cart .title-payment,.ttkhachhang .title-payment,.formtt .title-payment,.title-payment{background:#57B649;padding:7px 10px;line-height:18px;color:#fff;text-transform:uppercase;float:left;width:100%;margin:0;font-size:16px;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:bold;}
.content .content-left .title_site{text-align:center;}
.content-left .left-services,
.content-left .left-product,
.content-left .left-support,
.content-left .left-news,
.content-left .left-counter{border:1px solid #ccc;padding:15px;margin-bottom:25px;}
.content-left .left-services ul,
.content-left .left-product ul,
.content-left .left-support ul,
.content-left .left-counter ul{margin:0;}
.content-left .left-product h2,
.content-left .left-services h1{margin:0;padding:0;font-size:18px;line-height:32px;}
.content-left .left-product h2 .fa,
.content-left .left-services h1 .fa{margin-right:10px;}
.content-left .left-support ul li{text-align:center;}
.content-left .left-support ul li:nth-child(1) span,
.content-left .left-support ul li:nth-child(2) span{font-size:18px;font-weight:bold;color:#f00;padding-left:5px;}
.content-left .left-support ul li:nth-child(1) img{margin:0 auto;padding:5px;}
.content-left .left-counter ul li{padding:5px 0;}
.content-left .left-counter ul li span{float:right;font-weight:bold;}
.content-left .left-news .vticker ul{padding:0;list-style:none;}
.content-left .left-news .vticker ul li{padding:0;}
.left-news-list{padding:0;}
.left-news-list .news-img,
.left-news-list .news-content{padding:0;}
.left-news-list .news-img img{margin:0 auto;}
.left-news-list .news-content h2{font-size:18px;line-height:24px;text-align:center;}
.left-ads{padding:0;}
.left-ads img{margin:0 auto;}
.content-right{margin-bottom:15px;}
.content-right .content-right-frame{border:1px solid #ccc;padding:15px; margin-bottom: 15px}
.content-right .services{padding:0;}
.content-right .services .services-list{padding:0;padding-bottom:7.5px;margin-bottom:15px;border-bottom:1px dotted #ccc;}
.content-right .services .services-list:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0;}
.services-list .services-image{padding:0;}
.services-list .services-image img{margin:0 auto;}
.services-list .services-content{padding:0;}
.services-list .services-content h1{font-size:18px;text-transform:uppercase;line-height:24px;}
.services-list .services-content h1 a{color:#57B649;font-weight:bold;}
.services-list .services-content h1 a:hover,
.services-list .services-content h1 a:focus{color:#C31911}
.content-right .product{padding:0;}
.product-frame{padding:0;}
.product-list{border:1px solid #ccc;padding:15px;margin-bottom:15px;}
.product-img img{margin:0 auto;}
.product-content{padding:0;}
.product-content h1{margin:0 auto;font-size:16px;text-align:center;margin-bottom:7px;line-height:25px;}
.product-content .product-price{text-align:center;color:#f00;font-weight:bold;font-size:18px;}
.end-content{line-height:1px;height:1px;padding:0;background:#0188F2;margin-top:25px;}
.detail-project{border:1px solid #ccc;padding:15px;margin-bottom:15px;}
.detail-project-left{padding:0;text-align:center;}
.detail-project-left img{margin:0 auto;}
.title-detail{font-size:24px;text-align:center;color:#283626;font-weight:bold;}
.detail-project-right{padding:0;}
.detail-project-right .product-price{text-align:center;}
.detail-project-right .product-price span{font-size:18px;color:#f00;text-align:center;}
.detail-project-right .product-price span.compare-price{
	color:#000;font-size:16px;    text-decoration: line-through; margin-left:10px;
}
.detail-info-product{padding:0;}
.panel-primary > .panel-heading,
.detail-info-product .panel{background:none;border:none;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover{background:#57B649;color:#fff}
#contact{padding:15px;}
#contact .contact-address{padding:0;}
#contact .contact-address img{margin:0 auto;}
.map-contact{margin-bottom:25px;}
.partners{}
.footer{background:#C31911;color:#fff;margin-top:25px;}
.footer h3{color:#45CD51;margin:0;font-size:18px;margin-bottom:7.5px;margin-top:10px;text-transform:uppercase;text-align:left}
.footer-camket ul{list-style:none;padding-left:0px;}
.footer-camket a{color: #ff0;}
.footer-camket ul li{padding:5px 0;}
.footer-camket .fa{font-size:18px;margin-right:10px;color:#015DA6;}
.footer-camket .fa-home{color:#45CD51}
.footer-camket .fa-globe{color:#11C353;}
.footer-camket .fa-envelope-o{color:#C3CD26;}
.footer-camket .fa-phone-square{color:#999999;}
.footer-support ul,
.footer-info ul{padding-left:0px;}
.footer-support .fa,
.footer-info .fa{color:#ffffff;margin-right:5px;}
.footer-support .fa{font-size:10px;margin-top:5px;float:left;}
.footer-support ul li,
.footer-info ul li{padding:5px;}
.footer-support ul li a,
.footer-info ul li a{color:#fff;}
.footer-info .social .fa{margin-right:5px;padding:5px 20px;color:#fff;font-size:24px;}
.footer-info .social li{display:inline;line-height:50px;padding:0;}
.footer-info .social .fa-twitter{background:#1DA0F2;}
.footer-info .social .fa-facebook-square{background:#3B5998;}
.footer-info .social .fa-google-plus-square{background:#EA4235}
.footer-info .social .fa-youtube-square{background:#D92524}
.footer-info .social .fa-twitter:hover,
.footer-info .social .fa-twitter:focus{background:#0367A5;}
.footer-info .social .fa-facebook-square:hover,
.footer-info .social .fa-facebook-square:focus{background:#16274B;}
.footer-info .social .fa-google-plus-square:focus,
.footer-info .social .fa-google-plus-square:hover{background:#9D1E14}
.footer-info .social .fa-youtube-square:hover,
.footer-info .social .fa-youtube-square:focus{background:#8C0A09}
.address{background:#014F8C;color:#fff;}
.address-map{padding:15px;padding-top:0;}
.address h2{font-size:18px;font-weight:bold;}
.address .hotline{color:#ECF20E;font-weight:bold;}
.copyright{background:#34702B;color:#fff;}
.copyright p{margin:10px;text-align:center;}
.copyright a{color:#c3cd26;font-weight:bold;}.detail-project-right .dathang{text-align:center;}
.detail-project-right .dathang a{
	background: #DA251D;
    padding: 15px 30px;
    color: #fff;
    line-height: 28px;
    font-size: 18px;
    width: 100%!important;
    border-radius: 10px!important;
	
	}
.detail-project-right .dathang a:hover,.detail-project-right .dathang a:focus{background:#da251d;}
.content-right img{height: auto !important;max-width: 100% !important;}
.detail-container *{
	max-width: 100%;
}
.detail-container table{
	width: 100% !important;
}
.detail-container img{
	height: auto !important;
	    display: initial;
}
.tinlienquan .line-dotted{
	border-bottom: 1px dotted #999999;
    padding: 5px 0 5px 0;
}
.line-dotted{
	border-bottom: 1px dotted #999999;
    padding: 5px 0 5px 0;
    display: block;
}
.link-back{
	padding-top: 10px;
	display: inline-block;
}
.tinlienquan .title{
	font-weight: bold;
    padding: 10px 0px 10px 5px;
}
.tinlienquan .glidecontentwrapper{
	min-height: 160px;
	padding-left:10px; background-color:#fff; line-height:20px; margin:15px 0px
}
.tinlienquan .glidecontentwrapper .glidecontent{
	background: #fff;
}
.tinlienquan .glidecontentwrapper .glidecontent .block{
	width:100%; padding-right:10px;
}
.share-wrap{
	border-top: 1px dotted #999999;
	padding-top: 10px;
	padding-bottom: 10px;
}
.share-wrap .g-button{
	padding-left: 5px;
}

/**/
.main-header .header-logo, .main-header .header-hotline {
	padding: 10px;
}
.main-header .header-banner img{
	width: auto;
}
.main-header .header-logo img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 90px;
}
.main-header .header-logo h1 {
	margin: 0;
}


.menu .has-sub-2 {
    position: relative;
}
.menu .has-sub-2 a {
	padding: 7px 20px 7px 10px !important;
}
.menu .has-sub-2 .btn-sub {
    position: absolute;
    right: 5px;
    top: 10px;
}

.menu .has-sub-2:hover .btn-sub {
	/*color: #fff;*/
}
.menu .has-sub-2:hover .sub-menu-2 {
	opacity: 1;
	visibility: visible;
}
.menu .sub-menu-2 {
    /*display: none;*/
    visibility: hidden;
    opacity: 0;
    list-style: none;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #f9f9f9;
    min-width: 230px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding:0;
}
.menu .sub-menu-2 li {
    width: 100%;
    display: block;
	text-transform: uppercase;
}
.menu .sub-menu-2 li a {
    padding: 7px 10px;
    display: block;
}
.menu .sub-menu-2 li a:hover {
    background: #DA251D;
    color: #FFF;
}
.show-sub {
    display: block !important;
}
@media (min-width: 768px){
	.menu .sub-menu-2 {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
}
@media (max-width: 767px)
{
	.menu .nav>li.dropdown  .has-sub-2 .btn-sub{
		color: #000;
	}
	.menu .sub-menu-2 {
	    display: none;
	    width: 100%;
	    position: relative;
	    top: 0;
	    left: 0;
	}
	.menu .sub-menu-2 li a {
		padding-left: 20px !important;
	}
	.menu .has-sub-2 .btn-sub {
	    font-size: 20px;
	    color: #000;
	    position: absolute;
	    top: 0;
	    right: 15px;
	    width: 40px;
	    height: 100%;
	    text-align: center;
	    line-height: 40px;
	    z-index: 99;
	}
	.menu .has-sub-2 .btn-sub:before {
	    content: "\f0d7";
	}
	.menu .sub-menu-2{
		box-shadow: none;
		background-color: #ececec;
	}
}