/*!
 * layout.css
 * Version - 1.0
 * Website: uscom.com
 * Author: Ghida
 * Copyright (c) 2021 bicweb.com
 */

 /*#region EDITER - WP DEFAULT */

 .alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
	max-width: 100%;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
	max-width: 100%;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
	max-width: 100%;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.wp-caption {
 
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption .wp-caption-text {
	font-size: 14px;
	padding: 10px;
}

.gd_content_editor *:not(table) {
	max-width: 100%;
}

.gd_content_editor img {
	height: auto;
}

.gd_content_editor strong, .gd_content_editor b {
	font-weight: 600;
}

.gd_content_editor h2 {
	font-size: 1.25rem;
	font-weight: 600;
}

.gd_content_editor h3, .gd_content_editor h4 {
	font-weight: 500;
	font-size: 1.125rem;
}

.gd_content_editor h5, .gd_content_editor h6 {
	font-style: oblique;
	font-weight: 500;
	font-size: 1rem;
}

.gd_content_editor ol, .gd_content_editor ul {
	padding-left: 30px;
}

.gd_content_editor a {
	color: #183885;
	font-weight: 600;
}

.gd_content_editor a:hover, .gd_content_editor a:active, .gd_content_editor a:focus {
	color: #008ed4;
	font-weight: 600;
}


/*#endregion */

/*#region MAIN */

.kh_banner_page .kh_box_title_prod .page-title {
	margin: 0;
}
.kh_banner_page .gd_breadcrumb .breadcrumbs {
	margin-bottom: 50px;
	padding: 0;
	color: #fff;
	text-transform: uppercase;
}
.gd_breadcrumb {
	justify-content: space-between;
	align-items: flex-end;
}

.breadcrumbs {
	font-size: 1rem;
	font-size: 1rem;
	position: relative;
	padding: 20px 0;
	margin-bottom: 30px;
}
.breadcrumbs a {
	color: #fff;
}

.breadcrumbs a:hover, .breadcrumbs a:active, .breadcrumbs a:focus {
	color: #f7ba00;
}

.gd_box__title {
	position: relative;
	margin-bottom: 1.875rem;
}

.gd_box__title .gd_text {
	font-size: 2.5rem;
	font-weight: 400;
	color: #222;
	margin: 0;
}

.gd_box__desc {
	font-size: 1rem;
}

.gd_cover_item {
	position: relative;
	max-height: 300px;
	overflow: hidden;
	margin-bottom: 1.875rem;
}

.gd_cover_item .img-fluid {
	width: 100%;
}

.gd_absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	line-height: 1.5rem;
	width: 100%;
	text-align: center;
}

.gd_absolute .gd_text {
	font-size: 3.5rem;
	color: #f7ba00;
	text-transform: uppercase;
	margin: 0;
	font-weight: bold;
	line-height: 1.2;
}


/*#endregion */

/*#region POST */
.gd_post__item {
	margin-bottom: 2rem;
}

.gd_post__inner {
	display: flex;
}

