@charset "UTF-8";
/******************************************************************
Site Name: The Coromandel
Author: Mike McVey @ maverickdigitial.nz

Stylesheet: Main Stylesheet
Here's where the magic happens. 

******************************************************************/
/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
*********************/
/* Global Styles
----------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
html, button, input, select, textarea {
  font-family: Helvetica, Arial, sans-serif;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 320px;
}
::-moz-selection {
  background: #007FA3;
  color: #fffef9;
  text-shadow: none;
}
::selection {
  background: #007FA3;
  color: #fffef9;
  text-shadow: none;
}
::-moz-selection {
  background: #007FA3;
  color: #fffef9;
  text-shadow: none;
}
::selection {
  background: #007FA3;
  color: #fffef9;
  text-shadow: none;
}
blockquote {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.19;
}
dfn {
  font-style: italic;
}
hr {
  border: 0;
  margin: 0;
  width: 100%;
  padding: 0;
  display: block;
  position: relative;
  clear: both;
}
hr:after {
  border: 0;
  display: block;
  height: 5px;
  width: 10px;
  content: "";
  margin: 1em auto 1em;
  position: relative;
}
hr:before {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  content: " ";
  height: 3px;
  background: #007FA3;
  border-radius: 4px;
}
ins {
  background: #ff9;
  color: #292929;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #292929;
  font-style: italic;
}
pre, code, kbd, samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.page_layout small {
  font-size: 0.67em;
}
sub, sup {
  font-size: 0.5em;
  line-height: 0;
  font-weight: 300;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.7em;
}
sub {
  bottom: -0.25em;
}
ul, ol {
  padding-left: 1em;
  margin: 0em 0 1em;
}
dd {
  margin: 0 0 0 40px;
}
nav ul, nav ol {
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto;
  display: inline-block;
  width: 100%;
}
/*svg:not(:root){width:100%;height:auto;overflow:hidden;}*/
figure {
  margin: 10px 0 0 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
  font-size: 14px;
  padding: 0 0.5em;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}
button, input {
  line-height: normal;
  padding: 0;
}
input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
  font-weight: 600 !important;
  overflow: visible;
}
button[disabled], input[disabled] {
  cursor: default;
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  width: 13px;
  height: 13px;
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
*, *:after, *:before {
  box-sizing: border-box;
}
table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 0.5em;
}
td, th {
  padding: 5px;
  line-height: 1.2;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
th {
  vertical-align: baseline;
  border-top: 0;
}
td:last-child, th:last-child {
  border-right: none;
}
::-webkit-input-placeholder {
  color: #8b8b8b;
  font-weight: normal;
  font-size: 0.87em;
  letter-spacing: -0.02em;
}
::-moz-placeholder {
  color: #8b8b8b;
  font-weight: normal;
  font-size: 0.87em;
  letter-spacing: -0.02em;
}
:-ms-input-placeholder {
  color: #8b8b8b;
  font-weight: normal;
  font-size: 0.87em;
  letter-spacing: -0.02em;
}
:-moz-placeholder {
  color: #8b8b8b;
  font-weight: normal;
  font-size: 0.87em;
  letter-spacing: -0.02em;
}
/* grid + padding styles */
.grid {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap; /* margin:0 -8px 0 -8px; */
}
.grid.grid-nogutter {
  margin: 0;
}
.grid.grid-nogutter > .col {
  padding: 0;
}
.col {
  position: relative;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  min-width: 0;
  padding: 0 8px 0 8px;
}
.col-align-top {
  align-self: flex-start;
}
.col-align-bottom {
  align-self: flex-end;
}
.col-align-middle {
  align-self: center;
}
.col-top {
  justify-content: flex-start !important;
  flex-direction: column;
  display: flex;
}
.col-bottom {
  justify-content: flex-end !important;
  flex-direction: column;
  display: flex;
}
.col-middle {
  justify-content: center;
  flex-direction: column;
  display: flex;
}
.grid-start {
  justify-content: flex-start;
}
.grid-center {
  justify-content: center;
}
.grid-end {
  justify-content: flex-end;
}
.grid-around {
  justify-content: space-around;
}
.grid-between {
  justify-content: space-between;
}
.grid-stretch {
  justify-content: stretch;
}
.col-first {
  order: -1;
}
.col-last {
  order: 1;
}
.grid-reverse {
  flex-direction: row-reverse;
}
.col-fixed {
  flex: initial;
}
.col-grow-2 {
  flex-grow: 2;
}
.col-grow-3 {
  flex-grow: 3;
}
.col-grow-4 {
  flex-grow: 4;
}
.col-grow-5 {
  flex-grow: 5;
}
.col-grow-6 {
  flex-grow: 6;
}
.col-grow-7 {
  flex-grow: 7;
}
.col-grow-8 {
  flex-grow: 8;
}
.col-grow-9 {
  flex-grow: 9;
}
.col-grow-10 {
  flex-grow: 10;
}
.col-grow-11 {
  flex-grow: 11;
}
.col-1 {
  flex-basis: 8.33333%;
  max-width: 8.33333%;
}
.col-2 {
  flex-basis: 16.66667%;
  max-width: 16.66667%;
}
.col-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.col-4 {
  flex-basis: 33.33333%;
  max-width: 33.33333%;
}
.col-5 {
  flex-basis: 41.66667%;
  max-width: 41.66667%;
}
.col-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.col-7 {
  flex-basis: 58.33333%;
  max-width: 58.33333%;
}
.col-8 {
  flex-basis: 66.66667%;
  max-width: 66.66667%;
}
.col-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.col-10 {
  flex-basis: 83.33333%;
  max-width: 83.33333%;
}
.col-11 {
  flex-basis: 91.66667%;
  max-width: 91.66667%;
}
.col-12 {
  flex-basis: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 480px) {
  .col-sm {
    flex: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 624px) {
  .col-md {
    flex: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 744px) {
  .col-lg {
    flex: 100%;
    max-width: 100%;
  }
}
.pad-top-default {
  padding-top: 2rem;
}
.pad-bot-default {
  padding-bottom: 2rem;
}
.el-layer-1 .pad-top-default {
  padding-top: 3em;
}
/* padding styles */
@media (min-width: 600px) {
  .pad-top-200 {
    padding-top: 10rem;
  }
  .pad-bot-200 {
    padding-bottom: 10rem;
  }
  .pad-top-180 {
    padding-top: 9rem;
  }
  .pad-bot-180 {
    padding-bottom: 9rem;
  }
  .pad-top-160 {
    padding-top: 8rem;
  }
  .pad-bot-160 {
    padding-bottom: 8rem;
  }
  .pad-top-140 {
    padding-top: 7rem;
  }
  .pad-bot-140 {
    padding-bottom: 7rem;
  }
  .pad-top-120 {
    padding-top: 6rem;
  }
  .pad-bot-120 {
    padding-bottom: 6rem;
  }
  .pad-top-100 {
    padding-top: 5rem;
  }
  .pad-bot-100 {
    padding-bottom: 5rem;
  }
  .pad-top-80 {
    padding-top: 4rem;
  }
  .pad-bot-80 {
    padding-bottom: 4rem;
  }
  .pad-top-60 {
    padding-top: 3rem;
  }
  .pad-bot-60 {
    padding-bottom: 3rem;
  }
  .pad-top-40 {
    padding-top: 2rem;
  }
  .pad-bot-40 {
    padding-bottom: 2rem;
  }
  .pad-top-20 {
    padding-top: 1rem;
  }
  .pad-bot-20 {
    padding-bottom: 1rem;
  }
  .mar-top-160 {
    margin-top: 8rem;
  }
  .mar-bot-160 {
    margin-bottom: 8rem;
  }
  .mar-top-140 {
    margin-top: 7rem;
  }
  .mar-bot-140 {
    margin-bottom: 7rem;
  }
  .mar-top-120 {
    margin-top: 6rem;
  }
  .mar-bot-120 {
    margin-bottom: 6rem;
  }
  .mar-top-100 {
    margin-top: 5rem;
  }
  .mar-bot-100 {
    margin-bottom: 5rem;
  }
  .mar-top-80 {
    margin-top: 4rem;
  }
  .mar-bot-80 {
    margin-bottom: 4rem;
  }
  .mar-top-60 {
    margin-top: 3rem;
  }
  .mar-bot-60 {
    margin-bottom: 3rem;
  }
  .mar-top-40 {
    margin-top: 2rem;
  }
  .mar-bot-40 {
    margin-bottom: 2rem;
  }
  .mar-top-20 {
    margin-top: 1rem;
  }
  .mar-bot-20 {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 600px) {
  .pad-top-default {
    padding-top: 2rem;
  }
  .pad-bot-default {
    padding-bottom: 2rem;
  }
  .pad-top-200 {
    padding-top: 5rem;
  }
  .pad-bot-200 {
    padding-bottom: 5rem;
  }
  .pad-top-180 {
    padding-top: 4.5rem;
  }
  .pad-bot-180 {
    padding-bottom: 4.5rem;
  }
  .pad-top-160 {
    padding-top: 4rem;
  }
  .pad-bot-160 {
    padding-bottom: 4rem;
  }
  .pad-top-140 {
    padding-top: 3.5rem;
  }
  .pad-bot-140 {
    padding-bottom: 3.5rem;
  }
  .pad-top-120 {
    padding-top: 3rem;
  }
  .pad-bot-120 {
    padding-bottom: 3rem;
  }
  .pad-top-100 {
    padding-top: 2.5rem;
  }
  .pad-bot-100 {
    padding-bottom: 2.5rem;
  }
  .pad-top-80 {
    padding-top: 2rem;
  }
  .pad-bot-80 {
    padding-bottom: 2rem;
  }
  .pad-top-60 {
    padding-top: 1.5rem;
  }
  .pad-bot-60 {
    padding-bottom: 1.5rem;
  }
  .pad-top-40 {
    padding-top: 1rem;
  }
  .pad-bot-40 {
    padding-bottom: 1rem;
  }
  .pad-top-20 {
    padding-top: 0.5rem;
  }
  .pad-bot-20 {
    padding-bottom: 0.5rem;
  }
  .mar-top-160 {
    margin-top: 4rem;
  }
  .mar-bot-160 {
    margin-bottom: 4rem;
  }
  .mar-top-140 {
    margin-top: 3.5rem;
  }
  .mar-bot-140 {
    margin-bottom: 3.5rem;
  }
  .mar-top-120 {
    margin-top: 3rem;
  }
  .mar-bot-120 {
    margin-bottom: 3rem;
  }
  .mar-top-100 {
    margin-top: 2.5rem;
  }
  .mar-bot-100 {
    margin-bottom: 2.5rem;
  }
  .mar-top-80 {
    margin-top: 2rem;
  }
  .mar-bot-80 {
    margin-bottom: 2rem;
  }
  .mar-top-60 {
    margin-top: 1.5rem;
  }
  .mar-bot-60 {
    margin-bottom: 1.5rem;
  }
  .mar-top-40 {
    margin-top: 1rem;
  }
  .mar-bot-40 {
    margin-bottom: 1rem;
  }
  .mar-top-20 {
    margin-top: 0.5rem;
  }
  .mar-bot-20 {
    margin-bottom: 0.5rem;
  }
}
/******************************************************************
Site Name:
Author:

Stylesheet: Fonts

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
@font-face {
  font-family: "Droid Sans";
  src: url("/dist/DroidSans-Bold.2a29d3e2.woff2") format("woff2"), url("/dist/DroidSans-Bold.720124bc.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Droid Sans";
  src: url("/dist/DroidSans.f7161794.woff2") format("woff2"), url("/dist/DroidSans.0314bc1b.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LovelyHome";
  src: url("/dist/LovelyHomeMacrons.20144265.woff2") format("woff2"), url("/dist/LovelyHomeMacrons.06ee3af1.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/******************************************************************
Stylesheet: Typography
******************************************************************/
/* Typography
------------------------ */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 600;
  margin: 0;
  padding: 0.3em 0 1em;
  letter-spacing: -0.035em;
  line-height: 1.1;
}
h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h4 strong, h4 strong, .h4 strong, blockquote strong {
  font-weight: bold;
  display: inline-block; /* line-height:0.9; */ /* font-size:1.05em; */
}
h1 em, h2 em, h3 em, h4 em, h5 em {
  font-style: normal !important;
  font-family: "LovelyHome", "Dancing Script", "Georgia", Cambria, Times New Roman, Times, serif;
  font-weight: normal !important;
  font-size: 1.4em;
  padding: 0 0.3em 0 0.23em;
  letter-spacing: 0em;
  word-spacing: 0;
}
html, .root {
  width: 100%;
}
ul ul, ol ol, ul ol, ol ul {
  margin: 0;
}
hr, .hr {
  width: 100%;
  clear: both;
  display: block;
}
sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
html {
  font-size: calc(16px + 4 * (100vw - 600px) / 1110);
}
/* PERFECT FOURTH  */
h1, .h1 {
  font-size: 3.157rem;
}
h1 small, .h1 small {
  font-size: 0.3em;
}
h2, .h2 {
  font-size: 1.87rem;
}
h3, .h3 {
  font-size: 1.5rem;
}
h3.subpage {
  font-size: 1.1rem;
  line-height: 1.1;
}
h4, .h4 {
  font-size: 1.33rem;
}
h5, .h5 {
  font-size: 1.25rem;
  font-weight: 500;
}
/* MAJOR THIRD 
h1,.h1{font-size: 3.157rem;}
// should be 2.441rem to mtach scale 
h1 small,.h1 small{ font-size:.3em;}
h2,.h2{font-size:1.953rem;}
h3,.h3{font-size:1.563rem;}
h3.subpage{font-size:1.3rem;}
h4,.h4{font-size:1.25rem;}
h5,.h5{font-size:1rem;font-weight:500;}

*/
blockquote p {
  font-weight: 500;
  line-height: 1.2;
}
blockquote p[class*=text-center] {
  padding-right: 5%;
  padding-left: 5%;
}
li {
  padding: 0;
  margin: 0;
  line-height: 1.37;
}
p {
  line-height: 1.3;
  margin: 0;
  padding: 0rem 0 1.4rem;
}
p.lead {
  font-size: 1.15em;
}
p.larger {
  font-size: 2.6em;
}
.smaller {
  font-size: 0.67em;
}
@media (max-width: 600px) {
  html {
    font-size: 16px;
  }
}
@media (min-width: 1710px) {
  html {
    font-size: 20px;
  }
}
/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/* FOOTER FORM
----------------------------------------------- */
#e152 .btn-toolbar {
  text-align: center;
}
#e152 label {
  display: none;
}
#e152 .element_userform {
  margin-bottom: -10em;
}
/* GENERIC FORMS
----------------------------------------------- */
.element_userform {
  margin-bottom: 3em;
  /* fix for ie7's rendering of max-width property on select input */
  /* Radio and Checkbox */
  /* Messages */
  /* ACTIONS */
  /* AREA SPECIFIC */
  /* LOGIN and FORGOT PASSWORD */
  /* Search / Login */
  /* USER DEFINED USER FORM MODULE STYLES
  ----------------------------------------------- */
  /*Generic and mixed*/
  /* Labels */
  /* Radio / Checkbox */
  /* Messages */
  /* Error messages */
  /* To test - potentially not needed? */
}
.element_userform p,
.element_userform h3 {
  opacity: 1 !important;
  transform: initial !important;
}
.element_userform form.userform {
  max-width: 800px;
  margin: 1em auto;
}
.element_userform div.field {
  margin: 0px 0 15px;
  float: left;
  width: 100%;
  padding-right: 0.5em;
}
.element_userform .field.column-left,
.element_userform .field.column-right {
  display: block;
  width: 50%;
  float: left;
}
.element_userform fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
.element_userform form label,
.element_userform form legend {
  margin-bottom: 5px;
  font-size: 0.76em;
}
.element_userform form label {
  display: block;
  font-weight: bold;
}
.element_userform form input.text,
.element_userform form textarea,
.element_userform form .textajaxuniquetext,
.element_userform form select {
  width: 100%;
  max-width: 800px;
  padding: 0.75em;
  font-family: "Droid Sans";
  font-size: 15px;
  background-color: #fff;
  border: 0px solid #dad9d9;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}
.element_userform .ie7 form select {
  width: 400px;
}
.element_userform form input.text:focus,
.element_userform form textarea:focus,
.element_userform form .textajaxuniquetext:focus,
.element_userform form select:focus {
  outline: none;
}
.element_userform form input[disabled],
.element_userform form textarea[disabled] {
  background-color: #f7f7f7;
  border: 1px solid #dad9d9;
}
.element_userform textarea {
  resize: vertical;
  /* forces text area to be resized vertically only */
}
.element_userform .field .checkbox:not(.field),
.element_userform .field .radio:not(.field) {
  float: left;
  width: 13px;
  height: 13px;
  margin-right: 6px;
  margin-top: 5px;
  padding: 0;
}
.element_userform .checkbox label.right,
.element_userform .radio label.right {
  float: left;
}
.element_userform form .message {
  background-color: #fef4ba;
  padding: 5px 10px;
  border: 1px solid #e8c805;
  border-radius: 3px;
}
.element_userform form .good {
  background-color: #ecf9d0;
  border-color: #8fbe00;
}
.element_userform form .bad,
.element_userform form .required,
.element_userform form .error {
  background-color: #f9d0d0;
  border-color: #cf0000;
  color: #b80000;
}
.element_userform .Actions {
  margin-bottom: 20px;
}
.element_userform #Remember {
  min-height: 20px;
}
.element_userform #ForgotPassword {
  clear: left;
}
.element_userform #MemberLoginForm_LostPasswordForm .Actions:after {
  display: none;
}
.element_userform .header form .middleColumn {
  /* float: none;
  width: 100% !important; */
}
.element_userform .FormHeading {
  clear: both;
  padding-top: 15px;
}
.element_userform form .date .middleColumn input {
  /*background: transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;*/
  width: 114px;
}
.element_userform .Actions input.resetformaction,
.element_userform .Actions input.action-minor {
  /* Clear button */
  float: left;
  background-color: #888;
}
.element_userform .Actions input.resetformaction:hover,
.element_userform .Actions input.action-minor:hover {
  /* Clear button */
  background-color: #aaa;
}
.element_userform .checkbox label.right {
  font-size: 13px;
  /* reset to default */
  color: #333;
  /* reset to default */
}
.element_userform form .requiredField label.left:after {
  /* pseudo element adds an asterisk to a required fields label */
  color: #B94A48;
  content: "*";
  font-size: 14px;
  font-weight: normal;
  padding-left: 3px;
}
.element_userform form .checkboxset ul,
.element_userform form .optionset ul {
  margin: 0;
}
.element_userform form .checkboxset li,
.element_userform form .optionset li {
  margin-bottom: 5px;
  list-style-type: none;
}
.element_userform form div.checkbox:after {
  /* clearfix */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.element_userform form .checkbox .checkbox {
  clear: both;
}
.element_userform span.message {
  margin: 10px 0;
  display: block;
  max-width: 390px;
  clear: left;
  font-size: 14px;
}
.element_userform div.holder-required {
  /* This class needs to be changed - is used for both input and div */
  /* background-color: #f9d0d0;
  border: 1px solid #cf0000;
  padding: 10px;
  margin-left: -11px; */
}
.element_userform form input.holder-required {
  /* This class needs to be changed - is used for both input and div */
  border: 1px solid #cf0000;
}
.element_userform input:invalid,
.element_userform textarea:invalid {
  border-radius: 1px;
}
.element_userform .no-boxshadow input:invalid,
.element_userform .no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}
.element_userform .ss-uploadfield-item-info button {
  margin-top: 4px !important;
  float: left;
}
.element_userform form #DMYDate-month,
.element_userform form #DMYDate-day {
  width: 25px;
}
/* Responsive form styles
----------------------------------------------- */
@media only screen and (max-width: 600px) {
  .element_userform .field.column-left,
  .element_userform .field.column-right {
    max-width: 100%;
    width: 100%;
  }
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0px 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  background: none;
  opacity: 0.7;
}
.hamburger.is-active:hover {
  opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #ffffff;
}
.hamburger-box {
  width: 32px;
  height: 24px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
  width: 100%;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  right: 0;
  height: 4px;
  background-color: #ffffff;
  border-radius: 0px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  width: 85%;
  top: -10px;
}
.hamburger-inner::after {
  width: 70%;
  bottom: -10px;
}
.is-active .hamburger-inner,
.is-active .hamburger-inner::before,
.is-active .hamburger-inner::after {
  width: 100% !important;
}
/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}
/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles


