@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap');

:root{
  --cor-principal: #004987;
  --cor-principal02: #FFFFFF;
  --cor-secundaria: #FDC62F;
  --cor-secundaria02: #00000;

  /* font-family: 'Montserrat', sans-serif; */
}


h1 h2 h3 h4 h5 h6 h7 p{
  font-family: 'Roboto', sans-serif !important;
  color: #185899 ;
}

h1{
  font-size: 38px;
}

h2{
  font-size: 36px;
}
h3{
  font-size: 22px;
}
h4{
  font-size: 14px;
}
h5{
  font-size: 12px;
}
p{
  font-size: 16px;
}

.margin-12-32 {
  margin: 12px 32px 12px 32px;
}

.margin-l-r-{

}

.padding-8-12{
  padding: 8px 12px 8px 12px;
}

.componentes{
  color: #185899;
  margin-top: -64px;
}

.componentes .itens{
  margin-left: 1%;
  margin-right: 1%;
  padding-top: 4%;
  padding-left: 6px;
  padding-right: 6px;
  background-color: #eee;
}

.componentes .linha{
  color:#1B86BA; 
  background-color:#1B86BA;
  width: 80%; 
  padding-left: 8px;
  padding-right: 8px;
  border-top: 6px solid rgba(0, 0, 0, 0.1) !important;
}

.btn-contratar{
  color: var(--cor-secundaria);
  background-color: var(--cor-principal);
  width: 520px;
}

.nav-link{
  font-family: 'Roboto', sans-serif !important;
  font-weight: bold !important;
  font-size: 18px !important;
}

.social-icon{
  padding: 1.1em 1em;
}

.margin-4{
  margin: 24px;
}

.intro-logo{
  margin-left: 100px;
}

.intro-titulo{
  padding-top: 180px;
  font-family: 'Roboto', sans-serif;
}

.intro-titulo h1{
  font-size: 56px;
  font-weight: bold;

}

.intro-titulo p{
  font-size: 22px;
  margin: 6px 12px 6px 12px;
  padding: 8px 32px 8px 16px;

}

.header-titulo{
  /* background-color:var(--cor-principal); */
  background-color: rgba(0, 73, 135, 0.7);
  color: var(--cor-secundaria);
  width: 80%;
  text-align: center;
  padding: 10px;
  margin-left: -6%;
}


.header-subtitulo{
  width: 75%;
  background-color: rgba(255, 255, 255, 0.8);
  color: var(--cor-principal);
  float: right;
  margin-right: -4%;
}

.itens .text{
  font-size: 14pt;
  padding: 8px;
}

.componentes .text{
  font-size: 16pt;
  font-weight: normal;
}


.apresentacao{
  position: relative;
  margin-top: -32px;
}

.apresentacao-titulo{
  margin-bottom: 46px;
}

.apresentacao-content{
  margin: 8px 12px 8px 12px;
  padding: 0px 12px 0px 12px;
  display: flex;
  align-items: center;
  justify-content: center
}

.apresentacao-container{
  width: 300px;
}

.apresentacao h2{
  color: var(--cor-secundaria);
  font-weight: bold;
}

.apresentacao h3 {
  color: var(--cor-principal);
  font-weight: bold;
}

.apresentacao p{
  color: var(--cor-principal);
  font-weight: normal;
}

.apresentacao-icones{
  height: 136px;
  width: 136px;
}

.apresentacao-conteudo{
  margin-top: 16px;
}



.apresentacao02{
  margin-right: 0%;
  margin-left: 0%;
  max-width: 100%;
  font-family: 'Roboto', sans-serif !important;

}

.apresentacao02-header{
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.apresentacao02-titulo{
  margin-top: 22px;
  margin-bottom: 54px;
}


.apresentacao02-header h2{
  color: var(--cor-principal);
  font-weight: bold;
  font-size: 30px;
}

.apresentacao02-header h3 {
  color: var(--cor-principal);
  font-weight: normal;
}

.apresentacao02-conteudo{
  margin-right: -1%;
  margin-left: -1%;
  background-color:  var(--cor-secundaria);

}


.apresentacao02-conteudo h2{
  color: var(--cor-principal);
  font-weight: bold;
}

.apresentacao02-conteudo h3 {
  color: var(--cor-principal);
  font-weight: bold;
}

.apresentacao02-conteudo p{
  color: var(--cor-principal);
  font-weight: normal;
}

.apresentacao02-conteudo .col-sm {
  margin-left: 32px;
  margin-right: 32px;
}

.apresentacao02-conteudo-corpo{
  padding: 32px 32px 32px 32px;
}

#apresentacao02-floated{
  float: left;
  width: 47%;
  margin-left: -1%;
}