.gd_post__image {
	flex: 0 0 36.3%;
	margin-bottom: 0;
	background: -webkit-linear-gradient(45deg, #008ed4 0%, #00a3e7 100%);
	background: linear-gradient(45deg, #f7ba00 0%,#00a3e7 100%);
	border-radius: 5px;
	height: calc(185 / 330 * (var(--content-size) / 4.36 + 30px));
}

.gd_post__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	max-width: none;
	width: 100%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
	transition: opacity 0.35s, transform 0.45s;
	border-radius: 5px;
}

.gd_post__image a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.gd_post__image:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.gd_post__image:hover a:before {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.gd_post__content {
	padding-left: 25px;
}
.gd_meta {
	margin-bottom: 10px;
	font-size: 0.85rem;
}
.gd_meta .gd_bag {
	background-color: #f7ba00;
	border-radius: 5px;
	padding: 3px 15px;
	color: #fff;
	display: inline-block;
	margin-right: 10px;
}
.gd_post__title {
}

.gd_post__title .gd_text {
	font-size: 1.15rem;
	color: #222;
	display: -webkit-box !important;
	max-width: 100%;
	margin-bottom: 0.5rem;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 600;
}

.gd_post__title .gd_text:hover {
	color: #f7ba00;
}

.gd_post__excerpt {
	color: #222222;
	font-size: 1rem;
	line-height: 1.42;
}

.gd_post__excerpt p.text-right {
	margin: 0;
}

.gd_post__list .gd_readmore {
	margin-top: 0;
	background: none;
	color: #008ed4;
	padding: 0;
	font-size: 1rem;
	font-weight: normal;
}

.gd_post__list .gd_readmore .fal {
	margin-left: 5px;
	transition: all 300ms cubic-bezier(.17,.67,.83,.67);
}

.gd_post__list .gd_readmore:hover .fal {
	transform: translateX(10px);
}

.gd_post__meta {
	font-size: 14px;
	text-transform: uppercase;
	color: #666666;
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.25rem;
}

.gd_post__meta .gd_date {
	white-space: nowrap;
	padding-right: 10px;
	text-transform: capitalize;
}

.gd_post__meta .gd_date .far {
	color: #008ed4;
}

.gd_post__col .gd_posts__items {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

.gd_post__col .gd_post__item {
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
	padding-left: 15px;
	padding-right: 15px;
}

.gd_post__col .gd_post__inner {
	display: block;
}

.gd_post__col .gd_post__content {
	padding-left: 0;
	margin-top: 15px;
}

/* ===================================================== */

/*Post single*/
.gd_post__single_title {
	font-size: 1.5rem;
	color: #222222;
	margin-bottom: 0.85rem;
	font-weight: 600;
}

.gd_post__single .gd_post__meta {
	margin-bottom: 0.5rem;
}

.gd_post__single .gd_post__meta::after {
	width: 80%;
	border-bottom: 1px solid #fff;
	content: "";
	top: 50%;
	position: relative;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.kh_author_post {
	margin-top: 20px;
}

.kk-star-ratings {
	margin-bottom: 30px;
}

.fb_iframe_widget_fluid_desktop iframe {
	min-width: 100% !important;
}

.gd_post__single_content {
	font-size: 1rem;
	line-height: 1.42;
	text-align: justify;
	position: relative;
	margin-bottom: 40px;
}

.gd_post__single .share {
	margin: 1rem 0;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.gd_post__single .share::before {
	width: 80%;
	border-bottom: 1px solid #fff;
	content: "";
	top: 50%;
	position: relative;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.gd_widget__singlepage {
	margin-bottom: 60px;
	margin-top: 10px;
}
/*Post related*/
.related-post-list {
	margin-bottom: 40px;
	margin-top: 40px;
}

.gd_related__title {
	margin-bottom: 0;
}

.gd_related__title .gd_text {
	font-size: 1.5rem;
	font-weight: 600;
	display: block;
	margin-bottom: 1.5rem;
	line-height: 1.42;
	text-align: center;
	padding-bottom: 1rem;
	position: relative;
}

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

.gd_related__content {
	margin-left: -10px;
	margin-right: -10px;
	flex-wrap: wrap;
}

.gd_related__content .gd_post__item {
}

.gd_related__content .gd_post__inner {
	display: block;
	position: relative;
}

.gd_related__content .gd_post__image {
	margin-bottom: 0px;
}

.gd_related__content .gd_post__image::before {
	content: "";
	background: linear-gradient(to top,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.15));
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	visibility: visible;
	opacity: 1;
	z-index: 1;
	border-radius: 5px;
}

.gd_related__content .gd_post__content {
	padding: 10px 15px;
	max-width: 100%;
	bottom: 0;
	color: #fff;
	z-index: 2;
	transition: all 300ms ease-in 0ms;
}
.gd_related__content .gd_post__content:hover{
	background: linear-gradient(to top,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0));
}

.gd_related__content .gd_post__title .gd_text {
	font-size: 1rem;
	margin-bottom: 10px;
	-webkit-line-clamp: 3;
	color: #fff;
	text-transform: none;
	line-height: 1.42;
	font-weight: 500;
}


.gd_related__content .gd_post__excerpt {
	font-size: 15px;
}

.gda-popular-post .gd_post__item:last-child {
	margin: 0;
}

ul.gd_related__content {
	margin: 0;
	padding: 0;
}

ul.gd_related__content li {
	list-style: none;
	padding: 8px 0 8px 15px;
	border-bottom: 1px solid #ebebeb;
	position: relative;
}

ul.gd_related__content li::before {
	border-radius: 50%;
	content: "";
	background-color: #ccc;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 1rem;
	left: 0;
}

ul.gd_related__content li a {
	color: #222222;
}

ul.gd_related__content li a:hover {
	color: #008ed4;
}

ul.gd_related__content li:last-child {
	border: none;
}
/*#endregion */

/*#region GALERY */

.list_tax_filter {
	margin-bottom: 30px;
}

.list_tax_filter .nav {
	display: flex;
	justify-content: center;
}

.list_tax_filter .nav-link {
	text-transform: uppercase;
	color: #666;
	border: 1px solid #ccc;
	margin: 0 5px;
	padding: .85rem 2rem;
	width: 200px;
	text-align: center;
}

.list_tax_filter .nav-link.active {
	background-color: #008ed4;
	border-color: #008ed4;
	color: #fff;
}

.gd_gallery_inner {
	position: relative;
}

.gd_gallery_inner a::before {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,142,212,0.8);
	z-index: 1;
	transition: all 300ms ease-in 0ms;
	opacity: 0;
}

.gd_gallery_inner a::after {
	color: #fff;
	content: "\f00e";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, 50%);
	width: 60px;
	height: 60px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #fff;
	line-height: 58px;
	z-index: 2;
	opacity: 0;
	transition: all 300ms ease-in 0ms;
	font-weight: 300;
	font-size: 26px;
}

.gd_gallery_inner:hover a::before {
	opacity: 1;
}

.gd_gallery_inner:hover a::after {
	opacity: 1;
	transform: translate(-50%, -50%);
}

.gd_gallery_inner .img-fluid {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 300ms ease-in-out 0ms;
}

.gd_gallery_video .gd_gallery_inner a::after {
	content: "\f04b";
	font-weight: bold;
}

.gd_gallery_image {
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}

.gd_gallery_image:hover .img-fluid {
	transform: scale(1.1);
}

.gd_gallery_content {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0.75rem 0;
	opacity: 0;
	transition: all 300ms ease-in-out 0ms;
	z-index: 2;
}

.gd_gallery_title {
	font-size: 1rem;
	color: #fff;
	margin: 0;
}
.gd_gallery_title::before {
	content: "";
	background-color: #fff;
	width: 50px;
	height: 1px;
	display: inline-block;
	margin-right: 10px;
}
.gd_gallery_inner:hover .gd_gallery_content {
	opacity: 1;
}
/*#endregion */
/*#region PRODUCT */
.gd_p__item {
	margin-bottom: 30px;
}

.gd_p__inner {
}

.gd_p__image {
	margin-bottom: 1.5rem;
}

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

.gd_p__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 300ms ease-in 0ms;
}

.gd_p__image:hover img {
	transform: scale(1.1);
}

.gd_p__content {
}

.gd_p__title {
}

.gd_p__title .gd_text {
	color: #008ed4;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 0;
	text-align: center;
}

.gd_p__title .gd_text:hover {
	color: #222;
}
/*Single Product*/
.gd_product__title {
	font-size: 1.5rem;
	text-transform: uppercase;
	font-weight: bold;
	color: #008ed4;
	margin-top: -5px;
}

.product_action {
	margin-bottom: 2rem;
	display: flex;
	justify-content: space-between;
}

.product_action .btn {
	flex: 0 0 49%;
	background-color: #008ed4;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 0;
	padding: 0;
	display: flex;
	align-items: center;
}

.product_action .btn i {
	border-right: 1px solid #000;
	line-height: 60px;
	flex: 0 0 60px;
}

.product_action .btn span {
	border-left: 1px solid rgba(255,255,255,0.25);
	display: block;
	text-align: center;
	white-space: nowrap;
	width: 100%;
	height: 100%;
	padding-top: 1.1rem;
}

.product_action .btn:hover {
	background-color: #464646;
}

.gd_product_image {
	border: 1px solid #ccc;
}

.gd_product_image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.owl_thumb_slider {
	padding: 0 0 0px !important;
}

.owl_thumb_slider li {
	list-style: none;
	border: 1px solid #e5e5e5;
	overflow: hidden;
}

.owl_thumb_slider .owl-nav [class^="owl-"] {
	background: #ca0000;
	color: #fff;
	opacity: 1;
	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.1s ease-in 0s;
	z-index: 100;
	height: 30px;
	line-height: 30px;
	width: 30px;
	cursor: pointer;
	visibility: visible;
	font-size: 20px;
	line-height: 1.4;
}

.owl_thumb_slider .owl-prev, .owl_thumb_slider .owl-next {
	display: none;
}

.gd_product_desc {
	margin-top: 2rem;
}

.gd_product_desc .table.table-bordered {
	width: auto;
}

.related-product-content .gd_box__title {
	margin-bottom: 2rem;
}

.related-product .gd_p__image {
	height: calc(250/300 * (1410px/4 - 30px));
}
/*#endregion */

/*#region SIDEBAR */
.widget {
	margin-bottom: 40px;
}
.gd_widget {
	background-color: #f5f5f5;
	padding: 15px 30px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.widget .gd_widget__title {
	text-align: left;
	position: relative;
	padding: 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #ccc;
	margin-bottom: 20px;
}

.gd_widget__content .gd_info__text {
	margin-left: 20px;
	margin-top: 3px;
	font-size: 16px;
}

.gd_widget__content .gd_info__text b {
	font-size: 20px;
}

.widget .gd_widget__title .gd_text {
	color: #464646;
	line-height: 1.2;
	display: inline-block;
	padding: 0;
	position: relative;
	font-size: 1.4rem;
	font-weight: 600;
	text-transform: uppercase;
}

.widget .gd_widget__title .gd_text::before {
	content: '';
	width: 100%;
	height: 3px;
	bottom: -12px;
	background-color: #f7ba00;
	left: 0;
	position: absolute;
}
/*GDA - POST*/
.gda-popular-post .gd_widget__title .gd_text {
	margin: 0;
}

.gda-popular-post .gd_widget__content {
	padding: 1.25rem 0;
}

.gda-popular-post .gd_post__item {
	margin-bottom: 1.25rem;
}

.gda-popular-post .gd_post__image {
	flex: 0 0 140px;
	height: 80px;
}

.gda-popular-post .gd_post__image a::before {
	display: none;
}

.gda-popular-post .gd_post__title .gd_text {
	font-size: 1rem;
	-webkit-line-clamp: 3;
	font-weight: 500;
	color: #222;
	margin-top: -3px;
}

.gda-popular-post .gd_post__title .gd_text:hover {
	color: #f7ba00;
}

.gda-popular-post .gd_post__content {
	padding-left: 15px;
}

.gda-popular-post .gd_post__content .gd_date {
	font-size: 13px;
	display: block;
	color: #bdbdbd;
}

/*POST Entries*/
.widget_recent_entries ul {
	padding-left: 0;
	list-style: none;
}

.widget_recent_entries ul li {
	margin-bottom: 0.5rem;
}

.widget_recent_entries ul li a {
	font-size: 1.125rem;
	color: #333;
	display: block;
}

.widget_recent_entries ul li a:hover {
	color: #008ed4;
}

.widget_categories ul {
	padding-left: 15px;
}

.widget_categories ul li {
	margin-bottom: 0.5rem;
}

.widget_categories ul li a {
	font-size: 1rem;
	color: #222;
	display: block;
}

.widget_categories ul li a:hover {
	color: #008ed4;
}

.widget_media_image img {
	max-width: 100%;
	display: block;
	margin: auto;
	border-radius: 8px;
}

.widget_text .form_wrap__trip {
}

.widget_text .form_wrap__trip .form-group .form-control {
	height: 35px;
	border-radius: 0;
}

.form_wrap__trip .title {
	text-transform: uppercase;
	color: #008ed4;
	font-weight: bold;
	display: block;
	text-align: center;
	font-size: 1.125rem;
}

.form_wrap__trip .form-group.d-flex {
	align-items: center;
	margin-bottom: 10px;
}

.form_wrap__trip .form-group.d-flex .wpcf7-form-control-wrap {
	width: 100%;
}

.form_wrap__trip .form-group.d-flex > i {
	font-size: 12px;
	color: #008ed4;
}

.form_wrap__trip .form-group.d-flex .form-control {
	font-size: .85rem;
}

.form_wrap__trip .form-group.text-center {
	margin: 0;
}

.form_wrap__trip .form-group .book-note {
	height: 65px;
	border-radius: 0;
	font-size: 0.85rem;
}

.form_wrap__trip .form-group .book-now {
	width: 100%;
	background: #008ed4 url(../images/icon/send_small.png) no-repeat left 85px center;
	color: #fff;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 400;
}

.form_wrap__trip .wpcf7-not-valid-tip {
	font-size: 0.85rem;
	padding-left: 12px;
}
/*Widget Nav*/

.widget_nav_menu {
}

.widget_nav_menu ul.menu {
	border-top: none;
	list-style: none;
	padding: 0;
}

.widget_nav_menu ul.menu li {
	padding: 1rem;
}

.widget_nav_menu ul.menu li a {
	color: #222;
	position: relative;
}

.widget_nav_menu ul.menu li a:hover {
	color: #008ed4;
	position: relative;
}

.widget_nav_menu ul.menu > li {
	padding: 1rem 0 0;
}

.widget_nav_menu ul.menu > li:last-child {
	border-bottom: none;
}

.widget_nav_menu ul.menu > li > a {
	color: #222;
	display: inline-block;
	padding-left: 1rem;
}

.widget_nav_menu ul.menu > li > a::before {
	border-radius: 50%;
	content: "";
	background-color: #008ed4;
	width: 4px;
	height: 4px;
	position: absolute;
	top: 0.7rem;
	left: 0;
}

.widget_nav_menu ul.menu > li > a:hover::before {
	background-color: #008ed4;
}

/*PHỤ KIỆN*/

.gd_widget__content .gd__p_item {
  max-width: 100%;
  padding: 0;
}
.gd_widget__content .gd__p_inner {
  display: flex;
  border: none;
}
.gd_widget__content .gd__p_image {
  border: 1px solid #ccc;
  border-radius: 5px;
  max-width: 105px;
  height: 105px;
  flex: 0 0 105px;
  padding: 0;
  overflow: hidden;
}
.gd__p_image {
}
.gd_widget__content .gd__p_content {
  text-align: left;
  padding-top: 0;
  font-weight: 500;
}
.gd_widget__content .gd__p_price .price {
  justify-content: flex-end;
}

/*#endregion */

/*#region CONTACT */

.kh_form_contact {
}
.kh_form_contact .wpcf7 {
	padding: 30px;
	background: #F4F4F4;
	border-radius: 10px;
}
.kh_form_contact .wpcf7 .kh_title_form {
	font-weight: bold;
	font-size: 20px;
	color: #f7ba00;
	margin-bottom: 20px;
}
.kh_item_field.kh_flex_field {
	margin: 0 -5px 10px;
}
.kh_item_field.kh_flex_field .kh_item_flex_field {
	padding: 0 5px;
	flex: 0 0 50%;
	max-width: 50%;
}
.kh_form_contact .wpcf7 .kh_submit_form {
	flex-flow: row;
	justify-content: flex-start;
}
.kh_address_company {
}
.kh_address_company .gd_add_inner {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.kh_address_company .gd_add_inner:last-child {
	border: none;
}

.page-content.page-contact {
}

.gd_contact_us {
	background-color: #fff;
	padding: 40px;
	margin-top: -100px;
	position: relative;
}

.gd_contact_us .form-control {
	height: 50px;
	padding: .375rem 20px;
}

.gd_contact_us .gd_ct_form .gd_box__title .gd_text {
	font-weight: bold;
	margin-bottom: 30px;
	color: #008ed4;
	text-align: center;
}

.gd_address__item [class^="gd_add_col"] {
	text-align: center;
}

.gd_address__item {
	align-items: center;
	margin-bottom: 30px;
}

.gd_address__item .fal {
	padding-top: 2rem;
	font-size: 2rem;
	border-radius: 50%;
	background: #008ed4;
	color: #fff;
	width: 95px;
	height: 95px;
}

.gd_add_title {
	font-size: 1.25rem;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 1.5rem;
	margin-bottom: 10px;
}

.gd_add_content {
	font-size: 0.9375rem;
}

.gd_contact_form {
	width: 70%;
	margin: auto;
	max-width: 870px;
}

.gd_contact_form .wpcf7-form-control-wrap {
	width: 100%;
}

.gd_contact_form .row {
	margin: 0;
}

.gd_contact_form .form-group {
	padding: 0 5px;
	margin-bottom: 10px;
}

.gd_contact_form .form-control {
	border-radius: 0;
	font-size: 1rem;
}

.gd_contact_form .form-control:focus {
	box-shadow: none;
}

.gd_contact_form .col-form-label {
	font-size: 1rem;
}

.gd_contact_form .wpcf7-textarea.form-control {
	height: 110px;
}

.gd_contact_form .wpcf7-submit {
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	border: none;
	background: #008ed4 url(../images/icon/send_small.png) no-repeat left 15px center;
	cursor: pointer;
	padding: 15px 30px 15px 50px;
	font-size: 1.25rem;
	line-height: 1;
	border-radius: 0;
	width: 300px;
	margin-top: 10px;
}

.gd_contact_form .wpcf7-submit:hover {
	background-color: #464646;
}

.form_wrap .form-group.text-right {
	position: relative;
}

.gd_contact_form .ajax-loader {
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.gd_contact_form p {
	font-size: 1.5rem;
	font-weight: 400;
}

.gd_contact_form .gd_submit {
	font-size: 1.5rem;
	font-weight: 400;
	text-align: center;
	position: relative;
}

.gd_contact_form .gd_submit::before {

}
/*======================================================
PAGE LIÊN HỆ
========================================================*/

.gd_loaction .gd_map {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 10px;
}
.gd_contact_page {
	overflow: hidden;
}
.gd_loaction{
    position: relative;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.gd_loaction ul{
    list-style: none;
}
.box-address-contact {
    position: absolute;
    max-width: 500px;
    top: 15px;
    left: 15px;
    transform: translateX(-515px);
    transition: all 2s ease;
}
.box-address-contact.active {
    transform: translateX(0px);
}
.header_box {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: 0 0 5px #ccc;
}
.header_box a {
    display: block;
    padding: 10px 28px;
    color: #222;
}
.header_box a span , 
.header_box a i{
    color: #FDC508;
    font-weight: 700;
}
.box_tab {
    background: #fff;
    border-radius: 5px;
    padding:15px 28px;
    box-shadow: 0 0 5px #ccc;
}
.content-address-contact {
    padding-top: 20px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
    border: none;
    border-bottom: 1px solid #FDC508;
}
.nav.nav-tabs {
    display: flex;
    justify-content: space-between;
}
.nav-tabs .nav-link{
    border: none;
    padding:15px 0;
    text-transform: uppercase;
    display: inline-block;
}
.nav-tabs .nav-item {
    margin-bottom: -1px;
    width: 33.33%;
    text-align: center;
}
.list_p_contact {
    display: flex;
    margin-bottom: 5px;
}
.list_p_contact a{
    color: #222;
}
.list_p_contact i {
    color: #FDC508;
    width: 25px;
    min-width: 25px;
}
.checkmap {
    display: flex;
    justify-content: space-between;
}
.checkmap a{
    width: 49%;
    border: 1px solid #FDC508;
    border-radius: 50px;
}
.checkmap a {
    width: 49%;
    border: 1px solid #FDC508;
    border-radius: 50px;
    padding: 9px 0 5px;
    text-align: center;
    color: #222;
    text-transform: uppercase;
}
.map_i{
    background: #FDC508;
    position: relative;
}
.map_i i {
    position: absolute;
    background: #fff;
    width: 36px;
    height: 36px;
    text-align: center;
    right: 2px;
    border-radius: 50px;
    top: 1px;
    padding-top: 10px;
    font-weight: 700;
}
.content_box_contact {
    position: relative;
}

.hide-contact {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #FDC508;
    border-radius: 3px;
    text-align: center;
    padding-top: 3px;
    position: absolute;
    right: -28px;
    top: 0;

}

.content_form_contact {
	width: 60%;
	margin: 0 auto;
}
.form_contact.kh_module_feature {
	padding: 50px 0 80px;
	text-align: center;
	background-image: url("../images/bg_home_2.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #002653;
}
.content_form_contact .form-group {
	margin-bottom: 10px;
}
.content_form_contact .form-group.row {
	margin: 0 -5px 10px;
}
.content_form_contact .form-group.row .col-md-6.col-12 {
	padding: 0 5px;
}
.content_form_contact .form-group input {
	padding: 10px 20px;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
}
.content_form_contact .from-coltrol {
	margin-bottom: 20px;
}
.content_form_contact .from-coltrol textarea {
	background-color: rgba(0,0,0,0.7);
	padding: 10px 20px;
	height: 200px;
	color: #fff;
}
.content_form_contact .from-coltrol textarea::placeholder {
	color: #fff;
}
.content_form_contact .form-group input::placeholder {
	color: #fff;
}
.content_form_contact .submit_form {
}
.content_form_contact .submit_form .contentform {
	background-color: #f7ba00;
	padding: 10px;
	border-radius: 30px;
	position: relative;
	display: inline-flex;
	width: 200px;
	justify-content: center;
	align-items: center;
}
.content_form_contact .submit_form .contentform #submit_contaxt {
	background: none;
	border: none;
	padding: 0;
	color: #222;
	margin-left: 10px;
}
.content_form_contact .submit_form .contentform .wpcf7-spinner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
}
/*#endregion */

/*#region PAGE NAVIGATE */

.navigation {
	clear: both;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 2.5rem;
}

.navigation .pages {
	margin-right: 15px;
	display: none;
}

.navigation a, .navigation span.current {
	display: inline-block;
	border-radius: 5px;
	text-align: center;
	margin-right: 8px;
	background-color: #f5f5f5;
	margin-bottom: 8px;
	width: 38px;
	line-height: 38px;
	color: #282828;
	font-weight: 600;
}

.navigation a:hover, .navigation span.current {
	color: #fff;
	border-color: #f7ba00;
	background-color: #f7ba00;
}

.navigation a.last, .navigation a.first {
	width: auto;
	padding: 0 15px;
}

.navigation .extend {
	margin-right: 8px;
}

/*#endregion */

/*#region PROJECT */
.gd_project__title .gd_text {
	font-size: 1rem;
	font-weight: 600;
	color: #222;
}

.gd_project__title .gd_text:hover {
	color: #008ed4;
}

.gd_project__title .gd_text::before {
	content: "";
	background-color: #008ed4;
	font-size: 1.25rem;
	width: 40px;
	height: 1px;
	display: inline-block;
	margin-right: 10px;
}

.gd_project__image a {
	position: relative;
	display: block;
}

.gd_project__image a:before {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-color: #2784b0;
	z-index: 1;
	opacity: 0;
	transition: all 300ms ease-in 0ms;
}

.gd_project__image a::after {
	color: #fff;
	content: "\f00e";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #fff;
	line-height: 78px;
	z-index: 2;
	opacity: 0;
	font-size: 24px;
	font-weight: 300;
}

.gd_project__image:hover a::before {
	opacity: 0.5;
}

.gd_project__image:hover a::after {
	opacity: 1;
}
/*#endregion */
/*News in product*/
.gd_module__service .gd_related__title .gd_text {
	text-align: left;
	font-size: 1rem;
}
.gd_module__service .gd_related__title .gd_text::after {
	left: 0;
	transform: translateX(0);
}
.gd_module__service .gd_post__item {
	flex: 1 1 20%;
	padding-right: 15px;
	padding-left: 15px;
}
.gd_module__service .gd_post__image {
	flex: 0 0 140px;
	height: 80px;
}
.gd_module__service .gd_post__image img {
	height: auto;
	width: 100%;
}
.gd_module__service .gd_post__title .gd_text {
	font-size: 1rem;
	font-weight: 400;
	-webkit-line-clamp: 3;
}
.gd_module__service .gd_post__content {
	padding-left: 15px;
	padding-top: 0;
}

/*HVKhanh -- Tin tức*/
.kh_paginate_ajax.kh_box_btn.kh_paginate_post {
	margin-bottom: 100px;
}
.kh_paginate_post.kh_box_btn .kh_btn a {
	background-color: rgba(0,0,0,0.2);
	color: #222;
}
.page-content.page-article.kh_page_cat.kh_module {
	background: #fff;
	color: #222;
}
.page-content.page-article.kh_page_cat  .kh_wrap_news .kh_list_post .kh_inner_post {
  	color: #222;
  	font-weight: 600;
}
.kh_first_post {
  	flex: 0 0 50%;
  	max-width: 50%;
  	margin: 0 30px 0 0;
}
.kh_first_post a, .kh_first_post a img {
  	display: block;
  	width: 100%;
  	object-fit: cover;
}
.kh_banner_page {
	position: relative;
}
.kh_banner_page::before {
	content: unset;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.2);
}
.kh_banner_page .img-fluid.kh_image_banner {
	width: 100%;
}
.kh_list_term {
	list-style: none;
	padding-left: 0;
	display: flex;
	margin: 0 -5px 40px;
	justify-content: center;
	align-items: center;
}
.kh_list_term .kh_item_term {
	flex: 0 0 auto;
	padding: 0 5px;
}
.kh_list_term .kh_item_term a {
	display: block;
	color: #282828;
	font-weight: 500;
	border: 1px solid #ccc;
	border-radius: 30px;
	padding: 6px 30px;
	background-color: #99999926;
}
.kh_list_term .kh_item_term.actived a {
	background-color: #f7ba00;
	color: #222;
	padding: 6px 30px;
	border: 1px solid #f7ba00;
	border-radius: 30px;
}
.kh_list_term .kh_item_term:not(.actived) a:hover {
	color: #f7ba00;
}

#load-posts {
}
.gda_news__item.kh_none_resuilt {
	min-height: 200px;
}
#load-posts .kh_inner_news {
	 
}
.kh_item_news .kh_title_post a {
	color: #222;
	font-size: 1.1rem;
	display: block;
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 5px;
}
#load-posts .kh_item_news .kh_content_news {
	padding: 0;
}
.page-content.page-article.kh_page_cat .kh_wrap_news {
	margin-bottom: 50px;
}
#load-posts .kh_item_news .kh_content_news .kh_date_post {
	color: #555;
}
.kh_item_news .kh_title_post a:hover {
	color: #f7ba00;
}
.kh_img_news {
	border-radius: unset;
	margin-bottom: 10px;
}

