*{margin:0;padding:0;
padding:0;}
body{
	background:url('../img/background-2.png') no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	font-family: Helvetica;
	color: #a1a1a1;
	font-size: 14px;
}
@font-face {
	font-family: opensans-boild;
	src:url('OpenSans-Bold.ttf');
}
@font-face {
	font-family: opensans-regular;
	src:url('OpenSans-Regular.ttf');
}
ul{
	margin: 0;
}
.menu-top:before, .menu-top:after, .search-lang:before, .search-lang:after, .lang:before, .lang:after,
.border-cats:before, .border-cats:after{
	display: table;
	content: " ";
}
.menu-top:after, .search-lang:after, .lang:after, .border-cats:after{
	clear: both;
}
.mg-top-20{
	margin-top: 20px;
}
.wapper{
	width: 1200px;
	margin: 0px auto;
}
.content{
	
	min-height: 400px;
}

.clear{
	clear: both;
	padding:0px;
	margin: 0px;
}
.header{
	height: 105px;
	background-color: #FFFFFF;

}
.logo-big{
	float: left;
	padding-top: 0px;

}
.text-com{
	float: left;
	padding-top: 45px;
}
.text-com img{
	width: 100%;
	margin-left: -30px;
}
.right-hea{
	float: right;
	padding-top: 5px;

}
.menu-top{

}
.menu-top li{
	list-style-type: none;
	display: inline-block;
	padding-top: 7px;

}
.menu-top li a{
	font-family:opensans-regular ;
	color: #c3c3c3;
	text-decoration: none;
	padding: 5px;
	font-size: 14px;
}
.menu-top li a:hover{
	color:#1a9c48;
}
.search-lang{
	margin-top:4px;
}
.search{
	float: left;
	padding-left:2px ;
	padding-top: 16px;
	width: 70%;
	
}

