main{
	position:fixed;
	width:100vw;
	height:99.9%;
	overflow-y:auto;
	overflow-x:hidden;
}
img{
	display:block;
	-webkit-user-drag: none; 
	-khtml-user-drag: none; 
	-moz-user-drag: none; 
	-o-user-drag: none; 
	user-drag: none;
}
.hide-desktop{
	display:none;
}
.hide-mobile{
	display:block;
}
.yellow{
	color:#ffe533;
}
.identify{
	color:#eee;
	font-weight:700;
	cursor:pointer;
	text-decoration:underline;
}
#diagram h1 .identify{
	text-decoration:none !important;
}

#word-info{
	position:fixed;
	width:100vw;
	height:100vh;
	left:0;
	top:0;
	z-index:100;
	display:none;
}
#word-info.show{
	display:flex;
}
#word-info-box{
	position:absolute;
	background:rgba(0,0,0,0.7);
	backdrop-filter:blur(10px);
	width:300px;
	border:1px solid #fff;
	padding:10px 20px;
	color:#fff;
	border-radius:20px;
}
#word-info-box h1{
	font-size:13px;
	padding-bottom:5px;
}
#word-info-box p{
	font-size:11px;
}

#menu{
	position:fixed;
	top:0;
	left:0;
	width:calc(100% - 17px);
	height:80px;
	z-index:100;
	display:flex;
	align-items:center;
	justify-content:center;
}
#menu-wrapper{
	width:100%;
	height:100%;
}
#menu ul{
	display:flex;
	justify-content:center;
	list-style:none;
	width:100%;
	height:100%;
}
#menu li:first-child, #menu li:last-child{
	flex:1;
}
#menu li.separator{
	width:40px;
}
#menu li a{
	display:flex;
	align-items:center;
	padding:0px 40px;
	height:100%;
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-weight:600;
}
#menu li:first-child a{
	justify-content:flex-end;	
}
#menu-inicio{
	background:#3838a7;
}
#separator-1{
	background:#4958d2;
}
#menu-diagrama{
	background:#3b75a7;
}
#separator-2{
	background:#cc996b;
}
#menu-exposicao{
	background:#de7e29;
}
#separator-3{
	background:#e4822c;
}
#menu-pesquisadores{
	background:#ad5e16;
}
#separator-4{
	background:#dc5f24;
}
#menu-rv{
	background:#ad441d;
}
#separator-5{
	background:#b72a28;
}
#menu-sobre{
	background:#881520;
}
.sn-menu{
	display:none;
}

#menu #hamburger{
	width:45px;
	height:45px;
	display:none;
	align-items:center;
	justify-content:center;
	background:none;
	border:none;
	position:fixed;
	right:30px;
	top:20px;
	z-index:100;
}
#nav-icon{
	width: 45px;
	height: 45px;
	position: relative;
	margin: 50px auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	zoom:0.5;
}
#nav-icon span {
	display: block;
	position: absolute;
	height: 6px;
	width: 30px;
	background: #fff;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#nav-icon span:nth-child(even) {
	left: 50%;
	border-radius: 0 9px 9px 0;
}
#nav-icon span:nth-child(odd) {
	left:0px;
	border-radius: 9px 0 0 9px;
}
#nav-icon span:nth-child(1), #nav-icon span:nth-child(2) {
	top: 0px;
}
#nav-icon span:nth-child(3), #nav-icon span:nth-child(4) {
	top: 18px;
}
#nav-icon span:nth-child(5), #nav-icon span:nth-child(6) {
	top: 36px;
}
.open #nav-icon span:nth-child(1),.open #nav-icon span:nth-child(6) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.open #nav-icon span:nth-child(2),.open #nav-icon span:nth-child(5) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.open #nav-icon span:nth-child(1) {
	left: 3px;
	top: 9px;
}
.open #nav-icon span:nth-child(2) {
	left: calc(50% - 3px);
	top: 9px;
}
.open #nav-icon span:nth-child(3) {
	left: -50%;
	opacity: 0;
}
.open #nav-icon span:nth-child(4) {
	left: 100%;
	opacity: 0;
}
.open #nav-icon span:nth-child(5) {
	left: 3px;
	top: 27px;
}
.open #nav-icon span:nth-child(6) {
	left: calc(50% - 3px);
	top: 27px;
}
.ruler{
	width:100%;
	display:flex;
	justify-content:center;
	user-select:none;
	flex-direction:column;
	align-items:center;
}
.ruler img{
	height:100px;
	user-select:none;
}
.sn{
	display:flex;
	gap:20px;
}
.sn img{
	height:50px;
}

