/*
Theme Name: Shark Spotters
Theme URI: http://kairaweb.com/
Author: Kaira
Author URI: http://kairaweb.com/
Description: Custom theme build for Shark Spotters
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kaira
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

kaira is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Kaira Custom Styling
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
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-color: 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: 0.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 {
	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;
	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: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	font-family: 'Open Sans', sans-serif;
	color: #5A5A5A;
	font-size: 17px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #FFFFFF;/* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 20px 0;
	padding: 0 0 0 18px;
}
ul li,
ol li {
	margin: 0 0 20px 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	display: block;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #006CC9;
	text-decoration: none;
	outline: 0;
}

a:visited {
	
}

a:hover,
a:focus,
a:active {
	
}

a:focus {
	
}

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

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

.widget-area .widget {
    margin: 0 0 38px;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}
.widget-area .widget .search-field {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 8px;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

.widget-area .widget-title {
    padding: 0 0 11px;
    margin: 0 0 10px 0;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #EAEAEA;
    font-weight: 600;
    color: #4D4D4D;
}

.widget-area .widget ul {
    margin: 0;
    padding: 0;
}
.widget-area .widget ul li {
    margin: 0 0 6px;
    padding: 0;
    list-style-type: none;
    font-size: 14px;
}
.widget-area .widget ul li a {
    color: inherit;
}
.widget-area .widget ul li a:hover {
    color: #006CC9;
}
.widget-area .widget ul ul {
    margin: 0;
    padding: 3px 0 1px 12px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
	outline: none;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## Kaira Custom Styling
--------------------------------------------------------------*/

/* -------- Structure elements -------- */

.clearboth {
	clear: both;
}

.site-container {
	max-width: 1250px;
	margin: 0 auto;
	padding: 0 20px;
}

body.bbp-search.forum-search .content-area,
.content-area {
    box-shadow: 1px 0 0 rgb(232, 232, 232);
    width: 74%;
    float: left;
    padding: 30px 25px 40px 0;
}

body.bbp-search.forum-search .widget-area,
.widget-area {
	box-shadow: 1px 0 0 #E8E8E8 inset;
	width: 25%;
	float: left;
	padding: 30px 0 40px 25px;
}

.page-template-template-left-sidebar .content-area,
body.archive .content-area {
    box-shadow: 1px 0 0 #E8E8E8 inset;
    padding: 30px 0 40px 25px;
}

.page-template-template-left-sidebar .widget-area,
body.archive .widget-area {
    box-shadow: 1px 0 0 #E8E8E8;
    padding: 38px 25px 40px 0;
}

.woocommerce .content-no-sidebar #container,
.woocommerce-page .content-no-sidebar #container,
.content-no-sidebar .content-area {
	width: 100%;
	box-shadow: none;
	float: none;
	padding: 30px 0 40px 0;
}

.content-area.content-area-full {
	box-shadow: none;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0 40px;
	float: none;
}

.woocommerce #container,
.woocommerce-page #container,
.woocommerce .content-area,
.woocommerce-page .content-area,
.woocommerce-cart .content-area,
.woocommerce-checkout .content-area {
	width: 100%;
	float: none;
	margin: 0 auto;
	padding: 40px 20px 40px;
	max-width: 1250px;
	box-shadow: none;
}
.content-area {
	width: 75%;
	float: left;
	padding: 40px 2% 40px 0;
}
.woocommerce .widget-area,
.woocommerce-page .widget-area {
    display: none;
}

.container-single {
	
}
.container-single .widget-area {
	box-shadow: none;
	padding: 38px 25px 40px 0;
}
.container-single .content-area {
	box-shadow: none;
    padding: 10px 60px 40px 60px;
    background-color: #f8f8f8;
}

.single-page-banner {
	height: 141px;
    background-image: none !important;
}

/* -------- Header elements -------- */

.site-header {
    background-color: rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgb(255, 255, 255);
    position: absolute;
    z-index: 99;
    width: 100%;
}
body.home .site-header {
	background: none;
}
body.blog .site-header,
body.single-post .site-header {
	background: none;
}
.site-header .site-container {
	max-width: 1380px;
}
.site-branding {
	float: left;
}
.site-branding a {
    display: block;
}
.site-branding a img {
    display: block;
}

.header-cart {
	float: right;
	box-shadow: -1px 0 0 rgba(255, 255, 255, 1);
	padding: 29px 0 27px 5px;
}
a.header-cart-contents {
	padding: 20px 0 20px 20px;
	display: block;
}
.header-cart-checkout {
	background-image: url(images/cart-icon.png);
	background-position: center center;
	display: inline-block;
	vertical-align: middle;
	width: 48px;
	height: 40px;
}
.header-cart-checkout.cart-has-items {
	
}
.header-cart-amount {
	box-shadow: 0 0 0 1px #FFF;
	padding: 10px;
	min-width: 40px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	margin: 0 0 0 15px;
}

.stick-header.stuck {
    background-color: rgba(2, 57, 74, 0.75);
    position: fixed;
    top: -200px;
    left: 0;
    width: 100%;
    
    -webkit-transition: top 0.3s ease 0s;
     -moz-transition: top 0.3s ease 0s;
      -ms-transition: top 0.3s ease 0s;
       -o-transition: top 0.3s asee 0s;
          transition: top 0.3s ease 0s;
}

.stick-header.stuck.animate-header {
    top: 0;
}
body.admin-bar .stick-header.stuck.animate-header {
    top: 32px;
}

.stick-header.stuck {
	
}

/* -------- Main Navigation elements -------- */

.menu-dropdown-btn {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.1);
    color: #838383;
    margin: 0;
    padding: 10px 14px;
    /* box-shadow: -1px 0 0 rgba(0, 0, 0, 0.08); */
    height: 35px;
    line-height: 15px;
    text-align: center;
    font-size: 14px;
    z-index: 9;
    cursor: pointer;
}

.header-menu-button,
.main-menu-close {
    display: none;
}
.main-navigation {
	display: block;
	float: right;
	padding: 23px 0 0;
	text-transform: uppercase;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	margin: 0;
}

.main-navigation li a {
	display: block;
	text-decoration: none;
	font-size: 15px;
	padding: 36px 18px 60px 18px;
	color: #FFFFFF;
}
.main-navigation li:last-child a {
	padding: 36px 28px 36px 22px;
}

.main-navigation li#menu-item-1252 {
	
}
.main-navigation li#menu-item-1252 a {
	background-color: rgba(255, 255, 255, 0.65);
	color: #000;
	font-weight: 600;
	border-radius: 70px;
	position: relative;
	padding: 36px 15px;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	background-color: rgba(255, 255, 255, 0.75);
	float: left;
	position: absolute;
	top: 141px;
	left: -999em;
	z-index: 99999;
}
.main-navigation ul ul li a {
	color: #004960;
	font-weight: 600;
}
/*
 * For the dark blue-ey drop down color
#menu-item-508 ul {
	background-color: rgba(3, 58, 75, 0.8);
}
#menu-item-508 ul li a {
	color: #FFF;
	font-weight: 600;
}
 *
 */
.main-navigation ul ul:before {
	display: block;
	content: ' ';
	position: absolute;
	top: -18px;
	left: 0;
	width: 0px;
	height: 0px;
	border-left: 15px solid rgba(0, 0, 0, 0);
	border-right: 15px solid rgba(0, 0, 0, 0);
	border-bottom: 18px solid rgba(255, 255, 255, 0.75);
}
.main-navigation ul ul ul:before {
	display: none;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
	height: 100%;
}

.main-navigation ul ul a {
	padding: 15px 35px 15px 18px;
	white-space: nowrap;
}
.main-navigation ul ul li:last-child a {
	padding: 15px 24px 15px 18px;
}
.main-navigation ul ul a:hover {
	box-shadow: 0 0 0 1px #FFF inset;
}

.main-navigation ul ul li {
	display: block;
    float: none;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and ( min-width: 783px ) {
	
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
	
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#page {
    position: relative;
    right: 0;
    overflow: hidden;
    
    -webkit-transition: right 0.4s ease 0s;
     -moz-transition: right 0.4s ease 0s;
      -ms-transition: right 0.4s ease 0s;
       -o-transition: right 0.4s ease 0s;
          transition: right 0.4s ease 0s;
}

body.show-main-menu #main-menu {
    right: 0px;
}
body.show-main-menu #page {
    right: 280px;
}

