﻿body.AprilUpdate
{
	background: #838c9b;
}

.AprilUpdate #mainContent .aprilupdate.past-phase-1
{
	height: 5326px;
}

	.AprilUpdate #mainContent .aprilupdate.past-phase-2
	{
		height: 9317px;
	}

	.AprilUpdate #mainContent .aprilupdate.past-phase-3
	{
		height: 11472px;
	}

.backgrounds
{
	position: absolute;

	width: 100%;
}

	.backgrounds .bg
	{
		position: relative;

		max-width: 1600px;

		margin: 0 auto;

		background-position: 50% 50%;
	}

	.backgrounds .bg.bg1
	{
		height: 1646px;
	}

	.backgrounds .bg.bg2
	{
		height: 1684px;
	}

	.backgrounds .bg.bg3
	{
		height: 1597px;
	}

	.backgrounds .bg.bg4
	{
		height: 1849px;
	}

	.backgrounds .bg.bg5
	{
		height: 2142px;
	}

	.backgrounds .bg.bg6
	{
		height: 2554px;
	}

	.backgrounds .bg.bg-checkback
	{
		height: 399px;
	}

.april-content
{
	position: relative;
	z-index: 2;

	width: 940px;
	padding: 0 10px;
	height: calc(100% - 106px);
	margin: 0 auto;
	padding-top: 106px;

	font-family: 'Work Sans', sans-serif;
}

	.april-content h1
	{
		text-align: center;
	}

	.april-content h2
	{
		font-size: 56px;
		line-height: 80px;
		font-weight: 700;
		color: #FFF;
		text-align: center;
		letter-spacing: 5px;
	}

	.april-content h3
	{
		padding: 15px 0;

		line-height: 36px;
		font-size: 24px;
		font-weight: 700;
		color: #FFF;
		letter-spacing: 5px;
		text-transform: uppercase;
	}

	.april-content p
	{
		color: #FFF;
		font-size: 15px;
		line-height: 24px;
	}

	.april-content .topline
	{
		border-top: 1px solid #FFF;
	}

	.april-content .twr {
		align-items: center;
		display: flex;
		flex-flow: row nowrap;
		height: 103px;
		position: absolute;
		width: 440px;
	}
		.april-content .twr img{
			flex:0 0 182px;
			width:182px;
			height:103px;
		}

		.april-content .twr p{
			flex: 1 1 auto;
			font-weight: 500;
			letter-spacing: 4px;
			padding: 0 10px;
			text-align: center;
		}

	.april-content .dates
	{
		position: absolute;

		top: 908px;
		left: 0;

		color: #FFF;
	}

		.april-content .date
		{
			opacity: 0.5;
			padding-left: 70px;
			margin-bottom: 27px;
			text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);

			background-position: 24px 7px;
			background-repeat: no-repeat;
		}

			.april-content .date.date2
			{
				background-position-x: 29px;
			}

			.date .datenum
			{
				font-size: 13.5px;
				font-weight: 300;
				letter-spacing: 5px;
			}

			.date .title
			{
				margin-top: 5px;

				font-size: 16.66px;
				font-weight: 600;
				text-transform: uppercase;
				letter-spacing: 2px;
			}

			.april-content .date.on
			{
				opacity: 1;
			}

	.april-content .chain-circle
	{
		position: absolute;

		top: 1305px;
		
		color: #FFF;
		font-size: 19px;
		line-height: 44px;
		text-align: center;
	}

	.april-content .challenges
	{
		position: absolute;

		top: 1690px;
	}

	.challenges .twr {
		left: 32px;
		top: 179px;
	}

	.april-content .mlr
	{
		box-sizing: border-box;

		width: 623px;
		padding-right: 150px;
		height: 295px;
		margin-top: 297px;
	}

	.april-content .pv
	{
		text-align: center;
	}

		.april-content .pv p
		{
			width: 800px;
			margin: 0 auto;
		}

		.april-content .pv p + p
		{
			position: absolute;

			left: 80px;
			top: 1580px;
		}

	.april-content .bcs
	{
		position: absolute;

		top: 1905px;
		right: 0;
		width: 465px;
		padding-left: 75px;

		text-align: right;
	}

		.april-content .bcs p
		{
			padding-left: 75px;
		}

	.april-content .wr
	{
		position: absolute;

		top: 2376px;
		left: 0;
		width: 392px;
		padding-right: 230px;

		text-align: left;
	}

		.april-content .wr p
		{
		}

	.april-content .udr
	{
		position: absolute;

		top: 2910px;
		left: 80px;
		width: 800px;

		text-align: center;
	}

	.april-content .check-back
	{
		position: absolute;

		left: 125px;
		bottom: 129px;
		width: 710px;

		text-align: center;
	}

	.april-content .check-back h3
	{
		letter-spacing: 10px;
	}

	.april-content .rewards{
		position:absolute;
		top:5029px;
		width:100%;
	}
		
		.rewards .twr {
			left: 32px;
			top: 193px;
		}    
	
	
	.april-content .rewards div,
		.april-content .rewards h2 {
		}

	.april-content .lin{
		position: absolute;
		top: 439px;
		width: 620px;
	}

	.april-content .chcu{
		background-size: cover;
		box-sizing: border-box;
		height: 442px;
		left:10px;
		padding-right: 38px;
		padding-top: 242px;
		position: absolute;
		text-align: right;
		top: 741px;
		width: 940px;
	}
	
		.april-content .chcu video{
			position:absolute;
			top:0;
			left:0;
		}    

		.april-content .chcu h3,
		.april-content .chcu p
		{
			clear: both;
			float: right;
			position: relative;
			width: 425px;
			z-index: 1;
		}

	.april-content .ttg{
		left: 45px;
		position: absolute;
		top: 1506px;
		width: 461px;
	}

	.april-content .sttr{
		position: absolute;
		right: 10px;
		text-align: right;
		top: 1818px;
		width: 781px;
	}
		.april-content .sttr h3,
		.april-content .sttr p {
			clear: both;
			float: right;
			width: 600px;
		}

	.april-content .ufp{
		position: absolute;
		text-align: center;
		top: 2618px;
		width:100%;
	}

	.april-content .uel{
		position: absolute;
		text-align: center;
		top: 3208px;
		width: 100%;
	}

	.april-content .ne{
		position: absolute;
		text-align: center;
		top: 3520px;
		width: 100%;
	}
		.april-content .ne a{
			color: #fff;
			display: block;
			font-weight: 700;
			margin-top: 28px;
			text-decoration: underline;
		}

	.april-content .updates{
		position:absolute;
		top:9012px;
		width:100%;
	}
		.updates .twr {
			left: 31px;
			top: 201px;
		}    

	.april-content .wu{
		position: absolute;
		top: 544px;
		width: 540px;
	}

	.april-content .itg{
		position: absolute;
		right: 10px;
		text-align: right;
		top: 936px;
		width: 560px;
	}

	.april-content .bp{
		left: 10px;
		position: absolute;
		text-align: center;
		top: 1473px;
		width: 380px;
	}

	.april-content .iv{
		right: 10px;
		position: absolute;
		text-align: center;
		top: 1473px;
		width: 380px;
	}

	.april-content .moreupdatesLink{
		display:inline-block;
		font-size:15px;
		position:absolute;
		text-align:center;
		top:1630px;
		width:100%;
	}
		.april-content .moreupdatesLink a{
			color: #fff;
			font-size: 15px;
			font-weight:600;
			text-decoration: underline;
			text-transform: uppercase;
		}


		
		