.tslider {
  font-size: 215%;
  font-weight: normal;
  font-family: 'Gotham';
  color: #fff;
  padding-top: 1%;
  line-height: normal;
}

.dslider {
  font-size: 80%;
  font-family: 'Gotham';
  color: #fff;
  font-weight: normal;
  padding-top: 0%;
  margin-top: 0%;
}

.rslider {
  font-size: 100%;
  font-family: 'Gotham';
  color: #fff;
}

#conteudo1 {
  width: 90%;
  max-width: 90%;
  margin: 0 auto;
  heigh: 100%;
  font-size: 0.938em;
  font-family: 'Molengo-Regular';
  color: #C4C4B8;
}

#sdemos {
  width: 100%;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  float: left;
}

#container {
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  height: 100%;
}

#projectos_acordos {
  padding-top: 0px;
  padding-left: 30px;
  padding-bottom: 0px;
  padding-right: 0px;
}

#ppaddings {
  padding-left: 0px;
}

#texton {
  height: 120px;
  max-height: 120px;
  min-height: 120px;
}

.face {
  max-width: 10%;
  display: block;
  height: auto;
  padding-top: 2px;
  padding-bottom: 5px;
  float: right;
}

/********************************************************************************************************************/

.fundo {
  background: url(imagens/9b3a1bbcffdcd7448a5a6f5ce4795195.jpg) no-repeat;
  margin: 0em;
  padding: 0em;
  background-position: top left;
  background-size: cover;
}

.fundoTransparente {
  margin: 0em;
  padding: 0em;
  background-position: top left;
  background-size: cover;
}

/*.fundoTransparente{
	background: url(imagens/fundoTransparente.png) no-repeat;
	margin: 0em;padding:0em;
	background-position: top left;
	background-size: cover;
}*/
.blocoPassageiros {
  background: url(imagens/bloco1.png) no-repeat;

  background-size: 100% 100%;


}

.imagemBlocoPassageiros {
  width: 40%;
  height: auto;
}

.blocoPessoal {
  background: url(imagens/bloco2.png) no-repeat;

  /*background-position: top left;*/
  background-size: 100% 100%;
}

.imagemBlocoPessoal {
  width: 60%;
  height: auto;
}

.blocoOrganizacoes {
  background: url(imagens/bloco3.png) no-repeat;
  background-size: 100% 100%;
}

.blocoSeguranca {
  background: url(imagens/bloco4.png) no-repeat;

  background-size: auto;
}

.blocoLegislacao {
  background: url(imagens/bloco5.png) no-repeat;

  background-size: auto;
}

.blocoCovid19 {
  background: url(imagens/bloco6.png) no-repeat;

  background-size: auto;
}

#divLogo {
  padding-top: 8%;
  padding-bottom: 2%;
  padding-right: 0%;
}

.imgLogo {
  max-width: 100%;
  display: block;
  height: auto;
  margin: 0 auto;
  margin-left: 30%;

}


#divMenu {
  margin-top: 3%;
}


/*#divSlogan1{width:90%;padding-right:5%;
 font-family: 'Helvetica95';
    font-size: 90%;font-weight:lighter;
    font-style: normal;color:#fff;    
}
.imgSlogan1{
max-width: 100%; display:block;height: auto;padding-top:29%;
}
#divSlogan2{width:90%;padding-right:1%;
 font-family: 'Helvetica95';
    font-size: 500%;font-weight:black;line-height:2px;
    font-style: normal;color:#fff; 
	}
.imgSlogan2{
max-width: 100%; display:block;height: auto;
}*/




#divSlogan1 {
  width: 95%;
  padding-right: 2px;
  font-family: 'Helvetica85';
  text-align: justify;
  font-size: 110%;
  font-weight: lighter;
  line-height: 15px;
  color: #fff;
  margin-bottom: 10%;
  padding-left: 0%;
}

.imgSlogan1 {
  max-width: 100%;
  display: block;
  height: auto;
  padding-top: 29%;
}

#divSlogan2 {
  width: 90%;
  font-family: 'Helvetica95';
  text-align: justify;
  font-size: 250%;
  font-weight: black;
  font-style: normal;
  color: #fff;
  line-height: 23px;
  padding-top: 5px;
}

#divSlogan3 {
  width: 90%;
  padding-right: 0%;
  padding-top: 0px;
  padding-bottom: 6%;
  font-family: 'Helvetica95';
  text-align: left;
  font-size: 250%;
  font-weight: black;
  font-style: normal;
  color: #fff;
}

