/* Extracted from alpha/index.html (de-monolith). url() paths are ../ to
   resolve from alpha/css/ exactly as they did from /alpha/. */
/*reset.css*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*reset.css end*/
			body {
				background-color: #FFFFFF; /* originally #326696; for blue sky, modified to white to match fadein effect */
				margin: 0px;
				overflow: hidden;
				font-family:Monospace;
				font-size:13px;
				text-align:center;
				/*font-weight: bold;*/
				text-align:center;
				display: none;
			}

			a {
				color:#0078ff;
			}
			.header {
				width:100%;
				height:75px;
				margin-left:auto;
				margin-right:auto;
				float: left;
				background-color: rgba(50, 102, 150, 0);
				position: absolute;
				z-index: 9998;
			}
			.header-logo {
				padding-top: 60px; /* Originall 25px; for possible navbar at top */
			}
			.navigation-menu {
				width:100%;
				height:0px;
				margin-top: 160px;
				position: absolute;
				z-index: 10000;
			}
			.navigation-menu-image {
				opacity: .35;
				cursor: pointer;
			}
			.navigation-menu-image:hover {
				opacity: 1.0;
			}
			#navigation-menu-image-padding1 {
				padding-left: 0px;
			}
			#navigation-menu-image-padding2, #navigation-menu-image-padding3, #navigation-menu-image-padding4, #navigation-menu-image-padding5  {
				padding-left: 25px;
			}
			.navigation-bottom {
				position: absolute;
				bottom:0;
				height: 32px;
				width: 100%;
				font: 500 10px/18px "FuturaBT-Medium", Arial, sans-serif;
				color: #434343;
				text-transform: uppercase;
				letter-spacing: 1px;
				z-index: 9999;
			}
			.navigation-bottom-text {
				position:absolute;
				right:78px;
				bottom: 13px;
			}
			#share-facebook, #share-twitter, #mute, #world-time {
				cursor: pointer;
			}
			#share-twitter {
				background: url(../images/socialsprite.png) -16px -0px no-repeat !important;
				display: inline-block !important;
				height: 16px !important;
				width: 16px !important;
				vertical-align: top;
			}
			#share-twitter:hover {
				background-position: -16px -16px  !important;
			}
			#share-facebook {
				background: url(../images/socialsprite.png) -0px -0px no-repeat !important;
				display: inline-block !important;
				height: 16px !important;
				width: 16px !important;
				vertical-align: top;
			}
			#share-facebook:hover {
				background-position: -0px -16px  !important;
			}
			#world-time {
				background: url(../images/clock-512_3.png) 0px -0px no-repeat !important;
				display: inline-block !important;
				height: 16px !important;
				width: 16px !important;
				overflow: hidden;
			}
			#world-time:hover {
				background-position: -0px -16px  !important;
			}
	        .player {
				position: absolute;
				border:0;
				width: 100%;
				vertical-align: center;
				padding-top: 25%;
				z-index: 5000;
				pointer-events:none; /* makes div clickthrough-able; fixes careers "can't click through player div"-glitch */
	        }
			.fadeIn-box {
				padding:0px;
				margin:0px;
				width:100%;
				height:100%;
				display: none;
			}
			.cabin {
				padding: 0px;
				/* width:1500px;
				height:998px;
				position:absolute;
				right: -133px; */
				top: -175px;
				z-index: 1;
				display: none;
				/* 2 lines below make allow for div's image to fit perfectly */
				width: 110%;
				position: absolute;
			}
			.cabin img {
				width: 100%;
				height: 100%;
				min-height: 998px;
			}
			.careers {
				padding: 0px;
				width: 100%;
				max-width: 850px;
				height: 584px;
				max-height: calc(var(--stage-h, 100vh) - 130px); /* vh does not scale with transforms; --stage-h is set in px by the head bootstrap (== clientHeight at s=1, so desktop is numerically identical) */
				z-index: 1;
				display: none;
				background: rgba(255, 255, 255, 0.4);
				left: 0;
				margin: auto;
				position: absolute;
				top: 96px;
				right: 0;
			}
			.food {
				padding: 0px;
				/* width:1200px; */
				width: 100%;
				position:absolute;
				/* right: 166px; */
				top: 75px;
				z-index: 1;
				display: none;
				bottom: 44px; /* fixes scrollbar from going behind footer */
			}
			.quote {
				padding: 0px;
				width: 100%;
				max-width: 850px;
				height: 584px;
				max-height: calc(var(--stage-h, 100vh) - 130px); /* vh does not scale with transforms; --stage-h is set in px by the head bootstrap (== clientHeight at s=1, so desktop is numerically identical) */
				z-index: 1;
				display: none;
				background: rgba(255, 255, 255, 0.4);
				left: 0;
				margin: auto;
				position: absolute;
				top: 96px;
				right: 0;
			}
			.contact {
				padding: 0px;
				width: 100%;
				max-width: 850px;
				/* Intentionally taller than the other panels: extends down to the
				   .disclaimer-background (96px top + 34px disclaimer = 130px). */
				height: calc(var(--stage-h, 100vh) - 130px);
				max-height: calc(var(--stage-h, 100vh) - 130px); /* vh does not scale with transforms; --stage-h is set in px by the head bootstrap (== clientHeight at s=1, so desktop is numerically identical) */
				z-index: 1;
				display: none;
				background: rgba(255, 255, 255, 0.4);
				left: 0;
				margin: auto;
				position: absolute;
				top: 96px;
				right: 0;
			}
			.disclaimer,
			.disclaimer-background {
				position: absolute;
				bottom: 0;
				height: 34px;
				width: 100%;
				margin-right: 50%;
				pointer-events: none;
			}
			.disclaimer {
				z-index: 9999;
				padding-bottom: 5px;
			}
			.disclaimer-background {
				z-index: 9998;
				padding-bottom: 10px;
				background: rgba(255, 255, 255, 0.8);
				display: none;
			}
			/* BEGIN this code will create a white and black scroll bar, so far only works with /careers */
			::-webkit-scrollbar-thumb:vertical {
				background-color:#FFFFFF;
				height:100px;
			}
			::-webkit-scrollbar-thumb:horizontal {
				background-color:#FFFFFF;
				height:10px;
			}
			::-webkit-scrollbar {
				height:10px;
				width:8px;
				background-color:#000000;
			}
			/* END this code will create a white and black scroll bar, so far only works with /careers */


			/* START this code below is for the mute button to be able to display mute/play */
			input[type="checkbox"] {
			    border: 0 none;
				width: 16px;
				height:13px;
				margin-right: 0px; /*was 55 when isolated*/
				vertical-align: top;
			}
			input[type="checkbox"]:before {
			    content: url('../images/mute.png');
			    display: block;
			    overflow: hidden;
			    margin-top: -3px;
				padding-top: -3px;
			}
			input[type="checkbox"]:checked:before {
			    content: url('../images/unmute.png');

			}
			/* END this code below is for the mute button to be able to display mute/play */

			/* highlight color */
			::selection {
				background: #00FFEF; /* Safari */ /* nice orange FFC667 */
				}
			::-moz-selection {
				background: #00FFEF; /* Firefox */
			}


			/*#strobe {
				top: 93px;*/ /*takes care of the positioning from top after position: absolute was added*/ /*88 blending_problem*/
				/*margin-left: -83px;*/ /*-92 blending_problem*/
				/*display: none;*/
				/*position: absolute;*/ /*prevents the jet logo from being moved*/
				/*opacity: 0;*/
				/*height: 30px;*/ /*blending_problem 42*/
				/*width: 29px;*/ /*blending_problem 42*/
				/*background: url("../images/strobe-linear-dodge_flattened.png");*/ /*this gets commented out if blending_problem gets fixed*/
			/*}*/

		.slogan {
		    width:100%;
			margin-left:-28px;
			margin-right:auto;
			float: left;
		    position: absolute;
		    z-index: 9999;
		    color: white;
		    font-family: 'Open Sans', sans-serif;
		    font-style: italic;
		    font-size: 14px;
		    padding-top: 115px;
		    padding-left: 0px;
		    letter-spacing: 4px;
		    word-spacing: 5px;
		}
		sup {
		    vertical-align: baseline;
		    position: absolute;
		    top: -0.9em;
		    font-size: 8px;
		    display: inline;
		    margin-left: 2px;
		    padding-top: 122px;
		}

