p, li{
  font-family: "Lato", sans-serif!important;
  font-weight: 400;
  font-style: normal;
}
p {font-size: 1.2em!important;}
p strong{font-weight: 600!important;}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif!important;
  font-weight: 700;
  font-style: normal;
}
.content-wrap h2{
	font-size: 3.8em;
	font-weight: 800!important;
	line-height: 1.2em;
}
h2.subt{
	font-size: 2.3em;
	font-weight: 800!important;
	line-height: 1.2em;
	padding-bottom: 20px;
	color: #151f46;
}
h4.subt{
	font-weight: 500!important;
}
h3{
	font-size: 2em;
	font-weight: 800!important;
	line-height: 1.2em;
}
h4{
	font-size: 1.6em;
	font-weight: 800!important;
	line-height: 1.2em;
}
h5{
	font-size: 1.3em;
	font-weight: 800!important;
	line-height: 1.2em;
}
.extra {
  font-family: "Lato", sans-serif!important;
  font-weight: 900!important;
  font-style: normal;
}
h1.extra{font-size: 3.8em; line-height: 1.2em;}
img.iso{width: 100%; max-width: 80px;}
img.eco{width: 100%; max-width: 600px;}

.is-expanded-menu #header.transparent-header.semi-transparent {
  --cnvs-header-bg: rgba(21, 31, 51, .6)!important;
}
.is-expanded-menu .sticky-header.semi-transparent {
  --cnvs-header-sticky-bg: rgba(21, 31, 51, .9)!important;
}
body:not(.is-expanded-menu) #header.transparent-header.semi-transparent {
  --cnvs-header-bg: rgba(21, 31, 51, 1) !important;
}

.menu-link{
	font-weight: 300!important;
}
.menu-link:hover{
	color: #ceaf68!important;
}
.menu-link:focus{
	color: #ceaf68!important;
}

