/* Inico css tela home */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Raleway', sans-serif;
}

.box-total {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    /* border: solid 2px blue; */
}

header {
    width: 100%;
    height: 160px;
    /* background-color: #fff; */
}

main {
    width: 100%;
    height: auto;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* background-color: red; */
}

footer {
    /* padding-top: 30px; */
    width: 100%;
    height: auto;
    /* background-color: green; */
}

.box-banner {
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    /* background-color: blueviolet; */
    border-bottom: solid 5px red;
}

.banner-p1 {
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    /* background-color: red; */
    /* border: solid 2px blue; */
    color: #000;
    font-size: 14px;
    z-index: 99;

}

.banner-img1 {
    width: 60%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    /* border: solid 2px blue; */
    margin-left: 10%;
    margin-top: 6px;
}

.banner-img1 img {
    width: 50px;
    height: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    /* border: solid 2px blue; */
    margin-right: 5px;
}

.banner-img2 {
    width: 45%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: solid 2px blue; */
    margin-right: 20%;
    margin-bottom: 6px;

}

.banner-img2 img {
    width: 50px;
    height: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: solid 2px blue; */
    margin-right: 5px;
}

.banner-img2 h1{
    color: #000;
    font-size: 1em;
    margin-top: 3%;
}

.banner-p2 {
    width: 20%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    /* background-color: blue; */
    /* border: solid 2px red; */
}

.banner-p2 img {
    width: 200px;
    height: auto;

}

.banner-p3 {
    width: 500px;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-left: 4%;
    padding-bottom: 1px;
    /* background-color: brown; */
    /* border: solid 2px blue; */
}

.email-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: solid 2px blue; */
    margin-top: 2px;
    margin-left: 30%;
    color: #000;

}

.email-menu a:link {
    color: #000;
    font-weight: 300;
    margin: 1px;
}

.email-menu img {
    width: 30px;
    height: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    /* border: solid 2px blue; */
    margin: 0;
    /* margin-left: 95px; */

}

.box-menu {
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    /* border-width: 1px; */
    background-image: linear-gradient(to bottom, black, rgb(77, 75, 75));
    /* border: solid 20px rgb(152, 17, 17); */
}

#ul-menu {
    /* width: 100%; */
    /* background-color: royalblue; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin-top: 1%;

}


#ul-menu li,
a {
    margin: 0 20px;
    color: #fff;
    list-style-type: none;
    font-weight: bolder;
    font-size: 16px;
    text-decoration: none;
    /* border: solid 2px rgb(235, 229, 229); */
}

#ul-menu a:link a:visited {
    text-decoration: none;
    color: #fff;
}

#ul-menu li:hover {
    color: #f84545;
    transition: 0.3s ease-in;
    text-decoration: none;
}

#ul-menu li:hover a:hover {
    color: #f84545;
    transition: 0.3s ease-in;
    text-decoration: none;
}

.carousel {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
}

.box-menu2 {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    /* border-width: 1px; */
    background-image: url("../img/contato-home-final.png");
}

#ul-menu2 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;

}

#ul-menu2 li {
    height: 30px;
    padding: 0 50px;
    /* margin: 0 20px; */
    color: #fff;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* background-color: rgb(27, 76, 118); */
    border-left: solid 0.5px red;
    border-right: solid 0.5px red;
}

#span-menu2-a {
    border-right: solid 0.5px red;
    height: 30px;

}

#span-menu2-b {
    border-left: solid 0.5px red;
    height: 30px;
}

.box-solucoes {
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 20px;
    /* background-color: bisque; */
    /* border: solid 2px blue; */
}

.texto-gestao {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
    /* border: solid 2px blue; */
    margin-top: 30px;
    margin-bottom: 10px;
    color: red;
}

.box-cards {
    width: 90%;
    height: 80%;
    margin-top: 30px;
    /* margin-left: 100px; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    /* border: solid 2px blue; */

}

.cards-individual1 {
    width: 30%;
    height: 400px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    /* border: solid 2px rgb(33, 33, 36); */
    font-size: 12px;
    color: #fff;
    background-color: #f84545;
    margin: 1%;
    padding: 1%;
}

.cards-individual1:hover {
    background-color: #686868;
    transition: 0.5s ease-in;

}

.cards-individual1 h3 {
    width: 90%;
    height: 200px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    line-height: 1.8em;
    font-weight: 200;
    font-size: 1.2em;
    margin-top: 10px;
    /* border: solid 2px blue; */
}

#h3-titulo {
    margin-bottom: 8px;
    padding-top: 20px;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    align-items: center;

}

.cards-individual2 {
    width: 30%;
    height: 500px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    /* border: solid 2px rgb(33, 33, 36); */
    font-size: 12px;
    color: #fff;
    background-color: #f84545;
    margin: 1%;
    padding-top: 1%;
    padding: 1%;
}

.cards-individual2:hover {
    background-color: #686868;
    transition: 0.5s ease-in;

}

.cards-individual2 h3 {
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: left;
    line-height: 1.8em;
    font-weight: 200;
    font-size: 1.2em;
    margin-top: 2%;
}

.banner2 {
    width: 100%;
    height: 500px;
    margin-top: 15px;
    /* margin-bottom: 15px; */
    padding-top: 50px;
    color: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/home2.png");
    background-color: #F84545;

}

.box-texto2 {
    width: 70%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    /* border: solid 2px rgb(33, 33, 36); */
    /* background-color: #373636; */
}

.banner2 img {
    width: 28px;
    height: auto;
    margin-right: 20px;
    /* border: solid 2px rgb(186, 186, 190); */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;

}

.banner2 h1 {
    font-size: 30px;
    margin-bottom: 10px;

}

.texto-box2 {
    width: 90%;
    height: auto;
    font-size: 15px;
    display: block;
    /* border: solid  2px blue; */
    margin-bottom: 15px;
    margin-top: 5px;
}

.box-texto3 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;

}

.box-menu3 {
    width: 100%;
    height: auto;
    font-size: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    /* border: solid  2px blue; */
    margin-bottom: 50px;
    margin-top: 5px;
    padding: 1%;
    /* background-color: antiquewhite; */
}

.box-cards2 {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    /* border: solid 2px blue; */

}

.cards-individual3 {
    width: 25%;
    height: 340px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    /* border: solid 2px rgb(33, 33, 36); */
    font-size: 12px;
    color: #fff;
    background-color: #f84545;
    margin: 10px;
    padding: 20px;
    padding-top: 0;
    padding-top: 5px;

}

.cards-individual3:hover {
    background-color: #686868;
    transition: 0.5s ease-in;

}

