/*Sweet Alert Custom CSS*/
	#swal2-title {
	  	text-transform: uppercase;
	  	position: relative;
	  	display: inline-block;
	  	background-color: #f7b733;
	  	background-size: 100%;
	  	-webkit-background-clip: text;
	  	-moz-background-clip: text;
	  	-webkit-text-fill-color: transparent;
	  	-moz-text-fill-color: transparent;
	  	font-weight: 400;
	  	font-size: 2rem;
	}
	#swal2-html-container {
	  	font-size: 16px;
	  	color: #fff;
	  	line-height: 1.5;
	}
	.swal2-footer a {
	  	padding: 10px 20px;
	  	font-weight: 500;
	  	text-transform: uppercase;
	  	font-size: 1.15rem;
	  	display: inline-block;
	  	border: 1px solid var(--c);
	  	background-color: #f3ec78;
	  	background-image: linear-gradient( 90deg , #ce9744, #f7db4e, #ce9744);
	  	background-size: 100%;
	  	-webkit-background-clip: text;
	  	-moz-background-clip: text;
	  	-webkit-text-fill-color: transparent;
	  	-moz-text-fill-color: transparent;
	  	font-weight: 400;
	}
	.swal2-container .swal2-popup {
		padding: 50px;
		background-color: #222;
		background-image: url("../images/bg_alert.JPG");
		background-size: cover;
		background-repeat: no-repeat;
	}

	.swal2-container .swal2-footer {
	  	border: none;
	}
	.swal2-container .swal2-actions button {
	  	border: none;
	  	background-color: #f7b733;
	  	padding: 10px 60px;
	  	margin: 30px 0 0;
	  	text-decoration: unset;
	}
	.swal2-container .swal2-actions button:focus {
	  	border: none;
	  	box-shadow: unset;
	}
	.swal2-container .swal2-icon .swal2-success-circular-line-left, .swal2-container .swal2-icon .swal2-success-circular-line-right, .swal2-container .swal2-icon .swal2-success-fix {
		background: transparent !important;
	}

	@media screen and (max-width: 768px) {
		.swal2-container .swal2-popup {
		  	padding: 30px 5px;
		}
		#swal2-title {
		  	font-size: 1.5rem;
		  	padding: 20px 0 10px;
		}
		#swal2-html-container {
		  	font-size: 14px;
		  	line-height: 1.6;
		  	margin: 10px 5px;
		}
		.swal2-container .swal2-actions button {
		  	margin: 0 0 0;
		}
		.swal2-container .swal2-icon {
		  	margin: 20px auto;
		}
		.list-office_item{
			padding-bottom: 10px;
		}
		.list-office_item a{
			color: #fff;
		}
	}

/*End*/
.kh_protect_content {
	text-align: right;
}
.kh_protect_content .kh_bct {
	margin: 0 0 30px 0;;
}
.kh_protect_content .kh_bct:last-child {
	margin: 0;
}
.pswp__button--arrow--left::before, .pswp__button--arrow--right::before {
	content: '\f061';
	font-family: "Font Awesome 5 Pro";
	background-image: unset;
	color: #fff;
	font-size: 30px;
}
.pswp__button--arrow--left::before {
	content: '\f060';
}
.modal-open .modal {
  padding: 0 !important;
}

.owl-dots {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);    
	display: flex;
	margin: 0 -5px;
}

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

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

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

.owl-dot {
	padding: 5px;
}

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

.owl-dot.active span {
	background: var(--color-primary);
	border-color: var(--color-primary);
}
.owl-nav.disabled {
	display: none;
}
.owl-dots.disabled {
	display: none;
}
.owl-nav {
	position:absolute;
	font-size:3rem;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:-1;
	display:block;
	color:rgba(0,0,0,0.3);
}
.owl-nav {
	position:unset;
	font-size:2rem
}
.owl-prev {
/*	left:-80px;
*/	position:absolute;
/*	top:50%;
*//*	transform:translateY(-50%);
*/	cursor:pointer
}
.owl-next {
	position:absolute;
/*	right:-80px;
*//*	top:50%;
*//*	transform:translateY(-50%);
*/	cursor:pointer
}
.owl-prev {
/*	left:-50px;
*/	/*font-size:3rem*/
}
.owl-next {
/*	right:-50px;
*/	/*font-size:3rem*/
}