.kh_img_news.kh_img_video a {
  	position: relative;
  	display: block;
  	width: 100%;
  	height: 100%;
}
.kh_img_news.kh_img_video a::before {
  	position: absolute;
  	content: "\f04b";
  	font-family: "Font Awesome 5 Pro";
  	width: 60px;
  	height: 60px;
  	left: 50%;
  	top: 50%;
  	transform: translate(-50%, -50%);
  	background-color: #f7ba00;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	border-radius: 50%;
  	font-weight: 600;
  	color: #fff;
  	z-index: 2;
}
.kh_img_news.kh_img_video a::after {
  	content: '';
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	left: 0;
  	top: 0;
  	background-color: rgba(0,0,0,0.3);
  	z-index: 1;
}
.kh_img_news .img-fluid {
	width: 100%;
	object-fit: cover;
	height: 100%;
}
#load-posts .kh_item_news {
	margin-bottom: 30px;
}
.kh_link_detal a {
	color: #f7ba00;
}
.kh_excerpt_post p {
	margin-bottom: 0;
}
.kh_excerpt_post {
	margin-bottom: 10px;
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #555;
}

.kh_item_popular {
  	margin-bottom: 20px;
}
.kh_list_popular .kh_item_popular:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
.kh_item_popular .kh_img_popular {
  	flex: 0 0 40%;
  	max-width: 40%;
  	margin-bottom: 0;
  	margin-right: 20px;
  	border-radius: 5px;
  	overflow: hidden;
}
.kh_title_popular a {
  	font-weight: 400;
  	display: -webkit-box !important;
  	max-width: 100%;
  	margin-bottom: .5rem;
  	-webkit-line-clamp: 3;
  	-webkit-box-orient: vertical;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	color: #282828;
}
.kh_item_popular .kh_img_popular .img-fluid {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.kh_title_popular a:hover {
	color: #f7ba00;
}

.widget .wpcf7-form {
	padding: 40px 30px 10px 30px;
	text-align: center;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 6px;
}
.widget .wpcf7-form .kh_title_form {
	color: #f7ba00;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.widget .kh_list_video {
	list-style: none;
	padding-left: 0;
}
.kh_video_post {
	margin-bottom: 10px;
	text-align: center;
}
.kh_video_post a {
	display: block;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.kh_video_post a .kh_btn_play {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: #f7ba00;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	border-radius: 50%;
	font-size: 12px;
	z-index: 2;
}
.kh_video_post a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	z-index: 1;
}
.widget .kh_list_video li:not(.kh_first_video) a::before {
	content: '';
	width: 5px;
	height: 5px;
	background-color: #f7ba00;
	border-radius: 50%;
	/*! margin-right: 15px; */
	margin-top: 10px;
	/*! display: block; */
	position: absolute;
	left: 0;
}
.widget .kh_list_video li:not(.kh_first_video) a {
	/*! display: flex; */
	position: relative;
	display: block;
	padding-left: 20px;
}
.widget .kh_list_video li a {
	color: #222;
}
.widget .kh_list_video li {
  	padding-bottom: 12px;
  	margin-bottom: 15px;
  	border-bottom: 1px solid #ccc;
}
.widget .kh_list_video li:last-child {
  	padding: 0;
  	margin: 0;
  	border: none;
}
.widget .kh_list_video li a:hover {
  	color: #f7ba00;
}

.kh_box_form {
}
.kh_box_form .wpcf7-form-control-wrap {
	width: 100%;
	display: block;
}
.kh_box_form .wpcf7-form-control-wrap i {
}
.kh_box_form .wpcf7-form-control-wrap .wpcf7-form-control {
	width: 100%;
	padding: 8px 15px;
	font-size: 15px;
	color: #595A5A;
	border: 0.5px solid rgba(89, 90, 90, 0.3);
	box-sizing: border-box;
	border-radius: 4px;
	margin-bottom: 2px;
}
.kh_box_form .wpcf7-form-control-wrap textarea.wpcf7-form-control {
	height: 70px;
}
.kh_submit_form {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	margin-top: 5px;
}
.kh_submit_form .kh_submit_btn {
	text-align: center;
	padding: 8px 40px;
	border-radius: 30px;
	background-color: #f7ba00;
	border: none;
	color: #fff;
	font-weight: 600;
}
.kh_item_field {
	margin-bottom: 10px;
}
.widget .wpcf7-form .wpcf7-response-output {
	margin: 0;
	margin-bottom: 10px;
}

.kh_page_content_post {
	background-color: #fff;
	color: #222;
	padding-top: 120px;
}
.kh_page_content_post .kh_main_post {
	margin-bottom: 30px;
}
.kh_page_content_post {
}
.kh_page_content_post .kh_main_post .kh_name_post {
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 20px;
	text-align: center;
}
.kh_post__meta {
	display: flex;
	justify-content: center;
	margin-bottom: 5px;
	color: #fff;
}
.kh_post__meta .views_share {
	display: flex;
	align-items: center;
}
.kh_post__meta .views_share .kh_share {
	display: flex;
	align-items: center;
	margin-left: 30px;
}
.kh_views {
}
.kh_views span {
	margin-left: 10px;
}
.kh_link_social_detail {
	display: flex;
	align-items: center;
	margin-left: 10px;
}
.kh_link_social_detail .zalo-share-button {
	width: 28px !important;
	height: 28px !important;
	cursor: pointer;
}

.kh_post__meta .views_share .kh_share::before {
	content: 'Share';
}
.kh_post__meta .kh_mark_between {
	margin: 0 5px;
}
.kh_list_tags {
	align-items: center;
	margin-bottom: 30px;
}
.kh_list_tags a {
	padding: 5px 15px;
	background-color: #ebebeb;
	border-radius: 30px;
	margin: 0 5px;
	color: #222;
}
.kh_list_tags .kh_title_tag {
	margin-right: 10px;
}
.kh_list_tags a:hover {
	background-color: #f7ba00;
	color: #fff;
}

.kh_inner_author {
	display: flex;
}
.kh_box_author {
	padding: 20px;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 8px;
}
.kh_avt_author {
	margin-bottom: 0;
	width: 200px;
	height: 200px;
	border-radius: 5px;
	overflow: hidden;
	margin-right: 20px;
}
.kh_info_author {
	flex: 1;
}
.kh_avt_author .img-fluid {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.kh_job_author {
	color: #f7ba00;
	margin-bottom: 5px;
}
.kh_name_author {
	color: #000;
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 20px;
}
.kh_des_author {
	margin-bottom: 20px;
}
.kh_des_author p {
	margin-bottom: 0;
}
.kh_social_author {
	display: flex;
	align-items: center;
}
.kh_social_author ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	margin: 0 -7px;
}
.kh_social_author ul .kh_social_author ul li {
	flex: 0 0 auto;
}
.kh_social_author ul li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background-color: #f7ba00;
	color: #fff;
	border-radius: 50%;
	padding-top: 2px;
}
.kh_social_author ul li {
	padding: 0 7px;
}
.kh_text_social_author {
	margin-right: 15px;
}
.kh_wrap_related * {
	text-align: left;
}
.kh_wrap_related .owl-dots {
	display: none;
}
.kh_box_related {
	padding: 50px 0;
}
.kh_box_related .kh_title_cat {
	font-size: 2.8rem;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	color: #f7ba00;
	margin-bottom: 20px;
}
.kh_wrap_related .owl-prev, .kh_wrap_related .owl-next {
  	transform: unset;
  	background: rgba(89, 90, 90, 0.5);
  	color: #fff;
  	width: 38px;
  	height: 38px;
  	font-size: 2rem;
  	display: flex;
  	justify-content: center;
  	align-items: center;
}
.kh_wrap_related .owl-prev {
  	left: 1px;
}
.kh_wrap_related .owl-next {
  	right: 1px;
}

