#map-container {
  background-image: url(../img/grid-map.png);
  background-size: cover;
}

.map {
  min-width: 1000px !important;
  max-width: 1000px !important;
  position: relative;
}

.map .project {
  position: absolute;
  font-family: 'space_mono';
  top: 29%;
  left: 13%;
}

.map .project1 {
  left: 11%;
}

.map .project2 {
  left: 15%;
}

.map .project3 {
  left: 9%;
}

.map .project4 {
  left: 13%;
}

.map .circle {
  position: absolute;
  width: 300px;
  height: 300px;
}

.map .circle1 {
  top: 170px;
  left: 186px;
}

.map .circle2 {
  top: 140px;
  left: 406px;
}

.map .circle3 {
  top: 234px;
  left: 723px;
}

.map .circle4 {
  top: 390px;
  left: 816px;
}

.map .centraldot {
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 1);
  border-radius: 30px;
  position: absolute;
  left: 60px;
  top: 60px;
}

.map .centraldot:hover {
  background-color: #F7941E;
}

.map .wave {
  width: 200px;
  height: 200px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  position: absolute;
  left: -30px;
  top: -30px;
  opacity: 0;
  animation: animationWave cubic-bezier(0, .54, .53, 1) 1s;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  animation-delay: 0.9s;
  animation-iteration-count: infinite;
}

.map .wave2 {
  width: 200px;
  height: 200px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  position: absolute;
  left: -30px;
  top: -30px;
  opacity: 0;
  animation: animationWave cubic-bezier(0, .54, .53, 1) 1s;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  animation-delay: 1.07s;
  animation-iteration-count: infinite;
}

@keyframes animationDotCentral {
  28% {
    background: rgba(255, 255, 255, 1);
  }

  29% {
    background: rgba(247, 148, 30, 1);
  }

  31% {
    background: rgba(255, 255, 255, 1);
  }

  33% {
    background: rgba(247, 148, 30, 1);
  }

  35% {
    background: rgba(255, 255, 255, 1);
  }
}

@keyframes animationWave {
  0% {
    opacity: 0;
    transform: scale(0.00);
  }

  1% {
    opacity: 1;
  }

  10% {
    background: rgba(255, 255, 255, 0.4);
  }

  100% {
    transform: scale(1);
    background: rgba(255, 255, 255, 0);
  }
}