/*#region FOOTER */

strong {

	font-weight: 500;

}

.gd_footer {

	color: #222;

	position: relative;

	background: #ebebeb;

}



.gd_main__footer {

	color: #222;

	padding: 60px 0;

}

.hb_main_footer{

  display: flex;

  align-items: center;

  margin-bottom: 50px;



}

	.hb_logo_footer {

		flex: 0 0 15%;

		max-width: 15%;

		margin-right: 50px;

	}



	.kh_name_company {

		text-transform: uppercase;

		font-size: 1.3rem;

		font-weight: 600;

		color: var(--color);

		margin-bottom: 15px;;

	}
	.kh_info_hcm {
		display: none;
	}
	.gd_copyright a {

		color: var(--color);

		font-weight: 600;

	}

	.hb_logo_footer::before {

		/*content: '';*/

		height: 1px;

		width: 15%;

		background-color: #326b96;

		bottom: 0;

		position: absolute;

		left: 50%;

		transform: translateX(-50%);

	}

		.hb_information_footer{

			display: flex;

			flex-wrap: wrap;

		}

		.hb_information_footer .hb_info_item {

			flex: 0 0 100%;

			max-width: 100%;

			display: flex;

		}

		.hb_information_footer .hb_info_item:nth-child(2){



		}

			.hb_information_footer .hb_info_item .hb_icon_images{

				width: 30px;

				height: 30px;

				text-align: center;

				display: block;

				border-radius: 50%;

				border: 1px solid #ebebeb47;

				margin-bottom: 15px;

				margin-right: 10px;

			}   

				.hb_information_footer .hb_info_item i.fas{

					font-size: 15px;

					position: relative;

					color: #fff;

					margin: 0 auto;

					display: block;

					line-height: 2;

				}

			.hb_information_footer .hb_info_item .hb_info_title{

				font-size: 22px;

				font-weight: bold;

				color: #fff;

				margin-bottom: 5px;

				text-transform: uppercase;

			}

			.hb_information_footer .hb_info_item .hb_info_descs{

				color: #fff;

				font-size: 18px;

				display: flex;

			}

			.hb_hotline_c,.hb_faxx{

				flex: 0 0 50%;

				max-width: 50%;

				white-space: nowrap;

			}

			.hb_hotline_c{

				margin-right: 30px;

			}

				.hb_information_footer .hb_info_item .hb_info_descs a{

					color: #fff;

				}



.kh_box_add {

	padding-left: 25px;

	position: relative;

}

.kh_box_add div {

	margin-bottom: 5px;

}

.kh_hotline_company {

	padding-left: 25px;

	position: relative;

}

.kh_hotline_company a {

	color: #222;

}

.kh_box_add div:first-child {

	/*! position: relative; */

}

.kh_box_add::before {

	/*! content: ''; */

	position: absolute;

	content: "\f3c5";

	font-family: "Font Awesome 5 Pro";

	font-weight: 800;

	left: 0;

	top: -2px;

	color: var(--color);

}

.kh_hotline_company::before {

	position: absolute;

	content: "\f095";

	font-family: "Font Awesome 5 Pro";

	font-weight: 800;

	left: 0;

	top: -2px;

	color: var(--color);

}



.kh_menu_footer {

  	list-style: none;

  	padding-left: 0;

}

.kh_menu_footer li {

  	padding-left: 15px;

  	position: relative;

  	margin-bottom: 5px;

}

.kh_menu_footer li:before {

  	content: '';

  	position: absolute;

  	width: 5px;

  	height: 5px;

  	background-color: var(--color);

  	border-radius: 50%;

  	left: 2px;

  	top: 8px;

}

.kh_menu_footer li a {

  	color: #222;

}

.kh_menu_footer li a:hover {

  	color: var(--color2);

}

