/**

SOURCE SANS PRO

300	Light
400 Regular
600 Semi-Bold
700 Bold	
	
	
	
**/


html, body {
	
	color:#666;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	overflow-x: hidden;
}

body {
	background:#000;
}



.white-wrap {
	background:#fff;
}


/* Preloader */


body {
    overflow-y: hidden;
}

#preloader {
    position:fixed;
    top:-20px;
    left:-20px;
    right:-20px;
    bottom:-20px;
    background-color:#000; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}




/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	text-align: left;

}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: none;
	border-top:3px solid #5B5B5B;
	display: block;
	width:35px;
	height:10px;
	margin: 0 5px 0 0;
	outline: 0;
	font-size: 0;
	
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	border-top:3px solid #fff;
}


/********* Reusable Styles *************/




h1 {
	font-size: 2.6em;
	font-weight: 600;
	background: url(../img/accent-mobi.png) center bottom no-repeat;
	background: url(../img/accent-mobi.svg) center bottom no-repeat;
	padding-bottom:20px;
	margin-bottom:20px;
	white-space: nowrap;
	
}

h2 {
	font-size: 2em;
	font-weight: 300;
	background: url(../img/accent-mobi.png) left bottom no-repeat;
	background: url(../img/accent-mobi.svg) left bottom no-repeat;
	padding-bottom:20px;
	margin-bottom:20px;
}

h3 {
	font-weight: 600;
	font-size: 1.4em;
	margin-bottom:15px;
}

h4 {
	font-weight: 700;
	font-size: 2em;
	margin-bottom:15px;
}

h6 {
	display: block;
	font-size: .8em;
	font-weight: 600;
}


h2, h3, h4, h5 {
	color:#333;
}

p a {
	color:inherit;
	text-decoration: none;
	border-bottom:1px solid #ccc;
}

p a:hover {
	color:#333;
	border-bottom: 1px solid #333;
}


.dark {
	background-color: #242424;
	color:#d2d2d2;
}

.dark h1, .dark h2, .dark h3,
.dark h4, .dark h5, .dark h6 {
	color:#fff;
}


.text-centered {
	text-align: center;
}

.text-centered h2 {
	background-position: center bottom;
}

.text-right {
	text-align: right;
}

.text-right h2 {
	background-position: right bottom;
}


p {
	margin-bottom:20px;
}


.button {
	background:transparent;
	height:40px;
	line-height: 40px;
	color:#333;
	border:1px solid #666;
	border-radius: 3px;
	outline:none;
	min-width: 120px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Source Sans Pro', sans-serif;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	padding:0 20px;
	-webkit-appearance: none;
	cursor: pointer;
	transition: background 0.5s ease;

}

.button:hover {
	background:#ededed;
}

.dark .button {
	color:#fff;
	border-color: #fff;
	
}

.dark .button:hover {
	background:#515151;
}

label {
	text-transform: uppercase;
	display: block;
	font-size: .8em;
	font-weight: 600;
}

input[type=text],
textarea {
	display: inline-block;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400; 
	font-size: 1em;
	color:#fff;
	background-color:#1D1D1D;
	border:1px solid #666666; 
	border-radius: 3px;
	width: 80%;
	text-align: center;
	height:40px;
	padding:0 10px;
	margin-bottom:10px;
	margin-top:3px;
	
	outline:none;
	-webkit-appearance: none;
}

textarea {
	padding: 10px;
	height:60px;
}


#form-messages {
	width:80%;
	border-radius: 3px;
	
}

.success {
	padding:10px;
	margin: auto;
	margin-bottom:15px;
	background:#5d8e00;
	border:1px solid #3d5e00
}

.error {
	padding:10px;
	margin: auto;
	margin-bottom:15px;
	background:#e01a1a;
	border:1px solid #ab0c0c
}



.full-bleed {
	width:100vw;
	height:100vh;
	position: relative;
}

.absolute-center {
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	z-index: 2;
}

