@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i&subset=vietnamese');

body{
	font-family: 'Roboto', sans-serif;
	color: #000;
	overflow-x:hidden;
}

*:hover,*:focus { outline: 0; }{
	outline: none!important;	
}

.grid_wrap{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.grid_wrap::after{
	content: "";
    flex: auto;
}

#form_hide{
	display: none;
}
.form_hide{
	display: none;
}

.id_wrap_block{
	margin-bottom: 40px;
}

.owl-carousel .owl-item img {
    width: unset!important;
}

/* Begin css breadcrumb */
.kmt_breadcrumb{color:#666666!important;font-size:14px;margin-bottom:10px;padding-left:5px;margin-top:10px}
.kmt_breadcrumb a{color:#666666!important;font-size:16px;}
.kmt_breadcrumb a:hover{color:#d72121!important;text-decoration:none}
/* End css breadcrumb  */

.read_more{text-align:right;margin-top:-40px;margin-bottom:30px;width:100%;}
.read_more a{padding:5px 0px;font-size:12px;font-weight:bold;color:#274ba1;}
.read_more a:hover{text-decoration:none;color:#cd0000;}

a:hover{text-decoration:none;color:#3762c9}
.content_article{width: 100%;clear: both;display: inline-block;text-align:justify;color:#000;font-size:15px;line-height: 23px;}
.content_article p{margin-bottom: 10px;}
.content_article table{max-width:100%!important;}
.content_article img{max-width:100%;height:auto!important;margin-bottom: 5px;}
.kmt_title_article{font-size:30px;margin-bottom:10px;color:#2151a1;font-weight:600;text-align:left!important;margin-top:0px;text-transform:uppercase;line-height:125%;}
.kmt_page{clear:both;}

.kmt_uppercase{text-transform:uppercase;}
.kmt_center{text-align:center!important;}
.kmt_left{text-align:left;}
.kmt_right{text-align:right;}
.kmt_justify{text-align:justify;}

/* Begin css list_same */
.same_title{color:#e71818!important;margin:10px 0px 5px 0px!important;font-size:15px;text-transform:uppercase;font-weight:600;padding-bottom:5px;border-top:1px dashed #ccc;clear:both;padding-top:10px;}
.list_same{margin:0px;padding:0px;}
.list_same li{color:#000;margin-bottom:3px;list-style:none;transition:0.3s;}
.list_same li:hover{color:#e71818;}
.list_same li:hover a{color:#e71818;text-decoration:none}
.list_same li a{font-size:14px;color:#000;}
.list_same li a span{color:#000;}
/* End css list_same */


.pagination>li>a, .pagination>li>span {
    color: #fff;
	background-color: #2151a1;
	border: 1px solid #2151a1;
}

.pagination>li>a:hover{
	background-color: #e71818;
	border-color: #e71818;
	color: #fff;
}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #e71818;
    border-color: #e71818;
}

/*Begin sticky*/
.col-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
    right: 0;
    z-index: 2;
    overflow-y: visible;
}
/*End sticky*/

/*Begin btn-slider*/
.news-btn-slider{
	width:100%;
	position:relative;
	z-index:500;
}

.news-btn-slider button{
	border-radius: 0;
	border: 0;
	cursor: pointer;
	z-index: 1;
	margin:0px 5px;
	position:absolute;
}

.prev-news{
	background:url(../img/arr_left.png) no-repeat center;
	left:-40px;
	width:25px;
	height:242px;
}

.next-news{
	background:url(../img/arr_right.png) no-repeat center;
	right:-40px;
	width:25px;
	height:242px;
}
/*End btn-slider*/

.kmt_note{
	color:#cd0000;	
}

.kmt_bt{
	background:#2151a1;
	color:#fff;
	transition: 0.3s;
}

.kmt_bt:hover{
	background:#e71818;
	color:#fff;	
}


.kmt_stt_form{
	color:#f00;
	padding:0px!important;
    padding-top: 5px!important;
	padding-left:10px!important;
}

.wrap_center{
	margin-bottom:20px;	
}

#wrap_block_1{
    width: 100%;
	background:#2151a1;	
	padding: 20px 0px;
}

.wrap_lang{
    display: flex;
    justify-content: flex-end;
	align-items: center;
}
.wrap_lang a{
	padding-left:5px;	
    color: #fff;
}
.wrap_lang a:hover{	
    color: #d01820;
}
#lang_select{
    height:25px;
	float: right;
	font-weight: 600;
	border: 0px;
    border-radius: 5px;
}
.image_symbol_earth{
	float: right;
}
.image_symbol_earth img{
    width: 26px;
    height: 26px;
    margin-right: 10px;
}

.kmt_fixed {
    width: 100%!important;
    position: fixed!important;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #fff;
    margin-top: 0px!important;
}

#wrap_menutop{
    float: right;
    margin-top: 5px;
}

.wrap_logo img{
	margin-top:5px;
	height: 62px;
}

#wrap_search{
	width:210px;
	height:30px;
	float:right;
    margin-top:80px;
    margin-left: 10px;
    border:2px solid #f9872a;
    border-radius: 20px;
    background: #fff;
}

#wrap_search input:nth-child(1){
	float:left;
	width:170px;
	height:26px;
	line-height:29px;
	padding-left:5px;
	color:#000;
	border:0px;
	font-size:12px;
    border-radius: 25px;
	
}

#wrap_search input:nth-child(2){
	width: 36px;
	height:26px;
	background:url(../img/icon_search.png) no-repeat center #fff;
	float:left;
	border:0px;
    border-radius: 25px;
}

#wrap_phone_top{
	float:right;	
	margin-top:80px;
}

#wrap_phone_top p{
	display:inline-block;
	background:#f9872a;	
	padding:5px 15px;
	border-radius:25px;
	color:#fff;
}

#wrap_phone_top p span{
	font-weight:600;
}

#wrap_block_2{
	width:100%;
	display: inline-block;
    clear: both;
}

.wrap_lang{
	text-align:right;
}
.block_lang{
	display: flex;
}
.block_lang img{
	margin-left:5px;
}

#wrap_block_3{
	width:100%;
	clear:both;
	padding:50px 0px;	
	padding-bottom:10px;
}

.kmt_title{
	width:100%;
	background:url(../img/line_1.png) no-repeat bottom center;
	padding-bottom:40px;
	margin-bottom:15px;
	font-size:40px;
	color:#e71818;
	font-weight:600;
	margin-top:0px;
}
.small_title_intro{
	color: #eb1933;
	font-weight: 700;
	font-size: 25px;
	text-transform: uppercase;
}
.wrap_intro_left h2{
	margin: 10px 0px;
	font-size: 54px;
	color: #2151a1;
}
.rm_intro a{
	color: #eb1933;
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	transition: 0.3s;
}
.rm_intro a:hover{
	color: #2151a1;
}

.wrap_project_home{
	margin-bottom: 20px;
    padding: 0px 10px;
	text-align:center;
}

.block_project_home{
	width:100%;
	height:100%;
	margin:0 auto;
	overflow:hidden;
	transition: 0.3s;
}
.block_project_home:hover{
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	transform: translate(0px, -3px);
}

.img_project_home{
	width:100%;
	aspect-ratio:1.4;
	overflow:hidden;
	display: flex;
	justify-content: center;
}
.img_project_home a{
	display: flex;
    justify-content: center;
    align-items: center;
}
.img_project_home img{
	max-height:100%;
}

.block_project_home h2 a{
	color:#2151a1;
	font-size:17px;
	text-transform:uppercase;
	font-weight:600;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	transition: 0.3s;
}

.block_project_home h2 a:hover{
	color:#e71818;	
}

.project_investor{
	text-transform:uppercase;	
	margin:15px auto;
    font-weight: 500;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.project_investor span{
	font-weight:700;
}

.project_view{
	width:50%;
	float:left;	
	text-align:right;
}

.project_view a{
	display:inline-block;
	width:95%;
	padding:0px 10px;
	text-align:center;
	height:40px;
	line-height:40px;
	background:#2151a1;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
}

.project_view a:hover{
	background:#eb0e15;
}

.view_all_project{
	width:100%;
	text-align:center;
	margin-top:30px;
	clear:both;
	transition: 0.3s;
}

.view_all_project a{
	color:#e71818;
	border:2px solid #e71818;
	text-transform:uppercase;
	font-weight:500;
	padding:10px 70px;
	transition: 0.3s;
}
.view_all_project:hover{
	transform: translate(0px, -2px);
}
.view_all_project a:hover{
	color:#fff;
	border:2px solid #e71818;
	background: #e71818;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#wrap_banner_home{
	clear:both;
	width:100%;
	text-align:center;	
	margin:50px 0px;
}

#wrap_banner_home img{
	width:100%;	
}

#wrap_block_4{
	width:100%;
	padding:20px 0px;
	background:#e2e2e2;	
}