.kh_module_related_post {
  	padding-bottom: 80px;
}
.kh_module_related_post .kh_box_btn {
  	margin: 0;
}
.kh_module_related_post .kh_box_btn a {
  	color: #222;
  	background: #e2e2e2;
  	text-transform: uppercase;
}
.kh_module_related_post .kh_box_title {
  	text-align: center;
  	text-transform: uppercase;
  	font-size: 2.2rem;
  	font-weight: 600;
  	margin-bottom: 50px;
}

/*HVKhanh -- Giới thiệu*/

.kh_nav {
	margin-bottom: 50px;
	justify-content: center;
	border: none;
	align-items: center;
}
.kh_page_intro {
	padding: 70px 0;
}
.kh_nav .kh_nav_item {
	flex: 0 0 auto;
	padding: 0 20px;
}
.kh_nav .kh_nav_item .kh_nav_link {
	color: #282828;
	font-weight: 600;
	padding: 0;
	border: none;
}
.kh_nav .kh_nav_item .kh_nav_link.active {
	padding: 10px 20px;
	background-color: #f7ba00;
	color: #fff;
	border-radius: 30px;
}
.kh_nav .kh_nav_item .kh_nav_link:not(.active):hover {
	color: #f7ba00;
}
.tab-content.kh_tab_content {
	width: 80%;
	margin: 0 auto;
	text-align: justify;
}
.kh_padding_bottom {
	padding-bottom: 70px;
}

