/* ================================
   Scroll Fade Animation
================================ */

.fadeInTrigger{
opacity:0;
transform:translateY(40px);
transition:
opacity 1.2s cubic-bezier(.25,.1,.25,1),
transform 1.2s cubic-bezier(.25,.1,.25,1);
}

.fadeInTrigger.show{
opacity:1;
transform:translateY(0);
}

/* variation */

.fadeLeft{
transform:translateX(-40px);
}

.fadeRight{
transform:translateX(40px);
}

.fadeZoom{
transform:scale(.9);
}

.fadeLeft.show,
.fadeRight.show,
.fadeZoom.show{
opacity:1;
transform:translate(0) scale(1);
}

/* delay */

.delay1{transition-delay:.2s;}
.delay2{transition-delay:.4s;}
.delay3{transition-delay:.6s;}
.delay4{transition-delay:.8s;}