.marker-cluster div { background-color: #00c0f8; color: #fff; width: 34px; height: 34px; margin-left: 3px; margin-top: 3px; text-align: center; border: 3px solid #fff; border-radius: 20px; font: bold 11px "Helvetica Neue", Arial, Helvetica, sans-serif; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.marker-cluster span { line-height: 34px }
.marker-cluster-dot div { width: 12px; height: 12px; margin-left: 10px; margin-top: 10px; border-radius: 12px; }
.marker-cluster-large div { width: 40px; height: 40px; margin-left: 0; margin-top: 0; border-radius: 27px; }
.marker-cluster-large span { line-height: 40px }
.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;
}