.cards-individual3 h3 {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: left;
    line-height: 25px;
    /* background-color: #686868; */
    font-weight: 200;
    font-size: 1.2em;
    /* margin-top: 10px; */
}

.cards-individual4 {
    width: 25%;
    height: 340px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    /* border: solid 2px rgb(33, 33, 36); */
    font-size: 12px;
    color: gray;
    background-color: #fff;
    margin: 10px;
    padding: 20px;
    padding-top: 0;
    border: solid 1px #f84545;
}


.cards-individual4 h3 {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: left;
    line-height: 25px;
    font-weight: 200;
    font-size: 1.2em;
    /* margin-top: 20px; */
}

.box2 {
    width: 100%;
    height: 410px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    background-color: #f84545;
    margin-bottom: 40px;
    /* margin-bottom: 40px; */

}

.box2-2 {
    width: 80%;
    height: 410px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    background-color: #373636;
    /* border: solid 2px blue; */

}

.box2-2 img {
    width: 710px;
    height: 370px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 20px;
    /* border: solid 2px blue; */
}

.saiba {
    width: auto;
    height: 200px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: solid 2px blue; */
}

.saiba h3 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 30px;
    /* border: solid 2px blue; */
}

.botom-saiba-mais {
    width: 100px;
    height: 55px;
    background-color: #f84545;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 3px 3px black;
    /* border: solid 2px blue; */

}

.botom-saiba-mais h1 {
    color: #fff;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

}

.saiba a:link {
    text-decoration: none;
}

.contato-home {
    width: 100%;
    height: auto;
    /* margin-top: 30px; */
    color: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/contato-home-final.png");
    padding-top: 10px;
    /* border: solid 2px blue; */

}

.contato-home2 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    /* border: solid 2px blue; */
    margin: 0;
}

.contato1 {
    width: 20%;
    height: auto;
    /* border: solid 2px blue; */
    margin: 0;
}

.contato2 {
    width: 20%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    /* border: solid 2px blue; */
    margin: 0 5%;
}

.contato3 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    /* border: solid 2px rgb(33, 33, 36); */


}

.contato3 img {
    width: 40px;
    height: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: 10px;
    

}

.contato-inf {
    display: flex;
    flex-direction: row;
    margin: 0;
    /* border: solid 2px rgb(30, 30, 173); */
    /* margin-bottom: 5px; */
    /* border: solid 2px blue; */

}
.contato-inf a:link, a:visited {
    color: #fff;
    font-weight: 300;
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    text-decoration: none;
    /* border: solid 2px blue; */

}



.contato-inf .icone-email {
    width: 15px;
    height: 18px;
    color: #f84545;
    margin-left: 25px;
    margin-top: 1%;

}

.contato-inf h5 {
    font-weight: 200;
    font-size: 0.9em;
}

.titulo-contato {
    margin-bottom: 20px;
    padding-top: 10px;
    font-size: 1.3em;
    /* border: solid 2px blue; */

}

.contato-home2 h1 {
    font-size: 14px;
    margin-top: 7px;
    padding: 0;
    /* border: solid 2px blue; */
    /* font-weight: 100; */

}

.contato4 {
    width: 20%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    /* border: solid 2px blue; */
    /* background-color: rgb(60, 85, 85); */
}

.links {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    /* border: solid 2px rgb(33, 33, 36); */
}

.links a:link,
a:visited {
    text-decoration: none;
    color: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    text-align: start;
    margin-left: 0;
}




.rodape {
    width: 100%;
    height: 70px;
    background-color: #2b2b2b;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding-top: 10px;

}

.rodape h3 {
    color: #919191;
    font-weight: 100;
    font-size: 14px;
    /* background-color: #f84545; */
}

/* Fim do css da tela home */

/* Inicio do css da tela empresa */

.banner1-tela-empresa {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    /* background-color: #47464b; */
}

.banner1-1-tela-empresa {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    /* background-color: #47464b; */
}

iframe {
    width: 700px;
    height: 400px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 50px;

}

.quem-somos {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.quem-somos h3 {
    color: #f84545;
    font-weight: 900;

}

.quem-somos h1 {
    width: 70%;
    text-align: justify;
    font-size: 1em;
    line-height: 1.4;
    font-weight: 500;
    color: #373636;
    font-family: Arial, Helvetica, sans-serif;
}

.imagem-rotativa-empresa img {
    margin: 0;
    margin-top: 30px;
    width: 100%;
    height: auto;
    padding: 0;
    
    /* border: solid 2px red; */
}

.banner2-tela-empresa {
    width: 100%;
    height: 450px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #f84545;
    /* border: solid 2px blue; */
}

.banner2-2-tela-empresa {
    width: 90%;
    height: 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    background-color: #f84545;
    /* border: solid 2px blue; */
}

.area-atuacao {
    width: 53%;
    height: 90%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: solid 2px rgb(9, 9, 10); */
}

.area-atuacao1 {
    width: 90%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    /* border: solid 2px blue; */
}

.area-atuacao1 h3 {
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-bottom: 5%;
    /* border: solid 2px blue; */
}

.area-atuacao1 h1 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    font-size: 1em;
    margin: 5% 0;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
    /* border: solid 2px blue; */
}

.area-atuacao1 h5 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: justify;
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.5;
    font-family: Arial, Helvetica, sans-serif;
    /* border: solid 2px blue; */
}

.banner2-1-tela-empresa-imagem {
    width: 45%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:flex-end;
    align-items: center;
    /* border: solid 2px blue; */
}

.banner2-1-tela-empresa-imagem img {
    width: 100%;
    height: 95%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    /* border: solid 2px blue; */
}

.banner3-tela-empresa {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-image: url("../img/imagem-2-tela-empresa.png");
    /* border: solid 2px blue; */
}

.banner3-2-tela-empresa {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 4%;
    margin-bottom: 55px;
    /* border: solid 2px blue; */
}

.missao-valor {
    width: 23%;
    height: 320px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    color: #fff;
    background-color: #f84545;
    margin: 10px 30px;
    padding: 20px;
    padding-top: 5px;
    /* border: solid 2px blue; */
}


.missao-valor h3 {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: left;
    line-height: 25px;
    font-weight: 200;
    font-size: 1.2em;
    text-align: justify;
    /* margin-top: 10px; */
}

.visao {
    width: 23%;
    height: 320px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    /* border: solid 2px rgb(33, 33, 36); */
    font-size: 12px;
    color: #f84545;
    background-color: #fff;
    margin: 10px;
    padding: 20px;
    padding-top: 0;
    border: solid 1px #f84545;
}


