@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{text-decoration:none;}
a:hover{color:#111;text-decoration:none;}

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


.header {
	padding-top: 10px;
}
/*.header a{color:#3084c1;}*/
.footer {
	background-color:#fff;
	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:5px;margin-top:5px;}
.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;padding:6px 12px;color:#fff;font-weight:bold;}
.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{}

.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{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:75%;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{text-decoration:none;}
.sanpham-4a a:hover{text-decoration:none;}
.sanpham-4a div.sanpham-item{margin-bottom:20px;}
.sanpham-4a div.sanpham-item h4{height:4em;overflow:hidden;line-height:1.3em;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:77%;overflow:hidden;background-color:#dedede;}
.sanpham-4a div.sanpham-item div.imgbox:hover{}
.sanpham-4a div.sanpham-item div.imgbox img{position:absolute;}
.sanpham-4a div.sanpham-item .giaban{color:#e85420;font-weight:bold;}
.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:0;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;}

.trangcam1{background:url('/theme/cam-bg.png') repeat-x top;background-color:#f2f2f2;padding-top:50px;padding-bottom:60px;}
.newslist-4e{}
.newslist-4e a{color:#fff;}
.newslist-4e div.news-item{margin-bottom:20px;background-color:#666666;}
.newslist-4e div.news-item:nth-child(2){background-color:#4d4d4d;}
.newslist-4e div.news-item:nth-child(3){background-color:#404040;}
.newslist-4e div.news-item:nth-child(4){background-color:#333333;}
.newslist-4e div.news-item h4{height:1.6em;overflow:hidden;text-align:center;font-weight:bold;margin-top:15px;}
.newslist-4e div.news-item p.desc{color:#cdcdcd;height:10em;overflow:hidden;padding:15px;}
.newslist-4e div.news-item div.imgbox{position: relative;padding-bottom:120%;overflow:hidden;}
.newslist-4e div.news-item div.imgbox img{position:absolute;height:360px;}

.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:40px;}
.mobi-nav {
	position: fixed;
	background-color: #3876bf;
	padding: 10px 10px 10px 15px;
	top: 20px;
	right: 10px;
	z-index: 199;
}

.carousel-inner h3{font-size:50px;text-transform:uppercase;font-weight:bold;}
.carousel-inner p{font-size:20px;}

.about{margin-top:105px;margin-bottom:70px;}
.about1{font-size:40px;line-height:1.6em;}
.about2{font-size:24px;line-height:1.6em;display:inline-block;}
.button-orange{background-color:#f19a0e;color:#fff;padding:20px 40px;font-size:40px;margin-top:70px;display:inline-block;}
.button-orange:hover{color:#9affcf;}

.kho-hang{background:url('/theme/khohang.jpg') no-repeat center center;background-size: cover;margin:0;min-height:120px;color:#fdfdfd;padding-top:100px;padding-bottom:100px;}

.kho-hang h2{color:#fff;font-size:40px;}
.kho-hang h3{color:yellow;font-size:30px;line-height:1.7em;}

.kho-gt p{font-size:24px;display:block;line-height:1.6em;margin-bottom:50px;}


.loi-ich{margin-top:50px;margin-bottom:50px;}
.loi-ich .khoi{display:block;width:100%;height:40px;border:1px solid #ccc;}
.loi-ich .chu{margin-top:60px;padding-top:40px;position:relative;margin-bottom:30px;}
.loi-ich p{font-size:22px;line-height:1.8em;}
.loi-ich .chu .float-l3{left:-30%;background-color:#f19a0e;color:#fff;margin-left:-200px;padding:25px;}
.loi-ich .chu .float-l3 h1{font-size:40px;line-height:1.8em;padding-left:30px;font-weight:bold;}


.box-orange-black {background: url('/theme/orange-black.png') repeat-x;padding-top:80px;padding-bottom:80px;background-color:#1a1a1a;}
.newsbox2 {background:url('/theme/bg3.png');background-size:100% 100%;padding-top:100px;padding-bottom:10px;}
.imagebox {position:relative;height:160px;}
.imagebox img{z-index:1;}
.box-news-item {background-color:#fff;z-index:5;position:relative;max-width:800px;padding:18px 25px;margin-bottom:20px;box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.4);}

.dem-kho-hang{background: url('/theme/dem-kho-hang.jpg');background-color:#1b1b1b;padding-top:60px;padding-bottom:60px;background-size:100% 100%;color:#fdfdfd;}
.dem-kho-hang p{font-size:17px;line-height:1.6em;color:#eee;margin-top:25px;margin-bottom:25px;}

.nhadat-images{}
.nhadat-images img{margin-right:10px;margin-bottom:10px;}
.video-title{height:4em;overflow:hidden;text-align:center;line-height:1.3em;}

.tk-images img{height:140px;margin-right:5px;margin-bottom:5px;}
.my-table{padding:0;margin:0;float:left;width:100%;box-sizing: border-box;}
.my-table li{list-style:none;width:12.5%;float:left;overflow:hidden;}
@media only screen and (max-width: 600px) {
	.my-table li {width: 20%;}
}

.my-images img{margin-bottom:10px;margin-right:10px;}