@import "../scss/mixin";
.g5ere__pin-wrap {
	&::before, &::after {
		width: 200px;
		height: 200px;
		border: 2px solid transparent;
		@include border-radius(50%);
		background-clip: padding-box;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		@include transform(translate(-50%, -50%));
		animation: gel-map-animationSignal linear 2s;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		display: block;
		content: '';
	}

}

.gel-map-marker-image {
	max-width: 100% !important;
}

.leaflet-popup {
	margin-bottom: 60px !important;
}

.leaflet-popup-content-wrapper {
	@include box-shadow(none !important);
	background-color: transparent !important;

	.leaflet-popup-content {
		margin: 0;
	}
}

.mapboxgl-popup-tip {
	border: none !important;
}
@keyframes gel-map-animationSignal {
	0% {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		@include transform(translate(-50%, -50%) scale(0.3));
	}
	1% {
		@include transform(translate(-50%, -50%) scale(0.32));
		-webkit-opacity: 0.1;
		-moz-opacity: 0.1;
		opacity: 0.1;
	}
	20% {
		-webkit-opacity: 0.5;
		-moz-opacity: 0.5;
		opacity: 0.5;
		@include transform(translate(-50%, -50%) scale(0 0.45));
	}
	60% {
		@include transform(translate(-50%, -50%) scale(0.75));
		-webkit-opacity: 0.35;
		-moz-opacity: 0.35;
		opacity: 0.35;
	}
}