#wrap_block_4 a{
	padding:0px 5px;
	display:inline-block;
	margin-bottom:5px;
	color:#222;	
}

#wrap_block_4 a:hover{
	color:#eb0e15;	
}

#wrap_block_5{
	width:100%;
	padding:30px 0px;
	background:#2151a1;	
	padding-bottom:0px;
}

#wrap_block_5 h6{
	margin:0px;
	text-transform:uppercase;
	font-size:24px;
	color:#fff;
	margin-bottom:15px;
	line-height:22px;
	font-weight:600;
	padding-bottom:10px;
}

.wrap_add_f{
	color:#fff;
	line-height:22px;
	font-size:15px;	
}

#wrap_block_6{
	width:100%;
	text-align:center;
	padding:10px 0px;
	background:#2151a1;	
	color:#fff;
}

#wrap_block_6 span{
	text-transform:uppercase;
}

#wrap_block_6 a{
	color: #fff;
}

.wrap_newsletter input{
	height: 36px;
	width:100%;
	padding:5px;	
	border:0px;
	margin-bottom:10px;
}

.wrap_newsletter button{
	background:#eb0e15;
	color:#fff;
	width: 195px;
	height: 41px;
	text-transform:uppercase;
	border:0px;
	font-size:15px;
	font-weight:500;
	transition: 0.3s;
	display: flex;
	justify-content: center;
    align-items: center;
}