.search-bg{
	background: url('../img/line-search.png') no-repeat;
	height: 20px;
}
.lang .vn{
	float: left;
	padding-top: 34px;
	padding-left: 20px;
}
.lang .en {
	float: left;
	padding-top: 34px;
	padding-left: 20px;
}
.menu{
	/*background:url('../img/bg-menu.png') no-repeat;*/
	/* background-size: 40px; */
	background: #1a9c48;
	height: 46px;
	border-bottom: 4px solid #fff;
	margin: 0px;
}
.active a{
	/* background: url('../img/line-m.png');
	background-repeat: repeat-x;
	background-position: bottom;
	background-size: auto 4px; */
	border-bottom: #FAD505;
	border-bottom-width: 2px;
	border-style: solid;
	border-top:none;
	border-left: none;
	border-right: none;


}
.menu ul li{
	display: inline-block;
    list-style-type: none;
    padding: 8px 25px 8px 25px;

}
.menu ul li a{
	text-decoration: none;
	line-height: 30px;
	height: 30px;
	color: #FFFFFF;
	text-transform: uppercase;
}
.menu ul li ul{
	display: none;
	position: absolute;
	z-index: 100;
}
.menu ul li ul li{
	background: #1a9c48;
	display: block;
	position: relative;
	z-index: 100;
}
.menu ul li a:hover{
	color: #fbd503;
}
.content{}
.slider{
	/height: 470px;
	padding: 2px auto !important;
}
.contact:before, .contact:after{
	display: table;
	content: " ";
}
.contact:after{
	clear: both;
}
.contact-form{
	padding-top: 25px;
	font-family: arial;
	float:left;
	width: 100%;
	text-align: center;

}
.why{
float: right;
border: 2px solid #D5CFCF;
/background: url('../img/dt.png');
background: rgba(254,189,17,0.2);
padding:5px;
/height: 350px;
width: 560px;
padding-top: 13px !important;
margin-top: 22px;


}
.contact-form>form>input {
	width: 83%;
	box-sizing: border-box;
	padding:10px 10px;
	border: 1px solid #97c096; 
	alignment: center;
	/* #ebebeb */

}
.contact input[type=radio]{
	color:#646666 !important;
}
.btn-radio{
	color:#646666 !important;	
	padding-top: 10px;
}
.why-text{
	text-align: center;
    color: #4d8b3f !important;
    float: left;
    font-size: 20px;
    width: 100%;
    vertical-align: middle;
}
.why-text img{
	vertical-align: middle;
}
.why-text-b{
	padding-left: 15px;
	padding-right: 15px;
	font-size: 15px;
	color: #84807b !important;
}
.ht-dt{
	margin-top: 25px;

}
.ht{
	float: left;
	width: 43%;
	padding-right: 0px;
	padding-top: 20px;
	padding-left: 23px;
}
.ht-title{
float: right;
padding-top: 3px;
padding-right: 41px;
font-size: 20px;
color: #6c6c6d;
text-transform: uppercase;
}
.ht-img{
float: right;
}
.ht-content{
text-align: right;
font-size: 15px;
padding-top: 13px;
color: #848283;
padding-bottom: 15px;
}
.dt{
	padding-left:72px;
	padding-top: 10px;
	float: left;
	width: 48%;
}
.dt-title{
float: left;
padding-top: 16px;
padding-left: 37px;
font-size: 20px;
color: #6c6c6d;
}
.dt-img{
float: left;
}
.dt-content{
text-align:left;
font-size: 15px;
padding-top: 13px;
color: #848283;
padding-bottom: 15px;
}
.prod-show{
	height: 216px;
	padding-top: 10px;
}
.prod-show-c{
	width: 25%;
	float: left;
	height: 216px;
}
.prod-show-c a p{
	text-decoration: none;
	color:#FFFFFF;
	text-align: center;
	padding-top: 100px;
	padding-left: 30px;
	font-size: 19px;

}
.prod-show-c a {
	text-decoration: none;

}
.prod-show-c:hover{
	background: url('../img/img-hover.png');
}
.prod-show>.prod-show-c>a>img
{
	z-index: -1;
	 position: absolute;
	 alignment: center;
}
/* .prod-show>.prod-show-c>a>p{
	position: absolute;
	top:50%;
	left: 50%;
} */
.mouseleave{
	background: url('../img/bongmo.png');
}
.news{
	color: #949393;
	font-family: opensans-regular;
	

}
.news-title{
	color: #030303;
	font-size: 19px;
	padding-top: 27px;
}
.new-one{
	padding: 10px;
	float: left ;
	width: 48%;
	font-size: 17px;
	height: 165px;
	text-align: justify;
}
.new-one .new-one-title a p{
	color: #38a04f;
	float: left;
	font-size: 19px;
	padding-top: 17px;
	text-decoration: none;
}
.new-one .new-one-title span{
	float: left;
	padding-right: 20px;
	font-size: 35px;
	color: #cfcccb;
}
.new-one-title{
	padding-bottom: 37px;
}
.xemthem{
	padding-top: 10px;
	color: black;
	text-align: left;
}
.xemthem a{
	color: black;
}
.footer{
	background: #e4e4e4;
	margin-top: 20px;
	color: #b7b7b6;
	font-family: opensans-regular;
	padding-top: 30px;
	min-width: 1200px;
}
.footer-title h1{
	font-weight: bold;
	font-size: 16px;
	color: #38a04f;
	text-align: center;
}
.footer-content{
	text-align: center;
}
.footer-content p{
	color:#6D9F64;
}
.footer-content img{
	vertical-align: middle;
}
.footer-copyright{
	text-align: center;
	font-size: 13px;
	color: #a1a1a1;
}
.left{
	float: left;
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    text-align: justify;
    color: #000;
    padding: 10px;
    
}
.right{
	border: 1px solid #E9E9E9;
	border-radius:5px;
	padding: 10px;
	margin-right: -15px;
}
.right-cat{
	color:black;
}
.content{
}
.newone{
	margin-bottom:10px;
	margin-top:29px;
	height:160px;
}
.title{
	font-size: 22px;
}
.title-n{
	text-align:center;
	color:#070707;
	font-size:17px;
	color:#fff;
	padding-top:8px;
	border-bottom: 1px solid #C9C5C5 ;
	background:#1a9c48;
	border-radius: 5px 5px 0px 0px;
	/* font-weight:700; */
	height:30px;
	padding-left: 30px;
	text-transform: uppercase;
}
.title-re{
	text-align:center;
	color:#fff;
	font-size:17px;
	color:#fff;
	padding-top:8px;
	border-bottom: 1px solid #C9C5C5 ;
	background:#1a9c48;
	border-radius: 5px 5px 0px 0px;
	/* font-weight:700; */
	height:30px;
}
.thumb-new{
	float:left;
	padding-left: 20px;
	margin-right:5px;
	width:30%;
	

}
.thumb-new img{
	border-radius:5px;
}
.subc-new{
	float:left;
	width:66%;
}
.subc-new-t a{
	color: #38a04f;
	font-size: 18px;
	text-decoration: none;
	text-transform:uppercase;

}
.subc-new-t{
	margin-bottom:5px;
}
.subc-new-c a {
	text-decoration:none;
	color:#FFFFFF;
	text-align: center;
	float:right;
	/* padding-right:15px; */
	background:#38b04a;
	border-radius:3px;
	margin-bottom: 8px;
	padding: 2px 6px 2px 4px;
	display:block;
	margin-top: 21px;


}
.subc-new-c a:hover{
	color:#FFF95A;text-shadow: 1px 1px;

}
.end-boder{
		border-bottom:2px dotted #CDCBCB;
}
.newone-re{
	margin-top: 14px;
	margin-bottom: 14px;
}
.newone-re:before, .newone-re:after{
	display: table;
	content: " ";
}
.newone-re:after{
	clear: both;
}
.newone-re .img-thumb-re{
	float:left;
	width:40%;
	padding-top: 5px;
	border-radius:2px;
}
.subc-re-c .span-title{
	color: #38a04f;
    height: 122px;
}
.newone-re .subc-re-c {
	float:right;
	width:53%;
	font-size:13px;
	padding-left: -3px;

}
.newone-re .subc-re-c a{
	text-decoration: none;
    padding-right: 10px;
    display: block;
    float: right;
    color: #76A04F;
}
.subc-re-c .d_p{
	
}
.phantrang{
	width:300px;
	margin:0 auto;
}
.phantrang a{
margin: 5px 2px 10px 2px;
text-decoration:none;
color: #666;
width:20px;
height:20px;
text-align:center;
line-height:20px;
border-radius:10px;
float:left;
border:1px solid #CCC;
}
.phantrang a:hover{
	background:#0393fc;
	color:#FFF;
}
.phantrang span{
color:#F30;
margin: 5px 2px 10px 0;
text-decoration:none;
color:#FFF;
font-weight:bold;
width:20px;
height:20px;
text-align:center;
line-height:20px;
border-radius:10px;
float:left;
background:#0393fc;
border:1px solid #CCC;
}
.map{
	height: 400px;
	width: 100%;
	border: 1px solid #BFB5B5 ;
	border-radius: 5px;
	margin: 10px 0px;
	
}

