body, html{
    height: 100%;
    overflow-x: hidden;
  }


@font-face {
    font-family: 'Texta';
    src: url('../fonts/TextaMedium.ttf');
  }


#div1{
    background: rgb(0,171,81);
    background: linear-gradient(90deg, rgba(0,171,81,1) 0%, rgba(246,251,254,1) 50%, rgba(238,44,55,1) 100%);
    letter-spacing: .4rem;
}


.font-color{
    color:#5E5E62;
    font-weight: 400;
    letter-spacing: .1rem;
    font-size: 2.7vh;
}

#divone{
    background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 1)),
    url('../imagens/Imagensum/prancheta40.png');
    background-size: 100%;
    background-position: center;
    border-radius: 50px;
    background-repeat: no-repeat;
}

.textconstruindorespect{
    font-size: 8vh;
    letter-spacing: .4rem;
    font-family: 'Texta';
}

@media (max-width:1100px) {
    .textconstruindorespect{
        font-size: 2rem;
        letter-spacing: .4rem;
    }
}

.textpaineisisop{
    font-size: 4.5vh;
    font-family: 'Texta';
    font-weight: bold;
}

@media (max-width:1100px) {
    .textpaineisisop{
        font-size: 1.8rem;
    }
}

.titletabledif{
    font-size: 3.5vh;
    font-family: 'Texta';
    font-weight: bold;
    letter-spacing: .4rem;
}

@media (max-width:1100px) {
    .titletabledif{
        font-size: .9rem;
        letter-spacing: .4rem;
    }

}


.linestabledif{
    font-size: 2.7vh;
    font-family: 'Texta';
    font-weight: bold;
    letter-spacing: .2rem;
}

@media (max-width:1100px) {
    .linestabledif{
        font-size: .9rem;
        letter-spacing: .2rem;
    }
}

.textabrigisop{
    font-size: 5vh;
    font-family: 'Texta';
    font-weight: bold;
}

@media (max-width:1100px) {
    .textabrigisop{
        font-size: 2rem;
    }
}

.fontitlemetrosquad{
    font-size: 13vh;
    letter-spacing: .4rem;
    font-family: 'Texta';
}

@media (max-width:1100px) {
    .fontitlemetrosquad{
        font-size: 3rem;
        letter-spacing: .4rem;
    }
}


.fontdescmetrosquad{
    font-size: 3.5vh;
    font-family: 'Texta';
}

@media (max-width:1100px) {
    .fontdescmetrosquad{
        font-size: 1.3rem;
    }
}

.margin-toptxt{
    margin-top:20vw;
}

#divtwo{
    background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 1)),
    url('../imagens/Imagensum/prancheta41.png');
    background-size: 100%;
    background-position: center;
    border-radius: 50px;
    background-repeat: no-repeat;
}

#divthree{
    background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 1)),
    url('../imagens/Imagensum/prancheta42.png');
    background-size: 100%;
    background-position: center;
    border-radius: 50px;
    background-repeat: no-repeat;
}