.gd_social a {

	width: 40px;

	height: 40px;

	border: 1px solid #808080;

	border-radius: 50%;

	font-size: 1.25rem;

	text-align: center;

	line-height: 40px;

	margin-right: 10px;

}

	.social {

		padding: 0;

		list-style: none;

		display: flex;

		justify-content: flex-start;

		margin: 0;

	}

	.social li a {

		width: 40px;

		display: block;

		height: 40px;

		color: var(--color);

		border: 1px solid var(--color);

		border-radius: 50px;

		text-align: center;

		font-size: 22px;

		padding-top: 2px;

		margin-left: 15px;

	}

	.social li a .hb_fb{

		background: var(--color);

		-webkit-mask-image: url(../images/icon/icon_fb.png);

		mask-image: url(../images/icon/icon_fb.png);

		-webkit-mask-repeat: no-repeat;

		width: 10px;

		height: 18px;

		margin: 9px auto;

	}

	.social li a:hover .hb_fb{

	   background:#fff;

	   border: none;

	}


	.social li a .hb_yt{

		background: var(--color);

		-webkit-mask-image: url(../images/icon/icon_yt.png);

		mask-image: url(../images/icon/icon_yt.png);

		-webkit-mask-repeat: no-repeat;

		width: 30px;

		height: 30px;

		margin: 2px auto;

	}

	.social li a:hover .hb_yt{

	   background:#fff;

	   border: none;

	}

	.social li a:hover{

		background: var(--color);

	}



	.social li a .hb_icon_zalo{

		background: var(--color);

		-webkit-mask-image: url(../images/icon/zalo.png);

		mask-image: url(../images/icon/zalo.png);

		-webkit-mask-repeat: no-repeat;

		width: 13px;

		height: 16px;

		margin: 9px auto;

	}

	.social li a:hover .hb_icon_zalo{

	   background:#fff;

	   border: none;

	}



	.gd_footer .social li, .gd_footer .social li a{

		margin: 0 3px;

	}

	.gd_footer .social li:first-child {

		margin-left: -5px;

	}

	.gd_ft_social {

		margin-top: 15px;

	}



.gd_footer_copyright {

	color: #222;

	text-align: center;

	background-color: #ccc;

	line-height: 1; 

}

	.hb_copyright_inner{

		padding: 8px 0 7px;

	}   

		.hb_copyright_inner .hb_copyright_item:nth-child(1){

			line-height: 2.5;

			margin: 0 auto;

		}

			.hb_copyright_item .hb_ft_social{

				margin-top: -2px;

			}

				.gd_copyright {

					font-size: 16px;

					display: inline-block;

				}



						.gd_copyright a:hover {

							color: var(--color2);

							text-decoration: underline;

						}



				.gd_design {

					font-size: 16px;

					display: inline-block;

				}



					.gd_design a {

						color: #222;

					}



						.gd_design a:hover {

							color: var(--color2);

							text-decoration: underline;

						}

/*#endregion */

.gd_fixed__contact {

	position: fixed;

	display: flex;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	flex-flow: column;

	align-items: flex-end;

	z-index: 1;

}



	.gd_fixed__contact a {

		color: #fff;

		background-color: #008ed4;

		display: block;

		margin-bottom: 3px;

		width: 40px;

		text-align: center;

		font-size: 18px;

		border-radius: 1px;

		height: 40px;

		line-height: 40px;

	}



		.gd_fixed__contact a.hotline:hover {

			width: auto;

		}



		.gd_fixed__contact a.hotline .num {

			display: none;

			background-color: #008ed4;

			padding: 0 10px;

			font-weight: bold;

		}



		.gd_fixed__contact a.hotline:hover .num {

			display: inline-block;

		}



		.gd_fixed__contact a i {

			display: inline-block;

			width: 40px;

		}



.gd_readmore {

	display: inline-block;

	color: #fff;

	font-size: 1rem;

	margin-top: 1rem;

	line-height: 1rem;

	background: #008ed4;

	padding: .375rem 1.75rem;

	font-weight: bold;

}



	.gd_readmore:hover {

		background-color: #008ed4;

		color: #fff;

	}



/*#region LOAD MORE */

.gd_actione {

	display: flex;

	flex-flow: column;

	justify-content: center;

	align-items: center;

	margin-top: 1rem;

   /* margin-bottom: 3rem;*/

}



	.gd_actione .gd_loadbtn {

		text-transform: uppercase;

		letter-spacing: 1.5px;

		cursor: pointer;

		display: inline-block;

		padding: 5px;

		position: relative;

		z-index: 1;

	}



	.gd_actione .gd_ellipsis {

		display: none;

	}



