body {
}

* {
}

.input_taller .acf-relationship .list {
    height: 500px !important;
}
.maverick.layer .inner{position:relative;}

/*
#PageContainer{

}
#PageContainer *{
      outline: 1px solid red;

}
#PageContainer .wrap div{
      background:none;
}
#PageContainer .bg-image, .videocontainer{
    opacity:.3;
}
*/


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: normal;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
    font-weight: normal !important;
}

h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h4 strong, h4 strong, .h4 strong{}
#PageContainer h1{/* font-size:2em; */position: relative;/* margin-left: -19%; */margin-bottom: 2rem;/* z-index: -155; */}
#PageContainer h1 strong{padding-left: 13%;}
.cookie-consent {
    max-width: 250px;
}

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

.viewport {
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1; }

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

html, button, input, select, textarea {
    font-family: 'Helvetica', sans-serif;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    /* height: 100%; */
    /* line-height: 1.55; */
    /* font-weight: normal; */
    min-width: 320px;
    /* color: #19325e; */
    /* border-top: 4px solid #0f2751; */
    /* background: #d1d1d1 url(../images/textures/pattern.png) repeat; */
    background: #f6f5f1;
    /* background-image: linear-gradient(180deg,#f6f5f1,#fff); */
    background-attachment: fixed;
}

::-moz-selection {
    background: #3bd42e;
    color: #f6f5f1;
    text-shadow: none;
}

::selection {
    background: #3bd42e;
    color: #f6f5f1;
    text-shadow: none;
}

::selection {
    background: #3bd42e;
    color: #f6f5f1;
    text-shadow: none;
}

.layer a {
    text-underline-offset: 1px;
    font-weight: bold;
    color: #221f1f;
    text-decoration: underline;
    text-decoration-color: #3bd42e;
    transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.layer a:visited {
}

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

.layer a:focus {
    outline: none;
}

.layer a:hover {
    color: #3bd42e;
    text-decoration-thickness: 2px;
    text-decoration: none;
    /* text-decoration-color: #221f1f; */
}

.no-bg-image .layer a {
    color: #565346;
    border-bottom: 1px solid;
}

b, strong {
    font-weight: 700;
}

blockquote {
    padding: 0;
    margin: 0;
    /* font-size: 29px; */
    /* text-transform: uppercase; */
    /* font-weight: 400; */
    line-height: 1.19;
    /* display:inline-block; */
}

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

blockquote p:first-child {
    display: inline;
}

blockquote p {
    margin: 0;
    line-height: 1.5;
}

dfn {
    font-style: italic;
}

hr {
    border: 0;
    margin: 0;
    width: 100%;
    padding: 0;
    display: block;
    position: relative;
    clear: both;
}

hr:after {
    border: 0;
    display: block;
    height: 5px;
    width: 10px;
    content: '';
    margin: 1em auto 1em;
    position: relative;
}

hr:before {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    content: ' ';
    height: 3px;
    background: #3bd42f;
    border-radius: 4px;
}

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

mark {
    background: #ff0;
    color: #292929;
    font-style: italic;
}

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

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

small {
    /* font-size: 0.400em; */
    /* font-family: 'Barlow'; */
    /* text-transform: uppercase; */
    /* line-height: 1; */
    font-size: .67em;
    /* font-family: 'din-2014'; */
    /* text-transform: uppercase; */
    /* font-weight: 800; */
    /* letter-spacing: .09em; */
    /* display: block; */
}

sub, sup {
    font-size: .5em;
    line-height: 0;
    font-weight: 300;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.7em;
}

sub {
    bottom: -0.25em;
}

ul, ol {
    padding-left: 1em;
    margin: 0 0 1em;
}

.page_layout ul, .page_layout ol {
    margin-top: 0;
    list-style-position: outside;
    padding-left: 1.3em;
    list-style: disc;
    padding-bottom: 1rem;
    /* margin: 0 -3% 0 -3%; */
}

.page_layout ul.list-group {
    padding: 0;
}

.page_layout ul.list-group a {
    text-align: left;
}

ul.page-404 {
    padding: 0;
    margin: 0;
     list-style-position: inside;
}

ul[style*="text-align: center"] {
    list-style-position: inside;
}

/*
.page_layout ol {
    list-style: none;
    font-size: 1.3em;
}

.page_layout ol li {
    vertical-align: top;
    padding: .23em 1.4em;
    counter-increment: my-awesome-counter;
    position: relative;
    margin-bottom: 0.5em;
    font-weight: 500;
    line-height: 1.2;
}

.page_layout ol li::before {
    content: counter(my-awesome-counter);
    font-weight: bold;
    position: absolute;
    --size: 1.2em; left: -1em;
    line-height: 1.7em;
    width: 1.8em;
    height: 1.8em;
    top: 0;
    border-radius: 50%;
    text-align: center;
    color: #f78f23;
    border: 2px solid;
    vertical-align: middle;
}
*/
dd {
    margin: 0 0 0 40px;
}

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

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

#PageContainer svg:not(:root) {
    width: 100%;
    height: auto;
    overflow: hidden;
}

figure {
    margin: 10px 0 0 0;
}

form {
    margin: 0;
}

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

label {
    cursor: pointer;
    font-size: 14px;
    padding: 0 .5em;
}

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 {
}

button, input {
    line-height: normal;
    padding: 0;
}

#PageContainer input[type="button"], #PageContainer input[type="reset"],#PageContainer input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    font-weight: 600 !important;
    overflow: visible;
    /* font-weight: 8; */
    text-transform: uppercase;
    font-family: 'interstate';
}

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;
}

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

table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: .5em;
}

td, th {
    padding: 5px;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

::-webkit-input-placeholder {
    color: #8b8b8b;
    font-weight: normal;
    font-size: .87em;
    letter-spacing: -.02em;
}

::-moz-placeholder {
    color: #8b8b8b;
    font-weight: normal;
    font-size: .87em;
    letter-spacing: -.02em;
}

:-ms-input-placeholder {
    color: #8b8b8b;
    font-weight: normal;
    font-size: .87em;
    letter-spacing: -.02em;
}

:-moz-placeholder {
    color: #8b8b8b;
    font-weight: normal;
    font-size: .87em;
    letter-spacing: -.02em;
}

.lead {
    font-size: 1.57em;
    font-weight: 500;
    line-height:1.3;
    /* line-height: 1.78em; */
}
.larger {
    font-size: 1.87em;
    font-weight: 500;
    line-height:1.3;
    /* line-height: 1.78em; */
}
.lead strong{
     font-size: 1.1em;
    font-weight: bold;
}

@media (max-width: 600px) {
    .lead {
        font-size: 1.15em;
        font-weight: 00;
        /* line-height: 1.78em; */
    }
}

strong.lead {
    font-weight: 900;
}

/* CONTACT FORM & YUCK */
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox],input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    max-width: 700px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f6f5f1;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control {
        line-height:34px
    }

    .input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox,.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label,.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px
}

.checkbox+.checkbox,.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
    cursor: not-allowed
}

.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label {
    cursor: not-allowed
}

.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.form-control-static.input-lg,.form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm,textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg,textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,.form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,.form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .checkbox,.form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top:7px;
        margin-bottom: 0;
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top:11px;
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top:6px;
        font-size: 12px
    }
}

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

:marker {
    display: none;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1; }

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

.inline {
    display: inline-block !important;
}

.center {
    text-align: center;
}

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

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

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

img.cover {
    display: block;
    max-width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    width: 100% !important;
    /* background: #f6f5f1; */
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    width: 100%;
    position: relative;
    object-fit: cover;
    /* transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1); */
}

img.contain {
    max-width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    width: 100% !important;
    background: #f6f5f1;
    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);
}

#PageContainer .wrap {
    overflow: hidden;
    min-width: 320px;
    position: relative;
    max-width: 2048px;
    margin: 0 auto;
    /* background: #f6f5f1 url('../images/PRICES & COMBOS.png') top center; */
    /* background-size: 100%; */
}

@media (max-width: 2150px) {
    .side-by-side {
        /* margin: 0 4%; */
    }
}

.center {
    text-align: center;
}

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

/* TESTIMONIAL
*/
.page-id-7819 .testimonial {
    width: 50%;
    display: inline-block;
    padding: 0 1.5em 1em;
    /* border-bottom: 1px solid red; */
}

@media(max-width: 700px) {
    .page-id-7819 .testimonial {
        width: 100%;
    }
}

:root {
    --ratingSize: 7em;
}

.star-rating {
    height: calc(var(--ratingSize)/5);
    position: relative;
    width: var(--ratingSize);
    margin: 10px 0;
}

.star-rating:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIGZpbGw9IiM3ZjhjOGQiID4gICAgPHBhdGggZD0iTSAyNSAyLjI3MzQzNzUgTCAxOC42MDkzNzUgMTguNDgwNDY5IEwgMC44MTA1NDY4OCAxOS40MTc5NjkgTCAxNC42NDg0MzggMzAuNDEyMTA5IEwgMTAuMDcwMzEyIDQ3LjIyMjY1NiBMIDI1IDM3Ljc3MTQ4NCBMIDM5LjkyOTY4OCA0Ny4yMjI2NTYgTCAzNS4zNTE1NjIgMzAuNDEyMTA5IEwgNDkuMTg5NDUzIDE5LjQxNzk2OSBMIDMxLjM5MDYyNSAxOC40ODA0NjkgTCAyNSAyLjI3MzQzNzUgeiI+PC9wYXRoPjwvc3ZnPg==");
    background-repeat: repeat-x;
    background-size: calc(var(--ratingSize)/5);
    bottom: 0;
    content: "";
    display: block;
    height: calc(var(--ratingSize)/5);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: var(--ratingSize);
    opacity: .2;
}

.star-rating > span {
    display: block;
    text-indent: -10000px;
    width: var(--ratingSize);
    height: calc(var(--ratingSize)/5);
    position: absolute;
    overflow: hidden;
}

.star-rating > span:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIGZpbGw9IiNmMWM0MGYiID4gICAgPHBhdGggZD0iTSAyNSAyLjI3MzQzNzUgTCAxOC42MDkzNzUgMTguNDgwNDY5IEwgMC44MTA1NDY4OCAxOS40MTc5NjkgTCAxNC42NDg0MzggMzAuNDEyMTA5IEwgMTAuMDcwMzEyIDQ3LjIyMjY1NiBMIDI1IDM3Ljc3MTQ4NCBMIDM5LjkyOTY4OCA0Ny4yMjI2NTYgTCAzNS4zNTE1NjIgMzAuNDEyMTA5IEwgNDkuMTg5NDUzIDE5LjQxNzk2OSBMIDMxLjM5MDYyNSAxOC40ODA0NjkgTCAyNSAyLjI3MzQzNzUgeiI+PC9wYXRoPjwvc3ZnPg==");
    background-repeat: repeat-x;
    background-size: calc(var(--ratingSize)/5);
    bottom: 0;
    content: "";
    display: block;
    height: calc(var(--ratingSize)/5);
    left: 0;
    position: absolute;
    right: 0;
    text-indent: 10000px;
    top: 0;
}

.inner.col {
    /* width: 100%; */
    /* padding: 0px 2%; */
    /* max-width: 1700px !important; */
    /* margin: 0 auto; */
    position: relative;
    z-index: 100;
}

@media(max-width: 1240px) {
    .inner, .inner.col {
        padding: 0px 3%;
    }
}

@media(max-width: 768px) {
    .inner, .inner.col {
        padding: 0px 4%;
    }
}

@media(max-width: 600px) {
    .inner, .inner.col {
    }
}

.inner-900 {
    /* max-width: 900px !important; */
    margin: 0 auto;
}

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

.inner-1170 {
    width: 100%;
    position: relative;
    max-width: 1790px !important;
    margin: 0 auto;
    z-index: 2;
}

.single_column .inner-1170 {
    max-width: 1170px !important;
    background: white;
    padding-top: 3%;
}

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

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

.inner.col.inner-full-width {
    max-width: 100% !important;
    padding-left: 0;
    padding-right: 0;
}

.inner-wider.inner {
    max-width: 1900px !important;
    margin: 0 auto;
    width: 100%;
}

#PageContainer .inner-narrow.inner {
    max-width: 1480px !important;
    margin: 0 auto;
    background: #f6f5f1;
    position: relative;
    /* background-blend-mode: initial; */
}

/*
MAP + video */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

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

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

.type-map_layer img[src$='.svg'] {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

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

img.alignleft {
    float: left;
    margin: 0.5em 1em 1em 0em;
    max-width: 36%;
    border-radius: 0 !important;
}

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

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

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

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

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

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

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

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

.wp-caption-text {
    margin: 0;
    font-size: 14px !important;
    background: #221f1f;
    padding: 6px 11px;
    color: #faf9f5;
    font-style: normal;
    border-radius: 0 0 4px 4px;
    /* -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;
}

.wp-caption img {
    width: 100%;
    margin-bottom: 0px !important;
    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;
    }
}

/* Colors
--------------------------- */
/* Icons / Buttons
--------------------------- */
a.button, .gform_button, .gform_previous_button, .gform_next_button, .wpcf7-form .btn {
    background-color: #231f20;
    position: relative;
    vertical-align: text-bottom;
    border: 0px solid #231f20;
    color: #f6f5f1;
    display: inline-block;
    text-decoration: none !important;
    margin: 0 1em 0.5em 0;
    padding: 0em 1.8em;
    border-radius: 2em;
    line-height: 3;
    text-transform: uppercase;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transition-delay: 0s !important;
    letter-spacing: 0.037em;
    font-size: 1.25em;
    white-space: nowrap;
}
@media(max-width:600px){
    a.button, .gform_button, .gform_previous_button, .gform_next_button, .wpcf7-form .btn {
        font-size:1em;
    }
}
a.button.booking {
    /* background-color: #2766aa; */
    color: #f6f5f1;
    background-color: #3bd42e;
    border-color: #3bd42e;
}

.gform_button, .gform_previous_button, .gform_next_button {
    /* background: none; */
}
.layer .button.yellow {
    background-color: #fdce04;
}
.layer .button.red {
    background-color: #ed1d24;
}

.layer .button.blue {
    background-color: #00adef;
}

.layer .button.green {
    background-color: #3bd42f;
}

.layer .button.green:before {
    /* color: #78a24f; */
    /* background-color: rgba(0, 0, 0, .7); */
    /* border-color: #78a24f; */
}

.layer .button.green:after {
    /* color: #78a24f; */
    /* background: #78a24f; */
    /* border-color: #050707; */
}

.page_layout a.button:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-blend-mode: multiply;
    mix-blend-mode: multiply;
    z-index: -2;
}

.page_layout a.button:before {
    content: '';
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    transition: all .3s;
    z-index: -1;
}

.layer a.button:hover, .wpcf7-form .btn:hover {
    color: #f6f5f1 !important;
    background-color: #221f1f;
    border-color: #221f1f;
    
    opacity: 1 !important;
    transform: scale(0.98) translateY(2px)!important;
}

a.button:hover:before {
    width: 100%;
}

.layer a.button.ghost, .text-on-colorbg .gform_button {
    color: #242424;
    border: 0;
    border-color: #f6f5f1;
    background: #f6f5f1;
}

.layer a.button.ghost:hover {
    background: #242424;
    color: #f6f5f1;
}

footer a.button {
    color: #292929;
    border-color: #292929;
    padding: 0 10%;
}

footer a.button:hover, footer a.button:active {
    background-color: #292929 !important;
    border-color: #292929 !important;
    color: #f6f5f1 !important;
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* outline: 1px solid red; */
}


.bg-image:before {
    content: ' ';
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.acfe-flexible-placeholder.-preview {
    pointer-events: none !important;
    z-index: 1 !important;
    position: relative;
}

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

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

/* Image with 'data' attribute is hidden */
img[data-lazy-src] {
    /* we set the opacity to 0 */
    opacity: 0;
}

/* Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
    /* prepare the future animation */
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    /* we set the opacity to 1 to do the magic */
    opacity: 1;
}

.transition, .anim, .top_nav, .bg-image, .logo a, .logo img, .translate {
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.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;
}

/* Header
--------------------------- */
.admin-bar #header {
}

.no-intro-image #header {
    position: relative;
    background: none;
}

.template-education-resource #header {
    position: absolute !important;
}

.template-education-resource p:empty {
    display: none;
}

.no-intro-image .top_nav li a {
    /* color: #1a335d; */
}

.no-intro-image #header .inner {
    filter: none;
}

.single #header {
    position: relative;
}



#PageContainer #header {
    width: 100%;
    z-index: 50;
    top: 0;
    left: 0;
    right: 0;
    /* background: #f6f5f1; */
    /* position: absolute; */
    min-width: 320px;
    margin: 0 auto;
    /* padding: 2.9% 0; */
    padding: 1.4em 0;
}

.admin-bar #PageContainer header.fixed {
    margin-top: 32px !important;
}

@media screen and ( max-width: 782px ) {
    .admin-bar #PageContainer header.fixed {
        margin-top: 46px !important;
    }
}

#PageContainer header.fixed {
    position: fixed !important;
    /* transition: all .5s ease-in-out; */
    transition: all .2s ease-in-out !important;
}

.scroll-down header {
    transform: translate3d(0, -100%, 0);
}

.scroll-up header {
    background: #f6f5f1;
    transition-delay: 0s;
    transition: all .2s ease-in-out !important;
    transform: none;
    background-image: none !important;
}

#PageContainer #header .inner {
    max-width: 2048px !important;
    margin: 0 auto;
    padding: 0 1%;
    /* filter: drop-shadow(1px 1px 2px rgba(0,0,0,.2)); */
}

#PageContainer #header .logo {
    margin: 0 0 0 5%;
    float: left;
    font-size: 0;
    line-height: 0;
    color: transparent;
    position: relative;
    z-index: 31;
    width: 14%;
    min-width: 150px;
    /* height: 100px; */
    max-width: 200px;
    display: block;
    /* background-size: contain; */
    /* background-position: top left; */
    /* transform: rotate(-3deg); */
}
@media(max-width:1970px){
    #PageContainer #header .logo {margin-left:3%;}
}

#PageContainer #header .logo svg, #PageContainer #header .logo img {
    display: block;
    width: 100%;
    /* height: 100%; */
    /* width: auto; */
    /* margin: 10px; */
    /* min-width: 120px; */
    padding: .5em .7em;
    /* object-fit: cover; */
    /* object-fit: scale-down; */
}

header #rotorua, header #byline, header #NZ {
    fill: #221f1f;
}

.home header #rotorua, .home header #byline, .home header #NZ {
    fill: #f6f5f1 !important;
}

.not-home #rotorua, .not-home #byline, .not-home #NZ, .home.scroll-up header #rotorua, .home.scroll-up header #byline, .scroll-up #NZ, .scroll-up #rotorua, .scroll-up #byline, .scroll-up #NZ {
    fill: #221f1f;
}

/* Originals 
#NZ{fill:"#ececec"} 
#byline{fill:#6D6E71;}
#rotorua{fill:#ececec;}
#rotorua{fill:#f6f5f1;}
#byline{fill:#6D6E71;}
#duck{fill:#ED1C24;}{}
*/

