*{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline:none;}
* html > body .clearfix {display: block;width: 100%;}
* html .clearfix{height: 1%;}

@font-face{font-family:'RobotoRegular';src:url('css/fonts/RobotoRegular.eot');src:url('css/fonts/RobotoRegular.eot') format('embedded-opentype'),url('css/fonts/RobotoRegular.woff2') format('woff2'),url('css/fonts/RobotoRegular.woff') format('woff'),url('css/fonts/RobotoRegular.ttf') format('truetype'),url('css/fonts/RobotoRegular.svg#RobotoRegular') format('svg');}
@font-face{font-family:'MuliBold';src:url('css/fonts/MuliBold.eot');src:url('css/fonts/MuliBold.eot') format('embedded-opentype'),url('css/fonts/MuliBold.woff2') format('woff2'),url('css/fonts/MuliBold.woff') format('woff'),url('css/fonts/MuliBold.ttf') format('truetype'),url('css/fonts/MuliBold.svg#MuliBold') format('svg');}
@font-face{font-family:'MuliRegular';src:url('css/fonts/MuliRegular.eot');src:url('css/fonts/MuliRegular.eot') format('embedded-opentype'),url('css/fonts/MuliRegular.woff2') format('woff2'),url('css/fonts/MuliRegular.woff') format('woff'),url('css/fonts/MuliRegular.ttf') format('truetype'),url('css/fonts/MuliRegular.svg#MuliRegular') format('svg');}
@font-face{font-family:'UTMHelvetIns';src:url('css/fonts/UTMHelvetIns.eot');src:url('css/fonts/UTMHelvetIns.eot') format('embedded-opentype'),url('css/fonts/UTMHelvetIns.woff2') format('woff2'),url('css/fonts/UTMHelvetIns.woff') format('woff'),url('css/fonts/UTMHelvetIns.ttf') format('truetype'),url('css/fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg');}

