@import "sidenav.css";
body {font-family: Verdana, Tahoma,Arial, 'Montserrat', sans-serif;margin: 0;}
#form1{margin:0;}
table, th, tr, td {font-size:small !important;}
h4 {font-size:17px;}
a{color:#00a650;text-decoration:none;}
a:hover{color:#222;text-decoration:none;}

.bg-green{background:#09492e;}
.bg-black{background:#000000;}
.bgwhite {background-color: #fff;padding:15px;}
#navbar{}
.htm-body {padding-bottom:15px;padding-top:15px;}

.header {}
.header a{color:#3084c1;}
.footer {
	color:#222;
	background:url('/theme/footer-bg-1.jpg');
    padding-bottom: 40px;
    padding-top: 40px;
    border-top:1px dashed #777;
}

.search-box{margin-top:15px;}
.bg-yellow{background-color:#ffdc16;}
.bg-orange {background-color: #f5e3cd;}
.margin-bottom-20{margin-bottom:20px;}
.head-link{border-bottom:1px solid #ccc;margin-bottom:10px;padding:8px;background-color:#eee;}
.quick-link {padding:10px 0;}
.quick-link a {font-size:20pt;padding:8px;}

.social h4 {float: left;margin-right: 20px;}
.social ul{float:left;list-style:none;font-size:2em;margin:0;padding:0;}
.social ul li{float:left;margin-left:6px;}

.block-inf{}
.block-inf ul{margin:0;padding:0;list-style:none;}
.block-inf ul li{line-height:2em;}
.block-inf a{color:#999;list-style:none;}
.block-inf a:hover{color:#00adfa;text-decoration:none;}
/*.block-inf a:before {content: " » ";}*/
.block-inf h4{font-weight:bold;}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.fa-4{font-size:4.5em;width:64px;float:left;margin-right:20px;margin-top:10px;margin-bottom:40px;color:#003C5A;}
.fa-3{font-size:4em;}
.fa-2{font-size:3em;}
.fa-1{font-size:1.5em;margin-right:6px;color:#eefcb5;}
.toplinks {padding-top:15px;font-size:small;color:yellow;}
.toplinks a{color:#fff;}

.mainnav {}
.mainnav a{color:#fbfbfb;}

.topmenu{float:left;width:100%;margin-bottom:10px;margin-top:20px;}
.topmenu>ul{float:left;width:100%;margin:0;padding:0;list-style:none;}
.topmenu>ul>li{float:left;margin:0;}
.topmenu>ul>li>a{text-transform:uppercase;display:block;font-weight:bold;padding:6px 25px;}
.topmenu>ul>li>ul{display:none;position:absolute;width:240px;margin:0;padding:0;z-index:19;background:#fff;list-style:none;}
.topmenu>ul>li>ul>li{width:100%;}
.topmenu>ul>li>ul>li>a{display:block;padding:10px 16px;color:#09492e;border-bottom:1px solid #ececec;}
.topmenu>ul>li>ul>li>a:hover{color:#9c0c0c;}
.topmenu>ul>li:hover>ul{display:block;}

.bottom-link{}
.bottom-link ul{margin:0;padding:0;float:left;list-style:none;width:100%;background:#264662;}
.bottom-link ul li{float:left;border-right:1px solid #36638B;}
.bottom-link ul li a{color:#fff;font-size:9pt;display:block;padding:4px 10px;font-weight:bold;}
.bottom-link ul li a:hover{background-color:#222;}

.fl{float:left;}
.w100{width:100%;}
.button-center {display:block;margin: 0 auto;}

.cms-content-desc{color:#990033;margin-bottom:10px;font-size:15pt;}
.cms-content-desc span{display:inline-block;width:48%;}
.content-date{color:#999;font-style:italic;text-align:right;margin-bottom:10px;}
.content-headline{font-size:22pt;font-weight:bold;}
.content-history{text-align: justify;}

.latest-news{}
.latest-news li{}
.latest-news li span{color:#999;display:inline-block;margin-left:15px;font-size:smaller;}

.news-list-pg{}
.news-list-pg ul{float:left;width:100%;margin:0;padding:0;list-style:none;}
.news-list-pg ul li{float:left;width:100%;padding:20px 0;border-bottom:1px dotted #999;}
.news-list-pg ul li h4{margin:0;padding:0;margin-bottom:10px;}
.news-list-pg ul li img{float:left;margin-right:10px;margin-bottom:10px;}
.news-list-pg ul li div.cms-content-desc{text-align:justify;}
.news-list-pg ul li div.date{color:#999;font-style:italic;}

.list-link{float:left;width:100%;}
.list-link ul{float:left;width:100%;list-style:none;margin:0;padding:0;}
.list-link ul li{margin-bottom:10px;padding-bottom:10px; border-bottom:1px dotted #ccc;}
.list-link ul li img{margin-right:10px;}

.list-imglink{float:left;width:100%;}
.list-imglink ul{float:left;width:100%;list-style:none;margin:0;padding:0;}
.list-imglink ul li{margin-bottom:10px;padding-bottom:10px; border-bottom:1px dotted #ccc;width:100%;float:left;}
.list-imglink ul li a{color:#777;text-decoration:none;}
.list-imglink ul li img{margin-right:10px;float:left;}

.box01{background-color:#fff;margin-top:15px;margin-bottom:15px;border-radius:10px;}
.box01 h3{position:relative;padding:15px;margin:0;text-align:center;font-family:'Roboto';font-size:24pt;font-weight:bold;color:#00a650;}
.box01 .box-htm{padding:15px;}

.box02{margin-bottom:20px;margin-top:20px;}
.box02 h3{position:relative;margin-bottom:15px;padding:15px;}
.box02 h3 span{display:inline-block;background-color:#61008a;color:#fff;padding:10px 20px;}
/*.box02 h3:after {position: absolute;content: '';width: 100px;left: 0px;bottom: 0px;height: 2px;background-color: #e85420;}*/

.box03{margin-bottom:20px;margin-top:20px;}
.box03 h3{position:relative;margin-bottom:15px;padding:15px;}
.box03 h3 span{display:inline-block;background-color:#670022;color:#fff;padding:10px 20px;}

.box04{margin-bottom:20px;margin-top:20px;}
.box04 h3{position:relative;margin-bottom:15px;padding:15px;text-align:center;}
.box04 h3 span{display:inline-block;background-color:#00a650;color:#fff;padding:10px 26px;border-radius:24px;}

.box05{margin-bottom:20px;margin-top:20px;}
.box05 h3{position:relative;margin-bottom:15px;padding:15px;text-align:center;}
.box05 h3 span{display:inline-block;background-color:#01711f;color:#fff;padding:10px 26px;border-radius:24px;}

.sanpham-3a{}
.sanpham-3a a{color:#00a650;text-decoration:none;}
.sanpham-3a a:hover{color:#e85420;text-decoration:none;}
.sanpham-3a div.sanpham-item{margin-bottom:20px;}
.sanpham-3a div.sanpham-item h4{height:3em;overflow:hidden;line-height:1.4em;text-align:center;}
.sanpham-3a div.sanpham-item p.desc{color:#989898;height:2.6em;overflow:hidden;padding-left:2px;}
.sanpham-3a div.sanpham-item div.imgbox{position: relative;padding-bottom:60%;overflow:hidden;}
.sanpham-3a div.sanpham-item div.imgbox:hover{}
.sanpham-3a div.sanpham-item div.imgbox img{position:absolute;}
.sanpham-3a div.sanpham-item div.imgbox span.giaban{position:absolute;bottom:0;right:0;background-color:#09492e;color:#fff;padding:4px 10px;font-weight:bold;}

.sanpham-1a{}
.sanpham-1a div.sanpham-item{margin-bottom:20px;}
.sanpham-1a div.sanpham-item h4{height:1.2em;overflow:hidden;}
.sanpham-1a div.sanpham-item div.imgbox{position: relative;padding-bottom:70%;overflow:hidden;}
.sanpham-1a div.sanpham-item div.imgbox:hover{border:1px solid #e85420;}
.sanpham-1a div.sanpham-item div.imgbox img{position:absolute;}
.sanpham-1a div.sanpham-item span.giaban{color:#e85420;font-weight:bold;}
.sanpham-1a div.sanpham-item .desc{color:#989898;height:6em;overflow:hidden;padding-left:2px;}

.sanpham-3b div.sanpham-item{margin-bottom:20px;}
.sanpham-3b div.sanpham-item h4{height:2.2em;overflow:hidden;text-align:center;}
.sanpham-3b div.sanpham-item .desc{color:#989898;height:2.6em;overflow:hidden;}
.sanpham-3b div.sanpham-item div.imgbox{position: relative;padding-bottom:90%;overflow:hidden;}
.sanpham-3b div.sanpham-item div.imgbox:hover{}
.sanpham-3b div.sanpham-item div.imgbox img{position:absolute;}
.sanpham-3b div.sanpham-item .giaban{color:#333D4D;font-weight:bold;padding-right:15px;}
.sanpham-3b div.sanpham-item .gia-cu{color:#9c0c0c;font-weight:bold;}

.sanpham-4a a{color:#00a650;text-decoration:none;}
.sanpham-4a a:hover{color:#9c0c0c;text-decoration:none;}
.sanpham-4a div.sanpham-item{margin-bottom:20px;}
.sanpham-4a div.sanpham-item h4{height:3em;overflow:hidden;line-height:1.4em;text-align:center;}
.sanpham-4a div.sanpham-item .desc{color:#989898;height:5.8em;overflow:hidden;padding-left:2px;}
.sanpham-4a div.sanpham-item div.imgbox{position: relative;padding-bottom:65%;overflow:hidden;}
.sanpham-4a div.sanpham-item div.imgbox:hover{}
.sanpham-4a div.sanpham-item div.imgbox img{position:absolute;bottom:0;}
.sanpham-4a div.sanpham-item .giaban{color:#e85420;font-weight:bold;padding-right:15px;}
.sanpham-4a div.sanpham-item .gia-cu{color:#003C5A;font-weight:bold;}

.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 12px 16px;z-index: 1;}
.dropdown:hover .dropdown-content {display: block;}
.sub-list{font-size:14px;float:right;font-weight:normal;margin-right:10px;color:#777;}

/* zoom-in product */
.scale {transition: all 200ms ease-in-out;}
.scale:hover {transform: scale(1.2);}

.xem-sanpham{margin:0px 10px 10px 30px;padding:0;list-style:none;}
.xem-sanpham li{padding:10px 0;border-top:1px dotted #ccc;}
.xem-sanpham li span.tieude{color:#797979;display:inline-block;width:120px;}

.brand{text-align:center;margin-bottom:10px;margin-top:10px;}
.brand img{border:1px solid #fff;}
.brand img:hover{border:1px solid #01cd01;}

.news-item-02{}
.news-item-02 h4{margin:0;margin-bottom:6px;}
.news-item-02 h4 a{}
.news-item-02 img{float:left;margin-right:16px; margin-bottom:10px;}
.news-item-02 p{padding-right:8px;}


.newslist-4a{}
.newslist-4a div.news-item{margin-bottom:20px;}
.newslist-4a div.news-item h4{height:2.2em;overflow:hidden;}
.newslist-4a div.news-item p.desc{color:#989898;height:4.2em;overflow:hidden;}
.newslist-4a div.news-item div.imgbox{position: relative;padding-bottom:65%;overflow:hidden;}
.newslist-4a div.news-item div.imgbox img{position:absolute;}

.newslist-3a{}
.newslist-3a div.news-item{margin-bottom:20px;}
.newslist-3a div.news-item h4{height:2.2em;overflow:hidden;}
.newslist-3a div.news-item p.desc{color:#989898;height:4.2em;overflow:hidden;}
.newslist-3a div.news-item div.imgbox{position: relative;padding-bottom:60%;overflow:hidden;}
.newslist-3a div.news-item div.imgbox img{position:absolute;}

.newslist-3b{}
.newslist-3b div.news-item{margin-bottom:20px;}
.newslist-3b div.news-item h4{height:2.2em;overflow:hidden;}
.newslist-3b div.news-item p.desc{color:#989898;height:4.2em;overflow:hidden;}
.newslist-3b div.news-item div.imgbox{position: relative;padding-bottom:110%;overflow:hidden;}
.newslist-3b div.news-item div.imgbox img{position:absolute;}


.filter-box{border:1px solid #ccc;margin-bottom:20px;padding:15px;}
.filter-box h4{color:#0a690a;}
.filter-box label {font-weight: normal !important;width:100%;}

h2.tieude {font-size:20pt;font-family:Sans-Serif; display: inline-block;padding-bottom: 20px;position: relative;margin-top:40px;margin-bottom:30px;text-align:center;width:100%;font-weight:bold;}
h2.tieude:before{content: "";position: absolute;width: 10%;height: 3px;bottom: 0;left: 45%;border-bottom: 5px solid #009140;margin-top:80px;}
.text-gray{color:#666;text-align:justify;}

.darkbox{background-color:#004147;color:#9c9c9c;margin-bottom:40px;margin-top:40px;padding-top:30px;padding-bottom:50px;text-align:center;font-size:14pt;}
.darkbox img{margin:0 auto;}
.darkbox h1{color:#f7f7f7;margin-bottom:40px;font-family:Sans-Serif;}
.fa-4{font-size:8em;float:left;color:#003C5A;width:120px;}

.gioi-thieu{text-align:center;margin-top:40px;margin-bottom:40px; font-size:18px;}
.gioi-thieu p{padding-left:80px;padding-right:80px;line-height:2em;}
.gioi-thieu h2{color:#034fbd;margin-bottom:30px;text-transform:uppercase;}

.sanpham-baohiem{}
.sanpham-baohiem h4{}
.sanpham-baohiem p{color:#999;overflow:hidden;height:10em;}

.muctieu{}
.muctieu h4{}
.muctieu img{margin-bottom:20px;}
.muctieu p{color:#999;overflow:hidden;height:7em;}

.dspilb {display:inline-block;}
.badge-red {background-color:#ff4d4d;}

.cac-trang-thai {margin:0;padding:0;list-style:none;}
.cac-trang-thai li{padding:6px 10px;}
.cac-trang-thai li span.date{color:#999;font-size:10px;}

.line-item{border:1px solid #ccc;padding-bottom:15px;padding-top:15px;}
.line-item:hover{background-color:#e4fff1;}

.list-group-item{background-color:#eae7e2;color:#111;}
.selected{background-color:#fff;}
.float-contact {position:fixed;bottom:20px;left:20px;z-index:189;}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

/* zoom-in product */
.scale {transition: all 970ms ease-in-out;}
.scale:hover {transform: scale(1.1);}
/* Opacity #2 */
.hover12 {background: #dedede;}
.hover12 img {opacity: 1;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.hover12 img:hover {opacity: .5;}

/* Circle */
.hover15 {
	position: relative;
}
.hover15::before {
	position: absolute;top: 50%;left: 50%;z-index: 2;display: block;content: '';
	width: 0;height: 0;background: rgba(255,255,255,.2);border-radius: 100%;-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);opacity: 0;
}
.hover15:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {opacity: 1;}
	40% {opacity: 1;}
	100% {width: 200%;height: 200%;opacity: 0;}
}
@keyframes circle {
	0% {opacity: 1;}
	40% {opacity: 1;}
	100% {width: 200%;height: 200%;opacity: 0;}
}
.box-cn{background-color:#051d29;padding-top:20px;padding-bottom:20px;color:#d7d7d7;}
.chi-nhanh{width:100%;float:left;list-style:none;margin:0;padding:0;}
.chi-nhanh li{width:25%;float:left;padding:6px 14px;height:5em;overflow:hidden;margin-bottom:10px;}
.chi-nhanh li:before {content: " » ";}
@media only screen and (max-width: 600px) {
	.chi-nhanh li {
		width: 100%;
		height:auto;
	}
}

.contact-mobile{background-color:#fff;text-align:center;position:fixed;bottom:0;z-index:199;width:100%;border-top:1px dashed #ccc;padding:10px 0;}
.contact-mobile img{width:66px;}
.mobi-nav {
	position: fixed;
	background-color: #3876bf;
	padding: 10px 10px 10px 15px;
	top: 20px;
	right: 10px;
	z-index: 199;
}