@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1260px) {
    .rocambole_absoluto{
        top: -100px;
        left: -7%;
        transform: scale(0.8);
    }

}

        @media screen and (max-width:1077px) {
                .margem_ao_redor{
                    width: 90% !important;
                    display: block;
                    margin: auto;
                }
        }

@media screen and (max-width:1020px) {
    .bx-prev{
   

}

.bx-next{
   
    
}

        .rocambole_absoluto{
                display: none;
    }

        .sec_banner{
    background: url('../imagens/gerais/bg_sec_banner_mobile.png')   top;
}

    .agrupar_esquerda{
    float: none;
    width: 100%;
    padding-top: 15px;
    background: url('../imagens/gerais/bg_sec_banner_mobile.png')  top;
}
    .main_navigator{
        float: none;
        display: table;
        margin: auto;
    }


}

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

}

@media screen and (max-width:960px) {
.tamanho_no_mobile_interna{
    width: 100%;
    transform: scale(0.9);
}
    .content{
        width: 90%;
    }
    
    /*TOPO*/
.img-tamanho-maximo{

        padding: 0px 0;
        width: 50%;
        height: 50%;
        padding-top: 0px;
    }


    .logo {
        float: none;
        display: table;
    }
    .btn-mobile {
        transition: 1.3s;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -o-transition: 1.3s;
        display: table;
        position: relative;
        z-index: 99999;
        background: none;
        border: none;
        outline: none;
        margin: 20px auto;
        width: 60px;
        padding: 0;
        margin-top:50px; 
        cursor: pointer;
    }
    .btn-mobile img {

        display: block;
        width: 100%;
        background: none;
    }

    .btn-mobile:hover{
        transition: 1.3s;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -o-transition: 1.3s;
      transform: rotate(90deg);
    }
    .main_navigator {
        text-align: center;
        width: 100%;
        position: absolute;
        left: 0;
        z-index: 999;
        margin: 0 auto;
        background: #d6b46a;


    }
    .main_navigator li{
        float: none;
        display: block;
        margin: 15px auto;
        border-bottom: 1px solid #861510;
        width: 80%;
        top: 0!important;
        padding-bottom: 5px;
    }


    .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 {
        display: block;
        font-weight: bold;
        font-size: 18px;
        font-family: 'Candara';
        padding-bottom: 15px;
        width: 99%;
        color: #881712;
        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;
        padding: 0 !important;
        color: #fff;
        border: #881712;
    }
    .main_navigator li a{
            padding: 0!important;
    }
    li.menu_ativo a {
        background: none !important;
        border: none;
        padding-bottom: 0;
        color: #fff!important;
        font-size: 20px !important;
    }

   
    .tamanho_no_mobile{
        width: 100%;
        transform: scale(0.7);
    }

        article .tamanho_no_mobile{
        width: 100%;
        transform: scale(0.7);
    }
    .tamanho-48{
        float: none;
        width: 100%;
}

.tamanho-100{
    float: none;
    width: 100%;
}

.area-de-respiro{
    width: 90% !important;
}

.img_encontrar_principal{
    width: 100%;
    transform: scale(0.9);
}

.localizacoes article{
    margin: auto;
}

.flex_contato{
    margin: auto;
}





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


.content_principal p{
    margin: auto;
    width: 100%;
}

.content_principal h2{
    width: 100%;
    display: block;
    margin: auto;
    font-size: 75px;
    text-align: right;

}

.sec_slider h2{
    font-size: 75px;
}


.content_principal .bem_vindo{
    width: 100%;
    display: block;
    margin: auto;
    font-size: 75px;
    text-align: right;
}


.sec_resdes_sociais article{
    margin: auto;
}

.sec_resdes_sociais article:nth-child(2){
    margin: auto;
    margin-top: 20px;
}


.localizacoes article{
    width: 50%;
    padding-top: 30px;
}

.produtos_casa_do_rocambole header{
    float: none;
    display: block;
    margin: auto;
}

.produtos_casa_do_rocambole header h3{
    width: 378px;
    margin: auto;
    text-align: center;
}
.marcador_topico_contrario{
    right: -95px ;
}
.marcador_topico{
   left: -86px ;
}
.produtos_casa_do_rocambole header{
    width: 100%;
}
.produtos_casa_do_rocambole header p{
    width: 100% !important;
}


.main_navigator li:nth-child(5){
    display: block;
}
.tamanho_slides_mobile{
    width: 74% !important;
    display: block;
    margin: auto;
}

.tamanho_article_mobile{
    width: 90% !important;
    margin-left: 15px;
    margin-right: 15px;
}

.slide article h3{
    height: 105px !important;
}


}

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

}

@media screen and (max-width:835px) {
    .sec_onde_estamos .mobile_hide{
    display: block;
    width: 100%;
    transform: scale(0.9);
}
}

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


}

.bx-next{
    
}

}

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

}

@media screen and (max-width:630px) {
    .titulo_pagina{
        font-size: 60px;
    }

    .texto_sobre{
        font-size: 16px;
    }
}

@media screen and (max-width:600px) {
.content_principal h2{
    font-size: 50px;
    padding-bottom: 15px;
   }

   .content_principal .bem_vindo{
    font-size: 35px;
    padding-bottom: 15px;
   }
   .fl-left {
    float: left;
     overflow: hidden;
}
.fl-right {
    float: right;
     overflow: hidden;
}
}
@media screen and (max-width:580px) {
/*
.agrupar_esquerda{
    float: none;
    width: 100%;
    padding-top: 15px;
    background: url('../imagens/gerais/bg_sec_banner_mobile_final.png')  top;
}

 .sec_banner{
    background: url('../imagens/gerais/bg_sec_banner_mobile_final.png')   top;
}
.sec_onde_estamos .mobile_hide{
    display: none;
}
.sec_onde_estamos .mobile_only{
    display: block;
    width: 100%;
    transform: scale(0.8);
}
.mostrar{
    display: none;
}
.esconder{
    display: block;
}
*/

}

@media screen and (max-width:550px) {
        .localizacoes article{
            width: 100%;
        padding-top: 50px;
        } 
}
@media screen and (max-width:510px) {
        .img-tamanho-maximo{

        padding: 0px 0;
        width: 100%;
        height: 50%;
        padding-top: 0px;
    }

}

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

}

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

}

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

.main_footer .conta .tx_maior {
    display: block;
    margin-bottom: 7px;
}

.content_principal h2{
    font-size: 40px;
}

.sec_resdes_sociais h2{
    font-size: 55px;
}

.sec_onde_estamos h2{
    font-size: 55px;
}

.produtos_casa_do_rocambole header h3{
        width: 100%;
}
}

@media screen and (max-width:370px){
.flex_contato{
        width: 100%;
        transform: scale(0.8);
    }

    .main_footer{
    padding-top: 150px;
    padding-bottom: 15px;

}

.tamanho_no_mobile_logo{
        width: 100%;
        transform: scale(0.8);
    }

    .tamanho_no_mobile_principal{
        width: 100%;
        transform: scale(0.7);
    }

copyright {
    font: 8px "IdealistSans", sans-serif;
    display: block;
    text-align: center;
    color: #fff;
    margin-top: 87px;
}

}

@media screen and (max-width:320px){
    .content_principal .bem_vindo{
    width: 100%;
    display: block;
    margin: auto;
    font-size: 30px;
    text-align: right;

}
    .content_principal h2{
    font-size: 30px;
}
    .sec_slider h2{
    font-size: 75px;
}
}


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