/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,button,input,select,textarea { color: #222;}
body { font-size: 1em; line-height: 1.4; }
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
img {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}
.wrapper {width: 90%;margin: 0 5%; }
.wrapper-full {width: 100%; margin: 0; }
.footer-container,.main aside {}
.header-container,.footer-container,.main aside {}
.header-container { position: absolute; width: 100%; top: 0; z-index: 10000;}
.main article h1 {font-size: 2em;}
.main aside {padding: 0px 5% 10px;}
.footer-container footer {color: white;padding: 20px 0;}
a:focus { outline: 0; }


/* Custom styles */
/* Green: #00B4AC - Cyan: #00BAF2 */

.gradient, nav { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b4ac+0,00baf2+100 */
background: #00b4ac; /* Old browsers */
background: -moz-linear-gradient(left,  #00b4ac 0%, #00baf2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00b4ac), color-stop(100%,#00baf2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #00b4ac 0%,#00baf2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #00b4ac 0%,#00baf2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #00b4ac 0%,#00baf2 100%); /* IE10+ */
background: linear-gradient(to right,  #00b4ac 0%,#00baf2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4ac', endColorstr='#00baf2',GradientType=1 ); /* IE6-9 */ }

body {font: 14px/22px "Open Sans","Helvetica Neue",Arial,Helvetica,sans-serif; }
.small-screen { display: inline; }
.large-screen { display: none; }

/* Nav */
nav { display: none; height: auto; line-height: 1; font-size: 2em; float: right; z-index: 10000; font-family: "Miso-Bold","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; /* Mobile */ width: 100%; position: absolute; }
nav ul {margin: 0;padding: 0;}
nav a, nav a:visited {display: block;margin-bottom: 1px;padding: 15px 10px;text-align: center;text-decoration: none;font-weight: normal;color: #fff; text-transform: uppercase; }
nav a:hover, nav li:hover a, nav li:hover li a:hover {color: #FFF; background: #00B4AC; }
nav li:hover a { background: #00B4AC; }
nav li ul a { text-transform: none; }
nav ul:first-child { margin-top: 17px; margin-bottom: 17px;}
.nav-toggle { display: block; position: absolute; top: 15px; right: 0; z-index: 10001; font-size: 21px; width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; color: #FFF; }

/* Type */
section a, section a:link, section a:visited { color: #000; text-decoration: none;}
section a:hover { text-decoration: underline;}
footer a, footer a:link, footer a:visited { color: #fff; text-decoration: none;}
h1,h2,h3,h4,h5,h6 {font-family: "Miso-Bold","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal;}
h2 { font-size: 2.27142857em; text-transform: uppercase; color: #00B4AC; }
h3 { font-size: 1.5em; color: #00B4AC; margin: 2em 0 1em 0; }
h4 { margin-bottom: 0; font-weight: normal; }
.gradient h2, .gradient h3 { color: #fff; }
strong { font-weight: 600; }
blockquote { font-size: 1.3em; line-height: 1.3em; color: #999; text-align: center; }
.small { font-size: 0.8em;  }
section ul { list-style: none; padding: 0 0 0 1.15em; }
section ul ul { margin: 0; }
section ul li:before { content: '+ \0000a0'; margin-left:-1.15em; text-indent: 0;}
section ul li li:before { content: '- \0000a0'; }
section ul.green-bullet li:before { color: #00B4AC; }
.green { color: #00B4AC; }
.cyan { color: #00BAF2; } 
.job-title { margin-top: 0; font-size: 0.78571428em;}
.no-margin-bottom { margin-bottom: 0; }
#contact p strong { font-family: "Miso-Bold","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal; font-size: 1.1em; color: #00B4AC; margin: 0 0.3em; }

/* Header */
header.main-header { position: relative; font-size: 0.8em; margin: 15px auto; -webkit-transition: margin .5s ease-in-out; -moz-transition: margin .5s ease-in-out; transition: margin .5s ease-in-out;  /* Mobile */ margin: 0; width :100%; }
h1.title { display: none; position: absolute; width: 100%; height: 82px; overflow: hidden; text-align: center; margin: 0 auto; }
h1.title img { display: block; margin: 0 0 40px 5px; width: 100%; height: auto; max-width :250px; }
.header-extra { position: absolute; color: #FFF; margin: 15px 0; top: 15px; left: 5%; font-family: "Miso-Bold","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 2em;  }

/* Main image / slideshow */
.cycle-slideshow { width: 100%; height: auto; overflow: hidden;  }
.slide { position: relative; width: 100%; text-align: center; height: 300px; height: 100vh; }
.slide img { margin: 0 -50%; width: auto; height: 100%; }
/* Swap images */ .slide img.sho { } .slide img.hid { display: none; } .on:before { content: "o"; } .on:after { content: "o"; }
.panel { position: absolute; top: 66%; left:0; width: 100%; padding: 20px 0; text-align: right; color: #fff; font-size: 1.5em; font-family: "Miso-Bold","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-transition: top .5s ease-in-out; -moz-transition: top .5s ease-in-out; transition: top .5s ease-in-out;}
.slide .panel img { margin: 0; float: left; height: auto; max-width: 240px;} /* Logo */
.inlinesvg img.svg { display: inline; } 
.inlinesvg img.png { display: none; } 
.no-svg img.svg { display: none; }
.no-svg img.png { display: inline; }
.panel .wrapper { width: 90%; }
.panel h2 { display: none; color: #fff; font-size: 0.7142857em; margin: 0; text-transform: none; line-height: 1;}
.statement { border-bottom: 1px solid #ccc; padding: 0.5em;}
.statement blockquote { font-size: 1em; color: #333; }

/* Layout */
section { clear: both; text-align: center; }
section img { max-width: 100%; height: auto; }
section#services { color: #fff; }
.section-inner { padding: 4em 0;}
.wrapper-col-2 { margin: 0 auto; text-align: left;}
.footer-container { position: relative; background: url(../img/Footer.jpg) no-repeat top center; background-size: cover ; height: 400px; padding: 0 0.5em; margin-top: 2em; }
.footer-container footer { font-size: 0.8em; color: #fff; line-height: 1.2;  }
footer img.logo { position: absolute; right: 5%; bottom: 4em; }
.centered { text-align: center;}
.boxed { border: 1px solid #00B4AC; padding: 1.5em 20px; }
.boxed p, .boxed ul, .boxed ol { margin: 0; }
.extra-spacing { padding: 2em 0; }
.col-1, .col-2, .col-3 { text-align: left; }
.sponsor-logos { text-align: center; }
.sponsor-logos a img { filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); }
.sponsor-logos a:hover img { filter: none; filter: grayscale(0); -webkit-filter: grayscale(0); }
.align-right { float: right; margin-left: 1em; margin-bottom: 1em; }

/* Icons */
.icon { float: left; margin: 0 0.1em; width :35px; height: 35px; display: inline; font-size: 35px; line-height: 0.7em; }
.icon-right { float: right; margin: 0 0 0 0.2em; }
.header-extra a, .header-extra a:link, .header-extra a:visited  { color: #fff; text-decoration: none; }
.header-extra a:hover { color: #00BAF2; }
#contact a .icon { float: none; color: #00B4AC; text-decoration: none; }
#contact a:hover {text-decoration: none; }
#contact a:hover .icon { color: #00BAF2; text-decoration: none; }

/* IE Fixes */
.lt-ie9 .small-screen { display: none; }
.lt-ie9 .large-screen { display: inline; }
.lt-ie9 nav { background: none; filter: none; }
.lt-ie9 .panel img { max-width :290px; width: 290px; height: auto; }

/* Media Queries */
@media only screen and (min-width: 320px) {

}
@media only screen and (min-width: 480px) {
/* Nav */
.nav-toggle { right: 2%; }
nav { font-size: 2em; }
/* IE Fixes */
nav ul li {display: inline;}
.oldie nav a {margin: 0 0.7%;}
/* Header */
/* Slideshow */
.cycle-slideshow { width: 100%; height: 100vh; }
.slide img { width: 100%; height: auto; }
.panel { padding: 30px 0; }
.slide .panel img { max-width: 240px; }
.panel h2 { display: block; }
/* Layout */
.two-cols ul { width :45%; float: left; margin:0; margin-right: -1.15em; padding-right: 5%; }

}
@media only screen and (min-width: 768px) {
.small-screen { display: none; }
.large-screen { display: inline; }
/* Nav */
.nav-toggle { display: none; }
nav { background: none; display: block; height: auto; /* un-Mobile */ float: left; width: auto; position: relative; background: none; font-size: 1.75em; }
nav ul:first-child { margin-top: 0; margin-left: -15px;}
nav li { float: left; border: 0;}
nav a { float: left; padding: 20px 15px; margin-bottom: 0;  }
nav li ul li { width: 100%; }
nav li ul { display :none; position: absolute; width: inherit; left: -999em; top: 54px; z-index: 10000; padding-bottom: 6px; }
nav li li { width :100%; }
nav li ul a { width :100%; text-align: left; }
nav li ul a:hover { background-color: #333; }
nav li:hover ul, nav li:active ul, nav li:focus ul, nav li ul:hover { left: auto; margin: 0; display: block; }
nav > li:hover ul { display: block; }
nav > li > a:hover { color: #fff; } /* This is for ipad touch hover first tap */
/* Layout */
.wrapper-col-2 { width: 61%; }
.col-1, .col-2, .col-3 { float: left; width: 28%; padding: 0 2.5%; text-align: left; }
.col-2 { width: 61%; }
.col-3 { width: 95%; }
.col-2 .col-1 { padding: 0 5% 0 0; }
.col-no-h { padding-top: 6.5em; }
.col-1 img { max-width: 100%; height: auto; }
.centered { text-align: center; }
.text-left { text-align: left; }
/* Header */
header.main-header { font-size: 0.8em; /* un-Mobile */ margin: 15px auto; width: 90%; }
/*h1.title { float: left; text-align: left; width: 250px; margin-left: 10px; margin-top: 0px; }
h1.title img { display: inline; }*/
h1.title { display: none; /*margin-left: -20px; margin-top: -14px;*/ }
.header-extra { position: relative; float: right; /*margin: 30px 80px 15px 15px;*/ top: auto; left: auto; /*font-size: 1.5em;*/ }
.header-extra { margin: 20px 0 20px 15px; font-size: 1.75em; }
/* Slideshow */
.slide { height: auto; }
.slide img { margin: 0 -50%; width: 100%; height: auto; }
.slide .panel img { max-width: 290px;}
.panel h2 { font-size: 0.875142em; }
footer.wrapper { width :90% }
}
@media only screen and (min-width: 960px) {
header.main-header { font-size: 0.9em; }
.panel .wrapper { width: 92.5%; margin: 0 3.75%; }
.slide .panel img { max-width: 340px;}
.panel h2 { font-size: 1em; }
footer.wrapper { width :92.5% }
footer img.logo { right: 3.75%;  }
}
@media only screen and (min-width: 1140px) {
/* Max Width */
.wrapper { width: 1024px; margin: 0 auto;}
.wrapper-full {width: 100%; }
.panel .wrapper { width: 95%; margin: 0 2.5%; }
header.main-header { width: 95%; margin: 30px auto;}
.panel { top:60%; font-size: 1.5em; }
footer.wrapper { width :95% }
footer img.logo { right: 2.5%;  }
} 
/* iphone 3*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) { 
.cycle-slideshow .slide { width: 100%; height: 420px!important; }
.cycle-slideshow .slide > img { width: auto; height: 100%; }
.header-extra { top: 6px; }
.header-extra .icon { float: none; display: inline-block; position: relative; top: 0.2em; }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) {
body { min-width :480px; }
.cycle-slideshow .slide { width: 100%; height: 265px!important; }
.cycle-slideshow .slide > img { width: 100%; height: auto;  }
.header-extra { top: 6px; }
.header-extra .icon { float: none; display: inline-block; position: relative; top: 0.2em;  }
}

/* Helper classes */
.ir {background-color: transparent;border: 0;overflow: hidden;*text-indent: -9999px;}
.ir:before {content: "";display: block;width: 0;height: 150%;}
.hidden {display: none !important;visibility: hidden;}
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}
.invisible {visibility: hidden;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* Print styles */
@media print {
* {background: transparent !important;color: #000 !important; box-shadow: none !important;text-shadow: none !important;}
a,a:visited {text-decoration: underline;}
/* Don't show links for images, or javascript/internal links */
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}
pre,blockquote {border: 1px solid #999;page-break-inside: avoid;}
thead {display: table-header-group; /* h5bp.com/t */}
tr,img {page-break-inside: avoid;}
img {max-width: 100% !important;}
@page {margin: 0.5cm;}
p,h2,h3 {orphans: 3;widows: 3;}
h2,h3 {page-break-after: avoid;}
}