* {
	margin: 0;
	}

html {
	scroll-behavior: smooth;
}

body { 
	background-color: #212737; 
}

p {
	margin: 0;
	display: inline-block;
}

nav ul {
	display: flex;
	list-style: none;
}

nav a {
	display: inline-block;
	list-style: none;
	text-decoration: none;
}

img {
	object-fit: cover;
}

section {
	height:1080px;
	display:block;
	width:100%;
}

/*---------- PAGE1 ----------*/
.image1 { 
	position: absolute;
	width: 1220px;
	height: 780px;
	left: 350px;
	top: 150px;
	
	background: url(e25_abril_2_2.png);
	box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.25);
}

.body-text1 {
	position: absolute;
	width: 649px;
	height: 174px;
	left: 400px;
	top: 1685px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	
	text-align: justify;
	
	color: #FFFFFF;
}
.home1 { 
	transform-origin: 0 0;
	position: fixed;
	width: 67px;
	height: 26px;
	left: 66px;
	top: 193px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 33px;
	text-align: right;
	
	color: #FFFFFF;
	
	transform: rotate(-90deg);
}

.baa1 { 
	transform-origin: 0 0;
	position: fixed;
	width: 172px;
	height: 26px;
	left: 66px;
	top: 493px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 33px;
	
	color: #FFFFFF;
	
	transform: rotate(-90deg);
}
.about1 { 
	transform-origin: 0 0;
	position: fixed;
	width: 65px;
	height: 26px;
	left: 66px;
	top: 686px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 33px;
	text-align: right;
	
	color: #FFFFFF;
	
	transform: rotate(-90deg);
}

.title1 { 
	position: absolute;
	width: 1400px;
	height: 260px;
	left: 270px;
	top: 410px;

	font-family: Abril Fatface;
	font-style: normal;
	font-weight: normal;
	font-size:96px;
	line-height: 130px;
	text-align: center;
	letter-spacing: 0.25em;
	margin-block-start: 0;
	margin-block-end: 0;

	color:#ECC8C9;
}

.vertical-line { 
	transform-origin: 0 0;
	position: absolute;
	width: 6480px;
	height: 0px;
	left: 150px;
	top: 6480px;
	
	border: 1px solid #FFFFFF;
	transform: rotate(-90deg);
}
.scroll-line { 
	transform-origin: 0 0;
	position: absolute;
	width: 50px;
	height: 0px;
	left: 960px;
	top: 930px;
	
	border: 1px solid #FFFFFF;
	transform: rotate(90deg);
}
.scroll-text { 
	position: absolute;
	width: 86px;
	height: 26px;
	left: 917px;
	top: 990px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 33px;
	
	color: #FFFFFF;
}

.number-line1 { 
	transform-origin: 0 0;
	position: absolute;
	width: 50px;
	height: 0px;
	left: 1845px;
	top: 1007px;
	
	border: 1px solid #FFFFFF;
	transform: rotate(-180deg);
}

.left-number1 { 
	position: absolute;
	width: 28px;
	height: 26px;
	left: 1742px;
	top: 990px;
	margin: 0;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 33px;
	
	color: #FFFFFF;
}
.right-number1 { 
	position: absolute;
	width: 28px;
	height: 26px;
	left: 1870px;
	top: 990px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 33px;
	
	color: #FFFFFF;
}

.rect-grp1 { 
	opacity:1;
	width:28.284271240234375px;
	height:522.2842407226562px;
	position:fixed;
	left:170px;
	top:146px;
	z-index: 1;
}

#rect1 { 
	transform-origin: 0 0;
	transform: rotate(-45deg);
	opacity:1;
	border:1px solid rgba(255, 255, 255, 1);
	width:20px;
	height:20px;
	position:absolute;
	left:0px;
	top:14.142135620117188px;
}

#rect2 {
	transform-origin: 0 0;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 1px;
	top: 136.1421356201172px;
	
	z-index: 1;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	transform: rotate(-45deg);
}