.overflow-hidden {
	overflow: hidden;
}

.smaller {
	font-size: 0.8em;
}

.larger {
	font-size: 1.2em;
}








/********** PAGE SECTIONS *************/


.wrap {
	min-width: 260px;
	max-width: 360px;
	padding:30px;
	margin:auto;
	position: relative;
}



#video,
#video-canvas  {
	position:fixed;
	left:50%;
	top:0;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:-1;
	
	
	opacity: 0.7;
	
	-ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background:url(../img/fallback.jpg) no-repeat;
	background-size:cover;
}






#hero {
	color:#fff;
	min-height: 500px;
	overflow: hidden;
	position: relative;
}

section#hero {
	background:none;
}

#hero span {
	text-transform: uppercase;
	color:#fff;
}

#hero h1 {
	color:#fff;
}


#hero .chevron {
	background: url(../img/chevron.png) top left no-repeat;
	background: url(../img/chevron.svg) top left no-repeat;
	position: absolute;
	width:26px;
	height:16px;
	bottom:50px;
	left:50%;
	margin-left:-13px;
	z-index: 10;
	
	
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: bounce;
	animation-name: bounce;
	
}


#intro,
#mobile-intro {
	background:#fff;
}

#intro {
	display: none;
}



#atlas {
	background: #000 url(../img/atlas-mobi.jpg) top center no-repeat;
}

#atlas .wrap {
	position: relative;
}

#atlas-demo {
	display: none;
}




#atlas .description {
	margin: 290px auto 0 auto;
}




#hoodline {
	margin-top:10px;
	background: #27262E url(../img/hoodline-mobi.jpg) top center no-repeat;
}

#hoodline .wrap {
	min-height: 350px;
}

#hoodline .description {

	margin-top:305px;
}

#hoodline .parallax-articles,
#story .parallax-planes {
	display: none;
}


#story {
	background: url(../img/bg-map1.png);
	padding:50px 0;
}

#story .wrap {
	background:#fff;
}

#story br{
	display: none;
}


#team .description {
	margin-bottom:30px;
	margin-right:5px;
}

#team .photo-grid li {
	width:48%;
	height:120px;
	margin-bottom:5px;
	margin-right:5px;
	float: left;
	background-color:#575757;
	background-size:cover; 
	background-position:center center; 
	background-repeat:no-repeat; 
	
}

#team .photo-grid li a img {
	width: 100%;
	height:100%;
}

	#team .photo-grid li.photo1 { background-image:url('../img/team1.jpg'); }
	#team .photo-grid li.photo2 { background-image:url('../img/team2.jpg'); }
	#team .photo-grid li.photo3 { background-image:url('../img/team3.jpg'); }
	#team .photo-grid li.photo4 { background-image:url('../img/team4.jpg'); }
	#team .photo-grid li.photo5 { background-image:url('../img/team5.jpg'); }
	#team .photo-grid li.photo6 { background-image:url('../img/team6.jpg'); }
	#team .photo-grid li.photo7 { background-image:url('../img/team7.jpg'); }
	#team .photo-grid li.photo8 { background-image:url('../img/team8.jpg'); }
	#team .photo-grid li.photo9 { background-image:url('../img/team9.jpg'); }
	#team .photo-grid li.photo10{ background-image:url('../img/team10.jpg'); }
	#team .photo-grid li.photo11{ background-image:url('../img/team11.jpg'); }
	#team .photo-grid li.photo12{ background-image:url('../img/team12.jpg'); }





#investors {
	padding: 20px 0;
}


#investors ul {
	margin:30px 0;
}

#investors ul li{
	width:49%;
	margin-right: .5%;
	margin-left: .5%;
	float: left;
}

#investors ul li img {
	width:100%;
	max-width: 180px;
}

#investors h6 {
	margin-bottom:15px;
	text-transform: uppercase;
	color:#333;
}