#divfour{
    border-radius: 50px;
    background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(0, 0, 0, 1)),
    url('../imagens/Imagensum/prancheta43.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#divfinanciesuacasa{
    background-image:
    linear-gradient(to left, rgba(245, 246, 252, 0), rgba(59, 58, 63, 1)),
    url('../imagens/Imagensum/prancheta44.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width:1100px) {
    #divfinanciesuacasa{
        background-image:
        linear-gradient(rgba(94, 86, 86, 0.877), rgba(59, 58, 63, 1)),
        url('../imagens/Imagensum/prancheta44.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

.coloritaly1{
    background: #00CC5F;
    background: linear-gradient(to right, #00CC5F 15%, #007339 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.coloritaly2{
    background: #005C37;
    background: linear-gradient(to right, #005C37 0%, #0C1D16 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.coloritaly3{
    background: #59545A;
    background: linear-gradient(to right, #59545A 0%, #9D656A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.coloritaly4{
    background: #986C6D;
    background: linear-gradient(to right, #986C6D 0%, #D45054 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#divcontact{
    background-image: url('../imagens/Imagensum/prancheta52.png');
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
    margin-top: -8px;
}

#divtransformcarrer{
    background-image:
    linear-gradient(to left, rgba(0, 0, 0, 0), rgba(59, 58, 63, 1)),
    url('../imagens/Imagensum/prancheta51.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.btncontact{
    border-radius: 30px;
    background-color: #00AB51;
    font-size: 4vh;
    font-weight: bold;
}

@media (max-width:1100px) {
    .btncontact{
        font-size: 1.2rem;
    }
}


#divtransformcarrertext{
    background-color:rgba(59, 58, 63, 1);
}

.imgmob4{
    margin-left: -40px;
    width:57%;
}

@media (max-width:1100px) {
    #divtransformcarrer{
        display: none;
    }

    #divtransformcarrertext{
        background-image:
        linear-gradient(rgba(0, 0, 0, 0.6), rgba(59, 58, 63, 1)),
        url('../imagens/Imagensum/prancheta51.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .imgmob4{
        margin-left: 0px;
        width:55%;
    }
}


.textfinanciess{
    font-size: 11vh;
    font-weight: 500;
    font-family: 'Texta';
    line-height: 0.9;
}

@media (max-width:1100px) {
    .textfinanciess{
        font-size: 2rem;
        line-height: 1.2;
    }
}


.fontvisitefaleconosc{
    font-size: 2.8vh;
    font-weight: bold;
    font-family: 'Texta';
    letter-spacing: .2rem;
    line-height: 1.9;
}

@media (max-width:1100px) {
    .fontvisitefaleconosc{
        font-size: 1.1rem;
    }
}

.textitletransformcarrer{
    font-size: 9vh;
    font-weight: 550;
    font-family: 'Texta';
    line-height: 0.9;
}

@media (max-width:1100px) {
    .textitletransformcarrer{
        font-size: 2rem;
    }
}

.textfinanciess2{
    font-size: 3.4vh;
    font-weight: 500;
    font-family: 'Texta';
    line-height: 1.1;
    letter-spacing: .1rem;
}

@media (max-width:1100px) {
    .textfinanciess2{
        font-size: 1rem;
        line-height: 1.1;
        letter-spacing: .0rem;
    }
}


.textprincdif{
    font-size: 3vh;
}

.textseccdif{
    font-size: 2.5vh;
    font-weight: 500;
}

@media (max-width:1100px) {
    .textprincdif{
        font-size: 1.25rem;
    }
    .textseccdif{
        font-size: 1rem;
        font-weight: 500;
        }
}

.texttecquefaz{
    font-size: 9vh;
    font-family: 'Texta';
    line-height: 1.3;
}

@media (max-width:1100px) {
    .texttecquefaz{
        font-size: 1.7rem;
        line-height: 1.3;
    }

}


.font-color2{
    color:black;
    font-weight: 600;
    letter-spacing: .6rem;
    font-size: 4vh;
}

@media (max-width:1100px) {
    .font-color2{
        letter-spacing: .2rem;
        font-size: 1.22rem;
    }
}



.tabledifs{
    background-color:#C5C5C4;
    border-radius: 50px;
}

.font-color3{
    color:#5E5E62;
    font-weight: 600;
    letter-spacing: .1rem;
    font-size: 5vh;
}

@media (max-width:1100px) {
    .font-color3{
        letter-spacing: .1rem;
        font-size: 1.5rem;
    }
}

.textimplpra{
    font-size: 3.5vh;
    font-family: 'Texta';
    color: green;
}

@media (max-width:1100px) {
    .textimplpra{
        font-size: 1.5rem;
    }
}

.textcuidpresent{
    font-size: 4vh;
    font-family: 'Texta';
    color: green;
    letter-spacing: .4rem;
}

@media (max-width:1100px) {
    .textcuidpresent{
        font-size: 1.3rem;
        letter-spacing: .2rem;
    }

}

.nav1{
    font-size: 1.3vw;
    color: #444444;
    font-weight: 600;
 }

 .text-11{
    font-size: 3vh;
 }

 @media (max-width:1100px) {
    .text-11{
        font-size: 2.4vh;
     }
}

@media screen and(min-width:1700px) {
    .div4{
        margin-left:100px;
    }
    .font-color{
        font-size: 4vh;
    }

}

.bg-color{
    background-color: #C4C4C3;
}


.text1{
    font-size: 13vh;
    line-height: 0.8;
}

@media (max-width:1100px) {
    .text1{
        font-size: 7vh;
        line-height: 0.8;
    }
}

.text12{
    font-size: 14vh;
    line-height: 0.8;
    letter-spacing: 1.4rem;
}


.text2{
    font-size: 6vh;
    letter-spacing: .4rem;
}

@media (max-width:1100px) {
    .text2{
        font-size: 3vh;
        letter-spacing: .4rem;
    }

}

.text3{
    font-size: 4.5vh;
    letter-spacing: .4rem;
}

@media (max-width:1100px) {
    .text3{
        font-size: 2.8vh;
        letter-spacing: .4rem;
    }
}


.text4{
    letter-spacing: .4rem;
    font-size: 3vh;
    line-height: 1.6;
}

@media (max-width:1100px) {
    .text4{
        letter-spacing: .3rem;
        font-size: 2.1vh;
        line-height: 1.7;
    }
}


.text40{
    letter-spacing: .6rem;
    font-size: 5vh;
    font-family: 'Texta';
}

@media (max-width:1100px) {
    .text40{
        letter-spacing: .6rem;
        font-size: 1.3rem;
        font-family: 'Texta';
    }
    .textmob4{
        font-size: 1.1rem;
    }
    .text12{
        font-size: 1.7rem;
        letter-spacing: .4rem;
    }

    .textmobilefranquias1{
        font-size: 1.2rem;
    }


}


.text5{
    font-size: 13vh;
    font-family: 'Texta';
    line-height: 0.7;
}

@media (max-width:1100px) {
    .text5{
        font-size: 6.5vh;
        font-family: 'Texta';
        line-height: 0.7;
    }

    .textmob1{
        font-size: 2.5vh;
    }

}


.div11{
    font-family: 'Texta';
    letter-spacing: .4rem;
    font-weight: 100;
}

#divm1{
    margin-top:-5vh;
}


#img2{
    margin-top: -140px;
}

@media (max-width:1100px) {
    #img2{
        margin-top: -20px;
    }
}

.div12{
    margin-top: -110px;
}

@media (max-width:1100px) {
    .div12{
        margin-top: -20px;
    }

}

.div13{
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../imagens/Imagensum/prancheta6.png');
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
    color: white;
}

.divmob14{
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../imagens/Imagensum/prancheta6.png');
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
    color: white;
}

.divimglogistica{
    background-image:
    linear-gradient(to left, rgb(255, 255, 255,0.1), rgb(255, 255, 255,0.1)),
    url('../imagens/Imagenstres/prancheta20.png');
    background-position:left;
    background-size:cover;
    background-repeat: no-repeat;
    color: white;
}

#divm2{
    background-image: url('../imagens/Imagensum/logo.png');
    background-position:center;
    background-size:contain;
    background-repeat: no-repeat;
}


.div4{
    letter-spacing: .6rem;
}

#div3{
    margin-top:10px;
}