#scrollMarker { 
	transform-origin: 0 0;
	transform: rotate(-45deg);
	background-color:#ECC8C9;
	opacity:1;
	width:20px;
	height:20px;
	left:1px;
	top:136.1421356201172px;
	position:relative;
	transition: top 1s;
}

#rect3 { 
	position: absolute;
	width: 20px;
	height: 20px;
	left: 1px;
	top: 186.1421356201172px;
	
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	transform: rotate(-45deg);
	transform-origin: 0 0;
}

#rect4 { 
	position: absolute;
	width: 20px;
	height: 20px;
	left:1px;
	top:236.1421356201172px;
	
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	transform: rotate(-45deg);
	transform-origin: 0 0;
}

#rect5 { 
	position: absolute;
	width: 20px;
	height: 20px;
	left:1px;
	top:286.1421203613281px;
	
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	transform: rotate(-45deg);
	transform-origin: 0 0;
}

#rect6 { 
	transform-origin: 0 0;
	position: absolute;
	width: 20px;
	height: 20px;
	left:0px;
	top:336.1421203613281px;
	
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	transform: rotate(-45deg);
}

#rect7 { 
	position: absolute;
	width: 20px;
	height: 20px;
	left:1px;
	top:386.2842102050781px;
	
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	transform: rotate(-45deg);
	transform-origin: 0 0;
}

#rect8 { 
	position: absolute;
	width:20px;
	height:20px;
	left:1px;
	top:508.1421203613281px;
	
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	transform: rotate(-45deg);
	transform-origin: 0 0;
}

.line1 { 
	transform-origin: 0 0;
	transform: rotate(90.00000250447788deg);
	opacity:1;
	border:1px solid rgba(255, 255, 255, 1);
	width:50px;
	height:0px;
	position:absolute;
	left:17px;
	top:50px;
}

.line2 { 
	transform-origin: 0 0;
	transform: rotate(90.00000250447788deg);
	opacity:1;
	border:1px solid rgba(255, 255, 255, 1);
	width:50px;
	height:0px;
	position:absolute;
	left:17px;
	top:422.1421203613281px;
}

/*---------- PAGE2 ----------*/
.image2 { 
	position: absolute;
	width: 792px;
	height: 636px;
	left: 1078px;
	top: 1302px;
	
	background: url(ecarmona.png);
}

.title2 { 
	position: absolute;
	width: 649px;
	height: 154px;
	left: 400px;
	top: 1381px;
	
	font-family: Abril Fatface;
	font-style: normal;
	font-weight: normal;
	font-size: 64px;
	line-height: 86px;
	text-align: center;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	
	color: #ECC8C9;	
}

.date1 { 
	position: absolute;
	width: 226px;
	height: 100px;
	left: 1644px;
	top: 1160px;
	
	font-family: Abril Fatface;
	font-style: normal;
	font-weight: normal;
	font-size: 96px;
	line-height: 130px;
	text-align: center;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	
	color: #ECC8C9;	
}

.body-text2 { 
	position: absolute;
	width: 1000px;
	height: 174px;
	left: 460px;
	top: 2850px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	
	text-align: justify;
	
	color: #FFFFFF;
}

.number-line2 { 
	transform-origin: 0 0;
	position: absolute;
	width: 50px;
	height: 0px;
	left: 1845px;
	top: 2087px;
	
	border: 1px solid #FFFFFF;
	transform: rotate(-180deg);
}

.left-number2 { 
	position: absolute;
	width: 28px;
	height: 26px;
	left: 1742px;
	top: 2070px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 33px;
	
	color: #FFFFFF;	
}

.right-number2 { 
	position: absolute;
	width: 28px;
	height: 26px;
	left: 1870px;
	top: 2070px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 33px;
	
	color: #FFFFFF;	
}

#nav-box1 { 
	background-color: #2B485F;
	opacity:0;
	width:108px;
	height:38px;
	position:relative;
	left:-5px;
	top:147px;
	border-top-left-radius:17.5px;
	border-top-right-radius:17.5px;
	border-bottom-left-radius:17.5px;
	border-bottom-right-radius:17.5px;
	transition: opacity 1s;
	z-index: -1;
}