body{background:#fff;font: 13px/1.5 'MuliRegular';}
.totop{position: fixed;background: url(images/totop.png) top center no-repeat;width: 40px; height: 40px;bottom: 80px; right: 20px;cursor: pointer;border-radius: 50%;z-index:999;}

/*header*/
.box-head{background: #f7f7f7;padding: 4px 0;position: relative;}
.box-head:before{position:absolute;top:0;left:0;content:'';width:56%;height:100%;background:#014924;}
.box-head:after{position:absolute;top:0;left:56%;content:'';width:75px;height:113px;background:url(images/line-head.png) no-repeat;}
.box-head .container{align-items: center;}
.box-head .logo, .box-head .tencongty{position: relative;z-index: 1;}
.box-head .email, .box-head .hotline{align-items: center;font: 15px 'MuliBold';}
.box-head .email p, .box-head .hotline p{width: calc(100% - 60px);}
.box-head .email{width: 20%;}
.box-head .hotline{width: 14%;}
.box-head .hotline span{display: block;font-family: 'MuliRegular';}
.box-head i{width:48px;height:48px;line-height:48px;font-size:25px;color:#038d47;text-align:center;border:1px dashed #8b9093;}
.box-head i.fa-phone{transform:rotate(90deg);}

/*menu*/
.cover-menu{background:#fff;}
.cover-menu.menu-fix{position: fixed;width: 100%;top: 0;left: 0;z-index: 99;transition: all 1s;}
.menu ul{position:relative;align-items: center;}
.menu ul li{position:relative;z-index:99;}
.menu ul li.line{width:20px;height:9px;background:url(images/line-menu.png) no-repeat;}
.menu ul li.search-h{width:30px;height:40px;line-height:40px;background:#008c45;font-size:16px;text-align:center;color:#fff;cursor:pointer;}
.menu ul li.search-h:after{position:absolute;top:0;right:100%;content:'';width:0;height:0;border-bottom:40px solid #008c45;border-left:10px solid transparent;}
.menu ul li a{padding:23px 28px;font-size: 15px;font-family: 'MuliBold';text-transform:uppercase;}
.menu ul li a:hover, .menu ul li a.active{color: #014924;text-decoration: underline;}
.menu ul li ul{position:absolute;min-width: 200px;background: #fff;display: none;}
.menu ul li ul li a{padding:6px 10px;text-transform:none;border-bottom: 1px solid #008c45;}
.menu ul li ul li ul{top:0;left:100%;}

/*Search*/
.search{position:absolute;top: 100%;right:0;width:250px;height:35px;background:#fff;border: 1px solid #014924;border-radius:5px;padding:0 10px;align-items:center;visibility: hidden;z-index: 999;}
.search.active{visibility: visible;}
.search input{width: 100%;border: none;background: none;}
.search i{font-size: 17px;cursor: pointer;margin-top: -2px;}

/*Tiêu đề*/
.tieude{font:35px 'UTMHelvetIns';text-align: center;text-transform:uppercase;margin-bottom:20px;position:relative;}
.tieude-dm{background:url(images/bg-title.png) left bottom no-repeat #008c45;padding:8px 10px 8px 55px;font:20px 'UTMHelvetIns';color:#fff;text-transform:uppercase;position:relative;}
.tieude-dm:after{position:absolute;top:3px;left:30px;content:'';width:202px;height:1px;background:url(images/line-title.png) no-repeat;}
.slogan{margin: -15px 0 20px;font-size: 15px;text-align: center;position: relative;}
.slogan:after{position:absolute;bottom:-10px;left:50%;content:'';width:45px;height:1px;background:#555;transform:translate(-50%,0);}

/*item*/
/*.wrap-item{margin: 0 -10px;}*/
.item{width: 23.2%;margin: 10px 8px;text-align: center;}
.item .img{position: relative;}
.item .des .ten{margin: 10px 0 5px;font:15px 'MuliBold';}
.item .des .gia span{font-size: 15px;color: #ed1c24;}

.cover-spnb .wrap-item{margin: 0 -10px;}
.cover-spnb .item{width: 22.5%;margin: 10px;}
.cover-spnb .item .img:before{position:absolute;bottom:0;left:0;content:'';width:0;height:0;border-bottom:30px solid #fff;border-right:137.5px solid transparent;}
.cover-spnb .item .img:after{position:absolute;bottom:0;right:0;content:'';width:0;height:0;border-bottom:30px solid #fff;border-left:137.5px solid transparent;}
.cover-spnb .item .des{padding: 0 10px 15px;border-bottom: 3px solid #e5e5e5;}
.cover-spnb .item .des .mota{color: #333;}
.cover-spnb .item .des .ten{margin: 7px 0;font-size: 17px;text-transform: uppercase;}

/*about*/
.col-about1{width: 48%;}
.col-aboutw{padding: 20px 0;}
.col-about1 .sub-tieude{padding:10px 0 10px 15px;font-size:15px;color:#fff;position:relative;}
.col-about1 .sub-tieude:before{position:absolute;top:0;left:0;content:'';width:27px;height:3px;background:#fff200;}
.col-about1 .sub-tieude:after{position:absolute;top:0;left:0;content:'';width:3px;height:26px;background:#fff200;}
.col-about1 .tieude{margin: -10px 0 10px;padding-left: 15px;color: #fff200;text-align: left;}
.col-about1 .mota{margin-top: 10px;font-size: 15px;color: #fff;}
.xemthem{width:130px;height:40px;line-height:40px;background: #fff;margin:20px 0 0;font-size: 15px;text-align:center;}
.xemthem:hover{background: #fff200;}

/*Bai viet About*/
.bv-about{margin: 20px 0;}
.item-bv{width: 31%; align-items: flex-start;}
.item-bv .des{padding-left:10px;color:#fff;}
.item-bv .des .ten{font:17px 'MuliBold';}
.item-bv .des .mota{margin-top:5px;font-size:13px;}

/*danhmuc*/
.col-left{width:21%;}
.col-right{width:77.5%;margin-top: -10px;}
.order-1{order: 1;}

.box-border{border: 1px solid #e5e5e5;}
.wrap-dm{max-height: 883px;overflow: auto;}
.wrap-dm ul li{margin: 0 20px;padding: 10px 0;border-bottom: 1px dashed #ccc;}
.wrap-dm ul li:last-child{border: none;}
.wrap-dm ul li a{background: url(images/line-menu.png) left no-repeat;padding-left: 30px;font-size: 15px;color: #014924;}
.wrap-dm ul li ul{display: none;}

/*news*/
.cover-news .container{align-items: flex-start;}
.col-news{width: 48.5%;}
.col-news .tieude{width: 100%;padding-bottom: 5px;font-size: 30px;color: #008c45;text-align: left;border-bottom: 1px solid #e2e2e2;}

.col-news .slick-d2{margin-top: -10px;}
.item-news{background: #f5f5f5;margin: 10px 0;padding: 20px;align-items: center;}
.item-news .img{margin: 0;border-radius: 50%;}
.item-news .des{width:calc(100% - 150px);}
.item-news .des .ten{font: 17px 'MuliBold';}
.item-news .des .ngaytao{margin:7px 0;font-size:12px;color:#171717;}
.item-news .des .ngaytao i{margin-right: 10px;font-size: 16px;color: #696969;}
.item-news .des .mota{color: #333;line-height: 1.8;}

.sub-video1{width: 74%;}
.sub-video2{width: 24.5%;}
.sub-video2{margin: -2.5px 0;}
.sub-video2 a{margin: 2.5px 0;cursor: pointer;}
.sub-video2 a img{width: 100%;height: 85px;}

/*Tags*/
.cover-tags .ten{background:#12a45a;margin:5px 35px 5px 0;padding:5px 15px;color:#fff;border-radius:5px 0 0 5px;position:relative;}
.cover-tags .ten:after{position:absolute;top:0;left:100%;content:'';width:22px;height:36px;background:url(images/bg-tags.png) no-repeat;}

/*footer*/
.cover-ft{color:#fff;padding-bottom: 80px;position: relative;}

.tieude-ft{font-size:18px;color: #fff;text-align: left;}
.tieude-ft:after{position:absolute;content:'';background:#fff;width:50px;height:2px;bottom:-10px;left:0;}

.col-ft1{width: 30%;}
.col-ft2{width: 30%;}
.col-ft3{width: 25%;}

.col-ft1 .cover-mxh{align-items: center;}
.col-ft2 .ten{width: 40%;}

.copyright{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.2);padding:15px;color:#56a37c;}
.copyright span{color: #fff;}
.copyright .thongke-ft p{display: inline-block;padding: 0px 3px;}

/*map*/
.map{position: relative;height: 375px;}
.map iframe{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

/*Chat facebook*/
.icon-face{position: absolute;font-size: 45px;color: #448aff;top: 0;right: calc(100% + 20px);cursor: pointer;}
.chat-face{position: fixed;width: 250px;bottom: 0;right: -250px;transition: all 1s;z-index: 99999;}
.chat-face.active{right: 0;transition: all 1s;}

/*Chat Zalo*/
.chat-zalo{position: fixed;top: 45%;right: 20px;z-index: 9999}

/*Product detail*/
.img-detail{width:500px;text-align:center;}
.img-detail .sub-img{margin: 0 -4px;}
.img-detail .sub-img a{margin: 10px 5px;cursor:pointer;}
.img-detail .sub-img img:hover, .mz-thumb-selected{opacity:0.7;transition:1s;}
.img-detail .slick-prev{left: 5px;}
.img-detail .slick-next{left: unset;right: 5px;}

.info-detail{width:55%;float:right;}
.info-detail .ten{font-size: 21px;text-transform: uppercase;font-weight: bold;}

.des-detail{display: flex;align-items: center;padding:7px 0;font-size: 16px;}
.des-detail .giamoi{font-size: 18px;font-weight: bold;}
.des-detail .giacu{font-size: 15px;margin-left: 30px;color:#8a7272;text-decoration: line-through;}
.des-detail span{margin-left: 5px;}