.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 */


/*********************************************
	BACK TO TOP
	*********************************************/
	/*fixed */
	.gd_fixed_left_box.gd_fixed {
	    position: fixed;
	    top: 50%;
	    transform: translateY(-50%);
	    right: 0;
	    z-index: 99;
	    text-align: right;
	}
	.gd_fixed_left_box.gd_fixed ul {
	    padding-right: 0;
	    padding-left: 0;
	}
	.gd_fixed_left_box.gd_fixed ul li {
	   width: 61px;
	   height: 61px;
	   margin-bottom: 5px;
	   background: var(--color-primary);
	   /*background: -webkit-linear-gradient(left, #f58220, #ffb925);
	   background: -o-linear-gradient(left, #f58220, #ffb925);
	   background: linear-gradient(to right, #f58220, #ffb925);*/
	   padding: 2px;
	   text-align: center;
	   list-style: none;
	   display: flex;
	   justify-content: center;
	   align-items: center;
	}
	.gd_fixed_left_box.gd_fixed ul li a{
	  font-size:10px;
	  color: #fff;
	  text-transform: uppercase;
	  line-height: 1.1;
	  display: block;
	}
	.gd_fixed_left_box.gd_fixed li span {
	   display: block;
	   line-height: 1.3;
	   padding-top: 5px;
	}

	.show_icon {
	    display: inline-block;
	    background: var(--color-primary);
	    padding: 4px 8px;
	    margin-bottom: 5px;
	    color: #fff;
	    border-radius: 0 2px 2px 0;
	    position: relative;
	}
	.show_icon i{
	  transition: all .3s ease;
	  padding-left: 3px;
	}
	.show_icon.active i{
	  transform: rotate(180deg);
	}

	.gd_fixed_left_box.gd_fixed ul li.active {
	   transform: translateX(61px);
	}



	#back-to-top .play-now {
		display: none;
	}

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

	#back-to-top .fa-angle-up {
		font-size: 30px;
		font-weight: 300;
	}

	#back-to-top.show .play-now{
		display: block;
	}

