@font-face {
	font-family:'octin';
	src:url('fonts/octin_stencil_rg.eot');
	src:url('fonts/octin_stencil_rg.eot?#iefix') format('embedded-opentype'),  url('fonts/octin_stencil_rg.woff') format('woff'),  url('fonts/octin_stencil_rg.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
	}
html, body {
	margin:0;
	padding:0;
	background:#5F7D87;
	background:#000;
	color:#fff;
	font-family:'Open Sans', arial, sans-serif;
	font-size:18px;
	line-height:1;
	}
a {
	color:#fff;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	text-decoration:none;
	border-bottom:2px solid red;
	padding-bottom:5px;
	}
.background_2 {
	background:url('images/background_2.jpg') repeat center top;
	padding:90px 18px;
	}
.background_1 {
	background:url('images/background_1.jpg') repeat center top;
	padding:90px 18px;
	}
#nav {
	font-family:'octin', arial, sans-serif;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	border-bottom:1px solid rgba(255,255,255,0.5);
	-webkit-transition-duration:1s;
	transition-duration:1s;
	}
#progress_bar {
	display:block;
	content:"";
	height:4px;
	background:rgb(255,255,255);
	bottom:-5px;
	left:0;
	position:absolute;
	z-index:30;
	width:0;
	}
.dark {
	background:rgb(1,22,28) !important;
	}
#nav:hover {
	background:rgba(1,22,28,0.5);
	}
#menu {
	margin:0 auto;
	max-width:1240px;
	padding:15px 30px;
	position:relative;
	overflow:hidden;
	}
#nav img, #nav > a {
	max-height:100%;
	display:block;
	float:left;
	}
#nav ul {
	position:absolute;
	top:27px;
	right:0;
	margin:0;
	padding:0;
	list-style:none;
	height:34px;
	line-height:34px;
	}
#nav li {
	margin:0;
	padding:0 20px;
	float:left;
	font-size:24px;
	-webkit-transition-duration:0.3s;
	transition-duration:0.3s;
	}
@media screen and (max-width:1150px) {
	#nav li {
	padding:0 20px 0 0;
	font-size:20px;
	}
}
@media screen and (max-width:790px) {
#nav img, #nav > a {
	max-height:32px;
	display:block;
	float:left;
	}
  #nav a span {
    display: none;
  }
  #nav ul a {
    width: 32px;
    height: 32px;
    display: block;
  }
  #nav ul a {
    border: none;
    padding: 0;
  }
  #nav li {
    padding: 0 0 0 5px;
  }
	#menu {
	  padding:5px 10px;
	}
	#nav ul {
	  height: 32px;
  	top: 5px;
	  background: url('images/menu.png') no-repeat left center;
	}
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	z-index:10;
	}
.video-container iframe, .video-container object, .video-container embed, .video-container .vide {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
	
.youtube {
	margin: 0 auto;
	padding-top: 50px;
	max-width: 1200px;
}	
	
.vide div.down {
	position:absolute;
	bottom:100px;
	left:0;
	width:100%;
	-webkit-transition-duration:1s;
	transition-duration:1s;
	}
.vide a {
	background:url('images/down.png') no-repeat center;
	width:100px;
	height:100px;
	z-index:20;
	display:block;
	margin:0 auto 20px auto;
	padding:0;
	-webkit-transition-duration:0.5s;
	transition-duration:0.5;
	}
.vide a:hover {
	padding:0;
	margin:20px auto 0 auto;
	border:none;
	}
@media screen and (max-width:700px) {
	.vide div.down {
	bottom:10px;
	}
}
.last_image {
	width:100%;
	display:block;
	}
.last_label {
	font-family:'octin', arial, sans-serif;
	color:#fff;
	text-align:center;
	font-size:50px;
	font-weight:bold;
	padding:30px 0;
	}
h1, h2 {
	font-family:'octin', arial, sans-serif;
	text-align:center;
	font-size:80px;
	letter-spacing:3px;
	margin:20px 0;
	color:rgb(12,46,56);
	padding-top:80px;	
	}
h3 {
	font-family:'octin', arial, sans-serif;
	font-size:30px;
	margin: 0;
}	
@media screen and (max-width:1000px) {
  h1, h2 {
	  font-size:60px;
	  }
  }
@media screen and (max-width:600px) {
  h1, h2 {
	  font-size:30px;
	  }
  }
.columns {
  display: table;
}  
.columns > div {
  display: table-cell;
  width: 46%;
  padding: 2%;
}
@media screen and (max-width:1150px) {
  .columns > div {
    width: 96%;
    display: block;
	  }
  }
.box {
	max-width:1200px;
	padding:30px;
	margin:40px auto;
	background:rgba(1,22,28,0.75);
	position:relative;
	box-shadow:0px 0px 8px 0px rgba(0,0,0,0.9);
	line-height:1.3;
	}
.left, .right {
	position:absolute;
	top:-13px;
	left:-18px;
	width:18px;
	height:calc(100% + 26px);
	background:rgb(12,46,56);
	}
.left {
	box-shadow:inset 5px 0px 5px 0px rgba(0,0,0,0.75);
	}
.right {
	left:auto;
	right:-18px;
	box-shadow:inset -5px 0px 5px 0px rgba(0,0,0,0.75);
	}
.left:before, .right:before, .left:after, .right:after {
	display:block;
	content:"";
	width:52px;
	height:13px;
	position:absolute;
	top:0;
	left:0;
	background:rgb(12,46,56);
	}
.left:before {
	box-shadow:inset 5px 5px 5px 0px rgba(0,0,0,0.75);
	}
.right:before {
	box-shadow:inset -5px 5px 5px 0px rgba(0,0,0,0.75);
	left:auto;
	right:0}
.left:after {
	box-shadow:inset 5px -5px 5px 0px rgba(0,0,0,0.75);
	top:auto;
	bottom:0;
	}
.right:after {
	box-shadow:inset -5px -5px 5px 0px rgba(0,0,0,0.75);
	top:auto;
	bottom:0;
	left:auto;
	right:0}
.light .left,.light .left:after,.light .left:before,.light .right,.light .right:before,.light .right:after {
	background:rgb(161, 189, 200) !important;
	}
h2.light, h1.light {
	color:rgb(161, 189, 200);
	}