/* ==========================================
   ZENTEXA - ANIMAÇÕES
========================================== */

@keyframes fadeIn {

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}

@keyframes slideUp{

    from{

        opacity:0;

        transform:translateY(30px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes slideLeft{

    from{

        opacity:0;

        transform:translateX(-40px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}

@keyframes slideRight{

    from{

        opacity:0;

        transform:translateX(40px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}

.fade-in{

    animation:fadeIn .5s ease;

}

.slide-up{

    animation:slideUp .6s ease;

}

.slide-left{

    animation:slideLeft .6s ease;

}

.slide-right{

    animation:slideRight .6s ease;

}