/* Default => Residence */
/* Residence => Land */
/* Residence => Apartment */
/* Default => Land */
/* Land => Residence */
/* Land => Apartment */
/* Default => Apartment */
/* Apartment => Land */
/* Apartment => Residence */
@keyframes cardFirstShow {
  0% {
    width: 20px;
  }
  100% {
    width: 0;
  }
}
@keyframes cardResidenceS1 {
  0% {
    height: 47vh;
  }
  100% {
    height: 12vh;
  }
}
@keyframes cardGenplanS1 {
  0% {
    top: 0vh;
    height: 47vh;
  }
  33% {
    top: 35vh;
    height: 47vh;
  }
  66% {
    top: 35vh;
    height: 47vh;
  }
  100% {
    top: 0vh;
    height: 12vh;
  }
}
@keyframes cardLandS1 {
  0% {
    left: 23vw;
  }
  100% {
    left: 69vw;
  }
}
@keyframes cardLogoS1 {
  0% {
    top: 35vh;
    height: 47vh;
  }
  100% {
    top: 0vh;
    height: 12vh;
  }
}
@keyframes cardResidenceS2 {
  0% {
    left: 0vw;
    top: 0vh;
    height: 12vh;
  }
  16.6% {
    left: 0vw;
    top: 15.5vh;
    height: 12vh;
  }
  83.3% {
    left: 69vw;
    top: 15.5vh;
    height: 12vh;
  }
  100% {
    left: 69vw;
    top: 0vh;
    height: 31.5vh;
  }
}
@keyframes cardLandS2 {
  0% {
    top: 0vh;
    left: 69vw;
    height: 31.5vh;
  }
  16.6% {
    top: 35vh;
    left: 69vw;
    height: 12vh;
  }
  83.3% {
    top: 35vh;
    left: 0vw;
    height: 12vh;
  }
  100% {
    top: 0vh;
    left: 0vw;
    height: 12vh;
  }
}
@keyframes cardApartmentS2 {
  0% {
    top: 35vh;
    height: 47vh;
  }
  16.6% {
    top: 50.5vh;
    height: 35vh;
  }
  83.3% {
    top: 50.5vh;
    height: 35vh;
  }
  100% {
    top: 35vh;
    height: 47vh;
  }
}
@keyframes cardResidenceS3 {
  0% {
    top: 0vh;
    left: 0vw;
    height: 12vh;
  }
  25% {
    top: 35vh;
    left: 0vw;
    height: 12vh;
  }
  50% {
    top: 35vh;
    left: 69vw;
    height: 12vh;
  }
  75% {
    top: 70vh;
    left: 69vw;
    height: 12vh;
  }
  100% {
    top: 35vh;
    left: 69vw;
    height: 47vh;
  }
}
@keyframes cardApartmentS3 {
  0% {
    top: 35vh;
    left: 69vw;
    height: 47vh;
  }
  25% {
    top: 70vh;
    left: 69vw;
    height: 12vh;
  }
  50% {
    top: 70vh;
    left: 0vw;
    height: 12vh;
  }
  75% {
    top: 0vh;
    left: 0vw;
    height: 12vh;
  }
  100% {
    top: 0vh;
    left: 0vw;
    height: 12vh;
  }
}
@keyframes cardResidenceS4 {
  0% {
    top: 0vh;
    left: 0vw;
    height: 47vh;
  }
  33% {
    top: 15.5vh;
    left: 0vw;
    height: 12vh;
  }
  66% {
    top: 15.5vh;
    left: 69vw;
    height: 12vh;
  }
  100% {
    top: 0vh;
    left: 69vw;
    height: 31.5vh;
  }
}
@keyframes cardGenplanS4 {
  0% {
    top: 0vh;
    height: 47vh;
  }
  33% {
    top: 0vh;
    height: 12vh;
  }
  100% {
    top: 0vh;
    height: 12vh;
  }
}
@keyframes cardLandS4 {
  0% {
    top: 0vh;
    height: 31.5vh;
    left: 23vw;
  }
  33% {
    top: 0vh;
    height: 12vh;
    left: 23vw;
  }
  66% {
    top: 0vh;
    height: 12vh;
    left: 0vw;
  }
  100% {
    top: 0vh;
    height: 12vh;
    left: 0vw;
  }
}
@keyframes cardLogoS4 {
  0% {
    top: 35vh;
    height: 47vh;
  }
  66% {
    top: 35vh;
    height: 47vh;
  }
  100% {
    top: 0vh;
    height: 12vh;
  }
}
@keyframes cardApartmentS4 {
  0% {
    top: 35vh;
    height: 47vh;
  }
  33% {
    top: 50.5vh;
    height: 31.5vh;
  }
  66% {
    top: 50.5vh;
    height: 31.5vh;
  }
  100% {
    top: 35vh;
    height: 47vh;
  }
}
@keyframes cardLandS6 {
  0% {
    left: 0vw;
    top: 0vh;
    height: 12vh;
  }
  16.6% {
    left: 0vw;
    top: 15.5vh;
    height: 12vh;
  }
  83.3% {
    left: 69vw;
    top: 15.5vh;
    height: 12vh;
  }
  100% {
    left: 69vw;
    top: 0vh;
    height: 31.5vh;
  }
}
@keyframes cardResidenceS6 {
  0% {
    top: 0vh;
    left: 69vw;
    height: 31.5vh;
  }
  16.6% {
    top: 35vh;
    left: 69vw;
    height: 12vh;
  }
  83.3% {
    top: 35vh;
    left: 0vw;
    height: 12vh;
  }
  100% {
    top: 0vh;
    left: 0vw;
    height: 12vh;
  }
}
@keyframes cardApartmentS6 {
  0% {
    top: 35vh;
    height: 47vh;
  }
  16.6% {
    top: 50.5vh;
    height: 35vh;
  }
  83.3% {
    top: 50.5vh;
    height: 35vh;
  }
  100% {
    top: 35vh;
    height: 47vh;
  }
}
@keyframes cardLandS5 {
  0% {
    left: 0vw;
    top: 0vh;
    height: 12vh;
  }
  16.6% {
    left: 0vw;
    top: 15.5vh;
    height: 12vh;
  }
  83.3% {
    left: 69vw;
    top: 15.5vh;
    height: 12vh;
  }
  100% {
    left: 69vw;
    top: 0vh;
    height: 31.5vh;
  }
}
@keyframes cardResidenceS5 {
  0% {
    left: 69vw;
    top: 0vh;
    height: 31.5vh;
  }
  16.6% {
    left: 69vw;
    top: 35vh;
    height: 31.5vh;
  }
  83.3% {
    left: 69vw;
    top: 35vh;
    height: 31.5vh;
  }
  100% {
    left: 69vw;
    top: 35vh;
    height: 47vh;
  }
}
@keyframes cardApartmentS5 {
  0% {
    top: 35vh;
    left: 69vw;
    height: 47vh;
  }
  16.6% {
    top: 70vh;
    left: 69vw;
    height: 12vh;
  }
  83.3% {
    top: 70vh;
    left: 0vw;
    height: 12vh;
  }
  100% {
    top: 0vhvh;
    left: 0vw;
    height: 12vh;
  }
}
@keyframes cardResidenceS7 {
  0% {
    top: 0vh;
    left: 0vw;
    height: 47vh;
  }
  25% {
    top: 35vh;
    left: 0vw;
    height: 12vh;
  }
  50% {
    top: 35vh;
    left: 0vw;
    height: 12vh;
  }
  75% {
    top: 35vh;
    left: 69vw;
    height: 12vh;
  }
  100% {
    top: 35vh;
    left: 69vw;
    height: 47vh;
  }
}
@keyframes cardGenplanS7 {
  0% {
    top: 0vh;
    height: 47vh;
  }
  33% {
    top: 0vh;
    height: 12vh;
  }
  100% {
    top: 0vh;
    height: 12vh;
  }
}
@keyframes cardLandS7 {
  0% {
    top: 0vh;
    height: 31.5vh;
    left: 23vw;
  }
  25% {
    top: 15.5vh;
    height: 12vh;
    left: 23vw;
  }
  50% {
    top: 15.5vh;
    height: 12vh;
    left: 69vw;
  }
  75% {
    top: 15.5vh;
    height: 12vh;
    left: 69vw;
  }
  100% {
    top: 0vh;
    height: 31.5vh;
    left: 69vw;
  }
}
@keyframes cardLogoS7 {
  0% {
    top: 35vh;
    height: 47vh;
  }
  25% {
    top: 35vh;
    height: 47vh;
  }
  50% {
    top: 0vh;
    height: 12vh;
  }
  100% {
    top: 0vh;
    height: 12vh;
  }
}
@keyframes cardApartmentS7 {
  0% {
    top: 35vh;
    height: 47vh;
    left: 69vw;
  }
  25% {
    top: 35vh;
    height: 47vh;
    left: 69vw;
  }
  50% {
    top: 50.5vh;
    height: 12vh;
    left: 69vw;
  }
  75% {
    top: 50.5vh;
    height: 12vh;
    left: 0vw;
  }
  100% {
    top: 0vh;
    height: 12vh;
    left: 0vw;
  }
}
@keyframes cardLandS8 {
  0% {
    left: 69vw;
    top: 0vh;
    height: 31.5vh;
  }
  16.6% {
    left: 69vw;
    top: 15.5vh;
    height: 12vh;
  }
  83.3% {
    left: 0vw;
    top: 15.5vh;
    height: 12vh;
  }
  100% {
    left: 0vw;
    top: 0vh;
    height: 12vh;
  }
}
@keyframes cardResidenceS8 {
  0% {
    left: 69vw;
    top: 35vh;
    height: 47vh;
  }
  16.6% {
    left: 69vw;
    top: 35vh;
    height: 31.5vh;
  }
  83.3% {
    left: 69vw;
    top: 35vh;
    height: 31.5vh;
  }
  100% {
    left: 69vw;
    top: 0vh;
    height: 31.5vh;
  }
}
@keyframes cardApartmentS8 {
  0% {
    top: 0vh;
    left: 0vw;
    height: 12vh;
  }
  16.6% {
    top: 70vh;
    left: 0vw;
    height: 12vh;
  }
  83.3% {
    top: 70vh;
    left: 69vw;
    height: 12vh;
  }
  100% {
    top: 35vh;
    left: 69vw;
    height: 47vh;
  }
}
@keyframes cardResidenceS9 {
  0% {
    top: 35vh;
    left: 69vw;
    height: 47vh;
  }
  33% {
    top: 35vh;
    left: 69vw;
    height: 12vh;
  }
  66% {
    top: 35vh;
    left: 0vw;
    height: 12vh;
  }
  100% {
    top: 0vh;
    left: 0vw;
    height: 12vh;
  }
}
@keyframes cardApartmentS9 {
  0% {
    top: 0vh;
    left: 0vw;
    height: 12vh;
  }
  33% {
    top: 70vh;
    left: 0vw;
    height: 12vh;
  }
  66% {
    top: 70vh;
    left: 69vw;
    height: 12vh;
  }
  100% {
    top: 35vh;
    left: 69vw;
    height: 47vh;
  }
}