.bugme {
  margin-bottom: 0px;
}

#PageContainer {
  clear: both;
}



li.mobile_nav{padding: 0 !important;}
#polyspamap{position:relative;}
#polyspamap .base_layer{filter:saturate(1) opacity:1;position:relative;z-index:-1; transition:all 1s ease; transition-delay:1s;}
#polyspamap:hover  .base_layer{filter: saturate(0.5) opacity(0.7);position:relative;z-index:-1;transition:all 1s ease;transition-delay: 1s;}

#polyspamap .abs{position:absolute;width:100%;height:100%;top: 0;left: 0;z-index: 22;}

#polyspamap .layer-4{z-index:30;}
#polyspamap .layer,
#polyspamap svg{pointer-events:none;}

#trigger-2{pointer-events:all;}
#trigger-2,
#trigger-3,
#trigger-4,
#trigger-5,
#trigger-6,
#trigger-7,
#trigger-8,
#trigger-9,
#trigger-10{pointer-events:all;/* fill: red !important; */opacity:0; transition:opacity .5s ease; transform:scale(1); transform-origin:center;}
#trigger-10 *{pointer-events:none;}
#trigger-10 image{pointer-events:all;}
#trigger-2:hover,
#trigger-3:hover,
#trigger-4:hover,
#trigger-5:hover,
#trigger-6:hover,
#trigger-7:hover,
#trigger-8:hover,
#trigger-9:hover,
#trigger-10:hover{opacity:1;filter:drop-shadow(0 0 2em #003057); transform:scale(1.02);}
#trigger-cafe,
#trigger-shop{}
* {
  /* outline:1px solid red; */
}

/* Global Styles
----------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

.viewport {
  background: #fff;
  position: relative;
  /* z-index: 20; */
}

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;
  /* background: #000; */
}

html,
button,
input,
select,
textarea {
  font-family: sans-serif;
  /* color: #ffffff; */
}

body {
  margin: 0;
  color: #003057;
  /* color: #90191c; */
  font-size: 15px;
  line-height: 1.4;
  /* letter-spacing: 0.2px; */
  /* line-height: 46px; */
  font-weight: 300;
  font-family: "sofia_proregular", "Helvetica", sans-serif;
  min-width: 320px;
  width: 100%;
  overflow-x: hidden;
  height: 100%;
  /* min-width: 970px; */
}

::-moz-selection {
  background: #f68b70;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #f68b70;
  color: #fff;
  text-shadow: none;
}

a {
  color: #1b1b1b;
  text-decoration: none;
  -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

a:visited {
  /* color: #2e3f4d; */
}

.no-touch a:hover {
  filter: alpha(opacity=75);
  opacity: 0.75;
}

a:focus {
  outline: none;
}

a:hover {
  color: #f25c23;
}

b,
strong {
  /* font-family:"DINProBold"; */
  font-weight: 500;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 2px solid #2c2f37;
  margin: 2em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  font-family: "courier new", monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

small {
  font-size: 0.6em;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul,
ol {
  margin: 1em 0;
  padding: 0;
  list-style-position: inside;
}

dd {
  margin: 0 0 0 40px;
}

nav ul,
nav ol {
  /* list-style: none; */
  list-style-image: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  display: inline-block;
}

svg:not(:root) {
  /* overflow: hidden; */
}

figure {
  margin: 10px 0 0 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button {
  border: 0;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

input,
select,
textarea {
  /* padding:8px !important; */
}

button,
input {
  line-height: normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *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;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  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;
}

input:valid,
textarea:valid {
  font-size: 16px !important;
  line-height: 1.3;
  border: 2px solid black;
  box-shadow: none;
  /* padding: 10px; */
}

input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}

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

td {
  vertical-align: top;
}

::-webkit-input-placeholder {
  color: #ccc;
}

::-moz-placeholder {
  color: #ccc;
}

:-ms-input-placeholder {
  color: #ccc;
}

:-moz-placeholder {
  color: #ccc;
}

#menu-home-menu li.dropdown {position:relative;}

#menu-home-menu li.dropdown ul {
    background: none;
    padding: 0.5rem 0 0.5rem 0;
    left: 0;
    display: none;
    position: absolute;
    z-index: 60;
    background: #64ccc9;
    border-radius: 0 0 .5rem .5rem;
}
#menu-home-menu li.dropdown:hover a{border-radius:1rem 1rem 0 0;}
#menu-home-menu li.dropdown:hover ul {
    left: 0!important;
    margin: 0;
    box-shadow: none;
    display: block;
    /* padding: 0; */
}

#menu-home-menu li.dropdown ul li {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    border-top: 1px solid #95d9d7;
}

#menu-home-menu li.dropdown ul a {
    font-size: 12px;
    width: 100%;
    border-radius: 0 !important;
}


/* Other
----------------------------- */
.hidden {
  display: none !important;
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.vert-align {
  position: relative;
}

.intro-copy .vert-align {
  /* position: relative; */
  /* z-index: 100; */
  /* top: 40%; */
  /* max-width: 1170px; */
  padding: 50px 3%;
  margin: 0 auto;
}

.home .intro-copy .vert-align {
  /* top: 10%; */
  /* mix-blend-mode: screen; */
}

.nomtop {
  margin-top: 0 !important;
}

.center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.wrap {
  overflow: hidden;
  /* background: #fff; */
}

.center {
  text-align: center;
  margin: auto;
}

.h-align {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

.inner {
  padding: 0 4%;
  margin: 0 auto;
  max-width: 900px;
  position: relative;
}

.inner-900 {
  max-width: 900px;
}

.inner-700 {
  max-width: 700px;
}

.inner-1170 {
  max-width: 1070px;
  margin: 0 auto;
}

.inner.wide {
  max-width: 100%;
  padding: 0 60px;
}

.inner.medium {
  max-width: 1400px;
}

.layer .inner.thin {
  max-width: 980px;
}

.single .entry-content {
  max-width: 900px;
  margin: 0 auto;
}

blockquote {
  font-size: 1.5em;
}

blockquote:before {
}

blockquote {
  /* color:#0887af; */
  margin: 1.5em 10px 0.5em 30px;
  padding: 0.5em 10px 0;
  quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
  /* color: #0887af; */
  display: block;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote:after {
  /* color: #0085ad; */
  display: block;
  content: close-quote;
  font-size: 90px;
  line-height: 0.2em;
  margin-top: 0.3em;
  vertical-align: middle;
}

blockquote p {
  display: inline;
  font-weight: bold;
}

/* Preloader
----------------------------- */
#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 101;
  background-color: #0c0c0c;
  color: #ffffff;
}

#preloader h1 {
  margin: 0 0 30px 0;
  float: left;
  font-size: 0px;
  line-height: 0px;
  color: transparent;
  background-repeat: no-repeat;
  position: relative;
  z-index: 30;
  /* background-image: url(../images/Tamaki_Maori_Village_logo.png); */
  background-image: url(../images/Tamaki_Maori_Village_logo_white2.svg);
  width: 100px;
  height: 142px;
  display: block;
  background-size: contain;
  background-position: top left;
  /* background-color: red; */
}

#preloader .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#preloader .txt-perc {
  font-size: 14px;
  opacity: 1;
  margin: 0 0 6px 0;
  max-width: 400px;
  text-align: center;
  font-weight: 900;
}

#preloader .progress {
  width: 100px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 0 auto 15px auto;
}

#preloader .progress span {
  display: block;
  width: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}

#preloader.is-hidden {
  visibility: hidden;
  opacity: 0;
}

.is-loading {
  overflow: hidden;
}

/* intro panels */

html,
body {
  height: 100%;
  margin: 0;
}

#pinContainer {
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden;
  /* background: black; */
  /* z-index: 0; */
}

.panel {
  top: 0;
  height: 100vh;
  width: 100%;
  /* opacity: 0; */
  position: fixed;
  text-align: center;
}

.panel .background-image:before {
  display: none;
}

.blue {
  background-color: #eee;
  /* z-index:10; */
}

.turqoise {
  background-color: #38ced7;
  z-index: 11;
  /* height:auto; */
}

/*
.alkaline
.cross-over
.geothermal
.navy
.pavilion-pools
.deluxe-lake-spa
.family-pools
.sky-view
.lake-view
.retreat-01
.retreat-02
.retreat-03
.retreat-04
(*/
/*
.acidic
.alkaline
.cross-over
.geothermal
.navy
.pavilion-pools
.deluxe-lake-spa
.family-pools
.sky-view
.lake-view
.retreat-01
.retreat-02
.retreat-03
.retreat-04
*/
.subpages .card a.button:ghost {
  color: #fff;
}

.single-bathing a.button.ghost {
  color: #01b2af;
}

/*.single-bathing a.button.ghost:hover{color:#fff !important;border-color: #11335a;}
.single-bathing a.button.ghost:hover:after{background-color: #11335a !important;}*/
.single-bathing a.button.ghost:after {
  background-color: #fff;
}

.single-bathing .page_layout a.button.ghost:hover:after {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.single-retreat_product a.button.ghost {
  color: #f68b70;
}

.single-retreat_product a.button.ghost:hover {
  color: #fff !important;
  border-color: #11335a;
}

.single-retreat_product .page_layout a.button.ghost:hover:after {
  background-color: #11335a !important;
  /* color: #fff; */
}

.single-bathing .entry-title {
  margin-bottom: 0;
}

.single-bathing .intro:before {
  background-image: url(../images/intro-overlay-bathe.svg);
}

.single-bathing .loop-1 {
  background-color: #00b3af;
  color: #fff;
  z-index: 10;
  position: relative;
}

.subpages .card.bathing:hover .background-image:before {
  background-color: #00b3af;
}

.subpages .card.bathing a.button:after {
  background-color: #00b3af;
}

.subpages .card.retreat_product:hover .background-image:before {
  background-color: #f68b70;
}

.subpages .card.retreat_product a.button:after {
  background-color: #f68b70;
}

.acidic {
  /* color:#05C3DE; */
}

.acidic .intro:before {
  background-image: url(../images/intro-overlay-acidic.svg);
}

.acidic .loop-1 {
  background-color: #05c3de;
  color: #fff;
}

.acidic .card.bathing:hover .background-image:before {
  background-color: #05c3de;
}

.acidic .card.bathing a.button:after {
  background-color: #05c3de;
}

.layer.acidic {
  background-color: #05c3de;
  color: #fff;
}

.alkaline {
  /* color:#298FC2; */
}

.alkaline .intro:before {
  background-image: url(../images/intro-overlay-alkaline.svg);
}

.alkaline .loop-1 {
  background-color: #298fc2;
  color: #fff;
}

.alkaline a.button.ghost {
  color: #298fc2;
}

.subpages .card.alkaline:hover .background-image:before {
  background-color: #298fc2;
}

.subpages .card.alkaline a.button:after {
  background-color: #298fc2;
}

.layer.alkaline {
  background-color: #298fc2;
  color: #fff;
}

.cross-over {
  /* color:#0085AD; */
}

.cross-over .intro:before {
  background-image: url(../images/intro-overlay-cross-over.svg);
}

.cross-over .loop-1 {
  background-color: #0085ad;
  color: #fff;
}

.cross-over a.button.ghost {
  color: #0085ad;
}

.subpages .card.cross-over:hover .background-image:before {
  background-color: #0085ad;
}

.subpages .card.cross-over a.button:after {
  background-color: #0085ad;
}

.layer.cross-over {
  background-color: #0085ad;
  color: #fff;
}

.geothermal {
  /* color:#DC4405; */
}

.geothermal .intro:before {
  background-image: url(../images/intro-overlay-geothermal.svg);
}

.geothermal .loop-1 {
  background-color: #dc4405;
  color: #fff;
}

.layer.geothermal {
  background-color: #dc4405;
  color: #fff;
}

.geothermal a.button.ghost {
  color: #dc4405;
}

.subpages .card.geothermal:hover .background-image:before {
  background-color: #dc4405;
}

.subpages .card.geothermal a.button:after {
  background-color: #dc4405;
}

.navy {
  /* color:#003057; */
}

.navy .intro:before {
  background-image: url(../images/intro-overlay-navy.svg);
}

.navy .loop-1 {
  background-color: #003057;
  color: #fff;
}

.navy a.button.ghost {
  color: #003057;
}

.subpages .card.navy:hover .background-image:before {
  background-color: #003057;
}

.subpages .card.navy a.button:after {
  background-color: #003057;
}

.layer.navy {
  background-color: #003057;
  color: #fff;
}

.layer.background_pattern {
  background-image: url(../images/background_texture.png);
  background-size: 100px;
}

/* sub colors */

.pavilion-pools {
  /* color:#64CCC9; */
}

.pavilion-pools .intro:before {
  background-image: url(../images/intro-overlay-pavilion-pools.svg);
}

.pavilion-pools .loop-1 {
  background-color: #64ccc9;
  color: #fff;
}

.pavilion-pools a.button.ghost {
  color: #64ccc9;
}

.subpages .card.pavilion-pools:hover .background-image:before {
  background-color: #64ccc9;
}

.subpages .card.pavilion-pools a.button:after {
  color: #ffffff;
  background-color: #64ccc9 !important;
}

.layer.pavilion-pools {
  background-color: #64ccc9;
  color: #fff;
}

.deluxe-lake-spa {
  /* color:#00B2A9; */
}

.deluxe-lake-spa .intro:before {
  background-image: url(../images/intro-overlay-deluxe-lake-spa.svg);
}

.deluxe-lake-spa .loop-1 {
  background-color: #05c3de;
  color: #fff;
}

.deluxe-lake-spa a.button.ghost {
  color: #05c3de;
}

.subpages .card.deluxe-lake-spa:hover .background-image:before {
  background-color: #00b2a9;
}

.subpages .card.deluxe-lake-spa a.button:after {
  background-color: #00b2a9;
}

.layer.deluxe-lake-spa {
  background-color: #05c3de;
  color: #fff;
}

.family-pools {
  /* color:#43B02A;  oldcolor  */
}

.family-pools .intro:before {
  background-image: url(../images/intro-overlay-family-pools.svg);
}

.family-pools .loop-1 {
  background-color: #00b176;
  color: #fff;
}

.family-pools a.button.ghost {
  color: #00b176;
}

.subpages .card.family-pools:hover .background-image:before {
  background-color: #00b176;
}

.subpages .card.family-pools a.button:after {
  background-color: #00b176;
}

.layer.family-pools {
  background-color: #00b176;
  color: #fff;
}

.sky-view {
  /* color:#3A5DAE; */
}

.sky-view .intro:before {
  background-image: url(../images/intro-overlay-sky-view.svg);
}

.sky-view .loop-1 {
  background-color: #3a5dae;
  color: #fff;
}

.sky-view a.button.ghost {
  color: #3a5dae;
}

.subpages .card.sky-view:hover .background-image:before {
  background-color: #3a5dae;
}

.subpages .card.sky-view a.button:after {
  background-color: #3a5dae;
}

.layer.sky-view {
  background-color: #3a5dae;
  color: #fff;
}

.lake-view {
  /* color:#002677; */
}

.lake-view .intro:before {
  background-image: url(../images/intro-overlay-lake-view-deluxe.svg);
}

.lake-view .loop-1 {
  background-color: #002677;
  color: #fff;
}

.lake-view a.button.ghost {
  color: #002677;
}

.subpages .card.lake-view:hover .background-image:before {
  background-color: #002677;
}

.subpages .card.lake-view a.button:after {
  background-color: #002677;
}

.layer.lake-view {
  background-color: #002677;
  color: #fff;
}

.single-retreat_product .intro:before {
  background-image: url(../images/intro-overlay-spa.svg);
}

.single-retreat_product .loop-1 {
  background-color: #f68b70;
  color: #fff;
  position: relative;
  z-index: 10;
}

.single-retreat_product .loop-1 a {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.2);
  text-underline-offset: 1px;
}

.single-retreat_product .loop-1 a:hover {
  color: #1b1b1b;
}

/* maverick */
.single-retreat_product .loop-1 a.button {
  text-decoration: none;
}

.spa-reminder {
  border: 3px solid;
  padding: 30px;
  box-shaow: 0 0 5px rgba(0, 0, 0, 0.5);
  /* background-color:rgba(0,0,0,.18); */
  background: #002d60 url(../images/background_texture.png);
}

.video.intro:before {
  display: none;
}

.retreat-01 {
  /* color:#FFA06A; */
}

.retreat-01 .intro:before {
  background-image: url(../images/intro-overlay-retreat-01.svg);
}

.retreat-01 .loop-1 {
  background-color: #ffa06a;
  color: #fff;
}

.retreat-01 a.button.ghost {
  color: #ffa06a;
}

.subpages .card.retreat-01:hover .background-image:before {
  background-color: #ffa06a;
}

.subpages .card.retreat-01 a.button:after {
  background-color: #ffa06a;
}

.layer.retreat-01 {
  background-color: #ffa06a;
  color: #fff;
}

.retreat-02 {
  /* color:#FF8D6D; */
}

.retreat-02 .intro:before {
  background-image: url(../images/intro-overlay-retreat-02.svg);
}

.retreat-02 .loop-1 {
  background-color: #ff8d6d;
  color: #fff;
}

.retreat-02 a.button.ghost {
  color: #ff8d6d;
}

.subpages .card.retreat-02:hover .background-image:before {
  background-color: #ff8d6d;
}

.subpages .card.retreat-02 a.button:after {
  background-color: #ff8d6d;
}

.layer.retreat-02 {
  background-color: #ff8d6d;
  color: #fff;
}

.retreat-03 {
  /* color:#F87C56; */
}

.retreat-03 .intro:before {
  background-image: url(../images/intro-overlay-retreat-03.svg);
}

.retreat-03 .loop-1 {
  background-color: #f87c56;
  color: #fff;
}

.retreat-03 a.button.ghost {
  color: #f87c56;
}

.subpages .card.retreat-03:hover .background-image:before {
  background-color: #f87c56;
}

.subpages .card.retreat-03 a.button:after {
  background-color: #f87c56;
}

.layer.retreat-03 {
  background-color: #f87c56;
  color: #fff;
}

.retreat-04 {
  /* color:#E56A54; */
}

.retreat-04 .intro:before {
  background-image: url(../images/intro-overlay-retreat-04.svg);
}

.retreat-04 .loop-1 {
  background-color: #e56a54;
  color: #fff;
}

.retreat-04 a.button.ghost {
  color: #e56a54;
}

.subpages .card.retreat-04:hover .background-image:before {
  background-color: #e56a54;
}

.subpages .card.retreat-04 a.button:after {
  background-color: #e56a54;
}

.layer.retreat-04 {
  background-color: #e56a54;
  color: #fff;
}

.single-retreat_product .flexslider .slides > li,
.single-bathing .flexslider .slides > li {
  min-height: 68vh;
}

.green {
  background-color: #22d659;
  z-index: 8;
}

.bordeaux {
  background-color: #953543;
  z-index: 7;
}

.pools {
}

.spa {
}

header a.button.pools {
  border: 0;
  border-color: #008ab2 !important;
  color: #fff;
  padding: 7px 30px 8px !important;
  font-size: 1rem;
  line-height: 1;
  color: #fff;
  border-radius: 3rem;
  background: #64ccc9;
  letter-spacing: 0;
  transition: none;
}

header a.button.pools:after {
  background-color: #008ab2 !important;
  /* border-color: #008ab2; */
  display: none;
}

header a.button.pools:hover {
  border-color: #002f57 !important;
  color: #fff !important;
  /* background: rebeccapurple; */
}

header a.button.pools:hover:after {
  background-color: #003057 !important;
}

header a.button.spa:after {
  background-color: #f68b70 !important;
}

header a.button.spa {
  border-color: #f68b70 !important;
  color: #fff;
}

header a.button.spa:hover {
  border-color: #f05c21 !important;
  color: #fff !important;
}

header a.button.spa:hover:after {
  background-color: #f15c22 !important;
}

.panel > b {
  font-size: 15px;
  color: white;
  position: relative;
  display: block;
  height: 0;
  overflow: visible;
  top: 50%;
}

.panel .background-image {
  background-size: cover;
}

.panel .abs {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: cover;
  left: 0;
  background-position: top center;
  background-repeat: no-repeat;
}