.author{
	background:#fff;
	color:#000;
	display:flex;
	margin-top:10px;
	position:relative;
}
.author p{
	padding:10px 30px !important;
	font-size:16px !important;
}
.author-info{
	display:flex;
	flex-direction:column;
}
.author-name{
	display:flex;
	align-items:flex-end;
	padding-bottom:10px;
}
.author-info h1{
	text-transform:uppercase;
	padding:20px 0px 0px 30px !important;
	font-size:32px !important;
}
.author-info h2{
	position:relative;
	text-transform:uppercase;
	padding:0px 30px 0px 30px !important;
	font-size:14px !important;
	top:-8px;
}
.author-image{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:290px;
}
.author-image img{
	width:250px;
	height:250px;
}

.page-title{
	width:100vw;
	overflow:hidden;
	margin:50px 0px;
}
.page-title h1{
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-size:54px;
	padding:150px 0px 30px 0px;
	line-height:60px;
}
.page-title img{
	position:absolute;
	top:105px;
	right:50px;
	height:200px;
}


.highlight-image{
	position:relative;
	display:flex;
	gap:40px;
	padding:50px 50px;
	background:#ffe533;
	color:#000;
	margin:0px 100px;
	margin-top:50px;
	margin-bottom:50px;
}
.highlight-image.only-text{
	flex-direction:column;
	gap:0;
	padding:0px 40px 20px 40px;
}
.highlight-image.line{
	align-items:center;
	justify-content:space-around;
	gap:0;
	padding:10px 40px 10px 40px;
}
.highlight-image.line p{
	font-size:14px !important;
}
.highlight-image.only-text h1{
	font-size:24px !important;
}
.highlight-image p{
	padding-left:0 !important;
	padding-right:0 !important;
	font-size:11px;
}
.highlight-image img{
	display:block;
	object-fit:contain;
}
.highlight-image::before{
	position:absolute;
	top:-20px;
	left:-25px;
	bottom:-20px;
	content:'';
	border:2px solid #ffe533;
	padding:100px 100px;
	z-index:-1;
}
.highlight-image.line::before{
	padding:10px 100px;
}

.image-subtitle{
	margin:0px 140px 50px 100px;
	padding:20px 0px 0px 10px !important;
	border-left:5px solid #fff;
	font-size:9px !important;
}
.image-subtitle a{
	color:#fff;
}
.full-width-image{
	position:relative;
	padding:10px 0;
}
.full-width-image.centered{
	margin:10px 100px;
}
.full-width-image.centered-small{
	margin:10px 200px;
}
.full-width-image img{
	width:100%;
	object-fit:contain;
}

.full-width-image.centered .image-subtitle{
	margin:0px 0px 50px 0px;
}
.full-width-image.centered-small .image-subtitle{
	margin:0px 0px 50px 0px;
}
.full-width-image.subtitle-inside .image-subtitle{
	position:absolute;
	bottom:0;
	right:0px;
	max-width:40%;
}
.full-width-image.subtitle-inside.centered-small .image-subtitle{
	right:50px;
}


.paragraph-image{
	display:flex;
	gap:40px;
	padding:0px 100px;
}
.paragraph-image p{
	padding-left:0 !important;
	padding-right:0 !important;
}
.paragraph-image img{
	object-fit:contain;
}


.info{
	position:absolute;
	z-index:100;
}
.info .indicator-arrow{
	position:absolute;
	bottom:10px;
	left:0px;
	transform:scale(2.5) rotate(-20deg);
}
.info .balloon{
	position:absolute;
	background:#fff;
	bottom:90%;
	right:-60%;
	font-size:30px;
	font-weight:700;
	text-align:center;
	padding:80px 60px;
	border-radius:50px;
}

.clone{
	position:absolute;
	transition:all 0.3s ease-in-out;
}

.bg-map{
	position:fixed;
	width:calc(100% - 18px);
	height:100%;
	overflow:hidden;
	z-index:-1;
}
.bg-map #map{
	position:absolute;
	transition:all 1s;
	zoom:0.7;
	transform:scale(0.5);
	opacity:0;
	filter:blur(10px) brightness(0.5);
}
.bg-map.visible #map{
	transform:scale(1);
	opacity:1;
}

