@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5)!important;transform:scale(.5)}100%{-webkit-transform:scale(1)!important;transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5)!important;transform:scale(.5)}100%{-webkit-transform:scale(1)!important;transform:scale(1)}}

.efeito-hover-imagem-titulo div.imagem-titulo{
    width: 100%!important;
    height: 100%!important;
    text-align: center!important;
    vertical-align: middle!important;
    display: none!important;
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    -webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1.000) both!important;
    animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1.000) both
}

    .imagem-titulo .imagem-titulo-borda{
        width: 90%!important;
        height: 90%!important;
        margin: 5%!important;
        border: 1px solid #000!important;
        display: table!important;
    }

    .imagem-titulo .imagem-titulo-borda p{
        font-size: 22px!important;
        line-height: 26px!important;
        font-weight: normal!important;
        display: table-cell!important;
        vertical-align: middle!important;
    }

    .efeito-hover-imagem-titulo:hover div.imagem-titulo, a:hover .efeito-hover-imagem-titulo div.imagem-titulo{
        display: block!important;
    }

/* Ícone do WhatsApp que flutua na direita quando um número é indicado*/
.whats_right { position: fixed!important; right: 0!important; display: block!important; top: 30%!important; z-index: 9999999999999!important; }

/* Ícone que fica flutuando na tela quando é um site modelo */
.floating-sample-site{
    right: 0!important;
    top: 15%!important;
    line-height: 22px!important;
    text-shadow: -2px 2px 2px rgba(97,97,97,0.5)!important;
    position: fixed!important;
    display: block!important;
    z-index: 9999999999999!important;
}
    .floating-sample-site strong{
        font-size: 18px!important;
    }
    .floating-sample-site span{
        width: 190px!important;
        display: block!important;
        position: relative!important;
    }

    @media only screen and (max-width: 1280px)  {
        .floating-sample-site{
            top: 65%!important;
            font-size: 10px!important;
            line-height: 16px!important;
        }

        .floating-sample-site strong{
            font-size: 12px!important;
        }
        
        .floating-sample-site span{
            width: 130px!important;
            display: block!important;
            position: relative!important;
        }
    }

/* Não é exatamente um parallax, só faz o fundo ficar fixo enquanto o conteúdo desce */
.background-parallax{
    background-attachment: fixed!important;
    background-size: cover!important;
    background-position: center center!important;
    background-repeat: no-repeat;
}
.background-parallax-alt{
    background-size: cover!important;
    background-position: center center!important;
    background-repeat: no-repeat;
}
.background-parallax.contain{
    background-size: contain!important;
}
.background-parallax.left-center, .background-parallax-alt.left-center{
    background-position: left center!important;
}
@media(max-width: 768px){
    .background-parallax.contain{
        background-size: cover!important;
    }
}

.efeito-surgir-pelas-laterais{
    -webkit-animation: focus-in-contract-bck 1s cubic-bezier(.25,.46,.45,.94) both!important;
    animation: focus-in-contract-bck 1s cubic-bezier(.25,.46,.45,.94) both!important;
}
@-webkit-keyframes focus-in-contract-bck{
    0%{letter-spacing:1em!important;-webkit-transform:translateZ(300px)!important;transform:translateZ(300px)!important;-webkit-filter:blur(12px)!important;filter:blur(12px)!important;opacity:0}
    100%{-webkit-transform:translateZ(12px)!important;transform:translateZ(12px)!important;-webkit-filter:blur(0)!important;filter:blur(0)!important;opacity:1}
}
@keyframes focus-in-contract-bck{
    0%{letter-spacing:1em!important;-webkit-transform:translateZ(300px)!important;transform:translateZ(300px)!important;-webkit-filter:blur(12px)!important;filter:blur(12px)!important;opacity:0}
    100%{-webkit-transform:translateZ(12px)!important;transform:translateZ(12px)!important;-webkit-filter:blur(0)!important;filter:blur(0)!important;opacity:1}
}