#divSlogan4 {
  width: 90%;
  padding-right: 0%;
  margin-left: 0%;
  font-family: 'Helvetica95';
  text-align: left;
  font-size: 500%;
  font-weight: black;
  font-style: normal;
  color: #fff;
  margin-top: 22px;
  margin-bottom: 15%;
}

.imgSlogan2 {
  max-width: 100%;
  display: block;
  height: auto;
}




.divNoticiasDestaque {
  font-family: 'Helvetica85';
  font-size: 430%;
  font-weight: bold;
  color: #fff;
  font-style: normal;
  padding-bottom: 0%;
  padding-left: 12%;
  padding-top: 0%;
  opacity: 0.5;
}

.divfaleConnosco {
  background-color: #323A45;
}

.faleConnosco {
  font-family: 'Helvetica85';
  font-size: 330%;
  font-weight: bold;
  color: #fff;
  font-style: normal;
  padding-bottom: 0%;
  padding-left: 5%;
  padding-top: 5%;
}

.atendimentoPublico {
  font-family: 'Gotham';
  font-size: 120%;
  font-weight: NORMAL;
  color: #fff;
  font-style: normal;
  padding-bottom: 0%;
  padding-left: 5%;
  padding-top: 5%;
}

.projectoRepav {
  width: 90%;
  margin-right: 5%;
  margin-left: 5%;
  margin-top: 30%;
  font-family: 'Helvetica95';
  text-align: right;
  line-height: 0px;
  font-size: 300%;
  font-weight: black;
  font-style: normal;
  color: #fff;
}

.projectoRepav2 {
  width: 90%;
  font-family: 'Helvetica95';
  text-align: right;
  line-height: 0px;
  font-size: 300%;
  font-weight: black;
  font-style: normal;
  color: #fff;
  margin-top: 8px;
  margin-bottom: 5%;
  margin-right: 5%;
  margin-left: 5%;
}

.projectoRepav3 {
  width: 90%;
  font-family: 'Helvetica95';
  text-align: right;
  line-height: 0px;
  font-size: 250%;
  font-weight: black;
  font-style: normal;
  color: #CEDFF0;
  margin-top: 0px;
  margin-bottom: 5%;
  margin-right: 5%;
  margin-left: 5%;
}

.divNewsletter {
  font-family: 'Helvetica95';
  font-size: 330%;
  font-weight: bold;
  color: #3d3d3d;
  padding-top: 10%;
  font-style: normal;
}


.divContactos {
  font-family: 'Gotham';
  font-size: 100%;
  font-weight: bold;
  color: #fff;
  font-style: normal;
  padding-bottom: 0%;
}

.divContactos2 {
  font-family: 'Gotham';
  font-size: 80%;
  font-weight: bold;
  color: #bbbbbb;
  font-style: normal;
  padding-bottom: 0%;
  padding-top: 145px;
}

.equipa {
  font-family: 'Gotham';
  font-size: 100%;
  font-weight: bold;
  color: #B3C4DC;
  font-style: normal;
  padding-bottom: 0%;
}

.imgCaminho {
  max-width: 100%;
  display: block;
  height: auto;
  padding-left: 18%;
}

.nossaPlataforma {
  font-family: 'Gotham';
  font-size: 140%;
  font-weight: bold;
  color: #fff;
  font-style: normal;
  padding-bottom: 2%;
}

.caminhoCentro {
  display: block;
}

.caminhoDir {
  display: block;
}

.centro {
  padding-left: 10%;
  padding-right: 10%;
}


.slides2 {
  padding-left: 10%;
  padding-right: 5%;

}

.slides3 {
  padding-left: 10%;
  padding-right: 10%;

}

.lerMais {
  float: right;
  padding-top: 5%;
  font-family: 'Gotham';
  font-size: 100%;
  font-weight: normal;
  color: #fff;
}

.imgLerMais {
  max-width: 100%;
  display: block;
  height: auto;
}

#bloco4 {
  padding-top: 0%;
  font-family: 'Helvetica85';
  font-size: 430%;
  font-weight: bold;
  color: #fff;
  font-style: normal;
  padding-bottom: 0%;
  padding-left: 12%;
  opacity: 0.7;
}

#blocoInside {
  line-height: 48px;
}

.altura {
  padding-top: 8%;
}


#textoDir {
  font-family: 'Helvetica85';
  font-size: 430%;
  font-weight: bold;
  color: #3B3B3B;
  font-style: normal;
  padding-bottom: 0%;
  padding-left: 12%;
  padding-top: 3%;
  opacity: 0.5;
}

#textoEsq {

  font-size: 85%;
  font-family: 'Gotham';
  color: #3B3B3B;
  font-weight: bold;
  padding-top: 20%;
  text-align: right;
}