/* -------- Page Banner Elements -------- */

.page-banner {
	background-color: #009094;
	min-height: 200px;
	padding: 280px 0 150px;
	text-align: center;
	color: #FFF;
}

.page-banner-htitle {
	margin: 0 auto 25px;
	padding: 0;
	font-size: 70px;
	color: #FFF;
	font-weight: 600;
	max-width: 60%;
	text-transform: uppercase;
	line-height: 72px;
}

.page-banner-hsubtitle {
	margin: 0 auto;
	padding: 0;
	font-size: 22px;
	color: #FFF;
	font-weight: 500;
	max-width: 60%;
}

.page_banner_red {
	background-color: #d0272e;
	background-image: url(images/red_repeat.png);
}
.page_banner_green {
	background-color: #019098;
	background-image: url(images/green_repeat.png);
}
.page_banner_blue {
	background-color: #0091cf;
	background-image: url(images/blue_repeat.png);
}

.page-banner-image {
	background-color: #999;
	background-size: cover;
	background-position: bottom center;
}

/* -------- Home Slider Elements -------- */

.home-slider-wrap {
	position: relative;
	overflow: hidden;
	border-bottom: 3px solid #cecece;
}
.home-slider-remove {
	height: 780px !important;
	overflow: hidden !important;
	background-image: url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.home-slider-prev,
.home-slider-next {
	position: absolute;
	top: 50%;
	margin: -30px 0 0;
	background-color: rgba(255, 255, 255, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.4);
	color: rgba(255, 255, 255, 0.9);
	width: 50px;
	text-align: center;
	height: 85px;
	z-index: 9;
	padding: 20px 0 0;
	font-size: 28px;
	font-weight: 300;
	cursor: pointer;
}
.home-slider-prev {
	left: 0;
	border-radius: 0 5px 5px 0;
	border-left: 0;
}
.home-slider-next {
	right: 0;
	border-radius: 5px 0 0 5px;
	border-right: 0;
}

.home-slider-remove .home-slider {
	visibility: hidden;
}

.home-slider-block {
	display: block;
	background-size: cover;
	background-position: center top;
	position: relative;
}
.home-slider-block img {
	width: 100%;
}

.home-slider-block-inner {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	margin: -40px 0 0;
}
.home-slider-block-inner h3 {
	margin: 0 auto 4px;
	padding: 0;
	font-size: 70px;
	line-height: 74px;
	color: #FFF;
	font-weight: 600;
	max-width: 92%;
}
.home-slider-block-inner p {
	margin: 0 auto;
	padding: 0;
	font-size: 25px;
	color: #FFF;
	max-width: 60%;
}
.slider-sharcon {
	width: 166px;
	height: 62px;
	position: absolute;
	top: -39px;
	left: 50%;
	margin: 0 0 0 -83px;
	background-image: url(images/sharcon.png);
	z-index: 1;
}

/* -------- Home Page Elements -------- */

.home-sponsor-slider-wrap {
	border-bottom: 1px solid #cecece;
	position: relative;
}

.home-sponsor-slider-wrap .site-container {
	position: relative;
}
.home-sponsor-slider-wrap-remove .site-container {
	height: 380px !important;
	background-image: url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden !important;
}
.home-sponsor-slider-wrap-remove .home-sponsor-slider {
	visibility: hidden;
}

.home-sponsor-slider-block {
	
}
.home-sponsor-slider-block-left {
	width: 50%;
	float: left;
	text-align: center;
	box-shadow: 1px 0 0 #cecece;
}
.home-sponsor-slider-block-left-inner {
	display: table-cell;
	width: 20%;
	height: 380px;
	vertical-align: middle;
	padding: 0 0 50px;
}
.home-sponsor-slider-block-left h6 {
	margin: 0;
	padding: 0;
	font-size: 24px;
	font-weight: 700;
}
.home-sponsor-slider-block-left h3 {
	margin: 0;
	padding: 0;
	font-size: 25px;
	font-weight: 500;
	font-style: italic;
}
.home-sponsor-slider-block-left p {
	max-width: 480px;
	margin: 15px auto 20px;
	padding: 0 20px;
}
.home-sponsor-slider-block-meta {
	font-style: italic;
	font-size: 18px;
	font-weight: 300;
}

.home-sponsor-slider-block-right {
	width: 50%;
	float: right;
	text-align: center;
}
.home-sponsor-slider-block-right-inner {
	display: table-cell;
	width: 20%;
	height: 380px;
	vertical-align: middle;
}
.home-sponsor-slider-block-right a,
.home-sponsor-slider-block-right img {
	display: inline-block;
}

#home-sponsor-slider-pager {
	position: absolute;
	bottom: 65px;
	left: 21.5%;
}
#home-sponsor-slider-pager a {
	box-shadow: 0 0 0 1px #6d6e71 inset;
	display: inline-block;
	margin: 0 3px;
	width: 17px;
	height: 17px;
	border-radius: 17px;
	overflow: hidden;
}
#home-sponsor-slider-pager a span {
	visibility: hidden;
}
#home-sponsor-slider-pager a.selected {
	background-color: #6d6e71;
}


.home-links-wrap {
	border-bottom: 1px solid #cecece;
	background-image: url(images/home_links_bg.png);
	padding: 40px 0 50px;
	text-align: center;
}
.home-links-wrap .site-container {
	max-width: 1320px;
}
.home-links-block {
	display: inline-block;
	margin: 0 2.5%;
	background: rgba(0, 0, 0, 0.3);
	width: 28%;
	background-size: cover;
	background-position: center center;
}
.home-links-block-inner {
	display: table-cell;
	vertical-align: middle;
	height: 310px;
	text-align: center;
	width: 50%;
}
.home-links-block-inner h3 {
	margin: 0;
	padding: 0;
	font-size: 35px;
	font-weight: 600;
	color: #FFF;
	text-transform: uppercase;
}
.home-links-block-inner h5 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: 500;
	color: #FFF;
	font-style: italic;
	text-transform: uppercase;
}


.home-splitlink-wrap {
	display: block;
}
.home-splitlink-block {
	width: 50%;
	float: left;
	display: block;
	background-size: cover;
	background-position: center center;
}
.home-splitlink-block-inner {
	display: table-cell;
	vertical-align: middle;
	height: 500px;
	width: 10%;
	text-align: center;
}
.home-splitlink-block-inner h4 {
	margin: 0;
	padding: 0;
	font-size: 35px;
	line-height: 40px;
	color: #FFF;
	font-weight: 600;
}
.home-splitlink-block-inner h4 i {
	font-weight: 500;
}

.large-title {
	margin: 0;
	padding: 0 0 50px;
	font-size: 70px;
	color: #004960;
	text-transform: uppercase;
	text-align: center;
}

/* -------- Conservation Parent/Child Page Elements -------- */

.cons-page-title {
	margin: 50px 0 20px;
	padding: 0;
	font-size: 48px;
	line-height: 52px;
	font-weight: 600;
	text-align: center;
	position: relative;
	text-transform: uppercase;
}
.cons-page-title-line {
	position: absolute;
	z-index: 2;
	height: 3px;
	width: 100%;
	background-color: #0091cf;
	top: 26px;
	left: 0;
}
.cons-page-title span {
	position: relative;
	z-index: 4;
	display: inline-block;
	padding: 0 15px;
	background-color: #FFF;
	color: #0091cf;
}

.child-pages-list {
	padding: 50px 0 0;
}

.child-page-block {
	display: block;
	text-align: center;
	padding: 45px 0;
	width: 23.5%;
	margin: 0 1% 0;
	float: left;
}
.child-page-start {
	margin: 0 1% 0 0;
}
.child-page-end {
	margin: 0 0 0 1%;
}
.child-page-block-img {
	display: inline-block;
}
.child-page-block-img img {
	display: block;
}
.child-page-block-title {
	margin: 0;
	padding: 4px 0 0;
	font-size: 20px;
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase;
}