.wrap_newsletter button:hover{
	background:#222;
}

.newsletter_status{
	color:#eb0e15;
}

.newsletter_status span{
	display:inline-block;
	width:100%;
	margin-bottom:5px;
}

.wrap_banner{
	width:120px;
	height:auto;
	text-align:center;
	position:fixed;
	z-index:9999;
	top:180px;
}

.wrap_banner img{
	width:100%;
}

#wrap_banner_left{
	left:0px;	
}

#wrap_banner_right{
	right:0px;	
}

.phone_contact{
	padding:5px 0px;
	background:#2151a1;
	color:#fff;
	font-size:27px;
	text-align:center;
}

.phone_contact span{
	font-weight:600;
	font-size:30px;
}

.wrap_map{
	height:450px;	
}

.kmt_tab{
	width:100%;	
	margin:20px auto;
}

.kmt_tab ul{
	width:100%;
	list-style:none;
	padding:0px;	
	display:inline-block;
	border:none;
}

.kmt_tab .nav{
	margin-left:-10px	
}

.kmt_tab ul li{
	width:25%;
	float:left;
	text-align:center;	
	border:none;
	border-radius:0px;
}

.kmt_tab a{
	display:inline-block;
	width:95%;
	margin:0 auto;
	background:#e5e5e5;
	padding:10px 20px;
	color:#222;
	text-transform:uppercase;
	font-size:15px;
	font-weight:600;
	border:none;
	border-radius:0px!important;
	transition: 0.3s;
}

