/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i&subset=vietnamese');*/

@font-face {
	font-family: "font-regular";
	src: url(../fonts/helvetica-neue-regular.ttf);
}

@font-face {
	font-family: "font-medium";
	src: url(../fonts/helvetica-neue-medium.ttf);
}

@font-face {
	font-family: "font-bold";
	src: url(../fonts/helvetica-neue-bold.ttf);
}

@font-face {
	font-family: "font-heavy";
	src: url(../fonts/helveticaneuecondensedblack.ttf);
}

@media (min-width: 1400px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1200px;
	}
}

body {
	font-family: "font-regular";
	overflow-x: hidden;
	color: #000;
}

a {
	text-decoration: none;
}

#form_hide {
	display: none;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
	background: #0b2540;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
	background: #0b2540;
}

#fp-nav ul li .fp-tooltip {
	color: #000;
}

/* điều chỉnh khung hình mặc định của owl */
.owl-carousel .owl-item img {
	width: unset;
}

.section {
	height: calc(100vh - 69px) !important;
	height: calc(100dvh - 69px) !important;
	margin-top: 2%;
	display: flex;
	align-items: center
}

/*auto css*/
.css_uppercase {
	text-transform: uppercase !important;
}

.css_center {
	text-align: center !important;
	display: flex;
	justify-content: center;
}

.css_left {
	text-align: left !important;
}

.css_right {
	text-align: right;
}

.css_justify {
	text-align: justify;
}

.id_wrap_block {
	margin-bottom: 50px !important;
}

.is_scroll {
	width: 100% !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: #ff0000
}

.content_article {
	width: 100%;
	clear: both;
	display: inline-block;
	text-align: justify;
	color: #222222;
	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: 18px;
	margin-bottom: 10px;
	color: #0b2540;
	font-weight: 600;
	text-align: left !important;
	margin-top: 0px;
	text-transform: uppercase;
	line-height: 25px;
}

.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: #0b2540 !important;
	margin: 10px 0px 5px 0px !important;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 5px;
	border-top: 1px dashed #ccc;
	clear: both;
	padding-top: 10px;
}

.same_title:hover {
	color: #0b2540 !important;
}

.list_same {
	margin: 0px;
	padding: 10px 0px;
}

.list_same li {
	color: #222;
	margin-bottom: 3px;
	list-style: none
}

.list_same li:hover {
	color: #0b2540;
}

.list_same li:hover a {
	color: #0b2540;
	text-decoration: none
}

.list_same li a {
	font-size: 15px;
	color: #222;
}

.list_same li a span {
	color: #222;
}

/* End css list_same */


.pagination>li>a,
.pagination>li>span {
	color: #fff;
	background-color: #0b2540;
	border: 1px solid #0b2540;
}

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

.kmt_note {
	color: #0b2540;
}


.kmt_bt {
	background: #0b2540;
	border: 0px;
	color: #fff;
}

.kmt_bt:hover {
	background: #0b2540;
	color: #0b2540;
}

.kmt_stt_form {
	font-size: 14px;
	height: 25px;
	color: red;
	padding: 0px !important;
}

.wrap_center {
	margin: 30px auto;
}

.water_mark a {
	color: #fff;
	transition: 0.3s;
}

.water_mark span {
	font-weight: 600;
}

.water_mark a:hover {
	color: #000;
}

#wrap_block_1 {
	width: 100%;
	height: 69px;
	background: #0b2540;
	vertical-align: inherit;
	position: fixed;
	top: 0px;
	z-index: 1000;
	display: flex;
	align-items: center;
}

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

.kmt_top .fp-tableCell {
	vertical-align: inherit;
}

.wrap_logo {
	margin: 6px 0px;
}

.wrap_logo img {
	height: 58px;
}

.wrap_menu {
	display: flex;
	justify-content: flex-end;
}

.wrap_lang {
	text-align: center;
	margin: 10px 0px;
}

.wrap_lang a {
	padding: 0px 3px;
}


#wrap_search {
	float: left;
	width: 400px;
	background: #fff;
	height: 30px;
	margin-left: 20px;
	border-radius: 25px;
}