.menu-conservation-container ul {
	margin: 8px 0 0 15px;
	padding: 0;
}
.menu-conservation-container li {
	position: relative;
}
.cons-menu-dropdown-btn {
	position: absolute;
    top: 0;
    right: 0;
    box-shadow: -1px 0 0 #cecece;
    height: 49px;
    width: 49px;
    cursor: pointer;
    z-index: 9;
    text-align: center;
    padding: 12px 0;
}
.cons-menu-dropdown-btn span {
	position: absolute;
    top: 22px;
    right: 20px;
    background-image: url(images/table_arrow.png);
    width: 11px;
    height: 7px;
    background-position: 0 0;
}
.cons-menu-open .cons-menu-dropdown-btn span {
	background-position: 0 bottom;
}
.menu-conservation-container ul ul.sub-menu {
	display: none;
}
.menu-conservation-container ul li.current_page_item ul.sub-menu li a {
	color: #5A5A5A !important;
}
.menu-conservation-container ul li.current_page_item ul.sub-menu li a:hover {
	color: #0091cf !important;
}

/* -------- Conservation Parent/Child Page Elements -------- */

.safety-page-title {
	margin: 50px 0 40px;
	padding: 0;
	font-size: 48px;
	line-height: 52px;
	font-weight: 600;
	text-align: center;
	position: relative;
	text-transform: uppercase;
}
.safety-page-title-line {
	position: absolute;
	z-index: 2;
	height: 3px;
	width: 100%;
	background-color: #0091cf;
	top: 26px;
	left: 0;
}
.safety-page-title span {
	position: relative;
	z-index: 4;
	display: inline-block;
	padding: 0 15px;
	background-color: #FFF;
	color: #0091cf;
}

.safety-child-pages-list {
	
}

.safety-child-page-block {
	display: block;
	text-align: center;
	padding: 85px 0 100px;
	width: 25%;
	float: left;
	box-shadow: 1px 0 0 #cecece;
	border-bottom: 1px solid #cecece;
	position: relative;
}
.safety-child-page-start {
}
.safety-child-page-end {
	box-shadow: none;
}
.safety-child-page-block-img {
	display: inline-block;
}
.safety-child-page-block-img img {
	display: block;
}
.safety-child-page-block-title {
	margin: 0;
	padding: 4px 0 0;
	font-size: 20px;
	font-weight: 700;
	color: #58595b;
	text-transform: uppercase;
}

.safety-child-page-block-over {
	background-color: #f8f8f8;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	box-shadow: -1px 0 0 #cecece;
	height: 100%;
	opacity: 0;
	
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-ms-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.safety-child-page-block-over .safety-child-page-block-img {
	max-width: 120px;
	margin: 50px 0 10px;
}
.safety-child-page-block-over .safety-child-page-block-title {
	font-size: 18px;
}
.safety-child-page-block-over p {
	color: #58595b;
	max-width: 400px;
	margin: 20px auto 0;
	padding: 0 15px;
}

.safety-child-page-block:hover .safety-child-page-block-over {
	opacity: 1;
}

/* -------- About Page Elements -------- */

.about-content {
	box-shadow: 0 -1px 0 #dedede inset;
	padding: 40px 0 50px;
}
.img-txt-split {
	display: table-row;
}
.img-txt-split-img {
	width: 45%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background-size: cover;
	background-position: center center;
}
.img-txt-split-img span {
	font-size: 24px;
	text-transform: uppercase;
	display: inline-block;
	max-width: 280px;
	text-align: center;
	color: #004960;
	font-weight: 600;
	font-style: italic;
}
.img-txt-split-txt {
	width: 55%;
	display: table-cell;
	padding: 50px 0;
	box-shadow: 0 -1px 0 #dedede inset;
}
.img-txt-split-txt-txt {
	max-width: 60%;
	line-height: 45px;
	font-size: 22px;
	margin: 0 auto;
}

.img-txt-split-txt-txt-top {
	
}
.img-txt-split-txt-txt-left {
	width: 46%;
	float: left;
}
.img-txt-split-txt-txt-right {
	width: 46%;
	float: right;
}

/* ---- New ---- */

.img-txt-split-txt-txt {
	max-width: 88%;
}
.img-txt-split-txt-txt ul,
.img-txt-split-txt-txt ol {
	margin: 0 0 0 20px;
	padding: 0;
}
.img-txt-split-txt-txt ul li,
.img-txt-split-txt-txt ol li {
	margin: 0 0 15px;
}
.so-widget-sow-headline-sow-headline-baef2b3f05c8 #sow-headline-container.sow-headline h3 {
	text-align: left !important;
}

/* -------- Crew Elements -------- */

.the-crew-wrap {
	
}
.the-crew-wrap .large-title {
	padding: 0 0 20px;
}
.the-crew-desc-top {
	
}
.the-crew-desc-left {
	width: 50%;
    float: left;
    padding: 0 30px 0 0;
}
.the-crew-desc-right {
	width: 50%;
    float: right;
    padding: 0 0 0 30px;
}
.the-crew-list h3 {
	
}

.the-crew-list {
	margin: 50px 0 80px;
	position: relative;
}
.the-crew-list-slider {
	
}
.the-crew-list-slider-prev,
.the-crew-list-slider-next {
	background-repeat: no-repeat;
	background-position: center center;
	width: 45px;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 2;
	cursor: pointer;
	opacity: 0;
	
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-ms-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.the-crew-list-slider-prev {
	left: 0;
	background-image: url(images/about-left.png);
}
.the-crew-list-slider-next {
	right: 0;
	background-image: url(images/about-right.png);
}
.the-crew-list:hover .the-crew-list-slider-prev,
.the-crew-list:hover .the-crew-list-slider-next {
	opacity: 1;
}
.the-crew-list-pager {
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	text-align: center;
}
.the-crew-list-pager a {
	box-shadow: 0 0 0 1px #bdbbbb inset;
	display: inline-block;
	margin: 0 3px;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	overflow: hidden;
}
.the-crew-list-pager a span {
	visibility: hidden;
}
.the-crew-list-pager a.selected {
	background-color: #bdbbbb;
}

.the-crew-list-remove {
	background-image: url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 258px;
	overflow: hidden;
}
.the-crew-list-remove .the-crew-list-slider {
	visibility: hidden;
}
.the-crew-list-remove .the-crew-list-slider-prev,
.the-crew-list-remove .the-crew-list-slider-next {
	display: none !important;
}

.crew-block {
	width: 25%;
	float: left;
	position: relative;
	background-position: center center;
	background-size: cover;
	
	filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
}
.crew-block img {
	width: 100%;
	height: auto;
}

.crew-block-over {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	font-size: 17px;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-ms-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.crew-block-name {
	text-transform: uppercase;
	margin: 25% 0 0;
}
.crew-block-since {
	margin: 13px auto;
	max-width: 190px;
	line-height: 24px;
	font-weight: 600;
	font-style: italic;
}
.crew-block-motiv {
	font-size: 14px;
	padding: 0 20px;
	margin: 0 auto 12px;
	font-weight: 600;
	max-width: 320px;
}
.crew-block-motiv span {
	display: block;
	font-size: 20px;
	font-weight: 700;
}
.crew-block-age {
	font-weight: 500;
	font-size: 15px;
	font-style: italic;
}

.crew-block:hover .crew-block-over {
	opacity: 1;
}
.crew-block:hover {
	filter: grayscale(0%); /* Current draft standard */
    -webkit-filter: grayscale(0%); /* New WebKit */
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: none; /* Gecko */
    filter: none; /* IE */
    -webkit-filter: grayscale(0); /* Old WebKit */
}

#gform_wrapper_2 h3.gform_title {
	font-size: 43px;
	text-transform: uppercase;
	color: #009094;
	text-align: center;
	font-style: italic;
	font-weight: 600;
}

#gform_wrapper_2 {
	max-width: 980px;
	margin: 0 auto;
}

#gform_wrapper_2 .gfield_label {
	display: none;
}

#gform_wrapper_2 #field_2_6 {
	margin: 0 0 30px;
	text-align: center;
}