.home .top_nav li a {color:#fff;}
.home  #PageContainer #header{background: linear-gradient(0deg, rgb(35 31 31 / 0%),rgb(35 31 31 / 60%));}

.scroll-up #PageContainer #header, .not-home #PageContainer #header {
    padding: 1em 0;
    background: #f6f5f1;
    box-shadow: 0 7px 30px rgb(0 0 0 / 30%);
}
.not-home #PageContainer #header.no-dropshadow{ box-shadow:none;}
.scroll-up .top_nav li a, .top_nav li a {
    color: #3bd42e;
    text-shadow: none;
}

.scroll-up .top_nav .level0.active a, .top_nav .level0.active a {
    color: #231f1f;
    border-color: #3bd42f;
}

.scroll-up .top_nav .level0 a:hover, .top_nav .level0 a:hover {
    color: #231f1f;
    border-color: #3bd42f;
}

.scroll-up .top_nav a.button,.top_nav a.button {
    color: #f6f5f1;
}

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

.scroll-up .not-home .top_nav, .not-home .top_nav {
    /* margin-top: 1.4em; */
}

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

.top_nav li {
    padding: 0 1em 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0;
}

.top_nav>li:first-child {
    /* padding-left: 0; */
    display: none;
}

.top_nav li a {
    display: inline-block;
    font-family: 'interstate';
    text-align: left;
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 3.6;
    /* background: red; */
    font-weight: 700;
    /* letter-spacing: 0.28px; */
    letter-spacing: -.05em;
    text-decoration: none;
}

.top_nav li a.button {
    color: #f6f5f1;
    border-radius: 3em 0 0 3em;
    margin: 0;
    border: 0;
    padding: 0 3em 0 3em;
    background: #3bd42f;
    background: #3bd42e;
    /* opacity: .5 !important; */
}

.top_nav li a {
    border-bottom: 2px solid rgb(59 212 47 / 0%);
    /* text-shadow: 0 0px 5px rgb(0 0 0 / 10%); */
}

.top_nav .offcanvas {
    display: none
}

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

.top_nav li.mobile_nav {
    padding: 0;
}

.top_nav li.mobile_nav a {
    border: 0;
    line-height: 3.33;
    background-color: #231f1f;
    /* padding: 0 95%; */
}

@media (max-width: 1400px) {
    #header .top_nav li {
        padding: 0 0.8em;
    }
}

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

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

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

    #header .top_nav li.mobile_nav {
        display: inline-block;
    }
}
@media (max-width: 600px) {
.top_nav li a.button{ 
  /* display:none; */
}
#PageContainer #header .logo {
    display: block;
    margin: 0 auto;
    width: 100%;
    float: none;
    margin-bottom: 20px;
}
#PageContainer #header .logo img {
  height: 55px;
}
.top_nav li a.button{
  padding: 0 1.5em 0 1.5em;
}
.top_nav{
  text-align: center;
}
.nav_wrap{
  float: none;
}
}
.top_nav li {/* padding: 0 0 0 15px  !important; */}
.top_nav ul {
    display: none;
    /* padding-top: 8px!important; */
}

.top_nav li:hover ul {
    display: block
}

.top_nav ul:after {
    content: "";
    position: absolute;
    left: 95px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 8px 10px;
    border-color: transparent transparent rgb(44 44 44) transparent;
    z-index: -1;
}

.top_nav ul {
    /* background-image: linear-gradient(
180deg, #000000, #564e4e); */
    list-style: none;
    position: absolute;
    padding: 0px 0 0;
    margin: -2px 0 0 0;
    z-index: 40;
    width: 230px;
    left: 50%;
    transform: translateX(-50%);
}

.top_nav ul .menu_wrap {
    display: block;
    background: #3bd42f;
    border-top: 2px solid #3bd42f;
    background-image: linear-gradient(7deg, #000000, rgb(0 0 0 / 60%));
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    padding: .25em 0;
}

.top_nav ul li {
    padding: 0 !important;
    position: relative;
    margin: 0;
    display: block;
}

.top_nav ul a {
    color: #f6f5f1!important;
    white-space: normal;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 7px 10px 7px;
    border-bottom: 1px dashed rgb(59 212 47 / 10%) !important;
}

.top_nav ul a:hover {
    /* border: 0 !important; */
    background: #3bd42e;
    /* color: #221f1f !important; */
}

.top_nav li:hover ul .menu_wrap {
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    /* background-image: url(../images/design/droplets.png); */
    /* background-size: 290%; */
    /* mix-blend-mode: color; */
}

.top_nav li:hover>a {
    /* color: #FFF!important */
}

.top_nav li a:hover {
    border-bottom: 2px solid #3bd42e;
}

.top_nav li.mobile_nav:hover>a {
    border: 0
}

.top_nav li:hover ul a {
    text-decoration: none
}

.lightheader .top_nav li a {
    color: #f6f5f1;
}

.lightheader #header {
    background-image: linear-gradient(to bottom, rgba(0,0,0,.4), rgba(0,0,0,0));
}

.lightheader #header .logo img {
    /* filter: brightness(0.8) invert(1) grayscale(1); */
}

.lightheader .hamburger-inner, .lightheader .hamburger-inner::before, .lightheader .hamburger-inner::after {
    background: #f6f5f1 !important;
}

.lightheader .intro-copy h3 {
    color: #f78f23;
}

/*
DROPDOWN */
.top_nav ul {
    /* visibility: hidden; */
}

.top_nav li:hover ul {
    opacity: 1;
    visibility: visible;
}

/* Fullscreen Menu
--------------------------- */
#mobile-nav {
    color: #f6f5f1;
    position: fixed;
    z-index: 141;
    height: 100%;
    top: 0;
    left: 0px;
    right: 0;
    overflow: scroll;
    padding: 200px 4% 60px;
    pointer-events: none;
    opacity: 0;
    color: #f6f5f1;
}

#mobile-nav:before {
    content: ' ';
    width: 100%;
    height: 0;
    position: fixed;
    background: #020202;
    right: 0;
    top: 0;
    border-radius: 0;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    border-top: 4px solid #18325e;
}

#mobile-nav .inner {
    max-width: 960px;
}

.nav-open #mobile-nav:before {
    width: 100%;
    height: 100%;
    background: #292929;
}

.nav-open #mobile-nav {
    opacity: 1;
    pointer-events: all;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    /* background-color: #3bd42e !important; */
}

.page-template-default .hamburger-inner,.page-template-default .hamburger-inner::before,.page-template-default .hamburger-inner::after, .no-intro-image .hamburger-inner,.no-intro-image .hamburger-inner::before, .no-intro-image .hamburger-inner::after {
    /* background-color: #3bd42e !important; */
    transition-delay: unset;
}

.page-template-template-education-resource .hamburger-inner, .page-template-template-education-resource .hamburger-inner::before, .page-template-template-education-resource .hamburger-inner::after {
    background-color: #f6f5f1 !important;
}

.hamburger:hover .hamburger-inner, .hamburger:hover .hamburger-inner::before, .hamburger:hover .hamburger-inner::after {
    background-color: #3bd42e!important;
}

nav#mobile-nav {
}

nav#mobile-nav .menu_left, nav#mobile-nav .menu_right {
    width: 35%;
    margin: 0 auto;
    height: 100vh;
    position: relative;
    padding: 0 0% 0 0;
}

nav#mobile-nav .menu_left {
    text-align: center;
}

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

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

#mobile-nav a.button {
    color: #f6f5f1;
}

#mobile-nav ul {
    opacity: 1;
    width: 100%;
    position: relative;
    transition: all 0.2s ease;
    overflow-y: auto;
    overflow-x: hidden;
}

.nav-open #mobile-nav {
}

#mobile-nav ul>li {
    opacity: 0;
    margin: 0;
    list-style: none;
}

#mobile-nav ul>li a {
    line-height: 1em;
    display: inline-block;
    color: #f6f5f1;
    position: relative;
    padding: 0px 0px 2px;
    text-transform: uppercase;
}

a.underline:before {
    position: absolute;
    z-index: 0;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 50%;
    content: " ";
    background-color: #18325e;
    transition: width .2s ease-out;
}

a.underline:hover:before {
    width: 120%;
    left: -10%;
}

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

a.underline:hover {
}

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

a.underline span {
    position: relative;
}

/* Intro
  --------------------------- */
.has-bg-image .intro-copy {
    color: #f6f5f1;
    /* text-align: center; */
    filter: drop-shadow(0 9px 7px rgb(0 0 0 / 30%));
    /* padding: 2em; */
    /* mix-blend-mode: luminosity; */
}

.home .intro-copy {
    /* text-align:left; */
    /* max-width: 1170px; */
    margin-left: 0;
    /* margin-bottom: 6em; */
    /* padding-left: 0; */
}

.home .intro-copy h1 strong {
    /* font-size: 1.58em; */
}

.intro-copy {
    /*
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  */
    /* transform: rotate(-3deg); */
    max-width: 1280px;
    max-width: 1170px !important;
    margin: 12.4em 0 3em;
    padding: 3% 0 !important;
    pointer-events: none;
    /* text-align: center; */
}

.icon-tripadvisor {
    position: fixed;
    width: 150px;
    /* display: inline-block; */
    /* content: ' '; */
    height: 200px;
    left: auto;
    text-align: center;
    opacity: 1;
    background: url(../images/logos/qualmark-gold.svg) no-repeat center;
    background-size: contain;
    bottom: 0em;
    right: 3.9em;
    z-index: 20;
    mix-blend-mode: initial;
}

.is-loaded .icon-tripadvisor {
    -webkit-animation: tilt-in-fwd-tr 1.5s cubic-bezier(.77,0.000,.175,1.000) both;
    animation: tilt-in-fwd-tr 1.5s cubic-bezier(.77,0.000,.175,1.000) both
}

