body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, summary, hgroup {
  margin:0;
  padding:0;
  border:0; }

a:active,
a:hover {
  outline:0; }

@-webkit-viewport { width:device-width; }
@-moz-viewport { width:device-width; }
@-ms-viewport { width:device-width; }
@-o-viewport { width:device-width; }
@viewport { width:device-width; }




/* Responsive Nav Styles
---------------------------------------- */
.nav-collapse ul {
  margin:0;
  padding:0;
  width:100%;
  display:block;
  list-style:none; }

.nav-collapse li {
  width:100%;
  display:block; }

.js .nav-collapse {
  clip:rect(0 0 0 0);
  max-height:0;
  position:absolute;
  display:block;
  overflow:hidden;
  zoom:1; }

.nav-collapse.opened {
  max-height:9999px; }

.disable-pointer-events {
  pointer-events:none!important; }

.nav-toggle {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  user-select:none; }

@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position:relative; }
	
  .js .nav-collapse.closed {
    max-height:none; }
	
  .nav-toggle {
    display:none; }
}




/* Fixed Header
---------------------------------------- */
header {
  background:#ffffff;
  position:fixed;
  z-index:3;
  width:100%;
  left:0;
  top:0; }

.logo {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  text-decoration:none;
  font-weight:bold;
  line-height:55px;
  padding:0 20px;
  color:#154865;
	float:left; }
	
a.logo:hover {
	color:#222222; }




/* Mask
---------------------------------------- */
.mask {
  -webkit-transition:opacity 300ms;
  -moz-transition:opacity 300ms;
  transition:opacity 300ms;
  background:rgba(0,0,0, .5);
  visibility:hidden;
  position:fixed;
  opacity:0;
  z-index:2;
  bottom:0;
  right:0;
  left:0;
  top:0; }

.android .mask {
  -webkit-transition:none;
  transition:none; }

.js-nav-active .mask {
  visibility:visible;
  opacity:1; }

@media screen and (min-width: 40em) {
  .mask {
    display:none!important;
    opacity:0!important; }
}




/* Navigation Styles
---------------------------------------- */
.fixed {
  position:fixed;
  width:100%;
  left:0;
  top:0; }

.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box; }

.nav-collapse,
.nav-collapse ul {
  list-style:none;
  width:100%;
  float:left; }

@media screen and (min-width: 40em) {
  .nav-collapse {
    float:right;
    width:auto; }
}

.nav-collapse li {
  float:left;
	width:100%; }

@media screen and (min-width: 40em) {
  .nav-collapse li {
    width:auto; }
}

.nav-collapse a {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  border-top:1px solid #154865;
  text-decoration:none;
  background:#ffffff;
  padding:0.7em 1em;
  color:#154865;
  width:100%;
  float:left; }

