/* Animation */
@-webkit-keyframes 
  pulsate {  0% {
   -webkit-transform: scale(1);
   transform: scale(1);
   opacity: 0.8;
  }
   45% {
   -webkit-transform: scale(1.75);
   transform: scale(1.75);
   opacity: 0;
  }
}
@keyframes 
  pulsate {  0% {
   -webkit-transform: scale(1);
   transform: scale(1);
   opacity: 0.8;
  }
   45% {
   -webkit-transform: scale(1.75);
   transform: scale(1.75);
   opacity: 0;
  }
}


/* Hotspot */

.hot_spot .HotspotPlugin_Hotspot:before {
  content: "";
  display: block;
  width: 2em;
  height: 2em;
  margin: -4px auto auto -4px;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border-radius: 50%;
  border: 1px solid #1C69D4;
  opacity: 0;
  -webkit-animation: pulsate 3s ease-out infinite;
  animation: pulsate 3s ease-out infinite;
}

.hot_spot .HotspotPlugin_Hotspot:after {
    content: "+";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 20px;
    height: 20px;
    width: 14px;
    text-align: center;
}