.map-report-transition {
  top: 0;
  opacity: 1;
  position: absolute;
  -webkit-transition: top 1.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 1.25s linear !important;
  -moz-transition: top 1.25s linear, opacity 1.25s linear  !important;
  -o-transition: top 1.25s linear, opacity 1.25s linear  !important;
  transition: top 1.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 1.25s linear  !important;
}
.map-report-transition-enter {
  top: -80px  !important;
  opacity: 0.01  !important;
}
.map-report-transition-leave, .map-report-transition-leave-active {
  -webkit-transition: opacity 0.7s linear;
  -moz-transition: opacity 0.7s linear;
  -o-transition: opacity 0.7s linear;
  transition: opacity 0.7s linear;
}
.map-report-transition-leave-active {
  opacity: 0.01;
}

.beacon {
    border: 3px solid #900;
    -webkit-border-radius: 30px;
    height: 15px;
    width: 15px;
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}
@-webkit-keyframes pulsate {
    0% {top:0px; left: 0px;width:15px; height:15px; opacity: 1.0;}
    100% {top:-9px; left: -9px;width:30px; height:30px; opacity: 0.2;}
}