.panel .heading {
  width: 80%;
  background-size: 100%;
  top: 0%;
  left: 10%;
  background-position: center;
  /* perspective-origin: 200px; */
  transform: scale(1);
}

.panel .mist {
  background-position: bottom center;
}

.panel .foreground {
  /* transform: scale3d(1,1,-2); */
}

.is-loading .panel .heading {
  transform: scale(0.5);
}

/* SVG 
----------------------------- */
img[src$=".svg"] {
  width: 100%;
  height: auto;
}

/* WP - image styles
  --------------------------- */
img.alignright {
  float: right;
  margin: 0 0 1em 1em;
  max-width: 36%;
}

img.alignleft {
  float: left;
  margin: 0 30px 20px 0;
  max-width: 27%;
}

img.aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin: 1em 0;
}

.wp-caption {
  max-width: 100%;
  position: relative;
  margin-bottom: 2em;
}

.wp-caption p:empty {
  display: none;
}

.wp-caption a {
  color: #fff;
  border-bottom: dashed #787a6d 1px;
}

.wp-caption a:hover {
  color: #e10503;
}

.single-column .wp-caption img {
  margin: 0px;
}

.wp-caption-text {
  font-size: 14px !important;
  /* display: inline-block; */
  background: #1a1a1a;
  padding: 8px 17px;
  color: white;
  font-style: normal;
  /* font-size: 13px; */
  /* margin: -1.5em 0 0 0; */
  /* position: absolute; */
  /* bottom: 0; */
  /* left: 0; */
  /* right: 40px; */
  /* max-width: 80%; */
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1),
    0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.16);
}

.alignleft.wp-caption {
  margin: 10px 20px 10px 0px;
  max-width: 100%;
  max-width: 50%;
}

.alignright.wp-caption {
  margin: 10px 0px 20px 20px;
  max-width: 50%;
}

.wp-caption em {
  font-style: normal;
  letter-spcing: -1px;
}

.wp-caption img {
  margin-bottom: 0px !important;
}

.alignright img,
.alignleft img,
.aligncenter img,
img.alignright,
.imgalignleft,
img.aligncenter {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1),
    0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.16);
  margin: 1em 0;
}

@media screen and (max-width: 700px) {
  .wp-caption .wp-caption-text {
    position: relative;
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    display: block;
  }
}

@media screen and (max-width: 700px) {
  .wp-caption .wp-caption-text {
    position: relative;
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    display: block;
  }
}

@media screen and (max-width: 400px) {
  .aligncenter.wp-caption,
  .alignright.wp-caption,
  .alignleft.wp-caption {
    margin: 0px 0 20px;
    max-width: 100%;
    width: 100% !important;
  }

  .aligncenter.wp-caption img,
  .alignright.wp-caption img,
  .alignleft.wp-caption img {
    width: 100%;
    margin: 0;
  }
}

/* Typography
------------------------ */
h1,
h2,
h3,
h4,
h5,
h6 {
  /* display: block; */
  /* transition:all .3s ease; */
  /* letter-spacing: -1px; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  padding-top: 0.25em;
  margin: 0em 0 0.75em;
  /* line-height: 1em; */
  /* letter-spacing: 1px; */
  /* text-transform: uppercase; */
}

h1,
.h1 {
  text-transform: uppercase;
  /* color: #fee149; */
  font-size: 2.875em;
  font-weight: 800;
  line-height: 1;
  /* text-align: justify; */
  /* letter-spacing: 6px; */
}

h2 {
  font-size: 2.5em;
  /* letter-spacing: 4.1px; */
  text-transform: uppercase;
  /* color: #f99500; */
  /* font-family: "proxima_nova_altblack"; */
  /* font-size: 4.8em; */
  /* font-weight: 400; */
  line-height: 1;
  /* font-size: 38px; */
  font-weight: 700;
  /* line-height: 38px; */
  /* text-align: justify; */
  letter-spacing: 0.24em;
}

h2 strong {
  /* font-weight:800; */
}

h1.single-title {
  margin-bottom: 0.5em;
}

h3 {
  font-size: 3.8em;
  /* line-height: 1; */
  /* text-transform: uppercase; */
  /* font-family: 'DINProBlack'; */
  /* font-weight: 800; */
}

h3 span.role {
  font-weight: 300;
  font-size: 0.85em;
  display: block;
  line-height: 1;
}

h3 {
  font-size: 1.5em;
  line-height: 1;
  text-transform: uppercase;
  /* font-family: 'DINProBlack'; */
  font-weight: 800;
  letter-spacing: 0.25em;
}

h3 span.role {
  font-weight: 300;
  font-size: 0.85em;
  display: block;
  line-height: 1;
}

h3.larger {
  font-size: 82px;
  line-height: 65px;
}

h3.smaller {
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0.8px;
}

h3.subpage {
  /* font-size: 65px; */
  /* line-height: .9; */
  font-size: 110px;
  font-weight: 700;
  line-height: 100px;
  /* Text style for "E, vening" */
  letter-spacing: -1.6px;
}

h3.section-heading {
  font-size: 58px;
  font-weight: 400;
  line-height: 63px;
  text-transform: uppercase;
  letter-spacing: 11.6px;
}

h4.section-heading {
  font-size: 22px;
  font-weight: 400;
  line-height: 73px;
  text-transform: uppercase;
  letter-spacing: 8.8px;
  color: #7b7b7b;
}

h4 {
  /* font-size:1.2em; */
  /* font-weight: 700; */
  /* letter-spacing: 1px; */
  /* line-height: 1.4em; */
  /* font-size: 14px; */
  /* font-weight: 900; */
  /* letter-spacing: 0.42px; */
  /* line-height: 11.45px; */
  /* color: red; */
  text-transform: uppercase;
  font-size: 1.375em;
  /* font-weight: 500; */
  /* letter-spacing: -0.5px; */
  /* line-height: 66px; */
}

h5 {
}

p.teaser {
  font-size: 40px;
  /* font-family: "proxima_nova_altblack"; */
  line-height: 46px;
}

p.teaser.smaller {
  font-size: 25px;
  line-height: 1;
}

.lead {
  /* font-weight: 700; */
  /* line-height: 1.438em; */
  /* letter-spacing: 0.32px; */
  /* font-size: 16px; */
  font-size: 1.3em;
  /* font-weight: 700; */
  /* line-height: 23px; */
  /* font-size: 36px; */
  font-weight: 400;
  /* line-height: 46px; */
}

div.lead {
  margin-bottom: 0.5em;
}

.home p.lead {
  /* font-size:24px; */
  line-height: 1.5;
  /* max-width:100%; */
}

.home h2 {
  /* font-size:2.250em; */
  /* padding-bottom: 10px; */
  /* letter-spacing:2.5px; */
  /* font-size: 48px; */
  /* line-height: 68px; */
  /* margin-top:0; */
  /* font-size: 87px; */
  /* font-weight: 400; */
  /* line-height: 83.18px; */
}

p,
li {
  /* max-width: 940px; */
  /* margin: 0 auto; */
  /* font-family: Roboto; */
  /* font-size: 14px; */
  /* font-weight: 500; */
  /* line-height: 1.250em; */
  /* letter-spacing: 0.52px; */
  padding: 0;
  margin: 0 0 1em 0;
}

.page_layout {
  position: relative;
  z-index: 20;
  background: #fff;
}

.page_layout li {
  margin: 0;
}

.fish {
  transform: translateY(100px);
}

.halffish {
  transform: translateY(-50px);
}

.dark p,
.dark li {
  /* color: #FFFFFF; */
}

.white p,
.white li {
  color: #434343;
  pad-bot: 0;
}

p.caption {
  margin-top: 5px;
  font-size: 12px;
  /* color: #aaaaaa; */
  font-weight: 800;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.column-2 p.teaser {
  font-size: 25px;
  line-height: 1;
}

@media screen and (max-width: 1510px) {
  p.teaser.smaller {
    font-size: 20px;
    line-height: 1;
  }

  p.teaser.smaller {
    font-size: 25px;
    line-height: 1;
  }

  h3.subpage {
    font-size: 65px;
    line-height: 56px;
  }
}

@media screen and (max-width: 1280px) {
  .et_pb_text {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  h1 {
    font-size: 2.4em;
  }

  h2 {
    /* font-size: 2.5em; */
  }

  .home h2 {
    /* font-size:60px; */
    line-height: 0.9;
  }

  .home p.lead {
    font-size: 19px;
  }

  p {
  }

  li {
  }

  h3 {
    font-size: 1.8em;
  }

  h4 {
  }

  h5 {
  }

  h3 {
    /* font-size: 3.8em; */
  }

  h3 {
    /* font-size: 3.8em; */
  }

  h3.larger {
    font-size: 66px;
    line-height: 55px;
  }

  h3.smaller {
    font-size: 40px;
  }

  h3.subpage {
    font-size: 75px;
    line-height: 66px;
    font-size: 43px;
    line-height: 0.9;
    margin-top: 0;
  }

  .column-2 p.teaser {
    font-size: 20px;
  }

  h3.section-heading {
    font-size: 48px;
    line-height: 1.4;
  }

  h4.section-heading {
    font-size: 18px;
    line-height: 1.5;
  }

  p.teaser.smaller {
    font-size: 19px;
    margin: 0 0 10px;
  }
}

@media (max-width: 1023px) {
  h3.subpage {
    font-size: 80px;
    line-height: 0.8;
  }

  p.teaser.smaller {
    font-size: 25px;
    line-height: 1;
    margin: 15px 0;
  }
}

@media screen and (max-width: 950px) {
  body {
    font-size: 0.95em;
  }

  p {
  }

  li {
  }

  h1 {
    font-size: 2em;
  }

  h2 {
    font-size: 2em;
  }

  .home h2 {
    /* font-size:50px; */
    /* line-height:1; */
  }

  h3 {
    font-size: 1.7em;
  }

  h3.subpage {
    font-size: 55px;
    line-height: 0.9;
  }

  h4 {
  }

  h5 {
  }

  p.lead {
    /* font-size:30px; */
    /* line-height:1.3; */
  }
}

@media screen and (max-width: 650px) {
  h1 {
    font-size: 1.7em;
    line-height: 1.2em;
  }

  h2 {
    font-size: 2.1em;
  }

  h3 {
  }

  h3.larger {
    font-size: 66px;
    line-height: 0.9;
  }

  h3.subpage {
    font-size: 45px;
    line-height: 0.9;
  }

  h3.section-heading {
    font-size: 28px;
    line-height: 1.4;
    letter-spacing: 8px;
  }

  h4.section-heading {
    font-size: 18px;
    line-height: 1.5;
  }

  h4 {
  }

  h5 {
  }

  p,
  li {
    /* text-align: justify; */
  }

  p {
  }

  p.lead {
    /* font-size:24px; */
    /* line-height:1.4; */
  }
}

@media screen and (max-width: 375px) {
  h3.subpage {
    font-size: 40px;
    line-height: 0.9;
  }

  p.teaser.smaller {
    font-size: 18px;
    line-height: 1;
    margin: 15px 0;
  }

  .column-2 p.teaser {
    font-size: 20px;
  }

  body {
    font-size: 0.9em;
  }

  h1 {
    font-size: 1.6em;
    line-height: 1.3em;
  }

  h2 {
    font-size: 1.8em;
  }

  .home h2 {
    /* font-size: 40px; */
  }

  h3.larger {
    font-size: 46px;
    line-height: 0.9;
  }

  h3 {
    /* font-size: 1em; */
  }

  h4 {
  }

  h5 {
  }

  p,
  li {
  }

  p.lead {
    font-size: 20px;
    line-height: 1.3;
  }
}

.icon:before {
  vertical-align: middle;
}

.title {
  margin: 0;
}

.subtitle {
  color: #bc0c10;
  font-weight: 400;
  letter-spacing: -2px;
  /* margin: 0; */
  padding: 0;
}

/* Icons / Buttons
--------------------------- */
a.button,
.gform_button {
  position: relative;
  padding: 0px 40px;
  /* background-color: rgba(254, 226, 72, .6); */
  /* color: #ffffff !important; */
  border: 2px solid;
  /* line-height: 3.7; */
  white-space: nowrap;
  display: inline-block;
  /* letter-spacing: 1.8px; */
  /* border-radius: 70px; */
  /* text-transform: uppercase; */
  /* font-family: "proxima_nova_altbold"; */
  /* width: 139px; */
  /* height: 16px; */
  /* color: #ffffff; */
  /* font-family: Montserrat; */
  /* font-size: 22px; */
  /* font-weight: 600; */
  line-height: 2.2;
  text-transform: uppercase;
  /* Text style for "BOOK NOW" */
  letter-spacing: 1.75px;
  /* width: 109px; */
  /* height: 14px; */
  color: #ffffff;
  /* font-family: "sofia_semibold"; */
  /* font-size: 20px; */
  font-weight: 500;
  border: 2px solid #15375d;
  /* line-height: 102.99px; */
  /* text-transform: uppercase; */
}

a.button,
.gform_button span {
  position: relative;
  z-index: 1;
}

a.button.alt {
  background-color: #fff;
}

.button-group {
  margin: 2.2em 0 0;
  list-style: none;
}

.vbox-close {
  /* background: #90191c !important; */
  color: #fff !important;
}

a.button:after,
.gform_button:after {
  position: absolute;
  display: block;
  content: " ";
  background: #15375d;
  /* background:#bc0c10; */
  width: 100%;
  height: 100%;
  left: 0;
  z-index: -1;
  top: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.gform_button:after {
  z-index: 0;
}

a.button:hover,
.gform_button:hover {
  color: #11345a !important;
  border-color: #11345a;
}

a.button:hover:after,
.gform_button:hover:after {
  width: 100%;
  background-color: #fff;
  /* z-index: 10000000; */
}

a.button.ghost:after {
  background-color: #fff;
}

a.button.ghost {
  border-color: transparent;
}

a.button.ghost {
  color: initial;
}

a.button.ghost:hover {
  color: #fff !important;
  /* border-color: rgba(0,0,0,0.7) !important; */
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}

[class*="col-"] {
  float: left;
  padding: 0;
}

.col-1-1 {
  width: 100%;
}

.col-1-2 {
  width: 50%;
}

.col-1-3 {
  width: 33.33%;
}

.col-2-3 {
  width: 66.66%;
}

.col-1-4 {
  width: 25%;
}

.col-2-4 {
  width: 50%;
}

.col-3-4 {
  width: 75%;
}

.grid.column-2 {
  /* margin-left: -9%; */
  /* margin-right: -9%; */
}

.grid.column-2 .col {
  width: 42%;
  /* margin-left:4%; */
  /* margin-right:4%; */
}

.grid.column-2 .col.tile.shadow {
  width: 44%;
  margin-left: 2%;
  margin-right: 2%;
}

.grid.column-2.tight {
  margin-left: -0.5%;
  margin-right: -0.5%;
}

.grid.column-2.tight .col {
  float: left;
  width: 49%;
  margin-left: 0.5%;
  margin-right: 0.5%;
}

.grid.column-2.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.grid.column-2.no-gutter .col {
  width: 50%;
  margin-left: 0;
  margin-right: 0;
}

.grid.column-2.no-gutter .col.shadow {
  border-radius: 0;
}

.grid.column-3 {
  margin-left: -4%;
  margin-right: -4%;
}

.grid.column-3 .col {
  float: left;
  width: 29.33%;
  /* margin:0 2% 30px */
}

.grid.column-3.tight {
  margin-left: -0.5%;
  margin-right: -0.5%;
}

.grid.column-3.tight .col {
  float: left;
  width: 30.33%;
  margin: 0 0.3% 20px;
}

.grid.column-3.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.grid.column-3.no-gutter .col {
  width: 33.33%;
  margin: 0;
}

.grid.column-4 {
  margin-left: -1%;
  margin-right: -1%;
}

.grid.column-4 .col {
  float: left;
  width: 23%;
  margin: 0 1%;
}

.grid.column-4.tight {
  margin-left: -0.5%;
  margin-right: -0.5%;
}

.grid.column-4.tight .col {
  width: 24%;
  margin: 0 0.5%;
}

.grid.column-4.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.grid.column-4.no-gutter .col {
  width: 25%;
  margin: 0;
}

.grid.column-5 {
  margin-left: -1%;
  margin-right: -1%;
}

.grid.column-5 .col {
  float: left;
  width: 18%;
  margin: 0 1%;
}

.grid.column-5.tight {
  margin-left: -0.5%;
  margin-right: -0.5%;
}

.grid.column-5.tight .col {
  float: left;
  width: 19%;
  margin: 0 0.5%;
}

.grid.column-5.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.grid.column-5.no-gutter .col {
  width: 20%;
  margin: 0;
}

@media screen and (max-width: 1100px) {
  .grid.column-4 .col {
    width: 48% !important;
    margin-bottom: 0px !important;
  }
}

@media screen and (max-width: 768px) {
  .grid.column-2 .col,
  .grid.column-2.no-gutter .col,
  .grid.column-2 .col.tile.shadow {
    width: 100%;
    margin-bottom: 20px;
    max-width: 100%;
    float: none !important;
  }

  .alternating .flex.column-2 .col.inner {
    padding: 0 0 0 0;
  }

  .grid.column-2 .col,
  .grid.column-2.no-gutter .col:last-child {
    margin: 0px;
  }

  .grid.column-2.no-gutter .col.shadow {
    border-radius: 4px;
  }

  .alternating .column-2 img {
    margin-bottom: 20px;
  }

  .alternating .flex.column-2 img {
    margin: 0px;
    width: 100%;
    display: block !important;
  }
}

@media screen and (max-width: 850px) {
  .grid.column-4 .col,
  .grid.column-3 .col,
  .grid.column-3.no-gutter .col,
  .grid.column-3.tight .col {
    /* width: 100% !important; */
    /* margin-bottom: 20px !important; */
  }

  .grid.column-3 .col:last-child,
  .grid.column-3.no-gutter .col:last-child {
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 460px) {
  .grid.column-4 .col {
    width: 100%;
  }
}

.flex {
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

.flex.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* Cards - (Tile derivative)
  --------------------------- */
.card {
  /* position: relative; */
}

.card img {
  width: 600px;
  max-width: 600px;
  object-fit: cover;
}

.card .tile-copy {
  /* position: absolute; */
  /* bottom: 10px; */
  /* background: transparent; */
  /* left: 0; */
  /*-webkit-transition: all 0.5s cubic-bezier(.075,.82,.165,1);-moz-transition: all 0.5s cubic-bezier(.075,.82,.165,1);-ms-transition: all 0.5s cubic-bezier(.075,.82,.165,1);-o-transition: all 0.5s cubic-bezier(.075,.82,.165,1);*/
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.card .tile-copy a {
  color: white;
}

@media screen and (max-width: 600px) {
  .card {
    min-height: 0px;
  }

  .card img {
    width: 100%;
  }
}

@media screen and (max-width: 460px) {
  .card img {
    width: auto;
    height: 330px;
  }
}

.transition,
.anim,
.top_nav,
.anim:before {
  -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.anim_slow {
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  transition-delay: 0.15s;
}

.preheader.transition {
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}

/* Header
--------------------------- */
.admin-bar #header {
  /* top:32px; */
}

#header {
  width: 100%;
  /* padding: 20px 0 0; */
  /* position: fixed; */
  /* position: absolute; */
  /* top: 50px; */
  z-index: 30;
  left: 0;
  right: 0;
  min-width: 320px;
  margin: 0 auto;
}

#header .inner {
  /* padding:0; */
  /* position: unset; */
  max-width: 1580px;
}

#header h1 {
  position: absolute;
  margin: 0px;
}

#header h1.logo {
  margin: 20px 0 0;
  float: left;
  font-size: 0px;
  line-height: 0px;
  color: transparent;
  background-repeat: no-repeat;
  position: relative;
  z-index: 30;
  background-image: url(../images/Tamaki_Maori_Village_logo.png);
  background-image: url(../images/PS_Logo.png);
  /* width: 100px; */
  /* height: 142px; */
  min-width: 200px;
  width: 338px;
  width: 30%;
  height: 133px;
  display: block;
  background-size: contain;
  background-position: top left;
  /* background-color: red; */
}

#header h1.logo a {
  display: block;
  position: absolute;
  z-index: 40;
  width: 100%;
  height: 100%;
  /* pointer-events: none; */
}

h1.logo_footer {
  margin: 20px 0 40px;
  font-size: 0px;
  line-height: 0px;
  color: transparent;
  background-repeat: no-repeat;
  position: relative;
  z-index: 30;
  background-image: url(../images/Tamaki_Maori_Village_logo.png);
  background-image: url(../images/PS_Logo_gold.png);
  /* width: 100px; */
  /* height: 142px; */
  /* padding:40px; */
  width: 100%;
  height: 152px;
  display: block;
  background-size: contain;
  background-position: center;
  /* background-color: red; */
}

#header .nav_wrap {
  position: relative;
  text-align: right;
  white-space: nowrap;
  padding: 20px 0 0 0;
  float: right;
  /* background: blue; */
  z-index: 30;
}