#gform_wrapper_2 .gform_footer {
	text-align: center;
	margin: 20px 0 25px;
}
#gform_wrapper_2 #gform_submit_button_2,
#custom-site-button-left,
#custom-site-button-right,
input[type="submit"] {
	background: #FFF;
	box-shadow: 0 0 0 3px #cecece inset;
	border: 0;
	color: #cecece;
	border-radius: 0;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 14px 50px;
	display: inline-block;
	text-shadow: none;
}
#custom-site-button-right {
	font-size: 17px;
}
#gform_wrapper_2 #gform_submit_button_2:hover,
#custom-site-button-left:hover,
#custom-site-button-right:hover,
input[type="submit"]:hover {
	box-shadow: 0 0 0 3px #0093cf inset;
	background: #0093cf;
	color: #FFF !important;
}
#gform_wrapper_2 #gform_submit_button_2:focus,
input[type="submit"]:focus {
	box-shadow: 0 23px 0 rgba(255, 255, 255, 0.08) inset !important;
}

#custom-site-button-left:focus,
#custom-site-button-right:focus {
	box-shadow: 0 35px 0 rgba(255, 255, 255, 0.08) inset !important;
}

.gform_wrapper div.validation_error {
	color: #CA0000 !important;
	border-top: 2px solid #CA0000 !important;
    border-bottom: 2px solid #CA0000 !important;
    text-align: center;
}
.gform_wrapper .top_label li.gfield.gfield_error.gf_left_third {
	margin-top: 12px;
}
.gform_wrapper li#field_2_4 .instruction {
	display: none;
}
#gform_wrapper_1 .gform_footer,
#gform_wrapper_2 .gform_footer {
	position: relative;
}
.gform_wrapper .gform_ajax_spinner {
	position: absolute;
    top: -13px;
    left: 50%;
    padding: 0 !important;
    margin: 0 0 0 -8px;
}

#gform_confirmation_wrapper_1 {
	
}
#gform_confirmation_message_1 {
	color: #7d7d7d;
    padding: 12px 0;
    text-align: center;
    font-size: 20px;
}
#gform_confirmation_message_1 h3 {
	color: #0091cf;
}

/* -------- Donate Page Elements -------- */

.donate-methods {
	
}
.donation-type-blocks-list {
	text-align: center;
}

.donation-type-block {
	background-color: #f2f2f2;
    display: inline-block;
    vertical-align: top;
    margin: 0 0.5%;
    max-width: 23.5%;
}
.donation-type-block-img {
	position: relative;
}
/*.donation-type-block-img-arrow {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f2f2f2;
	position: absolute;
    bottom: -12px;
    left: 50%;
    margin: 0 0 0 -20px;
}*/
.donation-type-block-img img {
	
}
.donation-type-block-content {
	border: 1px solid #cecece;
    border-top: 0;
    padding: 10px 40px;
    text-align: center;
    min-height: 526px;
}
.donation-type-block-content p {
	margin: 0 0 5px;
}
a.donation-type-block-link {
	background-color: #f2f2f2;
    display: block;
    color: #FFF;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 10px;
    text-shadow: none;
    text-align: center;
}
a.donation-type-block-link:hover {
	box-shadow: 0 30px 0 rgba(255, 255, 255, 0.1) inset;
}


.donation-pg-list {
	
}
.donation-pg-block {
	box-shadow: 1px 0 0 rgba(0, 0, 0, 0.18);
	float: left;
    margin: 0;
    width: 16.6666%;
}
.donation-pg-block-img {
	position: relative;
	text-align: center;
	min-height: 230px;
}
.donation-pg-block-img-arrow {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f2f2f2;
	position: absolute;
    bottom: -12px;
    left: 50%;
    margin: 0 0 0 -20px;
}
.donation-pg-block-img img {
	display: inline-block;
}
.donation-pg-block-content {
	border-top: 0;
    padding: 10px 0 0;
    text-align: center;
}
.donation-pg-block-content-txt {
	padding: 30px 40px 0;
	min-height: 420px;
}
.donation-pg-block-content img {
	display: inline-block;
}
.donation-pg-block-content p {
	margin: 0 0 5px;
}
.donation-pg-block-content i,
.donation-pg-block-content em {
	font-size: 0.8em;
	opacity: 0.8;
}
.donation-pg-block-content-ntng {
	height: 35px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
}
a.donation-pg-block-link {
	background-color: #f2f2f2;
    display: block;
    color: #FFF;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 10px;
    text-shadow: none;
    text-align: center;
}
a.donation-pg-block-link:hover {
	box-shadow: 0 18px 0 rgba(255, 255, 255, 0.1) inset;
}

/* -------- Emergency Page Elements -------- */

.emergency-block {
	width: 25%;
	float: left;
	text-align: center;
	padding: 60px 0 100px;
	box-shadow: 1px 0 0 #dedede;
	border-bottom: 1px solid #dedede;
}
.emergency-block-img {
	display: inline-block;
}
.emergency-block h4 {
	margin: 0 auto 20px;
	padding: 0 20px;
	font-size: 18px;
	text-transform: uppercase;
	max-width: 300px;
}
.emergency-block-no {
	font-size: 28px;
	color: #ca2031;
	font-weight: 700;
}

/* -------- Sponsor Page Elements -------- */

.sponsor-list {
	
}
.sponsor-row-wrap {
}
.sponsor-row {
	
}
.sponsor-block {
	float: left;
	width: 25%;
	border-bottom: 1px solid #dedede;
	box-shadow: 1px 0 0 #dedede;
	text-align: center;
	position: relative;
	display: block;
}
.sponsor-block-inner {
	display: table-cell;
	vertical-align: middle;
	height: 400px;
	width: 25%;
	text-align: center;
	padding: 0 15%;
}
.sponsor-row-1 .sponsor-block,
.sponsor-row-1 .sponsor-block-inner {
	width: 25%;
}
.sponsor-row-2 .sponsor-block,
.sponsor-row-2 .sponsor-block-inner {
	width: 20%;
}
.sponsor-block-img {
	display: inline-block;
}
.sponsor-block-over {
	display: none;
	position: absolute;
	background-color: #0091cf;
	color: #FFF;
	padding: 90px 20px 80px;
	z-index: 4;
	left: 0;
	font-size: 16px;
	width: 100%;
	top: 100%;
	pointer-events: none;
}
.sponsor-block-cross {
	background-image: url(images/sponsor-cross.png);
	width: 68px;
	height: 68px;
	position: absolute;
	z-index: 5;
	left: 50%;
	margin: 0 0 0 -34px;
}
.sponsor-block-cross {
	top: -34px;
}
.sponsor-block-over h4 {
	margin: 0;
	padding: 0 0 15px;
	font-size: 25px;
	text-transform: uppercase;
}
.sponsor-block-over p {
	margin: 0 auto;
	padding: 0 0 30px;
	max-width: 430px;
}
.sponsor-block-person {
	font-style: italic;
}
.sponsor-block-pos {
	font-style: italic;
}
.sponsor-block-url {
	display: inline-block;
	color: #FFF;
	font-size: 20px;
	font-weight: 600;
	margin: 25px 0 0;
	text-transform: uppercase;
}

.sponsor-block:hover .sponsor-block-over {
	display: block;
}

.sponsors-slider-wrap {
	box-shadow: 0 -1px 0 #dedede inset;
	position: relative;
}
.sponsors-slider-wrap-remove {
	height: 400px;
	background-image: url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}
