@keyframes navbar-down{
    from {
        transform: translateY(-60px);
    }

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

@keyframes navbar-up{
    from {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-60px);
    }

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

@-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;

    animation-fill-mode: forwards;
}

@-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;

    animation-fill-mode: forwards;
}

@-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;

    animation-fill-mode: forwards;
}

@keyframes modal-event{
    from {
        transform: scale3d(0, 0, 0);
    }

    50% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

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

.modal-show{
    animation-name: modal-event;
    animation-duration: 0.7s;
}