/*# product cats*/
.des-art{

}
.title-art{
	border-bottom: 1px solid #A69B9B;
}
.border-cats{
	border: 1px solid #C0BDBD;
    border-radius: 5px;
}
.cats{
width: 47%;
height: 180px;
margin-top: 10px;
float: left;
margin-right: 10px;
margin-left: 10px;
margin-top: 20px;
margin-bottom: 20px;
overflow: hidden;
}
.cats span a{ 
text-decoration: none;
color: #1A9C48;
font-size: 19px;
}
.cats .content-cats{
	padding: 5px;
	margin:10px 0px;
}
.cats .title-cats{
padding-left: 5px;
}
.cats .thumb-cats{
float: left;
width: 45%;
padding-left: 10px;
}
.cats .thumb-cats img{
	width: 100%;
}
.cats .des-cats{
	float: left;
	width: 55%;
	text-align: justify;
	padding-right: 10px
}
.list-cat li{
	list-style-type: none;
	padding-top: 5px;
}
.list-cat a{
	text-decoration: none;
	color: black;

}
.list-cat a:hover{
	color: green;
}
.pro-id-des li{
	list-style-type: none;
	color: black;
	padding-top: 10px;
	font-size: 15px;
	padding-left: 10px;

}
.pro-id-des{
	width: 100%;
	padding: 10px;
}
.pro-id-img{
	float: left;
	width: 50%;
	text-align: center;
	padding: 20px;

}
.content-pro-id-d, .content-pro-detail{

}
.content-pro-id-d .span-title{
	color: black;
    font-size: 19px;
    font-weight: bold;
    display: block;
    width: 100%;
}
.content-pro-id-d:before, .content-pro-id-d:after{
	display: table;
	content: " ";
}
.content-pro-id-d:after{
	clear: both;
}
.prod-rela {
	padding: 10px;
	margin:10px 0px;
	
}
.prod-rela-one{
	padding: 10px;
	border: 2px solid #E4E4E4;
}
.prod-rela-one a{
	text-align: center;
	margin-top: 10px;
}
.prod-rela-one a img{
	width: 100%;
}
.right-list{
	
	text-transform: capitalize;
	color: black;
}
.right-list a{
text-decoration: none;
color: black;
}
.right-list li{
	list-style-type: none;
}
.right-list a:hover{
	color: #1A9C48;


}
.ul-cat{
font-size: 17px;
color: black;
}
.ul-cat:hover{
	color: #1A9C48;
}
.ul-list{
	padding-left: 17px;
	font-size: 17px;color: black;

}
.ul-item{
	padding-left: 28px;
	font-size: 15px;color: black;
}
.ul-prod{
	padding-left: 20px;color: black;
	
}
.btn-viewall{
	text-align: center;
}
.btn-viewall a{
	text-decoration-line: none;
	color: #1A9C48;
}
.btn-viewall a:hover{
	text-decoration-line: underline;
	color: #098B37;
}
.content:before, .content:after{
	display: table;
	content: " ";
}
.content:after{
	clear: both;
}
.content input[type=text] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    float:left;
    
}
.content input[type=text]:focus{
	background:lightblue;
}