.sponsors-slider-prev,
.sponsors-slider-next {
	background-repeat: no-repeat;
	background-position: center center;
	width: 45px;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 2;
	cursor: pointer;
	opacity: 0;
	
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-ms-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.sponsors-slider-prev {
	left: 0;
	background-image: url(images/sponsor-left.png);
}
.sponsors-slider-next {
	right: 0;
	background-image: url(images/sponsor-right.png);
}
.sponsors-slider-wrap-remove .sponsors-slider {
	visibility: hidden;
}
.sponsors-slider-block {
	display: block;
	width: 20%;
	float: left;
	box-shadow: 1px 0 0 #dedede;
}

.sponsors-slider-wrap:hover .sponsors-slider-prev,
.sponsors-slider-wrap:hover .sponsors-slider-next {
	opacity: 1;
}

/* -------- Research Page Elements -------- */

.single-research-projects .widget-area,
.single-case-studies .widget-area,
.single-research-projects .entry-header .entry-meta,
.single-case-studies .entry-header .entry-meta {
	display: none !important;
}
.single-research-projects .content-area,
.single-case-studies .content-area {
	float: none;
    margin: 0 auto;
}

.research-content {
	padding: 50px 20px 20px;
	line-height: 32px;
}

.research-projects-list {
	border-top: 1px solid #dedede;
	padding: 40px 0 0;
}

.research-project-block {
	display: block;
	width: 25%;
	float: left;
	background-size: cover;
	background-position: center center;
	position: relative;
	overflow: hidden;
}
.research-project-block img {
	width: 100%;
	height: auto;
}

.research-project-block-over {
	position: absolute;
	/* bottom: -150px; */
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px 0 30px;
	background-color: rgba(0, 144, 148, 0.65);
	color: #FFF;
	text-align: center;
	
	-webkit-transition: bottom 0.3s ease 0s;
	-moz-transition: bottom 0.3s ease 0s;
	-ms-transition: bottom 0.3s ease 0s;
	-o-transition: bottom 0.3s ease 0s;
	transition: bottom 0.3s ease 0s;
}
.research-project-block-over h3 {
	margin: 0 0 5px;
	padding: 0;
	font-size: 18px;
	font-weight: 600;
}
.research-project-block-over p {
	margin: 0;
	padding: 0 20px;
}

/*.research-project-block:hover .research-project-block-over {
	bottom: 0px;
}*/

/* -------- Case Study Elements -------- */

.case-studies-list .large-title {
	margin: 50px 0 10px;
}

.case-studies-wrap {
	position: relative;
	max-width: 80%;
	margin: 0 auto 80px;
	padding: 0 40px;
}
.case-studies-wrap-remove {
	height: 600px !important;
	overflow: hidden;
	background-image: url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.case-studies-prev,
.case-studies-next {
	background-position: center center;
	position: absolute;
	top: 50%;
	margin: -30px 0 0;
	width: 30px;
	height: 60px;
	z-index: 2;
	cursor: pointer;
}
.case-studies-prev {
	background-image: url(images/case-studies-prev.png);
	left: 0;
}
.case-studies-next {
	background-image: url(images/case-studies-next.png);
	right: 0;
}
.case-studies-slider {
	
}
.case-studies-wrap-remove .case-studies-slider {
	visibility: hidden;
}

.case-studies-block {
	float: left;
	box-sizing: border-box;
	padding: 0 30px;
	text-align: center;
}
.case-studies-block-img {
	height: 370px;
	max-width: 370px;
	margin: 0 auto 25px;
	background-size: cover;
	background-position: center center;
}
.case-studies-block-title {
	margin: 0 auto;
	padding: 0 20px;
	font-size: 18px;
	font-weight: 700;
	max-width: 370px;
}
.case-studies-block-excerpt {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 370px;
}

.case-studies-block-link,
.site-button {
	box-shadow: 0 0 0 3px #cecece inset;
	border: 0;
	color: #cecece;
	border-radius: 0;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 10px 65px;
	display: inline-block;
	text-shadow: none;
}

.case-studies-block:hover .case-studies-block-link,
.site-button:hover {
	box-shadow: 0 0 0 3px #009094 inset;
	background: #009094;
	color: #FFF;
}
.case-studies-block-link:focus,
.site-button:focus {
	box-shadow: 0 21px 0 rgba(255, 255, 255, 0.08) inset !important;
}

/* -------- Gravity Forms Elements -------- */

.gf-mailchimp-signup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.95);
	z-index: 98;
	display: none;
}
.gf-mailchimp-signup-inner {
	max-width: 840px;
	margin: 268px auto 20px;
	position: relative;
}

.gf-mailchimp-signup-inner #field_1_1 h4 {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 36px;
	font-weight: 600;
	text-transform: uppercase;
	font-style: italic;
	color: #0093cf;
}
.gf-mailchimp-signup-inner #field_1_1 p {
	text-align: center;
	margin: 15px 0 30px;
	padding: 0;
	font-size: 18px;
}

.gf-mailchimp-signup-inner #field_1_2 label,
.gf-mailchimp-signup-inner #field_1_3 label ,
.gf-mailchimp-signup-inner #field_1_4 label,
.gf-mailchimp-signup-inner #field_1_5 label,
.gform_wrapper .top_label li#field_1_5.gfield.gfield_error .instruction {
	display: none;
}
.gf-mailchimp-signup-inner #field_1_2 input,
.gf-mailchimp-signup-inner #field_1_3 input,
.gf-mailchimp-signup-inner #field_1_4 input,
.gf-mailchimp-signup-inner #field_1_5 input {
	font-size: 18px;
	padding: 6px 10px;
	border-radius: 0;
	background: none;
	border: 1px solid #989898;
}
.gform_wrapper .top_label li#field_1_2.gfield.gfield_error input,
.gform_wrapper .top_label li#field_1_4.gfield.gfield_error input,
.gform_wrapper .top_label li#field_1_5.gfield.gfield_error input {
	background-color: #FFF;
}

.gf-mailchimp-signup-inner .gform_footer {
	text-align: center;
	margin: 25px 0 0 !important;
}

.gf-mailchimp-signup-inner .gform_footer #gform_submit_button_1 {
	background: #FFF;
	box-shadow: 0 0 0 3px #cecece inset;
	border: 0;
	color: #cecece;
	border-radius: 0;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 14px 50px;
	display: inline-block;
	text-shadow: none;
}
.gf-mailchimp-signup-inner .gform_footer #gform_submit_button_1:hover {
	box-shadow: 0 0 0 3px #0093cf inset;
	background: #0093cf;
	color: #FFF !important;
}
.gf-mailchimp-signup-inner .gform_footer #gform_submit_button_1:focus {
	box-shadow: 0 23px 0 rgba(255, 255, 255, 0.08) inset !important;
}

.gf-mailchimp-signup-inner li.gfield {
	margin: 0 !important;
}
.gf-mailchimp-signup-inner .gform_wrapper div.validation_error {
	text-align: center;
	position: absolute;
	left: 0;
	top: -93px;
}

body.show-gf-signup .gf-mailchimp-signup {
	display: block;
}

.gf-mailchimp-close {
	width: 42px;
    height: 41px;
    position: absolute;
    top: 8px;
    right: -30px;
    background-color: #C3C8C8;
    text-align: center;
    padding: 7px 0 0;
    border-radius: 20px;
    cursor: pointer;
}

body.show-gf-signup .site-header {
	background-color: rgba(0, 0, 0, 0.2);
}

/* -------- Blog Slider Elements -------- */

.blog-top-block,
body.single.single-post .page-banner {
	background-image: none !important;
    background-color: #1f2953;
    height: 142px;
    min-height: 142px;
    padding: 0;
}
body.single.single-post .page-banner h1 {
	display: none;
}

.blog-slider-wrap {
	position: relative;
	overflow: hidden;
	border-bottom: 3px solid #cecece;
}
.blog-slider-remove {
	height: 680px !important;
	overflow: hidden;
	background-image: url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.blog-slider-prev,
.blog-slider-next {
	position: absolute;
	top: 50%;
	margin: -30px 0 0;
	background-color: rgba(255, 255, 255, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.4);
	color: rgba(255, 255, 255, 0.9);
	width: 50px;
	text-align: center;
	height: 85px;
	z-index: 9;
	padding: 20px 0 0;
	font-size: 28px;
	font-weight: 300;
	cursor: pointer;
}
.blog-slider-prev {
	left: 0;
	border-radius: 0 5px 5px 0;
	border-left: 0;
}
.blog-slider-next {
	right: 0;
	border-radius: 5px 0 0 5px;
	border-right: 0;
}

.blog-slider-remove .blog-slider {
	visibility: hidden;
}

.blog-slider-block {
	background-size: cover;
	background-position: center top;
	position: relative;
}
.blog-slider-block img {
	width: 100%;
}

.blog-slider-block-inner {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	margin: -10px 0 0;
}
.blog-slider-block-inner a {
	color: #FFF;
}
.blog-slider-block-inner h3 {
	margin: 10px auto 4px;
	padding: 0;
	font-size: 52px;
	color: #FFF;
	font-weight: 600;
	max-width: 60%;
}
.blog-slider-block-inner p {
	margin: 0 auto;
	padding: 0;
	font-size: 25px;
	color: #FFF;
	max-width: 60%;
}

/* -------- Blog List Elements -------- */

.blog-blocks-list {
	
}

body.blog #page > .site-container {
	max-width: 1320px;
}

