.note-float-left{
    margin-right:15px;
}

.note-float-right{
    margin-left:15px;
}

.map {
	width: 100%;
	min-height: 460px;
	height: auto
}

.fullscreen .map,
.fullscreen.map {
	min-height: 100vh
}

@media (max-width: 1024px) {
	.map {
		min-height: 240px
	}
	.fullscreen .map,
	.fullscreen.map {
		min-height: 100vh
	}
}

.animated-dot {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #2250fc;
	position: relative;
	top: -10px;
	right: 8px
}

.animated-dot:before,
.animated-dot:after {
	content: "";
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #2250fc;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: auto;
	transform: scale(0.5);
	transform-origin: center center;
	animation: pulse-me 3s linear infinite
}

.animated-dot:after {
	animation-delay: 2.4s
}

@keyframes pulse-me {
	0% {
		transform: scale(0.5);
		opacity: 0
	}
	50% {
		opacity: 0.1
	}
	70% {
		opacity: 0.09
	}
	100% {
		transform: scale(16);
		opacity: 0
	}
}