.nav-collapse a:hover {
	color:#222222; }

.nav-collapse a:active,
.nav-collapse .active a {
  background:#ffffff; }

@media screen and (min-width: 40em) {
  .nav-collapse a {
    border-left:1px solid white;
    padding:1.02em 2em;
    text-align:center;
    border-top:0;
    float:left;
    margin:0; }
}

.nav-collapse ul ul a {
  background:#eeeeee;
  padding-left:2em; }

@media screen and (min-width: 40em) {
  .nav-collapse ul ul a {
    display:none; }
}




/* Nav Toggle Styles
---------------------------------------- */
@font-face {
  font-family:"responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
	  url("../icons/responsivenav.ttf") format("truetype"),
	  url("../icons/responsivenav.woff") format("woff"),
	  url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight:normal;
  font-style:normal; }

.nav-toggle {
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-decoration:none;
  text-indent:-300px;
  position:relative;
  overflow:hidden;
  width:60px;
  height:55px;
  float:right; }

.nav-toggle:before {
  color:#154865; /* Edit this to change the icon color */
  font:normal 28px/55px "responsivenav"; /* Edit font-size (28px) to change the icon size */
  text-transform:none;
  text-align:center;
  position:absolute;
  content:"\2261"; /* Hamburger icon */
  text-indent:0;
  speak:none;
  width:100%;
  left:0;
  top:0; }

.nav-toggle.active:before {
  font-size:24px;
  content:"\78"; /* Close icon */ }




/* Layout
---------------------------------------- */
body {
	color:#ffffff;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	background:#154865;
	background-image:url('../img/dark-wave.jpg');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:top;
	font-family: 'Open Sans', sans-serif;
	font:normal 100%/1.4;
	line-height:1.5; }
	
.container {
	width:88%;
	margin-left:auto;
	margin-right:auto;
	max-width:1400px;
	*zoom:1; }

section {
	border-bottom:1px solid #338dab;
	padding:100px 0 100px;
	width:100%;
	display:block;}

section.site-footer {
	padding:40px 0 20px 0;
	border-bottom:none; }
	
img {
	width:auto;
	max-width:100%;
	height:auto;
	margin:0 auto 1.000em; }
	
.img-centered {
	margin:0 auto;
	display:block; }

.banner-image {
	margin:0 auto;
	display:block;
	width:100%;
	margin-top:55px;
	margin-bottom:1.563em; }
	
.top-space {
	padding-top:15.000em; }
	
*,
*:after,
*:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; }



/* Typography
---------------------------------------- */
h1, h2 {
	font-family:'Open Sans', sans-serif;
	font-size:3.000em;
	font-weight:800;
	letter-spacing:-2px;
	line-height:55px;;
	padding-bottom:50px;
	text-align:center; }

p {
	margin-bottom:2.000em; }
	
.text-center {
	text-align:center; }
	
.intro {
	font-size:1.500em;
	text-align:center; }
	
.smaller {
	font-size:80%; }
	
::-moz-selection {
	background:#154865;
	color:#ffffff;
	text-shadow:none; }
	
::selection {
	background:#154865;
	color:#ffffff;
	text-shadow:none; }

ul {
	list-style-position:inside; }

a {
	color:#6fcfeb; }

a:hover {
	color:#cbfeff; }
	
a {
	-webkit-transition:color 0.2s ease-out;
	-moz-transition:color 0.2s ease-out;
	-o-transition:color 0.2s ease-out;
	-ms-transition:color 0.2s ease-out;
	transition:color 0.2s ease-out; }
	
.button {
	color:#164865;
	padding:12px 25px 15px;
	text-underline:none;
	text-decoration:none;
	border-bottom-width:0;
	font-size:100%;
	border-radius:5px;
	font-family:'Open Sans', sans-serif;
	display:inline-block;
	border:0;
	cursor:pointer;
	outline:0;
	margin:0;
	line-height:normal;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	cursor:pointer;
	background-color:#6fcfeb;
	-webkit-transition-property:background-color, color;
	-moz-transition-property:background-color, color;
	-o-transition-property:background-color, color;
	transition-property:background-color, color;
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	transition-duration:0.3s; }
	
button[disabled] {
	cursor:default; }
	
button::-moz-focus-inner {
	border:0;
	padding:0; }
	
.button:hover {
	background-color:#ffffff;
	color:#164865; }
	
.button-solid {
	border-width:1px;
	border-style:solid; }




/* Typography
---------------------------------------- */
@media screen and (min-width: 700px) {
	.dark {
		color:#222222; }
	
	.centered {
		width:70%;
		margin:0 auto 2.000em auto; }
		
	.justify {
		text-align:justify; }
		
	.top-space {
		padding-top:20.000em; }
}

@media screen and (min-width: 900px) {
	body {
		font-size:110%; }
		
	.list-shift {
		padding-left:10%; }
}
	
@media screen and (min-width: 1100px) {
	body {
		font-size:120%; }
		
	.list-shift {
		padding-left:18%; }
}