.kmt_tab a:hover,#active_tab, .kmt_tab .active a{
	background:#e71818 !important;
	color:#fff !important;
	transition: 0.3s;
}

.block_right,.block_left{
	margin-bottom:15px;
	width:100%;	
}

.kmt_title_right{
	width:100%;
	clear:both;
	margin-bottom:20px;
	padding-bottom:10px;
	background:url(../img/line_3.png) no-repeat left bottom;
	color:#e71818;
	text-transform:uppercase;
	font-weight:600;
	font-size:20px;	
}
/*Begin video*/
.wrap_video{
	margin-bottom: 20px;
    display: flex;
    justify-content: center;
}
.block_video{
	width: 100%;
	height: 100%;
}
.img_video{
	width: 100%;
	aspect-ratio: 1.264;
	background: #000;
    display: flex;
    justify-content: center;
	overflow: hidden;
	position: relative;
	align-items: center;
}
.img_video > a > img{
	max-width: 100%;
	max-height: 100%;
}
.black_layer_video{
	background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.play_video{
    background-size: 75px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.play_video > img{
	height: 30px;
	object-fit: cover;
	transition: 0.3s;
}
.play_video:hover > img{
	height: 35px;
	transform: translate(0px, -2px);
}
/*End video*/

.wrap_filter_project{
	background:#e5e5e5;
	padding:15px 30px;	
}

.wrap_filter_project_right button{
	border:0px;
	width:100%;
	height:70px;
	line-height:100px;
	font-size:13px;
	text-transform:uppercase;
	color:#fff;
	font-weight:600;
	background:url(../img/icon_filter.png) no-repeat top 10px center #2151a1;
	transition: 0.3s;
}

.wrap_filter_project_right button:hover{
	background:url(../img/icon_filter.png) no-repeat top 10px center #e71818;	
}

.wrap_filter_project_left span{
	width:100%;
	background:#e71818;
	height:70px;
	line-height:25px;
	color:#fff;
	font-size:15px;
	font-weight:500;
	text-transform:uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
}

.wrap_filter_project_middle input{
	width:100%;
	height:32px;
	padding-left:5px;	
	margin-bottom:5px;
	border:0px;
}

.wrap_filter_project_middle select{
	width:100%;
	height:32px;
	margin-bottom:5px;
	border:0px;
	background: #fff;
}

#big_image{
	width:100%;	
	aspect-ratio: 1.519;
    overflow: hidden;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	background: #e7e7e7;
}
#big_image a{
	width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}

#big_image img{
	max-width:100%;	
	max-height:100%;
}

.kmt-btn-slider{
	width:100%;
	position:relative;
}

.kmt-btn-slider button{
	border-radius: 0;
	border: 0;
	cursor: pointer;
	z-index: 1;
	width:19px;
	height:125px;
	margin:0px 5px;
	position:absolute;
}

.prev-thumbnail{
	background:url(../img/arr_left_pj.png) no-repeat center;
	left:-25px;
	top:0px;
}

.next-thumbnail{
	background:url(../img/arr_right_pj.png) no-repeat center;
	right:-25px;
	top:0px;
}
.wrap_project_thump{
	padding: 0px 12px;
}
.project_thumbnail{
	width:100%;
	aspect-ratio: 1.519;
	overflow:hidden;
	background: #e7e7e7;
	display: flex;
	justify-content: center;
	margin: 5px 0px;
	transition: 0.3s;
}
.project_thumbnail:hover, .clicked{
	box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
	transform: translate(0px, -2px);
}
.project_thumbnail a{
	width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.project_thumbnail img{
	height: 100%;
}

#project_thumbnail{
    padding: 0px 20px;
}

.wrap_left{
	padding-right:10px;	
}

.wrap_area_project{
	margin:15px 0px;	
}

