/*///////////////////////////////////////////////////////////////////// 
//
//  01 - Reset
//
// We do this because, in the absence of ANY styling, 
// browsers are left to their own devices to define what
// defaults should be. So, rather than wrestle against
// that, we initialize everything here so we have some
// ground truth to work from.
//
// The below is a variation of the Meyer reset.
//
/////////////////////////////////////////////////////////////////////*/

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, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, 
tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, t
able, caption, tbody, 
tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
}


*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}


body {
	background: #eee;
	overflow: hidden;
}
*::selection {
	/* WebKit/Blink Browsers */
	background: #eee; 
}
*::-moz-selection {
	/* Gecko Browsers */
	background: #eee; 
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}


ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}


/*///////////////////////////////////////////////////////////////////// 
//
// General Stuff
// 
/////////////////////////////////////////////////////////////////////*/

	a { 
		text-decoration:none;
		color: rgba(0, 0, 0, 1); 
		opacity: 0.5;
		transition: opacity 0.5s;
	}
	a:hover { 	opacity: 1; }
	a:focus { 	opacity: 1; }
	a:active { 	opacity: 1; }
	a:visited { opacity: 0.5; }


	body {
		font-family: 'Lato', sans-serif;
		font-weight: 300; 
		line-height: 1.5em;
		color:black;
	}
	body.noscroll
	{
	    position: fixed; 
	    overflow: hidden;
	    width: 100%;
	}

	h1 { font-size: 1.6em; margin-bottom: 1em; line-height: 1.7em; }
	h2 { font-size: 1.5em; margin-bottom: 1em; line-height: 1.6em; }
	h3 { font-size: 1.4em; margin-bottom: 1em; line-height: 1.5em; }
	h4 { font-size: 1.3em; margin-bottom: 1em; line-height: 1.4em; }
	h5 { font-size: 1.2em; margin-bottom: 1em; line-height: 1.3em; }
	h6 { font-size: 1.1em; margin-bottom: 1em; line-height: 1.2em; }
	em { font-style: italic; }
	p  {
		font-size: 1em; 
		margin-bottom: 1.3em; 
		}
	
	.bold, strong, b { font-weight: 700!important; 
					   margin-bottom: 2em }
	}
	
	#page {
		height:100%;
	}
	
	#page-content {
		opacity:0;
		height:100%;
		transition: opacity 1s;
	}

/*///////////////////////////////////////////////////////////////////// 
//
// Video
// 
/////////////////////////////////////////////////////////////////////*/


	#video-container {

		display:block;
		position:absolute;
		z-index: -1;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}	
	
	#introVideo {

		position: fixed;
		top: 50%; 
		left: 50%;
		transform:  translateX(-50%) translateY(-50%);
		-ms-transform:  translateX(-50%) translateY(-50%);
		-webkit-transform:  translateX(-50%) translateY(-50%);
		-moz-transform:  translateX(-50%) translateY(-50%);
		-o-transform:  translateX(-50%) translateY(-50%);
		
		min-width: 100%; 
		min-height: 100%; 
		width: auto; 
		height: auto;
		z-index: -1000; 
		overflow: hidden;
	}
	
