@charset "utf-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img{
	max-width: 100%;
}
html, body, div, span,strong{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
@font-face {
	font-family: myfont;
	src: url(../font/RobotoCondensed-Regular.ttf);
}
@font-face {
	font-family: RobotoBold;
	src: url(../font/RobotoBold.ttf);
}
@font-face {
	font-family: MontserratBold;
	src: url(../font/MontserratBold.ttf);
}
@font-face {
	font-family: Montserrat-ExtraBold;
	src: url(../font/Montserrat-ExtraBold.ttf);
}
@font-face {
	font-family: MontserratRegular;
	src: url(../font/MontserratRegular.ttf);
}
@font-face {
	font-family: RobotoCondensedBold;
	src: url(../font/RobotoCondensedBold.ttf);
}
@font-face {
	font-family: PlayfairDisplayRegular;
	src: url(../font/PlayfairDisplayRegular.ttf);
}
body
{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
	color:#424242;
	max-width: 1366px;
	width: 100%;
	margin:  0 auto;
}
.main_menu{
	height: 44px;
	width: 1000px;
	margin:auto;
	position: relative;
	
	
}
.main_index{
	width:100%;
	background: -webkit-linear-gradient( #fb1a1a,#cd0000 ); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fb1a1a,#cd0000); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fb1a1a,#cd0000); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fb1a1a,#cd0000); /* Standard syntax */
}

.ten{
	width:175px;
}
.ten p{
	margin:0px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-align:center;
}

.noidung_slider{
	width:175px !important;
	height:200px !important;
	margin:0px 7px;}
	.left_conten{
		width:200px;
		float:left;}
		.menu_left{
			width:200px;
			float:left;
			border:1px solid #ccc;
			margin-bottom:15px;}
			.menu_left h2{
				font-size:15px;
				border-top:3px solid rgb(255,0,0);
				text-transform:uppercase;

				font-weight:bold;
				height:38px;
				line-height:38px;
				margin:0px;
				text-align:center;
				border-bottom:1px solid #ccc;
				margin-bottom:5px;}
				.menu_left ul{
					position:relative;
					width:100%;}
					.menu_left ul li{
						list-style-image:url(../images/cm04.png);
						line-height:35px;
						border-bottom: 1px dotted #CCCCCC;}
						.main_menu ul{

							height:41px;
							padding:0px;

							margin:0;
							right:0px;}
							.main_menu ul li{
								float:left; display:block;
								line-height:38px;
								white-space:nowrap;
								margin-top:2px;}
								.li_active{
									border-radius:3px;
									-moz-border-radius:3px;
									-webkit-border-radius:3px;
								}
								.li_active a{
									color: #8DB673 !important;
								}
								.main_menu ul li a{
									color:#fff;
									padding:0px 25px;

									font-size:17px;
									text-transform:uppercase;
								}
/* Clearfix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}

.ten_hotro{
	width:100%;
}
.ten_hotline{
	color:blue;
	margin:0px;
	font-size:14px;
}
.dt_hotline{
	margin:0px;
	font-size:15px;
	color:red;
	font-style:italic;}
	a{text-decoration:none; color:#000;}
	a:hover{color:#F00;}
	img{border:0;}
	.clear
	{

		overflow:hidden;
		clear:both;
	}
	.txtcenter{
		text-align:center;
	}
	table,tr,td {border-collapse: collapse;}
	.thongbao{	
		border: 1px solid #0C0;
		border-radius: 5px 5px 5px 5px;
		margin: 0 auto;
		overflow: hidden;
		padding:15px;
	}
	.tablelienhe span{
		color:#F00;
	}
	.tablelienhe td{ height:25px;}
	.tablelienhe .input,.tablelienhe textarea{
		border: 1px #E9E9E9 solid;
		azimuth:center;	
		width:300px;


	}
	.tablelienhe .title{ font-size:14px; font-weight:bold; text-transform:uppercase}

	.box_news{clear:both; padding-bottom:10px; padding-top:5px; border-bottom:1px dotted #FFF;}
	.box_news h2{
		font-size:12px;
		margin:0px;
	}
	.box_news h2 a{
		color:#0888E6;
	}
	.box_news p{
		margin:0px;
		padding:0px;
	}
	.img_lk{  
		width:160px;
		height:90px;
		float:left;
		margin:14px;
		border:1px solid #CCC !important;}
		.hotro{
			position:absolute;
			top:60px;
			right:0px;
			width:169px;

		}
		.hotro img{
		}

		.box_news p.small{
			font-size:11px;
			color:#666666;
		}
		.box_news h2 a:hover{
			color:#F00;
		}
		h1.text_title{color:#241900; font-size:12px;}

		.image_boder{float:left; margin:0px 10px 0px 0px; background:#FFF; padding:5px; border:1px solid #E4E4E4;}
		.button {
			background: #09669C;
			border: 1px solid #fff;
			border-radius: 3px 3px 3px 3px;
			color: #FFFFFF;
			font: 12px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
			padding: 5px 30px;
			cursor:pointer;
		}
		.boder{border:3px #E0E0E0 solid; margin:0px 35px;}
		.viewmore{		
			text-align:right;
			padding-right:10px;
		}
		.viewmore img{
			vertical-align:middle;
		}
		.viewmore a{
			color:#0000ff;
			font-size:11px;
			font-weight:bold;
		}


		.tinlienquan a{color:#333}
		.textright{
			float: right;
			padding-right: 10px;}
			.textright a {   
				font-style: italic;
				font-weight: normal;
				text-transform: none;
			}
			.othernews{
				padding-left:10px;
				color:#666;
			}

			.othernews h1{
				font-size:12px;
				font-weight:bold;
				text-transform:uppercase;
				color:#333;
			}
			.othernews ul{
				list-style:inside;
			}
			.othernews ul li{
				padding-left:10px;
			}
/* --------------------- Phan trang ------------------*/
.phantrang{
	text-align:center;
	padding:10px 0px;
}
.phantrang a {
	background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
	border: 1px solid #D2D2D2;
	box-shadow: 1px 5px 5px #ccc;
	color: #636363;
	border-radius:3px;
	cursor: pointer;
	font-size: 11px;
	margin: 0 0 0 4px;
	padding: 6px 10px;
}
.phantrang a:hover {
	background: none repeat scroll 0 0 #09669C; 
	box-shadow: none;
	color: #FFFFFF;
	text-decoration: none;
}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {
	background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
	border: 1px solid #D2D2D2 !important;
	color: #ADADAD !important;
	cursor: default;
	opacity: 0.7;
}
.phantrang .paginate_active, .phantrang .paginate_active:hover {
	background: none repeat scroll 0 0  #F85F03;   
	box-shadow: none;
	color: #FFFFFF;
}/*----------------------------------------------------*/
#wrapper{
	/* padding:0px; */
	/* width:1000px; */
	/* margin:0px auto; */
	/* background:#FFF; */
}

/************** Header ****************/
#bg_page{
	
}

/***************** Container ********************/

#container{
	/* padding:10px 0px; */
	/* width:1000px; */
	/* margin:auto; */
}
.noidung_right{
	width:800px;
	float:left;
}
.container_left{
	float: right;
	width:200px;	
}
.facebook{
	width:60%;
	float: left;}
	.body_footer{
		width:40%;
		float:left;}
		.tenthongke{
			text-transform:uppercase;
			font-size:15px;
			color:#505050;
			font-weight:bold;
			text-align:center;
		}
		.thongke_truycap{
			width:50%;
			padding:0px 10px;
			color:#fff;
			float:left;
		}
		.thongke_truycap ul{
			position:relative;
		}
		.thongke_truycap ul li{
			display:block;
			position:relative;
			line-height:25px;}
			.thongke_truycap ul li img{
				float:left;}
				.noidungfooter{
					width:100%;
					float:left;
					padding:10px 0px;}
					.body_footer p{
						color:#fff;
						font-size:13px;
					}
					.body_footer a{
						color:#ccc;}
						.tintuc_footer{
							width:30%;
							float:left;
							margin:0px 16px; }

							.tieude_tintuc{
								width:100%;
								height:38px;
								background-color:#f4f4f4;}
								.tieude_tintuc p{
									line-height:38px;
									margin:0;
									color:#454545;
									font-weight:bold;
									font-size:15px;
									margin-left:15px !important;
								}
								.noidung_tintuc{
									width:100%;}
									.hienthi_tintuc{
										width:100%;
										margin:10px 0px;}
										.ten_tintuc{
											width:100%;
										}
										.ten_tintuc p{
											font-size:12px;
											line-height:20px;
											color:#3a5aab;}
											.noidung_tin{
												margin:0;
												font-size:12px;
												color:#999;}

												.container_left .module_left{	


													margin-bottom:10px;

													border: 1px solid #CCC;

												}

												.container_left .module_left h2{

													font-size:15px;
													border-top:3px solid rgb(255,0,0);
													text-transform:uppercase;

													font-weight:bold;
													height:38px;
													line-height:38px;
													margin:0px;
													text-align:center;
													border-bottom:1px solid #ccc;}


													.container_left .module_left .content{

													}
													.container_left .module_left .content.padding10{

													}

													.container_left .module_left ul.list_cat_product{
														padding:0px;
														margin:0px;
														list-style:none;	
													}
													.container_left .module_left ul.list_cat_product li{
														border-bottom:1px dashed #dcdbdb;
													}

													.container_left .module_left ul.list_cat_product li a{
														color:#a30000;
														font-weight:bold;
														display:block;
														text-transform:uppercase;
														background:url(../images/arrow.png) no-repeat 12px 10px;
														padding:5px 5px 5px 25px;
													}
													.container_left .module_left ul.list_cat_product li:last-child{
														border:none;
													}

													.container_left .module_left .info_text{

														font-weight:bold;

														color:#F00;
														text-transform:uppercase;
														margin-top:10px;
														height:76px;
													}
													.container_left .module_left h3{
														color:#0c2d8b;
														background:url(../images/bg_module_left_h3.png) no-repeat bottom left;
														font-size:12px;
														font-weight:normal;
														margin:0px 0px 5px 0px;
													}
													.container_left .module_left .item_support{
														width:100%;
														float:left;
														border-bottom:1px solid #ccc;

													}

													.container_left .module_left .item_support .item{
														float:left;
														width:50%;
														text-align:center;
														font-weight:bold;
														color:#000000;
													}
													.container_left .module_left .item_support .phone{
														font-weight:bold;
														color:#a30000;
														padding-top:5px;
													}
													.container_left .module_left .item_support .item .img{


													}
													.container_left .module_left .item_support .item img{
														vertical-align:bottom;
													}
													.container_left .module_left .item_support .item .name{
														font-weight:bold;
														color:#a30000;
														text-transform:uppercase;
														background:url(../images/arrow.png) no-repeat 10px 10px;
														padding-top:5px;
														margin-bottom:5px;
													}

													.container_left .module_left .item_partner{
														text-align:center;
														margin-bottom:5px;
													}
													.container_left .module_left .item_partner img{
														border:1px solid #d3d0d0;
														padding:4px;
													}
													.container_left .module_static h2{
														background:url(../images/bg_module_static.png) no-repeat bottom center;
														padding-bottom:15px;
														font-size:12px;
														color:#05206d;
														text-align:center;
														text-transform:uppercase;
														margin:0px;
													}
													.container_left .content ul.static{
														margin:5px 5px 5px 5px;
														padding:0px;
														list-style:none;
														background:#FFF;
														border-radius:5px;
														padding:5px;
													}
													.container_left .content ul.static li{
														font-weight:bold;
														padding:3px 0px;
														color:#000;
													}
													.container_left .content ul.static li span{
														float:right;
														width:80px;
														font-weight:normal;
													}

													.container_left ul.list_news{
														margin:5px 5px 5px 5px;
														padding:0px;
														list-style:none;

														border-radius:5px;
														padding:5px;

													}
													.container_left ul.list_news li {
														padding:3px;
														border-bottom:1px solid #e5e5e5;
													}
													.container_left ul.list_news li span{
														color:#F00;
													}
													.container_left ul.list_news li .image{
														float:left;
														margin-right:5px;
														padding:3px;
														border:1px solid #cbcbcb;
														border-radius:5px;	
													}
													.container_left ul.list_news li .image img{
														width:50px;
													}
													.container_left ul.list_news li a{
														font-size:10px;
														font-weight: normal;
														color:#09319B;
													}
/***************/
.container_mid{
	float: left;
	width:575px;
	margin-left:12px;
	
}
.slider_in{
	width:100%;
	height:200px;
	margin-bottom:10px;
	background:url(../images/bg_slider.png) repeat;}
	.timkiem{
		width:100%;
		border:1px solid #ccc;
		margin-bottom:10px;
	}
	.timkiem input[type=text]{
		width:94%;
		border:none;}
		.hienthi_danhmuc{
			width:240px;
			float:left;
		}
		.chitiet{
			width:200px;
			margin:4px;
		}
		.ten_dm{
			width:100%;
			line-height:20px;
			text-align: left;}
			.ten_dm p{
				margin:0;
				font:14px !important;
				font-weight:bold;
			}
			.noidung_dm{
				width:100%;}
				.img_sanpham{
					width:110px;
					height:90px;
					float:left;}
					.dm_sanpham{
						float:left;
						width:130px;
					}
					.dm_sanpham p{
						line-height:18px;
						margin:0;}
						.container_mid .box_content{
							border:1px solid #cbcbcb;

							margin-bottom:10px;


						}
						.container_mid .tcat .box_search{
							float:right;
							width:230px;
							padding-left:5px;
							height:22px;
							padding-top:5px;
							margin-right:5px;
							margin-top:8px;
							border-radius:5px;
							border:1px solid #a2a2a2;
						}
						.container_mid .tcat .box_search input[type="text"]{
							border:none;
							font-size:11px;
							width:200px;
							background:none;
							color:#4c4c4c;
						}
						.container_mid .tcat .box_search input[type="button"]{
							background:url(../images/icon_search.png) no-repeat center center;
							width:18px;
							border:none;
							height:17px;
						}
						.container_mid .tcat_mid{


							color:#FFF;
							font-weight:bold;
							height:44px;
							float:left;
							width:100%;
						}
						.container_mid .tcat_mid .tcat_left{

							height:30px;
							background: #EEE;
							color:#333;
							font-weight:bold;
							border-bottom:1px solid  #CCC;
						}
						.container_mid .tcat_mid .tcat_right{

							/*height: 30px;
							line-height: 28px;
							font-size: 20px;
							margin-left:15px;
							width: 100%;
							float: left;*/
						}
						.container_mid .content{
							padding:1px 20px;
						}
						.container_mid .content .about_picture{
							float:left;
							width:270px;
						}
						.container_mid .content img{
							max-width:630px;
						}
/***************** Footer ********************/
#footer{
	
}
.txt_footer{
	width:1000px;
	margin:auto;
	background: -webkit-linear-gradient( #fff500,#fe0500 ); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fff500,#fe0500); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff500,#fe0500); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff500,#fe0500); /* Standard syntax */
	

}
#footer .menu_footer a{
	padding-right:25px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
}
#footer  p{
	margin:0px;
	font-size:13px;
}

.button1{
	background: url(../images/tim.png);
	
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	height: 30px;
	width:27px;
	padding: 0 2px;
	border:none;
	
	
}
}
.icon{
	position: absolute;
	margin-left:-165px;}
	.doitac{
		width:450px;
		margin:auto;
		background:#fff;
		border:3px solid #666;}
/*---------------------------------------*/
.product_detail_pic{
	float:left;
	width:300px;
	margin-right:10px;
}
ul.product_info{
	list-style:none;
	padding:0px;
	margin:0px;
}
ul.product_info li{
	padding:3px 0px;
}
ul.product_info li span{
	font-weight:bold;
	color:#2993D1;
	font-size:14px;
}
.usual{
	margin-bottom:10px;
}
.usual ul#tab_content{
	margin:0px;
	padding:0px;
}
.usual ul#tab_content li {
	float: left;
	list-style: none outside none;
}
.usual ul#tab_content a {
	background: #999;
	color: #FFF;
	display: block;   
	margin: 1px 1px 1px 0;
	padding: 6px 20px;
	text-decoration: none !important;
	font-weight:bold;
}
.usual ul#tab_content a:hover {
	background:#2993D1;
	color: #FFFFFF;
}
.usual ul#tab_content a.selected {
	background:#2993D1;
	border-bottom: 1px solid snow;
	color: #FFF;
	cursor: default;
	margin-bottom: 0;
	
}
.content_tab{
	clear: left;
	padding:10px 0px;
}
.rows_comment{
	border:1px solid #EFEFEF;
	margin:5px;
	padding:10px;
}
/*************************/
.title_table{
	background:#2993D1;
	color:#FFF;
	font-weight:bold;
}
/*****************************/
.title_news{
	font-weight:bold;
	color:#241900;
	font-size:14px;
}
/******************************/
.item_product{
	float:left;
	width:190px;	
	text-align:center;
	
	min-height:210px;
	
}
.item_product .images{
	
	
	
}
.item_product .name{
	
	text-align:center;
	height:40px;
}
.item_product .name a{
	font-weight: normal;
	color: #666;
	font-weight:bold;
	font-size:13px;
}
.item_product .price{
	color:#5a5a5a;
}
.item_product .price span{	
	color:#F00;
	font-weight:bold;
}