#wrap_search input:nth-child(1) {
	float: left;
	width: 370px;
	height: 30px;
	line-height: 30px;
	padding-left: 5px;
	color: #000;
	border: 0px;
	font-size: 11px;
	border-radius: 25px;
}

#wrap_search input:nth-child(2) {
	width: 20px;
	height: 30px;
	background: url(../img/icon_search.png) no-repeat center;
	float: left;
	border: 0px;
}

#section1 {
	background: url(../img/bg_intro.jpg) no-repeat top center;
	background-size: cover;
}

#section2 {
	background: url(../img/bg_field.jpg) no-repeat top center;
	background-size: cover;
}

#section3 {
	background: #e6f1f6 !important;
}

#section4 {
	background: url(../img/bg_news.jpg) no-repeat top center;
	background-size: cover;
}

#section5 {
	background: url(../img/bg_partner.jpg) no-repeat top center;
	background-size: cover;
}

#section6 {
	background: url(../img/bg_footer.jpg) no-repeat top center;
	background-size: cover;
}

.wrap_intro_left {
	padding-right: 75px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.block_intro_left {
	max-width: 410px;
}

.wrap_intro_left h2 {
	margin: 0px;
	margin-bottom: 35px;
	color: #000;
	text-align: left;
	text-transform: uppercase;
	font-size: 37px;
}

.wrap_intro_left .content_article {
	color: #000;
	font-size: 16px;
	line-height: 150%;
}

.wrap_intro_right {
	padding: 0px 22px;
}

.rm_intro {
	margin-top: 20px;
	text-align: left;
}

.rm_intro a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 177px;
	height: 42px;
	color: #fff;
	text-transform: uppercase;
	background: #0b2540;
	transition: 0.3s;
}

.rm_intro a::after {
	content: url("../img/intro_triangle.png");
	display: inline-block;
	margin-left: 8px;
	width: 8px;
	height: 9px;
}

.rm_intro a:hover {
	background: #000;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	transform: translate(0px, -3px);
}

.rm_field {
	margin-top: 20px;
	text-align: left;
}

.rm_field a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 177px;
	height: 42px;
	color: #0b2540;
	text-transform: uppercase;
	background: #fff;
	transition: 0.3s;
}

.rm_field a::after {
	content: url("../img/field_triangle.png");
	display: inline-block;
	margin-left: 8px;
	width: 8px;
	height: 9px;
}

.rm_field a:hover {
	background: #000;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	transform: translate(0px, -3px);
}

.container-fluid {
	padding: 0px 40px;
}

.kmt_title {
	font-family: "font-bold";
	width: 100%;
	margin-bottom: 25px;
	color: #0b2540;
	font-size: 65px;
}

.kmt_title_white {
	color: #fff !important;
}

.wrap_project_home {
	margin: 10px 0px;
	padding: 0px 6px;
}


.block_project_home {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

.block_project_home:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.img_project_home {
	width: 100%;
	aspect-ratio: 1.769;
	background: #222;
	overflow: hidden;
	display: flex;
	justify-content: center
}

.img_project_home a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.img_project_home img {
	max-width: 100%;
	object-fit: contain;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transform: scale(1);
	transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.block_project_home h3 {
	margin-top: 20px;
}

.block_project_home h3 a {
	font-family: "font-bold";
	font-size: 16px;
	color: #000;
	line-height: 150%;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-transform: uppercase;
}

.block_project_home h3 a:hover {
	color: #0b2540;
}

.rm_project {
	display: flex;
	justify-content: center;
}

.rm_project a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 177px;
	height: 42px;
	color: #fff;
	text-transform: uppercase;
	background: #0b2540;
	transition: 0.3s;
}

.rm_project a::after {
	content: url("../img/intro_triangle.png");
	display: inline-block;
	margin-left: 8px;
	width: 8px;
	height: 9px;
}

.rm_project a:hover {
	background: #000;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	transform: translate(0px, -3px);
}

.wrap_contact_left {
	font-size: 16px;
	color: #fff;
	line-height: 150%;
}

.wrap_contact_left h6 {
	font-family: "font-bold";
	font-size: 26px;
	color: #c59040;
	text-transform: uppercase;
	margin-bottom: 20px;
	line-height: 140%;
}

.wrap_contact_left p {
	margin-bottom: 15px;
}

.wrap_add {
	margin-bottom: 50px;
}

#wrap_social {
	margin-bottom: 20px;
}

