@font-face{
    font-family: 'ProximaNova';
    src: url(font/proxima-nova-semibold.otf);
    font-style: semibold;
    font-weight: 100;
}
@font-face {
    font-family: UniviaPro;
    src: url(font/UniviaPro-Medium.woff);
}
@font-face {
    font-family: ProximaNovaReg;
    src: url(font/FontsFree-Net-proxima_nova_reg-webfont.ttf);
}
@font-face {
    font-family: GothamMedium;
    src: url(font/gotham-medium.ttf);
}
@font-face {
    font-family: ProximaNovaBold;
    src: url(font/proxima-nova-bold.otf);
}
@font-face {
    font-family: ProximaNovaLight;
    src: url(font/FontsFree-Net-Proxima-Nova-Light.otf);
}
@font-face {
    font-family: UniviaProReg;
    src: url(font/UniviaPro-Regular.otf);
}
@font-face {
    font-family: UniviaProBold;
    src: url(font/UniviaPro-Bold.otf);
}
@font-face {
    font-family: UniviaProUltra;
    src: url(font/UniviaPro-Ultra.otf);
}


html
{
    width: 100%;
    height: 100vh;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}
.header{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 1px 1px 12px 0px rgba(0, 0, 0, 0.37);
}
.main{
    margin-top:144px

}
@media (max-width: 992px){
    .main{
        margin-top: 105px;
    }
}
body{
    min-height: 100vh;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}
footer{
    margin-top: auto;
    box-sizing: unset;
}
.areafooterdir{
    margin: 0px;
    padding: 0px;
}
.areafooterdirfilho{
    padding-top: 20px;
    padding-left: 0px;
    font-size: 65%;
    padding-right: 0px;
    --bs-gutter-x: 0px;
}

.supsup{
    font-family: UniviaPro;
    font-size: 69%;
    display: flex;
    justify-content: center;
    align-items: center;
    --bs-gutter-x: 0px;
    padding: 0.5rem 1rem;
    gap: 4px;
    transition: all;
    transition-duration: 200ms;
    width: auto;

}
.supsupvo{
    display: flex;
    justify-content: space-between;
    
}
.supsupmeio{
    
    border-right: rgb(167 191 0) 1px solid;
    border-left: rgb(167 191 0) 1px solid;
}

.supsupcid{
    
    border-left: rgb(167 191 0) 1px solid !important;
    padding-left: 40px;

}
.supsupcid .btn-secondary, .supsupcid .btn-secondary:active, .btn-secondary:focus, .show .btn-secondary.dropdown-toggle{
    box-shadow: none !important;
    outline: none;

    border: none;
    background-color: #bbd315;

}

.cidades{
    width: auto;
    
    padding-left: 0px;
    padding-right: 0px;
    background-color: #00000000 ;
    border: none;
    
}
.cidades:hover, .cidades:focus, .cidades:active{

    padding-left: 0px;
    padding-right: 0px;
    border-radius: 0px;

}
.cidadefilho:hover, .cidadefilho:focus, .cidadefilho:active, .cidadefilho{
    background-color: #bbd315 !important;
    border: none;
}


.supsup:hover {
  background-color: rgb(175, 199, 22);
  border-radius: 3%;

}
.supinfpai{
    display:table-cell;
    vertical-align: center;
}


.supinf{
    font-family: ProximaNova;
    font-size: 83%;
    display: flex;
    justify-content: left;
    align-items:center;
    justify-content: center;
    border: 2px solid transparent;
    transition: all;
    transition-duration: 200ms;
    width: 100%;

}


.supinf:hover{
    border-radius: 10%;
    background-color: #bad31521;
    

}
.supinf-active{
    border-radius: 10%;
    background-color: #bad31521;
}
.supinf img{

    width: auto;
    height: auto;
    

}

.barranavdir{
    justify-content: end;
    margin-bottom: -20px;
    --bs-gutter-x: 0rem;
    gap: 5px;
    
}



.supinflista{

    justify-content: center;
    display: flex;
    align-items: center;
}
.supinflink{
    width: 100%;
    text-align: center;
}
.supinflink2{
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    padding: 7px 0.6rem;
}