/*------------------- Doi tac css -------------------*/

.ma-brand-slider-contain {	
	width:100%;
	
	
}

.brand-slider .jcarousel-container {
	-moz-border-radius: 10px;
	background: #fff;
	border: 2px solid #000;
}

.brand-slider .jcarousel-container-horizontal {
	width: 1000px;
	padding: 10px 0px;
	padding-left:40px;
	margin:0 auto;
	margin-top:80px
}
.brand-slider .jcarousel-clip-horizontal {
	width:  960px;
	height: 154px;
}

.brand-slider .jcarousel-item {
	width: 135px;
	float: left;
	list-style: none outside none;
	text-align:center;
}

.brand-slider .jcarousel-item-horizontal {
	margin-right: 15px;
	position: relative;	
	width:130px;
	height:70px;
	overflow:hidden;
}

.brand-slider .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}
.brand-slider .product-image {
	display:inline-block;
	margin:0 0 8px;
}

/**
 *  Horizontal Buttons
 */
.ma-brand-slider .jcarousel-next-horizontal {
	position: absolute;
	top: 50%;
	right: -60px;
	margin-top:-21px;
	width: 42px;
	height: 42px;
	cursor: pointer;
	display:none;
	background:url(../images/next.png) no-repeat top left;
}

.ma-brand-slider .jcarousel-next-horizontal:hover {

}