/*///////////////////////////////////////////////////////////////////// 
//
// Navigation: Loads immediately
// 
/////////////////////////////////////////////////////////////////////*/
	
	
	/*///////////////////////////////////////////////////////////////////// 
	//  Desktop Menu/Nav
	/////////////////////////////////////////////////////////////////////*/	

	#desktop-navigation {
		display:block;
		position: fixed;
		height: 50px;
		width:100%;
		background-color: white;
 		box-shadow: 0 0 10px 0px rgba(0,0,0, 0.25);
		z-index:5000;
	}
	#desktop-navigation-wrapper {	
		position:relative;
		top: 50%; 
		left: 50%;
		transform:  translateX(-50%) translateY(-50%);
		-ms-transform:  translateX(-50%) translateY(-50%);
		-webkit-transform:  translateX(-50%) translateY(-50%);
		-moz-transform:  translateX(-50%) translateY(-50%);
		-o-transform:  translateX(-50%) translateY(-50%);
		text-align: left;
		padding-left: 120px;
		padding-right: 120px;
	}
	
	
	.desktop-menu {
		font-family: 'Lato', sans-serif;
		font-size: 0.75em;
		font-weight: 300; 
		line-height: 1em;
		color:black;
		text-align: center;
		display:inline;

	}
	
	.desktop-menu .menu-item-tock{
		display:inline;
		margin:0;
	}
	
	.desktop-menu .menu-home-item {	
		float: left;
	}
	
	.desktop-menu ul {
		float:right;		
	}
	
	.desktop-menu .menu-item {
		color: rgba(0, 0, 0, 0.95);	
	}
	
	.desktop-menu li{
		display:inline;
		margin-right: 5px;
		margin-left: 5px;
	}	
	
	.desktop-nav-tock-wrapper {
		font-size: 1em;
		display:inline;
	}
	.desktop-nav-tock-link {
		
		display: inline-block;
		color: rgba(0, 0, 0, 1);
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 6px;
		padding-right: 6px;
		background-color:rgba(0, 0, 0, 0.0);
		border: 1px;
		border-style: solid;
		border-color: rgba(0, 0, 0, 0.5);
		
		transition: background-color 0.5s,
					border-color 0.5s,
					color 0.5s;
		
	}
	.desktop-nav-tock-link:hover {
		background-color:rgba(0, 0, 0, 0.0);
		border-color: rgba(0, 0, 0, 1);
		color: rgba(0, 0, 0, 1);
	}





	/*///////////////////////////////////////////////////////////////////// 
	//  Mobile Menu/Nav
	/////////////////////////////////////////////////////////////////////*/	
	#mobile-navigation {
		
		display:none;
		position: fixed;
		height: 50px;
		width:100%;
		background-color: white;
 		box-shadow: 0 0 10px 0px rgba(0,0,0, 0.25);
		z-index:5001;
	}
	#mobile-navigation-wrapper {	
		height: 100%;
	}
	#mobile-navigation-inner {	
		position:relative;
		top: 50%; 
		left: 50%;
		transform:  translateX(-50%) translateY(-50%);
		-ms-transform:  translateX(-50%) translateY(-50%);
		-webkit-transform:  translateX(-50%) translateY(-50%);
		-moz-transform:  translateX(-50%) translateY(-50%);
		-o-transform:  translateX(-50%) translateY(-50%);
		text-align: center;	
	}


	.mobile-nav-tock-wrapper {
		font-size: 1em;
		display:inline;
		
	}
	.mobile-nav-tock-link {
		
		display: inline-block;
		color: rgba(0, 0, 0, 1);
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 6px;
		padding-right: 6px;
		background-color:rgba(0, 0, 0, 0.0);
		border: 1px;
		border-style: solid;
		border-color: rgba(0, 0, 0, 0.5);
		
		transition: background-color 0.5s,
					border-color 0.5s,
					color 0.5s;
		
	}
	.mobile-nav-tock-link:hover {
		background-color:rgba(0, 0, 0, 0.0);
		border-color: rgba(0, 0, 0, 1);
		color: rgba(0, 0, 0, 1);
	}
	
	#mobile-navigation .menu {
		
		float:right;
		padding-right: 10px;

		
	}
	
	#mobile-menu-items{
		
		display:none;
		transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		background-color:#fff;
		padding-bottom: 30px;
		
	}
	
	
	.mobile-menu-outer {
	
		box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1) inset;
		margin:0 30px;
	}

	
	.mobile-menu-inner {		
		padding:10px 30px 0px 30px;
	}
	
	.mobile-menu-item {
		color: rgba(0, 0, 0, 0.95);	
	}
	.mobile-menu-icon {
		color: rgba(0, 0, 0, 0.95);	
	}
	.mobile-menu-icon:hover {
		color: rgba(0, 0, 0, 0.75);	
	}	
	
	#mobile-menu-items li{
	
		border-style: solid;
		border-color: rgba(0, 0, 0, 0.1);
		border-bottom-width: 1px;
		padding: 10px 0;
	}

	#mobile-menu-items li:last-child{
		border-style: none;
	}
	
	#mobile-menu-items li
	{
		
		font-size: 0.9em;
		letter-spacing: 0.05em;
		text-transform: uppercase;
	}
	
	#mobile-menu-items input[type=text] {
		
		padding-left: 20px;
		border: 0px;
		width: 100%;

		font-size: 1em;
		letter-spacing: 0.05em;
		text-transform: uppercase;

		margin-bottom: 15px;

		background-image: url(img/icons/mag-glass-mobile.png);
		background-repeat: no-repeat;
		background-position: 0px center;
		
	}

	
	
