/* ============ desktop view ============ */
body{
	font-family: "Roboto", sans-serif;
}
label.error {
	color:red!important;
}
.cursor-pointer{
	cursor: pointer;
}
.display-none{
	display: none;
}
.mb-15{
	margin-bottom: 15px;
}
@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1200px;
	}
}
.section-menu{
	width: 100%; background-color: #319ef4;
}
.section-menu .div-search{
	margin-top: 20px; margin-left: 20px; border: 1px solid #fff; max-width: 200px;
}
.section-menu .div-search input{
	color: #fff; background-color: #319ef4; border: 0px;
}
.section-menu .div-search input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #fff;
	opacity: 1; /* Firefox */
}
.section-menu .div-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
}
.section-menu .div-search input::-ms-input-placeholder { /* Microsoft Edge */
	color: #fff;
}
.section-menu .div-search i{
	color: #fff;
}
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
	.navbar-dark .navbar-nav .nav-link{
		padding-top: 30px; padding-bottom: 30px;
	}
}	
.navbar-brand img{
	width: auto; height: 72px;
}
.navbar-dark .navbar-nav .nav-link{
	color: #fff; padding-left: 20px; padding-right: 20px; font-size: 16px; text-transform: uppercase; font-size: 15px;
}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link{
	color: #ffd147;
}
.navbar-dark .navbar-nav .nav-link:hover{
	color: #ffd147;
}
.navbar-dark .navbar-nav .nav-link:focus{
	color: #ffd147;
}
.navbar-dark .navbar-toggler{
	background-color: #319ef4;
}
@media all and (max-width: 991px) {
	.navbar-collapse{
		background-color: #319ef4;
	}
	.navbar-collapse .navbar-nav .nav-link{
		color: #fff;
	}
	.navbar-collapse .navbar-nav .nav-link.active, .navbar-collapse .navbar-nav .show>.nav-link{
		color: #ffd147;
	}
	.navbar-collapse .navbar-nav .nav-link:focus{
		color: #fff;
	}
	.navbar-dark .navbar-nav .nav-link:hover{
		color: #ffd147;
	}
	.navbar-dark .navbar-nav .nav-link:focus{
		color: #fff;
	}
}
/* ============ desktop view .end// ============ */

/* ============ contact-page-lien-he ============ */
.contact-page-lien-he{
	width: 100%;
}
.contact-page-lien-he .img-lien-he{
	width: 100%;
}
/* ============ contact-page-lien-he .end// ============ */

/* ============ header ============ */
.section-header{
	background-color: #319ef4; color: #fff; padding: 8px 0px 7px 0px; font-size: 14px; border-bottom: 1px solid #ffd147;
}
.section-header a{
	text-decoration: none;
}
.section-header a i{
	color: #fff; margin-left: 5px;
}
.section-header i.fa-map-marker{
	color: #ffd147; margin: 0 5px 0 0; font-size: 18px;
}
.section-header i.fa-phone{
	color: #ffd147; margin: 0 5px 0 20px; font-size: 18px
}
/* ============ header .end// ============ */

/* ============ footer ============ */
.section-footer{
	background-color: rgba(0, 0, 0, 0.878); color: #fff; padding: 15px 0px 60px 0px;
}
.section-footer .title{
	margin-top: 15px; margin-bottom: 15px; font-weight: bold;
}
.section-footer .description{
	font-size: 15px;
}
.section-footer .description a{
	text-decoration: none; color: #ceb654;
}
.section-footer .description a i{
	font-size: 25px; margin: 0 6px;
}
.section-footer .div-title-site{
	margin-top: 15px; margin-bottom: 15px; font-weight: bold; text-transform: uppercase;
}
.section-footer .div-dia-chi{
	width: 100%;
}
.section-footer .div-dia-chi ul{
	list-style: none; margin: 0; padding: 0;
}
.section-footer .div-dia-chi ul li{
	border-bottom: 1px solid #444; padding: 10px 0;
}
.section-footer .div-dia-chi ul li i{
	color: #ceb654; margin-right: 5px;
}
.section-footer .div-title-form{
	margin-top: 15px; margin-bottom: 15px; font-weight: bold; text-transform: uppercase; text-align: center;
}
.section-footer .div-description-form{
	margin-top: 25px; margin-bottom: 5px; text-align: center;
}
.section-footer .div-content-form{
}
.section-footer .div-content-form .div-email-form{
	background-color: #fff;
}
.section-footer .div-content-form .div-email-form button{
	background-color: #fff;
}
.section-footer .div-content-form .div-email-form button i{
	color: #ceb654;
}



