/*
_____________________
BODY/CONTAINERS
_____________________
*/
	body{
		background:#fffdff!important;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 18px;
	}
	.wrapper{
		margin-top: 50px;
		/*margin-top: 125px;*/
		padding-left:15px;
		padding-right:15px;
	}
	/*.content {
		padding-left: 10px;
	 	padding-right: 20px;
	 	margin-top: 50px;
	}*/
	.scrollable{
		overflow: scroll;
	}
/*	.fp-tableCell {
		vertical-align: top !important;
	}*/
	.left-echo{

		float: left;
	}
	.right-echo{
		position: absolute;
		right:0;
		top:0;
		margin-top: 25px;
		margin-right: 50px;
	}
	.center-echo{
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
	}
	#data-container {

	}

	.data-container-off {
		background: transparent !important;
		padding: 0;
		margin-bottom: 0px !important;
		border: none !important;
	}
	#mobile{
		/*margin-top: 10px;*/
	}
/*
_____________________
FONT
_____________________
*/

	h1 {
		font-size: 20px !important;
		font-weight: 700 !important;
		font-family: "montserrat", Helvetica, arial, sans-serif !important;;
		color: #758FBF !important;
		text-transform: uppercase;
	}
	h2 {
		margin-top: 0 !important;
		font-weight: 400 !important;
		white-space: nowrap;
	}
	h3 {
		font-weight: 400 !important;
	}
	h4 {
		font-weight: 200 !important;
		font-size: 15px !important;
	}
	.white {
		color:white;
	}
	p {
		font-size: 18px;
	}
	/*
	_____________________
	UI ELEMENTS
	_____________________
	*/
	.btn {
		background: #A9BCD7;
		color:white;
		border-radius:3px;
	}
	.btn:focus{
		color:white!important;
		text-decoration: none!important;
	}
	.btn:hover{
		color:white!important;
		background: #6691C9;
		text-decoration: none!important;
	}
	.pop-col {
		float:left;
		width:300px;
		text-align: center;
	}
	a:hover, a:focus {
	  	text-decoration: none;
	}
	/*
	_____________________
	NAVBAR
	_____________________
	*/

	@font-face {
		font-family: 'nexa_boldregular';
		src: url('../fonts/nexa_bold-webfont.eot');
		src: url('../fonts/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/nexa_bold-webfont.woff2') format('woff2'),
		url('../fonts/nexa_bold-webfont.woff') format('woff'),
		url('../fonts/nexa_bold-webfont.ttf') format('truetype'),
		url('../fonts/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
		font-weight: normal;
		font-style: normal;

	}




	@font-face {
		font-family: 'nexa_lightregular';
		src: url('../fonts/nexa_light-webfont.eot');
		src: url('../fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/nexa_light-webfont.woff2') format('woff2'),
		url('../fonts/nexa_light-webfont.woff') format('woff'),
		url('../fonts/nexa_light-webfont.ttf') format('truetype'),
		url('../fonts/nexa_light-webfont.svg#nexa_lightregular') format('svg');
		font-weight: normal;
		font-style: normal;

	}

/*	@font-face {
		font-family: 'pangram';
		src: url('../fonts/pangram_regular.eot');
		src: url('../fonts/pangram_regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/pangram_regular.woff2') format('woff2'),
		url('../fonts/pangram_regular.woff') format('woff'),
		url('../fonts/pangram_regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;

	}*/

	@font-face {
	  font-family: "Pangram-Regular";
	  src: url("../fonts/pangram-regular.eot"); /* IE9 Compat Modes */
	  src: url("../fonts/pangram-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	    url("../fonts/pangram-regular.otf") format("opentype"), /* Open Type Font */
	    url("../fonts/pangram-regular.svg") format("svg"), /* Legacy iOS */
	    url("../fonts/pangram-regular.ttf") format("truetype"), /* Safari, Android, iOS */
	    url("../fonts/pangram-regular.woff") format("woff"), /* Modern Browsers */
	    url("../fonts/pangram-regular.woff2") format("woff2"); /* Modern Browsers */
	  font-weight: normal;
	  font-style: normal;
	}

	@font-face {
	  font-family: "Oswald-Regular";
	  src: url("../fonts/Oswald-Regular.eot"); /* IE9 Compat Modes */
	  src: url("../fonts/Oswald-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	    url("../fonts/Oswald-Regular.otf") format("opentype"), /* Open Type Font */
	    url("../fonts/Oswald-Regular.svg") format("svg"), /* Legacy iOS */
	    url("../fonts/Oswald-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
	    url("../fonts/Oswald-Regular.woff") format("woff"), /* Modern Browsers */
	    url("../fonts/Oswald-Regular.woff2") format("woff2"); /* Modern Browsers */
	  font-weight: normal;
	  font-style: normal;
	}

	@font-face {
	  font-family: "Oswald-Bold";
	  src: url("../fonts/Oswald-Bold.eot"); /* IE9 Compat Modes */
	  src: url("../fonts/Oswald-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	    url("../fonts/Oswald-Bold.otf") format("opentype"), /* Open Type Font */
	    url("../fonts/Oswald-Bold.svg") format("svg"), /* Legacy iOS */
	    url("../fonts/Oswald-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
	    url("../fonts/Oswald-Bold.woff") format("woff"), /* Modern Browsers */
	    url("../fonts/Oswald-Bold.woff2") format("woff2"); /* Modern Browsers */
	  font-weight: normal;
	  font-style: normal;
	}

	@font-face {
	  font-family: "Montserrat-Regular";
	  src: url("../fonts/Montserrat-Regular.eot"); /* IE9 Compat Modes */
	  src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	    url("../fonts/Montserrat-Regular.otf") format("opentype"), /* Open Type Font */
	    url("../fonts/Montserrat-Regular.svg") format("svg"), /* Legacy iOS */
	    url("../fonts/Montserrat-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
	    url("../fonts/Montserrat-Regular.woff") format("woff"), /* Modern Browsers */
	    url("../fonts/Montserrat-Regular.woff2") format("woff2"); /* Modern Browsers */
	  font-weight: normal;
	  font-style: normal;
	}

	@font-face {
	  font-family: "Montserrat-Bold";
	  src: url("../fonts/Montserrat-Bold.eot"); /* IE9 Compat Modes */
	  src: url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	    url("../fonts/Montserrat-Bold.otf") format("opentype"), /* Open Type Font */
	    url("../fonts/Montserrat-Bold.svg") format("svg"), /* Legacy iOS */
	    url("../fonts/Montserrat-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
	    url("../fonts/Montserrat-Bold.woff") format("woff"), /* Modern Browsers */
	    url("../fonts/Montserrat-Bold.woff2") format("woff2"); /* Modern Browsers */
	  font-weight: normal;
	  font-style: normal;
	}

	@font-face {
	  font-family: "Montserrat-SemiBold";
	  src: url("../fonts/Montserrat-SemiBold.eot"); /* IE9 Compat Modes */
	  src: url("../fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	    url("../fonts/Montserrat-SemiBold.otf") format("opentype"), /* Open Type Font */
	    url("../fonts/Montserrat-SemiBold.svg") format("svg"), /* Legacy iOS */
	    url("../fonts/Montserrat-SemiBold.ttf") format("truetype"), /* Safari, Android, iOS */
	    url("../fonts/Montserrat-SemiBold.woff") format("woff"), /* Modern Browsers */
	    url("../fonts/Montserrat-SemiBold.woff2") format("woff2"); /* Modern Browsers */
	  font-weight: normal;
	  font-style: normal;
	}

	.pangram-text{
	    font-family: 'Pangram-Regular';
	}

	.text-oswald{
    	font-family: 'Oswald-Regular'!important;
	}
	.text-oswald-bold{
    	font-family: 'Oswald-Bold'!important;
	}
	.text-montserrat{
	    font-family: 'Montserrat-Regular';
	}
	.text-montserrat-bold{
	    font-family: 'Montserrat-Bold';
	}
	.text-montserrat-semibold{
	    font-family: 'Montserrat-SemiBold';
	}

	.navbar {
		margin-bottom:0 !important;
		top: 0;
	  	left: 0;
	}
	.navbar-default {
		border:none !important;
		color:#111111 !important;
		position: absolute;
		width: 100%;
		font-weight: 200;
		font-size: 15px;
		font-family: nexa_lightregular, "Helvetica Neue",Helvetica,Arial,sans-serif;
	}

	.navbar-default .navbar-nav>li>a {
		color: #111111 !important;
		font-weight: 400;
		padding: 15px 0 5px 0;
		border-bottom: 2px solid transparent;
	}
	.navbar-default .navbar-nav>li>a:hover {
		border-bottom: 2px solid #222222;
		font-family: nexa_boldregular, "Helvetica Neue",Helvetica,Arial,sans-serif;
	}

	.tryme {
		display:none;
		position: absolute;
		bottom: 100px;
		left: 0;
		right:0;
		width:300px;
		margin:20px auto!important;
		font-size: 18px;
		font-family: arial;
		font-weight: 800px;
	}
	.buildme{
		display:none;
		position: absolute;
		bottom: 50px;
		left: 0;
		right:0;
		width:300px;
		margin:20px auto!important;
		font-size: 18px;
		font-family: arial;
		font-weight: 800px;
	}

	.scrollicon
	{
	  width: 100px;
	  background: url("../../img/arrow.png") no-repeat center center;
	  position: absolute;
	  bottom: 110px;
	  left: 50%;
	  margin-left: -50px;
	  text-align: center;
	  height: 50px;
	  opacity: 0.6;
	  cursor: pointer;
	}

	.scroll-text
	{
		background: url("../../img/arrow-text.png") no-repeat center center;
	}

	.scrolldown{
		display:block;
		bottom: 80px;
		left: 50%;
		margin-left: -46px ;
		position: absolute;
		text-align: center;
		color: #6E91BD;
		z-index: 1020;
		cursor: pointer;



		background: none;
		border: none;
		background-image: url("../../img/start.svg");
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		width: 93px;
		height: 72px;
		text-indent: 78px;
		overflow: hidden;
		white-space: nowrap;
		opacity:0.6;
	}

	.disable-clicks {
	  pointer-events: none;
	}


	.show {
		display:block;
	}
	.logo {
		height:44px;
		width: auto;
		margin-left: 10vw;
		margin-top: -12px;
	}
	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:focus,
	.navbar-default .navbar-nav>.active>a:hover {
		background-color: transparent !important;
		border-bottom: 2px solid #222222;
		font-family: nexa_boldregular, "Helvetica Neue",Helvetica,Arial,sans-serif;
	}

	.nav>li {
		padding: 0 10px 10px;
	}

	#subNav li{
		padding: 0px 20px;
		font-size: 12px;
	}

	#subNav li a{
		color: black;
	}
	
	.activeSub>a {
	    background-color: transparent !important;
	    /*border-bottom: 2px solid #222222;*/
	    font-family: nexa_boldregular, "Helvetica Neue",Helvetica,Arial,sans-serif;
	}

	#subNav li a:hover {
		background-color: transparent !important;
	    /*border-bottom: 2px solid #222222;*/
	    font-family: nexa_boldregular, "Helvetica Neue",Helvetica,Arial,sans-serif;
	}

/*
_____________________
FOOTER
_____________________
*/
	.button-container{
		position: absolute;
		bottom:0px;
		left:0;
		margin-bottom: 50px;
		width: 100%;
		text-align: center;
	}


/*
_____________________
VIDEO
_____________________
*/
	.video {
	}

	#video {
		position: fixed;
		left: 0;
		/*top: 25%;*/
		top:50px;
		min-width: 900px;
		max-width: 1700px;
		width: auto;
		height: 90%;
		z-index: -100;
		display: none;
		/*margin-top: -190px;*/
	}
	.zoomout {
		width:75%;
	}
/*
_____________________
SCENE 1 CONTENT
_____________________
*/
	.title1 {
		z-index:99;
		position:fixed;
		bottom:0;
		margin-bottom: 140px;
	    right: 0;
	    left: 0;
	    margin-right: auto;
	    margin-left: auto;
	    width: 100%;
	    text-align: center;
	}

	#vimeo
	{
		width: 800px;
		margin: auto;
		margin-top: 100px;
		height: 600px;
		text-align: center;
	}

/*
_____________________
SCENE 2 CONTENT
_____________________
*/
	.title2 {
		position: absolute;
		bottom:0;
		left:0;
		margin-bottom: 200px;
		margin-left: 20px;
	}
/*
_____________________
SCENE 3 CONTENT
_____________________
*/
	#data3{
		width: 1000px;
		position: absolute;
		bottom: 0;
		left: 115px;
		display: block;
		margin-bottom:100px;
		/*border-top:2px solid #32589E;*/
		background: rgba(240, 240, 240, 0.8);
		color: rgb(63, 63, 63);
		padding-top:0;
		padding-bottom:30px;
		padding-right:40px;
		padding-left:40px;

	}
	.title3{
		position: absolute;
		left: 0px;
		top: 0;
		margin-top: 80px;
	}
	.upright{

	}
	.data3 > h1 {
		margin-top: -20px;
	}
	.upright {
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 480px;
		margin-left: 855px;
	}
	.upright-text {
		font-size: 15px;
		color: rgb(102, 145, 201);
	}
	.upright > img{
		width:300px;
	}
	.applications3 {
		position: absolute;
		left: 0;
		top: 0;
		margin-left: 848px;
		margin-top: 113px;
	}
	.applications3 > img{
		width:325px;
	}

/*
_____________________
SCENE 4 CONTENT
_____________________
*/
	.title4{
		position: absolute;
		left: 0px;
		top: 0;
		margin-top: 80px;
	}
	.inverted {
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 494px;
		margin-left: 911px;
		text-align: center;
	}
	.inverted > img {
		width: 150px;
	}
	.inverted-text {
		font-size: 15px;
		color: rgb(102, 145, 201);
	}

	.applications4 {
		position: absolute;
		left: 0;
		top: 0;
		margin-left: 848px;
		margin-top: 113px;
	}
	.applications4 > img{
		width:350px;
	}
/*
_____________________
SCENE 5 CONTENT
_____________________
*/
	#data5{
		width: 1000px;
		position: absolute;
		bottom: 0;
		left: 115px;
		display: block;
		background: rgba(240, 240, 240, 0.8);
		color: rgb(63, 63, 63);
		padding-top:0;
		padding-bottom:20px;
		padding-right:40px;
		padding-left:40px;
	}
/*
_____________________
SCENE 6 CONTENT
_____________________
*/
	.title6{
		position: absolute;
		left: 0px;
		top: 0;
		width: 100%;
		text-align: center;
		margin-top: 50px;
	}
	.led{
		position: absolute;
		top:0;
		left: 0;
		margin-top: 125px;
		text-align: center;
		width: 280px;
	}
	.fa-lightbulb-o {
		color: rgb(0, 128, 240);
	}
	.cameras{
		position: absolute;
		left: 0;
		top:0;
		margin-top: 380px;
		text-align: center;
		width: 280px;
	}
	.fa-camera{
		color: rgb(236, 97, 97);
	}
	.optics{
		position: absolute;
		top: 0;
		left:0;
		margin-left: 920px;
		text-align: center;
		width: 280px;
		margin-top: 125px;

	}
	.fa-eye {
		color: rgb(0, 186, 202);
	}
	.cloud{
		position: absolute;
		top: 0;
		left:0;
		margin-left: 920px;
		margin-top: 330px;
		text-align: center;
		width: 280px;
	}
	.fa-cloud {
		color:rgb(219, 219, 219);
	}
	.retina{
		position: absolute;
		top: 0;
		left:0;
		margin-left: 920px;
		margin-top: 500px;
		text-align: center;
		width: 280px;
	}

	.fa-apple {
		color:rgb(143, 189, 141);
	}
/*
_____________________
SCENE 7 CONTENT
_____________________
*/
	.title7 {
		width: 1000px;
		position: absolute;
		bottom: 0;
		left: 115px;
		display: block;
		background: rgba(240, 240, 240, 0.8);
		padding-top:0;
		padding-bottom:20px;
		padding-right:40px;
		padding-left:40px;
		text-align: center;
	}
/*
_____________________
SCENE 8 CONTENT
_____________________
*/
	.title8{
		position: absolute;
		left: 0px;
		top: 0;
		margin-top: 80px;
	}
	.section-header{
		margin-bottom: 2em;
		padding-left:30px;
		padding-right:30px;
	}
	.btn-clear {
		background: transparent;
		border: 2px solid #444;
		color:#444;
		width:50%;

	}
	.btn-clear:hover{
		background: #444;
		color:#fff;
	}
	.btn-clear:focus{
		background: transparent;
		border: 2px solid #444;
		color:#444;
	}
	.btn-extras{
		margin-top: 1em;
	}
	.mobile-section {
		padding-top: 20px;
		padding-bottom: 40px;
		border-bottom: 1px solid #A7A7A7;
		padding-left:15px;
		padding-right:15px;
		background: -webkit-linear-gradient(left top, #E2E2E2, #fff); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(bottom right, #E2E2E2, #fff); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(bottom right, #E2E2E2, #fff); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(to bottom right, #E2E2E2, #fff); /* Standard syntax (must be last) */
	}

	.section-image-container{
		padding-left: 25%;
		padding-right: 25%;
	}
	.section-image-container img{
		width:100%;
	}
	.tall-image-container {
		margin-top: -1em;
		padding-left: 30%;
		padding-right: 30%;
	}
	.section-extras-container{
		background: #eee;
	}
	.scrollicon-mobile {
		text-align: center;
		font-size: 2em;
		border-radius: 100%
	}
	.section-description {
		text-align: left;
	}
	#applications{
		display:none;
		margin-top: -2em;
	}
	#applications-inverted {
		display:none;
		margin-top: -2em;
	}
	#performance-specs{
		display: none;
		margin-top: -2em;
	}
	.performance-specs-list {
		text-align: left;
	}
	.performance-specs-header {
		text-transform: uppercase;
		font-family: "montserrat", Helvetica, arial, sans-serif;
		color: #758FBF;
		font-weight: 700 !important;
		font-size: 18px !important;
	}
	.extraordinary-specs {
		margin-top: 1em;
	}
	.extraordinary-specs-list {
		list-style-type: none;
	}
	.extraordinary-specs-list >li {
		font-weight: 200 !important;
		font-size: 16px !important;
		margin-top: 1em;
	}
	.extraordinary-specs-list >li:before {
		font-family: 'FontAwesome';
		content: '\f058';
		margin:0 5px 0 -20px;
		color:#758FBF;
	}
	.spin-button-container{
		margin-top: 1em;
	}
/*
_____________________
MEDIA QUERIES
_____________________
*/
	@media (max-width: 1025px) {
	  	#fullscreen {
	    	display: none;
	  	}
	  	html, body {
			overflow-y:scroll !important;
		}
		.navbar-default {
			background: white;
			opacity: 1;
		}
		#fp-nav{
			display: none !important;
		}
	}
	@media (min-width: 1025px) {
		#mobile {
			display: none;
		}
	}
	/*
	@media (min-width: 768px) {
		.navbar-nav {
			float: right !important;
		}
	}*/