/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* type */
body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {font-size-adjust: 0.5;}
body {font-size: 100%;font-size: 1em;line-height: 1.45;}
@media (min-width: 37.5em) {body {font-size:1.125em;}}
@media (min-width: 90em) {body {font-size:1.25em;}}
h1 {font-size:1.25em;margin:2.5em 0 1.25em;line-height:1.25;}
@media (min-width: 37.5em) {h1 {font-size:1.5em;}}
@media (min-width: 75em) {h1 {font-size:2em;line-height:1.25;}}

/* default */
*, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}
html, body, header, footer, main, nav, section, article, aside, div {margin:0;padding:0;position:relative;width:100%;height:100%;color:#4D6066;font-family:'roboto',sans-serif;font-weight:400;}
header, footer, main, nav, section, article, aside, div {height:auto;}
div {width:auto;}
h1, h2, h3, h4 {font-weight:500;}
p {margin-bottom:1.25em;margin-top:0;}
blockquote {margin:0;padding:0;}
strong, em, a:link, a:hover, a:visited, span, li {font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
a:link, a:hover, a:visited {color:#009caa;}
a:hover {text-decoration:none;}
strong {font-weight:500;}
em {font-style:italic;}
ul, ol {list-style-type:disc;margin-left:0;padding: 0 1.25em 0 2.5em;}
ol {list-style-type:decimal;}
li {margin: 0 0 0.625em 0;}
li:last-of-type {margin-bottom:0;}
img, embed, object, video, iframe {max-width:100%;display:block;}
hr {border: 0;height: 2px;background:#eeeeee;margin: 1.25em 0;}

/* utility */
.link a {position:absolute;width:100%;height:100%;top:0;left:0;text-decoration:none;z-index:10;background-color:white;opacity:0;filter:alpha(opacity=1);}
.table {display:table;}
.center {display:table-cell;vertical-align:middle;}
a.button {font-size:0.875em;display:inline-block;text-decoration:none;line-height:2.142857142857143em;text-align: center;}
@media (min-width: 75em) {a.button {font-size:1em;line-height:2.5em;}}

/* grid */
.section {clear: both;overflow:visible}
.col {display: block;float:left;width:100%;}
.col:last-of-type {margin-bottom:0;}
.clear:before, .clear:after {content:'';display:table;}
.clear:after {clear:both;}
.clear {zoom:1;}
.two > .col {width:50%;}

body {background:#e4eceb;}
.main {height:100%;}

/* logo */
.logo {width:3.75em;height:3.75em;z-index:1;}
.logo a {display:inline-block;}
.logo img {border-radius:50%;background:#ffffff;padding:2px;width:3.75em;height:3.75em;}
@media (min-width: 75em) {.logo img {padding:4px;}}

/* navigation */
nav ul, nav li {list-style-type:none;margin:0;padding:0;}
nav a {text-decoration:none;}
.contents-links ul {display:block;margin:0 auto;background:#ffffff;}
.contents-links ul li {width:100%;padding: 1.875em 1.25em;border-bottom: 2px solid #e4eceb;}
@media (min-width: 37.5em) {.contents-links ul li {padding:2.5em 5em;}}
.contents-links ul li a {font-weight:500;}
.navigation-jump {position:absolute;top:0;left:0;text-decoration:none;background-color:white;opacity:0;filter:alpha(opacity=1);}
.top-links {position:absolute;top:0;left:0;padding:1.875em 1.25em;z-index:10;}
@media (min-width: 37.5em) {.top-links {padding-left:5em;padding-right:5em;}}
a.contents-icon {display:block;width:1.875em;height:1.25em;}
a.contents-icon img {width:1.875em;height:1.25em;}
a.explore-with-us {background:#009caa; color:#ffffff;position:absolute;top: 1.785714285714286em;right: 1.428571428571429em;width: 8.571428571428571em;border-radius:0.3125em;font-weight:500;}
a.explore-with-us:hover {background:#ffffff;color:#009caa;}
@media (min-width: 37.5em) {a.explore-with-us {right:5.714285714285716em;}}
.navigation-jump {position:absolute;top:0;left:0;text-decoration:none;background-color:white;opacity:0;filter:alpha(opacity=1);}
@media (min-width: 75em) {a.explore-with-us {top:1.805555555555556em;right:2.5em;width:10em;}.contents-links ul li {padding: 2.5em;} .top-links {left:50%;padding:2.5em;width:50%;border-bottom:2px solid #ffffff;}}

/* page layout */
.page-header {overflow:auto;padding: 7.5em 1.25em 1.875em;background:#28546a;z-index:1;}
.page-title {z-index:1;}
.page-header h1 {margin: 0;color:#ffffff;}
.page-header .logo, .page-header .about {display:none;}
.meta {color: #8DB0BB;margin-bottom: 0.3125em;display:block;}
.page-content {padding: 1.875em 1.25em;}
.page-content p:last-of-type {margin-bottom:0;}
.page-media {margin:1.875em 0;}
.page-media:last-of-type {margin-bottom:0;}
.page-content p.caption {font-size:0.875em;font-style:italic;margin-top:1.071428571428571em;color:#67777D;}
.action-links a {text-decoration:none;font-size: 0.875em;font-weight:500;color:#ffffff;}
.action-links .logo {position:absolute;left:1.25em;}
.action-links .logo a {font-size:1em;}
.action-links ul {width:100%;overflow:hidden;background: #8DB0BB;}
.action-links li {display:inline;float:left;}
.action-links li.logo {display:block;float:none;margin-top: 7em;}
.action-links li.tweet, .action-links li.facebook-share {line-height:3.75;padding-right:1.25em;text-align:right;float:right;}
.action-links li.tweet a, .action-links li.facebook-share a {padding-right:0.5357142857142857em;}
.action-links ul li.tweet a:before, .action-links ul li.facebook-share a:before {content:"";display:block;width:1.607142857142857em;height:1.607142857142857em;margin-top:1.339285714285714em;background-size:contain;float: right;}
.action-links ul li.tweet a:before {background:url("img/twitter.svg") no-repeat;background-size:contain;}
.action-links ul li.facebook-share a:before {background:url("img/facebook.svg") no-repeat;background-size:contain;}
.action-links li.next-reason {width:100%;padding: 0 1.25em 7em;background:#e4eceb;line-height:1.875;}
.action-links li.next-reason a {color:#009caa;z-index:10;font-size:1em;font-weight:500;}
@media (min-width: 37.5em) {.page-header, .page-content, .action-links li.next-reason {padding-left:5em;padding-right:5em;}.action-links .logo {left:5em;}.action-links li.tweet, .action-links li.facebook-share {padding-right:5em;}}
@media (min-width: 75em) {.page-header {position:fixed;top:0;left:0;width:50%;height:100%;-webkit-backface-visibility:hidden; -webkit-transform: translateZ(0);} .page-header .logo {display:block;position:absolute;top:1.25em;left:2.5em;} .page-header .about {display:block;position:absolute;bottom:0;left:0;padding:1.875em 2.5em;background:rgba(18,60,81,0.55);z-index:1;width: 100%;} .page-header .about p {margin-bottom:0;color:#ffffff;font-size:0.75em;} .page-header .about .col:last-of-type p {text-align:right;} .page-header .about a {text-decoration:none;font-weight:500;} .page-content, .contents-links, .action-links {margin-left:50%;width:50%;}.page-header, .page-content {padding: 11.25em 2.5em 3.75em;} .page-content {padding-bottom:1.25em;} .page-content {max-width:37.5em;}.action-links li.next-reason {padding: 2.5em 2.5em 7em;}.action-links li.logo {left:2.5em;margin-top: 8.75em;}.action-links .logo, .action-links .logo img {width:5em;height:5em;}.action-links li.tweet, .action-links li.facebook-share {padding-right:2.5em;}}
@media (min-width: 90em) {.page-title {padding-right:5em;}}

/* home + explore layout */
.home .page-header, .explore .page-header {height:100%;width:100%;display:table;padding:0 1.25em;}
.home .page-title, .explore .page-title {display:table-cell;vertical-align:middle;}
.home .page-header .meta, .explore .page-header .meta {color:#ffffff;}
.home .page-header .meta, .home .explore-with-us-home-content .meta, .explore .page-header .meta, .explore .explore-with-us-home-content .meta {margin-bottom:0.625em;}
.home .action-links li.logo, .explore .action-links li.logo {margin-top: -1.875em;}
.home .action-links, .explore .action-links {position:absolute;bottom:0;left: 0;z-index:1;}
.home a.explore-with-us {background:#28546a;}
.home a.explore-with-us:hover {color:#28546a;background:#ffffff;}
a.read, a.explore-with-us-home {color:#ffffff;font-weight:500;width:10.71428571428571em;border:2px solid #8DB0BB;border-radius:0.3125em;margin-top:2.142857142857143em;}
a.read:hover {background:#8DB0BB;}
a.explore-with-us-home {color:#009caa;}
a.explore-with-us-home:hover {color:#ffffff;background:#009caa;border-color:#009caa;}
.home .page-content, .explore .page-content {display:table;}
.home .explore-with-us-home-content, .explore .explore-with-us-home-content {display:table-cell;vertical-align:middle;}
.home .explore-with-us-home-content h1, .explore .explore-with-us-home-content h1 {margin:0;}
@media (min-width: 37.5em) {.home .page-header, .explore .page-header {padding-left:5em;padding-right:5em;}}
@media (min-width: 75em) {.home .page-header, .explore .page-header {position:fixed;top:0;left:0;width:50%;padding: 11.25em 2.5em 3.75em;-webkit-backface-visibility:hidden; -webkit-transform: translateZ(0);} .home section, .explore section {height:100%;} .home .page-content, .explore .page-content {padding: 11.25em 2.5em 3.75em;} .home .page-title, .home .explore-with-us-home-content, .explore .page-title, .explore .explore-with-us-home-content {display:block;} .home .action-links li.logo, .explore .action-links li.logo {margin-top: -2.5em;}.explore section {height:auto;}.explore .action-links {position:relative;}}

/* explore with us form */
.explore .page-title h1, .explore .page-content h1 {margin-bottom:0.625em;}
input {display:block;width:100%;margin-bottom:0.9375em;padding:0.3125em;font-size:1em;border-radius:0.3125em;border:2px solid #ffffff;-webkit-appearance: none;}
input:focus {border:2px solid #009caa;outline:0;}
input.subscribe {color:#ffffff;font-weight:500;background:#009caa;border:2px solid #009caa;}
input.subscribe:hover {background:transparent;}
@media (min-width: 75em) {input {font-size:0.875em;}}
@media (min-width: 90em) {input {padding:0.625em;}}


/* background image overlays */
.overlay {position:absolute;top:0;left:0;width:100%;height:100%;}

.home-cover {background:url('img/cover-600.jpg') no-repeat center center;background-size:cover;opacity:0.45;}
.first {background:url('img/octocorals-600.jpg') no-repeat center center;background-size:cover;opacity:0.15;}
.second {background:url('img/seamounts-600.jpg') no-repeat center center;background-size:cover;opacity:0.45;}
.third {background:url('img/seep-600.jpg') no-repeat center center;background-size:cover;opacity:0.15;}
.fourth {background:url('img/toms-canyon-600.jpg') no-repeat center center;background-size:cover;opacity:0.25;}
.fifth {background:url('img/octopus-600.jpg') no-repeat center top;background-size:cover;opacity:0.25;}
.sixth {background:url('img/control-room-600.jpg') no-repeat center top;background-size:cover;opacity:0.25;}
.explore-cover {background:url('img/black-sea-600.jpg') no-repeat center center;background-size:cover;opacity:0.25;}

@media (min-width: 37.5em) {.home-cover {background:url('img/cover-960.jpg') no-repeat center center;background-size:cover;opacity:0.45;}.explore-cover {background:url('img/black-sea-960.jpg') no-repeat center center;background-size:cover;opacity:0.25;}.first {background:url('img/octocorals-960-480.jpg') no-repeat center center;background-size:cover;opacity:0.15;}.second {background:url('img/seamounts-960-480.jpg') no-repeat center center;background-size:cover;opacity:0.45;}.third {background:url('img/seep-960-480.jpg') no-repeat center center;background-size:cover;opacity:0.25;}.fourth {background:url('img/toms-canyon-960-480.jpg') no-repeat center center;background-size:cover;opacity:0.25;}.fifth {background:url('img/octopus-960-480.jpg') no-repeat center top;background-size:cover;opacity:0.25;}.sixth {background:url('img/control-room-960-480.jpg') no-repeat center top;background-size:cover;opacity:0.25;}}

@media (min-width: 75em) {.first {background:url('img/octocorals-960.jpg') no-repeat center center;background-size:cover;opacity:0.15;}.second {background:url('img/seamounts-960.jpg') no-repeat center center;background-size:cover;opacity:0.45;}.third {background:url('img/seep-960.jpg') no-repeat center center;background-size:cover;opacity:0.25;}.fourth {background:url('img/toms-canyon-960.jpg') no-repeat center center;background-size:cover;opacity:0.25;}.fifth {background:url('img/octopus-960.jpg') no-repeat center top;background-size:cover;opacity:0.25;}.sixth {background:url('img/control-room-960.jpg') no-repeat center top;background-size:cover;opacity:0.25;}}

/* mobile landscape view fix */
@media (max-height: 25.875em) {body {height:150%;} .home .page-header, .explore .page-header {height:100%;}}