#wrap_social span {
	font-family: "font-bold";
	font-size: 20px;
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#wrap_social img {
	margin-right: 5px;
}

.wrap_contact_right {
	padding-left: 145px;
	border-left: 1px solid rgba(255, 255, 255, 0.6);
	margin-bottom: 20px;
}

#wrap_form_contact input {
	font-size: 15px;
	border: 0px;
	border-radius: 0px;
	background: #fff;
	padding: 8px;
	color: #000;
}

#wrap_form_contact input::placeholder {
	color: #000;
	font-size: 15px;
	padding: 8px;
}

#wrap_form_contact textarea {
	font-size: 15px;
	border: 0px;
	background: #fff;
	border-radius: 0px;
	color: #000;
	padding: 8px;
}

#wrap_form_contact textarea::placeholder {
	color: #000;
	font-size: 15px;
	padding: 8px;
}

#wrap_form_contact .wrap_button_contact {
	display: flex;
}

#wrap_form_contact button {
	font-family: "font-medium";
	width: 127px;
	height: 42px;
	font-size: 16px;
	background: #c59040;
	color: #fff;
	border-radius: 0px;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	transition: 0.3s;
}

#wrap_form_contact button:hover {
	color: #fff;
	background: #0b2540;
	box-shadow: rgba(13, 123, 163, 0.35) 0px 5px 15px;
	transform: translate(0px, -3px);
}

.wrap_news_home_left {}

.block_big_news {
	width: 100%;
	height: 100%;
}

.img_big_news {
	width: 100%;
	aspect-ratio: 1.413;
	background: #7c7c7c;
	overflow: hidden;
	display: flex;
	justify-content: center;
}

.img_big_news a {
	display: flex;
	justify-content: center;
	align-items: center;
}

.img_big_news img {
	max-width: 100%;
	object-fit: contain;
}

.icon_arr {
	width: 100%;
	height: 20px;
	background: url(../img/arr_top.png) no-repeat top center;
	position: relative;
	z-index: 100;
	margin-top: -20px;
}

.block_big_news h5 {
	height: 180px;
	margin: 0px;
	padding: 40px 35px;
	background: #fff;
	width: 100%;
	text-transform: uppercase;
}

.block_big_news h5 a {
	font-family: "font-bold";
	text-transform: uppercase;
	color: #000;
	line-height: 140%;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.block_big_news h5 a:hover {
	color: #0b2540;
}

.list_news_right {
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.list_news_right li {
	width: 100%;
	display: inline-block;
	background: #fff;
	margin-bottom: 30px;
	padding-right: 40px;
}

.has_color li {
	background: #f2f8fa;
}

.img_news_right {
	width: 265px;
	aspect-ratio: 1.469;
	overflow: hidden;
	float: left;
	margin-right: 45px;
	position: relative;
	z-index: 100;
	display: flex;
	justify-content: center;
}

.img_news_right:after {
	content: "";
	width: 20px;
	height: 100%;
	position: absolute;
	z-index: 200;
	right: 0px;
	top: 0px;
	background: url(../img/arr_left_w.png) no-repeat center;
}

.img_news_right a {
	display: flex;
	justify-content: center;
	align-items: center;
}

.img_news_right img {
	max-width: 100%;
	object-fit: contain;
}

.rm_news {
	display: flex;
	justify-content: center;
}

.rm_news a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 177px;
	height: 42px;
	color: #0b2540;
	text-transform: uppercase;
	background: #fff;
	transition: 0.3s;
}

.rm_news a::after {
	content: url("../img/field_triangle.png");
	display: inline-block;
	margin-left: 8px;
	width: 8px;
	height: 9px;
}

.rm_news a:hover {
	background: #000;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	transform: translate(0px, -3px);
}

.has_color .content_news_right h4 {
	margin-top: 10px;
}

.content_news_right h4 {
	margin: 15px 0px;
	margin-top: 30px;
}

.content_news_right h4 a {
	font-family: "font-bold";
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
	line-height: 110%;
	transition: 0.3s;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.content_news_right h4 a:hover {
	color: #0b2540;
}

.content_news_right div {
	font-size: 16px;
	line-height: 25px;
	text-align: justify;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#wrap_block_2_is {
	width: 100%;
	clear: both;
	display: table;
}

#wrap_breadcrumb {
	margin-top: -50px;
	text-align: right;
	margin-bottom: 30px;
}

#wrap_breadcrumb span {
	padding: 10px 20px;
	background: #000;
	color: #fff;
}