.supsuptexto{

    font-family: UniviaProReg;
    display: table-cell;
    vertical-align: middle;
    color: white;
    text-decoration: none;
    margin: 0;
    font-size: 13px;
    width: auto;
}
.supsuptexto2{

    font-family: UniviaProReg;
    display: table-cell;
    vertical-align: middle;
    
    color: white;
    text-decoration: none;
    margin: 0;
    font-size: 100%;
}

@media (max-width: 410px){
    .supsuptexto{
        font-size: 80%;
    }
    .cidades{


        font-size: 110%;
    }
    


   }
a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}
.supsuptextorede{
    padding-right: 0px;
    width: auto;

    

}
.supsup img{

    padding: 0px;
    margin: 0px;
}


.imagensredesocial img{

    height: auto;


}
.imagensredesocial{
    display: flex;
    gap: 8px;
    justify-content: center;

}
.imagensredesocialmae{
    display: table-cell;
    vertical-align: middle;
}
.barranavsup{
    background-color: #bbd315;
}
.barranavinf{
    background-color: white;
    padding-top: 1.15rem;
    padding-bottom: 1.15rem;
    --bs-gutter-x: 0rem;
}
.imagemlogo{
    width: 230px;

    padding:0.5rem;
}

.redesoci{
    background-color: rgb(31, 31, 31);
    width: auto;
    padding-right: 1rem;
    padding-left: 1rem;


}
.redesoci:hover{
    background-color: rgb(41, 41, 41);
}


.textolorem{
    font-family: ProximaNovaReg;
    font-size: 113%;
    margin-left: 23.4%;
    margin-right: 23.4%;
    margin-top: 70px;
    margin-bottom: 70px;
    text-align: center;
    line-break: loose;
}
.arealorem{
    width: 100%;
    height: auto;
}
.Copr{
    font-family: ProximaNovaReg;
    padding-bottom: 0px;
    padding-top: 0.75rem;
}
.infinf{
    display: flex;
    justify-content: center;
    align-items: center;
}
.infsup{
    background-color: #282828;
    font-family: GothamMedium;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    padding-top: 0.2rem;
    max-width: 100% !important;
}
.infsupesq{
    padding-top: 20px;
    font-size: 65%;
}
.fonteste{
    font-size: 115%;

}
.endemail{
    font-size: 115%;
    text-align: start;
}

.textogotham{
    font-family: GothamMedium;
    font-size: 140%;
    text-align: start;
}
@media(max-width:767px){
    .endemail{
        text-align: center;
    }
    .textogotham{
        text-align: center;

    }
}
.loremende{
    font-size: 130%;

}
.textin{
    display: flex;
    justify-content: center;
    align-items: center;
}
.ema-sup-end{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.slider-container{
    width: 800px;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
}

.slider-image{
    float: left;
    margin: 0px;
    padding: 0px;
    max-width: 800px;
    max-height: auto;
}
.image-container{
    width: 100%;
    height: auto;
    }
#slider{
    width: 100%;
    height: auto;
    margin: 20px auto;
    position: relative;

    box-shadow: 0px 0px 5px 2px #ccc;
}


.box{

    position:relative;
    width: 100%;
}
.box img{
    width: 100%;
    height: auto;
}


.exslide{
    padding-top:  2% ;
    padding-bottom:  2% ;
    padding-left:  5% ;
    padding-right:  5% ;

    width: 1%;
    height: 100%;

    border: none;

    font-size:30px;
    color: white;
    position: absolute;

    bottom: 0%;
    transition: all;
    transition-duration: 350ms;

}
.spanslide{
    position: absolute;

}
.spanslidepai{
    width: 10%;
    left:41.5%;
    transition: all;
    transition-duration: 250ms;
}
.spanslidepai:hover{
    background-color: rgba(255, 255, 255, 0.05);
}


.botaoslide:hover{
    background-color: #ffffff1e;
}
.ant{
    left: 20px;
}
.prox{
    left: 41.6%;
}
.GPS{
    padding-right: 1rem;
    padding-bottom: 1.4rem;
    
}
@media(max-width:767px){
    .GPS{
        display: none;
    }
    .listaopcoes{
        justify-content: center;
    }
}