.div7{
    margin-top:5vh;
    letter-spacing: .3rem;
}

.div77{
    letter-spacing: .3rem;
}

.div6{
    line-height: 0.8;
    letter-spacing: .5rem;
    padding: 15px;
}

@media (max-width:1100px) {
    .div7{
        margin-top:1vh;
    }
    .div6{
        padding: 5px;
    }
}


.div5{
    background-color: #808486;
    font-family: 'Texta';
}

.btn1{
    width:15vw;
    height: 6.5vh;
    border-radius: 15px;
}

.fontbtn1{
    font-size: 1.8vh;
}

.btn2{
    width:11vw;
    height: 6.5vh;
    font-size: 2.05vh;
    border-radius: 15px;
    background: rgb(0,171,81);
    background: linear-gradient(144deg, rgba(0,171,81,1) 0%, rgba(246,251,254,1) 50%, rgba(238,44,55,1) 100%);
    color:black;
    border: 2px solid white;
}

.divprodutosisop{
    background-color: #7E8384;
}

.fontsejaumproffisional{
    font-size: 4.5vh;
    letter-spacing: 0.4rem;
    line-height: 1.2;
}

.divsejaumprofissional{
    background-color: #C7C7C8;
}

.fontitleprodutosisop{
    font-size: 8vh;
    line-height: 1.3;
    letter-spacing: 1.3rem;
}

.fontdescprodutosisop{
    font-size: 4vh;
    line-height: 1.3;
}

.divimageprodutosisop{
    background-image: url('../imagens/Imagenscinco/prancheta13.png');
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
}

.divimagesejaumprofissional{
    background-image: url('../imagens/Imagenssete/prancheta11.png');
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
}

.divinovobra{
    background-color: #E0DEDE;
}

.inpt1{
    width:45%;
    height: 6.5vh;
    border: 3px solid black;
    border-radius: 15px;
}

.inpt1mb{
    width: 90%;
    height: 55px;
    border: 2px solid black;
    border-radius: 15px;
    margin: -10px auto;
    position: relative;
}

.fontinovaparatdobra{
    font-size: 6vh;
    letter-spacing: 1.3rem;
}

.fontdescinovaparatdobra{
    font-size: 4.2vh;
}

.divcatalogo{
    background-color: #00AC51;
    border-radius: 45px;
}

.fontacessonossoqrcode{
    font-size: 4.2vh;
    letter-spacing: .3rem;
    line-height: 1.3;
}

.fonttextprodutos{
    color: #00AD53;
    font-size: 2.5vh;
    font-weight: 900;
}

.fontprqescisop{
    font-size: 6.5vh;
    letter-spacing: 1.3rem;
}

.fontdescprqescisopgg{
    font-size: 4vh;
    color:#00A128;
}

.fontdescprqescisop{
    font-size: 4vh;
}

.fonttextdescprodutos{
    font-size: 2.15vh;
}

.inpt2{
    height: 5.5vh;
    border: none;
    border-radius: 15px;
}

.inpt2mb{
    height: 50px;
    border: none;
    border-radius: 15px;
}

.span1{
    background: none;
    border: none;
}

p {
    margin-top: -4px;
    padding: 0;
}

#divfooter{
    background-color: #DAD8D7;

}

.accordion-button{
    background-color: #DAD8D7;
    border: 0;
}

.accordion-body{
    background-color: #DAD8D7;
    border: 0;
}

.fontnewllestter{
    font-size: 5vh;
    font-weight: 700;
    color:#656668;
    letter-spacing: .5rem;
}

.fontdescnewllestter{
    font-size: 2.6vh;
    color:#656668;
}


.buttonewlestter{
    width:7.5vw;
    font-size: 2.3vh;
    font-weight: bold;
    letter-spacing: .2rem;
    background-color: #00AB51;
}

.inputnewllester{
    height: 55px;
    border: 1px solid black;
}

.titletopfooter{
    font-size: 2.7vh;
    font-weight: 700;
    color:#656668;
}

.desctopfooter{
    font-size: 2.7vh;
    color:#656668;
}

@media (max-width:1100px) {
    .fontnewllestter{
        font-size: 2rem;
    }
    .fontdescnewllestter{
        font-size: 1rem;
    }
    .buttonewlestter{
        font-size: 1rem;
    }
    .titletopfooter{
        font-size: 1rem;
    }
    .desctopfooter{
        font-size: 1rem;
    }
    .fonttextdescprodutos{
        font-size: 1.2rem;
    }
    .fontprqescisop{
        font-size: 1.7rem;
        letter-spacing: .5rem;
    }
    .fontdescprqescisopgg{
        font-size: 1.4rem;
    }
    .fontdescprqescisop{
        font-size: 1.4rem;
    }
    .fontsejaumproffisional{
        font-size: 1.2rem;
    }
}

.titletopfooterx{
    font-size: 1.3rem;
}


.fontcasapref{
    font-size: 4.7vh;
}