#header .nav_wrap a.button {
  margin-right: 40px;
  /* position: relative; */
  /* z-index: -1; */
  /* float: right; */
  /* display: block; */
}

.nav-open #header .nav_wrap a.button {
  /* opacity:0; */
  color: #fff;
}

.nav-open #header h1.logo,
.intro-image #header h1.logo {
  /* background-image: url(../images/Tamaki_Maori_Village_logo_white2.svg); */
}

.video .intro-image #header a,
.intro-image #header a {
}

.nav-open #header a.button {
}

/* Fullscreen Menu
--------------------------- */

#header nav#mobile-nav {
  position: fixed;
  height: 100vh;
  top: 0px;
  width: 100%;
  /* max-width: 1100px; */
  left: 0px;
  right: 0;
  padding: 240px 180px 60px;
  padding-top: 15%;
  -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  pointer-events: none;
  display: block !important;
  opacity: 0;
  color: #fff;
}

#header nav#mobile-nav:before {
  content: " ";
  width: 100%;
  height: 0;
  position: absolute;
  background: #020202;
  right: 0;
  top: 0;
  border-radius: 0;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  /* -webkit-transform:scale(1); */
  /* transform:scale(1); */
}

#header nav#mobile-nav .inner {
  max-width: 960px;
  padding: 0 0 0 8%;
}

.nav-open #header nav#mobile-nav:before {
  /* -webkit-transform: scale(106); */
  /* transform: scale(106); */
  width: 100%;
  height: 100%;
  background: #000;
}

.nav-open #header nav#mobile-nav {
  opacity: 1;
  z-index: 20;
  pointer-events: all;
}

.nav-open .hamburger-inner,
.nav-open .hamburger-inner::before,
.nav-open .hamburger-inner::after,
.intro-image .hamburger-inner,
.intro-image .hamburger-inner::before,
.intro-image .hamburger-inner::after {
  background-color: #ffffff !important;
}

nav#mobile-nav {
  /* padding-bottom: 60px; */
  /* padding-top: 60px; */
}

nav#mobile-nav .menu_left,
nav#mobile-nav .menu_right {
  width: 45%;
  float: left;
  height: 100vh;
  position: relative;
  padding: 0 0% 0 0;
}

nav#mobile-nav .menu_right {
  width: 35%;
  float: right;
  padding: 0;
}

#header nav#mobile-nav .menu_right h1 {
  position: relative;
  margin-bottom: 1em;
}

#header nav#mobile-nav ul {
  opacity: 1;
  width: 100%;
  height: 100vh;
  position: relative;
  transition: all 0.5s ease;
  /* opacity: 0; */
  overflow-y: auto;
  overflow-x: hidden;
  /* z-index: 170; */
}

.nav-open #header nav#mobile-nav {
  /* opacity: 1; */
}

#mobile-nav ul > li {
  opacity: 0;
  font-size: 38px;
  font-size: 2em;
  /* width: 100%; */
  margin: 0;
  /* padding: 4px 10px; */
  list-style: none;
}

#mobile-nav ul > li a {
  /* padding: 30px 50px; */
  line-height: 1em;
  display: inline-block;
  /* padding-right: 40px; */
  color: #ffffff;
  position: relative;
  padding: 6px 0px 6px;
  text-transform: lowercase;
  font-weight: 800;
}

footer a {
  position: relative;
}

/*  #mobile-nav li a:before, .menu li a:before, */
a.underline:before,
#custom_html-4 a:before {
  position: absolute;
  z-index: 0;
  width: 0%;
  height: 2px;
  bottom: 0;
  left: 45%;
  /* mix-blend-mode: multiply; */
  content: " ";
  /* background-color: rgb(5, 4, 4); */
  background-color: #f68b70;
  -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

#mobile-nav li.active a:before,
#mobile-nav li a:hover:before,
.menu li a:hover:before,
a.underline:hover:before,
#custom_html-4 a:hover:before {
  width: 100%;
  left: 0;
}

#custom_html-4 a:before {
  height: 1px;
}

a.underline {
  display: inline-block;
  position: relative;
  /* overflow: visible; */
  padding: 0px 10px 10px 40px;
}

a.underline:hover {
  /* padding:0 20px; */
}

a.underline:before {
  height: 130%;
  top: -14%;
  left: -5%;
}

a.underline span {
  position: relative;
}

.nav-open #header nav#mobile-nav > ul > li.current_page_item > a {
  color: white;
  text-decoration: underline;
}

.nav-open #mobile-nav ul > li {
  opacity: 1;
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}

#header nav#mobile-nav > ul > li > ul {
  padding-left: 61px;
  margin-bottom: 10px;
  margin-top: -7px;
}

#header nav#mobile-nav > ul > li > ul > li {
  padding: 0;
  margin: 0;
  font-family: "Avenir-Regular", sans-serif;
  width: 100%;
  display: none;
}

#header nav#mobile-nav > ul > li.subnav-open > ul > li {
  display: block;
}

#header nav#mobile-nav > ul > li > ul > li > a {
  padding: 4px 0px;
  font-size: 14px;
  color: white;
}

#header nav#mobile-nav > ul > li > ul > li.dropdown {
  position: absolute;
  transform: translateY(calc(-100% - 18px));
  width: 40px;
  right: 25px;
  height: 40px;
  display: block;
}

#header nav#mobile-nav > ul > li > ul > li.dropdown > a {
  font-size: 40px;
  padding: 0;
  text-align: center;
  font-size: 0;
  opacity: 1;
}

#header nav#mobile-nav > ul > li > ul > li.dropdown > a:before {
  content: "\F415";
  font-size: 36px;
  font-family: "Material Design Icons";
}

#header nav#mobile-nav > ul > li.subnav-open > ul > li.dropdown > a:before {
  content: "\F374";
}

@media screen and (max-width: 450px) {
  #header nav#mobile-nav > ul > li {
    font-size: 1.4em;
  }

  #header nav#mobile-nav > ul > li > a {
    padding: 20px 22px;
    margin-right: 80px;
  }

  #header nav#mobile-nav > ul > li > ul {
    margin-top: 0px;
    padding-left: 42px;
  }

  #header nav#mobile-nav > ul > li > ul > li > a {
    padding: 4px 10px;
  }

  #header nav#mobile-nav > ul > li > ul > li.dropdown {
    transform: translateY(calc(-100% - 13px));
  }
}

.booking_nav {
  /* vertical-align: top; */
  display: block;
  list-style: none;
  margin: 0;
  padding: 0px 0px 0 0;
  padding-top: 21px;
  text-align: right;
  /* float: right; */
  /* clear:both; */
  /* font-weight: bold; */
}

.booking_nav li a.button {
  font-size: 16px;
  padding: 0 19px;
}

.booking_nav li {
  padding: 0px 0 0 0.5em;
  margin: 0;
  display: inline-block;
  /* float: left; */
  position: relative;
}

/* TOP NAV
*/
.top_nav {
  width: 100%;
  display: block;
  list-style: none;
  margin: 0;
  padding: 2% 0px 0 0;
  text-align: right;
  /* padding-top: 20px; */
  /* clear: right; */
  /* float: right; */
}

.top_nav:after {
  content: "";
  display: table;
}

.top_nav li {
  padding: 0;
  display: inline-block;
  /* float: left; */
  /* position: relative; */
  margin: 0;
}

.top_nav > li:first-child {
  padding-left: 0;
}

.booking_nav li.chinese {
  vertical-align: text-bottom;
  display: inline-block;
  padding: 0;
  position: relative;
  line-height: 15px;
  border: 0;
}

.booking_nav li.chinese ul {
  width: 100%;
  padding: 4px 0 0 0 !important;
  margin: 0;
  background: none;
  /* top:0; */
  left: 0;
  display: none;
  position: absolute;
  z-index: 60;
}

.booking_nav li.chinese:hover ul {
  left: 0 !important;
  /* width: 100%; */
  padding-top: 4px;
  box-shadow: none;
  display: block;
}

.booking_nav li.chinese li img {
  display: block;
  margin: 0;
  padding: 0;
}

.booking_nav li.chinese li {
  opacity: 0;
  transition: all 0.3s;
  border: 0 !important;
}

.booking_nav li.chinese:hover li {
  opacity: 1;
}

.booking_nav li.dropdown ul {
  /* width: 20px; */
  background: none;
  /* top:0; */
  padding: 0px 0 0 0.5em;
  left: 0;
  display: none;
  position: absolute;
  z-index: 60;
}

.booking_nav li.dropdown:hover ul {
  left: 0 !important;
  margin: 0;
  box-shadow: none;
  display: block;
}

.booking_nav li.dropdown ul li {
  width: 100%;
  padding: 0;
  text-align: center;
  border-top: 1px solid rgb(0, 164, 212);
}

.booking_nav li.dropdown ul a {
  font-size: 13px;
  width: 100%;
}

.booking_nav li.chinese:hover ul li a:hover {
  background: none;
}

.booking_nav li.chinese a {
  display: inline-block;
  width: 36px;
  line-height: 24px;
  /* padding: 0px 2px 4px; */
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
}

.booking_nav li.chinese a:hover img {
  /* box-shadow: 0px 0px 15px #dadada; */
}

.top_nav li a {
  display: block;
  line-height: 1;
  width: 100%;
  /* letter-spacing: 2px; */
  /* font-size: 17px; */
  text-align: center;
  text-transform: uppercase;
  /* font-weight: 800; */
  color: #ffffff;
  /* border-bottom: 2px solid rgba(255, 255, 255, 0); */
  /* font-family: "Rubik", "Open Sans", Helvetica, Arial, sans-serif; */
  /* font-size: 16px; */
  /* font-weight: 400; */
  /* line-height: 24px; */
  /* width: 58px; */
  /* height: 13px; */
  /* color: #ffffff; */
  /* font-family: Rubik; */
  /* font-size: 16px; */
  /* font-weight: 700; */
  font-size: 16px;
  font-weight: 700;
  /* line-height: 110px; */
  /* text-transform: uppercase; */
  /* Text style for "m, enu" */
  /* letter-spacing: 1.3px; */
  letter-spacing: 0.08em;
}

.top_nav li a.button {
  color: #fff;
}

.top_nav li a {
  /* color: #ffffff; */
  /* font-size: 22px; */
  /* letter-spacing: 3.46px; */
  padding: 0 10px 5px;
  /* width: 220px; */
  border-bottom: 2px solid rgba(255, 255, 255, 0);
}

span.translate {
  display: block;
  color: #9c9c9c;
  font-size: 13px;
  font-size: 0.8em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.05px;
  line-height: 15px;
}

.fixed .top_nav li a.button {
  color: #fff;
  background: #be2627;
}

.fixed .top_nav li a.button:hover {
  background: #b79955;
}

.top_nav li.mobile_nav {
  float: right;
}

.top_nav .icon:before {
  font-size: 31px;
  /* color:red; */
  display: inline-block;
  width: 37px;
  margin-left: 5px;
}

.top_nav .icon {
}

.top_nav .offcanvas {
  display: none;
}

.mobile-nav .top_nav {
  text-align: center;
}

.top_nav li.mobile_nav {
  display: block !important;
  padding-right: 5px;
}

.fit5-cart-widget {
  margin-right: 1em;
}

.ibis-widget-cart {
  height: 1em !important;
  /* float: right; */
  width: 2.5em !important;
}

.fit5-cart-widget .cart-icon:before {
  font-size: 1em !important;
  /* color: #fff !important; */
  /* filter: invert(1) !important; */
  background-position: bottom center !important;
  background-size: contain;
  /* filter: brightness(0.5) contrast(115%) saturate(150%) hue-rotate(180deg) !important; */
}
.fit5-cart-widget .cart-icon .cart-widget-badge{
    padding-top: 1px !important;
    font-size: 13px !important;
    width: 15px !important;
    height: 15px !important;
    background: #f15e21 !important;
}
@media (max-width: 1250px) {
  #header .top_nav li.desktop {
    display: none;
  }

  #header .top_nav li.tablet {
    display: inline-block;
  }

  .booking_nav li a.button {
    font-size: 1em;
    padding: 0 10px;
  }
}

@media (max-width: 767px) {
  #header .top_nav li.desktop {
    display: none;
  }

  #header .top_nav li.tablet {
    display: none;
  }
}

@media (max-width: 480px) {
  .chinese.dropdown {
    /* float: left; */
    margin: 0;
    display: none !important;
  }

  .booking_nav li > a {
    margin-bottom: 3px;
  }

  .top_nav li a {
    padding: 0;
    /* margin: 0; */
  }
}

@media (max-width: 375px) {
  .ibis-widget-cart {
    font-size: 12px !important;
    width: 25px !important;
  }

  .booking_nav li a.button {
    font-size: 12px;
    padding: 0 6px;
  }

  .booking_nav li {
    padding: 0;
  }

  .booking_nav {
    width: 49%;
    float: right;
    padding-top: 5px;
    /* font-size: 15px; */
  }

  #header .inner {
    padding: 0 2%;
  }

  li.chinese img {
    max-height: 15px;
  }

  #header h1.logo {
    width: 100%;
    max-width: 40%;
    margin: 9px 0 0 5px;
    min-width: 150px;
  }
}

#header .ibis-widget-membership .membership-login-button button {
  background: none;
  color: #fff;
  border-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "sofia_proregular", "Helvetica", sans-serif;
  border-radius: 0;
  padding: 0.6em;
}

#header .ibis-widget-membership .membership-login-button button:hover {
}

/*
DROPDOWN */
.top_nav ul {
  display: none;
}

.top_nav li:hover ul {
  display: block;
}

/*--- DROPDOWN ---*/
.top_nav ul {
  /* background-color: #ffffff; */
  /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
  /* border: 5px solid #fff; */
  /* background-color: #333; */
  /* background: rgba(255,255,255,0); */
  /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
  list-style: none;
  position: absolute;
  /* height: 100vh; */
  z-index: 40;
  text-align: center;
  width: 100%;
  left: 0;
  /* Hide off-screen when not needed (this is more accessible than display: none;) */
  height: 0;
  overflow: hidden;
  transition: all 1s ease;
  /* max-width: 960px; */
}

.top_nav ul li {
  padding: 0;
  /* Introducing a padding between the li and the a give the illusion spaced items */
  /* float: none; */
  position: relative;
  /* width: 25%; */
  flex: 1;
  min-width: 25%;
  height: 150px;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  /* border: 1px solid #fff; */
}

.top_nav ul a {
  color: #ffffff !important;
  /* white-space: nowrap; */
  /* Stop text wrapping and creating multi-line dropdown items */
  display: block;
  padding: 5px 10px;
  /* text-align: left; */
  font-size: 14px;
  /* font-weight: 800; */
  /* width: 100%; */
}

.top_nav li:hover ul {
  /* Display the dropdown on hover */
  /* left: -250px; */
  /* Bring back on-screen when needed */
  /* padding-top: 10px; */
  /* top: 10px; */
  /* padding: 5px 20%; */
  /* font-size: 12px; */
  /* border: 1px solid rgba(255, 255, 255, .5); */
  /* box-shadow: 0px 3px 10px rgba(0, 0, 0, .5); */
  /* margin-top: 10px; */
  /* border-radius: 3px; */
  height: 100vh;
}

.top_nav li:hover > a {
  color: #fff !important;
  /* background-color: rgba(255, 255, 255, .1); */
  /* text-decoration: underline; */
  /* border-bottom: 2px solid #ffffff; */
}

.top_nav li:hover > a span {
  color: #f25c23 !important;
}

.top_nav li:hover ul a {
  /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
  text-decoration: none;
  /* font-size: 14px; */
}

.top_nav li:hover ul li a:hover {
  /* Here we define the most explicit hover states--what happens when you hover each individual link. */
  /* background-color: #333; */
}

.top_nav .menu_wrap {
  max-width: 860px;
  width: 100%;
  display: block;
  margin: 0 auto;
  background: #ffffff;
  border: #ffffff 5px solid;
  box-shadow: 0 0 15px rgba(20, 20, 20, 0.5);
  display: flex;
  flex-wrap: wrap;
}

.level1 .card {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #141414;
}

.level1 .card .tile-copy {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 9;
}

.level1 .card .bg-image {
  opacity: 0.6;
}

.level1 .card:hover .bg-image {
  opacity: 0.1;
}

.level1 .card .bg-image:before {
  z-index: 5;
}

/* Hamburger
--------------------------- */
.hamburger {
  /* z-index: 3; */
  /* right: 20px; */
  /* position: fixed; */
  /* top: 37px; */
}

.admin-bar .hamburger {
  /* top: 69px !important; */
  /* + 37px + 32px = 57px;*/
}

/* Intro
  --------------------------- */
.intro {
  background: #0e3259 url(../images/footer_pattern.png);
  color: #fff;
  z-index: 3;
  position: relative;
}

.intro-copy {
  position: relative;
  z-index: 12;
}

.no-content .intro-copy {
  min-height: 300px;
}

.intro-copy h1,
.intro-copy h2,
.intro-copy h3 {
  margin-top: 0px;
  margin-bottom: 0.4em;
  /* font-weight: 700; */
}

.intro-copy h1 {
  margin-bottom: 0.125em;
  letter-spacing: 0.125em;
}

@media screen and (min-width: 1220px) {
  .intro.default .intro-copy h1 {
    font-size: 70px;
    /* font-size: 130px; */
    line-height: 1.1;
    letter-spacing: 0.125em;
  }
}

@media screen and (max-width: 1219px) {
  .intro.default .intro-copy h1 {
    font-size: 66px;
  }

  .intro .intro-copy p {
  }
}

@media screen and (max-width: 1024px) {
  .intro.default .intro-copy h1 {
    font-size: 46px;
  }

  .intro .intro-copy p {
    font-size: 1.1em;
  }
}

@media screen and (max-width: 650px) {
  .intro.default .intro-copy h1 {
    font-size: 30px;
    line-height: 1.1;
  }

  .intro .inner {
    padding: 60% 8% 90px !important;
  }

  .intro-copy h3 {
    font-size: 13px;
  }
}

a.down-arrow {
  background-image: url(../img/downarrow.svg);
  width: 50px;
  height: 50px;
  display: block;
}

.intro a.down-arrow {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.no-touch .intro a.down-arrow:hover {
  opacity: 1;
}

.default.intro.background-image .intro-copy p {
  font-size: 18px;
}

.default.intro .background-image:before {
  display: none;
}

.no-intro-image .intro.default {
  /* background-color: rgb(255, 255, 255); */
}

.intro.default[style*="background-image"] {
  background-color: #17222b;
}

.intro.default[style*="background-image"]:before {
  display: block;
  /* opacity: 0; */
}

.intro.default.no-overlay[style*="background-image"]:before {
  display: block;
  opacity: 0;
}

.intro.default .intro-copy {
  margin: auto;
  text-align: center;
  /* max-width: 880px; */
}

.intro-image .intro .intro-copy {
  color: white;
}

.intro.default .inner.thin,
.no-intro-image .intro.default .inner.thin {
  padding: 220px 4% 240px;
}

.home .intro-image .intro.default .inner.thin {
  padding: 380px 5% 380px;
  min-height: 500px;
}

.intro-image .intro.default .inner.thin,
.video .intro.default .inner.thin,
.single .intro .inner.thin {
  padding: 160px 2% 327px;
  max-width: 1280px;
  /* padding: 40vh 5%; */
  /* min-height: 600px; */
  /* padding: 40vh 5% 0; */
}

.intro-image .slides li:before {
  background: url(../images/shadow.png) bottom center repeat-x;
  background-color: rgba(0, 0, 0, 0.3);
  /* background-size: 100%; */
  /* background-attachment: fixed; */
}

@media screen and (min-width: 1220px) {
  .default.intro.background-image .intro-copy {
    max-width: 1160px;
  }

  .no-intro-image .intro.default .inner.thin {
    padding: 300px 4% 320px;
  }
}

@media screen and (min-width: 1200px) {
  .default.intro.background-image .intro-copy p {
    font-size: 20px;
  }
}

@media screen and (max-width: 700px) {
  .intro-image .intro.default .inner.thin {
    padding: 133px 4% 55px;
    min-height: 0;
  }
}

@media screen and (max-width: 860px) {
  .no-content .intro-copy {
    min-height: 120px;
  }

  .home .intro .intro-copy h2 {
    font-family: "AvantGardeBold";
    font-style: normal;
    font-weight: normal;
    color: white;
    font-size: 51px;
    margin: 0px;
    line-height: 56px;
    letter-spacing: -0.07em;
    -webkit-transition: all 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05);
    -moz-transition: all 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05);
    -o-transition: all 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05);
    transition: all 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05);
  }
}

