@charset "UTF-8";
/* animation lib */


/* animation */
@keyframes fadeIn{
	100%{
		opacity: 1;
	}
}
@keyframes fadeInR2L{
	0%{
		transform: translateX(7%);
		opacity: 0;
	}
	100%{
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes fadeInL2R{
	0%{
		transform: translateX(-7%);
		opacity: 0;
	}
	100%{
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes rotatefade{
	0%{
		transform: rotate(180deg) scale(3);
		opacity: 0;
	}
	50%{
		opacity: 0.3;
	}
	100%{
		opacity: 1;
		transform: scale(0.9) rotate(0deg);
	}
}
@keyframes bounce{
	0%{
		transform:translateY(0);
	}
	50%{
		transform:translateY(-10px);
	}
	100%{
		transform:translateY(0);
	}
}
.fade{
    opacity: 0;
}
.fade.view{
    animation-duration: 1000ms;
    animation-delay: 500ms;
    animation-fill-mode: forwards;
}
.fadein.view{
    animation-name: fadeIn;
}
.fadeinl2r.view{
    animation-name: fadeInL2R;
}
.fadeinr2l.view{
    animation-name: fadeInR2L;
}