.visao h3 {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: justify;
    line-height: 25px;
    font-weight: 200;
    font-size: 1.2em;
    /* margin-top: 20px; */
}

#h3-titulo-tela-empresa {
    margin-top: 12%;
    margin-bottom: 7%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: justify;
    align-items: center;
    font-weight: 600;
    font-size: 1.8em;
}

/* Fim do css da tela empresa */

/* Inicio do css da tela solucoes */

.solucoes-projetos{
    background-image: url("../img/imagem1-tela-solucoes.png");
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: solid 2px yellow; */
}

.box-solucoes-tela-solucoes {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    /* border: solid 5px rgb(123, 0, 255); */
    padding: 0;
    margin-top: 6%;
}

.box-solucoes1-tela-solucoes {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    /* border: solid 5px rgb(66, 63, 64); */
    padding: 0;
}

.box-solucoes1-1-tela-solucoes {
    width: 75%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    background-color: #f84545;
    padding-bottom: 2%;
    /* border: solid 2px yellow; */
}

.texto-box-solucoes1-1-tela-solucoes {
    width: 50%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    /* border: solid 2px yellow; */
    margin-top: 1%;
    padding-left: 2%;
}

.texto-box-solucoes1-1-tela-solucoes h3 {
    color: #fff;
}

.texto2-box-solucoes1-1-tela-solucoes{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 3%;
    line-height: 2;
    /* border: solid 2px yellow; */
}

.texto2-box-solucoes1-1-tela-solucoes h1 {
    font-size: 1em;
    color: #fff;

}

.box-solucoes1-tela-solucoes img {
    width: 35%;
    height: 47%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    padding-left: 3%;

}

.box-projetos-tela-solucoes{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    /* border: solid 5px rgb(123, 0, 255); */
    padding: 0;
    margin-top: 2%;
    margin-bottom: 2%;
}

.box-projetos1-tela-solucoes {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    /* border: solid 5px rgb(66, 63, 64); */
    margin-top: 4%;
    margin-bottom: 3%;

}

.box-projetos1-1-tela-solucoes {
    width: 75%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    background-color: #707070;
    /* border: solid 2px yellow; */

}

.texto-box-projetos1-1-tela-solucoes {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    /* border: solid 2px yellow; */
    margin-top: 1%;
    margin-left: 1%;
}

.texto-box-projetos1-1-tela-solucoes h3 {
    color: #fff;
}

.texto2-box-projetos1-1-tela-solucoes{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 3%;
    padding-bottom: 2%;
    /* background-color: #47464b; */
    /* border: solid 2px yellow; */
}

.texto2-box-projetos1-1-tela-solucoes h1 {
    font-size: 1em;
    color: rgb(255, 255, 255);
    margin-bottom: 3%;


}

.box-projetos1-tela-solucoes img {
    width: 36%;
    height: 47%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    padding-right: 3%;

}

/* Fim do css da tela solucoes */

/* Inicio do css da tela ferramentas */
    .pagina-ferramentas{
        width: 100%;
        height: auto;
        /* border: solid 2px blue; */
    }

    .imagem-superior{
        width: 100%;
        height: auto;
        
    }

    .imagem-superior img {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .linha-superior {
        width: 100%;
        height: 3%; 
        background-color: #403f3f;
        position: absolute;
        display: block;
    }


    .conteudo-tela-ferramentas{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        /* border: solid 5px blue; */
        /* padding-bottom: 10px; */
        /* margin-bottom: 10px; */
    }

        
    .coluna-central-tela-ferramenta {
        width: 50%;
        height: 100%;
        min-height: 1225px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background-color: #4a4a4c;
        /* border: solid 2px blue; */
    }

    .conteudo-tela-ferramentas img {
        width: 42%;
        height: 60%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        position: absolute;
        margin-top: 4%;
        z-index: 201;
        /* border: solid 2px blue; */

    }



    .texto-tela-ferramenta{
        width: 90%;
        height: auto;
        margin-top: 15%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        z-index: 199;
        margin-bottom: 5px;
        /* border: solid 2px blue; */
      
    }

    .texto-tela-ferramenta h5 {
        color: #fff;
        font-weight: 300;
        font-size: 1em;
        line-height: 1.5em;
        text-align: justify;
        }

        #im-inferior{
            margin-top: 4%;
            width: 50%;
            height: auto;
            margin-top: 10%;
            top:1080px;
            z-index: 195;
        }

        .x12 {
            background-color: #ef4545;
            width: 100%;
            height: 300px;
            z-index: 200;
            position: absolute;
            /* display:none ; */
            float: top;
            top: 480px;
            left: 0;
        }

    
/* Fim do css da tela ferramentas */

/* Inicio do css da tela Clientes */
        .tudo-tela-clientes{
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }

        .imagem-superior-clientes{
            width: 100%;
            height: auto;
        }
        .imagem-superior-clientes img {
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;

        }


        .linha-superior-tela-clientes {
            width: 100%;
            height: 25px;
            background-color: #2b2b2b;
            margin-bottom: 3%;
        }

        .tudo2-tela-clientes{
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            /* border: solid 2px blue; */
            
        }
        .tudo2-tela-clientes h1 {
            color: #f84545;
            font-size: 2.5em;
            text-align: center;
        }

        .caixas-gerais{
            width: 60%;
            height: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            /* border: solid 2px blue; */
            margin-bottom: 3%;
        }

        .caixas-gerais img{
            border: solid 1px #cccccc;
            width: 30%;
            height: auto;
            margin: 1%;
            padding: 2%;
        }
/* Fim do css da tela Clientes *

/* Inicio do css da tela Contato */