@media( max-width: 600px) {
    .icon-tripadvisor {
        width: 60px;
        bottom: 0px;
        right: 9px;
        height: 90px;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2021-9-16 21:0:55
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes tilt-in-fwd-tr {
    0% {
        -webkit-transform: rotateY(20deg) rotateX(35deg) translate(0em,-5em) skew(-35deg,10deg);
        transform: rotateY(20deg) rotateX(35deg) translate(0em,-5em) skew(-35deg,10deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

@keyframes tilt-in-fwd-tr {
    0% {
        -webkit-transform: rotateY(20deg) rotateX(35deg) translate(0em,-5em) skew(-35deg,10deg);
        transform: rotateY(20deg) rotateX(35deg) translate(0em,-5em) skew(-35deg,10deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        transform: rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
        opacity: 1
    }
}

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

.intro-copy h1, .intro-copy h2, .intro-copy h3, .intro-copy h4 {
    /* color: #f6f5f1; */
}

.intro.default .intro-copy h1:last-child {
}

.intro-copy {
}

.intro-copy img {
    width: 100%;
    max-width: 900px;
    margin: 0 auto 0;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, .3));
}

.caret {
    max-width: 60px;
    margin: 2% auto 0;
}

@media screen and (min-width: 1220px) {
    .intro.default .intro-copy h1 {
    }
}

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

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

@media screen and (max-width: 960px) {
    .intro.default .intro-copy h1 {
    }
}

@media screen and (max-width: 800px) {
    .intro.default .intro-copy h1 {
    }
}

@media screen and (max-width: 600px) {
    .intro-copy {
        /* margin: 5em auto 5em; */
    }
}

@media screen and (max-width: 480px) {
    .intro.default .intro-copy h1 {
    }

    .caret {
        max-width: 40px;
        margin-top: 14%;
    }
}

@media screen and (max-width: 375px) {
    .intro-copy h1 strong {
    }

    .intro.default .intro-copy h1 {
    }
}

@media screen and (max-width: 320px) {
    .intro.default .intro-copy h1 {
    }
}

.intro-copy h1 {
    /* font-size: 10vw; */
}

@media (max-width: 600px) {
    .intro-copy h1 {
    }
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 2rem;
}

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

.hero-slider {
    /* background-color: #221f1f; */
    /* background-image: url(../images/logos/directional-logotype.png); */
}

.hero-slider .slides {
    /* background: rgb(255 255 255 / 0.9) url(../images/textures/pattern.png); */
    /* min-height: 600px; */
    align-items: center;
    /* min-height: 500px; */
    /* max-height: 700px; */
    list-style: none;
    /* height: 92.5vh; */
    width: 100%;
    margin: 0;
    padding: 0;
    /* background: white; */
    /* display: flex; */
    /* justify-content: center; */
    /* justify-content: center; */
    /* align-content: stretch; */
}

.hero-slider .slides .bg-image {
    /* position:relative; */
    /* height:66.666vh; */
    /* opacity: .4; */
    z-index: 2;
}

.hero-slider .slides .bg-image:before {
    /* background-image:url(../images/textures/pattern.png); */
}

.hero-slider .slides .bg-image:after {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    content: ' ';
    /* background-image: linear-gradient(0deg, rgb(255 255 255 / .8), rgb(255 255 255 / .8),rgb(255 255 255 / .9)); */
}

.page-template-default .hero-slider .slides {
    /* max-height: 800px; */
}

.hero-slider .slides li {
    width: 100%;
    padding: 0;
    height: 100%;
    /* height: 1210px; */
}

.single-post .hero-slider .inner {
    height: 40%;
    min-height: 40vh;
}

.hero-slider .inner {
    /* height: 100%; */
    min-height: 90vh;
    z-index: 6;
    max-width: 100% !important;
}
.thin .hero-slider .inner{  min-height: 30vh !important;}
.home .hero-slider .inner {
    height: 100%;
    /* min-height: 80vh; */
    z-index: 3;
}

@media (max-width: 600px) {
    .hero-slider .inner {
        height: 100%;
        min-height: 60vh !important;
        padding: 0;
    }
     .hero-slider .inner h1 strong{padding-left:.25em !important;}
}

.full .hero-slider .slides {
    height: 90vh;
}

.hero-slider .no-bg-image h1 {
}

.no-bg-image {
    /* color: #18325e; */
}

.no-bg-image.layer a.button {
    /* color: #242424; */
    /* border-color: #f6f5f1; */
    /* background-color: #f6f5f1; */
}

.no-bg-image.layer a.button:hover {
    color: #f6f5f1;
    border-color: #242424;
    background-color: #242424;
}

.add_bg_pattern .background-image:before {
    background-image: url(../images/textures/pattern.png);
}

.intro-copy {
    color: #faf9f5;
}

.intro-copy h1 strong {
 background:rgb(34 31 31 / .9);
}

.intro-copy h1 span {
    font-size: 1.16em;
}

.intro-copy h2 {
    padding: 0;
    /* color: #f6f5f1; */
}

.intro-copy h1 {
}

.line-height-sm {
    line-height: .76;
}

.intro-copy h4 {
    /* font-size: 103px; */
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0;
    font-weight: 700;
    letter-spacing: 0.341em;
    padding: 0;
    /* padding-bottom: 20px; */
}

.intro-copy h4 a {
    color: #f6f5f1;
    text-decoration: none;
    font-weight: normal;
}

.intro-copy h4 a:hover {
    color: #f78f23;
}

.intro-copy p {
    /* margin: 0 auto; */
    /* line-height: 1.2; */
    /* font-size: 1.9em; */
    /* font-weight: 800; */
    /* font-style: italic; */
    /* text-transform: uppercase; */
    /* line-height: 1; */
    padding-top: 1.4em;
}



/* CASE STUDIES 


.home ul.casestudies {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

ul.casestudies.slick-initialized {
    visibility: visible;
    opacity: 1;    
}
 */
.list_posts .inner {
    padding: 0;
}

ul.casestudies {
    list-style: none;
    padding: 0;
    /* margin: 0 -5% !important; */
    /* margin-top: 267px; */
}

ul.casestudies li {
    float: left;
    /* padding: 0px; */
    /* margin: 0 0 1em 0; */
    width: 33.333%;
    /* padding:1.5%; */
    padding: 0 0.8em 1.5em;
    /* transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); */
}

ul.casestudies li:hover {
    transform: scale(.99);
}

ul.casestudies li:hover article.product .image_card:before {
    background: rgb(0 0 0 / 40%);
}

ul.casestudies li:hover article.product .title {
    background: rgb(0 0 0 / 1%);
}

ul.casestudies li:hover article.product img {
    transform: scale(1.01);
    opacity: 0.9;
}

ul.casestudies li article {
    width: 100% !important;
    position: relative;
}

@media (max-width: 900px) {
    ul.casestudies li {
        width:33.3333%;
    }

    ul.casestudies article.product .teaser {
        margin-bottom: 0;
    }
}

@media (max-width: 600px) {
    ul.casestudies {
        /* margin: 0 -5% !important; */
    }

    ul.casestudies li {
        width: 50%;
        padding: 0 0.25em 0.5em;
    }
}

.layout_2col_images .inner > .grid {
    /* margin: 0px -4%; */
}

/*
    Side by side
*/
.side-by-side {
    padding: 0 !important;
}

.side-by-side .bg-image:before {
    background-color: transparent !important;
}

.side-by-side a {
    /* color: #f6f5f1; */
}

.side-by-side a.button {
    /* color: #f6f5f1; */
}

.side-by-side a.button:hover {
    /* background:#f6f5f1; */
    /* color:#aa7f57; */
}

.side-by-side .inner {
    /* padding: 0; */
    max-width: 100% !important;
}

.side-by-side .grid {
    /* align-items: stretch; */
    /* height: 1060px; */
    /* border:10px solid red; */
}

.side-by-side .col.imgwrap {
    /* padding: 0; */
    /* position: relative; */
    /* background: #242424; */
    /* align-items: stretch; */
}

.side-by-side .gallery_images {
    padding-bottom: 100%!important;
    /* background:red; */
    height: 100% !important;
}

.side-by-side .gallery_images li {
    /* background:blue; */
    height: 100%;
}

.side-by-side .lslide a {
    /* height:100%; */
    /* width:100%; */
    /* position: absolute; */
}

.side-by-side .image_holder {
    /* padding: 0; */
    /* position: absolute; */
    /* height: 100%; */
    /* width: 100%; */
}

.side-by-side .lSPager {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
}

.side-by-side .col.textwrap {
    padding: 3em 5% 2em 8%;
    /* border-right: .5em solid #fbf8f1; */
    /* font-weight: 600; */
}

.side-by-side .col.textwrap p {
    /* font-weight: 500; */
}

.side-by-side .col.imgwrap img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.textwrap ._inner {
    max-width: 750px !important;
}

.side-by-side ._inner :first-child {
    /* display: none; */
    /* padding-top: inherit; */
    /* color: #f6f5f1; */
}

.side-by-side ._inner h2 br {
    display: none;
}

.side-by-side.text-on-dark .col.textwrap {
    background-color: rgb(0 34 54 / .9);
}

.side-by-side.text-on-green .col.textwrap {
    background-color: rgb(40 64 56 / 90%);
    color: #faf9f5;
}

.side-by-side.text-on-light .col.textwrap {
    background-color: #faf9f5;
    color: #221f1f;
}

.text-on-dark a, .text-on-green a {
    color: #f6f5f1;
}

.side-by-side .col.textwrap {
    width: 100%;
    -webkit-clip-path: url(#textClip);
    clip-path: url(#textClip);
}

.side-by-side.text-on-right .col.textwrap {
    width: 100%;
    -webkit-clip-path: url(#textClip-alt);
    clip-path: url(#textClip-alt);
}

.side-by-side .col.textwrap ._inner {
    padding: 10vh 0;
}

@media(max-width: 600px) {
    .side-by-side.text-on-dark .col.textwrap {
        background-color: rgb(0 34 54 / 1);
    }

    .side-by-side.text-on-green .col.textwrap {
        background-color: rgb(40 64 56 / 1);
        color: #faf9f5;
    }

    .side-by-side .image_holder {
        position: relative;
    }

    .side-by-side .col.textwrap {
        /* max-width: 89% !important; */
        -webkit-clip-path: url(#top-clip-path) !important;
        clip-path: url(#top-clip-path)!important;
        margin-top: -63px;
    }

    .side-by-side .col.textwrap ._inner {
        padding: 0vh 0;
    }

    .home .side-by-side .bg-image {
        position: relative;
        height: 250px !important;
        /* padding: 0; */
        /* top: 0px; */
        /* bottom: 0; */
        /* left: 0; */
        /* right: 0; */
        /* width: 100%; */
        /* height: 100%; */
        /* max-height: 25vh; */
        /* display: none; */
    }
}


#global_iconic{}
#global_iconic .bg-image{display:none;}
#global_iconic .inner{background:none !important;}
#global_iconic .gallery li { padding:0 1em;}
#global_iconic .txtwrap{padding: 0 3%;}
#global_iconic p{padding:0;}
@media(max-width:600px){
     #global_iconic p.larger{font-size:1em !important;}
    #global_iconic .gallery li {padding:8px;}
}
/* product ICONS */

.product-icons {
    list-style: none;
    padding: 1em 0 1em;
    font-size: 0.96em;
}

.product-icons li strong {
    text-transform: uppercase;
}

li.icon-check-in {
    background-image: url('../images/SVG/icon-check-in.svg');
}

li.icon-open {
    background-image: url('../images/SVG/icon-open.svg');
}

li.icon-age {
    background-image: url('../images/SVG/icon-age.svg');
}

li.icon-includes {
    background-image: url('../images/SVG/icon-includes.svg');
}

li.icon-food {
    background-image: url('../images/SVG/icon-food.svg');
}

li.icon-paddling {
    background-image: url('../images/SVG/icon-paddling.svg');
}

li.icon-abel-tasman-great-walk {
    background-image: url('../images/SVG/icon-great-walk.svg');
}

li.icon-water-taxi {
    background-image: url('../images/SVG/icon-water-taxi.svg');
}

li.icon-bus {
    background-image: url('../images/SVG/icon-bus.svg');
}

.product-icons li {
    min-height: 3.2em;
    padding: .2em 0 .5em 3.5em;
    background-size: 2.7em;
    line-height: 1.2;
    /* background-position: 0 0.2em; */
    background-repeat: no-repeat;
}

@media(max-width: 600px) {
    .product-icons li {
        min-height: 1.2em;
        padding: 0.1em 0 0.6em 2.5em;
        background-size: 1.8em;
        line-height: 1.3;
        /* background-position: 0 0.2em; */
        background-repeat: no-repeat;
    }
}

ul.tick-box-list {
    list-style: none;
}

ul.tick-box-list {
    position: relative;
}

ul.tick-box-list li {
    padding: 0;
}

ul.tick-box-list li:before {
    content: '✓';
    color: #3bd42e;
    position: absolute;
    left: -1em;
}

.geartable td {
    text-align: left;
}

.geartable td img {
    width: 6em;
}

/* single product */
.product_details {
}

.product_details h3 {
    /* font-size:44px; */
    font-size: 2em;
}

.product_details .col_price {
    /* color:red; */
}

article.product .product_details .details p {
    font-size: 3em;
    line-height: 1;
}

@media(max-width: 600px) {
    article.product .product_details .details p {
        font-size:2em;
    }
}

/* product_itinerary
*/
.product_itinerary {
}

.product_itinerary .day-itinerary {
    padding-bottom: 0.5em;
}

.product_itinerary .col-time {
    width: 4em;
    padding: 0;
    font-weight: bold;
}

.product_itinerary small {
    text-transform: none;
    font-size: .8em;
}

.product_itinerary h4 {
    font-size: 1.25em !important;
    margin: 0 0 0.25em 0;
    color: #178e91;
}

.horizontal .day-itinerary li {
    width: 33.33%;
}

ul.itinerary-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.itinerary-list li {
    /* width:33.33%; */
    /* float:left; */
    padding-bottom: .5em;
}

.horizontal ul.itinerary-list {
    display: flex;
    flex-wrap: wrap;
}

.horizontal .itinerary-list li {
    flex-basis: 33%;
    padding: 1em;
    min-width: 250px;
    /* max-width: 50%; */
    flex-grow: 3;
}

.auto_column {
    columns: 2;
    column-gap: 6%;
}

@media (max-width: 600px) {
    .horizontal .itinerary-list li {
        padding-left:0;
        padding-right: 0
    }

    .auto_column {
        columns: 1;
        column-gap: 3%;
    }
}

/*    PRICE TABLE (s) below 

*/
.price_table {
    font-weight: 700;
    font-size: 1.37em;
    /* white-space:nowrap; */
    padding: 0px 0 1rem;
}

.price_table .grid {
    flex-direction: row !important;
    /* min-width: fit-content; */
}

.price_table svg {
    width: 2.25em !important;
    /* display: block; */
}

.price_table .col {
    max-width: max-content;
    /* min-width: fit-content; */
    margin-right: 0.5em !important;
    /* padding: 0; */
}

.price_table .col.icon {
    min-width: 2.25em;
    max-width: 2.25em;
    padding: 0;
    /* margin-right: 0.3em; */
}

.price_table .col.table__heading {
    /* min-width: auto; */
    padding: 0;
    line-height: .9;
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    align-self: start;
}

.price_table__heading {
    text-transform: uppercase;
    font-size: .5em;
    font-weight: normal;
    margin-bottom: 0.3em;
    /* display: inline-block; */
    /* clear: both; */
}

@media(max-width: 1600px) {
    .price_table .grid .col {
        /* min-width: min-content; *//* max-width: 50%; */
    }
}

@media(max-width: 600px) {
    .price_table .grid .col {
        min-width:fit-content;
        /* max-width: 50%; */
    }
}

/*    PRICE TABLES 

*/
ul.pricetable {
    list-style: none;
    /* display: inline-flex; */
    padding: 1em 0 1.5em;
    margin: 0;
    width: 100%;
    max-width: 420px;
    font-size: 1em;
}

.pricetable li {
    width: 100%;
    /* border-bottom: dashed 1px rgb(45 45 45); */
    padding: 0;
}

.pricetable li span:last-child {
    float: right;
    font-weight: 700
}

.pricetable .entry_type strong {
    font-size: 1.5em
}

.pricetable .entry_price strong {
    /* font-size: 1.5em */
}

.pricetable .entry_type {
    /* font-size: 1em */
}

/* FAQS list-style
*/
.single-faq .intro-copy {
    margin: 7.4em auto 7em;
}

ul.faq_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.faq_list li {
    width: 50%;
    float: left;
    padding: 0 3%;
    margin-bottom: 1em;
}

.faq_list li li {
    width: 100%;
    float: left;
    padding: 0;
}

.faq_list li .question {
    padding: .25em 0em .25em .5em;
    background: rgb(255 255 255 / 30%);
    border: 1px solid rgb(221 221 221 / 50%);
    border-radius: 4px 4px 4px 0;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.faq_list li .question.open {
    border-radius: 4px 4px 0px 0;
}

.faq_list li .question .hamburger {
    height: 30px;
    flex: initial;
    max-width: fit-content;
}

.faq_list li .question .hamburger-box {
    /* margin-top: 4px; */
    width: 37px;
    height: 30px;
    display: inline-block;
    position: relative;
    transform: scale(.5);
}

.faq_list li .question .hamburger-inner {
    top: 0;
}

.faq_list li .question .hamburger-inner, .faq_list li .question .hamburger-inner::before, .faq_list li .question .hamburger-inner::after {
    width: 100%;
    border-radius: 3px;
    height: 5px;
    background-color: #dddddd;
}

.faq_list li .morecontent {
    display: none;
    padding: .25em .5em;
    border: 1px solid #dddddd;
    border-top: 0;
    /* background: rgb(255 255 255 / 30%); */
    border-radius: 0 0 4px 4px;
}

.faq_list li .morecontent p {
    padding: 0em 0 .0em;
}

@media (max-width: 600px) {
    .faq_list li {
        width: 100%;
        padding: 0px 3% 1em;
    }
}

/* faq products
*/
.faq_wrap {
    list-style: none;
    padding: 0;
    margin: 0;
}

.faq_wrap > li {
    width: 50%;
    padding: 0px 3% 1em;
}

.faq_wrap ul {
    list-style: disc outside;
}

.faq_wrap ul li {
    width: 100%;
}

.faq_wrap p {
    padding: 0 0 0.6em 0;
}

.faq_wrap a {
    font-weight: normal;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: #3bd42e;
}

.faq_wrap .answer {
    font-size: .87em;
}

@media (max-width: 600px) {
    .faq_wrap > li {
        width: 100%;
        padding: 0px 3% 1em;
    }
}

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

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

.fixed-vid .videocontainer {
}

pre {
    padding: 1em;
}

/* featured-products carousel 
--------------------------- */
.featured-products ul.carousel {
    /* margin: 0px -5% !important; */
    /* padding: 0; */
    /* padding: 0px 50px !important; */
    /* margin: 0; */
}
.featured-products .slick-list{overflow:visible;}

.featured-products .slick-track {
    /* padding:0 50px; */
}

.featured-products li.item {
    width: 19.3vw;
    min-width: 250px;
    padding: 0 1.5vw 9px 0px;
    float: left;
}
.featured-products li .bg-image{position:relative;height: 340px;}
.featured-products li:hover {
    transform: scale(.99);
}

.featured-productss li:hover article.product .image_card:before {
    background: rgb(0 0 0 / 40%);
}

.featured-products li:hover article.product .title {
    /* background: rgb(0 0 0 / 1%); */
}

.featured-products li:hover article.product img {
    transform: scale(1.04);
    /* opacity: 0.9; */
}

.featured-products article.product {
    width: 100%;
    padding: 0;
    background: #fff;
    /* position: relative; */
    /* box-shadow: 0 2px 9px rgba(29, 44, 84, 0.4); */
}

.featured-products .title {
    position: relative;
    width: 100%;
    bottom: 0;
    /* background-color: #242424 !important; */
    /* opacity: 0.87; */
}
.featured-products .title{font-size: 16px; display:block; padding-top:1em}
.featured-products a.button{font-size: 13px;display: inline-block;margin: 0;}
.featured-products .title h4{text-transform:uppercase; }
.featured-products .actionwrap{padding: 0 4% 4%;font-size: 18px;font-weight: bold;text-transform: uppercase;}
.featured-products .actionwrap .col{min-width:fit-content; vertical-align:middle;}
.featured-products .cat_tag {
    position: absolute;
    /* display: block; */
    top: 9px;
    bottom: auto;
    left: 9px;
}

.featured-products .details.grid {
    flex-direction: column;
    border-left: 1px solid;
}

.featured-products .details .col {
    padding: 0 15px !important;
    margin: .25em 0 !important;
    /* border-left:1px solid; */
}

.featured-products .col.pricing {
    max-width: fit-content;
    border: 0;
}

.featured-products .col_price {
    border: 0 !important;
}

.featured-products article.product .teaser {
    margin: 0;
}

@media (max-width: 600px) {
    .featured-products article.product {
    }

    .featured-products article.product .image_card {
        padding-bottom: 120%;
    }
    .featured-products li .bg-image{height: 200px;}

    .featured-products article.product .teaser {
        display: none;
    }

    .featured-products .details .col {
        padding: 0 .25em !important;
        margin: .15em 0 !important;
        /* border-left:1px solid; */
    }

    .featured-products article.product .details {
        margin: 0;
    }

    .featured-products article.product .title p {
        padding: .125em;
        font-size: 13px;
    }

    .featured-products article.product .title {
        /* padding: 0.25em; */
        /* line-height: 1 !important; */
    }

    .featured-products article.product h4 {
        /* margin-top: 1.125em; */
    }

    .featured-products ul.carousel {
        margin: 0 -5% !important;
    }
}

/* relatedproducts carousel 
--------------------------- */
.related-products li.item {
    width: 50%;
    padding: 0.5% 1% !important;
    float: left;
}

.related-products .title {
    padding: 1em 1.25em;
}

.related-products .item_inner {
    padding: 0 !important;
}

.related-products li:hover {
    transform: scale(.99);
}

.related-products li:hover article.product .image_card:before {
    background: rgb(0 0 0 / 40%);
}

.related-products li:hover article.product .title {
    background: rgb(0 0 0 / 1%);
}

.related-products li:hover article.product img {
    transform: scale(1.01);
    opacity: 0.9;
}

/* Vertical title
--------------------------- */
.col-fixed {
    /* background:#f6f5f1; */
    /* z-index: 10; */
}

@media (max-width: 600px) {
    .col-fixed {
        width: 60px !important;
    }

    .col-fixed h2 {
        font-size: 20px;
    }
}

.verttext {
    position: absolute;
    top: 0;
    text-align: center;
    bottom: 0;
    left: 0;
    transform-origin: 50% 50%;
    transform: rotate(180deg) translateX(-50%);
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.verttext h2 {
    padding: 0;
    margin: 0;
}

/* Services Alerternating
--------------------------- */


.content_after{ padding-top:20px;}
.content_after a.button{background:#fff !important; color:#ff6500;}
.content_after a.button:hover{background:#ff6500 !important; color:#FFF; border-color:#ff6500 !important;}
.services-grid {
}

.services-grid article {
    position: relative;
    min-width: 33.333%;
    padding-bottom: 33.333%;
    color: #f6f5f1;
    text-shadow: 0 0 4px rgb(0 0 0 / 40%);
    text-align: center;
}

.column-2 .services-grid article{
     min-width: 50%;
     padding-bottom: 40%;
}

.column-3 .services-grid article {
    position: relative;
    min-width: 33.3333%;
    padding-bottom:33.3333%;
    color: #f6f5f1;
    text-align: center;
}
.services-grid article .title{position:relative;padding: 9%;}
.services-grid article .teaser a{color:#f6f5f1; text-decoration-color:#f6f5f1;}
.services-grid article .teaser a.button{border-color:#f6f5f1;z-index: 200;}
.services-grid article .teaser{height:0;display:none;opacity: 0;font-size: 0.87em;}
.services-grid article:hover{transform:scale(.98);}
.services-grid article:hover .teaser{height: 100%;display:block;overflow:hidden;opacity: 1;}
.services-grid article:hover .title{background: rgb(255 101 0 / 90%);}
.services-grid article:hover .title .col{-webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
@media (max-width: 600px) {
    .services-grid article {
        min-width: 100%;
        padding-bottom: 70%;
        margin-bottom: .5em;
    }
}

.services-grid article .tile-copy {
    /* position: relative; */
    z-index: 2;
    filter: drop-shadow(0 9px 7px rgb(0 0 0 / 30%));
}

.services-grid article:hover .tile-copy {
    transform: scale(.98);
}

.services-grid article .tile-copy h4 {
    text-transform: uppercase;
    font-size: 1em;
    padding: 0;
    font-weight: bold;
}

.services-grid article .tile-copy h2 {
    padding: 0;
    line-height: 1;
}

.services-grid article .tile-copy p {
    font-size: 0.87em;
    text-transform: uppercase;
    padding: 0;
    margin: -.5em 0 0 0;
}

.services-grid article .bg-image:before {
    /* background: rgb(0 0 0 / 10%); */
    opacity: 1;
    /* z-index: 1; */
}

.services-grid article:hover .bg-image:before {
    background: rgb(255 101 0);
}
}

.services-grid article a.link-overlay {
    border: 6px solid rgb(23 142 145 / 0);
}

.services-grid article:hover a.link-overlay {
    /* border: 6px solid #f6f5f1; */
}

.services-grid article .bg-image img {
    transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.services-grid article:hover .bg-image img {
    /* transform: scale(1.02); */
}

.services.alternating {
    /* padding: 4%; */
    /* border-radius: 7px; */
    /* background-color: #f5f5f5; */
    /* background-image: url(../images/background.svg); */
    /* background-size: 100%; */
}
.services.alternating .altern{position:relative;align-items: stretch;display: flex;}
.services.alternating .altern .background-image img{/* position:absolute; */left: 0;top: 0;}
.services.alternating .altern.grid-reverse.border-bot:after{transform:scaleX(-1);}
.services.alternating .altern.grid:nth-child(even){flex-direction:row-reverse;/* background:red; */}
.services.alternating .grid-reverse .product_icons{padding: 0;position: absolute;top: 1em;left:auto; right: 1em;z-index: 40;}
.services.alternating  .product_icons{padding: 0;position: absolute;top: 1em;left: 1em;z-index: 40;}
.services.alternating  .product_icons img{max-width: 60px;position: relative !important;}
.services-grid .inner-1170 {
    /* padding: 0; */
    position: relative;
    max-width: 100% !important;
}

.services.alternating .col.image {
    /* padding-bottom: 100%; */
    /* height: 100%; */
    align-self: stretch;
    width: 50%;
    min-width: 50%;
    padding: 0;
    /* border-radius: 50%; */
    /* background-size: 100%; */
}

.services.alternating .col.text {
    padding-left: 4%;
    padding-right: 11%;
    padding: 8% 11% 8% 11%;
    width: 60%;
    /* background: url(../images/background.svg); */
    /* background-size: contain; */
}

.services.alternating .grid-reverse .col.text {
    padding-left: 11%;
    padding-right: 4%;
    position: relative;
    z-index: 100;
}

.services.alternating .col.text h2 {
    color: inherit;
    /* font-size: 32px; */
}

/*
.services.alternating .altern:nth-child(4n+1) .col.text{ background-color:#0eb1aa; color:#f6f5f1;}
.services.alternating .altern:nth-child(4n+1) .col.text a.button{background-color:#f6f5f1; color:#0eb1aa}
.services.alternating .altern:nth-child(4n+2) .col.text{ background-color:#95d6dd; color:#f6f5f1;}
.services.alternating .altern:nth-child(4n+3) .col.text{ background-color:#235890; color:#f6f5f1;}
.services.alternating .altern:nth-child(4n) .col.text{ background-color:#FFF;}
*/
@media (max-width: 1700px) {
    .services.alternating .grid-reverse .col.text {
        /* padding:15px; */padding-left: 4%;
        padding-right: 11%;
    }

    .services.alternating .col.text {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .services.alternating .col {
    }
}

@media (max-width: 600px) {
    .services.alternating .grid-reverse .col.text {
        /* padding:15px; */padding-left: 4%;
        padding-right: 11%;
    }

    .services.alternating .col {
        /* min-width:100%; */
        /* padding-right: 3% !important; */
    }
.slideshow .inner-1170{/* padding:0 !important; */}

    .services.alternating .col.text {
        min-width: 100%;
        padding: 3em 3em 1em !important;
    }

    .services.alternating .col.image {
        /* width: 20%; */
        /* min-width: 20%; */
        /* padding: 2%; */
        /* padding-bottom: 20%; */
    }
}

/* Services Carousel
--------------------------- */

.services.carousel {
    /* margin: 0px -5% !important; */
    padding: 0;
    /* padding: 0px 50px !important; */
    margin: 0;
    list-style: none;
    overflow: visible;
}
.services.carousel .slick-slide{
    margin-left:  15px;
    margin-right:  15px;
  }

 .services.carousel .slick-list {
    margin-left: -15px;
    margin-right: -15px;
  }
.services.carousel .slick-track {
    /* padding:0 50px; */
}

.services.carousel li.item {
    position:relative;
    width: 33.33%;
    /* height: 100px; */
    padding: 0;
    float: left;
    /* padding-bottom: 33.33%; */
}
.wp-admin .services.carousel li.item{
      width: 33.33%;
        float: left;
        margin:0;
}
.services.carousel .image_card{position:absolute;}
.services.carousel article.product img{transform: scale(1.02);transition: all ease-in .3s;z-index: 1;}
.services.carousel li:hover {
    transform: scale(.98);
}
.services.carousel li:hover .title{
    /* background:red; */
}
.services.carousel li:hover article.product .image_card:before {
    background: rgb(0 0 0 / 40%);
    
}

.services.carousel li:hover article.product .title {
    background: rgb(59 212 47);
    /* background-blend-mode: multiply; */
    mix-blend-mode: hard-light;
}
.services.carousel li:hover article.product img{filter:grayscale(1);}
.services.carousel li:hover article.product.package .bg-image:before {
    background-color: rgb(35 173 217 / 1);
}
.services.carousel li:hover article.product.package .bg-image img{
    /* filter:grayscale(1); */
    /* opacity: 1; */
    /* z-index: 222; */
    }
.services.carousel li:hover article.package .title {
       background-color: rgb(35 173 217 / .7);
       /* background-blend-mode: multiply; */
     
}


.services.carousel li:hover article.product .bg-image:before {/* background: rgb(255 101 0 / 90%); *//* mix-blend-mode: soft-light; */}
.services.carousel article.product .bg-image:before{background: rgb(255 101 0 / 0%);content:' ';width:100%;height:100%;position:absolute;z-index: -1;/* background-image: linear-gradient(45deg, black, transparent); */}
.services.carousel li:hover article.product img {
    transform: scale(1);
    /* opacity: 0.6; */
    /* filter: grayscale(1); */
}
.services.carousel li:hover article.product .teaser{/* height:auto; *//* opacity:1; *//* display:block; *//* align-items:center !important; */}


.services.carousel article.product {
    width: 100%;
    /* height: 200px; */
    padding-bottom: 120%;
    /* padding: 0 0 0 33.33%; */
    position: relative !important;
    /* box-shadow: 0 2px 9px rgba(29, 44, 84, 0.4); */
}
.title{/* filter: drop-shadow(1px 1px 2px rgba(0,0,0,.2)); */}
.services.carousel .title {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    padding: 2em;
    background-image: linear-gradient(360deg, rgb(0 0 0 / 40%), rgb(0 0 0 / 0%),rgb(0 0 0 / 0%));
    /* opacity: 0.87; */
    z-index: 225232300000;
    color: #f6f5f1;
    /* text-align: center; */
}
.services.carousel .title h3{text-transform:uppercase;padding: 0;}
.services.carousel .cat_tag {
    position: absolute;
    /* display: block; */
    top: 9px;
    bottom: auto;
    left: 9px;
}

.services.carousel .details.grid {
    flex-direction: column;
    border-left: 1px solid;
}

.services.carousel .details .col {
    padding: 0 15px !important;
    margin: .25em 0 !important;
    /* border-left:1px solid; */
}

.services.carousel .col.pricing {
    max-width: fit-content;
    border: 0;
}

.services.carousel .col_price {
    border: 0 !important;
}

.services.carousel article.product .teaser {
    margin: 0;
    font-size: 0.7em;
    display:none;
    transition-duration: 1s;
}
.no-bg-image.layer a.button
.services.carousel article.product .teaser{}

 .slick-prev:before{
    background-image: url(../images/icons/caret-left.svg);
    background-size: 70%;
  }
.slick-next:before {
    background-image: url(../images/icons/caret-right.svg);
    background-size: 70%;
  }

@media (max-width: 600px) {
    .services.carousel article.product {
    }

    .services.carousel article.product .image_card {
        padding-bottom: 120%;
    }

    .services.carousel article.product .teaser {
        display: none;
    }

    .services.carousel .details .col {
        padding: 0 .25em !important;
        margin: .15em 0 !important;
        /* border-left:1px solid; */
    }

    .services.carousel article.product .details {
        margin: 0;
    }

    .services.carousel article.product .details p {
        padding: .125em;
        font-size: 13px;
    }

    .services.carousel article.product .title {
        padding: 1em 0;
    }

    .services.carousel article.product h4 {
        /* margin-top: 1.125em; */
    }

    .services.carousel ul.carousel {
        margin: 0 -5% !important;
    }
}
.services.carousel .slick-list{padding:0 0% 0 0 !important; overflow:visible;}

/* Services Slider
--------------------------- */
  .services.slider{list-style: none;/* overflow: visible; */padding: 0 !important;margin: 0;}
  .services.slider .bg-image{width: 60%;right:0;left:auto;}
  .services.slider li article{
      /* padding-bottom: 40%; */
      /* text-align: left; */
      position:relative;
  }
   .services.slider li article .bg-image{transform-origin: center left;transition-delay:.3s;z-index: -1;}
    .services.slider li article .bg-image{/* transform:scale(.95); */}

 
    .services.slider li article .bg-image:after {
    content: ' ';
    position: absolute;
    top: 0px;
    mix-blend-mode: color;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
    .services.slider li.slick-active article .bg-image{ transform:scale(1);}
    .services.slider li article .product_icons{position:absolute;left:auto;bottom: 1em;right: 1em;z-index: 2;}
.services.slider li article .title{
    background: #f6f5f1;
    display: inline-block;
    max-width: 45%;
    /* min-height: 70vh; */
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    /* color: #f6f5f1; */
    padding: 10% 8% 5% 4%;
    z-index: 21;
    /* margin: 0 0 0 0; */
    text-align: left;
}
.services.slider li article:hover .title{
     /* background:#ff6500; */
     -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
     clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
     /* padding: 0 7% 0 5%; */
     
}

     .services.slider li:nth-child(even){text-align:right;}
    .services.slider li:nth-child(even) .bg-image{ left:0; }
        .services.slider li:nth-child(even) .title{
        -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%) !important;
        clip-path: polygon(0% 0%, 100% 0, 100% 100%, 10% 100%) !important;

    }
    .services.slider li:nth-child(even) article:hover .title{
          -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;
          clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%) !important;
     }
        .services.slider li:nth-child(even) .title{  padding: 10% 4% 8% 8%;}
     
.services.slider li article .title:hover .teaser a.button{/* border-color:#000000; *//* background-color:#000000; */}
.services.slider li article .teaser{z-index:21;position: relative;/* background: red; */}
.services.slider li article .teaser ul{font-size:1.37em; margin-bottom:1rem;}
.services.slider li article .teaser li{text-align:left; }
.teaser a.button{border-color:#f6f5f1;position: relative;z-index: 22;}
.services.slider li article .title:before{position:absolute;width:100%;height:100%;top: 0;background: url(../images/design/droplets_sm.png) top left;background-size: cover;content:' ';left:0;mix-blend-mode: multiply;opacity: .2;}
@media(min-width:600px){
    .services.slider li article .title:before{background-image: url(../images/design/droplets.png);}
}

.services.slider .title {
    /* background: rgb(255 101 0); */
}
.services.slider .package .title {
    background: rgb(35 173 217 / 1);


}

@media (max-width: 600px) {
    .services.slider article.product {
    }

   .services.slider .bg-image{
       position:relative !important;
       width:100%;
   }
   .services.slider li:nth-child(even) article:hover .title,
    .services.slider li article:hover .title
    .services.slider li:nth-child(even) article:hover .title,
    .services.slider article.product .title {
        padding: 10% 4%;
        width: 100%;
        max-width: 100% !important;
        -webkit-clip-path:none  !important;
        clip-path:none  !important;
    }
    .services.slider article.product .title p{display:none;}
    .services.slider article.product .title p:last-child{display:block;}
}
/* Services Grid
--------------------------- */
.services-grid {
}

/* Services Panels
--------------------------- */
/* accom slider */
.flex-container {
    /* position: absolute; */
    min-height: 400px;
    height: 100vh;
    max-height: 830px;
    width: 100%;
    display: -webkit-flex;
    /* Safari */
    display: flex;
    overflow: hidden;
}

.flex-container a.link-overlay {
    z-index: 30;
}

.flex-title {
    position: relative;
    margin: auto;
}

.border_wrap {
    color: #f1f1f1;
    position: absolute;
    /* overflow: hidden; */
    /* padding: 15px; */
    width: 100%;
    top: auto;
    bottom: 0;
    left: 0;
    border: 20px solid rgba(255, 255, 255, 0);
    line-height: 1.3;
    text-align: left;
    height: 100%;
    right: auto;
}

.badge {
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(../images/most_popular.png);
    background-size: contain;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: top right;
}

.flex-about {
    position: absolute;
    bottom: 20px;
    left: 25px;
    width: 100%;
    height: 100%;
}

.flex-about .title.tohide {
    /* font-size: 100px; */
    transition: all .3s ease-out;
    /* font-weight: 900; */
    /* line-height: 1; */
}

.flex-about h3.title {
    color: #f6f5f1;
    margin: 0;
    padding: 0;
    /* font-size: 84px; */
    /* font-size: 34px; */
}

.flex-slide {
    -webkit-flex: 1;
    /* Safari 6.1+ */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* padding:2%; */
    position: relative;
    overflow: hidden;
    /* padding: 20px; */
    /* cursor: pointer; */
    /* background-size: cover; */
    /* background-position: center center; */
    /* background-attachment: fixed; */
}

@media screen and (max-width: 768px) {
    .flex-slide {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 10px;
        /* min-height: 400px; */
    }

    .flex-container {
        min-height: 900px;
    }

    /*.flex-slide:hover .content{padding-top:130px; background:red;}*/
}

@media screen and (min-width: 768px) {
    .flex-slide .title.tohide {
        position: absolute;
        bottom: 5px;
        left: 5px;
        transform-origin: 50% 50%;
        transform: rotate(180deg);
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }
}

@media screen and (max-width: 768px) {
    .flex-slide p {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .flex-slide ul li {
    }
}

.flex-slide.background-image:before {
    background-color: rgba(0, 0, 0, 0.55);
}

.flex-slide:hover {
    -webkit-flex-grow: 3;
    flex-grow: 3;
}

.flex-slide:hover:before {
    background-color: rgb(0 0 0 / 0.1);
    background-image: linear-gradient(0deg, rgba(0,0,0,.4), rgba(0,0,0,0));
}

.flex-slide:hover .border_wrap {
    border-color: #f6f5f1;
    /* margin: 15px; */
}

.flex-slide:hover .content {
    /* display:block; */
    transition-delay: .4s;
    opacity: 1;
    left: 10px;
}

.flex-slide .title {
    /* font-weight: 900; */
    line-height: 1;
}

.flex-slide .title.tohide {
    opacity: 1;
}

.flex-slide:hover .title.tohide {
    left: -100px;
    opacity: 0;
}

.flex-slide .content {
    /* display:none; */
    position: absolute;
    top: auto;
    /* left: 70px; */
    opacity: 0;
    transition-delay: 0;
    transition: all .3s ease;
    max-width: 80%;
    bottom: 0;
}

.flex-slide .content.hide {
    transition-delay: 0s;
}

.flex-slide .content.hide h3.title {
    margin-bottom: 20px
}

.flex-slide:hover .content.hide {
    transition-delay: .4s;
}

.flex-slide .content p:last-child {
    margin: 0;
    padding: 15px 0 0;
}

.flex-slide .button {
    position: relative;
    z-index: 35;
}

@media screen and (max-width: 768px) {
    .flex-container {
        flex-direction: column;
    }

    .flex-about {
        padding: 0;
        top: auto;
        left: 1em;
        bottom: 1em;
        height: auto;
        /* vertical-align: bottom; */
    }

    .flex-slide .content p:last-child {
        display: block;
    }

    .flex-slide .content a.button {
        font-size: 18px;
        padding: 10px 15px;
    }
}

@media screen and (max-width: 374px) {
    .flex-slide:hover .border_wrap {
        margin:0;
    }
}

.featured_image .bg-image {
    /* max-width:95%; */
    /* margin-left:2.5%; */
}

.featured_image .inner {
    padding-bottom: 37%;
}

.featured_image .info {
    top: auto;
    height: auto;
    width: auto;
    bottom: 4%;
    left: auto;
    right: 5%;
    color: #f6f5f1;
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,.2));
}

.featured_image .info h4 {
    margin: 0;
    padding: 0 0 10px 0;
}

.featured_image .info p {
    padding-bottom: 0;
    font-weight: 500;
}

/* Page Touchpoints 
--------------------------- */
.discover {
    /* height: 10px; */
    /* background: red; */
    position: relative;
    /* display: table-row; */
    margin: 0px 2% !important;
    /* padding-top: 1em; */
    /* margin: 0 -1.4% 0 -1.4%; */
}

.page_touchpoints .nomargin.inner {
}

.page_touchpoints .nomargin.inner {
}

/*.page_touchpoints .nomargin .page_touchpoint{
    padding: 0;
    position: relative;
    flex: 1;
   
    height: 150px;
    margin: 0;
 
    vertical-align: top;
    }
    */
.page_touchpoints {
}

.page_touchpoints .nomargin.inner .discover {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    background: #272726;
}

.page_touchpoints .nomargin .page_touchpoint {
    border: 0px;
    padding-bottom: 46% !important;
    flex: 1;
    min-width: 25%;
    margin: 0;
    width: 100%;
}

.page_touchpoints .nomargin .page_touchpoint .tile-copy {
    top: 45%;
}

.page_touchpoints .nomargin .page_touchpoint:hover {
}

.page_touchpoints .nomargin .page_touchpoint:first-child:hover {
}

.page_touchpoints .nomargin .page_touchpoint:last-child:hover {
    border-right: 0px;
    ; }

.page_touchpoints .nomargin .page_touchpoint:nth-child(even) {
    transform-origin: center;
    transition: all .3s ease;
}

.page_touchpoints .nomargin .page_touchpoint:nth-child(even) .tile-copy {
}

.page_touchpoints .nomargin .page_touchpoint:nth-child(odd) {
}

.page_touchpoints .nomargin .page_touchpoint:nth-child(odd) .tile-copy {
}

.page_touchpoints .nomargin .page_touchpoint .tile-copy h3 {
    font-size: 5em;
    line-height: .9 !important;
}

@media (max-width: 700px) {
    .page_touchpoints .nomargin .page_touchpoint {
        min-width: 33.33%;
    }
}

@media (max-width: 400px) {
    .page_touchpoints .nomargin .page_touchpoint {
        min-width: 50%;
    }
}

.page_touchpoint {
    background: transparent;
    background: #181818 url(../images/dark_bg.png) bottom center !important;
    background-size: contain;
    position: relative;
    vertical-align: top;
    display: inline-block;
    width: 31.33%;
    margin: 0 1%;
    overflow: hidden;
    transition: transform .3s ease;
}

.page_touchpoint:hover {
}

.discover .image_overlay {
}

.discover article:nth-child(3n+2) .image_overlay {
    background-image: url(../images/circle_yellow.png)
}

.discover article:nth-child(3n+3) .image_overlay {
    background-image: url(../images/circle_white.png)
}

.page_touchpoint h4 {
    line-height: 1 !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    letter-spacing: 0.6px !important;
}

.page_touchpoint h4 strong {
    font-size: 1.25em;
    font-weight: 600;
    letter-spacing: 2.91px;
    text-transform: uppercase;
    line-height: 1 !important;
}

.page_touchpoints .page_touchpoint .bg-image {
    z-index: 2;
    position: relative;
    display: block !important;
    padding-bottom: 60%;
    transform-origin: bottom;
    transition: all 0.2s cubic-bezier(.075, .82, .165, 1) !important;
}

.page_touchpoint .videocontainer.bg-image {
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 0 !important;
    height: 33%;
}

.page_touchpoint .bg-image.hover {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    height: 230px;
}

.page_touchpoint.post-25 .bg-image {
    background-position: bottom center;
}

.page_touchpoint .bg-image:before {
    background-color: rgba(0, 0, 0, 0.16);
}

.page_touchpoint:hover .bg-image {
    z-index: 3;
}

.page_touchpoint:hover .bg-image.hover {
    z-index: 3;
}

.page_touchpoint .tile-copy {
    text-align: center;
    width: 100%;
    padding: 0 15px 15px;
    font-size: 14px;
    line-height: 1.3;
    position: relative;
}

.page_touchpoint .tile-copy h3 {
    font-size: 5.5em;
    margin: 0 0 .25em 0;
    line-height: .9 !important;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 900;
    transition: all 1s ease;
}

.icon_cruise {
    background: url(../images/icons/cruise-ship.svg) no-repeat center;
    background-size: contain;
    width: 100%;
    height: 2em;
    margin-bottom: .25em;
}

.layer .page_touchpoint p a {
    color: #f6f5f1;
    text-decoration: underline;
    text-decoration-color: rgb(100, 119, 49);
    font-weight: 900;
}

.layer .page_touchpoint h4 {
    color: #f6f5f1;
    margin: 0.8em 0 0.2em;
    font-weight: 800 !important;
}

.layer .page_touchpoint h4 a {
    color: #f78f23;
    font-weight: 800 !important;
}

.has-bg-image.layer .page_touchpoint a {
    color: var(--white);
    border-color: var(--white);
}

.page_touchpoint a:before {
    display: none;
}

.page_touchpoint .tile-copy p {
    color: #f6f5f1;
}

.page_touchpoint .tile-copy p:last-child {
    margin-bottom: 0;
}

.page_touchpoint:hover .tile-copy p {
}

.page_touchpoint:hover .bg-image {
    transform: scale(1.1);
    transform-origin: bottom;
}

.page_touchpoint:hover .bg-image:before {
    background-color: rgba(0, 0, 0, .6);
}

.page_touchpoint .image_overlay {
    transition: all .7s ease-out 0s;
    z-index: 3;
}

a.link-overlay:hover:after {
    background: none;
}

.page_touchpoints .no-margin.inner {
    padding: 0;
}

.page_touchpoints .no-margin .page_touchpoint {
    width: 33.3333%;
    margin: 0;
    display: block;
    float: left;
}

.page_touchpoint:hover .image_overlay {
    opacity: .1;
    background-position: 10px 0px;
}

.page_touchpoint:hover {
    z-index: 10;
    background: rgba(0, 0, 0, 0.2);
    transform: translateY(5px) scale(.99) !important;
    transition-delay: .3s !important;
    box-shadow: 0px 0px 20px rgba(86, 83, 70, .2);
}

.text-on-dark .page_touchpoint:hover {
}

.page_touchpoint:hover .tile-copy {
    height: auto;
}

.page_touchpoint a.button {
    border: 2px solid #565346;
    padding: 0 15px;
    margin-left: 0;
    white-space: normal;
    color: #565346;
    transition-delay: .2s;
}

.page_touchpoint:hover a.button {
    opacity: 1 !important;
    color: var(--white);
    border: 2px solid;
    background-color: #292929;
}

.page_touchpoint a.button:after {
    display: none;
}

@media(max-width: 480px) {
    .page_touchpoint .tile-copy p {
    }

    .page_touchpoint .tile-copy {
    }

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

@media(max-width: 600px) {
    .page_touchpoint .tile-copy p {
    }

    .page_touchpoint .tile-copy {
    }

    .page_touchpoint .tile-copy h3 {
        font-size: 15px;
    }
}

@media(max-width: 1280px) {
    .page_touchpoint {
        width: 50%;
    }
}

@media(max-width: 600px) {
    .page_touchpoint {
        width: 100%;
        text-align: center;
    }
}

.cta {
    color: #f6f5f1;
    overflow: hidden;
}

.cta .inner {
    padding: 0;
    max-width: 100%;
}

.cta a {
    color: #f6f5f1;
}

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

.cta h1, .cta h2, .cta h3, .cta h4, .cta h5 {
    margin: 0;
    padding: .5em;
    letter-spacing: 0.1em;
}

.cta_content {
    overflow: hidden;
}

.cta span {
    white-space: nowrap;
}

span.dash {
}

@media (max-width: 950px) {
    .cta h4 {
        font-size: 1.2em;
    }

    .cta h3 {
        font-size: 1.2em !important;
    }
}

@media (max-width: 700px) {
    .cta h4 {
        font-size: 1.1em;
    }
}


/* Tabs
  --------------------------- */
ul.tabs {
    margin: 0px;
    padding: 0;
    list-style: none;
    text-align: center;
    text-shadow: none;
}

ul.tabs li {
    color: #242424;
    display: inline-block;
    background: rgb(255 255 255 / 20%);
    border: 2px solid #242424;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    padding: 0.4em 0.4em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* max-width: 186px; */
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0.070em;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
}

.no-touch ul.tabs li:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
}

ul.tabs li.current {
    background-color: #242424;
    color: #f6f5f1;
}

.no-touch ul.tabs li.current:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.tab_content_holder {
    padding: 1em;
    text-shadow: none;
    /* background: #f6f5f1; */
    color: initial;
    border-top: 3px solid #242424;
}

#PageContainer .tab-content {
    height: 0;
    opacity: 0;
    transition: all .5s;
    overflow: hidden;
}

.tab-content.current {
    height: auto;
    opacity: 1;
}

.tab-content ol, .tab-content li {
    padding: 0;
}

.rank-math-breadcrumb {
    color: #ccc;
    font-size: .87em;
    /* margin: 0; */
    font-weight: 600;
    line-height: 1;
    padding: 11px 10px 0px;
}

.rank-math-breadcrumb p {
    /* margin: 0 0 -1em 0; */
    padding: 0;
}

.rank-math-breadcrumb :before {
    vertical-align: top
}

.rank-math-breadcrumb a {
    color: #19325e;
    text-decoration: none;
}

.rank-math-breadcrumb a:hover {
    color: #f78f23;
}

.breadcrumb_last {
    /* color: #ccc */
}




/* testimonials
  --------------------------- */
#testimonials_slider {
    display: none;
}

#testimonials_slider.slick-initialized {
    display: block;
}
.testimonials{overflow: hidden !important;/* position:relative; */}
.testimonials .bg-image{/* position:fixed; */}
.testimonials .inner {
    padding: 0;
}

.testimonials {
    /* width: 100%; */
    /* color: #FFF; */
    /* height: 10px; */
}

.testimonials h4 strong{font-weight:normal !important; font-size:.7em !important; }

.instagram {
    margin: 0 -10px;
}

.instagram #sb_instagram {
}

.instagram h4 {
    padding: 0;
    margin: 0;
    font-size: 2.7em;
    font-weight: normal;
    line-height: 1.3;
    text-transform: uppercase;
    background: #221f1f;
}

.instagram h4 a {
    display: inline-block;
    color: #10100f;
    padding: 0;
}

#sb_instagram .sbi_item:nth-child(3n+1) a {
}

#sb_instagram .sbi_item:nth-child(3n+2) a {
}

#sb_instagram .sbi_item, #sb_instagram .sbi_item:nth-child(3n) a {
}

.subheader {
    vertical-align: middle;
}

.icon-tripadvisor-logotype {
}

/*
---- AUTHOR --------------------------
*/
.author_content {
    /* vertical-align: top; */
}

.author_image, .author_title {
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
}

.author_image {
}

.author_title {
    text-align: left;
    color: #a3a3a3;
}

.author_title p {
    margin: 0;
    padding: 0;
}

.author_title strong {
    color: #3bd42e;
    font-size: 1.25em;
}

@media (max-width: 600px) {
    .author_title {
        text-align:center;
    }
}

ul.contact_list {
    list-style: none;
    border: 0;
}

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

ul.contact_list li:before {
    position: absolute;
    /* display: inline-block; */
    top: 0.25em;
    left: 0;
    content: '';
    width: 1em;
    background-size: 1em;
    background-position: left center;
    background-repeat: no-repeat;
    height: 1em;
}

ul.contact_list li.email:before {
    background-image: url(../images/icons/envelope.svg);
}

ul.contact_list li.phone:before {
    content: '';
    background-image: url(../images/icons/call.svg);
}

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

ul.contact_list li a {
    color: #0f2751;
    text-decoration: underline;
    text-decoration-color: rgba(255,255,255,.05);
}

ul.contact_list li a:hover {
    color: #3bd42e;
    /* text-decoration-color: rgba(255,255,255,1); */
    text-decoration-color: rgb(15 39 81);
}

.html:not([dir=rtl]) .nf-form-content ul.gform_fields:not(.top_label) .clear-multi, html:not([dir=rtl]) .nf-form-content ul.gform_fields:not(.top_label) .gfield_description, html:not([dir=rtl]) .nf-form-content ul.gform_fields:not(.top_label) .ginput_container:not(.ginput_container_time):not(.ginput_container_date) {
    margin-left: auto !important;
}

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

.map {
    background: #c2cad5 !important;
    /* min-height: 640px; */
    position: relative;
}

.map h1, .map h3 {
    color: #f6f5f1;
}

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

.map ._inner {
    max-width: 450px;
    padding: 30px;
    color: #f6f5f1;
}

.map ._inner a {
    color: #f6f5f1;
    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: #f6f5f1;
}

.map .icon-drag {
}

.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;
    }
}

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

.map {
    /* padding: 0 !important; */
    /* margin-bottom: 5em; */
}

#map {
    /* padding-bottom: 57%; */
    clear: both;
    position: relative;
}

/* Layer backgrounds
--------------------------- */
.lightpatternbg .layout_wrap {
    background: #fff url(../images/pattern.jpg) no-repeat top center;
    background-size: contain;
    background-attachment: fixed;
}

.lightpatternbg .layout_wrap .loop-1 {
    background: none;
}

.layer.white {
}

.layer .white {
    color: #f6f5f1;
}

.layer.grey {
    background: #393939;
}

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

.background-image:before {
    content: ' ';
    display: block;
    position: absolute;
    /* background-color: rgba(0, 0, 0, 0.18); */
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    transition: all .3s ease;
    /* background: linear-gradient(0deg, rgb(255 255 255), rgb(0 0 0 / 0)); */
}

.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 
--------------------------- */
.layout_tiles .col {
    /* min-width: 33%; */
    /* flex: 1; */
}

.layout_tiles .tile_inner {
    /* padding: 10px; */
    margin-bottom: 15px;
    background: #ffffff;
    overflow: hidden;
    border-radius: 4px;
}

.layout_tiles .tile_icon {
    margin: 10px auto;
    max-width: 75px;
}
.layout_tiles .tile-copy{padding:1.5em 1em;}
.layout_tiles h4 {
    margin-top: 0;
    font-size: 1.7em !important;
    /* line-height: 1.2 !important; */
    /* margin-bottom: 5px; */
    padding: 0;
    /* color: #f78f23; */
}

@media (max-width: 767px) {
    .layout_tiles .col {
        min-width: 50%;
        flex: 1;
       
    }
}
@media (max-width: 600px) {
    .layout_tiles .col {
        min-width: 100%;
        flex: 1;
    }
}

.grid .tile-copy a {
}

.grid .tile-copy {
}

.grid .tile-copy h2 {
}

.light .top_nav a, .light .intro-copy {
    color: #231f20;
}

.light .flexslider .slides>li {
    background: #f6f5f1;
}

.light a {
    color: #f6f5f1;
}

.grid.column-2 .col {
}

.image_holder {
}

.image_holder {
    display: block;
    /* text-align: center; */
    position: relative;
    /* background: #fff; */
    padding: 8px;
}

.image_holder:after{
    opacity: 1;
    /* background-color: #3bd42f; */
    /* mix-blend-mode: color; */
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 0;
    top: 0;
    content: ' ';
    /* background: url(../images/icons/zoom-in.svg) no-repeat center; */
    /* background-size: 2em; */
    z-index:1000000;
}

.image_holder:hover {
}

.image_holder img {
    padding: 8px;
    position:relative;
    background: #ffffff;
    display: block;
    margin: 0 auto;
    /* width: 100%; */
}

.gallery_images {
    padding: 0;
    list-style: none;
    margin: 0 auto;
}

.gallery_images_wrap .lSSlideWrapper {
    border: 3px solid #f6f5f1;
}

.gallery_images img {
    max-width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    width: 100% !important;
    max-height: 100%;
    position: relative;
    object-fit: cover;
    transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.gallery_images {
}

.col.imgwrap {
}

.col.imgwrap .imgholder {
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    height: 100%;
}

.col.imgwrap a {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.col.textwrap {
    /* padding: 2% 0% 2% 7.3%; */
}

.text-on-left .col.textwrap {
    /* padding: 2% 7.3% 2% 3%; */
}

.noimgcolp .col.imgwrap {
    padding: 0;
    margin: -2% 0 -2%;
}

.noimgcolp .col.imgwrap .image_holder {
    padding: 0;
}

.abs {
    position: absolute !important;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.abs:before {
    display: none;
}

a.link-overlay {
    z-index: 20;
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: none;
    /* background: red; */
}

a.link-overlay:before {
    display: none;
}

a.link-overlay:after {
    opacity: 0;
    background: #f6f5f1;
    color: #2d3038;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 0;
    top: 0;
    content: ' ';
    background-size: 2em;
    /* background-color: rgba(0, 0, 0, 0.1); */
}

a.link-overlay:hover:after {
    opacity: 1;
}

/*.
.no-image .col.textwrap{width: 35% !important;color:#f6f5f1;}*/
.no-image .imgwrap {
    display: none;
}

.image-show-100 .imgwrap {
    text-align: center;
    display: none;
}

.image-round img {
    border-radius: 50%;
}

.image-round .venobox {
    position: relative;
}

.image-round .venobox:after {
    border-radius: 50%;
}

.image-tall .image_holder {
    padding: 0;
}

.image-tall .imgwrap {
    /* display: block; */
    /* flex: none !important; */
    /* width: 100%; */
    /* max-width: 90% !important; */
    /* position: absolute !important; */
}

.show_overlay .image_holder {
    position: relative;
    display: block;
}

.show_overlay .image_holder:before {
    content: ' ';
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 0;
    height: 100%;
    background: url(../images/icons/stars.svg) no-repeat 10% 10%;
    left: 0;
}

@media (max-width: 599px) {
    .image-show-100 .bg-image {
        background-size: auto;
        background-position: top center;
    }

    .location .bg-image {
        display: none;
    }

    .no-image .background-image:before, .image-show-100 .bg-image:before {
        background: rgba(0, 0, 0, 0.2);
    }

    .no-image .imgwrap, .image-show-100 .imgwrap {
        display: inline-block;
    }

    .image-show-100 .imgwrap img {
        display: inline-block;
        margin: 0 auto;
    }

    .image-show-100 .textwrap {
        padding-bottom: 0;
    }

    .unfix-bg-100 .bg-image {
        background-attachment: initial;
    }
}

.light {
}

.border-top:before {
   position: absolute;
   pointer-events: none;
   position: absolute;
   height: 100%;
   content: ' ';
   width: 100%;
   top: 0;
   bottom:auto;
   z-index: 2;
   left: 0;
   background: url(../images/design/border_bot_sm.png) no-repeat top center;
   background-size: 100%;
   /* mix-blend-mode: multiply; */
}

.border-bot:after {
   position: absolute;
   pointer-events: none;
   position: absolute;
   height: 100%;
   content: ' ';
   width: 100%;
   bottom: 0;
   z-index: 5;
   left: 0;
   background: url(../images/design/border_top_sm.png) no-repeat bottom center;
   background-size: 100%;
   mix-blend-mode: normal;
}

@media(min-width:600px){
    .border-top:before{  background-image: url(../images/design/border_bot.png);}
    .border-bot:after{   background-image: url(../images/design/border_top.png);}
}

.vbox-close {
    color: #FFF !important;
}

a.venobox[href$=".png"]:before {
    display: none;
}

a.venobox {
    display: block !important;
    position: relative;
    /* z-index: 1; */
}

a.venobox:before {
    display: none;
}

a.venobox:after {
    opacity: 0;
    color: #2d3038;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 0;
    top: 0;
    content: ' ';
    background: url(../images/icons/zoom-in.svg) no-repeat center;
    background-size: 2em;
}

a.venobox:hover:after {
    opacity: 1;
    filter: drop-shadow(0px 2px 6px rgba(0,0,0,.5));
}

a.venobox[data-vbtype="iframe"]:after {
    display: none;
}

.subpages {
}

.subpages article {
    min-width: 48%;
    position: relative;
    padding-bottom: 50% !important;
    border-radius: 50%;
}

.subpages article:hover .bg-image {
    transform: scale(1.05);
}

.subpages article:hover .tile-copy {
}

.subpages .grid {
}

.subpages .bg-image:before {
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
}

.subpages .page_touchpoint .bg-image:before {
}

.subpages .tile-copy {
}

.subpages .tile-copy img {
    padding: 0px 10px 0;
    max-width: 150px;
    margin: 0 auto;
    display: inline-block;
}

.layer .page_touchpoint p a.button {
    color: #f6f5f1;
    border-color: #f6f5f1;
}

.subpages a:before, .subpages a:after {
    display: none;
}

@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) {
}

@media screen and (max-width: 767px) {
    .subpages article {
        min-width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .subpages article {
        min-width: 100%;
    }
}

.author {
    background-color: #f6f6f6;
}

.author_image img {
    border-radius: 50%;
    border: 6px solid #3bd42e;
}

.author p {
    font-size: 22px;
    line-height: 1.4;
}

.company_logos {
    position: relative;
    /* max-width: 1170px; */
    /* background: #f8f8f8; */
    /* margin: 0 auto; */
    text-align: center;
}
.company_logos .inner{background:none;}
.company_logos h4 {
    color: #221f1f;
    font-size: 26px;
    font-weight: 800;
    line-height: 34px;
    text-transform: uppercase;
    font-style: italic;
    text-align: center;
    margin-bottom: 1em;
}

ul.companies_slider {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
}

.companies_slider li {
    /* padding: 10px; */
    /* width: 25%; */
    /* width: 33.33%; */
    /* background: #fff; */
    text-align: center;
    height: 100%;
    display: inline-block;
}

.companies_slider li img {
    vertical-align: middle;
    padding: 10px;
    filter: grayscale(1);
    max-height: 130px;
    /* width: 100%; */
    background: #fff;
}

.companies_slider li:hover img {
    filter: grayscale(0);
}

.companies_slider a {
    display: block;
    position: relative;
    text-decoration: none;
    /* background: #f6f5f1; */
}

.company_logos .companies_slider a:hover {
    opacity: 1;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-5px) scale(1.025);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    z-index: 1;
}

.company_logos a:before {
    display: none;
}

@media(max-width:600px){

    .companies_slider li img {max-height: 70px;width: auto;}
}



#imageGallery li {
    background: var(--blue);
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}

.wp-admin .cS-hidden {
    height: auto;
    opacity: 1;
    filter: alpha(opacity=1);
}

.wp-admin .cS-hidden li {
    display: none;
}

.wp-admin .cS-hidden li:first-child {
    display: block;
}

.single .navigation {
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 0;
}

.single .navigation .col {
    width: 50%;
    text-align: left;
    padding: 0 20px 0;
    position: relative;
    border: 1px solid rgb(24 142 146 / .05);
    border: 1px solid rgb(24 142 146 / .05);
    border-left: 0;
    border-bottom: 0;
}

.single .navigation .col:first-child {
}

.single .navigation .col:last-child {
    padding-left: 4%;
    text-align: right;
    border-right: 0;
    border-bottom: 0;
}

.single .navigation .col>span {
    font-size: 11px;
    text-transform: uppercase;
    line-height: 3;
}

.single .navigation .col>span a {
    color: #3bd42e;
    font-weight: 600;
    text-decoration: none;
    position: relative;
}

.icon-right-arrow:after {
    font-style: normal;
    content: '\e902';
    font-family: 'feather';
    display: inline-block;
    right: 0;
    top: 0;
    color: #ccc;
}

.icon-left-arrow:after {
    content: '\e901';
    font-style: normal;
    font-family: 'feather';
    display: inline-block;
    right: 0;
    top: 0;
    color: #ccc;
}

.single .navigation .col h3 {
}

.single .navigation .col .flex {
    display: flex;
    align-items: center;
}

.single .navigation .col .flex img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.single .navigation .col .flex h4 {
    margin: 0 0 0 13px;
    font-size: 15px;
}

.single .navigation .col .flex h4 span {
    font-weight: 400;
}

.single .navigation a {
    /* font-weight: 900; */
    color: #242424;
    /* font-family: 'headline'; */
    text-decoration-color: #3bd42e;
    text-transform: uppercase;
}

.single .navigation a:hover {
    text-decoration: underline;
    text-decoration-color: #3bd42e;
}

.single .navigation .col :before {
    vertical-align: middle;
}

@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;
    }
}

#maverick-logo {
    display: inline-block;
    vertical-align: middle;
    width: 86px;
    height: 30px;
    background-size: cover !important;
    overflow: hidden;
}

.is-loaded #maverick-logo {
    background: url(../images/logos/kea.png) no-repeat top center;
}

#maverick-logo:hover, #maverick-logo:active {
    background-position: 0 100%;
}

/* BACK to top
-------------------------- */
.back-to-top-wrap {
    transition: 0.3s ease;
    z-index: 50;
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: auto;
}

a.back-to-top {
    display: inline-block;
    text-decoration: none;
    color: #f6f5f1;
    float: right;
    font-size: 0;
    margin: 8px 3px 0px 0;
    padding: 3px;
    background: #ffffff;
    border-radius: 50%;
    /* border: 2px solid #221f1f; */
    display: none;
    transition: 0.3s ease;
}

.back-to-top-wrap img {
    width: 35px;
    height: 35px;
}

.back-to-top-wrap:hover {
    /* bottom: 8px; */
    transform: scale(1.2);
    /* padding: 5px; */
}

.back-to-top-wrap:hover {
    /* bottom: 8px; */
}

/* footer
**********************************/
.layout_wrap_footer {
    /* background-image: linear-gradient(3deg,#f6f5f1,#fff); */
    font-size: 16px;
    margin: 0 auto;
}

.layout_wrap_footer .grid {
    z-index: 2;
    position: relative;
}

footer {
    position: relative;
    /* font-size: 1.3em; */
    /* padding-top: 40vh !important; */
}

footer .inner {
    padding: 6px 15px 0;
    margin: 0 auto;
    /* max-width: 100%; */
}

footer p.copyright {
    font-weight: 500;
    color: #221f1f;
    line-height: 1;
    font-size: 0.7em;
    /* font-size: 11px; */
}

footer p, footer li {
    /* color: #f6f5f1; */
}

footer .social-links a {
    clear: both;
}

.layout_wrap_footer {
    background-image: linear-gradient(180deg,rgb(246 245 241 / 0%),#fff,#fff,#fff,#fff);
}

.subfooter .col {
    max-width: 100%;
}
.footer-meta{max-width:fit-content;text-align:left;/* padding-right: 7em; */}

.footer__logowrap {
    position: relative;
}

.footer__logowrap .logo {
    font-size: 0px;
    line-height: 0px;
    color: transparent;
    background-repeat: no-repeat;
    position: relative;
    z-index: 7;
    width: 100%;
    background: #f6f5f1;
    margin: 0 auto;
    max-width: 30%;
    min-width: 300px;
    display: block;
    padding: 0 40px;
    background-size: contain;
    background-position: center;
}

.footer__logowrap .logo a {
    background-color: white;
    background-image: url(../images/logos/white-island-tours-logo.png);
    background-repeat: no-repeat;
    position: relative;
    display: block;
    padding-bottom: 30%;
    background-size: contain;
    background-position: top center;
}

.footer__logowrap:before {
    width: 100%;
    position: absolute;
    top: 39%;
    left: 0;
    content: ' ';
    height: 2px;
    background: #242424;
}

.logo_footer {
    margin: 5px 12px;
    padding: 15px;
    line-height: 0px;
    color: transparent;
    width: 50%;
    display: block;
}
.off-canvas-booking-btn a{
  background-color: #3bd42e;
  margin: 0 auto;
  display: block;
  text-align: center;
  margin-bottom: 2em;
  font-weight: 700;
}

.drawer__inner .logo_footer {
    padding: 0;
    margin: 0 auto;
    width: 80%;
    /* transform: rotate(3deg); */
}

.drawer__inner .logo_footer svg, .drawer__inner .logo_footer img {
    padding: 3em;
    margin: 0 auto;
    display: block;
    /* transform: rotate( -3deg); */
    /* filter: brightness(0.8) invert(1) grayscale(1); */
}

footer .column-3 {
    max-width: 900px;
    margin: 0 auto;
}

footer .flex .column1 {
}

@media (max-width: 600px) {
    .layout_wrap_footer {
        /* padding-top:0; */ text-align: center;
        /* padding-bottom: 430px !important; */
    }

    .layout_wrap_footer:before {
        /* background: none; */
    }

    footer {
        /* padding-top: 40px !important; */
        /* padding-bottom: 40px; */
        /* text-align: center; */
    }
}

footer .col {
    padding: 1em 2em;
    min-width: fit-content;
    max-width: fit-content;
}

footer .col .widget {
    /* text-align: left; */
    /* display: inline-block; */
}

footer .col .widget:first-child {
    margin-top: 0;
}

footer .column1 {
    /* text-align: center; */
    flex-grow: 3;
    /* max-width: 621px; */
    /* max-width: 700px; */
    padding-right: 7em;
}

footer .logo, footer img.logo {
    max-width: 620px;
    transform: rotate( -3deg);
}

footer .column1 .widget {
    /* text-align: center; */
}

footer .column5 p {
    margin-top: 1em;
}

footer .column5>div {
}

footer .column2 {
    /* max-width: 300px !important; */
    /* min-width: 20%; */
}

footer .column3 {
    /* text-align: center; */
}

footer .column4 {
}

footer .column5.col {
     text-align: center; 
    flex-basis: 0;
}

footer .column5 img {
    max-width: 160px !important;
    margin: 1.3em auto;
}

@media (max-width: 600px) {
    footer .col {
        min-width: fit-content;
        max-width: 100%;
        padding: .75em .5em 1em;
        text-align: left;
    }

    footer .column1.col {
        min-width: 100%;
        max-width: 100%;
        padding-bottom: 2em;
        text-align: center;
    }

    footer .column1.col img {
        display: inline-block;
        width: 50%;
    }

    footer .column2.col {
       display:none;
    }
   footer p.social-links a{float:none;display: inline-block;/* clear: initial; */}
.layout_wrap_footer .grid{/* flex-direction:column-reverse; */}
    footer .col:last-child {
        /* text-align: center; */
    }
}

footer .widget_media_image {
    margin: 0 auto;
}

footer .widget_media_image img {
    max-width: 420px !important;
    width: 100%;
    height: auto;
}

footer.layer .textwidget a {
    font-weight: 500;
}

footer h4.widgettitle {
    /* font-style: italic; */
    font-size: 1.37em;
    font-family: 'interstate';
    /* font-weight: 900; */
    padding-bottom: 0.7rem;
    text-transform: uppercase;
}

footer.layer .textwidget a.button {
    display: block;
    min-width: 200px;
    text-align: center;
    color: #000;
    border-color: #000;
}

#menu-footer-links {
    text-align: center;
    margin: 1em 0 1em;
    font-size: 1.2em;
}

#menu-footer-links li {
    padding: 5px;
}

#menu-footer-links a {
    color: #221f1f;
    font-weight: 500;
    padding-bottom: .5em;
    text-transform: uppercase;
    border-bottom: 4px solid rgba(255, 255, 255, 0);
    width: 100%;
}

#menu-footer-links a:hover {
    color: #18325e;
    border-color: #18325e;
}

footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

footer ul li {
    padding: 0;
    margin: 0;
    /* display: inline-block; */
    /* line-height: 2; */
}

footer ul.awards {
}

footer ul.awards li {
    padding: 10px 0;
}

footer ul.awards li img {
    max-width: 80px;
}

footer .menu {
    height: auto;
    text-transform: uppercase;
}

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

footer .menu:after {
    clear: both;
}

footer .menu li {
    display: block;
}

footer .menu li li {
    display: none;
}
footer .menu li a{
    font-size: 1.37em;
}
footer.layer .menu li a, footer.layer .textwidget a {
    position: relative;
    /* font-size: 1em; */
    overflow: hidden;
    text-overflow: ellipsis;
    /* display: block; */
    /* white-space: nowrap; */
    /* font-weight: 700; */
    /* font-style: italic; */
    font-weight: 600;
    /* color: #0f2751; */
    text-decoration: underline;
    text-decoration-color: rgb(59 212 46 / 0%);
    /* text-shadow: 8px 14px 68px rgba(29, 49, 107, 0.4); */
    /* font-size: 2em; */
    /* line-height: 2; */
    /* margin-top: 0; */
    /* text-transform: uppercase; */
    /* font-size: 1.5em; */
    /* font-weight: 400; */
    /* line-height: 1.2; */
    /* margin-bottom: 0; */
    /* letter-spacing: 2.34px; */
}

