/* css reset */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
/* colors */
a[href^="tel:"] {
  color: #00A8E9;
  text-decoration: none !important;
}
/* video flex embed */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* calendar flex embed */
.responsive-iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.view-container-border {
  background-color: #FFF !important;
}
/* gravity overrides */
input:focus {
  outline: thin;
  border: 2px solid #00A8E9;
}
.gform_wrapper h2,
.gform_wrapper h3 {
  margin: 10px 0;
  font-size: 1.2em;
  text-align: center;
}
.gform_title,
.gf_repeater_title {
  font-family: "NexaThin" !important;
  font-weight: normal !important;
  font-style: normal !important;
}
.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label {
  font-family: "NexaBold" !important;
  font-weight: normal !important;
  font-style: normal !important;
}
.gfield {
  border: 1px solid #CCC !important;
  padding: 20px 30px !important;
  background-color: #F8F8F8;
}
.gfield_label {
  font-family: "NexaBold" !important;
  font-weight: normal !important;
  font-style: normal !important;
  padding-top: 5px;
}
.ginput_left label,
.ginput_right label,
.name_first label,
.name_last label {
  padding-top: 5px;
}
.gfield_html,
#field_2_20,
#field_2_3,
#field_2_4,
#field_4_4,
#field_4_3,
#field_5_4,
#field_5_3 {
  padding: 0 !important;
  border: 0 !important;
  background-color: #FFF !important;
}
.gfield a.addMinor {
  background-color: #00A8E9;
  color: #FFF !important;
  padding: 20px;
  margin: 10px 0 20px;
  width: 49%;
  float: left;
  text-align: center;
  font-size: 1.3em;
}
.gfield a.addMinor:hover {
  background-color: #000;
  text-decoration: none !important;
}
.gfield a.removeMinor {
  background-color: #00A8E9;
  color: #FFF !important;
  padding: 20px;
  margin: 10px 0 20px;
  width: 49%;
  float: right;
  text-align: center;
  font-size: 1.3em;
}
.gfield a.removeMinor:hover {
  background-color: #000;
  text-decoration: none !important;
}
.gform_footer input[type=submit] {
  display: block !important;
  width: 100% !important;
  background-color: #00A8E9;
  color: #FFF;
  padding: 20px;
  margin: 10px 0 20px;
  font-size: 1.3em !important;
  border: 0;
}
.gform_footer input[type=submit]:hover {
  background-color: #000;
}
.validation_error {
  border: 2px solid #C89797 !important;
  color: #790000 !important;
  background-color: rgba(255, 223, 224, 0.25);
  font-family: "NexaBook";
  font-weight: normal;
  font-style: normal;
}
.gform_confirmation_wrapper {
  text-align: center;
  padding: 30px;
  font-size: 2em;
}
/* fonts */
.NexaThin {
  font-family: "NexaThin";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.NexaBlack {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.NexaBold {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.NexaBook {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.blueGrad {
  background: #87e0fd;
  background: -moz-linear-gradient(top, #87e0fd 0%, #00a8e9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #87e0fd 0%, #00a8e9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #87e0fd 0%, #00a8e9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87e0fd', endColorstr='#00a8e9', GradientType=0);
  /* IE6-9 */
}
.snorkelGrad {
  background: #00a6ff;
  background: linear-gradient(90deg, #00a6ff 0%, #24c0db 51%, #00f7ff 100%);
}
/* global */
.transition100 {
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
}
.rounded {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.unrounded {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.shadow {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.13);
}
.vertical {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.bkdCover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bkdCoverCenter {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.buttonRound {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.theButton {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
}
.hollowButton {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  border: 2px solid #FFF;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.darkButton {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  border: 2px solid #000;
  color: #000;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "NexaBook";
  font-size: 100%;
}
.maxWidth {
  max-width: 1300px;
}
.whitePageWrapper {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  width: 90%;
  margin: 0 auto;
  color: #000;
}
.smallWhitePageWrapper {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  width: 70%;
  margin: 0 auto;
  color: #000;
}
.smallWhitePageWrapper p {
  font-size: 1.1em;
  line-height: 1.4em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  padding: 0 0 10px;
}
.smallWhitePageWrapper h2 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.8em;
}
.smallWhitePageWrapper ul {
  font-size: 1.1em;
  line-height: 1.4em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  padding: 20px;
}
.smallWhitePageWrapper ul li {
  list-style: disc;
  padding-left: 20px;
}
a {
  text-decoration: none;
  color: #00A8E9;
}
a.button {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
}
a.button:focus,
a.button:hover {
  color: #FFF;
  background-color: #333;
}
span.newItem {
  background-color: #00A8E9;
  color: #FFF;
  padding: 1px 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.5px;
  font-size: 0.9em;
}
span.newItem:hover {
  text-decoration: none;
}
ul {
  list-style: none;
}
h1 {
  font-size: 1.5em;
  margin: 10px 0;
}
p {
  line-height: 1.2em;
  margin: 5px 0;
}
.tableStyle table {
  border: #E3E3E3 1px solid;
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 20px auto;
  width: 100%;
}
.tableStyle table a:link {
  text-decoration: none;
}
.tableStyle table a:visited {
  text-decoration: none;
}
.tableStyle table th {
  padding: 5px;
  border-bottom: 1px solid #E3E3E3;
  background-color: #FFF;
}
.tableStyle table th:first-child {
  text-align: left;
  padding-left: 5px;
}
.tableStyle table tr {
  text-align: center;
  padding-left: 5px;
}
.tableStyle table td:first-child {
  text-align: left;
  padding-left: 5px;
  border-left: 0;
}
.tableStyle table td {
  vertical-align: middle;
  padding: 5px;
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  border-left: 1px solid #E3E3E3;
}
.tableStyle table td p {
  padding: 0 !important;
}
.tableStyle table td img {
  width: 50%;
  margin: 0;
}
.tableStyle table td ul {
  text-align: left;
}
.tableStyle table td ul li {
  line-height: 1.4em !important;
}
.tableStyle table tr.even td {
  background: #f6f6f6;
}
.tableStyle table tr:last-child td {
  border-bottom: 0;
}
/* SALES DASHBOARD */
.page-template-page-dashboard {
  background-color: #333;
}
.dashboard {
  margin: 0 auto;
  max-height: 80%;
  max-width: 80%;
}
/* END SALES DASH */
/* HEADER BASICS ---------------------------- */
.conversionBanner {
  position: absolute;
  top: -200px;
  opacity: 0;
}
/* styles after scroll */
.showConversionBanner {
  position: fixed;
  top: 0;
  width: 100%;
}
.showConversionBanner a {
  display: block;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.6em;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  text-align: center;
  padding: 30px 0;
  background-color: #00A8E9;
  color: #FFF;
}
.showConversionBanner a:hover {
  background-color: #FFF;
  color: #00A8E9;
}
.notificationBar {
  display: block;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  width: 100%;
  padding: 7px 0;
  font-size: 0.6em;
  text-transform: uppercase;
  background-color: #BE0000;
  color: #FFF;
  text-align: center;
  border-bottom: 2px solid #00A8E9;
}
.notificationBar:hover {
  background-color: #333;
  color: #FFF;
}
ul.mobileNav {
  display: none;
  text-align: center;
  background-color: #333;
  color: #FFF;
}
ul.mobileNav li {
  padding: 10px 0;
}
ul.mobileNav a {
  color: #FFF;
}
.mNav,
.mSnkNav,
.mDiveNav,
.mContactNav {
  display: none;
}
.show-mainmenu-nav,
.show-diving-nav,
.show-snorkeling-nav,
.show-certifications-nav,
.show-equipment-nav {
  overflow: hidden;
}
.show-mainmenu-nav .mainmenu-over-nav,
.show-diving-nav .diving-over-nav,
.show-snorkeling-nav .snorkeling-over-nav,
.show-certifications-nav .certifications-over-nav,
.show-equipment-nav .equipment-over-nav {
  visibility: visible;
  opacity: 1;
}
.mainmenu-over-nav,
.diving-over-nav,
.snorkeling-over-nav,
.certifications-over-nav,
.equipment-over-nav {
  transition: visibility 0.2s, opacity 0.2s linear;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  color: #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.mainmenu-over-nav .overlayNav,
.diving-over-nav .overlayNav,
.snorkeling-over-nav .overlayNav,
.certifications-over-nav .overlayNav,
.equipment-over-nav .overlayNav {
  padding-top: 10%;
  width: 60%;
  margin: 0 auto;
}
.mainmenu-over-nav .overlayNav h1,
.diving-over-nav .overlayNav h1,
.snorkeling-over-nav .overlayNav h1,
.certifications-over-nav .overlayNav h1,
.equipment-over-nav .overlayNav h1 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.8em;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.mainmenu-over-nav .overlayNav a,
.diving-over-nav .overlayNav a,
.snorkeling-over-nav .overlayNav a,
.certifications-over-nav .overlayNav a,
.equipment-over-nav .overlayNav a {
  color: #000;
  display: block;
  text-transform: lowercase;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 1.5em;
}
.mainmenu-over-nav .overlayNav a:hover,
.diving-over-nav .overlayNav a:hover,
.snorkeling-over-nav .overlayNav a:hover,
.certifications-over-nav .overlayNav a:hover,
.equipment-over-nav .overlayNav a:hover {
  text-decoration: underline;
  color: #00A8E9;
}
.mainmenu-over-nav .overlayNav p,
.diving-over-nav .overlayNav p,
.snorkeling-over-nav .overlayNav p,
.certifications-over-nav .overlayNav p,
.equipment-over-nav .overlayNav p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  margin-top: 40px;
}
.mainmenu-over-nav .overlayNav a.close-nav-button,
.diving-over-nav .overlayNav a.close-nav-button,
.snorkeling-over-nav .overlayNav a.close-nav-button,
.certifications-over-nav .overlayNav a.close-nav-button,
.equipment-over-nav .overlayNav a.close-nav-button {
  float: right;
  font-size: 3em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin-top: -18px;
}
.mainmenu-over-nav .overlayNav .overlayTwoCol,
.diving-over-nav .overlayNav .overlayTwoCol,
.snorkeling-over-nav .overlayNav .overlayTwoCol,
.certifications-over-nav .overlayNav .overlayTwoCol,
.equipment-over-nav .overlayNav .overlayTwoCol {
  margin-bottom: 40px;
  margin-right: 3%;
  display: inline-block;
  vertical-align: top;
  width: 40%;
}
.mainmenu-over-nav .overlayNav .overlayTwoCol:nth-of-type(2n+2),
.diving-over-nav .overlayNav .overlayTwoCol:nth-of-type(2n+2),
.snorkeling-over-nav .overlayNav .overlayTwoCol:nth-of-type(2n+2),
.certifications-over-nav .overlayNav .overlayTwoCol:nth-of-type(2n+2),
.equipment-over-nav .overlayNav .overlayTwoCol:nth-of-type(2n+2) {
  margin-right: 0;
}
.mainmenu-over-nav .overlayNav .overlayThreeCol,
.diving-over-nav .overlayNav .overlayThreeCol,
.snorkeling-over-nav .overlayNav .overlayThreeCol,
.certifications-over-nav .overlayNav .overlayThreeCol,
.equipment-over-nav .overlayNav .overlayThreeCol {
  margin-bottom: 40px;
  margin-right: 5%;
  display: inline-block;
  vertical-align: top;
  width: 28%;
}
.mainmenu-over-nav .overlayNav .overlayThreeCol:nth-of-type(3n+3),
.diving-over-nav .overlayNav .overlayThreeCol:nth-of-type(3n+3),
.snorkeling-over-nav .overlayNav .overlayThreeCol:nth-of-type(3n+3),
.certifications-over-nav .overlayNav .overlayThreeCol:nth-of-type(3n+3),
.equipment-over-nav .overlayNav .overlayThreeCol:nth-of-type(3n+3) {
  margin-right: 0;
}
.mainmenu-over-nav .overlayNav h1 {
  font-size: 1.4em;
}
.mainmenu-over-nav .menuContactSocial .phone {
  font-size: 1.5em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.mainmenu-over-nav .menuContactSocial .social {
  display: block;
  margin-top: 20px;
}
.mainmenu-over-nav .menuContactSocial .social a.facebook {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  background-image: url('../../images/icons/icon-fb-black.png');
  background-size: 100%;
}
.mainmenu-over-nav .menuContactSocial .social a.email {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  background-image: url('../../images/icons/icon-email-black.png');
  background-size: 100%;
}
.mainmenu-over-nav .menuContactSocial .social a.map {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  background-image: url('../../images/icons/icon-map-black.png');
  background-size: 100%;
}
.mainmenu-over-nav .menuContactSocial .social a.instagram {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  background-image: url('../../images/icons/icon-instagram-black.png');
  background-size: 100%;
}
.mainmenu-over-nav .menuContactSocial .social a.tripadvisor {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  background-image: url('../../images/icons/icon-tripadvisor-black.png');
  background-size: 100%;
}
.mHomeFeature {
  display: none;
}
header {
  width: 90%;
  max-width: 1300px;
  text-align: center;
  margin: 0 auto;
}
header a.mobileButton {
  display: none;
}
header .headerLeft {
  float: left;
  margin-top: 50px;
  text-align: left;
  width: 250px;
}
header .headerRight {
  float: right;
  margin-top: 30px;
  text-align: right;
  width: 250px;
}
header .logo {
  margin: 10px 0;
  display: inline-block;
  vertical-align: middle;
  width: 350px;
  height: 140px;
  background-image: url('../../images/logos/web-logo.png');
  background-size: 100%;
}
header .contact {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 1.5px;
  font-size: 20px;
}
header .contact a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  background-color: #00A8E9;
  width: 157px;
  margin-top: 5px;
  text-align: center;
}
header .contact span.phone {
  color: #FFF;
}
header .contact span.op-open,
header .contact span.op-closed {
  color: #FFF !important;
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  width: 174px;
  text-align: center;
}
header .mantaCount .mantaIcon {
  display: inline-block;
  width: 45px;
  height: 45px;
  margin-top: 15px;
  margin-right: 0px;
  background-image: url('../../images/icons/manta-icon.png');
  background-size: 100%;
}
header .mantaCount .number {
  font-size: 3em;
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  position: relative;
  top: -3px;
  color: #00A8E9;
}
header .mantaCount .label {
  margin-top: -10px;
  text-transform: uppercase;
  font-size: 0.8em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 1px;
  text-align: right;
}
header .mobileNavButton {
  display: none;
}
header a.subpage-nav-button {
  position: relative;
  top: 45px;
  right: 5px;
  background-color: #00A8E9;
  padding: 10px 10px 10px 13px;
  color: #FFF;
  text-transform: uppercase;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 3px;
}
header a.subpage-nav-button span.burger {
  font-size: 1.1em;
  position: relative;
  top: 0.5px;
}
header.dark .logo,
.woocommerce .remodal-bg header .logo,
.woocommerce-cart .remodal-bg header .logo {
  background-image: url('../../images/logos/web-logo-header-black.png');
}
header.dark .contact,
.woocommerce .remodal-bg header .contact,
.woocommerce-cart .remodal-bg header .contact {
  color: #000;
}
header.dark .contact a,
.woocommerce .remodal-bg header .contact a,
.woocommerce-cart .remodal-bg header .contact a {
  color: #000;
}
header.dark a,
.woocommerce .remodal-bg header a,
.woocommerce-cart .remodal-bg header a {
  color: #000;
}
header.dark span.op-open,
.woocommerce .remodal-bg header span.op-open,
.woocommerce-cart .remodal-bg header span.op-open,
header.dark span.op-closed,
.woocommerce .remodal-bg header span.op-closed,
.woocommerce-cart .remodal-bg header span.op-closed,
header.dark span.phone,
.woocommerce .remodal-bg header span.phone,
.woocommerce-cart .remodal-bg header span.phone {
  color: #000 !important;
}
.homeHeader {
  height: 100vh;
  width: 100%;
}
.homeHeader .welcome {
  line-height: 1.4em;
  text-transform: uppercase;
  letter-spacing: 10px;
  font-size: 7em;
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  width: 100%;
  text-align: center;
  padding-top: 10vh;
}
.homeHeader .welcome span {
  display: block;
  font-size: 1.25em;
}
.homeHeader .homeMenu {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 7;
}
.homeHeader .homeMenu a {
  color: #FFF;
  padding: 25px 1.4%;
  display: inline-block;
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.homeHeader .homeMenu a:hover {
  color: #00A8E9;
}
.homeHeader .homeMenu a span {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}
.homeHeader .homeMenu a.homeDiving span {
  background: url('../../images/icons/homepage-dive.png');
  background-size: 100%;
  background-position: top center;
}
.homeHeader .homeMenu a.homeSnorkeling span {
  background: url('../../images/icons/homepage-snorkel.png');
  background-size: 100%;
  background-position: top center;
}
.homeHeader .homeMenu a.homeCerts span {
  margin-right: 0px;
  background: url('../../images/icons/homepage-certs.png');
  background-size: 100%;
  background-position: top center;
}
.homeHeader .homeMenu a.homeGear span {
  margin-right: 0px;
  background: url('../../images/icons/homepage-gear.png');
  background-size: 100%;
  background-position: top center;
}
.homeHeader .homeMenu a.homeNews span {
  background: url('../../images/icons/homepage-news.png');
  background-size: 100%;
  background-position: top center;
}
.homeHeader .homeMenu a.homePhoto span {
  background: url('../../images/icons/homepage-photo.png');
  background-size: 100%;
  background-position: top center;
}
.homeHeader .homeMenu a.homeGuides span {
  background: url('../../images/icons/homepage-guides.png');
  background-size: 100%;
  background-position: top center;
}
.homeHeader .homeMenu a.homeShop span {
  background: url('../../images/icons/homepage-shop.png');
  background-size: 100%;
  background-position: top center;
}
.homeHeader .homeMenu a:hover span {
  background-position: bottom center;
}
/* newer 2020 universal header */
.topBar {
  width: 100%;
  font-size: 0.9em;
  background-color: #00A8E9;
  color: #FFF;
  padding: 8px 0 6px 0;
  overflow: hidden;
}
.topBarWrapper {
  width: 96%;
  margin: 0 auto;
}
.topBarWrapper .topLeft {
  float: left;
}
.topBarWrapper .topRight {
  float: right;
}
.topBarWrapper .topLeft a {
  margin-right: 20px;
}
.topBarWrapper .topRight a {
  margin-left: 20px;
}
.topBarWrapper a {
  display: inline-block;
  color: #FFF;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.topBarWrapper a:hover {
  color: #000;
}
.topBarWrapper a span {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  right: 5px;
}
.topBarWrapper a.phone span {
  background: url('../../images/icons/topbar/phone.png');
  background-size: 100%;
}
.topBarWrapper a.covid span {
  background: url('../../images/icons/topbar/covid.png');
  background-size: 100%;
}
.topBarWrapper a.account span {
  background: url('../../images/icons/topbar/account.png');
  background-size: 100%;
}
.topBarWrapper a.cart span {
  background: url('../../images/icons/topbar/cart.png');
  background-size: 100%;
}
.topBarWrapper a.adminLink {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-size: 0.7em;
  background-color: red;
}
.topBarWrapper a.adminLogout {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  border: 2px solid #FFF;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.7em;
  border: 2px solid #000;
  color: #000;
}
.homeHeadBar {
  width: 100%;
  color: #FFF;
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 1.2em;
  text-transform: uppercase;
}
.homeHeadBar .headBarWrapper {
  overflow: hidden;
}
.homeHeadBar .homeLogo {
  width: 100%;
  padding: 30px 0 30px 0;
}
.homeHeadBar .headerV2logo {
  margin: 0 auto;
  width: 120px;
  height: 90px;
  background: url('../../images/logos/web-logo-square-white.png');
  background-size: 100%;
}
.homeHeadBar .headBarLeft {
  float: left;
  position: relative;
  top: 40px;
  left: 20px;
}
.homeHeadBar .headBarLeft a {
  color: #FFF;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  border: 4px solid #FFF;
  padding: 5px 10px;
}
.homeHeadBar .headBarLeft a:hover {
  background-color: #FFA500;
  border: 4px solid #FFA500;
}
.homeHeadBar .headBarRight {
  float: right;
  position: relative;
  top: -110px;
  right: 20px;
}
.homeHeadBar .headBarRight a {
  color: #FFF;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  border: 4px solid #FFF;
  padding: 5px 10px;
}
.homeHeadBar .headBarRight a:hover {
  background-color: #FFA500;
  border: 4px solid #FFA500;
}
.homeHeadBarDark .headBarLeft a,
.homeHeadBarDark .headBarRight a {
  color: #000;
  border: 4px solid #000;
}
.homeHeadBarDark .headerV2logo {
  background: url('../../images/logos/web-logo-square-black.png');
  background-size: 100%;
}
/* end newer 2020 universal header */
section.centerVid video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -10;
}
.homeHeader-v2 {
  height: 100vh;
  max-height: 1000px;
  width: 100%;
  position: relative;
  /*background: url('../../images/homepage/home-background-v2.jpg');*/
  color: #FFF;
  background-size: cover;
  background-position: center center;
}
.homeHeader-v2 .flexslider {
  text-align: center;
  width: 80%;
  margin: 20vh auto 0;
}
.homeHeader-v2 .flexslider h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 5em;
}
.homeHeader-v2 .flexslider h1 span {
  font-size: 0.5em;
  display: block;
}
.homeHeader-v2 .flexslider p {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  overflow: hidden;
  padding-left: 20px;
  border-radius: 40px;
  display: inline-block;
  color: #000;
  background-color: #FFF;
}
.homeHeader-v2 .flexslider p span {
  color: #E3242B;
}
.homeHeader-v2 .flexslider p a {
  background-color: #00A8E9;
  color: #FFF;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  margin-left: 10px;
  padding: 10px 20px 10px 20px;
  display: inline-block;
  position: relative;
  left: 1px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-right-radius: 50px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomright: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.homeHeader-v2 .flexslider p a:hover {
  background-color: #FFF;
  color: #000;
}
.homeHeader-v2 a.homeFeatCircle {
  position: absolute;
  top: 16vh;
  right: 42vh;
  height: 120px;
  width: 120px;
  -webkit-border-radius: 300px;
  -moz-border-radius: 300px;
  border-radius: 300px;
  background-color: #FFF;
  text-align: center;
  color: #000;
  padding: 30px;
}
.homeHeader-v2 .homeThirds {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-top: 25vh;
}
.homeHeader-v2 .homeThirds .homeThird {
  width: 33%;
  display: inline-block;
  vertical-align: middle;
}
.homeHeader-v2 .homeThirds .homeThird h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 2.5em;
}
.homeHeader-v2 .homeThirds .homeThird p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  line-height: 1.6em;
  margin-bottom: 18px;
}
.homeHeader-v2 .homeThirds .homeThird a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0);
  border: 3px solid #FFF;
}
.homeHeader-v2 .homeThirds .homeThird a:hover {
  color: #00A8E9;
  background-color: #FFF;
  border: 3px solid #FFF;
}
.homeHeader-v2 .homePackages {
  position: absolute;
  bottom: 97px;
  overflow: hidden;
  background-color: #00A8E9;
  width: 100%;
  padding: 15px 0 10px 0;
  text-align: left;
}
.homeHeader-v2 .homePackages .homePackageWrapper {
  width: 60%;
  margin: 0 auto;
}
.homeHeader-v2 .homePackages h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  margin: 0;
  font-size: 1.4em;
  display: block;
}
.homeHeader-v2 .homePackages p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  width: 70%;
  display: block;
}
.homeHeader-v2 .homePackages span {
  margin-top: -48px;
  float: right;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0);
  border: 3px solid #FFF;
}
.homeHeader-v2 a.homePackages:hover {
  background-color: #000;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
}
.homeHeader-v2 a.homePackages:hover .homePackageWrapper span {
  background-color: #FFF;
  border: 3px solid #FFF;
  color: #000;
}
.homeHeader-v2 .homeMenu {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}
.homeHeader-v2 .homeMenu a {
  padding: 30px 1%;
  color: #FFF;
  display: inline-block;
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.homeHeader-v2 .homeMenu a:hover {
  color: #00A8E9;
}
.homeHeader-v2 .homeMenu a span {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}
.homeHeader-v2 .homeMenu a.homeDiving span {
  background: url('../../images/icons/homepage-dive.png');
  background-size: 100%;
  background-position: top center;
}
.homeHeader-v2 .homeMenu a.homeSnorkeling span {
  background: url('../../images/icons/homepage-snorkel.png');
  background-size: 100%;
  background-position: top center;
}
.homeHeader-v2 .homeMenu a.homeCerts span {
  margin-right: 0px;
  background: url('../../images/icons/homepage-certs.png');
  background-size: 100%;
  background-position: top center;
}
.homeHeader-v2 .homeMenu a.homeGear span {
  margin-right: 0px;
  background: url('../../images/icons/homepage-gear.png');
  background-size: 100%;
  background-position: top center;
}
.homeHeader-v2 .homeMenu a.homeNews span {
  background: url('../../images/icons/homepage-news.png');
  background-size: 100%;
  background-position: top center;
}
.homeHeader-v2 .homeMenu a.homePhoto span {
  background: url('../../images/icons/homepage-photo.png');
  background-size: 100%;
  background-position: top center;
}
.homeHeader-v2 .homeMenu a.homeShop span {
  background: url('../../images/icons/homepage-shop.png');
  background-size: 100%;
  background-position: top center;
}
.homeHeader-v2 .homeMenu a.homeGuides span {
  background: url('../../images/icons/homepage-guides.png');
  background-size: 100%;
  background-position: top center;
}
.homeHeader-v2 .homeMenu a:hover span {
  background-position: bottom center;
}
body.logged-in .remodal-bg .homeHeader-v2 .homePackages {
  bottom: 66px;
}
select.mobileShopNav {
  display: none;
}
body.admin-bar .homeMenu {
  bottom: -32px;
}
/* 2019 charter header dealio */
.newImageHeader {
  background-color: #333;
  height: 60vh;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.newImageHeader video {
  position: relative;
  z-index: 0;
  object-fit: cover;
}
.newImageHeader .above {
  position: absolute;
  z-index: 9;
  top: 0;
  width: 100%;
}
.newImageHeader .bottomGradient {
  letter-spacing: 10px;
  width: 100%;
  padding: 400px 0 50px;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  text-align: center;
  align-self: flex-end;
}
.newImageHeader .bottomGradient h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 2.5em;
}
.newImageHeader .bottomGradient h2 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}
.newImageHeader .bottomGradient p {
  color: #00A8E9;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  letter-spacing: 0;
  margin-top: 20px;
}
.newImageHeader .callBox {
  margin-top: 5vh;
}
.newImageHeader .call {
  text-align: center;
  width: 60%;
  margin: 0 auto;
}
.newImageHeader .call h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 3em;
  color: #FFF;
}
.newImageHeader .call h1 span {
  display: block;
  font-size: 0.5em;
  margin-bottom: 10px;
}
.newImageHeader .call h2 {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
  line-height: 1.6em;
  color: #FFF;
}
.newImageHeader .call h3 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  color: #FFF;
  margin: 13px 0 0;
}
.newImageHeader .call a.small {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  margin-top: 20px;
  padding: 10px 20px;
}
.newImageHeader .call a.book {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.3em;
  margin: 20px 5px 0;
  padding: 15px 30px;
}
.newImageHeader .call a.watch {
  position: relative;
  top: 15px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  border: 2px solid #FFF;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.7em;
}
.newImageHeader .call a:hover {
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  background-color: #FFF;
  color: #000;
}
.newImageHeader .call span.callToBook {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.3em;
  margin: 20px 5px 0;
  padding: 15px 30px;
}
.newImageHeader .dark-call h1,
.newImageHeader .dark-call h2,
.newImageHeader .dark-call a.small,
.newImageHeader .dark-call a.book,
.newImageHeader .dark-call a.watch {
  color: #000;
}
.newImageHeader .dark-call a.watch {
  border: 2px solid #000;
}
/* end .newImageHeader */
.privateHeader {
/*  background: url('../../images/charters/charterPrivate.jpg');*/
  background-size: cover;
  background-position: center center;
}
.breadcrumbs {
  text-transform: uppercase;
  font-size: 0.7em;
}
/* 2019 template */
.headerVideo {
  position: relative;
  width: 100%;
  margin: auto;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.9);
}
h2#videoanchor {
  width: 100%;
  text-align: center;
  margin: 20px 0;
}
#bookAfter .gform_wrapper .top_label .gfield_label {
  color: #000 !important;
}
.embed-container {
  position: relative;
  z-index: 99;
}
#bookAfter {
  margin: 0 auto;
  padding: 30px;
  text-align: center;
}
#bookAfter h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin: 0 auto;
  padding: 0;
  text-transform: uppercase;
  color: #000;
  font-size: 1em;
  border: 0;
}
/* simple white page headers */
.simpleHeaderText {
  text-align: center;
  padding: 5% 0;
}
.simpleHeaderText h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  margin: 0 auto;
  width: 75%;
  font-size: 3em;
  letter-spacing: 1px;
}
.simpleHeaderText h1 span {
  font-size: 0.5em;
  display: block;
  margin-bottom: 10px;
}
.simpleHeaderText h2 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.3em;
  margin: 10px auto 20px;
  line-height: 1.5em;
  width: 80%;
}
.simpleHeaderText a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  padding: 8px 15px;
  border: 3px solid #FFF;
  margin-bottom: 10px;
  border: 3px solid #00A8E9;
}
.simpleHeaderText a.hollow {
  background: rgba(0, 0, 0, 0.5);
  margin-right: 10px;
  border: 3px solid #FFF;
}
.simpleHeaderText .breadcrumbs a {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  background: none;
  color: #00A8E9;
  padding: 0 6px 0 0;
  border: 0;
}
.simpleHeaderText .breadcrumbs a:hover {
  color: #000;
}
/* REMOVE? I believe the following is discontinued - pertaining to the pre 2019 charter pages? */
.headerText {
  position: absolute;
  z-index: 999;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 10px solid #000;
  text-align: left;
  padding: 14% 100px;
  width: 100%;
  height: 100%;
}
.headerText .headerTextLinks {
  position: relative;
  top: 23px;
  left: 100px;
}
.headerText h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  margin: 0 auto;
  font-size: 3em;
  letter-spacing: 1px;
}
.headerText h1 span {
  font-size: 0.5em;
  display: block;
  margin-bottom: 10px;
}
.headerText h2 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.3em;
  margin: 10px auto 20px;
  line-height: 1.5em;
}
.headerText a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  padding: 8px 15px;
  margin-right: 10px;
  border: 3px solid #00A8E9;
}
.headerText a:hover {
  background-color: #000;
  border: 3px solid #000;
}
.headerText a.hollow {
  background: rgba(0, 0, 0, 0.5);
  border: 3px solid #FFF;
}
.headerText a.hollow:hover {
  background-color: #FFF;
  color: #000;
}
.headerText .breadcrumbs {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.7em;
  text-transform: uppercase;
  margin: 0 0 20px;
}
.headerText .breadcrumbs a {
  padding: 0;
  background: none;
  border: 0;
  letter-spacing: 0;
}
.headerText .breadcrumbs a:hover {
  color: #00A8E9;
}
/* close headertext thanks yay come again */
.video-play-button {
  position: absolute;
  z-index: 10;
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}
.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #FFF;
  /* color for pulse border */
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #00A8E9;
  /* button background */
  border-radius: 50%;
  transition: all 200ms;
}
.video-play-button:hover:after {
  background-color: #1a1a1a;
  /* button background on hover */
}
.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #FFF;
  /* play triangle color */
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0.2;
  }
}
.nonVideo .headerTextLinks {
  left: 0;
  top: 0;
}
/* REMOVE? The following are old static background images, pre 2019 charter template update */
.blackwaterText {
  background: url('../../images/charters/charter-blackwater-blur.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.mantablackText {
  background: url('../../images/charters/charter-manta-black.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.mantadiveText {
  background: url('../../images/charters/nightDivesBlur.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.nightreefText {
  background: url('../../images/charters/charter-night-reef-blur.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.longrangeText {
  background: url('../../images/charters/charter-long-range-blur.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.localText {
  background: url('../../images/charters/charter-long-range-blur.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.advancedText {
  background: url('../../images/charters/charter-advanced-blur.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.snubaText {
  background: url('../../images/charters/charter-snuba-blur.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.dolphinText {
  background: url('../../images/charters/chartersSnorkelBkdBlur2.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.whaleText {
  background: url('../../images/charters/whaleBlur.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.twotankmantaText {
  background: url('../../images/charters/charter-two-tank-manta-blur.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.kbayText {
  background: url('../../images/charters/charter-long-range-blur.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
/* END REMOVE? --------------------------------------------------- */
.dark h1,
.dark h2,
.dark h3 {
  color: #000;
}
.leftText {
  text-align: left;
  width: 90%;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 60px;
}
.leftText h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 4em;
}
.leftText h2 {
  width: 75%;
  line-height: 1.5em;
  font-size: 1.5em;
}
.rightText {
  text-align: right;
  width: 90% position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 60px;
}
.rightText h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 4em;
}
.rightText h2 {
  width: 75%;
  line-height: 1.5em;
  font-size: 1.5em;
}
.centerText {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 70%;
  margin: -250px auto 0 auto;
}
.centerText .makaM {
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.centerText img {
  width: 200px;
  height: auto;
  margin: 0 auto;
}
.centerText h1 {
  font-size: 3em;
}
.centerText p {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.1em;
  line-height: 1.4em;
  margin: 20px 0;
}
.centerText h2 {
  width: 100%;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.imageHeaderFull {
  height: 100vh;
}
.nonLinks {
  padding: 0;
  text-align: center;
}
.privateCharterHeader {
  background: url('../../images/charters/charterPrivate.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.whitePageHeader {
  text-align: center;
  color: #000;
  margin: 0 auto;
  padding: 50px 0;
}
.whitePageHeader h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 3em;
  letter-spacing: 2px;
}
.whitePageHeader h2 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.whitePageHeader a {
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  border: 3px solid #000;
  background-color: #FFF;
  color: #000;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.whitePageHeader a:hover {
  border: 3px solid #00A8E9;
  background-color: #00A8E9;
  color: #FFF;
}
.certificationsHeader {
  background: url('../../images/charters/testBlur.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.certificationIcons {
  color: #000;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
}
.certificationIcons h2 {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
  letter-spacing: 2px;
  margin: 50px 0 20px;
}
/* the padi header thing*/
.certHeader {
  width: 70%;
  text-align: left;
  overflow: hidden;
  margin: 50px auto;
}
.certHeader img {
  width: 180px;
  height: auto;
  float: left;
}
.certHeader .certHeaderText {
  float: right;
  width: 80%;
}
.certHeader .certHeaderText h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  color: #FFF;
  font-size: 2.5em;
  letter-spacing: 2px;
  margin-top: 45px;
  margin-bottom: 10px;
}
.certHeader .certHeaderText h2 {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  color: #FFF;
  font-size: 1.1em;
  letter-spacing: 1px;
  margin: 0 auto 60px;
}
.certifications {
  background-color: #FFF;
  overflow: hidden;
  padding: 30px 0;
}
.certificationNote {
  font-size: 1.2em;
  margin: 0 auto 20px;
  width: 60%;
  background-color: #FFF;
  padding: 30px;
  border-radius: 10px;
}
.certificationNote h3 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  border-bottom: 1px solid #F3F3F3;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.certificationNote span {
  color: #BE0000;
}
.certificationRow {
  width: 80%;
  border-bottom: 1px solid #CCC;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  padding: 30px 0;
}
.certificationRow .certificationRowText {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.certificationRow .certificationRowText img {
  width: 15%;
  height: auto;
}
.certificationRow .certificationRowText .certificationInfo {
  width: 50%;
}
.certificationRow .certificationRowText .certificationInfo h3 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.4em;
  color: #000;
}
.certificationRow .certificationRowText .certificationInfo p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  margin: 15px 0;
  color: #000;
  line-height: 1.2em;
}
.certificationRow .certificationRowText .certificationInfo p.note {
  font-size: 0.9em;
  color: #BE0000;
  line-height: 1.1em;
}
.certificationRow .certificationRowText .certificationInfo p.price {
  font-size: 0.9em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.certificationRow .certificationRowText a.learnMore {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  padding: 10px 15px;
}
.certificationRow:last-of-type {
  border-bottom: 0;
}
.charterIcons {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}
.charterIcons h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 3em;
  letter-spacing: 2px;
  margin-top: 10vh;
  margin-bottom: 50px;
}
.charterIcons h2 {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 50px 0 20px;
}
.charterIcons .charterIcon {
  width: 10%;
  display: inline-block;
  vertical-align: top;
  margin: 0 1.5%;
  margin-bottom: 20px;
}
.charterIcons .charterIcon img {
  width: 80%;
  height: auto;
}
.charterIcons .charterIcon h3 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
}
.darkIcons {
  color: #000;
}
.darkIcons .certIcon h3 {
  color: #000 !important;
}
.darkIcons .charterIcon h3 {
  color: #000 !important;
}
.otherCerts {
  margin: 60px auto;
}
.certBackground {
  display: block;
  position: absolute;
  top: 150px;
  left: 0;
  padding-bottom: 100%;
  width: 100%;
  z-index: -10;
}
.certSingleHeader {
  width: 100%;
  text-align: center;
  margin: 50px auto;
}
.certSingleHeader h1 {
  color: #000;
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 4px;
}
.certSingleHeader h2 {
  font-size: 1.2em;
  color: #000;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.certSingleHeader h2.priceDuration {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 1px;
  margin-top: 10px;
  color: #FFF;
  background-color: #00A8E9;
  text-transform: uppercase;
  font-size: 0.8em;
  padding: 15px 13px 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
}
.certSingleInfo {
  color: #000;
  margin: 0 auto;
}
.certSingleInfo .section {
  padding: 20px 0;
  overflow: hidden;
}
.certSingleInfo .section .columns {
  width: 90%;
  margin: 10px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.certSingleInfo .section .columns .column {
  background-color: #F8F8F8;
  width: 30%;
  height: 300px;
  border-radius: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.certSingleInfo .section .onecolumns .column {
  width: 70%;
  margin: 0 auto;
}
.certSingleInfo .section .twocolumns .column {
  width: 47%;
  height: 150px;
}
.certSingleInfo .section .columnContent {
  position: relative;
  top: -30px;
}
.certSingleInfo .section span.value {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  letter-spacing: 1px;
  font-size: 0.9em;
  padding: 10px 20px;
  background-color: #00A8E9;
  color: #FFF;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.certSingleInfo .section span.grayValue {
  background-color: #333;
}
.certSingleInfo .section span.biggerValue {
  font-size: 1.1em;
}
.certSingleInfo .section .colHeader {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4em;
  line-height: 1.3em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.certSingleInfo .section .originalPrice {
  text-decoration: line-through;
  color: #BE0000;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
}
.certSingleInfo .section .discountPrice {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  margin-top: 10px;
}
.certSingleInfo .section .fineprint {
  color: #888;
  font-size: 0.8em;
  margin-top: 10px;
}
.certSingleInfo .section h2 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: lowercase;
  font-size: 1.5em;
  float: left;
  width: 20%;
}
.certSingleInfo .section h3 {
  text-transform: uppercase;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 10px;
  font-size: 1.3em;
}
.certSingleInfo .section li {
  line-height: 1.5em;
}
.certSingleInfo .section a {
  color: #00A8E9;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.certSingleInfo .section a:hover {
  text-decoration: underline;
}
.certSingleInfo .section .info {
  width: 75%;
  float: right;
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.certSingleInfo .section p {
  line-height: 1.6em;
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 15px;
}
.certSingleInfo .section p.note {
  color: #BE0000;
}
.certSingleInfo .section ul {
  list-style: disc;
  margin-left: 25px;
}
.certSingleInfo .section ul li {
  font-size: 0.9em;
}
.certSingleInfo .section .note p {
  display: block;
  color: #00A8E9;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.certSingleInfo .section img {
  max-width: 100%;
}
.certSingleInfo .section .courseRow {
  margin-bottom: 35px;
}
.certSingleInfo .section .courseRow:last-of-type {
  margin-bottom: 0;
}
.certSingleWrap {
  width: 90%;
}
.certSingleFull {
  width: 90%;
}
.courseEnrollBox {
  margin-top: 60px;
  background-color: #00A8E9;
  width: 100%;
  text-align: center;
  padding: 30px 0;
}
.courseEnrollBox p {
  padding: 10px 70px;
  font-size: 1.7em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  display: block;
}
.courseEnrollBox a {
  border: 2px solid #FFF;
  padding: 20px;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
}
.courseEnrollBox a:hover {
  color: #00A8E9;
  background-color: #FFF;
}
.courseEnrollBox span {
  display: block;
  margin-top: 23px;
  font-size: 0.8em;
}
.certNote {
  width: 50%;
  margin: 0 auto;
  background-color: #00A8E9;
  padding: 20px 60px;
  border-radius: 5px;
}
.certNote p {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  color: #FFF;
}
.certNote a {
  color: #000;
}
.newHomeFeatures .newHomeFeature {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.newHomeFeatures .newHomeFeature .featureImage,
.newHomeFeatures .newHomeFeature .featureText {
  width: 50%;
}
.newHomeFeatures .newHomeFeature .featureImage {
  height: 500px;
}
.newHomeFeatures .newHomeFeature .featureText {
  height: 500px;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
.newHomeFeatures .newHomeFeature .featureText .featureTextContent {
  width: 70%;
}
.newHomeFeatures .newHomeFeature .featureText .featureTextContent .featureSmall {
  text-transform: uppercase;
  font-size: 0.9em;
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 1px;
}
.newHomeFeatures .newHomeFeature .featureText .featureTextContent span.annual {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  background-color: #00A8E9;
}
.newHomeFeatures .newHomeFeature .featureText .featureTextContent .featureHeader {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.8em;
}
.newHomeFeatures .newHomeFeature .featureText .featureTextContent .featureSub {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4em;
  margin: 10px 0;
}
.newHomeFeatures .newHomeFeature .featureText .featureTextContent .featureLink {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
}
.newHomeFeatures .newHomeFeature .featureText .featureTextContent ul li {
  border-bottom: 1px solid #333;
  padding: 10px;
}
.newHomeFeatures .newHomeFeature .featureText .featureTextContent ul li:last-of-type {
  border-bottom: 0;
}
.newHomeFeatures .newHomeFeature .featureText .featureTextContent ul li span {
  float: right;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.newHomeFeatures .wrapReverse {
  flex-direction: row-reverse;
}
.privateCharterFeature .featureImage {
  background: url('../../images/boats/honu-iki-aerial.jpg');
  background-size: cover;
  background-position: center center;
}
.kamaainaFeature .featureImage {
  background: url('../../images/charters/longrangeBlur.jpg');
  background-size: cover;
  background-position: center center;
}
.instructionFeature .featureImage {
  background: url('../../images/certifications/instruction-feature.jpg');
  background-size: cover;
  background-position: center center;
}
.divesFeature .featureImage {
  background: url('../../images/boats/honu-iki-aerial.jpg');
  background-size: cover;
  background-position: center center;
}
.pricingFeature .featureImage {
  background: url('../../images/club/club-pricing.jpg');
  background-size: cover;
  background-position: center center;
}
.friendsFeature .featureImage {
  background: url('../../images/club/club-manta.jpg');
  background-size: cover;
  background-position: center center;
}
.shakaFeature .featureImage {
  background: url('../../images/club/club-shaka.jpg');
  background-size: cover;
  background-position: center center;
}
.retailFeature .featureImage {
  background: url('../../images/retail/retail-consult.jpg');
  background-size: cover;
  background-position: center center;
}
.nitroxFeature .featureImage {
  background: url('../../images/retail/nitrox.jpg');
  background-size: cover;
  background-position: center center;
}
.padiFeature .featureImage {
  background: url('../../images/club/club-padi.jpg');
  background-size: cover;
  background-position: center center;
}
.shoreFeature .featureImage {
  background: url('../../images/club/club-shore.jpg');
  background-size: cover;
  background-position: center center;
}
.tanksFeature .featureImage {
  background: url('../../images/retail/accessories.jpg');
  background-size: cover;
  background-position: center center;
}
.linksPage {
  background-color: #00A8E9;
  overflow: hidden;
}
.linksPageLogo {
  width: 100%;
  margin: 10px auto;
  text-align: center;
}
.linksPageLogo img {
  width: 30%;
}
.dealLinks {
  margin: 30px auto;
  width: 80%;
}
.dealLinks a {
  display: block;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  padding: 20px;
  font-size: 1.1em;
  text-align: center;
  background-color: #FFF;
  color: #00A8E9;
  margin: 10px auto;
}
.homeFeatures .foodFeat {
  background: url('../../images/homepage/home-food-drive.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.homeFeatures .nightFeat {
  background: url('../../images/homepage/night-dives.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.homeFeatures .scubaFeat {
  background: url('../../images/homepage/scuba-dive.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.homeFeatures .shopFeat {
  background: url('../../images/homepage/dive-gear.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.homeFeatures .snorkelFeat {
  background: url('../../images/homepage/snorkeling.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.homeFeatures .certFeat {
  background: url('../../images/homepage/try-dive.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.webp .homeFeatures .foodFeat {
  background: url('../../images/homepage/home-food-drive.webp');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.webp .homeFeatures .nightFeat {
  background: url('../../images/homepage/night-dives.webp');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.webp .homeFeatures .scubaFeat {
  background: url('../../images/homepage/scuba-dive.webp');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.webp .homeFeatures .shopFeat {
  background: url('../../images/homepage/dive-gear.webp');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.webp .homeFeatures .snorkelFeat {
  background: url('../../images/homepage/snorkeling.webp');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.webp .homeFeatures .certFeat {
  background: url('../../images/homepage/try-dive.webp');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.homeFeatures .homeFeature {
  padding: 200px 0;
  width: 100%;
  background-color: #39C6FF;
}
.homeFeatures .homeFeatureContent {
  color: #FFF;
  margin: 0 100px;
  width: 60%;
}
.homeFeatures .homeFeatureContent h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 3.5em;
  line-height: 0.9em;
}
.homeFeatures .homeFeatureContent h2 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.3em;
  margin: 15px 0;
}
.homeFeatures .homeFeatureContent a {
  margin-top: 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
}
.homeFeatures .homeFeatureContent a:hover {
  background-color: #FFF;
  color: #000;
}
.homeFeatures .homeFeatureContent p {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 15px 0;
  padding-right: 40%;
}
.homeFeatures .homeFeatureRight {
  background-color: #EBEBEB;
  text-align: right;
  overflow: hidden;
}
.homeFeatures .homeFeatureRight p {
  padding-left: 40%;
  padding-right: 0;
}
.homeFeatures .homeFeatureRight .homeFeatureContent {
  float: right;
}
.homeFeatures .homeFeatureCenter {
  font-size: 1.2em;
  background-color: #EBEBEB;
  text-align: center;
  overflow: hidden;
}
.homeFeatures .homeFeatureCenter p {
  padding-right: 0;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.homeFeatures .homeFeatureCenter .homeFeatureContent {
  width: 50%;
  margin: 0 auto;
}
.homeFeatures .homeBlogFeature {
  width: 90%;
  margin: 0 auto;
}
.homeFeatures .homeBlogFeature a {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-evenly;
}
.homeFeatures .homeBlogFeature .featBlogThumb {
  width: 35%;
  margin: 40px 0;
}
.homeFeatures .homeBlogFeature .featBlogThumb img {
  max-width: 100%;
  height: auto;
}
.homeFeatures .homeBlogFeature .featBlogExcerpt {
  width: 50%;
}
.homeFeatures .homeBlogFeature .featBlogExcerpt .featBlogExcerptContent {
  color: #000;
}
.homeFeatures .homeBlogFeature .featBlogExcerpt .featBlogExcerptContent h3 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  color: #00A8E9;
  font-size: 0.8em;
  margin: 0 0 20px;
}
.homeFeatures .homeBlogFeature .featBlogExcerpt .featBlogExcerptContent h2 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
}
.homeFeatures .homeBlogFeature .featBlogExcerpt .featBlogExcerptContent p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin: 10px 0;
  font-size: 0.9em;
  line-height: 1.3em;
}
.homeFeatures .homeBlogFeature .featBlogExcerpt .featBlogExcerptContent span.more {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  color: #FFF;
}
.homeFeatures .homeBlogFeature a:hover .featBlogExcerpt .featBlogExcerptContent span.more {
  background-color: #000;
}
.learnToDive {
  width: 100%;
  overflow: hidden;
  text-align: center;
  background: url('../../images/homepage/home-background.jpg') no-repeat 50% 0 fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.learnToDive .learnToDiveContent {
  padding: 150px 0;
}
.learnToDive .learnToDiveContent h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 3em;
}
.learnToDive .learnToDiveContent a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-size: 1.2em;
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  padding: 20px;
}
/* END HEADER ------------------------------ */
/* REMODALS & MISC PAGE ELEMENTS ------------ */
/* booking modal */
.remodal {
  text-align: left;
  padding: 20px !important;
}
.remodal h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}
.remodal p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  padding: 0 0 15px 0;
}
.calRemodal {
  width: 80% !important;
  padding: 20px !important;
}
.calRemodal p.modalHeader {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.8em;
  text-align: center;
}
.calRemodal p.modalBold {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4em;
  width: 90%;
  margin: 0 auto 20px auto;
  text-align: center;
}
.tipRemodal {
  width: 40% !important;
  text-align: left;
  padding: 40px !important;
}
.tipRemodal a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  color: #FFF !important;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
}
.tipRemodal a:hover {
  color: #FFF !important;
  background-color: #000;
}
.cancellationRemodal {
  text-align: left;
  padding: 40px !important;
}
.cancellationRemodal .policyDetail {
  padding-bottom: 30px;
}
.cancellationRemodal .policyDetail a {
  color: #00A8E9 !important;
}
.cancellationRemodal .policyDetail a:hover {
  color: #000 !important;
}
.nitroxRemodal {
  background-color: #000000 !important;
  width: 350px !important;
  color: #FFF !important;
  padding: 10px 30px !important;
  text-align: left;
}
.nitroxRemodal a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  border: 2px solid #FFF;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.nitroxRemodal h1 {
  border: 0;
  margin: 20px 0 0;
  padding: 0;
}
.nitroxRemodal p {
  padding: 0 0 10px;
}
.waiverRemodal {
  width: 500px !important;
  text-align: left;
}
.waiverRemodal .bidWaivers a {
  width: 44%;
}
.goproRemodal {
  background-color: #000000 !important;
  width: 350px !important;
  color: #FFF !important;
  padding: 10px 30px 30px !important;
  text-align: left;
}
.goproRemodal a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  border: 2px solid #FFF;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.goproRemodal h1 {
  border: 0;
  margin: 20px 0 0;
  padding: 0;
}
.goproRemodal p {
  padding: 0 0 10px;
}
.gearRemodal {
  background-color: #000000 !important;
  width: 350px !important;
  color: #FFF !important;
  padding: 10px 30px 30px !important;
  text-align: left;
}
.gearRemodal a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  border: 2px solid #FFF;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.gearRemodal h1 {
  border: 0;
  margin: 20px 0 0;
  padding: 0;
}
.gearRemodal p {
  padding: 0 0 10px;
}
.callUs span {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  display: block;
  font-size: 1.8em;
  margin: 10px 0;
}
.remodal .note {
  color: #FFF;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin: 10px auto;
  background-color: #FFA500;
  padding: 10px !important;
  font-size: 1.1em;
  display: block;
}
#video-background {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: 50% 50%;
  z-index: -1;
}
.slides-container {
  z-index: 0;
  display: none;
}
/* END REMODALS */
/* CHARTER INDEX PAGE ---------------------- */
.charterSection {
  width: 100%;
  padding: 100px 0;
  background-color: #333;
  overflow: hidden;
}
.chartersDayDives {
  background: url('../../images/charters/dayDivesBlur.jpg');
  padding: 0 0 100px 0;
  background-size: cover;
  box-sizing: content-box;
}
.chartersNightDives {
  background: url('../../images/charters/nightDivesBlur.jpg');
  padding: 0 0 100px 0;
  background-size: cover;
  box-sizing: content-box;
}
.chartersPackages {
  background: url('../../images/charters/chartersPackagesBlur.jpg');
  background-size: cover;
  box-sizing: content-box;
}
.chartersSnorkeling {
  background: url('../../images/charters/turtle-background.jpg');
  padding: 0 0 100px 0;
  background-size: cover;
  background-position: center center;
  box-sizing: content-box;
}
.chartersSnorkelingPackages {
  background: url('../../images/charters/snorkelBlur.jpg');
  background-size: cover;
  box-sizing: content-box;
}
.charterSectionWrapper {
  width: 90%;
  margin: 0 auto;
}
.charterSectionWrapper h1.sectionTitle {
  font-size: 5em;
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin: 0px auto;
  text-align: center;
  padding-bottom: 20px;
}
.charterSectionWrapper h2 {
  font-size: 1.2em;
  text-align: center;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.charterSectionWrapper img.titleIcon {
  float: left;
  width: 68px;
  height: auto;
  position: relative;
  top: -10px;
}
.charterSectionWrapper .charterSectionHeader {
  overflow: hidden;
  margin-left: -15px;
  margin-bottom: 50px;
}
.chartersDayDives .charterSectionHeader,
.chartersNightDives .charterSectionHeader,
.chartersSnorkeling .charterSectionHeader {
  padding-top: 30px;
}
.charterFeature {
  overflow: hidden;
  margin-bottom: 30px;
}
.charterFeature img.charterThumb {
  max-width: 100%;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  border: 2px solid #00A8E9;
}
.charterFeature .chartFeatLeft {
  display: inline-block;
  vertical-align: middle;
  width: 45%;
}
.charterFeature .chartFeatRight {
  display: inline-block;
  vertical-align: middle;
  width: 45%;
  margin-left: 9%;
}
.charterFeature h1 {
  font-size: 3em;
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.charterFeature h3 {
  text-transform: uppercase;
  font-size: 0.9em;
  letter-spacing: 2px;
}
.charterFeature a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  font-size: 1.1em;
  padding: 20px;
  border: 0;
  color: #FFF;
}
.charterFeature a:hover {
  border: 2px solid #00A8E9;
  background-color: #00A8E9;
}
.charterFeature p.price {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 5px;
  padding: 0;
  font-size: 1.2em;
}
.charterFeature p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.1em;
  line-height: 1.4em;
  padding: 20px 0;
}
.charterSectionHeader h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 5em;
}
.charterSectionHeaderSpace {
  margin-top: 70px;
}
.charterBlock {
  margin: 15px 9% 60px 0;
  width: 45%;
  display: inline-block;
  vertical-align: top;
}
.charterBlock h2 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  text-align: left;
}
.charterBlock img {
  float: right;
  border: 2px solid #00A8E9;
  margin: 0 0 40px 10px;
  width: 100px;
  height: auto;
  -webkit-border-radius: 250px;
  -moz-border-radius: 250px;
  border-radius: 250px;
}
.charterBlock h3 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.8em;
  letter-spacing: 2px;
  padding: 5px 0 10px;
}
.charterBlock p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  line-height: 1.5em;
  padding: 10px 30px 15px 0;
}
.charterBlock a,
.charterBlock span {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  border: 2px solid #FFF;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
}
.charterBlock a:hover {
  border: 2px solid #00A8E9;
  background-color: #00A8E9;
}
.charterBlock p.price {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 5px;
  padding: 0;
  font-size: 1.2em;
}
.charterBlock:nth-of-type(even) {
  margin-right: 0;
}
.charterLight {
  color: #FFF !important;
}
.charterLight p {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.charterLight a {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  color: #FFF;
  border: 2px solid #FFF;
  background: none;
}
.charterDark {
  color: #000 !important;
}
.charterDark p {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.charterDark a {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  color: #000;
  border: 2px solid #000;
  background: none;
}
/* END CHARTER INDEX PAGE ------------------ */
/* CHARTER LANDING PAGES ------------------------------------------------------------ */
.charterLanding h1 {
  border: 0 !important;
}
.charterLanding h2 {
  display: block !important;
  font-size: 1.2em;
}
.diveSitesList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.diveSitesList .diveSitesGroup {
  width: 25%;
}
.diveSitesList .diveSitesGroup a {
  display: block;
}
/* END CHARTER LANDING PAGES -------------------------------------------------------- */
/* CHARTER CONTENT PAGES ------------------- */
/* still used on p charter page */
.morningHeader {
  background: url('../../images/charters/testBlur.jpg');
  background-attachment: fixed;
  background-size: 100%;
}
.charterDetailsWrapper {
  width: 90%;
  margin: 0 auto;
  max-width: 1300px;
}
.lineBreak {
  padding: 20px 0;
  border-bottom: 1px solid #E3E3E3;
  display: block;
  clear: both;
}
.charterDetails {
  background-color: #FFF;
  padding: 30px;
  color: #000;
  overflow: hidden;
  /*span {.NexaBook; font-size: .8em; position: relative; left: 10px; top: -3.5px; display: inline-block; color: #ee8b1e; border: 2px solid #ee8b1e; text-transform: uppercase; padding: 5px;}*/
}
.charterDetails h1 {
  color: #00A8E9;
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  margin: 40px 0 0 0;
  padding-top: 20px;
  text-transform: uppercase;
  font-size: 1.7em;
  border-top: 1px solid #333;
  width: 100%;
}
.charterDetails h2 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.5em;
  display: inline-block;
}
.charterDetails h3 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin-top: 3px;
}
.charterDetails p.multiCharter {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  color: #00A8E9;
  margin-bottom: 30px;
  font-size: 1.1em;
}
.charterDetails h4 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 0.8em;
  margin-top: 16px;
  margin-bottom: -5px;
  color: #00A8E9;
}
.charterDetails p {
  font-size: 1em;
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  line-height: 1.7em;
  margin: 10px 0;
}
.charterDetails ul li {
  list-style: disc outside none;
  display: list-item;
  margin-left: 1.3em;
  line-height: 1.8em;
}
.charterDetails a {
  color: #00A8E9;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
}
.charterDetails figure {
  background-color: #DCDCDC;
}
.charterDetails figure.alignLeft {
  float: left;
  width: 65%;
  margin: 10px 35px 20px 0;
}
.charterDetails figure.alignRight {
  float: right;
  width: 65%;
  margin: 10px 0 20px 35px;
}
.charterDetails figure figcaption p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  padding: 0 12px 0 12px;
}
.charterDetails figure img {
  max-width: 100%;
}
.charterDetails p em {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.charterDetails .extendedDetails {
  margin-top: 30px;
}
.charterDetails .otherManta a {
  color: #FFF;
}
.charterDetails .otherManta {
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  margin-bottom: 30px;
  border: 3px solid #00A8E9;
  background-color: #00A8E9;
  text-align: center;
  padding: 10px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
}
.charterDetails .otherManta:hover {
  background-color: #FFF;
}
.charterDetails .otherManta:hover a {
  color: #00A8E9;
}
.charterDetails .otherPackages {
  float: right;
  text-align: center;
  margin-top: 40px;
  margin-right: 40px;
}
.charterDetails .otherPackages p {
  font-size: 0.9em;
}
.charterDetails .otherPackages a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  font-size: 0.8em;
  letter-spacing: 1px;
  color: #FFF;
  font-size: 1.2em;
}
.charterDetails .otherPackages a:hover {
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  background-color: #000;
}
.charterDetails .priceBox {
  border: 3px dashed #00A8E9;
  overflow: hidden;
  float: right;
  width: 300px;
  margin-left: 60px;
  margin-bottom: 50px;
  text-align: center;
  border-radius: 20px;
}
.charterDetails .priceBox .charterThumb {
  width: 300px;
  height: auto;
}
.charterDetails .priceBox .priceBoxContent {
  padding: 10px 30px 15px;
}
.charterDetails .priceBox .priceBoxContent a.bookNow,
.charterDetails .priceBox .priceBoxContent a.moreInfo {
  margin: 10px 0 25px;
  display: inline-block;
  color: #FFF;
  background-color: #00A8E9;
  font-size: 1.3em;
  text-transform: uppercase;
  padding: 15px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 1px;
}
.charterDetails .priceBox .priceBoxContent a.bookNow:hover,
.charterDetails .priceBox .priceBoxContent a.moreInfo:hover {
  background-color: #333;
}
.charterDetails .priceBox .priceBoxContent span.callToBook {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  border: 2px solid #FFF;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  color: #00A8E9;
  border: 2px solid #00A8E9;
}
.charterDetails .priceBox .priceBoxContent p.price {
  display: block;
  font-size: 2.2em;
}
.charterDetails .priceBox .priceBoxContent p.price span {
  display: block;
  font-size: 0.5em;
  line-height: 0.5em;
  text-transform: uppercase;
}
.charterDetails .priceBox .priceBoxContent p.discounted {
  text-decoration: line-through;
  color: #BE0000;
}
.charterDetails .priceBox .priceBoxContent p.discountPrice {
  margin-left: 10px;
  display: inline-block;
  font-size: 1.5em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.charterDetails .priceBox .priceBoxContent p.priceNote {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.6em;
  margin: 30px 0 0;
}
.charterDetails .priceBox .priceBoxContent a.tipNote {
  margin: 5px 0 10px;
  padding: 10px 20px;
  display: inline-block;
  color: #000;
  border: 1px solid #000;
  border-radius: 5px;
}
.charterDetails .priceBox .priceBoxContent a.tipNote span {
  margin: -2px 10px 0 0;
  width: 40px;
  height: 40px;
  background: url('../../images/icons/tip-icon.png');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
}
.charterDetails .priceBox .priceBoxContent a.tipNote:hover {
  color: #FFF;
  background-color: #333;
}
.charterDetails .priceBox .priceBoxContent a.termsCancel {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  color: #000;
  border: 1px solid #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #FFF;
  font-size: 0.6em;
}
.charterDetails .priceBox .priceBoxContent a.termsCancel:hover {
  color: #FFF;
  background-color: #333;
}
.charterDetails .details h2 {
  margin-top: 10px;
}
.charterDetails .details p {
  margin-top: 10px;
}
.charterDetails .detailsRow {
  overflow: hidden;
  margin-bottom: 30px;
}
.charterDetails .detailsColumn {
  width: 48%;
  display: inline-block;
  vertical-align: top;
}
.charterDetails .FAQs {
  margin-top: 50px;
}
.charterDetails .FAQs h2 {
  margin-bottom: 10px;
}
.charterDetails .mantaGuarantee {
  width: 100%;
  margin: 0 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
}
.charterDetails .guaranteeIcon {
  width: 30%;
}
.charterDetails .guaranteeIcon img {
  max-width: 100%;
}
.charterDetails .guaranteeInfo {
  width: 65%;
}
.charterDetails .guaranteeInfo p.goal {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 1;
  margin: 30px 0 0;
}
.charterDetails .guaranteeInfo p.guarantee {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.3em;
  line-height: 1.4em;
}
.charterDetails .guaranteeInfo p.fineprint {
  font-size: 0.8em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.charterDetails .guaranteeInfo a.calendarPop {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
}
.charterDetails .guaranteeInfo a.calendarPop:hover {
  background-color: #000;
}
.charterDetails .reasons {
  width: 100%;
  margin: 0 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
}
.charterDetails .reason {
  background-color: #F8F8F8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 31%;
}
.charterDetails .reason .reasonContent {
  padding: 25px;
}
.charterDetails .reason .reasonContent h3 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.3em;
}
.charterDetails .reason .reasonContent p {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
}
.charterDetails .reason .reasonContent img {
  max-width: 30%;
  height: auto;
  float: left;
  margin-right: 30px;
  margin-bottom: 5px;
}
.charterDetails .boatsWrapper {
  margin: 25px 0 0;
}
.charterDetails .privateBoats {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.charterDetails .privateBoats .privateBoat {
  width: 47%;
  display: inline-block;
  vertical-align: top;
  margin: 20px 0 0;
  margin-right: 0.7%;
  overflow: hidden;
}
.charterDetails .privateBoats .privateBoat .boatName {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.4em;
  margin: 15px 0 5px;
}
.charterDetails .privateBoats .privateBoat p.accommodates {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  width: 90%;
  margin: 0;
}
.charterDetails .privateBoats .privateBoat p.privatePrice {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-decoration: line-through;
  color: #BE0000;
  margin: 10px 0 0;
}
.charterDetails .privateBoats .privateBoat p.specialPrice {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin: 0;
}
.charterDetails .privateBoats .privateBoat img {
  width: 100%;
  height: auto;
}
.charterDetails .privateBoats .privateBoat a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  margin: 10px 0 20px;
}
.charterDetails a.smallBookPrivate {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
}
.charterDetails .bookPrivate {
  margin: 40px 0 0;
  text-align: center;
}
.charterDetails .bookPrivate a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  font-size: 0.8em;
  letter-spacing: 1px;
  color: #FFF;
  font-size: 1.3em;
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  padding: 20px 30px;
}
/* / charter deets */
.charterDetailsOpaque {
  background-color: #FFF;
}
.fullWidthFeatures {
  width: 100%;
}
.fullWidthFeatures .fullWidthFeature img {
  max-width: 100%;
}
.rentals {
  background-color: #00A8E9;
  text-align: center;
  padding: 40px 0 50px;
}
.rentals .rentalsHeader h2 {
  text-transform: uppercase;
  font-size: 1.8em;
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  border-bottom: 1px solid #FFF;
  padding-bottom: 10px;
  display: inline-block;
  margin: 0px auto 30px;
}
.rentals .rentalItem {
  width: 19%;
  margin-right: 3.5%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.rentals .rentalItem img {
  width: 90%;
  border: 2px solid #FFF;
  height: auto;
  -webkit-border-radius: 300px;
  -moz-border-radius: 300px;
  border-radius: 300px;
}
.rentals .rentalItem .rentalItemDetails h2 {
  text-transform: none;
  font-size: 1.2em;
  padding: 10px 0 5px 0;
}
.rentals .rentalItem .rentalItemDetails p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  line-height: 1.3em;
  margin: 0 auto 23px auto;
  width: 90%;
}
.rentals .rentalItem .rentalItemDetails a {
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  color: #FFF;
  padding: 7px 15px;
  background-color: #00A8E9;
  border: 2px solid #FFF;
  text-transform: uppercase;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.8em;
}
.rentals .rentalItem .rentalItemDetails a:hover {
  background-color: #FFF;
  color: #000;
}
.rentals .rentalItem:nth-of-type(4n) {
  margin-right: 0;
}
.darkCharterDetails {
  color: #FFF;
  background-color: #231f20;
}
.darkCharterDetails h1 {
  border: 0;
  text-align: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 1.8em;
}
.darkCharterDetails p {
  font-size: 0.9em;
  line-height: 1.6em;
}
.darkCharterDetails a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  background-color: #231f20;
  color: #00A8E9;
  border: 2px solid #00A8E9;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.darkCharterDetails a:hover {
  background-color: #00A8E9;
  color: #FFF;
}
.darkCharterDetails .left,
.darkCharterDetails .right {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}
.darkCharterDetails .left {
  width: 45%;
}
.darkCharterDetails .right {
  width: 49%;
  margin-left: 5%;
}
.darkCharterDetails img {
  max-width: 100%;
  height: auto;
}
.relatedCharters .relatedHeader {
  text-align: center;
  margin: 10px 0 35px;
}
.relatedCharters .relatedHeader h2 {
  border-bottom: 1px solid #CCC;
  padding-bottom: 10px;
  font-size: 1.8em;
}
.relatedCharters .relatedHeader p {
  font-size: 0.9em;
}
.relatedCharters .relatedHeader a.packageLink {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  border: 2px solid #FFF;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  border: 2px solid #00A8E9;
  color: #00A8E9;
  padding: 1px 8px;
  margin-left: 5px;
}
.relatedCharters .relatedHeader a.packageLink:hover {
  background-color: #00A8E9;
  color: #FFF;
}
.relatedCharters .details {
  width: 30%;
  margin-right: 4.5%;
  display: inline-block;
  vertical-align: top;
}
.relatedCharters .details .detailsRow img {
  float: none;
  margin: 0 0 10px;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0;
}
.relatedCharters .details .detailsRow p {
  font-size: 0.9em;
}
.relatedCharters .details:nth-of-type(4n) {
  margin-right: 0;
}
/* END CHARTER --------------------- */
/* FEATURE PAGE ---------------------------- */
.featurePage {
  margin-top: 5%;
}
.featurePage .featurePageContent {
  text-align: center;
  width: 70%;
  margin: 0 auto 100px auto;
  display: block;
}
.featurePage .featurePageContent h2 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.3em;
  letter-spacing: 6px;
  margin-bottom: 20px;
}
.featurePage .featurePageContent h2 span {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.featurePage .featurePageContent a {
  margin-top: 20px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  border: 2px solid #00A8E9;
  background-color: #00A8E9;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.1em;
  padding: 10px 20px;
}
.featurePage .featurePageContent a:hover {
  border: 2px solid #FFF;
  background-color: rgba(0, 0, 0, 0);
}
/* END FEATURE PAGE ----------------------- */
/* GO PRO RENTAL -------------------------- */
.goProRentalHeader {
  overflow: hidden;
  background-color: #FFF;
}
.goProRentalHeader img {
  width: 100%;
  height: auto;
}
.goproHeaderText {
  margin: 30px auto !important;
}
.goProOptions {
  margin-bottom: 50px;
}
.goProOptions .column {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  margin-right: 3.3%;
}
.goProOptions .column:last-of-type {
  margin-right: 0;
}
.goProOptions h3.price {
  color: #00A8E9;
}
.goProOptions a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  padding: 10px;
  margin-top: 10px;
  color: #FFF !important;
}
/* END GOPRO RENTAL -------------------------- */
/* GUIDES YOOOOO ---------------------------- */
#scubaHeader {
  height: 100vh;
  background: url('../../images/guides/scuba-dive-guide-header.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#topTenHeader {
  height: 100vh;
  background: url('../../images/guides/top-ten-places-big-island-header.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#freedivingHeader {
  height: 100vh;
  background: url('../../images/guides/freediving-guide-header.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#snorkelGearHeader {
  height: 100vh;
  background: url('../../images/guides/snorkel-gear-guide-header.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#snorkelingPlacesHeader {
  height: 100vh;
  background: url('../../images/guides/snorkeling-guide-header.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#beachesHeader {
  height: 100vh;
  background: url('../../images/guides/beaches-guide-header.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#barRestaurantHeader {
  height: 100vh;
  background: url('../../images/guides/bar-restaurant-guide-header.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#diveLightHeader {
  height: 100vh;
  background: url('../../images/guides/divelight-guide-header.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#shoreDiveHeader {
  height: 100vh;
  background: url('../../images/guides/shore-dive-guide-header.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.guidesHeaderText {
  background-color: rgba(0, 0, 0, 0.5);
  width: 60%;
  padding: 40px 30px 40px 30px;
}
.guidesHeaderText h2 {
  font-size: 1.8em;
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  color: #00A8E9;
}
.guidesHeaderText h1 {
  font-size: 5em;
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}
.guidesHeaderText p {
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 10px 0 30px 0;
}
.guidesHeaderText a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  padding: 10px 15px;
  border: 3px solid #00A8E9;
}
.guidesHeaderText a:hover {
  background: none;
  border: 3px solid #00A8E9;
}
/*.topLeft {position: relative; left: 150px; top: 150px;}
.bottomLeft {position: relative; left: 150px; top: 60vh;}*/
/* END OF GUIDEZ --------------------------- */
/* SNORKELING GUIDE */
.snorkelGuideHeader {
  background: url('../../images/guides/snorkel-guide-header.jpg');
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  height: 700px;
}
.snorkelGuideHeaderText {
  float: right;
  text-align: right;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px 30px 20px 50px;
  margin-top: 120px;
}
.snorkelGuideHeaderText h1 {
  color: #FFF;
  font-size: 5em;
  text-transform: uppercase;
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.snorkelGuideHeaderText h1 span {
  font-size: 0.75em;
  display: block;
}
.mapCallout {
  background-image: url('../../images/guides/snorkel-guide-map-background-magic.jpg');
  background-size: 100%;
  width: 100%;
}
.mapCallout .mapCalloutOverlay {
  background: -webkit-linear-gradient(left, rgba(0, 129, 194, 0.5) 0%, rgba(112, 176, 224, 0) 100%);
  background: -o-linear-gradient(left, rgba(0, 129, 194, 0.5) 0%, rgba(112, 176, 224, 0) 100%);
  background: linear-gradient(to right, rgba(0, 129, 194, 0.5) 0%, rgba(112, 176, 224, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800081c2', endColorstr='#0070b0e0', GradientType=1);
}
.mapCallout .mapCalloutContent {
  width: 50%;
  color: #FFF;
  padding: 30px 0 50px;
  text-align: center;
}
.mapCallout .mapCalloutContent h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.mapCallout .mapCalloutContent img {
  width: 200px;
  height: auto;
}
.mapCallout .mapCalloutContent a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  margin-top: 10px;
}
.snorkelGuideSection {
  width: 80%;
  margin: 40px auto;
  padding-bottom: 40px;
  border-bottom: 1px solid #333;
}
.snorkelGuideSectionLast {
  border-bottom: 0;
}
.sectionHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sectionHeader h1 {
  width: 20%;
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  margin: 0;
}
.sectionHeader h3 {
  width: 50%;
  color: #00A8E9;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2em;
}
.sectionHeader span {
  font-size: 40px;
  line-height: 40px;
  background-color: #00A8E9;
  color: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.sectionHeader span:hover {
  background-color: #000;
}
.sectionContent {
  display: none;
  padding-top: 30px;
}
.sectionContent ul,
.sectionContent p {
  line-height: 1.6em;
  margin: 20px 0;
  width: 90%;
}
.sectionContent ul {
  padding-left: 30px;
  list-style: disc;
}
.sectionContent li {
  margin: 5px 0;
}
.snorkelCharterCallout {
  width: 100%;
  background-color: #00A8E9;
  text-align: center;
  color: #FFF;
}
.snorkelCharterCallout .snorkelCharterCalloutContent {
  padding: 50px 25px;
}
.snorkelCharterCallout .snorkelCharterCalloutContent h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.snorkelCharterCallout .snorkelCharterCalloutContent a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  border: 2px solid #FFF;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin-top: 10px;
}
/* DIVE & SNORKEL SITE MAP */
.backToSnkGuide {
  text-align: center;
}
.backToSnkGuide a {
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  display: block;
  color: #FFF;
  background-color: #00A8E9;
  overflow: hidden;
  padding: 10px 0;
  text-transform: uppercase;
  font-size: 1.2em;
}
.backToSnkGuide a:hover {
  background-color: #333;
}
#map {
  height: 40vh;
}
.snorkelSitesIntro {
  margin: 20px 0;
  text-align: center;
}
.snorkelSitesIntro h1 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin: 20px 0 5px;
}
.snorkelSitesIntro p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.snorkelSites {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.snkSite {
  width: 45%;
  margin: 10px;
  border: 1px solid #E3E3E3;
}
.snkSite img {
  max-width: 100%;
}
.snkSite .snkSiteText {
  padding: 10px;
}
.snkSite .snkSiteTextGray {
  padding: 10px;
  background-color: #F8F8F8;
}
.snkSite .snkSiteTextGray p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
}
.snkSite h2 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.3em;
  margin: 0 0 10px;
}
.snkSite p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  line-height: 1.5em;
}
.snkSite a.mapLink {
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
}
.snkSite a.mapLink span {
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  opacity: 0.2;
  display: block;
  height: 35px;
  width: 35px;
  background: url('../../images/icons/icon-map-black.png');
  background-size: 100%;
}
.snkSite a.mapLink:hover span {
  opacity: 1;
}
.snkSite a.siteLink {
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 0.9em;
  letter-spacing: 1px;
  display: block;
  color: #FFF;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0;
  background-color: #00A8E9;
}
.snkSite a.siteLink:hover {
  color: #00A8E9;
  background-color: #F8F8F8;
}
/* SPECIFIC DIVE OR SNORKEL SITE TEMPLATE */
.diveSiteDetails {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
}
.threeCol {
  width: 30%;
  margin: 30px 0 0;
}
.threeCol h2 {
  color: #00A8E9;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 10px;
}
.threeCol p {
  font-size: 0.9em;
  line-height: 1.4em;
}
p.siteDescription {
  column-count: 2;
  column-gap: 20px;
  width: 50%;
  font-size: 0.9em;
  line-height: 1.4em;
}
p.siteDescription::first-letter {
  font-size: 2em;
  float: left;
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.siteMap {
  margin-left: 5%;
  width: 44%;
  height: 300px !important;
}
.diveSiteGallery {
  margin: 50px 0;
}
.diveSiteGallery img {
  max-width: 100%;
}
.diveSiteGallery p {
  padding: 10px 30px 12px;
  font-size: 0.9em;
  border-bottom: 1px solid #888;
  margin: 0;
}
/* BLOG ------------------------------------ */
body.blog {
  background-color: #F8F8F8;
}
.newsPageComingSoon {
  width: 100%;
  height: 100vh;
  background-color: #00A8E9;
  background: #87e0fd;
  background: -moz-linear-gradient(top, #87e0fd 0%, #00a8e9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #87e0fd 0%, #00a8e9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #87e0fd 0%, #00a8e9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87e0fd', endColorstr='#00a8e9', GradientType=0);
  /* IE6-9 */
}
.newsPageComingSoon .newsComingSoonContent {
  width: 100%;
  text-align: center;
  padding-top: 20vh;
}
.newsPageComingSoon .newsComingSoonContent h1 {
  color: #FFF;
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 20px 30px;
  border: 2px solid #FFF;
  display: inline-block;
}
.newsPageComingSoon .newsComingSoonContent h2 {
  margin: 10px auto;
  font-size: 1.3em;
}
.news {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
}
.blogPosts {
  width: 74%;
  padding-top: 20px;
  color: #000;
}
.blogPosts article {
  padding: 40px 0;
  background-color: #FFF;
  border-radius: 10px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.blogPosts img {
  width: 100%;
  height: auto;
}
.blogPosts .newsWrapper {
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}
.blogPosts .newsWrapper h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 2.5em;
  line-height: 1em;
  margin-bottom: 15px;
}
.blogPosts .newsWrapper h3 {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 35px;
}
.blogPosts .newsWrapper h3 span {
  margin-right: 40px;
}
.blogPosts .newsWrapper p.author {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  margin-left: 3px;
  color: #888;
}
.blogPosts .newsWrapper p,
.blogPosts .newsWrapper li {
  line-height: 1.7em;
  margin-bottom: 20px;
}
.blogPosts .newsWrapper span.stickypost {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: none;
  padding: 4px;
  margin-right: 10px;
  background-color: #00A8E9;
  color: #FFF;
}
.blogPosts .newsWrapper span.category {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
}
.blogPosts .newsWrapper span.category a {
  color: #00A8E9;
}
.blogPosts .newsWrapper li {
  padding: 0px !important;
}
.blogPosts .newsWrapper li {
  font-size: 0.9em;
}
.blogPosts .newsWrapper ol,
.blogPosts .newsWrapper ul {
  padding-left: 20px;
}
.blogPosts .newsWrapper ul.post-categories {
  padding-left: 0;
}
.blogPosts .newsWrapper .newsTextWrapper {
  padding-top: 20px;
}
.blogPosts .newsWrapper .newsTextWrapper label {
  text-transform: uppercase;
  font-size: 0.7em;
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.blogPosts .newsWrapper .newsTextWrapper input.permalink {
  margin-top: -2px;
  padding: 5px;
  width: 400px;
  background-color: #F8F8F8;
  border: 1px solid #999;
  color: #555;
}
.blogPosts .newsWrapper .newsTextWrapper input.permalink:focus {
  outline: none;
}
.blogPosts .newsWrapper .newsTextWrapper h2 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.4em;
  margin: 20px 0;
}
.blogPosts .newsWrapper .newsTextWrapper h3 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
  margin: 20px 0;
}
.blogPosts .newsWrapper .newsTextWrapper p.header {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
  margin: 20px 0;
}
.blogPosts .newsWrapper .newsTextWrapper b {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.blogPosts .newsWrapper .newsTextWrapper p strong {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.blogPosts .newsWrapper .newsTextWrapper ul {
  list-style: disc;
  margin-bottom: 40px;
}
.blogPosts .newsWrapper .newsTextWrapper li {
  font-size: 1em;
  margin-left: 30px;
}
.blogPosts .newsWrapper .newsTextWrapper a {
  color: #00A8E9;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.blogPosts .newsWrapper .newsTextWrapper a.button {
  color: #00A8E9;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  border: 2px solid #00A8E9;
  background-color: #FFF;
  text-transform: none;
  font-size: 1.1em;
  padding: 10px 20px;
}
.blogPosts .newsWrapper .newsTextWrapper a.button:hover {
  background-color: #00A8E9;
  color: #FFF;
}
.blogPosts .newsWrapper .newsTextWrapper img {
  max-width: 100%;
}
.blogPosts .newsWrapper .newsTextWrapper .alignleft {
  float: left;
  width: 75%;
  margin: 10px 40px 20px 0;
}
.blogPosts .newsWrapper .newsTextWrapper .alignright {
  float: right;
  width: 75%;
  margin: 10px 0 20px 40px;
}
.blogPosts .newsWrapper .newsTextWrapper .wp-caption {
  border-bottom: solid 1px #E3E3E3;
}
.blogPosts .newsWrapper .newsTextWrapper .wp-caption img {
  width: 100%;
}
.blogPosts .newsWrapper .newsTextWrapper .wp-caption p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  margin: 0 auto;
  color: #999;
}
.blogPosts .newsWrapper .newsTextSidebar {
  padding-top: 20px;
}
.blogPosts .newsWrapper .newsTextSidebar h2 {
  text-transform: uppercase;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.8em;
}
.blogPosts article.sticky {
  border-top: 5px solid #00A8E9;
  border-bottom: 5px solid #00A8E9;
}
.blogPosts article.sticky .newsWrapper span.stickypost {
  display: inline-block;
}
.blogPosts .imageCaption {
  padding: 10px 0 12px;
  border-bottom: 1px solid #CCC;
  color: #999;
}
.blogPosts .imageCaption p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  width: 90%;
  margin: 0 auto;
}
/* /blostposts */
.linkSidebar {
  width: 22%;
  padding-top: 0px;
}
.linkSidebar h3 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.linkSidebar .linkSidebarWrapper {
  padding: 10px;
}
.linkSidebar .emailTips {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #F8F8F8;
  padding: 10px;
  text-align: center;
}
.linkSidebar .emailTips h2,
.linkSidebar .emailTips h3 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  text-transform: uppercase;
}
.linkSidebar .emailTips span {
  color: #00A8E9;
}
.linkSidebar .emailTips span.visiting {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin: 0 0 10px 0;
  display: block;
}
.linkSidebar .emailTips h2 {
  font-size: 2.4em;
  text-align: center;
}
.linkSidebar .emailTips h3 {
  font-size: 1.1em;
  text-align: center;
}
.linkSidebar .emailTips .gform_wrapper {
  margin: 16px 0 0 0;
}
.linkSidebar .emailTips .gfield {
  border: 0 !important;
  padding: 0 !important;
}
.linkSidebar .emailTips .gform_footer {
  width: 100% !important;
  margin: 0 !important;
}
.linkSidebar .emailTips .gform_footer input[type=submit] {
  padding: 10px;
  letter-spacing: 2px;
  font-size: 1em !important;
  text-transform: uppercase;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  display: block;
}
.linkSidebar .emailTips li.gfield {
  display: flex;
  align-items: center;
  margin: 0 !important;
}
.linkSidebar .emailTips .gfield_label {
  width: auto !important;
  padding-right: 5px !important;
  margin-bottom: 0px !important;
}
.linkSidebar .emailTips .ginput_container {
  margin-left: 0 !important;
  width: auto !important;
  flex-grow: 1;
}
.linkSidebar .emailTips .ginput_container input {
  width: 100% !important;
}
.linkSidebar .sidebarContent ul {
  margin: 0;
}
.linkSidebar .sidebarContent li {
  list-style: none;
}
.linkSidebar .sidebarContent li.widget {
  margin-bottom: 30px;
}
.linkSidebar .sidebarContent li li {
  list-style: none;
  font-size: 0.9em;
  line-height: 1.4em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  color: #000;
  border-bottom: 1px solid #E3E3E3;
}
.linkSidebar .sidebarContent li li:last-of-type {
  border-bottom: none;
}
.linkSidebar .sidebarContent h2.widgettitle {
  display: block;
  background-color: #00A8E9;
  color: #FFF;
  padding: 15px;
  font-size: 0.8em;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;
}
.linkSidebar .sidebarContent a {
  color: #000;
  padding: 15px;
  display: block;
}
.linkSidebar .sidebarContent a:hover {
  background-color: #333;
  color: #FFF;
}
#mc_embed_signup {
  background: none !important;
}
#mc_embed_signup form {
  text-align: center !important;
  margin: 20px auto;
}
#mc_embed_signup input {
  padding: 10px;
  font-size: 1.1em;
  border: 0;
  color: #000;
}
#mc_embed_signup input[type=email] {
  border: 2px solid #FFF;
  width: 100%;
}
#mc_embed_signup input[type=email]:focus {
  outline: none;
  background-color: rgba(255, 255, 255, 0.7);
  border: 2px solid #FFF;
}
#mc_embed_signup input[type=submit] {
  background-color: #00A8E9;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
/* END BLOG -------------------------------- */
/* RENTAL GEAR ----------------------------- */
.rentalHeader {
  background: url('../../images/charters/testBlur.jpg');
  background-attachment: fixed;
  background-size: cover;
}
.rentalContent {
  width: 100%;
  padding: 50px auto;
  color: #000;
  background-color: #FFF;
  overflow: hidden;
}
.rentalDetails {
  padding: 30px;
  background-color: #FFF;
}
.gearItem {
  margin: 20px 0;
}
.gearItem h1 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
}
.gearItem p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  width: 75%;
}
.gearItem span {
  float: right;
}
.gearItem p.note {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  color: #00A8E9;
}
/* END RENTAL GEAR ------------------------- */
/* PHOTOGRAPHY AT BID ---------------------- */
.photoDept {
  background-color: #000;
  overflow: hidden;
  height: 100vh;
  text-align: center;
}
.photoSection {
  display: inline-block;
  vertical-align: middle;
  width: 21%;
  margin: 35vh 1% 0 1%;
}
.photoSection h2 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 3em;
}
.photoSection p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4em;
  padding: 10px 0;
}
.photoSection a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  background-color: #00A8E9;
  border: 3px solid #00A8E9;
  padding: 7px 12px;
}
.photoSection a:hover {
  background-color: #000;
  border: 3px solid #00A8E9;
  color: #00A8E9;
}
/* END PHOTOG AT BID ----------------------- */
/* DIVE CLUB and STANDBY PAGEs -------------------------- */
.diveclubHeader {
  height: 100vh !important;
  min-height: 800px;
  background: url('../../images/club/club-header.jpg');
  background-size: cover;
  background-position: center center;
}
#clubLogo {
  width: 40%;
  margin: 0 auto;
}
.diveClub h1 {
  border: 0;
  border-bottom: 1px solid #000;
}
.diveClub h2 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  color: #000;
  margin: 10px auto;
  text-align: center;
  display: block;
}
.diveClub .reset_variations {
  display: none !important;
}
.woocommerce-variation-price .price {
  color: #000000 !important;
  border: 1px solid #000;
  padding: 10px;
  margin: 10px 0;
  display: inline-block;
}
.clubColumn {
  display: inline-block;
  vertical-align: top;
  width: 23%;
  margin-right: 1.5%;
}
.clubColumn:nth-of-type(4n+4) {
  margin-right: 0;
}
.clubBenefits h2 {
  float: none;
  display: block;
  width: 70%;
  text-align: center;
  margin: 0 auto 40px auto;
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
}
.diveClub .woocommerce-tabs,
.diveClub .product_meta,
.diveClub .woocommerce-breadcrumb,
.diveClub .subscription-details {
  display: none;
}
.clubMembers {
  text-align: center;
}
.clubMembers h1 {
  text-transform: none;
  color: #000;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  border: 0;
  margin: 0;
}
.clubMembers a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  font-size: 0.8em;
  letter-spacing: 1px;
  color: #FFF;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.6em;
  padding: 10px 25px;
  margin: 10px 5px 0;
}
.etiquette {
  text-align: left;
}
.etiquette ul {
  list-style: disc;
  margin: 20px 10px;
}
.etiquette li {
  margin: 10px 0;
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2em;
}
.etiquette li strong {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.etiquette h3 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
/* END DIVE CLUBz --------------------------- */
/* JOBs page --------------------------------  */
.jobsHeader {
  padding: 20px 0 10px;
  text-align: center;
}
.jobsHeader h2 {
  text-transform: uppercase;
  font-size: 2em;
}
.jobsHeader h3 {
  color: #000;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.jobsColumn {
  text-align: left;
  width: 45%;
  margin-right: 5%;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
}
.jobsColumn h2 {
  text-transform: none;
  text-align: left;
  font-size: 1.5em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.jobsColumn a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  font-size: 0.8em;
  letter-spacing: 1px;
  color: #FFF;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  padding: 10px 15px;
}
.jobsColumn ul {
  padding-left: 20px;
  font-size: 0.9em;
  line-height: 1.2em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  list-style: disc;
}
.jobsColumn:nth-of-type(2n+2) {
  margin-right: 0;
}
/* end JOBS page ----------------------------- */
/* WOOCOMMERCE MEMBER STUFF ---------------- */
/* PHOTO CONTEST PAGE -------------------------- */
.contestRules {
  width: 45%;
  float: left;
}
.contestRules h1 {
  text-transform: none;
  letter-spacing: 0;
  border: 0;
  margin: 0 0 10px 0;
}
.contestRules h2 {
  display: block;
  font-size: 1.2em;
  margin: 25px 0 5px 0;
}
.contestRules a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  color: #FFF !important;
  background-color: #00A8E9;
  padding: 5px 10px;
}
.contestRules a.small {
  padding: 2px 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.contestRules img {
  width: 100%;
  height: auto;
}
.contestSignup {
  width: 45%;
  float: right;
}
.contestSignup h1 {
  text-transform: none;
  letter-spacing: 0;
  border: 0;
  margin: 0 0 10px 0;
}
.contestSignup h2 {
  display: block;
  font-size: 1.2em;
  margin: 25px 0 5px 0;
}
/* END PHOTO CONTEST --------------------------- */
/* referral instruction -------------------- */
.page-template-page-referrals {
  background-color: #111;
}
.referralWrapper {
  margin: 0 auto;
}
.referralWrapper .referralDetails {
  margin: 0 0 100px 0;
}
.referralWrapper .referralDetails img {
  max-width: 100%;
  height: auto;
}
.referralWrapper .referralDetails h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 3em;
}
.referralWrapper .referralDetails h2 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 2em;
  margin-top: 20px;
}
.referralWrapper .referralDetails span {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  float: right;
  font-size: 1.2em;
  padding: 10px 15px;
  color: #FFF;
  border: 2px solid #00A8E9;
  margin-top: 10px;
}
.referralWrapper .referralDetails strong {
  color: #00A8E9;
  display: block;
}
.referralWrapper .referralDetails a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-size: 1.5em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  padding: 10px 15px;
  margin-top: 15px;
}
/* /referral instruction ------------------- */
/* crew page ------------------------------- */
.crewPage {
  background: url('../../images/charters/testBlur.jpg');
  background-attachment: fixed;
  background-size: cover;
}
.qualifications {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 0 40px 0;
}
.qualifications h1 {
  border: 0 !important;
  width: 100% !important;
  font-size: 1.5em !important;
}
.qualifications h2 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 10px;
}
.qualifications p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  line-height: 1.6em;
  margin: 0 0 40px;
  padding: 0 50px;
}
.qualifications .qualification {
  width: 30%;
}
.qualifications .qualification p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  line-height: 1.5em;
  padding: 0 20px;
}
.qualifications .qualification img {
  max-width: 40%;
}
.crewContent {
  text-align: center;
  padding: 20px;
  background-color: #FFF;
  color: #000;
  overflow: hidden;
}
.crewContent h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 2em;
  letter-spacing: 2px;
  border-bottom: 1px solid #CCC;
  width: 50%;
  margin: 20px auto;
  padding-bottom: 10px;
}
.crewMember {
  text-align: center;
  width: 18%;
  display: inline-block;
  vertical-align: top;
  margin: 20px 0;
  overflow: hidden;
}
.crewMember h1 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  width: 100%;
  border: 0;
  margin: 20px 0 5px;
}
.crewMember h2 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  margin: 0 0 10px;
}
.crewMember p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  line-height: 1.5em;
  padding: 0 20px;
}
.crewMember img {
  border: 1px solid #CCC;
  padding: 3px;
  width: 65%;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
}
/* end crew page --------------------------- */
/* COVID page */
.covidContent {
  padding: 50px;
  background-color: #FFF;
  color: #000;
  overflow: hidden;
}
.covidContent p.header {
  font-size: 1.3em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  border-bottom: 1px solid #888;
  margin-bottom: 25px;
}
.covidContent p {
  font-size: 1.2em;
  line-height: 1.7em;
  padding: 0 0 10px;
}
.covidContent p em {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.covidContent ul {
  list-style: circle;
  padding: 0 0 10px 20px;
}
.covidContent ul li {
  font-size: 1em;
  line-height: 1.3em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  padding: 5px;
}
.covidContent img {
  max-width: 100%;
  margin: 20px auto;
}
/* boats page ------------------------------- */
.boatsContent {
  text-align: center;
  padding: 30px;
  background-color: #FFF;
  color: #000;
  overflow: hidden;
}
.boatsContent h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 2em;
  letter-spacing: 2px;
  border-bottom: 1px solid #CCC;
  width: 50%;
  margin: 20px auto;
  padding-bottom: 10px;
}
.boat {
  text-align: center;
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin: 20px 0;
  overflow: hidden;
}
.boat h1 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.3em;
  width: 100%;
  border: 0;
  margin: 20px 0 0;
}
.boat p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  margin: 0 0 10px 0;
}
.boat img {
  border: 1px solid #CCC;
  padding: 3px;
  width: 90%;
  height: auto;
}
/* end boats page --------------------------- */
/* CONTACT US ------------------------------ */
.contactUsHeader {
  width: 100%;
  text-align: center;
  margin: 50px 0;
}
.contactUsHeader h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 2px;
}
.contactUsHeader h2 {
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #000;
}
.contactUsContent {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  width: 90%;
  margin: 0 auto;
  color: #000;
  padding-bottom: 40px;
}
.contactUsContent .contactBlock {
  width: 30%;
  margin-right: 2.4%;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
}
.contactUsContent .contactBlock:nth-of-type(3n+3) {
  margin-right: 0;
}
.contactUsContent .contactBlockRow {
  margin: 0 0 40px;
}
.contactUsContent .contactBlockFull {
  width: 100%;
  margin-right: 0;
}
.contactUsContent a {
  color: #00A8E9;
  text-decoration: underline;
}
.contactUsContent a.directionsLink {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  font-size: 0.8em;
  letter-spacing: 1px;
  color: #FFF;
  padding: 15px 20px;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.contactUsContent a.directionsLink:hover {
  background-color: #333;
}
.contactUsForm {
  display: none;
}
.contactSocial a.facebook {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background-image: url('../../images/icons/icon-fb-black.png');
  background-size: 100%;
}
.contactSocial a.email {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background-image: url('../../images/icons/icon-email-black.png');
  background-size: 100%;
}
.contactSocial a.map {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background-image: url('../../images/icons/icon-map-black.png');
  background-size: 100%;
}
.contactSocial a.instagram {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background-image: url('../../images/icons/icon-instagram-black.png');
  background-size: 100%;
}
.contactSocial a.tripadvisor {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background-image: url('../../images/icons/icon-tripadvisor-black.png');
  background-size: 100%;
}
/* END CONTACT US -------------------------- */
/* FAQs ------------------------------------- */
.contactUsContent h2 {
  text-transform: uppercase;
  padding: 20px 0 15px 0;
  letter-spacing: 1px;
}
.accordion {
  background-color: #eee;
  border-radius: 10px;
  color: #444;
  cursor: pointer;
  padding: 7px 25px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.1s;
  font-size: 0.9em;
}
.accordion p {
  display: inline-block;
  width: 80%;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.FAQs .active,
.accordion:hover {
  background-color: #ccc;
}
.FAQs .panel {
  padding: 0 25px;
  margin: 2px 0;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.FAQs .panel p {
  line-height: 1.6em;
  font-size: 1em;
}
.accordion:after {
  content: '\02795';
  /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
  margin-top: 14px;
}
.FAQs .active:after {
  content: "\2796";
  /* Unicode character for "minus" sign (-) */
}
/* end FAQs -------------------------------- */
/*

      ___           ___           ___     
     /__/\         /  /\         /  /\    
    _\_ \:\       /  /::\       /  /::\   
   /__/\ \:\     /  /:/\:\     /  /:/\:\  
  _\_ \:\ \:\   /  /:/  \:\   /  /:/  \:\ 
 /__/\ \:\ \:\ /__/:/ \__\:\ /__/:/ \__\:\
 \  \:\ \:\/:/ \  \:\ /  /:/ \  \:\ /  /:/
  \  \:\ \::/   \  \:\  /:/   \  \:\  /:/ 
   \  \:\/:/     \  \:\/:/     \  \:\/:/  
    \  \::/       \  \::/       \  \::/   
     \__\/         \__\/         \__\/    

*/
/* Fix issues with jquery overlay blocking checkout button */
.woocommerce .blockUI.blockOverlay {
  position: relative!important;
  display: none!important;
}
.wooHeader {
  text-align: center;
  color: #000;
  width: 90%;
  margin: 0 auto;
  padding: 0 0 50px;
}
.wooHeader h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 2.5em;
  letter-spacing: 2px;
}
.wooHeader h2 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.wooHeader a {
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  border: 3px solid #000;
  background-color: #FFF;
  color: #000;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.wooHeader a:hover {
  border: 3px solid #00A8E9;
  background-color: #00A8E9;
  color: #FFF;
}
.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before {
  display: none !important;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  margin: 10px auto !important;
  padding: 20px !important;
  background-color: #F8F8F8 !important;
  color: #000 !important;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
  border: 2px solid #00A8E9 !important;
  text-align: left;
}
.woocommerce-message ul,
.woocommerce-info ul,
.woocommerce-error ul {
  text-align: center;
}
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  float: right;
  padding: 10px 13px 8px;
}
.woocommerce-message a:hover,
.woocommerce-info a:hover,
.woocommerce-error a:hover {
  background-color: #333;
}
.woocommerce-message a.wc-forward,
.woocommerce-info a.wc-forward,
.woocommerce-error a.wc-forward {
  float: right;
  color: #FFF;
}
.woocommerce-message:before {
  color: #00A8E9 !important;
  top: 20px !important;
  left: 42px !important;
  padding-right: 10px !important;
}
p.return-to-shop {
  text-align: center;
  margin-bottom: 100px;
}
.woocommerce form.login {
  margin: 0 auto 20px auto;
  padding: 10px 30px;
  border: 1px solid #CCC !important;
  background-color: #F8F8F8;
  font-size: 1.1em;
  text-align: center;
}
.woocommerce form.login input {
  padding: 8px;
  font-size: 16px;
}
.woocommerce form.login label {
  font-size: 0.8em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  display: block;
}
.woocommerce form.login input[type=submit] {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  font-size: 0.8em;
  letter-spacing: 1px;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  border: 0;
  color: #FFF;
  padding: 10px 15px;
}
.woocommerce form.login input[type=submit]:hover {
  background-color: #000;
}
.cart-customlocation {
  display: inline;
  margin: 10px 0 20px 5px;
}
.cart-customlocation .cartIcon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../../images/icons/cart-icon.png');
  background-size: 100%;
  margin-bottom: -7px;
  position: relative;
  right: 6px;
  top: -3px;
}
.shopHeader {
  text-align: center;
  color: #000;
  width: 90%;
  margin: 0 auto;
  padding: 50px 0 30px;
  border-bottom: 1px solid #333;
}
.shopHeader h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 3em;
  letter-spacing: 2px;
}
.shopHeader h2 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.shopHeader a {
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  border: 3px solid #000;
  background-color: #FFF;
  color: #000;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.shopHeader a:hover {
  border: 3px solid #00A8E9;
  background-color: #00A8E9;
  color: #FFF;
}
.singleHeader {
  width: 90%;
  margin: 0 auto 10px auto;
  border-bottom: 1px solid #333;
}
/* stuff for archive page(s) */
.shopNav {
  width: 16%;
  margin: 10px 2% 10px auto;
  display: inline-block;
  vertical-align: top;
  padding-right: 1.5%;
  padding-bottom: 10px;
  border-right: 1px solid #000;
}
.shopNav h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}
.shopNav h2 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 20px;
}
.shopNav li {
  display: block;
  margin: 5px 0;
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
}
.shopNav li.current-menu-item a {
  color: #00A8E9;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.shopNav li.current-menu-item a:hover {
  color: #FFF;
}
.shopNav a {
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  font-size: 1em;
  display: block;
  color: #000;
}
.shopNav a:hover {
  color: #00A8E9;
}
.wooFrame {
  width: 98%;
  margin: 0 auto;
  color: #000;
}
.woo {
  width: 79%;
  display: inline-block;
  vertical-align: top;
}
.woo h3 {
  color: #000;
  text-align: left;
}
.woo .page-title,
.woocommerce-result-count {
  display: none;
}
.woocommerce ul.products {
  overflow: hidden;
  padding: 10px 0 !important;
}
.woocommerce ul.products li {
  text-align: center;
  background-color: #FFF;
}
.woocommerce ul.products li a {
  background: none;
  color: #00A8E9;
}
.woocommerce ul.products li a img {
  margin-bottom: 3px !important;
}
.woocommerce ul.products li a h2 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.woocommerce ul.products li a span.price {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.woocommerce ul.products li a p {
  color: #000;
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  margin: 0 0 -18px;
}
.woocommerce ul.products li a:hover + a {
  background-color: #000;
}
.woocommerce ul.products li a.add_to_cart_button {
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  font-size: 0.8em;
  letter-spacing: 1px;
  color: #FFF;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  padding: 10px 15px;
}
.woocommerce ul.products li a.add_to_cart_button:hover {
  background-color: #000;
}
.woocommerce ul.products li:nth-of-type(4n+4) {
  margin-right: 0;
}
.woocommerce .crewFavorites {
  width: 100%;
  background-color: #F8F8F8;
  padding: 30px 0;
}
.woocommerce a.button.alt {
  background-color: #00A8E9 !important;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.woocommerce a.button.alt:hover {
  background-color: #000 !important;
}
.woocommerce-cart table.cart img {
  width: 200px !important;
}
.woo .product .images img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.woo .product .images .thumbnails a {
  width: 32%;
  margin-right: 2%;
  display: inline-block;
  vertical-align: top;
}
.woo .product .images .thumbnails a img {
  width: 100%;
  height: auto;
}
.woo .product .images .thumbnails a:nth-of-type(3n+3) {
  margin-right: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  width: 110% !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  margin: 0 !important;
  padding: 0 0 0 10px !important;
  display: block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  text-transform: uppercase;
  font-size: 0.9em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.woo .product .summary .product_meta {
  display: none;
}
.woo .product .summary h1 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.woo .product .summary p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  line-height: 1.3em;
  margin: 0 0 20px;
}
.woo .product .summary p.price {
  color: #00A8E9;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.3em;
}
.woo .product .summary .woocommerce-tabs li a {
  cursor: default;
  color: #000;
  display: block;
  padding-top: 10px;
}
.woo .product .summary .wc-tab {
  border-left: 1px solid #ebe9eb;
  border-bottom: 1px solid #ebe9eb;
  border-right: 1px solid #ebe9eb;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.woo .product .summary .wc-tab h2 {
  display: none;
}
.woo .product .summary .wc-tab p {
  padding: 20px;
  margin: 0;
}
.woo .product .summary .wc-tab ul {
  padding: 10px 35px;
  list-style: disc;
}
.woo .product .summary .wc-tab ul li {
  padding: 5px 0;
  font-size: 0.8em;
  line-height: 1.2em;
}
.woo .product .summary .wc-tab .woocommerce-Reviews {
  padding: 10px;
}
.woo .product .summary a.reset_variations {
  display: inline-block !important;
  position: relative;
  top: 1px;
  font-size: 0.9em;
}
.woo .product .summary .woocommerce-variation-add-to-cart {
  margin-top: 20px;
}
.woo .product .summary .quantity {
  display: inline-block;
}
.woo .product .summary .quantity input {
  padding: 8px;
  font-size: 16px;
  width: 50px;
}
.woo .product .summary button {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 1px;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  background-color: #00A8E9;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  color: #FFF;
  border: 0;
  padding: 10px 15px;
}
.woo .product .summary button:hover {
  background-color: #000;
}
.upsells {
  overflow: hidden;
  clear: both;
}
.woo .related {
  width: 100%;
  overflow: hidden;
  margin: 0 0 50px;
}
.woo .related > h2 {
  width: 60%;
  margin: 70px auto 30px auto;
  padding: 0 0 10px;
  text-align: center;
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.5em;
  letter-spacing: 2px;
  border-bottom: 1px solid #000;
}
.woocommerce input {
  padding: 8px;
  font-size: 16px;
}
.woocommerce input[type=checkbox] {
  width: auto !important;
}
/* woo button overrides */
.woocommerce #content input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
  background: #000 !important;
  background-color: #000 !important;
  color: white !important;
  text-shadow: transparent !important;
  box-shadow: none;
  border-color: #000 !important;
}
.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
  background: #000 !important;
  background-color: #000 !important;
  color: white !important;
  text-shadow: transparent !important;
  box-shadow: none;
  border-color: #000 !important;
}
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
  background: #00A8E9 !important;
  color: white !important;
  text-shadow: transparent !important;
  border-color: #00A8E9 !important;
  font-family: "NexaBold" !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 14px !important;
  padding: 10px 15px !important;
}
.woocommerce #content input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
  background: #000 !important;
  box-shadow: none;
  text-shadow: transparent !important;
  color: white !important;
  border-color: #000 !important;
}
.woocommerce-order-received .woocommerce {
  padding: 10px;
  border: 1px solid #CCC;
  margin: 0 auto 20px auto;
  line-height: 1.5em;
}
.woocommerce-order-received .woocommerce a {
  color: #00A8E9;
}
.woocommerce-order-received .woocommerce table {
  width: 100%;
}
/* styling the cart */
.cart-collaterals .cart_totals h2 {
  display: none;
}
.cart_totals td {
  text-align: right;
}
.cart_totals tr.recurring-total {
  background-color: #FFF;
  color: #000;
  border: 0;
}
.cart_totals td strong {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.cart_totals th {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  color: #777;
  font-size: 0.9em;
}
/* end cart */
/* new sick checkout thing */
main.checkoutwc {
  margin-bottom: 50px;
  font-family: "NexaBook" !important;
}
main.checkoutwc th {
  font-family: "NexaBold" !important;
}
/* receipt yo */
body.woocommerce-order-received .woocommerce {
  padding: 0 !important;
  border: 0;
}
body.woocommerce-order-received .woocommerce-customer-details {
  display: none;
}
body.woocommerce-order-received .woocommerce-table--order-details {
  display: none;
}
h2.woocommerce-order-details__title {
  display: none;
}
.woocommerce-order p {
  margin: 20px auto;
  text-align: center;
}
.woocommerce-thankyou-order-received {
  text-align: center;
  font-size: 1.6em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  color: #FFF;
  background-color: #00A8E9;
  padding: 20px;
  margin: 0px auto 40px auto !important;
}
.woocommerce ul.order_details li {
  margin-right: 1em !important;
}
.woocommerce ul.order_details li strong {
  margin-top: 8px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.woocommerce-order header h2 {
  margin: 50px auto 10px !important;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.4em;
}
/* END ECOM -------------------------------- */
/* USER ACCOUNT PAGEZ ---------------------- */
body.woocommerce-account .woocommerce {
  width: 90%;
  margin: 0 auto;
}
nav.woocommerce-MyAccount-navigation {
  margin-bottom: 50px !important;
}
nav.woocommerce-MyAccount-navigation ul {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}
nav.woocommerce-MyAccount-navigation ul li {
  overflow: hidden;
  border-bottom: 1px solid #F8F8F8;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #FFF !important;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  background-color: #00A8E9;
  display: block;
  padding: 15px;
}
li.woocommerce-MyAccount-navigation-link--downloads {
  display: none;
}
/* hide downloads tab*/
/* icons for each account nav link... come back to dis
li.woocommerce-MyAccount-navigation-link--dashboard:before {content: ""; display: inline-block; position: relative; top: 1px; margin-right: 5px; width: 10px; height: 10px; background-color: @blue;}
li.woocommerce-MyAccount-navigation-link--orders:before {content: ""; display: inline-block; position: relative; top: 1px; margin-right: 5px; width: 10px; height: 10px; background-color: @blue;}
li.woocommerce-MyAccount-navigation-link--downloads:before {content: ""; display: inline-block; position: relative; top: 1px; margin-right: 5px; width: 10px; height: 10px; background-color: @blue;}
li.woocommerce-MyAccount-navigation-link--edit-address:before {content: ""; display: inline-block; position: relative; top: 1px; margin-right: 5px; width: 10px; height: 10px; background-color: @blue;}
li.woocommerce-MyAccount-navigation-link--payment-methods {content: ""; display: inline-block; position: relative; top: 1px; margin-right: 5px; width: 10px; height: 10px; background-color: @blue;} 
li.woocommerce-MyAccount-navigation-link--edit-account:before {content: ""; display: inline-block; position: relative; top: 1px; margin-right: 5px; width: 10px; height: 10px; background-color: @blue;}
li.woocommerce-MyAccount-navigation-link--customer-logout:before {content: ""; display: inline-block; position: relative; top: 1px; margin-right: 5px; width: 10px; height: 10px; background-color: @blue;}
 */
.woocommerce-MyAccount-content {
  margin-bottom: 50px !important;
  width: 57% !important;
  background-color: #F8F8F8;
  padding: 30px;
  border: 2px solid #00A8E9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.woocommerce-MyAccount-content p {
  line-height: 1.4em;
}
.woocommerce-MyAccount-content a,
.woocommerce-MyAccount-content p a {
  color: #00A8E9;
}
.woocommerce-MyAccount-content .myaccount_avatar {
  float: right;
  margin-top: -10px;
}
.woocommerce-MyAccount-content a.button {
  color: #FFF !important;
  margin: 2px auto !important;
  font-size: 0.9em !important;
}
/* END USER ACCCOUNT SHITE ----------------- */
/* 404 PAGE -------------------------------- */
.fourohfourPage {
  padding-bottom: 50px;
}
.forohfourHeader {
  width: 100%;
  text-align: center;
  margin: 70px 0;
}
.forohfourHeader h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 3em;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 2px;
}
.forohfourHeader p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
  color: #000;
}
.forohfourHeader a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  margin: 10px 5px;
}
/* end 404 PAGE ---------------------------- */
/* WAIVERS --------------------------------- */
body.page-template-page-waiver-snorkel,
body.page-template-page-waiver-diver,
body.page-template-page-waiver-snorkel-minor,
body.page-template-page-waiver-diver-minor {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#38baed+0,186589+100 */
  background: #38baed;
  /* Old browsers */
  background: -moz-linear-gradient(top, #38baed 0%, #186589 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #38baed 0%, #186589 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #38baed 0%, #186589 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38baed', endColorstr='#186589', GradientType=0);
  /* IE6-9 */
}
.gfield_html {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  padding: 30px !important;
}
.gfield_html h3 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.gfield_html p {
  line-height: 1.5em;
}
.waiverLink {
  width: 100%;
  background-color: #FFF;
  overflow: hidden;
}
.bidWaivers {
  width: 90%;
  margin: 0 auto;
  color: #000;
  text-align: center;
}
.bidWaivers a {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  margin: 0 2% 50px;
  color: #000;
  text-align: center;
}
.bidWaivers a span {
  width: 200px;
  height: 200px;
  display: block;
  margin: 0 auto 20px auto;
}
.bidWaivers a.waiverIconSnorkelMinor span {
  background: url('../../images/icons/waiver-icon-snorkel-minor.png');
  background-size: 100%;
  background-position: 0 0;
}
.bidWaivers a.waiverIconSnorkelAdult span {
  background: url('../../images/icons/waiver-icon-snorkel-adult.png');
  background-size: 100%;
  background-position: 0 0;
}
.bidWaivers a.waiverIconDiveMinor span {
  background: url('../../images/icons/waiver-icon-diver-minor.png');
  background-size: 100%;
  background-position: 0 0;
}
.bidWaivers a.waiverIconDiveAdult span {
  background: url('../../images/icons/waiver-icon-diver-adult.png');
  background-size: 100%;
  background-position: 0 0;
}
.bidWaivers a.waiverIconSnorkelMinor:hover span,
.bidWaivers a.waiverIconSnorkelAdult:hover span,
.bidWaivers a.waiverIconDiveMinor:hover span,
.bidWaivers a.waiverIconDiveAdult:hover span {
  background-position: 0 100%;
}
.bidWaivers a p {
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  border: 3px solid #000;
  background-color: #FFF;
  color: #000;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  display: block;
}
.bidWaivers a:hover p {
  border: 3px solid #00A8E9;
  background-color: #00A8E9;
  color: #FFF;
}
/* END WAIVERS ----------------------------- */
/* POLICIES -------------------------------- */
.policyHeader {
  overflow: hidden;
  width: 100%;
  text-align: center;
  margin: 70px 0;
}
.policyHeader h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 3em;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 2px;
}
.policyHeader h2 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #000;
}
.policyHeader a {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  margin: 10px auto 0;
  border: 2px solid #00A8E9;
}
.policyHeader a:hover {
  color: #000;
  background-color: #FFF;
  border: 2px solid #000;
}
.bidPolicies,
.bidWaiverSingle {
  color: #000;
  width: 90%;
  margin: 0 auto;
}
.bidPolicies h1,
.bidWaiverSingle h1 {
  font-size: 1.2em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.bidPolicies p,
.bidWaiverSingle p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin: 10px 0;
}
.bidPolicies a,
.bidWaiverSingle a {
  color: #00A8E9;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.bidPolicies a:hover,
.bidWaiverSingle a:hover {
  text-decoration: underline;
}
/* END POLICIES ---------------------------- */
/* 2019 Discounts & Promos Additions */
.nitroxSpecial {
  background: #299a0b;
  background: -moz-linear-gradient(top, #299a0b 0%, #299a0b 100%);
  background: -webkit-linear-gradient(top, #299a0b 0%, #299a0b 100%);
  background: linear-gradient(to bottom, #299a0b 0%, #299a0b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#299a0b', endColorstr='#299a0b', GradientType=0);
}
.nitroxSpecial .nitroxSpecialContent {
  color: #FFF;
  padding: 200px 0;
  text-align: center;
}
.wetsuitSpecial {
  background: #87e0fd;
  background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
  background: -webkit-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
  background: linear-gradient(to bottom, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87e0fd', endColorstr='#05abe0', GradientType=0);
}
.wetsuitSpecial .wetsuitSpecialContent {
  color: #FFF;
  padding: 200px 0;
  text-align: center;
}
.discountPromosHeader {
  text-align: center;
}
/* 2019 RETAIL ADDITIONS */
.newRetail {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin: 20px auto;
}
.retailBlock {
  margin: 20px 0;
  background-color: #F8F8F8;
  padding: 200px 0;
  border-radius: 3px;
}
.retailBlock .blockContent {
  width: 50%;
  padding: 40px 25px 40px 50px;
  background-color: rgba(255, 255, 255, 0.85);
}
.retailBlock .blockContent h2 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
}
.retailBlock .blockContent p {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin: 10px 0 0;
}
.retailBlock .blockContent a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  margin-top: 10px;
  margin-right: 10px;
}
.retailBlock .blockContent a:hover {
  background-color: #000;
}
.retailFirstGear {
  width: 95%;
  background: url('../../images/retail/retail-consult.jpg');
  background-size: cover;
}
.retailSnkRental {
  width: 46%;
  background: url('../../images/retail/snorkel-rentals.jpg');
  background-size: cover;
}
.retailDiveRental {
  width: 46%;
  background: url('../../images/retail/accessories.jpg');
  background-size: cover;
}
.retailNitroxPromo {
  width: 46%;
  background: url('../../images/retail/nitrox.jpg');
  background-size: cover;
}
.retailMonthlyPromo {
  width: 46%;
  background: url('../../images/retail/wetsuits.jpg');
  background-size: cover;
}
.retailVisitShop {
  width: 95%;
  background: url('../../images/retail/apparel.jpg');
  background-size: cover;
}
/* RETAIL PAGES ------------------------- */
.retailHeader {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  color: #000;
  padding: 110px 0 200px 0;
}
.retailHeader h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 3em;
}
.retailHeader p {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.1em;
  line-height: 1.5em;
  padding: 0 0 10px 0;
  text-shadow: 0px 0px 5px #000000;
}
.retailHeader .retailNav {
  margin: 20px 0 0;
}
.retailHeader .retailNav a {
  font-size: 0.9em;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.retailHeader img {
  max-width: 100%;
  height: auto;
}
.retailHeaderBackground {
  background: url('../../images/retail/dive-gear-header.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.retailLandingContent {
  width: 90%;
  margin: 30px auto 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.retailLandingContent .retailLandingCol {
  width: 30%;
  margin: 30px 15px;
  text-align: center;
}
.retailLandingContent .retailLandingCol h1 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.2em;
}
.retailLandingContent .retailLandingCol a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
}
.retailPage {
  background-color: #777;
}
.retailWrapper {
  width: 90%;
  margin: 0 auto;
  background-color: #FFF;
}
.matterport {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.matterport iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.retailContent {
  border-bottom: 1px solid #333;
  overflow: hidden;
  padding: 30px;
  color: #000;
  /* hides woo excerpt */
}
.retailContent .shopMore a {
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
}
.retailContent .shopMore a:hover {
  color: #000;
}
.retailContent h1 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.8em;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 1px solid #333;
  width: 60%;
  margin: 20px auto;
  padding: 0 0 5px;
  text-align: center;
}
.retailContent h3 {
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.8em;
  text-transform: uppercase;
}
.retailContent p {
  margin: 0 0 10px 0;
}
.retailContent img {
  max-width: 100%;
  height: auto;
}
.retailContent ul.products li.type-product a p {
  display: none;
}
.retailContent ul.products li {
  width: 22.05%;
  margin: 0 2.8% 2.992em 0;
  float: left;
}
.retailContent ul.products li img {
  margin-bottom: 3px !important;
  max-width: 100%;
  height: auto;
}
.retailContent ul.products li h2 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  color: #000;
}
.retailContent ul.products li span.price {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.retailContent ul.products li p {
  color: #000;
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  margin: 0 0 -18px;
}
.retailContent:last-of-type {
  border-bottom: 0;
}
.categoryHeader {
  margin: 10px 0 0;
  background-size: cover;
  background-attachment: center center;
}
.retailSection {
  text-align: center;
  width: 30%;
  margin: 20px 1%;
  display: inline-block;
  vertical-align: top;
  color: #000;
}
.retailSection img {
  width: 100%;
  height: auto;
}
.retailSection p {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.8em;
  margin: 10px auto 40px;
  line-height: 1.5em;
  width: 60%;
}
.onthemap {
  width: 100%;
  background: url('../../images/misc/onthemap.jpg');
  color: #FFF;
  padding: 200px 0;
  margin: 0 auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.onthemap .onthemapText {
  width: 80%;
  margin: 0 auto;
}
.onthemap .onthemapText h1 {
  font-size: 3em;
  font-family: "NexaBlack";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.onthemap .onthemapText a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  padding: 10px 15px;
}
.onthemap .onthemapText a:hover {
  background-color: #333;
}
/* END RETAIL WOW!!!! -------------------------- */
/* MANTA CALENDAR -------------------------- */
.mantaCalendar {
  padding: 20px 0;
  margin: 0 auto;
}
/* END MANTA CAL --------------------------- */
/* MEDIA KIT ------------------------------- */
.mediaDownload {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #00A8E9;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
}
/* end MEDIA KIT --------------------------- */
/* FOOTER ---------------------------------- */
.tripAdvisor {
  background-color: #EBEBEB;
  color: #000;
  overflow: hidden;
  padding: 50px 0 20px 0;
  border-top: 1px solid #00A8E9;
}
.tripAdvisor .tripAdvisorWrap {
  width: 90%;
  max-width: 1300px;
  margin: 0 auto;
  text-align: center;
}
.tripAdvisor .tripBadge {
  display: inline-block;
  vertical-align: middle;
  background: url('../../images/logos/tripadvisor-badge.png');
  background-size: 100%;
  width: 240px;
  height: 170px;
}
.tripAdvisor .tripAdvisorText {
  text-align: left;
  width: 70%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 3%;
}
.tripAdvisor .tripAdvisorText h3 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
}
.tripAdvisor .tripAdvisorText h4 {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.tripAdvisor .tripAdvisorText p.testimonial {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9em;
  padding: 5px 0;
}
.tripAdvisor .tripAdvisorText span.stars {
  display: block;
  width: 150px;
  height: 30px;
  background: url('../../images/logos/tripadvisor-stars.png');
  background-size: 100%;
}
.tripAdvisor .tripAdvisorText a {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFF;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-family: "NexaBook";
  background-color: #00A8E9;
  border: 2px solid #00A8E9;
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
  margin-right: 10px;
}
.tripAdvisor .tripAdvisorText a:hover {
  background-color: #000;
  border: 2px solid #FFF;
}
.testimonial_rotator_wrap {
  padding: 0 !important;
  margin: 5px 0 0 !important;
}
.testimonial_rotator.template-longform .testimonial_rotator_stars,
.testimonial_rotator.template-longform .testimonial_rotator_slide_title,
.testimonial_rotator.template-longform .testimonial_rotator_quote,
.testimonial_rotator.template-longform .testimonial_rotator_author_info p {
  text-align: left !important;
}
.testimonial_rotator.template-longform .testimonial_rotator_stars {
  display: none;
}
.testimonial_rotator.template-longform .testimonial_rotator_quote {
  margin: 20px 0;
  line-height: 1.4em;
}
.testimonial_rotator.template-longform .testimonial_rotator_author_info {
  padding: 0 !important;
  margin: 10px 0 !important;
}
.testimonial_rotator.template-longform .testimonial_rotator_author_info p {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.testimonial_rotator.template-longform hr.longform_hr {
  display: none;
}
footer {
  width: 100%;
  background-color: #EBEBEB;
  color: #000;
  overflow: hidden;
}
footer .footerColumns {
  width: 90%;
  max-width: 1300px;
  margin: 30px auto;
  overflow: hidden;
}
footer .footerColumn {
  width: 30%;
  margin: 10px 2.5% 10px 0;
  float: left;
  text-transform: lowercase;
}
footer .footerColumn h2 {
  font-size: 1.2em;
  font-weight: 100;
  text-transform: uppercase;
  margin: 0 0 10px;
}
footer .footerColumn a {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  color: #000;
  font-weight: 300;
  font-size: 0.9em;
  line-height: 1.5em;
  display: block;
}
footer .footerColumn a:hover {
  color: #00A8E9;
}
footer .footerColumn span.package {
  text-transform: uppercase;
  display: block;
  font-size: 0.8em;
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  margin: -5px 0 3px;
}
footer .footerColumn:nth-of-type(5n+5) {
  margin-right: 0;
}
footer .footerInfo {
  width: 90%;
  max-width: 1300px;
  margin: 30px auto;
  padding-top: 10px;
  text-align: center;
}
footer .footerPhone {
  width: 250px;
  float: left;
  font-size: 1.4em;
  margin-top: 45px;
  text-align: left;
}
footer .footerPhone span.op-open,
footer .footerPhone span.op-closed {
  font-family: "NexaBold";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 0.7em;
  display: block;
  margin: 0 0 5px 50px;
  text-transform: uppercase;
  color: #000 !important;
}
footer .footerLogo {
  margin: 10px 0;
  display: inline-block;
  vertical-align: middle;
  width: 300px;
  height: 120px;
  background-image: url('../../images/logos/web-logo-header-black.png');
  background-size: 100%;
}
footer .footerSocial {
  width: 250px;
  margin-top: 40px;
  float: right;
  text-align: right;
}
footer .footerSocial a.facebook {
  display: inline-block;
  vertical-align: middle;
  width: 45px;
  height: 45px;
  background-image: url('../../images/icons/icon-fb-black.png');
  background-size: 100%;
}
footer .footerSocial a.email {
  display: inline-block;
  vertical-align: middle;
  width: 45px;
  height: 45px;
  background-image: url('../../images/icons/icon-email-black.png');
  background-size: 100%;
}
footer .footerSocial a.map {
  display: inline-block;
  vertical-align: middle;
  width: 45px;
  height: 45px;
  background-image: url('../../images/icons/icon-map-black.png');
  background-size: 100%;
}
footer .footerSocial a.instagram {
  display: inline-block;
  vertical-align: middle;
  width: 45px;
  height: 45px;
  background-image: url('../../images/icons/icon-instagram-black.png');
  background-size: 100%;
}
footer .footerSocial a.tripadvisor {
  display: inline-block;
  vertical-align: middle;
  width: 45px;
  height: 45px;
  background-image: url('../../images/icons/icon-tripadvisor-black.png');
  background-size: 100%;
}
footer .footerCopy {
  font-family: "NexaBook";
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 0.6em;
  text-align: center;
  width: 100%;
}
footer .footerCopy p {
  display: inline-block;
  margin: 0 10px;
  color: #000;
  text-transform: uppercase;
  padding-bottom: 30px;
}
/* END FOOTER ------------------------------ */
/*


      ___           ___                                                   ___     
     /__/\         /  /\         _____        ___                        /  /\    
    |  |::\       /  /::\       /  /::\      /  /\                      /  /:/_   
    |  |:|:\     /  /:/\:\     /  /:/\:\    /  /:/      ___     ___    /  /:/ /\  
  __|__|:|\:\   /  /:/  \:\   /  /:/~/::\  /__/::\     /__/\   /  /\  /  /:/ /:/_ 
 /__/::::| \:\ /__/:/ \__\:\ /__/:/ /:/\:| \__\/\:\__  \  \:\ /  /:/ /__/:/ /:/ /\
 \  \:\~~\__\/ \  \:\ /  /:/ \  \:\/:/~/:/    \  \:\/\  \  \:\  /:/  \  \:\/:/ /:/
  \  \:\        \  \:\  /:/   \  \::/ /:/      \__\::/   \  \:\/:/    \  \::/ /:/ 
   \  \:\        \  \:\/:/     \  \:\/:/       /__/:/     \  \::/      \  \:\/:/  
    \  \:\        \  \::/       \  \::/        \__\/       \__\/        \  \::/   
     \__\/         \__\/         \__\/                                   \__\/    



*/
/* under 1000 pixels height query for older desktop displays */
@media only screen and (max-height: 1000px) {
  .homeHeader-v2 .flexslider {
    margin: 9vh auto 0;
  }
  .newImageHeader {
    height: 80vh;
  }
  .snorkelGuideImageHeader {
    height: 60vh;
  }
}
/* end vertical query */
/* big giant screens -------------------------------- */
@media only screen and (max-width: 1800px) {
  /* desktop 70 width */
  .whitePageWrapper,
  header,
  .headerVideo,
  .whitePageHeader,
  .certificationIcons,
  .referralWrapper,
  .mantaCalendar,
  .charterIcons,
  .tripAdvisor .tripAdvisorWrap,
  .charterSectionWrapper,
  .charterDetailsWrapper,
  .retailDetailsWrapper,
  footer .footerColumns,
  footer .footerInfo {
    width: 80%;
  }
}
/* end 70 query */
/* laptop size screens ------------------------------ */
@media only screen and (max-width: 1200px) {
  /* laptop 80 width */
  .whitePageWrapper,
  header,
  .headerVideo,
  .whitePageHeader,
  .certificationIcons,
  .referralWrapper,
  .mantaCalendar,
  .charterIcons,
  .tripAdvisor .tripAdvisorWrap,
  .charterSectionWrapper,
  .charterDetailsWrapper,
  .retailDetailsWrapper,
  footer .footerColumns,
  footer .footerInfo {
    width: 85%;
  }
  .charterDetails .guaranteeInfo p.goal {
    font-size: 1.5em;
    margin-top: 0;
  }
  .charterDetails .guaranteeInfo p.guarantee {
    font-size: 1.1em;
  }
}
/* end 1200 query */
/* tablet ish queries for smaller displays ---------- */
@media only screen and (max-width: 1000px) {
  /* laptop 80 width */
  .whitePageWrapper,
  header,
  .headerVideo,
  .whitePageHeader,
  .certificationIcons,
  .referralWrapper,
  .mantaCalendar,
  .charterIcons,
  .tripAdvisor .tripAdvisorWrap,
  .charterSectionWrapper,
  .charterDetailsWrapper,
  .retailDetailsWrapper,
  footer .footerColumns,
  footer .footerInfo {
    width: 90%;
  }
  header .logo {
    width: 200px;
    height: 80px;
    margin-top: 40px;
  }
  header .headerLeft {
    margin-top: 40px;
  }
  header .headerRight {
    margin-top: 15px;
  }
  header .social a.facebook,
  header .social a.instagram,
  header .social a.map,
  header .social a.tripadvisor {
    width: 29px;
    height: 29px;
  }
  header .contact {
    font-size: 1em;
  }
  header .contact a {
    width: 126px;
  }
  .charterDetails .privateBoats .privateBoat {
    width: 100% !important;
    margin-bottom: 20px;
  }
}
/*end 1000 query*/
/* smaller than a tablet and things start here --------- */
@media only screen and (max-width: 780px) {
  a.notificationBar {
    font-size: 0.95em;
  }
  a.notificationBar span {
    line-height: 2em;
  }
  .topBar {
    display: none;
  }
  /* hide homepage things 2019 */
  .flexslider,
  section.centerVid {
    display: none;
  }
  /* the 2.0 mobile menu radness! */
  .mNav,
  .mSnkNav,
  .mDiveNav,
  .mContactNav {
    display: block;
  }
  .mHomeFeature {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    height: 91vh;
    width: 100%;
    background-color: #FFF;
    background: url('../../images/homepage/mHomeFeature.jpg');
    background-size: cover;
    background-position: 35% top;
  }
  .mHomeFeature img {
    width: 50%;
    height: auto;
    position: relative;
    top: 50vh;
    left: 25%;
  }
  .mNav {
    position: fixed;
    bottom: 0;
    z-index: 9998;
    width: 100%;
    background-color: #FFF;
    border-top: 1px solid #00A8E9;
  }
  .mNavContainer {
    padding: 0 0;
    text-align: center;
  }
  .mNavLink {
    display: inline-block;
    padding: 5px 0 0px;
    margin: 0;
    width: 19%;
    text-align: center;
  }
  .mNavLink a span {
    display: block;
    width: 35px;
    height: 35px;
    background-color: #333;
    margin: 0 auto;
  }
  .mNavLink a span.logo {
    width: 55px;
    height: 55px;
    background: url('../../images/logos/web-logo-mobile-300.png');
    background-size: 100%;
  }
  .mNavLink a p {
    font-size: 12px;
    color: #000;
    font-family: "NexaBold";
    font-display: auto;
    font-weight: normal;
    font-style: normal;
  }
  .mNavSnorkeling a span {
    background: url('../../images/icons/icon-snorkel.png');
    background-size: 125%;
    background-position: center center;
  }
  .mNavDiving a span {
    background: url('../../images/icons/icon-twotank.png');
    background-size: 125%;
    background-position: center center;
  }
  .mNavContact a span {
    background: url('../../images/icons/icon-contact.png');
    background-size: 100%;
    background-position: center center;
  }
  .mNavMore a span {
    background: url('../../images/icons/icon-hamburger.png');
    background-size: 100%;
    background-position: center center;
  }
  .whiteGrad {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 29%, #ffffff 93%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 29%, #ffffff 93%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 29%, #ffffff 93%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  }
  .circleIt {
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
  }
  .mNavDrawer {
    transition: visibility 0.2s, opacity 0.2s linear;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    height: 180px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 29%, #ffffff 93%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 29%, #ffffff 93%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 29%, #ffffff 93%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    padding-top: 250px;
    text-align: center;
    color: #000;
  }
  .mNavBubble {
    display: inline-block;
    vertical-align: top;
    width: 26%;
    text-align: center;
    font-family: "NexaBold";
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    color: #000;
    font-size: 16px;
    margin: 5px;
  }
  .mNavBubble span {
    display: block;
    width: 85px;
    height: 85px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    border: 1px solid #00A8E9;
    margin: 0 auto;
  }
  .mBubbleManta span {
    background: url('../../images/charterThumbs/mantadiveThumb.jpg');
    background-size: 100%;
  }
  .mBubbleDolphin span {
    background: url('../../images/charterThumbs/dolphinThumb.jpg');
    background-size: 100%;
  }
  .mBubbleSnkPackages span {
    background: url('../../images/charterThumbs/longrangeThumb2.jpg');
    background-size: 100%;
  }
  .mBubbleTwo span {
    background: url('../../images/charterThumbs/localThumb.jpg');
    background-size: 100%;
  }
  .mBubbleDivePackages span {
    background: url('../../images/charterThumbs/advancedThumb3.jpg');
    background-size: 100%;
  }
  .mNavBubbleMiddle {
    margin-top: -60px;
  }
  body.show-mobile-snorkeling-nav,
  body.show-mobile-diving-nav,
  body.show-mobile-contact-nav,
  body.show-mobile-more-nav {
    overflow: hidden;
  }
  body.show-mobile-snorkeling-nav .mSnkNav,
  body.show-mobile-diving-nav .mDiveNav,
  body.show-mobile-contact-nav .mContactNav,
  body.show-mobile-more-nav .mMoreNav {
    visibility: visible;
    opacity: 1;
  }
  a.mNavDrawerClose {
    position: fixed;
    cursor: pointer;
    bottom: 15px;
    left: 45%;
    color: #FFF;
    font-size: 22px;
    font-family: "NexaBlack";
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    padding: 8px 10px;
    background-color: #00A8E9;
    margin: 0 auto;
  }
  .mNavButton {
    font-family: "NexaBold";
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    display: inline-block;
    padding: 15px 0;
  }
  a.mContactLinkWide {
    font-family: "NexaBold";
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    display: inline-block;
    padding: 15px 0;
    width: 94%;
    margin-bottom: 10px;
    color: #000;
    border: 2px solid #000;
  }
  a.mContactLink {
    font-family: "NexaBold";
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    display: inline-block;
    padding: 15px 0;
    width: 45%;
    margin: 0 1%;
    color: #FFF;
    background-color: #00A8E9;
    border: 2px solid #00A8E9;
  }
  a.mContactLink span {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -5px;
  }
  a.mContactLinkCall span {
    background: url('../../images/icons/icon-phone-white.png');
    background-size: 100%;
    background-position: center center;
  }
  a.mContactLinkDirections span {
    background: url('../../images/icons/icon-map-white-nocircle.png');
    background-size: 100%;
    background-position: center center;
  }
  /* hide front chat on mobile */
  #front-chat-container {
    display: none;
  }
  .notificationBar {
    display: block;
    position: relative;
  }
  .notificationBar a {
    padding: 5px 35px;
  }
  header {
    display: none;
  }
  .homeHeadBar {
    display: none;
  }
  .homeHeader-v2 .homeThirds .homeThird {
    width: 100%;
    padding: 30px 0 40px;
    overflow: hidden;
  }
  .homeHeader-v2 .homeThirds .homeThird h1 {
    font-size: 1.7em;
  }
  .homeHeader-v2 .homeThirds .homeThird p {
    font-size: 0.8em;
    margin-bottom: 10px;
  }
  .homeHeader-v2 .homeThirds .homeThird a {
    padding: 5px 10px;
  }
  .homeHeader-v2 {
    background: #111;
    height: auto;
    overflow: hidden;
  }
  .homeHeader-v2 .homeThirds {
    margin: 0;
  }
  .homeHeader-v2 .homeThirds .homeThird {
    width: 100%;
  }
  .homeHeader-v2 .homeThirds .dayThird {
    background: url('../../images/charters/dayDivesBlur.jpg');
    background-size: cover;
    color: #000;
  }
  .homeHeader-v2 .homeThirds .dayThird a {
    color: #000;
    border: 3px solid #000;
  }
  .homeHeader-v2 .homeThirds .nightThird {
    background: url('../../images/charters/nightDivesBlur.jpg');
    background-size: cover;
  }
  .homeHeader-v2 .homeThirds .snorkelThird {
    background: url('../../images/charters/chartersSnorkelBkdBlur2.jpg');
    background-size: cover;
  }
  .homeHeader-v2 .homePackages {
    position: relative;
    bottom: 0;
    border: 0;
    margin: 0;
    width: 100%;
  }
  .homeHeader-v2 .homePackages .homePackageWrapper {
    display: block;
    text-align: center;
    padding: 50px 0;
    width: 100%;
    background: url('../../images/charters/chartersPackagesBlur.jpg');
    background-size: cover;
  }
  .homeHeader-v2 .homePackages .homePackageWrapper h1 {
    font-size: 1.6em;
    float: none;
  }
  .homeHeader-v2 .homePackages .homePackageWrapper p {
    font-size: 0.8em;
    float: none;
    margin: 10px auto;
  }
  .homeHeader-v2 .homePackages .homePackageWrapper span {
    float: none;
    display: inline-block;
    margin: 0 auto;
    padding: 5px 10px;
    border: 3px solid #FFF;
    color: #FFF;
    margin-bottom: 10px;
  }
  .imageHeader .headerText {
    display: none;
  }
  .imageHeader .centerText {
    margin: 0 auto;
    width: 90%;
  }
  .imageHeader .centerText img {
    width: 100px;
    margin-bottom: 20px;
  }
  .imageHeader .centerText h1 {
    font-size: 2em;
  }
  .imageHeader .centerText p {
    font-size: 0.8em;
  }
  .imageHeader .simpleHeaderText h1 {
    font-size: 2em;
    margin: 0 auto 20px;
  }
  .imageHeader .simpleHeaderText h2 {
    font-size: 1em;
    width: 100%;
  }
  .smallWhitePageWrapper {
    width: 90%;
  }
  .whitePageHeader h1 {
    font-size: 2em;
  }
  .whitePageHeader h2 {
    font-size: 1.2em;
  }
  .simpleHeaderText h2 {
    display: none;
  }
  .covidContent {
    padding: 15px;
  }
  .covidContent p.header {
    font-size: 1em;
  }
  .covidContent p {
    font-size: 1em;
  }
  .shopHeader,
  .wooHeader {
    padding: 0;
    clear: both;
    width: 95%;
  }
  .shopHeader h1,
  .wooHeader h1 {
    font-size: 1.6em;
  }
  .woo {
    width: 95%;
  }
  .woo ul.products li {
    width: 48%;
    margin-right: 2.3%;
  }
  .woo ul.products li:nth-of-type(2n+2) {
    margin-right: 0;
  }
  .desktopShopNav {
    display: none;
  }
  select.mobileShopNav {
    display: block;
    margin: 0 auto;
    padding: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #000;
    font-size: 1em;
    font-family: "NexaBold";
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    border-radius: 0;
  }
  select.mobileShopNav:focus {
    outline: none;
    border: 2px solid #00A8E9;
  }
  .shopNav {
    clear: both;
    width: 95%;
    margin: 30px auto;
    border: 0;
    text-align: center;
  }
  .cart-customlocation {
    margin-left: 0;
  }
  .woo .product .images,
  .woo .product .summary {
    width: 100%;
    float: none;
  }
  .woocommerce form table.cart tr td.product-thumbnail img {
    border-radius: 0;
    border: 0;
    padding: 0;
    width: 100%;
  }
  .woocommerce form.checkout .col2-set .col-1,
  .woocommerce form.checkout .col2-set .col-2 {
    width: 95%;
    float: none;
  }
  .woocommerce form.checkout .col2-set .col-2 {
    margin-top: 20px;
  }
  .diveClubLogoHeader {
    width: 100%;
  }
  .diveClubLogoHeader .diveClubLogo {
    width: 100%;
    border-radius: 0;
    padding-top: 120px;
    margin: -25px 0 -140px;
  }
  .memberBenefits,
  .memberSignup {
    width: 100%;
    float: none;
  }
  .contestRules,
  .contestSignup {
    width: 100%;
    float: none;
  }
  .page-template-page-photo-contest .charterDetails {
    overflow: visible;
  }
  .goProOptions .column {
    width: 100%;
    margin-bottom: 30px;
  }
  .mainmenu-over-nav {
    overflow: scroll;
    background-color: rgba(255, 255, 255, 0.95);
  }
  .mainmenu-over-nav .overlayNav {
    padding-top: 7%;
    width: 85%;
  }
  .mainmenu-over-nav .overlayNav .overlayTwoCol,
  .mainmenu-over-nav .overlayNav .overlayThreeCol {
    width: 85%;
  }
  .homeMenu {
    display: none;
  }
  .homeHeader {
    background: none;
    background-color: #000;
    height: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
  }
  .homeTiles .homeTile {
    width: 100%;
    height: 250px;
  }
  .homeTiles .homeTile h2 {
    font-size: 1.8em;
  }
  .homeTiles .homeTile .homeTileContent .homeTileDetails {
    display: block;
  }
  .newHomeFeatures .newHomeFeature .featureImage,
  .newHomeFeatures .newHomeFeature .featureText {
    width: 100%;
  }
  .newHomeFeatures .newHomeFeature .featureImage {
    height: 200px;
  }
  .newHomeFeatures .newHomeFeature .featureText {
    height: auto;
    text-align: center;
  }
  .newHomeFeatures .newHomeFeature .featureText ul li {
    text-align: left;
  }
  .newHomeFeatures .newHomeFeature .featureText .featureTextContent {
    width: auto;
    padding: 30px;
  }
  .newHomeFeatures .newHomeFeature .featureText .featureTextContent .featureHeader {
    font-size: 1.3em;
  }
  .homeFeatures .homeFeature {
    width: 100%;
  }
  .homeFeatures .homeFeatureRight .homeFeatureContent {
    float: none;
  }
  .homeFeatures .homeFeatureContent {
    text-align: center;
    margin: 0 auto;
    width: 90%;
  }
  .homeFeatures .homeFeatureContent h1 {
    font-size: 2em;
    line-height: 1.2em;
    width: 70%;
    margin: 0 auto 10px auto;
  }
  .homeFeatures .homeFeatureContent h2 {
    text-transform: none;
    font-size: 1em;
  }
  .homeFeatures .homeFeatureContent p {
    font-size: 1em;
    line-height: 1.5em;
    width: 95%;
    margin: 0 auto 10px auto;
    padding: 0;
  }
  .homeFeatures .homeFeatureContent a {
    padding: 15px 25px;
    font-family: "NexaBold";
    font-display: auto;
    font-weight: normal;
    font-style: normal;
  }
  .homeFeatures .homeBlogFeature .featBlogThumb,
  .homeFeatures .homeBlogFeature .featBlogExcerpt {
    display: block;
    width: 100%;
  }
  .homeFeatures .homeBlogFeature a {
    flex-wrap: wrap;
    flex-direction: row;
    padding-bottom: 20px;
  }
  .homeFeatures .homeBlogFeature .featBlogThumb {
    margin: 10px 0;
  }
  .homeFeatures .homeBlogFeature .featBlogExcerpt .featBlogExcerptContent h3 {
    margin: 0 0 10px;
  }
  .homeFeatures .homeBlogFeature .featBlogExcerpt .featBlogExcerptContent h2 {
    font-size: 1.1em;
  }
  .homeBlogFeature .featBlogThumb,
  .homeBlogFeature .featBlogExcerpt {
    display: block;
    width: 100%;
  }
  .imageHeader .leftText {
    text-align: center;
  }
  .imageHeader .leftText h1 {
    font-size: 2em;
  }
  .imageHeader .leftText h2 {
    width: 100%;
    font-size: 1.2em;
  }
  .headerVideo {
    width: 100%;
    border-top: 3px solid #00A8E9;
  }
  .noHeader {
    margin-top: 105px;
  }
  .otherPackages {
    display: none;
  }
  .charterThumb {
    display: none;
  }
  .charterDetails .relatedCharters .details .charterThumb {
    float: none;
    display: inline-block;
    width: 100%;
    height: auto;
    margin-left: 0px;
    margin-bottom: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 0;
  }
  .charterDetails .priceBox {
    margin: 15px auto 20px;
    width: 98%;
    float: none;
  }
  .charterDetails a.termsCancel {
    left: 0px;
    margin-top: 15px;
  }
  .charterDetails .otherManta {
    font-size: 1.2em;
  }
  .charterSectionWrapper h1 {
    font-size: 1.8em;
    padding-top: 10px;
  }
  .chartersDayDives,
  .chartersNightDives,
  .chartersSnorkeling {
    background-position: center center;
  }
  .charterSection {
    padding: 10px 0;
  }
  .chartersDayDives .charterSectionHeader,
  .chartersNightDives .charterSectionHeader,
  .chartersSnorkeling .charterSectionHeader {
    padding-top: 20px;
    margin-bottom: 20px;
  }
  .charterSectionWrapper h1.sectionTitle {
    font-size: 2em;
  }
  .chartersSnorkelingPackages {
    background-position: center center;
  }
  .charterSectionWrapper img.titleIcon {
    top: 13px;
  }
  .charterFeature {
    margin-bottom: 30px;
  }
  .charterFeature img {
    display: none;
  }
  .charterFeature .chartFeatLeft {
    display: block;
    width: 100%;
  }
  .charterFeature .chartFeatRight {
    display: block;
    width: 100%;
    margin-left: 0%;
  }
  .charterFeature h1 {
    font-size: 1.2em;
    font-family: "NexaBlack";
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 5px;
  }
  .charterFeature h3 {
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  .charterFeature a {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    padding: 7px 12px;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid #FFF;
    color: #FFF;
    letter-spacing: 1px;
    font-family: "NexaBold";
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -moz-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -o-transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    /* linear */
    font-size: 0.8em;
    color: #000;
    border: 2px solid #000;
  }
  .charterFeature a:hover {
    border: 2px solid #00A8E9;
    background-color: #00A8E9;
  }
  .charterFeature p {
    font-family: "NexaBold";
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    font-size: 0.9em;
    line-height: 1.4em;
    padding: 20px 0;
  }
  .charterFeature p.price {
    font-family: "NexaBold";
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
    padding: 0;
    font-size: 1.2em;
  }
  .charterBlock {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .charterBlock h2 {
    font-size: 1.2em;
  }
  .covidLimits {
    width: 100%;
  }
  .newImageHeader {
    height: 92vh;
  }
  .newImageHeader .callBox {
    margin-top: 10vh;
  }
  .newImageHeader .call {
    width: 80%;
  }
  .newImageHeader .call h1 {
    font-size: 1.8em;
  }
  .newImageHeader .call h2 {
    font-size: 1em;
    font-family: "NexaBold";
    font-display: auto;
    font-weight: normal;
    font-style: normal;
    background-color: rgba(255, 255, 255, 0.3);
    padding: 10px;
    border-radius: 2px;
  }
  .newImageHeader .call a.book {
    font-size: 1em;
  }
  .snorkelGuideImageHeader {
    height: 30vh;
  }
  .snorkelGuideImageHeader .call {
    padding-top: 9vh;
  }
  .snorkelGuideHeader h1 {
    font-size: 2em !important;
  }
  .mapCallout {
    background-size: 150%;
  }
  .mapCallout .mapCalloutContent img {
    width: 100px;
  }
  .mapCallout .mapCalloutContent {
    width: 100%;
  }
  .sectionHeader {
    flex-wrap: wrap;
  }
  .sectionHeader h1 {
    width: 100%;
  }
  .sectionHeader h3 {
    width: 70%;
    margin-top: 15px;
    font-size: 1em;
  }
  .sectionHeader span {
    margin-top: 15px;
  }
  .charterDetailsWrapper {
    width: 100%;
  }
  .charterDetails {
    padding: 20px 25px 0;
  }
  .charterDetails .rentals {
    width: 100%;
    float: none;
    margin: 0;
  }
  .darkCharterDetails .left,
  .darkCharterDetails .right {
    width: 100%;
    margin: 10px 0;
  }
  .breadcrumbs {
    display: none;
  }
  .charterDetails h1 {
    font-size: 1.8em;
    margin: 0 0 10px;
    width: 100%;
  }
  .charterDetails h2 {
    font-size: 1.2em;
  }
  .charterDetails span {
    top: 5px;
    left: 0;
  }
  .charterDetails .included,
  .charterDetails .details {
    width: 100%;
    float: none;
    margin: 0 0 15px;
  }
  .charterDetails .details .charterIcon {
    display: none;
  }
  .charterDetails .otherManta {
    margin: 0 0 10px;
    font-size: 1em;
    line-height: 1.4em;
  }
  .charterDetails .bookPrivate {
    margin-top: 10px;
  }
  .charterDetails .reason {
    width: 100%;
    margin-bottom: 10px;
  }
  .charterDetails .guaranteeIcon {
    width: 35%;
  }
  .charterDetails .guaranteeInfo {
    width: 64%;
  }
  .charterDetails .guaranteeInfo p.goal {
    font-size: 1.2em;
  }
  .charterDetails .guaranteeInfo p.guarantee {
    font-size: 0.9em;
  }
  .embed-container {
    margin-bottom: 20px;
  }
  .rentals .rentalsHeader h2,
  .relatedCharters .relatedHeader h2 {
    font-size: 1em;
  }
  .referralWrapper {
    width: 90%;
  }
  .referralWrapper .referralDetails h1 {
    font-size: 1.8em;
  }
  .referralWrapper .referralDetails h2 {
    font-size: 1.2em;
  }
  .bidWaivers a {
    width: 40% !important;
    margin: 0 15px !important;
    float: none;
  }
  .bidWaivers a span {
    width: 100px;
    height: 100px;
    margin: 0 auto 10px;
  }
  .retailHeader h1 {
    font-size: 1.4em;
    width: 60%;
    margin: 15px auto;
  }
  .retailHeader h2 {
    display: none;
  }
  .retailHeader a {
    display: none;
  }
  .retailHeader {
    margin: 100px 0 40px;
    padding: 0;
  }
  .retailDetailsWrapper {
    width: 100%;
  }
  .retailWrapper h1 {
    display: none;
  }
  .retailSection {
    width: 100%;
    margin: 20px 0;
  }
  /* 2019 retail stuff */
  .retailBlock {
    padding: 100px 0;
  }
  .retailNitroxPromo,
  .retailMonthlyPromo,
  .retailSnkRental,
  .retailDiveRental {
    width: 96%;
  }
  .retailBlock .blockContent {
    width: 60%;
  }
  .retailBlock .blockContent h2 {
    font-size: 1.5em;
  }
  .contactUsHeader,
  .policyHeader {
    padding: 20px 0;
    overflow: hidden;
    margin: 10px 0;
  }
  .contactUsHeader h1,
  .policyHeader h1 {
    font-size: 1.5em;
    padding: 0 20px;
  }
  .contactUsContent .contactBlock {
    width: 100%;
  }
  .certificationIcons .certIconsHeader {
    width: 90%;
    text-align: center;
  }
  .certIconsHeader img {
    display: none;
  }
  .certificationIcons .certIconsHeader .certHeaderText {
    width: 100%;
    float: none;
  }
  .certificationIcons .certIconsHeader .certHeaderText h1 {
    font-size: 2em;
  }
  .certificationIcons .certIconsHeader .certHeaderText h2 {
    margin: 0;
  }
  .certificationsHeader .certificationsOverlay h1 {
    font-size: 2em;
    margin: 20px 0;
  }
  .certificationsHeader .certificationsOverlay h2 {
    font-size: 1em;
    line-height: 1.2em;
    margin-bottom: 10px;
  }
  .certificationIcons .certIcon {
    width: 45%;
    margin: 10px 5px;
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  .certSingleHeader {
    overflow: hidden;
  }
  .certSingleInfo .section h2,
  .certSingleInfo .section .info {
    float: none;
    width: 100%;
  }
  .certSingleInfo .section .columns {
    flex-wrap: wrap;
  }
  .certSingleInfo .section .columns .column {
    width: 100%;
    margin-bottom: 40px;
  }
  .courseEnrollBox p {
    font-size: 1em;
    padding: 10px;
  }
  .courseEnrollBox p a {
    padding: 5px;
  }
  .charterIcons .charterIcon {
    width: 45%;
  }
  .rentals .rentalItem {
    width: 45%;
    margin: 0 0 30px;
  }
  .rentals .rentalItem img {
    width: 55%;
  }
  .otherCerts {
    margin: 20px auto;
  }
  .learnToDive .learnToDiveContent h1 {
    padding: 20px 0;
    font-size: 2em;
  }
  .bidWaivers a {
    width: 40%;
    margin: 0 4% 50px;
  }
  .tripAdvisor {
    padding: 30px 0;
  }
  .tripAdvisor .tripBadge {
    width: 100px;
    height: 70px;
    margin: 0 auto 10px auto;
    display: block;
  }
  .tripAdvisor .tripAdvisorText {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .tripAdvisor .tripAdvisorText h3 {
    font-size: 1.2em;
  }
  .tripAdvisor .tripAdvisorText span.stars {
    margin: 10px auto;
    width: 110px;
    height: 20px;
  }
  .testimonial_rotator.template-longform .testimonial_rotator_stars,
  .testimonial_rotator.template-longform .testimonial_rotator_slide_title,
  .testimonial_rotator.template-longform .testimonial_rotator_quote,
  .testimonial_rotator.template-longform .testimonial_rotator_author_info p {
    text-align: center !important;
    font-size: 0.9em;
  }
  .tripAdvisor .tripAdvisorText a {
    margin: 0;
  }
  footer .footerColumn {
    width: 46%;
    margin-right: 6.5%;
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  footer .footerColumn:nth-of-type(2n+2) {
    margin-right: 0%;
  }
  footer .footerPhone {
    display: none;
  }
  footer .footerLogo {
    width: 300px;
    height: 120px;
  }
  footer .footerSocial {
    width: 100%;
    float: none;
    text-align: center;
    margin-top: 10px;
  }
  footer .footerCopy {
    padding-bottom: 100px;
  }
  footer .footerCopy p {
    margin: 0;
    padding-bottom: 0;
  }
}
/* end mobile query */
/* FOR IPHONE 5 SIZE SCREENS */
@media only screen and (max-width: 320px) {
  .imageHeader .headerText h1 {
    font-size: 1.3em;
    margin: 0 auto 20px;
  }
  .imageHeader .headerText h2 {
    font-size: 0.8em;
  }
  .homeHeader-v2 {
    background-size: 135%;
    background-position: center center;
  }
  .homeHeader-v2 .homeThirds {
    margin-top: -20px;
    margin-bottom: 10px;
  }
  .homeHeader-v2 .homeThirds .homeThird h1 {
    font-size: 1.3em;
  }
  footer .footerLogo {
    width: 280px;
    height: 110px;
  }
  footer .footerCopy {
    font-size: 0.7em;
  }
}
/* WOO MOBILE OVERRIDE STUFF - NOT MINE! */
/* START Make the cart table responsive */
/* http://css-tricks.com/responsive-data-tables/ */
@media screen and (max-width: 600px) {
  /* Force table to not be like tables anymore */
  .woocommerce-page table.shop_table,
  .woocommerce-page table.shop_table thead,
  .woocommerce-page table.shop_table tbody,
  .woocommerce-page table.shop_table th,
  .woocommerce-page table.shop_table td,
  .woocommerce-page table.shop_table tr {
    display: block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  .woocommerce-page table.shop_table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .woocommerce-page table.shop_table tr {
    /*border: 1px solid #d2d3d3; */
  }
  .woocommerce-page table.shop_table td {
    /* Behave like a "row" */
    border: 1px solid #d2d3d3;
    position: relative;
    padding: 10px !important;
  }
  .woocommerce-page table.shop_table {
    border: none;
  }
  .woocommerce-page table.shop_table td.product-spacer {
    border-color: #FFF;
    height: 10px;
  }
  .woocommerce-page table.shop_table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 10px;
    left: 0px;
    width: 25%;
    padding-right: 0px;
    white-space: nowrap;
  }
  .woocommerce-page table.shop_table td.product-name {
    text-align: center;
    font-family: "NexaBold";
    font-display: auto;
    font-weight: normal;
    font-style: normal;
  }
  .woocommerce-page table.shop_table td.product-quantity:before {
    top: 23px;
  }
  /* Label the data */
  .woocommerce-page table.shop_table td.product-remove {
    display: none;
  }
  .woocommerce-page table.shop_table td.product-thumbnail:before {
    content: "";
  }
  .woocommerce-page table.shop_table td.product-name:before {
    content: "";
  }
  .woocommerce-page table.shop_table td.product-price:before {
    content: "Price";
  }
  .woocommerce-page table.shop_table td.product-quantity:before {
    content: "Quantity";
  }
  .woocommerce-page table.shop_table td.product-subtotal:before {
    content: "Subtotal";
  }
  .woocommerce-page table.shop_table td.product-total:before {
    content: "Total";
  }
  .woocommerce .quantity,
  .woocommerce #content .quantity,
  .woocommerce-page .quantity,
  .woocommerce-page #content .quantity {
    margin: 0;
  }
  .woocommerce-page table.cart td.actions,
  .woocommerce-page #content table.cart td.actions {
    text-align: left;
    border: 0;
    padding-left: 6px !important;
  }
  .woocommerce-page table.cart td.actions .button.alt,
  .woocommerce-page #content table.cart td.actions .button.alt {
    float: left;
    margin-top: 10px;
  }
  .woocommerce-page table.cart td.actions div,
  .woocommerce-page #content table.cart td.actions div,
  .woocommerce-page table.cart td.actions input,
  .woocommerce-page #content table.cart td.actions input {
    margin-bottom: 10px;
  }
  .woocommerce-page .cart-collaterals .cart_totals {
    float: left;
    width: 100%;
    text-align: left;
  }
  .woocommerce-page .cart-collaterals .cart_totals th,
  .woocommerce-page .cart-collaterals .cart_totals td {
    border: 0 !important;
  }
  .woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
  .woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
  .woocommerce-page .cart-collaterals .cart_totals table tr.total td {
    padding-left: 6px !important;
  }
  .woocommerce-page table.shop_table tr.cart-subtotal td,
  .woocommerce-page table.shop_table tr.shipping td,
  .woocommerce-page table.shop_table tr.total td,
  .woocommerce-page table.shop_table.order_details tfoot th,
  .woocommerce-page table.shop_table.order_details tfoot td {
    padding-left: 6px !important;
    border: 0 !important;
  }
  .woocommerce-page table.shop_table tbody {
    padding-top: 10px;
  }
  .woocommerce .col2-set .col-1,
  .woocommerce-page .col2-set .col-1,
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2,
  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-first,
  .woocommerce-page form .form-row-last {
    float: none;
    width: 100%;
  }
  .woocommerce .order_details ul,
  .woocommerce-page .order_details ul,
  .woocommerce .order_details,
  .woocommerce-page .order_details {
    padding: 0;
  }
  .woocommerce .order_details li,
  .woocommerce-page .order_details li {
    clear: left;
    margin-bottom: 10px;
    border: 0;
  }
  /* make buttons full width, text wide anyway, improves effectiveness */
  #content table.cart td.actions .button,
  .woocommerce #content table.cart td.actions .input-text,
  .woocommerce #content table.cart td.actions input,
  .woocommerce table.cart td.actions .button,
  .woocommerce table.cart td.actions .input-text,
  .woocommerce table.cart td.actions input,
  .woocommerce-page #content table.cart td.actions .button,
  .woocommerce-page #content table.cart td.actions .input-text,
  .woocommerce-page #content table.cart td.actions input,
  .woocommerce-page table.cart td.actions .button,
  .woocommerce-page table.cart td.actions .input-text,
  .woocommerce-page table.cart td.actions input {
    width: 100%;
  }
  /* keep coupon at 50% */
  #content table.cart td.actions .coupon .button,
  .woocommerce #content table.cart td.actions .coupon .input-text,
  .woocommerce #content table.cart td.actions .coupon input,
  .woocommerce table.cart td.actions .coupon .button,
  .woocommerce table.cart td.actions .coupon .input-text,
  .woocommerce table.cart td.actions .coupon input,
  .woocommerce-page #content table.cart td.actions .coupon .button,
  .woocommerce-page #content table.cart td.actions .coupon .input-text,
  .woocommerce-page #content table.cart td.actions .coupon input,
  .woocommerce-page table.cart td.actions .coupon .button,
  .woocommerce-page table.cart td.actions .coupon .input-text,
  .woocommerce-page table.cart td.actions .coupon input {
    width: 48%;
  }
  /* clean up how coupon inputs display */
  #content table.cart td.actions .coupon,
  .woocommerce table.cart td.actions .coupon,
  .woocommerce-page #content table.cart td.actions .coupon,
  .woocommerce-page table.cart td.actions .coupon {
    margin-top: 1.5em;
  }
  #content table.cart td.actions .coupon .input-text,
  .woocommerce table.cart td.actions .coupon .input-text,
  .woocommerce-page #content table.cart td.actions .coupon .input-text,
  .woocommerce-page table.cart td.actions .coupon .input-text {
    margin-bottom: 1em;
  }
  /* remove cross sells, they interfere with flow between cart and cart totals + shipping calculator */
  .woocommerce .cart-collaterals .cross-sells,
  .woocommerce-page .cart-collaterals .cross-sells {
    display: none;
  }
}
/* END Make the cart table responsive */