.ma-brand-slider .jcarousel-next-horizontal:active {

}

.ma-brand-slider .jcarousel-next-disabled-horizontal,
.ma-brand-slider .jcarousel-next-disabled-horizontal:hover,
.ma-brand-slider .jcarousel-next-disabled-horizontal:active {
	cursor: default;    
}

.ma-brand-slider .jcarousel-prev-horizontal {
	position: absolute;
	top: 50%;
	left: -60px;
	margin-top:-21px;
	width: 42px;
	height: 42px;
	cursor: pointer;
	display:none;
	background:url(../images/prev.png) no-repeat top left;
}

.ma-brand-slider .jcarousel-prev-horizontal:hover {
	background-position: 0 100%;
}

.ma-brand-slider .jcarousel-prev-horizontal:active {
	background-position: 0 100%;
}

.ma-brand-slider .jcarousel-prev-disabled-horizontal,
.ma-brand-slider .jcarousel-prev-disabled-horizontal:hover,
.ma-brand-slider .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: 0 100%;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.ma-brand-slider .jcarousel-container {
	position: relative;
}
.ma-brand-slider .jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.ma-brand-slider .jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.ma-brand-slider .jcarousel-next {
	z-index: 3;
	display: none;
}
.ma-brand-slider .jcarousel-prev {
	z-index: 3;
	display: none;
}