******************************************************************

We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

*********************/
button, input[type=submit], input[type=reset], .Actions .action,
a.button {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #1e1e1e;
  border-radius: 2em;
  border: 2px solid;
  cursor: pointer;
  padding: 1em 3.7em;
  line-height: 1;
  vertical-align: text-bottom;
  font-weight: 600;
}
button:hover, input[type=submit]:hover, input[type=reset]:hover, .Actions .action:hover,
a.button:hover, button:focus, input[type=submit]:focus, input[type=reset]:focus, .Actions .action:focus,
a.button:focus, button:active, input[type=submit]:active, input[type=reset]:active, .Actions .action:active,
a.button:active {
  color: #fffef9;
  background-color: black;
  border-color: black;
}
.section-visit .section_nav.inline a.visit,
.section-visit .section_nav a.visit,
.section-visit .section_nav a.visit:visited,
.section_nav a.visit:hover {
  background-color: #007FA3;
  border-color: #007FA3;
  color: #fffef9 !important;
}
input[type=submit], input[type=reset], .Actions .action,
a.button.blue,
a.button.blue:visited {
  background-color: #007FA3;
  border-color: #007FA3;
  color: #fffef9;
}
input[type=submit]:hover, input[type=submit]:focus, input[type=reset]:hover, input[type=reset]:focus, .Actions .action:hover, .Actions .action:focus,
a.button.blue:hover,
a.button.blue:focus,
a.button.blue:visited:hover,
a.button.blue:visited:focus {
  background-color: #006f8f;
  border-color: #fffbe5;
  color: #fffef9 !important;
}
input[type=submit]:active, input[type=reset]:active, .Actions .action:active,
a.button.blue:active,
a.button.blue:visited:active {
  background-color: #006b8a;
  border-color: #006f8f;
  color: #fffef9 !important;
}
input[type=submit].active, input[type=reset].active, .Actions .action.active,
a.button.blue.active,
a.button.blue:visited.active {
  background-color: #007FA3;
  border-color: #007FA3;
  color: #fffef9;
}
.section-business .section_nav.inline a.business,
.section-business a.business,
.section-business a.business:visited .section_nav.inline li a.button.blue:hover {
  background-color: #007FA3;
  border-color: #007FA3;
  color: #fffef9 !important;
}
a.button.green,
a.button.green:visited {
  background-color: #6CC24A;
  border-color: #6CC24A;
}
a.button.green:hover, a.button.green:focus,
a.button.green:visited:hover,
a.button.green:visited:focus {
  background-color: #61b93e;
  border-color: #61b93e;
  color: #fffef9 !important;
}
a.button.green:active,
a.button.green:visited:active {
  background-color: #5fb53d;
  border-color: #5fb53d;
  color: #fffef9 !important;
}
a.button.green.active,
a.button.green:visited.active {
  background-color: #6CC24A;
  border-color: #6CC24A;
}
.section_nav.inline li.descrip {
  font-size: 14px;
}
.section_nav.inline li a.button:hover {
  background-color: #006b8a;
  border-color: #006b8a;
}
.section_nav.inline li a.button.green:hover {
  background-color: #61b93e;
  border-color: #61b93e;
}
.section_nav.inline li a.button.blue:hover {
  background-color: #006f8f;
  border-color: #006f8f;
}
a.button.outline,
a.button.outline:visited {
  background: none;
}
a.button.outline:hover, a.button.outline:focus,
a.button.outline:visited:hover,
a.button.outline:visited:focus {
  background: none;
}
a.button.outline:active,
a.button.outline:visited:active {
  background: none;
}
a.button.ghost,
a.button.ghost:visited {
  background: none;
  color: #fffef9;
  border-color: #fffef9;
}
a.button.ghost:hover, a.button.ghost:focus,
a.button.ghost:visited:hover,
a.button.ghost:visited:focus {
  background: none;
  color: #fffef9;
}
a.button.ghost:active,
a.button.ghost:visited:active {
  background: none;
}
.button_group {
  border-radius: 8px;
  overflow: hidden;
  font-size: 1em;
  margin-bottom: 2em !important;
  min-height: 0 !important;
}
.button_group a.button {
  line-height: 1.5;
  min-width: -moz-max-content;
  min-width: max-content;
}
.text-on-blue a.button {
  color: #007FA3;
  background: #fffef9;
}
/* drop down */
.top_nav ul {
  display: none;
}
.top_nav li:hover ul {
  display: block;
}
.top_nav ul:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 8px 10px;
  border-color: transparent transparent #007FA3 transparent;
  z-index: -1;
}
.top_nav ul {
  padding: 0.4em;
  list-style: none;
  position: absolute;
  z-index: 40;
  width: 220px;
  border-radius: 4px;
  background: #007FA3; /* overflow: hidden; */
  left: 50%;
  transform: translateX(calc(-50% - 2vw));
}
.top_nav ul li {
  padding: 0 !important;
  position: relative;
  margin: 0;
  display: block;
  line-height: 1.5;
}
.top_nav ul a {
  color: #ffffff !important;
  white-space: normal;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1;
  padding: 0.25em 0.5em; /* border-top:1px dashed rgb(255 255 255 / 20%) !important; */
}
.top_nav ul a:hover {
  background: #ffffff;
  color: #007FA3 !important;
}
.top_nav li a:hover { /* border-bottom:2px solid #ffffff; */ }
.top_nav li.mobile_nav:hover > a {
  border: 0;
}
.top_nav li:hover ul a {
  text-decoration: none;
}
/**
 * Tree
 * ------------------------------
 */