#wrap_breadcrumb a {
	color: #fff;
	font-size: 13px;
	padding: 0px 5px;
}

#wrap_breadcrumb a:hover {
	color: #f00;
}

#wrap_block_3_is {
	width: 100%;
	clear: both;
	display: table;
	margin: 0 auto;
}

.kmt_title_is {
	width: 100%;
	margin-bottom: 40px;
	padding-bottom: 10px;
	background: url(../img/line_hov_green.jpg) no-repeat bottom center;
	color: #0b2540;
	font-size: 37px;
	font-weight: bold;
}

.img_intro_mb {
	display: none;
}

.block_intro {
	margin: 35px auto;
}

.img_intro img {
	width: 100%;
	text-align: center;
}

.info_intro h3 {
	margin: 0px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	background: url(../img/line_hov_green.jpg) no-repeat bottom left;
}

.info_intro h3 a {
	font-size: 30px;
	color: #0b2540;
	font-weight: bold;
	line-height: 40px;
	text-transform: uppercase;
}

.info_intro h3 a:hover {
	color: #0b2540;
}

.rm_intro_is {
	margin-top: 20px;
}

.rm_intro_is a {
	padding: 10px 25px;
	color: #fff;
	text-transform: uppercase;
	background: #0b2540;
}

.rm_intro_is a:hover {
	background: #0b2540;
}

#wrap_block_4_is {
	background: url(../img/bg_contact.png) no-repeat top center;
	background-size: cover;
	width: 100%;
	padding: 30px 0px;
}

.wrap_social {
	text-align: right;
	color: #fff;
}

