/* CSS Document */
.animation{
	transition: all .6s ease-out;
	}
.fade-up{
	transform:translate(0,60px);
	opacity: 0;}
.fade-up.st{
	transform: none;
	opacity: 1;}

.zoom-in{
	transform: scale(0, 0);
	opacity: 0;}
.zoom-in.st{
	transform: none;
	opacity: 1;}


.swing.st{
	animation: swingAnime 0.8s linear 0s forwards;

  transform-origin: top center;
}


/*.swing.st{
	animation: fadeUpAnime 0.8s linear 0s forwards;}*/
	
@keyframes fadeUpAnime{
  from {
    opacity: 0;
		transform: translateY(100px);
  }
  to {
    opacity: 1;
		transform: translateY(0);
  }
}

@keyframes swingAnime{
	20% {
		transform: rotate(15deg);
	}
	40% {
		transform: rotate(-10deg);
	}
	60% {
		transform: rotate(5deg);
	}
	80% {
		transform: rotate(-5deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
/*.fadeUp{
	animation: fadeUpAnime 0.8s linear 0s forwards;}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
		transform: translateY(100px);
  }
  to {
    opacity: 1;
		transform: translateY(0);
  }
}*/