/* ==========================================
   FADE
========================================== */

.fade{

    opacity:0;

    transform:translateY(30px);

    transition:.8s;

}

.fade.show{

    opacity:1;

    transform:none;

}

/* ==========================================
   FLOAT
========================================== */

@keyframes floating{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0);

    }

}

.float{

    animation:floating 6s ease-in-out infinite;

}