.section-footer-copyright{
	background-color: #319ef4; color: #fff; padding: 10px 0px 10px 0px; font-size: 15px; text-align: center;
}
.section-footer-copyright a{
	color: #fff;
}
/* ============ footer .end// ============ */


/* ============ section-slider ============ */
.section-slider{
	background-color: #fff;
}
.section-slider .d-block{
	width: 100%;
}
.section-slider .carousel-caption{
	background-color: #ad8f8982; color: #000; max-width: 800px; margin: 0 auto; padding: 30px 80px; line-height: 2; 
	font-weight: bold; border-radius: 8px;
}
.section-slider .carousel-caption i.fa-star{
	color: #ffe707; font-size: 24px;
}
.section-slider .carousel-caption p{
	font-size: 20px;
}
.section-slider .carousel-caption button{
	border: 1px solid #fff; padding: 10px 30px; font-size: 20px;
}
/* ============ section-slider .end// ============ */


/* ============ dat-phong ============ */
.section-dat-phong{
	background-color: #319ef4; color: #fff; padding: 40px 0px 40px 0px; font-size: 14px;
}
.section-dat-phong button{
	background-color: #ceb654; color: #fff; margin-top: 21px;
}
/* ============ dat-phong .end// ============ */


/* ============ section-chao-mung ============ */
.section-chao-mung{
	background-color: #fff; color: #000; padding: 40px 0px 40px 0px; font-size: 14px;
}
.section-chao-mung .div-text{
	width: 100%; text-align: center;
}
.section-chao-mung .div-text .text-1{
	font-size: 20px; margin: 10px 0 10px 0; color: #777;
}
.section-chao-mung .div-text .text-2{
	font-size: 26px; margin: 30px 0 30px 0;
}
.section-chao-mung .div-text .text-3{
	font-size: 22px; margin: 10px 0 30px 0;
}
.section-chao-mung .div-text button{
	background-color: #fff; color: #000; border: 2px solid #ceb654; padding: 10px 20px; font-size: 20px;
}
.section-chao-mung .div-img{
	width: 100%;
}
.section-chao-mung .div-img img{
	width: 100%;
}
/* ============ section-chao-mung .end// ============ */


/* ============ section-cac-loai-phong ============ */
.section-cac-loai-phong{
	background-color: #319ef4; color: #fff; padding: 20px 0px 20px 0px; font-size: 14px;
}
.section-cac-loai-phong .div-title{
	width: 100%; text-align: center; font-size: 32px;
}
.section-cac-loai-phong .div-description{
	width: 100%; text-align: left; font-size: 22px; line-height: 2; margin-top: 10px; margin-bottom: 20px;
}
.section-cac-loai-phong .div-our-content{
	width: 100%;
}
.section-cac-loai-phong .div-our-content .item{
	background-color: #fff; color: #000;
}
.section-cac-loai-phong .div-our-content .item .img-banner{
	width: 100%;
}
.section-cac-loai-phong .div-our-content .item .div-content{
	width: 100%; padding: 10px 15px 20px 15px;
}
.section-cac-loai-phong .div-our-content .item .div-content .text-1{
	font-size: 18px; margin-top: 10px;
}
.section-cac-loai-phong .div-our-content .item .div-content .text-2{
	font-size: 15px; margin: 0px 0 10px 0;
}
.section-cac-loai-phong .div-our-content .item .div-content .text-2 i{
	color: #ceb654; font-weight: bold; font-size: 20px; margin-right: 5px;
}
.section-cac-loai-phong .div-our-content .item .div-content .text-2 b{
	color: #ceb654;
}
.section-cac-loai-phong .div-our-content .item .div-content button{
	background-color: #ceb654; color: #fff; margin-top: 10px;
}
/* ============ section-cac-loai-phong .end// ============ */


/* ============ section-tien-ich ============ */
.section-tien-ich{
	background-color: #fff; color: #000; padding: 40px 0px 30px 0px; font-size: 14px;
}
.section-tien-ich .item{
	width: 100%; padding-left: 100px; position: relative;
}
.section-tien-ich .item img{
	width: 100px; position: absolute; left: 0; top: -20px;
}
.section-tien-ich .item b{
	font-size: 18px;
}
.section-tien-ich .item p{
	font-size: 17px; color: #777;
}
/* ============ section-cac-loai-phong .end// ============ */

.news-page{

}
.news-page img, .blog img{
	max-width: 100%!important; height: auto!important;
}





