@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:NovareseB;
	src:url("../fonts/SFUNovareseBold.TTF") format('truetype');
	font-weight:normal;
 	font-style:normal;
}
@font-face {
	font-family:NovareseM;
	src:url("../fonts/SFUNovareseMedium.TTF") format('truetype');
	font-weight:normal;
 	font-style:normal;
}

body{
	font-family: 'Roboto Condensed', sans-serif;
}
header{padding-top: 15px;padding-bottom: 15px;}
.ten-congty{padding-right: 0px;}
.ten-congty>a>img{float: left;height: 50px;}
.ten-congty h2{font-family: NovareseM;font-size: 15px;color: #035899;margin-bottom: 0px;margin-top: 10px;}
.ten-congty h2 span{font-family: NovareseB;}
iframe{width: 100%;height: 200px;}
.title-page{text-align: center;text-transform: uppercase;margin-bottom: 30px;}
.title-page h3, .title-page h2, .title-page h1{color: #0c7ac2;font-size: 30px;}
.title-page p{color: #656363;font-size: 14px;}
.item-product{text-align: center;margin-top: 15px;margin-bottom: 15px;}
.item-product .img-product{border: 1px solid #ccc;}
.item-product .img-product img{width: 100%;padding: 10px;}
.item-product h3{text-transform: uppercase;font-size: 14px;}
.item-product h3 a{color: #7b7474;}
.item-product h3 a:hover{
}
.btn-xemthem{margin-top: 30px;display: inline-block;border: 1px solid #ccc;padding: 11px 50px;border-radius: 5px;color: #807d7d;}
.why{background: url(../images/br.png) no-repeat center;padding-top: 30px;padding-bottom: 50px;color: #f1f1f1;text-align: center;margin-top: 50px;margin-bottom: 35px;background-size: cover;}
.title-page-tr{margin-bottom: 50px;}
.title-page-tr h3{text-transform: uppercase;font-size: 32px;margin-bottom: 25px;}
.title-page-tr p{padding-left: 10%;padding-right: 10%;}
.item-why{
}
.item-why span{display: inline-block;width: 50px;height: 50px;line-height: 50px;background-color: #fff;border-radius: 50%;position: relative;}
.item-why span img{
}
.item-why span:before{content:"";width: 66px;height: 66px;border: 1px solid #fff;position: absolute;left: -8px;top: -8px;border-radius: 50%;}
.item-why h4{font-weight: bold;margin-top: 24px;font-size: 16px;}
.item-news{padding-left: 60px;position: relative;}
.item-news .time-post{position: absolute;left: 0;width: 50px;text-align: center;background-color: #035899;color: #fff;padding: 20px 7px;}
.item-news .time-post .thang{display: block;border-bottom: 1px solid #fff;font-size: 26px;}
.item-news .time-post .nam{display: block;font-size: 18px;padding-top: 10px;}
.item-news .img-news{
}
.item-news .img-news img{width: 100%;}
.item-news h4{font-size: 16px;font-weight: 600;line-height: 22px;}
.item-news h4 a{color: #5f5f5f;}
.item-news h4 a:hover{
}
.item-news p{color: #5f5f5f;text-align: justify;}
.doitac {background: url(../images/br-doitac.png) no-repeat center;margin-top: 50px;padding-top: 30px;padding-bottom: 30px;background-size: cover;}
footer{background-color: #3579ad;color: #fff;padding-top: 15px;}
footer h3{text-transform: uppercase;font-size: 18px;font-weight: 700;margin-bottom: 25px;}
footer .navbar-form .form-control{border-radius: 0;width: 79% !important;float: left;margin-right: 3px;background-image: none;height: 34px;}
footer .navbar-form{width: 100% !important;padding: 0px;margin-top: 10px;margin-bottom: 15px;}
.btn-send{border-radius: 0px;background-color: #000;color: #fff;border-color: #000;}
.mxh{
}
.mxh a{display: inline-block;background-color: #fff;color: #000;width: 37px;height: 37px;text-align: center;line-height: 37px;border-radius: 5px;font-size: 19px;margin: 3px;}
.mxh a i{
}
.mxh a:hover{
}
.mxh span{margin-right: 20px;}
.chantrang{background-color: #296c9f;color: #fff;padding: 15px;font-size: 13px;}
.md-none{display:none;}
@media screen and (min-width: 1025px){
	.dropdown:hover ul{ display:block;}
}
/*Ipad ngang(1024 x 768)*/
@media screen and (max-width: 1024px){
	.navbar-default .navbar-nav>li>a{
		padding-left: 9px;
		padding-right: 9px;
		font-size: 13px;
	}
	.ten-congty h2{
		font-size: 11px;
		margin-top: 12px;
	}
	.ten-congty>a>img{
	}
}
/*Ipad dọc(768 x 1024)*/
@media screen and (max-width: 768px){
	.ten-congty h2{
	font-size: 13px;
	}
	.navbar-right{
	/* float: none !important; */
	text-align: left;
	margin-top: 10px;
	}
	.navbar-default .navbar-nav>li>a{
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	}
	header{
	padding-bottom: 0px;
	}
	.nav-pills>li>a{
	padding-left: 30px;
	padding-right: 30px;
	}
	.nav{
	margin-bottom: 10px;
	}
	

}
/*Tablet nhỏ(480 x 640)*/
@media screen and (max-width: 767px){
	.navbar-default{
		background-color: #296c9f;
		margin-left: -15px;
		margin-right: -15px;
		border: none;
		min-height: 40px;
	}
	header{
		padding-top: 0px;
	}
	.ten-congty>a>img{
	height: 32px;
	}
	.ten-congty{
	padding-right: 15px;
	margin-bottom: 10px;
	}
	.navbar-default .navbar-brand{
	text-transform: uppercase;
	font-size: 14px;
	}
	.navbar-default .navbar-nav>li>a{
	color: #fff;
	}
	.caret{
	position: absolute;
	right: 15px;
	top: 18px;
	}
	.xs-none{
		display: none !important;
	}
	.xs-block{display:block;}
	.navbar-form{
	border: none;
	box-shadow: none;
	padding: 0px;
	padding-left: 30px;
	margin-top: 6px;
	margin-bottom: 6px;
	}
	.navbar-form .form-control{
	height: 30px;
	font-size: 13px;
	border-radius: 0px;
	}
	.navbar-form .form-group{
	margin-bottom: 0px;
	}
	.tab-pane {
	display: block !important;
	opacity: 1;
	}
	.btn-xemthem{
	padding: 5px 21px;
	margin-top: 10px;
	margin-bottom: 30px;
	}
	.item-why{
	margin-top: 35px;
	margin-bottom: 35px;
	}
	footer .navbar-form{
	padding-left: 15px;
	}
}
/*Iphone(480 x 640)*/
@media screen and (max-width: 320px){
    
}
/*Smart phone nhỏ*/
@media screen and (max-width: 240px){
    
}