/* ===========================
   PAGE LOAD ANIMATIONS
=========================== */

.fade-up{
    opacity:0;
    transform:translateY(40px);
    transition:opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1);
}

.fade-left{
    opacity:0;
    transform:translateX(-40px);
    transition:opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1);
}

.fade-right{
    opacity:0;
    transform:translateX(40px);
    transition:opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1);
}

.zoom-in{
    opacity:0;
    transform:scale(.94);
    transition:opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1);
}

.reveal{
    opacity:0;
    transform:translateY(28px);
    transition:opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1);
}

.reveal.reveal-left{
    transform:translateX(-28px);
}

.reveal.reveal-right{
    transform:translateX(28px);
}

.reveal.is-visible,
.show{
    opacity:1;
    transform:none;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .reveal,
    .fade-up,
    .fade-left,
    .fade-right,
    .zoom-in {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

.reveal-delay-1{ transition-delay:.08s; }
.reveal-delay-2{ transition-delay:.16s; }
.reveal-delay-3{ transition-delay:.24s; }
.reveal-delay-4{ transition-delay:.32s; }
.reveal-delay-5{ transition-delay:.4s; }
.reveal-delay-6{ transition-delay:.48s; }