.leaflet-cluster-anim .leaflet-marker-icon,
.leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match 
	with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}


.marker-cluster-small div {
	background-color: hsla(226, 79%, 53%, 0.8);
}

.marker-cluster-medium div {
	background-color: hsla(226, 65%, 45%, 0.8);
}

.marker-cluster-large div {
	background-color: hsla(226, 55%, 35%, 0.8);
}

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small div {
	background-color: #2855e6;
}

.leaflet-oldie .marker-cluster-medium div {
	background-color: #284bbd;
}

.leaflet-oldie .marker-cluster-large div {
	background-color: #283f8a;
}

.marker-cluster {
	border-radius: 50%;
	width: min-content !important;
	height: min-content !important;
	outline: none;
}

.marker-cluster div {
	display: inline-block;
	border-radius: 50%;
	min-width: 25px;
	min-height: 25px;
	text-align: center;
	line-height: 1;
	box-sizing: content-box;
	white-space: nowrap;
}

.marker-cluster div:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	padding-top: 100%;
	height: 0;
}

.marker-cluster span {
	font: 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
	color: #ffffff;
}