html {
    width:100%;
    min-height: 100%;
    margin: 0 auto;
	background: #000;
}
body {
    color: #fff;
    font: 16px 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
    background-color: transparent;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
h1 {
    color: #fcee21;
    font:700 1.9em/1.0em Rift, Impact, 'Arial Narrow', sans-serif;
	text-transform: uppercase;
	margin: 0 auto;
	padding: 0px;
	text-transform:uppercase;
}
	.loginResponse h1, .loginModal-header h1 {
		color: #000;
	}
h2 {
    color: #fcee21;
    font:700 1.5em/1.0em Rift, Impact, 'Arial Narrow', sans-serif;
	margin-top: 0;
	text-transform:uppercase;
}
h3 {
    color: #fcee21;
    font:700  1.25em Rift, Impact, 'Arial Narrow', sans-serif;
	margin-top: 0px;
	text-transform:uppercase;
}
h4 {
    color: #fff;
    font: 1.25em 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
}
h5 {
    color: #fff;
    font:700 1.0em/1.5em 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
}
h6 {
    color: #fff;
    font:700 2.2em Rift, Impact, 'Arial Narrow', sans-serif;
	text-transform:uppercase;
}
p, table, div, main ul li span {
    color: #fff;
    font: 1.0em/1.5em 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
}
a {
    color: #fff;
    -webkit-transition: all 250ms ease-in-out;
       -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
         -o-transition: all 250ms ease-in-out;
            transition: all 250ms ease-in-out;
}
	.loginResponse a {
		text-decoration: underline;
	}
	.loginResponse a.submit-btn {
		color: #80bd01;
		text-decoration: none;
	}
	.loginResponse a.submit-btn:hover {
		color: #80bd01;
		text-decoration: none;
		color: #fff;
	}
a:hover, a:visited, a:focus {
    color: #fff;
}
:focus, a:focus {
    outline:none;
}
.clearFix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;	
}
* html .clearFix {
	height: 1%;
}
.clearFix {
	min-height: 1px;
}
* img {
	display: block;
	max-width: 100%;
}
.loginResponse li {
    font-size: 1.1em;
}
/*===================================
HEADER
===================================*/
header {
	width: 100%;
	position: relative;
	z-index: 1000;
	margin: 0 auto;
	padding: 40px 0;
}
.navbar-brand {
	padding:0;
}
	.navbar-brand a img {
		-webkit-transition: all 250ms ease-in-out;
		   -moz-transition: all 250ms ease-in-out;
			-ms-transition: all 250ms ease-in-out;
			 -o-transition: all 250ms ease-in-out;
				transition: all 250ms ease-in-out;
	}
	.navbar-brand a:hover img {
		opacity: 0.8;
	}
.desktop-nav-wrap {
	position: relative;
	padding:0;
	padding-top:10px;
}
#navbar-collapse-1, .navbar-toggle {
	background: #8cc63f;
}
	.navbar-toggle .icon-bar {
		background: #fff;
	}
#navbar-collapse-1 {
	padding: 0px;
}
.navigation-wrap {
	padding: 0px;
}
	.navigation-wrap ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
		.navigation-wrap ul li {
			position: relative;
			float: left;
			width: 25%;
			height: 62px;
			display: block;
			text-align: center;
			font:400 0.8em/1.2em 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
			cursor: pointer;
		}
			.navigation-wrap ul li a {
				position: absolute;
				display: block;
				padding-top:22px;
				width: 100%;
				height: 100%;
				color: #fff;
				cursor: pointer;
			}
			.navigation-wrap ul li a:hover {
				text-decoration: none;
				background: #fff;
				color: #8cc63f;
				cursor: pointer;
				-webkit-transition: all 250ms ease-in-out;
				   -moz-transition: all 250ms ease-in-out;
					-ms-transition: all 250ms ease-in-out;
					 -o-transition: all 250ms ease-in-out;
						transition: all 250ms ease-in-out;
			}
				.navigation-wrap ul li a.selected {
					color:#fff;
					text-decoration: underline;
				}
				.navigation-wrap ul li a.selected:hover {
					color:#8cc63f;
				}
