/* All custom css here */

.pulsating-circle {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 40px;
	height: 40px;
	z-index: 1020;
}
.pulsating-circle:before {
	content: '';
	position: relative;
	display: block;
	width: 300%;
	height: 300%;
	box-sizing: border-box;
	margin-left: -100%;
	margin-top: -100%;
	border-radius: 80px;
	background-color: #01a4e9;
	animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.pulsating-circle:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: white;
	border-radius: 35px;
	/* box-shadow: 0 0 8px rgba(0, 0, 0, .3); */
	animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}
@keyframes pulse-ring {
	0% {
		transform: scale(0.63);
   }
	80%, 100% {
		opacity: 0;
   }
}
@keyframes pulse-dot {
	0% {
		transform: scale(0.8);
   }
	50% {
		transform: scale(1);
   }
	100% {
		transform: scale(0.8);
   }
}