/*!
 * home.css
 * Version - 1.0
 * Website: Dahuong
 * Author: KhanhHV
 * Copyright (c) 2020 bicweb.com
 */
.logo h1 {
	margin: 0;
	font-size: 1rem;
}

.gd_box__title {
	text-align: center;
}

	.gd_box__title .gd_text {
		font-size: 30px;
		color: #083190;
		font-weight: bold;
		margin-bottom: 30px;
		position: relative;
		padding-bottom: 10px;
	}

		.gd_box__title .gd_text::after {
			content: "";
			width: 70px;
			height: 1px;
			background-color: #008ed4;
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
		}

.kh_module {
	padding: 70px 0 0;
	text-align: center;
}

/*********************************************
	1. Banner
	**********************************************/
	.gd_banner {
		clear: both;
	}

		.gd_banner img.bg_slider {
		}

	.gd_banner_image {
		margin: 0;
	}

	.gd_banner .owl-nav [class^="owl-"] {
		color: #fff;
		line-height: 1;
		opacity: 0;
		position: absolute;
		text-align: center;
		top: 50%;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		transition: all 0.3s ease-in 0s;
		visibility: hidden;
		z-index: 100;
		height: 65px;
		width: 40px;
		cursor: pointer;
		font-size: 48px;
	}

	.gd_banner .owl-prev {
		left: 40px;
	}

	.gd_banner .owl-next {
		right: 40px;
	}

	.gd_banner:hover .owl-nav [class^="owl-"] {
		opacity: 1;
		visibility: visible;
	}

	.gd_banner .owl-nav.disabled {
		display: none;
	}


	.gd_banner .owl-dots {
		position: absolute;
		bottom: 25px;
		display: flex;
		padding: 3px 10px;
		border-radius: 5px 5px 0 0;
		left: 50%;
		transform: translateX(-50%);
	}

		.gd_banner .owl-dots::after, .gd_banner .owl-dots:before {
			content: "";
			bottom: 0;
			position: absolute;
			display: none;
		}

		.gd_banner .owl-dots::after {
			border-left: 0px solid transparent;
			border-right: 15px solid transparent;
			right: -14px;
			border-bottom: 24px solid #fff;
		}

		.gd_banner .owl-dots::before {
			border-left: 15px solid transparent;
			border-top: 0px solid transparent;
			border-bottom: 24px solid #fff;
			left: -14px;
		}

	.gd_banner .owl-dot {
		padding: 5px;
	}

	.gd_banner .owl-dots .owl-dot span {
		display: block;
		width: 10px;
		height: 10px;
		border-radius: 5px;
		background: #fff;
		transition: all 300ms ease-in 0ms;
	}

	.gd_banner .owl-dot.active span {
		width: 50px;
	}

	.gd_box_testimonial .owl-dots {
		background: none;
		bottom: -20px;
	}

	.owl-nav.disabled {
		display: none;
	}
	.kh_module_why .owl-dots {
		position: absolute;
		bottom: -13%;
		display: flex;
		padding: 3px 10px;
		border-radius: 5px 5px 0 0;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.kh_module_why .owl-dots:before, .kh_module_why .owl-dots::after{
		content: "";
		bottom: 0;
		position: absolute;
		display: none;
	}

	.kh_module_why .owl-dots::after {
		border-left: 0px solid transparent;
		border-right: 15px solid transparent;
		right: -14px;
		border-bottom: 24px solid #fff;
	}

	.kh_module_why .owl-dots::before {
		border-left: 15px solid transparent;
		border-top: 0px solid transparent;
		border-bottom: 24px solid #fff;
		left: -14px;
	}

	.kh_module_why .owl-dot, .gd_module__thanhphan .owl-dot, .kh_testimonial .owl-dot {
		padding: 5px;
	}

	.kh_module_why .owl-dots .owl-dot span{
		display: block;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		border: 1.5px solid #da8240;
		transition: all 300ms ease-in 0ms;
	}

	.kh_module_why .owl-dot.active span, .gd_module__thanhphan .owl-dot.active span, .kh_testimonial .owl-dot.active span {
		background-color: #da8240;
		background-image: linear-gradient(45deg, #da8240, #fde583, #da8240);
		background-size: 100%;
		-moz-background-clip: text;
		-moz-text-fill-color: transparent;
	}

	.kh_down_croll {
		cursor: pointer;
		text-align: center;
		width: max-content;
		margin: 0 auto;
	}
	.kh_down_croll span {
		display: block;
		width: max-content;
		margin: 0 auto;
	}
	.kh_down_croll span:first-child {
		color: #fff;
		font-size: 1.4rem;
		text-transform: uppercase;
		font-weight: 600;
	}
	.kh_down_croll span i {
		font-size: 30px;
		font-weight: lighter;
		color: #fff;
	}

/*********************************************
	2. Module About
	**********************************************/
	.kh_module.kh_module_about .kh_box_about {
		width: 55%;
		margin: 0 auto;
		font-weight: 400;
	}
	.kh_box_title {
		text-align: center;
	}
	.kh_box_title .kh_title_home {
		text-transform: uppercase;
		font-weight: 700;
		color: var(--color);
	}
	.kh_sub_title {
		color: var(--color2);
		font-weight: 400;
		font-size: 1.4rem;
		margin-bottom: 8px;
	}
	.kh_inner_title {
		position: relative;
		margin-bottom: 30px;
	}
	.kh_inner_title.kh_have_line {
		padding: 0 0 10px;
	}
	.kh_inner_title.kh_have_line::before {
		content: '';
		position: absolute;
		width: 100px;
		height: 1px;
		background: var(--color2);
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
	}
	.kh_inner_title.kh_have_line::after {
		content: '';
		position: absolute;
		width: 30px;
		height: 30px;
		left: 50%;
		bottom: -15px;
		transform: translateX(-50%);
		background: url(../images/icon/leaf.png) no-repeat;
		background-position: center center;
		background-size: auto;
		background-color: #fff;
	}
	.kh_box_title.kh_font_title .kh_title_home {
		font-family: 'Pacifico';
		text-transform: unset;
		font-weight: 300;
	}
	.kh_box_title.kh_font_title .kh_sub_title {
		margin-bottom: 0;
	}

/*********************************************
	2. Module dịch vụ
	**********************************************/
	.kh_box_title.kh_special_title .kh_title_home {
		text-transform: unset;
		font-weight: 400;
		font-family: 'Pacifico';
		font-size: 2rem;
	}
	.kh_box_title.kh_special_title .kh_title_home .kh_sub_title {
		font-weight: unset;
		font-size: unset;
		margin-bottom: unset;
	}

	.kh_list_services {
		margin: 0 -5px;
		flex-wrap: wrap;
	}
	.kh_list_services .kh_item_service {
		flex: 0 0 50%;
		max-width: 50%;
		padding: 0 5px;
		margin-bottom: 10px;
	}
	.kh_img_service {
		margin-bottom: 0;
	}
	.kh_inner_service a {
		position: relative;
		display: block;
	}
	.kh_inner_service a::before {
		content: '';
		position: absolute;
		width: 45%;
		height: 100%;
		left: 0;
		top: 0;
		background-color: rgba(123,85,48,0.85);
		transition: width 0.3s linear 0s;
		-webkit-transition: width 0.3s linear 0s;
		-o-transition: width 0.3s linear 0s;
		-moz-transition: width 0.3s linear 0s;
		z-index: 1;
	}
	.kh_inner_service a:hover::before {
		width: 100%;
	}
	.kh_abs_box {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 45%;
		text-align: left;
		padding: 30px;
		display: flex;
		flex-flow: column;
		justify-content: center;
		z-index: 2;
	}
	.kh_name_service {
		color: #fff;
		font-size: 1rem;
		text-transform: uppercase;
		font-weight: 500;
	}

/*********************************************
	3. Module dự án
	**********************************************/
	.kh_list_project {
		margin: 0 -5px;
		flex-wrap: wrap;
	}
	.kh_list_project .kh_left_proj, .kh_list_project .kh_right_proj {
		flex: 0 0 50%;
		max-width: 50%;
		padding: 0 5px;
	}
	.kh_right_proj {
	}
	.kh_right_proj .kh_inner_right_proj {
		display: flex;
		flex-wrap: wrap;
		margin: -5px;
	}
	.kh_right_proj .kh_inner_right_proj .kh_item_proj {
		flex: 0 0 50%;
		max-width: 50%;
		padding: 5px;
	}
	.kh_img_proj {
		margin-bottom: 0;
		overflow: hidden;
	}
	.kh_inner_proj {
	}
	.kh_inner_proj a {
		display: block;
		position: relative;
		color: #fff;
	}
	.kh_inner_proj .kh_abs_box {
		width: 100%;
		height: auto;
		bottom: 0;
		left: 0;
		display: block;
		top: unset;
		padding: 20px 20px 20px 40px;
		z-index: 2;
	}
	.kh_inner_proj .kh_abs_box .kh_add_service {
		font-size: 1.3rem;
		font-weight: 600;
		line-height: 1.3;
	}
	.kh_inner_proj a::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(rgba(255,255,255,0) 50%,rgba(0, 0, 0, 0.6));
		left: 0;
		bottom: 0;
		z-index: 1;
	}
	.kh_inner_proj .kh_abs_box .kh_tax_proj {
		position: relative;
		font-weight: 400;
	}
	.kh_inner_proj .kh_abs_box .kh_tax_proj::before {
		content: '';
		position: absolute;
		width: 30px;
		height: 1px;
		background-color: #fff;
		left: -35px;
		bottom: 8px;
	}
	.kh_list_project .kh_left_proj .kh_img_proj {
		height: calc(500/695 * var(--content-size)/2 - 20px);
	}
	.kh_list_project .kh_right_proj .kh_img_proj {
		height: calc(500/695 * var(--content-size)/4 - 15px);
	}
	.kh_img_proj .img-fluid {
		transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
		transform: scale(1);
		height: 100%;
		object-fit: cover;
		width: 100%;
	}
	.kh_inner_proj a:hover .kh_img_proj .img-fluid {
		transform: scale(1.1);
	}
	.kh_box_btn {
		margin-top: 40px;
	}
	.kh_box_btn .kh_link_btn {
		padding: 13px 50px 10px;
		border: 1px solid var(--color);
		color: #222;
		line-height: 1;
		border-radius: 30px;
	}
	.kh_box_btn .kh_link_btn:hover {
		background-color: var(--color) !important;
		color: #fff;
	}
	.wpcf7-form .kh_box_btn .kh_link_btn {
		background-color: transparent;
		color: #fff;
	}

/*********************************************
	4. Module tin tức
	**********************************************/

	.kh_news_thumb {
		flex: 0 0 35%;
		max-width: 35%;
		margin-right: 20px;
		margin-bottom: 0;
		border: 1px solid #cccccc59;
		border-radius: 10px;
		overflow: hidden;
		height: calc(160/240 * var(--content-size)/2 * 35/100 - 10px);
	}
	.kh_news_thumb .img-fluid {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.kh_news_item_content {
		text-align: left;
		flex: 1;
	}
	.kh_des_news p {
		display: -webkit-box;
		max-width: 100%;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		font-weight: 400;
		color: #444;
		margin-bottom: 0;
	}
	.kh_news_item {
		margin-bottom: 30px;
	}
	.kh_news_item_title a {
		color: #222;
		/*! font-size: 1.1rem; */
		font-weight: 600;
		line-height: 1.3;
		display: block;
		margin-bottom: 10px;
	}
	.kh_module.kh_module_news {
		padding-bottom: 70px;
	}
	.kh_module.kh_module_news .kh_box_btn {
		margin-top: 10px;
	}
	.kh_news_item_title a:hover {
		color: var(--color);
	}
	.kh_news_thumb a {
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;
	}
	.kh_news_thumb a::after, .kh_news_thumb a::before {
		background: #ffffff;
		width: 0;
		height: 100%;
		position: absolute;
		content: '';
		opacity: 0.5;
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		z-index: 1;
	}
	.kh_news_thumb a::after {
		top: 0;
		left: 0;
	}
	.kh_news_thumb a::before {
		right: 0;
		bottom: 0;
	}
	.kh_news_thumb:hover a::after, .kh_news_thumb:hover a::before {
		width: 100%;
		height: 100%;
	}

/*********************************************
	5. Module liên hệ
	**********************************************/
	.kh_module.kh_module_contact {
		padding: 70px 0;
		text-align: left;
		background: url(../images/bg_contact.jpg) no-repeat;
		background-position: center center;
		background-size: cover;
		background-color: #888;
	}
	.kh_module.kh_module_contact .kh_box_title {
		text-align: left;
		padding-right: 40px;
	}
	.kh_module.kh_module_contact .kh_box_title .kh_inner_title.kh_have_line::before {
		left: 0;
		transform: unset;
		background-color: #fff;
	}
	.kh_module.kh_module_contact .kh_box_title .kh_inner_title.kh_have_line::after {
		content: unset;
	}
	.kh_module.kh_module_contact .kh_box_title .kh_title_home {
		color: #fff;
	}
	.kh_des_contact {
		color: #fff;
	}

	.kh_module.kh_module_contact .form-control {
	  	background: rgba(255, 255, 255, 0.2);
	  	border-radius: 24px;
	  	color: #fff;
	  	font-size: 14px;
	  	padding: 10px 25px;
	}
	.kh_module.kh_module_contact .form-control::placeholder {
	  	color: #fff;
	}
	.kh_module.kh_module_contact textarea.form-control {
	  	height: 150px;
	}

/*********************************************
	10. Module XXX
	**********************************************/
	@media screen and (min-device-width: 858px) and (max-device-width: 1800px) {

	}
	@media screen and (min-device-width: 1600px) and (max-device-width: 1800px) {

	}

	@media screen and (max-device-width: 1536px) and (min-device-width: 1440px) {

	}

	@media only screen and (max-width: 1440px) {
		.kh_inner_proj .kh_abs_box .kh_add_service {
		  	font-size: 1.2rem;
		}
		.kh_inner_proj .kh_abs_box {
		  	padding: 15px;
		  	padding-left: 25px;
		}
		.kh_inner_proj .kh_abs_box .kh_tax_proj::before {
		  	width: 15px;
		  	left: -20px;
		}
		.kh_module.kh_module_about .kh_box_title .kh_title_home {
		  	font-size: 1.8rem;
		}
		.kh_abs_box {
			width: 40%;
			padding: 20px;
		}
		.kh_inner_service a::before {
			width: 40%;
		}
		.kh_news_item_title a {
			margin-bottom: 5px;
		}
		.kh_name_service {
			font-size: 15px;
		}
	}
	@media screen and (max-device-width: 1366px) {

		.kh_module.kh_module_about .kh_box_title .kh_title_home {
			font-size: 1.5rem;
		}
		.kh_module {
			padding: 50px 0 0;
		}

		.kh_module.kh_module_news {
			padding-bottom: 50px;
		}

		.kh_module.kh_module_contact {
			padding: 50px 0;
		}

	}
	@media screen and (min-device-width: 992px) and (max-device-width: 1440px) {


	}
	@media only screen and (max-width: 1024px) {

	}

	@media only screen and (max-width: 1199px) {
		.kh_module.kh_module_about .kh_box_title .kh_title_home {
			font-size: 1.4rem;
		}
		.kh_module.kh_module_about .kh_box_about {
			width: 70%;
		}
		.kh_inner_proj .kh_abs_box .kh_tax_proj {
			font-size: 14px;
		}
		.kh_inner_proj .kh_abs_box .kh_add_service {
			font-size: 1.1rem;
		}
		.kh_inner_proj .kh_abs_box {
			padding: 10px;
			padding-left: 25px;
		}
		.kh_icon_service .img-fluid {
			max-width: 50%;
		}
	}
	@media only screen and (max-width: 1119px) and (min-width: 1080px){

	}
	@media only screen and (max-width: 1079px) and (min-width: 992px) {

	}
	@media only screen and (max-width: 1024px) {


	}
	@media only screen and (max-width: 992px) and (min-width: 768px) {
		

	}
	@media screen and (max-device-width: 992px) {
		.kh_list_project .kh_left_proj, .kh_list_project .kh_right_proj {
			flex: 0 0 100%;
			max-width: 100%;
			margin-bottom: 10px;
		}
		.kh_module.kh_module_about .kh_box_about {
			width: 100%;
		}
		.kh_list_services .kh_item_service {
			flex: 0 0 100%;
			max-width: 100%;
		}
		.kh_list_project .kh_left_proj .kh_img_proj {
			height: calc(500/695 * var(--content-size)/1 - 20px);
		}
		.kh_list_project .kh_right_proj .kh_img_proj {
			height: calc(500/695 * var(--content-size)/2 - 15px);
		}
		.kh_news_thumb {
			max-width: 100%;
			margin-right: 0;
			margin-bottom: 15px;
		}
		.kh_news_item_inner.d-flex {
			display: block !important;
		}
		.kh_has_slide .kh_list_services {
			margin: unset;
			padding: 0 30px;
		}
		.kh_list_services .kh_item_service {
			padding: 0;
		}
		.kh_inner_service a::before {
			z-index: 1;
		}

		.kh_abs_box {
			z-index: 2;
		}

		.kh_icon_service .img-fluid {
			width: unset !important;
		}

	}

	@media only screen and (max-width: 767px) and (min-width: 577px) {

	}

	@media screen and (max-device-width: 576px) {
		.kh_module.kh_module_about .kh_box_title .kh_title_home {
			font-size: 1.2rem;
		}
		.kh_module {
			padding: 40px 0 0;
		}
		.kh_module.kh_module_news {
			padding-bottom: 40px;
		}
		.kh_module.kh_module_contact {
			padding: 40px 0;
		}
		.kh_box_btn {
			margin-top: 30px;
		}

		.kh_icon_service {
			display: none;
		}

		.kh_inner_service a::before {
			content: unset;
		}

		.kh_abs_box {
			width: 100%;
			padding: 10px;
			height: auto;
			top: unset;
			bottom: 0;
			background-color: rgba(123,85,48,0.85);
		}
		.kh_name_service {
			font-size: 12px;
		}

		.kh_box_title.kh_font_title .kh_title_home {
			font-size: 1.7rem;
		}

		.kh_box_title.kh_special_title .kh_title_home {
			font-size: 1.7rem;
		}

		.kh_right_proj .kh_inner_right_proj .kh_item_proj {
			flex: 0 0 100%;
			max-width: 100%;
		}

		.kh_list_project .kh_right_proj .kh_img_proj {
			height: calc(500/695 * var(--content-size)/1 - 15px);
		}

		.kh_module.kh_module_contact .kh_box_title {
			padding-right: 15px;
			margin-bottom: 20px;
		}
		.kh_news_thumb {
			height: calc(160/240 * var(--content-size)/1);
		}

	}
	@media only screen and (max-width: 736px) and (min-width: 414px) {
		
	}
	@media only screen and (max-width: 731px) and (min-width: 411px) {
		
	}

	@media screen and (max-device-width: 414px) {
		
	}
	@media only screen and (max-width: 812px) and (min-width: 375px) {
		
	}
	@media screen and (max-device-width: 414px) { 
		
	}
	@media only screen and (max-width: 667px) and (min-width: 375px) {
		
	}
	@media only screen and (max-device-width: 724px) and (min-device-width: 325px) {
		
	}   
	@media screen and (max-device-width: 375px) {

	}
	@media screen and (max-device-width: 360px) {

	}
	@media only screen and (max-width: 808px) and (min-width: 331px) {

	}
	@media only screen and (max-width: 744px) and (min-width: 231px) {

	}