.download-form-container {
	position: absolute;
	max-width: 240px;
	top: 0px;
	right: 5%;
	border: 8px solid #fff;
	background: #8cc63f;
	text-align: center;
	padding:10px 0;
}
	.download-form {
		display: block;
		width: 100%;
		background: #8cc63f; 
		border: 0px;
		text-transform: uppercase;
		font:400 1em/1.4em 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
		-webkit-transition: all 250ms ease-in-out;
		   -moz-transition: all 250ms ease-in-out;
			-ms-transition: all 250ms ease-in-out;
			 -o-transition: all 250ms ease-in-out;
				transition: all 250ms ease-in-out;
	}
		.download-form:hover {
			cursor: pointer;
			color:#000;
			text-decoration: none;
		}
/*===================================
MAIN
===================================*/
main {
	position: relative;
	padding-bottom: 20%;
	}
	#new-horizons main,
	.tips main {
		padding-bottom: 0%;
	}
#sat-tag,
.survey-tag {
	position: relative;
	border: 1px solid #fcee21;
	border-left: 0px;
	padding: 15px 0;
	margin: 0 auto 30px;
}
	#stars #sat-tag {
		padding: 25px 0;
	}
.survey-tag {
	padding:30px 0 25px;
}
.sat-tag-triangle-wrap {
	position: absolute;
	top:0;
	right: 0;
	outline: 1px solid #111;
}
	.sat-tag-triangle {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 56px 0 0 56px;
		border-color: transparent transparent transparent #fced21;
	}
	#stars #sat-tag .sat-tag-triangle-wrap {
		outline: 1px solid #000;
	}
	#stars .survey-tag .sat-tag-triangle-wrap {
		outline: 1px solid #000;
	}
.factoid {
	position: relative;
	padding: 0;
	margin: 40px auto;
	border-left: 1px solid #fcee21;
}
	.top-border {
		height: 1px;
	}
.factoid-contents {
	width:90%;
	padding: 20px 0 0;
	margin: 0 auto;
}
.factoid-contents ul li {
	color: #fced21;
}
	.factoid-contents [class^="col-"]:first-of-type {
		padding-left: 0px;
	}
/*===================================
WHEN TO SEND PAGE
===================================*/
#discovery-2 {
	width: 80%;
	position: absolute;
	z-index: -1;
	top: 10%;
	right: 5%;
	-webkit-animation: leftright 24s infinite cubic-bezier(.30, .0, .63 ,1),
		updown 18s infinite 3.25s cubic-bezier(.30, .0, .63, 1);
	-moz-animation: leftright 24s infinite cubic-bezier(.30, .0, .63 ,1),
		updown 18s infinite 3.25s cubic-bezier(.30, .0, .63, 1);
	animation: 
		leftright 24s infinite cubic-bezier(.30, .0, .63 ,1),
		updown 18s infinite 3.25s cubic-bezier(.30, .0, .63, 1);
}
.satellite-wrap {
	float: right;
	width: 80%;
}
@-webkit-keyframes leftright {
  	0%, 100%{right:5%;}
	16.666%	{right:2%;}
	33.333% {right:3%;}
	50%		{right:5%;}
  	66.666%	{right:8%;}
	83.333% {right:6%;}
}
@keyframes leftright {
  	0%, 100%{right:5%;}
	16.666%	{right:2%;}
	33.333% {right:3%;}
	50%		{right:5%;}
  	66.666%	{right:8%;}
	83.333% {right:6%;}
}
@-webkit-keyframes updown {
  	0%, 100%{top:6%;}
  	25%{top:10%; }
	50%{top:14%; }
	75%{top:12%; }
}
@keyframes updown {
  	0%, 100%{top:6%;}
  	25%{top:10%; }
	50%{top:14%; }
	75%{top:12%; }
}
/*===================================
SURVEY PAGE
===================================*/
#rocketMan {
	position: fixed;
	z-index: 1;
	bottom: 0;
	right: calc( 5% + 50px );
	width: 10%;
	min-width: 100px;
}
	#rocketMan img {
		position: relative;
		-webkit-transition: all 2s ease-in-out;
		   -moz-transition: all 2s ease-in-out;
			-ms-transition: all 2s ease-in-out;
			 -o-transition: all 2s ease-in-out;
				transition: all 2s ease-in-out;
	}