#investors p {
	max-width: 900px;
	margin-left:auto;
	margin-right:auto;
}




#press {
	padding: 20px 0;
	border-top: 1px solid #ccc;
}

#press .blurb {
	display: none;
}

#press .logo {
	background:#333;
	display: inline-block;
	height:25px;
	margin: 10px 0;
}

#press .logo img {
	height:25px;
}

#press h6 {
	margin-bottom:15px;
	color:#333;
	text-transform: uppercase;
}

#press .bx-wrapper .bx-pager{
	margin-top:20px;
}

#press .bx-wrapper .bx-pager.bx-default-pager a {
	border-top:3px solid #CDCDCD;
}
#press .bx-wrapper .bx-pager.bx-default-pager a:hover,
#press .bx-wrapper .bx-pager.bx-default-pager a.active {
	border-top:3px solid #000;
}



footer {
	text-align: center;
}


footer h6 {
	text-transform: uppercase;
	margin-bottom:5px;
}

footer h2 {
	background-position: center bottom;
}

footer #contact {
	background:#1D1D1D url(../img/footer-mobi.jpg) bottom center no-repeat;
	min-height: 280px;
}

footer .button {
	width:60%;
}

/** TABLET STYLES **/


@media only screen and (min-width: 768px) {
	

	
	body {
		font-size: 18px;
	}
	
	h1 {
		font-size: 3em;
	}
	
	h1, h2 {
		background-image: url(../img/accent.png);
		background-image: url(../img/accent.svg);
	}
	
	.wrap {
		max-width: 680px;
		padding:30px
	}
	
	#mobile-intro {
		display: none;
	}
	
	#intro {
		display: block;
	}
	
	
	
	#products {
		
		position: relative;
	}
	
	#products #intro {
		position: absolute;
		top:0px;
		background:#fff;
		width:600px;
		left:50%;
		margin-left:-300px;
	}
	
	.white-wrap {
		padding-top:10px;
	}
	
	#atlas {
		background: #000 url(../img/atlas-tab.jpg) top center no-repeat;
		min-height: 1200px;
	}
	
	
	#atlas-demo  {

		display:block;
		position:absolute;
		width: 419px;
		height: 264px;
		top: 315px;
		left: 268px;
		margin-left:-100px;
		overflow: hidden;
		
	}
	
	#atlas-demo video,
	#atlas-demo canvas {
		width:100%;
		
	}
	
	
	#atlas .description {
		margin-top:740px;
		width:500px;
	}
	
	
	#hoodline {
		background: #27262E url(../img/hoodline-tab.jpg) bottom center no-repeat;
		min-height: 700px;
	}
	
	#hoodline .description {
		margin-top:20px;
		margin-left:20px;
	}
	
		#hoodline .paragraphs p:nth-child(1) {	
			width:360px;
		}
		
		#hoodline .paragraphs p:nth-child(2) {	
			width:280px;
		}
	
	
	#hoodline .wrap {
		position: relative;
	}
	
	
	/** parallax articles **/
	
		#hoodline .parallax-articles {
			display: block;
		}

		#hoodline .parallax-articles img {
			position: absolute;
			
			-webkit-box-shadow: -31px -4px 80px 6px rgba(0,0,0,0.5);
			-moz-box-shadow: -31px -4px 80px 6px rgba(0,0,0,0.5);
			box-shadow: -31px -4px 80px 6px rgba(0,0,0,0.5);
			
		}
		
		/*
		#hoodline .parallax-articles .article1 img {border:5px solid #fff;}
		#hoodline .parallax-articles .article2 img {border:3px solid #fff;}
		#hoodline .parallax-articles .article3 img {border:3px solid #fff;}
		*/
		#hoodline .parallax-articles .article1 img{
		
			right: -210px;
			top:130px;
			-moz-transform: rotate(25.7deg) scale(0.4);
			-webkit-transform: rotate(25.7deg) scale(0.4);
			-o-transform: rotate(25.7deg) scale(0.4);
			-ms-transform: rotate(25.7deg) scale(0.4);
			transform: rotate(25.7deg) scale(0.4);
		}
		
		#hoodline .parallax-articles .article2 img{
	
			right: -260px;
			top: 400px;
			-moz-transform: rotate(25.7deg) scale(0.6);
			-webkit-transform: rotate(25.7deg) scale(0.6);
			-o-transform: rotate(25.7deg) scale(0.6);
			-ms-transform: rotate(25.7deg) scale(0.6);
			transform: rotate(25.7deg) scale(0.6);
		}
		
		#hoodline .parallax-articles .article3 img {
			
			right: -80px;
			top:560px;
			-moz-transform: rotate(25.7deg) scale(0.5);
			-webkit-transform: rotate(25.7deg) scale(0.5);
			-o-transform:rotate(25.7deg) scale(0.5);
			-ms-transform:rotate(25.7deg) scale(0.5);
			transform:rotate(25.7deg) scale(0.5);
		}

		
	
	
	
	
	#story {
		padding:0;
		margin: 10px 0;
		background:		url(../img/about-space-tab.png) top center,
						url(../img/bg-map1.png) top left repeat;

	}
	
	#story .wrap {
		background:none;
		position: relative;
		padding-top:50px;
		padding-bottom:50px;
	}
	
	
	
	
		
	
	#story br{
		display: block;
	}
	
	#story .content {
		padding-left:150px;
	}
	
	#team {
		padding-top:20px;
		padding-bottom:20px;
	}
	
	
	#team .photo-grid li {
		height:200px;
		margin-right:10px;
		margin-bottom:10px;
	}
	
	
	/** Total width must be 96% per row**/
	#team .photo-grid li.photo1 { width:58%; }
	#team .photo-grid li.photo2 { width:38%; }
	
	#team .photo-grid li.photo3 { width:42%; }
	#team .photo-grid li.photo4 { width:54%; }
	
	#team .photo-grid li.photo5 { width:50%; }
	#team .photo-grid li.photo6 { width:46%; }
	
	#team .photo-grid li.photo7 { width:40%; }
	#team .photo-grid li.photo8 { width:56%; }
	
	#team .photo-grid li.photo9 { width:60%; }
	#team .photo-grid li.photo10{ width:36%; }
	
	#team .photo-grid li.photo11{ width:48%; }
	#team .photo-grid li.photo12{ width:48%; }
	
	
	
	#investors ul li {
		width:24%;
		margin-bottom:2px;
	}
	
	
	
	#press {
		border-top:1px solid #ccc;
	}
	
	
	#press .blurb {
		display: block;
	}
	
	#press .description {
		float: left;
		width:35%;
		text-align: right;
	}
	
	#press .description h2 {
		background-position: right bottom;
	}
	
	#press .content {
		float: right;
		width:60%;
	}
	
	#press .logo {
		background: #FD1E3E;
	}
	
	#press .logo img,
	#press .logo {
		height:35px;
	}
	
	/** fixes the weird bug in the slider where 1px of next slide is shown **/
	#press .article-wrap {
		border-left:1px solid #fff;
	}
	
	
	footer #contact {
		padding-top:40px;
		background:#1D1D1D url(../img/footer-tab.jpg) bottom center no-repeat;
		min-height: 350px;
	}
	

}

