body{
    overflow-x: hidden;
}
@font-face {
    font-family: 'BRONKZ';
    src: url('/recursos_site/font/BROKENZ.ttf') format('opentype');
}
@font-face {
    font-family: 'QuickSand';
    src: url('/recursos_site/font/Quicksand-VariableFont_wght.ttf') format('opentype');
}
@font-face {
    font-family: 'Josefi';
    src: url('/recursos_site/font/JosefinSans-VariableFont_wght.ttf') format('opentype');
}

header{
    /*background:url('/recursos_site/webview/FundoTelaHomePrt1.webp');*/
    background:url('/recursos_site/webview/FundoTelaHomePrt1.webp');
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    
}
.painel-contato{
    
    
    position: fixed;
    z-index: 1;
    bottom: 30px;
    right: 0px;
    padding: 1rem;
}
.painel-contato ul{
    display: inline;
    flex-wrap: wrap;
    
    height: auto;

}
.painel-contato li{
    margin-top: 0.6rem;
    list-style: none;
    background-color: white;
    border-radius: 100px;
    display: flex;
    width:100%;
    height: auto;
    justify-content: center;
    padding: 1rem;
    
}
.mapa{
    font-size: 3rem;
    color: #02425e;
}
.Whatssap{
    font-size: 4rem;
    color: #00551f;
}
.Whatssap:hover{
    background-color: #25D366;
    color: white;
}
.mapa:hover{
    background-color: #34B7F1;
    color: white;
}
.painel-what{
    display: none;
    background:url('/recursos_site/fundo_whatssap.png')no-repeat;
    background-position: center;
    background-attachment: scroll;
    background-size: contain;
    width:400px;
    height: 400px;
    position: fixed;
    z-index: 1;
    bottom: 5px;
    right: 100px;
    padding: 1rem;
    padding: 2rem;
}
.info-what{
    
    width: auto;
    height: auto;
}
.info-what ul{
    display: grid;
    padding-top: 2rem;
    margin: 1rem;
}
.info-what li{
    margin: 1rem 0rem 0rem -2.3rem;
    font-size: 2rem;
    list-style: none;
    font-family: 'QuickSand';
}
.info-what a {
    color: #000000;
    text-decoration: none;
}
.fechar{
    margin-top: 1rem;
    
    border-radius: 200px;
    width: 90%;
    display: flex;
    justify-content: center;
}
.painel-mapa{
    display: none;
    background:url('/recursos_site/fundomsg.png')no-repeat;
    background-position: center;
    background-attachment: scroll;
    background-size: contain;
    width:400px;
    height: 400px;
    position: fixed;
    z-index: 1;
    bottom: 120px;
    right: 90px;
    padding: 1.5rem;
    
}
.titulo-home{
    
    width: 100%;
    height: 600px;
    display: flex;
    align-items: center;
    font-family: 'BROKENZ';
    
}
.titulo-home h5{
    font-size: 3rem;
}
.section-prt1{
    background:url('/recursos_site/webview/FundoTelaHomePrt2.webp');
    width: 100%;
    height:100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
   
    
}
.box-preco{
    margin-top: 1rem;
    
    width: 100%;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    padding-top: 3rem;
}
.card-preco{
    width: 70%;
    height: 300px;
    
    background-color: #eceaea;
    border-radius: 15px;
    box-shadow: 10px 10px #5a5a5a;
    padding: 1rem;

}
.card-preco h5{
    font-size: 3rem;
    color: #000000;
    font-family: 'Josefi';
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}
.card-preco p {
    font-size: 2rem;
    font-family: 'QuickSand';
    color:#000000;
    margin: 2rem;
}
.box-indicador{
   
    width: 100%;
    margin-bottom: -2rem;
    display: flex;
    justify-content: center;
    
}
.indicador ul {
    display: flex;
    justify-content: baseline;
    background-color: red;
    padding: 1rem;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}