/* ============ section-form-tu-van ============ */
.section-form-tu-van{
	background-color: #fff; padding: 20px 0px 10px 0px;
}
.section-form-tu-van .div-form{
	border-radius: 20px; background: #fffbf0; padding: 25px; border: 3px solid #ffd147;
}
.section-form-tu-van .div-form .banner-lien-he{
	border-radius: 10px; margin-bottom: 15px; width: 100%;
}
.section-form-tu-van .div-form h3{
	margin-bottom: 10px; color: #319ef4; font-size: 24px; font-weight: bold;
}
.section-form-tu-van .div-form .des{
	font-style: italic; font-weight: 700; margin-bottom: 10px;
}
.section-form-tu-van .div-form .row-info{
	display: inline-block; width: 100%; clear: both;
}
.section-form-tu-van .div-form input{
	margin: 12px 0 4px 0;
}
.section-form-tu-van .div-form select{
	margin: 12px 0 4px 0;
}
.section-form-tu-van .div-form textarea{
	margin: 10px 0 10px 0;
}
.section-form-tu-van .div-form .btn-gui-yeu-cau{
	background-color: #319ef4; color: #fff;
}
.section-form-tu-van .div-video{
	width: 100%;
}
.section-form-tu-van .div-video .div-video-1{
	width: 100%; height: 450px;
}
.section-form-tu-van .div-video .div-video-1 .banner-video-1{
	width: 100%; height: 100%;
}
.section-form-tu-van .div-video .div-video-2{
	width: 25%; height: 130px; display: -webkit-inline-box;
}
.section-form-tu-van .div-video .div-video-2 .div-video-2-item{
	width: 100%; height: 130px;
}
.section-form-tu-van .div-video .div-video-2 .div-video-2-item .banner-video-2{
	width: 100%; height: 100%;
}
@media all and (max-width: 991px){
	.section-form-tu-van .div-video{
		display: none;
	}
}
/* ============ section-form-tu-van .end// ============ */


/* ============ section-form-tu-van ============ */
.section-kien-truc{
	width: 100%; background-color: #f7f7f7; padding: 20px 0px 10px 0px;
}
.section-kien-truc .section-title-container{
	max-width: 80%!important; margin: 0 auto 20px;
}
.section-kien-truc .section-title-container .section-title {
	position: relative;
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}
.section-kien-truc .section-title-container .section-title b {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 2px;
	opacity: .1;
	background-color: currentColor;
}
.section-kien-truc .section-title-container .section-title .section-title-main{
	text-transform: uppercase; font-weight: bold;
}
.section-kien-truc .section-title-container .section-title-center span {
	margin: 0 15px;
	font-size: 32px;
	color: #a32226;
}
.section-kien-truc .section-title-container .section-title a {
	background: #ffc107;
	color: #a32226;
	border-radius: 20px;
	font-size: 15px;
	font-weight: 400;
	padding: 5px 15px;
	text-decoration: none;
}
.section-kien-truc .all-items{
	margin-left: -15px; margin-right: -15px; text-align: center;
}
.section-kien-truc .all-items .item{
	width: 24%; display: inline-block; padding: 0px 15px; margin-bottom: 15px;
}
.section-kien-truc .all-items .item .item-bg{
	background-color: #fff; border-radius: 18px; overflow: hidden; width: 100%; height: 420px;
}
.section-kien-truc .all-items .item .icon{
	width: 100%; height: 320px; text-align: center; overflow: hidden;
}
.section-kien-truc .all-items .item .icon img{
	width: 100%; height: 100%; padding: 0px 0px; cursor: pointer;
}
.section-kien-truc .all-items .item .title{
	color: #000; font-size: 18px; padding: 5px 10px; cursor: pointer; font-weight: bold; text-align: left;
}
.section-kien-truc .all-items .item .description{
	font-size: 16px; cursor: pointer; text-align: left; padding: 5px 10px;
}
@media (max-width: 1200px) {
	.section-kien-truc .all-items .item{
		width: 30%;
	}
}
@media (max-width: 768px) {
	.section-kien-truc .all-items .item{
		width: 100%;
	}
}
/* ============ section-form-tu-van .end// ============ */