@media (max-width:1100px) {
    .fontcasapref{
        font-size: 2.5vh;
    }
}

.fontisopwall{
    font-size: 4.2vh;
    font-weight: 100;
}

.fontopcoes{
    font-size: 3.5vh;;
}

@media (max-width:1100px) {
    .fontopcoes{
        font-size: 2.7vh;
    }
}

.fontparedd{
    font-size: 3.7vh;
}

.fontduasvezes{
    font-size: 3.7vh;
}

@media (max-width:1100px) {
    .fontparedd{
        font-size: 2.7vh;
        color: white;
    }
    .fontduasvezes{
        font-size: 2.7vh;
    }

}

.fontdetalhesbenef{
    font-size: 3.2vh;
}

@media (max-width:1100px) {
    .fontdetalhesbenef{
        font-size: 2.3vh;
    }

    .textmob3{
        font-size: 2.6vh;
    }

}


.textbenefs2{
    font-size: 2.4vh;
}

@media (max-width:1100px) {
    .textbenefs2{
        font-size: 2.4vh;
    }
}

#divnossainsd{
    background-image: url('../imagens/Imagensdois/prancheta19.jpg');
    background-position:right;
    background-size:cover;
    background-repeat: no-repeat;
}

#divtextnossainsd{
    background-color: #808486;
    padding: 50px;
}

.fontnossainds{
    font-size: 5vh;
    font-weight: 700;
    letter-spacing: .5rem;
    line-height:1.2;
}

.fontdescnossainds{
    font-size: 3.3vh;
    font-weight: 100;
    letter-spacing: .5rem;
    line-height:1.2;
}

.fontestrutura{
    font-size: 6.5vh;
    color:#808486;
    font-weight: 700;
    letter-spacing: .2rem;
}

.fontdescestrutura{
    font-size: 3.5vh;
    line-height:1.3;
}

#divporquecomprar{
    background-color: #808486;
    border-radius: 35px;
}

#divprocessofab{
    background-color: #00AD58;
    border-radius: 35px;
}

.fontporquecomprar{
    font-size: 3.8vh;
    letter-spacing: .5rem;
}

.fontprocessofab{
    font-size: 4.5vh;
    letter-spacing: .5rem;
}

.fontadquirir{
    font-size: 5.5vh;
    color:#808486;
    font-weight: 700;
    letter-spacing: .2rem;
}

.fontdescbenefprod{
    font-size: 3.2vh;
}

@media (max-width:1100px) {
    .fontnossainds{
        font-size: 1.5rem;
        letter-spacing: .5rem;
    }
    #divtextnossainsd{
        padding: 2px;
    }
    .fontdescnossainds{
        font-size: 1.2rem;
        letter-spacing: .3rem;
        line-height:1.2;
    }
    .fontestrutura{
        font-size: 1.7rem;
    }
    .fontdescestrutura{
        font-size: 1.3rem;
    }
    .fontporquecomprar{
        font-size: 1rem;
    }
    .fontadquirir{
        font-size: 1.7rem;
    }
    .fontdescbenefprod{
        font-size: 1.3rem;
    }
    .fontprocessofab{
        font-size: 1.3rem;
    }
    .fontacessonossoqrcode{
        font-size: 1.2rem;
    }
    .fonttextprodutos{
        font-size: 1.5rem;
    }

}

.fotoindustria{
    width: 40vh;
    height: 36vh;
}

.divondeinova{
    margin-bottom: 50px;;
}

.divtextondeinova1{
    margin-top: 8vh;
}
.divtextondeinova{
    margin-bottom: 10vh;
}


@media (max-width:1300px) {
    .fotoindustria{
        width: 36vh;
        height: 34vh;
    }
}

@media (max-width:1700px) {
    .divtextondeinova1{
        margin-top: 4vh;
    }
}

.titlefab{
    font-size: 18vh;
    color:#00AD58;
    font-weight: 700;
}

.titletextfab{
    font-size: 6vh;
    font-weight: 700;
    color:#808485;
}

.titletextfabs{
    font-size: 3vh;
    font-weight: 700;
    color:#808485;
}

#benefindusisop{
    border: 1.5px solid gray;
    border-radius: 50px;
    padding: 10px;
}

.benefindusisops{
    border: 1.5px solid gray;
}

.desctextfab{
    font-size: 3vh;
}

.desctextfabs{
    font-size: 2.2vh;
    color:#808485;
}


.dicompromissoquali{
    background-color: #808485;
    border-radius: 65px;
}

.fontcompromissoquali{
    font-size: 3.3vh;
    letter-spacing: .4rem;
}

@media (max-width:700px) {
    #divporquecomprar{
        border-radius: 0px;
    }
    #divprocessofab{
        border-radius: 0px;
    }
    .dicompromissoquali{
        border-radius: 0px;
    }
    .divcatalogo{
        border-radius: 0px;
    }
}

.fontrigorpadrq{
    font-size: 3.2vh;
}

.fontvenhanosvisitar{
    font-size: 10vh;
    letter-spacing: .9rem;
}

.fontextend{
    font-size: 4.2vh;
    letter-spacing: .4rem;
}

.descexpliceps{
    font-size: 3.7vh;
}

.fontlogistica{
    font-size: 5vh;
    letter-spacing: .2rem;
}

.btnlojaovivo{
    font-size: 4.5vh;
    border-radius: 125px;
    letter-spacing: 0.3rem;
}

.fontoseuatendimento{
    font-size: 4.5vh;
    letter-spacing: 0.2rem;
}