.ma-brand-slider .ma-des {
	position: absolute;
	bottom: 10px;
}
.ma-brand-slider .ma-des-title {}
.ma-brand-slider .ma-des-title h2 {
}
.ma-brand-slider .ma-des-content {}
/*************************************/
.box_video .title{
	font-weight:bold;
	padding-top:5px;
}
#galleria{height: 485px; background: #FFF }

/*-------------- Map css ------------*/
#map_canvas {    
	height: 500px;
	width: 550px;
	margin:10px auto;
}
.map_description {
	color: #000000;
	overflow: auto;
	width: 275px;
}
.map_description .default {
	color: #FF0000;
}
.map_description div {
	line-height: 18px;
	margin: 3px;
}
.map_list_address {
	float: left;
	height: 500px;
	overflow: hidden;
	width: 250px;
}
.map_list_address .list {
	line-height: 18px;
	margin-bottom: 5px;
}
.map_list_address span {
	color: #FCFF46;
}
.map_title {
	color: #30A602;
	font-weight: bold;
}
.navigate .C {
	width: 970px;
}
/************************************/
.box_news_left{
	float:left;
	width:450px;
	padding:10px;
}
.box_news_left .image{	
	float:left;
	margin-right:10px;
}
.box_news_left p{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:justify;
}
.box_news_left p.smail_txt{
	font-size:11px;
	color:#939393;
	font-style:italic;
}
.box_news_left .name{
}
.box_news_left .name a{
	color:#0888e6;
	font-weight:bold;
}
.box_news_right{
	float:right;
	width:270px;
}
.box_news_right ul{
	list-style:none;
	margin:0px;
	padding-left:10px;
}
.box_news_right ul li{
	background:url(../images/dot.png) no-repeat 5px 5px;
	padding-left:20px;
}
.box_news_right ul li a{
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
}
.box_news_right ul li img{
	padding:2px;
	border:1px solid #d6d6d6;
	float:left;
	margin-right:5px;
	display:none;
}
.box_news_right ul li:first-child{
	padding-left:0px;
	background:none;
}
.box_news_right ul li:first-child a{
	text-transform:uppercase;
	color:#011ffe;
}
.box_news_right ul li:first-child img{
	display:inline;
}
.title_news{
	color: #0888E6;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px 5px;
	margin:0px;
}
.item_picture{
	height:270px;
	overflow:hidden;
}
h2.title_cat{
	font-size:12px;
	border-bottom:1px solid #E5E5E5;
	padding:10px;
	text-transform:uppercase;
}
.bg_content{
	background:url(../images/bg_container_content_b.png) no-repeat bottom center;
	padding-bottom:10px;
}
/*----------------------------------------------------*/
/* <!-- slider --> */
.jssorb05 {
	position: absolute;
	bottom:16px;right:16px;
}
.jssorb05 div.jssorb05_prototype{width:16px;height:16px;}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	width: 16px;
	height: 16px;
	overflow: hidden;
	cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
