@-o-keyframes animate-nav{
    from {
        transform: translateY(-50px);
    }

    to {
        transform: translateY(0px);
    }
}

@-moz-keyframes animate-nav{
    from {
        transform: translateY(-50px);
    }

    to {
        transform: translateY(0px);
    }
}

@-webkit-keyframes animate-nav{
    from {
        transform: translateY(-50px);
    }

    to {
        transform: translateY(0px);
    }
}

@keyframes animate-nav{
    from {
        transform: translateY(-50px);
    }

    to {
        transform: translateY(0px);
    }
}

@-moz-keyframes animate-nav-fechar{
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-120px);
    }
}

@-o-keyframes animate-nav-fechar{
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-120px);
    }
}

@-webkit-keyframes animate-nav-fechar{
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-120px);
    }
}

@keyframes animate-nav-fechar{
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-120px);
    }
}

.animate-nav-fechar{
    -moz-animation-name: animate-nav-fechar;
    -webkit-animation-name: animate-nav-fechar;
    -o-animation-name: animate-nav-fechar;
    animation-name: animate-nav-fechar;

    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;

    -webkit-animation-duration: 0.3s !important;
    -o-animation-duration: 0.3s !important;
    -moz-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

.animate-nav-abrir{
    -moz-animation-name: animate-nav;
    -webkit-animation-name: animate-nav;
    -o-animation-name: animate-nav;
    animation-name: animate-nav;

    -webkit-animation-duration: 0.3s !important;
    -o-animation-duration: 0.3s !important;
    -moz-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;

    -webkit-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;
}

/*Animações bordinhas navbar*/

@-moz-keyframes bordinha-home{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 72%;
        opacity: 1;
    }
}

@-o-keyframes bordinha-home{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 72%;
        opacity: 1;
    }
}

@-webkit-keyframes bordinha-home{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 72%;
        opacity: 1;
    }
}

@keyframes bordinha-home{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 72%;
        opacity: 1;
    }
}