.tudo-tela-contato{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.imagem-superior-contato{
    width: 100%;
    height: auto;
}
.imagem-superior-contato img {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

}


.linha-superior-tela-contato {
    width: 100%;
    height: 70px;
    background-color: #414040;
    margin-bottom: 1%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    /* border: solid 2px blue; */
}

.linha-superior-tela-contato h1 {
    color: #919191;
    font-size: 1.5em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}

.informacoes-geral{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: solid 2px blue; */

}

.linha1-informacoes{
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    /* border: solid 2px blue; */
    margin-bottom: 2%;
  
}

.coluna-informações{
    width: 22%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: solid 2px blue; */
    margin: 1%;
   
}

.risco-interno {
    width: 2px;
    height: 250px;
    background-color: #cccccc;
    
}

.coluna-informações h1 {
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    font-size: 1.4em;
    color: #4a4848;
}
.coluna-informações h5 {
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 1em;
    color: #717171;
    font-weight: 700;
    /* border: solid 2px blue; */
}

.midia{
    width: 80%;
    height: auto;
    /* border: solid 2px blue; */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.facebook {
    width: 54%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    /* border: solid 2px blue; */
    margin: 0;
}

.facebook img {
    width: 20%;
    height: 20%;
    padding-top: 2%;
}

.facebook h1 {
    font-size: 1em;
    padding-left: 2%;
    font-weight: 600;
     padding-top: 2%;
}

.insta {
    width: 50%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    margin-left: 1%;
    /* border: solid 2px blue; */
}

.insta img {
    width: 20%;
    height: 20%;
    /* padding-top: 1%; */
}

.insta h1 {
    font-size: 1em;
    padding-left: 2%;
    font-weight: 600;
     padding-top: 1%;
}

.linha2-informacoes{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    /* border: solid 2px blue; */
    background-color: #F7F7F7;
 
  
}

.box-contato-localização-contato {

    width: 75%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #F7F7F7;
    /* border: solid 2px blue; */
    margin-bottom: 2%;
    margin-top: 2%;
}

.contato-contato{
    width: 60%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    /* border: solid 2px rgb(196, 39, 47); */
}

.escrito-contato{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    /* border: solid 2px blue; */
    margin-top: 2%;

}


.escrito-contato h1 {
    color: #403F3F;
    font-size: 1.5em;
    font-weight: 800;
}

.informacoes-contato{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 3%;
    /* border: solid 2px rgb(196, 39, 47); */
}


.texto-box1 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    /* border: solid 2px rgb(89, 39, 196); */
}

.texto-box1 input {
    width: 47%;
    border: 1px solid #ccc;
    outline: 0;
    padding: 1%;
    background-color: #F7F7F7;
    border-radius: 5px;
}

.texto-box2-contato{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 3%; 
}

.texto-box2-contato input {
    width: 100%;
    border: 1px solid #ccc;
    outline: 0;
    padding: 1%;
    background-color: #F7F7F7;  
    border-radius: 5px;
}


.texto-box3{
    width: 100%;
    height: auto;
    margin-top: 3%;
}

.texto-box3 textarea{
    width: 100%;
    height: 230px;
    border: 1px solid #ccc;
    outline: 0;
    padding: 1%;
    background-color: #F7F7F7;
    border-radius: 1%;
}

.botao-contato{
    width: 100%; 
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    margin: 2% 0;
    /* border: solid 2px rgb(89, 39, 196); */
}

.botao-contato button {
    width: 15%; 
    height: auto;
    font-size: 1em;
    color: #fff;
    background-color: #E7272D;
    border: none;
    padding: 1%;
    
}
.botao-contato button:hover {
    background-color: #966e6f;
}

.botao-contato button:active {
    background-color: #3e3d3f;
}

.map-responsive{
    width: 40%;
    height: 450px;
    /* border: solid 2px blue; */

}

.map-responsive h1 {
    color: #403F3F;
    font-size: 1.5em;
    font-weight: 800;
    margin-top: 1%;
    padding: 2% 0;
    margin-left: 4%;
}

.map-responsive iframe{
    width: 100%;
    height: 80%;
    /* border: solid 2px blue; */
    padding: 2%;
    margin-left: 2%;

}
/* Fim do css da tela Contato */

/* Botão- bonitinho */

.botão-celular {
    display: none;
}
/* Fim botão bonitinho */


/* Botão whats */

.whats {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 200px;
    height: 40px;
    bottom: 5%;
    right: 1px;
    background-color: #4ca735;
    border-radius: 50px;
    box-shadow: 1px 1px 2px #888;
    z-index: 1000;
    text-decoration: none;
    /* border: solid 2px red; */
}

.whats img {
    width: 15%;
    height: 65%;
}


.whats h1#t {
    width: auto;
    height: auto;
    color: #fff;
    font-size: 0.9em;
    text-decoration: none;
    font-family: 'Arial';
    /* border: solid 1px blue; */
    margin: 0;
    padding: 0;
    
}


/* Fim botão whats */

/* Inicio LGPD */

.box-cookies {
    width: 100%;
    height: auto;
    position: fixed;
    bottom: 1%;
    z-index: 1000;
    background: rgba(31, 28, 28, 0.9);
    box-shadow: 5px 5px 5px rgba(88, 88, 88, 0.5);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    padding: 20px 30px;
    
}

.box-cookies h1{
    font-family: 'Arial';
    text-align: justify;
    font-size: 1em;
    color: rgb(209, 219, 218);
    /* border: solid 2px blue; */
    margin: 0;
    padding: 0;
    
}

#x:link,#x:visited {
    font-family: 'Arial';
    text-align: justify;
    color: rgb(171, 171, 179);
    font-size: 1em;
    text-decoration: none;
    /* border: solid 2px blue; */
    margin: 0;
    padding: 0;
    margin-left: 4px;
    
}

#x:hover {
    color: rgb(241, 227, 230);
    
}


.botao {
    width: 85px;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    margin-left: 3px;
    /* border: solid 3px blue; */

}


.botao-a {
    background: rgb(177, 17, 44);
    border-radius: 5px;
    cursor: pointer;
    align-self: normal;
    color: #fff;
    width: 80px;
   margin-bottom: 5px;
}

.botao-r {
    background: red;
    border-radius: 5px;
    cursor: pointer;
    align-self: normal;
    color: #fff;
    width: 80px;
    
}




.fechar{
    display:none;
    z-index:-99;
    /* background-color:blue; */
    /* border: solid 2px red; */
  }

  .titulo {
    font-weight: bolder;
    font-size: 22px;
    /* text-decoration: underline; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: right;
    background-color: #fff;
    margin-bottom: 10px;
    margin-top: 30px;
}

.titulo1 {
    font-weight: bolder;
    font-size: 18px;
    /* text-decoration: underline; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: right;
    background-color: #fff;
    /* margin-bottom: 10px; */
    margin-top: 30px;
}
/* Fim LGPD */

