/* Animation */
@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  45% {
    transform: scale(1.75);
    opacity: 0;
  }
}
@keyframes stop-pulsate {
  from {
    opacity: 0.4;
  }
  to {
    transform: scale(2);
    opacity: 0;
  }
}

.btn-pulse {
/*    height: 1em;
    width: 1em;*/

}

.btn-pulse-01 {
    position: absolute;
    left: 97%;
    top: -1448%;
    max-width: 10%;
}
/*.btn-pulse-02 {
    position: relative;
    top: 5rem;
    left: 21rem;
    z-index: 1000;
}
.btn-pulse-03 {
    position: relative;
    top: 22rem;
    left: 33rem;
    z-index: 1000;
}
.btn-pulse-04 {
    position: relative;
    top: 5rem;
    left: 31rem;
    z-index: 1000;
}
.btn-pulse-05 {
    position: relative;
    top: 8rem;
    left: 12rem;
    z-index: 1000;
}
.btn-pulse-06 {
    position: relative;
    top: 22rem;
    left: -7rem;
    z-index: 1000;
}
.btn-pulse-07 {
    position: relative;
    top: 16rem;
    left: -14rem;
    z-index: 1000;
}
.btn-pulse-08 {
    position: relative;
    top: 26rem;
    left: -24rem;
    z-index: 1000;
}*/


.btn-pulse .circle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 32px;
  height: 32px;
  margin: -0.666em auto auto -0.666em;
  background: yellow;
  border-radius: 50%;
  opacity: 0.6;
  transform-origin: 50% 50%;
  transition: opacity 0.2s ease-in, transform 0.1s ease-out;
  color: white;
  font-size: 1.5em;
  padding: 0;
  text-align: center;
  line-height: 32px;
  overflow: hidden;
}
.btn-pulse .circle:hover {
  opacity: 0.8;
  cursor: pointer;
}
.btn-pulse .circle:active {
  transform: scale(0.875);
}
.btn-pulse .ring {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.7em;
  height: 2.7em;
  margin: -.7em auto auto -.7em;
  transform-origin: 50% 50%;
  border-radius: 50%;
  border: 1px solid yellow;
  opacity: 0;
  animation: pulsate 3s ease-out infinite;
}
.btn-pulse:hover .ring {
  animation: none;
}
.btn-pulse:active .ring {
  animation: stop-pulsate 0.3s;
}



.truck-container {
  position:relative;
  display: inline-block;
  max-width: 1200px;
  margin-top: 2em;
  margin-left: 2em;
}
.truck-container img {
  position: relative;
  display: block;
  max-width: 100%;
}
.truck-container a.hotspot {
  position: absolute;
  text-decoration: none;
}