.has_bg {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edf6f5+13,ffffff+43 */
	background: #edf6f5;
	/* Old browsers */
	background: -moz-linear-gradient(left, #edf6f5 13%, #ffffff 43%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #edf6f5 13%, #ffffff 43%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #edf6f5 13%, #ffffff 43%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf6f5', endColorstr='#ffffff', GradientType=1);
	/* IE6-9 */


}

.wrap_left {
	padding-top: 60px;
	padding-bottom: 20px;
	padding-right: 10px;
}

.wrap_right {
	padding-top: 30px;
	background: #fff;
	padding-bottom: 20px;
	padding-left: 10px;
}

.block_left,
.block_right {
	width: 100%;
	clear: both;
	display: inline-block;
	margin-bottom: 15px;
}

.kmt_title_left {
	color: #0b2540;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}

.kmt_title_left a {
	color: #0b2540;
}

.kmt_title_left a:hover {
	color: #f00;
}


.list_news_left {
	width: 100%;
	list-style: none;
	padding: 0px;
	display: inline-block;
	margin-top: 20px;
}

.list_news_left li {
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}

.img_news_left {
	width: 100px;
	height: 70px;
	text-align: center;
	float: left;
	margin-right: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}

.img_news_left img {
	width: 100%;
	height: 100%;
}

.info_news_left h3 {
	margin: 0px;
	margin-bottom: 5px;
}

.info_news_left h3 a {
	font-size: 14px;
	line-height: 19px;
	color: #222;
}

.info_news_left h3 a:hover {
	color: #0b2540;
}

.info_news_left p a {
	color: #0b2540;
}

.info_news_left p a:hover {
	color: #0b2540;
}

.rm_news_left {
	text-align: right;
}

.rm_news_left a {
	color: #0b2540;
	font-size: 14px;
}

.rm_news_left a:hover {
	color: #f00;
}

.menu_left {
	list-style: none;
	padding: 0px;
}

.menu_left li {
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #ccc;
}

.menu_left li a {
	font-weight: 500;
	font-size: 15px;
	color: #222;
}

.menu_left li a:hover,
.active_left a {
	color: #0b2540 !important;
}

.wrap_project {
	margin-bottom: 20px;
}


.block_project {
	width: 380px;
	height: 250px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

.block_project:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
}


.img_project {
	width: 100%;
	height: 160px;
	text-align: center;
	overflow: hidden;
}

.img_project img {
	width: 100%;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transform: scale(1);
	transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.block_project h3 a {
	font-family: "font-bold";
	font-size: 15px;
	color: #000;
	line-height: 22px;
	text-transform: uppercase;
}

.block_project h3 a:hover {
	color: #0b2540;
}

#wrap_tab {
	margin-bottom: 30px;
	text-align: center;
}

#wrap_tab a {
	border: 1px solid #0b2540;
	padding: 10px 15px;
	color: #0b2540;
	font-size: 16px;
	display: inline-block;
	margin: 5px;
	text-transform: uppercase;
}

#wrap_tab a:hover,
.active_tab {
	background: #0b2540 !important;
	color: #fff !important;
}

.list_file {
	list-style: none;
	width: 100%;
	display: inline-block;
	padding: 0px;
}

.list_file li {
	width: 50%;
	float: left;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
}

.list_file li h3 {
	margin: 0px;
	margin-bottom: 20px;
	height: 45px;
	overflow: hidden;
}

.list_file li h3 a {
	color: #222;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 22px;
	padding-right: 15px;
}

.list_file li h3 a:hover {
	color: #0b2540;
}

.list_file li p a {
	padding: 10px 20px;
	background: url(../img/icon_download.png) no-repeat left 10px center #0b2540;
	color: #fff;
	padding-left: 40px;
}

.list_file li p a:hover {
	background: url(../img/icon_download.png) no-repeat left 10px center #0b2540;
	color: #fff;
}

.hide-bullets {
	list-style: none;
	margin-left: -40px;
	margin-top: 20px;
}

.hide-bullets li {
	width: 100%;
}

.carousel-inner {
	width: 100%;
	height: 700px;
	overflow: hidden;
	text-align: center;
}

.carousel-inner img {
	height: 700px !important;
	display: inline-block !important;
}

.thumbnail {
	height: 120px;
	padding: 0px;
	border-radius: 0px;
	overflow: hidden;
}

.thumbnail img {
	width: auto !important;
	height: 100% !important;
}

.active_thumbs a {
	border: 2px solid #0b2540;
}

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

.name_pj {
	line-height: 30px;
}

#menu_mb {
	width: 100%;
	display: none;
}

/*Begin wrap_block_intro_link*/
.block_intro_left h2 {
	font-family: "font-bold";
	font-size: 65px;
	text-transform: uppercase;
	color: #0b2540;
}

.block_intro_left h3 {
	font-size: 40px;
	margin: 10px 0px;
	text-transform: uppercase;
}

.grid_intro_link {
	height: 100%;
}

.grid_intro_link .row {
	margin: 0px 5px;
}

.wrap_intro_link {
	padding: 0px;
}

.block_intro_link {
	position: relative;
	overflow: hidden;
}

.grid_intro_link .row .wrap_intro_link:nth-child(1) h3 a {
	background: url(../img/intro_icon_1.png) no-repeat center top;
}

.grid_intro_link .row .wrap_intro_link:nth-child(2) h3 a {
	background: url(../img/intro_icon_2.png) no-repeat center top;
}

.img_intro_link {
	width: 100%;
	aspect-ratio: 0.569;
	overflow: hidden;
	display: flex;
	justify-content: center;
}

.name_intro_link {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 60px;
}

.img_intro_link img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	transition: 0.5s;
}

.img_intro_link:hover img {
	transform: scale(1.05);
}

.img_intro_link a {
	width: 100%;
	height: 100%;
	display: flex;
}

.name_intro_link h3 {
	text-align: center;
	height: 130px;
}