.offcanvas {
  background: #1e1e1e;
  padding: 3em 0.5rem 0.5rem;
  font-size: 16px;
  height: 100%;
  width: 320px;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  left: auto;
  transform: translateX(100%);
  overflow-x: hidden;
  transition: 0.5s;
}
#PageContainer {
  transition: 0.5s;
}
#main section {
  position: relative;
}
.background-overlay {
  background-color: #1e1e1e;
  z-index: -1;
  opacity: 0;
}
.open-menu {
  overflow: hidden;
  background-color: #1e1e1e;
}
.open-menu .offcanvas {
  transform: translateX(0) !important;
}
.open-menu #PageContainer {
  transform: translateX(-320px);
}
.open-menu .background-overlay {
  z-index: 200;
  opacity: 0.2;
}
.tree ul {
  margin: 0 0 0 0.5em;
  padding: 0;
  list-style: none;
  color: #6CC24A;
  position: relative;
}
.tree ul:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 1px solid;
}
.tree li {
  margin: 0;
  padding: 0.25em 0em 0.25em 0.8em;
  line-height: 1;
  font-weight: bold;
  position: relative;
}
.tree li a {
  display: inline-block;
  padding: 0.25em 1em 0.5em 0.2em;
  text-decoration: none;
  background: none;
  color: #fffef9;
}
.tree li:before {
  content: "";
  display: block;
  width: 10px;
  height: 0;
  border-top: 1px solid;
  margin-top: -1px;
  position: absolute;
  top: 1em;
  left: 0;
}
.tree li:last-child:before {
  background: #1e1e1e;
  height: auto;
  top: 1em;
  bottom: 0;
}
#search-popup {
  display: none;
}
.search-popup-container {
  height: 100vh;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: rgba(96, 95, 127, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
}
.search-popup {
  position: relative;
  background-color: #ffffff;
  padding: 20px 30px;
  width: 50%;
  border-radius: 6px;
  overflow: hidden;
}
.search-popup__title {
  z-index: 2;
  position: relative;
}
.search-popup__title--normal {
  font-weight: 400;
  font-size: 0.8em;
  color: #fff;
}
.search-popup__title--italic {
  font-weight: normal;
  font-size: 1.1em;
  font-style: normal !important;
  font-family: "Dancing Script", "Georgia", Cambria, Times New Roman, Times, serif;
  color: #fff;
}
.search-popup__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.close-search-popup {
  display: flex;
  justify-content: flex-end;
  z-index: 5;
  position: absolute;
  right: 10px;
  top: 30px;
}
.close-search-popup a {
  font-size: 1.2rem;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 10px;
  display: inline-block;
}
.search-popup > h2 {
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.search-popup > p {
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.search-popup-btn {
  display: inline-block;
  text-decoration: none;
  border: 2px solid rebeccapurple;
  padding: 5px 15px;
  border-radius: 20px;
  margin: 10px 0px;
  transition: 0.2s all ease-in;
}
.search-popup-btn:hover {
  background-color: rebeccapurple;
  color: #fff;
}
.search-container {
  width: 100%;
  display: block;
  margin: 0 auto;
  z-index: 2;
  position: relative;
}
input#search-bar {
  margin: 0 auto;
  width: 100%;
  height: 45px;
  padding: 0 44px 0 20px;
  font-size: 1rem;
  border: 1px solid #D0CFCE;
  outline: none;
}
input#search-bar:focus {
  border: 1px solid #008ABF;
  transition: 0.35s ease;
  color: #000;
}
input#search-bar:focus::-webkit-input-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
}
input#search-bar:focus::-moz-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
}
input#search-bar:focus:-ms-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
}
.search-icon {
  position: relative;
  float: right;
  width: 75px;
  height: 75px;
  top: -39px;
  right: 13px;
  width: 32px !important;
}
.main-detail-page .layout_wrap {
  background: transparent;
}
.main-detail-page .megamenu-wrapper .megamenu-header-item-right .menu-icon,
.main-detail-page .megamenu-wrapper .megamenu-header .menumega > ul > li > a {
  color: #007FA3;
}
.main-detail-page .section_nav.inline li a.button {
  border-color: #007FA3;
  color: #007FA3;
}
.main-detail-page .megamenu-wrapper .megamenu-header .menu-mobile-toggle span {
  background: #1e1e1e;
}
.main-detail-page .section_nav.inline li a.visit {
  background: #007FA3;
  color: #fffef9;
}
.main-detail-page .section_nav.inline li a.button:hover {
  color: #fffef9 !important;
}
.main-detail-page .section_nav.inline li.descrip {
  color: #007FA3;
  font-weight: 700;
}
.main-detail-page #header {
  background: transparent !important;
}
.main-detail-page .lg-object {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-detail-page .listing-event-dates {
  list-style-type: none;
  padding: 0;
}
.main-detail-page .listing-event-dates li {
  margin: 6px 0;
}
.main-detail-page .listing-event-dates .past-event {
  display: none;
}
.main-detail-page .listing-event-dates-scroll {
  overflow: hidden;
  max-height: 400px;
  overflow-y: scroll;
  padding: 0 20px 20px 0;
}
.main-detail-page .listing-event-dates-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.main-detail-page .listing-event-dates-scroll::-webkit-scrollbar {
  width: 6px;
  background-color: #ffffff;
}
.main-detail-page .listing-event-dates-scroll::-webkit-scrollbar-thumb {
  background-color: #243445;
}
@media only screen and (max-width: 560px) {
  .listing-page .layer {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.listing-page .blue-highlight {
  color: #007FA3;
  border: 2px solid #007FA3;
}
.listing-page .blue-highlight:hover {
  color: #fffef9;
  background-color: #434343;
  border-color: #434343;
}
.listing-page__summary {
  max-width: 1200px;
  font-weight: 600;
  color: #434343;
  text-align: center;
}
.listing-page__btn-group {
  display: flex;
  flex-direction: row;
  gap: 30px;
  justify-content: center;
  max-width: 500px;
  margin: 0 auto;
}
.listing-page__btn-group .button {
  text-align: center;
  max-width: 200px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 13px 4px;
}
.listing-page__grid {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 65px;
}
.listing-page__grid--top {
  flex-basis: 63%;
}
.listing-page__grid--bottom {
  flex-basis: 31%;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  font-size: 0.87em;
}
@media screen and (max-width: 760px) {
  .listing-page__grid {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0px;
  }
  .listing-page__grid--top {
    flex-basis: 100%;
  }
  .listing-page__grid--bottom {
    margin-top: 50px;
    flex-basis: 100%;
  }
}
.listing-page__section-title {
  font-size: 1.2em;
  padding-top: 0;
  color: #434343;
}
.listing-page__section-title strong {
  font-weight: 800;
}
.listing-page__section-title--small {
  font-size: 1em;
}
.listing-page__item-block {
  background: #F3F3F3;
  padding: 1em;
}
.listing-page__item-block p, .listing-page__item-block li {
  font-size: 1em;
}
.listing-page__ratings {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 50px;
  margin-top: 40px;
}
.listing-page__covid-clean {
  max-width: 120px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 560px) {
  .listing-page__covid-clean {
    max-width: 104px;
  }
}
.listing-page__qualmark {
  max-width: 120px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 560px) {
  .listing-page__qualmark {
    max-width: 95px;
  }
}
.listing-page__icon {
  flex: 0 0 auto;
  padding: 5px;
  display: block;
  fill: #000;
  stroke: #000;
  padding-right: 20px;
}
.listing-page__icon svg {
  max-width: 20px;
  width: 100%;
  height: auto;
}
.listing-page__contact-item {
  list-style-type: none;
  padding: 0;
}
.listing-page__contact-item li:first-of-type a {
  text-decoration: none;
}
.listing-page__contact-item a {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  color: #1e1e1e;
}
.listing-page .directions {
  max-width: 297px;
  padding: 15px 39px;
  font-size: 16px;
}
.listing-page__social-item {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  gap: 25px;
}
.listing-page__social-item a {
  transition: all 0.3s ease;
  background: white;
  padding: 5px;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.listing-page__social-item a svg {
  fill: #007FA3;
  width: 35px;
  height: 35px;
  transition: all 0.3s ease;
}
.listing-page__social-item a:hover svg {
  fill: #1e1e1e;
}
.listing-page td, .listing-page th {
  padding: 5px;
  line-height: 1.2;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
}
.listing-page__loader-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.listing-page__loader {
  width: 100px !important;
  height: 100px !important;
  margin: 20px;
  display: inline-block;
}
.listing-page__loader path {
  fill: #000;
  stroke: #000;
}
.listing-page #map {
  width: 100%;
  height: 350px;
}
.listing-page .marker-pin-default {
  background-size: cover;
  transform: translate3d(583px, 92px, 0px);
  z-index: 92;
  margin-top: 0px;
  cursor: pointer;
  z-index: 1;
}
.listing-page__image {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.listing-page__image img {
  max-width: 250px;
  height: auto;
  max-height: 250px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 560px) {
  .listing-page__image {
    padding: 40px 20px 20px;
  }
}
.page-listing .listing-page__grid--top ul.listing-meta li:before {
  width: 32px;
  height: 32px;
  top: -3px;
}
.page-listing ul.listing-meta li {
  line-height: 1.1;
  display: flex;
  align-items: center;
  gap: 6px;
}
.page-listing .list-unstyled__items {
  gap: 0.25em;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 1em;
}
.page-listing .list-unstyled span {
  font-weight: 400;
}
.smallerDate {
  font-size: 0.87em;
}
.elemental {
  position: relative;
}
html {
  font-family: "Droid Sans", Helvetica, Arial, sans-serif;
  color: #1e1e1e;
  line-height: 1.2;
}
.layout_wrap {
  position: relative;
}
a {
  color: #007FA3;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.1em;
}
a:hover, a:focus, a:active {
  color: #005b75;
}
.col.txtwrap a {
  text-underline-offset: 0.1em;
}
.col.txtwrap img {
  width: auto;
}
/* Other
----------------------------- */
:marker {
  display: none;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.nomtop {
  margin-top: 0 !important;
}
.nop {
  padding: 0 !important;
}
.nopb, .nopbot {
  padding-bottom: 0 !important;
}
.inline {
  display: inline-block !important;
}
.center {
  text-align: center;
  margin: 0 auto;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
  list-style-position: inside;
}
.uppercase {
  text-transform: uppercase;
}
.h-align {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
.sr-only {
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin: 0.5em 0;
}
.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  padding: 0 !important;
}
.line-clamp.two {
  -webkit-line-clamp: 2;
}
.line-clamp.three {
  -webkit-line-clamp: 3;
}
.line-clamp.four {
  -webkit-line-clamp: 4;
}
/* responsive tables */
.table-container-outer {
  position: relative;
}
.table-container {
  overflow: scroll;
}
/* image styles */
img.cover {
  display: block;
  max-width: 100% !important;
  max-height: 100% !important;
  height: 100% !important;
  width: 100% !important;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  width: 100%;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
}
img.contain {
  max-width: 100% !important;
  max-height: 100% !important;
  height: 100% !important;
  width: 100% !important;
  background: #fffef9;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  width: 100%;
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
img.img-round {
  border-radius: 50%;
}
img.contain.logo {
  padding: 1em;
  background: #fff;
}
#PageContainer .wrap {
  overflow: hidden;
  min-width: 320px;
  position: relative;
  max-width: 1920px;
  margin: 0px auto;
  margin: 0 auto;
}
.inner {
  padding: 0 4%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 600px) {
  .inner {
    padding: 0;
  }
}
.inner-700 {
  max-width: 700px;
}
.inner-900 {
  max-width: 900px;
}
.inner-narrow,
.no-hero .inner-default {
  max-width: 1070px;
}
.inner-full-width.col, .inner-full-width .col {
  max-width: 100%;
  padding: 0;
}
.inner-wider {
  max-width: 1400px;
}
.inner-1170,
.inner-default {
  max-width: 1710px;
  width: 100%;
}
.column-1 .inner-1170,
.column-1 .inner-default, .pagelist-grid .inner-1170,
.pagelist-grid .inner-default {
  max-width: 1070px;
}
.videocontainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
video {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#homepage_video {
  display: none;
}
/* video ratio */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* silverstripe iframes */
.ss-htmleditorfield-file.embed {
  width: 100% !important;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.ss-htmleditorfield-file.embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layout_wrap iframe {
  width: 100%;
}
/* SVG  */
#pageContainer img[src$=".svg"] {
  max-width: 100%;
  height: auto;
}
/* Image styles --------------------------- */
img.right, img.rightAlone {
  float: right;
  margin: 0.5em 0 1em 4%;
  max-width: 46%;
  border-radius: 0 !important;
}
img.left, img.leftAlone {
  float: left;
  margin: 0.5em 4% 1em 0em;
  max-width: 46%;
  border-radius: 0 !important;
}
img.center {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 0 !important;
}
img.leftAlone, img.rightAlone {
  display: block;
  float: none;
}
.captionImage {
  position: relative;
  overflow: hidden;
}
.captionImage.right {
  float: right;
  margin: 0.5em 0 1em 4%;
  max-width: 46%;
  border-radius: 0 !important;
}
.captionImage.right img.right, .captionImage.right img.rightAlone {
  margin: 0;
  max-width: 100%;
}
.captionImage.left {
  float: left;
  margin: 0.5em 4% 1em 0em;
  max-width: 46%;
  border-radius: 0 !important;
}
.captionImage.left img.left, .captionImage.left img.leftAlone {
  margin: 0;
  max-width: 100%;
}
ul.gallery p.caption {
  bottom: 0;
}
p.caption {
  position: absolute;
  top: auto;
  bottom: 0em;
  left: 0;
  margin-right: 3em;
  background: rgba(0, 0, 0, 0.8);
  display: inline-block;
  color: #fffef9;
  z-index: 30;
  padding: 0.25em 0.5em;
  line-height: 1.2;
  font-size: 11px;
}
p.caption img {
  position: relative;
  z-index: 2;
}
ul[style*="text-align:center"] {
  list-style-position: inside;
}
ul.list-unstyled {
  list-style: none;
  padding: 0;
}
ul.two-column {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 0em;
       column-gap: 0em;
}
ul.three-column {
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: 0em;
       column-gap: 0em;
}
ul.four-column {
  -moz-column-count: 4;
       column-count: 4;
  -moz-column-gap: 0em;
       column-gap: 0em;
}
ul.inline {
  list-style: none;
  padding: 0;
  display: block !important;
}
ul.inline li {
  display: inline-block;
  padding-right: 1em;
}
ul.gallery img {
  display: block;
  margin-bottom: 0.5rem;
}
/* Colors
--------------------------- */
.text-on-dark {
  background-color: #057d62;
  color: #fffef9;
}
.text-on-dark a {
  color: #fffef9;
}
.text-on-dark .bg-image {
  background-color: #057d62;
}
.text-on-dark .bg-image:before {
  background-color: #057d62;
}
.text-on-light {
  background-color: #fffef9; /* color:#2d2d2c;*/
}
.text-on-yellow {
  background-color: #FFBF3F;
  color: #1e1e1e;
}
.text-on-red {
  background-color: #bf181d;
  color: #fffef9;
}
.text-on-blue {
  background-color: #007FA3;
  color: #fffef9;
}
.text-on-grey {
  background-color: #F3F3F3;
  color: #1e1e1e;
}
.text-on-turquoise {
  background-color: #00B398;
}
.text-on-green {
  color: #fffef9;
  background-color: #6CC24A;
}
.text-on-green a {
  color: #fffef9;
}
.bg-image:before, .bg-image:after {
  content: " ";
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.bg-image img {
  transition: all 0.3s ease;
  opacity: 0;
  background: #006f8f;
}
.bg-image img.loaded {
  opacity: 1;
}
/* Image lazy load */
img[data-lazy-src] {
  opacity: 0;
}
img.lazyloaded {
  transition: opacity 0.5s linear 0.2s;
  opacity: 1;
}
/* anim styles */
.transition, .anim, .top_nav, .bg-image, .logo a, .logo img, .translate {
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.anim_slow {
  transition: all 0.7s ease-out;
  transition-delay: 0.15s;
}
/* Header--------------------------- */
/* Top Navigation --------------------------- */
#searchBtn {
  vertical-align: middle;
  background: none;
  border: 0;
  padding: 0;
}
#searchBtn svg {
  height: 1.5em;
}
#masthead {
  position: absolute;
  width: 100%;
  z-index: 2;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.5));
}
#masthead .masthead-inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8% 4.4% 0;
  max-width: 2048px;
  margin: 0 auto;
}
#masthead .menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex: 1 0 30vw;
  min-width: 30vw;
  flex-wrap: wrap;
  height: auto;
}
#masthead .menu li {
  margin: 0;
  position: relative;
  line-height: 2;
}
#masthead .menu li a {
  position: relative;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
