@charset "utf-8";
/* CSS Document */

.page_content {font-family: sweet-sans-pro,sans-serif;}
	.headline-first {font-weight: 600;}
	header {border-bottom:5px solid #cc4e0b;}	
	.mobile_button_menu {display:none;}
	.image img {width:100%;}
	
	
	.page_content .content_row {height:100vh; display:table; width:100%;}
	.page_content .content_row.transition {height:80vh; border:0px solid #fff;}
	.page_content .content_row .content_container {position:relative; padding:0px; display:table-cell; vertical-align: middle;}
	
	.clip-path-01 {clip-path: polygon(0% 58%, 0% -1%, 100% -1%, 100% 0%, 100% 58%, 50% 0%); height:100%;}
	
	.white-filter {position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgb(255,255,255,0.45);}
	
	.alpha .white-filter {position:absolute; top:0; bottom:0; left:0; right:0; background-color:#03244d; opacity:1;}
	.bravo .white-filter {position:absolute; top:0; bottom:0; left:0; right:0; background-color:#03244d; opacity:1;}
	
	.arrow-01 {clip-path: polygon(0% 58%, 50% 0%, 100% 58%, 100% 60%, 50% 2%, 0% 60%); background-color:#03244d; height:100%; position:absolute; top:0; bottom:0; left:0; right:0;}

	.feature-content {background:none; /* min-height:100%; */ padding: 2%; z-index: 1;}
	.feature-content .headline {font-size:1.2em; text-transform: uppercase; /* font-weight:900;*/  margin:2% auto; color:#03244d;}
	.feature-content p {font-size:1.2em;}
	.feature-content .nav {color:#03244d; text-align: center; padding:1%;}
	.feature-content .text {color:#03244d;}
	.feature-content .text .info {margin:2% auto;}
	.feature-content .text .link {margin:2% auto; text-align: center;}
	.feature-content .btn {margin:3% auto; border:1px solid #a1a1a1; color:#03244d; font-weight:600;}
	.feature-content .btn:hover {background-color:#03244d; color:#eaeaea;}
	.feature-content .btn:focus {background-color:#03244d; color:#eaeaea;}
	
	.alpha .feature-content {background:none; margin: 0px auto;}
	.alpha .feature-content .nav {color:#03244d;}
	.alpha .feature-content .text {color:#fff; text-align: center}
	.alpha .feature-content .text .headline {color:#fff; font-size:2em; /*font-weight:900;*/ line-height: 1;}
	.alpha .feature-content .text .info {margin: 3% auto;}
	.alpha .feature-content .btn {border:1px solid #eaeaea; color:#eaeaea; font-size:1em; background:none;}
	.alpha .feature-content .video {border:1px solid #fff;}

	.echo .feature-content {background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);}
	.echo .feature-content .nav {color:#03244d;}
	.echo .feature-content .text {color:#03244d;}
	
	.foxtrot .feature-content {background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);}
	.foxtrot .feature-content .nav {color:#03244d;}
	.foxtrot .feature-content .text {color:#03244d;}
	
	.more-stories .feature-content .carousel .item .link {text-align: center;}
	.more-stories .feature-content .carousel .item .link a {white-space: normal;}	
	.more-stories .feature-content .carousel .item .item-content .text .prev-next {margin:2% auto; padding:3%}
	.more-stories .feature-content .carousel .item .item-content .text .prev-next a.more-nav {margin-top: auto; text-align: center; font-size: 2em;}
	.more-stories .explainer {max-width: 1000px; position: relative; margin: 0px auto; padding:1% 5%;}
	.more-stories .prev-next {margin-bottom:3%;}
	.more-stories .prev-next a.more-nav {margin-bottom: 3%; text-align: center; font-size: 1.5em; color:#03244d;}
	
	
	@media (min-width:768px) {
		.feature-content .headline {font-size:1.75em;}	
		.alpha .feature-content .text .headline {font-size:2.75em;}
		.feature-content {min-height:85%; padding: 2%; display: table; z-index: 1;}
		.feature-content > [class*="col-"] {display: table-cell; vertical-align: top; float: none;}
	}
	
	@media (min-width:992px) {
		.feature-content .headline {font-size:2.5em;}
		.feature-content p {font-size:1.25em;}
		.feature-content .carousel .text .headline {color:#03244d; font-size:1.75em; line-height: 1; margin:0px;}
		.page_content .content_row.transition {height:180vh; border:0px solid #fff;}
				
	}
	
	@media (min-width:1200px) {
		header {position:absolute; top:0; left:0; right:0; z-index: 1;}
		.alphaspacer {}
		.alphaspacer {min-height:100px; height:20%;}
		.alpha .white-filter {opacity:.5;}
		.bravo .white-filter {opacity:.5;}
		.feature-content .btn {border:1px solid #fff; color:#fff;}
		.feature-content .btn:hover {background-color:#cc4e0b; color:#eaeaea;}
		.feature-content .btn:focus {background-color:#cc4e0b; color:#eaeaea;}
		.alpha .feature-content .btn {border:1px solid #03244d; color:#03244d; font-size:2em; background-color:#eaeaea;}
		.alpha .feature-content .btn:hover, .alpha .feature-content .btn:focus, .echo .feature-content .btn:hover, .echo .feature-content .btn:focus {background-color:#03244d; color:#eaeaea;} 
		.echo .feature-content .btn {border:1px solid #03244d; color:#03244d;}
		
		.feature-content .headline {color:#fff;}
		
		.feature-content .explainer .headline {color:#03244d;}
		.page_content .content_row .content_container {display:table-cell; vertical-align: middle;}
	 	.feature-content {min-height:65%;}
		
		.arrow-01 {background-color:#fff;}
		
		.alpha .feature-content .text .headline {font-size:2.5em; color: #fff;}
		.alpha .feature-content .text .info p {line-height: 1.2;}
		.alpha .feature-content .video {width:100%; margin:0px auto;}
		
		.feature-content {background: rgb(0,0,0,0.75);}
		.feature-content [class*="col-"] {}
		.feature-content .nav {color:#fff; text-align: center; padding:1%;}
		
		.feature-content .text {color:#fff; margin:5% auto;}
		.feature-content .text .info {margin:2% auto;}
		.feature-content .text .link {margin:2% auto; text-align: center;}
		.feature-content > [class*="col-"] {vertical-align: middle;}
		
		.alpha {background-attachment: fixed;}
		
		.alpha {background-image: url("../images/background-sunset2.jpg"); background-position:center center; background-size:cover; }
	
		.bravo {background-image: url("https://live.staticflickr.com/65535/51239496595_016e3d2e0c_k.jpg"); background-position:center center; background-size:cover; background-attachment: fixed;}

		.charlie {background-image: url("../images/background-robodog.jpg"); background-position:center center; background-size:cover; background-attachment: fixed;}

		.delta {background-image: url("../images/background-simulator.jpg"); background-position:center center; background-size:cover; background-attachment: fixed;}

		.echo {background-image: url("../images/background-sunset2.jpg"); background-position:center center; background-size:cover; background-attachment: fixed;}

		.foxtrot {background-image: url("../images/background-sunset2.jpg"); background-position:center center; background-size:cover; background-attachment: fixed;}

		
		.transition.bravo .clip-path-01 {background-image: url("../images/background-sunset2.jpg"); background-position:center center; background-size:cover; background-attachment: fixed;}
	
		.transition.charlie .clip-path-01 {background-image: url("https://live.staticflickr.com/65535/51239496595_016e3d2e0c_k.jpg"); background-position:center center; background-size:cover; background-attachment: fixed;}

		.transition.delta .clip-path-01 {background-image: url("../images/background-robodog.jpg"); background-position:center center; background-size:cover; background-attachment: fixed;}

		.transition.echo .clip-path-01 {background-image: url("../images/background-simulator.jpg"); background-position:center center; background-size:cover; background-attachment: fixed;}

		.transition.foxtrot .clip-path-01 {background-image: url("../images/background-sunset2.jpg"); background-position:center center; background-size:cover; background-attachment: fixed;}

		.transition.gulf .clip-path-01 {background-image: url("../images/background-sunset2.jpg"); background-position:center center; background-size:cover; background-attachment: fixed;}

		
		.more-stories .explainer {text-align: center;}
		.more-stories .feature-content .carousel .item .item-content {}
		.more-stories .feature-content .carousel .item .item-content .text {display:table-cell; vertical-align: middle; float:none;}
		.more-stories .feature-content .carousel .item .item-content .image {display:table-cell; vertical-align: middle; float:none;}
		.more-stories .feature-content .carousel .item .item-content .text .prev-next {}
		.more-stories .feature-content .carousel .item .item-content .text .prev-next {border-top:0px;} 
		
	
	}