/*********************************************
	Video Popup
	*********************************************/
	.video-popup {
		position: absolute;
		width: 100%;
		height: 100%;
		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 {
		width: 100%;
		height: 100%;
	}

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

/*********************************************
	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: 500;
		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;
	}
	.fixed_right .ic_img > a {
		background-position: center;
		background-repeat: no-repeat;
		display: block;
		border-radius: 50%;
		background-size: 45%;
	}
	.fixed_right a.zalo {
		background-image: url("../images/zalo.png");
		background-color: #448aff;
	}
	.fixed_right a.fb_mess {
		background-image: url('../images/mess.png');
		background-color: #0084ff;
	}
	.fixed_right a.yt {
		background-color: #f1584a;
		background-image: url("../images/you.png");
	}
	.fixed_right .ic_img .play-now .ripple {
		background: none;
		position: relative;
		display: block;
		transform: none;
		top: 0;
		left: 0;
		border: none;
	}

/*********************************************
	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:hover .gd_float_call {
		transform: rotateY(0deg);
		visibility: visible;
	}

	.play-now .ripple {
		background-color: var(--color-primary);
		border: 1px solid #fff;
	}
	.play-now .ripple,
	.play-now .ripple:before,
	.play-now .ripple:after {
		position: absolute;
		top: 50%;
		left: 50%;
		height: 100%;
		width: 100%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform-origin: center;
		transform-origin: center center;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
		-webkit-box-shadow: 0 0 0 0 rgba(232, 164, 2, 0.7);
		-moz-box-shadow: 0 0 0 0 rgba(232, 164, 2, 0.7);
		-ms-box-shadow: 0 0 0 0 rgba(232, 164, 2, 0.7);
		-o-box-shadow: 0 0 0 0 rgba(232, 164, 2, 0.7);
		box-shadow: 0 0 0 0 rgba(232, 164, 2, 0.7);
		-webkit-animation: ripple 3s infinite;
		-moz-animation: ripple 3s infinite;
		-ms-animation: ripple 3s infinite;
		-o-animation: ripple 3s infinite;
		animation: ripple 3s infinite;
	}

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

	.kh_hotline_ring {
	  	position: fixed;
	  	left: 50px;
	  	bottom: 50px;
	  	z-index: 99999999;
	}
	.kh_hotline_ring a {
	  	padding: 14px 15px;
	  	background-color: #c0001a;
	  	border-radius: 30px;
	  	color: #fff;
	  	position: relative;
	  	padding-left: 70px;
	  	padding-right: 30px;
	  	font-size: 20px;
	}
	.kh_hotline_ring a .kh_icon_ring {
	  	width: 60px;
	  	height: 60px;
	  	position: absolute;
	  	left: -5px;
	  	top: 50%;
	  	transform: translateY(-50%);
	  	text-align: center;
	  	line-height: 60px;
	  	background-color: var(--color-primary);
	  	border-radius: 50%;
	  	color: #c0001a;
	  	font-size: 1.7rem;
	  	animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
	}

	.kh_backtop {
	  	position: fixed;
	  	width: 50px;
	  	height: 50px;
	  	background-color: var(--color-primary);
	  	color: #fff;
	  	right: 30px;
	  	bottom: 100px;
	  	border-radius: 50%;
	  	text-align: center;
	  	line-height: 50px;
	  	z-index: 999999;
	  	cursor: pointer;
	}
	.kh_backtop::before{
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  height: 100%;
	  width: 100%;
	  -webkit-transform: translateX(-50%) translateY(-50%);
	  transform: translateX(-50%) translateY(-50%);
	  -webkit-transform-origin: center;
	  transform-origin: center center;
	  -webkit-box-shadow: 0 0 0 0 rgba(232,2,2,.7);
	  -moz-box-shadow: 0 0 0 0 rgba(232,2,2,.7);
	  -ms-box-shadow: 0 0 0 0 rgba(232,2,2,.7);
	  -o-box-shadow: 0 0 0 0 rgba(232,2,2,.7);
	  box-shadow: 0 0 0 0 rgba(2, 232, 113, 0.7);
	  -webkit-animation: ripple 1.5s infinite;
	  -moz-animation: ripple 1.5s infinite;
	  -ms-animation: ripple 1.5s infinite;
	  -o-animation: ripple 1.5s infinite;
	  animation: ripple 1.5s infinite;
	  border-radius: 50%;
	}



/*********************************************
	KH_Footer
	*********************************************/
	#kh_footer {
		padding: 90px 0 30px;
		color: #fff;
		position: relative;
		background: #111111;
	}