#masthead .menu-1 li {
  padding-right: 1.5vw;
}
#masthead .menu-2 {
  justify-content: flex-end;
}
#masthead .menu-2 li {
  padding-left: 1.5vw;
}
#masthead #masthead button:hover {
  background: none !important;
}
#masthead .logo {
  transform: translateY(7%);
  flex: 0 1 20vw;
  text-align: center;
  min-width: 150px;
}
#masthead .logo img {
  max-width: 227px;
  width: 100%;
}
@media (max-width: 600px) {
  #masthead .menu-1 li,
  #masthead .menu-2 li {
    display: none !important;
  }
  #masthead .menu-1 li:first-child {
    display: block !important;
  }
  #masthead .menu-2 li:last-child {
    display: block !important;
  }
}
#bugmebar {
  background-color: #444c4f;
  background-color: #006f8f;
  min-height: 39px;
  padding: 13px;
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
  z-index: 20;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 600;
  overflow: hidden;
}
@media all and (max-width: 680px) {
  #bugmebar {
    min-height: 100%;
    padding: 15px 9px 2px;
    text-align: center;
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 20;
    height: 100%;
  }
}
#bugmebar a {
  color: #fff;
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.3);
          text-decoration-color: rgba(255, 255, 255, 0.3);
}
#bugmebar p {
  color: white;
  font-size: 17px;
  line-height: 24px;
  margin: 0 auto;
  font-family: "proxima-nova", sans-serif;
  padding: 0 20px;
}
@media all and (min-width: 1083px) {
  #bugmebar p {
    padding: 0 20px;
    width: 80%;
  }
}
@media all and (max-width: 560px) {
  #bugmebar p {
    padding: 0 20px 13px;
  }
}
.bugmebar-close {
  position: absolute;
  right: 17px;
  top: 14px;
  color: #ffffff;
  cursor: pointer;
  width: 25px;
  height: 25px;
  opacity: 0.8;
}
.bugmebar-close:hover {
  opacity: 1;
}
.bugmebar-close:before, .bugmebar-close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 20px;
  width: 2px;
  background-color: #FFF;
}
.bugmebar-close:before {
  transform: rotate(45deg);
}
.bugmebar-close:after {
  transform: rotate(-45deg);
}
/* Intro  --------------------------- */
#intro {
  background-color: #007FA3;
  position: relative;
  color: #fff;
  overflow: initial;
}
#intro .bg-image:before {
  background: rgba(0, 0, 0, 0.3);
  mix-blend-mode: multiply;
}
#intro .intro-copy {
  padding: 6em 4% 2em;
  position: relative;
  z-index: 3;
  margin: 0 auto;
  max-width: 63rem;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.5));
}
#intro .intro-copy p, #intro .intro-copy h1, #intro .intro-copy h2, #intro .intro-copy h3, #intro .intro-copy h4 {
  padding: 0;
  width: 100%;
  line-height: 1.2;
}
#intro .intro-copy p small, #intro .intro-copy h1 small, #intro .intro-copy h2 small, #intro .intro-copy h3 small, #intro .intro-copy h4 small {
  display: block;
  line-height: 1;
}
#intro .intro-copy a {
  color: #fff;
}
#intro .slides {
  list-style: none;
  margin: 0;
  padding: 0;
}
#intro h2, #intro h3, #intro p {
  opacity: 1;
}
#intro h2[data-aos], #intro h3[data-aos], #intro p[data-aos] {
  opacity: 1;
}
#intro h1 {
  font-size: 4.8em;
  font-size: 5vw;
}
#intro h1 small {
  font-size: 0.35em;
}
@media (max-width: 600px) {
  #intro h1 {
    font-size: 8vw;
  }
}
/* bg-image */
.bg-image {
  overflow: hidden;
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.bg-image:before {
  content: " ";
  position: absolute;
  z-index: 1;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* CUSTOM */
/* Tickbox list-style. */
ul.tick-box-list {
  list-style: none;
}
ul.tick-box-list {
  position: relative;
}
ul.tick-box-list li {
  padding: 0;
}
ul.tick-box-list li:before {
  content: "✓";
  color: #007FA3;
  position: relative;
  left: -0.5em;
}
ul.occurrences {
  list-style: none;
  font-size: 0.87em;
}
ul.occurrences {
  position: relative;
}
ul.occurrences li {
  padding: 0;
  border-bottom: 1px solid #efefef;
  text-decoration: line-through;
}
ul.occurrences li.more,
ul.occurrences li.tick {
  text-decoration: none;
}
ul.occurrences li.tick:before {
  content: " ";
  display: inline-block;
  width: 1em;
  height: 0.76em;
  color: green;
  position: relative;
  left: -0.5em;
  background: url(/dist/calendar.cd43905f.svg) no-repeat center;
  background-size: contain;
}
ul.occurrences li.more:before {
  content: "•";
  display: inline-block;
  width: 1em;
  height: 0.76em;
  color: #bf181d;
  position: relative;
  left: -0.5em;
  background: url(/dist/calendar.cd43905f.svg) no-repeat center;
  background-size: contain;
}
ul.occurrences li.more a {
  font-weight: bold;
}
/* FAQS list-style. */
ul.faq_list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.faq_list li {
  width: 100%;
  padding: 0;
  margin-bottom: 1em;
  position: relative;
  z-index: 1;
}
.faq_list li.stack {
  z-index: 2;
}
.faq_list li li {
  width: 100%;
  float: left;
  padding: 0;
}
.faq_list li .question {
  padding: 0.25em 0em 0.25em 0.5em;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 1.37em;
  box-shadow: 0 0 4px rgba(155, 89, 182, 0.3);
}
.faq_list li .question.open {
  border-radius: 4px 4px 0px 0;
  background-color: #057d62;
  color: #fffef9;
  position: relative;
  z-index: 20;
}
.faq_list li .question .hamburger {
  padding: 0px 15px 0;
  max-width: -moz-fit-content;
  max-width: fit-content;
  transform: scale(0.6);
}
.faq_list li .morecontent {
  display: none;
  padding: 0.5em;
  border: 1px solid rgba(221, 221, 221, 0.5);
  border-top: 0;
  background: #fffef9;
  border-radius: 0 0 4px 4px;
}
/* Product Listing
--------------------------- */
.promo-list-wrapper {
  color: #fffef9;
}
.promo-list-wrapper .col {
  padding-bottom: 27%;
  min-width: 33.33%;
  max-width: 33.33%;
}
@media (max-width: 600px) {
  .promo-list-wrapper {
    margin-right: -1rem !important;
  }
  .promo-list-wrapper .col {
    min-width: 50% !important;
    padding-bottom: 0%;
  }
  .promo-list-wrapper .col.nopxb {
    padding-bottom: 50%;
  }
  .promo-list-wrapper .listing-wrapper {
    margin-right: -1rem;
  }
  .promo-list-wrapper .product-listing {
    width: 100%;
  }
  .promo-list-wrapper article {
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
  }
}
@media (max-width: 600px) {
  .pagelist-grid .promo-list-wrapper .col {
    padding-bottom: 50%;
  }
}
.layout-resource-pagelist .listing-wrapper .col.col-card {
  padding-bottom: 0;
}
/* Product Features
--------------------------- */
/* Product Staggered
--------------------------- */
/* Product Carousel
--------------------------- */
/* News Carousel
--------------------------- */
/* Page List
--------------------------- */
.pagelist-wrapper .col {
  min-width: 25%;
  max-width: 25%;
  padding: 0 0 25% !important;
}
.pagelist-wrapper .title {
  padding-right: 30%;
}
@media (max-width: 1280px) {
  .pagelist-wrapper .col {
    min-width: 33.33% !important;
    padding-bottom: 33.33% !important;
  }
  .pagelist-wrapper .col h3 {
    font-size: 1em !important;
  }
}
@media (max-width: 600px) {
  .pagelist-wrapper .col {
    min-width: 50% !important;
    padding-bottom: 60% !important;
  }
  .pagelist-wrapper .col article {
    height: calc(100% - 1em);
    width: calc(100% - 0.5em);
  }
  .pagelist-wrapper .col h3 {
    font-size: 1em !important;
  }
}
article.page-listing {
  height: calc(100% - 0.75em);
  width: calc(100% - 0.75em);
  margin-left: 0.325em;
  border: 0;
  background: #fffef9;
}
article.page-listing .bg-image:before {
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, #000000 100%);
  mix-blend-mode: multiply;
  opacity: 0.6;
}
article.page-listing .tile-copy {
  position: absolute;
  bottom: 1em;
  left: 1em;
  color: #fffef9;
  z-index: 2;
  padding-right: 2em;
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.5));
  max-width: 25rem;
  /* .smaller{max-height:0px;padding-top:.25em; overflow:hidden; transition:all .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity:0;} */
}
article.page-listing .tile-copy .smaller {
  padding-top: 0.5em;
}
article.page-listing .tile-copy h3 {
  padding: 0;
}
article.page-listing .tile-copy p:last-child {
  padding: 0;
}
article.page-listing .tile-copy .smaller {
  display: none;
}
article.page-listing:not(.nohover):hover {
  transform: scale(0.98) !important;
  /* .smaller{max-height:400px;opacity:1;} */
}
article.page-listing:not(.nohover):hover .bg-image:before {
  opacity: 1;
}
.Page-carousel-wrapper,
.PromoObject-carousel-wrapper {
  overflow: hidden;
}
.page-carousel.card-layout li {
  padding-bottom: 0;
}
.page-carousel li {
  padding-bottom: 25%;
}
@media (max-width: 600px) {
  .article.page-listing,
  .page-carousel li {
    padding-bottom: 60%;
  }
  article.page-listing .tile-copy {
    padding: 0 0.7em 0 0;
    left: 0.7em;
    bottom: 0.7em;
  }
}
.features-wrapper .tile-copy .smaller {
  display: none;
}
.features-wrapper .col {
  padding-bottom: 27%;
  min-width: 33.33%;
  max-width: 100%;
}
.features-wrapper .col:nth-child(7n+1) {
  min-width: 66.66%;
}
.features-wrapper .col:nth-child(7n+7) {
  min-width: 66.66%;
}
.features-wrapper.card-layout .col:nth-child(7n+6) .card, .features-wrapper.card-layout .col:nth-child(7n+1) .card {
  padding-bottom: 41%;
}
@media (max-width: 600px) {
  .features-wrapper .tile-copy {
    padding-right: 1em;
  }
  .features-wrapper .tile-copy h3 {
    /* font-size: 0.87em; */
  }
  .features-wrapper .col {
    padding-bottom: 60%;
  }
  .features-wrapper .col .smaller {
    display: none;
  }
  .features-wrapper .col:nth-child(7n+1) {
    min-width: 56%;
  }
  .features-wrapper .col:nth-child(7n+4) {
    min-width: 56%;
  }
  .features-wrapper .col:nth-child(7n+5) {
    min-width: 56%;
  }
}
/* gallery shortcode
--------------------------- */
ul.gallery-shortcode, .gallery-shortcode > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  clear: both;
}
ul.gallery-shortcode li, .gallery-shortcode > ul li {
  margin: 0 0.25 0.25em 0;
  float: left;
  display: block;
  position: relative;
}
ul.gallery-shortcode li img, .gallery-shortcode > ul li img {
  display: block;
  margin: 0;
}
ul.gallery-shortcode li::before, .gallery-shortcode > ul li::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: " ";
  z-index: 2;
  transition: all 0.3s ease;
  background: url(/dist/gallery.f122c5d5.svg) no-repeat 95% 95% rgba(0, 0, 0, 0.3);
  background-size: 13%;
  opacity: 0;
  pointer-events: none;
}
ul.gallery-shortcode li:hover::before, .gallery-shortcode > ul li:hover::before {
  opacity: 1;
}
ul.gallery-shortcode li p.caption, .gallery-shortcode > ul li p.caption {
  opacity: 0 !important;
}
ul.gallery-shortcode li:hover p.caption, .gallery-shortcode > ul li:hover p.caption {
  opacity: 1 !important;
}
.swiper-gallery {
  display: none;
}
.swiper-gallery.swiper-initialized {
  display: block;
}
.gallery-shortcode.Carousel .item {
  max-width: 25rem;
}
.gallery-shortcode.Carousel li::before {
  width: calc(100% - 0.75em);
  height: 100%;
}
.gallery-shortcode.Carousel li img {
  width: calc(100% - 0.75em);
}
/* icons */
i.icon-facebook {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/facebook-icon.358a1545.svg) no-repeat center;
  background-size: 39%;
}
i.icon-instagram {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/instagram-icon.50a2d389.svg) no-repeat center;
  background-size: 75%;
}
i.icon-twitter {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/twitter-icon.40c274b4.svg) no-repeat center;
  background-size: 60%;
}
i.icon-google {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/google-icon.8bd4c8a0.svg) no-repeat center;
  background-size: 60%;
}
i.icon-youtube {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/youtube-icon.2b828aa6.svg) no-repeat center;
  background-size: 70%;
}
i.icon-tripadvisor {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/tripadvisor-icon.5ffcee86.svg) no-repeat center;
  background-size: 70%;
}
i.icon-linkedin {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/linkedin.f6950b29.svg) no-repeat center;
  background-size: 60%;
}
i.icon-email {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/newsletter.722a1ac4.svg) no-repeat center;
  background-size: 64%;
}
i.icon-phone {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/dist/call.d9a365d6.svg) no-repeat center;
  background-size: 54%;
}
/* breadcrumb
--------------------------- */
#breadcrumbs {
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 11px 10px 0px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
@media (max-width: 600px) {
  #breadcrumbs {
    font-size: 12px;
  }
}
/* testimonials
--------------------------- */
.testimonials {
  background: #057d62;
}
.testimonials .bg-image { /* background-image:url(../images/colors/gradient_green_blue_vert.png);*/ /* background-size:cover;*/
  background-color: #6CC24A;
  background-image: linear-gradient(to right, #065b47 0%, #6CC24A 100%);
}
.testimonials .inner {
  max-width: 100% !important;
  padding: 0;
  color: #fff;
}
#testimonials_slider {
  display: none;
  text-align: center; /* background:red;*/
}
#testimonials_slider .testimonial_content {
  padding: 9% 9% 6%;
}
.testimonial_content .details {
  padding-top: 1em;
}
#testimonials_slider.slick-initialized {
  display: block;
}
@media (max-width: 600px) {
  .testimonials .inner .col {
    padding: 0;
  }
}
/* Tiles 
--------------------------- */
.layout_tiles .col {
  padding: 0;
}
.layout_tiles .tile_inner {
  margin-bottom: 15px;
  background: #fffef9;
  overflow: hidden;
  border-radius: 4px;
}
.layout_tiles .tile_icon {
  margin: 10px auto;
  max-width: 75px;
}
.layout_tiles .tile-copy {
  padding: 1.5em 1em;
}
.layout_tiles h4 {
  margin-top: 0;
  font-size: 1.7em !important;
  padding: 0;
}
@media (max-width: 767px) {
  .layout_tiles .col {
    min-width: 50%;
    flex: 1;
  }
}
@media (max-width: 600px) {
  .layout_tiles .col {
    min-width: 100%;
    flex: 1;
  }
}
.noimgcolp .col.imgwrap {
  padding: 0;
  margin: -2% 0 -2%;
}
.noimgcolp .col.imgwrap .image_holder {
  padding: 0;
}
.abs {
  position: absolute !important;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.abs:before {
  display: none;
}
a.link-overlay {
  z-index: auto;
  position: absolute !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  z-index: 2; /* background:red;*/
}
.no-image .imgwrap {
  display: none;
}
.image-show-100 .imgwrap {
  text-align: center;
  display: none;
}
.image-round img {
  border-radius: 50%;
}
.image-round .venobox {
  position: relative;
}
.image-round .venobox:after {
  border-radius: 50%;
}
.image-tall .image_holder {
  padding: 0;
}
.show_overlay .image_holder {
  position: relative;
  display: block;
}
.show_overlay .image_holder:before {
  content: " ";
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 0;
  height: 100%;
  /* background:url(../images/icons/stars.svg) no-repeat 10% 10%;*/
  left: 0;
}
@media (max-width: 599px) {
  .image-show-100 .bg-image {
    background-size: auto;
    background-position: top center;
  }
  .location .bg-image {
    display: none;
  }
  .no-image .background-image:before, .image-show-100 .bg-image:before {
    background: rgba(36, 52, 69, 0.2);
  }
  .no-image .imgwrap, .image-show-100 .imgwrap {
    display: inline-block;
  }
  .image-show-100 .imgwrap img {
    display: inline-block;
    margin: 0 auto;
  }
  .image-show-100 .txtwrap {
    padding-bottom: 0;
  }
  .unfix-bg-100 .bg-image {
    background-attachment: initial;
  }
}
/* section border */
/* hide slider till loaded - class removed on load */
.cS-hidden {
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
}
/* single post navigation */
.single .navigation {
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 0;
}
.single .navigation .col {
  width: 50%;
  text-align: left;
  padding: 0 20px 0;
  position: relative;
  border: 1px solid rgba(24, 142, 146, 0.05);
  border: 1px solid rgba(24, 142, 146, 0.05);
  border-left: 0;
  border-bottom: 0;
}
.single .navigation .col:last-child {
  padding-left: 4%;
  text-align: right;
  border-right: 0;
  border-bottom: 0;
}
.single .navigation .col > span {
  font-size: 11px;
  text-transform: uppercase;
  line-height: 3;
}
.single .navigation .col > span a {
  color: #057d62;
  font-weight: 600;
  text-decoration: none;
  position: relative;
}
.icon-right-arrow:after {
  font-style: normal;
  content: "\e902";
  font-family: "feather";
  display: inline-block;
  right: 0;
  top: 0;
  color: #057d62;
}
.icon-left-arrow:after {
  content: "\e901";
  font-style: normal;
  font-family: "feather";
  display: inline-block;
  right: 0;
  top: 0;
  color: #057d62;
}
.single .navigation .col .flex {
  display: flex;
  align-items: center;
}
.single .navigation .col .flex img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.single .navigation .col .flex h4 {
  margin: 0 0 0 13px;
  font-size: 15px;
}
.single .navigation .col .flex h4 span {
  font-weight: 400;
}
.single .navigation a {
  color: #057d62;
  -webkit-text-decoration-color: #057d62;
          text-decoration-color: #057d62;
  text-transform: uppercase;
}
.single .navigation a:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: #057d62;
          text-decoration-color: #057d62;
}
.single .navigation .col:before {
  vertical-align: middle;
}
@media screen and (max-width: 500px) {
  .single .navigation {
    display: block;
  }
  .single .navigation .col {
    width: 100%;
  }
  .single .navigation .col, .blog .navigation .col:first-child {
    padding: 20px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #e8e8e8;
  }
  .single .navigation .col:last-child {
    border-bottom: none;
  }
}
/* Maverick kea footer
-------------------------- */
.brag {
  padding-right: 1em;
}
#maverick-logo {
  display: inline-block;
  vertical-align: top;
  width: 86px;
  height: 30px;
  background-size: cover !important;
  overflow: hidden;
  background: url(/dist/kea.0b7cc8b8.png) no-repeat top center;
}
#maverick-logo.light {
  background: url(/dist/kea-white.2684d504.png) no-repeat top center;
}
#maverick-logo:hover, #maverick-logo:active {
  background-position: 0 100%;
}
/* SOCIAL links
-------------------------- */
.social-links {
  display: inline-block;
}
.social-links a:before, p.social-links a:after {
  display: none;
}
.social-links a {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  border: 1px solid;
  padding: 2px;
  border-radius: 50%;
  margin: 0 2px 0px;
  background: #007FA3;
  border-color: #007FA3;
  color: #fffef9;
  vertical-align: bottom;
}
.social-links a:hover svg {
  fill: #007FA3;
}
.social-links svg {
  width: 100%;
  fill: #fffef9;
  height: auto;
  padding: 2px;
}
.social-links.blue a {
  background: #007FA3;
}
.social-links.blue svg {
  fill: #007FA3;
}
.social-links.ghost a {
  background: none;
  border-color: #fffef9;
  margin-bottom: 0.5em;
}
.social-links.ghost svg {
  fill: #007FA3;
}
/* Footer
-------------------------- */
.footerwrap {
  background: #1e1e1e;
  position: relative;
  color: #fffef9;
  padding-top: calc(12vw + 10em);
  z-index: 0;
}
footer {
  font-size: 0.87em;
  z-index: 2;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8), rgb(0, 0, 0));
}
footer .footer-logo {
  max-width: 10.5rem;
}
footer ul.three-column {
  -moz-column-gap: 7em;
       column-gap: 7em;
}
footer li {
  margin-bottom: 0.5em;
}
footer a {
  color: #fffef9;
  font-weight: bold;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.1em;
}
footer a:hover, footer a:active {
  color: #fffef9;
  text-decoration: none;
}
footer .grid-footer {
  padding-bottom: 3rem;
  text-shadow: 0.025em 0.025em 0.25em rgba(0, 0, 0, 0.7);
  border-bottom: 1px solid #fffef9;
}
footer .grid-subfooter {
  padding-bottom: 0rem;
  padding-top: 3rem;
  font-size: 0.6em;
}
footer .grid-subfooter li {
  padding: 0 1em;
  border-left: 1px solid #fffef9;
}
footer .grid-subfooter li:first-child {
  border: none;
}
footer .grid-subfooter a {
  font-weight: normal;
  text-decoration: none;
}
footer .social-links {
  font-size: 1.3em;
}
footer ul.three-column {
  -moz-column-gap: 2em;
       column-gap: 2em;
}
@media (max-width: 600px) {
  footer {
    font-size: 1em;
  }
  footer .grid-footer {
    font-size: 1.37em;
  }
  footer .grid-subfooter {
    padding-bottom: 1rem;
    padding-top: 1rem;
    font-size: 0.7em;
  }
  footer .grid-subfooter li {
    border: none;
  }
  footer ul.three-column {
    font-size: 0.7em;
    display: inline-block;
    float: right;
    -moz-column-count: unset;
         column-count: unset;
    text-align: right;
  }
  footer .grid-footer .col-5 {
    align-self: flex-end !important;
    padding-bottom: 2em;
  }
  footer .grid-subfooter > .col {
    min-width: 100%;
    max-width: 50%;
  }
  footer .grid-subfooter > .col .col {
    padding: 4%;
  }
}
/* BACK to top
-------------------------- */
.back-to-top-wrap {
  transition: 0.3s ease;
  z-index: 50;
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: auto;
}
a.back-to-top {
  display: inline-block;
  text-decoration: none;
  color: #fffef9;
  float: right;
  font-size: 0;
  margin: 8px 3px 0px 0;
  padding: 10px;
  background: #057d62;
  border-radius: 50%;
  display: none;
  transition: 0.3s ease;
}
.back-to-top-wrap img {
  width: 20px;
  height: 20px;
}
.back-to-top-wrap:hover {
  transform: scale(1.2);
}
@media (max-width: 767px) {
  .two_col .col {
    min-width: 100%;
  }
}
@media (max-width: 599px) {
  .grid.column-2 .col {
    width: 95%;
    text-align: center;
    float: none;
    margin: 0 auto;
  }
  .grid.column-2 {
    display: block;
  }
  .grid.column-2 .image_holder {
    padding: 1em 2em;
    max-width: 60%;
    margin: 0 auto;
  }
}
.layer {
  position: relative;
  overflow: hidden;
}
.layer.has-bg-image {
  color: #fff;
}
.col {
  padding: 0px 4%;
}
.col._inner { /* padding:0px 2%; */ }
.overflow {
  overflow: visible !important;
}
/* flexible layout styles */
.half-width {
  flex: 50%;
}
.full-width {
  flex: 100%;
}
.vheight-25 {
  min-height: 25vh;
}
.vheight-50 {
  min-height: 50vh;
}
.vheight-75 {
  min-height: 75vh;
}
.vheight-90 {
  min-height: 90vh;
}
.vheight-100 {
  min-height: 100vh;
}
.vheight-125 {
  min-height: 125vh;
}
.vheight-150 {
  min-height: 150vh;
}
.vheight-175 {
  min-height: 175vh;
}
.vheight-200 {
  min-height: 200vh;
}
.background_pattern {
  background-position: bottom center;
  background-repeat: repeat-x;
  background-size: contain;
  background: url(/dist/rice-paper.6f231d70.png);
}
.background_pattern .bg-image {
  display: block !important;
}
.background_pattern .bg-image:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.parallaxParent {
  overflow: hidden !important;
  position: relative;
}
.parallaxParent.toleft {
  overflow: visible !important;
  position: relative;
  z-index: 5;
}
.parallaxParent.toright {
  overflow: visible !important;
  position: relative;
}
.parallaxParent .bg-image {
  background-size: cover;
  bottom: 0;
  left: 0%;
  transition: none !important;
  background-position: top center;
}
.parallaxParent.totop .bg-image {
  height: 130%;
  top: -30%;
}
.parallaxParent.tobottom .bg-image {
  height: 130%;
  top: auto;
  bottom: -30%;
}
.parallaxParent.toleft .bg-image {
  width: 110%;
  left: auto;
  right: -10%;
}
.parallaxParent.toright .bg-image {
  width: 110%;
  left: -10%;
}
.parallaxParent .bg-image.background-image:before {
  transition: none;
}
.text-50 .col.txtwrap,
.text-half .col.txtwrap {
  flex: 50%;
  max-width: 50%;
  z-index: 12;
  left: 0;
}
.text-75 .col.txtwrap,
.text-wider .col.txtwrap {
  flex: 70%;
  max-width: 70%;
}
.text-wider .col.imgwrap,
.text-75 .col.imgwrap {
  flex: 30%;
  max-width: 30%;
}
.text-35 .col.txtwrap,
.text-narrow .col.txtwrap {
  flex: 44%;
  max-width: 44%;
}
.text-35 .col.imgwrap,
.text-narrow .col.imgwrap {
  flex: 56%;
  max-width: 56%;
  border-left: 0.5rem #fffef9;
}
.text-100 .inner,
.text-full-width .inner {
  margin: 0 auto;
}
.text-100 .col.txtwrap,
.text-full-width .col.txtwrap {
  max-width: 100%;
  flex: 100%;
}
.text-100 .col.imgwrap,
.text-full-width .col.imgwrap {
  max-width: 100%;
  flex: 100%;
}
.bg-gradient-gradient .background-image::after {
  z-index: 2;
  background-image: linear-gradient(55deg, #005770 0, #007fa3 40%, #007FA3 50%);
  background-size: contain;
  -webkit-mask-image: linear-gradient(90deg, rgb(0, 0, 0) 0, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 70%);
  mask-image: linear-gradient(90deg, rgb(0, 0, 0) 0, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 70%);
}
.layout-reverse.bg-gradient-gradient .background-image::after {
  background-image: linear-gradient(270deg, #005770 0, #007fa3 50%, #007FA3 50%);
  background-size: contain;
  -webkit-mask-image: linear-gradient(270deg, rgb(0, 0, 0) 0, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 70%);
  mask-image: linear-gradient(270deg, rgb(0, 0, 0) 0, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 70%);
}
.bg-pattern-vertical-1 .background-image::before {
  z-index: 3; /* background:url(../images/design/pattern-vert2.png) no-repeat left center;*/
  mix-blend-mode: none;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 70%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 0%);
}
.bg-gray {
  background-color: #efefef;
}
.layout-reverse.bg-pattern-vertical-1 .background-image::before {
  -webkit-mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 70%);
  mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 0%);
}
.section-visit .bg-gradient-gradient .background-image {
  background-image: linear-gradient(55deg, #55a237 0, #6cc24a 40%, #6CC24A 50%);
  background-size: contain;
}
.text-on-right .grid {
  flex-direction: row-reverse;
}
.text-on-right .grid .grid {
  flex-direction: row;
}
@media (max-width: 600px) {
  .background-gradient.text-on-left .bg-image.background-image:before {
    background-image: linear-gradient(to right, rgba(36, 52, 69, 0.4), rgba(36, 52, 69, 0.7)) !important;
  }
  .background-gradient.text-on-right .bg-image.backgound-image:before {
    background-image: linear-gradient(to left, rgba(36, 52, 69, 0.4), rgba(36, 52, 69, 0.7));
  }
  .background-gradient.text-on-default.text-on-light.has-bg-image .background-image:before, .background-gradient.text-on-left.text-on-light.has-bg-image .background-image:before {
    background-color: transparent;
    background-image: linear-gradient(to left, rgba(246, 245, 241, 0.6), rgb(246, 245, 241)) !important;
  }
  .col.txtwrap, .col.imgwrap {
    flex: 100% !important;
    max-width: 100% !important;
  }
  .col.txtwrap ul {
    text-align: left;
  }
}
:root {
  --color-black: hsl(0, 0%, 10%);
  --color-white: hsl(0, 0%, 100%);
  --color-darken: hsl(0, 0%, 20%);
  --color-pink-100: hsl(336, 95%, 94%);
  --color-pink-200: hsl(338, 91%, 87%);
  --color-pink-300: hsl(339, 90%, 81%);
  --color-pink-400: hsl(339, 88%, 74%);
  --color-pink-500: hsl(339, 82%, 67%);
  --color-pink-600: hsl(339, 76%, 59%);
  --color-pink-700: hsl(339, 67%, 52%);
  --color-pink-800: hsl(339, 68%, 45%);
  --color-pink-900: hsl(339, 69%, 38%);
  --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.megamenu-header.left .megamenu-container .wrapper {
  justify-content: flex-start;
}

.megamenu-header.right .megamenu-container .wrapper {
  justify-content: flex-end;
}

.hamburger {
  display: flex;
  background: none !important;
}

.megamenu-wrapper img,
.megamenu-wrapper video {
  display: block;
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.megamenu-wrapper img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

.megamenu-wrapper .list-item {
  position: relative;
}

.megamenu-wrapper .list-item__items {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

@keyframes slideLeft {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@keyframes slideRight {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}

.megamenu-wrapper .megamenu-container {
  max-width: 75rem;
  height: auto;
  margin-left: auto;
  padding: 0;
}

.megamenu-wrapper .megamenu-header {
  position: initial;
  display: block;
  top: 0;
  left: 0;
  width: 50%;
  height: auto;
  margin: 0 auto;
  padding: 0rem 0;
  z-index: 100;
}

.megamenu-wrapper .megamenu-header .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 23px;
}

.megamenu-wrapper .megamenu-header-item-center {
  display: flex;
}

.megamenu-wrapper .megamenu-header-item-right {
  display: flex;
  flex: 0 0 3%;
  align-items: center;
  justify-content: flex-end;
}

.megamenu-wrapper .megamenu-header-item-right .menu-icon {
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-left: 1rem;
  color: #ffffff;
  transition: all 0.3s ease;
}

@media screen and (min-width: 1700px) {
  .megamenu-wrapper .megamenu-header .menumega .menu-section {
    gap: 36px;
    display: flex;
  }
}

.megamenu-wrapper .megamenu-header .menumega > ul > li {
  display: inline-block;
  /* line-height: 3.125rem; */
  margin-left: 1rem;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li > a {
  position: relative;
  font-family: inherit;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
  border: none;
  outline: none;
  color: #ffffff;
  transition: color 0.3s ease;
  text-decoration: none;
}

@media screen and (max-width: 1188px) {
  .megamenu-wrapper .megamenu-header .menumega > ul > li > a {
    font-size: 15px;
  }
}

.megamenu-wrapper .megamenu-header .menumega > ul > li > a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  background: #ffffff;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
  bottom: -3px;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs {
  position: absolute;
  width: 100%;
  height: auto;
  padding: 1.75rem 2rem 1rem;
  z-index: 109;
  opacity: 0;
  visibility: hidden !important;
  border-radius: 0.25rem;
  background: transparent;
  overflow: hidden;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs > ul > li {
  line-height: 1;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs > ul > li > a {
  position: relative;
  display: inline-block;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  padding: 0.75rem 0;
  border: none;
  outline: none;
  color: var(--color-black);
  text-transform: capitalize;
  transition: all 0.3s ease;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs > ul > li > a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #1e1e1e;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-column-1 {
  min-width: 16rem;
  max-width: 20rem;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-mega {
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-mega > .list-item > ul > li {
  display: block;
  line-height: 1;
  padding: 0rem 0;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-mega > .list-item > ul > li > a {
  position: relative;
  display: inline-block;
  font-family: inherit;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.37;
  padding: 0 0 0rem 0;
  border: none;
  outline: none;
  color: #1e1e1e;
  text-transform: capitalize;
  transition: color 0.3s ease;
  text-decoration: none;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-mega > .list-item > ul > li > a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #1e1e1e;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 {
  display: flex;
  flex-wrap: wrap;
  max-width: 70rem;
  width: 100%;
  padding: 0;
  min-height: 20rem;
  max-width: 100%;
  margin: 0;
  max-width: 1671px;
  padding: 0 1%;
  justify-content: center;
}

@media (max-width: 1400px) {
  .megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 {
    padding: 4rem 4%;
  }
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item {
  flex: 0 0 33%;
  padding: 0 1rem;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item h2 span {
  font-family: "LovelyHome", "Dancing Script", "Georgia", Cambria, Times New Roman, Times, serif;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item .title {
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  padding: 0.75rem 0;
  color: #1e1e1e;
  transition: all 0.3s ease;
  text-decoration: underline;
  font-weight: 600;
  font-size: 1em;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item .title:hover {
  color: #007FA3;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item.text-center .title {
  text-align: center;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item:first-child {
  padding: 1rem 0 1rem 3%;
  background: #ffffff;
  border-radius: 0.25rem 0 0 0.25rem;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item:nth-child(2) {
  flex: 0 0 39%;
  padding: 0;
  background: #ffffff;
  position: relative;
  left: -1px;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item:nth-child(2) img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 15px;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item:last-child {
  flex: 0 0 28%;
  padding: 1rem 0 1rem 3%;
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item:last-child h2 {
  color: #fff;
  font-family: "Droid Sans";
  font-size: 1.1em;
  font-weight: 500;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item:last-child h2 span {
  font-family: "LovelyHome", "Dancing Script", "Georgia", Cambria, Times New Roman, Times, serif;
  font-size: 1.4em;
  font-weight: normal;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item:last-child ul {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 1rem;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item:last-child ul li a {
  color: #ffffff;
  display: flex;
  flex-direction: row;
  gap: 0;
  line-height: 1.2;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item:last-child ul li a:hover {
  color: #f1ebd9;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item:last-child ul li svg {
  width: 1.5rem;
  margin-right: 1rem;
  max-height: 1.2rem;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item:last-child ul li svg path {
  color: #ffffff;
}

.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-mega > .list-item > ul > li > a:hover,
.megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs > ul > li > a:hover {
  color: #007FA3 !important;
}

.megamenu-wrapper .megamenu-header-item-right a:hover:after,
.megamenu-wrapper .megamenu-header .menumega > ul > li:hover > a:after {
  width: 100%;
  left: 0;
}

.megamenu-wrapper .megamenu-header .menu-mobile-header {
  display: none;
}

.megamenu-wrapper .megamenu-header .menu-mobile-toggle {
  position: relative;
  display: block;
  cursor: pointer;
  width: 1.75rem;
  height: 1rem;
  border: none;
  outline: none;
  margin-left: 1.25rem;
  margin-top: -0.25rem;
  background: none;
  transform: rotate(0deg);
  transition: 0.35s ease-in-out;
}

.megamenu-wrapper .megamenu-header .menu-mobile-toggle span {
  display: block;
  position: absolute;
  width: 74%;
  height: 2px;
  left: 0;
  border: none;
  outline: none;
  opacity: 1;
  border-radius: 0.25rem;
  background: #ffffff;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

.megamenu-wrapper .megamenu-header .menu-mobile-toggle span:nth-child(1) {
  top: 0;
}

.megamenu-wrapper .megamenu-header .menu-mobile-toggle span:nth-child(2), .megamenu-wrapper .megamenu-header .menu-mobile-toggle span:nth-child(3) {
  top: 0.5rem;
}

.megamenu-wrapper .megamenu-header .menu-mobile-toggle span:nth-child(4) {
  top: 1rem;
}

@media screen and (max-width: 1076px) {
  .megamenu-wrapper .megamenu-header-item-center {
    flex: 0 0 100%;
    order: 0;
    display: none;
  }
  .megamenu-wrapper .megamenu-header-item-right {
    flex: 0 0 auto;
  }
  .megamenu-wrapper .wrapper {
    justify-content: space-between;
    margin: 0 auto;
    padding: 0.5rem 0;
  }
  .megamenu-wrapper .megamenu-header .menu-mobile-toggle {
    position: relative;
    display: block;
    cursor: pointer;
    width: 1.75rem;
    height: 1rem;
    border: none;
    outline: none;
    margin-left: 1.25rem;
    margin-top: -0.25rem;
    background: none;
    transform: rotate(0deg);
    transition: 0.35s ease-in-out;
  }
  .megamenu-wrapper .megamenu-header .menu-mobile-toggle span {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    border: none;
    outline: none;
    opacity: 1;
    border-radius: 0.25rem;
    background: #ffffff;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
  }
  .megamenu-wrapper .megamenu-header .menu-mobile-toggle span:nth-child(1) {
    top: 0;
  }
  .megamenu-wrapper .megamenu-header .menu-mobile-toggle span:nth-child(2), .megamenu-wrapper .megamenu-header .menu-mobile-toggle span:nth-child(3) {
    top: 0.5rem;
  }
  .megamenu-wrapper .megamenu-header .menu-mobile-toggle span:nth-child(4) {
    top: 1rem;
  }
  .megamenu-wrapper .megamenu-header-item-right {
    align-items: center;
  }
  .megamenu-wrapper .megamenu-header .menumega {
    position: fixed;
    top: 0;
    left: 0;
    width: 75%;
    height: 100%;
    z-index: 111;
    overflow: hidden;
    background: #1e1e1e;
    transform: translate(-100%);
    transition: all 0.5s ease-in-out;
  }
  .megamenu-wrapper .megamenu-header .menumega.active {
    transform: translate(0%);
  }
  .megamenu-wrapper .megamenu-header .menumega > ul > li {
    display: block;
    line-height: 1;
    margin: 0;
  }
  .megamenu-wrapper .megamenu-header .menumega > ul > li > a {
    display: block;
    line-height: 3.125rem;
    height: 3.125rem;
    padding: 0 3.125rem 0 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .megamenu-wrapper .megamenu-header .menumega > ul > li > a i.ion {
    position: absolute;
    font-size: 1.25rem;
    line-height: 3.125rem;
    top: 0;
    right: 0;
    width: 3.125rem;
    height: 3.125rem;
    text-align: center;
    transform: rotate(-90deg);
  }
  .megamenu-wrapper .megamenu-header .menumega .menu-mobile-header {
    position: relative;
    position: sticky;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 0;
    height: 3.125rem;
    z-index: 110;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: #1e1e1e;
    width: 99%;
  }
  .megamenu-wrapper .megamenu-header .menumega .menu-mobile-header .menu-mobile-arrow {
    display: none;
    font-size: 1.25rem;
    line-height: 3.125rem;
    width: 3.125rem;
    height: 3.125rem;
    cursor: pointer;
    text-align: center;
    border: transparent;
    background: #1e1e1e;
    color: #ffffff;
  }
  .megamenu-wrapper .megamenu-header .menumega .menu-mobile-header.active .menu-mobile-arrow {
    display: block;
  }
  .megamenu-wrapper .megamenu-header .menumega .menu-mobile-header .menu-mobile-title {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 500;
    line-height: inherit;
    color: #ffffff;
    text-transform: capitalize;
  }
  .megamenu-wrapper .megamenu-header .menumega .menu-mobile-header .menu-mobile-close {
    font-size: 2.25rem;
    line-height: 3.125rem;
    cursor: pointer;
    width: 3.125rem;
    height: 3.125rem;
    text-align: center;
    border: transparent;
    padding-right: 10px;
    color: #ffffff;
    background: #1e1e1e;
  }
  .megamenu-wrapper .megamenu-header .menumega .menu-section {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    max-width: none;
    min-width: auto;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 1rem;
    padding-top: 4rem;
    opacity: 1;
    overflow-y: auto;
    visibility: visible;
    transform: translateX(0%);
    box-shadow: none;
  }
  .megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-mega {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    max-width: none;
    min-width: auto;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 1rem;
    padding-top: 4rem;
    opacity: 1;
    overflow-y: auto;
    visibility: visible;
    transform: translateX(0%);
    box-shadow: none;
  }
  .megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.active {
    display: block;
  }
  .megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item {
    flex: 0 0 100%;
    padding: 0rem;
  }
  .megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item img {
    margin-top: 0;
  }
  .megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item.text-center .title {
    margin-bottom: 1.25rem;
  }
  .megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-column-4 > .list-item.text-center:last-child .title {
    margin-bottom: 0rem;
  }
  .megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs > ul > li > a {
    display: block;
  }
  .megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-mega > .list-item > ul {
    margin-bottom: 1rem;
  }
  .megamenu-wrapper .megamenu-header .menumega > ul > li .menu-subs.menu-mega > .list-item > ul > li > a {
    display: block;
  }
  .megamenu-wrapper .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.65);
    transition: all 0.45s ease-in-out;
  }
  .megamenu-wrapper .overlay.active {
    opacity: 1;
    visibility: visible;
  }
}

.megamenu-wrapper .mega-menu-hover-has-child {
  position: relative;
  padding-right: 0px !important;
}

.megamenu-wrapper .mega-menu-hover-has-child .child-icon {
  position: absolute;
  right: -22px;
  top: 0px;
  width: 13px;
}

.megamenu-wrapper .list-item-submenus-wrapper {
  display: none;
  height: 100%;
  width: 100%;
}

.megamenu-wrapper .list-item-hidden-submenus {
  display: none;
}

.megamenu-wrapper .list-item-submenus {
  position: relative;
  display: flex;
  flex-direction: row;
  height: 100%;
}

@media screen and (max-width: 992px) {
  .megamenu-wrapper .list-item-submenus {
    align-items: flex-end;
    justify-content: flex-end;
  }
}

.megamenu-wrapper .list-item-submenus__links {
  list-style-type: none;
  flex-basis: 50%;
  min-width: 264px;
  padding: 30px 34px 18px 20px;
  text-align: right;
  background-color: #f8f9fa;
  display: flex;
  flex-direction: column;
  gap: 9px;
  z-index: 2;
  position: absolute;
  height: 100%;
  left: -1px;
}

.megamenu-wrapper .list-item-submenus__links li {
  line-height: 1;
}

@media screen and (max-width: 992px) {
  .megamenu-wrapper .list-item-submenus__links {
    padding: 0 0 18px 20px;
    background-color: #ffffff;
  }
}

.megamenu-wrapper .list-item-submenus__link-item {
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  color: #1e1e1e;
}

.megamenu-wrapper .list-item-submenus__link-item--first {
  color: #1e1e1e;
  text-transform: uppercase;
}

.megamenu-wrapper .list-item-submenus__link-item--first:hover {
  color: #007FA3 !important;
}

@media screen and (max-width: 992px) {
  .megamenu-wrapper .list-item-submenus__link-item--first {
    display: none;
  }
}

.megamenu-wrapper .list-item-submenus__link-item:hover {
  color: #007FA3;
}

.megamenu-wrapper .list-item-submenus img {
  flex-basis: 50%;
}

.megamenu-wrapper .list-item-submenu-active a {
  color: #1e1e1e !important;
}

.megamenu-wrapper .menu-item-link i {
  display: none;
}

@media screen and (max-width: 992px) {
  .megamenu-wrapper .menu-item-link i {
    display: block;
  }
}

@media screen and (max-width: 992px) {
  .megamenu-wrapper .mega-menu-submenu-image {
    display: none !important;
  }
}

.megamenu-wrapper .mega-menu-featured-image {
  position: absolute;
}

@media screen and (max-width: 992px) {
  .megamenu-wrapper .mega-menu-featured-image {
    display: none !important;
  }
}

.megamenu-wrapper .menu-item-active:after {
  width: 100% !important;
  left: 0 !important;
}

.megamenu-wrapper .menu-search {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  height: auto;
  z-index: 109;
  border-radius: 0.25rem;
  background: var(--color-white);
  box-shadow: var(--shadow-medium);
  transition: all 0.5s ease;
  opacity: 0;
  visibility: hidden;
}

@media screen and (max-width: 560px) {
  .megamenu-wrapper .menu-search {
    min-width: 300px;
    left: 0;
  }
}

.menu-search-active {
  margin-top: 0.5rem;
  opacity: 1 !important;
  visibility: visible !important;
}

.search__container {
  padding-top: 64px;
  width: 100%;
  padding: 20px 50px;
}

.search__title {
  font-size: 22px;
  font-weight: 900;
  text-align: center;
  color: #1e1e1e;
}

.search__input {
  width: 100%;
  padding: 12px 24px;
  background-color: transparent;
  transition: transform 250ms ease-in-out;
  font-size: 14px;
  line-height: 18px;
  color: #1e1e1e;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: 95% center;
  border-radius: 50px;
  border: 1px solid #1e1e1e;
  transition: all 250ms ease-in-out;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

.search__input::-moz-placeholder {
  color: color(#1e1e1e a(0.8));
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.search__input::placeholder {
  color: color(#1e1e1e a(0.8));
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.search__input:hover, .search__input:focus {
  padding: 12px 0;
  outline: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #1e1e1e;
  border-radius: 0;
  background-position: 100% center;
}

.search .icons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

.search .icon {
  flex: 0 0 auto;
  padding: 5px;
  display: block;
  fill: #000;
  stroke: #000;
}

.search .icon svg {
  --size: 3em;
  fill: inherit;
  min-height: var(--size);
  min-width: var(--size);
}

/* OVERWRITES */

#masthead {
  z-index: 4 !important;
}

#masthead .menu {
  flex: initial !important;
  min-width: initial !important;
}

#searchBtn svg {
  height: 1.5em !important;
  width: 28px !important;
}
#menu-div {
  font-size: 16px;
}
#menu-div #react-sidebar .sidebar-backdrop {
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1011;
  visibility: hidden;
  opacity: 0;
  transition: opacity 200ms ease-out;
  background-color: rgba(41, 48, 59, 0.35);
}
#menu-div #react-sidebar .sidebar-backdrop.show {
  visibility: visible;
  opacity: 1;
}
#menu-div #react-sidebar .sidebar-main {
  width: 285px;
  height: 100vh;
  background-color: #005972;
  z-index: 1012;
  position: fixed;
  top: 0;
  left: auto;
  right: 0;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  transform: translateX(285px);
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  overflow-y: auto;
}
#menu-div #react-sidebar .sidebar-main.second {
  transform: translateX(600px);
  z-index: 1013;
  visibility: hidden;
}
#menu-div #react-sidebar .sidebar-main.show {
  transform: translateX(0px);
  visibility: visible;
}
#menu-div #react-sidebar .sidebar-main-content {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#menu-div #react-sidebar .sidebar-header {
  background-color: #005972;
  display: flex;
  align-items: center;
  padding: 0.8rem;
}
#menu-div #react-sidebar .sidebar-header img {
  max-width: 200px;
  margin: 0 auto;
}
#menu-div #react-sidebar .section-heading {
  font-size: 0.78rem;
  font-weight: 700;
  color: #fffef9;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  display: flex;
  align-items: center;
}
#menu-div #react-sidebar .section-heading .text {
  margin-left: 6px;
}
#menu-div #react-sidebar .section-heading.border {
  border-top: 1px solid #dcdacb;
  margin-top: 0.8rem;
}
#menu-div .sidebar-main-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu-div .sidebar-main-content ul li {
  padding: 0.5rem 0.8rem;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fffef9;
  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
}
#menu-div .sidebar-main-content ul li:hover {
  cursor: pointer;
  background: #1e1e1e;
}
#menu-div .sidebar-main-content ul li.disabled {
  opacity: 0.6;
  pointer-events: none;
}
#menu-div .sidebar-main-content ul li i {
  margin-right: 8px;
  font-size: 17px;
}
#menu-div .sidebar-main-content ul a {
  color: inherit;
  text-decoration: initial;
}
#menu-div .first-back-btn {
  color: #fff;
  background-color: #1e1e1e;
  padding: 1.2rem;
  font-weight: 500;
}
#menu-div .first-back-btn span, #menu-div .second-back-btn span {
  margin-left: 15px;
}
#menu-div .first-back-btn:hover,
#menu-div .second-back-btn:hover {
  cursor: pointer;
}
#menu-div .first-back-btn i,
#menu-div .second-back-btn i {
  margin-right: 8px;
}
#menu-div .second-back-btn {
  background-color: #243445;
  border-bottom: 1px solid #1e1e1e;
  margin-bottom: 0.8rem;
  color: #fffef9;
  padding: 1.2rem;
  font-weight: 500;
}
#menu-div .section-seprator {
  margin-left: 16px;
  margin-right: 16px;
  /* margin: 0; */
  background-color: #dedfe0;
  box-sizing: content-box;
  height: 0;
  /* margin-top: 21px; */
  /* margin-bottom: 21px; */
  border: 0;
  border-top: 1px solid #e8e9eb;
}
#menu-div .flex-align-center {
  display: flex;
  align-items: center;
}
#menu-div .sidebar-body svg {
  width: 11px;
}
#menu-div .sidebar-body svg path {
  fill: #fffef9;
}
#menu-div .sidebar-body .first-back-btn svg {
  width: 8px;
}
#menu-div .sidebar-body .first-back-btn svg path {
  fill: #243445;
}
.depth-1.section-search.search ul.slides li {
  min-height: 45vh;
}