.titleexpliceps{
    font-size: 4.5vh;
}


@media (max-width:1100px) {
    .divtextondeinova1{
        margin-top: 3vh;
    }
    .divtextondeinova{
        margin-bottom: 3vh;
    }

    .divfotosindustria {
        display: inline-grid;
        width:100%;
        justify-content: center;
        align-items: center;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
      }

    .fotoindustria{
        height: 28vh;
    }

    .titlefab{
        font-size: 2rem;
    }

    .titletextfab{
        font-size: 1.2rem;
        line-height: 1.1;
    }

    .desctextfab{
        font-size: 1.1rem;
    }
    .fontcompromissoquali{
        font-size: 1.1rem;
    }

    .fontrigorpadrq{
        font-size: 1.2rem;
    }
    .fontvenhanosvisitar{
        font-size: 2rem;
        letter-spacing: .5rem;
    }
    .fontextend{
        font-size: 1.7rem;
    }
    .titleexpliceps{
        font-size: 1.7rem;
    }
    .descexpliceps{
        font-size: 1.4rem;
    }
    .fontlogistica{
        font-size: 1.5rem;
    }
    .fontitleprodutosisop{
        font-size: 1.6rem;
        letter-spacing: .3rem;
    }
    .fontdescprodutosisop{
        font-size: 1.2rem;
    }
    .fontinovaparatdobra{
        font-size: 1.45em;
        letter-spacing: .3rem;
    }
    .fontdescinovaparatdobra{
        font-size: 1.3rem;
    }
    .btnlojaovivo{
        font-size: 1.3rem;
    }
    .fontoseuatendimento{
        font-size: 1.3rem;
    }


}

.divcasaprefabric{
    background-image:
    url('../imagens/Imagenstres/prancheta14.png');
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
    min-height: 80vh;
}

.divbannerprincipalfranquias{
    background-image:
    url('../imagens/Imagensoito/prancheta9.png');
    background-position:left;
    background-size:cover;
    background-repeat: no-repeat;
}

.divmudancadevida{
    background-image:
    url('../imagens/Imagenssete/prancheta7.png');
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
}

.fontmudancadevida{
    font-size: 5vh;
    letter-spacing: .7rem;
}

.fontrasnformecarrer{
    font-size: 4vh;
}

.titlebannerprincipalfranquias{
    font-size: 6.3vh;
    letter-spacing: .7rem;
    line-height: 1.2;
}

.descbannerprincipalfranquias{
    font-size: 3.9vh;
    line-height: 1.2;
}

.divbannerprincipalfranquiasec{
    border-top-right-radius: 500px;
    border-bottom-right-radius: 500px;
}

.fontparceirosfranqueados{
    font-size: 4.7vh;
    line-height: 1.1;
}

.btncontactschool{
    background-color: #00AB51;
    border-radius: 50px;
    font-size: 3vh;
}

.btncontactschool2{
    background-color: black;
    border-radius: 50px;
    font-size: 3vh;
}

.divonelojaovivo{
    background: rgb(142,150,151);
    background: radial-gradient(circle, rgba(142,150,151,1) 0%, rgba(154,159,165,0.865983893557423) 52%, rgba(108,108,112,1) 100%);
}

#nav-111 .link-111 {
    color: #ffffff;
    font-size: 20px;
    text-decoration: none;
    padding: 10px 20px;
    margin: 0 5px;
    position: relative;
    transition: color 0.5s ease;
  }

  #nav-111 .link-111::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #ffffff, transparent);
    background-size: 300% 100%;
    opacity: 0;
    transition: opacity 0.5s;
  }





.btninscshool{
    background: linear-gradient(90deg, rgba(0,170,78,1) 0%, rgba(12,5,10,1) 57%, rgba(238,39,49,1) 100%);
    border-radius: 50px;
    font-size: 4vh;
}

.btncontactfranquia2{
    background: linear-gradient(90deg, rgba(0,170,78,1) 0%, rgba(12,5,10,1) 57%, rgba(238,39,49,1) 100%);
    border-radius: 75px;
    font-size: 6vh;
    letter-spacing: 0.7rem;
}

.fontitlenpdifr{
    font-size: 8vh;
    letter-spacing: 1rem;
    line-height: 1.3;
}

.btncontactfranquia{
    background: rgb(0,170,78);
    border-radius: 75px;
    font-size: 4vh;
}

.fontcomoceemana{
    font-size: 2.2vh;
    letter-spacing: .3rem;
}

.fontcomoceemana2{
    font-size: 3.8vh;
    letter-spacing: .3rem;
}

.titlefontcasasprefab{
    font-size: 8.5vh;
    color: white;
    font-weight: 600;
    font-family: "Texta";
    letter-spacing: .7rem;
    line-height: 1.1;
}

.descfontcasasprefab{
    font-size: 4.7vh;
    color: white;
    font-family: "Texta";
    line-height: 1.1;
}

.imgmob6{
    border-radius: 500px;
}

.fontconstrutor{
    font-size: 2.9vh;
    letter-spacing: .6rem;
}

.fontkitdecasas{
    font-size: 7.7vh;
    letter-spacing: 1.2rem;
    line-height: 1.4;
}

.fontconquisteosonho{
    font-size: 3vh;
    line-height: 1.8;
}

.fontrealizeosonho{
    font-size: 3vh;
    line-height: 1.8;
    letter-spacing: 0.6rem;
}

