/*-------------------------------------------------
scroll_animation
-------------------------------------------------*/

@-webkit-keyframes ef1 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@keyframes ef1 {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes ef2 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@keyframes ef2 {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes ef3 {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.2,1.2);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1,1);
	}
}
@keyframes ef3 {
	0% {
		opacity: 0;
		transform: scale(1.2,1.2);
	}
	100% {
		opacity: 1;
		transform: scale(1,1);
	}
}
@-webkit-keyframes ef4 {
	0% {
		opacity: 0;
		-webkit-transform:translateX(500px);
	}
	70%{
		opacity: 1;
		-webkit-transform:translateX(-30px);
	}
	100% {-webkit-transform:translateX(0px);}
}
@keyframes ef4 {
	0% {
		opacity: 0;
		transform:translateX(500px);
	}
	70%{
		opacity: 1;
		transform:translateX(-30px);
	}
	100% {transform:translateX(0px);}
}
@-webkit-keyframes ef5 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
	}
	100% {-webkit-transform: scale(1);}
}
@keyframes ef5 {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes ef6 {
	0% {right: 0;}
	100% {right: 100%;}
}
@keyframes ef6 {
	0% {right: 0;}
	100% {right: 100%;}
}