.search-wrapper h2 {
  font-size: 1.7085427136em;
}

.search-block {
  position: absolute;
  background-color: #686868;
  width: 100%;
  height: 100%;
  z-index: 999999;
  display: none;
}

.search-block #menu-toggle {
  position: absolute;
  right: 2.1105527638em;
  margin-top: -18px;
}

@media screen and (max-width: 800px) {
  .search-block #menu-toggle {
    margin-top: 61px;
  }
}

@media screen and (min-width: 561px) and (max-width: 1300px) {
  .search-block #menu-toggle {
    margin-top: 89px;
  }
}

.search-block #menu-toggle span:nth-child(1) {
  transform: rotate(135deg);
  left: 0;
  top: 6px;
}

.search-block #menu-toggle span:nth-child(2) {
  opacity: 0;
  left: -24px;
}

.search-block #menu-toggle span:nth-child(3) {
  opacity: 0;
  left: 24px;
}

.search-block #menu-toggle span:nth-child(4) {
  top: 6px;
  left: 0;
  transform: rotate(-135deg);
}

@media screen and (max-width: 1300px) {
  .search-block #menu-toggle span:nth-child(1) {
    top: 12px;
  }
  .search-block #menu-toggle span:nth-child(2) {
    left: -48px;
  }
  .search-block #menu-toggle span:nth-child(3) {
    left: 48px;
  }
  .search-block #menu-toggle span:nth-child(4) {
    top: 12px;
  }
}