@keyframes gd_ellipsis3 {

	0%, 25% {

		left: 32px;

		-webkit-transform: scale(0);

		transform: scale(0);

	}



	50% {

		left: 32px;

		-webkit-transform: scale(1);

		transform: scale(1);

	}



	75% {

		left: 100px;

	}



	100% {

		left: 168px;

		-webkit-transform: scale(1);

		transform: scale(1);

	}

}



@-webkit-keyframes gd_ellipsis3 {

	0%, 25% {

		left: 32px;

		-webkit-transform: scale(0);

		transform: scale(0);

	}



	50% {

		left: 32px;

		-webkit-transform: scale(1);

		transform: scale(1);

	}



	75% {

		left: 100px;

	}



	100% {

		left: 168px;

		-webkit-transform: scale(1);

		transform: scale(1);

	}

}



@keyframes gd_ellipsis2 {

	0% {

		-webkit-transform: scale(1);

		transform: scale(1);

	}



	25%, 100% {

		-webkit-transform: scale(0);

		transform: scale(0);

	}

}



@-webkit-keyframes gd_ellipsis2 {

	0% {

		-webkit-transform: scale(1);

		transform: scale(1);

	}



	25%, 100% {

		-webkit-transform: scale(0);

		transform: scale(0);

	}

}



@keyframes gd_ellipsis {

	0% {

		left: 32px;

		-webkit-transform: scale(0);

		transform: scale(0);

	}



	25% {

		left: 32px;

		-webkit-transform: scale(1);

		transform: scale(1);

	}



	50% {

		left: 100px;

	}



	75% {

		left: 168px;

		-webkit-transform: scale(1);

		transform: scale(1);

	}



	100% {

		left: 168px;

		-webkit-transform: scale(0);

		transform: scale(0);

	}

}



@-webkit-keyframes gd_ellipsis {

	0% {

		left: 32px;

		-webkit-transform: scale(0);

		transform: scale(0);

	}



	25% {

		left: 32px;

		-webkit-transform: scale(1);

		transform: scale(1);

	}



	50% {

		left: 100px;

	}



	75% {

		left: 168px;

		-webkit-transform: scale(1);

		transform: scale(1);

	}



	100% {

		left: 168px;

		-webkit-transform: scale(0);

		transform: scale(0);

	}

}



.gd_ellipsis {

	position: relative;

	width: 80px !important;

	height: 80px !important;

	-webkit-transform: translate(-40px, -40px) scale(0.4) translate(40px, 40px);

	transform: translate(-40px, -40px) scale(0.4) translate(40px, 40px);

}



	.gd_ellipsis > span {

		position: absolute;

		-webkit-transform: translate(-50%, -50%);

		transform: translate(-50%, -50%);

		width: 32px;

		height: 32px;

	}



	.gd_ellipsis span > span {

		width: 32px;

		height: 32px;

		border-radius: 50%;

		background: #326c58;

		position: absolute;

		top: 100px;

		left: 32px;

		-webkit-animation: gd_ellipsis 1.5s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;

		animation: gd_ellipsis 1.5s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;

	}



	.gd_ellipsis span:nth-child(1) span {

		-webkit-animation: gd_ellipsis2 1.5s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;

		animation: gd_ellipsis2 1.5s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;

		background: #dea65c;

	}



	.gd_ellipsis span:nth-child(2) span {

		-webkit-animation-delay: -0.75s;

		animation-delay: -0.75s;

		background: #6a67ce;

	}



	.gd_ellipsis span:nth-child(3) span {

		-webkit-animation-delay: -0.375s;

		animation-delay: -0.375s;

		background: #267c3c;

	}



	.gd_ellipsis span:nth-child(4) span {

		-webkit-animation-delay: 0s;

		animation-delay: 0s;

		background: #3be8b0;

	}



	.gd_ellipsis span:nth-child(5) span {

		-webkit-animation: gd_ellipsis3 1.5s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;

		animation: gd_ellipsis3 1.5s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;

		background: #ffb900;

	}