@-webkit-keyframes bordinha-home-voltar{
    from {
        width: 72%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@-o-keyframes bordinha-home-voltar{
    from {
        width: 72%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@-moz-keyframes bordinha-home-voltar{
    from {
        width: 72%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@keyframes bordinha-home-voltar{
    from {
        width: 72%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

.animate-borda-home{
    -o-animation-name: bordinha-home;
    -webkit-animation-name: bordinha-home;
    -moz-animation-name: bordinha-home;
    animation-name: bordinha-home;

    -o-animation-duration: 0.3s !important;
    -moz-animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

.animate-borda-home-voltar{
    -o-animation-duration: bordinha-home-voltar;
    -moz-animation-duration: bordinha-home-voltar;
    -webkit-animation-duration: bordinha-home-voltar;
    animation-name: bordinha-home-voltar;


    -o-animation-duration: 0.3s !important;
    -moz-animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

@-o-keyframes bordinha-porto{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 88.9%;
        opacity: 1;
    }
}

@-webkit-keyframes bordinha-porto{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 88.9%;
        opacity: 1;
    }
}

@-moz-keyframes bordinha-porto{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 88.9%;
        opacity: 1;
    }
}

@keyframes bordinha-porto{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 88.9%;
        opacity: 1;
    }
}

@-o-keyframes bordinha-porto-voltar{
    from {
        width: 88.9%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@-webkit-keyframes bordinha-porto-voltar{
    from {
        width: 88.9%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@-moz-keyframes bordinha-porto-voltar{
    from {
        width: 88.9%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@keyframes bordinha-porto-voltar{
    from {
        width: 88.9%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

.animate-borda-porto{
    -webkit-animation-name: bordinha-porto;
    -o-animation-name: bordinha-porto;
    -moz-animation-name: bordinha-porto;
    animation-name: bordinha-porto;

    -o-animation-duration: 0.3s !important;
    -moz-animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

.animate-borda-porto-voltar{
    -webkit-animation-name: bordinha-porto-voltar;
    -o-animation-name: bordinha-porto-voltar;
    -moz-animation-name: bordinha-porto-voltar;
    animation-name: bordinha-porto-voltar;

    -o-animation-duration: 0.3s !important;
    -moz-animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

@-o-keyframes bordinha-perspectivas{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 86%;
        opacity: 1;
    }
}

@-moz-keyframes bordinha-perspectivas{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 86%;
        opacity: 1;
    }
}

@-webkit-keyframes bordinha-perspectivas{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 86%;
        opacity: 1;
    }
}

@keyframes bordinha-perspectivas{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 86%;
        opacity: 1;
    }
}

@-moz-keyframes bordinha-perspectivas-voltar{
    from {
        width: 86%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@-o-keyframes bordinha-perspectivas-voltar{
    from {
        width: 86%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@-webkit-keyframes bordinha-perspectivas-voltar{
    from {
        width: 86%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@keyframes bordinha-perspectivas-voltar{
    from {
        width: 86%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

.animate-borda-perspectivas{
    -webkit-animation-name: bordinha-perspectivas;
    -o-animation-name: bordinha-perspectivas;
    -moz-animation-name: bordinha-perspectivas;
    animation-name: bordinha-perspectivas;

    -o-animation-duration: 0.3s !important;
    -moz-animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

.animate-borda-perspectivas-voltar{
    -webkit-animation-name: bordinha-perspectivas-voltar;
    -o-animation-name: bordinha-perspectivas-voltar;
    -moz-animation-name: bordinha-perspectivas-voltar;
    animation-name: bordinha-perspectivas-voltar;
    
    -o-animation-duration: 0.3s !important;
    -moz-animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

@-webkit-keyframes bordinha-localizacao{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 85.4%;
        opacity: 1;
    }
}

@-o-keyframes bordinha-localizacao{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 85.4%;
        opacity: 1;
    }
}

@-moz-keyframes bordinha-localizacao{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 85.4%;
        opacity: 1;
    }
}

@keyframes bordinha-localizacao{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 85.4%;
        opacity: 1;
    }
}

@-webkit-keyframes bordinha-localizacao-voltar{
    from {
        width: 85.4%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@-o-keyframes bordinha-localizacao-voltar{
    from {
        width: 85.4%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@-moz-keyframes bordinha-localizacao-voltar{
    from {
        width: 85.4%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@keyframes bordinha-localizacao-voltar{
    from {
        width: 85.4%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

.animate-borda-localizacao{
    -webkit-animation-name: bordinha-localizacao;
    -o-animation-name: bordinha-localizacao;
    -moz-animation-name: bordinha-localizacao;
    animation-name: bordinha-localizacao;
    
    -o-animation-duration: 0.3s !important;
    -moz-animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

.animate-borda-localizacao-voltar{
    -webkit-animation-name: bordinha-localizacao-voltar;
    -o-animation-name: bordinha-localizacao-voltar;
    -moz-animation-name: bordinha-localizacao-voltar;
    animation-name: bordinha-localizacao-voltar;
    
    -o-animation-duration: 0.3s !important;
    -moz-animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

@-moz-keyframes bordinha-projeto{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 82.5%;
        opacity: 1;
    }
}

@-webkit-keyframes bordinha-projeto{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 82.5%;
        opacity: 1;
    }
}

@-o-keyframes bordinha-projeto{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 82.5%;
        opacity: 1;
    }
}

@keyframes bordinha-projeto{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 82.5%;
        opacity: 1;
    }
}

@-webkit-keyframes bordinha-projeto-voltar{
    from {
        width: 82.5%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@-moz-keyframes bordinha-projeto-voltar{
    from {
        width: 82.5%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@-o-keyframes bordinha-projeto-voltar{
    from {
        width: 82.5%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@keyframes bordinha-projeto-voltar{
    from {
        width: 82.5%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

.animate-borda-projeto{
    -moz-animation-name: bordinha-projeto;
    -o-animation-name: bordinha-projeto;
    -webkit-animation-name: bordinha-projeto;
    animation-name: bordinha-projeto;
    
    -o-animation-duration: 0.3s !important;
    -moz-animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

.animate-borda-projeto-voltar{
    -o-animation-name: bordinha-projeto-voltar;
    -moz-animation-name: bordinha-projeto-voltar;
    -webkit-animation-name: bordinha-projeto-voltar;
    animation-name: bordinha-projeto-voltar;
    
    -o-animation-duration: 0.3s !important;
    -moz-animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

@-webkit-keyframes bordinha-contato{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 89.5%;
        opacity: 1;
    }
}

@-moz-keyframes bordinha-contato{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 89.5%;
        opacity: 1;
    }
}

@-o-keyframes bordinha-contato{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 89.5%;
        opacity: 1;
    }
}

@keyframes bordinha-contato{
    from {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 89.5%;
        opacity: 1;
    }
}

@-webkit-keyframes bordinha-contato-voltar{
    from {
        width: 89.5%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@-o-keyframes bordinha-contato-voltar{
    from {
        width: 89.5%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@-moz-keyframes bordinha-contato-voltar{
    from {
        width: 89.5%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

@keyframes bordinha-contato-voltar{
    from {
        width: 89.5%;
        opacity: 1;
    }

    to {
        width: 0%;
        opacity: 0;
    }
}

.animate-borda-contato{
    -o-animation-name: bordinha-contato;
    -moz-animation-name: bordinha-contato;
    -webkit-animation-name: bordinha-contato;
    animation-name: bordinha-contato;
    
    -o-animation-duration: 0.3s !important;
    -moz-animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

.animate-borda-contato-voltar{
    -o-animation-name: bordinha-contato-voltar;
    -moz-animation-name: bordinha-contato-voltar;
    -webkit-animation-name: bordinha-contato-voltar;
    animation-name: bordinha-contato-voltar;
    
    -o-animation-duration: 0.3s !important;
    -moz-animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

@-moz-keyframes bordinha-tema-sobre{
    from {
        width: 0px;
    }

    to {
        width: 150px;
    }
}

@-o-keyframes bordinha-tema-sobre{
    from {
        width: 0px;
    }

    to {
        width: 150px;
    }
}

@-webkit-keyframes bordinha-tema-sobre{
    from {
        width: 0px;
    }

    to {
        width: 150px;
    }
}

@keyframes bordinha-tema-sobre{
    from {
        width: 0px;
    }

    to {
        width: 150px;
    }
}

@-o-keyframes bordinha-tema-sobre-voltar{
    from {
        width: 150px;
    }

    50% {
        width: 0px;
    }

    to {
        width: 0px;
        opacity: 0;
    }
}

@-webkit-keyframes bordinha-tema-sobre-voltar{
    from {
        width: 150px;
    }

    50% {
        width: 0px;
    }

    to {
        width: 0px;
        opacity: 0;
    }
}

@-moz-keyframes bordinha-tema-sobre-voltar{
    from {
        width: 150px;
    }

    50% {
        width: 0px;
    }

    to {
        width: 0px;
        opacity: 0;
    }
}

@keyframes bordinha-tema-sobre-voltar{
    from {
        width: 150px;
    }

    50% {
        width: 0px;
    }

    to {
        width: 0px;
        opacity: 0;
    }
}

.animate-borda-tema-sobre{
    -o-animation-name: bordinha-tema-sobre;
    -moz-animation-name: bordinha-tema-sobre;
    -webkit-animation-name: bordinha-tema-sobre;
    animation-name: bordinha-tema-sobre;
    
    -o-animation-duration: 0.3s !important;
    -moz-animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

.animate-borda-tema-sobre-voltar{
    -webkit-animation-name: bordinha-tema-sobre-voltar;
    -o-animation-name: bordinha-tema-sobre-voltar;
    -moz-animation-name: bordinha-tema-sobre-voltar;
    animation-name: bordinha-tema-sobre-voltar;
    
    -o-animation-duration: 0.3s !important;
    -moz-animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

@-webkit-keyframes animation-tema-1{
    from {
        transform: translateY(400px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

@-o-keyframes animation-tema-1{
    from {
        transform: translateY(400px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

@-moz-keyframes animation-tema-1{
    from {
        transform: translateY(400px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes animation-tema-1{
    from {
        transform: translateY(400px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

.animation-tema-1{
    -webkit-animation-name: animation-tema-1;
    -o-animation-name: animation-tema-1;
    -moz-animation-name: animation-tema-1;
    animation-name: animation-tema-1;
}

@-o-keyframes animation-tema-2{
    from {
        transform: translateX(-400px);
        opacity: 0;
    }

    to{
        transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes animation-tema-2{
    from {
        transform: translateX(-400px);
        opacity: 0;
    }

    to{
        transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes animation-tema-2{
    from {
        transform: translateX(-400px);
        opacity: 0;
    }

    to{
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes animation-tema-2{
    from {
        transform: translateX(-400px);
        opacity: 0;
    }

    to{
        transform: translateX(0px);
        opacity: 1;
    }
}

.animation-tema-2{
    -webkit-animation-name: animation-tema-2;
    -o-animation-name: animation-tema-2;
    -moz-animation-name: animation-tema-2;
    animation-name: animation-tema-2;
}

@-moz-keyframes animation-tema-3{
    from {
        transform: translateY(100px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

@-o-keyframes animation-tema-3{
    from {
        transform: translateY(100px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes animation-tema-3{
    from {
        transform: translateY(100px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes animation-tema-3{
    from {
        transform: translateY(100px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

.animation-tema-3{
    -webkit-animation-name: animation-tema-3;
    -o-animation-name: animation-tema-3;
    -moz-animation-name: animation-tema-3;
    animation-name: animation-tema-3;
}

@-moz-keyframes animation-tema-4{
    from {
        transform: translateY(-200px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes animation-tema-4{
    from {
        transform: translateY(-200px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

@-o-keyframes animation-tema-4{
    from {
        transform: translateY(-200px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes animation-tema-4{
    from {
        transform: translateY(-200px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

.animation-tema-4{
    -webkit-animation-name: animation-tema-4;
    -o-animation-name: animation-tema-4;
    -moz-animation-name: animation-tema-4;
    animation-name: animation-tema-4;
}

@-moz-keyframes animation-tema-5{
    from {
        transform: translateX(400px);
        opacity: 0;
    }

    to{
        transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes animation-tema-5{
    from {
        transform: translateX(400px);
        opacity: 0;
    }

    to{
        transform: translateX(0px);
        opacity: 1;
    }
}

@-o-keyframes animation-tema-5{
    from {
        transform: translateX(400px);
        opacity: 0;
    }

    to{
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes animation-tema-5{
    from {
        transform: translateX(400px);
        opacity: 0;
    }

    to{
        transform: translateX(0px);
        opacity: 1;
    }
}

.animation-tema-5{
    -webkit-animation-name: animation-tema-5;
    -o-animation-name: animation-tema-5;
    -moz-animation-name: animation-tema-5;
    animation-name: animation-tema-5;
}

@-o-keyframes animation-tema-6{
    from {
        transform: translateX(-300px);
        opacity: 0;
    }

    to{
        transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes animation-tema-6{
    from {
        transform: translateX(-300px);
        opacity: 0;
    }

    to{
        transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes animation-tema-6{
    from {
        transform: translateX(-300px);
        opacity: 0;
    }

    to{
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes animation-tema-6{
    from {
        transform: translateX(-300px);
        opacity: 0;
    }

    to{
        transform: translateX(0px);
        opacity: 1;
    }
}

.animation-tema-6{
    -webkit-animation-name: animation-tema-6;
    -o-animation-name: animation-tema-6;
    -moz-animation-name: animation-tema-6;
    animation-name: animation-tema-6;
}

@-o-keyframes animation-tema-7{
    from {
        transform: translateX(300px);
        opacity: 0;
    }

    to{
        transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes animation-tema-7{
    from {
        transform: translateX(300px);
        opacity: 0;
    }

    to{
        transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes animation-tema-7{
    from {
        transform: translateX(300px);
        opacity: 0;
    }

    to{
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes animation-tema-7{
    from {
        transform: translateX(300px);
        opacity: 0;
    }

    to{
        transform: translateX(0px);
        opacity: 1;
    }
}

.animation-tema-7{
    -webkit-animation-name: animation-tema-7;
    -o-animation-name: animation-tema-7;
    -moz-animation-name: animation-tema-7;
    animation-name: animation-tema-7;
}

@-o-keyframes animate-lupa{
    from {
        transform: scale3d(1.2,1.2,1.2);
        opacity: 0;
    }

    to {
        transform: scale3d(1,1,1);
        opacity: 1;
    }
}

@-webkit-keyframes animate-lupa{
    from {
        transform: scale3d(1.2,1.2,1.2);
        opacity: 0;
    }

    to {
        transform: scale3d(1,1,1);
        opacity: 1;
    }
}

@-moz-keyframes animate-lupa{
    from {
        transform: scale3d(1.2,1.2,1.2);
        opacity: 0;
    }

    to {
        transform: scale3d(1,1,1);
        opacity: 1;
    }
}

@keyframes animate-lupa{
    from {
        transform: scale3d(1.2,1.2,1.2);
        opacity: 0;
    }

    to {
        transform: scale3d(1,1,1);
        opacity: 1;
    }
}

.animate-lupa{
    -moz-animation-name: animate-lupa;
    -o-animation-name: animate-lupa;
    -webkit-animation-name: animate-lupa;
    animation-name: animate-lupa;

    -moz-animation-duration: 0.3s !important;
    -o-animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

@-moz-keyframes animate-lupa-voltar{
    from {
        transform: scale3d(1,1,1);
        opacity: 1;
    }

    to {
        transform: scale3d(1.2,1.2,1.2);
        opacity: 0;
    }
}

@-webkit-keyframes animate-lupa-voltar{
    from {
        transform: scale3d(1,1,1);
        opacity: 1;
    }

    to {
        transform: scale3d(1.2,1.2,1.2);
        opacity: 0;
    }
}

@-o-keyframes animate-lupa-voltar{
    from {
        transform: scale3d(1,1,1);
        opacity: 1;
    }

    to {
        transform: scale3d(1.2,1.2,1.2);
        opacity: 0;
    }
}

@keyframes animate-lupa-voltar{
    from {
        transform: scale3d(1,1,1);
        opacity: 1;
    }

    to {
        transform: scale3d(1.2,1.2,1.2);
        opacity: 0;
    }
}

.animate-lupa-voltar{
    -moz-animation-name: animate-lupa-voltar;
    -o-animation-name: animate-lupa-voltar;
    -webkit-animation-name: animate-lupa-voltar;
    animation-name: animate-lupa-voltar;
    
    -moz-animation-duration: 0.3s !important;
    -o-animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-duration: 0.3s !important;
}

@-moz-keyframes texto-1{
    from {
        transform: translateY(-100px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

@-o-keyframes texto-1{
    from {
        transform: translateY(-100px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes texto-1{
    from {
        transform: translateY(-100px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes texto-1{
    from {
        transform: translateY(-100px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

.texto-1{
    -moz-animation-name: texto-1;
    -o-animation-name: texto-1;
    -webkit-animation-name: texto-1;
    animation-name: texto-1;

    -moz-animation-duration: 0.4s !important;
    -o-animation-duration: 0.4s !important;
    -webkit-animation-duration: 0.4s !important;
    animation-duration: 0.4s !important;
}

@-moz-keyframes texto-1-voltar{
    from {
        transform: translateY(0px);
        opacity: 1;
    }

    to{
        transform: translateY(-100px);
        opacity: 0;
    }
}

@-o-keyframes texto-1-voltar{
    from {
        transform: translateY(0px);
        opacity: 1;
    }

    to{
        transform: translateY(-100px);
        opacity: 0;
    }
}

@-webkit-keyframes texto-1-voltar{
    from {
        transform: translateY(0px);
        opacity: 1;
    }

    to{
        transform: translateY(-100px);
        opacity: 0;
    }
}

@keyframes texto-1-voltar{
    from {
        transform: translateY(0px);
        opacity: 1;
    }

    to{
        transform: translateY(-100px);
        opacity: 0;
    }
}

.texto-1-voltar{
    -moz-animation-name: texto-1-voltar;
    -o-animation-name: texto-1-voltar;
    -webkit-animation-name: texto-1-voltar;
    animation-name: texto-1-voltar;

    -moz-animation-duration: 0.4s !important;
    -o-animation-duration: 0.4s !important;
    -webkit-animation-duration: 0.4s !important;
    animation-duration: 0.4s !important;
}

@-moz-keyframes texto-2{
    from {
        transform: translateY(70px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

@-o-keyframes texto-2{
    from {
        transform: translateY(70px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes texto-2{
    from {
        transform: translateY(70px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes texto-2{
    from {
        transform: translateY(70px);
        opacity: 0;
    }

    to{
        transform: translateY(0px);
        opacity: 1;
    }
}

.texto-2{
    -moz-animation-name: texto-2;
    -o-animation-name: texto-2;
    -webkit-animation-name: texto-2;
    animation-name: texto-2;

    -moz-animation-duration: 0.4s !important;
    -o-animation-duration: 0.4s !important;
    -webkit-animation-duration: 0.4s !important;
    animation-duration: 0.4s !important;
}

@-moz-keyframes texto-2-voltar{
    from {
        transform: translateY(0px);
        opacity: 1;
    }

    to{
        transform: translateY(70px);
        opacity: 0;
    }
}

@-o-keyframes texto-2-voltar{
    from {
        transform: translateY(0px);
        opacity: 1;
    }

    to{
        transform: translateY(70px);
        opacity: 0;
    }
}

@-webkit-keyframes texto-2-voltar{
    from {
        transform: translateY(0px);
        opacity: 1;
    }

    to{
        transform: translateY(70px);
        opacity: 0;
    }
}

@keyframes texto-2-voltar{
    from {
        transform: translateY(0px);
        opacity: 1;
    }

    to{
        transform: translateY(70px);
        opacity: 0;
    }
}

.texto-2-voltar{
    -moz-animation-name: texto-2-voltar;
    -o-animation-name: texto-2-voltar;
    -webkit-animation-name: texto-2-voltar;
    animation-name: texto-2-voltar;

    -moz-animation-duration: 0.4s !important;
    -o-animation-duration: 0.4s !important;
    -webkit-animation-duration: 0.4s !important;
    animation-duration: 0.4s !important;
}