.name_intro_link a {
	height: 100%;
	font-family: "font-medium";
	color: #fff;
	font-size: 30px;
	transition: 0.3s;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.name_intro_link a:hover {
	transform: translate(0px, -3px);
}

/*End wrap_block_intro_link*/

/*Begin wrap_block_field*/
.wrap_field_left {
	padding-right: 75px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.block_field_left {
	max-width: 420px;
}

.block_field_left h2 {
	font-family: "font-bold";
	font-size: 65px;
	text-transform: uppercase;
	color: #fff;
}

.block_field_left h3 {
	font-size: 40px;
	color: #fff;
	text-transform: uppercase;
}

.wrap_field_left .content_article {
	color: #fff;
	font-size: 16px;
	line-height: 150%;
}

.wrap_field_right {}

.wrap_field {
	margin: 20px 0px;
	padding: 0px 20px
}

.block_field {
	width: 100%;
	height: 100%;
	transition: 0.3s;
}

.block_field:hover {
	box-shadow: rgba(255, 255, 255, 0.35) 0px 5px 15px;
	transform: translate(0px, -3px);
}

.img_field {
	width: 100%;
	aspect-ratio: 1.343;
	overflow: hidden;
	display: flex;
	justify-content: center;
	position: relative;
}

.img_field a {
	display: flex;
	justify-content: center;
	align-items: center
}

.img_field img {
	max-height: 100%;
	object-fit: cover;
}

.info_field {
	transition: 0.3s;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	position: absolute;
	padding: 0px 15%;
	bottom: 20px;
}

.info_field h3 a {
	font-family: "font-bold";
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	line-height: 140%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: 0.3s;

}

.info_field:hover h3 a {}

.black_layer_field {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 50%);
}

/*End wrap_block_field*/

/*Begin wrap_block_partner*/
.wrap_partner_left {
	padding-right: 75px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.block_partner_left {
	max-width: 450px;
}

.block_partner_left h2 {
	font-family: "font-bold";
	font-size: 60px;
	text-transform: uppercase;
	color: #0b2540;
}

.block_partner_left h3 {
	font-size: 40px;
	color: #000;
	text-transform: uppercase;
}

.wrap_partner_left .content_article {
	color: #000;
	font-size: 16px;
	line-height: 150%;
}

.wrap_partner_right {}

.wrap_partner {
	padding: 0px 12px;
	margin: 12px 0px;
}

.block_partner {
	width: 100%;
	height: 100%;
	background: #7c7c7c;
	box-shadow: rgba(13, 123, 163, 0.24) 0px 1px 5px;
	transition: 0.3s;
}

.block_partner:hover {
	box-shadow: rgba(13, 123, 163, 0.35) 0px 5px 15px;
	transform: translate(0px, -3px);
}

.img_partner {
	width: 100%;
	aspect-ratio: 1.154;
	padding: 10px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	background: #fff;
}

.img_partner img {
	max-width: 100%;
	max-height: 100%;
}

/*End wrap_block_partner*/

a.zalo-fix {
	position: fixed;
	right: 20px;
	z-index: 9999;
	bottom: 65px;
	border-radius: 50%;
	box-shadow: 0 0 10px #000000;
}

.hotlineSupport {
	width: 60px;
	height: 60px;
	position: fixed;
	background: #ed3237;
	right: 20px;
	left: inherit;
	bottom: 150px;
	border-radius: 100%;
	text-align: Center;
	color: #ffffff;
	padding-top: 10px;
	font-size: 12px;
	line-height: 20px;
	cursor: pointer;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-o-transform: translateX(0%);
	opacity: 1;
	visibility: initial;
	z-index: 9999;
}

.hotlineSupport i.fa-phone {
	font-size: 21px;
	line-height: 17px;
	-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.hotlineSupport:before {
	width: 100%;
	height: 100%;
	position: absolute;
	box-shadow: 0px 0px 20px #ed3237;
	content: "";
	left: 0;
	top: 0;
	border-radius: 100%;
	animation: shadow 1s infinite ease;
	-webkit-animation: shadow 1s infinite ease;
	-moz-animation: shadow 1s infinite ease;
	-o-animation: shadow 1s infinite ease;

	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.hotlineSupport:after {
	width: 100%;
	height: 100%;
	position: absolute;
	box-shadow: 0px 0px 20px #ed3237;
	content: "";
	left: 0;
	top: 0;
	border-radius: 100%;
	animation: shadow 1.4s 1000ms infinite;
	-webkit-animation: shadow 1.4s 1000ms infinite;
	-moz-animation: shadow 1.4s 1000ms infinite;
	-o-animation: shadow 1.4s 1000ms infinite;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

@-webkit-keyframes shadow {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .1
	}

	20% {
		transform: rotate(0deg) scale(1.2) skew(1deg);
		opacity: .2
	}

	40% {
		transform: rotate(0deg) scale(1.3) skew(1deg);
		opacity: .4
	}

	60% {
		transform: rotate(0deg) scale(1.4) skew(1deg);
		opacity: .6
	}

	80% {
		transform: rotate(0deg) scale(1.5) skew(1deg);
		opacity: .4
	}

	100% {
		transform: rotate(0deg) scale(1.6) skew(1deg);
		opacity: .1
	}
}

@-moz-keyframes shadow {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .1
	}

	20% {
		transform: rotate(0deg) scale(1.2) skew(1deg);
		opacity: .2
	}

	40% {
		transform: rotate(0deg) scale(1.3) skew(1deg);
		opacity: .4
	}

	60% {
		transform: rotate(0deg) scale(1.4) skew(1deg);
		opacity: .6
	}

	80% {
		transform: rotate(0deg) scale(1.5) skew(1deg);
		opacity: .4
	}

	100% {
		transform: rotate(0deg) scale(1.6) skew(1deg);
		opacity: .1
	}
}

@-o-keyframes shadow {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .1
	}

	20% {
		transform: rotate(0deg) scale(1.2) skew(1deg);
		opacity: .2
	}

	40% {
		transform: rotate(0deg) scale(1.3) skew(1deg);
		opacity: .4
	}

	60% {
		transform: rotate(0deg) scale(1.4) skew(1deg);
		opacity: .6
	}

	80% {
		transform: rotate(0deg) scale(1.5) skew(1deg);
		opacity: .4
	}

	100% {
		transform: rotate(0deg) scale(1.6) skew(1deg);
		opacity: .1
	}
}

@keyframes shadow {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg);
		opacity: .1
	}

	20% {
		transform: rotate(0deg) scale(1.2) skew(1deg);
		opacity: .2
	}

	40% {
		transform: rotate(0deg) scale(1.3) skew(1deg);
		opacity: .4
	}

	60% {
		transform: rotate(0deg) scale(1.4) skew(1deg);
		opacity: .6
	}

	80% {
		transform: rotate(0deg) scale(1.5) skew(1deg);
		opacity: .4
	}

	100% {
		transform: rotate(0deg) scale(1.6) skew(1deg);
		opacity: .1
	}
}