/*#endregion */



/*********************************************

Video Popup

*********************************************/

.video-popup {

	/*position: fixed;*/

	bottom: 0;

	right: 0;

	top: 0;

	left: 0;

	z-index: 999;

	overflow: auto;

	background: rgba(0, 0, 0, 0.85);

	visibility: hidden;

}



	.video-popup.active {

		visibility: visible;

	}



.video-wrap {

	max-width: 820px;

	width: 100%;

	position: absolute;

	top: 0%;

	bottom: 0%;

	left: 50%;

	transform: translateX(-50%);

	border: 10px solid #fff;

	border-radius: 5px;

}



.video-closed {

	position: absolute;

	background: #df0024;

	width: 30px;

	height: 30px;

	text-align: center;

	color: #fff;

	cursor: pointer;

	font-size: 25px;

	right: 0;

	top: 0;

	display: flex;

	justify-content: center;

	border: 1px solid #df0024;

	padding-top: 1px;

}



.video-popup iframe {

	display: block;

	width: 100%;

	height: 100%;

}



/*.gd_backtop {

	cursor: pointer;

	width: 32px;

	height: 32px;

	background-color: #263d84;

	border-radius: 3px;

	color: #fff;

	font-size: 20px;

	text-align: center;

	position: fixed;

	bottom: 10px;

	right: 10px;

	z-index: 10;

	line-height: 1.4;

	-moz-transition: all .2s;

	-o-transition: all .2s;

	transition: all .2s;

	-webkit-transition: all .2s;

	right: -ms-calc(-594.5%);

	-webkit-transform: translateY(-60%);

	-moz-transform: translateY(-60%);

	-ms-transform: translateY(-60%);

	-o-transform: translateY(-60%);

	visibility: hidden;

	opacity: 0;

}



	.gd_backtop:hover {

		background: #df0024;

	}



	.gd_backtop.show {

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		-ms-transform: translateY(0);

		-o-transform: translateY(0);

		visibility: visible;

		opacity: 1;

		z-index: 1001;

		}*/

/*********************************************

TOOLBAR IN MOBILE

*********************************************/



.gd_fixed__bar {

	position: fixed;

	bottom: 0;

	left: 0;

	display: flex;

	background-color: #263d84;

	width: 100%;

	height: 42px;

	z-index: 100;

	justify-content: space-between;

	border-top: 2px solid #263d84;

	max-width: 100vw;

}



	.gd_fixed__bar a {

		display: block;

		color: #fff;

		padding: 10px;

		text-align: center;

		border-left: 1px solid rgba(0,0,0,0.1);

		text-transform: uppercase;

		border-right: 1px solid #e5e5e5;

		flex: 0 0 33.333%;

		font-weight: bold;

		line-height: 1;

		white-space: nowrap;

		font-size: 20px;

	}



		.gd_fixed__bar a:last-child {

			border-right: none;

		}



		.gd_fixed__bar a i {

			margin-right: 8px;

		}



	.gd_fixed__bar .zalo {

		background-position: 48px -27px;

		background-size: 19px;

	}



/*********************************************

SCROLL ICON

*********************************************/

.wheel, .wheel-b {

	border: 1px solid rgba(255,255,255,1);

	width: 30px;

	-webkit-transition: opacity 0.3s ease-in-out;

	transition: opacity 0.3s ease-in-out;

	height: 54px;

	position: absolute;

	left: 50%;

	bottom: 40px;

	-webkit-border-radius: 50px;

	border-radius: 50px;

	opacity: 1;

	pointer-events: none;

	z-index: 20;

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

}