#textoNews {

  font-size: 85%;
  font-family: 'Gotham';
  color: #3B3B3B;
  font-weight: bold;
  padding-top: 5%;
  text-align: left;
}

#textoAgenda {

  font-size: 100%;
  font-family: 'Gotham';
  color: #000;
  font-weight: bold;
  padding-top: 5%;
  text-align: left;
}

.fotoAccaoSocial {
  background: url(imagens/NoAer1.jpg) no-repeat center center !important;
  margin: 0em;
  padding: 0em;
  background-size: cover !important;
  min-height: 250px;
}

.fotoPresi {
  background: url(imagens/caramo.jpg) no-repeat;
  margin: 0em;
  padding: 0em;
  background-position: top left;
  background-size: cover;
  min-height: 550px;
  max-width: 100%;
}

/**************************/
/**************************/

/* Box-Sizing */
box-sizing {}

/* Web Font */

/*body {
  background-color: black;
  font-size: 100%;
  width: 80%;
  margin: 2em auto 0;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;

}
*/
section {
  /*overflow: hidden;*/
  width: 100%;
  float: right;
  font-family: 'Helvetica85', sans-serif;
  margin: 5%;
  text-align: right;
}

p {
  margin: 0;
}

.cover33 {

  color: #3b3b3b;
  width: 100%;
  margin: 0;
  padding: 0% 0% 1% 8%;
  float: left;
  margin-right: 2em;
  display: block;
  /* box-shadow: 0em 0em 5em rgba(10,10,10,0.7); */
}

.stack {

  /*  text-transform: uppercase;*/
  font-size: 4.5em;
  line-height: 0.0em;
  word-wrap: break-word;
  text-align: left;
  overflow-wrap: break-word;

}


span {
  position: relative;


}

/* C */
.char1 {
  margin-left: -.2em;
  z-index: 4;
  text-shadow: -0.0em 0.0em 0em;
}

/* O */
.char2 {
  z-index: 3;
  margin-left: -.175em;
  top: 0.08em;
  text-shadow: -0.0em 0.0em 0em;
}

/* M */
.char3 {
  z-index: 9;
  margin-left: -.135em;
  text-shadow: -0.0em 0.0em 0em;
}
}

/* P */
.char4 {
  z-index: 5;
  margin-left: -.175em;
  text-shadow: -0.0em 0.0em 0em;
}

/* U */
.char5 {
  z-index: 2;
  margin-left: -.125em;
  top: 0.08em;
  text-shadow: -0.0em 0.0em 0em;
}

/* T */
.char6 {
  z-index: 10;
  margin-left: -.125em;
  top: -0.04em;
  text-shadow: -0.0em 0.0em 0em;
}

/* A */
.char7 {
  z-index: 8;
  margin-left: -.3em;
  top: 0em;
  text-shadow: -0.0em 0.0em 0em;
}
}

/* T */
.char8 {
  z-index: 6;
  margin-left: -.135em;
  top: -0.05em;
  text-shadow: -0.0em 0.0em 0em;
}

/* I */
.char9 {
  z-index: 7;
  margin-left: -.125em;
  top: 0em;
  text-shadow: -0.0em 0.0em 0em;
}

/* O */
.char10 {
  z-index: 1;
  margin-left: -.125em;
  top: 0em;
  text-shadow: -0.0em 0.0em 0em;
}

/* N */
.char11 {
  z-index: 0;
  top: -.04em;
  margin-left: -.125em;
  text-shadow: -0.0em 0.0em 0em;
}

.char12 {
  z-index: 0;
  top: -.04em;
  margin-left: -.125em;
  text-shadow: -0.0em 0.0em 0em;
}



body {
  margin: 0;

}

.slick-prev {
  font-family: 'FontAwesome';
  left: 1px;
  z-index: 5000;
  top: 50%;
  content: "";

}

.slick-next {
  top: 50%;
  font-family: 'FontAwesome';
  right: 1px;
  z-index: 5000;
  content: "";

}

a.linksslo:link {

  text-decoration: underline;
}

a.linksslo:visited {
  text-decoration: underline;
}

a.linksslo:hover {

  text-decoration: overline underline;
}

a.linksslo:active {
  text-decoration: underline;
}



/**********/

.tituloBlocos {
  font-family: 'Gotham Pro';
  font-size: 115%;
  font-weight: bold;
  color: #fff;
  display: block;
  text-align: center;
  padding-bottom: 4%;
}

.espacoBlocos {
  min-height: 5.5em;
}

.espacoBlocosBaixo {
  min-height: 5px;
  min-height: 5px;

}

.espacoEntreBlocos {
  max-height: 12px;
}

.espacamento {
  padding-right: 12px;
}