@-moz-keyframes quick-alo-circle-img-anim {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg)
	}

	10% {
		-moz-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		-moz-transform: rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		-moz-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		-moz-transform: rotate(25deg) scale(1) skew(1deg)
	}

	50% {
		-moz-transform: rotate(0deg) scale(1) skew(1deg)
	}

	100% {
		-moz-transform: rotate(0deg) scale(1) skew(1deg)
	}
}

@-webkit-keyframes quick-alo-circle-img-anim {
	0% {
		-webkit-transform: rotate(0deg) scale(1) skew(1deg)
	}

	10% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}

	50% {
		-webkit-transform: rotate(0deg) scale(1) skew(1deg)
	}

	100% {
		-webkit-transform: rotate(0deg) scale(1) skew(1deg)
	}
}

@-o-keyframes quick-alo-circle-img-anim {
	0% {
		-o-transform: rotate(0deg) scale(1) skew(1deg)
	}

	10% {
		-o-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		-o-transform: rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		-o-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		-o-transform: rotate(25deg) scale(1) skew(1deg)
	}

	50% {
		-o-transform: rotate(0deg) scale(1) skew(1deg)
	}

	100% {
		-o-transform: rotate(0deg) scale(1) skew(1deg)
	}
}

@keyframes quick-alo-circle-img-anim {
	0% {
		transform: rotate(0deg) scale(1) skew(1deg)
	}

	10% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}

	50% {
		transform: rotate(0deg) scale(1) skew(1deg)
	}

	100% {
		transform: rotate(0deg) scale(1) skew(1deg)
	}
}