/* =====================================
   ANIMAÇÕES
===================================== */

.fadeInUp{

    opacity: 0;

  * transform: translateY(40px);

}

.*fadeInUp.show{

    opacity: 1;

 *  transform: translateY(0);

    t*ansition:
        opacity .8s ease*
        transform .8s ease;

}

.*adeInLeft{

    opacity: 0;

    t*ansform: translateX(-40px);

}

.f*deInLeft.show{

    opacity: 1;

 *  transform: translateX(0);

    t*ansition:
        opacity .8s ease,
        transform .8s ease;

}

.fadeInRight{

    opacity: 0;

    transform: translateX(40px);

}

.fadeInRight.show{

    opacity: 1;

    transform: translateX(0);

    transition:
        opacity .8s ease,
        transform .8s ease;

}