/*======================================
REVEAL ANIMATIONS
======================================*/

.reveal,
.reveal-left,
.reveal-right,
.reveal-scale{

    opacity:0;

    transition:
        opacity .9s ease,
        transform .9s cubic-bezier(.22,.61,.36,1);

    will-change:transform,opacity;

}

.reveal{

    transform:translateY(70px);

}

.reveal-left{

    transform:translateX(-70px);

}

.reveal-right{

    transform:translateX(70px);

}

.reveal-scale{

    transform:scale(.92);

}

.reveal.active,
.reveal-left.active,
.reveal-right.active,
.reveal-scale.active{

    opacity:1;

    transform:none;

}

/* Delay */

.delay-1{

    transition-delay:.15s;

}

.delay-2{

    transition-delay:.30s;

}

.delay-3{

    transition-delay:.45s;

}

.delay-4{

    transition-delay:.60s;

}