.depoimento{
  margin-bottom: 52px;
}

.depoimento .col-sm {
  margin-left: 26px;
  margin-right: 26px;
}

.depoimento h2{
  color: var(--cor-secundaria);
  font-weight: bold;
}
.depoimento h4{
  color: var(--cor-principal);
  font-weight: bold;
}
.depoimento h5{
  color: var(--cor-principal);
  font-weight: normal;
}

.depoimento img{
  margin-top: 8px;
}

.depoimento p{
  color: var(--cor-principal);
  font-weight: normal;
  margin-top: 16px;
}

.depoimento-corpo{
  margin-top: 48px;
}

#rodape-floated{
  float: left;
  width: 47%;
}

.rodape{
  margin: 0px 42px 0px 42px;
  padding: 46px 2px 23px 2px;
  color: #eee;
}

.rodape a {
  color: #eee;
}

.rodape h3{
  color: var(--cor-secundaria);
  font-weight: bold;
}

.rodape-borda {
  border-style: solid;
  border-left-color: white;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  height: 278px;
  padding-left: 32px;
}

.rodape-social{
  padding: 2px 2px 2px 2px !important;
}

.rodape-fim{
  background-color: var(--cor-secundaria);
  color: var(--cor-principal);
}

.btn-rodape{
  background-color: var(--cor-secundaria);
  color: #FFF;
  width: 100%;
}

.form-rodape{
  background: transparent;
  color: #FFF;
}

.btn-rodape a:hover{
  color: var(--cor-principal); 
}

.mapa--borda--rodape{
  color: #fff;
  font-size: 8pt;
  background-color: #185899;
  margin-left: 0px;
  margin-top: 22px;
}


.componentes p{
  font-size: 10pt;
}

.menu-fonte{
  font-size: 14pt;
  font-weight: normal !important;

}

.planos{
  color: white !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: normal;
  margin-top: -64px;
  margin-bottom: 30px;
}



.planos .itens{
  margin-top: 32px;
  margin-left: 16px;
  margin-right: 16px;
  background: #185899;

}

.planos .linha{
  color:#1B86BA; 
  background-color:#1B86BA;
  position: absolute;
  width: 100%; 
  margin-left: 8px;
  border-top: 6px solid rgba(0, 0, 0, 0.1) !important;

}

h3.subheading {
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 30px;
  text-transform: none;
  font-family: 'Montserrat', sans-serif, 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-size: 22pt;
}

.linha--container {
  position: relative;
  margin-bottom: 64px;
}
.linha--texto {
  z-index: 3;
  position: absolute;
  width: 100%;
}

.linha--texto > span {
  font-size: 16pt;
  padding: 8px;
  background-color: #185899;
  color: #1B86BA;
}



.contato{
  color: #185899;
  font-size: 15pt !important;
}

.contato .itens{
  margin-left: 1%;
  margin-right: 1%;
}

.contato .linha{
  color:#185899; 
  padding: 1px;
  background-color:#185899; 
}

.contato .cargo{
  margin: -10px 0 10px 0;
  font-size: 10pt;
}

.social{
  border-style: solid;
  border-left-color: #185899;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  height: max-content;
}

.mapa-sub{
  color: #fff;
  font-size: 8pt;
  background-color: #1B86BA;
}

.mapa-sub p{
  margin-left: 26px;

}

.mapa-sub a{
  color: #fff;
}




.contato--img{
  height: calc(1vh + 20rem);
  background: url('../img/contato-img.png') center no-repeat fixed; 
  background-size: contain;
  background-position: center top;
  /* background-clip: content-box; */
  background-attachment: scroll;
  max-width: 100% !important;
  padding: 0 !important;
  margin-top: -146px;
}

.side-page{
  /* margin-left: -40px;
  margin-right: -40px; */
  margin: -88px 0px 0px 0px !important;
  padding: 0px 0px 0px 0px !important;
  background-color: var(--cor-principal);
}

.padding--side{
  margin-left: 0px;
  padding-left: 4%;
  padding-right: 8%;
 }



.componentes .service-heading{
  font-weight: normal !important;
}

/**
 * UTILS
 */
 .pd-125{
  padding: 110px 0 !important;
 }

 .ml-0{
  margin-left: 0px;
 }

 
.pl--10{
  padding-left: 48px;
  font-size: 16pt;
}

 .bg-az-cl{
  background-color: #1B86BA;
}
 .mt-8{
  margin-top: 10px;
 }

 .pd--0{
   padding: 0px 0;
 }

.pl--100{
  padding-left: 100px;
}

.mbt-1{
  margin-bottom: 1.0rem !important;
}