.iconBlocos {
  max-width: 35%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-bottom: 6%;

}

#divBlocoPassageiros {
  width: 100%;
  min-height: 210px;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 20%, 0% 30%);
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 20%, 0% 30%);
  background: rgba(0, 0, 0, 0.5);
  margin-bottom: 12px;
}



#divBlocoPessoal {
  width: 100%;
  min-height: 210px;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 30%);
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 10%, 0% 20%);
  background: rgba(0, 0, 0, 0.5);
  margin-bottom: 12px;
}


#divBlocoOrganizacoes {
  width: 100%;
  min-height: 210px;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 30%);
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 10%);
  background: rgba(0, 0, 0, 0.5);
  margin-bottom: 12px;
}

#divBlocoSeguranca {
  width: 100%;
  min-height: 210px;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);

  background: rgba(0, 0, 0, 0.5);
  margin-bottom: 12px;
}



#divBlocoLegislacao {
  width: 100%;
  min-height: 210px;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);
  background: rgba(0, 0, 0, 0.5);
  margin-bottom: 12px;
}


#divBlocoCovid19 {
  width: 100%;
  min-height: 210px;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);
  background: rgba(0, 0, 0, 0.5);
  margin-bottom: 12px;
}




/*  *******/
a.linksTitulosBlocos:link {
  text-decoration: none;
}

a.linksTitulosBlocos:visited {

  text-decoration: none;
}

a.linksTitulosBlocos:hover {

  text-decoration: underline;
}

a.linksTitulosBlocos:active {

  text-decoration: none;
}

a.linksTitulosBlocosProjectos:link {
  text-decoration: none;
  color: #ffffff;
}

a.linksTitulosBlocosProjectos:visited {

  text-decoration: none;
  color: #ffffff;
}

a.linksTitulosBlocosProjectos:hover {

  text-decoration: underline;
  color: #ffffff;
}

a.linksTitulosBlocosProjectos:active {

  text-decoration: none;
  color: #ffffff;
}

/*******************/


/*  *******/
a.linksTitulosCirculos:link {
  text-decoration: none;
  font-size: 100%;
  font-family: 'Gotham';
  color: #292F38;
  font-weight: bold;
}

a.linksTitulosCirculos:visited {
  font-size: 100%;
  font-family: 'Gotham';
  color: #292F38;
  font-weight: bold;
  text-decoration: none;
}

a.linksTitulosCirculos:hover {
  font-size: 100%;
  font-family: 'Gotham';
  color: #292F38;
  font-weight: bold;
  text-decoration: underline;
}

a.linksTitulosCirculos:active {
  font-size: 100%;
  font-family: 'Gotham';
  color: #292F38;
  font-weight: bold;
  text-decoration: none;
}

/*******************/

/*  *******/
a.linksTitulosCirculos3:link {
  text-decoration: none;
  font-size: 100%;
  font-family: 'Gotham';
  color: #B8B7B9;
  font-weight: bold;
}

a.linksTitulosCirculos3:visited {
  font-size: 100%;
  font-family: 'Gotham';
  color: #B8B7B9;
  font-weight: bold;
  text-decoration: none;
}

a.linksTitulosCirculos3:hover {
  font-size: 100%;
  font-family: 'Gotham';
  color: #B8B7B9;
  font-weight: bold;
  text-decoration: underline;
}

a.linksTitulosCirculos3:active {
  font-size: 100%;
  font-family: 'Gotham';
  color: #B8B7B9;
  font-weight: bold;
  text-decoration: none;
}

/*******************/
/*  *******/
a.linksBlocos:link {
  font-family: 'Gotham';
  font-size: 90%;
  color: #fff;
  display: block;
  text-align: center;
  text-decoration: none;
}

a.linksBlocos:visited {
  font-family: 'Gotham';
  font-size: 90%;
  color: #fff;
  display: block;
  text-align: center;
  text-decoration: none;
}

a.linksBlocos:hover {
  font-family: 'Gotham';
  font-size: 90%;
  color: #fff;
  display: block;
  text-align: center;
  text-decoration: underline;
}

a.linksBlocos:active {

  font-family: 'Gotham';
  font-size: 90%;
  color: #fff;
  display: block;
  text-align: center;
  text-decoration: none;
}


.estiloMes {

  font-size: 185%;
  font-family: 'Gotham';
  color: #3d3d3d;
  font-weight: bold;
  padding-top: 5%;
  text-align: left;
}

.titulosOrgaosSuperioresAACGB {

  font-size: 145%;
  font-family: 'Gotham';
  color: #3d3d3d;
  font-weight: bold;
  text-align: left;
}