.content textarea{
	width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    float: left;
}
.content input[type=submit]:hover {
    background-color: #45a049;
}
.content .form-db input[type=submit]{
	width:11%;
	float:right;
	padding-right:5%;
	background-color: #4CAF50;
    color: white;
    padding: 9px 18px;
    margin: 8px 62px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top:14px !important;
    margin-bottom:-8px !important;

}
.content .form-db {
    border-radius: 5px;
    /*background-color: #f2f2f2;*/
    padding: 20px;
}
.form-db input[type=file]{
	padding-left: 52px;
	margin-top:0px;
}
.form-db label{
 padding-left:5%;
 margin-top:23px;
}
.form-db #showmesp span{
	color:red;
	margin-top:10px;
	width:85%;
	margin-right: 5%;
	margin-bottom:10px;
	padding-right:5% !important;
	text-align: left;
		
}
#topic{
	width:100%;
}
.cat_prod_index:before,.cat_prod_index:after{
	display: table;
	content: " ";
}
.cat_prod_index:after{
	clear: both;
}
.img-slide img{
	height: 350px;	
	margin: auto;
}
.btn-search{
	background: transparent;
    border: none;
    outline: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.search-form{
	position: relative;
	width: 100%;
}

.search-form span{
	display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    font-size: 18px;
}
#keyword{
	outline: none;
	border: none;
    box-sizing: border-box;
    width: 84%;
}
#keyword:focus{
	
}
.col-left:before, .col-left:after, .col-right:before, .col-right:after{
	display: table;
	content: " ";
}
.col-left:after, .col-right:after{
	clear: both;
}
.col-left{
	width: 526px;
	float: left;
}
.col-right{
	width: 644px;
	float: left;
}
.footer-online{
	text-align: center;
}
.video-youtube{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.video-youtube p{
	width: 400px;
    height: 190px;
    margin: 0px auto;
    line-height: 190px;
    font-size: 30px;
    background: #f1f1f1;
}
.video-youtube a{
	display: inline-block;
	transition: all .3s ease-out;
}
.video-youtube a:hover{
	opacity: .7;
}
.video-youtube a img{
	max-width: 100%;
	height: auto;
}