#dataCentersMap {
	width	: 100%;
	height	: 500px;
}
.amcharts-chart-div > a{
	text-indent: -9999px;
}
.map-marker {
	/* adjusting for the marker dimensions 
	so that it is centered on coordinates */
	margin-left: -8px;
	margin-top: -8px;
}
.map-marker.map-clickable {
	cursor: pointer;
}
.pulse-animate {
	width: 20px;
	height: 20px;
	border: 5px solid #474747;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background-color: #21c063;
	z-index: 10;
	position: absolute;
}
.map-marker .dot {
	border: 10px solid #1dd068;
	background: transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	height: 70px;
	width: 70px;
	-webkit-animation: pulse-animate 3s ease-out;
	-moz-animation: pulse-animate 3s ease-out;
	animation: pulse-animate 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	position: absolute;
	top: -25px;
	left: -25px;
	z-index: 1;
	opacity: 0;
}
.map-marker .balloon{
	background-color: #fff;
	border: 3px solid #474747;
	bottom: 15px;
	left: calc(50% + 11px);
	margin: auto;
	opacity: 0;
	padding: 7px 10px 10px;
	position: absolute;
	text-align: center;
	white-space: nowrap;
	z-index: -1;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	-webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	-ms-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;
}
.map-marker .balloon:before{
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #474747;
	bottom: -13px;
	content: "";
	height: 0;
	left: 50%;
	margin-left: -10px;
	position: absolute;
	width: 0;
}
.map-marker .balloon:after{
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	bottom: -9px;
	content: "";
	height: 0;
	left: 50%;
	margin-left: -10px;
	position: absolute;
	width: 0;
}
.map-marker:hover .balloon{
	opacity: 1;
	z-index: 15;
}

@-moz-keyframes pulse-animate {
	0% {
		-moz-transform: scale(0);
		opacity: 0.0;
	}
	25% {
		-moz-transform: scale(0);
		opacity: 0.1;
	}
	50% {
		-moz-transform: scale(0.1);
		opacity: 0.3;
	}
	75% {
		-moz-transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		-moz-transform: scale(1);
		opacity: 0.0;
	}
}
@-webkit-keyframes pulse-animate {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;
	}
	25% {
		-webkit-transform: scale(0);
		opacity: 0.1;
	}
	50% {
		-webkit-transform: scale(0.1);
		opacity: 0.3;
	}
	75% {
		-webkit-transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0.0;
	}
}