.titulosOrgaosAACGB {

  font-size: 165%;
  font-family: 'Gotham';
  color: #3d3d3d;
  font-weight: bold;
  text-align: left;
}

.titulosServicosSubAACGB {

  font-size: 80%;
  font-family: 'Gotham';
  color: #787883;
  font-weight: bold;
  text-align: left;
}

/*******************/
/**************************/
/********************************************************************************************************************/
.roloUtilitarios {
  text-align: right;
  color: #fff;
  font-size: 80%;
  font-family: 'Gotham';
  font-weight: normal;
  padding-left: 10%;
  padding-bottom: 10px;
  margin-top: 24px;
  padding-right: 10%;
}



.divPresi {
  font-family: 'Gotham';
  font-size: 330%;
  font-weight: 300 !important;
  color: #fff;
  font-style: normal;
  padding-bottom: 0%;
  padding: 10%;
  padding-top: 25%;
  text-align: right;
}

.divSubmenu {
  font-family: 'Gotham';
  font-size: 100%;
  font-weight: bold;
  color: #fff;
  font-style: normal;
  padding-bottom: 0%;
  margin-left: 5%;
  padding: 10%;
  text-align: right;
}

.divSubmenus {
  font-family: 'Gotham';
  font-size: 100%;
  font-weight: bold;
  color: #fff;
  font-style: normal;
  padding-bottom: 0%;
  margin-left: 5%;
  padding: 10%;
  text-align: right;
}



/* Special Rules for Mobiles.*/
@media all and (max-width: 70.5em) {

  #Div22,
  #actualidade {
    display: none;
  }

  #acvtu {
    display: inline !important;
    height: 7.000em;
  }

  #texton {
    height: auto;
    max-height: auto;
    min-height: auto;
    padding-bottom: 10px;
  }

  .imgLogo {
    margin: 0 auto;
  }

  .stack {

    /*  text-transform: uppercase;*/
    font-size: 6.5em;
    line-height: 0.8em;
    word-wrap: break-word;
    overflow-wrap: break-word;

  }

  .divNewsletter {
    font-family: 'Helvetica95';
    font-size: 300%;
    font-weight: bold;
    color: #3d3d3d;
    padding-top: 5%;
    font-style: normal;
  }

  .espacamento {
    padding-right: 12px;
    padding-left: 12px;
  }
}