@media screen and (max-width: 600px) {
  .no-intro-image .intro.default .inner.thin {
    padding: 150px 5% 150px;
  }
}

.intro {
  /* position: absolute; */
  /* left: 0; */
  /* width: 100%; */
  /* overflow:hidden; */
}

.intro:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -1px;
  left: 0;
  display: block;
  pointer-events: none;
  z-index: 11;
  background: url(../images/intro-overlay-white.svg) no-repeat 50% 99%;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.2);
}

.intro:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 365px;
  left: 0;
  top: 0;
  display: block;
  pointer-events: none;
  z-index: 1;
  background: url(../images/top_shadow.png) repeat-x top center;
  opacity: 0.6;
  /* mix-blend-mode: darken; */
  /* background-size: contain; */
}
.single-gift_shop_products .intro:before{content:none;}
.home .intro:before {
  content: none;
}

/* Flexslider
  --------------------------- */

.flexslider .slides > li {
  /* min-height: 100vh; */
  min-height: 370px;
  max-width: 100%;
  background-size: cover;
  /* background-color: #e1e1e1; */
  font-size: 1em;
  /* height: 100vh; */
  z-index: 0 !important;
  z-index: auto !important;
}

.home .flexslider .slides > li {
  /* height: 880px; */
  height: 90vh;
}

.home .flexslider li.video {
  background-image: url(../images/video_bg.jpg);
  background-size: cover;
}

.flexslider .slides > li {
  /* height: 420px; */
}

.flexslider .slides > li.video:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: " ";
  background: url(../images/textures/pattern_darker.png);
  z-index: 122;
}

.flexslider .slides > li .intro-copy {
  position: relative;
  z-index: 100;
}

@media (max-width: 767px) {
  .flexslider .slides > li {
    /* height: 420px; */
  }
}

@media (max-width: 600px) {
  .flexslider .slides > li {
    /* height: 400px; */
  }
}

@media (max-width: 480px) {
  .flexslider .slides > li {
    /* height: 380px; */
    /* height: 100vh; */
  }
}

/*
.videocontainer {
	width: 100%;
 height: 0;
 padding-bottom: 56.25%;
 position: absolute;
}
*/

.flexslider #player_img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.vimeo-wrapper {
  /* position: fixed; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

.vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw;
  /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh;
  /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#booking_iframe {
  display: none;
}

iframe.ibis-iframe {
  width: 100%;
  min-height: 650px;
  border: 0;
  background: transparent !important;
}

/*
MAP + video */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */

  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
MEDIA */

.media-gallery {
  max-width: 900px;
}

.gallery-t,
.gallery-f,
.gallery-v {
  text-align: center;
}

.gallery-t .g-item {
  float: none;
  display: inline-block;
  width: 160px;
  margin: 3px;
}

.gallery-v .g-item {
  display: inline-block;
  width: 30%;
  margin: 3px;
}

.gallery-f .g-item {
  float: none;
  display: inline-block;
  width: 160px;
  margin: 0px 3px;
  position: relative;
}

.gallery-f .g-copy {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0;
  line-height: 1.1;
  padding: 7px;
  font-size: 13px;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.7);
}

.media-gallery > ul.gallery-f > li a {
  color: #fff;
}

.media-gallery > ul.gallery-f > li a:hover {
  color: #f44336;
}

#sidebyside {
  /* height: 590px; */
  position: relative;
  padding-bottom: 35%;
  /* overflow: hidden; */
}

#sidebyside .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
}

#sidebyside .overlay:before {
  /* content:' '; */
  /* position:absolute; */
  /* width: 100%; */
  /* height: 100%; */
  /* top: -1px; */
  /* left:0; */
  /* display:block; */
  /* z-index: 10000000; */
  /* background: url(../images/sidebyside-overlay-white.svg) no-repeat top center; */
  /* background-size:cover; */
}

#sidebyside .content_wrap {
  padding: 0px 2em 0 2.5em;
  max-width: 960px;
  margin: 0 auto -2em;
}

#sidebyside .card {
  /* width: 60%; */
  /* position:absolute; */
  /* padding-bottom: 60% !important; */
  width: 53%;
  position: absolute;
  padding-bottom: 45% !important;
  /* height: 590px; */
  background: none;
}

#sidebyside .card {
  /* left: -5%; */
  /* transform: translate3d(0,0,0); */
  /* overflow: hidden; */
  border-radius: 0 100% 0 0;
  border-radius: 0 100% 0 0;
  -moz-border-radius: 0 100% 0 0;
  -webkit-border-radius: 0 100% 0 0;
}

#sidebyside .card.tile-copy {
  right: 5%;
  left: auto;
}

#sidebyside .card:last-child {
  left: auto;
  right: 0;
  border-radius: 100% 0 0 0;
  -moz-border-radius: 100% 0 0 0;
  -webkit-border-radius: 100% 0 0 0;
}

#sidebyside .card .bg-image,
#sidebyside .card:last-child a.link-overlay {
  /*border-radius: 0 100% 0 0;
	-moz-border-radius: 0 100% 0 0;
	-webkit-border-radius: 0 100% 0 0;
	overflow: hidden;*/
}

#sidebyside .card:last-child .bg-image,
#sidebyside .card:last-child a.link-overlay {
  /*border-radius: 100% 0 0 0;
    -moz-border-radius: 100% 0 0 0;
    -webkit-border-radius: 100% 0 0 0;*/
}

#sidebyside .card:last-child .tile-copy {
  padding: 0 0 0 12.5%;
}

#sidebyside .bg-image {
  z-index: 1;
}

#sidebyside .bg-image.overlay {
  z-index: 10;
  opacity: 0.5;
}

#sidebyside .tile-copy {
  z-index: 10;
  bottom: 10%;
  max-width: 450px;
  margin: 0 auto;
  padding: 0 8% 0 0;
  top: 60%;
  left: 50%;
  transform: translate3d(-50%, -40%, 0);
}

#sidebyside .subpages .card .tile-copy.hover {
}

#sidebyside .card:hover .bg-image {
  transform: scale3d(1, 1, 1);
}

#sidebyside .card:hover .bg-image {
  z-index: 2;
}

@media (max-width: 700px) {
  .card .tile-copy {
    font-size: 0.8em;
  }

  #sidebyside {
    padding-bottom: 53% !important;
  }

  #sidebyside .card {
    padding-bottom: 53% !important;
  }
}

@media (max-width: 600px) {
  .card .tile-copy {
    font-size: 0.7em;
  }

  #sidebyside {
    padding-bottom: 53% !important;
  }

  #sidebyside .card {
    padding-bottom: 53% !important;
  }
}

.temp_style #sidebyside .col {
  width: 100%;
  border-radius: 0% 0% 0 0;
}

.temp_style #sidebyside .card:last-child .tile-copy {
  padding: 0 0 0 0;
  bottom: auto;
  top: 40%;
}

.videocontainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  /* z-index: -6; */
}

video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

pre {
  padding: 1em;
  color: red;
}

/* Gallery
  --------------------------- */
#stories {
  background: #e7e7e7;
}

.flickity-slider {
  transition: all ease-out 0.5s;
}

.main-carousel {
  margin: 0 5px;
  overflow: hidden;
  text-align: center;
}

.carousel-cell .bg-image {
  left: 5px;
  right: 5px;
  border-bottom: 5px solid #fff;
}

.carousel-cell {
  /* width:12%; */
  /* border:10px solid #fff; */
  /* overflow:hidden; */
  /* height:600px; */
  /* padding-bottom: 30%; */
  /* min-height: 400px; */
  padding: 4% 0 15%;
  margin: 1%;
  width: 30%;
  display: inline-block;
  transition: transform 1s;
  /* transform: scale3d(.9, .9, 1); */
  /* transition: transform 1s, width 1s, left .3s; */
}

.carousel-inner {
  /* display: none; */
  /* background:#000; */
  /* position: absolute; */
  /* width:100%; */
  transition: all 1s;
  /* height:100%; */
  /* opacity: 0; */
}

.carousel-cell img {
  display: block;
  width: 33.33%;
  height: auto;
  opacity: 0;
  /* width: 100%; */
  transition: all 1s;
  /* height: inherit; */
  /* width: inherit; */
}

.carousel-cell.is-selected {
  /* max-width: 800px; */
  /* width: 42%; */
  /* min-width: 320px; */
  /* background:blue; */
  /* transform:scale3d(1, 1, 1); */
  /* border:10px solid #fff; */
}

.carousel-cell.is-selected img {
  /* opacity: 0; */
}

.carousel-cell.is-selected .carousel-inner {
  /* width:100%; */
  /* opacity: 1; */
  /* max-width: 80%; */
  /* display: block; */
}

.gallery .carousel-cell.is-selected .carousel-inner {
  max-width: 100%;
}

.carousel-cell h3 {
  margin-bottom: 0.5em;
}

.carousel {
  background: #eee;
}

.carousel-cell {
  /* background: #8C8; */
  counter-increment: gallery-cell;
}

.carousel-cell .background-image:before {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.carousel-cell:hover .background-image:before {
  background-color: rgba(0, 0, 0, 0);
}

.carousel-cell.is-selected {
  /* background: #ED2; */
  /* z-index:30; */
}

.carousel-cell a {
  color: #fff;
}

.carousel-cell a:hover {
  /* text-decoration:underline; */
}

.carousel-cell a {
  /* pointer-events:none; */
}

.carousel-cell.is-selected a {
  pointer-events: all;
}

.carousel-cell .background-image:before {
  background-color: rgba(0, 0, 0, 0.6);
  /* mix-blend-mode: multiply; */
  background-image: url(../images/shadow.png);
  /* background-size: contain; */
  background-repeat: no-repeat;
  background-position: bottom left;
}

.carousel-cell.is-selected .background-image:before {
  background-color: rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0);
}

.carousel-cell .tile-copy {
  position: absolute;
  bottom: 10px;
  background: transparent;
  left: 0;
}

.carousel-cell .tile-copy p {
  padding: 0 0 0 40px;
}

.carousel-cell a.lightbox {
  z-index: 10;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2) url(../images/zoom-in.svg) no-repeat
    center;
  background-size: 30px;
  z-index: 50;
  opacity: 0;
}

.carousel-cell.is-selected a.lightbox {
  opacity: 0.4;
}

.carousel-cell a.lightbox:hover {
  opacity: 1;
  /* transform:scale(1.5); */
}

@media (max-width: 1070px) {
  .carousel-cell.is-selected {
    /* width:450px; */
  }
}

/*
.is-pointer-down .carousel-cell{
	transform:scale(.8);
}
.is-pointer-down .carousel-cell.is-selected{
	transform:scale(.8);
}
*/
.flickity-viewport {
  transform: scale(1);
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}

.is-pointer-down {
  transform: scale(0.9);
}

.icon-wrap {
  /* height: 10px; */
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 1.6px;
}

.icon-arrow-left,
.icon-arrow-right,
.icon-drag {
  top: 0;
  vertical-align: top;
  height: 40px;
  line-height: 50px;
  font-size: 28px;
  display: inline-block;
  text-align: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.icon-arrow-left {
  /* background-image: url(../images/Left_arrow.png); */
  width: 40px;
  /* height: 20px; */
  /* line-height: 50px; */
  /* font-size: 28px; */
}

.icon-arrow-left:hover {
  cursor: pointer;
  transform: translateX(-10px);
}

.icon-arrow-right {
  /* background-image: url(../images/Right_arrow.png); */
  width: 40px;
}

.icon-arrow-right:hover {
  cursor: pointer;
  transform: translateX(10px);
}

.icon-drag {
  width: 50px;
  margin: 0 20px;
  background-image: url(../images/Pointer.png);
}

/* fullscreen */
.carousel.is-fullscreen .carousel-cell {
  height: 100% !important;
}

/* CTA section */
.cta {
  color: #fff;
  overflow: hidden;
}

.cta a {
  color: #fff;
}

.cta a:hover {
  color: #191919;
}

.cta_left {
  float: left;
  width: 50%;
  padding: 100px 0 80px 5%;
  position: relative;
}

.cta_right {
  float: right;
  width: 50%;
  padding: 100px 0 80px 5%;
  position: relative;
}

.cta_content {
  overflow: hidden;
}

.cta_content:before {
  z-index: -1;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50px;
  content: " ";
}

.cta h3 {
  position: relative;
  z-index: 10;
  font-size: 40px;
}

.cta_content.work {
  background: url(../images/Iphone_X_caveworld.png) bottom right no-repeat;
  background-size: contain;
}

.cta_content.work:before {
  background-color: #fce623;
  background-image: linear-gradient(86deg, #fce623 0%, #fced3e 100%);
}

.cta_content.contact {
  background: url(../images/phone_booth.png) 70% 0 no-repeat;
  background-size: contain;
}

.cta_content.contact:before {
  background-color: #ffa54d;
  background-image: linear-gradient(
    to top,
    #ff942b 0%,
    rgba(255, 174, 94, 0) 100%
  );
}

@media (max-width: 600px) {
  .cta_left,
  .cta_right {
    padding-top: 60px;
    padding-bottom: 100px;
    width: 100%;
    background-position: bottom right !important;
    background-size: contain;
  }

  .cta h3 {
    font-size: 40px;
  }
}

@media (max-width: 950px) {
  .cta_left,
  .cta_right {
    padding-top: 60px;
    padding-bottom: 100px;
    width: 100%;
    background-position: bottom right !important;
    background-size: 50% !important;
  }

  .cta h3 {
    font-size: 40px;
  }
}

.table {
  display: table;
  width: 100%;
  height: 100%;
}

.table-cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.color-yellow .card:after {
  border-right-color: #fbec3d;
}

.color-yellow .card:before {
  background-color: #fbec3d;
}

.color-yellow a.button {
  background: #fbec3d;
}

.color-yellow.layer {
  background-color: #fbec3d;
}

.color-yellow.layer a.button {
  background-color: #fbec3d;
}

.color-pink .card:after {
  border-right-color: #ec6968;
}

.color-pink .card:before {
  background-color: #ec6968;
}

.color-pink a.button {
  background: #ec6968;
}

.color-pink.layer {
  background-color: #ec6968;
}

.color-pink.layer a.button {
  background-color: #ec6968;
}

.color-red .card:after {
  border-right-color: #e00503;
}

.color-red .card:before {
  background-color: #e00503;
}

.color-red a.button {
  background: #e00503;
}

.color-red.layer {
  background-color: #e00503;
}

.color-red.layer a.button {
  background-color: #e00503;
}

.color-green .card:after {
  border-right-color: #5e8703;
}

.color-green .card:before {
  background-color: #5e8703;
}

.color-green a.button {
  background: #5e8703;
}

.color-green.layer {
  background-color: #5e8703;
}

.color-green.layer a.button {
  background-color: #5e8703;
}

.color-grey .card:after {
  border-right-color: #aaa;
}

.color-grey .card:before {
  background-color: #aaa;
}

.color-grey a.button {
  background: #aaa;
}

.color-grey.layer {
  background-color: #aaa;
}

.color-grey.layer a.button {
  background-color: #aaa;
}

.color-turquoise .card:after {
  border-right-color: #29e3bf;
}

.color-turquoise .card:before {
  background-color: #29e3bf;
}

.color-turquoise a.button {
  background: #29e3bf;
}

.color-turquoise.layer {
  background-color: #29e3bf;
}

.color-turquoise.layer a.button {
  background-color: #29e3bf;
}

/*


ul.casestudies li:nth-child(6n) .card:after{
	border-right-color:#221f20;
}
ul.casestudies li:nth-child(6n) .card:before{
	background-color:#221f20;	
}
*/

/* Flexslider
  --------------------------- */

.testimonial_content {
  /* padding: 5px 110px; */
  overflow: visible;
  position: relative;
  max-width: 980px;
  margin: 0 auto;
  /* min-height: 90px; */
  /* font-size:30px; */
  /* line-height: 44px; */
  font-size: 2.125em;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -1px;
  /* color: red; */
}

#testimonials {
  background-color: #333;
  background-image: url(../images/testimonials.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  background-attachment: fixed;
  color: #fff;
  /* z-index: 13; */
  position: relative;
  /* max-width: 1440px; */
  /* background-size: contain; */
  /* padding: 22vh 0; */
  /* margin-top: -60px; */
  /* margin-bottom: 9px; */
  /* margin-left: auto; */
  /* margin-right: auto; */
  /* background: red; */
}

#testimonials .inner {
  max-width: 1670px;
}

#testimonials_slider {
  list-style: none;
  /* color: #fff; */
  /* padding: 0 6%; */
}

#testimonials .details a {
  color: #fff;
  border-bottom: 1px solid #fff;
}

@media (max-width: 1280px) {
  .testimonial_content {
    font-size: 26px;
    line-height: 1.4;
  }

  .testimonial_content:before,
  .testimonial_content:after {
  }
}

@media (max-width: 950px) {
  .testimonial_content {
    font-size: 24px;
    line-height: 1.4;
    padding-left: 80px;
    padding-right: 80px;
  }

  .testimonial_content:before,
  .testimonial_content:after {
    width: 80px;
    height: 67px;
    font-size: 140px;
    line-height: 100px;
  }
}

@media (max-width: 600px) {
  .testimonial_content {
    font-size: 20px;
    line-height: 1.2;
    padding-left: 40px;
    padding-right: 40px;
  }

  .testimonial_content:before,
  .testimonial_content:after {
    width: 40px;
    height: 30px;
    font-size: 80px;
    line-height: 60px;
  }

  .testimonial_name {
    font-size: 30px;
  }

  .testimonial_logo img {
    max-width: 100px;
  }

  #testimonials .inner {
    padding: 0;
  }

  .lSAction {
    display: none;
  }
}

.price_table {
  list-style: none;
  padding: 0 0 0.5em 0;
  margin: 0;
}

/*
BATHE */
.top-section {
}

.top-section .col {
  width: 51%;
  display: inline-block;
}

.top-section .entry-content {
  float: right;
  /* border:1px solid red; */
  padding-bottom: 2em;
}

.top-section .post-leadimage {
  width: 45%;
  display: inline-block;
  float: left;
  padding-bottom: 2em;
}

ul.icons {
  /* text-align: center; */
  list-style: none;
  margin: 0.5em 0;
  display: inline-block;
}

ul.icons li {
  /* width:20%; */
  max-width: 85px;
  display: inline-block;
  /* height: 170px; */
  padding: 0 5px 5px 0;
}

ul.icons_list {
  text-align: center;
  list-style: none;
  margin: 0.5em 0 1em;
  display: inline-block;
}

ul.icons_list li {
  /* max-height:20px; */
  padding: 0 5px 5px 0;
  display: inline-block;
  /* height: 170px; */
}

ul.icons_list li img[src$=".svg"] {
  width: auto;
  max-height: 75px;
  height: auto;
}

@media (max-width: 600px) {
  .top-section .col {
    width: 100%;
  }

  .top-section .entry-title {
    text-align: center;
    padding: 0 0 10px;
  }

  .top-section .page_layout {
    text-align: center;
  }

  .top-section .page_layout_ {
    text-align: center;
  }

  .price_table {
    text-align: center;
    padding-bottom: 10px;
  }
}