/*** PC STYLES ***/

@media only screen and (min-width: 1024px) {
	
	
	
	
	body {
		font-size: 22px;
	}
	
	h1 {
		font-size: 4em;
	}
	
	h2 {
		font-size: 2em;
		padding-bottom:30px;
		margin-bottom:30px;
	}
	
	h3, h4, p {
		margin-bottom:25px;
	}
	
	.wrap {
		max-width: 960px;
		padding-left:0;
		padding-right:0;
	}
	
	.intro-wrap {
		position: relative;
		max-width: 960px;
		margin:auto;
	}
	

	#products #intro {
		margin:0;
		top:0;
		left:0;
		width:400px;
	}
	
	#intro .wrap {
		padding-left:30px;
		padding-right:30px;
	}
	
	
	
	#atlas {
		background: #000 url(../img/atlas-pc.jpg) top center no-repeat;
		min-height: 1100px;
	}

	#atlas.wrap {
		position: relative;
	}

	#atlas .description {
		margin-top:140px;
		width:860px;
	}
	
		#atlas h3 {
			margin-left:430px;
		}	
	
		#atlas p:nth-child(1) {
			margin-left: 430px;
		}
	
		#atlas p:nth-child(2) {
			margin-top:450px;
		}
		
		#atlas p:nth-child(2),
		#atlas p:nth-child(3),
		#atlas p:nth-child(4) {
			margin-left:230px;
			
		}
	
	#atlas-demo  {

		width: 375px;
		height: 237px;
		top: 384px;
		left: 589px;
		
	}
	
	
	
	
	#hoodline {
		background: #27262E url(../img/hoodline-pc.jpg) top center no-repeat;
		min-height: 900px;
	}
	
	#hoodline .description {
		margin-top:30px;
		margin-left:50px;
	}
	
		#hoodline .paragraphs p:nth-child(1) {	
			width:430px;
		}
		
		#hoodline .paragraphs p:nth-child(2) {	
			width:370px;
		}
		
		
		
		/** parallax articles **/
		
		#hoodline .parallax-articles .article1 img{
			
			right: -150px;
			top:120px;
			-moz-transform: rotate(25.7deg) scale(0.5);
			-webkit-transform: rotate(25.7deg) scale(0.5);
			-o-transform: rotate(25.7deg) scale(0.5);
			-ms-transform: rotate(25.7deg) scale(0.5);
			transform: rotate(25.7deg) scale(0.5);
		}
		
		#hoodline .parallax-articles .article2 img{
		
			right: -260px;
			top: 450px;
			-moz-transform: rotate(25.7deg) scale(0.9);
			-webkit-transform: rotate(25.7deg) scale(0.9);
			-o-transform: rotate(25.7deg) scale(0.9);
			-ms-transform: rotate(25.7deg) scale(0.9);
			transform: rotate(25.7deg) scale(.9);
		}
		
		#hoodline .parallax-articles .article3 img {
			
			right: -10px;
			top:680px;
			-moz-transform: rotate(25.7deg) scale(0.7);
			-webkit-transform: rotate(25.7deg) scale(0.7);
			-o-transform:rotate(25.7deg) scale(0.7);
			-ms-transform:rotate(25.7deg) scale(0.7);
			transform:rotate(25.7deg) scale(.7);
		}
	
	
	
	#story {
		padding:0;
		margin: 10px 0;
		background:		url(../img/about-space-pc.png) top center,
						url(../img/bg-map1.png) top left repeat;

	}
	
	
	
	#story .content {
		margin-left:170px;
		margin-right:20px;
	}
	
	#team {
		padding-top:50px;
		padding-bottom:50px;
	}
	
	#team .bx-wrapper .bx-pager {
		text-align: right;
		margin-right:10px;
	}
	
	
	#team .description {
		float: right;
		width:280px;
	}
	
	#team .photos {
		float: left;
		width:660px;
	}
	
	#team .photo-grid li {
		height:250px;
	}
	
	
	
	#investors {
		margin:auto;
	}
	
	#investors .logos {
		max-width: 980px;
		margin:40px auto;
	}
	
	#investors ul li img {
		width:100%;
		max-width: 240px;
	}
	
	
	#press {
		padding:50px 0;
		margin: 10px 0;
		border:none;
		background:		url(../img/press-line-pc.png) top center no-repeat,
						url(../img/press-space-pc.png) top center repeat,
						url(../img/bg-map2.png) top center repeat;

	}
	
	
	#press h6 {
		margin-bottom:30px;
	}
	

	
	#press .background-wrap {
		margin-right:166px;
	}
	
	#press .logo img,
	#press .logo {
		height:50px;
	}


	
	footer {
		background: #1D1D1D url(../img/footer-pc.jpg) bottom center no-repeat !important;
	}
	
	
	footer #contact {
		width:50%;
		float: left;
		background:none;
		text-align: right;
		padding-top:0;
	}
	
	footer #contact h2 {
		background-position: right bottom;
	}
	
	footer #contact .wrap {
		padding-right:60px;
	}
	
	footer #form {
		width: 50%;
		float: right;
		text-align: left;
	}
	
	footer #form .wrap {
		padding-left:60px;
	}
	
	footer #form h2 {
		background-position: left bottom;
	}
	
	footer #form input[type=text],
	footer #form textarea {
		width:360px;
		text-align: left;
		font-size: 16px;
	}
	
	footer #form input[type=submit] {
		display: block;
	}
	
	footer .button {
		width:30%;;
	}
	
	#form-messages {
		width:360px;
		font-size: 16px;	
	}
	
	
	.success, .error {
		margin: 0 0 15px 0;

	}

}