/*///////////////////////////////////////////////////////////////////// 
//
// Ready Player One.
// 
/////////////////////////////////////////////////////////////////////*/

	
	#progress {
		position:absolute;
		width:100%;
		height:100%;
		z-index: -2000;
		background-color: white;
		opacity:0;
		transition: opacity 1s;
		
		display:none;
	}
	#progress-container {
		
		position: fixed;
		top: 50%; 
		left: 50%;
		transform:  translateX(-50%) translateY(-50%);
		-ms-transform:  translateX(-50%) translateY(-50%);
		-webkit-transform:  translateX(-50%) translateY(-50%);
		-moz-transform:  translateX(-50%) translateY(-50%);
		-o-transform:  translateX(-50%) translateY(-50%);
		

	}
	#progress-img {
		
		position: relative;
		left: 50%;
		transform:  translateX(-50%);
		-ms-transform:  translateX(-50%);
		-webkit-transform:  translateX(-50%);
		-moz-transform:  translateX(-50%);
		-o-transform:  translateX(-50%);
		

	}
	
	#progress-line{

		width:0%;
		position:absolute;
		border-top-width: 1px;
		border-top-color: rgba(255,255,255, 1);
		border-top-style: solid;
		margin-top:20px;
		margin-bottom:20px;
		box-shadow: 0 0 20px 0px rgba(0,0,0, 0.75);
		
	}
	#progress-line-bg{

		width:100%;
		position:absolute;
		border-top-width: 1px;
		border-top-color: rgba(0,0,0, 0.25);
		border-top-style: solid;
		margin-top:20px;
		margin-bottom:20px;
		
	}
	#progress-text{
		
		text-align:center;
		font-size: 1.2em;
		padding-top: 40px;
		color: rgba(0,0,0, 0.5);
	}

/*///////////////////////////////////////////////////////////////////// 
//
// Nick thinks people don't know how to scroll. 
// 
/////////////////////////////////////////////////////////////////////*/

	#static-scroll-sign {
		position: fixed;
		bottom: 0;
		left:50%;
		transform:  translateX(-50%);
		-ms-transform:  translateX(-50%);
		-webkit-transform:  translateX(-50%);
		-moz-transform:  translateX(-50%);
		-o-transform:  translateX(-50%);
		z-index: 900;
	}
	
	.static-scroll-img {
		background-image: url(../img/downChevron.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		height:200px;
		width:200px;
	}


/*///////////////////////////////////////////////////////////////////// 
//
// Content
// 
/////////////////////////////////////////////////////////////////////*/
	
	
	#content-container {
		top:0;
		z-index: 1000;
		
	}
	
	.content {
		max-width: 480px;
		position:relative;
		left: 50%;
		transform:  translateX(-50%);
		-ms-transform:  translateX(-50%);
		-webkit-transform:  translateX(-50%);
		-moz-transform:  translateX(-50%);
		-o-transform:  translateX(-50%);
	}
	
	.content-wrapper {

	}
	#spacer-1 { display:block; }
	#spacer-2 { display:block; }
	
	#mobile-header-image-container {
		display:none;
	}
	
	#mobile-image-container-1 {
		position:fixed;
		z-index:10;
		height: 100%;
		width:100%;

		background-image: url('../img/alineaLogo_far.jpg');
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		background-color: white; 
	}
	#mobile-image-container-2 {
		position:relative;
		z-index:20;
		height: 400px;
		width:100%;

		background-image: url('../img/alineaLogo_near.jpg');
		background-size: contain;
		background-repeat: no-repeat;
		background-color: white;
		background-position: center center;
		background-attachment: scroll;
		display:none; 
	}
	
	.section {
		position:relative;
		z-index:1000;
		padding: 80px;
 		background-color:rgba(255, 255, 255, 1); 
 		box-shadow: 0 0 100px 0px rgba(0,0,0, 0.25); 
			
	}
	.section-header {
		position:relative;
		z-index:1000;
		padding: 80px;
 		background-color:rgba(255, 255, 255, 1); 
 		box-shadow: 0 0 40px 0px rgba(0,0,0, 0.25); 
			
	}
	.experiences {
		text-align: center;	
	}
	.row {
		display:table;	
	}
	
	#banner {
		position:relative;
		z-index:999;
		height: 135px;
		background-image: url('../img/alineaBanner.jpg');
		background-size: cover;
		background-position: center center;
	}
	