.search-block .search-close {
  position: absolute;
  right: 40px;
}

.search-form {
  outline: 0;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 45%;
  right: 0;
  width: 100%;
  display: block;
  max-width: 560px;
  margin: 0 auto;
}

@media screen and (max-width: 800px) {
  .search-form {
    display: flex !important;
    flex-direction: row;
  }
}

.search-form__input {
  font-size: 1.4070351759em;
  outline: 0;
  height: 59px;
  line-height: 42px;
  padding: 0 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #1e1e1e;
  border: 0;
  float: left;
  border-radius: 4px 0 0 4px;
  width: 381px;
}

.search-form__input:focus {
  outline: 0;
  background-color: #fffef9;
}

.search-form__button {
  outline: 0;
  background: none;
  background-color: rgba(38, 50, 56, 0.8);
  float: left;
  height: 60px;
  width: 116px;
  text-align: center;
  line-height: 42px;
  border: 0;
  color: #fffef9;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 1.0050251256em;
  text-rendering: auto;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  transition: background-color 0.4s ease;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}

.search-form__button:hover {
  background-color: rgba(28, 19, 100, 0.8);
}

@media screen and (max-width: 800px) {
  .search-form {
    max-width: 333px;
  }
  .search-form__input {
    width: 217px;
  }
}

