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

#menunav{border-bottom:1px dotted #777;}
.logobox{padding:10px;text-align:center;}
.sticky {position: fixed;top: 0;width: 100%;z-index:149;background-color:#fff;}
.sticky .logobox img {width:100px !important;}
.bg-white {
	background: #fff;
}
.bg-green {
	background: #09492e;
}
.bg-black{background:#000000;}
.bg-pink {
	background: url('/theme/bg3.png') no-repeat center center;
	background-size: cover;
}

/*viewport animate js*/
.hidden {visibility:hidden;}
.visible {visibility:visible !important;}
/*viewport animate js*/

.bg-blue{background:#295a80;margin-top:0;}
.bg-san-pham {
	background: url('/theme/bg-sanpham.png') no-repeat center center;
	background-size: cover;
}
.bgk1{background: url('/theme/bkg1.png') top left;background-size: 85%;}
.bgk2{background: url('/theme/bkg2.png') no-repeat center center;background-size: cover;padding-bottom:100px;padding-top:90px;}
.bgk3{background: url('/theme/bkg3.png') no-repeat bottom center;background-size: cover;}
.bgk4{background: url('/theme/bkg4.png') no-repeat center center;background-size: cover;}
.bgk5{background: url('/theme/bkg5.png') no-repeat center center;background-size: cover;}

.bgwhite {
	background-color: #fff;
	padding: 15px;
}
#navbar{}
.htm-body {}
.container2{max-width:1400px;margin:auto;padding-left:15px;padding-right:15px;}
.box-chung-nhan {
	margin: 40px;
	padding: 40px;
	box-shadow: 6px 6px 30px #47D2FF;
	border-radius: 40px;
	background-color:#fff;
}

.header {
}
.header a{color:#3084c1;}
.footer {
	background: #295a80;
	color: #dfdfdf;
	/*background: url('/theme/footer-bg-1.jpg');*/
	padding-bottom: 40px;
	padding-top: 40px;
	border-top: 1px dashed #777;
}
.footer h3{color:#fff;}
.bg-gt{background: url('/theme/bg-gt.png') no-repeat center center;background-size: cover;padding-top:15px;margin-top:0;}
.tivibox {}
.gioi-thieu {
	/*background: url('/theme/gioi-thieu.png');
	background-size: cover;*/
	padding: 15px;
	font-size: 16px;
}
.intro{padding:20px;text-align:justify;color:#0c3d68;line-height:2em;}

.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 h3{line-height:1.6em;font-size:18px;}
.block-inf ul{margin:0;padding:0;list-style:none;}
.block-inf ul li{line-height:2em;}
.block-inf a{color:#dfdfdf;list-style:none;}
.block-inf a:hover{color:#f4fa8f;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.6em;}
.toplinks {padding-top:15px;font-size:small;color:yellow;}
.toplinks a{color:#fff;}

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

.topmenu{float:left;width:100%;margin-top:30px;font-family:Tahoma;}
.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 10px;font-weight:bold;}
.topmenu>ul>li>ul{display:none;position:absolute;width:240px;margin:0;padding:0;z-index:19;background:#342ec2;list-style:none;}
.topmenu>ul>li>ul>li{width:100%;}
.topmenu>ul>li>ul>li>a{display:block;padding:10px 16px;color:#fff;border-bottom:1px dashed #1d1a6d;}
.topmenu>ul>li>ul>li>a:hover{color:#fffaa4;background-color:#222;}
.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;}

.danh-gia {position:relative;max-width:390px;}
.danh-gia h4 { text-align:center;}
.danh-gia .under-title {position: absolute;bottom: 0;height: 160px;width: 100%;text-align:center;}
.danh-gia .under-title img{max-width:160px;}

.danhgia2 {position:relative;margin-bottom:25px;}
.danhgia2 h4 { text-align:center;font-size:21px;height:2.5em;overflow:hidden;}
.danhgia2 h4 a{color:#fff;}
.danhgia2 .under-title {position: absolute;bottom: 0;height: 70px;width: 100%;text-align:center;opacity: 0.8;background:url('/theme/danhgia2.png');background-repeat:repeat-x;background-position:bottom;}
.danhgia2 .under-title p{height:2.7em;overflow:hidden;}
/*background-color:#295A80;*/
.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;}
.news-list-pg ul li h4{margin:0;padding:0;margin-bottom:10px;font-weight:bold;line-height:1.4em;}
.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{margin-top:20px;}
.news-list-pg ul li div.date span{color:#fff;background-color:#075897;display:inline-block;padding:5px 15px;}

.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{padding-top:20px;padding-bottom:20px;}
.box01 h3 {
	position: relative;
	padding: 15px;
	margin: 0;
	text-align: center;
	font-family: Tahoma, Verdana, 'Agbalumo';
	font-size: 28pt;
	font-weight:bold;
	color: #295A80;
	min-height: 90px;
}
.tieude-sanpham{}
.tieude-sanpham img{max-width:40%;}

.box01 .box-htm {
	padding: 15px 0;
}

.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{margin-top:15px;margin-bottom:15px;}
.news-item-02 h4{margin:0;margin-bottom:6px;font-weight:bold;height:3.1em;line-height:1.4em;overflow:hidden;}
.news-item-02 img{float:left;margin-right:20px; margin-bottom:15px;}
.news-item-02 p{height:5.6em;overflow:hidden;padding-right:8px;}

.newslist-4a{}
.newslist-4a div.news-item{margin-bottom:20px;}
.newslist-4a div.news-item h3{height:1.6em;overflow:hidden;font-family:'Agbalumo';}
.newslist-4a div.news-item h4{height:1.3em;overflow:hidden;font-weight:bold;font-size:24px;}
.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:56%;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:3.5em;overflow:hidden;font-weight:bold;font-size:22px;}
.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:55%;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;}

.newslist-3c{}
.newslist-3c div.news-item{margin-bottom:20px;}
.newslist-3c div.news-item h4{height:2.6em;overflow:hidden;text-align:center;font-weight:bold; line-height:1.2em;}
.newslist-3c div.news-item div.imgbox{position: relative;overflow:hidden;text-align:center;}
.newslist-3c div.news-item div.imgbox img{e;bottom:0;margin:0 auto;}


.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;}


.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;
	left: 10px;
	z-index: 69;
}

/* GIỚI THIỆU */
.video-gioithieu{width:500px;float:left;margin-right:30px;margin-bottom:20px;}
.gioithieu1{font-size:17pt;line-height:2em;}
.bg-xanh{background:url('/theme/gt-bg1.png');padding-top:20px;padding-bottom:20px;}
.bg-xanh2{background:url('/theme/gt-bg2.png') repeat-x;background-color:#dff1fa;padding-top:20px;padding-bottom:20px;}
.myblock{margin-bottom:20px;margin-top:30px;font-size:14pt;}
.myblock h2{font-size:30pt;font-weight:bold;margin-bottom:30px;margin-top:30px;text-transform:uppercase;color:#295a80;font-family:Verdana;}
.myblock h2 img{height:90px;margin-right:10px;}
.block-chitiet {background: #fff url('/theme/line-blue.png') no-repeat 10% 83%;padding: 30px 30px 120px 30px;line-height: 2em;}
.block-chitiet br{color:#86b1cd;margin-top:20px;margin-bottom:10px;height:1px;}

.tin-dau-tien {position:relative;}
.tin-dau-tien p{color:#dcdcdc;}
.tin-dau-tien p.date{color:#a9fddb;}
.tin-dau-tien h2 {font-size:30pt;}
.tin-dau-tien h2 a{color:#fff;}
.tin-dau-tien .under-title {
	position: absolute;
	bottom: 0px;
	height: 200px;
	width: 100%;
	padding:10px 20px;
}
.img-hoat-dong{width:400px;margin-bottom:30px;margin-top:10px;}

.nav-pills{}
.nav-pills li{margin-bottom:10px;padding-top:10px;padding-bottom:10px;}
.nav-pills>li>a{border-radius:100px;background-color:#fff;border: 5px solid #acacac;color:#fff;display:inline-block;}
.nav-pills img{width:110px;height:114px;}
.nav-pills>li>a:hover{border: 5px solid #36c2dc;}
.nav-pills>li.active>a{border: 5px solid #36c2dc;color:#fff;background-color:#fff  !important;}
.nav-pills>li.active>a{border: 5px solid #36c2dc;color:#fff;background-color:#fff  !important;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	background-color: #FFF !important;
}
.tab-pane {background-color: #fff;padding: 30px;box-shadow: 5px 10px 10px #47D2FF;border-radius:18px;}

.video2 {
	background-color: #fff;
	padding: 30px;
	box-shadow: 5px 5px 5px #999;
}
.fivestar-under{
	width:270px;
	position:absolute;bottom:-40px;z-index:9;margin-left:20%;margin-right:20%;
}
.mytitle{border-bottom:2px solid #ccc;padding:8px 0;margin-bottom:8px;font-weight:bold;}
.tieu-de-to{font-size:33pt;font-weight:bold;text-transform:uppercase;color:#295A80;}
.mycontentblock{margin-bottom:80px;}
.btn-lg {border-radius:30px;padding:16px 28px;}
.gioithieu2{text-transform:uppercase;font-size:33pt;font-weight:bold;color:#295A80;}
.date3{background-color:#295A80;color:#fff;display:inline-block;padding:6px 15px;border-radius:20px;}

.carousel-indicators li {background-color:#295a80;}
.carousel-indicators .active {background-color:#e85420;}
.carousel-control.left, .carousel-control.right {
	background-image: none !important;
	filter: none !important;
}
.block-content{margin-bottom:80px;}
.mybox {background-color: #fff;padding: 30px;border:1px dashed #ccc;}
.ngay-thang{margin-top:6px;margin-bottom:6px;}
.ngay-thang span{display:inline-block;padding:4px 12px;background-color:#295A80;color:#fff;border-radius:10px;}

.flex-container {
	display: flex; /* establish flex container */
	flex-direction: column; /* make main axis vertical */
	justify-content: center; /* center items vertically, in this case */
	align-items: center; /* center items horizontally, in this case */
	height: 300px;
}

.center-box {
	text-align: center; /* will center text in <p>, which is not a flex item */
}
.text-center .img-responsive{margin:0 auto;}
/* gio hang plus minus */
span {
	cursor: pointer;
}
@media only screen and (max-width: 600px) {
	.btn-lg {
		padding:9px 14px !important;
		font-size:16px !important;
	}
	.bgk1 {
		background: none;
	}
	.tieude-sanpham img {
		max-width: 65%;
	}
	.news-list-pg img {width:180px;height:100px;}
}