@media (max-width: 950px) {
    /* Inicio do css da tela home */

    .box-total {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }

    main{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /* border: solid 2px blue; */
    }

    header {
        width: 100%;
        height: auto;
        /* border: solid 2px blue; */
        /* background-color: rgb(42, 150, 69); */
    }

    .box-banner {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 20px 0;
        /* background-color: #686868; */
        border-bottom: solid 5px red;
        /* background-color: blue; */
    }

    .banner-p1 {
        width: auto;
        height: auto;
        display: none;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0;
        color: #000;
        font-size: 14px;
        z-index: 99;
        /* background-color: blueviolet; */
    }

    .banner-img1 {
        color: red;
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        /* border: solid 2px blue; */
    }

    .banner-img1 img {
        width: 50px;
        height: 25px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-end;
        /* border: solid 2px blue; */
        margin-right: 5px;
    }

    .banner-img2 {
        width: auto;
        height: auto;
        display: none;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-end;
        /* border: solid 2px blue; */
        /* margin-left: 200px; */
        margin-bottom: 6px;

    }

    .banner-img2 img {
        width: 50px;
        height: 25px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /* border: solid 2px blue; */
        margin-right: 5px;
    }

    .banner-p2 {
        width: 80%;
        height: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0;
        /* background-color: blue; */
        /* border: solid 2px red; */
    }

    .banner-p2 img {
        width: 80%;
        height: auto;
        margin: 10px 0;

    }

    .banner-p3 {
        width: 500px;
        height: 100%;
        display: none;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        /* background-color: brown; */
        /* border: solid 2px blue; */
    }

    .email-menu {
        width: 100%;
        display: none;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        /* border: solid 2px blue; */
        margin-top: 2px;

    }

    .email-menu img {
        width: 30px;
        height: 25px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        /* border: solid 2px blue; */
        margin: 0;
    }

    .box-menu {
        width: 100%;
        height: 40%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0;
        padding: 5%;
        /* border-width: 1px; */
        background-image: linear-gradient(to bottom, black, rgb(77, 75, 75));
         /* border: solid 2px blue; */
    }

    #ul-menu {
        width: 100%;
        /* background-color: royalblue; */
        height: 50px;
        display: none;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;

    }

    #ul-menu li {
        display: none;
        margin: 0 20px;
        color: #fff;
        list-style-type: none;
        font-weight: bolder;
        font-size: 16px;
        /* border: solid 2px black; */
    }

    #ul-menu li:hover {
        color: #f84545;
        transition: 0.3s ease-in;
    }

/* Botao chamar menu */

    .botão-celular {
        width: 25%;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 1%;
        /* border: solid 3px  blue; */
        border: none;
        text-align: center;
        /* background-color: rgb(67, 177, 36); */
    }

    .btn {
        width: 50%;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0;
        text-align: end;
        background-color: transparent;
        box-shadow: none;
        border: none;
        /* border: solid 1px black; */
        /* border: solid 2px #fff; */
   
    }

.btn:active {
    background-color: transparent;
    border: transparent;
    box-shadow: transparent;
}

.btn:visited{
    background-color: transparent;
    border: transparent;
    box-shadow: transparent;

}


    .btn img {
        width: 60%;
        height: 40%;
        /* margin-right: 80%; */
        /* background-color: #fff; */
    }

    .botão-celular h1 {
        font-size: 0.8em;
        color: #fff;
        margin-top: 4%;
        margin-left: 4%;
    }

    .offcanvas{
        width:80%; 
        height: auto;
    
    
    }
    
    .offcanvas-header {
        width: 100%;
        height: auto;
        background-color: rgb(117, 116, 116);
    }
    .x-white{
        color: #fff;
    }

    .offcanvas-body{
        background-color: rgb(165, 160, 160);
    }
    
    .box-menu-teste {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        /* border: solid 2px blue; */
    }
    
     #ul-menu-teste {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        text-decoration: none;
        /* border: solid 2px blue; */
        margin: 0;
        padding: 0;
        background-image: linear-gradient(to bottom, black, rgb(77, 75, 75));
       
    
    }
    
    .linha {
        width: 100%;
        height: 3px;
        background-color:#f6f6f6; 
    }
    
    #ul-menu-teste li,
    a {
        color: #fff;
        list-style-type: none;
        font-weight: 600;
        font-size: 14px;
        text-decoration: none;
        margin: 5%;
    
    }
    
    #ul-menu-teste a:link a:visited {
        text-decoration: none;
        color: #fff
    }
    
    #ul-menu-teste li:hover {
        color: #f84545;
        transition: 0.3s ease-in;
        text-decoration: none;
    }
    
    #ul-menu-teste li:hover a:hover {
        color: #f84545;
        transition: 0.3s ease-in;
        text-decoration: none;
    }
    
    /* #divBusca{
        background-color: #fff;
        border:solid 1px;
        width: 100%;
        height: 7%;
        padding: 2%;
      }
      
      #txtBusca{
        float:left;
        font-size: 1em;
        border:none;
        height:auto;
        width: 90%;
      } */