.Page.search .search-form-block {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 37px;
  height: 60px;
}

.Page.search .search-form {
  position: relative;
  left: initial;
  top: initial;
  right: initial;
  width: 100%;
  display: block;
  max-width: 504px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}

.Page.search .search-form__input {
  background-color: transparent;
  border: 1px solid #1e1e1e;
  border-right: none;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.Page.search .search-form__button {
  text-transform: uppercase;
  font-size: 1.0050251256em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 0;
}

@media screen and (max-width: 800px) {
  .Page.search .search-form__input {
    width: 78%;
  }
}

.Page.search .hero-image {
  max-height: 51vh;
}

.Page.search .hero-image .h-screen {
  height: 50vh;
}

.Page.search .search-toggle {
  display: none;
}

.Page.search .searchResults {
  padding: 0 2% 3em;
  max-width: 700px;
  margin: 0 auto;
}

.Page.search #search-div {
  max-width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 800px) {
  .Page.search #search-div {
    padding: 0 10px;
  }
}

.Page.search #SearchResults {
  list-style-type: none;
  padding: 0;
}

.Page.search #SearchResults li {
  margin: 0 0 30px;
  color: #1e1e1e;
  text-align: left;
}

.Page.search #SearchResults li > div {
  text-align: left;
  display: block;
  overflow: hidden;
  margin-bottom: 6px;
}