@media all and (max-width: 37.5em) {

  #LDiv1,
  #LDiv2,
  #LDiv3,
  #LDiv4,
  #L56,
  #Div22 {
    display: none;
  }

  .scolunas3,
  .scolunas33 {
    border-bottom: 1px solid #F4C22B;
  }

  .t_menus {
    background-image: none;
  }

  #slider1 {
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;

  }

  #projectos_acordos {
    text-align: justify;
    padding-top: 31px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
  }

  #ppaddings {
    padding-left: 20px;
  }

  #texton {
    height: auto;
    max-height: auto;
    min-height: auto;
    padding-bottom: 10px;
  }

  .face {
    max-width: 10%;
    display: block;
    height: auto;
    padding-top: 15px;
    text-align: right;
  }

  #divLogo {
    padding-top: 9%;
    padding-bottom: 2%;
    text-align: middle;
  }

  .imgLogo {
    margin: 0 auto;
    padding-left: 0%;
    padding-top: 20%;

  }

  .divMeio {
    display: none;
  }

  .imgCaminho {
    max-width: 100%;
    display: block;
    height: auto;
    padding-left: 5%;
  }

  .caminhoCentro {
    display: none;
  }

  .caminhoDir {
    display: none;
  }

  .imgSlogan1 {
    max-width: 100%;
    display: block;
    height: auto;
    padding: 5%;
    padding-top: 0%;
  }

  .imgSlogan2 {
    max-width: 100%;
    display: block;
    height: auto;
    padding: 5%;
  }

  .divNoticiasDestaque {
    font-family: 'Helvetica85';
    font-size: 430%;
    font-weight: bold;
    color: #fff;
    font-style: normal;
    padding: 5%;
    opacity: 0.5;
    padding-top: 0%;
  }

  .divNewsletter {
    font-family: 'Helvetica95';
    font-size: 300%;
    font-weight: bold;
    color: #3d3d3d;
    padding-top: 10%;
    font-style: normal;
  }

  .tslider {
    font-size: 195%;
    font-weight: normal;
    font-family: 'Gotham';
    color: #fff;
    line-height: normal;
  }

  .slides2 {
    padding-top: 0%;
    padding-left: 3%;
    padding-top: 3%;
    padding-bottom: 3%;

  }

  .lerMais {
    float: right;
    padding-top: 15%;
  }

  .divNewsletter {
    font-family: 'Helvetica95';
    font-size: 230%;
    font-weight: bold;
    color: #3d3d3d;
    padding-top: 10%;
    font-style: normal;
  }

  .stack {

    /*  text-transform: uppercase;*/
    font-size: 4.5em;
    line-height: 0.8em;
    word-wrap: break-word;
    overflow-wrap: break-word;

  }

  .espacamento {
    padding-right: 12px;
    padding-left: 12px;
  }

  /****************/

  #divBlocoPassageiros {
    width: 100%;
    min-height: 210px;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 20%, 0% 30%);
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 20%, 0% 30%);
    background: rgba(0, 0, 0, 0.5);
    margin-bottom: 12px;
    padding-top: 5.5em;
    ;
  }



  #divBlocoPessoal {
    width: 100%;
    min-height: 210px;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);
    background: rgba(0, 0, 0, 0.5);
    margin-bottom: 12px;
  }


  #divBlocoOrganizacoes {
    width: 100%;
    min-height: 210px;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);
    background: rgba(0, 0, 0, 0.5);
    margin-bottom: 12px;
  }

  #divBlocoSeguranca {
    width: 100%;
    min-height: 210px;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);

    background: rgba(0, 0, 0, 0.5);
    margin-bottom: 12px;
  }



  #divBlocoLegislacao {
    width: 100%;
    min-height: 210px;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);
    background: rgba(0, 0, 0, 0.5);
    margin-bottom: 12px;
  }


  #divBlocoCovid19 {
    width: 100%;
    min-height: 210px;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%, 0% 0%);
    background: rgba(0, 0, 0, 0.5);
    margin-bottom: 12px;
  }

  .espacoBlocos {
    min-height: 5px;
    min-height: 5px;
  }

  .projectoRepav2 {
    width: 90%;
    font-family: 'Helvetica95';
    text-align: right;
    line-height: 23px;
    font-size: 200%;
    font-weight: black;
    font-style: normal;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 5%;
    margin-left: 5%;
  }

  .projectoRepav3 {
    width: 90%;
    font-family: 'Helvetica95';
    text-align: right;
    line-height: 23px;
    font-size: 150%;
    font-weight: black;
    font-style: normal;
    color: #CEDFF0;
    margin-top: 0px;
    margin-bottom: 5%;
    margin-right: 5%;
    margin-left: 5%;
  }

  .roloUtilitarios {
    text-align: left;
    color: #fff;
    font-size: 80%;
    font-family: 'Gotham';
    font-weight: normal;
    padding-left: 10%;
    padding-bottom: 10px;
    margin-top: 24px;
    padding-right: 10%;
  }

  .divPresi {
    font-family: 'Gotham';
    font-size: 330%;
    font-weight: 300;
    color: #fff;
    font-style: normal;
    padding-bottom: 0%;
    padding: 10%;
    padding-top: 10%;
    text-align: right;
  }

  #divCirculos1 {
    width: 50%;
  }
}

@media all and (max-width: 22.000em) {
  .face {
    max-width: 10%;
    display: block;
    height: auto;
    padding-top: 15px;
  }

  #divLogo {
    padding-top: 9%;
    padding-bottom: 2%;
    text-align: middle;
  }

  .imgLogo {
    margin: 0 auto;
    padding-left: 0%;
    padding-top: 20%;

  }

  .divMeio {
    display: none;
  }

  .imgCaminho {
    max-width: 100%;
    display: block;
    height: auto;
    padding: 5%;
    padding-top: 5%;
  }

  .caminhoCentro {
    display: none;
  }

  .caminhoDir {
    display: none;
  }

  .imgSlogan1 {
    max-width: 100%;
    display: block;
    height: auto;
    padding: 5%;
    padding-top: 0%;
  }

  .imgSlogan2 {
    max-width: 100%;
    display: block;
    height: auto;
    padding: 5%;
  }

  .divNoticiasDestaque {
    font-family: 'Helvetica85';
    font-size: 310%;
    font-weight: bold;
    color: #fff;
    font-style: normal;
    padding: 5%;
    opacity: 0.5;
    padding-top: 0%;
    padding-bottom: 0%;
  }

  .divNewsletter {
    font-family: 'Helvetica95';
    font-size: 230%;
    font-weight: bold;
    color: #3d3d3d;
    padding-top: 1%;
    font-style: normal;
  }

  .tslider {
    font-size: 135%;
    font-weight: normal;
    font-family: 'Gotham';
    color: #fff;
    line-height: normal;
  }

  .slides2 {
    padding: 0%;

  }

  .lerMais {
    float: right;
    padding-top: 15%;
  }

  .stack {

    /*  text-transform: uppercase;*/
    font-size: 4.5em;
    line-height: 0.8em;
    word-wrap: break-word;
    overflow-wrap: break-word;

  }

  .espacamento {
    padding-right: 12px;
    padding-left: 12px;
  }
}