footer .menu li a:hover, footer.layer .textwidget a:hover {
    color: #000000;
    /* font-weight: 500; */
    /* text-decoration: 2px; */
    text-decoration-color: #3bd42e;
}

p.social-links.center {
    /* margin:0 auto; */
    display: block;
}

p.social-links.center a {
    float: none;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border: 0px;
    background: #19325e;
}

p.social-links.center a:hover {
    background: #f78f23;
}

p.social-links.center svg {
    width: 30px;
    height: 30px;
}

p.social-links {
    font-size: 16px;
    display: inline-block;
}

p.social-links a:before, p.social-links a:after {
    display: none;
}

p.social-links a {
    display: block;
    width: 2.5em;
    float: left;
    height: 2.5em;
    border: 1px solid;
    padding: 5px;
    border-radius: 50%;
    margin: 0 4px 7px;
}

p.social-links svg {
}

p.social-links a:hover {
}

p.social-links a:hover svg {
    fill: #f6f5f1;
}

p.social-links a {
    background: #242424;
    border-color: #242424;
    color: #f6f5f1;
}

p.social-links svg {
    width: 100%;
    fill: #f6f5f1;
    height: auto;
}

footer p.social-links a:hover {
    /* background: #0f2751; */
    transform: scale(1.1);
    /* border-color: #0f2751; */
}

