@keyframes markerWave {

	0% {
    -webkit-transform: scale(1);
            transform: scale(1);
		opacity: 0.8;
	}
	20% {
		opacity: 0.8;
	}
	100% {
    -webkit-transform: scale(5.5);
            transform: scale(5.5);
		opacity: 0;
	}
}

.ld-gmap-container {
	width: 100%;
	height: 450px;
}
.ld-gmap {
	height: 100%;
}
.map_marker {
	position: absolute;
	width: 18px;
	height: 18px;
	border-radius: 50em;
	background-color: var(--color-primary);

	div {
		content: '';
		display: inline-block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 50em;
		opacity: 1;
		background-color: var(--color-primary);
	}
	> div:first-child {
		animation: markerWave 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;

		+ div {
			animation: markerWave 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards;
		}
	}
}

@media screen and ( min-width: 992px ) {

	.ld-gmap-container {

		.row.align-items-stretch & {
			height: auto;
			display: flex;
			flex-direction: column;
			justify-content: stretch;
			align-items: stretch;
			flex-grow: 1;

			.ld-gmap {
				flex-grow: 1;
				height: auto;
				min-height: 350px;
			}
		}
	}
}