.wheel-b {

	left: 50%;

	margin-top: 150px;

	margin-left: -15px;

	position: absolute;

	opacity: 1;

	-webkit-animation: fadeInUp;

	animation: fadeInUp;

	-webkit-animation-duration: 0.9s;

	animation-duration: 0.9s;

	-webkit-animation-delay: 0.5s;

	animation-delay: 0.5s;

	-webkit-animation-fill-mode: forwards;

	animation-fill-mode: forwards;

}



	.wheel::before, .wheel-b::before {

		content: " ";

		width: 2px;

		height: 35px;

		background-color: #fff;

		top: -47px;

		left: 50%;

		position: absolute;

	}



	.wheel::after, .wheel-b::after {

		content: "";

		position: absolute;

		top: 0;

		right: 0;

		bottom: 0;

		left: 0;

		margin: auto;

		background-color: #fff;

		width: 5px;

		height: 10px;

		-webkit-border-radius: 10px;

		border-radius: 10px;

		-webkit-animation: trackBallSlide 3s linear infinite;

		animation: trackBallSlide 3s linear infinite;

	}



.zalo {

	background: url('../images/icon/social_icon_white.png');

	background-position: 11px -24px;

	background-size: 18px;

	background-repeat: no-repeat;

}



@-webkit-keyframes trackBallSlide {

	0% {

		opacity: 1;

		-webkit-transform: translateY(-12px);

		transform: translateY(-12px);

	}



	15% {

		opacity: 0;

		-webkit-transform: translateY(8px);

		transform: translateY(8px);

	}



	30% {

		opacity: 1;

		-webkit-transform: translateY(-12px);

		transform: translateY(-12px);

	}



	50% {

		opacity: 0;

		-webkit-transform: translateY(8px);

		transform: translateY(8px);

	}



	60% {

		opacity: 1;

		-webkit-transform: translateY(-12px);

		transform: translateY(-12px);

	}



	100% {

		opacity: 1;

		-webkit-transform: translateY(-12px);

		transform: translateY(-12px);

	}

}



@keyframes trackBallSlide {

	0% {

		opacity: 1;

		-webkit-transform: translateY(-12px);

		transform: translateY(-12px);

	}



	15% {

		opacity: 0;

		-webkit-transform: translateY(8px);

		transform: translateY(8px);

	}



	30% {

		opacity: 1;

		-webkit-transform: translateY(-12px);

		transform: translateY(-12px);

	}



	50% {

		opacity: 0;

		-webkit-transform: translateY(8px);

		transform: translateY(8px);

	}



	60% {

		opacity: 1;

		-webkit-transform: translateY(-12px);

		transform: translateY(-12px);

	}



	100% {

		opacity: 1;

		-webkit-transform: translateY(-12px);

		transform: translateY(-12px);

	}

}



.gd_social {

	display: flex;

	justify-content: flex-start;

}



	.gd_social a {

	   width: 40px;

	   height: 40px;

	   border:1px solid #fff;

	   color: #fff;

	   font-size: 18px;

	   text-align: center;

	   line-height: 40px;

	   margin: 0 10px;

	   border-radius: 50%;

	}



		.gd_social a.facebook:hover {

			background: var(--color);

			border: 1px solid var(--color);

		}



		.gd_social a.youtube:hover {

			background: var(--color);

			border: 1px solid var(--color);

		}



.logo_gov {

	margin-top: 1.5rem;

	flex: 0 0 50%;

	padding-left: 15px;

}



/*********************************************

BACK TO TOP

*********************************************/



.fixed_right {

	position: fixed;

	bottom: 30px;

	right: 40px;

	z-index: 100;

}



	.fixed_right ul {

		padding: 0;

		list-style: none;

	}