/*HVKhanh -- Hệ thống*/
.kh_page.kh_page_store {
	padding-bottom: 50px;
}
.kh_nav_area {
}
.kh_nav_area .kh_title_area {
	color: #f7ba00;
	font-size: 20px;
	font-weight: 600;
}
.kh_nav_area .kh_nav {
	display: flex;
	margin: 0;
	margin: 30px 0;
	border-radius: 5px;
	overflow: hidden;
}
.kh_nav_area .kh_nav .kh_area_item {
	flex: auto;
	text-align: center;
	margin: 0;
}
.kh_nav_area .kh_nav .kh_area_item .kh_area_link {
	border: none;
	background-color: #f4f4f4;
	color: #f7ba00;
	font-weight: 600;
	padding: 10px 0;
}
.kh_nav_area .kh_nav .kh_area_item .kh_area_link.active {
	background-color: #f7ba00;
	color: #fff;
	border-radius: unset;
}
.kh_list_city {
}
.kh_list_city .tab-content.kh_tab_content {
	width: 100%;
}
.kh_list_city .tab-content.kh_tab_content .kh_list_provinces {
	list-style: none;
	padding-left: 0;
}
.kh_list_provinces .card {
	border: none;
}
.kh_list_provinces .card .card-header {
	background-color: #fff;
	padding: 10px 0;
	border-bottom: 1px solid #f7ba00;
}
.kh_list_provinces .card .card-header .btn-link {
	padding: 0;
	color: #f7ba00;
	font-weight: 600;
	display: flex;
	align-items: center;
	position: relative;
}
.kh_list_provinces .card .card-header .btn-link:focus, .kh_list_provinces .card .card-header .btn-link:hover {
	text-decoration: none;
}
.card-body .kh_list_districts {
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.kh_list_provinces .card-body {
	padding: 30px 5px 0;
}
.card-body .kh_list_districts .kh_item_district {
	flex: 0 0 25%;
	max-width: 25%;
	padding: 5px 10px;
}
.kh_list_city .tab-content.kh_tab_content .kh_list_provinces .kh_item_province {
	margin-bottom: 30px;
}
.kh_list_provinces .card .card-header .btn-link::before {
	content: '';
	width: 40px;
	height: 40px;
	background: url(../images/icon/list_icon.png) no-repeat center;
	background-color: #f7ba00;
	border-radius: 50%;
	margin-right: 15px;
}

.card-body .kh_list_districts .kh_item_district a {
  	display: inline-flex;
  	color: #282828;
  	align-items: center;
}
.card-body .kh_list_districts .kh_item_district a::before {
  	content: '\f04b';
  	font-family: "Font Awesome 5 Pro";
  	font-weight: 600;
  	font-size: 14px;
  	margin-right: 15px;
  	color: #f7ba00;
}
.card-body .kh_list_districts .kh_item_district a:hover {
  	color: #f7ba00;
}
.kh_list_provinces .card .card-header .btn-link::after {
  	content: '\f067';
  	font-family: "Font Awesome 5 Pro";
  	font-weight: 500;
  	font-size: 25px;
  	margin-right: 15px;
  	color: #f7ba00;
  	position: absolute;
  	right: 0;
  	top: 50%;
  	transform: translateY(-50%);
}
.kh_list_provinces .card .card-header .btn-link:not(.collapsed)::after {
  	content: '\f068';
}

.kh_filter_store {
	padding: 30px 20px;
	box-shadow: 0 0 4px 3px #d1d1d1;
	margin-bottom: 50px;
}
.kh_page_title {
	text-align: center;
	color: #f7ba00;
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 50px;
}
.kh_title_filter {
	color: #f7ba00;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
}
.kh_wrap_input {
	margin: 0 -20px;
}
.kh_wrap_input .kh_item_field {
	flex: 0 0 37%;
	max-width: 37%;
	margin: 0;
	padding: 0 20px;
}
.kh_wrap_input .kh_item_field:last-child {
	flex: 0 0 26%;
	max-width: 26%;
	position: relative;
}
.kh_wrap_input .kh_item_field .kh_select_field {
	width: 100%;
	background: #fff;
	padding: 12px 20px;
	border: 1px solid rgba(89, 90, 90, 0.5);
	border-radius: 30px;
	/*! font-size: 16px; */
	-webkit-appearance: none;
	background: url(../images/icon/down.png) no-repeat right 20px top 50%;
	color: #6D6E6E;
	scrollbar-width: thin;
}
.kh_wrap_input .kh_item_field .kh_select_field option {
	color: #282828;
}
.kh_wrap_input .kh_item_field:last-child .kh_submit_filter {
	width: 100%;
	height: 100%;
	background-color: #f7ba00;
	border: none;
	color: #fff;
	font-weight: 600;
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}


.kh_wrap_input .kh_item_field:last-child .kh_error_submit {
  	position: absolute;
  	text-align: center;
  	top: -80px;
  	left: 50%;
  	transform: translateX(-50%);
  	width: 100%;
  	background-color: #fff;
  	box-shadow: 0 0 4px 3px #d1d1d1;
  	padding: 10px;
  	border-radius: 10px;
  	font-size: 15px;
  	line-height: 1.3;
  	color: var(--danger);
  	font-weight: 600;
  	z-index: 2;
}
.kh_wrap_input .kh_item_field:last-child .kh_error_submit::before {
  	content: "";
  	transform: translate(100%, 0);
  	border-top: 10px solid transparent;
  	border-right: 15px solid #ebebeb;
  	border-bottom: 10px solid transparent;
  	left: 50%;
  	bottom: -18px;
  	position: absolute;
  	transform: translateX(-50%) rotate(270deg);
  	z-index: 1;
}

.kh_list_store.row {
  	padding: 30px 0 50px;
}
.kh_item_store {
	margin-bottom: 30px;
}
.kh_wrap_store {
  	padding: 10px 20px;
  	border: 1px solid rgba(0, 0, 0, 0.1);
  	border-radius: 4px;
  	display: flex;
  	align-items: center;
}
.kh_name_store {
  	font-weight: 600;
}
.kh_wrap_store::before {
  	content: '\f04b';
  	font-family: "Font Awesome 5 Pro";
  	font-weight: 600;
  	font-size: 14px;
  	margin-right: 15px;
  	color: #f7ba00;
}

/*HVKhanh -- Thư viện*/

.img-fluid {
}
.kh_box_gallary {
	margin-bottom: 50px;
}
.kh_box_gallary .kh_list_gallary.kh_slide_gallary {
	padding-bottom: 50px;
}
.kh_box_gallary .kh_title_gallary {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.kh_img_gallary {
	margin-bottom: 10px;
}
.kh_name_gallary {
	text-align: left;
}
.kh_name_gallary a {
	color: #282828;
	font-weight: 600;
	display: inline-block;
}
.kh_other_gallary.kh_box_gallary {
}
.kh_other_gallary.kh_box_gallary .kh_list_gallary.row {
	margin: 0 -10px;
}
.kh_other_gallary.kh_box_gallary .kh_list_gallary.row .kh_item_gallary {
	margin-bottom: 30px;
	padding: 0 10px;
}
.kh_page_intro.kh_page_gallary {
	padding-top: 20px;
}

.kh_gallery_image {
  	width: 700px;
  	margin-bottom: 0;
  	cursor: pointer;
  	position: relative;
}
.kh_gallery_image .img-fluid {
  	width: 100%;
}
.kh_gallery_image::before {
  	content: '\f302';
  	font-family: "Font Awesome 5 Pro";
  	position: absolute;
  	left: 50%;
  	top: 50%;
  	transform: translate(-50%, -50%);
  	z-index: 2;
  	color: #fff;
  	font-size: 4rem;
}
.kh_gallery_image::after {
  	content: '';
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	left: 0;
  	top: 0;
  	background: rgba(0,0,0,0.3);
  	z-index: 1;
}
.kh_gallery_image .kh_load {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,0.8);
	display: none;
}

.kh_content_main .kh_inner_expert {
	display: flex;
	flex-wrap: wrap;
}
.kh_content_main .kh_inner_expert .kh_img_expert {
	flex: 0 0 35%;
	max-width: 35%;
	margin-right: 30px;
	margin-bottom: 0;
}
.kh_content_main .kh_item_expert {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.kh_content_main .kh_item_expert:last-child {
	border-bottom: none;
}
.kh_content_main .kh_inner_expert .kh_info_expert {
	flex: 1;
}
.kh_intro_expert {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
.kh_intro_expert .kh_title_expert {
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 15px;
}
.kh_content_intro_expert p {
	margin-bottom: 0;
}
.kh_content_main .kh_inner_expert .kh_info_expert .kh_des_job {
	color: #6D6E6E;
}
.kh_content_main .kh_inner_expert .kh_info_expert .kh_des_expert {
	margin: 10px 0;
}
.kh_content_main .kh_inner_expert .kh_img_expert .img-fluid {
	width: 100%;
}
.kh_content_main .kh_inner_expert .kh_des_expert.d-none {
	display: none !important;
}
.kh_content_main .kh_item_expert .modal {
	width: 1000px;
	left: 50%;
	top: 0%;
	transform: translateX(-50%);
	overflow: unset;
}
.kh_content_main .kh_item_expert .modal .modal-dialog {
	max-width: unset;
}
.kh_content_main .kh_item_expert .modal .modal-dialog .modal-content {
	border-radius: 15px;
	border: none;
}
.kh_content_main .kh_item_expert .modal .modal-dialog .modal-content .kh_detail_expert {
	padding: 25px 30px;
}
.kh_content_main .kh_item_expert .modal .modal-dialog .modal-content .modal-header {
	padding: 20px 30px;
	background: #F4F4F4;
	border-radius: 15px 15px 0 0;
}
.kh_content_main .kh_item_expert .modal .modal-dialog .modal-content .modal-header .kh_header_popup h5 {
	font-size: 17px;
	font-weight: 600;
}
.kh_content_main .kh_item_expert .modal .modal-dialog .modal-content .kh_content_expert {
	margin-top: 20px;
	max-height: 400px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: ccc #fff;
	padding-right: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}

/*Page Bảo Hành*/
	.content-page.page-guarantee {
		padding: 80px 0;
		color: #fff;
		background-image: url("../images/bg_home_2.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-color: #002653;
	}

	.content-page.page-guarantee .tite_content_bh {
		color: #f7ba00;
		font-size: 1.7rem;
		padding-bottom: 10px;
		margin-bottom: 25px;
		position: relative;
	}
	.content-page.page-guarantee .tite_content_bh::before {
		content: '';
		position: absolute;
		width: 100px;
		height: 1px;
		background-color: #f7ba00;
		bottom: 0;
		left: 0;
	}
	.content-page.page-guarantee .content_bh p {
		margin: 0;
	}
	.content-page.page-guarantee .content_bh p a {
		color: #fff;
	}
	.content-page.page-guarantee .content_bh .form_guarantee {
		margin-top: 30px;
	}
	.content-page.page-guarantee .content_bh .form_guarantee .kh_form_check {
		display: flex;
	}
	.form_guarantee .kh_form_check #serial {
		flex: 1;
		padding: 10px 20px;
		background-color: #222;
		border: 1px solid #ebebeb69;
		border-radius: 10px;
		color: #fff;
	}
	.form_guarantee .kh_form_check .submit_turnup {
		background-color: #f7ba00;
		border: none;
		padding: 0 50px;
		margin-left: 10px;
		border-radius: 40px;
		cursor: pointer;
	}
	.form_guarantee .kh_form_check #serial::placeholder {
		color: #fff;
		opacity: 1;
	}
	.content-page.page-guarantee .content_bh .row.link_page {
		list-style: none;
		padding-left: 0;
	}
	.content-page.page-guarantee .link_page {
		list-style: none;
		padding-left: 0;
		margin: 0 -5px;
		padding: 20px;
		box-shadow: 0 0 15px 5px #d1d1d1;
		border-radius: 10px;
		background-color: rgba(0,0,0,0.3);
		display: flex;
		flex-wrap: wrap;
		height: 100%;
	}
	.content-page.page-guarantee .link_page .kh_policy_bh {
		flex: 0 0 50%;
		max-width: 50%;
		padding: 10px 5px;
		align-items: center;
	}
	.content-page.page-guarantee .link_page .kh_policy_bh img {
		width: 35px;
		margin-right: 15px;
	}
	.content-page.page-guarantee .link_page .kh_policy_bh .title_link {
		flex: 1;
	}
	.content-page.page-guarantee .link_page .kh_policy_bh .title_link a {
		color: #f7ba00;
		text-transform: uppercase;
		font-weight: 500;
	}
	.content-page.page-guarantee .result {
		width: 60%;
		margin: 70px auto 0;
	}
	.content-page.page-guarantee .result h3 {
		color: #f7ba00;
		font-size: 1.4rem;
		margin-bottom: 20px;
	}
	.content-page.page-guarantee .result p.text-center {
		margin-bottom: 5px;
	}
	.result .contet_result {
	}
	.result .contet_result .loading {
		text-align: center;
	}
	.result .contet_result .result_title {
		display: flex;
		justify-content: space-between;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #fff;
	}
	.result .contet_result .list_result {
		list-style: none;
		padding-left: 0;
		margin: 0;
	}
	.result .contet_result .list_result .list_item {
		padding: 5px 15px 0 15px;
		position: relative;
		justify-content: space-between;
	}
	.result .contet_result .list_result .list_item::before {
		content: '';
		position: absolute;
		width: 5px;
		height: 5px;
		background-color: #f7ba00;
		border-radius: 50%;
		left: 0;
		top: 15px;
	}
/*End*/
/*Giới thiệu*/
	.kh_module.kh_module_videos.kh_page_intro {
	}
	.kh_module.kh_module_videos.kh_page_intro .kh_box_content_video {
		padding: 0 80px 0 calc((100vw - var(--content-size))/2);
	}
	.kh_module.kh_module_videos.kh_page_intro .kh_subtitle_module {
		line-height: 1.2;
	}
	.kh_vision_box {
	  	padding: 100px 0 0;
	  	color: #fff;
	}
	.kh_item_vision.kh_vision {
	  	text-align: right;
	  	border-right: 1px solid #f7ba00;
	}
	.kh_vision_box .kh_box_title {
	  	margin-bottom: 15px;
	}
	.kh_item_vision {
	  	padding: 80px 30px;
	}
	.kh_module.kh_module_map {
		padding: 100px 0;
		background-image: url("../images/VN_map_02.jpg");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: cover;
	}

	.kh_box_intro_map {
		width: 50%;
		margin: 0 0 0 auto;
		color: #fff;
	}
	.kh_box_intro_map .kh_wrap_intro_map {
		padding-left: 40px;
	}
	.kh_logo_video {
		margin-bottom: 30px;
	}
	.kh_box_intro_map .kh_wrap_intro_map .kh_intro_prod {
		margin: 30px 0;
		padding: 30px 0;
		position: relative;
	}
	.kh_wrap_intro_map .kh_intro_prod::before,  .kh_wrap_intro_map .kh_intro_prod::after {
		content: '';
		position: absolute;
		width: 100px;
		height: 1px;
		background-color: #fff;
		left: 0;
		top: 0;
	}
	.kh_wrap_intro_map .kh_intro_prod::after {
		top: unset;
		bottom: 0;
	}
	.kh_text_yellow {
		color: #f7ba00;
		font-size: 1.2rem;
		text-transform: uppercase;
	}
	.kh_box_intro_map .kh_wrap_intro_map .kh_list_intro_prod {
		display: flex;
		margin: 0 -10px;
	}
	.kh_box_intro_map .kh_wrap_intro_map .kh_list_intro_prod .kh_item_intro_prod {
		flex: auto;
		padding: 0 10px;
	}
	.kh_item_intro_prod .kh_number_intro {
		font-size: 2.2rem;
		font-weight: 600;
		margin-bottom: 15px;
	}
/*End*/


/*#region GLOBAL */
:root {
	font-size: 17px;
	--content-size: 1410px;
	--color-primary: #f7ba00;
}

@font-face {
    font-family: 'Saira';
    src: url('../fonts/Saira.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Saira';
    src: url('../fonts/Saira-Italic.ttf') format('truetype');
    font-display: swap;
    font-style: italic;
}

body {
 
	font-weight: 400;
	color: #fff;
	letter-spacing: 1;
	line-height: 24px;
	scroll-behavior: smooth;
	background: #111111;
	position: relative;
	overflow-x: hidden;
}

body, html {
	scroll-behavior: smooth;
	scrollbar-width: thin;
	scrollbar-color: var(--color-primary) #fff;
}

::-webkit-scrollbar { 
    width: 5px; 
} 
  
::-webkit-scrollbar-thumb { 
    background: var(--color-primary); 
    -webkit-border-radius: 1ex;
} 
  
::-webkit-scrollbar-track { 
    background: #fff; 
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Saira';
}

input:focus-visible, textarea:focus-visible, select:focus-visible, button:focus-visible {
	outline: none !important;
	box-shadow: unset !important;
	border-color: var(--color-primary) !important;
}
input:focus, textarea:focus, select:focus, button:focus {
	outline: none !important;
	box-shadow: unset !important;
	border-color: var(--color-primary) !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

a {
	text-decoration: none;
}

a:active, a:visited, a:hover {
	text-decoration: none;
}

.gd_module img, .gd_banner img {
	max-width: 100%;
}
.bg_mask {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
}
.bg_mask.show {
	z-index: 5;
}

.kh_container {
	padding: 0 0 0 50px;
}
.kh_container_2 {
	padding: 0 50px 0 0;
}
.kh_container_3 {
	padding: 0 50px;
}
.kh_container_4 {
	max-width: 1565px;
  	width: 100%;
  	padding-right: 15px;
  	padding-left: 15px;
  	margin-right: auto;
  	margin-left: auto;
}

/*#endregion */

/*#region HEADER */
.progress {
	background: linear-gradient(to right,#183885 var(--scroll),transparent 0);
	position: fixed;
	width: 100%;
	height: 4px;
	z-index: 101;
	top: 0;
	opacity: 0.05;
}

.kh_topbar {
	background: #F4F4F4;
}
.kh_top_nav {
	display: flex;
	justify-content: flex-end;
	padding: 13px 0;
	align-items: center;
}
.kh_top_nav .item_contact a {
	color: #222;
}
.kh_top_nav .item_contact {
	padding: 0 20px;
	border-right: 1px solid #ccc;
	line-height: 1;
}
.kh_top_nav .item_contact a i.fas.fa-envelope {
	font-weight: 400;
}
.kh_top_nav .item_contact a i {
	margin-right: 5px;
}
.kh_top_nav .item_contact:last-child, .item_contact.kh_hide_border {
	padding-right: 0;
	border: unset;
}

.gd_header_cta .site-header-cart {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	margin-left: 10px;
}
.gd_header_cta .site-header-cart .cart-contents i {
	font-weight: 500;
}
.gd_header_cta .site-header-cart .cart-contents {
	color: #222;
	position: relative;
	display: inline-block;
}
.gd_header_cta .site-header-cart .cart-contents .count {
	position: absolute;
	top: -8px;
	right: -8px;
	padding: 0px 5px;
	background-color: #EED704;
	border-radius: 25px;
	font-size: 12px;
}
#header {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#header.sticky {
	position: fixed;
	animation: fadeInDown 0.3s ease 0s;
	z-index: 100;
	top: 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
	background-color: #000;
}

#header.sticky::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	left: 0;
	top: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	z-index: -1;
}

.admin-bar #header.sticky {
	top: 32px !important;
}
#header.sticky .gd_h_content{
}


#header.sticky .gd_main_menu .gd_menu__primary > li:hover > a,#header.sticky .gd_main_menu .gd_menu__primary .current-menu-item > a{
	color: #fff;
}