/* Fim botao menu celular */

    .carousel {
        margin: 0;
        padding: 0;
        width: auto;
        height: auto;
    }

    .box-menu2 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0;
        /* border-width: 1px; */
        background-image: url("");
        background-color: #2b2b2b;
         /* border: solid 2px blue; */

    }

    #ul-menu2 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0;

    }

    #ul-menu2 li {
        height: auto;
        padding: 2px 0;
        color: #fff;
        list-style-type: none;
        /* background-color: rgb(27, 76, 118); */
        border-left: none;
        border-right: none;
        font-size: 1.2em;
    }

    #span-menu2-a {
        border-right: none;
        height: 30px;

    }

    #span-menu2-b {
        border-left: none;
        height: 30px;
    }

    .box-solucoes {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 10px 20px;
        /* background-color: bisque; */
        /* border: solid 2px blue; */
    }

    .texto-gestao {
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        margin: 0;
        padding: 0;
        /* border: solid 2px blue; */
        margin-top: 30px;
        margin-bottom: 10px;
        color: red;
    }

    .box-cards {
        width: 100%;
        height: 80%;
        margin-top: 30px;
        /* margin-left: 100px; */
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0;

    }

    .box-cards2 {
        width: 100%;
        height: 80%;
        margin-top: 30px;
        /* margin-left: 100px; */
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 8%;
        /* border: solid 2px blue; */

    }

    .cards-individual1 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        /* border: solid 2px rgb(33, 33, 36); */
        font-size: 12px;
        color: #fff;
        background-color: #f84545;
        margin: 2%;
        padding: 4%;
        /* padding-top: 35px; */
    }



    .cards-individual1:hover {
        background-color: #686868;
        transition: 0.5s ease-in;

    }

    .cards-individual1 h3 {
        width: 100%;
        height: auto;
        list-style-type: none;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        text-align: left;
        line-height: 25px;
        font-weight: 200;
        font-size: 1.2em;
        margin-top: 10px;
        margin: 2%;
        padding: 4%;
    }

    #h3-titulo {
        margin-bottom: 8px;
        padding-top: 20px;
        font-size: 16px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        text-align: center;
        align-items: center;

    }

    .cards-individual2 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        /* border: solid 2px rgb(33, 33, 36); */
        font-size: 12px;
        color: #fff;
        background-color: #f84545;
        margin: 2%;
        padding: 4%;
    }

    .cards-individual2:hover {
        background-color: #686868;
        transition: 0.5s ease-in;

    }

    .cards-individual2 h3 {
        list-style-type: none;
        /* margin: 0 30px; */
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        text-align: left;
        line-height: 25px;
        /* background-color: #686868; */
        margin-bottom: 5px;
        font-weight: 200;
        font-size: 1.2em;
        margin-top: 10px;
    }

    .banner2 {
        width: 100%;
        height: auto;
        margin-top: 15px;
        /* margin-bottom: 30px; */
        /* padding-top: 10%; */
        color: #fff;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("");
        background-color: #f84545;

    }

    .box-texto2 {
        width: 80%;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /* border: solid 2px rgb(33, 33, 36); */
        /* background-color: #373636; */
    }

    .banner2 img {
        width: 28px;
        height: 100%;
        /* margin-right: 20px; */
        /* border: solid 2px rgb(186, 186, 190); */
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;

    }


    .banner2 h1 {
        font-size: 30px;
        margin-bottom: 10px;

    }

    .texto-box2 {
        width: 100%;
        height: auto;
        font-size: 15px;
        display: block;
        /* border: solid  2px blue; */
        margin-bottom: 15px;
        margin-top: 10px;
        padding: 0 15%;
        font-size: 0.9em;
    }

    .box-texto3 {
        display: flex;
        flex-direction: row;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;

    }

    .box-menu3 {
        width: 100%;
        height: auto;
        font-size: 15px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        /* border: solid  2px blue; */
        margin: 0;
        padding: 0;
        margin-top: 5px;

    }

    .cards-individual3 {
        width: 350px;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        /* border: solid 2px rgb(33, 33, 36); */
        font-size: 12px;
        color: #fff;
        background-color: #f84545;
        margin: 10px;
        padding: 20px;
        padding-top: 5px;

    }

    .cards-individual3:hover {
        background-color: #686868;
        transition: 0.5s ease-in;

    }

    .cards-individual3 h3 {
        list-style-type: none;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        text-align: left;
        line-height: 25px;
        /* background-color: #686868; */
        font-weight: 200;
        font-size: 1.2em;
        margin-top: 10px;
    }


    .cards-individual4 {
        width: 350px;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        border: solid 2px rgb(33, 33, 36);
        font-size: 12px;
        color: gray;
        background-color: #fff;
        margin: 10px;
        padding: 20px;
        padding-top: 5px;
        border: solid 1px #f84545;
    }


    .cards-individual4 h3 {
        list-style-type: none;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        text-align: left;
        line-height: 25px;
        /* background-color: #686868; */
        font-weight: 200;
        font-size: 1.2em;
        /* margin-top: 20px; */
    }

    .box2 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background-color: #f84545;
        /* margin-bottom: 40px; */

    }

    .box2-2 {
        width: 90%;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background-color: #373636;
        /* border: solid 2px blue; */

    }

    .box2-2 img {
        width: 90%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /* margin: 10px; */
        /* border: solid 2px blue; */
    }

    .saiba {
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-bottom: 5%;
        /* border: solid 2px blue; */
    }

    .saiba h3 {
        color: #fff;
        font-size: 25px;
        margin-bottom: 10px;
        /* border: solid 2px blue; */
    }

    .botom-saiba-mais {
        width: 100px;
        height: 55px;
        background-color: #f84545;
        border-radius: 3px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 3px 3px black;
        /* border: solid 2px blue; */

    }

    .botom-saiba-mais h1 {
        color: #fff;
        font-size: 14px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;

    }

    .saiba a:link {
        text-decoration: none;
    }


    /* Inicio css Footer */
    .contato-home {
        width: 100%;
        height: auto;
        /* margin-top: 40px; */
        color: #fff;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("");
        background-color: #47464b;
        padding-top: 10px;
        /* border: solid 2px blue; */

    }

    .contato-home2 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        /* border: solid 2px red; */
        /* margin-left: 3%; */
        padding-left: 6%;
    }

    .contato1 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        /* border: solid 2px blue; */
        /* background-color: rgb(107, 100, 130); */
    }

    .contato1 h1 {
        line-height: 0.4;

    }

    .contato2 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        /* border: solid 2px blue; */
        margin: 0;
        text-align: center;
    }

    .contato3 {
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        /* border: solid 2px #fff; */

    }

    .contato3 img {
        width: 40px;
        height: 20px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        margin-right: 10px;

    }

    .contato-inf {
        display: flex;
        flex-direction: row;
        /* border: solid 2px rgb(30, 30, 173); */
        margin-bottom: 4px;
    }

    .contato-inf h5 {
        font-weight: 200;
        font-size: 0.9em;
    }

    .titulo-contato {
        margin-bottom: 10px;
        padding-top: 20px;
        font-size: 1.3em;
        /* border: solid 2px blue; */
    }

    .contato-home2 h1 {
        font-size: 14px;
        margin-top: 7px;
        padding: 0;
        /* border: solid 2px blue; */
        font-weight: 200;

    }

    .contato4 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        /* border: solid 2px blue; */
    }

    .links {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
       
        /* border: solid 2px rgb(33, 33, 36); */
    }

    .links a {
        width: 100%;
        height: 28px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        font-size: 1em;
        margin: 0; 
        line-height: 2%;
        padding: 0;
        /* border: solid 2px rgb(34, 34, 114); */
    }

    .rodape {
        width: 100%;
        height: auto;
        background-color: #2b2b2b;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 30px 10px;
        /* padding-top: 10px; */
    }

    .rodape h3 {
        color: #919191;
        font-weight: 100;
        font-size: 12px;
        text-align: center;
        /* background-color: #f84545; */
    }


    /* fim css do Footer */

    /* Fim do css da tela home */

    /* Inicio do css da tela empresa */
    .banner1-tela-empresa {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-end;
        margin-top: 0;
        /* background-color: #47464b; */
        /* border: solid 2px blue; */
    }

    .banner1-1-tela-empresa {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /* background-color: #47464b; */
        /* border: solid 2px blue; */
    }

    .banner1-2-tela-empresa {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /* background-color: #47464b; */
        /* border: solid 2px blue; */
        background-image: url("../img/fundo-video-tela-empresa.png");
    }

    .video {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        margin-top: 4%;
        margin-bottom: 4%;
        padding: 5%;
    }


    iframe {
        width: 90%;
        height: auto;
        margin-bottom: 0;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        border: solid 1px gray;
        /* border: solid 2px blue; */
    }

    .quem-somos {
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-top: 2%;
        /* border: solid 2px blue; */
    }

    .quem-somos h3 {
        color: #f84545;
        font-weight: 950;
        line-height: 1.6em;
    }

    .quem-somos h1 {
        width: 85%;
        text-align: justify;
        font-size: 1em;
        line-height: 1.4em;
        font-weight: 500;
        color: #373636;
        font-family: Arial, Helvetica, sans-serif;
    }

    .imagem-rotativa-empresa img {
        margin-top: 20px;
        width: 100%;
        height: 200px;
    }

    .banner2-tela-empresa {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        background-color: #f84545;
        /* border: solid 2px blue; */
    }

    .banner2-2-tela-empresa {
        width: 100%;
        height: 60%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background-color: #f84545;
        /* border: solid 2px blue; */
    }

    .area-atuacao {
        width: 100%;
        height: 80%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-top: 15%;
        /* border: solid 2px rgb(9, 9, 10); */
    }

    .area-atuacao1 {
        width: 90%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /* border: solid 2px blue; */
    }

    .area-atuacao1 h3 {
        width: 90%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        color: #fff;
        margin-bottom: 5%;
        /* border: solid 2px blue; */
    }

    .area-atuacao1 h1 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        color: #fff;
        font-size: 1em;
        margin: 5% 0;
        font-weight: 500;
        font-family: Arial, Helvetica, sans-serif;
        /* border: solid 2px blue; */
    }

    .area-atuacao1 h5 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: justify;
        color: #fff;
        font-size: 1em;
        font-weight: 500;
        line-height: 1.5;
        font-family: Arial, Helvetica, sans-serif;
        /* border: solid 2px blue; */
    }

    .banner2-1-tela-empresa-imagem {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 10%;
        /* border: solid 2px blue; */
    }

    .banner2-1-tela-empresa-imagem img {
        width: 100%;
        height: 100%;
        /* border: solid 2px blue; */
    }

    .banner3-tela-empresa {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background-image: url("../img/imagem-2-tela-empresa.png");
        /* border: solid 2px blue; */
    }

    .banner3-2-tela-empresa {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-top: 20%;
        /* border: solid 2px blue; */
    }

    .missao-valor {
        width: 80%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        color: #fff;
        background-color: #f84545;
        /* border: solid 2px blue; */
    }


    .missao-valor h3 {
        list-style-type: none;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        text-align: center;
        line-height: 25px;
        font-weight: 200;
        font-size: 1.2em;
        text-align: justify;
        /* margin-top: 10px; */
    }

    .visao {
        width: 80%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        margin-top: 8%;
        margin-bottom: 8%;
        color: #f84545;
        background-color: #fff;
        border: solid 1px #f84545;
    }


    .visao h3 {
        list-style-type: none;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        text-align: justify;
        line-height: 25px;
        font-weight: 200;
        font-size: 1.2em;
        /* margin-top: 20px; */
    }

    #h3-titulo-tela-empresa {
        margin-top: 10%;
        margin-bottom: 7%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        text-align: justify;
        align-items: center;
        font-weight: 600;
        font-size: 1.8em;
    }
    /* Fim do css da tela empresa */


    /* Inicio do css da tela solucoes */

    .solucoes-projetos{
        background-image: url("../img/imagem1-tela-solucoes.png");
        width: 100%;
        height: auto;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /* border: solid 2px yellow; */
    }
    
    .box-solucoes-tela-solucoes {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /* border: solid 5px rgb(123, 0, 255); */
        padding: 0;
        margin-top: 3%;
    }
    
    .box-solucoes1-tela-solucoes {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        /* border: solid 5px rgb(66, 63, 64); */
        padding: 0;
        
    }
    
    .box-solucoes1-1-tela-solucoes {
        width: 80%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background-color: #f84545;
        /* padding-bottom: 1%; */
        /* border: solid 2px yellow; */
    }
    
    .texto-box-solucoes1-1-tela-solucoes {
        width: 80%;
        height: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /* border: solid 2px yellow; */

    }
    
    .texto-box-solucoes1-1-tela-solucoes h3 {
        color: #fff;
        
    }
    
    .texto2-box-solucoes1-1-tela-solucoes{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        /* border: solid 2px yellow; */
        text-align: justify;
    }
    
    .texto2-box-solucoes1-1-tela-solucoes h1 {
        font-size: 0.9em;
        color: #fff;

    
    }
    
    .box-solucoes1-tela-solucoes img {
      display: none;
    
    }
    
    .box-projetos-tela-solucoes{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        /* border: solid 5px rgb(123, 0, 255); */
        margin-top: 0;
        margin-bottom: 0;

    }
    
    .box-projetos1-tela-solucoes {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-end;
        /* border: solid 5px rgb(66, 63, 64); */
        margin-top: 0;
    
    }
    
    .box-projetos1-1-tela-solucoes {
        width: 80%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background-color: #707070;
        /* border: solid 2px yellow; */
        margin-top: 3%;
      
    }
    
    .texto-box-projetos1-1-tela-solucoes {
        width: 80%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-top: 2%;
        /* border: solid 2px yellow; */
    }
    
    .texto-box-projetos1-1-tela-solucoes h3 {
        color: #fff;
    }
    
    .texto2-box-projetos1-1-tela-solucoes{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: justify;
        /* background-color: #47464b; */
        /* border: solid 2px yellow; */
        
    }
    
    .texto2-box-projetos1-1-tela-solucoes h1 {
        font-size: 0.9em;
        color: rgb(255, 255, 255);
        /* margin-bottom: 3%; */
    }
    
    .box-projetos1-tela-solucoes img {
    display: none;
    }
    
    /* Fim do css da tela solucoes */