/* CONTACT */

ul.contact_list {
  list-style: none;
}

ul.contact_list li {
  padding-left: 30px;
  position: relative;
  padding-bottom: 10px;
}

ul.contact_list li:before {
  position: absolute;
  left: 0;
  font-family: maverick;
}

ul.contact_list li.email:before {
  content: "e";
}

ul.contact_list li.phone:before {
  content: "p";
}

ul.contact_list li.location:before {
  content: "l";
}

ul.contact_list li a {
  text-decoration: underline;
}

#gform_wrapper_1 label.gfield_label {
  cursor: pointer;
  /* color: #464444 !important; */
  /* font-family: "proxima_nova_altblack"; */
  font-size: 22px;
  font-weight: 900;
  line-height: 1.5;
  /* margin-top: 15px; */
}

.gform_body input,
select,
textarea {
  padding: 8px !important;
  border: 1px solid #14375d !important;
}

#map_full > div {
  background: none !important;
}

.map {
  background: #212121;
  position: relative;
  /* color: #fff; */
}

.map h1 {
  color: #fff;
}

.map h2 {
  margin-bottom: 15px;
}

.map ._inner {
  max-width: 450px;
  width: 100%;
  float: right;
  padding: 30px;
  background: #333333;
  color: #fff;
}

.map ._inner a {
  color: #fff;
  position: relative;
  z-index: 1;
}

.map .grid.column-2 .col {
  width: 60% !important;
}

.map .grid.column-2 .col:first-child {
  width: 40% !important;
}

.map .icon-wrap {
  color: #fff;
}

.map .icon-drag {
  background-image: url(../images/Pointer-alt.png);
}

.map .text-right {
  text-transform: uppercase;
  font-size: 12px;
}

@media (max-width: 600px) {
  .map .grid.column-2 .col,
  .map .grid.column-2 .col:first-child {
    width: 100% !important;
  }
}

#map {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: black;
}

.map-wrapper {
  display: block;
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 250px;
  background: #f5f5f5;
  display: block;
  overflow: hidden;
}

#map-canvas {
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0px;
  top: 0px;
}

@media (min-width: 960px) {
  .map-wrapper {
    /* height:350px !important; */
  }
}

#attraction-map {
  /* display: block; */
  /* float: left; */
  width: 100%;
  -moz-box-sizing: border-box;
  /* -webkit-box-sizing: border-box; */
  /* box-sizing: border-box; */
  background: #f5f5f5;
}

#attraction-map .attraction-nav {
  display: block;
  float: left;
  margin: 0;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5;
  /* border-bottom: 1px solid #d0d0d0; */
}

#attraction-map .attraction-nav li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  display: block;
  float: left;
  text-align: center;
}

#attraction-map .attraction-nav li:nth-child(1) {
  /* border-right: 1px solid #d0d0d0; */
}

#attraction-map .attraction-nav a {
  display: block;
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2em;
  text-align: center;
  /* font-family: "Gotham A","Gotham B"; */
  font-style: normal;
  font-weight: 700;
  color: #3e3e3e;
  /* font-size: 10px; */
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

#attraction-map .attraction-nav a:before {
  display: block;
  font-size: 30px;
  padding-bottom: 5px;
}

#attraction-map .attraction-nav a.active {
  color: #ffffff;
  background: #008ab2;
}

#attraction-map .zoom {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  z-index: 100;
}

#attraction-map .zoom li {
  display: block;
  color: #ffffff;
  font-size: 30px;
  line-height: 53px;
  font-weight: 700;
  text-align: center;
  width: 60px;
  height: 60px;
  border-radius: 100px;
  background: #008ab2;
  position: relative;
  margin-bottom: 20px;
  cursor: pointer;
}

#attraction-map .zoom li span {
  position: absolute;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0px;
  width: 100%;
  text-align: center;
  display: block;
}

#attraction-map .info-window {
  display: block;
  min-width: 200px;
  text-align: center;
  padding: 20px 0px;
  padding-left: 20px;
  font-size: 12px;
  line-height: 18px;
}

#attraction-map .info-window span {
  display: block;
  margin: 5px 0px;
}

#attraction-map .info-window a {
  color: #000000;
}

@media (min-width: 960px) {
  #attraction-map .attraction-nav a {
    /* font-size:13px; */
  }

  #attraction-map .attraction-nav a:before {
    font-size: 50px;
  }
}

.node-type-contact-us #sector-descriptions {
  background: #f5f5f5;
}

.map-wrapper {
  display: block;
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 250px;
  background: #f5f5f5;
  display: block;
  overflow: hidden;
  padding-bottom: 56.25%;
  /* 16:9 */
}

#map-canvas {
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0px;
  top: 0px;
}

#directory_map_area {
  width: 100%;
  height: auto;
  position: relative;
  display: block;
}

#directory_map_area * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#directory_map_area #sidebar {
  display: block;
  text-align: left;
  padding: 20px;
  background: #f5f5f5;
  font-family: "Gotham A", "Gotham B";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #3e3e3e;
}

#directory_map_area #sidebar p {
  padding: 5px 0px;
  display: block;
}

#directory_map_area #sidebar a {
  text-decoration: none;
  color: inherit;
  color: #b95333;
}

#directory_map_area #sidebar a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

#directory_map_area #sidebar sup {
  vertical-align: super;
  font-size: smaller;
}

#directory_map_area #sidebar em {
  font-family: "Gotham A", "Gotham B";
  font-style: italic;
  font-weight: 400;
}

#directory_map_area #sidebar strong em,
#directory_map_area #sidebar em strong {
  font-family: "Gotham A", "Gotham B";
  font-style: italic;
  font-weight: 700;
}

#directory_map_area #sidebar strong {
  font-family: "Gotham A", "Gotham B";
  font-style: normal;
  font-weight: 700;
}

#directory_map_area #sidebar ul {
  list-style: disc;
  padding-left: 20px;
}

#directory_map_area #sidebar h2 {
  margin-bottom: 20px;
}

#directory_map_area #sidebar ul.directory_list {
  list-style: none;
  padding-left: 0px;
}

#directory_map_area #sidebar ul.directory_list li {
  display: block;
  margin: 10px 0px;
  cursor: pointer;
}

#directory_map_area .zoom {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  z-index: 100;
}

#directory_map_area .zoom li {
  display: block;
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  width: 60px;
  height: 60px;
  border-radius: 100px;
  background: #b95333;
  position: relative;
  margin-bottom: 20px;
  cursor: pointer;
}

#directory_map_area .zoom li span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0px;
  width: 100%;
  text-align: center;
  display: block;
}

#directory_map_area .map_wrapper {
  width: 100%;
  height: 450px;
  background: #f5f5f5;
  position: relative;
  overflow: hidden;
}

#directory_map_area #directory_map {
  width: 100%;
  height: calc(100% + 40px);
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
}

#directory_map_area #directory_map .info-window {
  text-align: center;
  padding: 10px 0px;
}

#directory_map_area #directory_map .info-window img {
  width: 200px;
  height: auto;
}

#directory_map_area #directory_map .info-window .body_copy {
  padding: 10px 10px;
}

#directory_map_area #directory_map .info-window .body_copy h3 {
  margin-bottom: 10px;
}

#directory_map_area #directory_map .info-window .body_copy a {
  color: #b95333;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 10px;
  display: block;
}

#directory_map_area #directory_map .custom-iw .gm-style-iw {
  top: 15px !important;
  left: 0 !important;
  border-radius: 2px;
}

#directory_map_area
  #directory_map
  .custom-iw
  > div:first-child
  > div:nth-child(2) {
  display: none;
}

#directory_map_area
  #directory_map
  .custom-iw
  > div:first-child
  > div:last-child {
  left: 0 !important;
  top: 0px;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 6px;
  z-index: -1 !important;
}

#directory_map_area #directory_map .custom-iw .gm-style-iw,
#directory_map_area #directory_map .custom-iw .gm-style-iw > div,
#directory_map_area #directory_map .custom-iw .gm-style-iw > div > div {
  width: 100% !important;
  max-width: 100% !important;
}

#directory_map_area #directory_map .custom-iw,
#directory_map_area
  #directory_map
  .custom-iw
  > div:first-child
  > div:last-child {
  width: 230px !important;
}

#directory_map_area #directory_map #div-main-infoWindow,
#directory_map_area
  #directory_map
  .custom-iw
  > div:first-child
  > div:nth-child(n-1)
  > div
  > div,
#directory_map_area #directory_map .custom-iw > div > div:last-child,
#directory_map_area #directory_map .custom-iw .gm-style-iw,
#directory_map_area #directory_map .custom-iw .gm-style-iw > div,
#directory_map_area #directory_map .custom-iw .gm-style-iw > div > div {
  background-color: #ffffff !important;
}

#directory_map_area #directory_map .custom-iw > div:last-child {
  top: 5px !important;
  right: 5px !important;
}

@media (min-width: 740px) {
  #directory_map_area {
    height: 400px;
  }

  #directory_map_area #sidebar {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 40px;
  }

  #directory_map_area #sidebar .inner_wrap {
    width: 100%;
    max-width: 700px;
    margin: auto;
    padding: 20px 0px;
  }

  #directory_map_area #sidebar::-webkit-scrollbar {
    width: 10px;
  }

  #directory_map_area #sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    background: #ffffff !important;
  }

  #directory_map_area #sidebar::-webkit-scrollbar-thumb {
    background-color: #b95333;
    outline: 1px solid #b95333;
  }

  #directory_map_area .map_wrapper {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
  }
}

@media (min-width: 960px) {
  #directory_map_area {
    height: 600px;
  }

  #directory_map_area .map_wrapper {
    width: 50%;
  }

  #directory_map_area #sidebar {
    width: 50%;
  }
}

@media (min-width: 1290px) {
  #directory_map_area {
    height: 750px;
  }

  #directory_map_area .map_wrapper {
    width: 60%;
  }

  #directory_map_area #sidebar {
    width: 40%;
  }
}

@media (min-width: 1920px) {
  #directory_map_area {
    height: 850px;
  }

  #directory_map_area .map_wrapper {
    width: 55%;
  }

  #directory_map_area #sidebar {
    width: 45%;
  }
}

/* Blog
*/

#portfolio {
  margin-left: -15px;
  margin-right: -15px;
}

.tour #portfolio .isotope-item:hover {
  background: rgba(255, 255, 255, 1);
  border-radius: 4px;
  transform: translateY(-5px);
  box-shadow: 0 0 10px #dad6d6;
}

#portfolio .isotope-item:hover .imgwrap:before {
  opacity: 1;
}

#portfolio .isotope-item:hover .imgwrap {
}

#portfolio .isotope-item .imgwrap:before {
  background: #fff;
  color: #2d3038;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 0;
  top: 0;
  content: " ";
  background: rgba(0, 0, 0, 0.5)
    url(/wp-content/themes/whakavillage/library/images/add.svg?x62579) no-repeat
    center;
  background-size: 20px;
  opacity: 0;
}

.isotope-item {
  width: 33.333%;
  padding: 0 0.5% 30px;
  float: left;
  background: rgba(255, 255, 255, 0);
}

.isotope-item .card {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 0;
  padding-bottom: 80%;
}

@media (max-width: 960px) {
  .isotope-item {
    width: 48%;
  }
}

@media (max-width: 600px) {
  .isotope-item {
    width: 100%;
  }
}

.isotope-item .card h2 {
}

.isotope-item .card .price {
  font-size: 38px;
}

.isotope-item .card .info {
}

.isotope-item .card p.highlights {
  margin-top: 0;
  min-height: 6em;
  color: #fff;
}

.isotope-item .card .category {
  font-size: 19px;
}

.blog-card {
  /* height: 270px; */
  padding-bottom: 60%;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1),
    0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.16);
}

.blog .grid .tile {
  transition: 0.3s ease;
  /* height: 560px; */
  /* background: #181818; */
}

.blog .grid .tile:hover {
  /* transform: scale(1.05); */
  /* background: #fdfdfe
    /* box-shadow: 0px 2px 10px rgba(0,18,46,.07); */
}

.blog .grid h3 {
  margin-bottom: 0;
}

.blog .grid .tile:hover a.link-overlay:before,
.blog .grid .tile:hover a.link-overlay:after {
}

.blog .grid .tile:hover a {
}

.blog a.button {
  border-color: #fff;
  padding-left: 0;
  transform: scale(0.8);
  transform-origin: left center;
  color: #bc0c0f;
}

.blog a.button:hover {
  /* padding-left: 40px; */
  /* color: #fff; */
}

/*
Exeperiences
--------------------------- */
.experiences .layer {
  position: relative;
  overflow: hidden;
  background: #333;
}

.experiences .layer:before {
  content: " ";
  display: block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  /* background-image: url(../images/pattern_light.png); */
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  /* z-index: 1; */
  transition: all 0.5s ease-out;
  z-index: 1;
}

.experiences .layer:hover:before {
  background-color: rgba(0, 0, 0, 0);
}

.experiences .layer:hover .abs.bg_color {
  transform: scale(1);
}

.experiences h1 {
  /* white-space: pre !important; */
  color: #fff;
  font-size: 80px;
  line-height: 1.1;
  margin: 0 0 0.3em 0;
}

.experiences .inner {
  /* padding:0 !important; */
  z-index: 2;
}

/* Layer backgrounds
--------------------------- */
.layer.white {
  /* background:white; */
}

.layer.grey {
  background: #f5f5f5;
}

.background-image {
  background-size: cover;
  background-position: center;
  position: relative;
}

.background-image:before {
  content: " ";
  display: block;
  position: absolute;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0);
  /* background-image: url(../images/pattern_light.png); */
  background-image: linear-gradient(
    to top,
    rgba(33, 33, 33, 0.7) 0%,
    rgba(33, 33, 33, 0.2) 50%,
    rgba(255, 255, 255, 0.27) 100%
  );
  opacity: 0.96;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  /* z-index: auto; */
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.background-image.white {
  background-position: center;
  background-size: cover;
}

.background-image.white:before {
  background: rgba(255, 255, 255, 0.8);
}

.background-image.no-overlay:before {
  background: none;
}

/* Tiles 
--------------------------- */

.grid .tile {
  position: relative;
}

.grid .tile-copy a {
  /* color:#231f20; */
}

.grid .tile-copy {
  /* position: absolute; */
  /* top: 0; */
  padding: 5px 4%;
  /* color: #fff; */
  /* z-index: 20; */
}

.grid .tile-copy h2 {
  margin: 0;
  font-size: 1.6em;
  line-height: 1.1;
  letter-spacing: 1px;
  font-weight: 900;
}

.light .top_nav a,
.light .intro-copy {
  color: #231f20;
}

.light .flexslider .slides > li {
  background: #fff;
}

.light a {
  /* color:#fff; */
}

.grid.column-2 .col {
  float: left;
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  /* padding: 0 1.5% 0; */
}

/*.grid.column-2 .col:last-child{width: 57%; }
.grid.column-2 .col:last-child{width: 43%;}*/

.layout_2col_images {
  /* margin-bottom:20px; */
}

.layout_2col_images.light {
  color: #fff;
}

.layout_2col_images.light a {
  color: #fff;
}

.abs.bg_color {
  /* background-color: #ffe54c; */
  left: 0;
  top: 0;
  /* margin-top: 20px; */
  background-repeat: no-repeat;
  background-size: cover;
  /* background-size: 58%; */
  background-position: left center;
  transition: all 1s ease-out;
  transform: scale(1.07);
}

.grid.column-2 .col.imgwrap {
  width: 50%;
  padding: 0 4%;
  text-align: right;
  /* margin:0 auto; */
  /* min-height: 600px; */
  /* position: absolute; */
  /* height: 100%; */
  /* width: 100%; */
  /* right: 0px; */
  /* top: 0; */
  /* float: right; */
  /* background: red; */
  /* bottom: 0; */
  /* overflow: hidden; */
  /* background-size: cover; */
  /* background-repeat: no-repeat; */
  /* background-position: top left; */
}

.grid.column-2 .col.imgwrap .imgholder {
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  height: 100%;
}

.grid.column-2 .col.imgwrap a {
  display: block;
  /* max-width: 400px; */
  position: relative;
  margin: 0 auto;
}

.grid.column-2 .col.textwrap {
  width: 50%;
  /* padding-left: 0; */
  /* padding-right: 0; */
}

.grid.column-2 .col.textwrap ._inner img {
  max-width: 130px;
  width: 26%;
  min-width: 100px;
}

.abs {
  position: absolute;
  height: 100%;
  width: 100%;
}

.inner.right {
  /* padding-right:0; */
}

.inner.left {
  /* padding-left:0; */
}

.grid.column-2 {
  position: relative;
  /* margin: 20px 0 0 0; */
}

.left .grid.column-2 .col.imgwrap {
  /* left:0; */
  float: left;
  background-position: top right !important;
}

.left .grid.column-2 .col.textwrap {
  /* left:0; */
  float: right;
  background-position: top right !important;
}

.right .grid.column-2 .col.imgwrap {
  float: right;
}

.right .grid.column-2 .col.textwrap {
  float: left;
}

ul.gallery_images {
  list-style: none;
}

ul.gallery_images a.venobox {
  /* position: unset !important; */
}

.featured .lSAction {
  display: none !important;
}

.featured:hover .lSAction {
  display: block !important;
}

.grid.column-2 .col.imgwrap .lSAction {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  overflow: visible;
}

.featured a {
  position: relative;
  display: block;
  border-radius: 50%;
  overflow: hidden;
}

.featured a .image_holder:before {
  position: absolute;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  height: 100%;
  content: " ";
  z-index: 100;
  bottom: -1px;
  left: 0;
  background: url(../images/photo-overlay.svg) no-repeat bottom center;
  background-size: contain;
}

.featured a:hover .image_holder {
  transform: scale(1.05);
}

.featured a:hover {
}

.featured a:hover .image_holder:before {
  background-color: rgba(0, 0, 0, 0.16);
  background-color: rgba(255, 255, 255, 0.2);
  /* transform:scale(.91); */
}

.featured .image_holder {
  /* transform: scale(1); */
}

.image-round .imgwrap a {
  position: relative;
  display: block;
  border-radius: 50%;
  overflow: hidden;
}

.image-round .imgwrap a:hover .image_holder {
  transform: scale(1.05);
}

.image-round .imgwrap a:hover {
}

.image-round .imgwrap a:hover .image_holder:before {
  background-color: rgba(0, 0, 0, 0.16);
  background-color: rgba(255, 255, 255, 0.2);
  /* transform:scale(.91); */
}

.image-round .imgwrap .image_holder {
  /* transform: scale(1); */
}

.show_overlay a .image_holder:before {
  position: absolute;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  height: 100%;
  content: " ";
  z-index: 100;
  bottom: -1px;
  left: 0;
  background: url(../images/photo-overlay.svg) no-repeat bottom center;
  background-size: contain;
}

.retreat_product .featured a {
  /* border-radius:0; */
}

.retreat_product .featured a .image_holder:before {
  /* border-radius:0; */
  /* background-image:none; */
}

.retreat_product .featured a:hover .image_holder:before {
  transform: scale(1);
}

a.venobox:after {
  opacity: 0;
  background: #fff;
  color: #2d3038;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 0;
  top: 0;
  content: " ";
  background: url(../images/zoom-in.svg) no-repeat center;
  background-size: 2em;
  background-color: rgba(255, 255, 255, 0.23);
}

a.venobox:hover:after {
  opacity: 1;
}

#cave {
}

#cave .bg_color {
  background-color: #fced3e;
}

#plane {
}

#plane .bg_color {
  background-color: #e1e1e1;
  /* background-attachment: fixed; */
}

#plane .bg_color:before {
  width: 100%;
  height: 100%;
  content: " ";
  background: url(../images/overlay.png) repeat-y;
  background-size: contain;
  left: 0;
  position: absolute;
}

#seo .bg_color {
  background-color: rgba(224, 5, 3, 0.6);
}

#paid .bg_color {
  background-color: rgba(41, 227, 190, 0.6);
  background-size: 50%;
  background-position: left center;
}

#caveworld .bg_color {
  background-color: #e1e1e1;
}

.page-id-231 .abs.bg_color {
  background-position: center;
  margin-top: 0;
  background-size: cover;
}