#float_button {

	margin-bottom: 40px;

	position: relative;

}



	#float_button .play-now {

		display: block;

	}



	#float_button .d-flex {

		background: #fff;

		visibility: hidden;

		position: absolute;

		top: -15px;

		right: 50px;

		box-shadow: 0 0 5px #666;

		border-radius: 25px;

		padding: 5px 15px;

		animation: fadeInRight 500ms ease-in;

		display: none;

	}



	/*#float_button:hover .d-flex,*/

	#float_button.active .d-flex {

		visibility: visible;

		display: block;

	}



	#float_button .d-flex a {

		display: inline-block;

		border-right: 1px solid #e5e5e5;

		line-height: 30px;

		padding: 0px 15px;

		color: #757575;

		position: relative;

	}



		#float_button .d-flex a:hover {

			color: #666;

		}



		#float_button .d-flex a::before {

			content: "";

			border-left: 6px solid transparent;

			border-top: 8px solid rgba(0,0,0,0.85);

			border-right: 6px solid transparent;

			display: none;

			visibility: hidden;

			position: absolute;

			top: -18px;

			left: 50%;

			-moz-transform: translateX(-50%);

			-ms-transform: translateX(-50%);

			-o-transform: translateX(-50%);

			-webkit-transform: translateX(-50%);

			transform: translateX(-50%);

			animation: fadeIn 300ms ease-in;

		}



		#float_button .d-flex a::after {

			content: attr(title);

			position: absolute;

			visibility: hidden;

			top: -40px;

			white-space: nowrap;

			font-size: 12px;

			left: 50%;

			-moz-transform: translateX(-50%);

			-ms-transform: translateX(-50%);

			-o-transform: translateX(-50%);

			-webkit-transform: translateX(-50%);

			transform: translateX(-50%);

			background: rgba(0,0,0,0.85);

			color: #fff;

			border-radius: 15px;

			line-height: 1;

			padding: 5px 10px;

			animation: fadeIn 300ms ease-in;

			display: none;

		}



		#float_button .d-flex a:hover::after, #float_button .d-flex a:hover::before {

			visibility: visible;

			display: block;

		}





#back-to-top {

	display: none;

}



	#back-to-top .play-now {

	}



		#back-to-top .fa-angle-up, #float_button .fa-phone-alt {

			color: #fff;

			position: relative;

			font-size: 16px;

			text-align: center;

			cursor: pointer;

			font-weight: bold;

		}



	#back-to-top .fa-angle-up {

		font-size: 30px;

		font-weight: 300;

		color: #fff;

	}



#back-to-top.show .play-now{

	display: block;

}



@keyframes vibrate {

	0% {

		top: 0px;

	}



	25% {

		top: -3px;

	}



	50% {

		top: 0px;

	}



	75% {

		top: 3px;

	}



	100% {

		top: 0px;

	}

}

/* Firefox */

@-moz-keyframes vibrate {

	0% {

		top: 0px;

	}



	25% {

		top: -3px;

	}



	50% {

		top: 0px;

	}



	75% {

		top: 3px;

	}



	100% {

		top: 0px;

	}

}

/* Safari and Chrome */

@-webkit-keyframes vibrate {

	0% {

		top: 0px;

	}



	25% {

		top: -3px;

	}



	50% {

		top: 0px;

	}



	75% {

		top: 3px;

	}



	100% {

		top: 0px;

	}

}

/* Opera */

@-o-keyframes vibrate {

	0% {

		top: 0px;

	}



	25% {

		top: -3px;

	}



	50% {

		top: 0px;

	}



	75% {

		top: 3px;

	}



	100% {

		top: 0px;

	}

}



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

Animated play btn, call hotline

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



.gd_hotline .gd_float_call {

	transform: rotateY(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;

	top: -5px;

	right: 100% !important;

	margin-left: 1px;

	-moz-transform-origin: right;

	-ms-transform-origin: right;

	-o-transform-origin: right;

	-webkit-transform-origin: right;

	transform-origin: right;

	position: absolute;

	white-space: nowrap;

	border: 1px solid #ccc;

	background-color: #fff;

	padding: 5px 15px;

}



.gd_hotline .gd_call {

	line-height: 1.42;

	font-size: 15px;

	margin-right: 20px;

}



	.gd_hotline .gd_call span {

		color: #263d84;

		margin-right: 10px;

	}



	.gd_hotline .gd_call a {

		color: #222;

	}



	.gd_hotline .play-now a {

		position: sticky;

		display: block;

		width: 10%;

		height: 100%;

	}

	.gd_hotline.kh_hotline .play-now a {

		color: #fff;

		width: 100%;

	}



.gd_hotline:hover .gd_float_call {

	transform: rotateY(0deg);

	visibility: visible;

}



.play-now {

	position: relative;

	border-radius: 50%;

	z-index: 10;

	text-align: center;

	display: flex;

	justify-content: center;

}



#float_button .play-now .ripple {

	background-color: var(--color2);

}