/* Inicio do css da tela ferramentas */

.pagina-ferramentas{
    width: 100%;
    height: auto;
    /* border: solid 2px blue; */
}

.imagem-superior{
    width: 100%;
    height: auto;
    
}

.imagem-superior img {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.linha-superior {
    width: 100%;
    height: 3%; 
    background-color: #403f3f;
    position: absolute;
}

.linha-superior2 {
    width: 50%;
    height: 4%; 
    background-color: #4a4a4c;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: 25%;
    /* border: solid 5px blue; */
    margin-bottom: 0;
}


.conteudo-tela-ferramentas{
    width: 100%;
    height: 1000px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    /* border: solid 2px blue; */
}

.conteudo-tela-ferramentas img {
    width: 83%;
    height: 37%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    margin-top: 15%;
    z-index: 201;
    /* border: solid 2px blue; */

}


.coluna-central-tela-ferramenta {
    width: 90%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    background-color: #4a4a4c;
    /* border: solid 2px blue; */
}

.texto-tela-ferramenta{
    width: 90%;
    height: auto;
    margin-top: 100%;
    padding-top: 10%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: solid 2px blue; */
  
}

.texto-tela-ferramenta h5 {
    color: #fff;
    font-weight: 300;
    font-size: 1em;
    line-height: 1.4em;
    text-align: justify;
    }

    .imagem-inferior{
        width: 100%;
        height: 20%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        /* border: solid 2px blue; */
        /* background-image: url("../img/imagem3-tela-ferramentas.png"); */
        margin-top: 0;
    }
    
    .imagem-inferior img{
        /* margin-top: 4%; */
        width: 90%;
        height: 25%;
        padding-bottom: 8%;
    }



    .x12 {
        background-color: #ef4545;
        width: 100%;
        height: 300px;
        z-index: 200;
        position: absolute;
        display: none;
        float: top;
        top: 480px;
        left: 0;
    }

    
    #im-inferior{
        margin-top: 4%;
        width: 90%;
        height: auto;
        margin-top: 10%;
        top:1030px;
        z-index: 195;
    
    }