#wrap_social_project{
	margin:15px auto;	
    padding: 0px;
}

#wrap_phone_project h5{
	color:#e71818;
	font-size:25px;
	font-weight:500;
	line-height:30px;
	text-transform:uppercase;	
}

#wrap_phone_project h6 span{
	display:inline-block;
	width:293px;
	height:54px;
	line-height:54px;
	color:#fff;
	font-size:24px;
	padding-left:80px;
	background:url(../img/bg_phone_pj.png) no-repeat center;	
}

.wrap_counselor{
	padding:50px 20px;
	background:#2151a1;
	text-align:center;
}

.title_counselor{
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	margin-bottom:15px;
	font-size:20px;
	background:url(../img/line_4.png) no-repeat bottom center;
	padding-bottom:10px;	
}

.avatar_ounselor{
	width:110px;
	height:110px;
	margin:0 auto;
	text-align:center;	
	margin-bottom:15px;
}

.avatar_ounselor img{
	width:100%;
	height:100%;
	border-radius:50%;
	border:3px solid #fff;
}

.wrap_counselor p{
	font-size:15px;	
	color:#fff;
}

.wrap_counselor p span{
	font-weight:600;
	margin-bottom:15px;
	font-size:20px;	
	color:#fff;
	text-transform:uppercase;
}

.same_project{
	list-style:none;
	padding:0px;
	width:100%;	
}

.same_project li{
	width:100%;	
	margin-bottom:20px;
	padding-bottom:10px;
	text-align:center;
	border-bottom:1px dashed #ccc;
	text-transform:uppercase;
}

.img_project_same{
	width:100%;
	height:auto;
	text-align:center;	
}

.img_project_same img{
	width:100%;	
}

.same_project li h3 a{
	font-size:18px;
	color:#2151a1;
	line-height:22px;
	font-weight:500;
}

.same_project li h3 a:hover{
	color:#e71818;
}

.same_project li p span{
	font-weight:500;
}

.wrap_image_project{
	margin:15px auto;	
	text-align:center;
}

.image_project{
	width:98%;
	height:260px;
	text-align:center;
	overflow:hidden;
}

.image_project img{
	height:100%;
}

.wrap_image_project h3 a{
	font-size:15px;
	color:#222;
	text-transform:uppercase;
	line-height:22px;
}

.wrap_image_project h3 a:hover{
	color:#e71818;
}

.wrap_video_project{
	margin:15px auto;	
	text-align:center;
}

.video_project{
	width:98%;
	height:260px;
}

.wrap_video_project h3{
	font-size:15px;
	color:#222;
	text-transform:uppercase;
	line-height:22px;
}

.wrap_deposit h3{
	font-size:15px;
	line-height:22px;
	color:#222;
}	

.list_document{
	width:100%;
	list-style:none;
	padding:0px;
	display:inline-block;	
}

.list_document li{
	width:100%;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #ccc;	
}

.list_document li h3{
	font-size:17px;
	font-weight:500;
	text-transform:uppercase;
	height:40px;
	line-height:22px;
	overflow:hidden;
}

.list_document li p a{
	color:#fff;
	background:url(../img/icon_download.png) no-repeat left 20px center #2151a1;
	padding:10px 25px 10px 50px;
	text-transform:uppercase;
}

.list_document li p a:hover{
	background:url(../img/icon_download.png) no-repeat left 20px center #fd7a22;
}

.hide-bullets {
	list-style:none;
	margin-left: -40px;
	margin-top:20px;
}

.hide-bullets li{
	width:20%;
}

.carousel-inner{
	width:100%;
	height:550px;
	overflow:hidden;
    text-align: center;	
}

.carousel-inner img{
	height:656px !important;	
    display: inline-block!important;
}

.thumbnail {
	height:100px;
	padding:0px;
    border-radius: 0px;
	overflow:hidden;
}

