@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap&subset=vietnamese');
@font-face {
    font-family:dancing;
    src:url("../fonts/SVN-Dancing-script.ttf") format('truetype'),
    url('../fonts/SVN-Dancing-script.ttf/SVN-Dancing-script.eot#iefix') format('embedded-opentype'),
    url('../fonts/SVN-Dancing-script.ttf/SVN-Dancing-script.woff') format('woff');
    font-weight:normal;
    font-style:normal;
} 
@font-face {
    font-family:franko;
    src:url("../fonts/SVN-Franko.ttf") format('truetype'),
    url('../fonts/SVN-Franko.ttf/SVN-Franko.eot#iefix') format('embedded-opentype'),
    url('../fonts/SVN-Franko.ttf/SVN-Franko.woff') format('woff');
    font-weight:normal;
    font-style:normal;
} 
.plr0{
    padding-left: 0;
    padding-right:0; 
}
.plr5{
    padding-left: 5px;
    padding-right:5px; 
}
.plr10{
    padding-left: 10px;
    padding-right:10px; 
}
img{max-width: 100%;}
.md-none{display: none !important;}
.md-block{display: block;}
.m0{margin: 0px;}.p0{padding: 0px !important;}.m-5{margin-left: -5px !important;margin-right: -5px !important;}.p5{padding-left: 5px;padding-right: 5px}.m-10{margin-left: -10px;margin-right: -10px}.p10{padding-left: 10px;padding-right: 10px}
body{font-family: 'Roboto Condensed', sans-serif;}
.pagination-page {text-align:center;}
.pagination-page > span, .pagination-page  a{display:inline-block;width:30px;height:30px;line-height:30px;border:solid 1px #ddd;color:#000;}
.pagination-page  a:hover,
.pagination-page > span{background: #1f5892;color:#FFF;}
header{background: url(../images/br-head.png) no-repeat center;background-size: cover;padding-top: 10px;padding-bottom: 10px;}
header .logo{
}
.logo img{max-height: 120px;}
.hotline-h{margin-top: 27px;}
.hotline-h .phone{background: url(../images/icon-hotline_h.png) no-repeat bottom left;padding-left: 21px;font-size: 16px;font-weight: 600;color: #fd0202;padding-top: 10px;background-size: cover;margin-bottom: 0px;padding-bottom: 2px;}
.hotline-h .email-h{padding-left: 5px;color: #000;font-size: 15px;}
.mota{margin-bottom: 10px;}
.hotline-right{background: url(../images/icon-hotline.png) no-repeat center left;padding-left: 30px;font-weight: 600;color: #f74a58;font-size: 16px;margin-top: 10px;}
.hotro img{display: block;text-align: center;margin: 0px auto;}
.email{background: url(../images/icon-mail.png) no-repeat left center;background-size: 26px;padding-left: 30px;margin-top: 10px;font-weight: 600;}
.zalo{background: url(../images/zalo.png) no-repeat left center;background-size: 21px;padding-left: 30px;margin-top: 10px;color: #00acd4;font-weight: 600;}
.item-new-right{border-bottom: 1px dotted #ccc;padding-top: 10px;padding-bottom: 10px;}
.item-new-right .name{margin-top: 0px;font-size: 13px;font-weight: 500;margin-bottom: 5px;text-transform: uppercase;line-height: 16px;}
.item-new-right .name a{color: #252424;}
.item-new-right .name a:hover{
}
.item-new-right .quote{line-height: 13px;}
.item-new-right:last-child{border: none;}
.new-righ{/* border: 1px dashed #67b313; */padding: 5px;/* border-radius: 5px; *//* margin-left: 7px; *//* margin-right: 7px; *//* margin-top: -15px; */}
.title-home2{text-transform: uppercase;font-size: 16px;font-weight: 600;position: relative;padding-bottom: 10px;}
.title-home2:before{content:"";position: absolute;width: 40px;height: 3px;background-color: #3ab54a;bottom: 0;}
.nav-right ul{list-style: none;padding: 0px;background-color: #67b313;background: -moz-linear-gradient(bottom,#68b213 30%,#67b313 70%);background: -o-linear-gradient(bottom,#68b213 30%,#67b313 70%);background: -ms-linear-gradient(bottom,#68b213 30%,#67b313 70%);background: -webkit-gradient(linear,left bottom,left top,color-stop(0.3,#68b213),color-stop(0.7,#67b313));border-radius: 5px;position: relative;padding-top: 10px;/* top: -17px; */}
.nav-right ul li{border-top: 1px solid #5ea510;border-bottom: 1px solid #74c31a;}
.nav-right ul li:last-child {border-bottom: none;}
.nav-right ul li:nth-child(1){border-top: none;}
.nav-right ul li a{display: block;padding: 9px 15px;color: #fff;}
.nav-right ul li a:hover{
    text-decoration: none;
    background-color: #08a9f1;
}
.title-tin{font-size: 22px;font-weight: 600;margin-bottom: 20px;margin-top: 10px;}
.ngaydang{color: #a9a3a3;}
.tinlienquan{margin-bottom: 30px;padding-left: 15px;margin-top: 20px;} 
.tinlienquan li{margin-top: 8px;margin-bottom: 5px;}
.tinlienquan a{color: #777272;text-transform: initial;font-weight: 600;line-height: 20px;}
.tinlienquan a:hover{
}
#map iframe {
    height: 175px;
    width:100%;
}
.navbar-default{margin: 0px;background-color: #85ad34;border: none;border-radius: 0;margin-bottom: 0px;}
.navbar-default .navbar-nav>li>a{color: #fff;padding-left: 25px;padding-right: 25px;text-transform: uppercase;}
.navbar-default .navbar-brand{color: #fff;font-size: 14px;font-weight: 500;padding-right: 25px;text-transform: uppercase;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
    color: #fdfa01;
}
.navbar-nav>li>.dropdown-menu{min-width: 230px;background-color: #85ad34;border-top: 2px solid #fdfa01;padding: 0px;}
.dropdown-menu>li>a{color: #fff;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background-color: #fff;color: #85ad34;}
.navbar-default .navbar-right>li>a{padding-left: 10px;padding-right: 10px;}
.menu-search{
}
.menu-search .navbar-form{width: 100%;padding-left: 10px;padding-right: 10px;}
.menu-search .navbar-form .form-group{width: 100%;}
.menu-search .navbar-form input{width: 100%;border-radius: 20px;height: 30px;font-size: 13px;}
.slide{overflow: hidden;text-align: center;}
.ls-title, .ls-noidung{left: 0 !important;right: 0 !important;}
.ls-title{ font-family: franko !IMPORTANT;font-size: 50px !important;text-transform:uppercase;}
.ls-noidung{font-family: dancing !IMPORTANT;font-size: 60px !important;}
.gioithieu{
}
.main-gioithieu{text-align: center;margin-top: 30px;margin-bottom: 30px;}
.main-gioithieu p{text-transform: uppercase;font-size: 24px;}
.main-gioithieu h1{text-transform: uppercase;color: #85ad34;font-size: 28px;margin-top: 15px;}
.main-gioithieu img{height: 500px;}
.col-gioithieu{padding-top: 100px;text-align: center;}
.item-gioithieu{margin-bottom: 40px;}
.item-gioithieu span{display: block;margin-bottom: 10px;}
.item-gioithieu span img{height: 90px;}
.nhungconso{background-color: #85ad34;/* padding-top: 30px; *//* padding-bottom: 30px; */text-align: center;}
.nhungconso strong{color: #fff;text-transform: uppercase;font-size: 32px;}
.nhungconso p{color: #fff;text-transform: uppercase;}
.itemso{border-right: 1px solid #9bca3e;padding-top: 30px;padding-bottom: 30px;}
.itemso:last-child{border: none;}
.linhvuc{background-color: #dafac7;background: -moz-linear-gradient(top,#dafac7 30%,#85bc64 70%);background: -o-linear-gradient(top,#dafac7 30%,#85bc64 70%);background: -ms-linear-gradient(top,#dafac7 30%,#85bc64 70%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0.3,#dafac7),color-stop(0.7,#85bc64));padding-top: 30px;position: relative;}
.linhvuc h2{text-align: center;font-size: 32px;text-transform: uppercase;margin-bottom: 20px;}
.hinhanh-lv{position: absolute;}
.item-linhvuc{text-align: center;position: relative;}
.item-linhvuc span{height: 200px;width: 200px;display: inline-block;border-radius: 50%;overflow: hidden;border: 2px solid #fff;}
.item-linhvuc span img{width: 100%;height: 100%;object-fit: cover;} 
.item-linhvuc a{position: absolute;width: 100px;height: 100px;background-color: #fff;border-radius: 50%;text-align: center;display: flex;justify-content: center;align-items: center;font-weight: bold;padding: 10px;color: #85bc64;text-transform: uppercase;right: 0px;bottom: 0px;border: 2px solid #fff;}
.item-linhvuc:nth-child(1){
}
.item-linhvuc:nth-child(2){top: -53px;}
.item-linhvuc:nth-child(3){top: -32px;}
.sanpham{
}
.sanpham h2{text-align: center;text-transform: uppercase;font-size: 26px;margin-top: 50px;margin-bottom: 30px;color: #85ad34;font-weight: 600;}
.tab-home{text-align: center;border: none;background-color: transparent;font-size: 16px;}
.tab-home.nav-tabs>li {
    float: none;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
}
.tab-home.nav-tabs>li a{
	border: 1px solid #86bc42;
    padding: 5px 30px;
    border-radius: 10px;
    font-weight: 600;
    color: #85ad34;
}
.tab-home.nav-tabs>li.active>a, .tab-home.nav-tabs>li.active>a:hover, .tab-home.nav-tabs>li.active>a:focus{
	border-bottom: 2px solid #86bc42;
    background-color: #87bc44;
    color: #fff;
}
.item_sp{border: 1px solid #eaeaea;margin-bottom: 10px;margin-top: 10px;}
.item_sp .img_sp{height: 250px;display: flex;justify-content: center;align-items: center;text-align: center;}
.item_sp .img_sp img{max-height: 100%;}
.item_sp .content-product{
    background-color: #85ad34;
    padding: 5px;
    text-align: center;
}
.item_sp .content-product h3{
    font-size: 16px;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 600;
}
.item_sp .content-product h3 a{color: #fff;}
.item_sp .content-product h3 a:hover{color: #fdfa01;text-decoration: none;}
.item_sp .content-product p{margin-bottom: 0px;color: #fff;}
.item-kh{padding-left: 15px;padding-right: 15px;}
.item-kh .thongtin{
}
.item-kh .thongtin .img_kh{display: inline-block;float: left;height: 100px;width: 100px;overflow: hidden;border-radius: 50%;margin-right: 20px;}
.item-kh .thongtin .img_kh img{width: 100%;height: 100%;object-fit: cover;}
.item-kh .thongtin p{padding-top: 30px;font-style: italic;position: relative;}
.item-kh .thongtin p strong{display: block;color: #3a8701;font-style: initial;font-size: 16px;}
.item-kh .thongtin p:before{content:"";position: absolute;width: 100px;height: 3px;background-color: #ed1c24;bottom: -3px;}
.item-kh .content_kh{background-color: #fff;padding: 15px;border-radius: 10px;line-height: 24px;margin-top: 30px;position: relative;}
.item-kh .content_kh:before{content:"";width: 0;height: 0;border-left: 11px solid transparent;border-right: 2px solid transparent;border-bottom: 25px solid white;position: absolute;bottom: 100%;}
.khach-hang{background: url(../images/br-ykien.png) no-repeat center bottom;background-size: cover;padding-top: 30px;padding-bottom: 104px;margin-top: 30px;}
.khach-hang h3{text-align: center;font-size: 32px;text-transform: uppercase;margin-bottom: 49px;}
.tintuc{
}
.tintuc h3{text-align: center;text-transform: uppercase;margin-top: 40px;margin-bottom: 30px;color: #3b280a;}
.item-new-h{
}
.item-new-h .img-new-h{display: block;height: 300px;overflow: hidden;}
.item-new-h .img-new-h img{width: 100%;height: 100%;object-fit: cover;}
.item-new-h h4{text-transform: uppercase;font-weight: 600;font-size: 16px;margin-top: 15px;}
.item-new-h h4 a{color: #232323;}
.item-new-h h4 a:hover{color: #85ad34;text-decoration: none;}
.item-new-h p{
}
.item-new-home{margin-bottom: 10px;}
.item-new-home .img-new-home{display: block;height: 130px;overflow: hidden;}
.item-new-home .img-new-home img{width: 100%;height: 100%;object-fit: cover;}
.item-new-home h4{margin-top: 0px;font-size: 14px;text-transform: uppercase;font-weight: 600;}
.item-new-home h4 a{color: #3c3a3a;}
.item-new-home h4 a:hover{color: #85ad34;text-decoration: none;}
.item-new-home p{
}
.xemthem{color: #000;}
.camket{background: url(../images/br-camket.png) no-repeat center;height: 350px;padding-top: 10%;color: #fff;font-size: 38px;margin-top: 20px;}
.camket strong, .camket b{color: #fdfa01;font-size: 48px;}
.thongtinlh{
}
.thongtinlh h3{text-align: center;text-transform: uppercase;margin-top: 50px;margin-bottom: 40px;}
.thongtinlh input{background-color: #f1f1eb;border: none;box-shadow: none;height: 40px;border-radius: 30px;padding: 20px;}
.thongtinlh textarea{background-color: #f1f1eb;border: none;box-shadow: none;border-radius: 30px;padding: 20px;}
.lienhe{margin-top: 15px;}
.lienhe span{font-size: 16px;color: #565656;margin-bottom: 6px;display: block;}
.lienhe p{color: #85ad34;margin-bottom: 26px;}
.btn-send-contact{background-color: #85ad34;width: 50%;border-radius: 25px;height: 40px;}
.bando{margin-top: 20px;}
.bando iframe{width: 100%;height: 250px;}
.chantrang {
    background-color: #85ad34;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -10px;
    color: #fff;
}
.chantrang a{color: #fff;}
.mxh{
}
.mxh a{background-color: #fff;color: #85ad34;padding: 4px 7px;margin-left: 5px;}
.chantrang .mxh a:hover{background-color: #fdfa01;color: #000;}
.chantrang a:hover{color: #fdfa01;text-decoration: none;}
.item-new{border-bottom: 1px dotted #ccc;padding-bottom: 15px;margin-bottom: 15px;}
.item-new h3{font-size: 14px;height: 36px;font-weight: 600;margin-top: 0px;}
.item-new h3 a{color: #464444;}
.item-new h3 a:hover{text-decoration: none;color: #85ad34;}
.item-new .img{height: 90px;display: block;}
.item-new .img img{height: 100%;width: 100%;object-fit: cover;}
.item-new  .xemthem{color: #68b213;font-size: 13px;}
.item-new  .xemthem:hover{text-decoration: none;color: #000000;}
.sodo{background-color: #67b313;margin-bottom: 10px;margin-top: 16px;border-radius: 5px;margin-bottom: 30px;}
.sodo .breadcrumb{background-color: #67b313;margin-bottom: 0px;padding: 5px 15px;border-radius: 4px;}
.sodo .breadcrumb a{color: #fff;font-weight: 600;}
.breadcrumb>li+li:before{content:"|";color: #fff;}
.main-tin{position: relative;}
.main-tin:before{content:"";position: absolute;top: 0px;width: 1px;height: auto;border-left: 1px dashed #ccc;left: 50%;right: 0;margin: 0px auto;bottom: 15px;}
.chitiettin img{max-width: 100% !important;height: auto !important;}
.chitiettin table{max-width: 100% !important;width: 100% !important;}
.thumb-item{display: block;height: 80px;width: 100%;background-size: cover;background-position: center;border: 1px solid #e8e8e8;}
.MagicZoom img, .mz-figure img{/* display: block; *//* margin: 0px auto !IMPORTANT; */}
.title-sp{text-transform: uppercase;margin-top: 0px;font-size: 18px;font-weight: bold;color: #67b313;}
.giaban{color: red;font-weight: 600;font-size: 18px;}
.iput-sl{height: 35px;width: 50px;text-align: center;border: 1px solid #67b313;}
.btn-cart{height: 35px;padding: 2px 61px;background-color: #67b313;border: none;color: #fff;text-transform: uppercase;}
.title-home{text-align: center;color: #fff;font-size: 18px;text-transform: uppercase;padding-top: 13px;}
.title-cart{text-transform: uppercase;font-size: 16px;font-weight: 600;}
.tong_tt{
}
.tong_tt h3{margin: 0px;font-size: 14px;color: red;font-weight: 600;}
.lienhe-fix{
	position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
    padding: 5px 10px;
}
.lienhe-fix .zalo-f{
}
.lienhe-fix .zalo-f i{
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/zalo.png) no-repeat center;
	background-size: cover;
}
.lienhe-fix .mess i{
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/messenger.png) no-repeat center;
	background-size: contain;
}
.lienhe-fix .facebook{}
.lienhe-fix .facebook i{background-color: #4267b2;width: 50px;height: 50px;display: block;color: #fff;text-align: center;line-height: 50px;font-size: 30px;border-radius: 50%;}
.lienhe-fix .phone i{
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/callbutton.png) no-repeat center #fec021;
    border-radius: 50%;
}
.lienhe-fix a{
	float: left;
	margin-left: 10px;
	padding-right: 10px;
	margin: 0px;
}
.lienhe-fix .lienhe i{
	background-color: #15998b;
	width: 50px;
	height: 50px;
	display: block;
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-size: 30px;
	border-radius: 50%;
}
.lienhe-fix a:hover{
	text-decoration: none;
}
.box.visited p {
    margin-bottom: 3px;
    /* display: inline-block; */
}
.box.visited {
    text-align: left;
}
.box.visited span.v1 {
    background: url(../images/v1.png) no-repeat left center;
    padding-left: 20px;
}
.box.visited span.v2 {
    background: url(../images/v2.png) no-repeat left center;
    padding-left: 20px;
}
.box.visited span.v3 {
    background: url(../images/v3.png) no-repeat left center;
    padding-left: 20px;
}
div.mxh2 {
    display: flex;
    align-items: center;
}