/* Fim do css da tela ferramentas */

/* Inicio do css da tela Clientes */
.tudo-tela-clientes{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.imagem-superior-clientes{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

}
.imagem-superior-clientes img {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}


.linha-superior-tela-clientes {
    width: 100%;
    height: 25px;
    background-color: #2b2b2b;
    margin-bottom: 3%;
}

.tudo2-tela-clientes{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: solid 2px blue; */
    
}
.tudo2-tela-clientes h1 {
    color: #f84545;
    font-size: 2.5em;
    text-align: center;
}

.caixas-gerais{
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: solid 2px blue; */
    margin-bottom: 3%;
}

.caixas-gerais img{
    border: solid 1px #cccccc;
    width: 100%;
    height: auto;
    margin: 3%;
    padding: 2%;
}
/* Fim do css da tela Clientes */


/* Inicio do css da tela Contato */

.tudo-tela-contato{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.imagem-superior-contato{
    width: 100%;
    height: auto;
}
.imagem-superior-contato img {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

}


.linha-superior-tela-contato {
    width: 100%;
    height: 70px;
    background-color: #414040;
    margin-bottom: 1%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    /* border: solid 2px blue; */
}

.linha-superior-tela-contato h1 {
    color: #919191;
    font-size: 1.5em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}

.informacoes-geral{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: solid 2px blue; */

}

.linha1-informacoes{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: solid 2px blue; */
    margin-bottom: 2%;
    margin-top: 2%;
  
}

.coluna-informações{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: solid 2px blue; */
    margin-bottom: 10%;
   
}

.risco-interno {
    width: 2px;
    height: 250px;
    background-color: #cccccc;
    display: none;
}

.coluna-informações h1 {
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    font-size: 1.4em;
    color: #4a4848;
   
}
.coluna-informações h5 {
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    font-size: 1em;
    color: #717171;
    font-weight: 700;
    /* border: solid 2px blue; */
}
.midia{
    width: 80%;
    height: auto;
    /* border: solid 2px blue; */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}


.facebook {
    width: 40%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    /* border: solid 2px blue; */
    margin: 0;
}

.facebook img {
    width: 20%;
    height: 20%;
    /* padding-top: 1%; */
    padding-left: 1%;
}

.facebook h1 {
    font-size: 1em;
    padding-left: 2%;
    font-weight: 600;
     /* padding-top: 1%; */
     margin-top: 2%

}

.insta {
    width: 40%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    margin-left: 1%;
    /* margin-top: 2%; */
    /* border: solid 2px blue; */
}

.insta img {
    width: 18%;
    height: 18%;
    /* padding-top: 1%; */
}

.insta h1 {
    font-size: 1em;
    padding-left: 2%;
    font-weight: 600;
     /* padding-top: 1%; */
     margin-top: 2%;
     margin-left: 1%;
}

.linha2-informacoes{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: solid 2px blue; */
    background-color: #F7F7F7;
 
  
}

.box-contato-localização-contato {

    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    background-color: #F7F7F7;
    /* border: solid 2px blue; */
    margin-bottom: 2%;
    margin-top: 2%;
}

.contato-contato{
    width: 85%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    /* border: solid 2px rgb(196, 39, 47); */
}

.escrito-contato{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    /* border: solid 2px blue; */
    margin-top: 2%;
    padding-top: 1px;

}


.escrito-contato h1 {
    color: #403F3F;
    font-size: 1.5em;
    font-weight: 800;
}

.informacoes-contato{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 3%;
    padding: 3%;
    /* border: solid 2px rgb(196, 39, 47); */
}


.texto-box1 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    /* border: solid 2px rgb(89, 39, 196); */
}

.texto-box1 input {
    width: 47%;
    border: 1px solid #ccc;
    outline: 0;
    padding: 1%;
    background-color: #F7F7F7;
    border-radius: 5px;
}

.texto-box2-contato {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    /* border: solid 2px blue;
    background-color: #414040; */
    margin-top: 3%;
    

}

.texto-box2-contato input {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
    /* outline: 0; */
    /* padding: 1%; */
    background-color: #F7F7F7;  
    border-radius: 5px;
     /* border: solid 2px blue;
     background-color: yellow; */
}


.texto-box3{
    width: 100%;
    height: auto;
    margin-top: 3%;
}

.texto-box3 textarea{
    width: 100%;
    height: 230px;
    border: 1px solid #ccc;
    outline: 0;
    padding: 1%;
    background-color: #F7F7F7;
    border-radius: 1%;
}

.botao-contato{
    width: 100%; 
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    margin: 2% 0;
    /* border: solid 2px rgb(89, 39, 196); */
}

.botao-contato button {
    width: 25%; 
    height: auto;
    font-size: 1em;
    color: #fff;
    background-color: #E7272D;
    border: none;
    /* padding: 1%; */
    margin-right: 2%;
    
}
.botao-contato button:hover {
    background-color: #966e6f;
}

.botao-contato button:active {
    background-color: #3e3d3f;
}

.map-responsive{
    width: 95%;
    height: 450px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    /* border: solid 2px blue; */

}

.map-responsive h1 {
    color: #403F3F;
    width: 95%;
    height: auto;
    font-size: 1.5em;
    font-weight: 800;
    text-align:start ;
    margin-top: 8%;
    /* border: solid 2px blue; */
}

.map-responsive iframe{
    width: 100%;
    height: 80%;
    padding-right: 4%;
    /* border: solid 2px blue; */
}
/* Fim do css da tela Contato */

/* Botão whats */

.whats {
    background-color: #4ca735;
    opacity: 80%;
}

/* Fim botão whats */

/* Inico LGPD */

/* Fim LGPD */
}