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

/* Fade In Down */
.sv-fade-down{
    opacity:0;
    transform:translateY(-36px);
    transition:
        opacity .9s cubic-bezier(.22,1,.36,1),
        transform .9s cubic-bezier(.22,1,.36,1);
}

.sv-fade-down.is-visible{
    opacity:1;
    transform:translateY(0);
}

/* Fade In Up */
.sv-fade-up{
    opacity:0;
    transform:translateY(36px);
    transition:
        opacity .9s cubic-bezier(.22,1,.36,1),
        transform .9s cubic-bezier(.22,1,.36,1);
}

.sv-fade-up.is-visible{
    opacity:1;
    transform:translateY(0);
}

/* Fade In */
.sv-fade{
    opacity:0;
    transition:opacity .8s ease;
}

.sv-fade.is-visible{
    opacity:1;
}