.title {
	padding-bottom:10px;
}
.chart-legend {
	padding: 12px 0;
	margin: 0;
}
.labeling {
	line-height: 43px;
}
#factoid-2-chart {
	position: relative;
	max-width: 600px;
	padding-bottom: 5%;
}
.chart-2-wrap {
	width: 100%;
}
.survey-pies {
	padding-bottom:30%;
}
	html[data-useragent*="rv:11.0"] .survey-pies,
	html[data-useragent*="MSIE"] .survey-pies {
		padding-bottom:0%;
	}
#factoid-5-chart {
	padding-bottom: 20px;
}
	.ufo-body {
		width: 90%;
		max-width:300px;
		margin-top: -13%;
		margin-left: 30%;
	}
.moon-boy {
	background: url(https://cdn.questline.com/asset/get/ea6bf684-38a7-4abf-b0ad-72f553a74da0?rand=377439582) right top no-repeat;
	height: 200px;
	vertical-align: middle;
}
	.moon-boy .inside {
		padding-top: calc( 25% - 25px );
	}
.mars img {
	margin: 0 auto 10px;
}
#launch-pad {
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 0;
	-webkit-transition: all 2s ease-in-out;
       -moz-transition: all 2s ease-in-out;
        -ms-transition: all 2s ease-in-out;
         -o-transition: all 2s ease-in-out;
            transition: all 2s ease-in-out;
}
/*===================================
TIPS PAGE
===================================*/
.char-count {
	color: #82bc00;
	font:700 42px/54px Rift, Arial;
	text-shadow: 1px 2px 0px #fff;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}
.char-count span {
	font-size: 68px;
}
#buzz {
	width: 60%;
	position: absolute;
	z-index: -1;
	top: 6%;
	right: 0;
	margin-right: -15%;
	-webkit-animation: leftright 24s infinite cubic-bezier(.30, .0, .63 ,1),
		updown 18s infinite 3.25s cubic-bezier(.30, .0, .63, 1);
	-moz-animation: leftright 24s infinite cubic-bezier(.30, .0, .63 ,1),
		updown 18s infinite 3.25s cubic-bezier(.30, .0, .63, 1);
	animation: 
		leftright 24s infinite cubic-bezier(.30, .0, .63 ,1),
		updown 18s infinite 3.25s cubic-bezier(.30, .0, .63, 1);
}
.buzz-wrap {
	float: right;
	width: 80%;
}
#buzz-phone {
	position: fixed;
	bottom: 0px;
	right: 0px;
}
	#buzz-phone img {
		width:90%;
		float: right;
	}
