.custom-hotspot-blinker {
  position: absolute;
  /*    top: 50%;
    left: 50%;*/
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1.1em;
  height: 1.1em;
  background-color: #444; //#eea622;
  border-radius: 50%;
  z-index: 3000;
}

.custom-hotspot-blinker:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 46%;
  left: 46%;
  border: 0px solid white;
  -webkit-transform: translate(-45%, -45%);
  transform: translate(-45%, -45%);
  -webkit-animation: loading 1000ms ease-out forwards infinite;
  animation: loading 1000ms ease-out forwards infinite;
  -moz-transform: translate(-45%, -45%);
  -ms-transform: translate(-45%, -45%);
  -o-transform: translate(-45%, -45%);
}

@-webkit-keyframes loading {
  0% {
    border: 0px solid white;
  }

  20% {
    border: 8px solid white;
    width: 0%;
    height: 0%;
  }

  100% {
    border: 8px solid white;
    width: 100%;
    height: 100%;
  }
}

@keyframes loading {
  0% {
    border: 0px solid white;
  }

  20% {
    border: 8px solid white;
    width: 0%;
    height: 0%;
  }

  100% {
    border: 8px solid white;
    width: 100%;
    height: 100%;
  }
}