.page-id-231 .grid.column-2 .col.imgwrap {
  background-size: contain;
  background-position: center !important;
}

.page-id-231 .inner.right,
.page-id-231 .inner.left {
  padding: 50px 0;
}

.page-id-231 .grid.column-2 .col {
  width: 50% !important;
}

.page-id-231 .layout_2col_images {
  margin: 0;
}

.page-id-231 #cave .bg_color {
  background-color: #fef06b;
  background-image: url(../images/cave_bg.png);
  background-repeat: repeat-y;
  background-position: top right;
}

.page-id-231 .grid.column-2 {
  max-width: 1370px;
  margin: 0 auto;
  /* padding:50px 0; */
}

/*
.page-id-231 #portfolio .layer:nth-child(6n+1){background-color: #F6E63B;}
.page-id-231 #portfolio .layer:nth-child(6n+2){background-color: #E10503;}
.page-id-231 #portfolio .layer:nth-child(6n+3){background-color: #28E2C0;}
.page-id-231 #portfolio .layer:nth-child(6n+4){background-color: #5E8703;}
.page-id-231 #portfolio .layer:nth-child(6n+5){background-color: #B4B300;}
.page-id-231 #portfolio .layer:nth-child(6n){background-color: #000000;}

.page-id-231 #portfolio .layer:nth-child(6n+1){background-color: #F6E63B;}
.page-id-231 #portfolio .layer:nth-child(6n+1) a.button{background-color: #F6E63B;}
.page-id-231 #portfolio .layer:nth-child(6n+1) a.button{background-color: #F6E63B;}

.page-id-231 #portfolio .layer:nth-child(6n+2) a.button{background-color: rgba(225, 5, 3, .8);}
.page-id-231 #portfolio .layer:nth-child(6n+2) a.button:hover{background-color: #E10503;}

.page-id-231 #portfolio .layer:nth-child(6n+3) a.button{background-color: rgba(40, 226, 192, .8);}
.page-id-231 #portfolio .layer:nth-child(6n+3) a.button:hover{background-color: #28E2C0;}

.page-id-231 #portfolio .layer:nth-child(6n+4) a.button{background-color: rgba(94, 135, 3, .8);}
.page-id-231 #portfolio .layer:nth-child(6n+4) a.button:hover{background-color: #5E8703;}

.page-id-231 #portfolio .layer:nth-child(6n+5) a.button{background-color: rgba(180, 179, 0, .8);}
.page-id-231 #portfolio .layer:nth-child(6n+5) a.button:hover{background-color: #B4B300;}

.page-id-231 #portfolio .layer:nth-child(6n) a.button{background-color: rgba(0, 0, 0, .8);}
.page-id-231 #portfolio .layer:nth-child(6n) a.button:hover{background-color: #000000;}

*/

.page-id-231 #portfolio .grid.column-2 .col.textwrap ._inner {
  padding: 0;
}

.page-id-231 #portfolio h2 {
  font-size: 110px;
  letter-spacing: -1.4px;
  line-height: 94px;
}

@media (max-width: 1280px) {
  .page-id-231 #portfolio h2 {
    font-size: 80px;
    line-height: 0.9;
  }
}

@media (max-width: 950px) {
  .page-id-231 #portfolio h2 {
    font-size: 60px;
    line-height: 0.9;
  }

  .page-id-231 .grid.column-2 .col {
    margin: 0 auto;
    float: none !important;
    width: 70% !important;
    text-align: center;
    padding-top: 10px;
  }
}

@media (max-width: 500px) {
  .page-id-231 .grid.column-2 .col {
    width: 100% !important;
    text-align: center;
  }

  .page-id-231 .inner.right,
  .page-id-231 .inner.left {
    padding-top: 0;
  }
}

@media (max-width: 375px) {
  .page-id-231 #portfolio h2 {
    font-size: 50px;
  }
}

/* WHAKA fix */
@media (max-width: 700px) {
  .page-id-231 #portfolio .style-225 {
    word-wrap: break-word;
    hyphens: auto;
  }
}

.two_col .inner {
  /* max-width:1200px; */
  padding-left: 0;
  padding-right: 0;
}

.home .two_col .inner {
  max-width: 1480px;
}

#menu-nested-pages-2 li a:hover {
  border-bottom: 2px solid;
}

#menu-nested-pages-2 li:nth-child(5n + 1) a:hover {
  color: #f6e63b;
}

#menu-nested-pages-2 li:nth-child(5n + 2) a:hover {
  color: #e10503;
}

#menu-nested-pages-2 li:nth-child(5n + 3) a:hover {
  color: #28e2c0;
}

#menu-nested-pages-2 li:nth-child(5n + 4) a:hover {
  color: #5e8703;
}

#menu-nested-pages-2 li:nth-child(5n) a:hover {
  color: #b4b300;
}

/* Popup
  --------------------------- */

html.popup-open,
html.popup-open body {
  /* overflow:hidden !important; */
}

html.popup-open .popup {
  display: block;
  transform: translateX(0px);
}

.popup {
  display: none;
  background-color: rgba(8, 34, 53, 0.7);
  position: fixed;
  width: 300px;
  /* height: 100%; */
  z-index: 99998;
  transform: translateX(331px);
  transition: all 0.5s ease-in-out;
  bottom: 105px;
  left: auto;
  /* overflow-x: hidden; */
  text-align: center;
  right: 0;
}

.popup-inner {
  /* padding: 25vh 0 0 0; */
  height: auto;
  width: inherit;
}

.popup-content-wrapper {
  color: #fff;
  display: inline-block;
  position: relative;
  z-index: 2;
  background: #ffffff;
  max-width: 700px;
  text-align: left;
  background-size: contain;
  border-radius: 10px;
  padding: 0;
  -webkit-box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42);
  -moz-box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42);
  box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42);
}

.popup h3 {
  font-size: 65px;
  line-height: 0.9;
}

.popup p {
  font-weight: 700;
  font-size: 18px;
}

.popup-image {
  position: absolute;
  width: 100%;
  height: 100%;
  right: -40px;
  z-index: -1;
  /* top: -20px; */
  background: url(../images/popup.png) no-repeat right bottom;
  background-size: contain;
}

.popup-column {
  /* width: 48%; */
  /* margin: 60px; */
  /* margin: 6%; */
  border-radius: 4px;
  /* border: 6px solid; */
}

.popup .button-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  color: transparent;
}

.popup .button-overlay span {
  display: none;
}

.popup .button-x {
  position: absolute;
  top: -5px;
  left: -5px;
  text-decoration: none;
  /* line-height: 13px; */
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  background: #23282e;
  border-radius: 100px;
  color: #fff;
  transform: rotate(45deg);
  text-align: center;
  -transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.popup .button-x span {
  display: none;
}

.popup .button-x svg {
  /* width:25px; */
  /* height:25px; */
  margin-top: 6px;
}

.popup .button {
  background-color: #24917b;
  mix-blend-mode: unset;
  border: 0;
  font-size: 16px !important;
}

.popup input {
  border: 0;
}

#gform_wrapper_2.gform_wrapper {
  margin: 0;
}

#gform_wrapper_2 label {
  /* display:none; */
}

#gform_wrapper_2 input {
  border: 0;
}

.popup .gform_wrapper div.validation_error {
  background: #07e4bf;
  padding: 10px;
  border-color: #000;
  border-top: 0;
  font-family: "proxima_nova_altbold";
  font-size: 18px;
  color: black;
}

.popup .gform_wrapper .validation_message {
  background: none;
  color: #e10503;
  font-size: 16px;
  padding: 0 !important;
}

.popup .gform_wrapper li.gfield.gfield_error {
  border: 0;
  background: none;
  padding: 0;
}

#gform_confirmation_message_2 {
  /* font-family: 'proxima_nova_altblack'; */
  font-size: 16px;
  color: rgba(0, 0, 0, 1);
}

#gform_confirmation_message_2 h3 {
  font-size: 35px;
  color: #333;
}

@media screen and (min-width: 700px) {
  .popup-content-wrapper {
    min-width: 300px;
  }
}

@media screen and (max-width: 700px) {
  .popup h3 {
    font-size: 40px;
    line-height: 0.9;
    margin: 0;
  }

  .popup-inner {
    padding: 15px;
  }

  .popup .button-x {
    top: -6px;
    right: -7px;
  }

  .popup-content-wrapper {
    /* padding:30px; */
  }

  .popup-content-wrapper {
    font-size: 12px;
  }

  .popup-image {
    width: 30%;
    right: -10px;
    /* left:40%; */
  }

  .popup-column {
    width: 100%;
    margin: 0;
    padding: 30px;
  }

  .popup-content-wrapper {
    padding-bottom: 60px;
  }
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}

[class*="col-"] {
  float: left;
  padding: 0;
}

.grid.column-5 {
  /* margin-left:-1%; */
  /* margin-right:-1% */
}

.grid.column-5 .col {
  float: left;
  width: 18%;
  margin: 0 1%;
}

.grid.column-5.tight {
  margin-left: -0.5%;
  margin-right: -0.5%;
}

.grid.column-5.tight .col {
  float: left;
  width: 19%;
  margin: 0 0.5%;
}

.grid.column-5.no-gutter {
  /* margin-left:0; */
  /* margin-right:0; */
}

.grid.column-5.no-gutter .col {
  width: 20%;
  margin: 0;
}

/* Author */

.author {
  background-color: #f6f6f6;
}

.author_image img {
  border-radius: 50%;
}

.author p {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
}

/* COMPANY LOGOS */

.company_logos a {
  display: block;
}

.company_logos a:hover {
  opacity: 0.8;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-5px) scale(1.025);
  box-shadow: 0 0 15px #ccc;
}

.column-5 .company_logos .col {
  padding: 20px 2% 0;
  position: relative;
}

.grid.column-3 {
}

.grid.column-3 {
}

.grid.column-3 .col {
  float: left;
  width: 33.33%;
  padding: 0 2%;
}

.grid.column-3 .col:nth-child(3n + 1) {
  clear: left;
}

.grid.column-4 {
  /* margin-left: -8px; */
  /* margin-right: -8px; */
}

.grid.column-4 .col {
  float: left;
  width: 25%;
  padding: 20px 2% 0;
  position: relative;
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 768px) {
  .grid.column-2-1 .col {
    padding: 0 2%;
  }

  .grid.column-2 .col {
    width: 100% !important;
    /* padding-bottom: 0; */
    /* max-width: 400px; */
    /* float: none; */
    /* display: inline-block; */
  }

  .grid.column-2 .col.textwrap ._inner {
    max-width: 100%;
    float: none !important;
    margin: 0 auto;
  }

  .grid.column-2 .col:last-child {
    text-align: center;
    /* position: relative; */
    /* height: 40vh; */
  }

  .grid.column-2 .col > div {
    max-width: 48%;
    width: 100%;
    display: inline-block;
  }

  .grid.column-2 .col > div div {
    max-width: 100%;
  }

  .page-id-9 .grid.column-2 .col:last-child {
    height: auto;
  }

  .loop-1 .grid.column-2 .col:last-child {
    text-align: center;
    /* height:auto; */
  }

  .abs.bg_color {
    background-position: bottom left !important;
    /* background-size: 70% !important; */
    /* background-attachment: fixed; */
  }
}

@media screen and (max-width: 7678x) {
  .grid.column-2-1 {
    padding: 0;
  }

  .grid.column-3 .col {
    width: 50%;
    margin-bottom: 50px;
  }

  .grid.column-3 .col:last-child {
    margin-bottom: 0px;
  }

  .grid.column-3 .col:nth-child(3n + 1) {
    clear: none;
  }

  .grid.column-3 .col:nth-child(2n + 1) {
    clear: left;
  }
}

@media screen and (max-width: 414px) {
  .grid.column-3 .col {
    width: 100%;
    margin-bottom: 20px;
  }

  .grid.column-2 .col > div {
    max-width: 100%;
    display: inline-block;
  }
}

ul.social li {
  display: inline-block;
  margin: 0;
  /* padding: 0; */
}

ul.social li a {
  font-size: 0;
}

ul.social li a:before {
  font-size: 26px;
  display: inline-block;
  width: 1.4em;
  text-align: center;
  /* font-size: 2em; */
}

.divider {
  height: 1px;
  background: #fff;
}

#media_image-5 img {
  max-height: 180px;
  width: auto;
}

footer img {
  width: 100%;
  /* max-height: 180px; */
  margin: 0 auto 2em;
  /* max-width: 300px !important; */
  height: auto;
}

footer .grid.column-3 {
  /* margin:0; */
}

footer {
  background: #0e3259 url(../images/footer_pattern.png);
  position: relative;
  color: #fff;
  text-align: center;
  /* font-size: 16px; */
  /* padding-top:8em !important; */
}

footer h4.widgettitle {
  min-height: 2.2em;
  line-height: 1;
}

footer .lower .textwidget {
  min-height: 6.5em;
}

footer h1.logo {
  margin: 0 auto;
  font-size: 0px;
  line-height: 0px;
  color: transparent;
  background-repeat: no-repeat;
  position: relative;
  z-index: 7;
  /* background-image: url(../images/Tamaki_Maori_Village_logo.png); */
  /* background-image: url(../images/Tamaki_Maori_Village_logo.svg); */
  width: 100%;
  /* height: 204px; */
  display: block;
  /* padding: 20px; */
  background-size: contain;
  /* background-color: white; */
  background-position: center;
}

footer h1.logo a {
  display: block;
  /* position:absolute; */
  z-index: 40;
  /* width:100%; */
  /* height:100%; */
  background-image: url(../images/Polynesian_Spa_logo_reversed.png);
  background-image: url(../images/Polynesian_Spa_logo_reversed.svg);
  /* background-color: white; */
  background-repeat: no-repeat;
  /* position: relative; */
  /* z-index: 7; */
  /* background-image: url(../images/Tamaki_Maori_Village_logo.png); */
  /* background-image: url(../images/Tamaki_Maori_Village_logo.svg); */
  max-width: 400px;
  /* width: 50%; */
  /* height: 140px; */
  width: 338px;
  height: 180px;
  display: block;
  margin: 0px auto 0px;
  /* padding: 20px; */
  background-size: contain;
  /* background-color: white; */
  background-position: center;
}

footer h1.logo:after {
  /* width:100%; */
  /* background: #1b1b1b; */
  /* position:absolute; */
  /* bottom: 34px; */
  /* left: 0; */
  /* content:' '; */
  /* height: 3px; */
  /* z-index: 20; */
}

footer .flex {
  padding: 0 2%;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  display: -webkit-flex;
  display: flex;
  /* align-items:stretch; */
}

footer .col {
  /* max-width: 31%; */
  padding: 0 15px;
  flex-grow: 1;
}

footer .column1 {
  /* margin-top:-6em; */
  /* flex-grow: 3; */
}

footer .column4 {
  /* flex-shrink:4; */
  /* width: 80px; */
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #f68b70;
}

footer .column2 h4 {
  /* font-size:2em; */
  /* margin-top:8px; */
  /* line-height: .9; */
}

footer #media_image-3 {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}

footer ul {
  list-style: none;
  margin: 0;
}

footer ul li {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  line-height: 1.8;
}

footer .menu {
}

footer .menu:before,
footer .menu:after {
  content: "";
  display: table;
}

footer .menu:after {
  clear: both;
}

footer .menu li {
  display: block;
}

footer .menu li a {
  position: relative;
  line-height: 30px;
  display: inline-block;
  /* font-weight: 700; */
  /* width: auto; */
}

#custom_html-6 {
  font-size: 14px;
}

@media (max-width: 950px) {
  footer .flex {
    /* flex:unset; */
    flex-wrap: wrap;
    display: block;
    /* width: 50%; */
    float: left;
  }

  footer .flex .col {
    max-width: 100%;
    float: left;
  }

  footer .flex .col:nth-child(1) {
    width: 50%;
    margin-bottom: 50px;
  }

  footer .flex .col:nth-child(2) {
    width: 50%;
    margin-bottom: 50px;
  }
}

@media (max-width: 600px) {
  footer .flex .col:nth-child(1),
  footer .flex .col:nth-child(2) {
    width: 100%;
  }

  footer {
    font-size: 13px;
  }

  footer h1.logo_footer {
    max-width: 50%;
  }

  footer h1.logo {
    padding: 0 15px;
  }

  footer h1.logo a {
    width: auto;
  }

  footer img {
    width: 60%;
  }

  footer .lower .textwidget {
    padding-bottom: 15px;
    min-height: 100%;
  }
}

.subfooter {
  text-align: center;
  /* padding-top:100px; */
  padding-bottom: 1em;
  color: #1b1b1b;
  /* font-size: 13px; */
  /* line-height: 16px; */
  /* text-transform: uppercase; */
  /* letter-spacing: 1.04px; */
  /* font-weight: 600; */
}

.subfooter ul {
  /* margin-bottom: 1em; */
}

footer .subfooter li {
  display: inline-block;
  width: auto;
  margin: 0;
  font-weight: 500;
  padding: 0 0.5em;
  border-right: 1px solid #fff;
  line-height: 1;
}

footer .subfooter li:last-child {
  border: 0;
}

footer .subfooter li a {
  line-height: 1;
  font-weight: 600;
  /* font-size:13px; */
  /* font-weight: 300; */
  letter-spacing: 1.32px;
}

footer .subfooter li a:before {
  /* height:0px; */
}

.footer-meta {
  background: #008bb3;
  /* color: #fff; */
}

.footer-meta p {
  padding: 0.5em 0;
  margin: 0;
}

.footer-meta img {
  max-height: 3em;
  width: 120px !important;
}

#menu-social-media-1 a {
  font-size: 0px;
  /* line-height: 0px; */
  /* color: transparent; */
  overflow: hidden;
  height: 55px;
  width: 55px;
  position: absolute;
  /* background: red; */
  left: 0;
}

#menu-social-media-1 a:before,
#menu-social-media a:before {
  display: none;
}

#menu-social-media-1 li,
#menu-social-media li {
  -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

#menu-social-media-1 li:hover,
#menu-social-media li:hover {
  color: #bc0c10;
  transform: scale(0.9);
  transform-origin: 50% 50%;
}

#menu-social-media-1 li {
  /* line-height: 1; */
  position: relative;
  float: left;
  clear: left;
}

#menu-social-media-1 :before {
  font-size: 55px;
  /* content: ''; */
}

#menu-social-media :before {
  font-size: 55px;
  font-size: 1.5em;
  position: absolute;
  display: block;
}

#menu-social-media-1 a:after {
  display: none;
}

ul#menu-social-media {
  height: auto !important;
  width: auto;
}

#menu-social-media li {
  /* float:left; */
  display: inline-block;
  margin-right: 0em;
  overflow: hidden;
}

#menu-social-media a {
  font-size: 0px;
  /* line-height: 0px; */
  /* color: transparent; */
  overflow: hidden;
  height: 55px;
  width: 55px;
  display: inline-block;
  /* background: red; */
}

/* Padding Styles
--------------------------- */
.pad-top-220 {
  padding-top: 220px;
}

.pad-top-200 {
  padding-top: 200px;
}

.pad-bot-200 {
  padding-bottom: 200px;
}

.pad-top-180 {
  padding-top: 180px;
}

.pad-bot-180 {
  padding-bottom: 180px;
}

.pad-top-160 {
  padding-top: 160px;
}

.pad-bot-160 {
  padding-bottom: 160px;
}

.pad-top-140 {
  padding-top: 140px;
}

.pad-bot-140 {
  padding-bottom: 140px;
}

.pad-top-120 {
  padding-top: 120px;
}

.pad-bot-120 {
  padding-bottom: 120px;
}

.pad-top-100 {
  padding-top: 100px;
}

.pad-bot-100 {
  padding-bottom: 100px;
}

.pad-top-80 {
  padding-top: 80px;
}

.pad-bot-80 {
  padding-bottom: 80px;
}

.pad-top-60 {
  padding-top: 60px;
}

.pad-bot-60 {
  padding-bottom: 60px;
}

.pad-top-40 {
  padding-top: 40px;
}

.pad-bot-40 {
  padding-bottom: 40px;
}

.pad-top-20 {
  padding-top: 20px;
}

.pad-bot-20 {
  padding-bottom: 20px;
}

