.first-zoom-img{
  position:absolute;
  top:0;
  opacity: 0;
  animation: first-zoom-img 1s 3.5s linear forwards;
}
@-webkit-keyframes first-zoom-img{
  0%{
    opacity: 0;
  }
   25%{
  opacity: 0.25;
  }
  50%{
  opacity: 0.50;
  }
  75%{
  opacity: 0.75;
  }
  100%{
    opacity: 1;
  }
  } 
  /* .parkgenie{
    animation: parkgenie 1s 6s linear forwards;
  }
  @-webkit-keyframes parkgenie{
    from {
      opacity: 1;  
      width: 95%;
    }
    to {
      opacity: 1;
      width: 100%;
    }
  }  */
.zoom-img > img{
  max-width: 100%;
  max-height: 100%;
  position: absolute;
}
.parkgenie > img{
  max-width: 100%;
  max-height: 100%;
  position: relative;
}
.right-redbuling-all{
  width: 19%;
  top: 30%;
  left: 11%;
  height: 38%;
  animation: right-redbuling-all 1s 5.4s linear forwards,
  safewebkey_animation-right 1s 12s linear forwards;
}
@-webkit-keyframes right-redbuling-all{
  0%{
    opacity: 1; 
    transform:   rotateY(0deg); 
    
  }
  50%{
    transform: rotateY(25deg);

  }
  100%{
    opacity: 1;
    transform: rotateY(0deg); 
  }
}
@-webkit-keyframes safewebkey_animation-right{
    0%{
      opacity: 0; 
    }
    50%{
     opacity: 0.50;
    }
    100%{
      opacity: 0;
    }
  }
  .redbuling_animation{
  position: absolute;
  top: 58%;
  margin: auto;
  padding: 0 0 0 2rem;
  animation: redbuling_animation 1s 5.4s linear forwards,
    safewebkey_animation 1s 12s linear forwards;
}
  @-webkit-keyframes redbuling_animation{
    0%{
      opacity: 1; 
      transform:   rotateY(0deg); 
    }
    50%{
      transform: rotateY(25deg);
    }
    100%{
      opacity: 1;
      transform: rotateY(0deg); 
    }
  }
  @-webkit-keyframes safewebkey_animation{
    0%{
      opacity: 0; 
    }
    50%{
     opacity: 0.50;
    }
    100%{
      opacity: 0;
    }
  }
  .zoom-road-img{
    top: 63%;
  }
  .redbuling_animation{
    top: 30.4%;
    z-index: -2;
   height: 38%;
  }
  
  .right-location-fir-img_sec{
      top: 40%;
      left: 41%;
      z-index: 2;
      width: 10%;
      animation: right-location-fir-img_sec-s 1s 3.5s linear forwards,
      right-location-fir-img_sec 1s 5s linear forwards;

  }
  @-webkit-keyframes right-location-fir-img_sec {
    0%{
      opacity: 1; 
      transform:   rotateY(0deg); 
    }
    50%{
      transform: rotateY(45deg);
    }
    100%{
      opacity: 0;
      transform: rotateY(0deg); 
    }
  }
  @-webkit-keyframes  right-location-fir-img_sec-s {
    0%{
      opacity: 0; 
      width: 9%;
    }
    
    100%{
      opacity: 1;
     width: 10%;
    }
  }

 .building-line-one_sec{
  width: 9%;
  top: 20.7%;
  left: 4.5%;
  z-index: 3;
  animation: building-line-one_sec-zoom 1s 3.5s linear forwards,
  building-line-one_sec 1s 5s linear forwards;
  
  
  }
  @-webkit-keyframes building-line-one_sec {
    0%{
      opacity: 1; 
      transform:   rotateY(0deg); 
    }
    50%{
      transform: rotateY(45deg);
    }
    100%{
      opacity: 0;
      transform: rotateY(0deg); 
    }
  
  }
  @-webkit-keyframes  building-line-one_sec-zoom {
    0%{
      opacity: 0; 
      width: 8%;
    }
    
    100%{
      opacity: 1;
     width: 9%;
    }
  }
  
  .building-line-two_sec{
    width: 9%;
  top: 20.7%;
  left: 22.5%;
  z-index: 2;
  animation: building-line-two_sec-zoom 1s 3.5s linear forwards,
  building-line-two_sec 1s 5s linear forwards;
  
  }
  @-webkit-keyframes building-line-two_sec {
    0%{
      opacity: 1; 
      transform:   rotateY(0deg); 
    }
    50%{
      transform: rotateY(45deg);
    }
    100%{
      opacity: 0;
      transform: rotateY(0deg); 
    }
  }
  @-webkit-keyframes  building-line-two_sec-zoom {
    0%{
      opacity: 0; 
      width: 8%;
    }
    
    100%{
      opacity: 1;
     width: 9%;
    }
  }
  .building-line-three_sec{
    width: 9%;
  top: 20.7%;
  left: 32.5%;
  z-index: 3;
  animation: building-line-three_sec-zoom 1s 3.5s linear forwards,
  building-line-three_sec 1s 5s linear forwards;
  }
  @-webkit-keyframes building-line-three_sec {
    0%{
      opacity: 1; 
      transform:   rotateY(0deg); 
    }
    50%{
      transform: rotateY(45deg);
    }
    100%{
      opacity: 0;
      transform: rotateY(0deg); 
    }
  }
  @-webkit-keyframes  building-line-three_sec-zoom {
    0%{
      opacity: 0; 
      width: 8%;
    }
    
    100%{
      opacity: 1;
     width: 9%;
    }
  }
  .building-line-four_sec{
    width: 9%;
  top: 20.7%;
  left: 62.5%;
  z-index: 0;
  animation: building-line-four_sec 1s 3.5s linear forwards,
  building-line-four_sec-zoom 1s 5s linear forwards;
  }
  @-webkit-keyframes building-line-four_sec-zoom {
    0%{
      opacity: 1; 
      transform:   rotateY(0deg); 
    }
    50%{
      transform: rotateY(45deg);
    }
    100%{
      opacity: 0;
      transform: rotateY(0deg); 
    }
  }
  @-webkit-keyframes   building-line-four_sec {
    0%{
      opacity: 0; 
      width: 8%;
    }
    100%{
      opacity: 1;
     width: 9%;
    }
  }
  .building-line-small_sec{
    top: 36%;
  left: 49.5%;
  z-index: 1;
  width: 6%;
  animation: building-line-small_sec-zoom 1s 3.5s linear forwards,
   building-line-small_sec 1s 5s linear forwards;
 
  }
  @-webkit-keyframes building-line-small_sec {
    0%{
      opacity: 1; 
      transform:   rotateY(0deg); 
    }
    50%{
      transform: rotateY(45deg);
    }
    100%{
      opacity: 0;
      transform: rotateY(0deg); 
    }
  }
  @-webkit-keyframes  building-line-small_sec-zoom {
    0%{
      opacity: 0; 
      width: 5%;
    }
    
    100%{
      opacity: 1;
     width: 6%;
    }
  }
  .building-line-e_sec{
    width: 14%;
    top: 20.7%;
    left: 76.5%;
    z-index: 0;
    animation:building-line-e_sec-zoom 1s 3.5s linear forwards,
     building-line-e_sec 1s 5s linear forwards;
   
  }
  @-webkit-keyframes building-line-e_sec {
    0%{
      opacity: 1; 
      transform:   rotateY(0deg); 
    }
    50%{
      transform: rotateY(45deg);
    }
    100%{
      opacity: 0;
      transform: rotateY(0deg); 
    }
  }
  @-webkit-keyframes  building-line-e_sec-zoom {
    0%{
      opacity: 0; 
      width: 13%;
    }
    
    100%{
      opacity: 1;
     width: 14%;
    }
  }
  .sec-small-building_sec{
    top: 53.5%;
  left: 10.5%;
  width: 14%;
  z-index: 2;
  animation: sec-small-building-zoom 1s 3.5s linear forwards,
  sec-small-building_sec 1s 5s linear forwards;
  }
  @-webkit-keyframes sec-small-building_sec {
    0%{
      opacity: 1; 
      transform:   rotateY(0deg); 
    }
    50%{
      transform: rotateY(45deg);
    }
    100%{
      opacity: 0;
      transform: rotateY(0deg); 
    }
  }
  @-webkit-keyframes  sec-small-building-zoom {
    0%{
      opacity: 0; 
      width: 13%;
    }
    
    100%{
      opacity: 1;
     width: 14%;
    }
  }
 .right-location-sec-img_sec{
  top: 40%;
  left: 55%;
  z-index: 1;
  width: 10%;
  animation:right-location-sec-img_sec-zoom 1s 3.5s linear forwards,
  right-location-sec-img_sec 1s 5s linear forwards;
  }
  @-webkit-keyframes right-location-sec-img_sec {
    0%{
      opacity: 1; 
      transform:   rotateY(0deg); 
    }
    50%{
      transform: rotateY(45deg);
    }
    100%{
      opacity: 0;
      transform: rotateY(0deg); 
    }
  }
  @-webkit-keyframes  right-location-sec-img_sec-zoom {
    0%{
      opacity: 0; 
      width: 9%;
    }
    
    100%{
      opacity: 1;
     width: 10%;
    }
  }