.Page.search #SearchResults h4 {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1.4070351759em;
  text-align: left;
  padding-bottom: 7px;
  transition: all 0.5s ease;
  padding-top: 0;
}

.Page.search #SearchResults h4:hover {
  color: #007FA3;
  text-decoration: underline;
}

.Page.search #SearchResults h4 a {
  text-decoration: none;
  font-weight: 900;
}

.Page.search #SearchResults h2,
.Page.search #SearchResults a,
.Page.search #SearchResults p,
.Page.search #SearchResults div {
  color: #313131;
  font-size: 1.0050251256em;
  text-align: left;
  text-decoration: none;
}

.Page.search #SearchResults a.readMoreLink {
  font-size: 1.1055276382em;
  color: black;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.5s ease;
}

@media screen and (max-width: 800px) {
  .Page.search #SearchResults a.readMoreLink {
    font-size: 0.8542713568em;
    line-height: 1.8px;
  }
}

.Page.search #SearchResults a.readMoreLink:hover {
  color: #007FA3;
}

.Page.search .pagination {
  padding: 0;
}

.Page.search .pagination a {
  cursor: pointer;
}

.Page.search .searchQuery {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.1055276382em;
}

@media screen and (max-width: 991px) {
  .Page.search .search-msg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.Page.search .search-msg__link {
  cursor: pointer;
  position: relative;
  display: block;
  float: left;
  background-color: transparent;
  color: #1e1e1e;
  border-width: 2px;
  text-decoration: none;
  margin: 0 0px 5px 0;
  padding: 0em 2em;
  line-height: 2.2;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.7035175879em;
  letter-spacing: 0.2em;
  border: 0;
}

@media screen and (max-width: 991px) {
  .Page.search .search-msg__link {
    border-radius: 1em;
  }
}

@media screen and (max-width: 991px) {
  .Page.search .search-msg__link {
    padding: 0 5px 0 12px;
  }
}

@media screen and (max-width: 800px) {
  .Page.search .search-msg__link {
    padding: 0 5px 0 7px;
  }
}

.Page.search .search-msg__link.active {
  background-color: #1e1e1e;
  color: #fffef9;
}

.Page.search .search-msg__link:hover, .Page.search .search-msg__link:active {
  background: #1e1e1e;
  color: #fffef9;
}

@media screen and (max-width: 800px) {
  .Page.search .search-msg__link {
    width: 100%;
  }
}

.search-result,
.search-result-wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.search-result__first,
.search-result-wrapper__first {
  flex-basis: 30%;
}

.search-result__first .searchQuery,
.search-result-wrapper__first .searchQuery {
  display: flex;
  flex-direction: column;
}

.search-result__second,
.search-result-wrapper__second {
  flex-basis: 70%;
}

@media screen and (max-width: 991px) {
  .search-result,
  .search-result-wrapper {
    flex-direction: column;
    gap: 20px;
  }
  .search-result__first,
  .search-result-wrapper__first {
    flex-basis: 100%;
  }
  .search-result__first .searchQuery,
  .search-result-wrapper__first .searchQuery {
    display: flex;
    flex-direction: row;
  }
  .search-result__second,
  .search-result-wrapper__second {
    flex-basis: 100%;
  }
}
ul.pagination {
  list-style: none;
  margin-top: 1em;
}

.pagination li {
  display: inline-block;
  background: transparent !important;
  border: 2px solid transparent !important;
}

.pagination li a {
  display: inline-block;
  font-size: 20px;
  text-decoration: none !important;
  transition: background 250ms;
  display: inline-block;
  text-transform: uppercase;
  margin: 0 3px 6px;
  height: 38px;
  min-width: 38px;
  border-radius: 38px;
  border: 2px solid #243445;
  line-height: 35px;
  padding: 0px 11px;
  color: #243445;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.2s;
}

.pagination li a:hover {
  color: #FFF;
  border-color: #313131;
  background: #313131;
}

.pagination li.active a {
  background: #243445;
  color: #fff !important;
}

.pagination li.inactive {
  border: 0;
}
.layout-weather .tabset {
  margin-top: 30px;
}

.layout-weather .tabset select {
  margin-bottom: 1em;
}

.layout-weather .tabset .tides {
  text-align: center;
}

.layout-weather .tabset .tides .tide-block {
  padding: 11px 32px;
  box-sizing: border-box;
  float: left;
  min-height: 175px;
}

@media (max-width: 400px) {
  .layout-weather .tabset .tides .tide-block {
    padding: 0 1em;
  }
}

@media (max-width: 340px) {
  .layout-weather .tabset .tides .tide-block {
    padding: 0 0.5em;
  }
}

@media (max-width: 310px) {
  .layout-weather .tabset .tides .tide-block {
    width: 100%;
    padding: 0;
  }
}

.layout-weather .tabset .tides .tide-block .tide-title {
  font-weight: 600;
  border-bottom: 1px solid #0891cc;
}

.layout-weather .tabset .tides .tide-block ul {
  display: block;
  padding: 0 !important;
}

.tides,
.conditions {
  margin: 0 auto;
}

.tides p,
.conditions p {
  padding: 0;
}

.tides p.credit,
.conditions p.credit {
  font-size: 12px;
  text-align: center;
}

.tides ul,
.conditions ul {
  list-style: none;
  margin: 0;
  padding: 0 0 1.4em 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.tides ul:after,
.conditions ul:after {
  content: "";
  clear: both;
  display: table;
}

.tides ul li,
.conditions ul li {
  border-bottom: 1px #eee solid;
  display: table;
  float: left;
  padding: 0.4em 0;
  width: 100%;
}

.tides ul li i.wi,
.conditions ul li i.wi {
  color: #4f4f4f;
  font-size: 340%;
  padding: 0;
}

.tides ul li span,
.conditions ul li span {
  box-sizing: border-box;
  display: table-cell;
  padding: 0 12px;
  vertical-align: middle;
  text-align: center;
  width: 33.33%;
}

.tides ul li span:first-of-type,
.conditions ul li span:first-of-type {
  padding: 0 12px 0 0;
  text-align: left;
}

.tides ul li span:last-of-type,
.conditions ul li span:last-of-type {
  padding: 0 0 0 12px;
  text-align: right;
}

.conditions p {
  padding: 0 2%;
}

.conditions ul.weather {
  margin: 0 auto;
  max-width: 384px;
  padding: 0 2%;
}

.conditions ul.weather li {
  border: 0;
}

.conditions ul.weather li span {
  width: auto;
}

.conditions ul.dailyWeather li {
  box-sizing: border-box;
  border: 1px #eee solid;
  margin: 2%;
  padding: 20px;
  text-align: center;
  width: 98%;
}

.conditions ul.dailyWeather li span {
  display: block;
  padding: 0 !important;
  text-align: center !important;
  width: 100%;
  line-height: 18px;
  margin-top: 15px;
  font-size: 13px;
}

.conditions ul.dailyWeather li span strong {
  display: block;
  padding: 0 0 0.6em 0;
}

.conditions ul.dailyWeather li span i.wi {
  font-size: 200%;
}

.conditions ul.dailyWeather li span i.wi {
  font-size: 200%;
}

.layout-weather select {
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat;
  background-position-x: 96%;
  background-position-y: 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.layout-weather button,
.layout-weather input[type=submit],
.layout-weather input[type=reset],
.layout-weather input[type=button] {
  transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0ms;
  background: #0891cc;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 0.8em;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: normal;
  padding: 1.32em 1.62em 1.24em 1.62em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  cursor: pointer;
  font-family: "proxima-nova", sans-serif;
}

.layout-weather button:hover,
.layout-weather input[type=submit]:hover,
.layout-weather input[type=reset]:hover,
.layout-weather input[type=button]:hover,
.layout-weather button:focus,
.layout-weather input[type=submit]:focus,
.layout-weather input[type=reset]:focus,
.layout-weather input[type=button]:focus {
  outline: 0;
}

.layout-weather input[type=email],
.layout-weather input[type=number],
.layout-weather input[type=search],
.layout-weather input[type=text],
.layout-weather input[type=tel],
.layout-weather input[type=url],
.layout-weather input[type=password],
.layout-weather textarea,
.layout-weather select {
  transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0ms;
  padding: 0.72em;
  background-color: #fff;
  border: 1px #b8b5c1 solid;
  border-radius: 3px;
  box-shadow: none;
  box-sizing: border-box;
  color: #4f4f4f;
  font-family: "proxima-nova", sans-serif;
  font-size: 0.8em;
  font-weight: 400;
  max-width: 500px;
  margin-bottom: 0.4em;
  line-height: normal;
  width: 100%;
}

.layout-weather input[type=email],
.layout-weather input[type=number],
.layout-weather input[type=search],
.layout-weather input[type=text],
.layout-weather input[type=tel],
.layout-weather input[type=url],
.layout-weather input[type=password],
.layout-weather textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.layout-weather input[type=email]:focus,
.layout-weather input[type=number]:focus,
.layout-weather input[type=search]:focus,
.layout-weather input[type=text]:focus,
.layout-weather input[type=tel]:focus,
.layout-weather input[type=url]:focus,
.layout-weather input[type=password]:focus,
.layout-weather textarea:focus,
.layout-weather select:focus {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  outline: 0;
}

.layout-weather label {
  color: #404040;
  display: block;
  margin-bottom: 0 !important;
  line-height: 1.8em;
  font-size: 0.8em;
  font-weight: normal !important;
}

.layout-weather fieldset {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-width: 0 !important;
}

.layout-weather fieldset legend {
  border-top: 1px #eee solid !important;
  color: #0891cc;
  font-size: 120%;
  padding: 1.4rem 0 !important;
  width: 100% !important;
}

.layout-weather input[type=checkbox],
.layout-weather input[type=radio] {
  display: inline;
}

.layout-weather .content_wrap {
  justify-content: center;
}

.layout-weather .quick-facts__icon {
  top: 9px !important;
}

.layout-weather .list-icon .quick-facts__icon {
  top: 4px !important;
}

.quick-facts {
  display: flex;
  margin: 10px auto;
}

@media (min-width: 1016px) {
  .quick-facts {
    border-bottom: 1px solid #000;
  }
}

@media (max-width: 1020px) {
  .quick-facts {
    display: block;
    padding: 20px 0;
  }
}

.quick-facts__header {
  display: flex;
  border-bottom: 1px solid #000;
}

@media (max-width: 1020px) {
  .quick-facts__header {
    display: block;
  }
}

.quick-facts__col {
  width: 33.33333%;
  margin-bottom: 20px;
  line-height: 1;
  border-right: 1px solid #000;
}

.quick-facts__col:last-child {
  border: none;
}

@media (max-width: 1020px) {
  .quick-facts__col {
    width: 100%;
    border: none;
    margin-bottom: 0;
  }
}

.quick-facts__icon {
  margin-right: 20px;
}

.quick-facts__icon img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: 0;
}

.quick-facts__icon.highlight img {
  width: 25px;
}

.quick-facts__icon.overview img {
  width: 22px;
}

.quick-facts__icon.info img {
  width: 24px;
}

.quick-facts__header {
  padding: 8px 0;
  border-top: 1px solid #000;
  margin-right: -1px;
  border-right: 1px solid #fff;
}

@media (max-width: 1020px) {
  .quick-facts__header {
    padding: 2px 0 3px;
  }
}

.quick-facts__header h4 {
  position: relative;
  padding-left: 75px;
  min-height: 28px;
  font-size: 20px;
  line-height: 28px;
  text-transform: uppercase;
  align-items: center;
  font-weight: 600;
}

@media (max-width: 1080px) {
  .quick-facts__header h4 {
    padding-left: 60px;
  }
}

@media (max-width: 1020px) {
  .quick-facts__header h4 {
    padding-left: 48px;
  }
}

.quick-facts__header h4 .quick-facts__icon {
  position: absolute;
  left: 15px;
  top: 2px;
  display: flex;
  margin: 0;
  width: 45px;
}

@media (max-width: 1020px) {
  .quick-facts__header h4 .quick-facts__icon {
    width: auto;
    top: 50%;
  }
}

.quick-facts__header h4 .quick-facts__icon img {
  margin: 0 auto;
}

.quick-facts__content {
  position: relative;
  padding: 20px 7px;
}

.quick-facts__content:before {
  content: "";
  width: 1px;
  height: 20px;
  background: #fff;
  position: absolute;
  right: -1px;
  top: 0;
}

@media (max-width: 1020px) {
  .quick-facts__content {
    display: block;
    border: none;
  }
}

.quick-facts__content ul {
  margin-left: 35px;
}

.quick-facts__content ul.list-icon {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.quick-facts__content ul.list-icon li a {
  line-height: 27px;
}

.quick-facts__content ul.list-icon li {
  padding: 0 0 0 75px;
  margin-bottom: 4px;
  position: relative;
  font-weight: lighter;
  line-height: 18px;
}

@media (max-width: 1080px) {
  .quick-facts__content ul.list-icon li {
    padding-left: 60px;
  }
}

@media (max-width: 1020px) {
  .quick-facts__content ul.list-icon li {
    padding-left: 48px;
  }
}

.quick-facts__content ul.list-icon li .quick-facts__icon {
  position: absolute;
  left: 15px;
  display: flex;
  margin: 0;
  width: 45px;
}

@media (max-width: 1020px) {
  .quick-facts__content ul.list-icon li .quick-facts__icon {
    left: 0;
  }
}

.quick-facts__content ul.list-icon li .quick-facts__icon img {
  margin: 0 auto;
}

.quick-facts__content li {
  font-size: 20px;
  line-height: 24px;
  color: #000;
  margin-bottom: 1px;
}

.quick-facts .quick-facts__col:first-child h4 {
  padding-left: 48px;
}

.quick-facts .quick-facts__col:first-child h4 .quick-facts__icon {
  width: auto;
}

.quick-facts .quick-facts__col:last-child .quick-facts__content:before {
  display: none;
}

/*# sourceMappingURL=/dist/common.css.map */