@keyframes zoomMove {
  0% {
    transform: translateY(0px) scale(1) rotate(0deg);
  }

  50% {
    transform: translateY(0px) scale(1.1) rotate(3deg);
  }
  100% {
    transform: translateY(0px) scale(1) rotate(0deg);
  }
}


@keyframes langingImageMove {
  0% {
    transform: translateY(30px) scale(1.1);
  }

  100% {
    transform: translateY(0px) scale(1);
  }
}

@keyframes iconscale {
  0% {    transform: scale(1);  }
  50% {    transform: scale(1.2);  }
  100% {    transform: scale(1);  }
}


@keyframes hidelogo {
  0% {
    opacity:0;
  }
  25% {
    opacity:1;
  }
  50% {
    opacity:1;
  }
  100% {
    opacity:0;
    z-index: 0
  }
}
@keyframes appearTxt {
  0% {
    opacity:0;

  }
  15% {
      opacity:1;

  }
  90% {
      opacity:1;
  }
  100% {
    opacity:0;


  }
}

@keyframes appear2Txt {
  0% {
    opacity:0;

  }
  25% {
      opacity:1;

  }
  75% {
      opacity:1;
  }
  100% {
    opacity:1;


  }
}

@keyframes appearInfo {
  0% {
    opacity:0;
    bottom: -100%;
  }
  75% {
    opacity:0;
    bottom: -100%;
  }

  100% {
      opacity:1;
      bottom: 0px;
  }
}

@keyframes appearicon {
  0% {
    opacity:0;

  }
  75% {
    opacity:0;

  }

  100% {
      opacity:1;

  }
}