@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1280px) {


    .conteudo_banner {
        margin: 430px auto 0;
    }
    .banner_navigator {
        bottom: 0;
        left: 10.5rem;
    }
    .section_clientes .bx-prev {
        left: -90px;
    }
    .section_clientes .bx-next{
        right: -90px;
    }
    .bloco_detalhe {
        right: -180px;
        top: 75px;
    }	
    .bloco_detalhe .pc {
        margin-top: -245px;
    }


}
@media screen and (max-width:1024px) {

    .conteudo_banner {
        margin: 430px auto 0;
        width: calc(100% - 30px);
    }
    .section_clientes .bx-wrapper {
        max-width: 470px !important;
    }
    .cabecalho {
        padding: 15px 0 90px;
    }
    .cabecalho {
        padding: 15px 0 90px;
    }
    .cabecalho .name{
        text-align: center;
    }
    .comparativo .corpo{
        overflow: scroll;
    }
    .bt_comparativo {
        right: calc(50% - 20px);
        top: 90px;
    }
    footer {
        background: url(../imagens/base/bg_rodape.jpg) no-repeat top left -270px;
    }

    .bx-wrapper {
        max-width: 376px !important;
    }
}
@media screen and (max-width:960px) {

    .section_onde {
        height: auto;
        background: url(../imagens/inicial/mapa/bg_onde_mobile.png) no-repeat top center;
        padding: 50px 0;
        background-size: cover;
    }
    .txt_onde {
        width: 100%;
        text-align: center;
        padding: 0;
        max-width: 300px;
        margin: 0 auto;
        float: none;
        padding-bottom: 130px;
        background: url(../imagens/inicial/mapa/seta_mob.png) no-repeat center bottom;
    }
    .section_onde .mapa {
        position: relative;
    }
    .local {
        float: none;
        margin: 30px auto 0;
    }
    .section_social .redes {
        float: none;
        margin: 20px auto;
        max-width: 518px;
    }
    .section_social .redes {
        float: none !important;
        margin: 20px auto;
        max-width: 518px;
        width: 100%;
    }
}
@media screen and (max-width:930px) {
    .sec_contato .flex-item {
        flex-basis: 100%;
    }
    .mac {
        width: 370px;
        left: auto;
        right: 0;
        background-size: contain;
    }
    .dicas .item_dicas {
        flex-basis: 51%;
        text-align: center;
        margin: 20px auto;
        padding: 0 50px;
    }
    .dicas .barra {
        display: none;
    }
}
@media screen and (max-width:900px) {
    .contatos {
        padding: 0;
        border: none;
    }
}
@media screen and (max-width:800px) {
    h1 {
        text-align: center;
    }
    .bg_header {
        width: 100%;
        top: -70px;
    }
    .banner_navigator {
        right: calc(50% - 350px);
        bottom: 0;
        left: 0;
    }
    .section_sobre p {
        margin: 30px auto 0;
    }
    .bt_sobre {
        margin: 20px auto;
        position: relative;
        z-index: 9;
    }
    .bloco_detalhe {
        position: relative;
        right: 0;
        height: auto;
        width: 100%;
        overflow: hidden;
    }
    .bloco_detalhe .pc {
        margin-top: -190px;
        width: 100%;
    }
    .info_vantagens {
        left: calc(50% - 150px);
    }
    .det_laranja {
        left: calc(50% - 305px);
        position: relative;
        margin-top: -517px;
    }
    ul.vantagens {
        margin: 100px auto 0;
    }
    .mac {
        display: none;
    }
    .txt_sobre {
        margin: 20px auto;
    }
    article.equipe {
        text-align: center;
    }
    .equipe p {
        text-align: center;
    }

    /* modal */
    .window-modal {
        width: 80%;
        left: 10%;
        top: 15%;
    }
   
}
@media screen and (max-width:768px) {
    header {
        width: 100%;
        height: auto;
    }
    .bx-wrapper img {
        float: none;
        margin: 0 auto;
    }
    .slide h4 {
        text-align: center;
        float: none;
        margin: 0 auto;
    }
    p.txt_slide {
        float: none;
        margin: 15px auto 0;
        height: auto;
        max-width: 294px;
        padding: 75px 30px 0px 35px;
        background: /*url(../imagens/inicial/clientes/bg_txt_mob.png) no-repeat top right,*/url(../imagens/inicial/clientes/aspas.png) no-repeat top 35px left 40px;
    }

    footer {
        background: url(../imagens/base/bg_rodape_mob.jpg) no-repeat top center;
        text-align: center;
    }
    .logo_rodape {
        float: none;
        margin: 0 auto 20px;
        background-size: contain;
        width: 98%;
        max-width: 347px;
    }
    .direitos {
        margin: 0 auto;
        width: 100%;
    }
    copyright {
        float: none;
        margin: 0 auto;
    }
    .w7 {
        float: none;
        margin: 10px auto 0;
    }
}


