/* 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, -100px, 0); transform: translate3d(0, -100px, 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;}
}
@keyframes fadeup { 
	from { opacity:0; -webkit-transform:translate3d(0,24px,0); transform:translate3d(0,24px,0); } 
	to { opacity:1; -webkit-transform:none; transform:none; } 
}
@keyframes lines {
  from { opacity:0; width:0; }
  to { opacity:1; width:2.786em;}
}

/* effect : on */ 
.maxparallax.on .fade_in {opacity:0; animation: txtfadeIn .7s 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_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; }