.jssora12l, .jssora12r {
	display: block;
	position: absolute;
	width: 18px;
	height: 36px;
	cursor: pointer;
	overflow: hidden;
	left:20px;
	top:0 !important;
	bottom: 0 !important;
	margin: auto !important;
}
.jssora12r{
	right:20px;
	left: initial;
}
/*.slider:hover .jssora12l { background: url(../img/lsl.png) no-repeat; }*/
/*.slider:hover .jssora12r { background: url(../img/rsl.png) no-repeat; }*/

.slider{
	position: relative;z-index:23;   
}
#jssor_1{
	position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1366px; height: 707px; overflow: hidden; visibility: hidden;
}
#jssor_1>div,#jssor_1>div>div{width: 1366px; height: 707px;}
.jssor_1_u_loadding{position: absolute; top: 0px; left: 0px;}
.jssor_1_u_loadding_div1{filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;}
.jssor_1_u_loadding_div2{position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;}
.jssor_1_u_slides{cursor: default; position: relative; top: 0px; left: 0px; width: 1366px; height: 707px; overflow: hidden;}

/* <!-- slider --> */
.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-start;
	align-content: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px 0;
}
.w1300{
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}
.row-banner{
	align-items: center;
	align-content: center;
	justify-content: space-between;
}
.btn-menu{
	width: 40px;
	height: 25px;
	position: relative;
}
.btn-menu a {
	width: 27px;
	height: 25px;
	z-index: 80;
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.btn-menu a span{
	width: 100%;
	display: block;
	height: 5px;
	position: absolute;
	background: #8DB673;
	top: 0;
	bottom: 0;
	margin: auto;
}
.btn-menu a:before ,.btn-menu a:after{
	content: "";
	display: block;
	height: 5px;
	background: #8DB673;
	position: absolute;
}
.btn-menu a:hover:before ,.btn-menu a:hover:after ,.btn-menu a:hover a{
	/*background: #fff;*/
}
.btn-menu a:before {
	top: 0px;
	right: 0;
	left: 0;
	-webkit-transition: all, 0.3s;
	-khtml-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.btn-menu a:after {
	right: 0px;
	bottom: 0px;
	left: 0px;
	-webkit-transition: all, 0.3s;
	-khtml-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.logo{
	width: 20%;
}
.banner_head{
	width: 40%;
}
.hotline{
	width: calc(40% - 40px);
	flex-grow: 1;
	text-align: right;
}
p.dienthoai {
	display: inline-block;
	text-align: left;
	color: #fe0000;
	font: 16px RobotoBold;
	padding: 5px 0 5px 25px;
	background: url(../images/hot.png) left center no-repeat;
	margin: 0;
}

#header .menu{
	height:38px;	
	background: blue;
	border-radius:5px;
	margin:0px 1px;
}
#header .menu ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#header .menu ul li{
	float:left;
	height:38px;
	background:url(../images/line.png) no-repeat top right;
	padding-right:1px;
}
#header .menu ul li a{	
	color:#FFF;
	display:block;	
	padding:0px 25px;	
	line-height:38px;
	font-weight:bold;
	text-transform:uppercase;

}
#header .menu ul li a.active,#header .menu ul li a:hover{
	color:#FFFF00;	
	
}