.fontdescproduto{
    font-size: 4.2vh;
    line-height: 1.2;
    color:#AFB1B2;
}

.fontconfiradiferenciais{
    font-size: 6.5vh;
    line-height: 1.2;
    color:#AFB1B2;
}

.fonttpsdiferenciais{
    font-size: 4.3vh;
}

.fontpagamentocc{
    font-size: 3vh;
}

.fontrealizeosonho{
    font-size: 3.5vh;
    color:#808485;
    letter-spacing: .1rem;
    line-height: 1.3;
}

.fontdesclogistica{
    font-size: 4vh;
}

.divaquiesta{
    font-size: 3.8vh;
    font-weight: 700;
    letter-spacing: 0.7rem;
    color:#00A850;
}

.titleprocess{
    color:#00A850;
    font-size: 3.8vh;
}


.titledescprocess{
    font-size: 3.5vh;
}

.fontdeschome{
    font-size: 1.9vh;
}

@media (max-width:1100px) {
    .divtextondeinova1{
        margin-top: 3vh;
    }
    .divtextondeinova{
        margin-bottom: 3vh;
    }

    .divcasaprefabric{
        background-image: none;
        background-color:#808486;
        min-height: 0;
    }

    .divfotosindustria {
        display: inline-grid;
        width:100%;
        justify-content: center;
        align-items: center;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
      }

    .fotoindustria{
        height: 28vh;
    }

    .titlefab{
        font-size: 2rem;
    }

    .titletextfab{
        font-size: 1.2rem;
        line-height: 1.1;
    }

    .desctextfab{
        font-size: 1.1rem;
    }
    .fontcompromissoquali{
        font-size: 1.1rem;
    }

    .fontrigorpadrq{
        font-size: 1.2rem;
    }
    .fontvenhanosvisitar{
        font-size: 2rem;
        letter-spacing: .5rem;
    }
    .fontextend{
        font-size: 1.7rem;
    }
    .titleexpliceps{
        font-size: 1.7rem;
    }
    .descexpliceps{
        font-size: 1.4rem;
    }
    .titlefontcasasprefab{
        font-size: 1.3rem;
        letter-spacing: .2rem;
    }
    .descfontcasasprefab{
        font-size: 1.2rem;
    }
    .fontconstrutor{
        font-size: 1.2rem;
    }
    .fontkitdecasas{
        font-size: 1.5rem;
        letter-spacing: .4rem;
        line-height: 1.1;
    }
    .fontconquisteosonho{
        font-size: 1.3rem;
        line-height: 1.1;
    }
    .fontrealizeosonho{
        font-size: 1.5rem;
    }
    .fontpagamentocc{
        font-size: 1.2rem;
    }
    .titletextfabs{
        font-size: 1.5rem;
        line-height: 1.1;
    }
    .fontdesclogistica{
        font-size: 1.3rem;
    }
    .divlogistica{
        background-image:
        linear-gradient(rgb(255, 255, 255,0.8), rgb(255, 255, 255,0.8)),
        url('../imagens/Imagenstres/prancheta20.png');
        background-position:left;
        background-size:cover;
        background-repeat: no-repeat;
        color: black;
    }
    .divaquiesta{
        font-size: 1.4rem;
        letter-spacing: 0.3rem;
    }
    .titleprocess{
        font-size: 1.3rem;
    }
    .titledescprocess{
        font-size: 1.3rem;
    }
    .fontdeschome{
        font-size: 1.2rem;
    }
    .fontmudancadevida{
        font-size: 1.5rem;
        letter-spacing: .3rem;
    }
    .btncontactschool{
        font-size: 1.2rem;
    }
    .fontcomoceemana{
        font-size: .8rem;
    }
    .fontrasnformecarrer{
        font-size: 1.5rem;
    }
    .btninscshool{
        font-size: 1rem;
    }
    .fontparceirosfranqueados{
        font-size: 1.5rem;
    }
    .fontrasnformecarrer{
        font-size: 1.3rem;
    }
    .fontconfiradiferenciais{
        font-size: 1.5rem;
    }
    .fonttpsdiferenciais{
        font-size: 1.3rem;
    }
    .btncontactschool2{
        font-size: 1rem;
    }
    .fontcomoceemana2{
        font-size: 1rem;
    }
    .titlebannerprincipalfranquias{
        font-size: 1.7rem;
        letter-spacing: .3rem;
    }
    .descbannerprincipalfranquias{
        font-size: 1.4rem;
    }
    .btncontactfranquia{
        font-size: 1.4rem;
    }
    .fontitlenpdifr{
        font-size: 2rem;
        letter-spacing: .5rem;
    }
    .btncontactfranquia2{
        font-size: 1.1rem;
    }
    .fontrealizeosonho{
        font-size: 1.5rem;
    }
    .fontdescproduto{
        font-size: 1.7rem;
    }

}

.headermobile{
    background-color: white;
}

.fontitletpsdiferenciais{
    color:#00A850;;
}

.fontransformefuturocisop{
    font-size: 9vh;
    letter-spacing: 1rem;
}

.circle {
    float: right;
    border-radius: 50%;
    shape-outside: circle(20%);
  }

.circle2 {
    float: left;
    border-radius: 50%;
    shape-outside: circle(20%);
}

.circle3 {
    float: left;
    border-radius: 50%;
    shape-outside: circle(100%);
}

.homeimg{
    border-top-right-radius: 35%;
}