#footer.dark{background-color: #151f46!important;}
.logo-footer{
	width: 100%;
	max-width: 100px!important;
	
}
.line{border-top: 1px solid #999!important;}
.cor-tema{color: #ceaf68!important;}
.cor-azul{color: #3A82C1!important;}
.cor-laranja{color: #E76817!important;}
.cor-verde-e{color: #098838!important;}
.cor-verde-c{color: #8BC152!important;}
.cor-amarelo{color: #F9BD09!important;}
.cor-marinho{color: #122968!important;}
.copy{font-size: 14px!important;}
.priori{
	font-size: 12px;
	font-style: italic;
	display: none!important;
}
.priori a{color: white;}
.priori a:hover{color: #ceaf68;}
.top-links-item img {
	width: 25px!important; 
	height: 25px!important;
	margin: 5px!important;
	opacity: .75!important;
}
.top-links-item img:hover {
	opacity: 1!important;
}
.subflag{
	background-color: transparent!important; border: none;
}
.top-links-item:hover{
	background-color: transparent!important;
}
.header-misc {margin-left: 0px!important; margin-right: 0px!important;}
.video-overlay{
	z-index: 5;
	background: transparent url("../img/overlay.webp") no-repeat;
	background-size: cover;
	background-position: center center;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
}
#numeros, #trabalhe, .cinza{background-color: #f3f3f3;}
#ecossistema{
	background: transparent url("../img/eco-bg.webp") no-repeat;
	background-size: cover;
	background-position: center center;
}
#jornada{
	background: transparent url("../img/marca-dagua.webp") no-repeat;
	background-size: cover;
	background-position: center center;
	background-color:#151f46;
}
#trab{
	background: url("../img/trabalhe.webp") no-repeat;
	background-size: cover;
	background-position: center center;
	min-height: 500px;
}
#trab1{
	background: url("../img/trab1.webp") no-repeat;
	background-size: cover;
	background-position: center center;
	min-height: 450px;
}
#trab2{
	background: url("../img/trab2.webp") no-repeat;
	background-size: cover;
	background-position: center center;
	min-height: 450px;
}
#qr{
	min-height: 500px;
	background-color: #ceaf68;
}
#gestao{
	background: url("../img/gestao.webp") no-repeat;
	background-size: cover;
	background-position: center center;
}
#compromisso{
	background: url("../img/bg.webp") no-repeat;
	background-size: cover;
	background-position: center center;
}
#vagas{
	background: url("../img/vagas.webp") no-repeat;
	background-size: cover;
	background-position: center center;
	border-bottom: 1px solid white;
}
.trab-side{
	padding: 0 60px;
}
.t-justified{text-align:justify;}
.btn-outro-ac{
	background-color: white;
	color: black;
	border: 1px solid #3A82C1;
	font-weight: 600;
	padding: 5px 15px;
	border-radius: 40px;
	font-size: 0.8em;
	width: auto;
	text-transform: uppercase;
	display: inline-block;
}
.btn-tema{
	background-color: #ceaf68;
	color: white;
	font-weight: 600;
	padding: 10px 30px;
	border-radius: 40px;
	font-size: 1.3em;
	border: 1px solid #ceaf68;
}
.btn-tema:hover{
	background-color: #151f46!important;
	color: white!important;
	border: 1px solid white;
}
.btn-tema-2{
	background-color: #151f46;
	color: white;
	font-weight: 600;
	padding: 10px 30px;
	border-radius: 40px;
	font-size: 1.3em;
}
.btn-tema-2:hover{
	background-color: #ceaf68!important;
	color: white!important;
}
.text-fill-effect {
	--cnvs-text-fill-placeholder: rgba(var(--cnvs-contrast-rgb), 0.1);
	--cnvs-text-fill-color: linear-gradient(to right, #fff, #fff);
	-webkit-text-fill-color: var(--cnvs-text-fill-placeholder);
	position: relative;
	background-image: var(--cnvs-text-fill-color);
	background-size: calc(var(--cnvs-scroll-start) * 100%) 100%;
	background-repeat: no-repeat;
}
.bg-overlay-bg {
  --cnvs-bg-overlay-bg-opacity: 0.35;
  --cnvs-bg-overlay-bg: rgba(var(--cnvs-invert-contrast-rgb), var(--cnvs-bg-overlay-bg-opacity));
  background-color: var(--cnvs-bg-overlay-bg);
}
.box-1{
	background-color: #151f46; 
	border-top: 4px solid #ceaf68; 
	color: #ceaf68;
}
.box-2{
	border: 2px solid #ceaf68; 	
}
.box-2 p{
	color: #151f46;
	font-size: 12px!important;
	font-weight:800;
	text-transform: uppercase!important;
}
.box-2 p span{
	color: #ceaf68 ;
	font-size: 5em!important;
	font-weight:500;
	text-transform: none!important;
}
.box-2 p span.zeros{
	color: #ceaf68;
	font-size: 2em!important;
	font-weight:600;
	text-transform: none!important;
}
.dispn{display: none!important;}
.timeline{width: 350px; margin: 20px auto;}
.valores{
	background: url("../img/missao.webp") no-repeat;
	background-size: cover;
	background-position: center center;
}
#miss{background-color: rgba(21, 31, 70, 0.85); min-height: 500px;}
#vals{background-color: rgba(206, 175, 104, 0.85); min-height: 500px;}
.bg-tema1{background-color: #ceaf68;}
.bg-tema2{background-color: #151f46;}
.val-icon{width: 40px;}
.lista{
	list-style: outside!important;
	font-size: 1.2em;
	margin-left: 20px;
}
.sub-menu-container {
	background-color: #ceaf68!important;
}
.sub-menu-container .menu-link:hover {
	background-color: #0d3363!important;
	color: white!important;
}


@media (max-width: 1400px) {
	.t-justified{text-align:left!important;}
	.footer-big-contacts p{font-size: 16px!important;}
	
	.primary-menu .menu-link {
		padding-left: 15px !important;
		padding-right: 0px !important;
		font-size: 12px !important;
	  }
	.header-misc .top-links-item > a {
		padding-left: 8px !important;
		padding-right: 8px !important;
		font-size: 11px !important;
	  }
}

@media (min-width: 992px) and (max-width: 1201px) {
  
	  .primary-menu .menu-link {
		padding-left: 10px !important;
		padding-right: 0px !important;
		font-size: 10px !important;
	  }

	  .header-misc .top-links-item > a {
		padding-left: 8px !important;
		padding-right: 8px !important;
		font-size: 12px !important;
	  }
}

@media (max-width: 991px) {
	footer{text-align: center!important;}
	.justify-content-md-end {
		justify-content:center !important;
	  }
	img.iso{width: 100%; max-width: 80px; margin: 20px 0!important;}
	img.eco{width: 100%; max-width: 600px; margin: 20px 0!important;}
	.content-wrap h2{
		font-size: 2.8em;
		font-weight: 800!important;
		line-height: 1.2em;
		text-align: center!important;
	}
	.t-justified{text-align:center!important;}
	.trab-side{padding: 40px 20px!important;}
	h1.extra, h2.cor-tema{font-size: 2.5em!important; line-height: 1.2em;}
	#miss{background-color: rgba(21, 31, 70, 0.85); min-height: 200px;}
	#meio{min-height: 300px;}
	#vals{background-color: rgba(206, 175, 104, 0.85); min-height: 200px;}
	.valores{background: url("../img/missao-mob.webp") no-repeat!important;}
}