.about-index{
	padding: 60px 0 10px 0;
}

.row-about{
	align-items: center;
}
.about-left{
	width: 28%;
	border: 3px solid #6FBA2E;
	padding: 25px;
}
.about-center{
	width: 43%;
	position: relative;
	padding: 0 60px;
}
.about-right{
	width: 29%;
	border: 3px solid #6FBA2E;
	padding: 25px 20px;
	padding-top: 40px;
}
.about-left img{
	margin:  0 auto;
	margin-bottom: 15px;
}
.text-aboutleft, .text-aboutright  {
	font: 87px PlayfairDisplayRegular;
	color: #000;
	text-align: center;
	letter-spacing: -10px;
} 
.text-aboutleft span, .text-aboutright span{
	color: #000000;
	font: 33px MontserratBold;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.des-aboutleft ,.des-aboutright{
	color: #000000;
	font: 20px MontserratRegular;
	text-align: justify;
	margin: 25px 0 50px;
	line-height: 34px;
}
.des-aboutright{
	padding-left: 20px;
}

.text-aboutcenter{
	text-transform: uppercase;
	font: 24px Montserrat-ExtraBold;
	padding: 0px 0px 0px;
	color: #6fba2c;
}
.des-aboutcenter{
	font: 17px PlayfairDisplayRegular;
	color: #000000;
	line-height: 30px;
	margin: 0 0 40px;
}
.about-center img{
	/* margin: 0 auto; */
	/* position: relative; */
	/* left: -56px; */
	/* right: 0; */
	/* max-width: 130%; */
}
.quytrinh-index{
	padding: 190px 0 20px;	
	background: url(../images/bgnhaxuong.png) center top no-repeat #fff;
}
.w625{
	max-width: 625px;
	width: 100%;
	margin:  0 auto;
}
.title-quytrinh{
	text-align: center;
	font: 30px Montserrat-ExtraBold;
	text-transform: uppercase;
	color: #000000;
	margin: 20px 0;
}
.title-quytrinh p{
	font: 15px  MontserratRegular;
	color: #000000;
	padding: 0;
	margin: 0;
	text-transform: none;
}
.quytrinh-item{
	align-items: center;
	align-content: center;
	justify-content: space-between;
	margin: 15px 0;
}
.quytrinh-item:nth-child(2n
){
	flex-direction: row-reverse;
}

.quytrinh-img{
	width: 45%;
}
.quytrinh-info{
	width: calc(55% - 50px);
}
.stt-quytrinh{
	font: 60px PlayfairDisplayRegular;
	color: #000;
	line-height: 60px;
}
.quytrinh-name {
	color: #4c4c4c;
	font: 14px MontserratRegular;
	line-height: 25px;
	margin: 10px 0 20px;
}
.quytrinh-name span{
	color: #000000;
	font: 14px MontserratBold;
}
.quytrinh-ngay{
	color: #000000;
	font: 20px MontserratBold;
	padding: 5px 0 5px 50px;
	background: url(../images/date.png) left center no-repeat;
}
.bannerqc{
	text-align: center;
}
.bannerqc img{
	margin:  0 auto;
}
.productindex{
	padding: 20px 0;
}
.prolist {
	align-items: center;
	align-content: center;
	justify-content: center;
	margin: 0 0 10px;
}
.prolist span{
	cursor: pointer;
	text-transform: uppercase;
	font: 15px MontserratBold;
	color: #1a1a1a;
	background: transparent;
	border-radius: 10px;
	padding: 14px 20px;
	transition: 0.3s all;
	margin: 2px 4px;
}
.prolist span:hover,.prolist span.active{
	background: #6FBA2E;
	color: #fff;
}
.row{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-start;
	align-content: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin:  0 -15px;
}
.col-xs-3{
	padding:  0 15px;
	width: 25%;
}
.col-xs-4{
	padding:  0 15px;
	width: calc(100% / 3);
}
.col-xs-6{
	width: 50%;
	padding: 0 15px;
}
.pro-item{
	margin:  10px 0;
}
.pro-img{}
.pro-name{
	padding: 14px 0 0;
}
.pro-name a{
	text-transform: uppercase;
	font: 15px MontserratBold;
	color: #1a1a1a;
}
.pro-name a:hover{
	color: #6FBA2E;
}
.xemthemsp{
	text-align: center;
	margin: 10px 0 10px;
}
.xemthemsp a{
	display: inline-block;
	padding: 14px 20px;
	border: 1px solid #6fba2c;
	border-radius: 5px;
	color: #6fba2c;
	font: 15px MontserratBold;
	text-transform: uppercase;
}
.xemthemsp a:hover{
	color: #fff;
	background: #6fba2c;
}
.videoindex{
	padding: 135px 0 20px;
	background: url(../images/bgvideo.png) top center no-repeat;
}
.w780{
	width: 100%;
	max-width: 780px ;
	margin:  0 auto;
}
.vd iframe{
	width: 100% !important;
	height: 425px !important;
	display: block;
}
.danhsach select{
	background: transparent;
	border: 0;
	padding: 15px 0;
	font: 18px MontserratRegular;
	color: #000000;
	text-align: center;
	width: 100%;
}
.form-index{
	padding: 80px 0;
	background: url(../images/bgform.png) center no-repeat;
}
.w790{
	width: 100%;
	max-width: 788px;
	margin:  0 auto;
	padding: 100px 70px;
	background: #fff;
}
.title-form{
	text-align: center;
}
.title-form span{
	display: block;
	text-transform: uppercase;
	font: 30px Montserrat-ExtraBold;
	color: #000000;
}
.title-form p{
	font: 18px MontserratRegular;
	margin: 40px 0 50px;
	line-height: 35px;
}
.form-newsletter{text-align: center;}
.form-newsletter input{
	width: 100%;
	height: 50px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	text-indent: 30px;
	background: #F2F2F2;
	font: 18px MontserratRegular;
	color: #808080;
}
.form-newsletter input::-webkit-input-placeholder{
	color: #808080;
}
.form-newsletter input:focus {
	outline: 0;
}

.form-newsletter button{
	padding: 14px 40px;
	border: 1px solid #6fba2c;
	border-radius: 5px;
	color: #6fba2c;
	font: 20px MontserratBold;
	text-transform: uppercase;
	cursor: pointer;
}
.form-newsletter button:hover{
	color: #fff;
	background:#6fba2c;
}
.note-form{
	font: 19px MontserratRegular;
	color: #000000;
	text-align: center;
	margin: 40px 0 40px;
}
footer{
	background: #fff;
	padding: 50px 0 40px;
}
.row-footer{
	align-items: center;
	align-content: center;
	justify-content: space-between;
}
.footer-left{
	width: 32%;
}
.footer-right{
	width: 32%;
}
.footer-center{
	width: 30%;
}
.title-footer{
	margin: 0 0 16px;
}
.title-footer span{
	display: inline-block;
	text-transform: uppercase;
	padding: 0 0 10px 0;
	font: 21px MontserratBold;
	color: #4c4c4c;
	border-bottom: 3px solid #6fba2c;
}
.chinhsach{

}
.chinhsach a{
	display: block;
	font: 16px MontserratRegular;
	color: #4c4c4c;
	margin: 0 0 10px;
}
.chinhsach a:hover{
	color: #6fba2c;
}
.coppyright{
	padding: 15px 0;
	text-align: center;
	background: #E6E6E6;
	font: 16px MontserratRegular;
	color: #000000;
}
.coppyright span{
	font: 16px MontserratBold;
}

.tcat_right{
	text-align: center;
	font: 30px Montserrat-ExtraBold;
	text-transform: uppercase;
	color: #000000;
	margin: 20px 0;
}
#iframe-bando iframe{
	width: 100% !important;
	height: 400px !important;
}
.fb-like-box.fb_iframe_widget.fb_iframe_widget_fluid{
	max-width: 100% !important;
}	
.fb-like-box > span{
	max-width: 100% !important;
}
.fb-page, .fb-page span, .fb-page span iframe[style] ,.fb-like-box span iframe[style] {
    width: 100% !important;
}
.w900{
	max-width: 900px;
	width: 100%;
	margin:  0 auto;
}
.coppyright{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	align-items: flex-start;
	align-content: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 15px 10px;
}

.copp{

}
.thongke{

}
.thongke{
	text-align: right;
}
.thongke span{
	padding: 0 10px;
}