[data-animate]{
    position: relative;
    transition: .75s ease;
    opacity: 0;
}

[data-animate="left"]{
    left: -50%;
}

[data-animate="left"].animateLeft{
    left: 0%;
    opacity: 1;
}

[data-animate="right"]{
    right: -50%;
}

[data-animate="right"].animateLeft{
    right: 0%;
    opacity: 1;
}

[data-animate="vaga"]{
    transition: .55s ease;
    left: -50%;
}

[data-animate="vaga"].animateVaga{
    left: 0%;
    opacity: 1 !important;
}

[data-animate="vaga-render"]{
    left: -50% !important;
}

[data-animate="vaga-render"].animateVaga{
    left: 0% !important;
    opacity: 1 !important;
}

[data-animate="solucoes-left"]{
    left: -0%;
}

[data-animate="solucoes-left"].animateLeft{
    left: 0%;
    opacity: 1 !important;
}

[data-animate="solucoes-right"]{
    right: -0%;
}

[data-animate="solucoes-right"].animateRight{
    right: 0%;
    opacity: 1 !important;
}

[data-animate="form"]{
    bottom: 32px !important;
}

main#login{
    animation: form 1s ease forwards;
    position: relative !important;
}
main#criar-conta{
    animation: form .7s ease forwards;
    position: relative !important;
}

@keyframes form {
    0%{
        bottom: 64px;
        opacity: 0;
    }
    50%{
        bottom: -20px;
    }
    100%{
        bottom: 0px;
    }
}

@media (min-width: 1024px){
    .filtros{
    animation: filtros .5s ease forwards;
    position: relative;
}

@keyframes filtros {
    0%{
        right: 100%;
        opacity: 0;
    }

    100%{
        right: 0%;
        position: sticky !important;
    }
}
}