.mar-top-160 {
  margin-top: 160px;
}

.mar-bot-160 {
  margin-bottom: 160px;
}

.mar-top-140 {
  margin-top: 140px;
}

.mar-bot-140 {
  margin-bottom: 140px;
}

.mar-top-120 {
  margin-top: 120px;
}

.mar-bot-120 {
  margin-bottom: 120px;
}

.mar-top-100 {
  margin-top: 100px;
}

.mar-bot-100 {
  margin-bottom: 100px;
}

.mar-top-80 {
  margin-top: 80px;
}

.mar-bot-80 {
  margin-bottom: 80px;
}

.mar-top-60 {
  margin-top: 60px;
}

.mar-bot-60 {
  margin-bottom: 60px;
}

.mar-top-40 {
  margin-top: 40px;
}

.mar-bot-40 {
  margin-bottom: 40px;
}

.mar-top-20 {
  margin-top: 20px;
}

.mar-bot-20 {
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  .pad-top-220 {
    padding-top: 110px;
  }

  .pad-top-200 {
    padding-top: 100px;
  }

  .pad-bot-200 {
    padding-bottom: 100px;
  }

  .pad-top-180 {
    padding-top: 90px;
  }

  .pad-bot-180 {
    padding-bottom: 90px;
  }

  .pad-top-160 {
    padding-top: 80px;
  }

  .pad-bot-160 {
    padding-bottom: 80px;
  }

  .pad-top-140 {
    padding-top: 70px;
  }

  .pad-bot-140 {
    padding-bottom: 70px;
  }

  .pad-top-120 {
    padding-top: 60px;
  }

  .pad-bot-120 {
    padding-bottom: 60px;
  }

  .pad-top-100 {
    padding-top: 50px;
  }

  .pad-bot-100 {
    padding-bottom: 50px;
  }

  .pad-top-80 {
    padding-top: 40px;
  }

  .pad-bot-80 {
    padding-bottom: 40px;
  }

  .pad-top-60 {
    padding-top: 30px;
  }

  .pad-bot-60 {
    padding-bottom: 30px;
  }

  .pad-top-40 {
    padding-top: 20px;
  }

  .pad-bot-40 {
    padding-bottom: 20px;
  }

  .pad-top-20 {
    padding-top: 10px;
  }

  .pad-bot-20 {
    padding-bottom: 10px;
  }

  .mar-top-160 {
    margin-top: 80px;
  }

  .mar-bot-160 {
    margin-bottom: 80px;
  }

  .mar-top-140 {
    margin-top: 70px;
  }

  .mar-bot-140 {
    margin-bottom: 70px;
  }

  .mar-top-120 {
    margin-top: 60px;
  }

  .mar-bot-120 {
    margin-bottom: 60px;
  }

  .mar-top-100 {
    margin-top: 50px;
  }

  .mar-bot-100 {
    margin-bottom: 50px;
  }

  .mar-top-80 {
    margin-top: 40px;
  }

  .mar-bot-80 {
    margin-bottom: 40px;
  }

  .mar-top-60 {
    margin-top: 30px;
  }

  .mar-bot-60 {
    margin-bottom: 30px;
  }

  .mar-top-40 {
    margin-top: 20px;
  }

  .mar-bot-40 {
    margin-bottom: 20px;
  }

  .mar-top-20 {
    margin-top: 10px;
  }

  .mar-bot-20 {
    margin-bottom: 10px;
  }
}

.half-width {
  width: 50%;
}

.full-width {
  width: 100%;
}

.full-width .inner {
  max-width: 100% !important;
  width: 100%;
}

.vheight-default {
}

.vheight-25 {
  height: 25vh;
}

.vheight-50 {
  height: 50vh;
}

.vheight-75 {
  height: 75vh;
}

.vheight-100 {
  height: 75vh;
}

.parallaxParent {
  overflow: hidden !important;
  position: relative;
}

.parallaxParent .bg-image {
  height: 130%;
  /* position: relative; */
  /* z-index: -1000000 !important; */
  top: -30%;
  /* background-size: cover; */
}

.parallaxParent .bg-image.background-image:before {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.gform_wrapper .gfield_error .gfield_label {
  color: #f25c23 !important;
}

.gform_wrapper .gfield_required {
  color: #a91f24 !important;
}

.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
.gform_wrapper li.gfield_error ul.gfield_checkbox,
.gform_wrapper li.gfield_error ul.gfield_radio {
  color: #a91f24 !important;
}

.gform_wrapper div.validation_error {
  color: #a91f24 !important;
  border: 0 !important;
}

.gform_wrapper li.gfield {
  padding: 0 0 1em 0 !important;
  margin: 0 !important;
}

.gform_wrapper li.gfield.gfield_error {
  color: #a91f24 !important;
  border-color: #a91f24 !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.gform_wrapper li.gfield.gfield_error input,
.gform_wrapper li.gfield_error textarea {
  box-shadow: 0 0 15px rgba(169, 31, 36, 0.3);
}

.gform_wrapper
  li.gfield.gfield_error.gfield_contains_required
  div.gfield_description {
}

.gform_wrapper .validation_message {
  color: #f25c23 !important;
}

.gform_wrapper .top_label .gfield_description.validation_message,
.gform_wrapper .gfield_description.validation_message {
}

.gform_wrapper
  li.gfield.gfield_error.gfield_contains_required
  label.gfield_label,
.gform_wrapper
  li.gfield.gfield_error.gfield_contains_required
  div.ginput_container {
  /* margin-top:0  !important; */
}

.gform_wrapper .gform_ajax_spinner {
  position: absolute !important;
}

.gform_wrapper
  li.gfield_error
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="image"]):not([type="file"]),
.gform_wrapper li.gfield_error textarea {
  border-color: #f25c23 !important;
}

.bg-image {
  /* display: none; */
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  /* z-index: 0; */
  /* transition: 0.6s ease all; */
  background-position: center;
  /* transform: translate3d(0,0,0); */
}

.bg-image:before {
  content: "";
}

/* SUBPAGES
  --------------------------- */
.ani {
  -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.ani1 {
  transition-delay: 100ms;
}

.ani2 {
  transition-delay: 200ms;
}

.ani3 {
  transition-delay: 300ms;
  /* transform: scale(.5); */
}

.ani4 {
  transition-delay: 400ms;
}

.ani5 {
  transition-delay: 500ms;
}

.fadeup {
  transform: translateY(10px);
  opacity: 0;
}

.fadedown {
  transform: translateY(-10px);
  opacity: 0;
}

.subpages .card:hover .ani {
  opacity: 1;
  transform: translateY(0);
}

.turquiose {
  background-color: #00b3af;
}

.turquiose a.button {
  color: #00b3af;
}

/* turquiose */
.turquiose :before {
  background-color: #00b3af;
  /* mix-blend-mode: multiply; */
}

a.link-overlay {
  z-index: 20;
  /* background: red; */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  /* background-image: linear-gradient(to top, rgba(33, 33, 33, 0.27) 0%, rgba(255, 255, 255, 0.27) 100%); */
  /* opacity: 0.96; */
}

.subpages .grid {
}

.subpages .card {
  overflow: hidden;
  padding-bottom: 33.33% !important;
  /* height: 400px; */
  /* background: rgba(0, 0, 0, .1); */
  opacity: 0;
  /* display: table; */
  /* -webkit-transition: all 0.5s cubic-bezier(.075,.82,.165,1);-moz-transition: all 0.5s cubic-bezier(.075,.82,.165,1);-ms-transition: all 0.5s cubic-bezier(.075,.82,.165,1);-o-transition: all 0.5s cubic-bezier(.075,.82,.165,1);transition: all 0.5s cubic-bezier(.075,.82,.165,1);
 */
}

.subpages .card.inactive {
  display: none;
  opacity: 0;
}

.subpages .card {
  display: block;
  opacity: 1;
}

.subpages .card .tile-copy {
  color: #fff;
  width: 100%;
  /* color: white; */
  padding: 0 10%;
  /* max-width: 450px; */
  /* left: 0; */
  position: absolute;
  /* bottom: 22% !important; */
  text-align: center;
  left: 0;
  /* top: 70%; */
  bottom: 3%;
  /* transform: translateY(-30%); */
}

.subpages .tile-copy a {
  display: inline-block;
  /* color:red; */
}

.subpages .card.background-image:before {
  background: #010101;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  z-index: 1;
  /* background-image: url(../images/pattern_light.png); */
}

.subpages .card:hover .background-image:before {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0.8;
}

.subpages .card .tile-copy h3 {
  margin: 0px;
  font-size: 1.5em;
  line-height: 1.1;
  /* letter-spacing: .05em; */
  padding: 0 0 9px 0;
}

.subpages .card .tile-copy p.info-meta {
  font-size: 1.2em;
}

.subpages .card .tile-copy p.action {
  margin: 0;
  padding: 0;
}

.subpages .card .tile-copy p {
  /* max-width: 340px; */
  margin-left: auto;
  margin-right: auto;
  /* display: block; */
  /* transform: scale(2); */
  /* color: #bc0c10; */
  /* color: #ffffff; */
  /* opacity: .8; */
  /* font-weight: 800; */
  /* font-size: 13px; */
  /* text-transform: uppercase; */
}

.subpages .card .tile-copy.hover {
  /* display:none; */
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto !important;
}

.subpages .card:hover .tile-copy {
  /* display:none; */
  opacity: 0;
  transform: scale(0.9);
}

.subpages .card:hover .tile-copy.hover {
  display: block;
  opacity: 1;
  transform: scale(1) translateY(-50%);
}

.subpages .card:hover .bg-image {
  transform: scale3d(1.1, 1.1, 1);
  /* opacity:.5; */
}

.subpages .grid.column-3.tight .col {
  margin: 0.5%;
  min-height: 308px;
}

.subpages .tile-copy a.button {
  border: 0;
  color: #ffffff;
}

.subpages .tile-copy a.button:after {
  /* width: 0% !important; */
  /* left: 50%; */
  /* opacity: 0; */
  background-color: #fff;
  /* display:block; */
  /* transition-delay: 0.2s; */
}

.subpages .card:hover .tile-copy a.button:after {
  width: 100% !important;
  left: 0;
  /* opacity: 1; */
  /* transition-delay: 5s; */
}

@media screen and (max-width: 1130px) and (min-width: 850px) {
}

@media screen and (max-width: 1050px) and (min-width: 850px) {
}

@media screen and (max-width: 768px) {
  .subpages .card .info-content {
    font-size: 13px;
    line-height: 16px;
  }

  .grid.column-3.subpages .card.col {
    /* float: left; */
    width: 50% !important;
    /* height: 240px !important; */
    padding-bottom: 50% !important;
    font-size: 0.938em;
    padding-bottom: 50%;
    /* min-height: 0px; */
  }

  .subpages .card a.button {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 600px) {
  .subpages .card.col:hover img {
    display: none !important;
  }

  .subpages .card.col:hover .tile-copy {
    /* opacity:1 !important; */
  }

  .subpages .card:hover .tile-copy {
    transform: translateY(-50%);
    /* opacity: 1; */
  }

  .subpages .card .info-content {
    display: none;
  }

  .subpages .card h3 {
    font-size: 16px;
  }
}

.scroller .col {
  width: 33.333%;
  float: left;
  position: relative;
  padding: 0 0 400px 0 !important;
}

/* Blog
  --------------------------- */

.blog .blog-cards .col {
  overflow: hidden;
}

.blog-cards .col:hover .bg-image {
  transform: scale(1.1);
}

.blog-cards .col:hover {
  transform: scale(1);
}

.blog-cards .post-thumbnail {
  display: none;
}

.blog-cards .tile-copy {
  opacity: 1;
  transform: translateY(-50%);
  max-width: 530px;
  color: white;
  padding: 20px 36px;
  max-width: 450px;
  left: 0;
  position: absolute;
  top: 50%;
  /* transform: translateY(-40%); */
  margin: auto;
  right: 0;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  /* opacity: 0; */
  float: none;
  min-height: 0;
  bottom: initial;
  z-index: 2;
}

.blog-cards .tile-copy a {
  color: #fff;
}

.blog-cards .tile-copy .date-meta {
  font-size: 15px;
  margin-top: 5px;
}

.blog .article-wrapper {
  max-width: 852px;
  margin: auto;
  padding: 30px 0 0;
}

.blog-cards .background-image:before {
  background-image: url(../images/shadow.png);
  background-position: bottom;
  background-repeat: repeat-x;
  background-size: contain;
}

/* Blog filter bar
  --------------------------- */
.blog-filter {
  background: #ffffff;
  overflow: hidden;
  margin: auto;
  padding-left: 4%;
  padding-right: 4%;
  /* max-width: 1600px; */
  text-align: center;
}

.blog-filter .inner {
  padding: 0;
}

.blog-filter ul {
  /* display: none; */
  /* text-align: center; */
  margin: 0;
  padding: 0;
  /* border-bottom: 0px solid rgb(233, 234, 234); */
  /* list-style:none; */
  line-height: 1;
}

.blog-filter ul ul {
  display: none;
}

.blog-filter li {
  display: inline-block;
  margin: 10px 20px;
}

.blog-filter .heading {
  /* border-bottom: 1px solid #EEE; */
  /* margin-bottom: -1px; */
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  font-size: 15px;
}

.blog-filter .heading a {
  padding: 0 0 5px 0;
}

.blog-filter .heading a.open {
}

.blog-filter .heading:after {
  content: "+";
  padding-left: 5px;
  color: #aaaaaa;
}

.blog-filter .heading.open:after {
  content: "-";
}

.blog-filter li {
  background: white;
  text-align: left;
}

.blog-filter li a {
  color: #1a1a1a;
  position: relative;
  padding: 11px 17px;
  display: inline-block;
}

.blog-filter li a:before {
  height: 2px;
  bottom: 0;
  top: auto;
  left: 0;
}

.blog-filter li a.active {
  /* color: #f25c23; */
  /* background: red; */
  color: #1a1a1a;
  background: #efefef;
  /* border: 2px solid; */
}

.blog-filter li {
  margin: 0 10px 0 0;
  display: inline-block;
  list-style: none;
  font-weight: 500;
  color: #aaaaaa;
  /* font-weight: normal; */
  text-transform: uppercase;
}

.blog-filter a:hover {
  opacity: 1;
  color: #1a1a1a;
  background: #efefef;
  /* border: 2px solid; */
}

.blog-filter li a.underline:hover:before {
  width: 100%;
}

/* Projects
  --------------------------- */
.blog-cards.projects {
}

.blog-cards.projects .inner {
  /* padding: 1px 4% 80px; */
  /* max-width: 1600px; */
}

.projects .grid {
}

.projects .card {
  /* transform: scale(.9); */
  text-align: center;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  background-size: 105%;
  /* margin: 0 !important; */
  overflow: hidden;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1),
    0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.16);
}

.no-touch .projects .card:hover {
  background-size: 117%;
}

.projects .card img {
  height: auto;
  width: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  display: inline-block;
  object-fit: initial;
  z-index: 2;
}

.no-touch .projects .card:hover img {
  opacity: 0;
}

.projects .card .tile-copy {
  /* color: white; */
  /* padding: 20px 36px; */
  /* max-width: 450px; */
  /* left: 0; */
  /* position: absolute; */
  /* top: 50%; */
  /* transform: translateY(-70%); */
  /* margin: auto; */
  /* right: 0; */
  /* transition: all 0.5s cubic-bezier(.075,.82,.165,1); */
  /* opacity: 0; */
  /* float: none; */
  /* min-height: 0; */
  /* bottom: initial; */
  /* z-index: 2; */
}

.no-touch .projects .card:hover .tile-copy {
  transform: translateY(-50%);
  opacity: 1;
}

.projects .card.background-image:before {
  background-color: #010101;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  z-index: 1;
  opacity: 0.2;
  /* background-image: url(../images/pattern_light.png); */
}

.projects .card.background-image:hover:before {
  /* background-color: rgba(0, 0, 0, 0.7); */
  opacity: 0.6;
}

.projects .card .tile-copy h3 {
  margin: 0px;
  /* font-size: 28px; */
  /* line-height: 1.1; */
  /* padding-bottom: 2px; */
}

.projects .card .tile-copy p {
  /* color: #bc0c10; */
  color: #ffffff;
  /* opacity: .8; */
  font-weight: 800;
  font-size: 13px;
  text-transform: uppercase;
}

.projects .grid.column-3 .col {
  margin: 0.5%;
  min-height: 308px;
  width: 32.33%;
}

.projects .big-twin .col {
  /* height: 500px; */
  margin: 0.5%;
  overflow: hidden;
}

.projects .big-twin .col img {
  max-width: 30%;
  pointer-events: none;
}

.projects .big-right .col {
  height: 308px;
  margin: 0.5% !important;
  min-height: 0px;
  width: 32.33%;
}

.projects .big-right .card img {
  max-width: 40%;
}

.projects .big-right .col:nth-child(1) {
  width: 65.66%;
  height: 631px;
  margin: 0.5% !important;
}

.projects .big-right .card.col:nth-child(1) img {
  max-width: 24%;
}

.projects .three .col {
  height: 335px;
  margin: 0.5% !important;
  min-height: 0;
}

.projects .three .col img {
  max-width: 44%;
}

.projects .big-left .col {
  height: 308px;
  margin: 0.5% !important;
  min-height: 0px;
}

.projects .big-left .col:nth-child(1) {
  width: 65.66%;
  height: 631px;
  margin: 0.5%;
  float: right;
}

.projects .link-overlay {
  position: absolute;
  z-index: 9;
  font-size: 0;
  color: transparent;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
  z-index: 2;
}

.projects .big-right .col .tile-copy {
  /* opacity:0; */
}

.projects .three .col .tile-copy {
  opacity: 0;
}

.projects .big-left .col .tile-copy {
  /* opacity:0; */
}

.projects .big-left .col img {
  max-width: 45%;
}

.projects .big-left .col:nth-child(1) .tile-copy {
}

.projects .big-left .col:nth-child(1) img {
  max-width: 25%;
}

.projects .inner.medium {
  max-width: 1200px;
}

.projects .big-right .col:hover .tile-copy {
  opacity: 1;
}

.projects .three .col:hover .tile-copy {
  opacity: 1;
}

.projects .big-left .col:hover .tile-copy {
  opacity: 1;
}

@media screen and (max-width: 1130px) and (min-width: 850px) {
  .projects .big-twin .col {
    height: 380px;
  }

  .projects .three .col {
    height: 254px;
  }
}

@media screen and (max-width: 1050px) and (min-width: 850px) {
  .projects .big-right .col,
  .projects .big-left .col {
    height: 252px;
  }

  .projects .big-right .col:nth-child(1),
  .projects .big-left .col:nth-child(1) {
    height: 511px;
  }
}

@media screen and (max-width: 850px) {
  .projects .card {
    float: none;
    width: 100% !important;
    height: 240px !important;
    min-height: 0px;
  }

  .projects .card img {
    max-width: 170px !important;
  }
}

@media screen and (max-width: 600px) {
  .projects .card.col:hover img {
    display: none !important;
  }

  .projects .card.col:hover .tile-copy {
    opacity: 1 !important;
  }

  .projects .card:hover .tile-copy {
    transform: translateY(-50%);
    opacity: 1;
  }
}

/* Blog navigation bar
  --------------------------- */
#breadcrumbs {
  color: #ccc;
  text-transform: uppercase;
  font-size: 11px;
  margin: 0;
  font-weight: 600;
  /* border-bottom:1px solid #f7f7f7; */
  line-height: 1;
  /* background: #ebeff0; */
  padding: 11px 10px 9px;
}

#breadcrumbs :before {
  vertical-align: top;
}

#breadcrumbs a {
  color: #a91f24;
}

.breadcrumb_last {
  color: #ccc;
}

.single .navigation {
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 0;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}

.single .navigation .col {
  width: 50%;
  text-align: left;
  padding: 1% 4% 0;
  position: relative;
}

.single .navigation .col:first-child {
  border-right: 1px solid #efefef;
  /* padding-right: 4%; */
}

.single .navigation .col:last-child {
  padding-left: 4%;
  text-align: right;
}

.single .navigation .col > span {
  font-size: 11px;
  text-transform: uppercase;
  /* font-weight: 800; */
}

