@keyframes tooltip-bounce {
	0%, 20%, 50%, 80%, 100% { transform: translateX(0); }
	40% { transform: translateX(14px); } 
	60% { transform: translateX(7px); }
}

@keyframes bookmarked-shadow {
	0% {
		box-shadow: 0 0 0 0 rgba(254, 179, 66, 0.8);
	}

	100% {
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}
}

@keyframes bookmark-icon {
	0% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/* Ripple Effect
------------------------------------- */
@keyframes ripple {
	0% {
		-webkit-transform: scale(4);
		transform: scale(4);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(40);
		transform: scale(40);
	}
}

/* Keywords Input
------------------------------------- */
@keyframes KeywordIn {
	0% {
		opacity: 0;
		transform: scale(0.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes KeywordOut {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 0;
		margin-top: -35px;
	}
}

/* On/Off Switch
------------------------------------- */
@keyframes switch-shadow {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
	}

	100% {
		box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0);
	}
}

@keyframes switch-shadow-color {
	0% {
		box-shadow: 0 0 0 0 rgba(102, 103, 107, 0.6);
	}

	100% {
		box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0);
	}
}

/* Radio Button
------------------------------------- */
@keyframes radius-shadow {
	0% {
		box-shadow: 0 0 0 0 rgba(102, 103, 107, 0.4);
	}

	100% {
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}
}

/* Booking Confirmation Page
------------------------------------- */
@keyframes bicokAnim {
	0%, 100% {
		box-shadow: 0 0 0 15px rgba(102, 103, 107, 0.07);
	}

	50% {
		box-shadow: 0 0 0 28px rgba(102, 103, 107, 0.12);
	}
}

/* Icon Boxes
------------------------------------- */
@keyframes checkAnim {

	0%,
	100% {
		box-shadow: 0 0 0 5px rgba(102, 103, 107, 0.15);
	}

	50% {
		box-shadow: 0 0 0 8px rgba(102, 103, 107, 0.15);
	}
}

/* Standard syntax */
@keyframes typeCheck {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0px);
	}

	100% {
		opacity: 0;
		transform: translateY(-10px);
	}
}

@keyframes typeBG {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/* Standard syntax */
@keyframes infoBoxAnimation {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0px);
	}
}

/* Cluster styles */
@keyframes clusterAnimation {

	0%, 100% {
		box-shadow: 0 0 0 6px rgba(102, 103, 107, 0.15);
	}

	50% {
		box-shadow: 0 0 0 10px rgba(102, 103, 107, 0.15);
	}
}

/* Marker */
@keyframes markerAnimation {

	0%, 100% {
		box-shadow: 0 0 0 6px rgba(102, 103, 107, 0.15);
	}

	50% {
		box-shadow: 0 0 0 8px rgba(102, 103, 107, 0.15);
	}
}

/* Typing Indicastor */
@keyframes blink {
	50% {
		opacity: 1;
	}
}

/**************New loader start*******************/
.MYspinner {
	-webkit-animation: rotator 1.4s linear infinite;
	animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
}

@keyframes rotator {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
}

.path {
	stroke-dasharray: 187;
	stroke-dashoffset: 0;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
	animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
	0% {
		stroke: #4285F4;
	}

	25% {
		stroke: #DE3E35;
	}

	50% {
		stroke: #F7C223;
	}

	75% {
		stroke: #1B9A59;
	}

	100% {
		stroke: #4285F4;
	}
}

@keyframes colors {
	0% {
		stroke: #4285F4;
	}

	25% {
		stroke: #DE3E35;
	}

	50% {
		stroke: #F7C223;
	}

	75% {
		stroke: #1B9A59;
	}

	100% {
		stroke: #4285F4;
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dashoffset: 187;
	}

	50% {
		stroke-dashoffset: 46.75;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	100% {
		stroke-dashoffset: 187;
		-webkit-transform: rotate(450deg);
		transform: rotate(450deg);
	}
}

@keyframes dash {
	0% {
		stroke-dashoffset: 187;
	}

	50% {
		stroke-dashoffset: 46.75;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	100% {
		stroke-dashoffset: 187;
		-webkit-transform: rotate(450deg);
		transform: rotate(450deg);
	}
}

/**************New loader end*******************/
@keyframes slide-down {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0);
	}
}