.thumbnail img{
    width:100%;
	height:100%;
}

.kmt_capture{
	background:url(../img/bg_sd.png) repeat;	
	height:50px;
	line-height:50px;
	color:#fff;
	font-size:16px;
	font-weight:400;
	text-align:center;
	text-transform:uppercase;
	margin:0px;
	margin-top:-50px;
}

#wrap_share_social{
	margin-top:20px;	
}

.same_land{
	padding:0px;
	list-style:none;
	width:100%;	
	display:inline-block;
}

.same_land li{
	width:100%;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dashed #ccc;	
}

.img_land_same{
	width:75px;
	height:75px;
	overflow:hidden;	
	float:left;
	margin-right:10px;
}

.img_land_same img{
	height:75px;	
}

.info_land_same h3{
	margin:0px;
	margin-bottom:5px;
}

.info_land_same h3 a{
	color:#222;
	font-size:15px;
	text-transform:uppercase;
	line-height:22px;	
}

.info_land_same h3 a:hover{
	color:#e71818;	
}
.info_land_same p{
	margin-bottom:3px;
}

.info_land_same p span{
	display:inline-block;
	width:80px;	
}

.map_land{
    width: 100%;
    height: 350px;
}

#wrap_form_customer h3{
    font-size: 15px;
}

/*start BTN lien he*/
.btn-hotline {background: #009e3d;}
.btn-uhchat {background: #d49f0b;}
.btn-facebook {background: #4267b2;}
.btn-zalo {background: #008ff3;}
.btn-form {background: #dd4b39;}
.btn-gotop {background: #004289}

.btn-hotline span {box-shadow: inset 0 0 0 1px #009e3d;}
.btn-uhchat span {box-shadow: inset 0 0 0 1px #d49f0b;}
.btn-facebook span {box-shadow: inset 0 0 0 1px #4267b2;}
.btn-zalo span {box-shadow: inset 0 0 0 1px #008ff3;}
.btn-form span {box-shadow: inset 0 0 0 1px #dd4b39;}
.btn-gotop span {box-shadow: inset 0 0 0 1px #004289;}
.btn-lh ul {padding: 0px;}
.btn-lh i {margin-top: 10px;}

@media screen and (max-width: 549px) {
.btn-lh {right: 50% !important; transform: translateX(50%) !important; bottom: 55px !important; top: unset !important;}
.btn-lh ul {display: inline-flex;padding: 0px;}
.btn-lh li span {display: none !important;}
.btn-lh li a:hover {width: 46px !important;}
}
.btn-chat-click {cursor: pointer;}
.btn-lh li a {float: right; display: block; width: 46px; height: 46px; text-align: center; line-height: 46px; font-size: 20px; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.btn-lh li a:hover {width: 55px;}
.btn-lh {top: 85%; right: 0; position: fixed; margin: 0; z-index: 999; font-weight: normal; transform: translatey(-50%);}
.btn-lh ul {margin:0}
.btn-lh li {background: #fff;list-style: none; margin: 0;}

.btn-lh li span {height: 46px; width: 170px; margin-right: 0; display: block; position: absolute; background: #fff; right: 0; line-height: 46px; white-space: nowrap; opacity: 0; z-index: 0; color: #333; font-size: 0.7em; margin: -30px 55px 0 0; -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -o-transform: translateX(15px); -ms-transform: ranslateX(15px); transform: translateX(15px); -ms-filter: "progid: XImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); visibility: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.btn-zalo span {margin: -33px 55px 0 0 !important;}

.btn-lh li a:hover span {-webkit-transform: translateY(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px);    transform: translateX(0px); visibility: visible; opacity: 1;}

.btn-lh .btn-zalo svg {fill: #fff; width: 20px;margin-top: 10px;}
.btn-lh .btn-zalo {padding: 3px 0;}

.btn-lh .fa-phone {top: 14px; left: 15px; -webkit-animation-name: example; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: reverse; animation-name: example; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: reverse;}
@-webkit-keyframes example {0% {-webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg)}
10% {-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
20% {-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) kew(1deg)}
30% {-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
40% {-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
50% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
100% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}}
@keyframes example {0% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
10% {-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
20% {-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
30% {-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg)}
40% {-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg)}
50% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}
100% {-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg)}}
/*end BTN lien he*/

.title_project{
    font-size: 45px;
    font-weight: 500;
    color: #e71818;
    line-height: 45px;
}

.sub_title_pj{
    margin-bottom: 15px;
    font-size: 23px;
    line-height: 25px;
    font-weight: 500;
    margin-top: 20px;
}

.count_num {
    display: inline-block;
    width: 17px;
    height: 17px;
    line-height: 13px;
    margin-right: 1px;
    font-weight: bold;
    text-align: center;
    background: #fff;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: #333;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-radius: 2px;
    padding: 1px 1px 2px 1px;
}

#wrap_ana{
    margin: 20px 0px;
    color: #fff;
}

/*Begin intro_home*/
.wrap_intro_left .content_article{
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 150%;
}
.wrap_intro_right img{
	width: 100%;
}
/*End intro_home*/

/*Begin intro_icon*/
.wrap_block_icon_intro{
	
}
.wrap_icon_intro{
	padding: 0px 10px;
}
.block_icon_intro{
	width: 100%;
    height: 100%;
    min-height: 310px;
    margin-top: 84px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    border: 2px solid #2151a1;
    padding: 6% 10%;
    border-radius: 20px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    transition: 0.3s;
	line-height: 185%;
}
.block_icon_intro:hover{
	box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.img_icon_intro{
    height: 110px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -84px;
}
.img_icon_intro img{
    max-width: 100%;
    max-height: 100%;
}
.info_icon_intro{
	
}
.info_icon_intro h3{
	font-size: 24px;
	color: #eb0e15;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
}
.des_icon_intro{
	font-size: 16px;
	text-align: center;
}
/*End Intro_icon*/

/*Begin News*/
.wrap_news{
	margin-bottom:20px;
	padding: 0px 10px;
}

.block_news{
	width:100%;
	height:100%;
}
.img_news{
	width:100%;
	aspect-ratio:1.489;
	overflow:hidden;
    display: flex;
    justify-content: center;
	background: #e7e7e7;
}

.img_news a{
	display: flex;
    justify-content: center;
    align-items: center;
}

.img_news img{
	max-height: 100%;
}

.block_news h3 a{
	font-size:15px;
	text-transform:uppercase;
	line-height:22px;
	font-weight:600;
}

.info_news h4{
	text-align: center;
	margin: 10px 0px;
}
.info_news h4 a{
	text-transform: uppercase;
	font-size: 15px;
	line-height: 140%;
	color: #2151a1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	transition: 0.3s;
}
.block_news:hover h4 a{
	color: #e71818;
}
.quote_news{
	text-align: center;
	font-size:15px;
	line-height:140%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*End News*/

/*Begin wrap_intro_inside*/
.wrap_intro_inside{
	margin-bottom: 55px;
}
.block_intro_inside{
	width: 100%;
	height: 100%;
	transition: 0.3s;
}
.block_intro_inside:hover{
	box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
	transform: translate(0px, -3px);
}
.block_intro_inside_reverse{
	display: flex;
	flex-direction: row-reverse;
}
.content_intro_inside{
	padding: 5%;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.block_intro_inside{
	background: #f2f2f2;
}
.img_intro_inside{
	overflow: hidden;
	display: flex;
	align-items: center;
}
.img_intro_inside img{
	max-width: 100%;
}
.content_intro_inside h3{
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 500;
	color: #2151a1;
	padding-bottom: 18px;
	margin-bottom: 20px;
	background: url(../img/line_blue.jpg) no-repeat bottom left;
}
.content_intro_inside h3.h3_red{
	color: #eb0e15!important;
	background: url(../img/line_red.jpg) no-repeat bottom left!important;
}
.content_intro_inside .content_article{
	font-size: 16px;
	line-height: 150%;
}
/*End wrap_intro_inside*/

/*Begin lease*/
.wrap_lease{
	margin-bottom: 15px;	
}
.block_lease{
	width:100%;
	height:100%;
    padding: 5px 0px;
    padding-bottom: 0px;
	transition: 0.3s;
}
.block_lease:hover{
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.img_lease{
	width:100%;
	aspect-ratio:1;
	overflow:hidden;
	display: flex;
	align-items: center;
	background: #e7e7e7;
}
.img_lease a{
	display: flex;
	justify-content: center;
    align-items: center;
}
.img_lease img{
	width:100%;
}
.content_lease h3{
	margin:0px;
	margin-bottom:10px;
}
.content_lease h3 a{
	font-size:15px;
	color:#000;
	font-weight: 600;
	text-transform:uppercase;	
	line-height:150%;
	transition: 0.3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.content_lease h3 a:hover{
	color:#eb0e15;	
}

.content_lease p{
	border-bottom:1px dashed #ccc;
	padding-bottom:5px;
	font-size: 13px;
}
.content_lease p:nth-last-child(1){
	border-bottom:0px;
}
.content_lease p span.content_title{
	display:inline-block;
	width:80px;
	font-size: 13px;
}
.content_value{
	font-size: 13px;
}
.border_solid{
	width: 100%;
	border-bottom: 1px dashed #b2b2b2;
	margin-bottom: 25px;
}
.block_content_value{
	
}
/*End lease*/

/*Begin news_right*/
.list_news_right{
	
}
.wrap_news_right{
	border-bottom: 1px dashed #cccccc;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.block_news_right{
	transition: 0.3s;
}
.block_news_right:hover{
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	transition: 0.3s;
}
.block_img_news_right{

}
.img_news_right{
	width: 100%;
	aspect-ratio:1;
	overflow: hidden;
	display: flex;
	justify-content: center;
	margin: 5px 0px;
}
.img_news_right a{
    display: flex;
    justify-content: center;
    align-items: center;
}
.img_news_right img{
	max-height: 100%;
}
.title_news_right h4{
	margin: 0px;
}
.title_news_right h4 a{
	color: #2151a1;
	font-size: 16px;
	font-weight: 600;
	line-height: 182%;
	text-transform: uppercase;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	transition: 0.3s;
}
.block_news_right:hover h4 a{
	color: #e71818;
}
.des_news_right{
	font-size: 15px;
	line-height: 150%;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*End news_right*/

/*Begin form*/
.wrap_form_article{
	width: 100%;
	display: flex;
	justify-content: center;
}
.block_form_article{
	width: 70%;
	background: #e2e2e2;
	padding: 3%;
	border-radius: 10px;
}

.wrap_form_contact{
	margin-bottom: 25px;
}
.wrap_form_contact h3, .wrap_form_article h3{
	margin:0px;
	margin-bottom:10px;
	font-size:15px;
	font-weight:600;
	line-height:22px;	
}

.wrap_banner_contact{
	padding-left:20px;	
}

.wrap_banner_contact h4{
	color:#2151a1;
	margin:0px;
	font-size:16px;
	font-weight:600;
	line-height:22px;
	text-transform:uppercase;	
	text-align:center;
	margin-bottom:25px;
}

.banner_contact img{
	width:100%;
}

#kmt_contact_form .form-group {
    margin-bottom: 0px;
}
.form-horizontal .form-group .form-control {
    border-radius: 0px;
    border: 1px solid #b2b2b2;
    height: 40px;
}
#kmt_contact_form .kmt_stt_form {
    color: #f00;
    height: 20px;
    padding: 0px !important;
    padding-top: 5px !important;
    padding-left: 10px !important;
    line-height: 12px;
}
/*End form*/