@charset "UTF-8";

@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate_fadeInDown {
	-webkit-animation: fadeInDown 1s;
	animation: fadeInDown 1s;
}

.animate_fadeInDown2 {
	-webkit-animation-delay: 5s; animation-delay: 5s;
} 

@-webkit-keyframes shakeY {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
}
@keyframes shakeY {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
}
.animate_shakeY {
	-webkit-animation: shakeY 12s infinite;
	animation: shakeY 12s infinite;
}

.animate_shakeY2 {
	-webkit-animation: shakeY 10s infinite;
	animation: shakeY 10s infinite;
    -webkit-animation-delay: 1s; animation-delay: 1s;
}


 @keyframes rotation{
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
  }  
  }


 @keyframes  {
0% {
  -webkit-transform: translate(0);
  transform: translate(0);
}
100% {
  -webkit-transform: translate(-100%);
  transform: translate(-100%);
}

 }