/* credit BEGIN https://codepen.io/NobodyRocks/pen/qzfoc */
/*neeeeoooon*/
span>a{
	text-decoration:none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
span:nth-child(1) a{
	color:#ffffff;
	opacity: 0.35; /*was .5*/
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
span:nth-child(1) a:hover{
	-webkit-animation: neon2 1.5s ease-in-out infinite alternate;
	-moz-animation: neon2 1.5s ease-in-out infinite alternate;
	animation: neon2 1.5s ease-in-out infinite alternate;
	opacity: 1;
}
span a:hover{
	color:#ffffff;
}

/*glow for webkit*/
@-webkit-keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #228DFF,
               0 0 70px  #228DFF,
               0 0 80px  #228DFF,
               0 0 100px #228DFF,
               0 0 150px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #228DFF,
               0 0 35px #228DFF,
               0 0 40px #228DFF,
               0 0 50px #228DFF,
               0 0 75px #228DFF;
  }
}

/*glow for mozilla*/
@-moz-keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #228DFF,
               0 0 70px  #228DFF,
               0 0 80px  #228DFF,
               0 0 100px #228DFF,
               0 0 150px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #228DFF,
               0 0 35px #228DFF,
               0 0 40px #228DFF,
               0 0 50px #228DFF,
               0 0 75px #228DFF;
  }
}

/*glow*/
@keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #228DFF,
               0 0 70px  #228DFF,
               0 0 80px  #228DFF,
               0 0 100px #228DFF,
               0 0 150px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff,
               0 0 10px #fff,
               0 0 15px #fff,
               0 0 20px #228DFF,
               0 0 35px #228DFF,
               0 0 40px #228DFF,
               0 0 50px #228DFF,
               0 0 75px #228DFF;
  }
}
/* credit end codepen code qzfoc */