/*	#kh_footer::before{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-color: #111111;
		opacity: .98;
	}*/
	.list-office{
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.list-office_item{
		padding-bottom: 30px;
	}
	.list-office_item a{
		color: #fff;
	}
	.list-office li:last-child{
		padding-bottom: 0;
	}
	.list-office_item .name{
		font-weight: 500;
		margin-right: 5px;
	}
	.kh_wrap_footer {
		justify-content: space-between;
		align-items: center;
	}
	.kh_nav_footer ul {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 550px;
		margin-right: 100px;
	}
	.kh_nav_footer ul li {
		flex: 0 0 50%;
		display: flex;
		margin-bottom: 10px;
	}
	.kh_nav_footer ul li::before {
		content: "\f077";
		font-family: "Font Awesome 5 Pro";
		font-weight: 900;
		transform: rotate(90deg);
		margin-right: 20px;
	}
	.kh_nav_footer ul li a {
		color: #fff;
		text-transform: none;
		font-size: 1.2rem;
		font-weight: 300;
	}
	.kh_footer_footer {
		text-align: center;
		padding-top: 20px;
		margin-top: 50px;
		color: #fff;
		position: relative;
	}
	.kh_footer_footer::before{
		  content: "";
		  width: 25%;
		  height: 1px;
		  position: absolute;
		  background: var(--color-primary);
		  left: 50%;
		  transform: translateX(-50%);
		  top: -5px;
	}
	.kh_copyright {
		justify-content: center;
	}
	.kh_copyright a {
		color: #fff;
		font-weight: 500;

	}
	.and_design a{
		font-weight: normal;
	}

	.kh_nav_footer ul li a:hover {
		color: var(--color-primary);
	}
	.connect_us{
		margin-bottom: 20px;
	}

	.footer_more-title{
		font-size: 20px;
		font-weight: 300;
		margin-bottom: 20px;
		display: block;
	}
	.footer_more-social{
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
	}
	.footer_more-social li.footer_more-social-item{
		list-style: none;
		padding-right: 10px;
	}
	.footer_more-social li.footer_more-social-item a{
		background: #fff;
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 100%;
		color: var(--color-primary);
	}
	.join-us{
		display: flex;
	}
	.join-us_email input{
		background: #494949;
		border-radius: 3px;
		border: 1px solid #f2f2f2;
		padding: 5px 10px;
		margin-right: 10px;
		width: 230px;
	}
	.join-us_button input{
		cursor: pointer;
		background: var(--color-primary);
		padding: 5px 15px;
		border: 1px solid var(--color-primary);
		color: #fff;
	}
	.join-us_button{
		position: relative;
	}
	.join-us_button .wpcf7-spinner{
		position: absolute;
		left: 8%;
		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%);
	}


	@media screen and (max-width: 1440px) {
		.kh_nav_footer ul {
			margin-right: 0;
		}
		.kh_backtop {
			right: 20px;
		}
	}
	@media screen and (max-width: 1280px) {
		.kh_nav_footer ul li a {
			font-size: 15px;
		}
		.kh_logo_footer {
			width: 300px;
			margin: 0;
		}
	}


	@media screen and (max-width: 1080px) {
		.kh_nav_footer ul {
		  	width: 460px;
		}
	  	.kh_nav_footer ul li a {
		    font-size: 1rem;
		}
		.kh_nav_footer ul li {
		  	margin-bottom: 5px;
		}
		#kh_footer {
		  	padding: 50px 0 30px;
		}
		.kh_footer_footer {
		  	padding: 10px 0;
		}
	}

	@media screen and (max-width: 992px) {
		.kh_logo_footer {
			width: 250px;
		}
		.kh_nav_footer ul li a {
			text-transform: unset;
		}
		.kh_nav_footer ul {
			width: 370px;
		}

		.kh_nav_footer ul li::before {
			margin-right: 10px;
			font-size: 14px;
		}
	}
	@media screen and (max-width: 767px) {
		.kh_wrap_footer {
			flex-wrap: wrap;
		}
		.kh_logo_footer {
			width: 100%;
			text-align: center;
			margin-bottom: 30px;
		}

		#kh_footer {
			padding: 50px 0 10px;
		}
		.kh_copyright {
			flex-flow: column;
		}
		.kh_backtop {
			width: 30px;
			height: 30px;
			bottom: 0;
			line-height: 30px;
		}
		.kh_backtop {
			bottom: 15px;
			right: 15px;
		}
		.kh_logo_footer .img-fluid {
			max-width: 60%;
		}
		.kh_nav_footer ul {
			width: 100%;
		}
		.kh_nav_footer_more{
			text-align: center;
			margin-top: 20px;
			width: 100%;
		}
		.footer_more-social{
			justify-content: center;
		}

	}