#header.sticky .gd_main_menu .gd_menu__primary > li > a {
	padding: 0.75rem 0;
}

.logo {
	align-self: center;
	padding-right: 15px;
}

.logo a {
	display: flex;
	align-items: baseline;
	height: 100%;
	padding: 20px 70px 10px 40px;
}
/*Menu*/
.gd_main_menu {
	flex: 1;
}
.gd_main_menu_container {
	flex: 1;
	justify-content: flex-end;
	display: flex;
}

.gd_main_menu ul {
	padding: 0;
}

.gd_main_menu .gd_menu__primary {
	display: flex;
	justify-content: center;
	height: 100%;
	list-style: none;
	margin: 0;
}

.gd_main_menu .gd_menu__primary li {
	list-style: none;
	padding: 0 12px;
	position: relative;
}

.gd_main_menu .gd_menu__primary li a {
	color: #333;
	display: block;
	padding: 8px 0;
}

.gd_main_menu .gd_menu__primary li:last-child {
}

.gd_main_menu .gd_menu__primary > li {
	padding: 0 20px;
	display: flex;
	align-items: center;
}

.gd_main_menu .gd_menu__primary > li > a {
	position: relative;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	padding: 5px 0;
	font-size: 1.1rem;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
}

.gd_main_menu .gd_menu__primary > li > a::after, .gd_main_menu .gd_menu__primary > li > a::before {
	position: absolute;
	left: 0;
	background: var(--color-primary);
	height: 2px;
	width: 100%;
	bottom: 0;
	transform: translate(-100%);
	transition: all 300ms ease-in 0ms;
	visibility: hidden;
}

.gd_main_menu .gd_menu__primary > li > a:before {
	display: none;
	width: 25px;
	bottom: 0;
	transition: all 300ms ease-in 150ms;
}

.gd_main_menu .gd_menu__primary > li:hover > a::after, .gd_main_menu .gd_menu__primary > li:hover > a:before,
.gd_main_menu .gd_menu__primary > li.current-menu-item > a::after, .gd_main_menu .gd_menu__primary > li.current-menu-item > a:before {
	visibility: visible;
	transform: translate(0);
}

.gd_main_menu .gd_menu__primary .current-menu-item > a, .gd_main_menu .gd_menu__primary > li:hover > a {
	color: var(--color-primary);
}	
.gd_main_menu .gd_menu__primary .sub-menu .current-menu-item > a {
	background-color: #fff !important;
}
.gd_main_menu .gd_menu__primary .sub-menu .current-menu-item::before {
	content: unset;
}
.gd_main_menu .gd_menu__primary .current-menu-item a:hover {
	color: #222;
}
.gd_main_menu .gd_menu__primary > li:hover, .gd_main_menu .gd_menu__primary .current-menu-item {
	background: rgba(0,0,0,0.3);
}
.gd_main_menu .gd_menu__primary > li:hover::before, .gd_main_menu .gd_menu__primary .current-menu-item::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	left: 0;
	top: 0;
	background-color: var(--color-primary);
}

.gd_main_menu .gd_menu__primary > li:first-child > a {

}


.gd_main_menu .gd_menu__primary > li.menu-item-has-children.mega-menu::before {
	display: none;
}

