.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-delay-1 {
  animation-delay: .3s;
}
.animated-delay-2 {
  animation-delay: .5s;
}
.animated-delay-3 {
  animation-delay: .4s;
}
.animated-delay-4 {
  animation-delay: .5s;
}
.animated-delay-5 {
  animation-delay: 1.2s;
}
@-webkit-keyframes  zy{
  0%,to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

10%,30%,50%,70%,90% {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px)
}

20%,40%,60%,80% {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}
}
@keyframes zy{
  0%,to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

10%,30%,50%,70%,90% {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px)
}

20%,40%,60%,80% {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}
}
.zy{
  -webkit-animation: zy 2.5s .15s linear infinite;
  animation: zy 2.5s .15s linear infinite;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes bounceInLeft {
0% {
  opacity: 0;
  -webkit-transform: translateX(-2000px);
  transform: translateX(-2000px);
}

60% {
  opacity: 1;
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
}

80% {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

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

@keyframes bounceInLeft {
0% {
  opacity: 0;
  -webkit-transform: translateX(-2000px);
  -ms-transform: translateX(-2000px);
  transform: translateX(-2000px);
}

60% {
  opacity: 1;
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}

80% {
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
}

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

.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
0% {
  opacity: 0;
  -webkit-transform: translateX(2000px);
  transform: translateX(2000px);
}

60% {
  opacity: 1;
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
}

80% {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

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

@keyframes bounceInRight {
0% {
  opacity: 0;
  -webkit-transform: translateX(2000px);
  -ms-transform: translateX(2000px);
  transform: translateX(2000px);
}

60% {
  opacity: 1;
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}

80% {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

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

.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}