/*** HD STYLES ***/

@media only screen and (min-width: 1280px) {
	
	
	
	.wrap,
	.intro-wrap {
		max-width: 1200px;
	}
	
	#products #intro {
		width: 480px;
	}
	
	#intro .wrap {
		padding:50px;
	}
	
	#atlas {
		background: #000 url(../img/atlas-hd.jpg) top center no-repeat;
		min-height: 1120px;
	}

	#atlas-demo  {
		width:552px;
		height:350px;
		top:575px;
		left:652px;
		
		
	}
	
	
	
	

	#atlas .description {
		margin-top:330px;
		width:1100px;
		
		
	}
	
		#atlas h3 {
			margin-left:500px;
		}	
	
		#atlas p:nth-child(1) {
			margin-left: 500px;
		}
	

	
		#atlas p:nth-child(2) {
			margin-top:70px;
			text-align: right;
			margin-left:0;
			margin-right:660px;
		}
		
		#atlas p:nth-child(3) {
			text-align: right;
			margin-left:0;
			margin-right:660px;
		}
	
	
	#hoodline {
		background: #27262E url(../img/hoodline-hd.jpg) top center no-repeat;
		min-height: 1050px;
	}
	
	
	#hoodline .description {
		margin-top:50px;
		margin-left:30px;
	}
	
		#hoodline .paragraphs p:nth-child(1) {	
			width:500px;
		}
		
		#hoodline .paragraphs p:nth-child(2) {	
			width:450px;
		}
		
		
		/** parallax articles **/
		
		#hoodline .parallax-articles .article1 img{
		
			right: -100px;
			top:190px;
			-moz-transform: rotate(25.7deg) scale(0.6);
			-webkit-transform: rotate(25.7deg) scale(0.6);
			-o-transform: rotate(25.7deg) scale(0.6);
			-ms-transform: rotate(25.7deg) scale(0.6);
			transform: rotate(25.7deg) scale(.6);
		}
		
		#hoodline .parallax-articles .article2 img{
	
			right: -270px;
			top: 540px;
			-moz-transform: rotate(25.7deg) scale(1);
			-webkit-transform: rotate(25.7deg) scale(1);
			-o-transform: rotate(25.7deg) scale(1);
			-ms-transform: rotate(25.7deg) scale(1);
			transform: rotate(25.7deg) scale(1);
		}
		
		#hoodline .parallax-articles .article3 img {
			
			right: 10px;
			top:800px;
			-moz-transform: rotate(25.7deg) scale(0.8);
			-webkit-transform: rotate(25.7deg) scale(0.8);
			-o-transform:rotate(25.7deg) scale(0.8);
			-ms-transform:rotate(25.7deg) scale(0.8);
			transform:rotate(25.7deg) scale(.8);
		}
	
	

	#story {
		background:		url(../img/about-space-hd.png) top center,
						url(../img/bg-map1.png) top left repeat;
	}
	
	
		
	
	#story .content {
		margin-left:260px;
	}
	
	
	#team .bx-wrapper .bx-pager {
		margin-right:20px;
	}
	
	#team .photos {
		width: 900px;
	}
	
	#team .photo-grid li {
		height: 300px;
	}
	
	
	#press {

		background:		url(../img/press-line-hd.png) top center no-repeat,
						url(../img/press-space-hd.png) top center repeat-y,
						url(../img/bg-map2.png) top center repeat;

	}
	
	
	#press .background-wrap {
		margin-right:320px;

	}
	
	footer {
		padding-top:50px;
		background: #1D1D1D url(../img/footer-hd.jpg) bottom center no-repeat !important;
		min-height: 550px;
	}


}