p.social-links a:hover svg {
    fill: #f6f5f1;
}

.drawer p.social-links {
    padding: 1em 0;
    /* position: absolute; */
    /* bottom: 0; */
    /* padding: 0 2em; */
}

.drawer p.social-links svg {
    fill: #f6f5f1;
}

.social_icon {
    border: none !important;
}

.social_icon:before {
    display: none !important;
}

.page_layout .social_icon img {
    width: 3em;
}

footer .social_icon img {
    width: 2em;
}

.drawer .social_icon img {
    width: 2em;
    filter: invert(1);
}

.flexible_layout .inner {
    padding-left: 0;
    padding-right: 0;
    max-width: 1170px;
}

.page_layout.reverse_grid:nth-of-type(even) .grid.column-2 {
    flex-direction: row-reverse;
}

@media (max-width: 599px) {
    .grid.column-2 .col {
        width: 95%;
        text-align: center;
        float: none;
        margin: 0 auto;
    }

    .grid.column-2 {
        display: block;
    }

    .grid.column-2 .image_holder {
        padding: 1em 2em;
        max-width: 60%;
        margin: 0 auto;
    }
}

/* 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-default, 
.pad-top-80 {
    padding-top: 80px;
}
.pad-bot-default, 
.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-default, .pad-top-40 {
        padding-top: 20px;
    }

    .pad-bot-default, .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;
    }
}

.layer {
    /* background-color: #f6f5f1; */
    /* overflow: hidden; */
    position: relative;
    /* z-index: 2; */
}

.layer.has-bg-image {
}

.col {
    padding: 0 4%;
    /* position: relative; */
}

.layout_gallery {
    padding: 0;
}

.layout_gallery .inner-1170 {
    padding: 0;
    max-width: 100% !important;
}

.layout_gallery img {
    display: block;
    width: 100%;
    /* padding: 0 1em; */
    height: auto;
}

.layout_gallery .lSSlide li {
    overflow: hidden;
    /* padding: 0 1em; */
    /* margin: 0 1em; */
}

.layout_gallery .lSAction {
    /* text-align: center; */
}

.layout_gallery .lSAction>a {
    /* position: relative !important; */
    /* left: 0; */
    /* display: inline-block; */
    /* margin: 5px; */
}

.layout_gallery .lSSlide li:nth-child(odd) img {
}

.layout_gallery .lSSlide li:nth-child(odd) {
}

.layout_gallery .lSSlide li:nth-child(even) {
}

.layout_gallery .lSSlide li:nth-child(even) img {
}

.layout_gallery .lSSlide li {
    z-index: 2;
    position: relative;
}

.layout_gallery .lSSlide li:hover img {
    /* z-index: 3; */
    /* box-shadow: 0px 0px 15px rgba(0, 0, 0, .4); */
}

li.lslide.aos-init.aos-animate {
}

.grid {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grid .grid-noalter {
    flex-direction: row !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
}

.grid.grid-nogutter {
    margin: 0;
}

.grid.grid-nogutter>.col {
    padding: 0
}

.col {
    box-sizing: border-box;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    max-width: 100%;
    min-width: 0;
}

.col-align-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.col-align-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.col-align-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.col-top {
    justify-content: flex-start !important;
    flex-direction: column;
    display: flex
}

.col-bottom {
    justify-content: flex-end !important;
    flex-direction: column;
    display: flex
}

.col-middle {
    justify-content: center;
    flex-direction: column;
    display: flex
}

.grid-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.grid-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.grid-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.grid-around {
    justify-content: space-around
}

.grid-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.col-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.col-last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.grid-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.col-fixed {
    flex: initial;
}

.col-grow-2 {
    flex-grow: 2
}

.col-grow-3 {
    flex-grow: 3
}

.col-grow-4 {
    flex-grow: 4
}

.col-grow-5 {
    flex-grow: 5
}

.col-grow-6 {
    flex-grow: 6
}

.col-grow-7 {
    flex-grow: 7
}

.col-grow-8 {
    flex-grow: 8
}

.col-grow-9 {
    flex-grow: 9
}

.col-grow-10 {
    flex-grow: 10
}

.col-grow-11 {
    flex-grow: 11
}

.col-1 {
    -ms-flex-preferred-size: 8.33333%;
    -webkit-flex-basis: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -ms-flex-preferred-size: 16.66667%;
    -webkit-flex-basis: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex-preferred-size: 33.33333%;
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -ms-flex-preferred-size: 41.66667%;
    -webkit-flex-basis: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex-preferred-size: 58.33333%;
    -webkit-flex-basis: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -ms-flex-preferred-size: 66.66667%;
    -webkit-flex-basis: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex-preferred-size: 83.33333%;
    -webkit-flex-basis: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -ms-flex-preferred-size: 91.66667%;
    -webkit-flex-basis: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%
}

@media only screen and (max-width: 480px) {
    .col-sm {
        flex: 100%;
        max-width: 100%
    }
}

@media only screen and (max-width: 624px) {
    .col-md {
        flex: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 744px) {
    .col-lg {
        flex: 100%;
        max-width: 100%
    }
}

.sg-box {
    background-color: #283A45;
    width: 100%;
    min-height: 40px;
    border-radius: 2px;
    padding: 8px;
    font-size: 16px;
    line-height: 32px
}

.sg-box-outline {
    border-top: solid 1px #C88E2C;
    border-left: solid 1px #C88E2C;
    border-right: solid 1px #C88E2C;
    height: 8px;
    margin-bottom: 8px
}

.sg-grid.grid-nogutter .col {
    padding: 8px 0
}

.sg-grid.grid-nogutter .col:after {
    width: 100%;
    margin: 0
}

.sg-grid .col {
    position: relative;
    min-height: 40px;
    padding: 8px;
    font-size: 16px;
    line-height: 32px
}

.sg-grid .col:after {
    z-index: -2;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: var(--grey-darker);
    width: calc(100% - 16px);
    height: 100%;
    border-radius: 4px;
    margin: 0 8px;
}

.sg-grid .col .grid .col:after {
    z-index: -1;
    outline: solid 2px #364C59
}

pre.code-display {
    margin-top: 48px;
    background-color: var(--grey);
    text-align: left;
    padding: 16px;
}

pre.code-display code {
    font-size: 16px
}

code {
    color: black;
    background-color: var(--grey-dark);
    border-radius: 4px;
    padding: 4px;
}

.half-width {
    flex: 50%;
}

.full-width {
    flex: 100%;
}

.vheight-default {
}

.vheight-25 {
    min-height: 25vh;
}

.vheight-50 {
    min-height: 50vh;
}

.vheight-75 {
    min-height: 75vh;
}

.vheight-100 {
    min-height: 100vh;
}

.vheight-125 {
    min-height: 125vh;
}

.vheight-150 {
    min-height: 150vh;
}

.vheight-175 {
    min-height: 175vh;
}

.vheight-200 {
    min-height: 200vh;
}

.background_pattern, .staff {
    /* background-image: url(../images/bg_pattern.png) !important; */
    background-position: bottom center;
    background-repeat: repeat-x;
    background-size: contain;
}

.dark {
}

.darker {
}


.well{
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #3bd42f;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}





.top_nav .level0 a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    content: " ";
}



.top_nav .level0 a:hover:before {
    height: 100%;
}

.top_nav .level0.active a:before, .home .top_nav .level0 a:before {
    height: 100%;
}

.home .top_nav .level0 a:hover {
    color: inherit;
    text-shadow: 0 0px 0px rgb(0 0 0 / 20%);
}

.home .top_nav .level0 a:hover:before {
    height: 6px;
}



.text-on-default {
    text-shadow: none;
}

.text-on-blue {
    color: #faf9f5;
    background: rgb(0 34 54 / .9);
    /* background-size: cover; */
    /* text-shadow: 2px 2px 5px rgba(0, 0, 0, .5); */
}

.text-on-blue .bg-image:before {
    background-color: rgb(0 34 54 / .9);
    /* mix-blend-mode: multiply; */
}

.text-on-yellow {
    color: #FFF;
    background: rgb(225 184 26 / .9);
    text-shadow: 0 0px 2px rgb(0 0 0 / 13%);
    /* background-size: cover; */
    /* text-shadow: 2px 2px 5px rgba(0, 0, 0, .5); */
}

.text-on-yellow .bg-image {
    background-color: rgb(225 184 26 / .9);
    /* background-color: red; */
}

.text-on-yellow .bg-image:before {
    background-color: rgb(225 184 26 / .9);
    /* mix-blend-mode: multiply; */
}

.text-on-dark h3, .text-on-dark h2 {
    /* color: #f78f23; */
}

.text-on-dark h4, .text-on-dark p {
    color: #f6f5f1;
}

.text-on-dark a.button {
    /* color: #221f1f !important; */
    /* border-color: #f6f5f1 !important; */
    /* background-color: #f6f5f1 !important; */
}

.text-on-default h4, .text-on-default h3, .text-on-default h2 {
}

.text-on-green {
    /* color: #FFF; */
    /* background: #3bd42e; */
    background-color: rgb(40 64 56 / 90%);
    color: #faf9f5;
}

.text-on-green .bg-image {
    background-color: rgb(40 64 56 / 100%);
    /* background-color: red; */
}

.text-on-green .bg-image:before {
    background-color: rgb(40 64 56 / 90%);
    /* mix-blend-mode: multiply; */
}

.text-on-green.background_gradient.text-on-left.has-bg-image .background-image:before {
    background-color: transparent;
    /* background-image: linear-gradient(to left, rgb(40 64 56 / 0%), rgb(40 64 56 / 90%), rgb(40 64 56 / 96%)) !important; */
}

.text-on-dark .bg-image:before {
    background-color: rgb(0 34 54 / .9);
    /* mix-blend-mode: multiply; */
}

.background_pattern .bg-image {
    display: block !important;
}

.background_pattern .bg-image:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background-color:red; */
    z-index: 1;
   
    /* background-attachment: fixed; */
}
.background_pattern .bg-color{
    background: url(../images/design/droplets_sm.png) no-repeat top center;
    background-size: 100% !important;
    z-index: 32;
    pointer-events: none;
    }

@media(min-width:600px){
    .background_pattern .bg-color{ background-image: url(../images/design/droplets.png);}
}
.text-on-green a.button {
    /* background: #f6f5f1; */
    /* color: #3bd42e; */
}

.text-on-grey {
    background: #ececec;
    /* border: 1px solid red; */
}

.text-on-grey .bg-image {
    background: #ececec;
}

.text-on-green a.button-alt, .text-on-dark a.button-alt, .text-on-blue a.button-alt {
    /* background: #f6f5f1; */
    /* color: #3bd42e; */
    /* color:#221f1f; */
    /* background:#faf9f5; */
    /* border-color:#faf9f5; */
    color: #221f1f !important;
    background-color: #f6f5f1;
    border-color: #f6f5f1;
}

.text-on-dark {
    color: #FFF;
    background: rgb(35 31 31);
    text-shadow: 0 0px 3px rgb(0 0 0 / 20%);
}

.text-on-dark a {
    color: #f6f5f1;
}

.text-on-dark .slides .bg-image {
    color: #FFF;
    background-color: rgb(44 44 44 / .97);
}

.text-on-dark .bg-image {
    background-color: rgb(44 44 44 / .97);
    /* background-color: red; */
}

.text-on-dark .bg-image:before {
    background-color: rgb(44 44 44 / .97);
    /* mix-blend-mode: multiply; */
}

.kupe .image_holder {
    /* transform-origin: center !important; */
    transform: scale(1.3);
    /* position: fixed; */
}

@media(max-width: 599px) {
    .kupe .image_holder {
        transform:scale(1);
        padding: 3em 2em 0 !important;
    }

    .kupe .image_holder img {
        max-height: 250px;
        width: auto;
    }
}

.parallaxParent {
    overflow: hidden !important;
    position: relative;
}

.parallaxParent.toleft {
    overflow: visible !important;
    position: relative;
    z-index: 5;
}

.parallaxParent.toright {
    overflow: visible !important;
    position: relative;
}

.parallaxParent .bg-image {
    background-size: cover;
    bottom: 0;
    left: 0%;
    transition: none !important;
    background-position: top center;
}

.parallaxParent.totop .bg-image {
    height: 130%;
    top: -30%;
}

.parallaxParent.tobottom .bg-image {
    height: 130%;
    top: auto;
    bottom: -30%;
}

.parallaxParent.toleft .bg-image {
    width: 110%;
    left: auto;
    right: -10%;
}

.parallaxParent.toright .bg-image {
    width: 110%;
    left: -10%;
}

.parallaxParent .bg-image.background-image:before {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.text-50 .col.textwrap {
    flex: 50%;
    max-width: 50%;
    z-index: 12;
    left: 0;
    /* height: 110%; */
}

.text-50 .col.imgwrap {
    flex: 50%;
    max-width: 50%;
}

.text-75 {
    /* background:red; */
}

.text-75 .col.textwrap {
    flex: 70%;
    max-width: 70%;
}

.text-75 .col.imgwrap {
    flex: 30%;
    max-width: 30%;
}

.text-35 .col.textwrap {
    flex: 40%;
    max-width: 40%;
}

.text-35 .col.imgwrap {
    flex: 60%;
    max-width: 60%;
}

.text-100 .inner {
    /* padding-left: 8%; */
    /* padding-right: 8%; */
    /* max-width: 1170px; */
    margin: 0 auto;
}

.text-100 .col.textwrap {
    max-width: 100%;
    flex: 100%;
}

.text-100 .col.imgwrap {
    max-width: 100%;
    flex: 100%;
}
.background_gradient.text-on-default.has-bg-image .background-image:before,
.background_gradient.text-on-left.has-bg-image .background-image:before {
    background-color: transparent;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5)) !important;
}