.listabotmeio{
    font-family: ProximaNovaReg;
    font-size: 115%;
    margin-top:2px;
    margin-bottom: 2px;
    text-align: start;
    padding: 0px;

}
.listabotmeio:hover{
    text-decoration: underline;
}


@media (max-width: 1050px){
    .segundacoluna{
        padding-left: 5%;
    }
}
.segundacoluna{
    padding-left: 10px;
    width: auto;
}
.primeiracoluna{
    width: auto;
}

@media (max-width: 767px){
    .listabotmeio{
        text-align: center;
        margin: auto;
    }
    .listaopcoes{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .listotalbot{
        justify-content: center !important;
        align-items: center !important;
        margin: 0;
    }
    .segundacoluna{
        padding-left: 0;
    }
    .listabotmeio{
        padding-top: 2px;
        padding-bottom: 2px;
    }
}

.listabotdirmae{
    display: flex;
    flex-direction: column;
    margin: 0px;
}
.listabotdir{
    display: flex;
    flex-direction: column;
    align-items: start;
}
@media (max-width: 1070px){
    .listabotdir{
        align-items: center;
    }
}
.titulolistabotmang{
    font-size: 130%;
    padding:0px;
    padding-top:0px;
}

.titulolistabotmang:hover{
    text-decoration: underline;
}
@media(min-width: 767px){
    .titulolistabotmang{
        text-align: start;
    }   
}
.mangnetelista{
    --bs-gutter-x:0px;
}
#menu ul, #menu li {
    margin: 0; padding: 0;
}
.icorede{
    padding-top: 12px;
    padding-bottom: 12px;

}
.imagensredesoci img{
    width: 70%;
    height: auto;

}
.textoredesoci{
    font-size: 90%;
}
.barras{
    height: 55px;


}
.textobarra{

    font-size: 150%;

}
.letreiro{
    font-family: ProximaNovaBold;
    text-align: center;
    padding-top: 7.5vh;
    font-size: 150%;
    color: black;
}
.caixasup{
    width: 162px;
    height: 72.9px;
    background-image: linear-gradient(90deg, rgba(1,57,132,1) 0%, rgba(5,41,88,1) 100%);
    border-top-left-radius: 3%;
    border-top-right-radius: 3%;
}
.caixasuptexto{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-family: ProximaNovaBold;
    font-size: 155%;
}
.caixamid{
    width: 162px;
    height: 200px;
    background-color: #e6e4e8;
    display: table;

}
.caixamidtexto1{

    color: #053f8b;
    padding-top: 3vh;
    font-family: ProximaNovaBold;
    font-size: 120%;
    margin: -7px;
}
.caixamidtexto2{
    font-family: ProximaNova;
    color: #737c8f;
    margin-bottom: 20px;

}
.caixamidtexto3{
    font-family: ProximaNova;
    color: #737c8f;
    margin-bottom: 40px;

}
.caixamidtextoall{
    text-align: center;
}
.letra{
    font-family: ProximaNovaLight;
    font-size: 130%;
    padding-top: 20px;
    color: #737c8f;
}
.nume{
    font-family: ProximaNovaLight;
    font-size: 330%;
    color: #737c8f;

}
.preço{
    display: flex;
    text-align: center;
    padding-left: 5%;
    margin-bottom: -50px;

}
.caixaendereco{
    padding-top: 10px;
    
}
@media(max-width: 767px){
    .caixaendereco{
        margin: auto;
    }
}
.caixainf{
    background-color: #053f8b;
    width: 162px;
    height: 52.65px;
    display: table;
}
.caixainftexto{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: white;
    font-family: ProximaNova;
    font-size: 105%;
}
.caixamid:hover{
    background-color: #d3d2d2;
}
.imagensabaixo{
    background-color: #f3f7f9;
    width: 100%;
    height: 450px;
}
.areacombos{
    background-color: #f2f2e5;
    height: auto;

}
.combos{
    padding-top: 65px;
}
.combo{
    padding-bottom: 40px;
}


.triangulo{
    width: 0%;
    height: 0%;

    margin-right: 105px;
    border-left: 11px solid transparent;
}
.triangulo2{
    width: 0%;
    height: 0%;
    margin-left:105px;
    border-right: 11px solid transparent;
}
.chapeu{
    display: flex;
    justify-content: center;
    height: 0px;





}
.frente{
    width: 232px;
    height: 70px;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;

}
.tampa{
    margin-right: -0px;
    display:flex;
    justify-content: center;


}