/*********************************************
	KeyFrames
	*********************************************/
	@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);
		}
	}

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

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

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

	/*KeyFrame*/
	@-webkit-keyframes fadeInUp{
		0%{
			opacity:0;
			-webkit-transform: translateY(50px);
			transform: translateY(50px);
		}
		100% {
			opacity:1;
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}
	@keyframes fadeInUp{
		0%{
			opacity:0;
			-webkit-transform: translateY(50px);
			transform: translateY(50px);
		}
		100% {
			opacity:1;
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}

	@-webkit-keyframes translateZezo{
		100%{
			-webkit-transform:scale(0);
			transform:translateX(0);
		}
	}
	@keyframes translateZezo{
		100%{
			-webkit-transform:scale(0);
			transform:translateX(0);
		}
	}
	@-webkit-keyframes zezoTop{
		0%{
			-webkit-transform:translateY(70px);
			transform:translateY(70px);
		}
		100%{
			-webkit-transform:none;
			transform:none;
		}
	}
	@keyframes zezoTop{
		0%{
			-webkit-transform:translateY(70px);
			transform:translateY(70px);
		}
		100%{
			-webkit-transform:none;
			transform:none;
		}
	}
	@-webkit-keyframes zezoBot{
		0%{
			-webkit-transform:translateY(-70px);
			transform:translateY(-70px);
		}
		100%{
			-webkit-transform:none;
			transform:none;
		}
	}
	@keyframes zezoBot{
		0%{
			-webkit-transform:translateY(-70px);
			transform:translateY(-70px);
		}
		100%{
			-webkit-transform:none;
			transform:none;
		}
	}
	@-webkit-keyframes rotate360{
		100%{
			-webkit-transform:rotate(360deg);
			transform:rotate(360deg);
		}
	}
	@keyframes rotate360{
		100%{
			-webkit-transform:rotate(360deg);
			transform:rotate(360deg);
		}
	}
	@-webkit-keyframes fadeIn{
		0%{
			opacity:0;
		}
		100%{
			opacity:1;
		}
	}
	@keyframes fadeIn{
		0%{
			opacity:0;
		}
		100%{
			opacity:1;
		}
	}

	@-webkit-keyframes shadowAni{
		0% {
			box-shadow: 0 0 0 0 rgba(255,255,255,.3);
		}
		100% {
			box-shadow: 0 0 0 70px rgba(255,255,255,0);
		}
	}
	@keyframes shadowAni{
		0% {
			box-shadow: 0 0 0 0 rgba(255,255,255,.3);
		}
		100% {
			box-shadow: 0 0 0 70px rgba(255,255,255,0);
		}
	}

	@-webkit-keyframes typing {
		from { width: 0 }
		to { width: 100% }
	}

	@keyframes typing {
		from { width: 0 }
		to { width: 100% }
	}

	@-webkit-keyframes blink-caret {
		from, to { background-colorr: transparent }
		50% { background-color:#e7120d }
	}

	@keyframes blink-caret {
		from, to { background-color: transparent }
		50% { background-color:#e7120d }
	}

	@-webkit-keyframes phonering-alo-circle-anim {
		0% {
			-webkit-transform:rotate(0) scale(.5) skew(1deg);
			-webkit-opacity:.1
		}
		30% {
			-webkit-transform:rotate(0) scale(.7) skew(1deg);
			-webkit-opacity:.5
		}
		100% {
			-webkit-transform:rotate(0) scale(1) skew(1deg);
			-webkit-opacity:.1
		}
	}
	@-webkit-keyframes phonering-alo-circle-fill-anim {
		0% {
			-webkit-transform:rotate(0) scale(.7) skew(1deg);
			opacity:.6
		}
		50% {
			-webkit-transform:rotate(0) scale(1) skew(1deg);
			opacity:.6
		}
		100% {
			-webkit-transform:rotate(0) scale(.7) skew(1deg);
			opacity:.6
		}
	}
	@-webkit-keyframes phonering-alo-circle-img-anim {
		0% {
			-webkit-transform: translateY(-50%) rotate(0) scale(1) skew(1deg)
		}
		10% {
			-webkit-transform: translateY(-50%) rotate(-25deg) scale(1) skew(1deg)
		}
		20% {
			-webkit-transform: translateY(-50%) rotate(25deg) scale(1) skew(1deg)
		}
		30% {
			-webkit-transform: translateY(-50%) rotate(-25deg) scale(1) skew(1deg)
		}
		40% {
			-webkit-transform: translateY(-50%) rotate(25deg) scale(1) skew(1deg)
		}
		50% {
			-webkit-transform: translateY(-50%) rotate(0) scale(1) skew(1deg)
		}
		100% {
			-webkit-transform: translateY(-50%) rotate(0) scale(1) skew(1deg)
		}
	}