<!--

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
body { background: rgba(131,166,179, 1.0); }

@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #507c82 #adc4cc;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }

  *::-webkit-scrollbar-track {
    background: #adc4cc;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #507c82;
    border-radius: 10px;
    border: 0px solid #ffffff;
  }


.barra {
	width: 100%;
	height: 40px;
	/*position: fixed;*/
	background: rgba(0,0,0,0.5);   /* rgba(87,128,156,1.0); */
	/*
                  border-top: 1px solid #968e85;
                  border-bottom: 1px solid #968e85;
                  */
                  margin-top: 20px;
                  padding-top: 50px;
	z-index: 2;
}


.marca {
position: absolute;
top: 160px; 
left: 50%; 
margin-left: -250px;
width: 500px;
height: 88px;
z-index: 2;
}


.branco {
       position: absolute;
       top: 130px; 
       left: 50%; 
       margin-left:-665px;
       width: 1330px;
       height: 1150px;
       background: #ffffff;
       /*z-index:1;*/
}


.branco_abertura {
       position: absolute;
       top: 130px;
       left: 50%; 
       margin-left:-665px;
       width: 1330px;
       height: 1150px;
       background: #ffffff url(../imagens/montagem_maos_apertando.jpg) no-repeat;
       background-position: center 390px;
       /*z-index:1;*/
}


.branco_empresa {
       position: absolute;
       top: 130px;
       left: 50%; 
       margin-left:-665px;
       width: 1330px;
       height: 750px;
       background: #ffffff url(../imagens/mulher_grafico.jpg) no-repeat;
       background-position: 40px 95px;
       /*z-index:1;*/
}


.branco_solucoes {
       position: absolute;
       top: 130px;
       left: 50%; 
       margin-left:-665px;
       width: 1330px;
       height: 1600px;
       background: #ffffff url(../imagens/bussola_branca5.jpg) no-repeat;
       background-position: 110px 170px;  /* era 110px 150px */
       /*z-index:1;*/
}


.branco_atuacao {
       position: absolute;
       top: 130px;
       left: 50%; 
       margin-left:-665px;
       width: 1330px;
       height: 1700px;
       background: #ffffff url(../imagens/mulher_grafico.jpg) no-repeat;
       background-position: center 135px;
       /*z-index:1;*/
}


.balanca {
position: absolute;
top: 300px; 
left: 50%; 
margin-left: -540px;
width: 558px;
height: 500px;
z-index: 2;
}


.texto_abertura {
       position: absolute;
       top: 150px; 
       left: 50%; 
       margin-left:-550px;
       width: 1100px;
       height: 300px;
       font-family: "Nunito", sans-serif;
       font-optical-sizing: auto;
       font-weight: 400;
       font-size: 14.9px;
       color: #435666;
       text-align: justify;
       
       letter-spacing: 0.02em;
       word-spacing: 0.02em;
       line-height: 26px;
       
       overflow-wrap: break-word;
       word-wrap: break-word;
       -webkit-hyphens: auto;
       -ms-hyphens: auto;
       hyphens: auto;
       background: none;
       z-index:1;
}


.titulo_abertura {
       /*
       position: absolute;
       top: 150px; 
       left: 50%; 
       margin-left:-550px;
       width: 1100px;
       height: 300px;
       */
       font-family: "Nunito", sans-serif;
       font-optical-sizing: auto;
       font-weight: 700;
       font-size: 13px;
       color: #007ba5;
       text-align: justify;
       letter-spacing: 0.01em;
       word-spacing: 0.01em;
       line-height: 25px;
       overflow-wrap: break-word;
       word-wrap: break-word;
       -webkit-hyphens: auto;
       -ms-hyphens: auto;
       hyphens: auto;
       background: none;
       z-index:1;
}


.texto_empresas {
       position: absolute;
       top: 190px; 
       left: 50%; 
       margin-left: -10px;
       width: 600px;
       height: 400px;
       font-family: "Nunito", sans-serif;
       font-optical-sizing: auto;
       font-weight: 400;
       font-size: 14.9px;
       color: #435666;
       text-align: justify;
       letter-spacing: 0.01em;
       word-spacing: 0.01em;
       line-height: 28px;
       overflow-wrap: break-word;
       word-wrap: break-word;
       -webkit-hyphens: auto;
       -ms-hyphens: auto;
       hyphens: auto;
       background: none;
       z-index:2;
}


.texto_solucoes1 {
       position: absolute;
       top: 240px; 
       left: 50%; 
       margin-left: -150px;
       width: 700px;
       height: 250px;
       font-family: "Nunito", sans-serif;
       font-optical-sizing: auto;
       font-weight: 400;
       font-size: 14.8px;
       color: #435666;
       text-align: justify;
       letter-spacing: 0.01em;
       word-spacing: 0.01em;
       line-height: 25px;
       overflow-wrap: break-word;
       word-wrap: break-word;
       -webkit-hyphens: auto;
       -ms-hyphens: auto;
       hyphens: auto;
       background: none;
       z-index:2;
}