.indicador li{
    margin:1rem;
    list-style: none;
}
.indicador span{
    border: 100px;
    background-color: red;
    width: 100%;
    height: 100%;
}
.section-prt2{
    background:url('/recursos_site/webview/TelaHomeprt4.webp');
    width: 100%;
    height:900px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.titulo-secao2{
    background-color: red;
    display: flex;
    justify-content: center;
    padding-bottom: 0px;
    padding-top: 2rem;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
   
  
}
.titulo-secao2 h5{
    font-size: 2.5rem;
    color: #f2f2f8;
    font-family: 'BROKENZ';
}
.section-prt3{
    padding: 1rem;
    background:url('/recursos_site/webview/TelaHomePrt5V2.webp');
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
}
.box-frase{
    
    width: 100%;
    height: 500px ;
    display: flex;
    align-items: center;
}
.frase p{
    padding-right: 1rem;
    font-size: 2rem;
    color: #f2f2f8;
    font-family: 'QuickSand';
}
.titulo-recuperacao{
    display: flex;
    justify-content: center;
    margin-top: 2rem;

}
.titulo-recuperacao h5{
    color: #000000 ;
    font-size: 2rem;
    font-family: 'QuickSand';
}
.titulo-empresa h5{
    color: #f2f2f8 ;
    font-size: 2rem;
    
    font-family: 'QuickSand';
}
 

.indicador-flutuante{
    margin-left: -10px;
    
    display: block;
    margin-top: 3rem;
    border-radius: 40px;
    background: #b9b8b8;
}
.indicador-flutuante ul{
    display: flex;
    justify-content: baseline;
    margin: 0.5rem 1rem 0.5rem -1rem;
}
.indicador-flutuante li{
    margin: 0rem 0.5rem 0rem 1rem;
    list-style: none;
    display: flex;
    justify-content: baseline;
}
.alinhar{
    display: flex;
    justify-content: center;
}
.img img{
    width: 100%;
    height: 300px;
    border-radius: 25px;
}
.video video{
    width:100%;
    height: 300px;
    border-radius: 25px;
}
.section-prt4{
    background:url('/recursos_site/webview/TelaHomeprt6.webp');
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
}
.frase-historia p{
    margin-top: 1rem;
    padding: 1.5rem;
    font-size: 2rem;
    
    color: #f2f2f8;
    font-family: 'QuickSand';
}
footer{
    background:url('/recursos_site/webview/TelaHomeprtFooter.webp');
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
}
.texto1 h5{
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    font-size: 2rem;
    color: #000000;
    font-family: 'QuickSand';
}
.contato h5{
    width: 100%;
    margin-top: 2rem;
    padding: 1.5rem;
    font-size: 2rem;
    color: #000000;
    font-family: 'QuickSand';
}
.contato ul{
    color:#000000;
    margin-top:2rem ;
    
}
.contato li{
    font-size: 1rem;
    list-style: none;
    font-family: 'QuickSand';
}
.rede-social{
    
    width: 100%;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rede-social h5{
    color: #000000;
    font-size: 3.5rem;
    font-family: 'BROKENZ';
}
.rede-social li{
    list-style: none;
    font-family: 'QuickSand';
    font-size: 2rem;
}
.tamamhoMD{
    display: none;
}
.fundoIMG{
  
    background: url('/recursos_site/NossaEmpresaFoto_desfoque.png') no-repeat;
    background-attachment: scroll;
    background-position: center;
    background-size: contain;
    z-index: 1;
    position: relative;
   


}
.prt1{
    width: 100%;
    
    
    

}
@media(min-width:1500px){
    .texto1 h5{
        display: flex;
        justify-content: center;
        margin-top: 2rem;
        font-size: 3.5rem;
        color: #000000;
        font-family: 'QuickSand';
    }
    .titulo-home{
        
        width: 100%;
        height: 1000px;
        display: flex;
        align-items: center;
        font-family: 'BROKENZ';
        
    }
    .box-preco{
        margin-top: 1rem;
        
        width: 100%;
        height:1000px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 6rem;
        padding-top: 3rem;
    }
    .section-prt2{
        background:url('/recursos_site/webview/TelaHomeprt4.webp');
        width: 100%;
        height:1000px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    .box-frase{
    
        width: 100%;
        height: 800px ;
        display: flex;
        align-items: center;
        
    }
    .frase p{
       
        padding: 0.5rem;
        padding-right: 0.5rem;
        font-size: 3rem;
        color: #f2f2f8;
        font-family: 'QuickSand';
    }
    .imagens img{
        width: 1000px;
        height: 600px;
       
    }
    .titulo-recuperacao h5{
        color: #000000;
        font-size: 3rem;
        font-family: 'QuickSand';
    }
    .frase-historia p{
       
        margin-top: -10rem;
        font-size: 2.5rem;
        color: #f2f2f8;
        font-family: 'QuickSand';
    }
    .box-nossaempresa{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
       
        width: 100%;
        height: 800px;
    }
    .box-contato{
        width: 100%;
        height: 100%;
        flex-wrap: wrap;
        display: grid;
        justify-content: center;
        align-items: center;
        
    }
    .rede-social{
    
        width: 100%;
        height:100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .contato li{
        font-size: 2rem;
        list-style: none;
        font-family: 'QuickSand';
    }
    .rede-social li{
        list-style: none;
        font-family: 'QuickSand';
        font-size: 3rem;
    }
    .rede-social h5{
        color: #000000;
        font-size: 4.5rem;
        font-family: 'BROKENZ';
    }
    .box-beneficio li{
        font-size: 1.3rem;
        
    }
    
    

}




@media(max-width:768px){
    .alinhar{
        margin-top: -2.5rem;
    }
    .info-what ul{
        display: flex;
        align-items: center;
        flex-wrap:wrap ;
        justify-content: center;
        padding-top: 2rem;
        margin: 1rem;
    }
    .info-what li{
        width: 100%;
       
        display: flex;
        margin: 1rem 0rem 0rem -2.3rem;
        font-size: 1rem;
        list-style: none;
        font-family: 'QuickSand';
    }
    .painel-contato{
        position: fixed;
        z-index: 1;
        bottom: 30px;
        right: 0px;
        padding: 1rem;
    }
    .painel-contato ul{
        display: inline;
        flex-wrap: wrap;
        
        height: auto;
    
    }
    .painel-contato li{
        margin-top: 0.6rem;
        list-style: none;
        background-color: white;
        border-radius: 100px;
        display: flex;
        width:100%;
        height: auto;
        justify-content: center;
        padding: 1rem;
        
    }
    .mapa{
        font-size: 1rem;
        color: #02425e;
    }
    .Whatssap{
        font-size: 1rem;
        color: #00551f;
    }
    .painel-mapa{
        display: none;
        background:url('/recursos_site/fundomsg.png')no-repeat;
        background-position: center;
        background-attachment: scroll;
        background-size: contain;
        width:300px;
        height: 300px;
        position: fixed;
        z-index: 1;
        bottom: 70px;
        right: 45px;
        padding: 1.5rem;
        
    }
    .painel-what{
        display: none;
        background:url('/recursos_site/fundo_whatssap.png')no-repeat;
        background-position: center;
        background-attachment: scroll;
        background-size: contain;
        width:300px;
        height: 300px;
        position: fixed;
        z-index: 1;
        bottom: 5px;
        right: 60px;
        padding: 1rem;
        padding: 2rem;
    }
    






    body{
        overflow-x: hidden;
    }
    @font-face {
        font-family: 'BRONKZ';
        src: url('/recursos_site/font/BROKENZ.ttf') format('opentype');
    }
    @font-face {
        font-family: 'QuickSand';
        src: url('/recursos_site/font/Quicksand-VariableFont_wght.ttf') format('opentype');
    }
    @font-face {
        font-family: 'Josefi';
        src: url('/recursos_site/font/JosefinSans-VariableFont_wght.ttf') format('opentype');
    }
    .texto1 h5{
        display: flex;
        justify-content: center;
        margin-top: 1rem;
        font-size: 2rem;
        color: #000000;
        font-family: 'QuickSand';
    }
    .contato h5{
        width: 100%;
        margin-top: 1rem;
        padding: 1.5rem;
        font-size: 2rem;
        color: #000000;
        font-family: 'QuickSand';
    }
    .contato ul{
        color:#000000;
        
    }
    .contato li{
        font-size: 1rem;
        list-style: none;
        font-family: 'QuickSand';
    }
    footer{
        background:url('/recursos_site/webview/TelaHomeprtFooter_celular.webp');
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        padding-bottom: 3rem;
    }
    .section-prt3{
        background:url('/recursos_site/webview/TelaHomePrt4V2_celular.webp');
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        padding-bottom: 3rem;
    }
    .section-prt4{
        background:url('/recursos_site/webview/TelaHomePrt5V2_celular.webp');
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
    }
    .titulo-recuperacao h5{
        font-size: 2rem;
        font-family: 'QuickSand';
        color: #000000;
    }
    .imagens img{
        width: 400px;
        height: 400px;
       
    }
    .frase p{
        padding: 1rem;
        padding-right: 1rem;
        font-size: 2rem;
        color: #f2f2f8;
        font-family: 'QuickSand';
    }
    .nav-item .nav-link{
        font-size: 9px;
    }
    .section-prt2{
        background:url('/recursos_site/webview/TelaHomeprt4_celular.webp');
        width: 100%;
        height: 800px;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
    }
    .titulo-secao2 h5{
        font-size: 1rem;
        color: #f2f2f8;
        font-family: 'BROKENZ';
    }
    .tamamhoMD{
        display: block;
    }
    .box{
        width: 100%;
        height: 300px;
        background-color: #FFFFFFFF;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: baseline;
        padding: 1rem;
        padding-top: 5rem;
       
    }
    .box h5{
        font-size: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .box p {
        display: flex;
        justify-content: center;
        font-size: 1rem;
        
    }
    .tirarDiv{
        display: none;
    }
    header{
        background:url('/recursos_site/webview/FundoTelaHomePrt1_celular.webp');
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        
    }
    .titulo-home h5{
        font-size: 1.5rem;
     
    }
    .section-prt1{
        background:url('/recursos_site/webview/FundoTelaHomePrt2_celular.webp');
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        
    }
    .frase-historia p{
       
       
        font-size: 0.8rem;
        color: #000000;
        font-family: 'QuickSand';
        margin: 1rem;
    }
    .titulo-empresa h5{
        color: #000000 ;
        font-size: 1.5rem;
         display: flex;
         margin: 1rem;
        justify-content: center;
        font-family: 'QuickSand';
    }
    
}