/** ANIMATION **/

@-webkit-keyframes bounce {
  0%, 75%{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  30% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}

@keyframes bounce {
  0%, 75% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  30% {
   -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}


















.hamburger{
	width:40px;
	height:40px;
	position:fixed;
	
	right:20px;
	top:20px;
	cursor:pointer;
	z-index: 50;
	background:rgba(0,0,0,0.5);
	background:black;
	border-radius: 20px;
}

.hamburger:after{
	position:absolute;
	top:19px;
	right:10px;
	display:block;
	height:4px;
	width:20px;
	border-top:2px solid #dddddd;
	border-bottom:2px solid #dddddd;
	content:''
}
.hamburger:before{
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	position:absolute;
	top:13px;
	right:10px;
	display:block;
	height:2px;
	width:20px;
	background:#ddd;
	content:''
}
.hamburger.menu-opened:after{
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	top:20px;
	border:0;
	height:2px;
	width:19px;
	background:#fff;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}
.hamburger.menu-opened:before{
	top:20px;
	background:#fff;
	width:19px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}



#cssmenu ul {
	position: fixed;
	top: 70px;
	right:20px;
	text-align: right;	
	z-index: 50;
}

#cssmenu ul li {
	width:40px;
	height:40px;
	
	margin-bottom:10px;
}


#cssmenu ul li a {
	width: 40px;
	height:40px;
	display: block;
	border-radius:20px;
	background-color:#000;
	position: relative;
	background-position: right center;
	background-repeat: no-repeat;
	float:right;
	transition: width 0.2s;
}