.conteudo{
    width: 210px;
    height: 245px;
    background-color: white;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.295);
}
.uniao{
    display: flex;
    justify-content: center;

}
.textofrente{
    text-align: center;
    display: table-cell;
    font-family: UniviaPro;
    font-size: 125%;
    vertical-align: middle;
    color: white;
}
.textosfrentepai{
    display: table-cell;
    vertical-align: middle;
}
.subtitulo{
    font-family: UniviaPro;
    display: table-cell;
    vertical-align: middle;
    color: white;
    line-height: 1;
    
}
.download{
    text-align: center;
    font-family: UniviaProBold;
    font-size: 11px;
    color: #919191;
    padding: 8px;
    padding-top: 20px;
}
.upload{
    text-align: center;
    font-family: UniviaProBold;
    font-size: 11px;
    color: #919191;
    padding: 8px;
    padding-top: 20px;
}
.a2imagens{
    display: flex;
    align-items: center;
    justify-content: center;
}
.texto-num{
    display: flex;
    align-items: center;
    justify-content: center;
}
.textocorpo{
    font-family: UniviaProBold;
    font-size: 80%;
}
.numcorpo{
    font-family: UniviaProBold;
    font-size: 300%;
}
.euquero{
    background-color: #2a3135;
    width: 90px;
    height: 25px;
    display: table;

}
.euquerotexto{
    display: table-cell;
    vertical-align: middle;
    font-family: UniviaProReg;
    color: white;
    font-size: 80%;
    text-align: center;
}
.euquerotexto:hover{
    color: white;
    
}
.euquero-pai{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 40px;
}
@media (min-width: 1400px){

    .combo{
        padding-bottom: 40px;


    }
    .teste{
        margin-left: -10px;
        margin-right: -10px;
    }

    .triangulo{
        width: 0%;
        height: 0%;

        margin-right: 135px;
        border-left: 15px solid transparent;
    }
    .triangulo2{
        width: 0%;
        height: 0%;
        margin-left:135px;
        border-right: 15px solid transparent;
    }
    .chapeu{
        display: flex;
        justify-content: center;
        height: 0px;

    }
    .frente{
        width: 300px;
        height: 85px;

        display: table;

    }
    .tampa{
        margin-right: -0px;
        display:flex;
        justify-content: center;


    }

    .conteudo{
        width: 270px;
        height: auto;
        background-color: white;
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.295);
    }
    .uniao{
        display: flex;
        justify-content: center;

    }
    .textofrente{
        text-align: center;
        display: table-cell;
        font-family: UniviaPro;
        font-size: 125%;
        vertical-align: middle;
        color: white;
    }
    .download{
        text-align: center;
        font-family: UniviaProBold;
        font-size: 76%;
        color: #919191;
        padding: 8px;
        padding-top: 20px;
    }
    .upload{
        text-align: center;
        font-family: UniviaProBold;
        font-size: 76%;
        color: #919191;
        padding: 8px;
        padding-top: 20px;
    }
    .a2imagens{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .texto-num{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .textocorpo{
        font-family: UniviaProBold;
        font-size: 84%;
    }
    .numcorpo{
        font-family: UniviaProBold;
        font-size: 300%;
    }
    .euquero{
        background-color: #2a3135;
        width: 109px;
        height: 29px;
        display: table;
        border-radius: 6%;
        

    }
    .euquerotexto{
        display: table-cell;
        vertical-align: middle;
        font-family: UniviaProReg;
        color: white;
        font-size: 85%;
        text-align: center;
    }
    .euquero-pai{
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.grade{
    padding-left: 0%;

}
.botaodevoltar, .botaodeavancar{
    width: 9%;
}
.combo{
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.tipoclientes{
    height: auto;
    text-align: center;

}
.tipoclientesitem{

    text-align: center;
    align-items: center;
    justify-content: center;
}
.tipoclientesitem img{
    width: 90px;
    height: auto;

}
.tipoclientestexto{
    
    text-align: center;
    font-family: UniviaProBold;
    font-size: 130%;
    color: #bbd315;
}
.tipoclientestextodiv{
    padding-top: 3.5rem;
    padding-bottom: 3rem;
}

.caixinhaverdepai{
    display: flex;
    align-items: center;

    justify-content: center;
}
.caixinhaverde{
    margin-top: 20px;
    margin-bottom: 20px;
    width: 110px;
    height: 7px;
    background-color: #bbd315;


}
.tipoclientestexto2{

    font-family: UniviaProBold;
    font-size: 130%;
    color: #bbd315;
}
.tipoclientestexto3{
    margin-top: -18px;
    font-family: UniviaProBold;
    font-size: 90%;
    color: black;
    padding-bottom: 3rem;
}
@media (max-width: 767px){
    .tipoclientestexto3{
        margin-bottom: 0px;
    }
}
.abertura{

    background-color: rgb(36, 36, 36);
    height: 125px;
}
.textoabertura{
    font-family: UniviaPro;
    font-size: 160%;
    color: #1294cc;
    padding-top: 1rem;


}
.textoabertura2{
    font-family: UniviaPro;
    
    color: #1294cc;
    


}
.formularios{
    display: flex;
    vertical-align: center;
    justify-content: center;
}
.campo{
    border-radius: 7px;
}
.areaservicos{

    height: auto;

}
.servicos{
    background-color: #bbd315;
}
.textoservicos{
    font-family: UniviaPro;
    font-size: 140%;
    text-align: center;
    color: white;
    padding-top:5rem;

}
.barrinhapretamae{
    align-items: center;
    justify-content: center;
    display: flex;
}
.areabarra{
    height: auto;
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
    background-color: rgb(46, 46, 46);

}
.barrinhapreta{
    height: 1px;
    width: 70%;
    background-color: black;
    margin-top: 20px;
}
.gradebarra{

    vertical-align: middle;
    justify-content: center;
    align-items: center;
}
.sagu{
    display: flex;
    vertical-align: middle;
}

.formulario{
    display: flex;

    justify-content: center;
    align-items: center;
}
.formcep{
    border-radius: 5px;
    outline: none;
}
.formulariobotao{
    display: flex;
    align-items: center;
    justify-content: start;
}
@media (max-width: 767px){
    .formulariobotao{
        justify-content: center;
    }
    .formcep{
        outline: none;
        padding: 0px;
    }
    .caixatexto{
        padding-right: 0px;
    }
}
.caixatexto{
    padding-right: 2rem;
    padding-left: 2rem;
    margin-top: 5px;
    margin-bottom: 5px;
    outline: none;


}

.botao{

    background-color: #1294cc;
    margin-top: 10px;
    margin-bottom: 10px;
}

.textobranco{
    font-family: UniviaProBold;
    font-size: 125%;
    color: white;
    text-align: center;
    padding-top: 16px;
}
.textoabaixo{
    font-family: UniviaProReg;
    color: black;
    text-align: center;
    padding-bottom: 5rem;
    line-break: loose;
}
@media (max-width: 1276px){
    .textoabaixo{

        padding-bottom: 10%;
    }
}
.servicositem{
    align-items: center;
    justify-content: center;
    padding-top: 5rem;

}
.servicositem img{
    width: 200px;
    height: auto;
    align-items: center;
    justify-content: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media(max-width:530px){
    .servicos{
        padding: 0px;
    }
}
.copycopy{
    padding: 0px;
    height: auto;
    background-color: #3e3e3e;
    display: table;
}
.textocopy{
    color: #bbd315;
    text-align: start;
    font-family: UniviaProReg;
    font-size: 85%;
    display: table-cell;
    vertical-align: center;
    padding: 25px;
}
@media(max-width: 767px){
    .textocopy{
        text-align: center;
    }
}
.areaesquerdacontato{
    width: 380px;
    height: 380px;

    --bs-gutter-x: 0%;
    margin-top: 0px;
    margin-bottom: 0px;

}
.areadireitacontato{
    width: 400px;
    height: 400px;

    margin-top: 0px;
    margin-bottom: 0px;

}

.areadocontato{
   height: auto;
   width: 100%;
   gap:5.5rem;
}
.textogeralcontato{
    margin-bottom: 3%;
    border-radius: 6px;
    border: 1px solid rgba(88, 88, 88, 0.158);
    height: 44px;
    
    font-size: 13px;
    font-family: ProximaNovaLight;
    padding: 10px 12px;
    width: 95%;
    outline: none;

}
.barrasuperiorverde{
    width: 100%;
    height: 90px;
    background-color: #bbd315;
    display: table;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.barrasuperiortexto1{
    text-align:center;
    color: #282828;
    font-size: 165%;
    font-family: ProximaNovaBold;
    margin:0px;



}
.barrasuperiortexto2{
    text-align:center;
    margin:0px;
    margin-top: -13px;
}
.textosbarrasuperior{
    display:table-cell;
    vertical-align:middle;
}
.caixainferiorpreta{
    background-color: #282828;
    height: 300px;
    width: 100%;

}
.numerocaixainferior{
    font-family: ProximaNovaLight;
    font-size: 100%;
    color:rgb(228, 228, 228);
    text-align: center;
    padding-top:  40px;
}
.textoemail{
    color: rgb(228, 228, 228);
    font-size: 90%;
    text-align: center;
    margin-top: -22px;
}
.textoendereço{
    font-family: ProximaNovaLight;
    color: rgb(228, 228, 228);
    font-size: 100%;
    text-align: center;
    margin-top:-25px
}
.textoendereco2{
    font-family: ProximaNovaLight;
    color: rgb(228, 228, 228);
    font-size: 88%;
    text-align: center;
    margin-top:-19px;
    padding-right: 60px;
    padding-left: 60px;
}
.textodias{
    color: rgb(228, 228, 228);
    display: flex;
    font-family: ProximaNovaLight;
    font-size: 79%;
    text-align: center;
    justify-content: center;
}
.textodias2{
    color: rgb(228, 228, 228);
    display: flex;
    font-family: ProximaNovaLight;
    font-size: 84%;
    text-align: center;
    justify-content: center;
    margin-top: -19px;
}
@media (min-width: 1400px){
    .textodias{
        font-size: 85%;
    }
    .textodias2{
        font-size: 95%;

    }

}
.horarios{
    align-items: center;
    justify-content: center;
    display: flex;
}
.botaobairros{
    background-color: #bbd315;
    width: 260px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 1px;
    padding-top: 4.5%;
    padding-bottom: 4.5%;
    border-style: hidden;
}
@media (min-width: 1200px){
    .botaobairros{
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important;
    }
}
.botaobairros:hover, .botaobairros:focus, .botaobairros:active{
    background-color: #bbd315 !important;


    border-radius: 1px;
    border-style: hidden;
}

.textoinfopreto{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.informacoescoberturasup{
    width: 260px;
    height: 36px;
    background-color: black;
    display: table;
    padding-top: 4.5%;
    padding-bottom: 4.5%;
}
.caixacobertura{
    width: 260px;
    height: auto;
    background-color: #f5f5f5;
    display: table;
}
@media (min-width: 1200px){
    .caixacobertura, .informacoescoberturasup{
        width: 20rem;
    }
}
.textocoberturapai{
    display: table-cell;
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 20px;
}
.textocobertura{
    font-family: ProximaNovaLight;
    font-size: 90%;
    padding:0px;
    margin:0px;
    
    display: block;
    padding-left: 20px;


}
.areacobertura1{
    justify-content: center;
    display: flex;
    padding: 11rem;
}
.areacobertura{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-around;
    gap:3rem;
}

.menudrop{
    max-height: 15rem;
    overflow-y: scroll;
    overflow-x: hidden;
}


.bairros{
    
    
    display: flex;
    justify-content: center;
}

.informacoescoberturamae{
    
    
    justify-content: center;
    align-items: center;
    display: flex;
}
@media(max-width:991px){
    .informacoescoberturamae{
        padding-top: 12rem;
    }
}

.campoesquerdo{
    width: 30%;
    height: 30%;
    background-color: green;
}
.campodireito{


    background-color: blue;
}
.areadocontato2{
    width: 100%;
    height: auto;
    background-color: white;
    display:flex;
    flex-direction: column;
}
.tampaverde{
    background-color: #bbd315;
    display: table;
    width: 100%;


}
.textotampaverde{
    text-align: center;
    display: table-cell;



}
.textocanais{
    font-family: ProximaNovaBold;
    font-size: 170%;
    padding-top: 5%;
}
.textocanais2{
    font-family: ProximaNovaLight;
    margin-top: -7%;
}
.caixapreta{
    background-color: rgb(28, 28, 28);
    width: 100%;

}
.caixapreta .numerocaixainferior{
    font-family: ProximaNovaLight;
    font-size: 90%;
    color:rgb(228, 228, 228);
    text-align: center;
    padding-top:  9%;
}
.caixapreta .textoemail{
    color: rgb(228, 228, 228);
    font-size: 80%;
    text-align: center;
    margin-top: -5%;
}
.caixapreta .textoendereco{
    font-family: ProximaNovaLight;
    color: rgb(228, 228, 228);
    font-size: 90%;
    text-align: center;
    margin-top: 0;
}











.info {
    text-align: center;
    text-transform: uppercase;
    width: 90%;
    margin: 0 1rem;
  }

.info .info--header {
    background-color: #003b89;
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 2rem 0;
    font-size: 16px;
  }

.info .info--header span {
    font-size: 30px;
    font-weight: bold;
  }

.info .info--body {
    background-color: #000;
    color: #dddbdb;
    font-size: 15px;
    padding: 3rem 2rem;
    font-size: 14px;
  }

.info .info--body span {
    font-weight: bold;
  }

.info .info--body .info--phone {
    margin-bottom: 1rem;
  }

.info .info--body .info--email {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
  }

.info .info--body .info--endereco {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
  }

.info .info--body .info--horario .horarios {
    display: flex;
    justify-content: center;
    gap: 4rem;
  }

.info .info--body .info--horario .horarios .seg-sex {
    text-align: start;
    display: flex;
    flex-direction: column;
  }

.info .info--body .info--horario .horarios .sab {
    text-align: start;
    display: flex;
    flex-direction: column;
  }
.infocontato{
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
}
.barraesq{

    width: 50%;
    background-color: #da6200;
    height: auto;
    margin-right: 0.5px;
    display: table;

}

.barradir{
    width: 50%;
    background-color: #1294cc;
    height: auto;
    margin-left: 0.5px;
    display: table;

}
.barrinha{

    display: flex;

}

.textobarracolorida{
    font-family: ProximaNova;
    padding-top: 1.8%;
    padding-bottom: 1.8%;
    color: white;
    font-size: 85%;
    display: table-cell;
    vertical-align: middle;
}
.textobarracolorida:hover{
    color: white;
}
.textobarracolorida:focus{
    color: white;
    font-size: 92%;
}
.textobarracolodir{
    text-align: start;
    padding-left: 20%;
}
.textobarracoloesq{
    text-align: end;
    padding-right: 20%;
}
.areatextofibra{
    width: 100%;

    display: table;
}
.areatextofibra p{
    font-size: 115%;
    font-family: ProximaNovaBold;
    color: black;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding-top: 2.3%;
    padding-bottom: 1.8%;
}
.caixaplano{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 0.75%;
    padding-left: 0.75%;
    padding-top: 0.75%;
    padding-bottom: 0.75%;
}

.topoplano{
    width: 125px;
    background-color: #bbd315;
    text-align: center;
    display: table;
}
.tituloplano{
    font-size: 110%;
    font-family: ProximaNovaBold;
    display: table-cell;
    vertical-align: middle;
    padding-top: 17px;
    padding-bottom: 17px;

}
.corpoplano{
    background-color: #e6e4e8;
    width: 125px;

}
.textoexpli{
    text-align: center;
    font-family: ProximaNovaBold;
    padding-top: 8%;
}
.textovelo{
    font-family: ProximaNova;
    text-align: center;
    margin-top: -17%;
    line-height: 1.25;
    margin-bottom: 8px;
    font-size: 70%;
    color: #666e7e;
    padding-left: 1%;
    padding-right: 1%;
}
.micromargem{
    width: 100%;
    background-color: #d0ccd4;
    height: 1px;
}
.grupovalores{
    display: flex;
    align-items: center;
    justify-content: center;


}
.grupovalores .textomenor{
    font-size: 110%;
    font-family: ProximaNovaLight;
    color:#737c8f;
}
.grupovalores .textomaior{
    font-size: 220%;
    font-family: ProximaNovaLight;
    color:#737c8f;
}
.entrelinhas{
    text-align: center;
    font-family: ProximaNovaBold;
    font-size: 52%;
    margin-top: -23%;
    color: #737c8f;
    padding-bottom: 0.6%;
}
.botaoassinar{
    display: table;
    background-color: #1294cc;
    width: 125px;
    height: auto;
}
.botaoassinar p{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-family: ProximaNova;
    color: white;
    padding-top: 10%;
    padding-bottom: 8%;
    margin: 0px;
    font-size: 78%;
}
@media (min-width: 1200px){
    .botaoassinar{
        width:  160px; 
    }
    .corpoplano{
        width: 160px;
    }
    .topoplano{
        width: 160px;
    }
    .entrelinhas{
        margin-top: -15px;
    }
    .textovelo{
        margin-top: -15px;
    }
}
.areadosplanospai{
    display:flex !important;
    flex-direction: column;
    justify-content: center;
    align-items:center; 
}
.areadosplanos{
    display: flex;
    justify-content: center;
    align-items: center;
    --bs-gutter-x: 0px;
    padding-bottom: 4%;
    
    
}




.areaqualidades{
    background-color: #f2f2e5;
    width: 100%;
    height: auto;
    justify-content: center;
    align-items: center;
    display: flex;


}
.campoqualidades{
    display: flex;
    justify-content: center;
    align-items: center;

}
.chat{

    justify-content: center;
    display: flex;
    flex-direction: column;
    padding-top: 4%;
    padding-bottom: 3.5%;
}
.chat img{
    align-self: center;
    padding-right: 36%;
    padding-left: 36%;
}
.engrenagem{
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding-top: 4%;
    padding-bottom: 3%;
}
.engrenagem img{
    align-self: center;
    padding-right: 36%;
    padding-left: 36%;
}
.textoqualidade{
    text-align: center;
    font-family: ProximaNovaBold;
    font-size: 98%;
    color: black;
    padding-top: 4%;
}
.textoqualilorem{
    font-family: ProximaNovaReg;
    font-size: 85%;
    justify-content: center;
    text-align: center;
    padding-right: 10%;
    padding-left: 10%;
    line-break: loose;
}
.engrenagem .textos{
    display: flex;
    flex-direction: column;
    text-align: center;
}
.engrenagem img{
    align-self:center;
}
.botaoenviarcont{
    background-color: #bbd315; border:0px;
    padding: 8px 40px;
    transition: all 0.65s;
}
.botaoenviarcont:hover{
    background-color: #a6bd16; border:0px;
    
}

.botaoenviarcont:focus{
    background-color: #a6bd16; border:0px;
    
}
.botfibra{
    background-color: rgb(0, 0, 0);
    color: white;
    padding: 10px 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    white-space:nowrap;
}

.botradio{
    background-color: #a6bd16;
    color: white;
    padding: 10px 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    white-space:nowrap;
}

.botradio:focus{
    text-decoration: underline;
    border: none;
    
    outline: 0;
}
.botfibra:focus{
    text-decoration: underline;
    border: none;
    
    outline: 0;
}
.botradio:hover, .botfibra:hover{
    color: white;
}
.controlescobertura{
    display: flex;
}
.listacobertura{
    height: 400px;
    overflow-y: auto;
    overflow-y: overlay;
    background-color: rgb(240, 240, 240);
}
.listacobertura::-webkit-scrollbar {
    width: 12px;               /* width of the entire scrollbar */
  }
  
  .listacobertura::-webkit-scrollbar-track {
    background: rgba(206, 0, 0, 0);        /* color of the tracking area */
  }
  
  .listacobertura::-webkit-scrollbar-thumb {
    background-color: #a7bd163f;    /* color of the scroll thumb */
    border-radius: 0px;       /* roundness of the scroll thumb */
    border: 3px solid rgba(255, 166, 0, 0);  /* creates padding around scroll thumb */
    
  }


.itemcobertura{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.075);;
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);
    height: 50px;
    font-family: UniviaPro;
}
.itemcobertura:hover{
    background-color: rgb(230, 230, 230);;
}
.itemcoberbot:hover{
    background-color: white;
}