.play-now .ripple {

	background-color: var(--color2);

	border: 1px solid #ededed;

}



	.play-now .ripple,

	.play-now .ripple:before,

	.play-now .ripple:after {

		position: absolute;

		top: 50%;

		left: 50%;

		height: 50px;

		width: 50px;

		-webkit-transform: translate(-50%, -50%) rotate(45deg);

		transform: translate(-50%, -50%) rotate(45deg);

		-webkit-transform-origin: center;

		transform-origin: center center;

		border-radius: 15px;

	}



		.play-now .ripple:before {

			-webkit-animation-delay: .9s;

			-moz-animation-delay: .9s;

			-ms-animation-delay: .9s;

			-o-animation-delay: .9s;

			animation-delay: .9s;

			content: "";

			position: absolute;

		}



		.play-now .ripple:after {

			-webkit-animation-delay: .6s;

			-moz-animation-delay: .6s;

			-ms-animation-delay: .6s;

			-o-animation-delay: .6s;

			animation-delay: .6s;

			content: "";

			position: absolute;

		}



@-webkit-keyframes ripple {

	70% {

		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);

	}



	100% {

		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

	}

}



@keyframes ripple {

	70% {

		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);

	}



	100% {

		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

	}

}



@-moz-keyframes goRight {

	0% {

		opacity: 0;

		-webkit-transform: translateX(100%);

		transform: translateX(100%);

	}



	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

		transform: translateX(0);

	}

}



@-webkit-keyframes goRight {

	0% {

		opacity: 0;

		-webkit-transform: translateX(100%);

		transform: translateX(100%);

	}



	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

		transform: translateX(0);

	}

}



@keyframes goRight {

	0% {

		opacity: 0;

		-webkit-transform: translateX(100%);

		transform: translateX(100%);

	}



	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

		transform: translateX(0);

	}

}



@keyframes goLeft {

	0% {

		opacity: 0;

		-webkit-transform: translateX(-100%);

		transform: translateX(-100%);

	}



	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

		transform: translateX(0);

	}

}



@-webkit-keyframes goLeft {

	0% {

		opacity: 0;

		-webkit-transform: translateX(-100%);

		transform: translateX(-100%);

	}



	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

		transform: translateX(0);

	}

}



@-moz-keyframes goLeft {

	0% {

		opacity: 0;

		-webkit-transform: translateX(-100%);

		transform: translateX(-100%);

	}



	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

		transform: translateX(0);

	}

}



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

	.gd_copyright{

	  

	}

}

@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 (min-width: 1200px) and (max-width: 1440px) {

}

@media screen and (min-device-width: 625px) and (max-device-width: 1366px) {



}

@media screen and (min-device-width: 858px) and (max-device-width: 1200px) {



}



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

	.logo_gov {

		float: right;

		margin-right: 22%;

	}

	.gd_footer_copyright{

	   border-top: 1px solid #ebebeb47;

	   padding-top: 0;

   }

	.gd_copyright{

		margin-left: 0;

	}

	.hb_copyright_inner .hb_copyright_item:nth-child(1){

		text-align: center;

	}

	.hb_logo_footer{

	}

	.hb_information_footer{

	}

}

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

	.gd_footer{

		background-size: unset;

	}

}

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

	.wheel-b {

		display: none;

	}

}