/* ============ section-form-tu-van ============ */
.section-tin-tuc{
	width: 100%; background-color: #fff; padding: 20px 0px 10px 0px;
}
.section-tin-tuc .section-title-container{
	max-width: 80%!important; margin: 0 auto 20px;
}
.section-tin-tuc .section-title-container .section-title {
	position: relative;
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}
.section-tin-tuc .section-title-container .section-title b {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 2px;
	opacity: .1;
	background-color: currentColor;
}
.section-tin-tuc .section-title-container .section-title .section-title-main{
	text-transform: uppercase; font-weight: bold;
}
.section-tin-tuc .section-title-container .section-title-center span {
	margin: 0 15px;
	font-size: 32px;
	color: #a32226;
}
.section-tin-tuc .section-title-container .section-title a {
	background: #ffc107;
	color: #a32226;
	border-radius: 20px;
	font-size: 15px;
	font-weight: 400;
	padding: 5px 15px;
	text-decoration: none;
}
.section-tin-tuc .all-items{
	margin-left: -15px; margin-right: -15px; text-align: center;
}
.section-tin-tuc .all-items .item{
	width: 24%; display: inline-block; padding: 0px 15px;
}
.section-tin-tuc .all-items .item .item-bg{
	background-color: #fff; border-radius: 18px; overflow: hidden; width: 100%; height: 420px;
}
.section-tin-tuc .all-items .item .icon{
	width: 100%; height: 320px; text-align: center; overflow: hidden;
}
.section-tin-tuc .all-items .item .icon img{
	width: 100%; height: 100%; padding: 0px 0px; cursor: pointer;
}
.section-tin-tuc .all-items .item .title{
	color: #000; font-size: 18px; padding: 5px 10px; cursor: pointer; font-weight: bold; text-align: left;
}
.section-tin-tuc .all-items .item .description{
	font-size: 16px; cursor: pointer; text-align: left; padding: 5px 10px;
}
@media (max-width: 1200px) {
	.section-tin-tuc .all-items .item{
		width: 30%;
	}
}
@media (max-width: 768px) {
	.section-tin-tuc .all-items .item{
		width: 100%;
	}
}
/* ============ section-form-tu-van .end// ============ */


/* ============ section-staticpage ============ */
.section-staticpage{
	width: 100%; background-color: #f7f7f7; padding: 20px 0px 20px 0px;
}
.section-staticpage .div-cong-trinh-moi{
	width: 100%; padding: 0px; margin-bottom: 20px;
}
.section-staticpage .div-cong-trinh-moi .title{
	width: 100%; padding: 8px 10px; background-color: #a32226; color: #fff; font-weight: bold;
}
.section-staticpage .div-cong-trinh-moi .content{
	width: 100%; font-size: 15px;
}
.section-staticpage .div-cong-trinh-moi .content .item{
	width: 100%; padding: 8px 10px; border: 1px solid #ececec; display: flex; cursor: pointer;
}
.section-staticpage .div-cong-trinh-moi .content .item img{
	width: 60px; height: auto; margin-right: 10px;
}
.section-staticpage .div-form{
	padding: 15px;
}
.section-staticpage .breadcrumbs{
	margin-bottom: 15px; font-size: 15px; text-transform: none; letter-spacing: 0;
	border-bottom: 1px dashed #a0a0a0; padding-bottom: 7px;
}
.section-staticpage .breadcrumbs a{
	outline: none; text-decoration: none; color: #a32226;
}
.section-staticpage .title-page{
	margin-bottom: 20px; color: #a32226; text-align: center;
}
/* ============ section-staticpage .end// ============ */


/* ============ section-articles ============ */
.section-articles .all-items{
	width: 100%; text-align: center;
}
.section-articles .all-items .item{
	width: 24%; display: inline-block; padding: 0px 15px; margin-bottom: 15px;
}
.section-articles .all-items .item .item-bg{
	background-color: #fff; border-radius: 18px; overflow: hidden; width: 100%; height: 340px;
}
.section-articles .all-items .item .icon{
	width: 100%; height: 200px; text-align: center; overflow: hidden;
}
.section-articles .all-items .item .icon img{
	width: 100%; height: 100%; padding: 0px 0px; cursor: pointer;
}
.section-articles .all-items .item .title{
	color: #000; font-size: 18px; padding: 5px 10px; cursor: pointer; font-weight: bold; text-align: left;
}
.section-articles .all-items .item .description{
	font-size: 16px; cursor: pointer; text-align: left; padding: 5px 10px;
}
@media (max-width: 1200px) {
	.section-articles .all-items .item{
		width: 30%;
	}
}
@media (max-width: 768px) {
	.section-articles .all-items .item{
		width: 100%;
	}
}
/* ============ section-articles .end// ============ */


/* ============ section-articles-detail ============ */
.section-articles-detail .title-page{
	text-align: left;
}
/* ============ section-articles-detail .end// ============ */