@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1340px) {
.toalha-sobre{
        margin: auto !important;
        display: block;
        padding-top: 80px;

    }
    .mostrar{
    display: none!important;
    

}

 .esconder{
    display: block !important;
    margin: auto;
    

}

.titulo-sobre-interna{
    padding-top: 52px;
}

@media screen and (max-width:1200px) {
.imagemTroca{
    width: 100%;
    transform: scale(0.9);
}
}
@media screen and (max-width:1040px) {
.toalha-sobre{
        margin: auto !important;
        display: block;

    }
    .carro{
    display: block !important;
    width: 0px;
    margin: auto !important;
    top: 0px;
    left: 0px;
    

}


.mostrar{

}
.esconder{
    display: block !important;
    position: relative;
    width: 70%;
    margin: auto !important;
    transform: scale(0.9);
}
.content-img-box{
    padding-top: 80px;
    width: 100% !important;

}
}
@media screen and (max-width:1220px) {
    .sobre-branco {
    width: 90% !important;
    margin: auto;
    padding-top: 80px!important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
    .imagem-central-servicos{
        float: none;
        display: block !important;
        width: 50%;
        transform: scale(0.9);
        margin: auto !important;
    }
      .texo-central{
        width: 100%;
    }
    
}
@media screen and (max-width:1170px) {
     aside{
        float: none !important;

    }
    .p-servico{
        width: 100% !important;
        float: none;
    }

    header p{
        float: none !important;
        width: 100% !important;
        margin: auto !important;
    }
}

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

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


        .img-alinhar-centro{
            margin-top: 50px;
            width: 80%;
            transform: scale(0.7);

        }



















    /*TOPO*/
    .main_header{
        position: absolute;
        top: 0;
        background: rgba(220, 231, 245, 0.57);
    }

    .logo {
        float: right;
        display: table;
        margin-top: 100px;
        margin-right: 35px;
        padding-bottom: 20px;
        box-shadow: none ;
    }
    .barra-menu{
        height: 20px;
       
        width: 100%;
    }
    .btn-mobile {
        display: table;
        position: relative;
        z-index: 99999;
        background: none;
        border: none;
        outline: none;
        /*margin: 20px auto;*/
        width: 60px;
        padding: 0;
        cursor: pointer;
        margin-left: 10px;
        bottom: 75px;
        left: 30px;
    }
    .btn-mobile img {
        transition: 0.5s;
        display: block;
        transform: scale(1.3);
        background: none;
    }
    .btn-mobile img:hover {
        transition: 0.5s;
        display: block;
        
        background: none;
        
        
  }
    .main_navigator {
        text-align: center;
        width: 100%;
        position: absolute;
        
        z-index: 999;
        margin: 0 auto;
        background: rgba(20,77,167,0.5);
        position: absolute;
        
        top: 240px !important;
        box-shadow: none !important;

    }
    .main_navigator li{

        float: none;
        display: block !important;
        margin: 15px auto;
        border-bottom: 1px solid #fff;
        width: 100%;
        padding-bottom: 10px;
        height: 25%;

    }
    .contato{
        padding-bottom: 0px !important;
    }
    .main_navigator li a:hover,.main_navigator li a .active:hover{
        padding: 0;
    }
    .main_navigator li:last-child{
        border-bottom: none;
    }
    .main_navigator li:first-of-type {
        margin-left: auto;
    }
    .main_navigator li:last-of-type {
        margin-right: auto;
    }
    .main_navigator li.atuacao a:hover {
        background: url(../imagens/header/hover_menu.png) no-repeat bottom 5px center;
    }
    .main_navigator li a , .main_navigator li a.active{
       
        font-weight: bold;
        font-size: 18px;
        font-family: 'Open Sans'!important;
        padding-bottom: 15px;
        width: 99%;
        color: #fff;
        margin: 0 auto;
        -webkit-transition: background-color 400ms linear;
        -moz-transition: background-color 400ms linear;
        -o-transition: background-color 400ms linear;
        -ms-transition: background-color 400ms linear;
        transition: background-color 400ms linear;
    }
    .main_navigator li a:hover{
        background: none;
        border: none;
        padding-bottom: 10px;
    }
    li.menu_ativo a {
        background: none !important;
        border: none;
    }

    .sec_principal{
        margin-top: 0;
        background: url('../imagens/home/sec_principal_bg_mobile.jpg') no-repeat center;
        background-size: cover;
    }

    .sec_principal img {
    padding: 71px 0 60px;
    margin-top: 230px;
    margin-bottom: -198px;
}

    .sec_sobre{
        background-image: none;
        background-color: #edeff4;
    }


    .box-esconder{
        display: block !important;
        background:none;
        
    }

    .box-esconder p{
        display: block !important;
        width: 100% !important;
        padding: 0px 0 30px 0px;
    }
    .box-esconder a{
        display: block !important;
        width: 128px;
        float: right;
    }
    /*Carro e Retangulo verde*/

    .sec_sobre img{
        right: 0;
        float: none;
        position: relative;
        width: 100%;
        transform: scale(0.9);
        margin: auto !important;
        margin-top: -150px !important;
    }
    .paragrafo-sobre{
        width: 90%;
    }
    .box-verde{
        width: 90%;
        margin: auto;
        background: none;
        margin-top: 50px;
        padding: 0;
        box-shadow: none !important;
    }
    .box-verde h2{
        font-family: "Gotham_Light";
        font-size: 24px;
        text-align: center;
        color: #000;
    }
     .box-verde p{
        color: #000;
    }
    .box-verde p , .box-verde a{
        display: none;
    }
    .sec_servicos p{
        width: 100%;
    }
    .logo{
        margin-top: 70px;
    }
    .retangulo-branco{
        width: 90%;
    }
    .retangulo-branco img{
        display: none;
    }
    .conteiner-formulario{
        width: 90%;
    }
    .enviar_contato{
        float: none;
        margin-left: 70%;
    }
    .content-servico-home{
        width: 90%;
    }
    .titulo-contato{
        width: 100%;
    }
    h2{
        width: 100%;
        padding-top: 50px;
    }

    .btn-voltar{
        
        margin-right: 5% !important;
    }
    .btn-voltar-servicos{
        
        margin-right: 0% !important;
    }
    .enviar_contato:hover{
        float: none;
    }
    .imagem-central{
        float: none;
        display: block !important;
        width: 100%;
        transform: scale(0.9);
    }

  
   .imagemTrocaPorEsta{
    display: block !important;
}
    .imagemTroca{
        display: none !important;
    }

    .main_footer{
        background: none;
        background: url('../imagens/home/sec_rodape_mobile.jpg') no-repeat center;
        background-size: cover;
    }
    .sec_servicos{
        background: url('../imagens/home/sec_servicos_bg_mobile.jpg') no-repeat center;
    background-size: cover; 
    }
 .tel{
        float: none;
        margin: auto;
        width: 114px;
    }
    .email{
       
        display: block;
        float: none;
        margin: auto;
        width: 59% !important;
        transform: scale(0.9);
         margin-top: 15px;
    }
   
    address{
        width: 58%;
        margin: auto;
        margin-top: 15px;
    }
    .direitos{
        width: 90%;
    }
    .titulo-sobre-interna{
        width: 90%;
    }
    .bg_interna{
        margin-top: 220px;
    }

    .conjunto_info{
        width: 100%;
    }

    .esquerda-margem{
        margin-left: 0 !important;
    }
    .direita-margem{
        
    }
    aside:nth-child(2){
        margin-right: 0px !important;
    }

    .email{
       
        display: block;
        float: none;
       margin-left: 2px !important;
        width: 90% !important;
        
        
         margin-top: 15px;
    }

     .tel{
        float: none;
        margin: auto;
        width: 90%;
  
    }

     address{
        width: 90%;
      
        margin-top: 15px;
    }
   
}

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

}

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

}

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

}

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

}

@media screen and (max-width:630px) {
    .h2-mobile{
        width: 100%;
        transform: scale(0.9);
    }
}

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

}

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

}

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


        .logo{
            float: none !important;
            margin: auto;
            padding-top: 20px;
        }

     .main_navigator {
        text-align: center;
        width: 100%;
        position: absolute;
        
        z-index: 999;
        margin: 0 auto;
        background: rgba(20,77,167,0.5);
        position: absolute;
        
        top: 260px !important;
        box-shadow: none !important;

    }
    .main_header {

    position: absolute;
    top: 0;
    background: rgba(220, 231, 245, 0.57);
    padding-bottom: 80px;

}
          .btn-mobile {
        display: table;
        position: relative;
        z-index: 99999;
        background: none;
        border: none;
        outline: none;
        /*margin: 20px auto;*/
        width: 60px;
        padding: 0;
        cursor: pointer;
        margin-left: 10px;
        bottom: -25px;
        left: 0px;
        margin: auto;
    }

    .sec_sobre .h2-mobile{
       padding-top:  100px !important;
    }

    .sec_sobre img{
       padding-top:  20px !important;
    }
}

@media screen and (max-width:443px){
 h2{
        font-size: 21px !important;
    }
      
}

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

}

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

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

}