@media screen and (max-width: 992px) {

	.hb_information_footer .hb_info_item {



}

}

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



	.gd_ft_social {

		order: 1;

	}



	.gd_ft_menu {

		order: 2;

		margin-top: 30px;

	}

	.hb_main_footer{

		flex:0 0 100%;

		max-width: 100%;

		margin-bottom: 30px;

	}

	.hb_information_footer .hb_info_item{

		text-align: center;

		align-items: center;

		margin-bottom: 15px;

	}

	.hb_information_footer .hb_info_item:last-child{

		margin-bottom: 0;

	}

	.hb_information_footer .hb_info_item .hb_icon_images{

		margin-bottom: 0;

	}

	.hb_information_footer .hb_info_item .hb_info_descs p{

		margin-bottom: 0;

	}

	.hb_information_footer .hb_info_item .hb_info_title{

		color: #fff;

	}

	.hb_information_footer .hb_info_item:nth-child(2){



	}

	.gd_main__footer{

		padding: 30px 0 0;

	}

	.kh_name_company{

		font-size: 1.5rem;

	}
	
	.hb_information_footer .hb_info_item .hb_info_descs{

		font-size: 14px;

	}

	.gd_copyright,.gd_design{

		font-size: 14px;

	}

}





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

	.kh_info_hn .gd_ft_social {

		display: none;

	}

	.kh_info_hcm .gd_ft_social {

		display: block !important;

	}

	.kh_add_company {

		margin-bottom: 15px;

	}

	.hb_main_footer{

		flex-wrap: wrap;

		margin-bottom: 15px;

	}

	.kh_name_company {

		font-size: 1.1rem;

		text-align: left;

		margin-left: 0;

		width: 100%;

		margin-top: 10px;

	}

	.hb_logo_footer .img-fluid {

		width: 110px;

	}

	.gd_backtop {

		bottom: 60px;

	}



	.play-now .ripple, .play-now .ripple::before, .play-now .ripple::after {

		width: 40px;

		height: 40px;

		border-radius: 10px;

	}



	#float_button {

		margin-top: 30px;

	}

	.fixed_right {

		right: 30px;

		bottom: 45px;

	}

	.kh_item_fixed {

		padding: 5px 0;

	}

	.kh_item_icon .img-fluid {

		max-width: 80%;

	}

	.kh_item_icon a {

		display: block;

		width: 100%;

	}

	.kh_item_icon .img-fluid {

		margin: 0 auto;

		display: block;

	}

	.hb_information_footer{

		flex-wrap: wrap;

		flex: 0 0 100%;

		max-width: 100%;

	}

	.hb_information_footer .hb_info_item {

		padding-bottom: 0;

		align-items: center;

	}

	.hb_information_footer .hb_info_item:nth-child(2){

		flex:0 0 100%;

		max-width: 100%;

	}

	.hb_copyright_inner .hb_copyright_item:nth-child(1) {

		line-height: 1.5;

	}



	.gd_copyright {

		font-size: 15px;

	}



	.gd_design {

		font-size: 15px;

	}

	.gd_main__footer {

		padding:30px 0 0;

	}



	.hb_information_footer .hb_info_item .hb_info_title {

		font-size: 17px;

		margin-bottom: 0;

	}



	.hb_information_footer .hb_info_item .hb_info_descs {

		font-size: 12px;

		flex-wrap: wrap;

		flex: 1;

	}



.hb_information_footer .hb_info_item .hb_info_descs p{

	margin-bottom: 0;

}

	.hb_copyright_item {

		text-align: center;

	}

	.hb_information_footer .hb_info_item i.fas {

		font-size: 20px;

	}

	.hb_logo_footer {

		flex: 0 0 100%;

		max-width: 100%;

		text-align: center;

		margin-right: 0;

	}



	.gd_footer_copyright {

	   padding-top: unset; 

	   text-align: center;

	}



	.hb_information_footer .hb_info_item .hb_icon_images {

		width: 30px;

		height: 30px;

		display: flex;

		margin-right: 5px;

		align-items: center;

	}

	.hb_information_footer .hb_info_item .hb_info_descs{

		flex-wrap: wrap;

	}

	.hb_hotline_c{

		margin-right: 0;

	}

	.hb_information_footer .hb_info_item i.fas {

		font-size: 12px;

	}

	.gd_copyright {

		font-size: 12px;

	}

	.gd_design {

		font-size: 12px;

	}



	.hb_information_footer .hb_info_item .hb_icon_images {

		margin-bottom: unset; 

	}



	.hb_copyright_inner {

		padding: 5px 0;

		border-top: 1px solid #ebebeb47;

	}

	.hb_information_footer .hb_info_item .hb_info_title{

		color: #fff;

	}

	.hb_information_footer .hb_info_item{

		margin-bottom: 10px;

	}



}



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

	.gd_fixed__bar a {

		font-size: 20px;

	}

}



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

	.gd_menu__footer > li {

		flex: 0 0 50%;

	}

}