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

.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: #013239;
	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: #e99d32 !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: #e99d32;
}

.list_same li:hover a {
	color: #e99d32;
	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: #013239;
	border: 1px solid #013239;
}

.pagination>li>a:hover {
	background-color: #e99d32;
	border-color: #e99d32;
	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: #e99d32;
	border-color: #e99d32;
}

/*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: #013239;
	color: #fff;
	transition: 0.3s;
}

.kmt_bt:hover {
	background: #e99d32;
	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: #013239;
	padding: 15px 0px;
}

#wrap_block_1>.container>.row {
	display: flex;
	align-items: center;
}

.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 {
	height: 75px;
}

.wrap_logo img:nth-child(1) {
	margin-right: 5px;
}

#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;
	display: none;
}

.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: #e99d32;
	font-weight: 600;
	margin-top: 0px;
}

.small_title_intro {
	color: #e99d32;
	font-weight: 700;
	font-size: 25px;
	text-transform: uppercase;
}

.wrap_intro_left h2 {
	margin: 10px 0px;
	font-size: 54px;
	color: #013239;
}

.rm_intro a {
	color: #e99d32;
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	transition: 0.3s;
}

.rm_intro a:hover {
	color: #013239;
}

.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: #013239;
	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: #e99d32;
}

.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: #013239;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
}

.project_view a:hover {
	background: #e99d32;
}

.view_all_project {
	width: 100%;
	text-align: center;
	margin-top: 30px;
	clear: both;
	transition: 0.3s;
}

.view_all_project a {
	color: #e99d32;
	border: 2px solid #e99d32;
	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 #e99d32;
	background: #e99d32;
	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: #e99d32;
}

#wrap_block_5 {
	width: 100%;
	padding: 30px 0px;
	background: #013239;
	padding-bottom: 0px;
}

#wrap_block_5 h6 {
	margin: 0px;
	text-transform: uppercase;
	font-size: 24px;
	color: #e99d32;
	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: #013239;
	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: #e99d32;
	color: #000;
	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;
	color: #fff;
	;
}

.newsletter_status {
	color: #e99d32;
}

.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: #013239;
	color: #fff;
	font-size: 27px;
	text-align: center;
}

.phone_contact span {
	font-weight: 600;
	font-size: 30px;
	color: #e99d32;
}

.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: #e99d32 !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: #e99d32;
	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 #013239;
	transition: 0.3s;
}

.wrap_filter_project_right button:hover {
	background: url(../img/icon_filter.png) no-repeat top 10px center #e99d32;
}

.wrap_filter_project_left span {
	width: 100%;
	background: #e99d32;
	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;
	transition: 0.3s;
}

.wrap_filter_project_left span:hover {
	background: #013239;
}

.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: #e99d32;
	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 0px;
	background: #013239;
	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: 14px;
	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: #013239;
	line-height: 22px;
	font-weight: 500;
}

.same_project li h3 a:hover {
	color: #e99d32;
}

.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: #e99d32;
}

.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 #013239;
	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: #e99d32;
}

.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: #e99d32;
	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 #013239;
	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: #e99d32;
	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: #013239;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: 0.3s;
}

.block_news:hover h4 a {
	color: #e99d32;
}

.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: #e99d32;
	padding-bottom: 18px;
	margin-bottom: 20px;
	background: url(../img/line_red.jpg) no-repeat bottom left;
}

/* .content_intro_inside h3.h3_red {
	color: #e99d32 !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: #e99d32;
}

.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: #013239;
	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: #e99d32;
}

.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: #013239;
	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*/