#nav-date1 { 
	color:rgba(255, 255, 255, 1);
	opacity:0;
	width:55px;
	height:26px;
	position:relative;
	left:35px;
	top:-40px;
	font-family:Open Sans;
	text-align:left;
	font-size:24px;
	letter-spacing:0;
	transition: opacity 1s;
}

/*---------- PAGE3 ----------*/
.image3 { 
	position: absolute;
	width: 1920px;
	height: 1080px;
	left: 0px;
	top: 2160px;
	
	background: url(ecravos.png);
	opacity: 0.05;
}

.title3 { 
	color:#ECC8C9;
	opacity:1;
	width:685px;
	height:68px;
	position:absolute;
	left:618px;
	top:2583px;
	font-family:Abril Fatface;
	text-align:center;
	font-size:64px;
	letter-spacing:25;
}

.date2 { 
	color:#ECC8C9;
	opacity:1;
	width:495px;
	height:102px;
	position:absolute;
	left:713px;
	top:2326px;
	font-family:Abril Fatface;
	text-align:center;
	font-size:96px;
	letter-spacing:5;
}

.body-text3 { 
	color:rgba(255, 255, 255, 1);
	opacity:1;
	width:1000px;
	height:174px;
	position:absolute;
	left:460px;
	top:2850px;
	font-family:Open Sans;
	text-align:justified;
	font-size:24px;
	letter-spacing:0;
	line-height:125;
}

.number-line3 { 
	transform-origin: 0 0;
	position: absolute;
	width: 50px;
	height: 0px;
	left: 1845px;
	top: 3144.14px;
	
	border: 1px solid #FFFFFF;
	transform: rotate(-180deg);
}

.left-number3 { 
	position: absolute;
	width: 28px;
	height: 26px;
	left: 1742px;
	top: 3127.14px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 33px;
	
	color: #FFFFFF;
}

.right-number3 { 
	position: absolute;
	width: 28px;
	height: 26px;
	left: 1870px;
	top: 3127.14px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 33px;
	
	color: #FFFFFF;
}

.underline { 
	transform-origin: 0 0;
	position: absolute;
	width: 685px;
	height: 0px;
	left: 1303px;
	top: 2505px;
	
	border: 1px solid #FFFFFF;
	transform: rotate(180deg);
}

#nav-box2 { 
	background-color:#2B485F;
	opacity:0;
	width:171px;
	height:38px;
	position:relative;
	left:-5px;
	top:159px;
	border-top-left-radius:17.5px;
	border-top-right-radius:17.5px;
	border-bottom-left-radius:17.5px;
	border-bottom-right-radius:17.5px;
	transition: opacity 1s;
	z-index: -1;
}

#nav-date2 { 
	color:rgba(255, 255, 255, 1);
	opacity:0;
	width:118px;
	height:26px;
	position:absolute;
	left:35px;
	top:220px;
	font-family:Open Sans;
	text-align:left;
	font-size:24px;
	letter-spacing:0;
	transition: opacity 1s;
}

/*---------- PAGE4 ----------*/
.image4 { 
	position: absolute;
	width: 792px;
	height: 621px;
	left: 1078px;
	top: 3477px;
	
	background: url(eeleicoes.png);
	opacity: 0.75;
}

.date3 { 
	color:#ECC8C9;
	opacity:1;
	width:215px;
	height:102px;
	position:absolute;
	left:813px;
	top:3387px;
	font-family:Abril Fatface;
	text-align:center;
	font-size:96px;
	letter-spacing:5;
}

.body-text3 { 
	position: absolute;
	width: 628px;
	height: 354px;
	left: 400px;
	top: 3744px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 125%;
	
	text-align: justify;
	
	color: #FFFFFF;
	display: inline-block;
	display: inline-block; 
}