.single .navigation .col > span a {
  /* color: rgba(0, 197, 225, 1); */
  /* margin: 0; */
}

.single .navigation .col h3 {
  /* margin: 10px 0px 1em; */
}

.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;
  font-family: "Avenir-Regular", sans-serif;
}

@media screen and (max-width: 700px) {
  .single .navigation .col > span {
    font-size: 13px;
  }

  .single .article-wrapper {
    padding: 0 3%;
  }
}

@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;
  }
}

.discover {
  text-align: center;
}

.page_touchpoint.col {
  background: #000000;
  /* border-radius:50%; */
  border-radius: 50%;
  overflow: hidden;
  /* padding: 0; */
  vertical-align: top;
  float: none !important;
  padding-bottom: 30.33% !important;
  display: inline-block;
}

.page_touchpoint .bg-image {
}

.page_touchpoint .bg-image:before {
  background-color: rgba(0, 0, 0, 0.3);
}

.page_touchpoint.col .tile-copy {
  text-align: center;
  width: 100%;
  position: absolute;
  padding: 0 14px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  line-height: 1.3;
  color: #fff;
  /* bottom: auto !important; */
}

.page_touchpoint.col .tile-copy h3 {
  font-size: 1.4em;
  letter-spacing: 0.15em;
  /* padding: 0; */
  margin: 0;
}

.page_touchpoint.col .tile-copy p {
  display: none;
  height: 0px;
  padding: 0;
  overflow: hidden;
}

.page_touchpoint.col:hover .tile-copy p {
  display: block;
  height: initial;
  overflow: hidden;
}

.page_touchpoint.col:hover .bg-image {
  transform: scale(1.05);
  opacity: 0.5;
}

.page_touchpoint.col:hover .bg-image:before {
  background-color: rgba(0, 0, 0, 0.4);
}

.page_touchpoint.col:hover .tile-copy {
  height: auto;
}

.page_touchpoint.col a.button {
  opacity: 0;
  border: 0;
  padding: 0 15px;
  /* height: 0; */
  /* background: none; */
  display: none;
  line-height: 1;
  white-space: normal;
  /* color: blue; */
  color: #28c0da;
  /* transition: height .5s ease; */
}

.page_touchpoint.col:hover a.button {
  opacity: 1;
  /* height: auto; */
}

.page_touchpoint.col a.button:after {
  display: none;
}

@media (max-width: 600px) {
  .page_touchpoint.col .tile-copy p {
    display: none !important;
  }

  .page_touchpoint.col .tile-copy {
    padding: 0px;
  }

  .page_touchpoint.col .tile-copy h3 {
    font-size: 13px;
    /* padding: 0; */
  }
}

.accordion-toggle {
  cursor: pointer;
  padding: 0.5em !important;
  background: #eee;
  font-size: 1.2em;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
}

.faq {
  /* border: 1px solid #e6e6e6; */
  box-shadow: 0 0 10px #f5f4f4;
  margin: 2em 0;
  font-size: 15px;
}

.accordion-toggle span.filedate {
  font-size: 13px;
  letter-spacing: normal;
  color: #b0b0b0;
  text-transform: none;
}

.accordion-toggle:before {
  float: left !important;
  content: "+";
  padding-right: 5px;
}

.accordion-toggle.collapsed:before {
  content: "-";
}

.accordion-content {
  display: none;
  padding: 0px 15px 0px;
}

.accordion-content.default {
  display: block;
  /* padding: 10px 10px 20px; */
}

.back-to-top-wrap {
  transition: 0.3s ease;
  z-index: 50;
  position: fixed;
  bottom: 5px;
  right: 5px;
  width: auto;
}

a.back-to-top {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  float: right;
  background: #f25c23 url(../images/arrow-up.svg) no-repeat center;
  background-size: 12px;
  font-size: 13px;
  width: 30px;
  height: 30px;
  margin: 8px 3px 0px 0;
  padding: 10px;
  border-radius: 10px;
  display: none;
  transition: 0.3s ease;
  font-weight: 700;
}

.back-to-top-wrap:hover {
  bottom: 8px;
}

/* added 11/2020 for gift shop layout */

.padding-1 {
  padding: 1em;
}

.padding-2 {
  padding: 2em;
}

.box-grid {
  position: relative;
}

.box-grid .boxes {
  margin-bottom: 1rem;
}

.box-grid .boxes .box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-height: 250px;
  margin-bottom: 1.5rem;
}

.box-grid .boxes .box-item:hover .caption {
  -webkit-transform: translate(-50%, -3%);
  -ms-transform: translate(-50%, -3%);
  transform: translate(-50%, -3%);
}

.box-grid .boxes .box-item:hover .background-image:before {
  background-color: rgba(0, 0, 0, 0.4);
}

.box-grid .boxes .box-item .caption {
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0ms;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0ms;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  top: auto !important;
  bottom: 0;
}

.box-grid .boxes .box-item .caption .caption-title {
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-weight: 800;
  font-family: HurmeGeometricSans4-Regular, sans-serif;
}

.box-grid .boxes .box-item .caption .subtitle {
  letter-spacing: 0;
  text-transform: none;
}

@media print, screen and (min-width: 40em) {
  .box-grid .boxes .box-item {
    border: 2px solid #fff;
    margin-bottom: 0;
    min-height: 300px;
  }
}

@media print, screen and (min-width: 64em) {
  .box-grid .boxes {
    display: grid;
    height: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0;
  }

  .box-grid .boxes .box-item:first-child {
    grid-area: 1/1/3/2;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 1;
  }

  .box-grid .boxes .box-item:first-child .caption img {
    margin-bottom: 140px;
  }

  .box-grid .boxes .box-item:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
  }

  .box-grid .boxes .box-item:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
  }

  .box-grid .boxes .box-item:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
  }

  .box-grid .boxes .box-item:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
  }

  .box-grid .boxes .box-item:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
  }

  .box-grid .boxes .box-item:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
  }

  .box-grid .boxes .box-item:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
  }

  .box-grid .boxes .box-item:nth-child(9) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
  }

  .box-grid .boxes .box-item:nth-child(10) {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
  }

  .box-grid .boxes .box-item:nth-child(11) {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
  }

  .box-grid .boxes .box-item:nth-child(12) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
  }

  .box-grid .boxes .box-item:nth-child(13) {
    -ms-grid-row: 5;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
  }

  .box-grid .boxes .box-item:nth-child(14) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
  }

  .box-grid .boxes.has-four .box-item:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
  }

  .box-grid .boxes.has-four .box-item:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
  }

  .box-grid .boxes.has-four .box-item:nth-child(4) {
    grid-area: 1/3/3/4;
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column-span: 1;
  }

  .box-grid .boxes.has-four .box-item:nth-child(4) .caption img {
    margin-bottom: 140px;
  }
}

@media print, screen and (min-width: 64em) {
  .box-grid .boxes.alt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .box-grid .boxes.alt .box-item {
    width: 33.333%;
  }
}

@media print, screen and (min-width: 64em) {
  .box-grid .boxes.has-three {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .box-grid .boxes.has-three .box-item {
    height: 500px;
    width: 33%;
  }
}

@media screen and (min-width: 75em) {
  .box-grid .boxes.has-three .box-item {
    height: 520px;
  }
}

@media screen and (min-width: 90em) {
  .box-grid .wrap.is-full .boxes.has-three .box-item,
  .box-grid .wrap.is-wide .boxes.has-three .box-item {
    height: 600px;
  }
}

.box-item .caption img {
  max-width: 200px;
}

.block {
  position: relative;
  z-index: 2;
}

.block.has-bg {
  background-color: #f4fbfe;
}

@media screen and (min-width: 75em) {
  .block.has-bg {
    padding: 2.5rem 0 !important;
  }
}

@media screen and (min-width: 90em) {
  .block.has-bg {
    padding: 3rem 0 !important;
  }
}

.element:first-child {
  margin-top: 3rem;
}

.caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  max-width: 600px;
  z-index: 2;
  color: #fff;
  text-align: center;
  padding: 2em;
}

.caption p,
.caption .caption-title {
  color: #fff;
}

.caption.dark,
.caption.dark p {
  color: #7e838b;
}

.caption.dark .caption-title {
  color: #2f3a47;
}

@media print, screen and (min-width: 64em) {
  .caption {
    max-width: 850px;
  }

  .caption.to-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    left: 0;
  }

  .caption.to-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    right: 0;
    left: auto;
  }
}

.subtitle {
  font-weight: 400;
  letter-spacing: 0.09rem;
  text-transform: uppercase;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}

.block-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#iefix .promotional .block-image {
  z-index: 0;
  height: 100vh;
}

.block-image.main-bg {
  background-size: 100% auto;
  background-position: left top;
}

img.block-image {
  object-fit: cover;
  height: auto;
  width: 100%;
}

/*2023 updates */

/*Header*/
.header-wrap {
}

.site-logo {
  display: block;
  margin: 0 auto;
}

.site-logo img {
  height: 100px;
  margin: 0 auto;
  display: block;
}

.bg-white {
  background-color: #fff;
  padding: 0.8rem 0;
}

.home-nav {
  text-align: center;
  width: 100%;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0.5rem 0px 0 0;
}

.home-nav li {
  padding: 5px 0;
  display: inline-block;
  margin: 0 0.7%;
}
.home-nav li.cart{margin:0;}
.highlight-btn {
  border-radius: 50px;
}

.highlight-btn a {
  padding: 12px 22px 8px !important;
  color: #fff !important;
}

.highlight-1 {
  background-color: #ff8d6d;
}

.highlight-2 {
  background-color: #64ccc9;
}

.home-nav li a {
  padding: 0;
  font-size: 1rem;
  text-transform: uppercase;
}

.home-nav a {
  color: #003057 !important;
  font-weight: 400 !important;
}

.home-nav .hamburger-box .hamburger-inner {
  background-color: #003057 !important;
}

.home-nav .hamburger-box .hamburger-inner::after {
  background-color: #003057 !important;
}

.home-nav .hamburger-box .hamburger-inner::before {
  background-color: #003057 !important;
}

.site-logo small {
  display: none;
}
#menu-home-menu .active a{
  color: #f25c23 !important;
}

/*Footer*/
.home-footer h1.logo a {
  background-image: url(../images/Polynesian_Spa_logo_colour.svg) !important;
  width: 230px;
  height: 80px;
}

.contact-details h4 {
  color: #f87c56;
  font-size: 1.1rem;
  text-transform: capitalize;
  line-height: 1 !important;
  min-height: 0 !important;
}

.contact-details .widget_custom_html .custom-html-widget .social li {
  background-color: #fff;
  border-radius: 50px;
}

.contact-details .widget_custom_html .custom-html-widget .social li a {
  color: #003057 !important;
}

.contact-details .widget_custom_html .custom-html-widget .social li a::before {
  font-size: 20px;
  display: inline-block;
  width: 1.8em;
  text-align: center;
  line-height: 36px;
}

.awards-show-case {
  padding: 3% 5%;
}
.awards-show-case > .grid{
    text-align: center;
}
  .awards-show-case > .grid .col{max-width:fit-content;float: none;display: inline-block;}
  @media only screen and (max-width: 768px) {
    .award-img{width:100% !important; height:auto;}
      .awards-show-case > .grid .col{width: 17% !important;float: none;display: inline-block;}
  }
.award {
  display: flex;
  align-items: center;
}

.award h4 {
  margin-bottom: 10px;
  font-weight: 500;
}

.award-img {
  width: 120px;
  height: 120px;
  /* background-color: #003057; */
  /* padding: 20px; */
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.award-description {
  /* display: none; */
  padding-left: 20px;
}

.award-img img {
  max-width: 120px;
  width: 100%;
}

.footer-meta-home {
}

.footer-meta-home img {
  max-height: 2em;
  width: 100px !important;
  margin-bottom: 10px;
}

/* Slider page template */

.c-wrapper {
  display: flex;
  align-items: stretch;
}

.c-content {
  width: 50%;
  right: 0;
  height: auto;
  padding: 30px 50px;
  color: #fff;
  position: inherit;
  background-image: url(../images/bg-texture.svg);
}

.c-content-bg-pink {
  background-color: #ff8d6d;
}

.c-content-bg-pink a {
  color: #ff8d6d;
  text-transform: uppercase;
  font-weight: 400;
}

.c-content-bg-blue {
  background-color: #64ccc9;
}

.c-content-bg-blue a {
  color: #64ccc9;
  text-transform: uppercase;
  font-weight: 400;
}

.c-content h2 {
  margin-top: 50px;
}

.background-image-c {
  min-height: 430px;
  width: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-arrows {
  position: absolute;
  width: 100px;
  left: 50%;
  top: 30px;
  margin-left: 30px;
  display: list-item;
}

.c-arrows .splide__arrow {
  border: 1px solid #fff;
  background: transparent;
  opacity: 1;
  top: 0;
  transform: translateY(0%);
}

.c-arrows .splide__arrow svg {
  fill: #fff !important;
}

.link-btn {
  background-color: #fff;
  border-radius: 50px;
  padding: 10px 20px;
  line-height: normal;
  margin-right: 20px;
}

.button-c-btn {
  margin-top: 50px;
}

/*Packages layout*/
.pkg-img {
  height: auto;
  padding-bottom: 50%;
  width: 50%;
  margin: 0 auto;
  border-radius: 50%;
  display: block !important;
  background-position: center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.pkg-img::after {
  content: "";
  width: 100%;
  height: 25%;
  display: block;
  bottom: 0;
  position: absolute;
/*   background-image: url(../images/half-circle-bg.svg); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.5s;
}

.pkg-title {
  bottom: 0 !important;
  position: initial !important;
  margin-top: 30px;
  color: #000 !important;
}

.pkg-title h3 a {
  color: #000 !important;
}

.packgaes .card {
  padding-bottom: 0% !important;
  display: flex;
  /* padding: 0 !important; */
  flex-direction: column;
  padding-bottom: 0.7rem !important;
  /* background: rgba(0, 0, 0, .1); */
  /* height: 100%; */
  padding-top: 1.8rem !important;
}

.packgaes .card:hover .tile-copy {
  display: block !important;
  opacity: 1;
}

.packgaes .card:hover .pkg-img::after {
 
}

.pkg-filter li {
  background-color: #4a4a4a;
  /* padding: 3px 15px; */
  font-weight: 400;
  margin: 0;
}

.pkg-filter li:nth-child(1) {
  background-color: #003057;
}

.pkg-filter li:nth-child(2) {
   background-color: #64ccc9;
  
}

.pkg-filter li:nth-child(3) {

  background-color: #ff8d6d;
}
.pkg-filter li:nth-child(4) {
  background-color: #003057;
}
.pkg-filter li:nth-child(5) {
  background-color: #ff8d6d;
}

.pkg-filter li a {
  color: #fff;
  /* border: 2px solid; */
}




  
/*spa products category*/
.spa-product img {
  width: 200px;
  margin: 0 auto;
  display: block;
}

.spa-product h5 a {
  font-size: larger;
  text-transform: uppercase;
}

.spa-product p.info-meta {
  font-weight: 400;
}

.spa-product {
  text-align: center;
}

.spa-product-wrap.column-4 .col {
  margin: 0 !important;
}

.load-more {
  border-radius: 50px;
}

.load-more::after {
  border-radius: 50px;
}

.gift-product{
    padding: .5em;
    text-align: center;
}
 .gift-product h3{font-size:1.2em !important;} 
.gift-product .card_image{position: relative;padding-bottom: 70%;overflow: hidden;margin-bottom: 1em;}
.gift-product .card_image img{
    position: absolute;
    left: 0;
}
  .gifts.scroller .col{padding:0 !important;}

img.contain{max-width:100% !important;max-height:100% !important;height:100% !important;width:100% !important;background:#ffffff;max-width:100%;max-height:100%;height:100%;width:100%;position:relative;object-fit:contain;transition:all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);}

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;
    object-fit: cover;}

/*Interactive map*/
.map-intro {
  text-align: center;
}

.interactive-map {
 /* width: 100%;
  height: 500px;
  overflow: hidden;*/
}

.map-intro {
}

#grid-snap {
 /* width: 2421px;
  touch-action: none; */
}
#grid-snap svg{width: 99%;/* height:auto; */}

.tippy-tooltip{box-shadow: 0 2px 4px rgba(0,0,0,.5);}
.tippy-tooltip.tomato-theme {
  
  background-color: #f87c56;
  color: #fff;
  background-image: url(../images/bg-texture.svg);
}
.tippy-tooltip.tomato-theme .tippy-arrow{
  border-top-color: #f87c56;
  border-bottom-color: #f87c56;
}


  .tippy-tooltip.purple-theme {
  
  background-color: #9d248f;
  color: #fff;
}
.tippy-tooltip.purple-theme .tippy-arrow{
  border-top-color: #9d248f;
  border-bottom-color: #9d248f;
}

.tippy-tooltip.blue-light-theme {
  background-color: #70cacb;
}
.tippy-tooltip.blue-light-theme .tippy-arrow{
  border-top-color: #70cacb ;
   border-bottom-color:#70cacb ;
}

.tippy-tooltip.blue-dark-theme {
  background-color: #1b4093;
}
.tippy-tooltip.blue-dark-theme .tippy-arrow{
  border-top-color: #1b4093;
  border-bottom-color: #1b4093;
}

.tippy-tooltip.blue-dark-2-theme {
  background-color: #2261ae;
}
.tippy-tooltip.blue-dark-2-theme .tippy-arrow{
  border-top-color: #2261ae;
  border-bottom-color: #2261ae;
}

.tippy-tooltip.blue-green-theme {
  background-color: #008292;
}
.tippy-tooltip.blue-green-theme .tippy-arrow{
  border-top-color: #008292;
    border-bottom-color: #008292;

}
  .tippy-tooltip.green-light-theme {
  background-color: #23b488;
}
.tippy-tooltip.green-light-theme .tippy-arrow{
  border-top-color: #23b488;
    border-bottom-color: #23b488;

}

.tippy-tooltip.green-lighter-theme {
  background-color: #17b5af;
}
.tippy-tooltip.green-lighter-theme .tippy-arrow{
  border-top-color: #17b5af;
   border-bottom-color: #17b5af;
}
  

/*Instagram*/
.folow-us {
  background-color: #f87c56;
  text-align: center;
  padding: 20px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.folow-us span {
  color: #fff;
  font-size: larger;
  line-height: 0px;
  font-weight: 500;
}


/*suboages header*/
.curved-border:before {
  content: " ";
  background: none;
}
.treatment-of-the-month{
	background-color: #fe8d6d !important;
	
}
.treatment-of-the-month:before{
  content:'Treatment of the Month';
  position:absolute;
  top: 0.75em;
  left:50%;
  transform:translateX(-50%);
  padding:.5em;
  background: #fff;
  color: #f46942;
  border: 2px solid #f46942;
  font-weight:bolder;
  text-transform: uppercase;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .08);
  z-index: 3;
}
  
.treatment-of-the-month {box-shadow: 0 2px 1em 0 rgba(0, 0, 0, .05);border: 2px solid #f46942;}
  .treatment-of-the-month .pkg-img { box-shadow: 0 2px 1em 0 rgba(0, 0, 0, .08); border:2px solid #f46942;}
 
.f-text {
  margin-left: 10px;
}

@media only screen and (max-width: 768px) {
  .highlight-btn, .level0.highlight-btn {
    display: inline-block !important;
  }




  .home-nav li.mobile_nav{padding-left: 10px !important;}
  .highlight-btn a,
  header a.button.pools{padding: 7px 22px 8px !important;}
  .c-content {
    padding: 30px 20px;
    width: 70%;
  }
  .background-image-c {
    width: 30%;
  }
  .link-btn {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 15px;
  }
  .grid.column-3.subpages .card.col {
    /* padding-bottom: 10% !important; */
  }
  .awards-show-case .col{
    width: 100% !important;
  }
  .award{
    /* margin-bottom: 25px; */
  }
}
@media only screen and (max-width: 425px) {
  .level0 {
    display: none !important;
  }
  .c-content {
    width: 100%;
  }
  .background-image-c {
    width: 0%;
  }
  .pkg-img {
    height: 140px;
    width: 140px;
  }
  .spa-product-wrap.column-4 .col {
    width: 100% !important;
  }
}