/*///////////////////////////////////////////////////////////////////// 
//
// Columns
// 
/////////////////////////////////////////////////////////////////////*/
	
	.column-third {
		width: 33%;
		float: left;
		padding: 40px;
	}
	
	.experience-item {
		text-align: center;
		font-size: 1.3em; 
		margin-bottom: 1em; 
		line-height: 1.4em;
		font-weight: 400!important; 
	}

/*///////////////////////////////////////////////////////////////////// 
//
// Tock
// 
/////////////////////////////////////////////////////////////////////*/
		
	.tock-wrapper {
	
		padding: 24px;
		font-size: 1em;
		text-align: center;
	}
	
	.tock {
		position:relative;
	}
	
	.tock-link {
		
		display: inline-block;
		color: rgba(0, 0, 0, 1);
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 40px;
		padding-right: 40px;
		background-color:rgba(0, 0, 0, 0.0);
		border: 1px;
		border-style: solid;
		border-color: rgba(0, 0, 0, 0.25);
		
		transition: background-color 0.5s,
					border-color 0.5s,
					color 0.5s;
		
	}
	.tock-link:hover {
		background-color:rgba(0, 0, 0, 0.0);
		border-color: rgba(0, 0, 0, 0.75);
		color: rgba(0, 0, 0, 1);
	}

/*///////////////////////////////////////////////////////////////////// 
//
// FAQ
// 
/////////////////////////////////////////////////////////////////////*/
	.question { 
		font-size: 1.3em; 
		margin-bottom: 1em; 
		line-height: 1.4em; 
	}
	
	.answer  {
		font-size: 1em; 
		margin-bottom: 3em; 
	}
	


/*///////////////////////////////////////////////////////////////////// 
//
// Privacy Policy
// 
/////////////////////////////////////////////////////////////////////*/
	.privacy { 
		margin-top: 2em;
		text-align: center; 
	}

	.privacySection { 
		font-size: 1.3em; 
		margin-bottom: 1em;
		margin-top: 2em;
		line-height: 1.4em; 
	}
	
	.privacyBody  {
		font-size: 1em; 
		margin-bottom: 1em; 
		
	}
	.privacyBodyUL  {
		text-decoration: underline ; 
	}

	
/*///////////////////////////////////////////////////////////////////// 
//
//  Mobile
// 
/////////////////////////////////////////////////////////////////////*/

/*layouts smaller than 600px, iPhone and mobiles*/
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)  {

	.section {
		padding: 30px;
	}
	
	.column-third {
		width: 100%;
		float: none;
		padding: 5px;
		padding-bottom: 10px;
	}
	#static-scroll-sign {
		position: absolute;
	}	
	.static-scroll-img {
		background-image: url(../img/downChevron_blk.png);
		height:100px;
		width:100px;
	}
	
	#desktop-navigation {
		display:none;	
	}
	#mobile-navigation {
		display:block;	
	}
	
}

/*iPad-ish*/
@media only screen and (max-width: 1024px) {

	.section {
		padding: 30px;
	}
	.section-header {
		padding: 30px;
		padding-top: 60px;
			
	}
	
	.column-third {
		width: 100%;
		float: none;
		padding: 5px;
		padding-bottom: 10px;
	}
	.row {
		max-width: 480px;
		position:relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	#static-scroll-sign {
		position: absolute;
	}
	.static-scroll-img {
		background-image: url(../img/downChevron_blk.png);
	}
	#desktop-navigation {
		display:none;	
	}
	#mobile-navigation {
		display:block;	
	}
}