/*===================================
LOGIN MODAL
===================================*/
#loginModal {
	background: rgba(128,189,1,0.95);
}
.modal-backdrop.in {
    opacity: 0;
    background: none;
	z-index: -100;
}
.loginModal-content {
	width: 90%;
	max-width: 600px;
	margin: 10% auto;
}
button.close {
    color: #fff;
    opacity: 0.5;
    font:100 4em/.5em 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
	margin-top: -40px;
}
.modal-body {
	margin: 8% 0;
}
.input-wrap {
	width: 100%;
	padding: 20px 0;
	cursor: text;
}
.login-input {
	padding: 4%;
	width: 100%;
	background: transparent;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #fff;
	border-radius: 6px;
	cursor: text;
}
		::-webkit-input-placeholder { color: #fff; }
		:-moz-placeholder { color: #fff; }
		::-moz-placeholder { color: #fff; }
		:-ms-input-placeholder { color: #fff; }
.submit-btn {
	float: right;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 6px;
	color: #80bd01;
	padding: 20px 70px;
	text-transform: uppercase;
	-webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
}
.submit-btn:hover {
	cursor: pointer;
	background: transparent;
	color: #fff;
}
/*===================================
PIES
===================================*/
html[data-useragent*="rv:11.0"] .pie-tin {
	display: none;
}
.pie-tin-IE {
	margin:-60px auto 0;
	display: none;
}
	html[data-useragent*="rv:11.0"] .pie-tin-IE,
	html[data-useragent*="MSIE"] .pie-tin-IE {
		display: block;
	}
.pie-tin {
	position: relative;
	width: 110px;
	margin:-60px auto 0;
}
	#stars .pie-tin,
	#stars .pie-tin-IE {
		margin-top:10px;
		width: 150px;
	}
.fifty-wrap {
	width: 150px;
}
.ninety-four-wrap {
	width: 130px;
}
.moon-pie {
	display: inline-block;
	position: absolute;
	background: url(https://cdn.questline.com/asset/get/ea6bf684-38a7-4abf-b0ad-72f553a74da0?rand=378039645) left center no-repeat;
	background-size: contain;
	text-align: center;
}
		#stars .moon-pie {
			background-position: left 2px;
		}
	.animate {
		width: 100%;
		height: 100%;
		margin: 0;
		position: absolute;
		top: 0px;
		left: 0px;
	}
.pie-tin .animate svg .circle-foreground {
	-moz-animation: offset 3s ease-in-out forwards 1;
	-webkit-animation: offset 3s ease-in-out forwards 1;
		  animation: offset 3s ease-in-out forwards 1;
	-moz-animation-delay: 1s;
	-webkit-animation-delay: 1s;
		  animation-delay: 1s;
}
.fifty.animate figcaption:after {
	-moz-animation: fifty-label 3s steps(50) forwards; /*Matches the PERCENTAGE*/
	-webkit-animation: fifty-label 3s steps(50) forwards; /*Matches the PERCENTAGE*/
		  animation: fifty-label 3s steps(50) forwards; /*Matches the PERCENTAGE*/
	-webkit-animation-delay: 1s;
	-webkit-animation-delay: 1s;
		  animation-delay: 1s;
}
.fifty-six.animate figcaption:after {
	-moz-animation: fifty-six-label 3s steps(56) forwards; /*Matches the PERCENTAGE*/
	-webkit-animation: fifty-six-label 3s steps(56) forwards; /*Matches the PERCENTAGE*/
		  animation: fifty-six-label 3s steps(56) forwards; /*Matches the PERCENTAGE*/
	-webkit-animation-delay: 1s;
	-webkit-animation-delay: 1s;
		  animation-delay: 1s;
}
.sixty-two.animate figcaption:after {
	-moz-animation: sixty-two-label 3s steps(62) forwards; /*Matches the PERCENTAGE*/
	-webkit-animation: sixty-two-label 3s steps(62) forwards; /*Matches the PERCENTAGE*/
		  animation: sixty-two-label 3s steps(62) forwards; /*Matches the PERCENTAGE*/
	-webkit-animation-delay: 1s;
	-webkit-animation-delay: 1s;
		  animation-delay: 1s;
}
.seventy-seven.animate figcaption:after,
.seventy-eight.animate figcaption:after {
	-moz-animation: seventy-eight-label 3s steps(78) forwards; /*Matches the PERCENTAGE*/
	-webkit-animation: seventy-eight-label 3s steps(78) forwards; /*Matches the PERCENTAGE*/
		  animation: seventy-eight-label 3s steps(78) forwards; /*Matches the PERCENTAGE*/
	-moz-animation-delay: 1s;
	-webkit-animation-delay: 1s;
		  animation-delay: 1s;
}
.ninety-four.animate figcaption:after {
	-moz-animation: ninety-four-label 3s steps(94) forwards; /*Matches the PERCENTAGE*/
	-webkit-animation: ninety-four-label 3s steps(94) forwards; /*Matches the PERCENTAGE*/
		  animation: ninety-four-label 3s steps(94) forwards; /*Matches the PERCENTAGE*/
	-moz-animation-delay: 1s;
	-webkit-animation-delay: 1s;
		  animation-delay: 1s;
}
.moon-pie svg {
	width: 100%;
	height: 100%;
	transform: rotate(180deg);
}
.seventy-eight svg {
	transform: rotate(130deg);
}
.ninety-four svg {
	transform: rotate(110deg);
}
.fifty svg .circle-background, 
.fifty svg .circle-foreground {
	r: 40.1%; /*Change this number*/
	cx: 50%;
	cy: 50%;
	fill: none;
	stroke: rgba(140,198,63,0.5);
	stroke-width: 13px;
}
.fifty-six svg .circle-background, 
.fifty-six svg .circle-foreground,
.sixty-two svg .circle-background, 
.sixty-two svg .circle-foreground,
.seventy-seven svg .circle-background, 
.seventy-seven svg .circle-foreground {
	r: 39.1%; /*Change this number*/
	cx: 50%;
	cy: 50%;
	fill: none;
	stroke: rgba(140,198,63,0.5);
	stroke-width: 14px;
}
.seventy-eight svg .circle-background, 
.seventy-eight svg .circle-foreground {
	r: 32.5%; /*Change this number*/
	cx: 50%;
	cy: 50%;
	fill: none;
	stroke: rgba(140,198,63,0.5);
	stroke-width: 13px;
}
.ninety-four svg .circle-background, 
.ninety-four svg .circle-foreground {
	r: 36.5%; /*Change this number*/
	cx: 50%;
	cy: 50%;
	fill: none;
	stroke: rgba(140,198,63,0.5);
	stroke-width: 13px;
}
.pie-tin svg .circle-foreground {
	stroke: #8cc63f;
	stroke-dasharray: 210.45px 400px; /*Change this number*/
	stroke-dashoffset: 210.45px; /*Change this number: Matches first number in dasharray above*/
	stroke-linecap: squre;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
		  transform-origin: 50% 50%;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
		  transform: rotate(-90deg);
}
	.pie-tin .fifty svg .circle-foreground {
		stroke-dasharray: 190.45px 400px; /*Change this number*/
		stroke-dashoffset: 190.45px; /*Change this number: Matches first number in dasharray above*/
	}
	.pie-tin .fifty-six svg .circle-foreground {
		stroke-dasharray: 200.45px 400px; /*Change this number*/
		stroke-dashoffset: 200.45px; /*Change this number: Matches first number in dasharray above*/
	}
	.pie-tin .sixty-two svg .circle-foreground {
		stroke-dasharray: 240.45px 400px; /*Change this number*/
		stroke-dashoffset: 240.45px; /*Change this number: Matches first number in dasharray above*/
	}
	.pie-tin .seventy-seven svg .circle-foreground {
		stroke-dasharray: 300.45px 400px; /*Change this number*/
		stroke-dashoffset: 300.45px; /*Change this number: Matches first number in dasharray above*/
	}
	.pie-tin .ninety-four svg .circle-foreground {
		stroke-dasharray: 290.45px 400px; /*Change this number*/
		stroke-dashoffset: 290.45px; /*Change this number: Matches first number in dasharray above*/
	}
figcaption {
	display: inline-block;
	width: 100%;
	height: 3.5rem;
	overflow: hidden;
	text-align: center;
	color: yellow;
	position: absolute;
	top: calc(50% - 1.75rem);
	left: 0;
	font-size: 0;
}
	.fifty-wrap figcaption {
		height: 4.5rem;
		top: calc(50% - 2.25rem);
	}
figcaption:after {
	display: inline-block;
	content: "0%\a 1%\a 2%\a 3%\a 4%\a 5%\a 6%\a 7%\a 8%\a 9%\a 10%\a 11%\a 12%\a 13%\a 14%\a 15%\a 16%\a 17%\a 18%\a 19%\a 20%\a 21%\a 22%\a 23%\a 24%\a 25%\a 26%\a 27%\a 28%\a 29%\a 30%\a 31%\a 32%\a 33%\a 34%\a 35%\a 36%\a 37%\a 38%\a 39%\a 40%\a 41%\a 42%\a 43%\a 44%\a 45%\a 46%\a 47%\a 48%\a 49%\a 50%\a 51%\a 52%\a 53%\a 54%\a 55%\a 56%\a 57%\a 58%\a 59%\a 60%\a 61%\a 62%\a 63%\a 64%\a 65%\a 66%\a 67%\a 68%\a 69%\a 70%\a 71%\a 72%\a 73%\a 74%\a 75%\a 76%\a 77%\a 78%\a 79%\a 80%\a 81%\a 82%\a 83%\a 84%\a 85%\a 86%\a 87%\a 88%\a 89%\a 90%\a 91%\a 92%\a 93%\a 94%\a 95%\a 96%\a 97%\a 98%\a 99%\a 100%\a";
	white-space: pre;
	font:700 3rem 'Gill Sans', Arial, sans-serif;
	line-height: 3.5rem;
	letter-spacing: -0.05em;
}
.fifty-wrap figcaption:after {	
	font:700 4.5rem 'Gill Sans', Arial, sans-serif;
	line-height: 4.5rem;
}
.pie-label {
	text-align: center;
	font-size: 1em;
	line-height: 1.0em;
}

@-moz-keyframes fifty-label { 100% { -moz-transform: translateY(-225rem); } }
@-webkit-keyframes fifty-label { 100% { -webkit-transform: translateY(-225rem); } }
@keyframes fifty-label { 100% { transform: translateY(-225rem); } }

@-moz-keyframes fifty-six-label { 100% { -moz-transform: translateY(-196rem); } }
@-webkit-keyframes fifty-six-label { 100% { -webkit-transform: translateY(-196rem); } }
@keyframes fifty-six-label { 100% { transform: translateY(-196rem); } }

@-moz-keyframes sixty-two-label { 100% { -moz-transform: translateY(-217rem); } }
@-webkit-keyframes sixty-two-label { 100% { -webkit-transform: translateY(-217rem); } }
@keyframes sixty-two-label { 100% { transform: translateY(-217rem); } }

@-moz-keyframes seventy-eight-label { 100% { -moz-transform: translateY(-273rem); } }
@-webkit-keyframes seventy-eight-label { 100% { -webkit-transform: translateY(-273rem); } }
@keyframes seventy-eight-label { 100% { transform: translateY(-273rem); } }

@-moz-keyframes ninety-four-label { 100% { -moz-transform: translateY(-329rem); } }
@-webkit-keyframes ninety-four-label { 100% { -webkit-transform: translateY(-329rem); } }
@keyframes ninety-four-label { 100% { transform: translateY(-329rem); } }

@-moz-keyframes offset { 100% { stroke-dashoffset: 0; } }
@-webkit-keyframes offset { 100% { stroke-dashoffset: 0; } }
@keyframes offset { 100% { stroke-dashoffset: 0; } }
/*===================================
ASTRONAUTS
===================================*/
.mark-watney {
	float:left;
	width: 22px;
	height: 52px;
	margin-right: 5px;
	background: url(https://cdn.questline.com/asset/get/d7e63f64-a653-49fe-b7f2-e3188f764894?rand=377902676) left top no-repeat;
	transform: rotateX(180deg);
}
.watney-transition {
	width: 22px;
	-webkit-animation: air-tank 5s 1 linear forwards;
	-moz-animation: air-tank 5s 1 linear forwards;
	-o-animation: air-tank 5s 1 linear forwards;
	-ms-animation: air-tank 5s 1 linear forwards;
	animation: air-tank 5s 1 linear forwards;
	display: block;
	background: url(https://cdn.questline.com/asset/get/d7e63f64-a653-49fe-b7f2-e3188f764894?rand=377902676) right top no-repeat;
}
.mark-watney-sol1 {
	float:left;
	width: 40px;
	height: 96px;
	margin-right: 5px;
	background: url(https://cdn.questline.com/asset/get/ac9a9ea5-e0a5-4c31-baea-dbbb41aacce9?rand=377902676) left top no-repeat;
	transform: rotateX(180deg);
}
.mark-watney-sol1 .watney-transition {
	width: 40px;
	-webkit-animation: air-tank 3s 1 linear forwards;
	-moz-animation: air-tank 3s 1 linear forwards;
	-o-animation: air-tank 3s 1 linear forwards;
	-ms-animation: air-tank 3s 1 linear forwards;
	animation: air-tank 3s 1 linear forwards;
	display: block;
	background: url(https://cdn.questline.com/asset/get/ac9a9ea5-e0a5-4c31-baea-dbbb41aacce9?rand=377902676) right top no-repeat;
}
	.watney-transition.num2 {
		-webkit-animation-delay: 1s;
		-moz-animation-delay: 1s;
		-o-animation-delay: 1s;
		-ms-animation-delay: 1s;
		animation-delay: 1s;
	}
	.watney-transition.num3 {
		-webkit-animation-delay: 2s;
		-moz-animation-delay: 2s;
		-o-animation-delay: 2s;
		-ms-animation-delay: 2s;
		animation-delay: 2s;
	}
	.watney-transition.strong {
		-webkit-animation-delay: 2s;
		-moz-animation-delay: 2s;
		-o-animation-delay: 2s;
		-ms-animation-delay: 2s;
		animation-delay: 2s;
		-webkit-animation-duration: 10s;
		-moz-animation-duration: 10s;
		-o-animation-duration: 10s;
		-ms-animation-duration: 10s;
		animation-duration: 10s;
	}
@-moz-keyframes air-tank {
	from { height: 0;}
	to { height: 100%; }
}
@-o-keyframes air-tank {
	from { height: 0;}
	to { height: 100%; }
}
@-ms-keyframes air-tank {
	from { height: 0;}
	to { height: 100%; }
}
@keyframes air-tank {
	from { height: 0;}
	to { height: 100%; }
} 
/*===================================
FOOTER
===================================*/
footer#home {
	padding-bottom: 60px;
}
#alien-footer {
	position: relative;
	background: rgba(140,198,63,0.84);
	margin-top:60px;
}
.footer-wrap {
	width: 80%;
	max-width: 1280px;
	margin: 0 auto;
	
}
#alien {
	margin:-30px auto 0;
}
#footer-text {
	padding: 10px 0;
}
/*===================================
BACKGROUND LAYERS
===================================*/
#truth {
	position: absolute;
	z-index: 0;
	width: 100%;
	background: url(https://cdn.questline.com/asset/get/5e9436af-0389-4719-b602-b8f89873b3a2?rand=377639363) center repeat;
	-webkit-animation: sky 100s infinite linear;
	-moz-animation: sky 100s infinite linear;
	-o-animation: sky 100s infinite linear;
	-ms-animation: sky 100s infinite linear;
	animation: sky 100s infinite linear;
	display: block;
	overflow: hidden;
}
	html[data-useragent*="Chrome/54"][data-platform="Win32"] #truth {
		-webkit-animation: none;
		animation: none;
	}
	#truth.loginPage {
		position: fixed;
		height: 100%;
	}
#stars {
	position: relative;
	width:100%;
	background: url(https://cdn.questline.com/asset/get/257c1292-ba8a-4046-afb7-13f6c3fbb87d?rand=378022785) center -800px repeat;
	background-size: 100%;
	overflow: hidden;
	z-index: 2;
}
#new-horizons {
	position: absolute;
	z-index: 2;
	background: url(https://cdn.questline.com/asset/get/7d722b49-c9f0-454d-9601-f459293b6334?rand=377439582) center top no-repeat;
	background-size: cover;
	overflow: hidden;
}
#moon {
	position: fixed;
	top: 0px;
	width:100%;
	z-index: -3;
	margin-top: -354px;
	-webkit-transition: all 2s ease-in-out;
       -moz-transition: all 2s ease-in-out;
        -ms-transition: all 2s ease-in-out;
         -o-transition: all 2s ease-in-out;
            transition: all 2s ease-in-out;
}
#green-hombre {
	position: relative;
	width: 100%;
	height: 100%;
	background: url(https://cdn.questline.com/asset/get/82f0cad2-b544-40a6-89db-d3fa7812ed7d?rand=377439582) center bottom repeat-x;
	overflow: hidden;
}
#new-horizons #green-hombre,
.tips #green-hombre {
	background-position: top;
}
#orbit {
	position: absolute;
	z-index: -3;
	top:8%;
	right: -6%;
	width: 90%;
	height: 90%;
	overflow: hidden;
}
	#orbit img {
		min-width: 1200px;
		-webkit-animation: orbit 60s infinite linear;
		-moz-animation: orbit 60s infinite linear;
		-o-animation: orbit 60s infinite linear;
		-ms-animation: orbit 60s infinite linear;
		animation: orbit 60s infinite linear;
		display: block;
	}
		#stars #orbit {
			opacity: 0.5;
			top: -10%;
			right: -15%;
			overflow: hidden;
		}