.number-line4 { 
	transform-origin: 0 0;
	position: absolute;
	width: 50px;
	height: 0px;
	left: 1845px;
	top: 4224.14px;
	
	border: 1px solid #FFFFFF;
	transform: rotate(-180deg);
}

.left-number4 { 
	position: absolute;
	width: 28px;
	height: 26px;
	left: 1742px;
	top: 4207.14px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 33px;
	
	color: #FFFFFF;
}

.right-number4 { 
	position: absolute;
	width: 28px;
	height: 26px;
	left: 1870px;
	top: 4207.14px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 33px;
	
	color: #FFFFFF;
}

#nav-box3 { 
	background-color:#2B485F;
	opacity:0;
	width:108px;
	height:38px;
	position:relative;
	left:-5px;
	top:171px;
	border-top-left-radius:17.5px;
	border-top-right-radius:17.5px;
	border-bottom-left-radius:17.5px;
	border-bottom-right-radius:17.5px;
	transition: opacity 1s;
	z-index: -1;
}

#nav-date3 { 
	color:rgba(255, 255, 255, 1);
	opacity:0;
	width:55px;
	height:26px;
	position:absolute;
	left:35px;
	top:270px;
	font-family:Open Sans;
	text-align:left;
	font-size:24px;
	letter-spacing:0;
	transition: opacity 1s;
}

.number-slide1 { 
	opacity:1;
	width:28px;
	height:26px;
	position:absolute;
	left:0px;
	top:-30px;
	font-family:Open Sans;
	text-align:left;
	font-size:24px;
	letter-spacing:0;
	display:block;
}

.number-slide2 { 
	opacity:1;
	width:28px;
	height:26px;
	position:absolute;
	left:0px;
	top:-30px;
	font-family:Open Sans;
	text-align:left;
	font-size:24px;
	letter-spacing:0;
}

.number-slide3 { 
	position: absolute;
	width: 28px;
	height: 26px;
	left: 0px;
	top: -30px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 33px;
}

  /* Create an active/current tablink class */
.page4tab.active {
	background-color: #ECC8C9;
	color: #ECC8C9;
}

#page4image2 {
	display: none;
}

#page4image3 {
	display: none;
}

.rect-slide1 { 
	position: absolute;
	width: 200px;
	height: 5px;
	left: 1078px;
	top: 3462px;
	
	color: rgba(236, 200, 201, 0.5);
	background: rgba(236, 200, 201, 0.5);
}

.rect-slide2 { 
	position: absolute;
	width: 200px;
	height: 5px;
	left: 1288px;
	top: 3462px;
	
	color: rgba(236, 200, 201, 0.5);
	background: rgba(236, 200, 201, 0.5);
}

.rect-slide3 { 
	position: absolute;
	width: 200px;
	height: 5px;
	left: 1498px;
	top: 3462px;
	
	color: rgba(236, 200, 201, 0.5);
	background: rgba(236, 200, 201, 0.5);
}

/*---------- PAGE5 ----------*/
.image5 { 
	position: absolute;
	width: 1026px;
	height: 578px;
	left: 844px;
	top: 4571px;
	
	background-image:url(images/eeleicoes.png);
	opacity: 0.75;
}
.title4	{
	position: absolute;
	width: 649px;
	height: 154px;
	left: 400px;
	top: 4593px;
	
	font-family: Abril Fatface;
	font-style: normal;
	font-weight: normal;
	font-size: 64px;
	line-height: 86px;
	text-align: center;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	
	color: #ECC8C9;
}

.date4 { 
	color:#ECC8C9;
	opacity:1;
	width:216px;
	height:102px;
	position:absolute;
	left:1654px;
	top:4398px;
	font-family:Abril Fatface;
	text-align:center;
	font-size:96px;
	letter-spacing:5;
}

.body-text4 { 
	position: absolute;
	width: 649px;
	height: 234px;
	left: 400px;
	top: 4897px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 125%;
	
	text-align: justify;
	
	color: #FFFFFF;
}