.background_gradient.text-on-right.has-bg-image .background-image:before {
    /* background-color: transparent; */
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5)) !important;
}
.background_gradient.text-on-default.text-on-light.has-bg-image .background-image:before,
.background_gradient.text-on-left.text-on-light.has-bg-image .background-image:before {
    background-color: transparent;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(246 245 241 / 1)) !important;
}

.text-on-right .grid {
    flex-direction: row-reverse;
}

@media (max-width: 599px) {
    .background_gradient.text-on-left .bg-image.background-image:before {
        /* background-color: transparent; */ background-image: linear-gradient(to right, rgba(0, 0, 0, .4), rgba(0, 0, 0, .7)) !important;
    }

    .background_gradient.text-on-right .bg-image.background-image:before {
        background-image: linear-gradient(to left, rgba(0, 0, 0, .4), rgba(0, 0, 0, .7));
    }
    .background_gradient.text-on-default.text-on-light.has-bg-image .background-image:before,
.background_gradient.text-on-left.text-on-light.has-bg-image .background-image:before {
    background-color: transparent;
    background-image: linear-gradient(to left, rgb(246 245 241 / .6), rgb(246 245 241 / 1)) !important;
}


    .col.textwrap, .col.imgwrap {
        flex: 100% !important;
        max-width: 100% !important;
        /* text-align: center; */
        /* min-height: 20vh; */
    }

    .col.textwrap {
        /* padding:0 !important; */
    }

    .col.textwrap ul {
        text-align: left;
    }
}

.bg-image {
    /* opacity: .3; */
    overflow: hidden;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.page_layout .bg-image:before {
    content: ' ';
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.page_layout {
    overflow: visible;
    position: relative;
}

.page_layout.loop-1 {
    z-index: 10
}
.page_layout.loop-1 .inner.col{padding-top:3%;z-index: 2;}
#PageContainer .page_layout.loop-1 .two_col .inner-1170{padding-top:3%;background:#f6f5f1;/* mix-blend-mode: color; */}

.page_layout.loop-2 {
    z-index: 9;
}

.page_layout.loop-3 {
    z-index: 8;
}

.page_layout.loop-4 {
    z-index: 7;
}

.page_layout.loop-5 {
    z-index: 6;
}

.page_layout.loop-6 {
    z-index: 5;
}

.page_layout.loop-7 {
    z-index: 6;
}

.page_layout.loop-8 {
    z-index: 3;
}

.page_layout.loop-9 {
    z-index: 2;
}

.page_layout.loop-10 {
    z-index: 1;
}

.page-template-default .page_layout.loop-1 h3 {
    /* font-family: avertastd, Helvetica, Arial, sans-serif; */
    /* font-size: 3em; */
    /* font-weight: 900; */
    /* text-transform: uppercase; */
}

.page_layout h3 span {
    /* clear: both; */
    /* display: block; */
    /* font-size: 0.5em; */
    /* text-transform: uppercase; */
    /* line-height: 1.4; */
}

.page_layout h3 span.red {
    font-size: 2em;
    line-height: 1;
}

span.yellow {
    color: #fece06;
}
span.blue {
    color: #00adef;
}
span.red {
    color: #ed1c24;
}
span.green {
    color: #3bd42e;
}
span.green strong{background-color:#3bd42e;color: #221f1f;background-color: #221f1f;color: #3bd42e;}
span.blue strong{ background-color:#00adef; color:#f6f5f1;}
span.red strong{ background-color:#ed1c24; color:#f6f5f1;}
.services.slider li article.yellow .bg-image:after,
.services.slider li article.yellow .title{  background: #fece06;}
.services.slider li article.red .bg-image:after,
.services.slider li article.red .title{  background: #ed1c24;color:#f6f5f1;}
.services.slider li article.blue .bg-image:after,
.services.slider li article.blue .title{  background: #00adef;color:#f6f5f1;}
.services.slider li article.green .bg-image:after,
.services.slider li article.green .title{  background: #3bd42e;color:#f6f5f1;}
.services.slider li article .bg-image img{filter:grayscale(1);}

.layer .yellow a.button{color:#fece06 !important;}
.layer .red a.button{color:#ed1c24 !important; background-color:#f6f5f1;}
.layer .blue a.button{color:#00adef !important; background-color:#f6f5f1;}
.layer .blue a.button:hover{/* mix-blend-mode: multiply; */}
.layer .green a.button{color:#3bd42e !important; background-color:#f6f5f1;}

.services.alternating .altern .background-image:before{z-index:1; mix-blend-mode:color;}
.services.alternating .altern.yellow .background-image:before{background:#fece06;}
.services.alternating .altern.yellow {  background: #fece06;}
.services.alternating .altern.red .background-image:before,
.services.alternating .altern.red {  background: #ed1c24;color:#f6f5f1;}
.services.alternating .altern.blue .background-image:before,
.services.alternating .altern.blue {  background: #00adef;color:#f6f5f1;}
.services.alternating .altern.green .background-image:before,
.services.alternating .altern.green {  background: #3bd42e;color:#f6f5f1;}
.services.alternating .altern .background-image img{/* filter:grayscale(1); */}

.services.alternating .altern.border-bot:after{mix-blend-mode: soft-light;}



span.light {
    color: #f6f5f1;
}

span.dark {
    color: #231f1f;
}

.slideshow .services.alternating .background-image:before{z-index:-1;}
.slideshow .services.alternating .altern.grid{flex-direction:row-reverse !important;}
 .services.alternating .altern .background-image img{object-position:right center;}
 .services.alternating .page-4782.altern .background-image img{object-position:left center;}
 @media (max-width:600px){
     .services.alternating .col.text p{display:none;}
     .services.alternating .col.text p:last-child{display: block;}
 }


/* .map */

.map_layout .inner{
    pointer-events:none;
    background: none;
    position: relative;
    
}
.map_layout .inner .grid{/* z-index:10000000; */position: relative;}
.map_layout .textwrap ._inner{
    pointer-events:all;
}
.map_layout ._inner{background: #231f1f;padding: 3em 2em 2em;color: #f6f5f1;}
.map_layout ._inner a{color:#fff;}

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

.map {
    background: #c2cad5 !important;
    /* min-height: 640px; */
    position: relative;
}

.map h1, .map h3 {
    color: #fffef8;
}

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

.map ._inner {
    max-width: 450px;
    padding: 30px;
    color: #fffef8;
}

.map ._inner a {
    color: #fffef8;
    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: #fffef8;
}

.map .icon-drag {
}

.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;
    }
}

.acf-map {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #8a98a1;
}

.map {
    /* padding: 0 !important; */
    /* margin-bottom: 5em; */
}

#map {
    /* padding-bottom: 40%; */
    /* clear: both; */
    /* position: relative; */
}
#map p{padding-bottom:0;color: #1e3849;opacity:1 !important; transform:none !important; max-width:150px; text-align:center;}

@media(max-width:600px){
.map_layout{padding:0 !important;}
    .map_layout .bg-image{position:relative;/* padding-bottom: 90%; */}
    #map { padding-bottom: 100%;}
    .map_layout .col.textwrap{ padding:0;}
}




/* NICNJA FORMS */
.page_layout .nf-form-content{padding:1em 0; margin:auto; max-width:1480px;}

/*
GRAVITY FORMS */
#gform_wrapper_5 {
    /* color: #f78f23; */
}

.nf-form-content .gsection .gfield_label, .nf-form-content h2.gsection_title, .nf-form-content h3.gform_title {
    /* font-size: 2.5em !important; */
    font-weight: normal !important;
}

.page_layout .nf-form-content .gform_footer {
    margin: 0;
}

body .nf-form-content {
    position: relative;
}

.nf-form-content input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), #PageContainer .page_layout .nf-form-content textarea {
    border: 0 !important;
    /* border-radius: 20px; */
    background: #fff;
    padding: 0.25em 1em !important;
    line-height: 2;
    font-weight: bold;
}

body .nf-form-content ul li.gfield {
    margin-top: 0 !important;
}

.page_layout .nf-form-content label.gfield_label, .page_layout .nf-form-content legend.gfield_label {
    font-size: 1em;
    /* letter-spacing: .1em; */
    text-transform: uppercase;
    color: #3bd42e;
    font-weight: 800;
    /* padding: 10px; */
}

.form_holder .col.textwrap {
    background: rgba(33, 33, 33, .85);
    background-blend-mode: multiply;
    padding: 4% 3% 3%;
    flex: 40%;
    max-width: 40%;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
}

.form_holder .col.imgwrap {
}

.nf-form-content .gfield_error .gfield_label {
    color: #f78f23 !important;
}

.nf-form-content .gfield_required {
    color: #ff0000 !important;
}

.nf-form-content li.gfield_error div.ginput_complex.ginput_container label, .nf-form-content li.gfield_error ul.gfield_checkbox, .nf-form-content li.gfield_error ul.gfield_radio {
    color: #9C27B0 !important;
}

.nf-form-content div.validation_error {
    color: #9C27B0 !important;
    border: 0 !important;
    margin-bottom: 0 !important;
}

.nf-form-content li.gfield.gfield_error {
    color: #9C27B0 !important;
    border-color: #9C27B0 !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.nf-form-content li.gfield.gfield_error input, .nf-form-content li.gfield_error textarea {
    box-shadow: 0 0 5px #9C27B0;
}

.nf-form-content li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    padding-top: 0;
    padding-bottom: 1.5em;
}

.nf-form-content .validation_message {
    color: #9C27B0 !important;
}

.nf-form-content .top_label .gfield_description.validation_message, .nf-form-content .gfield_description.validation_message {
}

.nf-form-content li.gfield.gfield_error.gfield_contains_required label.gfield_label, .nf-form-content li.gfield.gfield_error.gfield_contains_required div.ginput_container {
}

.gform_ajax_spinner {
    margin-left: 20px;
    padding: 0;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-left: 4px solid #9C27B0;
    animation: spinner 1.1s infinite linear;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    vertical-align: baseline;
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Trip SLector
--------------------------- */
.trip-selector select {
    padding: .5em;
    line-height: 1;
    letter-spacing: inherit;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    background: #f6f5f1;
    border: none;
    color: #666;
    margin: .25em;
}

.trip-selector select:focus option {
    /* font-family: 'barlow'; */
    /* font-size: 14px; */
}

.trip-selector select option {
    /* text-transform:uppercase !important; */
    font-family: inherit;
    /* font-size: 14px !important; */
    cursor: inherit;
    line-height: inherit;
}

.trip-selector select, .trip-selector::after {
    grid-area: select;
}

.trip-selector .go_but {
    display: inline-block;
    padding: .5em;
    line-height: 1;
    background: #f6f5f1;
    color: #666;
    text-decoration: none;
}

.trip-selector .go_but:hover {
    color: #f6f5f1;
    background: #242424;
    text-decoration: none;
}

.trip-selector {
    padding: 2em 3%;
    text-align: center;
    background: rgb(36 36 36 / 40%);
    text-transform: uppercase;
    font-size: 1em;
    font-weight: normal;
    color: #f6f5f1;
    letter-spacing: .1em;
    /* line-height: 1.3; */
}

.trip-selector .cats {
    display: none;
}

.trip-selector .tags {
    display: none;
}

.trip-selector ul {
    /* height: 30px; */
    width: 150px;
    list-style: none;
    display: inline-block;
    position: absolute;
    padding: 0;
    border: 1px #000 solid;
    margin: 0;
}

.trip-selector ul li {
    padding: 5px 10px;
    z-index: 2;
    clear: both;
}

.trip-selector ul li:not(.init) {
    float: left;
    width: 130px;
    display: none;
    background: #ddd;
}

.trip-selector ul li:not(.init):hover, ul li.selected:not(.init) {
    background: #09f;
}

.trip-selector li.init {
    cursor: pointer;
}

.trip-selector a#submit {
    z-index: 1;
}

/* Blog
  --------------------------- */
#blog-isotope {
    text-align: center;
}

#blog-isotope .blog-panel {
    border: 2px solid #f6f5f1;
    width: 33.33%;
    float: none;
    padding-bottom: 40%;
    overflow: hidden;
    display: inline-block;
}

@media (max-width: 768px) {
    #blog-isotope .blog-panel {
        width: 50%;
    }
}

@media (max-width: 680px) {
    #blog-isotope .blog-panel {
        padding-bottom: 55%;
    }
}

@media (max-width: 480px) {
    #blog-isotope .blog-panel {
        width: 100%;
        padding-bottom: 70%;
    }

    #blog-isotope .blog-panel__copy {
        bottom: 10%;
    }
}

.blog-card {
    width: 33.333%;
    float: left;
    padding: 0 1em 1em;
}

@media (max-width: 550px) {
    .blog .inner {
        /* padding: 0; */
    }

    .blog-card {
        width: 50%;
        font-size: .9em;
    }
}

.blog-card__wrap {
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.06);
    /* border-radius: 7px; */
    overflow: hidden;
}

.blog-card__image:hover .bg-image {
    transform: scale(1.05);
}

.blog-card:hover .bg-image:before {
    background-color: rgba(0, 0, 0, 0.26);
    background-blend-mode: color;
}

.blog-cards .col:hover a {
    transform: scale(1.05);
    /* text-decoration: underline; */
    /* text-decoration-color: #18325e; */
}

.blog-cards .col:hover {
    transform: scale(1);
}

.blog-cards .post-thumbnail {
    display: none;
}

.blog-card__image {
    padding-bottom: 64%;
    position: relative;
    overflow: hidden;
}

.blog-card__image a {
    position: absolute;
    width: 100;
    height: 100%;
    display: block;
    border: 0 !important;
}

.blog-card__image a:before {
    display: none;
}

.blog-card__copy {
    padding: 0.725em;
    background: #f6f5f1;
    border-bottom: 6px solid rgba(0, 0, 0, 0.16);
    border-top: 0;
    /* border-radius: 0 0 5px 5px; */
}

.blog-card__copy .teaser {
    font-size: .8em;
}

.blog-card__copy .meta {
    font-size: 12px;
    margin: 5px 0 0;
    text-align: left;
}

.blog-card__copy h4 {
    text-transform: none;
    /* font-size: 1em; */
    margin: 0;
    line-height: 1.2;
}

.blog-card__copy a {
    /* color: #0f2751; */
    text-decoration-color: #3bd42e;
}

.blog-card__copy a:hover {
    text-decoration: underline;
    color: #242424;
    text-decoration-color: #3bd42e;
}

.blog-card__copy a:before {
    background-color: transparent;
}

.blog-cards .tile-copy a:before {
    display: none;
}

.blog-cards .tile-copy .date-meta {
    font-size: 1em;
    margin-top: 5px;
    text-shadow: 0 0 2px #292929;
}

.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;
}

.ellipsis {
    overflow: hidden;
    /* max-height: 2.3em; */
    position: relative;
}

.meta {
    font-size: 14px;
}

.single .meta {
    border-top: 1px solid rgb(24 142 146 / .05);
    padding: 10px 20px;
}

.meta .col {
    padding: 0 1em 0 1em;
    max-width: 100%;
}

.blog .icon {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    vertical-align: middle;
}

.icon-eye {
    background-image: url(../images/icons/eye.svg);
}

.icon-clock {
    background-image: url(../images/icons/clock.svg);
}

/* blog panel
*/
#blog-panels {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    max-width: 1170px;
    margin: 0 auto;
    padding-top: 2em;
}

#blog-panels article {
    overflow: hidden;
    flex: 1;
    display: -ms-flexbox;
    width: 100%;
    margin: 1%;
    position: relative;
    /* padding-bottom: 36%; */
}

#blog-panels .blog_card {
    /* padding: 15px; */
    /* padding-bottom: 36%; */
}

.blog-panel {
    float: left;
    position: relative;
}

.blog-panel .bg-image:before {
    background: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

.blog-panel:hover .bg-image:before {
    background-color: rgba(0, 0, 0, .4);
}

.blog-panel h4 {
    margin: 0;
    color: #fff !important;
}

.blog-panel a.button {
    margin: 5px 0;
    padding: 0;
    background: none !important;
    line-height: 1;
    text-shadow: none;
}

.blog-panel a.button:before {
    display: none !important;
}

.blog-panel__wrap {
    padding: 1em;
}

.blog-panel__copy {
    width: 100%;
    bottom: 0;
    left: 0;
    color: #f6f5f1;
    position: absolute;
    padding: 15px;
    top: auto;
}

.blog-panel:hover {
}

.blog-panel:hover .bg-image {
    transform: scale(1.05);
}

.blog-panel:hover .blog-panel__copy {
    bottom: 20px;
}

.blog-panel:hover a.button.ghost {
    background: #f6f5f1;
    color: #f6f5f1;
    font-weight: 900;
}

@media screen and (max-width: 768px) {
    #blog-panels article {
        min-width: 50%;
    }

    .page-template-default .blog-panel__copy {
        /* position: relative; */
        /* top: 40%; */
        /* bottom: auto; */
    }
}

@media screen and (max-width: 420px) {
    #blog-panels article {
        min-width: 100%;
    }
}

.match .textwrap {
    padding-bottom: 2em;
}

/* Work
  --------------------------- */
#work-section .inner {
    max-width: 100%;
}