.blog-blocks-list article.post {
	width: 30%;
	float: left;
	margin: 0 1.5% 35px;
	box-shadow: 0 0 0 1px #999;
	box-sizing: border-box;
	padding: 15px 15px 24px 15px;
	text-align: center;
}

.blog-blocks-list article.post .blog-entry-img {
	height: 360px;
	background-size: cover;
	background-position: center center;
	margin: 0 0 20px;
	display: block;
}

.blog-blocks-list article.post .entry-meta {
	margin: 2px 0 0;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 300;
	font-style: italic;
}
.blog-blocks-list article.post .entry-header h1 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: 600;
}
.blog-blocks-list article.post a {
	color: #58595b;
}

.blog-blocks-list article.post .entry-content {
	
}
.blog-blocks-list article.post .entry-content p {
	margin: 0;
	padding: 15px 0 25px;
}
.blog-blocks-list article.post .entry-footer {
	
}
.entry-footer-link {
	box-shadow: 0 0 0 3px #cecece inset;
    border: 0;
    color: #cecece;
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 65px;
    display: inline-block;
    text-shadow: none;
}
.blog-blocks-list article.post:hover .entry-footer-link,
.entry-footer-link:hover {
	background: #009094;
	box-shadow: 0 0 0 3px #009094 inset;
	color: #FFF;
}
.entry-footer-link:focus {
	box-shadow: 0 21px 0 rgba(255, 255, 255, 0.08) inset !important;
}

/* -------- Blog Pagination Elements -------- */

.paginate-navigation {
	text-align: center;
	margin: 25px 0;
}
.wp-paginate {
	margin: 0;
	padding: 0;
}
.wp-paginate li {
	margin: 0 2px;
	display: inline-block !important;
}
.wp-paginate a {
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.14) !important;
	min-width: 30px;
	display: block;
	background: #F1F1F1 !important;
}
.wp-paginate span {
	border-radius: 3px;
	min-width: 30px;
	display: block;
}
.wp-paginate .current {
	background: #0093D0 !important;
}

/* -------- Content Menu Elements -------- */

.entry-content ul.menu {
	margin: 0;
	padding: 0;
}
.entry-content ul.menu li {
	margin: 0 0 8px;
	padding: 0;
	list-style-type: none;
}
.entry-content ul.menu li a {
	display: block;
	box-shadow: 0 0 0 1px #cecece inset;
	padding: 12px 14px;
	color: #5A5A5A;
	font-weight: 600;
}
.entry-content ul.menu li a:hover {
	color: #0091cf;
}
.entry-content ul.menu li.current_page_item a {
	color: #0091cf !important;
}

/* -------- Accordion Plugin Elements -------- */

.accordion {
	
}
.accordion h1.accordion-title,
.accordion h2.accordion-title,
.accordion h3.accordion-title,
.accordion h4.accordion-title,
.accordion h5.accordion-title,
.accordion h6.accordion-title,
.accordion div.accordion-title,
.accordion p.accordion-title {
	margin: 0 0 8px;
    padding: 8px 4px;
    font-size: 15px;
    background-color: #909090;
    color: #FFF;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}
.accordion .accordion-content {
	font-size: 13px;
    padding: 0px 4px 12px;
    display: none;
}
.accordion > p,
.accordion > br {
	display: none;
}
.accordion .accordion-content table {
	width: 100% !important;
}
.accordion .accordion-content table td {
	width: 30% !important;
    text-align: center;
    padding: 4px !important;
    margin: 0 !important;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.18);
}
.accordion .accordion-content table td strong {
	display: block;
    color: #313131;
}
.accordion .accordion-content table td:last-child {
	box-shadow: none;
}

/* -------- Tables Loop Elements -------- */

.table-loop-wrap-outer {
	overflow: hidden;
}
.table-loop-wrap {
	margin: 0 -30px 0;
}
.table-loop-table {
	width: 25%;
	float: left;
    margin: 0 0 40px;
    padding: 0 30px 0;
}
.table-loop-table-inner {
	background-color: #f8f8f8;
    border: 1px solid #cecece;
}
h3.table-loop-table-title {
	margin: 0;
    padding: 20px 30px;
    text-align: center;
}

.table-loop-years {
	
}
.table-loop-year-block {
	
}
h4.table-loop-year-title {
	margin: 0;
    padding: 8px 30px;
    border-top: 1px solid #cecece;
    font-size: 15px;
    text-align: left;
    cursor: pointer;
    position: relative
}
h4.table-loop-year-title span {
	position: absolute;
	top: 15px;
	right: 30px;
	background-image: url(images/table_arrow.png);
	width: 11px;
	height: 7px;
	background-position: 0 0;
}
.table-year-open h4.table-loop-year-title span {
	background-position: 0 bottom;
}
.table-loop-year-content {
	display: none;
    font-size: 13px;
    padding: 12px 30px 12px;
    border-top: 1px solid #cecece;
    text-align: center;
}

.table-info-head {
	font-weight: 700;
}
.table-info-content {
	
}
.table-info-left {
	width: 22%;
    padding: 3px 0;
    float: left;
}
.table-info-middle {
	box-shadow: -1px 0 0 #cecece;
    width: 43%;
    padding: 3px 0;
    float: left;
}
.table-info-right {
	width: 35%;
    box-shadow: -1px 0 0 #cecece;
    padding: 3px 0;
    float: left;
}

.table-loop-years-none {
	text-align: center;
}

body.page-id-409 .ow-button-base a {
	min-width: 100%;
}

/*
.table-red {
	
}
.table-red .table-loop-table-inner {
	background-color: #E40000;
    border: 1px solid #BD0000;
	color: #FFF;
}
.table-red h4.table-loop-year-title {
    border-top: 1px solid #cecece;
}
*/

/* -------- Excursion Table Elements -------- */

.sp-excursion-table-outer {
	float: right;
    max-width: 890px;
    margin: 30px 0 0;
}
table.sp-excursion-table {
	box-shadow: 0 0 0 2px #cecece;
}
table.sp-excursion-table tr th {
	box-shadow: 2px 2px 0 #cecece;
	padding: 20px;
	text-align: left;
}
table.sp-excursion-table tr td {
	box-shadow: 2px 2px 0 #cecece;
}
table.sp-excursion-table tr td .dotted-bottom {
	border-bottom: 2px dotted #cecece;
	padding: 20px;
}
table.sp-excursion-table tr td .dotted-bottom:last-child {
	border: 0;
}
.sp-exc-one {
	width: 20%;
	padding: 20px;
}
.sp-exc-two {
	width: 40%;
	vertical-align: top;
}
.sp-exc-three {
	width: 40%;
	vertical-align: top;
}

/* -------- Error Page Elements -------- */

section.error-404 {
	max-width: 800px;
	margin: 80px auto 60px;
    text-align: center;
}
section.error-404 .fa-ban {
	font-size: 180px;
    color: #CECECE;
}
section.error-404 .page-header {
	
}
section.error-404 .page-content {
	
}

/* -------- Footer Elements -------- */

.site-footer {
    background-color: #261628;
    color: #cecece;
    padding: 40px 0 45px;
    margin: 50px 0 0;
}

.footer-left {
    float: left;
    width: 30%;
    min-height: 10px;
}

.footer-left-ct-block {
	margin: 0 0 8px;
}
.footer-left-ct-block h6 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: #0091cf;
}
.footer-left-ct-block-left {
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	font-weight: 500;
	min-width: 56px;
}
.footer-left-ct-block-right {
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	font-weight: 500;
	max-width: 250px;
}

.footer-middle {
    float: left;
    width: 30%;
    min-height: 10px;
    margin: 0 5%;
}

.footer-right {
    float: left;
    min-height: 10px;
    width: 30%;
}
.footer-right-ul-block {
	margin: 0 0 8px;
}
.footer-right-ul-block h6 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: #0091cf;
}
.footer-right-ul-block h6 a {
	color: inherit;
}
.footer-right-ul-block p {
	font-size: 15px;
	font-weight: 500;
	margin: 0;
	padding: 0;
}

