:root {
	--page-margin: 120px;
	--page-margin-mobile: 30px;
	--header-height: 105px;
	--banner-height: 320px;
	--button-font-size: .7rem;
	--icon-default-size: 180px;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    border: 0;
	background-color: #fff;
    font-size: 1em;
	font-family: 'Poppins Regular', Arial, Helveltica, 'sans-serif';
}
a {
    cursor: pointer;
    text-decoration: none;
}
a:hover {
	text-decoration: none;
}
button {
	cursor: pointer;
}
button:hover {
	box-shadow: 0px 0px 8px #00000055;
}
img {
	max-width: 100%;
	max-height: 100%;
}
h3 {
	margin: 30px 0;
}
.wrapper {
	height: 100%;
	max-width: 100%;
	transition: all .2s linear;
}
.flex-center {
	display: flex;
    align-items: center;
    justify-content: center;
}
section {
	position: relative;
	padding: 0 var(--page-margin);
	/*min-height: 100px;*/
}
section.header {
	height: 300px;
	background: #fff 0% 0% no-repeat padding-box;
	z-index: 2;
}
section.header .top {
	display: flex;
	height: var(--header-height);
}
section.header .top div:nth-child(1) {
	width: 10%;
}
section.header .top div:nth-child(1) .radar-logo {
	width: 100px;
	height: var(--header-height);
	background-image: url('svg/nova_logo_radar.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}
section.header .top div:nth-child(2) {
	width: 78%;
	display: flex;
    align-items: center;
    justify-content: end;
	height: var(--header-height);
}
section.header .top div:nth-child(2) button {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 10.5px;
	color: #313131;
	font-family: 'Poppins Medium', Poppins, Arial, Helveltica, 'sans-serif';
	font-size: var(--button-font-size);
	letter-spacing: .04rem;
	padding: 7px 25px;
	text-align: center;
	transition: all .2s linear;
}
section.header .top div:nth-child(3) {
	width: 12%;
}
section.header .top div:nth-child(3) .tce-logo {
	height: var(--header-height);
	background-image: url('svg/tce-minimal-logo-black.svg');
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 75px;
	width: 100%;
}
section.header .banner {
	position: absolute;
	top: calc(var(--header-height) - 50px);
	left: var(--page-margin);
	background: #eee;
	background-image: url('svg/tce-minimal-logo-black.svg'), url('svg/nova_logo_radar.svg'), url('img/ilustracao@2x.png');
	background-position: 76% center, 55% center, calc(100% + 60px) bottom;
	background-size: 200px, calc(var(--banner-height) + 50px), calc(var(--banner-height) + 70px);
	background-repeat: no-repeat;
	border-radius: 20.5px;
	width: calc(100% - (var(--page-margin) * 2));
	height: var(--banner-height);
	padding: 0 2.5%;
}
section.header .banner .title {
	color: #222;
	text-align: left;
	font-family: 'Poppins Medium', Poppins, Arial, Helveltica, 'sans-serif';
	font-size: 2rem;
	margin: 30px 0;
	width: 40%;
}
section.header .banner .buttons button:first-child, section.header .banner .buttons button:last-child {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #84cee3;
	border: 2px solid #84cee3;
	border-radius: 25px;
	color: #111;
	font-family: 'Poppins Medium', Poppins, Arial, Helveltica, 'sans-serif';
	font-size: var(--button-font-size);
	margin-right: 10px;
	padding: 5px 25px;
}
/*section.header .banner .buttons button:last-child {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: 2px solid #fff;
	border-radius: 25px;
	color: #fff;
	font-family: 'Poppins Medium', Poppins, Arial, Helveltica, 'sans-serif';
	font-size: var(--button-font-size);
	padding: 5px 25px;
}*/
section.itens {
	background: #f6f6f6 0% 0% no-repeat padding-box;
	min-height: 500px;
}
section.itens .title {
	font-family: 'Poppins Semibold', Poppins, Arial, Helveltica, 'sans-serif';
	font-size: 1.5rem;
	letter-spacing: .07rem;
	padding: calc(var(--banner-height) / 3) 0 30px 0;
	text-align: center;
	width: 100%;
}
section.info {
	display: flex;
    align-items: center;
    justify-content: center;
	background: #fff 0% 0% no-repeat padding-box;
	height: 150px;
}
section.info .item {
	display: inline-flex;
	width: 240px;
}
section.info .kpi {
	font-family: 'Poppins Semibold', Poppins, Arial, Helveltica, 'sans-serif';
	font-size: 2.3rem;
}
section.info .desc {
	font-family: 'Poppins Medium', Poppins, Arial, Helveltica, 'sans-serif';
	font-size: .7rem;
	letter-spacing: .03rem;
	margin-top: 10px;
	margin-left: 5px;
	width: 90px;
}
section.info .separator {
	background: #D5D5D5 0% 0% no-repeat padding-box;
	width: 4px;
	height: 45px;
	margin: 0 10px 0 30px;
}
section.partners {
	background: #eee 0% 0% no-repeat padding-box;
}
section.partners .title {
	font-family: 'Poppins Semibold', Poppins, Arial, Helveltica, 'sans-serif';
	font-size: 1.5rem;
	letter-spacing: .07rem;
	padding: 50px 0 20px 0;
	text-align: center;
	width: 100%;
}
section.partners .grid-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	column-gap: 30px;
	row-gap: 30px;
	width: 100%;
	padding-bottom: 75px;
}
section.partners .grid-container .grid-item {
	text-align: center;
}
section.partners #anm {
	width: var(--icon-default-size);
}
section.partners #aneel, section.partners #serpro, section.partners #ibge, section.partners #visdata, section.partners #datasus {
	width: calc(var(--icon-default-size) * .88);
}
section.partners #govbr, section.partners #inep, section.partners #aplic, section.partners #conexe, section.partners #fiplan, section.partners #geoobras {
	width: calc(var(--icon-default-size) * .76);
}
section.partners #mps, section.partners #controlp {
	width: calc(var(--icon-default-size) * .64);
}
section.partners #sinisa, section.partners #cnas, section.partners #inpe {
	width: calc(var(--icon-default-size) * .52);
}
.arrow {
	font-size: 1.5rem;
	margin-top: -1px;
	margin-left: 10px;
}
/* footer */
section.footer {
    display: flex;
    align-items: center;
    justify-content: center;
	background: #444C57 0% 0% no-repeat padding-box;
	min-height: 100px;
	padding: 55px var(--page-margin);
}
section.footer .seti-logo {
	background-image: url('svg/logo_seti_gray_scale.svg');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 75px;
	height: 75px;
}
section.footer .copyright {
	width: 40%;
}
section.footer .copyright span:first-child {
	font-family: 'Poppins Medium', Poppins, Arial, Helveltica, 'sans-serif';
}
section.footer .copyright span:last-child {
	font-family: Poppins, Arial, Helveltica, 'sans-serif';
}
section.footer .copyright span {
	color: #d5d5d5;
	display: block;
	font-size: .65rem;
	letter-spacing: .02rem;
	margin-left: 15px;
	max-width: 310px;
}
section.footer .abnt {
	background-image: url('svg/sistema-certificado-abnt-nbr-iso-9001.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60px;
	cursor: pointer;
    width: 30%;
	min-width: 75px;
	min-height: 75px;
	opacity: .4;
	transition: all .3s linear;
}
section.footer .abnt:hover {
	background-size: 75px;
	opacity: .9;
}
section.footer .medias {
	width: 30%;
	text-align: right;
}
section.footer .medias img {
	border-radius: 50%;
	background-color: #fff1;
	border: 4px solid transparent;
	width: 30px;
	transition: all .2s linear;
}
section.footer .medias img:hover {
	filter: brightness(150%);
}
/* end footer */
.grid-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	column-gap: 30px;
	row-gap: 30px;
	width: 100%;
	height: 100%;
	padding-bottom: 75px;
}
.grid-item {
	display: flex;
    align-items: center;
    justify-content: center;
}
.grid-item > a, .multi-itens {
    border-radius: 28px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 0px 28px #0000000F;
	border: 1px solid transparent;
	color: #111;
	cursor: pointer;
	display: grid;
	width: 100%;
	height: 100%;
	padding: 40px 50px;
	transition: all .3s linear;
}
.grid-item > a:hover, .multi-itens:hover {
	border: 1px solid #5793c4;
	box-shadow: 0px 0px 28px #00000033;
}
.multi-itens .grid-icon, .multi-itens .grid-title, .multi-itens .grid-desc {
	transition: all .3s linear;
}
.multi-itens.show .grid-icon, .multi-itens.show .grid-title, .multi-itens.show .grid-desc {	/*.multi-itens:hover .grid-icon, .multi-itens:hover .grid-title, .multi-itens:hover .grid-desc {*/
	filter: blur(9px);
}
#hidden-background {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -100;
	width: 100vw;
	height: 100vh;
	opacity: 0;
}
#hidden-background.show {
	z-index: 80;
}	
.grid-item .grid-subitens {
	position: absolute;
	border-radius: 15px;
	color: #111;
	list-style: none;
	margin-left: -45px;
	margin-bottom: 0;
	width: calc(26.3% - var(--page-margin));
	padding: 0 15px;
	opacity: 0;
	visibility: hidden;
	z-index: 90;
	transition: opacity .3s linear;
}
.grid-item.multi-itens.show .grid-subitens {
	visibility: visible;
	opacity: 1;
}
.grid-item .grid-subitens li {
	padding: 10px;
}
.grid-item .grid-subitens a {
	border-bottom: 1px solid #eee;
	color: #111;
	display: block;
	font-family: Poppins, Arial, Helveltica, 'sans-serif';
	font-size: .9rem;
	padding: 5px 15px;
	margin: -11px;
}
.grid-item .grid-subitens li > a::before {
	content: "";
	background-image: url('svg/ico_obras.svg');
	background-size: contain;
	display: inline-flex;
	position: relative;
	left: -7px;
	top: 5px;
	width: 20px;
	height: 20px;
}
.grid-item .grid-subitens li > a:hover {
	color: #3f85be;
}
.grid-item .grid-subitens li:last-child a {
	border-bottom: 0;
}
.grid-item .grid-icon {
    display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
}
.grid-item .grid-title {
    display: flex;
    align-items: center;
    justify-content: center;
	font-family: 'Poppins Medium', Poppins, Arial, Helveltica, 'sans-serif';
	font-size: 1rem;
	margin: 10px 0;
	text-align: center;
	width: 100%;
}
.grid-item .grid-desc {
    display: flex;
    align-items: center;
    justify-content: center;
	font-family: Poppins, Arial, Helveltica, 'sans-serif';
	font-size: .75rem;
	text-align: center;
	width: 100%;
}
/* scroller */
.scroller {
    overflow-y: scroll;
    scrollbar-color: #c0c0c0 transparent;
    scrollbar-width: thin;
}
.scroller::-webkit-scrollbar {
    width: 5px;
}
.scroller::-webkit-scrollbar-track {
    background: transparent;
}
.scroller::-webkit-scrollbar-thumb {
    background: #08f;
}
@property --num {
	syntax: '<integer>';
	initial-value: 0;
	inherits: false;
}
.count1, .count2, .count3 {
	transition: --num 5s;
	counter-reset: num var(--num);
	display: inline-block;
	min-width: 90px;
	text-align: right;
}
.trigger .count1 {	/* 776 sem transparencia / 2324 com transparencia*/
	--num: 776;
}
.trigger .count2 {	/* 47 sem transparencia / 757 com transparencia*/
	--num: 47;
}
.trigger .count3 {	/* 1671 sem transparencia / 6197 com transparencia*/
	--num: 1671;
}
.count1::after, .count2::after, .count3::after {
	content: counter(num);
}
.blur {
	filter: blur(5px);
}
.message {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -100;
	width: 100vw;
	height: 100vh;
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s linear, z-index 0s linear .3s, visibility 0s linear .3s;
}
.message p {
	font-size: .9rem;
	line-height: 1.5rem;
	text-align: justify;
}
.message.show {
	opacity: 1;
	visibility: visible;
	z-index: 100;
	transition: opacity .2s linear;
}
.message div {
	position: absolute;
	top: 50vh;
	left: 50vw;
	background-color: #fff;
	background-image: url('svg/nova_logo_radar.svg');
	background-position: 5% center;
	background-repeat: no-repeat;
	background-size: 30%;
	border: 1px solid #ddd;
	width: 80vw;
	height: 80vh;
	margin-top: -40vh;
	margin-left: -40vw;
	padding: 3% 3% 3% 30%;
}
/* research */
#research {
	position: absolute;
	top: 25px;
	left: 25px;
	background-color: #fffe;
	background-image: url('svg/icon-research.svg');
	background-position: center 3px;
	background-repeat: no-repeat;
	background-size: 60px;
	border-radius: 28px;
	box-shadow: 0px 0px 5px #00000033;
	color: #111;
	width: 280px;
	height: 200px;
	padding: 65px 20px 20px 20px;
	visibility: visible;
	z-index: -200;
	visibility: visible;
	opacity: 0;
	transition: visible .5s linear, opacity .5s linear, z-index 0s linear .6s;
}
#research.show {
	opacity: 1;
	z-index: 200;
	transition: visible .9s linear, opacity .9s linear, z-index 0s linear 0s;
}
#research p {
	text-align: justify;
	font-size: .8rem;
}
#research .buttons {
	width: 100%;
	text-align: center;
}
#research button {
	background-color: #84cee3;
	border: 0;
	border-radius: 25px;
	color: #111;
	font-size: var(--button-font-size);
	font-weight: bold;
	outline: 0;
	padding: 5px 10px;
	width: calc(35% - 2px);
	transition: all .2s linear;
}
#research button:hover {
	box-shadow: 0px 0px 8px #00000055;
}
@media screen and (max-width: 1800px) {
	section.header .banner {
		background-position: 81% center, 55% center, calc(100% + 180px) bottom;
	}
}
@media screen and (max-width: 1500px) {
	section.header .banner {
		background-position: 85% center, 57% center, calc(100% + 230px) bottom;
	}
	section.header .banner .title {
		margin: 5px 0;
	}
}
@media screen and (max-width: 1380px) {
	section.header .banner {
		background-image: url('svg/tce-minimal-logo-black.svg'), url('svg/nova_logo_radar.svg');
		background-position: 97% center, 65% center;
		background-size: 200px, calc(var(--banner-height) + 50px);
	}
}
@media screen and (max-width: 1280px) {
	section {
		padding: 0 var(--page-margin-mobile) !important;
	}
	section.header .banner {
		background-image: url('svg/tce-minimal-logo-black.svg'), url('svg/nova_logo_radar.svg');
		background-position: 97% center, 75% center;
		background-size: 160px, 320px;
		left: var(--page-margin-mobile);
		width: calc(100% - (var(--page-margin-mobile) * 2));
	}
	section.header .top .radar-logo {
		flex: 0 0 20%;
	}
	section.header .top .button-portal {
		flex: 0 0 60%;
	}
	section.header .top .tce-logo {
		flex: 0 0 20%;
	}
	section.header .banner .title {
		margin: 20px 0;
		width: 50%;
	}
	.grid-container {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
	}
	section.partners .grid-container {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		column-gap: 10px;
		row-gap: 0;
		padding-bottom: 70px;
	}
	.grid-item .grid-subitens {
		width: calc(55% - var(--page-margin));
	}
	.empty-item {
		display: none;
	}
	section.info .separator {
		margin: 10px;
	}
	.count1, .count2, .count3 {
		min-width: 60px;
	}
	.message div {
		background-position: center 20px;
		background-size: 170px;
		padding: 120px 3% 3% 3%;
		overflow: auto;
	}
	.message h3 {
		font-size: 1.2rem;
		margin: 20px 0;
	}
	.message p {
		font-size: .90rem;
		line-height: 1.8rem;
	}
}
@media screen and (max-width: 1180px) {
	section.header .banner .title {
		margin: 35px 0;
	}
	section.header .banner {
		background-image: url('svg/tce-minimal-logo-black.svg'), url('svg/nova_logo_radar.svg');
		background-position: 80% 85%, 85% 15%;
		background-size: 160px, 280px;
	}
}
@media screen and (max-width: 1060px) {
	section.header .banner .title {
		margin: 10px 0;
	}
}
@media screen and (max-width: 800px) {
	section.header .banner .title {
		font-size: 1.75rem;
		margin: 20px 0;
	}
	section.info .kpi {
		font-size: 2rem;
	}
	section.info .separator {
		display: none;
	}
	section.partners {
		min-height: 460px;
	}
	section.partners .grid-container {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr;
		column-gap: 10px;
		row-gap: 0;
	}
	.grid-item .grid-subitens {
		width: calc(58% - var(--page-margin));
	}
	.message div {
		background-image: none;
		padding: 3% 3% 3% 3%;
	}
}
@media screen and (max-width: 640px) {
	section.header .banner {
		background-image: none;
	}
	section.header .banner .title {
		text-align: left;
		font-size: 1.5rem;
		margin: 55px 0;
		width: 100% !important;
	}
	.grid-container {
		column-gap: 15px;
		row-gap: 15px;
	}
	.grid-item .grid-subitens {
		width: calc(59% - var(--page-margin));
	}
	.grid-item .grid-subitens a {
		font-size: .75rem;
	}
	section.info {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		column-gap: 0;
		row-gap: 0;
		margin: 50px 0;
		min-height: 230px;
	}
	section.info .item {
		align-items: center;
		justify-content: center;
		margin: 0 auto;
	}
	section.info .separator {
		display: block;
		height: 3px;
		width: 100px;
		margin: 20px auto;
	}
	section.partners {
		min-height: 460px;
	}
	section.partners .grid-container {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr;
		column-gap: 10px;
		row-gap: 0;
	}
}
@media screen and (max-width: 540px) {
	.grid-item .grid-subitens {
		width: calc(65% - var(--page-margin));
	}
}
@media screen and (max-width: 480px) {
	section.header .top .button-portal button {
		padding: 0px 15px;
		margin-bottom: 10px;
	}
	section.header .top .button-portal {
		flex: 0 0 55%;
	}
	section.header .top .tce-logo {
		flex: 0 0 25%;
	}
	section.header .banner .title {
		margin: 15px 0;
	}
	section.header .banner .buttons button:first-child {
		padding: 0px 15px;
	}
	section.header .banner .buttons button:last-child {
		margin-top: 10px;
		padding: 0px 15px;
	}
	section.header .banner {
		background-position: calc(100% - -55px) bottom, center;
	}
	.grid-container {
		grid-template-columns: 1fr;
	}
	.grid-item .grid-subitens {
		width: 84%;
	}
	section.partners {
		min-height: 690px;
	}
	section.partners .grid-container {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
		column-gap: 10px;
		row-gap: 20px;
	}
	section.footer {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		column-gap: 0;
		row-gap: 0;
	}
	.footer .logo, .footer .medias, .abnt {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.footer .medias {
		order: 1;
		width: 100% !important;
	}
	.footer .medias img {
		margin: 5px;
	}
	.footer .copyright {
		order: 4;
		width: 100% !important;
		text-align: justify;
	}
	.footer .logo {
		order: 3;
	}
	.footer .abnt {
		order: 2;
		width: 100% !important;
	}
	.footer .copyright span {
		margin-left: 0 !important;
		max-width: initial !important;
	}
}
@media screen and (max-width: 320px) {
	section.header .banner .title {
		font-size: 1.4rem;
		margin: 20px 0;
	}
}
@media screen and (max-width: 280px) {
	section.header .banner .title {
		font-size: 1.3rem;
		margin: 5px 0;
	}
	section.header .banner .buttons button:first-child, section.header .banner .buttons button:last-child {
		padding: 10px 15px;
	}
	.grid-item > a, .multi-itens {
		padding: 3px;
	}
	.grid-item .grid-subitens {
		width: 62%;
		margin: calc(var(--page-margin-mobile) / 2);
		padding: 0px 3px;
	}
	.grid-item .grid-subitens li {
		padding: 0;
	}
	.grid-item .grid-subitens a {
		font-size: .7rem;
		margin: -15px;
		padding: 12px 15px;
	}
	section.header .banner .buttons button:first-child, section.header .banner .buttons button:last-child {
		padding: 3px 10px;
		margin: 5px 0;
	}
}
@media screen and (max-width: 260px) {
	section.header .banner .title {
		font-size: 1.2rem;
	}
}
@media screen and (max-width: 230px) {
	section.header .banner .title {
		font-size: 1.1rem;
	}
}
@media screen and (max-width: 220px) {
	section.header .banner .title {
		font-size: 1rem;
	}
}