.logo-360{
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:100;
}



@media (max-width: 1350px){
	#menu{
		width:100%;
		background:linear-gradient(90deg, rgba(56,56,167,1) 0%, rgba(56,56,167,1) 20%, rgba(59,117,167,1) 20%, rgba(59,117,167,1) 35%, rgba(222,126,41,1) 35%, rgba(222,126,41,1) 50%, rgba(173,94,22,1) 50%, rgba(173,68,29,1) 65%, rgba(173,94,22,1) 65%, rgba(173,68,29,1) 80%, rgba(136,21,32,1) 80%, rgba(136,21,32,1) 100%);
		display:flex;
		height:55px;
	}
	.sn-menu{
		z-index:1000;
		position:fixed;
		display:flex;
		align-items:center;
		justify-content:center;
		width:100vw;
		bottom:20px;
		gap:10px;
	}
	.sn-menu img{
		height:50px;
	}
	#menu #hamburger{
		right:20px;
		top:7px;
	}
	#menu-wrapper{
		position:fixed;
		top:0;
		width:100vw;
		height:100%;
		display:flex;
		align-items:flex-start;
		transition:all 0.3s ease-in-out;
		transform:translateX(100vw);
	}
	.open #menu-wrapper{
		transform:translateX(0);
	}
	#menu li{
		height:10vh;
	}
	#menu li a{
		height:10vh;
	}
	#menu li:first-child{
		display:flex;
		align-items:flex-end;
	}
	#menu li:first-child a{
		width:100vw;
		justify-content:flex-start;
	}
	#menu li:last-child a{
		justify-content:flex-start;
		flex:1;
	}
	#menu ul{
		flex-direction:column;
		list-style:none;
		width:100vw;
		height:100vh;
	}
	#menu .separator{
		width:100vw !important;
		height:10px;
	}
	#menu #hamburger{
		display:flex;
	}
}

@media (max-width: 1365px){
	.page-title{
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		padding-top:75px;
		margin:0px;
	}
	.page-title h1{
		font-size:60px;
		padding:30px 0px 40px 0px;
		line-height:60px;
	}
	.page-title img{
		position:relative;
		height:150px;
		top:0;
		left:0;
	}
}

@media (max-width: 720px){
	.bg-map{
		display:none;
	}
	.hide-desktop{
		display:flex;
	}
	.hide-mobile{
		display:none;
	}
	.ruler{
		position:fixed;
		bottom:0;
		background:rgba(0,0,0,0.7);
		backdrop-filter:blur(10px);
		padding:5px 0;
	}
	.ruler img{
		width:90vw;
		height:auto;
	}
	.author{
		flex-direction:column;
	}
	.page-title{
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		padding-top:75px;
		margin:0px;
	}
	.page-title h1{
		font-size:24px;
		padding:10px 0px 20px 0px;
		line-height:30px;
	}
	.page-title img{
		position:relative;
		height:70px;
		top:0;
		left:0;
	}

	.author p{
		padding:10px 20px !important;
		font-size:14px !important;
	}
	.author-name{
		flex-direction:column;
		padding-bottom:10px;
		align-items:center;
	}
	.author-info h1{
		padding:20px 10px 0px 10px !important;
		font-size:16px !important;
		line-height:24px !important;
	}
	.author-info h2{
		padding:10px 30px 0px 30px !important;
		font-size:14px !important;
		top:0px;
	}
	.author-image{
		display:flex;
		align-items:center;
		justify-content:center;
		min-width:290px;
	}
	.author-image img{
		width:250px;
		height:250px;
	}

	.full-width-image.centered {
		margin:10px 10px;
	}

	.highlight-image.line::before{
		display:none;
	}
	.full-width-image.centered .image-subtitle{
		margin-bottom:10px !important;
	}
	.full-width-image.centered-small .image-subtitle{
		margin-bottom:10px !important;
	}
	.image-subtitle{
		margin:0px 10px 10px 10px;
		max-width:100% !important;
	}
	.paragraph-image{
		flex-direction:column;
		align-items:center;
		padding:0px 20px;
	}
	.sn{
		display:none;
	}

}