.pathway-background {
	position: absolute;
	overflow: hidden;
	top: 0px;
	width: 11520px;
}

.pathway-background img {
	float: left;
}

#bg-1 {
	z-index:1;
}

#bg-2 {
	z-index:2;
}

#bg-3 {
	z-index:3;
}

.pathway-content {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	z-index:4;
	top: -800px;
	left: 0px;
}

.pathway-content img {
	position: relative;
	z-index: 4;
}

.pathway-content h2, .pathway-content p {
	position: relative;
	z-index: 5;
}

.pathway-content h2 {
	color: #fff;
}

.pathway-content p {
	text-transform: none;
	font-size: 16px;
}

#c0 {
	display: block;
	top: 20px;
}

#pathway-lightbox-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: rgba(0,0,0,0.2);
	opacity: 0;
	display: none;
	z-index: 6;
}

.pathway-question {
	width: 700px;
	margin: 0 auto;
}

.pathway-question h2 {
	text-align: left;
	position: relative;
	top: 190px;
	left: 20px;
	text-shadow: #000 0px 0px 4px;
}

.pathway-question p {
	color: #fff;
	text-align: left;
	position: relative;
	top: 180px;
	left: 20px;
	margin-bottom: 15px;
	text-shadow: #000 0px 0px 4px;
}

.pathway-lightbox {
	position: absolute;
	top: 100px;
	z-index: 7;
	width: 100%;
	opacity: 0;
	display: none;
}

.pathway-lightbox-content {
	margin: 0 auto;
	padding: 30px;
	z-index: 8;
	background-color: rgba(0,0,0,0.6);
	max-width: 1000px;
	width: 100%;
}

.pathway-lightbox-content h2 {
	text-align: left;
	color: #aadf00;
	font-weight: 500;
	width: 100%;
	margin-bottom: 20px;
}

.pathway-lightbox-content .pathway-icon {
	margin-left: 170px;
	position: relative;
	top: -90px;
	left: -20px;
}

.pathway-lightbox-content .pathway-back {
	
}

.pathway-lightbox-content .pathway-button {
	width: 150px;
	top: -28px !important;
	left: -20px;
	float: right;
}

.pathway-scrollable {
	height: 290px;
	margin-bottom: 30px;
	overflow-y: scroll;
}

.pathway-scrollable h3 {
	color: #aadf00;
	text-align: left;
	text-transform: uppercase;
}

.pathway-scrollable p {
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	text-transform: none;
	margin-bottom: 10px;
	width: 90% !important;
	margin-left: 0px;
}

.pathway-scrollable a {
	color: #aadf00;
}

.pathway-scrollable ul {
	color: #fff;
	text-align: left;
	font-size: 14px;
	font-weight: 200;
	line-height: 20px;
}

.pathway-lightbox-close {
	display: inline-block;
	color: #fff;
	border: 2px solid #fee36e;
	position: relative;
	top: -410px;
	left: 160px;
	width: 20px;
	height: 20px;
	text-decoration: none;
}

.psa-lightbox {
	position: fixed;
	top: 200px;
	left: 0px;
	z-index: 99;
	width: 100%;
	opacity: 0;
	display: none;
}

.psa-lightbox-content {
	width: 70%;
	max-width: 600px;
	margin: 0 auto;
	background-color: #fff;
	padding: 50px;
}

.pathway-button {
	display: block;
	text-transform: uppercase;
	color: #fff;
	background-color: #185ea6;
	font-size: 15px;
	height: 30px;
	text-decoration: none;
	margin: 18px auto 18px auto;
	padding-top: 6px;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: 300;
	transition: background-color 0.5s ease;
	border: 2px solid #fee36e;
	width: 118px;
}

.pathway-buttons-group .pathway-button {
	float:left;
	margin-left: 20px;
	padding-top: 10px;
	position: relative;
	top: 170px;
}

.pathway-button:hover {
	background-color: #f0ae3f;
}

.pathway-back {
	color: #fff;
	position: relative;
	top: 200px;
	text-transform: uppercase;
	left:-175px;
}

.pathway-icon { 
	float: left;
	}

/* INDIVIDUAL SLIDES STYLES */

#c0 h2 {
	width: 340px;
	top: -420px;
	font-weight: 500;
}