.texto_solucoes2 {
       position: absolute;
       top: 590px;  /* era 600px  */
       left: 50%; 
       margin-left: -550px;
       width: 1100px;
       height: 300px;
       font-family: "Nunito", sans-serif;
       font-optical-sizing: auto;
       font-weight: 400;
       font-size: 14.8px;
       color: #435666;
       text-align: justify;
       letter-spacing: 0.01em;
       word-spacing: 0.01em;
       line-height: 25px;
       overflow-wrap: break-word;
       word-wrap: break-word;
       -webkit-hyphens: auto;
       -ms-hyphens: auto;
       hyphens: auto;
       background: none;
       z-index:2;
}


.texto_atuacao {
       position: absolute;
       top: 540px; 
       left: 50%; 
       margin-left: -550px;
       width: 1100px;
       height: 300px;
       font-family: "Nunito", sans-serif;
       font-optical-sizing: auto;
       font-weight: 400;
       font-size: 14.8px;
       color: #435666;
       text-align: justify;
       letter-spacing: 0.01em;
       word-spacing: 0.01em;
       line-height: 25px;
       overflow-wrap: break-word;
       word-wrap: break-word;
       -webkit-hyphens: auto;
       -ms-hyphens: auto;
       hyphens: auto;
       background: none;
       z-index:2;
}


.titulos_atuacao {
font-family: "Nunito", sans-serif;
font-optical-sizing: auto;
font-weight: 800;
font-size: 15.2px;
color: #4989b5;
text-align: justify;
}


.oab {
position: absolute;
top: 40px; 
left: 50%; 
margin-left: 566px;
width: 100px;
height: 51px;
}


.maos_apertando {
position: absolute;
top: 600px; 
left: 50%; 
margin-left: -550px;
width: 1100px;
height: 670px;
/*
border-top: 1px solid #6d929e;
border-left: 1px solid #6d929e;
border-right: 1px solid #6d929e;
border-bottom: 1px solid #6d929e;

-webkit-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.55);
box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.55);
*/
z-index: 2;
}


.foto_abertura1 {
position: absolute;
top: 680px; 
left: 50%; 
margin-left: -550px;
width: 520px;
height: 300px;
border-top: 1px solid #6d929e;
border-left: 1px solid #6d929e;
border-right: 1px solid #6d929e;
border-bottom: 1px solid #6d929e;
/*
-webkit-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.55);
box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.55);
*/
z-index: 2;
}


.foto_abertura2 {
position: absolute;
top: 680px; 
left: 50%; 
margin-left: 30px;
width: 520px;
height: 300px;
border-top: 1px solid #6d929e;
border-left: 1px solid #6d929e;
border-right: 1px solid #6d929e;
border-bottom: 1px solid #6d929e;
/*
-webkit-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.55);
box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.55);
*/
z-index: 2;
}


.montagem {
       position: absolute;
       top: 740px; 
       left: 50%; 
       margin-left:-550px;
       width: 1100px;
       height: 470px;
       -webkit-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.55);
       -moz-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.55);
       box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.55);
}


.titulo_animado {
position: absolute;
width: 630px;
height: 20px;
top:145px; 
left: 50%; 
margin-left:-16px;
font-family: "Nunito", sans-serif;
font-optical-sizing: auto;
font-weight: 700;
font-size: 20px;
color: #007ba5;
text-align: justify;
letter-spacing: 0.01em;
word-spacing: 0.01em;
line-height: 25px;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
border-bottom: 2px solid #007ba5;
border-image: linear-gradient(to right, #138ebf, yellow, red) 1;
z-index:1;
text-indent: 5px;
line-height: 90%;
color: #4989b5;	
/*background: rgba(158,138,95,0.20);*/
animation: anima_titulo 3.0s ease -20ms 1 normal forwards;
}

@keyframes anima_titulo {
  from {
    margin-left: -300px;
    width: 330px;
    
 }

  to {
    margin-left: -16px;
    width: 600px;   /* era 605 */
    
  }
}


.titulo_animado2 {
position: absolute;
width: 260px;
height: 20px;
top:190px; 
left: 50%; 
margin-left:-201px;
font-family: "Nunito", sans-serif;
font-optical-sizing: auto;
font-weight: 700;
font-size: 20px;
color: #007ba5;
text-align: justify;
letter-spacing: 0.01em;
word-spacing: 0.01em;
line-height: 25px;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
border-bottom: 2px solid #007ba5;
border-image: linear-gradient(to right, #138ebf, yellow, red) 1;
z-index:1;
text-indent: 5px;
line-height: 90%;
color: #4989b5;	
/*background: rgba(158,138,95,0.20);*/
animation: anima_titulo2 3s ease -20ms 1 normal forwards;
}

@keyframes anima_titulo2 {
  from {
    margin-left: 140px;  /* era 295px */
    width: 368px;
    
 }

  to {
    margin-left: -150px;
    width: 700px;
  }
}


.loi{
width: 21px;
height: 11px; 
position: absolute; 
top:5px; /* era 115px */
left: 50%; 
margin-left: -668px;  /* era 647px */
border: 0px; 
outline: none;
z-index: 777;
}


.lampada {
position: absolute;
width: 600px;
height: 600px;
top: 180px;
left: 50%; 
margin-left: -100px;
filter: drop-shadow(-8px 10px 10px #989898);
}

.carimbo{
position: absolute;
top: 42px; 
left: 50%; 
margin-left: 515px;
width: 138px;
height: 138px;
z-index: 20;
}


-->