.gd_main_menu .sub-menu {
	display: block;
	left: 0;
	position: absolute;
	top: 100%;
	z-index: 1000;
	visibility: hidden;
	min-width: 100%;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.gd_main_menu .sub-menu.submenu_right {
	right: 100% !important;
	top: 0 !important;
	left: auto;
	margin-right: 1px;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	-webkit-transform-origin: right;
	transform-origin: right;
}

.gd_main_menu .sub-menu.submenu_left {
	left: 100% !important;
	top: 0 !important;
	right: auto;
	margin-left: 1px;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	-webkit-transform-origin: left;
	transform-origin: left;
	transition: opacity 80ms linear;
	opacity: 0;
}

.gd_main_menu ul.gd_menu__primary > li:not(.mega-menu) .sub-menu {
	box-shadow: 0px 3px 3px #a1a1a1;
	border-bottom: 2px solid #f0f0f0;
}

.gd_main_menu ul.gd_menu__primary > li:not(.mega-menu) > .sub-menu {
	transform: rotateX(90deg);
	transform-origin: center top 0;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	visibility: hidden;
}

.gd_main_menu ul.gd_menu__primary > li:hover:not(.mega-menu) > .sub-menu {
	opacity: 1;
	transform: rotateX(0deg);
	visibility: visible;
}

.gd_main_menu ul.gd_menu__primary > li:not(.mega-menu) .sub-menu li {
	border-bottom: 1px solid #e5e5e5;
	-moz-transition: all 300ms ease-in 0ms;
	-o-transition: all 300ms ease-in 0ms;
	-webkit-transition: all 300ms ease-in 0ms;
	transition: all 300ms ease-in 0ms;
	padding: 0;
}

.gd_main_menu ul.gd_menu__primary > li:not(.mega-menu) .sub-menu li a {
	background: var(--color-primary);
	padding: 8px 15px;
	white-space: nowrap;
	font-size: 1rem;
}

.gd_main_menu ul.gd_menu__primary > li:not(.mega-menu) .sub-menu li:hover > a {
	background: #f8f9fa;
}

.gd_main_menu ul.gd_menu__primary > li:not(.mega-menu) .sub-menu li:last-child {
	border: none;
}

.gd_main_menu ul.gd_menu__primary > li:not(.mega-menu) .sub-menu li .sub-menu {
	/*transform: rotateY(90deg);*/
	margin-top: 0;
}

.gd_main_menu ul.gd_menu__primary > li:not(.mega-menu) .sub-menu li:hover > .sub-menu {
	visibility: visible;
	opacity: 1;
	transition-delay: 200ms;
	pointer-events: auto;
	height: auto;
	overflow: visible;
}

.cta_hotline {
	display: inline-block;
	background-color: #f26522;
	color: #fff;
	font-weight: bold;
	padding: 8px 15px;
	line-height: 1;
	border-radius: 1px;
	margin-left: 5px;
}

.gd_header_cta {
	display: flex;
	align-items: center;
	margin-left: 0;
}

.gd_header_cta .cta {
	color: #222;
	display: flex;
	align-items: center;
	font-weight: 500;
}
.gd_header_cta .cta i {
	font-size: 1rem;
}
.gd_header_cta .cta.cta_phone {

}
.gd_header_cta .cta.cta_phone span span {
	font-size: 1.5rem;
	display: block;
	line-height: 1;
	font-weight: bold;
}

.gd_search__box {
	border-bottom: 1px solid #222;
	overflow: hidden;
	width: 300px;
	padding: 0 15px;
}

.gd_search__box .kh-search-field {
	border-radius: 5px;
}
.gd_search__box .aws-container {
}
.kh_close_search {
	display: none;
}
.gd_search__box .aws-container .kh-search-field {
	border: none !important;
	font-size: 1rem;
	padding: 5px 0 5px 0;
	background-color: transparent;
}
.gd_search__box .aws-container .aws-search-form .aws-search-clear {
	text-align: center;
}
.gd_search__box .aws-container .aws-search-form .aws-form-btn {
	border: none;
	text-align: center;
	padding-top: 8px;
}
.gd_search__box .aws-container .aws-search-form {
	display: flex;
	align-items: center;
}
.gd_search__box .aws-container .aws-search-form .aws-search-btn_icon {
	width: auto;
	color: #222;
	background: none;
	border: unset;
}
.gd_search__box .aws-container .aws-search-form .aws-wrapper {
	width: 100%;
	flex-grow: 0;
}

 

.search_active .search-form {
	display: block;
}

.gd_search__box .search-icon {
	display: inline-block;
	color: #183885;
	padding: 8px 10px;
	line-height: 1;
	border-radius: 1px;
	cursor: pointer;
	width: 34px;
	text-align: center;
}

.search-form .d-flex {
	max-width: 1200px;
	margin: auto;
}

.search-form .form-control {
	background: transparent;
	border: none;
	border-radius: 0;
	height: 55px;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.search-form .form-control:focus {
	border: none;
	box-shadow: none;
	background: none;
	color: #fff;
}

.search-form .form-control::-moz-placeholder, .search-form .form-control::placeholder {
	color: rgba(255,255,255,0.85);
}

 
.gd_c_lang {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #666;
	border-bottom: 1px solid #666;
	padding: 3px 0;
}
.gd_c_lang > img {
	margin-right: 5px;
	width: 22px;
	height: 14.5px;
}
#gd_language_list .dropdown-item a {
	font-size: 14px;
	color: #666;
}
#gd_language_list .dropdown-item a img {
	margin-right: 5px;
}
.aws-container .aws-search-form .aws-form-btn {
	background: unset;
}

.aws-container .aws-search-form .aws-form-btn:hover {
	background: unset;
}
.kh_open_search {
	position: relative;
	display: flex;
	align-items: center;
	margin-right: 30px;
}
.kh_open_search i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50%;
	color: var(--color-primary);
	font-size: 1.3rem;
}
.fas.fa-search.isOpen::before {
	content: "\f00d";
}
.kh_open_search .gd_header_cta {
  	position: absolute;
  	top: 100%;
  	right: 0;
  	background-color: var(--color-primary);
}
.kh_hotline_header {
  	padding: 0 35px;
  	display: flex;
  	align-items: center;
  	background-color: var(--color-primary);
}
.kh_hotline_header i {
  	width: 50px;
  	height: 50px;
  	text-align: center;
  	line-height: 50px;
  	background-color: #ea1b24;
  	color: #fff;
  	border-radius: 50%;
  	font-size: 1.3rem;
  	margin-right: 10px;
}
.kh_hotline_header > a {
  	display: flex;
  	align-items: center;
  	color: #131524;
}
.kh_wrap_hotline span {
  	display: block;
}
.kh_wrap_hotline span:first-child {
	font-weight: 500;
}
.kh_wrap_hotline span:last-child {
	font-style: italic;
	font-size: 1.5rem;
	font-weight: 700;
}

