@keyframes myShakeX {
  0%,
  100%,
  80%,
  90% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@-webkit-keyframes myShakeX {
  0%,
  100%,
  80%,
  90% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes mgnfzoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes cloudtrans {
  0% {
    transform: translate3d(0%, -50%, 0px);
  }
  100% {
    transform: translate3d(0%, 0%, 0px);
  }
}

@keyframes aniflag {
  0% {
    opacity: 1;
  }
  2% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  98% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes anifire {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scale(0.01);
  }
  30% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scale(0.3);
  }
  100% {
    transform-origin: 0% 0%;
    transform: scale(1);
  }
}

@keyframes anismile {
  0% {
    opacity: 1;
  }
  8% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes anibike {
  0% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: scale(0.01);
  }
  30% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(0.3);
  }
  100% {
    transform-origin: 100% 100%;
    transform: scale(1);
  }
}

@-webkit-keyframes anibike {
  0% {
    opacity: 0;
    transform-origin: 100% 100%;
    transform: scale(0.01);
  }
  30% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(0.3);
  }
  100% {
    transform-origin: 100% 100%;
    transform: scale(1);
  }
}

@-webkit-keyframes anismile {
  0% {
    opacity: 1;
  }
  8% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes anifire {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scale(0.01);
  }
  30% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scale(0.3);
  }
  100% {
    transform-origin: 0% 0%;
    transform: scale(1);
  }
}

@-webkit-keyframes aniflag {
  0% {
    opacity: 1;
  }
  2% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  98% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes cloudtrans {
  0% {
    transform: translate3d(0%, -50%, 0px);
  }
  100% {
    transform: translate3d(0%, 0%, 0px);
  }
}

@-webkit-keyframes mgnfzoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes opacity0 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes opacity0 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes loadfzoom {
  0% {
    transform: scale(1) translate(0%, -50%);
  }
  50% {
    transform: scale(1.08) translate(0%, -50%);
  }
  100% {
    transform: scale(1) translate(0%, -50%);
  }
}

@-webkit-keyframes loadfzoom {
  0% {
    transform: scale(1) translate(0%, -50%);
  }
  50% {
    transform: scale(1.08) translate(0%, -50%);
  }
  100% {
    transform: scale(1) translate(0%, -50%);
  }
}