.footer-title {
	border-bottom: 1px solid #cecece;
	margin: 0 0 20px;
	padding: 5px 0 12px;
	color: #cecece;
	position: relative;
	font-size: 20px;
}
.footer-title-icon {
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	position: absolute;
	top: 5px;
	right: 0;
	width: 30px;
	height: 29px;
	border-radius: 30px;
}
.footer-title-icon-fa {
	background-color: #cecece;
	display: block;
	position: absolute;
	top: 5px;
	right: 0;
	width: 30px;
	height: 29px;
	border-radius: 30px;
	color: #261628;
	text-align: center;
}

.footer-left .footer-title-icon {
	background-image: url(images/footer_icon_tw.png);
}
.footer-middle .footer-title-icon {
	background-image: url(images/footer_icon_fb.png);
}
.footer-right .footer-title-icon {
	background-image: url(images/footer_icon_tw.png);
}
.footer-mobile-icons {
	display: none;
	text-align: center;
	margin: 0 0 10px;
}
.footer-mobile-icon-fb {
	background-color: #cecece;
	background-image: url(images/footer_icon_fb.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
    width: 44px;
    height: 44px;
    border-radius: 30px;
    margin: 0 2%;
    font-size: 30px;
    color: #261628;
}
.footer-mobile-icon-tw {
	background-color: #cecece;
	background-image: url(images/footer_icon_tw.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
    width: 44px;
    height: 44px;
    border-radius: 30px;
    margin: 0 2%;
    font-size: 30px;
    color: #261628;
}

/* ---- Page FAQ's Styling ---- */

.widget_page_faqs {
	
}
.widget_page_faqs h3.widget-title {
	
}
.widget_page_faqs .widget-page-faqs {
	
}
.widget-faq-block {
	margin: 0 0 10px;
}
.widget-faq-block h4.widget-faq-block-title {
	border: 1px solid #cecece;
    margin: 0;
    padding: 12px 16px;
    font-weight: 600;
    cursor: pointer;
}
.widget-faq-block .widget-faq-block-content {
	background-color: #f2f2f2;
    border: 1px solid #cecece;
    border-top: 0;
    padding: 12px 16px 2px;
    display: none;
}
.widget-faq-block .widget-faq-block-content p {
	margin: 0 0 15px;
}

.gform_confirmation_message {
	text-align: center;
    margin: 20px 0 70px;
}
.gform_confirmation_message h3 {
	color: #019098;
    font-size: 42px;
    margin: 0 0 -5px;
    padding: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-style: italic;
}
.gform_confirmation_message br {
	display: none;
}

@media screen and ( max-width: 1345px ) {
	
	a.header-cart-contents {
    	padding: 18px 0 20px 10px;
 	}
 	.header-cart-amount {
    	margin: 0 0 0 10px;
	}
	.main-navigation li a {
		font-size: 14px;
		padding: 38px 14px 57px;
	}
	.main-navigation li:last-child a {
	    padding: 38px 21px 57px 14px;
	}
	.main-navigation li#menu-item-1252 a {
		padding: 32px 14px 32px;
    	margin: 6px 0 0;
	}
	.main-navigation ul ul {
		top: 138px;
	}
	
	.page-banner-htitle {
		max-width: 80%;
	}
	.page-banner-hsubtitle {
		max-width: 80%;
	}
	
	.crew-block-img {
		height: auto;
	}
	
}

@media screen and ( max-width: 1330px ) {
	
	.donation-pg-block {
		width: 33.3333%;
	}
	.donation-pg-block-content {
	    min-height: 471px;
	}
	a.donation-pg-block-link {
	    position: relative;
	    top: -2px;
	}
	
}

@media screen and ( max-width: 1280px ) {
	
	.crew-block {
		width: 50%;
	}
	
}

@media screen and ( max-width: 1230px ) {
	
	.site-branding {
		max-width: 180px;
		padding: 5px 0 0;
	}
	.header-cart {
		position: relative;
	}
	.header-cart-checkout {
		position: absolute;
		top: 20px;
		width: 24px;
		height: 20px;
		background-size: 100% 100%;
		left: 32px;
	}
	
	.home-slider-block-inner {
		margin: -20px 0 0;
	}
	.home-slider-block-inner h3 {
		font-size: 58px;
		line-height: 62px;
	}
	.home-slider-block-inner p {
		font-size: 20px;
		line-height: 30px;
	}
	
}

@media screen and ( max-width: 1120px ) {
	
	.site-branding {
		max-width: none;
		padding: 0;
	}
	.header-cart {
		position: relative;
	}
	.header-cart-checkout {
		position: relative;
		top: auto;
		width: 48px;
		height: 40px;
		left: auto;
	}
	a.header-cart-contents {
    	padding: 20px 0 20px 20px;
    }
	
	.main-navigation ul ul:before {
		display: none !important;
	}
	
	/* -------- Header Elements -------- */
    
    .header-menu-button {
	    display: block;
	    padding: 10px 15px;
	    color: #717171;
	    text-transform: uppercase;
	    cursor: pointer;
	}
	.menu-dropdown-btn {
    	display: block;
    }
	.header-menu-button .fa.fa-bars {
    	font-size: 38px;
    	margin: 20px 18px 0 0;
    	font-weight: 300;
    	color: #FFF;
  	}
    .main-navigation ul {
        display: block;
    }
    .main-navigation #main-menu {
        color: #8C8C8C;
        box-shadow: 1px 0 1px rgba(255, 255, 255, 0.04) inset;
        border-left: 1px solid rgba(0, 0, 0, 0.08);
        position: fixed;
        top: 0;
        right: -280px;
        width: 280px;
        max-width: 100%;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 58px 22px 30px 22px;
        background: #22211F;
        z-index: 100000;
        height: 100%;
        overflow: auto;
        
        -webkit-transition: right 0.4s ease 0s;
         -moz-transition: right 0.4s ease 0s;
          -ms-transition: right 0.4s ease 0s;
           -o-transition: right 0.4s ease 0s;
              transition: right 0.4s ease 0s;
    }
    .main-navigation li {
        display: block;
        float: none;
        position: relative;
        margin: 0 0 1px;
    }
    .main-navigation li a {
        display: block;
        float: none;
        padding: 4px 0;
        font-size: 14px;
        text-align: left;
 	}
    .main-navigation ul li:last-child a {
        padding: 2px 0;
    }
    .main-navigation li#menu-item-1252 a {
    	background-color: inherit;
    	color: #FFF;
    	font-weight: 500;
    	padding: 4px 0;
    }
    
    .main-navigation ul ul {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        float: none !important;
        background-color: rgba(255, 255, 255, 0.1) !important;
        padding: 4px 0;
        margin: 6px 0;
        display: none;
    }
    .main-navigation ul ul li:last-child a,
    .main-navigation ul ul li a {
        padding: 7px 8px;
        width: auto;
        color: #FFF;
    }
    .main-navigation ul ul li a:hover {
          background: none;
    }
    .open-page-item > ul.children,
    .open-page-item > ul.sub-menu {
    	display: block !important;
    }
    
    .main-menu-close {
        display: block;
        border-radius: 4px;
        position: absolute;
        top: 30px;
        right: 10px;
        font-size: 30px;
        color: #898989;
        text-align: center;
        padding: 0 8px 0 12px;
        height: 40px;
        line-height: 38px;
        cursor: pointer;
    }
    .main-menu-close .fa-angle-left {
        position: relative;
        left: -4px;
    }
    
    .page-banner-htitle {
		font-size: 58px;
	}
	.page-banner-hsubtitle {
		font-size: 20px;
	}
	.page-banner {
	    padding: 200px 0 80px;
	}
	
	.blog-slider-block {
		height: 400px;
	}
	.blog-slider-block img {
		width: 100%;
		height: 100%;
	}
	.blog-slider-block-inner {
		top: 220px;
	}
	.blog-slider-block-inner p {
		
	}
	.blog-slider-block-inner h3 {
		font-size: 38px;
		margin: 0 auto;
	}
	.blog-slider-prev,
	.blog-slider-next {
		top: 255px;
	}
	
}

@media screen and ( max-width: 1090px ) {
	
	.img-txt-split-txt-txt {
	    max-width: 60%;
	    line-height: 34px;
	    font-size: 16px;
	}
	
	.emergency-block {
		width: 50%;
		border-bottom: 1px solid #dedede;
	}
	
	.home-slider-block {
		height: 480px;
	}
	.home-slider-block-inner {
		margin: -5px 0 0;
	}
	
}