@media screen and (max-width:700px) {
    .banner_navigator {
        right: calc(50% - 330px);
    }
    .txt_sobre {
        max-width: 302px;
        margin: auto;
    }
    .topo_internas .historia{
        width: 310px;
        margin: auto;
        
    }
    .historia .itens {
        display: block;
        width: 90%;
        margin: 10px auto;
    }
    .contatos {
        /* padding: 0; */
        border: none;
        width: 300px;
    }
    .teamviewer {
        display: block;
        margin: 40px auto 0;
        width: 300px;
    }
    .comparativo.escon{
        display: none;
    }
    .topo_internas.topo_sobre .subtitulo {
        font-size: 38px;
        margin-top: 40px;
        width: 309px;
        margin: auto;
    }
    label {

        display: block;
        width: 100%;
        float: none;
        margin: auto;
        max-width: 310px;
    
    }
    .btn_enviar.wow.bounceInRight.animated {

        margin: auto;
    
    }

    .contatos p {
        text-align: center;
    }
    .topo_suporte a.bt_teamviewer {
        margin: auto;
        float: none;
    }
      .teamviewer img {
        display: block;
        float: none;
        
    }
     a.bt_teamviewer {
        float: none;
        display: block;
        margin: auto;
        margin-top: 20px;
    }
    h3.subtitulo {
        margin: auto;
        width: 100%;
        max-width: 310px;
    }
}


@media screen and (max-width:600px) {

    .depoimentos .bx-next {
        top: 40px;
        right: 20px;
    }
    .depoimentos .bx-prev {
        top: 40px;
        left: 20px;
    }
    .cracha::before {
        display: block;
        content: ' ';
        width: 250px;
        height: 500px;
        position: relative;
        margin-left: 56px;
        margin-top: 0;
        background-image: url(../imagens/mega-cra.png);
        background-repeat: no-repeat;
    }
}

@media screen and (max-width:568px){
    .section_onde .conteudo {
        overflow: hidden;
    }
    .section_onde .mapa{
        scale: 0.9;
    }

}

@media screen and (max-width:480px) {
    .section_onde .mapa{
        scale: 0.8;
    }

    .bg_header {
        width: 100%;
        top: -170px;
    }
    .conteudo_banner {
        margin: 435px auto 0;
    }
    .conteudo_banner .tit_banner {
        font-size: 23px;
        letter-spacing: 0px;
    }
    .conteudo_banner .tit_banner b {
        font-size: 23px;
    }
    .conteudo_banner .txt_banner {
        font-size: 12px;
    }
    .banner_navigator {
        right: calc(50% - 150px);
    }

    .section_sobre {
        background: none;
    }
    .bloco_detalhe .pc {
        margin-top: 0px;
    }
    .det_laranja {
        margin-top: -435px;
    }
    .vantagens .item {
        width: 100px;
        height: 100px;
        background-size: 60%;
    }
    .section_clientes .bx-wrapper {
        max-width: 320px !important;
    }
    .section_clientes .bx-prev {
        left: 0;
        top: 480px;
    }
    .section_clientes .bx-next {
        right: 0;
        top: 480px;
    }
    .suporte-flex .item {
        flex-basis: 75%;
        margin: 0 auto;
    }
    .facebook{
        display: none;
    }
    .face_mob{
        display: block;
    }

    /* BOTÃO APP */
    .bt-app {
        display: block;
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        transform: rotate(0deg);
        background: #fff;
        padding-bottom: 20px;
        padding-top: 10px;
    }
    #fechar-app{
        display: block;
    }

    /* contato */
    .sec_contato .tel {
        margin-top: 40px;
    }
    .mapa img {
        width: 100%;
    }
    /* modal */
    .window-modal {
        width: 98%;
        left: 1%;
        top: 10%;
    }
}
@media screen and (max-width:414px) {
    .section_onde .mapa{
        scale: 0.7;
    }

    .info_vantagens {
        top: 270px;
    }
    .bloco_detalhe .pc {
        margin-top: -50px;
    }
    .cabecalho table, .corpo table{
        transform: scale(0.7);
    }
    .cabecalho .name {
        transform: scale(0.6);
    }
    table .item {
        transform: scale(0.5);
    }
    #menu_rodape li {
        margin-right: 4px;
    }

}
@media screen and (max-width:375px) {

    .info_vantagens {
        top: 220px;
    }
    .cabecalho table, .corpo table {
        transform: scale(0.8);
    }
    .cabecalho table {
        position: relative;
        margin-left: -59px;
    }
    
    td.name {
        display: block;
        min-width: 133px;
    }

}
@media screen and (max-width:320px) {


    .info_vantagens {
        top: 180px;
    }

}