/**
 * Circle Styles
 */

.circle {
  position: relative;
  display: block;
  margin: 2em 0;
  background-color: orange;
  color: #292F38;
  text-align: right;
  border-radius: 50%;
  background-color: #fff;
  border: 20px solid white;
}

.circle:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: inset 0 0 0 3px #292F38;
  content: "";
}


.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content {
  display: table-cell;
  padding: 1em;
  vertical-align: middle;
  font-size: 100%;
  font-family: 'Gotham';
  color: #292F38;
  font-weight: bold;
}

@media (min-width: 480px) {
  .circle__content {
    font-size: 100%;
    font-family: 'Gotham';
    color: #292F38;
    font-weight: bold;
  }

}

@media (min-width: 768px) {
  .circle__content {
    font-size: 100%;
    font-family: 'Gotham';
    color: #292F38;
    font-weight: bold;
  }
}

/**
 * Circle Styles 2
 */

.circle2 {
  position: relative;
  display: block;
  margin: 2em 0;
  background-color: orange;
  color: #5C76A9;
  text-align: right;
  border-radius: 50%;
  background-color: #fff;
  border: 20px solid white;
}

.circle2:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: inset 0 0 0 20px #292F38;
  content: "";
}


.circle__inner2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle__wrapper2 {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content2 {
  display: table-cell;
  padding: 2em;
  vertical-align: middle;
  font-size: 100%;
  font-family: 'Gotham';
  color: #292F38;
  font-weight: bold;
}

@media (min-width: 480px) {
  .circle__content2 {
    font-size: 100%;
    font-family: 'Gotham';
    color: #292F38;
    font-weight: bold;
  }
}

@media (min-width: 768px) {
  .circle__content2 {
    font-size: 100%;
    font-family: 'Gotham';
    color: #292F38;
    font-weight: bold;
  }
}


/****************************************************************************************/
.flex-container {
  display: flex;
  flex-wrap: wrap;


}

.flex-item-left {
  background-color: #f1f1f1;

  flex: 25%;
}

.flex-item-mid {
  background-color: #f1f1f1;

  flex: 25%;
}

.flex-item-right {
  background-color: dodgerblue;

  flex: 50%;
}

.flex-item-esquerda {
  background-color: #f1f1f1;

  flex: 50%;
}

.flex-item-direita {
  background-color: dodgerblue;

  flex: 50%;
}

.flex-item-esquerda2 {
  background-color: #f1f1f1;

  flex: 25%;
}

.flex-item-direita2 {
  background-color: dodgerblue;

  flex: 75%;
}

/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 700px) {

  .flex-item-right,
  .flex-item-mid,
  .flex-item-left,
  .flex-item-direita,
  .flex-item-esquerda,
  .flex-item-direita2,
  .flex-item-esquerda2 {
    flex: 100%;
  }
}



/**
 * Circle Styles 3
 */

.circle3 {
  position: relative;
  display: block;
  margin: 2em 0;
  background-color: orange;
  color: #8F9291;
  text-align: right;
  border-radius: 50%;
  background-color: #fff;
  border: 20px solid white;
}

.circle3:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: inset 0 0 0 50px #292F38;
  content: "";
}


