.imap--default {
    overflow: hidden;
}

@media screen and (max-width:840px){
    .imap--default {
        overflow: auto;
    }
}

/* .imap { 
  display:inline-block;
  background-size:100%;
  background-repeat: no-repeat;
  position:relative;
} */


/* .imap-point {
  top:0;
  left:0;
  position:absolute;
  --sk-color:#fff;
  background-color: red;
  cursor: pointer;
} */

.imap-point {
    position: absolute;
    background-color: rgba(255, 255, 255, .6);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .4);
    border-radius: 50%;
    cursor: pointer;
    animation-name: pulse;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

.imap-point:after {
    content: '';
    position: absolute;
    top: calc(0px - 15%);
    left: calc(0px - 15%);
    width: 130%;
    height: 130%;
    background-color: rgba(255, 255, 255, .6);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .4);
    border-radius: 50%;
    cursor: pointer;
    animation-name: pulseopposite;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    transform: scale(.3);
}

@keyframes pulse {
    0% {
        transform: scale(1.2);
    }
    50% {
        transform: scale(.8);
    }
    100% {
        transform: scale(1.2);
    }
}

@keyframes pulseopposite {
    0% {
        transform: scale(.3);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(.3);
    }
}


/* .imap-point-desc{ margin:8px 0 12px 0; font-size:14px; } */


/* .imap-point > .sk-bounce-dot {
  box-shadow: 0 0 10px #999;
} */

.imap-point-image {
    height: 140px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 12px;
    border-radius: 3px;
}


/* .i-point {
  top: 0;
  left: 0;
  position: absolute;
  width: 42px;
  height: 42px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #333;
}

.i-point.mark {
  background-image:url(https://meetmaps.com/images/res/platform/point.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background-color:transparent;
  border:0;
  cursor:pointer;
  background-color:1px solid #fff;
} */

.imap {
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    /* position:relative; */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}

.imap>* {
    pointer-events: all;
}

.imap-point {
    top: 0;
    left: 0;
    position: absolute;
    --sk-color: #fff;
    cursor: pointer;
}

.imap-point>.sk-bounce-dot {
    box-shadow: 0 0 10px #999;
}

.imap-point-desc {
    margin: 8px 0 12px 0;
    font-size: 14px;
}

.imap-point-image {
    height: 140px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 12px;
    border-radius: 3px;
}

.imap-wrapper {
    position: relative;
    background-size: 100%;
}

#imap-map {
    /* position: absolute; */
    /* top: 0;
  left: 0; */
    z-index: 1;
    background: transparent;
    /* width: 100%;
  height: 100%; */
    height: 200px;
}

.leaflet-control-attribution {
    display: none;
}

.leaflet-interactive {
    transition: all 100ms ease-out;
}