.h1, .h2, .h3, h1, h2, h3{padding: 0; margin: 0;}
*{ margin: 0; padding: 0; } 
.clear{clear:both;}
body{ font-family:Arial, Helvetica, sans-serif;	font-size:13px;	line-height:1.5; }
a{ text-decoration:none;}
ul{ list-style:none; padding:0; margin:0;}
p{margin-bottom:0px;}
.noidung img{ max-width:100% !important; height:auto !important;}
.vshd{ height:0px; display:none; overflow:hidden;}
#wapper{width:100%; max-width:1366px; margin:auto; position:relative; overflow:hidden;}
.top-header{ width:100%; height:35px; line-height:35px; color:#fff; background:#389500;}
.top-content{ width:98%; max-width:1200px; margin:auto;}
.top-left{ float:left; font-family: 'UTM-Avo'; font-size:13px;}
.top-left img{ float:left; margin-right:5px; margin-top:8px;}
.top-right{ float:right;}
.header{ width:100%; background:url(images/bnn.png) no-repeat center; background-size: cover; position:relative; z-index:999; } 
.header_content{ width:98%; max-width:1200px; margin:auto; padding:20px 0px; position:relative; }
.banner{display:block; margin-top:16px; float:left;}
.logo{display:block; position:absolute; left:-4%; top:15px;}
.name-cty{ text-align:center;}
.hotline{ background:url(images/hotline.png) no-repeat left center; padding-left:120px; line-height:29px; position:absolute; height:47px; right:0; top:20px; font-size:22px; color:#ec100f; font-family: 'Roboto-Bold';}

#search{width:255px;float:left; position:relative;}
#search input{height:25px; width:100%; border:1px #58ce10 solid; border-radius:3px; color:#fff; padding:0 10px; outline:none; font-family:arial; background:none; font-size:12px;}
#search input::-webkit-input-placeholder { color:#fff;}
#search input::-moz-placeholder { color:#fff;}
#search input:-ms-input-placeholder { color:#fff;}
#search input:-moz-placeholder { color:#fff;}
#search button{position:absolute; right:5px; top:0px; border:none; height:25px; background:none;}

#mxh{ float:right; margin-left:10px;}
#mxh img{margin-left:5px; float:left; margin-top:5px;}

.wrap_menu{ width:100%; max-width:1366px; height:49px; background:url(images/menu.png) no-repeat center;}
.menu{ width:98%; max-width:1200px; position:relative; height:49px; margin:auto; }

#smoothmenu1{ float:right;}
#smoothmenu1 li{float:left; padding-right:1px;}
 
#smoothmenu1 li a{font-size:14px; color:#fff; display:block; height:49px; line-height:49px; font-family: 'UTM-Avo'; padding:0 23.2px; position:relative;}
#smoothmenu1 li a span{ position:relative; z-index:9;}
#smoothmenu1 li a::before{ border-right: 1px #4abe04 solid;
 width:100%; height:100%; content:''; position:absolute; left:0px; top:0px;
-moz-transform: rotate(0deg) scale(1, 1) skewX(-34deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
-webkit-transform: rotate(0deg) scale(1, 1) skew(-34deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
-o-transform: rotate(0deg) scale(1, 1) skew(-34deg, 0deg) translate(0, 0);/* Opera 10.5 */
-ms-transform: rotate(0deg) scale(1, 1) skew(-34deg, 0deg) translate(0, 0);/* IE 9 */
transform: rotate(0deg) scale(1, 1) skew(-34deg, 0deg) translate(0, 0);
}
#smoothmenu1 li:hover a::before{ background:#4abe04; }
.m::before{ border-right: 1px #4abe04 solid; background:#4abe04;width:100%; height:100%; content:''; position:absolute; left:0px; top:0px;
-moz-transform: rotate(0deg) scale(1, 1) skewX(-34deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
-webkit-transform: rotate(0deg) scale(1, 1) skew(-34deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
-o-transform: rotate(0deg) scale(1, 1) skew(-34deg, 0deg) translate(0, 0);/* Opera 10.5 */
-ms-transform: rotate(0deg) scale(1, 1) skew(-34deg, 0deg) translate(0, 0);/* IE 9 */
transform: rotate(0deg) scale(1, 1) skew(-34deg, 0deg) translate(0, 0);
}

#smoothmenu1 li li a::before{display:none;}
#smoothmenu1 li:hover li a::before{display:none;}
#smoothmenu1 li:hover li a{ background:none; }
.asas{display:none;}
.menu-mobile{display:none;}
/*------end menu-------*/
.slider{ width:100%; position:relative; margin:auto;}
 
/*-----------end slider-------------*/
.main{ }
.main_content{ width:98%; max-width:1200px; margin:auto; padding:40px 0; }
.box_container{ position:relative;}
.listimg{display:block; width:100%;}
 
.title_sp{ width:100%; text-align:center; margin-bottom:30px; position:relative; overflow:hidden; }
.title_sp span{ position:relative; display:inline-block; min-width:250px; line-height:42px; height:42px; cursor:pointer; position:relative; color:#389500; font-family: 'UTM AvoBold'; text-transform:uppercase; font-size:23px; padding:0 30px; z-index:99; }
.title_sp span::before{ content:''; width:434px; height:17px; background:url(images/rig.png) no-repeat left center; position:absolute; left:100%; top:15px;}
.title_sp span::after{ content:''; width:420px; height:17px; background:url(images/lef.png) no-repeat right center; position:absolute; right:100%; top:15px;}
 
.title_list{ font-size:18px; line-height:40px; height:40px; text-align:center; font-family: 'UTM-Avo'; color:#fff; background:#389500; margin-bottom:20px;}
 
.item{width:32%; padding:5px; background:url(images/bor.png) no-repeat; background-size:100% 100%; float:left; position:relative; margin-right:2%; margin-bottom:30px; }
.item:nth-child(3n){ margin-right:0px;}
.item:nth-child(3n+1){ clear:both;}
.item .item_content{position:absolute; background:rgba(56,149,0,0.78); width: calc( 100% - 10px ); left:5px; bottom:5px; padding:10px 0; text-align:center;}
.item .name{ }
.item .name a{font-size:16px; font-family: 'UTM-Avo'; color:#fff; transition:all 0.2s;}
.item:hover .name a{ color:#ff0; transition:all 0.2s; }
.item .box_item_img{position:relative; overflow:hidden;} 
.item .imgsp{ width:100%; transition:all 0.4s; transform:scale(1);}
.item:hover .imgsp{ width:100%; transition:all 0.4s; transform:scale(1.05); }
 
.item1{width:94%; position:relative; margin:auto; margin-bottom:30px; }
.item1 .item_content{ padding:10px 0; text-align:center;}
.item1 .name{ }
.item1 .name a{font-size:15px; font-family: 'UTM-Avo'; color:#262626; transition:all 0.2s;}
.item1:hover .name a{ color:#389500; transition:all 0.2s; }
.item1 .box_item_img{position:relative; overflow:hidden; border:1px #e0e0e0 solid;} 
.item1 .imgsp{ width:100%; transition:all 0.4s; transform:scale(1);}
.item1:hover .imgsp{ width:100%; transition:all 0.4s; transform:scale(1.05); }

 
.item2{width:24%; position:relative; float:left; margin-right:calc( 4% / 3 ); margin-bottom:30px; }
.item2:nth-child(4n){ margin-right:0px;}
.item2:nth-child(4n+1){ clear:both;}

.item2 .item_content{ padding:10px 0; text-align:center;}
.item2 .name{ }
.item2 .name a{font-size:15px; font-family: 'UTM-Avo'; color:#262626; transition:all 0.2s;}
.item2:hover .name a{ color:#389500; transition:all 0.2s; }
.item2 .box_item_img{position:relative; overflow:hidden; border:1px #e0e0e0 solid;} 
.item2 .imgsp{ width:100%; transition:all 0.4s; transform:scale(1);}
.item2:hover .imgsp{ width:100%; transition:all 0.4s; transform:scale(1.05); }

.csv{ margin-top:30px;}
.item_sv{ width: calc( 97% / 3 ); float:left; margin:0.5%; }
.item_sv img{ width:100%; display:block;}
 
.wrap-bottom{ }
.bottom{ width:98%; max-width:1200px; margin:auto; padding:30px 0;}
.box-bottom{width:48%; float:right; }
.title_bottom{ color:#389500; font-family: 'UTM AvoBold'; font-size:18px; border-bottom:1px #d7d7d7 solid; padding-bottom:5px; position:relative; margin-bottom:20px;}
.title_bottom::before{ background:#389500; content:''; width:223px; height:3px; position:absolute; left:0px; bottom:-1px; }
.video-wrapper{padding-bottom:372px; position:relative;}
.video-wrapper iframe{border:none; width:100%; height:100%; position:absolute;}
 
.news-bottom{ width:48%; float:left;}
 	 
.news{ width:100%; margin:auto; }
.news .img-news{ display:block; width:175px; float:left; }
.news img{ width:100%; display:block; }
.news .n_name { line-height: 1.5; border-bottom:1px #d3d3d3 solid; margin-bottom:5px;}
.news .n_name a{ font-family: 'Roboto-Bold'; font-size:13px; color:#272727;}
.news:hover .n_name a{ color:#389500;}
.news .box_content_news{width: calc( 100% - 185px ); float:right; color:#272727; font-size:13px; font-family: 'Roboto-Regular';}
 
.seemore{ text-align:right;}
.seemore a{font-size:15px; font-family: 'UTM-Avo'; color:#389500;}
 
 
.holder { margin: 15px 0; text-align:center; }
.holder a { font-size: 14px; display:inline-block; width:30px; height:32px; line-height:30px; border:1px #e6e6e6 solid; cursor: pointer; margin: 0 5px; color: #333; border-radius:3px; }
.holder a:hover { background-color: #389500; border:1px #389500 solid; color: #fff; }
.holder a.jp-previous { margin-right: 15px; display:none; }
.holder a.jp-next { margin-left: 15px;  display:none;}
.holder a.jp-current, a.jp-current:hover { color: #FF4242; font-weight: bold; }
.holder a.jp-disabled, a.jp-disabled:hover {color: #bbb;}
.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {cursor: default;  background-color: #389500; border:1px #389500 solid; color: #fff;}
.holder span { margin: 0 5px; }

.end{ background:url(images/ft.png) no-repeat center; background-size:cover; padding:20px 0; padding-bottom:0px; background-size:cover; }
.title_ft{width:100%; height:44px; background:url(images/ttft.png) no-repeat; }
.footer_content{ width:98%; max-width:1200px; margin:auto; font-family:'Roboto-Regular'; font-size:14px; padding:18px 0;}
.ft_info{width:38%; float:left; color:#fff; margin-right:5%; }

.ft_page{width:21%; float:left; color:#fff; }
.center{ font-family: 'UTM-Avo'; color:#fff; font-size:13px;}
.input_mail{height:30px;border:1px #cacaca solid; padding:0 10px; width:calc( 100% - 60px ); float:left;}
.btnct_dk{ height:30px; border:none; background:url(images/button.png); float:left; width:60px;}

.ft_access1{width:15%; float:right; color:#fff;}
.ft_access1 ul{ padding:10px 0;}
.ft_access1 ul li{ padding:4px 0; font-size:13px; font-family: 'UTM-Avo'; }
.ft_access1 ul li span{ float:right;}
.ft_tt{color:#fff; font-family:'Roboto-Bold'; font-size:15px; margin-bottom:10px; position:relative;}
 
.cty_name{position:relative; font-family:'UTM AvoBold'; font-size:24px; color:#fff; margin-bottom:10px;}
 
.copy{width:100%; background:#006e1a; }
.copy_c{ width:98%; max-width:1200px; margin:auto; padding:12px 0; color:#fff; font-size:13px; font-family:arial; }
.copy_c div{float:right;}
 
 /*-----------phân trang---------------*/	
.phantrang{text-align:center; margin-bottom:10px;}
.phantrang a{ background: #fff; color:#666; padding: 5px 8px; border:1px #d9e2e7 solid; text-align:center; text-decoration:none; margin:0px 2px; font-weight:bold;}
.phantrang a:hover{ background:#0473bd; border:1px #0473bd solid; color:#fff;}
.phantrang span{ background:#0473bd; border:1px #0473bd solid; padding: 5px 8px; color:#fff;}
/*------------------------------------*/
.lh_cont{width:49%; float:left;}
.frm_lienhe{width:49%; float:right;}
.bando{width:100%;}

.ipct{width: 100%; height:30px; border: 1px solid #333; border-radius: 5px; padding:0 10px; margin-bottom:10px; color:#333; outline:none; background: none;}
.ipct:nth-child(2n){ float:right;}
.ipct:nth-child(2n+1){clear:both;}
.ipct::-webkit-input-placeholder { color:#333;}
.ipct::-moz-placeholder { color:#333;}
.ipct:-ms-input-placeholder { color:#333;}
.ipct:-moz-placeholder { color:#333;}

.tact{ border: 1px solid #333; border-radius: 5px; width: 100%; padding: 0 10px; background:none; margin-bottom:10px; outline:none;}
.tact::-webkit-input-placeholder { color:#333;}
.tact::-moz-placeholder { color:#333;}
.tact:-ms-input-placeholder { color:#333;}
.tact:-moz-placeholder { color:#333;}

.btnct{ background:#df1010; padding:5px 20px; border:none; font-size:16px; font-family: 'OpenSansBold'; border-radius:3px; color:#fff;}

.box_container{ }
.chitietsanpham{width:100%;  }
.zoom_slick{ width:40%; float:left;}
.product_info{ width:58%;  float:right;}
.mota{ font-size:13px;  font-family: arial; padding-bottom:10px; border-bottom:1px #eee solid; margin-bottom:10px;}

.addfont{ font-size: 20px; font-family: Arial; }
.detail{font-family:arial; font-size:14px; padding:5px 0;}
.detail span{font-weight:bold; color:#f00;}
 
 

.box_news{padding:7px 0; width:49%; margin-right:2%; float:left; border-bottom:1px dotted #A0A0A4;}
.box_news:nth-child(2n){ margin-right:0;}
.box_news:nth-child(2n+1){ clear:both; }

.box_news h3 a{ font-size:16px; color:#1e1e1e; font-weight:bold; margin-bottom:6px; transition:0.4s;}
.box_news:hover  h3 a{color:#389500; transition:0.4s;}
.box_news a.chitiet{ color:#00F;}
.box_news a{ text-decoration:none;}
.box_news a img{ float:left; margin:4px 15px 3px 0px; width:31%; height:auto; transition:1s; border:1px solid #BBB;}
.box_news a img:hover{opacity:0.4;	transition:1s;}

.box_news1{padding:7px 0; width:32%; margin-right:2%; float:left; border-bottom:1px dotted #A0A0A4;}
.box_news1:nth-child(3n){ margin-right:0;}
.box_news1:nth-child(3n+1){ clear:both; }

.box_news1 h3 a{ font-size:16px; color:#1e1e1e; font-weight:bold; margin-bottom:6px; transition:0.4s;}
.box_news1:hover  h3 a{color:#389500; transition:0.4s;}
.box_news1 a.chitiet{ color:#00F;}
.box_news1 a{ text-decoration:none;}
.box_news1 a img{ float:left; margin:4px 15px 3px 0px; width:40%; height:auto; transition:1s; border:1px solid #BBB;}
.box_news1 a img:hover{opacity:0.4;	transition:1s;}

@media(max-width:768px){
	.header_content{padding:32px 0}
}