.circle__inner3 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle__wrapper3 {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content3 {
  display: table-cell;
  padding: 1em;
  vertical-align: middle;
  font-size: 100%;
  font-family: 'Gotham';
  color: #B8B7B9;
  font-weight: bold;
}

@media (min-width: 480px) {
  .circle__content3 {
    font-size: 100%;
    font-family: 'Gotham';
    color: #B8B7B9;
    font-weight: bold;
  }


}

@media (min-width: 768px) {
  .circle__content3 {
    font-size: 100%;
    font-family: 'Gotham';
    color: #B8B7B9;
    font-weight: bold;
  }


}


.divponto {
  display: list-item;
  /* This has to be "list-item"                                               */
  list-style-type: disc;
  /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
  list-style-position: inside;
  /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position */
  color: red;
}

.divpontoazul {
  display: list-item;
  /* This has to be "list-item"                                               */
  list-style-type: disc;
  /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
  list-style-position: inside;
  /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position */
  color: #B9DFDF;
}

.circlenumber {
  background: none;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #000;
  font-size: 90%;
  font-family: 'Gotham';
  font-weight: normal;
  display: inline-block;
  font-weight: bold;
  line-height: 22px;
  margin-right: 2px;
  text-align: center;
  width: 25px;
  border: 1px solid #000;
}



/*************************************** DROP DOWN SOCIAL MEDIA ****************************************************/

.dropbtn {

  cursor: pointer;
  background-color: transparent;
  border: none;

}

.dropbtn:hover,
.dropbtn:focus {
  text-decoration: underline;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  text-align: left;
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 150px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 6px 8px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {
  background-color: #ddd;
}

.show {
  display: block;
}

/* FIX: Typography for home page links */
a.linksTitulosBlocos,
a.linksTitulosBlocos:link,
a.linksTitulosBlocos:visited,
.linksTitulosBlocos {
  font-family: 'Gotham', sans-serif;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.1em;
}

a.linksTitulosBlocos:hover {
  text-decoration: underline;
}

/* FIX: Responsive Circles */
@media all and (max-width: 48.000em) {

  .mobile-no-pad {
    padding: 0 !important;
  }

  .circle,
  .circle2,
  .circle3 {
    width: 95% !important;
    max-width: 140px !important;
    height: auto !important;
    margin: 2px auto !important;
    border-width: 5px !important;
  }

  .circle2:after {
    box-shadow: inset 0 0 0 12px #292F38 !important;
  }

  .circle3:after {
    box-shadow: inset 0 0 0 42px #292F38 !important;
  }

}

/* FIX: Responsive Modernizacao box text */
@media all and (max-width: 48.000em) {
  .projectoRepav {
    font-size: 160% !important;
    line-height: 1 !important;
    margin-top: 30% !important;
    padding: 0 5%;
    word-wrap: break-word;
  }

  .projectoRepav2 {
    font-size: 140% !important;
    line-height: 1.2 !important;
    margin-top: 5px !important;
  }

  .projectoRepav3 {
    font-size: 120% !important;
    line-height: 1.2 !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .fotoAccaoSocial {
    height: auto !important;
    min-height: 250px !important;
    padding-bottom: 20px !important;
  }
}

/* FIX: Specific Circle Link Typography (Desktop and Mobile) */
a.linksTitulosCirculos,
a.linksTitulosCirculos:link,
a.linksTitulosCirculos:visited,
.linksTitulosCirculos,
a.linksTitulosCirculos3,
a.linksTitulosCirculos3:link,
a.linksTitulosCirculos3:visited,
.linksTitulosCirculos3 {
  font-size: 130% !important;
  font-weight: bold !important;
  position: relative;
  z-index: 10;
}

/* FIX: Circle aspect ratios when scaling */
@media all and (max-width: 48.000em) {

  .circle__inner,
  .circle__inner2,
  .circle__inner3 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .circle__wrapper,
  .circle__wrapper2,
  .circle__wrapper3 {
    display: block !important;
    width: auto !important;
    height: auto !important;
  }

  .circle__content,
  .circle__content2,
  .circle__content3 {
    display: block !important;
    padding: 0 5px !important;
    word-break: break-word !important;
    text-align: center !important;
  }

  a.linksTitulosCirculos,
  a.linksTitulosCirculos:link,
  a.linksTitulosCirculos:visited,
  .linksTitulosCirculos {
    font-size: 96% !important;
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 1),
      -1px -1px 3px rgba(255, 255, 255, 1),
      1px -1px 3px rgba(255, 255, 255, 1),
      -1px 1px 3px rgba(255, 255, 255, 1),
      0px 2px 5px rgba(255, 255, 255, 0.9) !important;
  }

  a.linksTitulosCirculos3,
  a.linksTitulosCirculos3:link,
  a.linksTitulosCirculos3:visited,
  .linksTitulosCirculos3 {
    font-size: 96% !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9),
      -1px -1px 2px rgba(0, 0, 0, 0.9),
      1px -1px 2px rgba(0, 0, 0, 0.9),
      -1px 1px 2px rgba(0, 0, 0, 0.9),
      0px 2px 4px rgba(0, 0, 0, 0.8) !important;
  }
}

/* FIX: Desktop project text overlapping */
@media all and (min-width: 48.001em) {
  .projectoRepav {
    line-height: 0.95 !important;
    margin-top: 14% !important;
    padding: 0 5%;
    word-wrap: break-word;
  }
}

/* FIX: Project Banner Text Stroke & Shadow */
.projectoRepav,
.projectoRepav2,
.projectoRepav3 {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9),
    -1px -1px 3px rgba(0, 0, 0, 0.9),
    1px -1px 3px rgba(0, 0, 0, 0.9),
    -1px 1px 3px rgba(0, 0, 0, 0.9),
    0px 4px 8px rgba(0, 0, 0, 0.8) !important;
  opacity: 0.65 !important;
}