#satellite-orbit {
	position: absolute;
	z-index: -3;
	top:0%;
	right: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url(https://cdn.questline.com/asset/get/7c587cdb-979b-4e76-b99e-2eb13eabef7d?rand=377439582) center bottom no-repeat;
	background-size: 100%;
}
#bg-buzz {
	position: absolute;
	z-index: -3;
	top:0%;
	right: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url(https://cdn.questline.com/asset/get/b74bdfe1-957b-4a10-bcd5-f6fd9976607e?rand=377439582) center bottom no-repeat;
	background-size: 100%;
}
#mulder-cont {
	position:absolute;
	z-index: -1;
	bottom: 0px;
	right: 0px;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	height: 100%;
	overflow: hidden;
	background: url(https://cdn.questline.com/asset/get/c540a2df-4c3c-492d-93b6-22daf545cd3f?rand=377439582) left bottom repeat-x;
}
	#truth.loginPage #mulder-cont {
		display: none;
	}
#mulder {
	position:abosolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url(https://cdn.questline.com/asset/get/2d451afe-b7e1-4690-8e57-2869b49b08d1?rand=377439582) right bottom no-repeat;
}
@-webkit-keyframes orbit {
	0% { -webkit-transform: rotate(0deg);}
	100% { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes orbit {
	0% { -moz-transform: rotate(0deg);}
	100% { -moz-transform: rotate(360deg);}
}
@-o-keyframes orbit {
	0% { -o-transform: rotate(0deg);}
	100% { -o-transform: rotate(360deg);}
}
@-ms-keyframes orbit {
	0% { -ms-transform: rotate(0deg);}
	100% { -ms-transform: rotate(360deg);}
}
@keyframes orbit {
	0% { transform: rotate(0deg);}
	100% { transform: rotate(360deg);}
} 
@-webkit-keyframes sky {
	0% { background-position: 0 0;}
	100% { background-position: -3358px 0;}
}
@-moz-keyframes sky {
	0% { background-position: 0 0;}
	100% { background-position: -3358px 0;}
}
@-o-keyframes sky {
	0% { background-position: 0 0;}
	100% { background-position: -3358px 0;}
}
@-ms-keyframes sky {
	0% { background-position: 0 0;}
	100% { background-position: -3358px 0;}
}
@keyframes sky {
	0% { background-position: 0 0;}
	100% { background-position: -3358px 0;}
} 
/*===================================
RESPONSIVE STYLES
===================================*/
@media screen and (max-width:767px) {
	.navigation-wrap ul li {
		float: none;
		width:100%;
		height: 40px;
		line-height: 30px;
	}
	.navigation-wrap ul li a {
		padding-top: 5px;
	}
	.download-form-container {
		position: relative;
		max-width: 100%;
		margin: 0 auto;
		right: 0px;
		left: 0px;
		text-align: center;
	}
	#green-hombre {
		background-position: bottom !important;
	}
	.pie-tin {
		margin-top: -20px;
	}
	#bg-buzz,
	#satellite-orbit {
		background: none;
	}
	#buzz,
	#buzz-phone {
		width: 100%;
		position: relative;
	}
	#rocketMan {
		display: none;
	}
	.orb {
		padding:0px;
	}
	#navbar-collapse-1 {
		margin-top:10px;
	}
	.loginModal-content {
		margin:3% auto;
	}
	.input-wrap {
		padding:5px 0;
	}
}