.title5 { 
	position: absolute;
	width: 902px;
	height: 130px;
	left: 509px;
	top: 5730px;
	
	font-family: Abril Fatface;
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	line-height: 65px;
	text-align: center;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	
	color: #ECC8C9;
}

.number-line5 { 
	transform-origin: 0 0;
	position: absolute;
	width: 50px;
	height: 0px;
	left: 1845px;
	top: 5303.14px;
	
	border: 1px solid #FFFFFF;
	transform: rotate(-180deg);
}

.left-number5 { 
	position: absolute;
	width: 28px;
	height: 26px;
	left: 1742px;
	top: 5286.14px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 33px;
	
	color: #FFFFFF;
}

.right-number5 { 
	position: absolute;
	width: 28px;
	height: 26px;
	left: 1870px;
	top: 5286.14px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 33px;
	
	color: #FFFFFF;
}

#nav-box4 { 
	background-color:#2B485F;
	opacity:0;
	width:108px;
	height:38px;
	position:relative;
	left:-5px;
	top:183px;
	border-top-left-radius:17.5px;
	border-top-right-radius:17.5px;
	border-bottom-left-radius:17.5px;
	border-bottom-right-radius:17.5px;
	transition: opacity 1s;
	z-index: -1;
}

#nav-date4 { 
	color:rgba(255, 255, 255, 1);
	opacity:0;
	width:55px;
	height:26px;
	position:absolute;
	left:35px;
	top:320px;
	font-family:Open Sans;
	text-align:left;
	font-size:24px;
	letter-spacing:0;
	transition: opacity 1s;
}

/*---------- PAGE6 ----------*/
.image6 { 
	position: absolute;
	width: 1622px;
	height: 810px;
	left: 248px;
	top: 5535px;

	background-image:url(images/eportugal+eu.png);
	opacity: 0.35;
}

.date5 { 
	color:#ECC8C9;
	opacity:1;
	width:233px;
	height:130px;
	position:absolute;
	left:840px;
	top:5446px;
	font-family:Abril Fatface;
	text-align:center;
	font-size:96px;
	letter-spacing:5;
}

.body-text5 { 
	position: absolute;
	width: 1120px;
	height: 173px;
	left: 400px;
	top: 6024px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 125%;
	
	text-align: justify;
	
	color: #FFFFFF;
}

.title6 { 
	color:#ECC8C9;
	opacity:1;
	width:902px;
	height:130px;
	position:absolute;
	left:509px;
	top:5730px;
	font-family:Abril Fatface;
	text-align:center;
	font-size:48px;
	letter-spacing:25;
}

.number-line6 { 
	transform-origin: 0 0;
	position: absolute;
	width: 50px;
	height: 0px;
	left: 1845px;
	top: 6383.14px;
	
	border: 1px solid #FFFFFF;
	transform: rotate(-180deg);
}

.left-number6 { 
	position: absolute;
	width: 28px;
	height: 26px;
	left: 1742px;
	top: 6366.14px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 33px;
	
	color: #FFFFFF;
}

.right-number6 { 
	position: absolute;
	width: 28px;
	height: 26px;
	left: 1870px;
	top: 6366.14px;
	
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 33px;
	
	color: #FFFFFF;
}

#nav-box5 { 
	background-color:#2B485F;
	opacity:0;
	width:108px;
	height:38px;
	position:relative;
	left:-5px;
	top:195px;
	border-top-left-radius:17.5px;
	border-top-right-radius:17.5px;
	border-bottom-left-radius:17.5px;
	border-bottom-right-radius:17.5px;
	transition: opacity 1s;
	z-index: -1;
}

#nav-date5 { 
	color:rgba(255, 255, 255, 1);
	opacity:0;
	width:55px;
	height:26px;
	position:absolute;
	left:35px;
	top:370px;
	font-family:Open Sans;
	text-align:left;
	font-size:24px;
	letter-spacing:0;
	transition: opacity 1s;
	z-index: 1;
}