@charset "UTF-8";

@-moz-keyframes pulsate {
	from {
		-moz-transform: scale(0.25);
		opacity: 1.0;
	}

	95% {
		-moz-transform: scale(1.3);
		opacity: 0;
	}

	to {
		-moz-transform: scale(0.3);
		opacity: 0;
	}
}

@-webkit-keyframes pulsate {
	from {
		-webkit-transform: scale(0.25);
		opacity: 1.0;
	}

	95% {
		-webkit-transform: scale(1.3);
		opacity: 0;
	}

	to {
		-webkit-transform: scale(0.3);
		opacity: 0;
	}
}

#gmap div[title="marker_current"] {
	-moz-animation: pulsate 1.5s ease-in-out infinite;
	-webkit-animation: pulsate 1.5s ease-in-out infinite;
	border: 1pt solid #fff;
	/* make a circle */
	-moz-border-radius: 51px;
	-webkit-border-radius: 51px;
	border-radius: 51px;
	/* multiply the shadows, inside and outside the circle */
	-moz-box-shadow: inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
	-webkit-box-shadow: inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
	box-shadow: inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
	/* set the ring's new dimension and re-center it */
	height: 51px !important;
	margin: -18px 0 0 -18px;
	width: 51px !important;
}

#gmap div[title="marker_current"] img {
	display: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (device-width: 768px) {
	#gmap div[title="marker_current"] {
		margin: -10px 0 0 -10px;
	}
}