.divsem20sjuros{
    background-color: #00A850;
    border-top-right-radius:70px;
    border-bottom-right-radius:70px;
    padding: 17px;
}

.font20xsjuros{
    font-size: 4.5vh;
}

.fonttitlehome{
    font-size: 2.8vh;
    letter-spacing: 0.4rem;
}



.divlogistica{
    padding: 9vh;
}

.produto:hover{
    transform: scale(1.15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.produtox:hover{
    position: relative;
}

.produtox:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #7F8385;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }

  .produtox:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

.btn2:hover{
    opacity: 0.5;
    box-shadow: 0 0 10ox 0 gray;
}


.produtos:hover{
    transform: scale(1.1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.fontguias{
    font-size: 3vh;
    letter-spacing: .5rem;
}

.titlecasa{
    font-size: 8vh;
    letter-spacing: .9rem;
    font-weight: bold;
}

.titleproduto{
    font-size: 7vh;
    letter-spacing: .8rem;
    line-height: 1.1;
    font-weight: bold;
}

.fontdescschool{
    font-size: 3.2vh;
    letter-spacing: .4rem;
}

.fontggisop{
    font-size: 6.5vh;
}

.spanfontggisop{
    color:#808487;
}

.fontprocessotec{
    font-size: 4vh;
}

.spanfontggisopgg{
    color:#00AB51;
}

.fontitleschool{
    font-size: 10vh;
    letter-spacing: 1.5rem;
}

.divprinschool{
    background-color: #E0DCDD;
}

.fontareadesc{
    font-size: 3vh;
}

.fontvspropriedade{
    font-size: 3vh;
    line-height: 1.2;
}

.fontinfogerais{
    font-size: 3vh;
    color:#00A850;
}

.fontarealote{
    font-size: 2.6vh;
}

.fontaisopoferece{
    font-size: 3.6vh;
    letter-spacing: 0.4rem;
}

.divexcelenciaisopwall{
    background-color: #9FA3A1;
}

.fontnumberpaceisop{
    font-size: 25vh;
}

.fontextpaceisop{
    font-size: 8.5vh;
    line-height: 1.1;
    letter-spacing: 0.4rem;
}

.fontcaixabenefic{
    font-size: 3.8vh;
    line-height: 1.2;
}

.titlefontcaixabenefic{
    letter-spacing: 0.4rem;
}

.fontdescdtls{
    font-size: 1.8vh;
}

.fontvenhafazerparto{
    font-size: 3.5vh;
    letter-spacing: .4rem;
}


.titleconstruambmr{
    font-size: 11.5vh;
    letter-spacing: 1.6rem;
}

.fontaltademanda{
    font-size: 3.7vh;
    font-weight: 600;
}

.divqualidatendisop{
    background-color: #9A9FA2;
    border-radius: 50px;
    font-size: 3vh;
    letter-spacing: 0.4rem;
}

.fontitleaproceite{
    font-size: 5.5vh;
    letter-spacing: 0.7rem;
}

.fontdescaproceite{
    font-size: 5.5vh;
}

.font3dvr{
    font-size: 3vh;
}

.fontcompresuacasafab{
    font-size: 2vh;
}

.imglogomob{
    width: 63%;
}

#divnossainsdmob{
    min-height: 20vh;
    background-image: url('../imagens/Imagensdois/prancheta12.png');
    background-position:top;
    background-size:cover;
    background-repeat: no-repeat;
}

.fonttitle{
    font-size: 8vh;
    letter-spacing: 1.3rem;
}

.fontvisiteindustria{
    font-size: 3.5vh;
    letter-spacing: .4rem;
}

.fonttitlenviemsg{
    font-size: 4vh;
    letter-spacing: .4rem;
}

.fonttitlefaq{
    font-size: 7vh;
}

.fontpergfaqs{
    font-size: 4.5vh;
}

.fontitlecasaisop{
    font-size: 4.5vh;
    letter-spacing: .7rem;
    background: #48C61F;
    background: linear-gradient(to right, #48C61F 0%, #605D5D 58%, #CF1512 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width:1100px) {
    .fontcompresuacasafab{
        font-size: .9rem;
    }
    .fontitleschool{
        font-size: 1.7rem;
        letter-spacing: .5rem;
    }
    .fontdescschool{
        font-size: 1.4rem;
        letter-spacing: .4rem;
    }
    .fontggisop{
        font-size: 1.7rem;
    }
    .fontprocessotec{
        font-size: 1.5rem;
    }
    .fontaisopoferece{
        font-size: 1.3rem;
    }
    .fontnumberpaceisop{
        font-size: 2.4rem;
    }
    .fontextpaceisop{
        font-size: 1.5rem;
    }
    .fontcaixabenefic{
        font-size: 1.2rem;
    }
    .fontvenhafazerparto{
        font-size: 1.1rem;
    }
    .titleconstruambmr{
        font-size: 1.9rem;
        letter-spacing: .6rem;
    }
    .fontaltademanda{
        font-size: 1.5rem;
    }
    .divqualidatendisop{
        font-size: 1.1rem;
    }
    .fontitleaproceite{
        font-size: 2.2rem;
    }
    .fontdescaproceite{
        font-size: 1.7rem;
    }
    .fontransformefuturocisop{
        font-size: 1.7rem;
        letter-spacing: .6rem;
    }
    .fonttitle{
        font-size: 1.8rem;
        letter-spacing: .4rem;
    }
    .fontvisiteindustria{
        font-size: 3.9vw;
        letter-spacing: .4rem;
    }
    .fonttitlenviemsg{
        font-size: 1.5rem;
        letter-spacing: .4rem;
    }
    .fonttitlefaq{
        font-size: 1.8rem;
    }

    .fontpergfaqs{
        font-size: 1.5rem;
    }

    .fontitlecasaisop{
        font-size: 1.4rem;
        letter-spacing: .4rem;
    }
    .titlecasa{
        font-size: 2.5rem;
    }
    .fontareadesc{
        font-size: 1.4rem;
    }
    .fontinfogerais{
        font-size: 1.4rem;
    }
    .fontvspropriedade{
        font-size: 1.4rem;
    }
    .titleproduto{
        font-size: 2rem;
        letter-spacing: .5rem;
    }

}



.divprojetomodelo{
    background: rgb(0,171,81);
    background: linear-gradient(90deg, rgba(0,171,81,0.5) 0%, rgba(246,251,254,1) 50%, rgba(238,44,55,0.5) 100%);
    border-radius: 15px;
}

.divprojetomodelo:hover{
    transform:scale(1.03);
}

.fontprojetomodelo{
    font-size: 2vh;
}

.fontdesccasaisop{
    font-size: 2.5vh;
    color:#808487;
    letter-spacing: 1rem;
}

.iconrds:hover{
    transform: scale(1.3);
}

.fonttitlepltcp{
    font-size: 5.5vh;
    letter-spacing: .4rem;
}

.fontdescplppr{
    font-size: 3vh;
    line-height: 2;
}

.divbackcontact{
    background-color:#9CA0A0;
}

.divcatalogocasas{
    background: rgb(179,254,182);
    background: linear-gradient(90deg, rgba(179,254,182,.5) 0%, rgba(217,226,215,0.865983893557423) 47%, rgba(228,139,163,.5) 100%);
}

.backmenu{
    background: rgb(179,254,182);
    background: linear-gradient(90deg, rgba(179,254,182,.5) 0%, rgba(217,226,215,0.865983893557423) 47%, rgba(228,139,163,.5) 100%);
    border-radius: 20px;
}

.imgmobilelogo{
    width: 65%;
}

.pulsate-fwd {
	-webkit-animation: pulsate-fwd 2s ease-in-out infinite both;
	        animation: pulsate-fwd 2s ease-in-out infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-1-27 20:46:45
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation pulsate-fwd
 * ----------------------------------------
 */
 @-webkit-keyframes pulsate-fwd {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes pulsate-fwd {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }

  .slide-in-elliptic-top-fwd {
	-webkit-animation: slide-in-elliptic-top-fwd 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-elliptic-top-fwd 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-1-27 20:48:27
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-elliptic-top-fwd
 * ----------------------------------------
 */
 @-webkit-keyframes slide-in-elliptic-top-fwd {
    0% {
      -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
              transform: translateY(-600px) rotateX(-30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0) rotateX(0) scale(1);
              transform: translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% 1400px;
              transform-origin: 50% 1400px;
      opacity: 1;
    }
  }
  @keyframes slide-in-elliptic-top-fwd {
    0% {
      -webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
              transform: translateY(-600px) rotateX(-30deg) scale(0);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0) rotateX(0) scale(1);
              transform: translateY(0) rotateX(0) scale(1);
      -webkit-transform-origin: 50% 1400px;
              transform-origin: 50% 1400px;
      opacity: 1;
    }
  }

  .swirl-in-fwd {
	-webkit-animation: swirl-in-fwd 1.5s ease-out both;
	        animation: swirl-in-fwd 1.5s ease-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-1-28 10:1:14
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation swirl-in-fwd
 * ----------------------------------------
 */
 @-webkit-keyframes swirl-in-fwd {
    0% {
      -webkit-transform: rotate(-540deg) scale(0);
              transform: rotate(-540deg) scale(0);
      opacity: 0;
    }
    100% {
      -webkit-transform: rotate(0) scale(1);
              transform: rotate(0) scale(1);
      opacity: 1;
    }
  }
  @keyframes swirl-in-fwd {
    0% {
      -webkit-transform: rotate(-540deg) scale(0);
              transform: rotate(-540deg) scale(0);
      opacity: 0;
    }
    100% {
      -webkit-transform: rotate(0) scale(1);
              transform: rotate(0) scale(1);
      opacity: 1;
    }
  }

@media (min-width:1701px) {
    .divbannerprincipalfranquias{
        background-size:cover;
        background-position:right;
    }
}

@media (max-width:1100px) {
    .divbannerprincipalfranquias{
        background-image:none;
    }
}

.menumobile{
    width: 100vw;
    height: 100vh;
    position: absolute;
    background-color: white;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 0 0 10px 0 black;
    z-index: 99;
}

.buscadesktop{
    width: 120%;
    margin-top: 7vh;
    position: absolute;
    background-color: white;
    box-shadow: 0 0 10px 0 black;
    z-index: 99;
    padding: 10px;
}


.buscamobile{
    width: 95%;
    position: absolute;
    background-color: white;
    box-shadow: 0 0 10px 0 black;
    z-index: 99;
    padding: 10px;
}

.divttbusca{
    position: relative;
    height: auto;
    overflow: scroll;
}


.divbuscas:hover{
    background-color: #C4C4C3;
}

.conteutotd{
    position: relative;
    z-index: 1;
}


.menustext{
    font-size: .9rem;
}