#cssmenu ul li a span {
	position: absolute;
	right:50px;
	color:#fff;
	font-size: 14px;
	top:12px;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.9);
	opacity: 0;
	white-space: nowrap;
	transition: opacity 0.4s;

	
}
#cssmenu ul li a:hover { width:150px; }
#cssmenu ul li a#hero-link:hover { width:120px; }
#cssmenu ul li a#products-link:hover { width:135px; }
#cssmenu ul li a#story-link:hover { width:135px; }
#cssmenu ul li a#team-link:hover { width:120px; }
#cssmenu ul li a#investors-link:hover { width:138px; }
#cssmenu ul li a#press-link:hover { width:115px; }
#cssmenu ul li a#footer-link:hover { width:130px; }


#cssmenu ul li a:hover span {
	opacity: 1;
}

#cssmenu ul li a {
	background-image: url(../img/icons-nav.png);
	background-image: url(../img/icons-nav.svg); 
}

#cssmenu ul li a.home 		{ background-position: right 0; }
#cssmenu ul li a.products 	{ background-position: right -40px; }
#cssmenu ul li a.about 		{ background-position: right -80px; }
#cssmenu ul li a.team 		{ background-position: right -120px; }
#cssmenu ul li a.investors 	{ background-position: right -160px; }
#cssmenu ul li a.press	 	{ background-position: right -200px; }
#cssmenu ul li a.contact 	{ background-position: right -240px; }