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

.fade-up,
.fade-left,
.fade-right{

    opacity:0;

    transition:1s;

}

.fade-up{

    transform:translateY(40px);

}

.fade-left{

    transform:translateX(-60px);

}

.fade-right{

    transform:translateX(60px);

}

.show{

    opacity:1;

    transform:translate(0);

}

/* ==========================
Hero Zoom
========================== */

.hero-image{

    animation:heroZoom 14s ease-in-out infinite alternate;

}

@keyframes heroZoom{

    from{

        transform:scale(1);

    }

    to{

        transform:scale(1.08);

    }

}