.overlay.in{visibility:hidden;opacity:1}
.overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:2000;visibility:hidden;opacity:0;overflow-y:auto}
.marker-position{position:absolute;bottom:0;left:0;z-index:999;padding:10px;font-weight:700;background-color:#fff}
.loader{width:64px;height:64px;position:absolute;right:50%;top:50%;animation:rotate 1.5s ease-in infinite alternate}
.loader::before{content:'';position:absolute;left:0;bottom:0;color:#ff3d00;background:currentColor;width:64px;height:32px;border-radius:0 0 50px 50px}
.loader::after{content:'';position:absolute;left:50%;top:10%;background:#fff;width:8px;height:64px;animation:rotate 1.2s linear infinite alternate-reverse}
@keyframes rotate{
100%{transform:rotate(360deg)}
}
#mapid{height:300px;width:100%;margin:0 0 7% auto;z-index:1}