/* ==========================================================
   GLOBAL ANIMATIONS
========================================================== */

.animate{

    opacity:0;

    transform:translateY(50px);

    transition:

        opacity .8s ease,

        transform .8s ease;

}

.animate.show{

    opacity:1;

    transform:translateY(0);

}

/* Animation Delay */

.delay-1{

    transition-delay:.15s;

}

.delay-2{

    transition-delay:.30s;

}

.delay-3{

    transition-delay:.45s;

}

.delay-4{

    transition-delay:.60s;

}

.delay-5{

    transition-delay:.75s;

}

.delay-6{

    transition-delay:.90s;

}

/* ==========================================================
   FOODEATO ANIMATION SYSTEM
========================================================== */

/* -------------------------
   Fade Up
------------------------- */

.fade-up{

    opacity:0;

    transform:translateY(40px);

    transition:.8s ease;

}

.fade-up.show{

    opacity:1;

    transform:translateY(0);

}

/* -------------------------
   Fade Left
------------------------- */

.fade-left{

    opacity:0;

    transform:translateX(-50px);

    transition:.8s ease;

}

.fade-left.show{

    opacity:1;

    transform:translateX(0);

}

/* -------------------------
   Fade Right
------------------------- */

.fade-right{

    opacity:0;

    transform:translateX(50px);

    transition:.8s ease;

}

.fade-right.show{

    opacity:1;

    transform:translateX(0);

}

/* -------------------------
   Zoom
------------------------- */

.zoom-in{

    opacity:0;

    transform:scale(.85);

    transition:.7s ease;

}

.zoom-in.show{

    opacity:1;

    transform:scale(1);

}

/* -------------------------
   Float
------------------------- */

.float{

    animation:floatAnimation 4s ease-in-out infinite;

}

@keyframes floatAnimation{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0);

    }

}

/* -------------------------
   Card Hover
------------------------- */

.hover-lift{

    transition:.35s ease;

}

.hover-lift:hover{

    transform:translateY(-10px);

}

/* -------------------------
   Button Hover
------------------------- */

.btn-hover{

    transition:.35s ease;

}

.btn-hover:hover{

    transform:translateY(-3px) scale(1.03);

}