/*#endregion */
/* ----------- Non-Retina Screens ----------- */
@media screen and (max-device-width: 1600px) { 
	.logo a {
		padding: 15px 40px 15px 30px;
	}
	.gd_header_cta {
		padding: 0 30px;
	}
	.gd_main_menu .gd_menu__primary {
		padding: 0 20px;
	}
	.gd_main_menu .gd_menu__primary > li {
		padding: 0 10px;
	}
	.kh_hotline_header {
		padding: 0 20px;
	}
	.kh_container_4 {
	  	width: 100%;
	  	padding-right: 30px;
	  	padding-left: 30px;
	  	margin-right: auto;
	  	margin-left: auto;
	}
}
@media screen and (min-device-width: 1440px) and (-webkit-min-device-pixel-ratio: 1) {
	.container {
		max-width: 1440px;
	}
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1440px) {
	:root {
		font-size: 16px;
		--content-size: 1140px;
	}

	.container {
		max-width: 1170px;
	}
	.gd_main_menu .gd_menu__primary > li {
		padding: 0 7px;
	}
	#header.sticky .gd_h_content {
		display: none;
	}
}
@media screen and (max-device-width: 1440px) { 
	.gd_header_cta {
		margin-left: 10px;
	}
	.gd_main_menu .gd_menu__primary > li {
		padding: 0 10px;
	}
	.gd_search__box {
		width: 150px;
	}
	.gd_header_cta .site-header-cart {
		margin-left: 0;
	}
	.gd_main_menu .gd_menu__primary > li > a {
		font-size: 15px;
	}
	.gd_search__box .aws-container .kh-search-field {
		font-size: 12px;
	}
	.kh_top_nav .item_contact a {
		font-size: 14px;
	}
	.logo a {
		padding: 10px 40px 10px 30px;
	}
	.gd_header_cta {
		padding: 0 30px 0 15px;
	}
	.kh_hotline_header {
		padding: 0 20px;
	}
}
@media screen and (max-device-width: 1366px) { 
	.kh_open_search i {
	  	width: 40px;
	  	height: 40px;
	  	line-height: 40px;
	  	font-size: 1rem;
	}

	.kh_hotline_header i {
	  	width: 40px;
	  	height: 40px;
	  	line-height: 40px;
	  	font-size: 1rem;
	}
	.kh_open_search {
	  	margin-right: 20px;
	}

}
@media only screen and (max-width: 1199px) {
	:root {
		font-size: 16px;
		--content-size: 960px;
	}

	.logo {
		align-self: center;
		padding: 15px 0;
	}

	.gd_main_menu .gd_menu__primary > li {
		padding-left: 0px;
	}


	.gd_main_menu .gd_menu__primary > li {
		padding: 0 15px;
	}
	.gd_main_menu .gd_menu__primary > li > a {
		padding: 5px 0;
	}
	

}
@media only screen and (max-width: 1280px) {
	.gd_main_menu .gd_menu__primary {
		padding: 0 15px;
	}
}
@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {

}
@media only screen and (max-width: 1024px) {
	.gd_main_menu .gd_menu__primary > li {
		padding: 0 8px;
	}
	.logo a {
		padding: 0;
		background: none;
		box-shadow: none;
	}
	.logo {
		padding: 10px 30px;
		background: none;
	}

	.gd_main_menu_container {
		background: none;
	}

	.gd_main_menu {
		background: none;
		box-shadow: none;
	}

	#header {
		background-color: #000;
		position: relative;
	}
	.kh_container.gd_h_content {
		padding: 0 30px;
	}
	.gd_main_menu .gd_menu__primary > li > a {
		text-transform: unset;
	}
	.kh_hotline_header {
		display: none;
	}
	.kh_open_search i {
		color: #fff;
	}
}
@media only screen and (min-width: 992px) {
	.kh_text_home {
		display: none;
	}
}
@media only screen and (max-width: 992px) {

	.logo {
		max-width: 272px;
	}

	/* #region MEAN MENU*/
	.gd_main_menu {
		display: none;
	}
	.gd_main_menu_container {
		align-items: center;
	}
	.gd_header_cta {
		display: block;
	}
	.gd_main_menu .gd_menu__primary{
		display: block;
	}
	/* hide the link until viewport size is reached */
	a.meanmenu-reveal {
		display: none;
	}
	#header.sticky .mean-container .mean-nav {
		margin-top: 70px;
	}
	/* when under viewport size, .mean-container is added to body */
	.mean-container .mean-bar {
		background: none;
		padding: 0;
		width: 100%;
		z-index: 9999;
		right: 15px;
		height: 40px;
		display: flex;
		align-items: center;
	}

	.mean-container a.meanmenu-reveal {
		color: var(--color-primary);
		cursor: pointer;
		display: block;
		font-weight: 600;
		line-height: 40px;
		padding: 0;
		text-decoration: none;
		width: 40px;
		background: none;
		border-radius: 4px;
	}

	.mean-container a.meanmenu-reveal::before {
		content: "MENU";
		font-size: 10px;
		font-weight: 400;
		padding-top: 1px;
		text-indent: 0px;
		display: block;
		line-height: 1;
		text-align: center;
		display: none;
	}

	.mean-container a.meanmenu-reveal.meanclose::before {
		display: none;
	}

	.mean-container a.meanmenu-reveal span {
		background: #fff;
		border-radius: 3px;
		display: block;
		height: 3px;
		margin: 5px 5px 0 0;
		width: 35px;
		float: right;
	}

	.mean-container a.meanmenu-reveal span:first-child {
		margin-top: 4px;
	}
	.mean-container a.meanmenu-reveal span:nth-child(2) {
		width: 30px;
	}

	.mean-container .mean-nav {
		width: 100vw;
		padding: 0;
		z-index: 2000;
		max-height: calc(100vh - 70px);
		overflow-y: scroll;
		scrollbar-width: none;
		-ms-overflow-style: none;
		position: fixed;
		left: 0;
		top: 0;
		margin-top: 90px;
	}

	.mean-container .mean-nav::-webkit-scrollbar {
		display: none; /* Chrome Safari */
	}

	.mean-container .mean-nav ul {
		padding: 0;
		margin: 0;
		width: 100%;
		background: var(--color-primary);
		list-style-type: none;
		float: left;
	}


	.mean-container .mean-nav ul li {
		border-top: 1px solid rgba(255,255,255,0.2);
		background: none;
		float: left;
		position: relative;
		width: 100%;
	}

	.mean-container .mean-nav ul li a {
		color: #222;
		display: block;
		font-size: 1.125rem;
		float: left;
		line-height: 42px;
		margin: 0;
		padding: 0;
		text-align: left;
		text-decoration: none;
		width: 100%;
	}

	.mean-container .mean-nav ul li li a {
		width: 90%;
		padding: 0 5%;
		opacity: 0.75;
		filter: alpha(opacity=75);
		text-shadow: none !important;
		visibility: visible;
	}

	.mean-container .mean-nav > ul > li:first-child {
		border: none;
	}

	.mean-container .mean-nav .sub-menu li a {
		text-transform: none;
		white-space: nowrap;
	}

	.mean-container .mean-nav ul li.mean-last a {
		border-bottom: none;
		margin-bottom: 0;
	}

	.mean-container .mean-nav ul li li li a {
		width: 80%;
		padding: 0 10%;
	}

	.mean-container .mean-nav ul li li li li a {
		width: 70%;
		padding: 0 15%;
	}

	.mean-container .mean-nav ul li li li li li a {
		width: 60%;
		padding: 0 20%;
	}

	.mean-container .mean-nav ul li a:hover {
		background: rgba(255, 255, 255, 0.1);
		font-weight: bold;
	}

	.mean-container .mean-nav ul li a.mean-expand {
		margin-top: -1px;
		width: 45px;
		line-height: 1rem;
		padding: 12px !important;
		text-align: center;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
		font-weight: 300;
		background: none;
		border: none !important;
		/* border-left: 1px solid rgba(255, 255, 255, 0.4) !important; */
		/* border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; */
		color: rgba(255,255,255,0.5);
	}

	.mean-container .mean-nav ul li a.mean-expand:hover {
		background: none;
	}

	.mean-container .mean-push {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		clear: both;
	}

	.mean-nav .wrapper {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	/* Fix for box sizing on Foundation Framework etc. */
	.mean-container .mean-bar, .mean-container .mean-bar * {
	}

	.mean-remove {
		display: none !important;
	}

	.mean-container .mean-nav > .gd_menu__primary {
		padding: 15px;
	}
	/* #endregion MEANMENU*/

	
}
@media only screen and ( max-width: 992px) and ( min-width: 768px) {
	.gd_header_cta {
		padding-right: 50px;
	}

	.gd_main_menu_container {
		position: relative;
	}

	.search-form {
		width: 100vw;
		right: -39px;
		left: auto;
	}

	:root {
		--content-size: 720px;
	}
	.container {
		max-width: 100%;
		padding-left: 50px;
		padding-right: 50px;
	}
	.gd_h_content {
		padding: 0 15px;
	}

	.gd_header_cta .cta {
		font-size: 0;
	}
	.gd_header_cta .cta i {
		height: 35px;
		width: 35px;
		padding: 0;
		line-height: 35px;
		text-align: center;
	}
	.gd_header_cta .cta.cta_phone {
		display: none !important;
	}
	.gd_search__box .aws-container .aws-search-form .aws-form-btn {
		height: 35px;
	}
	.gd_search__box .aws-container .kh-search-field {
		height: 35px;
		font-size: 16px;
	}
	.gd_search__box .aws-container .aws-search-form {
		height: auto;
	}
	.mean-container a.meanmenu-reveal, .sticky .mean-container a.meanmenu-reveal {
		color: #fff;
	}
	.mean-container a.meanmenu-reveal span, .sticky .mean-container a.meanmenu-reveal span {
		background: #fff;
	}
}
@media only screen and (max-width: 767px) {
	:root {
		--content-size: calc(100vw - 30px);
	}
	.kh_container, .kh_container_2, .kh_container_3 {
		padding: 0 30px;
	}

	.container {
		max-width: 100%;
		padding: 0 30px;
	}
	.mean-container .mean-bar {
	}

	.gd_header_cta {
		padding-right: 30px;
		padding-top: 10px;
	}
	.gd_c_lang {
		border-bottom: none;
	}

	.gd_header_cta .cta.cta_phone {
		display: none;
	}
	.gd_header_cta .cta.cta_cart {
		position: absolute;
		display: none;
	}
	.gd_header_cta .cta.cta_account {
		position: absolute;
		display: none;
	}
	.gd_search__box .aws-container .aws-search-form .aws-form-btn {
		height: 40px;
		border: none;
	}
	.gd_search__box .aws-container .kh-search-field {
		height: 40px;
		background-color: #f4f4f4;
		font-size: 16px;
		width: 100%;
	}
	.gd_search__box .aws-container .aws-search-form .aws-wrapper {
		order: -1;
	}
	.gd_search__box .aws-container .aws-search-form {
		height: auto;
		padding: 0 15px;
	}
	.gd_search__box {
		margin-right: 0;
		display: none;
		position: fixed;
		width: 100vw;
		left: 0;
		top: 100px;
		z-index: 9;
		padding: 10px;
		border-radius: unset;
		background-color: #fff;
		border: none;
	}
	.gd_header_cta .site-header-cart .cart-contents i {
		font-size: 22px;
		font-weight: 300;
	}
	.gd_search__box .aws-container {
		border-radius: 30px;
		background-color: #f4f4f4;
		overflow: hidden;
		flex: 1;
	}
	.kh_close_search {
		width: 40px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 25px;
		margin-left: 10px;
	}
	.kh_open_search {
		font-size: 20px;
		margin-right: 20px;
	}
	.kh_open_search i {
		font-weight: 400;
	}
	#header.sticky {
		left: 0;
		width: 100vw;
	}
	.kh_open_search {
		display: block;
	}
}

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

}

@media only screen and (max-width: 576px) {
	.kh_container_4 {
		padding-right: 15px;
		padding-left: 15px;
	}
	.gd_header_cta {
		padding-right: 0;
	}
	.gd_main_menu {
		display: none;
	}
	#header {
		box-shadow: 0 0 5px rgba(0,0,0,0.15);
		padding-right: 15px;
	}
	.gd_h_content .logo img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
	}
	.logo {
		padding: 0;
		height: 75px;
	}
	.logo a {
		align-items: center;
		 
	}
	.container {
		max-width: 100%;
		padding: 0 15px;
	}

	.cta_hotline {
		display: none;
	}
	.gd_c_lang span {
		display: none;
	}
	.kh_top_nav .item_contact {
		padding: 0 15px;
	}
	/**/

	.mean-container .mean-nav {
		margin-top: unset !important; 
		max-height: unset;
	}
	.mean-overflow {
		height: 100vh;
		overflow: hidden;
		position: relative;
	}
	#header.sticky .mean-container .mean-nav #menu-menu-primary {
		padding-top: 5px;
	}
	.mean-container a.meanmenu-reveal {
		position: sticky;
		z-index: 2001;
		color: #fff;
	}
	.mean-container .mean-nav ul li a.mean-expand {
		color: #fff;
	}
	.mean-container .mean-nav ul#menu-menu-primary {
		background: #000;
		height: 100vh;
		padding: 20px;
	}
	.mean-container .mean-nav ul#menu-menu-primary .sub-menu {
		background: transparent;
	}
	.mean-container .mean-nav ul li a {
		color: #fff;
	}
	.mean-container .mean-nav ul li {
		border-top: 1px solid #ebebeb59;
	}
	.mean-container .mean-nav ul li li a {
		opacity: unset; 
	}
	.mean-container .mean-nav > ul > li:first-child {
		border-top: unset;
	}
	.mean-container .mean-nav > ul > li:nth-child(2) {
		border-top: unset;
	}
	.mean-container .mean-nav > ul > li:first-child {
		margin-bottom: 15px;
	}
	.mean-container .mean-nav ul li .kh_top_nav {
		display: block !important;
		padding-top: 30px;
		margin-top: 20px;
	}
	.mean-container .mean-nav ul li .kh_top_nav .item_contact {
		padding: 0;
	}
	.mean-container .mean-nav > ul > li:last-child {
		border-top: none;
	}
	.mean-container .mean-nav ul li .kh_top_nav {
		padding-top: 20px;
		margin-top: 40px;
	}
	.kh_open_search .gd_header_cta {
		background: unset;
		padding: 0;
		margin: 0;
	}

}
@media screen and (max-width: 375px){
	.mean-container .mean-nav .sub-menu li a {
		white-space: inherit;
		line-height: 1.42;
		font-size: 14px;
		padding: 12px 15px;
	}
	.gd_c_lang span {
		display: none;
	}
	.gd_c_lang > img {
		margin-right: 0;
	}
	.mean-container .mean-nav {
		margin-top: 10px;
	}
}