@media screen and ( max-width: 1020px ) {
	
	.home-slider-block {
		height: auto;
	}
	.home-slider-block img {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.home-slider-block-inner {
		margin: 0;
		position: relative;
		top: 0;
		padding: 220px 0 100px;
	}
	.home-slider-block-inner h3 {
		font-size: 48px;
		line-height: 52px;
	}
	.home-slider-block-inner p {
		font-size: 18px;
		line-height: 28px;
		max-width: 80%;
	}
	
	.safety-child-page-block-title {
		font-size: 18px;
	}
	
}

@media screen and ( max-width: 980px ) {
	
	.sticky-wrapper {
		height: auto !important;
	}
	.stick-header.stuck {
		top: 0 !important;
	    background: none;
	    position: relative;
	}
	
	.sponsor-block {
		width: 50% !important
	}
	
	.home-slider-block-inner h3 {
		font-size: 34px;
		line-height: 38px;
	}
	.home-slider-block-inner p {
		font-size: 16px;
		line-height: 22px;
	}
	
	.home-links-block {
		width: 29.8%;
		margin: 0 1.5%;
	}
	
	.safety-child-page-block {
		width: 50%;
	}
	
	.donation-type-block {
		max-width: 42%;
    	margin: 0 2% 30px;
	}
	
	.table-loop-wrap {
		margin: 0;
		text-align: center;
	}
	.table-loop-table {
		display: inline-block;
		vertical-align: top;
	    float: none;
	    width: 48%;
	}
	
}

@media screen and ( max-width: 900px ) {
	
	.img-txt-split {
		display: block;
	}
	.img-txt-split-img {
		display: block;
		width: 100%;
		padding: 120px 10px;
	}
	.img-txt-split-txt {
		display: block;
		width: 100%;
	}
	.img-txt-split-txt-txt {
	    max-width: 80%;
	}
	
	.research-project-block {
		width: 50%;
	}
	
	.blog-blocks-list article.post {
		width: 46%;
		margin: 0 2% 35px;
	}
	
	.home-sponsor-slider-block-left,
	.home-sponsor-slider-block-right {
		width: 100%;
		float: none;
	}
	.home-sponsor-slider-block-left-inner,
	.home-sponsor-slider-block-right-inner {
		display: block;
		width: 100%;
		height: auto;
	}
	.home-sponsor-slider-block-left-inner {
		padding: 0 0 60px;
	}
	.home-sponsor-slider-block-right-inner {
		padding: 75px 0 40px;
	}
	
	#home-sponsor-slider-pager {
		position: relative;
		bottom: 8px;
		left: 0;
		text-align: center;
	}
	
	.home-links-wrap {
		background-image: none;
	}
	.home-links-block {
		width: 100%;
		margin: 0 0 25px;
		max-width: 420px;
	}
	
	.home-splitlink-block {
		width: 100%;
		float: none;
	}
	
}

@media screen and ( max-width: 782px ) {
	
	.site-header {
		box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
		position: relative;
		background-color: #f8f8f8 !important;
	}
	.site-header .site-container {
		padding: 0;
	}
	.site-branding {
	    width: 160px;
	    padding: 0 0 15px !important;
	    margin: 0 0 0 10px;
	}
	.site-branding a {
		background-image: url(images/shark-spotters-logo-mobile.png);
		background-size: cover;
	}
	.site-branding a img {
		visibility: hidden;
	}
	.main-navigation {
		padding: 0;
	}
	.header-menu-button {
	    background-color: #3391cf;
	    padding: 38px;
	}
	.header-menu-button .fa.fa-bars {
		margin: 0;
	}
	
	/* -- HIDE ELEMENTS FOR MOBILE -- */
	
	.header-cart,
	
	.page-banner,
	.child-pages-list,
	
	.home-slider-wrap,
	.home-sponsor-slider-wrap,
	.home-splitlink-wrap,
	
	.safety-child-pages-list,
	
	.blog-slider-wrap,
	
	body.page-id-9 #pg-9-2,
	
	.footer-left .footer-title-icon,
	.footer-middle,
	.footer-right,
	.footer-left-ct-block-left {
		display: none !important;
	}
	
	.home-links-wrap {
		border: 0;
		padding: 40px 0 0;
	}
	.footer-left {
		text-align: center;
	}
	.footer-title {
		text-align: center;
		border: 0;
	}
	.footer-mobile-icons {
		display: block;
	}
	
	.gf-mailchimp-signup {
		z-index: 999;
	}
	.gf-mailchimp-signup-inner {
		max-width: 88%;
    	margin: 80px auto 20px;
	}
	.gf-mailchimp-signup-inner #field_1_1 h4 {
		font-size: 24px;
	    padding: 10px 0 0;
	    line-height: 28px;
	}
	.gf-mailchimp-signup-inner #field_1_2,
	.gf-mailchimp-signup-inner #field_1_3,
	.gf-mailchimp-signup-inner #field_1_4,
	.gf-mailchimp-signup-inner #field_1_5 {
		width: 100%;
    	margin: 0 !important;
	}
	
}

@media screen and ( max-width: 782px ) {
	
	.page-banner-htitle {
		font-size: 46px;
		line-height: 48px;
	}
	.page-banner-hsubtitle {
		font-size: 18px;
	}
	
	/* -------- Content Elements -------- */
	
	.content-area,
	.page-template-template-left-sidebar .content-area {
        width: 100%;
        float: none;
        box-shadow: none;
        padding: 18px 0 20px;
    }
    .widget-area,
    .page-template-template-left-sidebar .widget-area {
        width: 100%;
        float: none;
        padding: 25px 0;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    }
    .page-template-default  .content-area {
    	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    }
    
    .widget-area .widget:last-child {
    	margin: 0 0 10px;
    }
    
    .large-title {
    	font-size: 50px;
    }
    
    .case-studies-wrap {
    	max-width: 96%;
    }
    
    .footer-left,
    .footer-middle,
    .footer-right {
    	float: none;
    	width: 100%;
    	margin: 0 0 25px;
	}
	
	.table-loop-table {
	    width: 94%;
	}
	
	.img-txt-split-txt-txt-left,
	.img-txt-split-txt-txt-right,
	.the-crew-desc-left,
	.the-crew-desc-right {
		width: 100%;
		float: none;
		padding: 0;
	}
	
}

@media screen and ( max-width: 580px ) {
	
	.emergency-block {
		width: 100%;
		float: none;
	}
	
	.research-project-block {
		width: 100%;
		float: none;
	}
	.research-project-block img {
		height: 300px;
	}
	
	.safety-child-page-block {
		width: 100%;
	}
	
	.case-studies-wrap {
		max-width: 92%;
	}
	
	.blog-blocks-list article.post {
		width: 100%;
		margin: 0 0 35px;
	}
	
	.sponsor-block {
		width: 100% !important;
		float: none;
	}
	.sponsor-block-inner {
		height: 320px;
	}
	
	.gform_wrapper .top_label li.gfield.gf_left_third.gfield_contains_required,
	.gform_wrapper .top_label li.gfield.gf_middle_third.gfield_contains_required,
	.gform_wrapper .top_label li.gfield.gf_right_third.gfield_contains_required,
	.gform_wrapper .top_label li#field_2_4.gfield.gf_middle_third,
	.gform_wrapper .top_label li.gfield.gf_left_third input.medium,
	.gform_wrapper .top_label li.gfield.gf_middle_third input.medium,
	.gform_wrapper .top_label li.gfield.gf_right_third input.medium,
	.gform_wrapper textarea.medium {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.donation-pg-block {
		width: 100%;
		float: none;
	}
	.donation-pg-block-content {
	    min-height: 100px;
	}
	.donation-pg-block-content-txt {
		padding: 30px 20px 30px;
		min-height: 100px;
	}
	
	.donation-type-block {
		max-width: 98%;
    	margin: 0 0 30px;
	}
	.donation-type-block-content {
	    min-height: 100px;
	    padding: 10px 40px 40px;
	}
	
}

@media screen and ( max-width: 520px ) {
	
	.large-title {
    	font-size: 40px;
    }
	
}