article.work {
    width: 100%;
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1));
}

article.work .imgwrap img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

article.work .imgwrap {
    padding: 0 5% 1.25em !important;
}

@media (max-width: 599px) {
    article.work .imgwrap {
        max-width: 380px;
        float: none;
        margin: 0 auto;
        padding: 1em 70px 2em !important;
    }

    article.work .imgwrap img {
        min-height: 0;
    }
}

article.work:nth-child(2n) .grid.column-2 {
    flex-direction: row-reverse;
}

article.search, .text-on-colorbg {
    /* color: #f6f5f1; */
    background-color: #c2a6e0;
    /* background-image: url(../images/weave_pattern_light.png); */
    /* background-size: auto; */
}

article.search a.button, .text-on-colorbg a.button {
    color: #18325e;
    background-color: #f6f5f1;
    border-color: #f6f5f1;
}

article.search {
}

article.temping {
}

article.temping a.button, .text-on-light a.button {
    /* color: #292929; */
}

.text-on-light, .text-on-light h3, .text-on-light h4, .text-on-light h2 {
    /* color: #f6f5f1; */
    background: #fff;
}

article.development {
}

article.development a.button, .text-on-light a.button {
    /* color: #f6f5f1; */
    /* border-color: #f6f5f1; */
}

.work_carousel {
    text-align: center;
    vertical-align: top;
}

.work_carousel .logo {
    height: 100px;
    margin-bottom: 2em;
}

.work_carousel .logo a {
    display: block;
}

.work_carousel .logo a:hover {
    transform: scale(.95);
}

.work_carousel .logo a:before {
    display: none;
}

.work_carousel .logo img {
    max-height: 100px;
    max-width: 200px;
    width: auto;
}

.work_carousel article {
    display: inline-block;
    padding: 0em 2em 2em;
    vertical-align: top;
}

.work_carousel article:last-child {
    border-right: 0px;
}

/* Projects
  --------------------------- */
.blog-cards.projects {
}

.blog-cards.projects .inner {
}

.projects .grid {
}

.projects .card {
    text-align: center;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-size: 105%;
    /* 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);
    float: left;
    /* border-radius: .5em; */
    /* padding-bottom: 100%; */
}

.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.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); */
    /* display: inline-block; */
    /* object-fit: initial; */
    /* z-index: 2; */
}

.no-touch .projects .card:hover img {
    opacity: 0;
}

.projects .card .tile-copy {
}

.no-touch .projects .card:hover .tile-copy {
    transform: translateY(-50%);
    opacity: 1;
}

.projects .card.background-image:before {
    /* background-color: #010101; */
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 1;
    opacity: 0.5;
    background-image: linear-gradient(91deg, rgb(0 0 0 / 40%), rgb(0 0 0 / 0%), rgb(0 0 0 / 0%));
}

.projects .card.background-image:hover:before {
    opacity: 1;
}

.projects .card .tile-copy h3 {
    margin: 0px;
    font-weight: 900;
    text-shadow: 0 0 7px #292929;
}
.projects .card .tile-copy h3 strong{padding-left:9% !important;}
.projects .card .tile-copy p {
    color: #f6f5f1;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
}

.projects .grid.column-3 .col {
    margin: 1rem;
    /* padding: 0; */
    float: left;
    /* min-height: 358px; */
    padding-bottom: 32.337%;
    width: 32.33%;
}

.projects .big-twin .col {
    /* height: 370px; */
    padding-bottom: 33.337%;
    width: 49%;
    margin: 1em;
    /* overflow: hidden; */
    width: 100%;
    /* -webkit-clip-path: url(#textClip); */
    /* clip-path: url(#textClip); */
}

.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 {
}

.projects .three .col .tile-copy {
    opacity: 0;
}

.projects .big-left .col .tile-copy {
}

.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
  --------------------------- */
.blog .blog-cards .col {
    overflow: hidden
}

.blog-cards .col:hover .bg-image img {
    transform: scale(1.03);
}

.blog-cards .col:hover {
    transform: scale(1);
}

.blog-cards .post-thumbnail {
    display: none
}

.blog-cards .tile-copy {
    opacity: 1;
    transform-origin: 0 0;
    transform: scale(.7);
    /* max-width: 530px; */
    color: white;
    padding: 0;
    /* max-width: 450px; */
    left: -1em;
    position: absolute;
    top: 40%;
    text-align: left;
    margin: auto;
    /* right: 0; */
    transition: all 0.2s cubic-bezier(.075,.82,.165,1);
    float: none;
    min-height: 0;
    /* bottom: 1em; */
    z-index: 100;
}
.blog-cards .bg-image:after{mix-blend-mode: color-burn;/* background-image: url(../images/design/droplets.png); *//* background-repeat: repeat; */}
.blog-cards .tile-copy h4 {
    text-transform: none;
    letter-spacing: 0;
    font-size: 2.5em;
    font-weight: 900;
    line-height: 1.1;
    margin: 2%;
    padding: 0;
}

.blog-cards .tile-copy a {
    color: #f6f5f1;
    display: block;
    text-decoration: none;
    /* font-weight: 900; */
}

.blog-cards .tile-copy .date-meta {
    font-size: 15px;
    margin-top: 5px;
    display: none;
}

.blog .article-wrapper {
    max-width: 852px;
    margin: auto;
    padding: 30px 0 0
}

.blog-cards .background-image:before {
    background-image: url(/wp-content/themes/Tamaki/library/images/shadow.png?x15800);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: contain
}

/* Blog filter bar
  --------------------------- */
.layer .blog-filter {
    overflow: hidden;
    /* margin: 2rem auto; */
    padding-left: 4%;
    padding-right: 4%;
    /* max-width: 1858px; */
    text-align: center;
}

.layer .blog-filter .inner {
    padding: 0
}

.layer .blog-filter ul {
    margin: 0;
    padding: 0
}

.layer .blog-filter ul ul {
    display: none
}

.layer .blog-filter li a,.layer .blog-filter li a.more {
    /* font-size: 1.375rem; */
    /* letter-spacing: .087rem; */
    color: #242424;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 1em;
    line-height: 2.6;
    font-size: 0.83em;
    display: inline-block;
    /* border-radius: 2em; */
    margin: 0 .25rem .5rem;
    border: 2px solid;
}

.layer .blog-filter li a:before {
    display: none
}

.layer .blog-filter li {
    display: inline-block
}

.layer .blog-filter li a.more:hover,.layer .blog-filter li a.active,.layer .blog-filter li a:hover {
    background: #242424;
    border-color: #242424;
    color: #f6f5f1;
}

ul.tags {
    display: none;
}

.layer .blog-filter .tags li {
    font-size: .7em;
}

@media (max-width: 600px) {
    .layer .blog-filter {
        margin: 1em 0;
        padding: 0 !important;
    }

    .layer .blog-filter li a, .layer .blog-filter li a.more {
        font-size: 0.8em;
        margin: 0.2em;
        padding: 0 0.5em;
        line-height: 2.2;
    }

    .layer .blog-filter .tags {
        margin-top: 1em;
    }

    .layer .blog-filter .tags li {
        font-size: .67em;
    }
}

/* Blog navigation bar
  --------------------------- */
#breadcrumbs {
    color: #221f1f;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0;
    font-weight: 600;
    line-height: 1;
    padding: 11px 10px 9px;
}

#breadcrumbs :before {
    vertical-align: top;
}

#breadcrumbs a {
    color: #3bd42e;
    text-decoration: none;
}

.breadcrumb_last {
    /* color: #ccc; */
    font-weight: normal;
}

.tile-copy .read-more {
    max-height: 0;
    font-size: 0.77em;
    overflow: hidden;
    position: relative;
}

.tile-copy .content_wrap {
    padding-bottom: 0;
    padding-right: 4%;
}

a.readmore.button {
    vertical-align: middle;
    display: inline-block;
    margin: 1em 0 0;
    clear: both;
}

a.readmore.button:after {
    display: none;
}

a.readmore.button:hover {
}

a.button.small {font-size: 0.87em;/* padding: 3px 12px;
}

span.role {
    /* font-weight: 300; *//* font-size: 0.85em; *//* display: block; *//* line-height: 1; *//* margin: 0 0 0.5em; */}

.staff_links {
    display: block;
    padding: 4px 2px 2px 0;
    /* vertical-align: -webkit-baseline-middle; */
}

.staff_links a {
    padding: 5px;
    background: white;
    display: inline-block;
    border-radius: 50%;
    width: 36px;
    height: 36px;
}

.staff_links a:before {
    display: none !important;
}

.staff_links .icon {
    display: inline-block;
    width: 21px;
    height: 26px;
    /* background-color: #f6f5f1; */
    background-size: contain !important;
    /* opacity: .5; */
}

.page-icon {
    max-width: 400px;
    width: 100%;
    height: auto;
}

.icon-phone {
    background: url(../images/icons/call.svg) no-repeat center;
}

.icon-email {
    background: url(../images/icons/envelope.svg) no-repeat center;
}

.icon-linkedin {
    background: url(../images/icons/linkedin.svg) no-repeat center;
}

ul.staff {
    text-align: center;
    list-style: none;
    padding: 0 !important;
    margin: 0 -1% !important;
}

.staff .card {
    overflow: hidden;
    /* padding-top: 100%; */
    margin-bottom: 1em;
    /* max-width: 360px; */
    border-radius: 50%;
    background-color: #e0e0e0;
    margin: 0 auto 1em;
}

.staff .card img {
    display: block;
}

.staff .tile-copy .content_wrap p {
    margin: 0;
}

.staff .tile-copy h4 {
}

.staff .tile {
    transition: all 1s ease-out;
    /* padding: 1%; */
}

.staff .tile:hover {
    transition: all .3s ease-out;
    transform: scale(.8) rotate(-3deg);
}

.staff .item .tile:hover .card {
    border: 1em solid #3bd42e;
}

.staff .item:nth-of-type(even) .tile:hover .card {
    transform: rotate(8deg) scale(.8);
}

.tippy-content {
    font-size: 13px;
    padding: 1em;
    /* display: block !important; */
    /* height: 18em; */
    /* line-height: 20.3px !important; */
    /* font-size: 14px; */
    /*
   height: 4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: inherit !important;
    overflow: auto !important;
    overflow-x: hidden !important;
    padding-right: 10px;
    scrollbar-color: #8d8d8d #e0e0e0;
    scrollbar-width: thin;
    position:relative;
    */
}

.staff .item {
    width: 25%;
    float: left;
    padding: 1%;
    /* margin-bottom: 2em; */
}

@media (max-width: 1280px) {
    .staff .item {
        width: 33.3%;
    }
}

@media (max-width: 800px) {
    .staff .item {
        width: 50%;
    }
}

@media (max-width: 414px) {
    .staff .tile {
        width: 100%;
    }
}

.page-id-26 .figlio {
    background: none !important;
}

.staff-link-pop:after {
    display: none;
}

.popup {
    position: relative;
    text-align: left;
    /* max-width:1200px; */
    background: #f6f5f1;
    /* border:1px solid red; */
    padding: 1em;
    border-radius: 4px;
}

.popup .col {
    position: relative;
}

.popup .image {
    max-width: 30%;
}

.popup .bg-image {
    display: inline-block;
}

.popup .text {
    padding: 2em;
    display: inline-block;
    with: 80%;
}

.page_carousel {
}

.page_carousel .slick-dots {
    bottom: -20px;
}

.page_carousel .scroller {
    text-align: center;
}

.page_carousel .carousel-card {
    width: 100%;
    padding: 0;
    margin: 5px;
    position: relative;
}

.page_carousel .carousel-card a {
    color: #f6f5f1;
}

.page_carousel .carousel-card .tile-copy {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    transform: translateY(-50%);
    padding: 1em;
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,.2));
}

.page_carousel .action {
    bottom: 2em;
    width: 100%;
}

.wp-admin .carousel-card {
    width: 33.33%;
    float: left;
}

.page_carousel .carousel-card:hover .bg-image {
    transform: scale(0.97);
    filter: grayscale(.3);
}

.page_carousel .carousel-card:hover .bg-image:before {
    background-color: rgba(0, 0, 0, 0.6);
    /* background-image: url(../images/textures/pattern.png); */
}

.page_carousel .carousel-card:hover a.button {
    background-color: #3bd42e;
    color: #f6f5f1;
}

.page_carousel .carousel-card:hover a.button:hover {
    background: #0f2751;
}

.layout>.acfe-flexible-collapsed-placeholder {
    text-align: inherit;
}

.page_carousel .carousel-card h3 {
    margin: 0;
}

.page_carousel .carousel-card.active {
}

.page_carousel .scroller .card {
    padding-top: 110%;
    margin-bottom: 0;
    position: relative;
    /* background: #7c7b7c; */
}

.page_carousel .info-meta {
    margin: 0;
}

.page_carousel .scroller p {
}

.page_carousel .scroller .tile-copy h4 {
    padding-top: 0;
}

.page_carousel .scroller .tile {
    background: #f6f5f1;
    width: 25%;
    float: left;
    padding: 0 1.5%;
    margin-bottom: 2em;
}

.page_carousel .lSAction>a {
    top: 15%;
}

@media (max-width: 1280px) {
    .page_carousel .scroller .tile {
        width: 33.3%;
    }
}

@media (max-width: 800px) {
    .page_carousel .scroller .tile {
        width: 50%;
    }
}

@media (max-width: 414px) {
    .page_carousel .scroller .tile {
        width: 100%;
    }
}

.gallery_wrap_inner {
    /* max-width: 1024px; */
    margin: 0 auto;
    text-align: center;
    /* padding-left: 15px; */
    /* padding-right: 15px; */
}

.gallery_image_wrap {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    height: 100%;
}

.gallery_image_wrap img {
    max-width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    width: 100% !important;
    background: #f6f5f1;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    width: 100%;
    position: relative;
    object-fit: cover;
    transition: all 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}

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

ul.gallery {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.gallery li {
    margin-bottom: 1em;
}

ul.gallery {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.gallery li {
    width: 33.3%;
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0px;
}

ul.gallery.isotope_gallery {
    text-align: center;
    /* margin-left: -15px; */
    /* margin-right: -15px; */
    justify-content: center;
    /* padding-bottom: 1rem; */
}

.grid.column-2 ul.gallery li, .layout_2col_images ul.gallery li {
}

.gallery_image_wrap {
    position: relative;
}

ul.gallery li {
    position: relative;
    padding: 0 0 0 0;
}

ul.gallery img {
    display: block;
}

ul.gallery a {
    top: 0;
    /* margin: .25em; */
    display: block !important;
    height: 100%;
    left: 0;
    /* position: absolute; */
}

ul.gallery a:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 60%) url(../images/icons/zoom-in.svg) no-repeat top right;
    background-size: 5em;
    content: ' ';
    z-index: 5;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .3s ease-in-out;
}

ul.gallery a:hover:before {
    opacity: 1;
}

ul.gallery.gallery-columns-1 li {
    width: 100%;
    /* padding: 0; */
}

ul.gallery.gallery-columns-2 li {
    width: 48%;
}

ul.gallery.gallery-columns-3 li {
    width: 33.333%;
}

ul.gallery.gallery-columns-4 li {
    width: 25%;
    padding: 0;
}

ul.gallery.gallery-columns-5 li {
    width: 20%;
}

ul.gallery.gallery-columns-2 li:first-child {
}

.gallery-columns-2 li:nth-child(2n+1), .gallery-columns-3 li:nth-child(3n+1), .gallery-columns-4 li:nth-child(4n+1), .gallery-columns-5 li:nth-child(5n+1), .gallery-columns-6 li:nth-child(6n+1), .gallery-columns-7 li:nth-child(7n+1), .gallery-columns-8 li:nth-child(8n+1), .gallery-columns-9 li:nth-child(9n+1) {
    clear: left;
}

.gallery_credit p {
    padding: 0;
    margin: 0;
}

.gallery_credit {
    position: absolute;
    max-width: 650px;
    /* color: #f6f5f1; */
    z-index: 10;
    bottom: 0px;
    transform: translateY(100%) translateX(-50%);
    left: 50%;
    font-size: 13px;
    padding: 5px 10px;
    /* background: rgba(0, 0, 0, .4); */
}

.gallery_credit a:hover {
    background: #f6f5f1;
    color: #040404
}

.gallery_credit:before {
    float: left;
    position: absolute;
    display: block;
    font-size: 21px;
}

.gallery_credit h4, .gallery_credit p {
    margin: 0;
    font-size: 13px;
    line-height: 13px;
    color: inherit;
}

@media (max-width: 1023px) {
}

@media (max-width: 600px) {
}

@media (max-width: 480px) {
    .gallery_credit {
        display: none;
    }

    ul.gallery.gallery-columns-3 li {
        width: 48%;
    }
}

ul.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* masonry gallery - horizontal */
#masonry {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

#masonry li {
    margin: 0;
    height: 30vh;
    flex-grow: 1;
    padding: 0;
}

/*
#masonry li:last-child {
  flex-grow: 10;
}
*/
/*
#masonry::after {content:"";flex-grow: 10;}
*/
#masonry img {
    height: 100%;
    max-height: 100%;
    min-width: 100%;
    object-fit: cover;
    vertical-align: bottom;
}

@media (max-aspect-ratio: 1/1) {
    #masonry li {
        height: 30vh;
    }
}

@media (max-height: 480px) {
    #masonry li {
        height: 80vh;
    }
}

@media (max-aspect-ratio: 1/1) and (max-width: 480px) {
    #masonry {
        flex-direction: row;
    }

    #masonry li {
        height: 25vh;
        width: 50%;
    }

    #masonry img {
        height: 50vh;
        /* max-height: 75vh; */
        /* min-width: 0; */
    }
}

.two_col {
}

@media (max-width: 767px) {
    .two_col .col {
        min-width: 100%;
    }
}

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

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

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

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

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

.g-item a:before {
    display: none;
}

.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: #f6f5f1;
    height: 120px;
    display: block;
    background-size: cover !important;
}

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

.media-gallery>ul>li a>img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100% !important;
}



.page-template-page_outdoorgravity a, .page-template-page_outdoorgravity h1, .page-template-page_outdoorgravity h2, .page-template-page_outdoorgravity h4,  .page-template-page_outdoorgravity a {
   /* color: #3bd42e !important; */
   
}
.page-template-page_outdoorgravity,
.page-template-page_outdoorgravity .layout_wrap{ background:#f5f4f0 !important;}
.page-template-page_outdoorgravity .page_layout.loop-1 .inner.col{padding-bottom:3%; }
.page-template-page_outdoorgravity  footer p.copyright{text-align:center;}