@keyframes slideInFromTop {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes topLong {
  0% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes slightMove {
  from {
    transform: translate3d(10px, 0, 0);
    transition: transform 0.3s;
  }
  to {
    transform: translate3d((1px, 0, 0));
    transition: transfrom 0.3s;
  }
}

@keyframes glowing {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  100% {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}

@keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translate3d(20px, 0px, 0px) rotateX(0deg) rotateY(0deg)
      rotateZ(0deg) scale(1);
  }

  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg)
      rotateZ(0deg) scale(1);
  }
}

@keyframes slighMoveLR {
  0% {
    opacity: 0;
    transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg)
      rotateZ(0deg) scale(1);
  }

  100% {
    opacity: 1;
    transform: translate3d(20px, 0px, 0px) rotateX(0deg) rotateY(0deg)
      rotateZ(0deg) scale(1);
  }
}

@keyframes e-Top {
  0% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes opacityanim {
  0% {
     opacity: 0;
    transform: translateY(50%);
  }

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