#c0 p {
	width:340px !important;
	top: -370px;
	font-size: 20px;
}

#c3a h2 {
	width: 800px;
	top: 120px;
}

.wide {
	width:320px;
	margin-bottom: 10px;
	margin-top: 0px;
	top: 100px !important;
}

.long p {
	top: 150px;
}

.long h2 {
	top: 130px;
}

.long a {
	top: 125px !important;
}

.pathway-zinc {
	position: absolute;
	right: -180px;
	top: 500px;
	z-index: 5;
}

.pathway-zinc p {
	font-size: 12px;
	text-transform: none;
}

.pathway-reference {
	position: relative;
	top: -280px !important;
	font-size: 12px !important;
}

.pathway-info {
	border: 3px solid #fff;
	border-radius: 30px;
	width: 30px;
	height: 25px;
	display: inline-block;
	color: #fff;
	padding-top: 5px;
	text-decoration: none;
	font-weight: 600;
	float: right;
	position: relative;
	top: 50px;
	left: 30px;
	margin-bottom: -60px;
}

.pathway-top-h3 {
	margin-top: 0px;
}

/* MOBILE STYLES */
/* TABLET AND LOW END PCs - UNDER 1070PX */
/* RELAYOUT LIGHTBOXES */
@media only screen and (max-width: 1070px) {
	.pathway-lightbox-content .pathway-icon {
		margin: 0 auto;
		width: 80px;
		position: absolute;
		top: 10px;
		left: 10px;
		margin-top: 0px !important;
	}

	.pathway-lightbox {
		width: 90%;
		left: 5%;
		top: 100px;
	}

	.pathway-lightbox-content {
		padding: 0;
		height: 470px;
		margin-top: -5px;
	}

	.pathway-lightbox-content h2 {
		position: absolute;
		left: 100px;
		width: calc(100% - 120px);
	}

	.pathway-scrollable {
		position: absolute;
		top: 120px;
		left:30px;
		height: 260px;
	}

	.pathway-scrollable ul, .pathway-scrollable h3 {
		width: 77%;
	}

	.pathway-lightbox-content .pathway-button {
		position: absolute;
		top: 400px !important;
		left: 30px;
	}

	.pathway-lightbox-close {
		position: absolute;
		top: 10px;
		left: 92%;
	}
}

/* RE-LAYOUT QUESTIONS  */
@media only screen and (max-width: 900px) {
	#bg-0 {
		background-color: #fff;
	}

	#navigating .top-banner {
		height: 600px;
		background-color: #8bad23;
		position: relative;
		overflow-x: hidden;
	}

	.pathway-question {
		width: 100%;
	}

	.pathway-question h2 {
		text-align: center;
		top: 0px;
		left: 0px;
		clear: both;
	}

	.pathway-question p {
		top: 0px;
		left: 0px;
		text-align: center;
	}

	.pathway-icon {
		width: 130px;
		margin: 70px auto 0px auto !important;
		float: unset;
	}

	.pathway-info {
		top:-102px;
		left: calc(-50% + 200px);
	}

	.pathway-buttons-group {
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}
	.pathway-buttons-group .pathway-button {
		top: 0px;
		margin: 0 auto 10px auto;
		float: unset;
		padding-top: 14px;
	}

	.pathway-button {
		font-size: 12px;
	}

	.pathway-back {
		position: unset;
	}

	.wide {
		top: -50px !important;
		width: 250px !important;
	}

	.long a {
		top: 0px !important;
	}

	.long p {
		margin: 0px auto;
		width: unset !important;
	}

	#c3a h2 {
		width: unset;
		top: -30px;
	}
}

/* FIX FOR SIGN ON INTRO SCREEN */
@media only screen and (max-width: 500px) {
	#c0 img {
		width: 90% !important;
		height: 405px;
	}

	#c0 p {
		font-size: 16px;
		width: 300px !important;
	}

	.pathway-info {
		display: none;
	}
}

/* PRINT NICELY */
@media only print {
	.pathway-question p, .pathway-question h2 {
		text-shadow: 0 0 0 #fff !important;
		color: rgba(0,0,0,0) !important;
	}

	.pathway-scrollable {
		height: 1400px;
	}

	.pathway-scrollable p, .pathway-scrollable li {
		color: #666;
	}

	.pathway-lightbox-close {
		display: none;
	}
}