/* maxparallax */
@keyframes fadeInUp {
	from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); }
	to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeOutUp {
	from { opacity: 1; -webkit-transform: none; transform: none; }
	to { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
}
@keyframes fadeInDown {
	from { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
	to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInLeft {
	from { opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); }
	to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeOutLeft {
	from { opacity: 1; -webkit-transform: none; transform: none; }
	to { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); }
}
@keyframes fadeInRight {
	from { opacity: 0; -webkit-transform:translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); }
	to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeOutRight {
	from { opacity: 1; -webkit-transform: none; transform: none; }
	to { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); }
}
@keyframes bounce {
	100% { top:270px; }
}
@keyframes txtfadeIn {
	from {opacity:0;} to {opacity:1;}
}
@keyframes txtfadeOut {
	from {opacity:1;} to {opacity:0;}
}

/* effect : on */
.maxparallax.on .fade_in {opacity:0; animation: txtfadeIn .7s cubic-bezier(.28,.06,.36,.86) forwards;}
.maxparallax.on .fade_in1 {opacity:0; animation: txtfadeIn 1s cubic-bezier(.28,.06,.36,.86) forwards;}
.maxparallax.on .fade_in_up { animation: fadeInUp .7s cubic-bezier(.28,.06,.36,.86) forwards; }
.maxparallax.on .fade_in_up1 { opacity:0; animation: fadeInUp 1s cubic-bezier(.28,.06,.36,.86) .3s forwards; }
.maxparallax.on .fade_in_up2 { opacity:0; animation: fadeInUp 1s cubic-bezier(.28,.06,.36,.86) .5s forwards; }
.maxparallax.on .fade_in_up3 { opacity:0; animation: fadeInUp 1s cubic-bezier(.28,.06,.36,.86) .7s forwards; }
.maxparallax.on .fade_in_up4 { opacity:0; animation: fadeInUp 1s cubic-bezier(.28,.06,.36,.86) .9s forwards; }
.maxparallax.on .fade_in_up5 { opacity:0; animation: fadeInUp 1s cubic-bezier(.28,.06,.36,.86) 1.2s forwards; }
.maxparallax.on .fade_in_up6 { opacity:0; animation: fadeInUp 1s cubic-bezier(.28,.06,.36,.86) 1.4s forwards; }
.maxparallax.on .fade_in_up7 { opacity:0; animation: fadeInUp 1s cubic-bezier(.28,.06,.36,.86) 1.6s forwards; }

.maxparallax.on .fade_in_down { animation: fadeInDown .7s cubic-bezier(.28,.06,.36,.86) forwards; }

.maxparallax.on .fade_in_left { opacity:0; animation:fadeInLeft .7s cubic-bezier(.28,.06,.36,.86) forwards; }
.maxparallax.on .fade_in_left1 { opacity:0; animation:fadeInLeft 1s cubic-bezier(.28,.06,.36,.86) forwards; }
.maxparallax.on .fade_in_left2 { opacity:0; animation:fadeInLeft 1.3s cubic-bezier(.28,.06,.36,.86) forwards; }
.maxparallax.on .fade_in_left3 { opacity:0; animation:fadeInLeft 1.6s cubic-bezier(.28,.06,.36,.86) forwards; }
.maxparallax.on .fade_in_right { animation:fadeInRight .7s cubic-bezier(.28,.06,.36,.86) forwards; }
/* effect : off */
.maxparallax.off .fade_in {animation: txtfadeOut .7s cubic-bezier(.28,.06,.36,.86) forwards;}
.maxparallax.off .fade_in_up { animation: fadeOutUp .3s cubic-bezier(.28,.06,.36,.86) forwards; }
.maxparallax.off .fade_in_up1 { animation: fadeOutUp .3s cubic-bezier(.28,.06,.36,.86) forwards; }
.maxparallax.off .fade_in_up2 { animation: fadeOutUp .3s cubic-bezier(.28,.06,.36,.86) forwards; }
.maxparallax.off .fade_in_up3 { animation: fadeOutUp .3s cubic-bezier(.28,.06,.36,.86) forwards; }
.maxparallax.off .fade_in_up4 { animation: fadeOutUp .3s cubic-bezier(.28,.06,.36,.86) forwards; }