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

/* vars */
/* Modular Scale located here: https://www.modularscale.com/?1,1140,12&em&1.3 */
:root {
    --yellow: #ffd100;
    --bright-yellow: #ffc80a;
    --white: #FFFFFF;
    --blue: #1693c4;
    --blue-light: #2b61ad;
    --black: #1b1b1b;
    --nav-drawer-link: #199280;
    --blue-bright: #1693c4;
    --grey: #ccc;
    --grey-dark: #999;
    --grey-darker: #666;
    --link-color: #199280;
    --bg-color: #fff;
    --text-color: #2a2a2a;
    --text-heading-color: var(--yellow);
    --selection-bg-color: var(--yellow);
    --selection-color: white;
    --hero-bg: #1693c4;
    --topnav-color: white;
    --topnav-hover-color: var(--yellow);
    --button-bg-color: var(--blue);
    --button-color: white;
    --button-border-color: rgba(255, 255, 255, 0.9);
    --button-border-radius: 0px;
    --button-border-style: solid;
    --button-border-thickness: 0px;
    --button-bg-hover-color: #FFF;
    --button-bg-hover: #fff;
    --button-hover-color: #02805b;
    --button-hover-border-color: #FFF;
    --backtotop-bg: #274f6e;
    --instagram-color: #fff;
    --instagram-bg-color: #1a2f3c;
    --social-links-bg: var(--yellow);
    --social-links-hover-bg: #1a2f3c;
    --footer-widgettitle-color: #1a2f3c;
    --colortheme1-bg: #065351;
    --colortheme1-color: #fff;
    --colortheme2-bg: #00805b;
    --colortheme2-color: #fff;
    --navdrawer-bg: #FFF;
    --single-nav-border: rgba(255, 255, 255, .1);
}

/* 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([form-element__form]) {
    display: none;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    /* background: #FFFFFF; */
    color: var(--black);
}

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

body {
    margin: 0;
    font-size: 100%;
    /* line-height: 1.45; */
    /* letter-spacing: 0.2px; */
    letter-spacing: 0.013em;
    font-weight: normal;
    min-width: 320px;
    overflow-x: hidden;
    color: var(--text-color);
}


::selection {
    background: var(--selection-bg-color);
    color: var(--selection-color);
    text-shadow: none;
}


::placeholder {
    color: var(--blue) !important;
    font-weight: 900;
}

a {
    font-weight: 500;
    color: #171717;
    text-decoration: underline;
    text-decoration-color: #19b3ef;
    text-decoration-thickness: 2px;
    transition: all 0.3s 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: #bc0c10; */
    color: var(--link-hover-color);
    /* background: red; */
    /* text-decoration: underline; */
    /* text-decoration-color: var(--link-color); */
}

b,
strong {
    font-weight: 600;
}

blockquote {
    /* margin: 1em 40px; */
    /* font-size: 1.4em; */
    boreder-top: .5em solid;
}

dfn {
    font-style: italic;
}

hr {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
}

hr:after {
    display: block;
    height: 5px;
    /* border-top: 2px solid #c61b24; */
    width: 10px;
    content: '';
    /* border-radius: 50%; */
    background: var(--grey-dark);
    margin: 1em auto 1em;
    position: relative;
}

hr:before {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    content: ' ';
    height: 1px;
    background: var(--grey);
}

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

#custom_html-6,
.page-id-27 p {
    word-wrap: break-word;
}

small {
    font-size: 0.600em;
}

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 {
    margin: 1em 0;
    padding: 0;
    list-style-position: inside;
}

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

.page_layout ol {
    list-style: none;
}

.page_layout ol li {
    padding-left: 1em;
    counter-increment: my-awesome-counter;
    position: relative;
}

.page_layout ol li::before {
    content: counter(my-awesome-counter);
    font-weight: bold;
    position: absolute;
    --size: 1.4em;
    /* vertical-align: middle; */
    left: -1em;
    line-height: 1.3em;
    width: 1.4em;
    height: 1.4em;
    top: 0;
    border-radius: 50%;
    text-align: center;
    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 {
    width: 100%;
    /* background: #fff; */
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    /* display: inline-block; */
}

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

figure {
    margin: 10px 0 0 0;
}

form {
    margin: 0;
}

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

label {
    cursor: pointer;
}

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

button {
    border: 0;
}

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

input,
select,
textarea {}

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

input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *width: 13px;
    *height: 13px;
}

input[type="search"] {
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

*,
*:after,
*:before {

    box-sizing: border-box;
}

table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

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

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

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

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

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




.icon_row {
    text-align: center;
    vertical-align: top;
}

.icon a:after {
    display: none;
}

.icon {
    display: inline-block;
    margin: .5em;
    position: relative;
    width: 10em;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
}

.icon_image {
    padding-bottom: 100%;
    margin: 0 auto;
}

.icon:hover {
    transform: scale(.9);
}

.icon h4 {
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: .5em;
    color: var(--yellow);
    text-overflow: ellipsis;
}

@media (max-width:600px) {
    .icon {
        max-width: 120px;
    }

    .icon h4 {
        font-size: 16px;
    }
}


.icon.development .icon_image {
    background: url(../images/icons/development.png) no-repeat center;
    background-size: contain;
}

.icon.see .icon_image {
    background: url(../images/icons/see.png) no-repeat center;
    background-size: contain;
}

.icon.eat .icon_image {
    background: url(../images/icons/eat.png) no-repeat center;
    background-size: contain;
}

.icon.itineraries .icon_image {
    background: url(../images/icons/itineraries.png) no-repeat center;
    background-size: contain;
}

.icon.events .icon_image {
    background: url(../images/icons/events.png) no-repeat center;
    background-size: contain;
}

.icon.cruise .icon_image {
    background: url(../images/icons/cruise.png) no-repeat center;
    background-size: contain;
}

.icon.local .icon_image {
    background: url(../images/icons/lets-shop-tairawhiti.png) no-repeat center;
    background-size: contain;
}

.icon.local h4 {
    color: #ff8d0e;
}

.icon.cruise {
    display: none !important;
}


/* grid */
.container {
    margin: 0 auto;
    max-width: 112.0rem;
    padding: 0 2.0rem;
    position: relative;
    width: 100%
}

.row {
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 100%
}

.row.row-no-padding {
    padding: 0
}

.row.row-no-padding>.column {
    padding: 0
}

.row.row-wrap {
    flex-wrap: wrap
}

.row.row-top {
    align-items: flex-start
}

.row.row-bottom {
    align-items: flex-end
}

.row.row-center {
    align-items: center
}

.row.row-stretch {
    align-items: stretch
}

.row.row-baseline {
    align-items: baseline
}

.row .column {
    display: block;
    flex: 1 1 auto;
    margin-left: 0;
    max-width: 100%;
    width: 100%
}

.row .column.column-offset-10 {
    margin-left: 10%
}

.row .column.column-offset-20 {
    margin-left: 20%
}

.row .column.column-offset-25 {
    margin-left: 25%
}

.row .column.column-offset-33,
.row .column.column-offset-34 {
    margin-left: 33.3333%
}

.row .column.column-offset-50 {
    margin-left: 50%
}

.row .column.column-offset-66,
.row .column.column-offset-67 {
    margin-left: 66.6666%
}

.row .column.column-offset-75 {
    margin-left: 75%
}

.row .column.column-offset-80 {
    margin-left: 80%
}

.row .column.column-offset-90 {
    margin-left: 90%
}

.row .column.column-10 {
    flex: 0 0 10%;
    max-width: 10%
}

.row .column.column-20 {
    flex: 0 0 20%;
    max-width: 20%
}

.row .column.column-25 {
    flex: 0 0 25%;
    max-width: 25%
}

.row .column.column-33,
.row .column.column-34 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%
}

.row .column.column-40 {
    flex: 0 0 40%;
    max-width: 40%
}

.row .column.column-50 {
    flex: 0 0 50%;
    max-width: 50%
}

.row .column.column-60 {
    flex: 0 0 60%;
    max-width: 60%
}

.row .column.column-66,
.row .column.column-67 {
    flex: 0 0 66.6666%;
    max-width: 66.6666%
}

.row .column.column-75 {
    flex: 0 0 75%;
    max-width: 75%
}

.row .column.column-80 {
    flex: 0 0 80%;
    max-width: 80%
}

.row .column.column-90 {
    flex: 0 0 90%;
    max-width: 90%
}

.row .column .column-top {
    align-self: flex-start
}

.row .column .column-bottom {
    align-self: flex-end
}

.row .column .column-center {
    -ms-grid-row-align: center;
    align-self: center
}

@media (min-width: 40rem) {
    .row {
        flex-direction: row;
        margin-left: -1.0rem;
        width: calc(100% + 2.0rem)
    }

    .row .column {
        margin-bottom: inherit;
        padding: 0 1.0rem
    }
}

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

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

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

.inline {
    display: inline-block;
}

.text-center,
.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;
}

.wrap {
    overflow: hidden;
    position: relative;
    /* background: #3d181e; */
}

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

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

.inner,
.inner.col {
    padding: 0px 3%;
    max-width: 1670px;
    /* max-width: 1370px; */
    margin: 0 auto;
    position: relative;
    /* z-index: auto; */
    overflow: hidden;
}

@media (min-width: 768px) {

    .inner,
    .inner.col.inner-wider {
        /* max-width:90%; */
        max-width: 1920px;
    }
}

@media(max-width: 768px) {

    .inner,
    .inner.col {
        padding: 0px 5%;
    }
}

@media(max-width: 500px) {

    .inner,
    .inner.col {
        padding: 0px;
    }
}


.post .inner {
    /* max-width: 1070px; */
}

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

.inner-700,
.inner.narrow {
    max-width: 700px;
    padding: 0 2%;
    margin: 0 auto;
}

.inner-1170,
.inner-default {
    /* min-height: 100vh; */
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

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

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

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

.intro .inner.thin {
    /* padding: 12% 5% 10%; */
    /* max-width: 1170px; */
}

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

.article-footer {
    background: inherit;
}

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

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

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

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

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

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

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

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

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

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

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

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

.wp-caption-text {
    margin: 0;
    font-size: 14px !important;
    background: #1a1a1a;
    padding: 8px 17px;
    color: white;
    font-style: normal;
    -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;
}

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

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

@media screen and (max-width: 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;
    }
}

/* Icons / Buttons
--------------------------- */
.icons-list {
    text-align: center;
    padding-bottom: 2em;
}

.icons-list ul {
    list-style: none;
    display: inline-block;
    margin: 0 auto;
}

.icons-list ul li {
    display: inline-block;
    padding: 5px;
}

.icons-list img {
    width: 100% !important;
}

.day .icons-list img {
    filter: brightness(0) invert(1);
}

.button-enter {
    display: block;
    box-shadow: 1px 2px 25px rgba(22, 147, 196, .5);
    /* float: right; */
    width: 5em;
    height: 5em;
    font-size: 2.5em;
    color: var(--blue);
    background: var(--yellow);
    border-radius: 50%;
    overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 1em;
    padding-top: 1.6em;
    transition: all .2s;
}

.button-enter:hover {
    color: var(--yellow) !important;
    background: var(--blue);
}

.layer .button,
.page_layout a.button,
.gform_button,
.gform_previous_button,
.gform_next_button {
    position: relative;
    vertical-align: text-bottom;
    border-radius: var(--button-border-radius);
    border-color: var(--button-border-color);
    border-style: var(--button-border-style);
    background-color: var(--button-bg-color);
    border-width: var(--button-border-thickness);
    text-decoration: none;
    white-space: nowrap;
    display: inline-block !important;
    /* margin: 0 5px 5px; */
    padding: 0em 1em;
    line-height: 2.2;
    text-transform: uppercase;
    font-weight: 800;
    font-size: .9em;
    /* letter-spacing: .025em; */
    color: var(--button-color);
    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
}

.layer .button.green {
    border: 0 !important;
    padding: 0 1em;
    color: #fff;
    background: var(--link-color);
}

.layer .button.green:hover {
    border: 0 !important;
    padding: 0 1em;
    color: #fff;
    background: #292929;
}

.layer a.button,
.gform_button span {}

.page_layout .button.ghost {
    color: #fff;
    border: 0;
    border-color: #fff;
    background: rgba(0, 0, 0, 0);
}

.layer a.button:before {
    display: none;
}

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

a.button:hover,
.gform_button:hover {
    /* color: var(--black); */
    border-color: var(--button-hover-border-color);
    background-color: var(--yellow);
    background-color: var(--social-links-hover-bg);
    transform: scale(1.1) !important;
    /* background: #292929; */
    color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    text-shadow: 0 0 10px rgba(255, 255, 255, .3);
}

a.button:after {
    display: none;
}

a.button.bordered {
    border-color: #242424;
    background: #fff;
    color: #242424;
    transition-delay: unset !important;
}

a.button.bordered:hover {
    background: var(--link-color);
    border-color: var(--link-color);
    color: #fff;
}

a.button.button-transparent {
    padding: 0.5em 1.5em;
    color: var(--blue) !important;
    border: 2px solid;
    border-radius: 2em;
    border-color: var(--blue) !important;
    background: #fff;

    transition-delay: unset !important;
}

a.button.button-transparent:hover {
    transform: scale(1.01) !important;
    border: 2px solid;
    background: var(--blue);
    color: #fff !important;
}

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

footer a.button:hover,
footer a.button:active {
    background-color: #292929;
    border-color: #292929;
    color: #fff;
    /* padding: 0 10%; */
}

.cr__gallery {
    max-width: 1780px;
    padding: 0;
    margin: 0 auto;
}

.instagram .cr__gallery {
    max-width: none;
}

.cr__gallery .cr__asset {
    /*margin:-5px;*/
}

.cr__grid {
    /*margin:0;padding:0 !important;*/
}

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

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

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

.transition,
.anim,
.top_nav {

    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
}

.anim_slow {

    transition: all 0.7s ease-out;
    transition-delay: 0.15s;
}

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

#header {
    width: 100%;
    position: absolute;
    z-index: 50;
    padding: 0;
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* background: linear-gradient(180deg, rgba(255,255,255,.2),rgba(255,255,255,0)); */
    min-width: 320px;
    margin: 0 auto;
    background: linear-gradient(180deg, rgba(10, 10, 10, .7), transparent);
    background-blend-mode: screen;
}

#header .inner {
    max-width: 1920px;
    padding: 15px 15px;
}

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

#header .logo {
    margin: 0;
    padding: 0;
    /* font-size: 0px; */
    /* line-height: 0px; */
    /* color: transparent; */
    /* background-repeat: no-repeat; */
    /* position: relative; */
    /* z-index: 31; */
    /* background-image: url('../images/logos/white-island-tours-logo.png'); */
    width: 35%;
    min-width: 250px;
    max-width: 500px;
    float: left;
    /* height: 70px; */
    /* padding-top: 70px; */
    /* padding-top: 12.2%; */
    /* display: block; */
    /* background-size: contain; */
    /* background-position: left center; */
}

#header .logo a {
    /* display: block; */
    /* position: absolute; */
    /* z-index: 40; */
    /* top: 0; */
    /* width: 100%; */
    /* height: 100%; */
}

#header .logo img {
    /* vertical-align: top; */
    /* display: none; */
    max-width: none;
    width: 100%;
    height: auto;
    /* filter: drop-shadow(2px 4px 6px black); */
    /* filter: drop-shadow(0px 0px 10px rgba(255,255,255,.5)); */
}

#header .nav_wrap {
    /* overflow: hidden; */
    /* filter: drop-shadow(0px 0px 10px rgba(255,255,255,.5)); */
    position: absolute;
    top: 0;
    width: auto;
    white-space: nowrap;
    right: 15px;
    /* float: right; */
    /* clear: right; */
    /* z-index: 30; */
    padding: 25px 15px 0 0;
    /* transition-delay: .2s; */
    transition: all .3s;
    /* transition-delay: .2s; */
}

#header a.button {
    /* margin-right: 40px; */
    /* text-align: center; */
    padding: 0.2em 2.7em;
    margin: auto;
    border: 2px solid;
    /* border-color: #fff; */
    /* font-size: inherit; */
    /* display: inline-block; */
}

#header a.button:hover {
    /* color: #141414 !important; */
}

@media(max-width: 480px) {
    #header a.button {
        /* font-size: 21px; */
        padding-left: 10px;
        padding-right: 10px;
    }
}

.nav-open #header .nav_wrap a.button {
    color: #fff;
}

.nav-open #header .logo,
#header .logo {
    transition: all .5s !important;
}

.intro-image #header a {
    /* color: #fff; */
}

.nav-open #header a.button {
    color: #fff;
}

@media(max-width: 980px) {
    #header .logo {
        /* transition-duration: 1s !important; */
    }
}

@media(max-width: 768px) {
    #header .logo {}
}

@media (max-width: 480px) {
    .hamburger {
        transform: scale(.8);
    }

    #header .logo {
        min-width: 230px;
        margin: -6px 0 0;
        /* width: 100%; */
        /* height: auto; */
        /* text-align: center; */
    }

    #header .nav_wrap {
        padding-top: 16px;
        /* padding-right: 0; */
        position: absolute;
        width: 60%;
        right: 10px;
        /* transform:scale(.8); */
        /* transform-origin:top right; */
        /* top: 0; */
    }

    .top_nav {
        transform: scale(1);
        transform-origin: top right;
        position: absolute;
        right: 0;
        left: auto;
    }

    #header a {
        margin-right: 5px !important;
    }
}

@media(min-width: 480px) {
    #header .logo {
        /* padding-top: 170px; */
        /* padding-top: 10.6rem; */
    }
}

/* TOP NAV
*/
.top_nav .nav-830 {
    display: none;
}

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

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

.level0.animation_name {
    /* opacity:0; */
}

.top_nav li {
    margin: 0px 0.5em;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: center;
    /* opacity: 0; */
}

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

.top_nav>li.nob {
    margin-right: 0;
    margin-left: 1.8%;
}

.top_nav>li.nob:after {
    display: none;
}

.top_nav>li.nav-29:after {
    display: none;
}

.top_nav>li.nav-29 a {
    border: 0 !important;
    padding: 0 1em;
    margin-top: -4px;
    color: #fff;
    background: var(--link-color);
}

.top_nav>li.nav-29 a:hover {
    border: 0;
    background: #292929;
}

.top_nav li a {
    /* opacity: 0; */
    display: block;
    border-bottom: 2px solid rgba(255, 255, 255, 0);
    border-top: 2px solid rgba(255, 255, 255, 0);
    width: 100%;
    /* letter-spacing: 2px; */
    /* font-size: 0.956em; */
    /* font-size: 0.87em; */
    /* font-size: 0.735em; */
    text-align: left;
    text-transform: uppercase;
    /* font-weight: 600; */
    color: #ffd100;
    /* border-bottom: 2px solid rgba(255, 255, 255, 0); */
    /* font-family: "Rubik", "Open Sans", Helvetica, Arial, sans-serif; */
    font-size: 1.2em;
    /* font-weight: 400; */
    text-decoration: none;
    /* line-height: 1.3; */
    /* width: 58px; */
    /* height: 13px; */
    /* color: red; */
    /* font-family: Rubik; */
    /* font-size: 16px; */
    font-weight: 900;
    /* font-size: 16px; */
    /* font-weight: 500; */
    /* line-height: 110px; */
    /* text-transform: uppercase; */
    /* Text style for "m, enu" */
    /* letter-spacing: 1.3px; */
    /* letter-spacing: .08em; */
}

.top_nav li.level1 a {
    display: block;
    width: auto;
    background: #292929;
    /* line-height: 1; */
    border: 0 !important;
}

.search-button {
    background-color: #ffd100 !important;
}

#header {
    /* position: fixed !important; */
    /* padding-top: 1em; */
    color: #fff;
    /* background: #fff !important; */
    /* position: relative; */
}

#header:before {
    /* display:block; */
    /* background-image: linear-gradient(0deg, rgba(0, 0, 0, 0),rgba(0, 0, 0, 1)); */
    /* height:100%; */
    /* position: absolute; */
    /* width:100%; */
    /* content:' '; */
    /* top: 0; */
}

.fixed {
    background: #fff !important;
    box-shadow: 0 0 10px 5px rgba(26, 26, 26, .2);
    /* border-bottom: 4px solid #ffffff; */
    padding-top: 0 !important;
    /* background: #fff !important; */
}

.fixed h1.logo {
    padding-top: 43px !important;
    margin: 4px 0 5px !important;
}

.fixed .top_nav {
    padding: 0 !important;
}

.fixed .nav_wrap {
    padding-top: 8px !important;
    margin: 0px;
}

.top_nav li.mobile_nav {
    /* float:right; */
}

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

.top_nav .icon {}

.top_nav .offcanvas {
    display: none;
}

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

.top_nav li.mobile_nav {
    /* display: none !important; */
    /* margin-top: -8px; */
    /* padding: 0px 0 0 1%; */
    margin-right: 0;
}

.top_nav li.mobile_nav a {
    border: 0;
    /* vertical-align: bottom; */
}

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

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

    .booking_nav li a.button {
        font-size: 13px;
    }

    .top_nav li.mobile {
        display: inline-block !important;
    }
}

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

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

    .booking_nav li a.button {
        font-size: 1em;
    }

    .top_nav li.mobile_nav {
        display: inline-block;
    }
}

@media (max-width: 480px) {
    .top_nav li.mobile {
        display: none !important;
    }
}

/*
DROPDOWN */
.top_nav ul {
    /* display:none; */
    visibility: hidden;
    /* padding-top: 8px !important; */
}

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

/*--- DROPDOWN ---*/
.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(70, 93, 47) transparent; */
    /* z-index:-1; */
}

.night .top_nav ul:after {
    border-color: transparent transparent rgb(255, 53, 183) transparent;
}

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

.top_nav ul .menu_wrap {
    display: block;
    /* padding: 5px 0 10px; */
    /* background:var(--link-color) url(../images/forest_bg.png); */
}

.night .top_nav ul .menu_wrap {
    background: var(--link-color) url(../images/star_bg.png);
}

.top_nav ul li {
    padding: 0;
    /* Introducing a padding between the li and the a give the illusion spaced items */
    position: relative;
    margin: 0;
    display: block;
}

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

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

.night .top_nav li:hover ul .menu_wrap {
    box-shadow: 0px 3px 30px rgba(253, 253, 253, .4);
}

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

.top_nav li:hover>a,
.top_nav li.active a {
    border-bottom: 4px solid;
    color: var(--yellow);
}

.top_nav li:hover {}

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

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

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

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

/* Fullscreen Menu
--------------------------- */
#mobile-nav {
    color: #fff;
    position: fixed;
    z-index: 141;
    height: 100%;
    top: 0;
    left: 0px;
    right: 0;
    overflow: scroll;
    padding: 200px 4% 60px;
    -webkit-transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    pointer-events: none;
    opacity: 0;
    color: #fff;
}

#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 var(--link-color);
}

#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: var(--topnav-color) !important;
}

.hamburger:hover .hamburger-inner,
.hamburger:hover .hamburger-inner::before,
.hamburger:hover .hamburger-inner::after {
    background-color: var(--topnav-hover-color) !important;
}

nav#mobile-nav {}

nav#mobile-nav .menu_left,
nav#mobile-nav .menu_right {
    width: 35%;
    /* float:left; */
    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: #fff;
}

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

.nav-open #mobile-nav {}

#mobile-nav ul>li {
    opacity: 0;
    /* font-size: 1.7em; */
    margin: 0;
    list-style: none;
}

#mobile-nav ul>li a {
    line-height: 1em;
    display: inline-block;
    color: #ffffff;
    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: var(--link-color);
    /* border-top: 4px solid var(--link-color); */
    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;
}



.nop {
    padding: 0 !important;
}


/* Intro
  --------------------------- */
.swiper-wrapper,
.swiper-wrapper li {
    list-style: none;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    /* background-size: cover; */
}

.has-bg-image .intro-copy {
    color: #fff;
    /* text-shadow: 0 0 5px rgba(0,0,0,.2); */
}

.intro-copy {

    transform: translate3d(0px, 0px, 0px);
    text-align: center;
    /* padding: 10% 0; */
}

.intro-copy h1 strong {
    color: var(--yellow);
    /* font-size: 3em; */
    /* line-height: 1; */
}

.intro-copy__white {
    color: var(--white);
    font-size: 3em;
    font-weight: 600 !important;
    max-width: 1000px;
    margin: 0 auto !important;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, .3));
    mix-blend-mode: hard-light;
}

.intro-copy {
    opacity: 0;
    transition: all 2s ease-out !important;
}

.is-ready .intro-copy {
    opacity: 1;
}

.intro-copy h1 {
    font-weight: 800;
    opacity: .9;
    color: var(--white);
}

.intro-copy a.button {
    /* color: #fff; */
    /* margin: 50px 0 0; */
    /* font-size: 1.9rem; */
    /* animation-delay: 1.5s; */
    /* background: var(--link-color); */
    /* padding: 0.2rem 2.7rem; */
    /* border-color: var(--link-color); */
}

.intro-copy a.button:hover {
    /* color: #ffffff; */
    /* border-color: #292929; */
}

.intro-copy a.button[data-theme="night"]:after {
    display: inline-block;
    content: '\e902';
    font-family: 'feather';
    /* width: 2%; */
    /* position: absolute; */
    /* right: 0; */
    /* top: 0; */
    /* padding: 0.25em 1.25em; */
    /* color: #959595; */
}

.intro-copy a.button[data-theme="day"]:before {
    display: inline-block;
    content: '\e901';
    font-family: 'feather';
    /* width: 2%; */
    /* position: absolute; */
    /* right: 0; */
    /* top: 0; */
    /* padding: 0.25em 1.25em; */
    /* color: #959595; */
}

.night [data-theme="night"],
.day [data-theme="day"] {
    color: #292929 !important;
    pointer-events: none;
    opacity: 1;
    background: #ffffff;
}

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

.intro-copy h1,
.intro-copy h2,
.intro-copy h3,
.intro-copy h4 {
    /* margin: 0 auto; */
    padding: 0;
    margin-bottom: 0.5em;
    margin: 0;
    /* text-transform: none; */
}

.intro.default .intro-copy h1:last-child {
    /* margin-bottom: 0px; */
}

.intro-copy.col {
    width: 100%;
    color: #ffd100;
    position: relative;
    z-index: 10;
    /* min-height: 70vh; */
    /* font-size: 1em; */
    padding: 14% 0% 8%;
}

.home .intro-copy.col {
    /* position:relative; */
    /* z-index:20; */
    /* padding: 11% 0% 5%; */
}

.intro-copy img {
    max-width: 200px;
    margin: 0 auto 0;
}

@media screen and (min-width: 1480px) {
    .home .intro.default .intro-copy h1 strong {
        /* font-size:2em; */
        /* font-size: 48px !important; */
    }
}

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

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

    .top_nav li.link,
    .top_nav li.current,
    .top_nav li.weather {
        display: none;
    }
}

@media screen and (max-width: 960px) {
    .intro.default .intro-copy h1 {
        /* font-size: 2.5em; */
    }

}

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


}

@media screen and (max-width: 640px) {}

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

    .home .intro-copy.col {
        /* padding-top:300px; */
    }
}

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

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

.intro-copy h1 {
    /* font-size: calc(14px + (40 - 14) * ((100vw - 320px) / (1070 - 320))) !important; */
    /* font-size: 8.5rem; */
    /* font-size: 7vw; */
    /* font-size: 3.713em; */
}

@media (max-width: 600px) {
    .intro-copy h1 {
        /* font-size: calc(20px + (20 - 13) * ((100vw - 320px) / (1170 - 320))) !important; */
    }
}

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

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

#intro {
    padding: 0;
    background-color: #000000;
}

#intro img,
#intro .videocontainer {
    /* background-color:#fff !important; */
}

.hero-slider {
    width: 100%;
    /* background-color: #000000; */
    /* background-color: var(--white); */
    /* background-image: url(../images/slider_bottom.png); */
    background-size: auto;
    background-repeat: repeat-x;
    background-position: bottom center;
    /* min-height: 80vh; */
    /* overflow: hidden; */
}

.hero-slider .slides {
    list-style: none;
    margin: 0;
    padding: 0;
    /* min-height: 571px; */
    /* height: auto; */
}

.hero-slider .slides>li {
    min-height: 50vh;
}

.hero-static {
    width: 100%;
    margin: 200px 15px 3em;
}

.product .hero-static {
    margin-bottom: 0 !important;
}

.hero-static h1 {
    color: var(--blue);
}

#intro .bg-image {
    z-index: 3;
}

#intro .videocontainer {
    z-index: 4;
}

.hero-slider .has-bg-image .bg-image {}

.hero-slider .has-bg-image .bg-image:before {
    /* background: url(../images/bird.png) no-repeat bottom left; */
    background-size: contain;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    content: ' ';
    /* background-position: 40% 400px; */
    /* background-attachment: fixed; */
}

.no-bg-image h1 {
    color: var(--blue) !important;
    filter: none !important;
}

.intro-copy h1 {
    /* font-size: 3.713em; */
    /* color:red !important; */
    /* padding: 0; */
    filter: drop-shadow(0px 0px .2rem rgba(0, 0, 0, .08));
    /* font-weight: 900; */
    /*font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
    /* font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); */
    /* font-size: calc( 90px + 16 * (( 100vw - 480px ) / 1920) ); */
    /* font-size: calc( 111px + 8 * (( 100vw - 320px ) / 1920) ); */
}

.intro-copy h2 {
    padding: 0;
}

.intro-copy h1 {}

.intro-copy p {
    /* max-width: 700px; */
    margin: 15px auto;
    /* font-size: 2.82em; */
    font-size: 1.37em;
    /* font-weight: 500; */
    /* color: var(--link-color); */
}

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

    .home .intro .inner {}
}

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

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

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

.intro-copy p {
    /* max-width: 810px; */
    /* margin: 0 auto; */
    /* padding: .5em 0; */
}

.intro-image .intro .intro-copy {
    color: white;
    /* text-shadow: 0 0 10px rgba(7, 9, 10, .5); */
}

.has-bg-image .inner.thin {
    padding: 13% 11% 10%;
    /* font-size: 100%; */
    max-width: 1920px;
    /* padding: 22.4% 7.8%; */
}

.no-bg-image .inner.thin {
    /*  padding: 8% 5% 7%; */
    padding: 10% 2% 8%;
    padding: 13% 11% 10%;
}

.home .inner.thin {
    /* padding: 7% 2% 7%; */
    /* min-height: 500px; */
    /* z-index: 11; */
}

.flex-active-slide:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0 !important;
    left: 0;
    /* background-image: radial-gradient(black, transparent); */
    background-image: linear-gradient(to top, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, .6));
    background-blend-mode: color-burn;
    content: ' ';
    display: block;
    z-index: 10;
}

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

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

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

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

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

@media screen and (max-width: 480px) {
    .intro-image .intro.default .inner.thin {
        /* padding: 60px 5% 10px; */
        /* padding: 40vh 2% 10%; */
    }
}

/*
SWIPER 
*/
/* Flexslider
  --------------------------- */
.flexslider .slides>li {
    max-width: 100%;
    background-size: cover;
    background-color: rgb(6, 0, 4) !important;
    font-size: 1em;
    z-index: 9 !important;
    display: none;
    /* min-height: 100vh; */
}

.home .flexslider .slides>li {}

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

.flexslider .slides>li {}

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

.flexslider .slides>li .intro-copy {
    position: relative;
    position: relative;
    zoom: 1;
}

@media (max-width: 767px) {
    .flexslider .slides>li {}
}

@media (max-width: 600px) {
    .flexslider .slides>li {}
}

@media (max-width: 480px) {
    .flexslider .slides>li {}
}

.fixed-bg .bg-image {
    background-attachment: fixed;
}

/*
.videocontainer {
	width: 100%;
 height: 0;
 padding-bottom: 56.25%;
 position: absolute;
}
*/
.videocontainer {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    /* background-color: var(--hero-bg); */
}

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

.fixed-vid .videocontainer {}

pre {
    /* padding: 1em; */
    /* display: none; */
}

.page_touchpoints {}

.page_touchpoints .inner {
    max-width: 1970px;
}

.discover {
    text-align: center;
    margin-bottom: 3em;
}

.page_touchpoint {
    width: 22%;
    position: relative;
    vertical-align: top;
    /* float: none !important; */
    padding-bottom: 22% !important;
    display: inline-block;
    /* padding: 1%; */
    /* overflow: hidden; */
    /* border-radius:50%; */
    margin: 0.5%;
    /* border: .3em solid var(--yellow); */
}

.page_touchpoint:hover {
    box-shadow: none;
}

.page_touchpoint .bg-image img {
    border-radius: 50%;
    overflow: hidden;
}

.page_touchpoint a.link-overlay:after {
    box-shadow: none !important;
    display: none;
}


.discover .image_overlay {
    background: url(../images/circle_red.png) no-repeat center;
    background-size: contain;
}

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

img.actual {
    width: auto;
}

#productGallery {
    /* height:auto !important; */
    text-align: center;
    list-style: none;
    padding-left: 0;
}

img.cover {
    max-width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    width: 100%;
    /* display: block; */
    /* display: inline; */
    position: relative;
    object-fit: cover;
    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
}

.page_touchpoint .bg-image:before {
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
    /* background-blend-mode: multiply; */
    border-radius: 50%;
    border: .3em solid var(--yellow);
    /* mix-blend-mode: unset; */
}

.page_touchpoint .tile-copy {
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 0 14px;
    left: 0;
    /* top: 28%; */
    /* transform: translateY(-22%); */
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3;
    color: #fff;
    /* transition: all .7s ease; */
    /* transition-delay: .3s; */
    bottom: 17% !important;
}

.page_touchpoint .tile-copy h3 {
    font-size: 2em;
    /* margin-top: .5em !important; */
    line-height: 1.2 !important;
    width: 100%;
    height: 3.7em;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 900;
    transition: all 1s ease;
}

.page_touchpoint .icon-cruise {
    width: 100%;
    height: 2em;
    margin-bottom: .5em;
}

.page_touchpoint a {
    color: #fff;
}

.page_touchpoint a:before {
    display: none;
}

.page_touchpoint .tile-copy p {
    display: none;
    height: 0px;
    padding: 0;
    overflow: hidden;
}

.page_touchpoint:hover .tile-copy p {
    display: block;
    height: initial;
    overflow: hidden;
}

.page_touchpoint:hover .bg-image {
    transform: scale(1.02);
}

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

.page_touchpoint .image_overlay {
    opacity: 0;
    transition: all .7s ease-out 0s;
    z-index: 1;
    /* background: url('../images/weave_pattern.png') 10px 10px; */
    /* background-size:80px; */
    /* background-image: url(https://white-island-tours.local/wp-content/uploads/fly-images/313/White_Island_group_photo-600x600-c.jpg); */
}

.page_touchpoint:hover .image_overlay {
    opacity: .1;
    /* transform: scale(1.02); */
    /* transition: all .4s ease-in-out 0s; */
    background-position: 10px 0px;
}

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

.page_touchpoint a.button {
    /* opacity: 0; */
    /* height: 0; */
    /* overflow: hidden; */
    /* border: 0; */
    padding: 4px 0.8em;
    /* display: none; */
    line-height: 1.25;
    white-space: normal;
    /* color: #28c0da; */
    border-radius: 2em;
    border-color: var(--yellow);
    background-color: var(--yellow);
    color: #000;
    transition-delay: .2s;
}

.page_touchpoint:hover a.button {
    /* opacity: 1; */
    /* height: auto; */
    /* line-height: 1.5; */
    /* background: var(--blue); */
    /* border-color: var(--blue); */
}

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

@media(max-width: 1000px) {
    .page_touchpoint .tile-copy h3 {
        font-size: 20px;
    }
}

@media(max-width: 600px) {
    .page_touchpoint .tile-copy p {
        display: none !important;
    }

    .page_touchpoint .tile-copy {}

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

@media(max-width: 750px) {
    .page_touchpoint {
        width: 48%;
        padding-bottom: 48% !important;
    }
}

@media(max-width: 480px) {
    .page_touchpoint .tile-copy p {
        display: none !important;
    }

    .page_touchpoint .tile-copy {}

    .page_touchpoint .tile-copy h3 {
        font-size: 16px;
        /* overflow: visible; */
    }
}

.cta {
    color: #fff;
    overflow: hidden;
    /* border-top: 4px solid #fff; */
    /* border-bottom: 4px solid #fff; */
}

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

.cta a {
    color: #fff;
}

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

.cta h1,
.cta h2,
.cta h3,
.cta h4,
.cta h5 {
    margin: 0;
    padding: .5em;
    /* font-size: 1.5em !important; */
    /* font-weight: normal; */
    letter-spacing: 0.1em;
}

.cta_content {
    overflow: hidden;
}

.cta span {
    white-space: nowrap;
}

span.dash {
    /* display:none; */
}

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

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

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

/* Tabs
  --------------------------- */
ul.tabs {
    margin: 0px;
    padding: 0px 15px;
    list-style: none;
    /* background: white; */
}

ul.tabs li {
    color: #fff;
    display: inline-block;
    background: var(--grey);
    /* background-color: #154da2; */
    padding: 0 10px;
    margin-right: 5px;
    cursor: pointer;
    /* border: 3px solid var(--blue); */
    /* border-bottom: 0; */
    /* border-radius: 9px 8px 0px 0px; */
    font-size: 1.15em;
    /* line-height: 2.1; */

    user-select: none;
}

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

ul.tabs li.current {
    /* border-bottom: 2px solid #15CD52; */
    /* background-color: var(--bright-yellow); */
    /* color: var(--blue); */
}

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

.tab_content_holder {
    padding: 1em;
    background: var(--white);
    color: initial;
}

.tab-content {
    height: 0;
    opacity: 0;
    transition: all .5s;
    overflow: hidden;
    /* color: var(--blue); */
    /* background: #fff; */
    /* border: 3px solid var(--blue); */
    /* border-radius: 10px; */
}

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

/*
FAQS */
.accordion-toggle {
    cursor: pointer;
    /* background: #fff; */
    box-shadow: 0 0 10px rgba(213, 217, 216, .2);
    /* border: 0; */
    /* border-left: 2px solid var(--grey-darker); */
    padding: 1em 1em 0.5em 1.5em !important;
    font-weight: 600;
    line-height: 1.5 !important;
    /* margin: 0; */
    /* border-top: 0; */
}

.faq {
    /* width: 50%; */
    padding-top: 2em;
    /* border-bottom: 1px solid rgba(255, 255, 255, .1); */
}

.accordion-toggle small {
    font-weight: 300;
    display: block;
    margin-top: .5em;
    text-transform: none;
}

.accordion-toggle span.filedate {
    font-size: 13px;
    letter-spacing: normal;
    color: #b0b0b0;
    text-transform: none;
}

.accordion-toggle:before {
    transition: all .2s;
    /* transform-origin: center; */
    /* text-align: center; */
    /* float: left !important; */
    /* content: "+"; */
    /* padding: 0 .5em; */
    color: var(--link-color);
    /* width: .75em; */
    margin-left: -1em;
    /* background: url(../images/); */
    transform: rotate(180deg);
}

.accordion-toggle.collapsed:before {
    content: "-";
    transform: rotate(0deg);
}

.accordion-content {
    display: none;
    /* padding: 1.25em; */
    background: #f2f2f2;
    /* background-color: var(--grey-darker); */
    /* color: #fff; */
    background-size: auto;
}

.accordion-content a {
    color: #ffff;
}

.accordion-content.default {
    display: block;
}

/* Flexslider
  --------------------------- */
#testimonials_slider {
    list-style: none;
}

.testimonial_content {
    /* color: red; */
    overflow: visible;
    /* position: relative; */
    /* max-width: 980px; */
    margin: 0 auto 1em;
    /* font-size: 1.64em; */
    /* font-weight: normal; */
    /* font-style: italic; */
    text-align: center;
    /* line-height: 1.2; */
}

.testimonial_content blockquote {
    border: none;
    /* font-size: 2em; */
    line-height: 1.3;
}

.testimonial_content p:before,
.testimonial_content a:before {
    display: none;
}

.testimonial_content blockquote .details p {
    font-weight: normal;
    letter-spacing: initial;
}

.testimonial_content blockquote p:last-child {
    background: none;
}

.testimonial_content blockquote:before {
    display: block;
    line-height: 1em;
    align-items: center;
    text-align: center;
    width: 2em;
    margin: 0 auto 1em;
    content: ' ';
    height: 2em;
    background: url(../images/icons/quote_open.png) no-repeat center;
    background-size: contain;
    /* margin-right: 0.25em; */
    /* vertical-align: text-bottom; */
}

.testimonial_content blockquote:after {
    display: block;
    line-height: 1em;
    align-items: center;
    text-align: center;
    width: 2em;
    margin: 1em auto 0em;
    content: ' ';
    height: 2em;
    background: url(../images/icons/quote_close.png) no-repeat center;
    background-size: contain;
}

.testimonials {
    /* margin-top: 1150px; */
    background-color: var(--grey);
    /* color: #fff; */
    /* background-size: cover; */
    background-repeat: no-repeat;
    text-align: center;
    background-attachment: fixed;
    position: relative;
    color: #fff;
}

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

.testimonials_slider {
    list-style: none;
}

.testimonials .details {
    margin-top: 3.5em;
    font-size: 0.4em;
    width: 100%;
    text-align: center;
}

.testimonials strong {
    font-weight: 800;
}

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

.testimonials .details a:after {
    display: none !important;
}

.testimonials em {
    font-style: normal;
    display: block;
    font-size: 15px !important;
    line-height: 1.2 !important;
    margin-top: 2.5em;
}

.testimonials em a {
    color: #fdc363;
}

.testimonial_footer {
    font-size: 1rem;
}

.testimonial_footer a {
    /* text-decoration: underline; */
    color: #fff;
}

.testimonial_footer a:hover {
    color: var(--white);
    text-decoration-color: var(--link-color);
}

@media (max-width: 1280px) {
    .testimonial_content {}

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

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

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

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

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

    .testimonial_name {
        font-size: 30px;
    }

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

    .testimonials .inner {
        padding: 0;
    }

    .lSAction {
        display: none;
    }
}

#insta_icon {
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    fill: #fff;
    vertical-align: middle;
}

.instagram {
    /* background: var(--yellow); */
    color: var(--instagram-color);
    text-align: center;
}

.instagram h4 {
    padding: 0;
    margin: 0;
    line-height: 2;
    background: var(--yellow);
}

.instagram h4 a {
    display: inline-block;
    color: var(--white);
    padding: 0;
    text-decoration: none;
    font-weight: 900;
    /* text-align: center; */
}

body.night {
    border-color: var(--link-color);
    background: #292929;
    color: #fff;
}

.night .instagram {
    background: var(--link-color);
}

.subheader {
    vertical-align: middle;
}

ul.contact_list {
    list-style: none;
}

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

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

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

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

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

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

#gform_wrapper_3 {
    padding: 1em;
    background: var(--grey);
    color: #fff;
}

.page_layout .gform_wrapper .gform_footer {
    margin: 0;
}

.gform_body input,
.gform_body select,
.gform_body textarea {
    padding: .5em !important;
    border: 1px solid var(--link-color) !important;
}

.page_layout .gform_wrapper label.gfield_label,
.page_layout .gform_wrapper legend.gfield_label {
    /* font-weight:normal !important; */
    /* font-size:15px; */
}

.gm-style-iw-d {
    color: black;
    font-size: 1.37em;
}

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

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

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

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

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

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

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

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

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

.map .icon-drag {}

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

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

.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, .2);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 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 .inner {
    max-width: 1870px;
}

.layout_tiles .col {
    min-width: 33%;
    flex: 1;
}

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

.grid .tile-copy a {}

.grid .tile-copy {
    padding: 1em;
    /* font-size: .87em; */
    top: auto;
    bottom: 0;
    height: auto;
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
}

.grid .tile-copy h2 {}

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

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

.light a {
    color: #fff;
}

.grid.column-2 .col {
    /* float: left; */
    /* width: 50%; */
    /* padding-left: 2%; */
    /* padding-right: 2%; */
    /* position: relative; */
}

.image_holder {
    position: relative;
}

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

.col.imgwrap {
    /* width: 50%; */
    /* padding-bottom:1.25em; */
    /* padding: 0.8em; */
    /* text-align: right; */
}

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

.col.imgwrap a {
    display: inline-block;
    /* position: relative; */
    /* max-width: 600px; */
    margin: 0 auto;
}

.column img {
    margin: 1em 0;
}

.col.textwrap {
    /* width: 50%; */
}

.col.textwrap h3,
.col.textwrap p {
    margin-top: 1em !important;
}

.col.textwrap .element__content {
    max-width: 960px !important;
    margin: 0 auto 1.37em;
}

.grid.column-2 .col.textwrap ._inner img {
    max-width: 130px;
    width: 26%;
    min-width: 100px;
}

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

.abs:before {
    display: none;
}

.rel {
    position: relative;
}

.uppercase {
    text-transform: uppercase;
}

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

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

a.link-overlay:after {
    opacity: 0;
    /* background: #fff; */
    /* color: #2d3038; */
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    /* border-radius: 0; */
    top: 0;
    content: ' ';
    /* background: url(../images/icons/link.svg) no-repeat center; */
    background-size: 2em;
    /* background-color: rgba(0, 0, 0, 0.2); */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

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

/*.
.no-image .col.textwrap{width: 35% !important;color:#fff;}*/
.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%;
}

.show_overlay .image_holder {
    position: relative;
    /* background: red; */
    display: block;
    /* padding: 7%; */
}

.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%;
    /* background-size: contain; */
    left: 0;
}

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

    .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;
    height: 4px;
    content: ' ';
    width: 100%;
    top: 0px;
    z-index: 1;
    left: 0;
    background: var(--link-color);
}

.border-bot:after {
    position: absolute;
    height: 211px;
    content: '';
    width: 100%;
    top: auto;
    bottom: -105px;
    z-index: 1;
    left: 0;
    background: url(../images/wave.png) no-repeat center;
    background-size: contain;
}

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

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

a.venobox:before {
    display: none;
}

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

a.venobox:hover:after {
    opacity: 1;
}

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

.subpages {
    background: #13181b;
    display: flex;
    flex-wrap: wrap;
    /* align-items: baseline; */
    flex: 1;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.subpages article {
    overflow: hidden;
    /* flex-direction:column; */
    /* display: flex; */
    flex: 1;
    /* flex: 1; */
    display: -ms-flexbox;
    display: -webkit-flex;
    /* display: flex; */
    /* height: auto; */
    min-width: 33.3%;
    position: relative;
    /* padding-bottom: 33%; */
}

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

.subpages article:hover .tile-copy {
    transform: scale(1.05);
    text-shadow: 0 0 10px #333;
}

.subpages .grid {}

.subpages .bg-image:before {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
}

.subpages .tile-copy {
    position: relative;
    text-align: center;
    align-items: center;
    display: flex;
    font-size: 1.2em;
    padding: 4em 15px 3em;
    flex-direction: column;
}

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

.subpages h3 a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

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

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

.company_logos {
    background: var(--grey);
    ;
}

.companies_slider li {
    padding: 1em;
    width: 200px;
    display: inline-block;
    text-align: center
}

.companies_slider a {
    display: block;
    text-decoration: none;
    /* padding: 4px; */
    /* width: 150px; */
    /* margin: 0 auto; */
    background: #fff;
    /* border-radius: 4px; */
    /* overflow: hidden; */
}

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

.company_logos a:before {
    display: none;
}

.cruise-indicator {
    /* width: 20%; */
    float: right;
    border: 3px solid white;
    border-radius: 0px 0px 10px 10px;
    border-top: 0;
    padding: 0.5rem 8px 0;
    margin-top: -1rem;
    overflow: hidden;
    /* background: transparent; */
    background: #154ca1;
    mix-blend-mode: multiply;
    z-index: -1;
    /* margin-left: 25PX; */
    position: relative;
    /* white-space:nowrap; */
    /* flex-wrap: nowrap; */
}

.cruise-open .cruise-indicator {
    background: #154ca1;
}

.cruise-indicator .grid {
    padding: 8px;
}

.cruise-indicator-row {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: .5em;
    transition: all .3s ease-out;
    opacity: 1;
    height: auto;
    background-image: linear-gradient(to top, rgba(255, 255, 255, .1), transparent);
}

.cruise-indicator-row.alt {
    /* background:rgba(255, 255, 255, 0.2); */
}

.cruise-indicator-row._hidden {
    transition: all .3s;
    opacity: 0;
    height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
}

.cruise-indicator-row {
    background-image: linear-gradient(top white transparent);
}

.cruise-indicator .col {
    padding: 0px 3.9%;
    white-space: nowrap;
    /* display:inline-block; */
    /* flex: auto; */
    /* float: none; */
}

.cruise-indicator .col:first-child {
    padding-right: 0;
}

.cruise-indicator .col:nth-child(2) {
    padding-left: 5px;
    border-right: 2px solid #fff;
}

.cruise-indicator h4 {
    line-height: 1;
}

.icon-cruise {
    width: 40px;
    height: 30px;
    background: url(../images/icons/cruise-ship-3.svg) no-repeat center;
    background-size: contain;
}

.cruise-indicator-row .icon-cruise {
    width: 30px;
    height: 20px;
}

#cruise-toggle {
    width: 20px;
    height: 20px;
    background: url(../images/icons/caret-down.svg) no-repeat center;
    transition: transform .3s;
    transition-delay: 100ms;
}

.cruise-open #cruise-toggle {
    transform: rotate(180deg);
}

.icon-traffic-light {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: url(../images/icons/cruise-ship.svg) no-repeat center;
    background-size: contain;
}

.pending .icon-traffic-light {
    background-color: #f1c40e;
    background-image: url(../images/icons/more.svg);
    background-size: 60%;
}

.cancelled {
    background-color: rgba(255, 255, 255, .2);
    opacity: .8;
}

.confirmed .icon-traffic-light {
    background-color: #21b14c;
    background-image: url(../images/icons/correct.svg);
    background-size: 120%;
}

.cancelled .icon-traffic-light {
    background-color: #ee1b24;
    background-image: url(../images/icons/cancel.svg);
    background-size: 50%;
}

.cancelled .status {
    text-decoration: line-through;
    opacity: .7;
}

.cancelled .star-rating {
    opacity: .7;
}

.confirmed {
    /*background-color:#21b14c;*/
}

.pending {
    /*background-color:#f1c40e;*/
}

.sea-rating-1 .icon-cruise {
    background-image: url(../images/icons/cruise-ship-1.svg);
}

.sea-rating-2 .icon-cruise {
    background-image: url(../images/icons/cruise-ship-2.svg);
}

.sea-rating-3 .icon-cruise {
    background-image: url(../images/icons/cruise-ship-3.svg);
}

.sea-rating-4 .icon-cruise {
    background-image: url(../images/icons/cruise-ship-4.svg);
}

.sea-rating-5 .icon-cruise {
    background-image: url(../images/icons/cruise-ship-5.svg);
}

:root {
    --ratingSize: 100px;
}

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

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

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

/* image gallery */
#imageGallery li {
    background: var(--blue);
}

.cS-hidden li {
    display: none;
}

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

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

.date_time {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--grey-dark);
}

.single .navigation {
    /* padding: 0; */
    width: 100%;
    /* display: flex; */
    /* flex-wrap: nowrap; */
    /* margin-top: -1em; */
    /* margin-bottom: 0; */
    /* padding-top: 20px; */
    border-top: 1px solid var(--single-nav-border);
    /* border-bottom: 1px solid #efefef; */
}

.single .navigation .col {
    width: 50%;
    text-align: left;
    padding: 15px 2% 0;
    position: relative;
}

.single .navigation .col:first-child {
    border-right: 1px solid var(--single-nav-border);
    /* padding-right: 4%; */
}

.single .navigation .col:last-child {
    padding-left: 4%;
    text-align: right;
    /* border-left: 1px solid #242424; */
}

.single .navigation h4 {
    margin-top: 0;
}

.single .navigation .col>span {
    font-size: 11px;
    text-transform: uppercase;
    /* font-weight: 800; */
}

.single .navigation .col>span a {
    color: var(--link-color);
    font-weight: 600;
    /* margin: 0; */
    text-decoration: none;
    position: relative;
    /* font-family: 'Core Rhino'; */
}

.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 {
    /* margin: 10px 0px 1em; */
}

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

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

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

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

.single .navigation a {
    font-weight: bold;
    /* text-decoration: underline; */
    color: #fff;
    /* text-decoration-color: var(--link-color); */
}

.single .navigation a:hover {
    text-decoration: underline;
    text-decoration-color: var(--link-color);
}

.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: url(../images/logos/Maverick-Digital.png) no-repeat top center;
    background-size: cover;
    overflow: hidden;
}

#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: 20px;
    right: 20px;
    width: auto;
}

a.back-to-top {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    float: right;
    font-size: 13px;
    margin: 8px 3px 0px 0;
    padding: 8px;
    background: var(--backtotop-bg);
    border-radius: 50%;
    display: none;
    transition: 0.3s ease;
}

.back-to-top-wrap img {
    width: 25px;
    /* fill: var(--link-color) !important; */
}

.back-to-top-wrap:hover {
    bottom: 8px;
}

.back-to-top-wrap:hover {
    bottom: 8px;
}

/* footer
**********************************/
footer {
    /* margin-top: 6em; */
    background: #fff;
    background: #0f6484 url(../images/footer-bg.webp) no-repeat bottom center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    font-size: 15px;
    color: #fff;
    padding: 0;
}

footer .inner {
    /* padding: 0px 8px; */
    max-width: 1920px;
    /* text-align: center; */
    /* background: #0f6484 url(../images/footer-bg.jpg) no-repeat bottom center; */
}

footer h4 {
    font-weight: 600;
    text-transform: uppercase;
    /* margin-bottom: .25em; */
}

footer p,
footer li {
    /* font-size: 1em; */
    margin-top: 0;
    /* line-height: 1.4 !important; */
}

.footer__logowrap {
    position: relative;
}

.footer__logowrap h1.logo {
    font-size: 0px;
    line-height: 0px;
    color: transparent;
    background-repeat: no-repeat;
    position: relative;
    z-index: 7;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    max-width: 30%;
    min-width: 300px;
    display: block;
    padding: 0 40px;
    background-size: contain;
    background-position: center;
}

.footer__logowrap h1.logo a {
    /* display:block; */
    /* z-index: 40; */
    background-color: white;
    background-image: url(../images/logos/white-island-tours-logo.png);
    background-repeat: no-repeat;
    position: relative;
    /* height: 270px; */
    display: block;
    /* max-width: 140px; */
    /* margin: 0px auto 0px; */
    padding-bottom: 30%;
    background-size: contain;
    background-position: top center;
}

.footer__logowrap:before {
    width: 100%;
    position: absolute;
    top: 39%;
    left: 0;
    content: ' ';
    height: 2px;
    /* z-index: 20; */
    background: #242424;
}

h1.logo_footer {
    margin: 5px 12px;
    padding: 15px;
    /* font-size: 0px; */
    line-height: 0px;
    color: transparent;
    /* background-color: #fff; */
    /* background-repeat: no-repeat; */
    /* position: relative; */
    /* z-index: 30; */
    /* background-image: url(../images/logos/white-island-tours-logo.png); */
    width: 50%;
    /* height: 150px; */
    display: block;
    /* background-size: contain; */
    /* background-position: left center; */
}

footer .column-3 {
    max-width: 900px;
    margin: 0 auto;
}

footer .flex .column1 {
    /* max-width: 200px; */
}

@media(max-width:600px) {
    footer .column2 img {
        max-width: 200px;
    }
}

footer .flex {
    /* width: 33.33%; */
    /* flex:1; */
    /* background:blue; */
    /* justify-content:space-between; */
    /* padding:0 10px; */
    /* flex-wrap: wrap; */
    /* padding: 0px 10px; */
    /* text-align: center; */
    /* align-items: baseline; */
    align-items: start;
    justify-content: center;
}

@media (max-width: 600px) {
    footer .col {
        flex: 50%;
        width: 100%;
    }

    footer .col img {
        max-width: 150px !important;
    }

    footer .col:last-child {
        width: 100%;
    }
}

footer .col {
    flex: auto;
    min-width: fit-content;
    margin-bottom: 2em;
}

footer .column1 {
    /* flex:initial; */
    /* padding: 0; */
    /* max-width: 301px; */
}

footer .column5 {
    /* flex:initial; */
    /* padding: 0; */
    /* max-width: 9%; */
}

footer .column2 {}

footer .column3 {}

footer .column4 {}

footer .column5 {}

footer.layer .textwidget a {
    color: var(--social-links-bg);
    /* text-decoration: underline; */
    /* text-decoration-color: #00b9eb; */
}

footer h4.widgettitle {
    /* font-weight: 900; */
    /* text-transform: uppercase; */
    /* font-size: 1.7em; */
    margin-top: 0;
    color: #fff;
    /* margin: 2em 0em 1em; */
    /* letter-spacing: .05em; */
}

footer.layer .textwidget a {
    /* display:block; */
    /* position:relative; */
}

#menu-footer-links {
    text-align: center;
    margin: 1em 0 1em;
    font-size: 1.2em;
}

#menu-footer-links li {
    padding: 5px;
}

footer a {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: transparent;
    display: block;
}

footer a:hover {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: var(--blue);
}

#menu-footer-links a {
    color: #2d2d2d;
    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: var(--link-color);
    border-color: var(--link-color);
}

footer .social-links {
    margin-bottom: 2em !important;
}

footer ul {
    list-style: none;
    margin: 0;
}

footer ul li {
    /* flex: 1; */
    padding: 0;
    margin: 0;
    display: inline-block;
    /* text-transform:uppercase; */
    /* line-height: 1.4; */
}

footer ul.awards {}

footer ul.awards li {
    padding: 10px 0;
}

footer ul.awards li img {
    max-width: 80px;
}

footer .menu {
    height: auto;
}

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 {
    position: relative;
    color: var(--black);
    /* font-size: 1.3em; */
    /* color: #fff; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    /* font-weight: 600; */
    /* text-transform: uppercase; */
    /* letter-spacing: -0.025em; */
}

p.affiliates {}

a.half {
    width: 50%;
    display: inline-block;
}

a.third {
    width: 33.33%;
    display: inline-block;
}

a.half img {
    max-height: 140px;
    width: auto;
}

a.third img {
    max-height: 80px;
    width: auto;
}

p.affiliates a.third {
    width: 33.333%;
}

p.affiliates img {
    max-width: 50%;
}

footer .column1 img {
    max-width: 200px;
}

@media (max-width: 1290px) {
    footer .column1 img {
        max-width: 200px;
    }

    footer .col {
        /* flex: 33%; */
        text-align: center;
    }
}

@media (max-width: 900px) {
    footer .grid {
        /* flex-wrap: wrap; */
        /* justify-content: space-around; */
        /* align-items: center; */
    }

    footer ul.menu li {
        /* display:inline-block; */
        padding: 0 5px;
        /* font-size: 1.1em; */
    }
}

.subfooter {
    text-align: center;
    font-size: 11px;
    /* padding-bottom: 1em; */
}

.subfooter_graphic {
    margin-top: 4em;
    background: url(../images/white-island-tours-footer.png) no-repeat bottom center;
    background-size: contain;
    padding-bottom: 20%;
    max-width: 990px;
    margin: 0 auto;
}

.subfooter .widgettitle {
    display: none;
}

.subfooter ul {
    margin: 0px auto 3em;
    padding-top: 2em;
    max-width: 900px;
    /* border-top: #f2f2f2 solid 1px; */
}

footer .subfooter li {
    display: inline-block;
    width: 16.6666666667%;
    min-width: 140px;
    text-align: center;
    margin: 0;
    padding: 0 1em;
    /* border-right: 2px solid; */
    /* line-height: 1; */
}

footer .subfooter li:last-child {
    border: 0;
}

footer .subfooter li a {}

footer .subfooter li a:before {
    height: 2px;
}

.footer-meta img {
    max-height: 8em;
    width: auto;
}

.night .social_icon img {
    filter: invert(1);
}

.social-links {
    display: block;
    margin: 0;
    list-style-type: none;
}

.social-links li {
    float: left;
}

.social-links a:before,
p.social-links a:after {
    display: none;
}

.social-links a {
    display: inline-block;
    width: 44px;
    height: 44px;
    background: var(--white);
    padding: 10px;
    border-radius: 50%;
    border: 0;
    margin: 3px 3px 0 0;
}

.social-links svg {
    fill: var(--black);
}

.social-links a:hover {
    background-color: var(--black);
    transform: scale(1.1);
}

.social-links a:hover svg {
    fill: #FFF;
}

footer .social-links a {
    background: var(--social-links-bg);
    /* color: red; */
}

footer .social-links svg {
    fill: #146e91;
}

footer .social-links a:hover {
    background-color: var(--social-links-hover-bg);
    transform: scale(1.1);
}

.social-links a:hover svg {
    fill: #FFF;
}

.drawer .social-links {
    padding: 0 1em;
    /* text-align: center */
}

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

.pad-top-default {
    padding-top: 3em;
}

.pad-bot-default {
    padding-bottom: 3em;
}

/* 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;
    /* padding-top: 10vw; */
}

.pad-bot-100 {
    padding-bottom: 100px;
}

.pad-top-80 {
    padding-top: 80px;
}

.pad-bot-80 {
    padding-bottom: 80px;
}

.pad-top-60 {
    padding-top: 60px;
}

.pad-bot-60 {
    padding-bottom: 60px;
}

.pad-top-40 {
    padding-top: 40px;
}

.pad-bot-40 {
    padding-bottom: 40px;
}

.pad-top-20 {
    padding-top: 20px;
}

.pad-bot-20 {
    padding-bottom: 20px;
}

.mar-top-160 {
    margin-top: 160px;
}

.mar-bot-160 {
    margin-bottom: 160px;
}

.mar-top-140 {
    margin-top: 140px;
}

.mar-bot-140 {
    margin-bottom: 140px;
}

.mar-top-120 {
    margin-top: 120px;
}

.mar-bot-120 {
    margin-bottom: 120px;
}

.mar-top-100 {
    margin-top: 100px;
}

.mar-bot-100 {
    margin-bottom: 100px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-bot-80 {
    margin-bottom: 80px;
}

.mar-top-60 {
    margin-top: 60px;
}

.mar-bot-60 {
    margin-bottom: 60px;
}

.mar-top-40 {
    margin-top: 40px;
}

.mar-bot-40 {
    margin-bottom: 40px;
}

.mar-top-20 {
    margin-top: 20px;
}

.mar-bot-20 {
    margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
    .pad-top-220 {
        padding-top: 110px;
    }

    .pad-top-200 {
        padding-top: 100px;
    }

    .pad-bot-200 {
        padding-bottom: 100px;
    }

    .pad-top-180 {
        padding-top: 90px;
    }

    .pad-bot-180 {
        padding-bottom: 90px;
    }

    .pad-top-160 {
        padding-top: 80px;
    }

    .pad-bot-160 {
        padding-bottom: 80px;
    }

    .pad-top-140 {
        padding-top: 70px;
    }

    .pad-bot-140 {
        padding-bottom: 70px;
    }

    .pad-top-120 {
        padding-top: 60px;
    }

    .pad-bot-120 {
        padding-bottom: 60px;
    }

    .pad-top-100 {
        padding-top: 50px;
    }

    .pad-bot-100 {
        padding-bottom: 50px;
    }

    .pad-top-80 {
        padding-top: 40px;
    }

    .pad-bot-80 {
        padding-bottom: 40px;
    }

    .pad-top-60 {
        padding-top: 30px;
    }

    .pad-bot-60 {
        padding-bottom: 30px;
    }

    .pad-top-40 {
        padding-top: 20px;
    }

    .pad-bot-40 {
        padding-bottom: 20px;
    }

    .pad-top-20 {
        padding-top: 10px;
    }

    .pad-bot-20 {
        padding-bottom: 10px;
    }

    .mar-top-160 {
        margin-top: 80px;
    }

    .mar-bot-160 {
        margin-bottom: 80px;
    }

    .mar-top-140 {
        margin-top: 70px;
    }

    .mar-bot-140 {
        margin-bottom: 70px;
    }

    .mar-top-120 {
        margin-top: 60px;
    }

    .mar-bot-120 {
        margin-bottom: 60px;
    }

    .mar-top-100 {
        margin-top: 50px;
    }

    .mar-bot-100 {
        margin-bottom: 50px;
    }

    .mar-top-80 {
        margin-top: 40px;
    }

    .mar-bot-80 {
        margin-bottom: 40px;
    }

    .mar-top-60 {
        margin-top: 30px;
    }

    .mar-bot-60 {
        margin-bottom: 30px;
    }

    .mar-top-40 {
        margin-top: 20px;
    }

    .mar-bot-40 {
        margin-bottom: 20px;
    }

    .mar-top-20 {
        margin-top: 10px;
    }

    .mar-bot-20 {
        margin-bottom: 10px;
    }
}

.layer {
    /* text-align: initial; */
    position: relative;
    /* padding: 3em 0; */
}

.layer.has-bg-image {
    /* background-color: var(--grey); */
    color: #fff;
}

.col {
    /* float: left; */
    padding: 0 2%;
}

/*https://flexgridlite.elliotdahl.com/*/
.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;
    /* margin: 0 -8px 0 -8px */
}

.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;
    /* padding:0 8px 0 8px; */
}

.col-align-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.col-align-bottom {
    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%;
}

.boxedText {
    /* padding:4% */
    pad-top: 5em;
    padding: 10px;
    margin-bottom: -5em !important;
}

.boxedText .inner {
    border: 10px solid var(--blue);
    color: var(--blue);
    padding: 1em 1em 3.5em !important;
    /* margin:2% */
    background: #fff;
}

.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 .bg-image:before {
    background-image: url(../images/textures/pattern.png) !important;
    /* background-color: rgba(0,0,0,.2) !important; */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    background-position: bottom left;
}

.parallaxParent {
    overflow: hidden !important;
    position: relative;
}

.parallaxParent .bg-image {
    /* width: 100%; */
    /* height: 100%; */
    background-size: cover;
    bottom: 0;
    left: 0%;
    transition: none !important;
    background-position: top center;
}

.parallaxParent.totop .bg-image {
    height: 130%;
    top: -30%;
}

.parallaxParent.tobottom .bg-image {
    height: 130%;
    top: auto;
    bottom: -30%;
}

.parallaxParent.toleft .bg-image {
    width: 110%;
    left: auto;
    right: -10%;
}

.parallaxParent.toright .bg-image {
    width: 110%;
    left: -10%;
}

.parallaxParent .bg-image.background-image:before {

    transition: none;
}



._inner :first-child {
    /* padding-top: 0; */
    /* margin-top: 0; */
}

._Default .col.textwrap {
    /* flex: unset; */
    max-width: 1170px;
    margin: 0 auto;
}

.text-default .col.imgwrap {
    /* flex: auto; */
}

.text-half .col.textwrap {
    flex: 50%;
}

.text-half .col.imgwrap {
    flex: 50%;
}

.text-wider .col.textwrap {
    flex: 75%;
}

.text-wider .col.imgwrap {
    flex: 25%;
}

.text-narrow .col.textwrap {
    flex: 35%;
}

.text-narrow .col.imgwrap {
    flex: 65%;
}

.text-100 .inner {
    padding-left: 2%;
    padding-right: 2%;
}

.text-100 .col.textwrap {
    flex: 100%;
}

.text-100 .col.imgwrap {
    flex: 100%;
}

.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, 0), rgba(0, 0, 0, .2), rgba(0, 0, 0, .5)) !important;
}

.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, 0), rgba(0, 0, 0, .2), rgba(0, 0, 0, .5)) !important;
}

.text-on-left .grid {
    flex-direction: row-reverse;
}

@media (max-width: 599px) {
    .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));
    }

    .text-on-right .bg-image.background-image:before {
        /* background-color: transparent; */
        background-image: linear-gradient(to left, rgba(0, 0, 0, .4), rgba(0, 0, 0, .7));
    }

    .col.textwrap,
    .col.imgwrap {
        flex: 100% !important;
        text-align: center;
        padding: 0 5%;
        /* font-size: 15px !important; */
    }

    .features .big-2 article {
        min-width: 100% !important;
        flex: 100% !important;
        padding-bottom: 70% !important;
    }
}

.element-carousel__container {
    display: none !important;
}

.bg-image {
    /* display: none; */
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 0;
    /* transition: 0.6s ease all; */
    background-position: center;
    /* transform: translate3d(0,0,0); */
    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
}

.bg-image-holder {
    background-image: var(--image-url);
    background-position: var(--image-background-position, center);
}

.bg-image:before {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    /* background: linear-gradient(to top, rgba(81, 81, 81, 1) 0%,rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 100%); */
    position: absolute;
    z-index: 23;
    /* mix-blend-mode: multiply; */
}

/*
GRAVITY FORMS */
.gform_wrapper .gfield_error .gfield_label {
    color: var(--link-color) !important;
}

.gform_wrapper .gfield_required {
    color: var(--link-color) !important;
}

.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
.gform_wrapper li.gfield_error ul.gfield_checkbox,
.gform_wrapper li.gfield_error ul.gfield_radio {
    color: var(--link-color) !important;
}

.gform_wrapper div.validation_error {
    color: var(--link-color) !important;
    border: 0 !important;
    margin-bottom: 0 !important;
}

.gform_wrapper li.gfield {
    /* padding: 0 0 1em 0 !important; */
    margin: 0 !important;
}

.gform_wrapper li.gfield.gfield_error {
    color: var(--link-color) !important;
    border-color: var(--link-color) !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.gform_wrapper li.gfield.gfield_error input,
.gform_wrapper li.gfield_error textarea {
    box-shadow: 0 0 5px var(--link-color);
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {}

.gform_wrapper .validation_message {
    color: var(--link-color) !important;
}

.gform_wrapper .top_label .gfield_description.validation_message,
.gform_wrapper .gfield_description.validation_message {}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {}

/* Gravity Forms */
.gform_ajax_spinner {
    margin-left: 20px;
    padding: 0;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-left: 4px solid var(--bright-blue);
    /* 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);
    }
}

.gform_body input:valid,
.gform_body textarea:valid {
    /* font-size: 20px !important; */
    border: 1px solid black;
    box-shadow: none;
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper li.gfield_error textarea {
    border-color: var(--link-color) !important;
}

/* videos */
#responsive {}

.video_copy {
    padding: 0.725em;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-top: 0;
    display: none;
    /* max-height: 150px; */
    overflow: scroll;
}

#responsive h4 {
    font-size: 1em;
    font-weight: 500;
    vertical-align: text-bottom;
    text-transform: none;
    /* overflow: hidden; */
    margin-bottom: 0;
}

#responsive h4 span {
    float: right;
    font-weight: normal;
    /* font-size: 14px; */
    /* vertical-align: text-bottom; */
}

#responsive p {
    display: none;
    font-size: .8em;
    /* font-style: italic; */
    margin: 5px 0 0;
}

.video_wrap {
    background: #f2f2f2;
    padding-bottom: 56.25%;
    background-position: center;
    background-size: cover;
    position: relative;
    text-align: center;
}

.video_wrap img {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 41%;
    left: 40%;
    display: block;
    filter: drop-shadow(2px 4px 6px black);
}

.video_wrap h3 {
    position: absolute;
}

/* Blog
  --------------------------- */
#blog-isotope {
    /* margin:0 -.5em; */
    text-align: center;
}

#blog-isotope .blog-panel {
    border: 2px solid #fff;
    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 .25em .5em;
    /* position: relative; */
}

@media (max-width: 550px) {
    .blog .inner {
        padding: 0;
        /* margin: 0 -.5em; */
    }

    .blog-card {
        width: 50%;
        font-size: .9em;
    }
}

.blog-card__wrap {
    /* border:1px solid rgba(0,0,0,0.16); */
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.06);
}

.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 {
    text-decoration: underline;
    text-decoration-color: var(--link-color);
}

.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;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-top: 0;
}

.blog-card__copy .date_time {
    font-size: .8em;
    /* font-style:italic; */
    margin: 5px 0 0;
}

.blog-card__copy h4 {
    /* border:1px solid red; */
    text-transform: none;
    font-size: 1em;
    margin: 0;
}

.blog-card__copy a {
    color: #242424;
    text-decoration-color: #96db47;
}

.blog-card__copy a:hover {
    text-decoration: underline;
    text-decoration-color: #96db47;
}

.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;
    /* font-weight: 900; */
    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;
    /* line-height: 25px; */
    /* margin: 20px; */
    /* border: 5px solid #AAA; */
}

/* blog panel
*/
#blog-panels {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

#blog-panels article {
    border: 2px solid #fff;
    overflow: hidden;
    flex: 1;
    /* flex: 1; */
    display: -ms-flexbox;
    /* display: -webkit-flex; */
    /* display: flex; */
    /* height: auto; */
    width: 100%;
    min-width: 33.3%;
    position: relative;
    padding-bottom: 36%;
    /* min-width: 33.3%; */
    /* position: relative; */
}

.blog-panel {
    float: left;
    position: relative;
}

.blog-panel .bg-image:before {
    background: rgba(0, 0, 0, .3);
}

.blog-panel h4 {
    font-weight: 600;
}

.blog-panel__wrap {
    /* overflow:hidden; */
    /* position: absolute; */
    /* height: 100%; */
    padding: 1em;
    /* height: 400px; */
}

.blog-panel__copy {
    /* height: 100%; */
    bottom: 10%;
    /* font-size: .9em; */
    color: #fff;
    position: absolute;
    padding: 0 9%;
    top: auto;
    text-align: center;
}

.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: #fff;
    color: #000;
}

@media screen and (max-width: 768px) {
    #blog-panels article {
        min-width: 50%;
    }

    .home .blog-panel__copy {
        position: relative;
        top: 40%;
        bottom: auto;
    }
}

@media screen and (max-width: 420px) {
    #blog-panels article {
        min-width: 100%;
    }
}

.ellipsis:before {
    content: "";
    float: left;
    width: 5px;
    /* height: 3.2em; */
}

.ellipsis>*:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
}

.ellipsis:after {
    content: "\02026";
    box-sizing: content-box;

    float: right;
    position: relative;
    position: absolute;
    top: auto;
    bottom: 0px;
    right: 0;
    width: 1em;
    /* margin-left: -3em; */
    /* padding-right: 5px; */
    text-align: right;
    background-size: 100% 100%;
    /* 512x1 image,gradient for IE9. Transparent at 0% -> white at 50% -> white at 100%.*/
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);

    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}

/* Blog filter bar
  --------------------------- */
.layer .blog-filter {
    background: #ffffff;
    overflow: hidden;
    margin: auto;
    padding-left: 4%;
    padding-right: 4%;
    /* max-width: 1600px; */
    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 {
    background: var(--link-color);
    color: #fff;
    border: 0;
    font-size: 0.938em;
    /* margin: 0; */
    margin: 2px 2px 0;
}

.layer .blog-filter li a:before {
    display: none;
}

.layer .blog-filter li {
    /* margin: 0 .5em 0 0; */
    display: inline-block;
}

.layer .blog-filter li a.active,
.layer .blog-filter li a:hover {
    background: #000000;
    color: #fff;
    transform: none;
}

.match .textwrap {
    padding-bottom: 2em;
}

/* Work
  --------------------------- */
#work-section .inner {
    max-width: 100%;
}

article.work {
    width: 100%;
    /* border-bottom: 4px solid #fff; */
    /* background-image: linear-gradient(180deg,transparent, rgba(0, 0, 0, .2)); */
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1));
}

article.work .imgwrap img {
    /* min-height: 250px; */
    width: 100%;
    /* filter: invert(1); */
    height: auto;
    vertical-align: middle;
}

article.work .imgwrap {
    padding: 0 5% 1.25em !important;
    /* min-height: 250px; */
    /* display: flex; */
}

@media (max-width: 599px) {
    article.work .imgwrap {
        max-width: 380px;
        /* float: none; */
        /* margin: 0 auto; */
        /* padding: 1em 50px 1em !important; */
        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: #FFF;
    /* background-color: var(--blue); */
    background-color: var(--grey-dark);
    /* background-color: var(--white); */
    /* background-image: url(../images/weave_pattern_light.png);*/
    background-size: auto;
    /* background-image: linear-gradient(45deg, black, transparent); */
}

article.search a.button,
.text-on-colorbg a.button {
    color: var(--link-color);
    background-color: #fff;
    border-color: #fff;
}

.text-on-color_theme1 {
    background-color: var(--colortheme1-bg);
    color: var(--colortheme1-color);
}

.text-on-color_theme2 {
    background-color: var(--colortheme2-bg);
    color: var(--colortheme2-color);
}

article.search {
    /* background-image:linear-gradient(-45deg, #6c9c04, transparent); */
}

article.temping,
.text-on-dark {
    color: #FFF;
    background-color: #292929;
}

article.temping {
    /* background-image: linear-gradient(180deg,transparent, rgba(0, 0, 0, 1)); */
}

article.temping a.button,
.text-on-light a.button {
    color: #292929;
}

article.development,
.text-on-light {
    color: #FFF;
    background-color: #b1b1b1;
}

article.development {
    /* background-image: linear-gradient(225deg,transparent, rgba(0, 0, 0, .2)); */
}

article.development a.button,
.text-on-light a.button {
    color: #b1b1b1;
    border-color: #fff;
    background-color: #fff;
}

/* work_carousel */
.work_carousel {
    text-align: center;
    vertical-align: top;
}

.work_carousel .logo {
    height: 100px;
    margin-bottom: 2em;
    /* padding: 0 4em; */
    /* border-right: 1px solid #241e20; */
    /* border-left: .5px solid #241e20; */
}

.work_carousel .logo a {
    display: block;
}

.work_carousel .logo a:hover {
    /* filter: grayscale() invert(); */
    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 {
    /* width:150px; */
    display: inline-block;
    padding: 0em 2em 2em;
    /* border-right: 1px solid #241e20; */
    vertical-align: top;
}

.work_carousel article:last-child {
    border-right: 0px;
}

/* Projects
  --------------------------- */
.ourpick {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    z-index: 3;
    top: 1.5em;
    left: 1.5em;
    font-size: 1em;
    width: auto;
    height: auto;
    line-height: 1;
}

.icon.icon-star {
    background: url(../images/logos/logotype.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    /* background-color: var(--yellow); */
    /* border-radius: 50%; */
    margin: 0;
}

.discover .ourpick i {
    background-color: #171717;
}

.discover .ourpick {
    font-size: 1em;
    /* width: 100%; */
    text-align: center;
    left: 3.1em;
    font-size: 14px;
    /* padding: 0 5px; */
    /* bottom:1em; */
    background: var(--yellow);
    color: #181818;
    padding: 0.3em .75em .25em .25em;
    border-radius: 1em;
    /* fill: red; */
    top: 23px;
    /* position:relative !important; */
}

.blog-cards.features {
    vertical-align: top;
}

.blog-cards.features .inner {
    padding-left: 15px;
    padding-right: 15px;
    /* max-width: 1600px; */
}

.blog_wrap {
    background: red;
    padding-bottom: 40%;
    overflow: hidden;
    position: absolute;
    /* margin: 1% 2%; */
    left: 2%;
    right: 2%;
    width: 96%;
    height: 100%;
    bottom: 4%;
    background: var(--orange);
}

.blog__title h3 {
    text-transform: uppercase;
}

.features .grid {
    width: 100%;
}

.features article {
    /* background: var(--blue); */
    position: relative;
    /* border: 5px solid #ffffff; */
    /* text-align: center; */
    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    overflow: hidden;
    float: left;
    /* box-shadow: 0 0 1em rgba(0,0,0,.0); */
    /* background: var(--orange); */
}

.features article.ourpicked {
    border-color: var(--yellow);
}

.features article:hover {
    /* box-shadow: 0 0 1em rgba(0,0,0,.08); */
    transform: scale(.98) !important;
    /* border-color: var(--yellow); */
    z-index: 9;
    /* border-color: var(--yellow); */
    transition: all 0.2s ease-out;
    transition-delay: 0s !important;
}

.features article:hover p {
    max-height: 600px;
}

.features article:active {
    border-color: var(--yellow);
}

.no-touch .features .card:hover {
    background-size: 117%;
}

.features article img {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
}

.no-touch .features .card:hover img {
    opacity: 0;
}

.features article:hover a.button,
.features a.button:hover {
    background: #fff !important;
    color: #264f6e;
    border: 1px solid #fff !important;
}

.features .tile-copy {
    color: white;
    /* padding: 0 0 0 4%; */
    max-width: 38em;
    /* left: 0; */
    position: absolute;
    bottom: 0;
    /* transform: translateY(-70%); */
    /* margin: auto; */
    left: 0;
    /* right: auto; */
    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    /* opacity: 0; */
    float: none;
    /* min-height: 0; */
    bottom: 0em;
    z-index: 2;
    /* width: 100%; */
}

.features .feature__title {
    /* margin-bottom:1em; */
    text-align: left;
}

.features .feature__content {
    /* max-height:0px; */
    padding-top: 0.5em;
    /* overflow:hidden; */
    /* opacity: 0; */
    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    letter-spacing: -.05em;
    font-size: 0.87em;
    text-align: left;
}

.features article:hover .feature__content {
    max-height: 500px;
    overflow: hidden;
    /* padding: 0.5em 0; */
    /* max-width: 28em; */
    opacity: 1;
    transition: all 0.4s ease-out;
    /* transition-delay: .7s; */
}

.features .tile-copy a.button {
    background: transparent;
    border: 1px solid;
    margin: 1em 0 0 0;
    font-size: 0.87em;
}

.features .tile-copy a {
    color: #fff;
    text-decoration-color: #fff;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    /*font-style:italic;*/
}

.no-touch .features article:hover .tile-copy {
    transform: translateY(-50%);
    opacity: 1;
}

.features .bg-image:before {
    /* background-color: rgba(0, 0, 0, 0.1); */
    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    z-index: 1;
    opacity: .5;
    /* background-image: url(../images/pattern_light.png); */
    background-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 100%);
    /* mix-blend-mode: soft-light; */
}

.features article:hover .bg-image:before {
    /* background-color: rgba(0, 0, 0, 0.7); */
    opacity: 0.8;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.1)100%);
}

.features article:hover .bg-image img {
    /* background-color: rgba(0, 0, 0, 0.7); */
    transform: scale(1.02);
    /* opacity: 0.8; */
}

.features a._bhkks {
    text-decoration: none;
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    /* background:rgba(0,0,0,0.1); */
    text-indent: -999px;
}

.features-carousel .tile-copy h3,
.features .tile-copy h3 {
    margin: 0px;
    font-weight: 100;
    text-transform: uppercase;
    /* font-size: 28px; */
    /* font-size: 3.750em;;font-weight: 600;
    /* font-size: 3.750em;;text-transform: uppercase;
    text-decoration: none;
    /* text-shadow: 0 0 7px #292929; */
    /* text-shadow: 0 0 2px var(--link-color); */
    line-height: 1;
    /* padding-bottom: 2px; */
    font-size: 2.2em;
    letter-spacing: -0.05em;
}

.features .tile-copy p {
    /* color: #bc0c10; */
    color: #ffffff;
    margin-top: .5em !important;
    /* transition:all 1s ease; */
    /* opacity: .8; */
    /* font-weight: 800; */
    /* font-size: 15px; */
    /* text-transform: uppercase; */
}

.features .column-3 article {
    margin: 0.5%;
    float: left;
    min-height: 308px;
    width: 32.33%;
}

.features .big-twin article {
    height: 370px;
    width: 50%;
    /* padding: 5px; */
    overflow: hidden;
}

.features .big-twin article img {
    max-width: 30%;
    pointer-events: none;
}

.features .big-right article {
    height: 308px;
    margin: 0.5% !important;
    min-height: 0px;
    min-width: 32.33%;
}

.features .big-right .card img {
    max-width: 40%;
}

.features .big-right article:nth-child(1) {
    min-width: 65.66%;
    height: 626px;
    margin: 0.5% !important;
}

.features .big-right .card.col:nth-child(1) img {
    max-width: 24%;
}

.features .big-1 article {
    /* vertical-align: top; */
    float: left;
    height: 700px;
    min-height: 0px;
    width: 100%;
    min-width: 50%;
    border: var(--blue) 10px solid;
    border: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .08);
}

.features .big-4 article {
    font-size: .67em;
    /* vertical-align: top; */
    float: left;
    height: 400px;
    min-height: 0px;
    max-width: 46%;
    min-width: 50%;
}

.features .big-2 article {
    padding-bottom: calc(28.6% - 10px);
    min-width: 50%;
    font-size: .67em;
}

.features .big-3 article {
    /* height:300px; */
    width: 100%;
    padding-bottom: 20%;
    max-width: 33.33%;
    /* margin: 1%; */
    /* padding: 1%; */
    font-size: .5em;
}

.features .big-3 article:nth-child(1) {
    /* min-width: 66%; */
    /* padding-bottom: calc(50% - 10px); */
    /* font-size: 1em; */
}

.features .big-3 .card.col:nth-child(1) img {
    max-width: 24%;
}

.features .big-4 article:nth-child(8n+1) {
    height: 500px;
}

.features .big-4 article:nth-child(8n+2) {
    height: 370px;
    float: right;
}

.features .big-4 article:nth-child(8n+3) {
    height: 430px;
    float: right;
}

.features .big-4 article:nth-child(8n+4) {
    height: 300px;
}




.features .big-4 article:nth-child(8n+5) {
    height: 370px;
}

.features .big-4 article:nth-child(8n+6) {
    height: 500px;
    float: right;
}

.features .big-4 article:nth-child(8n+7) {
    height: 430px;

}

.features .big-4 article:nth-child(8n+8) {
    height: 300px;
    float: right;
}

.features .three article {
    height: 335px;
    margin: 0.5% !important;
    min-height: 0;
}

.features .three article img {
    max-width: 44%;
}

.features .big-left article {
    height: 308px;
    margin: 0.5% !important;
    min-height: 0px;
}

.features .big-left article:nth-child(1) {
    width: 65.66%;
    height: 626px;
    margin: 0.5%;
    float: right;
}

.features .link-overlay {
    /* position: absolute; */
    /* z-index: 9; */
    font-size: 0;
    color: transparent;
    left: 0;
    top: 0;
    /* background: red; */
    width: 100%;
    height: 100%;
    /* opacity: 0; */
    /* display: block; */
    z-index: 100;
}

.features .big-right article .tile-copy {
    /* opacity:0; */
}

.features .three article .tile-copy {
    opacity: 0;
}

.features .big-left article .tile-copy {
    /* opacity:0; */
}

.features .big-left article img {
    max-width: 45%
}

.features .big-left article:nth-child(1) .tile-copy {}

.features .big-left article:nth-child(1) img {
    max-width: 25%
}

.features .inner.medium {
    max-width: 1200px;
}

.features .big-right article:hover .tile-copy {
    opacity: 1;
}

.features .three article:hover .tile-copy {
    opacity: 1;
}

.features .big-left article:hover .tile-copy {
    opacity: 1;
}

@media screen and (max-width: 1130px) and (min-width:850px) {
    .features .big-twin article {
        height: 380px;
    }

    .features .three article {
        height: 254px;
    }
}

@media screen and (max-width: 1050px) and (min-width:850px) {

    .features .big-right article,
    .features .big-left article {
        height: 252px;
    }

    .features .big-right article:nth-child(1),
    .features .big-left article:nth-child(1) {
        height: 511px;
    }
}

@media screen and (max-width: 850px) {
    .features .card {
        float: none;
        width: 100% !important;

        min-height: 0px;
    }

    .features-carousel .tile-copy h3,
    .features .tile-copy h3 {
        font-size: 1.5em !important;
    }


}

@media screen and (max-width: 600px) {
    .features article.card:hover img {
        display: none !important;
    }

    .features article.card:hover .tile-copy {
        opacity: 1 !important;
    }

    .features .card:hover .tile-copy {
        transform: translateY(-50%);
        opacity: 1;
    }
}

@media (max-width: 600px) {
    .features .big-4 article {
        width: 100%;
        padding-top: 12.5%;
        max-width: 100%;
    }

    ;

    .features .tile-copy {
        /* position:relative; */
    }
}



article.page-listing {
    position: absolute;
    left: 0;
    height: calc(100% - 0.5em);
    width: calc(100% - 0.5em);
    /* margin-left: 0.325em; */
    border: 0;
    background: #fffef9;
    top: 0;
}

.features-wrapper .col {
    position: relative;
    padding-bottom: 27%;
    min-width: 33.33%;
    max-width: 100%;
    float: right;
    align-self: stretch;
    display: inline-flex;
}

.features-wrapper .col:nth-child(7n+1),
.features-wrapper .col:nth-child(7n+7) {
    min-width: 66.66%
}

.features-wrapper.card-layout .col:nth-child(7n+1) .card,
.features-wrapper.card-layout .col:nth-child(7n+6) .card {
    padding-bottom: 41%
}


.features-carousel .layout-4 .tile-copy h3,
.features .layout-4 .tile-copy h3 {
    font-size: 1.6em;
}

.features-wrapper .layout-4 .col:nth-child(7n+1),
.features-wrapper .layout-4 .col:nth-child(7n+7) {
    min-width: 66.66%;
    padding-bottom: 26%;
}

@media (max-width: 600px) {
    .features-wrapper .tile-copy {
        /* padding-right:1em; */
    }

    .features-wrapper .col {
        padding-bottom: 60%
    }

    .features-wrapper .col .smaller {
        display: none
    }

    .features-wrapper .layout-4 .col:nth-child(7n+1),
    .features-wrapper .layout-4 .col:nth-child(7n+7),
    .features-wrapper .col:nth-child(7n+1),
    .features-wrapper .col:nth-child(7n+4),
    .features-wrapper .col:nth-child(7n+5) {
        min-width: 56%;
    }

    .features-carousel .layout-4 .tile-copy h3,
    .features .layout-4 .tile-copy h3 {
        font-size: 1.4em;
    }


}
















.features-carousel {
    /* height: 490px !important; */
    overflow: hidden;
    /* padding-bottom: 460px; */
    max-width: 1480px;
    position: relative;
    /* padding: 20px 0px; */
}

.features-carousel .swiper-wrapper {
    height: 623px;
    /* overflow: hidden; */
    /* padding-bottom: 52.6%; */
}

.features-carousel.slidesPerView-3 .swiper-wrapper {
    height: 480px;
    /* font-size: .8em; */
}

.features-carousel .articles {
    position: relative;
    height: 500px;
}

.features-carousel article h2,
.features-carousel article h3,
.features-carousel article h4,
.features-carousel article h5,
.features-carousel article p {
    color: #fff;
}

.features-carousel article {
    /* margin: 0 !important; */
    background: var(--orange);
    position: relative;
    padding-bottom: calc(25% - 10px);
    min-width: 50%;
    /* margin: 0 5px !important; */
    /* font-size: .67em; */
    /* border: 0px solid #fff; */
    /* flex: 1; */
}

.features-carousel.slidesPerView-2 .swiper-wrapper {
    height: 500px;
}

.features-carousel.slidesPerView-2 article h3,
.features-carousel.slidesPerView-3 article h3 {
    /* font-size: 2.167em; */
    font-size: 2.167em;
    margin-bottom: 0;
}

.features-carousel.slidesPerView-3 article {
    /* width: 33.3% !important; */
    min-width: 320px;
    font-size: 0.87em;
}

.features-carousel.slidesPerView-auto.centeredSlides-1 article {
    flex: 1;
}

.features-carousel.slidesPerView-1 .tile-copy {
    background: none;
}

.features-carousel article .tile-copy {
    position: absolute;
    padding: 1.5em;
    bottom: 0;
    /* background: rgba(255,255,255,.4); */
    text-align: left;
    z-index: auto;
    top: auto;
    color: #fff;
    left: 0;
    /* max-width: 750px; */
    width: 100%;
}

.feature__content p {
    font-size: 14px;
    /* opacity: 0; */
    max-height: 0;
    overflow: hidden;
    transition: all .5s ease !important;
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
}

.swiper-container-e359 p {
    display: block;

}

.swiper-container-e359 a.button {
    display: none !important;
}

.feature__content :last-child {
    /* margin-bottom:0; */
    /* padding-bottom:0; */
}




.tile-carousel {
    overflow: hidden;
    max-width: 75%;
    position: relative;
    margin: 0;
    display: block;
    overflow: visible;
}

.tile-carousel .articles {
    height: 545px;
}

.tile-carousel .swiper-button-next,
.tile-carousel .swiper-button-prev {
    top: 95%;
    border-radius: 50%;
    width: 2.5em !important;
    height: 2.5em;
    /* background-color: #1693c4 !important; */
    background: var(--blue) url(../images/icons/caret_2_right.svg) no-repeat center !important;
    background-size: 1.3em !important;
    /* left: 0.5em !important; */
}

.tile-carousel .swiper-button-prev {
    background-image: url(../images/icons/caret_2_left.svg) !important;
    left: 1em !important;
}


.tile-carousel .swiper-button-next {
    left: 4em;
}

.tile-carousel .swiper-pagination-current {
    font-size: 1.2em;
    font-weight: 600;
}

.tile-carousel .nav_wrap {
    height: 4em;
}

.tile-carousel .swiper-wrapper,
.tile-carousel .swiper-container {
    overflow: visible !important;
}

.tile-carousel .swiper-pagination-custom {
    font-size: 1.1em;
    bottom: 1em;
    text-align: right;
    padding: 0px 1.4em;
}

.tile-carousel .swiper-scrollbar {
    bottom: 0.95em;
    border-bottom: 1px solid black;
    border-radius: 0;
    background: none;
    /* width: 100%; */
}

.tile-carousel .swiper-scrollbar-drag {
    height: 3px;
    border-radius: 0;
    background: black;
}


@media(max-width:700px) {
    .tile-carousel {
        max-width: 100%;
    }
}


.results {
    padding-top: 1em;
}

.results article .tile-copy {
    padding: .5em 1em 2em 0em;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
    position: relative !important;
    color: black;
    /* top: 0; */
}

.results article .tile-copy p.teaser {
    font-size: .87em;
    color: #101010;
}

.results article {
    /* display: inline-block; */
    /* background: var(--yel); */

    position: relative;
    margin: .5%;
    /* padding-bottom: calc(25% - 10px); */
    -ms-flex-preferred-size: 32%;
    -webkit-flex-basis: 32%;
    flex-basis: 32%;
    max-width: 32%;
    overflow: hidden;
    color: #fff;
}

.results article:hover {
    border-color: var(--yellow);
}

.results article:hover .tile-copy {}

.results article:hover .tile-copy h4 {
    transform: translateX(5px);
}

.results article:hover .bg-image:before {
    background: rgba(0, 0, 0, .5);
}

.results article.no-image {
    background: var(--blue);
    color: #fff;
}

.results article.no-image .bg-image:before {
    display: none;
}

.results article .bg-image:before {
    /* background:linear-gradient(to top, var(--blue) 0%,rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 100%); */
    color: #fff;
    opacity: .8;
    /* background: linear-gradient(to top, rgba(81, 81, 81, 1) 0%,rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 100%); */
}

.results article .card {
    position: relative;
    width: 100%;
    padding-bottom: 90%;
    overflow: hidden;
}

.results h4 {
    text-transform: uppercase;
    font-size: 1.6em;
    text-overflow: ellipsis;
    font-weight: 900;
    margin: 0.25em 0 0.5em;
    overflow: hidden;
    color: #1693C4;
}

.results p.meta {
    font-size: 12px;
    color: #8F8D8D;
    margin: 0;
    /* text-transform:uppercase; */
}

.wrap_pad {
    position: relative;
    margin: 10px;
    padding-bottom: calc(25% - 10px);
}

@media (max-width:980px) {
    .results article.col-3 {
        -ms-flex-preferred-size: 32.3%;
        -webkit-flex-basis: 32.3%;
        flex-basis: 32.3%;
        max-width: 32.3%;
        margin: .5%;

    }

    .results article.col-3 h4 {
        font-size: 20px;
    }
}

@media (max-width:600px) {
    .results p.meta {
        font-size: 8px;
    }

    .results {
        margin: 0;
    }

    .results article.col-3 {
        -ms-flex-preferred-size: 49%;
        -webkit-flex-basis: 49%;
        flex-basis: 49.6%;
        max-width: 49.6%;
        margin: .2%;
        /* padding-bottom: 50%; */
    }

    .results article .tile-copy {
        padding: 10px;
    }

    .results article.col-3 h4 {
        font-size: 16px;
    }
}




.day-product-carousel .swiper-information {
    float: right;
    /* z-index: 10; */
    /* background: red; */
}

.day-product-carousel .swiper-information p {
    margin: 0;
    font-size: 14px;
}

.day-product-carousel .swiper-information a {
    color: var(--black);
    text-decoration: underline;
    text-decoration-color: var(--orange);
}

.day-product-carousel .swiper-button-next,
.features-carousel .swiper-button-next {
    /* left: auto; */
    /* margin: 0 1em; */
    /* float: right; */
    /* position: relative; */
    /* display: inline-block; */
    width: 1.37em;
    /* top: -1em; */
    right: 0;
    /* right: calc(22.7% - 0px); */
    background: var(--yellow) url(../images/icons/right-caret.svg) no-repeat center;
    background-size: contain;
    /* border-radius: 50%; */
}

.day-product-carousel .swiper-pagination-bullet,
.features-carousel .swiper-pagination-bullet {
    background: var(--orange);
}

.day-product-carousel .swiper-button-prev,
.features-carousel .swiper-button-prev {
    /* right: auto; */
    /* margin: 0 1em; */
    /* padding: 1em; */
    /* float: right; */
    /* top: -1em; */
    width: 1.37em;
    /* position: relative; */
    display: inline-block;
    left: 0;
    background: var(--yellow) url(../images/icons/left-caret.svg) no-repeat center;
    background-size: contain;
    /* border-radius: 50%; */
}

.features-carousel .swiper-button-prev,
.features-carousel .swiper-button-next {
    /* top: 0; */
}

.day-product-carousel .swiper-slide .bg-image:before,
.features-carousel .swiper-slide .bg-image:before {
    background: rgba(0, 0, 0, 0.18);
}

.day-product-carousel .swiper-slide-active .bg-image:before,
.features-carousel .swiper-slide-active .bg-image:before {
    /* background: rgba(0,0,0,0); */
}

.day-product-carousel .swiper-button-next,
.day-product-carousel .swiper-button-prev {
    /* top: -10px; */
    /* position: absolute; */
    /* right: 0; */
    /* left: auto; */
}

@media (max-width: 600px) {
    .features-carousel article {
        width: 100%;
        padding-top: 12.5%
    }

    .features article h3 {
        font-size: 2em !important;
    }
}

.features-carousel .tile-copy {
    /* position:relative; */
}


.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    /* font-size: 18px; */
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
}

.swiper-slide {
    /* opacity:.5; */
}

.swiper-slide-prev,
.swiper-slide-next {
    /* opacity:.65; */
}

.features-carousel .swiper-slide-active {
    opacity: 1;
    border-style: solid;
    border-color: var(--yellow);
    border-width: 0;
}



/* Itineraries */

.itinerary_header {}

.itinerary_header .col {
    border-left: 2px solid black;
}

.itinerary_header p {
    margin-top: 0;
}

.itinerary_header p:last-child {
    margin-bottom: 0;
}

.itinerary_header p.lead {
    margin-bottom: 0;
    /* font-size: 46px !important; */
    font-size: 2.5em;
    line-height: 1;
}

.itinerary_products h4 {
    text-transform: uppercase;
    margin-top: 0;
}

.itinerary_products .inner {
    padding: 1em 4%;
    /* font-size: .5em; */
}

.itinerary_products .feature__content {
    font-size: .87em;
}

.itinerary_products a {
    text-decoration: none;
}

.itinerary_products a:hover {
    color: var(--blue);
}

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


.itinerary_day_image {
    padding-bottom: 40%;
    position: relative;
    /* max-height: 500px; */
}

@media (min-width:600px) {
    .itinerary_header .col:first-child {
        border: 0;
    }
}

@media (max-width:600px) {
    .itinerary_day_image {
        padding-bottom: 56.25%;
    }
}

.itinerary_day {
    background: url(../images/design/dotted_line.png) repeat-y 10% 0px;
}

.itinerary_day.last {
    margin-bottom: 1em;
}

.itinerary_day h3 {
    /* color: #f1592a; */
    font-weight: 800;
    margin-top: 0;
    /* font-size: 44px; */
    color: var(--blue);
    /* color: #1693c4; */
    text-transform: uppercase;
}

.itinerary_day .prox_wrap p {
    display: inline;
    vertical-align: text-bottom;
}

.itinerary_day .prox_wrap svg {
    max-width: 1em;
    height: 1em;
    margin-right: .4em;
}

.itinerary-day-carousel {
    color: #fff;
}

.itinerary-day-map {
    padding: 0em;
}

.itinerary_products article {
    position: relative;
    margin: 1em 0;
    border: 2px solid var(--white);
}

.itinerary_products article:last-child {
    margin-bottom: 0;
}

.itinerary_products article:hover {
    border: 2px solid var(--blue);
}

.itinerary_stop_map {}

.itinerary_stop_map .map_day {
    position: relative;
    padding-bottom: 100%;
    border-radius: 50%;
    overflow: hidden;
    /* max-width: 240px; */
    /* margin: 50px; */
}

.itinerary_stop_map .map_day>div {
    background: #afafa7 !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.marker {
    display: none;
}



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

.map-wrapper.ratio16x9 {
    /* padding-bottom: 56.25%; */
    /* 16:9 */
    /* margin-bottom: 2em; */
}

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




/* Blog navigation bar
  --------------------------- */
#breadcrumbs {
    color: var(--grey-darker);
    text-transform: uppercase;
    font-size: 11px;
    margin: 0;
    font-weight: 600;
    /* border-bottom:1px solid #f7f7f7; */
    line-height: 1;
    /* background: #ebeff0; */
    padding: 11px 10px 9px;
    /* font-family: 'Core Rhino'; */
}

#breadcrumbs :before {
    vertical-align: top;
}

#breadcrumbs a {
    color: var(--link-color);
    text-decoration: none;
}

.breadcrumb_last {
    color: var(--grey-dark);
}

.tile-copy .read-more {
    max-height: 0;
    background: rgba(255, 255, 255, .8);
    overflow: hidden;
    position: relative;
    /* padding: 10px; */
    border-bottom: 2px solid var(--grey);
}

.tile-copy .content_wrap {
    padding-bottom: 0;
    padding-right: 4%;
    /* min-height: 110px; */
}

a.readmore.button {
    /* float: right; */
    /* font-weight: bold; */
    /* border:1px solid; */
    /* background-color: transparent !important; */
    /* padding: 0 !important; */
    /* border-color: #fff; */
    /* color: var(--link-color); */
    vertical-align: middle;
    display: inline-block;
    margin: 1em 0 0;
    clear: both;
}

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

a.readmore.button:hover {
    /* transform: none; */
    /* border: 0; */
    /* color: #242424; */
}

a.button.small {
    font-size: 12px;
    padding: 3px 12px;
}

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

.staff_links {
    display: inline-block;
    padding: 4px 2px 2px 0;
    vertical-align: -webkit-baseline-middle;
    /* color: blue; */
    /* display: none; */
}

.staff_links a:before {
    display: none !important;
}

.staff_links .icon {
    display: inline-block;
    width: 1.6em;
    height: 1em;
    background-size: contain;
    opacity: .5;
}

.icon-phone {
    background: url(../images/icons/phone.svg) no-repeat center;
}

.icon-email {
    /* filter: opacity(0.5); */
    background: url(../images/icons/email.svg) no-repeat center;
}

.icon-linkedin {
    background: url(../images/icons/linkedin.svg) no-repeat center;
}

.staff {
    text-align: center;
}

.staff .card {
    padding-top: 120%;
    margin-bottom: 1em;
    background-color: #fff;
}

.staff .tile-copy .content_wrap p {
    margin: 0;
}

.staff .tile-copy h4 {
    /* padding-top: 0; */
    /* line-height: 1.55; */
}

.staff .tile {
    /* background: #fff; */
    width: 22%;
    float: left;
    padding: 0 1.5%;
    margin-bottom: 2em;
}

@media (max-width: 1280px) {
    .staff .tile {
        width: 33.3%;
    }
}

@media (max-width: 800px) {
    .staff .tile {
        width: 50%;
    }
}

@media (max-width: 414px) {
    .staff .tile {
        width: 100%;
    }
}

.page_carousel {}

.page_carousel .scroller {
    text-align: center;
    /* margin: 0 -1% 0 -1%; */
}

.page_carousel .carousel-card {
    width: 33.33%;
    padding: 0 .5% .5%;
    position: relative;
}

.wp-admin .carousel-card {
    width: 33.33%;
    float: left;
}

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

.layout>.acfe-flexible-collapsed-placeholder {
    text-align: inherit;
}

.page_carousel .carousel-card.active {
    /* padding-left:1%; */
}

.page_carousel .scroller .card {
    background-color: var(--grey-dark);
    padding-top: 70%;
    margin-bottom: 4em;
    position: relative;
}

.page_carousel .info-meta {
    margin: 0;
}

.page_carousel .scroller p {
    /* font-size:.87em; */
}

.page_carousel .scroller .tile-copy h4 {
    padding-top: 0;
}

.page_carousel .scroller .tile {
    background: #fff;
    width: 25%;
    float: left;
    padding: 0 1.5%;
    margin-bottom: 2em;
}

.page_carousel .lSAction>a {
    top: 15%;
}

@media (max-width: 1280px) {
    .page_carousel article {
        width: 33.3%;
    }
}

@media (max-width: 800px) {
    .page_carousel article {
        width: 50%;
    }
}

@media (max-width: 414px) {
    .page_carousel article {
        width: 100%;
    }
}

.gallery_wrap_inner {
    width: 100%;
    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;
    /* float: none; */
}

.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%;
    float: left;
    position: relative;
    padding: 5px;
}

ul.gallery.isotope_gallery {
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
}

.grid.column-2 ul.gallery li,
.layout_2col_images ul.gallery li {
    /* width: 50%; */
}

.gallery_image_wrap {
    position: relative;
}

.gallery_image_wrap a {
    display: block;
}

ul.gallery.gallery-columns-1 li {
    width: 100%;
}

ul.gallery.gallery-columns-2 li {
    width: 50%;
}

ul.gallery.gallery-columns-3 li {
    width: 33.333%;
    /* width: 100%; */
}

ul.gallery.gallery-columns-4 li {
    width: 25%;
}

ul.gallery.gallery-columns-5 li {
    width: 20%;
}

ul.gallery.gallery-columns-2 li:first-child {
    /* width:100%; */
}

.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 {
    position: absolute;
    max-width: 650px;
    color: #fff;
    z-index: 10;
    bottom: 0px;
    right: 0;
    font-size: 13px;
    /* height: auto; */
    /* display: block; */
    padding: 5px 10px;
    background: rgba(0, 0, 0, .4);
}

.gallery_credit a:hover {
    background: #fff;
    color: #040404
}

.gallery_credit:before {
    float: left;
    position: absolute;
    display: block;
    /* padding: 5px 0 0 5px; */
    font-size: 21px;
}

.gallery_credit h4,
.gallery_credit p {
    margin: 0;
    font-size: 13px;
    line-height: 13px;
    /* padding-left: 23px; */
    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: 50%;
    }
}

/* 2 cloumn layout */
.two_col {}

@media (max-width: 767px) {
    .two_col .col {
        min-width: 100%;
    }
}

.b-lazy {
    background: var(--blue);
    transition: opacity 500ms ease-in-out;
    max-width: 100%;
    opacity: 0;
    /* filter: blur(10px); */
}

.b-lazy.b-loaded {
    filter: blur(0px);
    opacity: 1;
}

.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: #fff;
    height: 120px;
    display: block;
    background-size: cover !important;
}

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

.media-gallery>ul>li a>img {

    transition: transform 0.15s ease 0s;
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100% !important;
}

fieldset,
form,
label,
legend,
input,
select,
textarea,
option {
    /* border: 0; */
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

* {
    box-sizing: border-box
}

:root {
    --nf-main-color: #4A90E2;
    --nf-main-color-faded: #EDF4FC;
    --nf-main-color-hover-color: #3B7CC8;
    --nf-success-border-color: #17C37B;
    --nf-error-border-color: #EFADB5;
    --nf-error-bg-color: #FEF7F8
}


.field .error.message {
    text-transform: uppercase;
    Font-weight: bold;
    font-size: 11px;
    color: red;
    display: block;
    padding: 5px;
}

.field {
    margin: 15px 0;
}

.normform label,
.normform input,
.normform textarea,
.normform select {
    display: block;
    position: relative;
    width: 100%
}

.normform input,
.normform textarea,
.normform .select-dropdown,
.normform .select-listed,
.normform input[type=checkbox]+label,
.normform input[type=radio]+label {
    /* margin-top: 20px; */
}

.normform fieldset {
    border: 1px solid lightgrey;
    border-radius: 2px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
    margin: 20px 0;
    padding: 20px 20px 0
}

.normform legend {
    color: grey;
    font-size: 80%;
    padding: 0 10px;
    text-transform: uppercase
}

.normform label {
    font-size: 90%;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding: 5px 10px;
}

.normform input[type=text]:valid:not(:placeholder-shown),
.normform input[type=email]:valid:not(:placeholder-shown),
.normform input[type=password]:valid:not(:placeholder-shown),
.normform input[type=number]:valid:not(:placeholder-shown),
.normform textarea:valid:not(:placeholder-shown) {
    border-color: var(--blue);
    border-left: 5px solid var(--blue);
    -webkit-transition: none;
    transition: none;
}

.normform input,
.normform textarea,
.normform select,
.normform input[type=checkbox]+label,
.normform input[type=radio]+label {
    border: 1px solid lightgrey;
    border-left: 5px solid lightgrey;
    /* border-radius: 5px; */
    outline: none;
    padding: 10px 15px;
}

.normform input:required,
.normform textarea:required,
.normform select:required {
    /* border-left: 5px solid #EFADB5; */
}

.normform input:focus,
.normform input[type=checkbox]:focus+label,
.normform input[type=radio]:focus+label,
.normform textarea:focus,
.normform select:focus {
    border-color: var(--nf-main-color);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1)
}

.normform input:invalid:not(:focus):not(:placeholder-shown),
.normform input:invalid:focus:not(:placeholder-shown) {
    /* background: var(--nf-error-bg-color); */
    /* border-color: var(--nf-error-border-color); */
}

.normform input:invalid:focus:not(:placeholder-shown)~.requirements {
    max-height: 150px;
    padding: 0 0 10px 10px
}

.normform .requirements {
    color: red;
    font-size: 80%;
    font-style: italic;
    max-height: 0;
    overflow: hidden;
    padding: 0 0 0 10px;
    position: relative;
    -ms-transition: .28s;
    -webkit-transition: .28s;
    top: -10px;
    transition: .28s
}

.normform select {

    appearance: none;
    background: white;
    margin: 0;
    padding-right: 40px
}

.normform .select-dropdown {
    background: white;
    display: block;
    position: relative
}

.normform .select-dropdown:after {
    background: none;
    border-color: lightgrey;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: '';
    display: block;
    height: 6px;
    position: absolute;
    right: 15px;
    top: calc(50% - 6px);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 6px
}

.normform input[type=checkbox],
.normform input[type=radio],
.normform input[type=checkbox]+label,
.normform input[type=radio]+label {
    cursor: pointer;
    display: inline-block
}

.normform input[type=checkbox]+label,
.normform input[type=radio]+label {
    border: 1px solid lightgrey;
    font-size: 100%;
    padding-left: 30px;
    position: relative
}

.normform input[type=checkbox]+label:before,
.normform input[type=radio]+label:before {
    background: white;
    border-radius: 2px;
    border: 1px solid black;
    content: '';
    height: 9px;
    left: 10px;
    position: absolute;
    top: calc(50% - 5px);
    width: 9px
}

.normform input[type=radio]+label:before {
    border-radius: 100px
}

.normform input[type=radio]:checked+label:before {
    background: var(--nf-main-color);
    border-color: var(--nf-main-color)
}

.normform input[type=checkbox]+label:after {
    color: white;
    content: '✓';
    display: none;
    font-size: 14px;
    font-weight: bold;
    left: 11px;
    position: absolute;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    top: calc(50% - 10px)
}

.normform input[type=radio]+label:after {
    background: white;
    border-radius: 100px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    content: '';
    display: none;
    position: absolute;
    width: 5px;
    height: 5px;
    left: 13px;
    top: calc(50% - 2px)
}

.normform input[type=radio]:checked+label:after {
    display: block
}

.normform input[type=checkbox]:focus+label,
.normform input[type=radio]:focus+label {
    border-color: var(--nf-main-color)
}

.normform input[type=checkbox]:checked+label,
.normform input[type=radio]:checked+label {
    background: var(--nf-main-color-faded);
    border-color: var(--nf-main-color)
}

.normform input[type=checkbox]:checked+label:before {
    background: var(--nf-main-color);
    border-color: var(--nf-main-color)
}

.normform input[type=checkbox]:checked+label:after {
    display: block
}

.normform input[type=checkbox],
.normform input[type=radio] {
    margin-right: 5px;
    position: absolute;
    width: auto;
    z-index: -1
}

.normform input[type=submit],
.normform input[type=reset] {
    /* border-radius: 4px; */
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 12px 15px;
    position: relative;

    appearance: none;
    width: 100%;
    top: 0;
}

.normform input[type=submit]:hover,
.normform input[type=reset]:hover {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1)
}

.normform input[type=submit]:focus {
    border-color: rgba(0, 0, 0, 0.6)
}

.normform input[type=reset]:focus {
    border-color: var(--nf-main-color)
}

.normform input[type="submit"] {
    background: var(--blue);
    border: 1px solid var(--blue);
    color: white;
    font-weight: 900;
    text-transform: uppercase;
}

.normform input[type=submit]:hover {
    background: var(--nf-main-color-hover-color)
}

.normform input[type="reset"] {
    background: white;
    border: 1px solid lightgrey;
    color: grey
}

.normform .inline-buttons {
    display: -webkit-box;
    display: flex
}

.normform .inline-buttons input:first-of-type {
    margin-right: 10px
}

.normform .inline-buttons input[type=submit],
.normform .inline-buttons input[type=reset] {
    width: 50%
}



.pagination {
    list-style: none;
    /* white-space: unset; */
}

.pagination li {
    display: inline-block;
    font-size: 20px;
    text-decoration: none;
    transition: background 250ms;
    display: inline-block;
    text-transform: uppercase;
    margin: 0;
    height: 38px;
    min-width: 38px;
    /* border-radius: 38px; */
    border: 2px solid var(--blue);
    border-right-width: 0px;
    line-height: 35px;
    padding: 0;
    color: var(--blue);
    /* font-weight: 900; */
    letter-spacing: .03em;
    text-align: center;
}

.pagination li:last-child {
    border-right-width: 2px;
}

.pagination li.active {
    background: var(--blue);
    color: #fff;
}

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

.pagination li span {
    display: block;
    cursor: pointer;
}

.pagination a {
    text-decoration: none;
    color: var(--blue);
}

.pagination li.inactive {
    /* border:0; */
}

#Results form {
    text-align: center;
    max-width: none;
    margin-bottom: 1em;
}

#Results form select,
#Results form input {
    /* text-align:center; */
}

.form-control,
.select-css {
    display: inline-block;
    position: relative;
    margin: 5px
}

#Results form div.middleColumn,
#Results form fieldset {
    display: inline-block;
    position: relative;
}

.btn-toolbar {
    display: inline-block;
    /* margin: 1em 0 0; */
    vertical-align: middle;
}

#Results form label {
    display: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    color: var(--grey)
}

#Results form select,
#Results form input {
    display: inline-block;
    font-size: 16px;
    width: 200px !important;
    font-family: sans-serif;
    font-weight: 700;
    color: var(--blue);
    line-height: 1.3;
    padding: .6em 3.4em .5em 0.8em;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 2px solid var(--blue);
    /* box-shadow: 0 1px 0 1px rgba(0,0,0,.04); */
    border-radius: 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(../images/icons/caret-down.svg);
    background-repeat: no-repeat;
    background-position: right .7em top 50%, 0 0;
    /* background-size: .65em auto, 100%; */
    position: relative;
}

#Results form select::-ms-expand {
    display: none;
}

#Results form select:hover {
    border-color: #888;
}

#Results form select:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}

#Results form select option {
    font-weight: normal;

}

#Results form input {
    width: auto;
}

#Results form input.action {
    background: var(--blue);
    color: #fff;
    text-transform: uppercase;
    padding: .6em .8em .5em 0.8em;
}

#Results form select[disabled] {
    pointer-events: none;
    border-color: #ccc;
    box-shadow: inset 0 0 5px #ccc;
    /* color:#000; */
}


ul.quicklinks {
    margin: 0;
    padding: 0;
    text-align: center;
}

ul.quicklinks li {
    display: inline-block;
    width: 250px;
    padding-bottom: 250px;
    position: relative;
}

ul.quicklinks li a {
    position: absolute;
    width: 98%;
    height: 98%;
    border-radius: 50%;
    top: 1%;
    left: 1%;
    font-size: 0px;
}

ul.quicklinks li:hover {
    transform: scale(.95);
}

ul.quicklinks li a:hover {
    transform: scale(1.05);
}

@media(max-width:600px) {
    ul.quicklinks li {
        max-width: 48%;
        padding-bottom: 48%;
    }
}


#svg-map {
    display: block;
    max-width: 770px;
    margin: 0 auto;
    background: #d4eded url(../images/map/svgmap-bg.png?f=2) no-repeat 0 0;
    background-size: 100%;
    height: auto;
}

#svg-map rect {
    /* background:url(../images/map/svgmap-bg.png) no-repeat 0 0 !important; */
    /* background-size:100%; */
    fill: none;
}

.mapbtn {
    transition: all 400ms cubic-bezier(.47, 1.64, .41, .8);
    ;
    pointer-events: all;
    display: block !important;
    transition-delay: .5s;
}

.mapbtn path {
    transition: all .3s cubic-bezier(0.42, 0, 0.08, 0.85);
}

.mapbtn:hover {
    cursor: pointer;
    transform: scale(.99);
    transform-origin: center;
    transition-delay: 0s;
    filter: drop-shadow(1px 1px 0 #fff);
}

.maplabel {
    opacity: 0;
    pointer-events: none;
    transition: all 400ms cubic-bezier(.47, 1.64, .41, .8);
    transition-delay: .5s;
    transform: scale(.8);
    transform-origin: center;
}

.maplabel.active {
    opacity: 1;
    transition-delay: 0s;
    filter: drop-shadow(0 0 4px #676767);
    transform: scale(1);
}

.mapbtn:hover #Vector,
.mapbtn:hover #Vector_10,
.mapbtn:hover #Vector_3,
.mapbtn:hover #Vector_7,
.mapbtn:hover #Vector_12,
.mapbtn:hover #Vector_15,
.mapbtn:hover #Vector_16,
.mapbtn:hover #Vector_17,
.mapbtn:hover #Vector_18,
.mapbtn:hover #Vector_19,
.mapbtn:hover #Vector_20,
.mapbtn:hover #Vector_23,
.mapbtn:hover #Vector_21 {
    fill: #e51c3b;
}





/******************************************************************
admin edit links
*****************************************************************/

a.edit_link {
    font-size: 12px;
    position: absolute;
    z-index: 100;
    top: 1.5rem;
    left: 0.8rem;
    padding: .125rem;
    border: 1px dashed black;
    color: white;
    background: black;
    text-decoration: none;
}

.ElementList>a.edit_link {
    transform: translateY(-104%);
}

a.edit_link:hover {
    background: black;
    color: white;
}

a.edit_link:after {
    content: '\2198';
}

article a.edit_link {
    top: .8rem;
}

.elemental {
    position: relative;
}

.elemental a.edit_link {
    background: white;
    color: black;
}

.elemental a.edit_link:hover {
    background: black;
    color: white;
}

nav a.edit_link:after {
    content: '';
}

nav a.edit_link:before {
    content: '\2199';
}

nav a.edit_link {
    left: auto;
    right: 0;
    top: -1rem !important;
}

header nav a.edit_link {
    top: -2rem !important;
}


@media only screen and (max-width: 560px) {
    .listing-detail-wrapper {
        padding-top: 130px;
    }
}

.listing-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

@media only screen and (max-width: 400px) {
    .listing-cards {
        padding: 0 6px;
    }
}

.listing-cards__item {
    position: relative;
    flex-basis: 33.3%;
    padding: 5px 7px 11px;
    display: inline-block;
    vertical-align: top;
}

@media only screen and (max-width: 760px) {
    .listing-cards__item {
        flex-basis: 100%;
        padding: 5px 9px 16px;
    }
}

@media only screen and (min-width: 761px) and (max-width: 1285px) {
    .listing-cards__item {
        flex-basis: 50%;
        padding: 5px 9px 16px;
    }
}

.listing-cards__item figure {
    margin: 0 !important;
    margin-bottom: 7px !important;
    position: relative;
}

.listing-cards__item .listing-meta li {
    line-height: 1.3;
    padding-left: 24px;
}

.listing-cards__item .listing-meta li:before {
    position: absolute;
    display: inline-block;
    transform: translateY(0.2em);
    content: " ";
    width: 1.2em;
    height: 1.2em;
    background: no-repeat bottom center;
    background-size: contain;
    margin-right: 0.25em;
    left: 12px;
    margin-top: -3px;
}

.listing-cards__item-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.listing-cards__item-wrapper {
    height: 100%;
    position: relative;
}

.listing-cards__item-skeleton {
    height: 450px;
    min-height: initial;
}

.listing-cards__img {
    max-width: 100%;
    width: 100% !important;
    min-height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

@media only screen and (max-width: 400px) {
    .listing-cards__img {
        min-height: 283px;
    }
}

.listing-cards__img:hover {
    transform: scale(0.95);
}

.listing-cards__legend {
    position: absolute;
    bottom: -8px;
    left: 13px;
    background-color: #00b5b6;
    color: #fffef9;
    padding: 5px 13px;
    text-transform: uppercase;
    border-radius: 30px;
    font-weight: 600;
    font-size: 14px;
}

.listing-cards__card-info {
    padding: 0px 0 31px;
}

.listing-cards__card-info h4 {
    color: #8f8e8e;
    margin-bottom: 6px;
    font-size: 18px;
}

@media only screen and (max-width: 760px) {
    .listing-cards__card-info {
        min-height: initial;
    }
}

.listing-cards__card-company {
    padding: 0;
    margin-top: 30px;
    margin-bottom: 5px;
}

.listing-cards__title {
    font-size: 32px;
    padding-bottom: 0.5rem;
    color: #1693c4 !important;
    display: block;
    text-decoration: none;
    line-height: 34px;
    min-height: 69px;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-transform: uppercase;
    font-weight: 600;
}

@media only screen and (max-width: 1025px) {
    .listing-cards__title {
        font-size: 23px;
        line-height: 25px;
    }
}

.listing-cards__tag-group {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 14px;
    gap: 4px;
    padding-bottom: 13px;
    list-style-type: none;
    padding: 0;
}

.listing-cards__tag-group li {
    color: #686868;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    margin-right: 5px;
    position: relative;
}

.listing-cards__tag-group li svg {
    max-width: 13px;
    margin-right: 4px;
}

.listing-cards__tag-group li:not(:first-child) {
    margin-left: 5px;
}

.listing-cards__tag-group li:last-child {
    color: #00c2f1;
}

.listing-cards__tag-group li:nth-child(1) {
    color: #686868;
}

.listing-cards__tag-group li:not(:last-child)::after {
    content: "/";
    position: absolute;
    right: -10px;
}

.listing-cards__price {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    gap: 4px;
    padding-bottom: 13px;
}

.listing-cards__price strong {
    text-transform: uppercase;
}

.listing-cards__percentage {
    font-size: 21px;
    font-weight: bold;
    padding-bottom: 13px;
    color: red;
}

.listing-cards__desc {
    line-height: 1.6;
    font-size: 18px;
}

.listing-cards__desc--company {
    color: #686868;
}

.listing-cards__card-actions {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    position: relative;
    bottom: 1px;
    width: 100%;
    right: 10px;
    position: absolute;
}

@media only screen and (max-width: 760px) {
    .listing-cards__card-actions {
        position: relative;
    }
}

.listing-cards__btn {
    transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0ms;
    background: #00b5b6;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    color: #fffef9 !important;
    display: inline-block;
    line-height: normal;
    padding: 7px 11px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase !important;
    text-decoration: none;
}

.listing-cards__btn:hover {
    transform: translateY(-6px);
}

.listing-cards__load-btn {
    transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0ms;
    background: transparent;
    border: 2px solid #1e1e1e;
    border-radius: 50px;
    box-sizing: border-box;
    display: inline-block;
    line-height: normal;
    padding: 14px 38px;
    color: #1e1e1e;
    font-weight: 600;
    font-size: 17px;
    text-transform: lowercase !important;
    text-decoration: none;
    margin: 20px auto;
    justify-content: center;
    display: flex;
    max-width: 177px;
}

.listing-cards__load-btn:hover {
    transform: translateY(-6px);
    color: #1e1e1e !important;
}

.listing-cards__show-categories {
    width: 100%;
    margin: 0;
    justify-content: center;
    display: flex !important;
    align-items: center;
    margin-top: 0 !important;
    margin-left: 0 !important;
}

.megamenu-wrapper-listing .ion-md-search {
    color: #243445;
}

.megamenu-wrapper-listing .menu-mobile-toggle span {
    background: #243445 !important;
}

.megamenu-wrapper-listing .megamenu-header .menumega>ul>li>a {
    color: #243445 !important;
}

.megamenu-wrapper-listing .section_nav .descrip {
    color: #243445 !important;
}

.megamenu-wrapper-listing .section_nav .button {
    border-color: #243445 !important;
    color: #243445 !important;
}

.megamenu-wrapper-listing .section_nav .button:hover {
    color: #fffef9 !important;
}

.megamenu-wrapper-listing .section_nav .button.visit {
    background-color: #243445;
    color: #fffef9 !important;
}

.event-card__dates {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    gap: 6px;
    padding-bottom: 13px;
}

.event-card__dates strong {
    text-transform: uppercase;
}

.event-card__dates svg {
    max-width: 15px;
}

.main-detail-page .layout_wrap {
    background: transparent;
}

.main-detail-page .megamenu-wrapper .megamenu-header-item-right .menu-icon,
.main-detail-page .megamenu-wrapper .megamenu-header .menumega>ul>li>a {
    color: blue;
}

.main-detail-page .section_nav.inline li a.button {
    border-color: blue;
    color: blue;
}

.main-detail-page .megamenu-wrapper .megamenu-header .menu-mobile-toggle span {
    background: black;
}

.main-detail-page .section_nav.inline li a.visit {
    background: blue;
    color: white;
}

.main-detail-page .section_nav.inline li a.button:hover {
    color: white !important;
}

.main-detail-page .section_nav.inline li.descrip {
    color: blue;
    font-weight: 700;
}

.main-detail-page #header {
    background: transparent !important;
}

.main-detail-page .lg-object {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    position: relative;
    -o-object-fit: contain;
    object-fit: contain;
}

.main-detail-page .lg-outer .lg-content {
    background: blue;
}

.main-detail-page .listing-page .lg-next,
.main-detail-page .listing-page .lg-prev {
    background-color: transparent;
    color: gray;
}

.main-detail-page .listing-event-dates {
    list-style-type: none;
    padding: 0;
}

.main-detail-page .listing-event-dates li {
    margin: 6px 0;
}

.main-detail-page .listing-event-dates .past-event {
    display: none;
}

.main-detail-page .listing-event-dates-scroll {
    overflow: hidden;
    max-height: 400px;
    overflow-y: scroll;
    padding: 0 20px 20px 0;
}

.main-detail-page .listing-event-dates-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

.main-detail-page .listing-event-dates-scroll::-webkit-scrollbar {
    width: 6px;
    background-color: #ffffff;
}

.main-detail-page .listing-event-dates-scroll::-webkit-scrollbar-thumb {
    background-color: #243445;
}

.listing-page .layer {
    /* padding-top: 100px; */
}

@media only screen and (max-width: 560px) {
    .listing-page .layer {
        padding-top: 174px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.listing-page__summary {
    max-width: 1200px;
}

.listing-page__btn-group {
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: flex-start;
    max-width: 500px;
}

.listing-page__btn-group .button {
    text-align: center;
    max-width: 200px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 13px 4px;
}

.listing-page__grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 65px;
}

.listing-page__grid--left {
    flex-basis: 63%;
}

.listing-page__grid--right {
    flex-basis: 31%;
}

@media screen and (max-width: 1195px) {
    .listing-page__grid {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 0px;
    }

    .listing-page__grid--left {
        flex-basis: 100%;
    }

    .listing-page__grid--right {
        flex-basis: 100%;
    }
}

.listing-page__section-title {
    font-size: 24px;
    text-transform: uppercase;
    padding-top: 0;
}

.listing-page__section-title strong {
    font-weight: 800;
}

.listing-page__ratings {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 50px;
}

.listing-page__covid-clean {
    max-width: 160px;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 560px) {
    .listing-page__covid-clean {
        max-width: 104px;
    }
}

.listing-page__icon {
    flex: 0 0 auto;
    padding: 5px;
    display: block;
    fill: #000;
    stroke: #000;
    padding-right: 20px;
}

.listing-page__icon svg {
    max-width: 20px;
}

.listing-page__contact-item {
    list-style-type: none;
    padding: 0;
}

.listing-page__contact-item li:first-of-type a {
    text-decoration: none;
}

.listing-page__contact-item a {
    display: flex;
    flex-direction: row;
    color: black;
}

.listing-page__social-item {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    gap: 25px;
}

.listing-page__social-item a {
    max-width: 180px;
    transition: all 0.3s ease;
}

.listing-page__social-item a svg {
    fill: blue;
    width: 60px;
    transition: all 0.3s ease;
}

.listing-page__social-item a:hover svg {
    fill: blue;
}

.listing-page td,
.listing-page th {
    padding: 5px;
    line-height: 1.2;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
}

.listing-page__loader-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.listing-page__loader {
    width: 100px !important;
    height: 100px !important;
    margin: 20px;
    display: inline-block;
}

.listing-page__loader path {
    fill: #000;
    stroke: #000;
}

.listing-page .lg-thumb-outer {
    background-color: transparent;
}

.listing-page .lg-next,
.listing-page .lg-prev {
    background-color: transparent;
    color: black;
}

.listing-page .lg-next:hover,
.listing-page .lg-prev:hover {
    color: #00b5b6 !important;
}

.listing-page .lg-backdrop {
    background-color: transparent;
}

.listing-page .inline-gallery-container {
    width: 100%;
    position: relative;
}

.listing-page .inline-gallery-container .lg-container {
    width: 100%;
    height: 70vh;
}

@media only screen and (max-width: 560px) {
    .listing-page .inline-gallery-container {
        max-height: 500px;
    }
}

@media only screen and (min-width: 561px) and (max-width: 991px) {
    .listing-page .inline-gallery-container {
        max-height: 700px;
    }
}

.listing-page .lg-outer .lg-thumb-item:active,
.listing-page .lg-outer .lg-thumb-item:hover {
    border-color: #00b5b6;
}

.listing-page .lg-outer .lg-thumb-item.active {
    border-color: #00b5b6;
}

.listing-page .lightGallery-captions h4 {
    transform: translate3d(60px, 0, 0px);
}

.listing-page .lightGallery-captions p {
    transform: translate3d(-60px, 0, 0px);
}

.listing-page .lightGallery-captions h4,
.listing-page .lightGallery-captions p {
    opacity: 0;
}

.listing-page .lg-current .lightGallery-captions h4,
.listing-page .lg-current .lightGallery-captions p {
    transform: translate3d(0, 0, 0px);
}

.listing-page .lg-current .lightGallery-captions h4,
.listing-page .lg-current .lightGallery-captions p {
    opacity: 1;
}

.listing-page .lg-slide-progress .lightGallery-captions h4 {
    transform: translate3d(-60px, 0, 0px);
}

.listing-page .lg-slide-progress .lightGallery-captions p {
    transform: translate3d(60px, 0, 0px);
}

.listing-page .lg-slide-progress .lightGallery-captions h4,
.listing-page .lg-slide-progress .lightGallery-captions p {
    opacity: 0;
}

.listing-page .lightGallery-captions h4,
.listing-page .lightGallery-captions p {
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in;
}

.listing-page .lg-current .lightGallery-captions h4,
.listing-page .lg-current .lightGallery-captions p {
    transition-delay: 500ms;
}

.listing-page .lg-current.lg-slide-progress .lightGallery-captions h4,
.listing-page .lg-current.lg-slide-progress .lightGallery-captions p {
    transition-delay: 0ms;
}

.listing-page #map {
    width: 100%;
    height: 550px;
}

.listing-page .marker-pin-default {
    background-size: cover;
    transform: translate3d(583px, 92px, 0px);
    z-index: 92;
    margin-top: 0px;
    cursor: pointer;
    z-index: 1;
}

.listing-page__image {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 20px 20px;
    max-width: 350px;
    margin: 0 auto;
}

@media only screen and (max-width: 560px) {
    .listing-page__image {
        padding: 40px 20px 20px;
    }
}

.listing-filter-element .inner {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.listing-page-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0px auto;
    min-height: 800px;
    height: 100%;
}

.listing-page__left {
    flex-basis: 100%;
}

.listing-page__right {
    flex-basis: 100%;
    margin-left: 0;
}

@media only screen and (max-width: 1024px) {
    .listing-page-wrapper {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        margin: 0 auto;
        gap: 40px;
    }

    .listing-page__left {
        flex-basis: 100%;
        padding: 0 15px;
    }

    .listing-page__right {
        flex-basis: 100%;
        margin-left: 0;
    }
}

.equal-height-JlocK {
    display: block;
    overflow: hidden;
    transition-property: height;
}

/* Filters */
.selectors label {
    display: initial !important;
}

.selectors .select-wrapper {
    width: 100% !important;
    height: 56px !important;
}

@media only screen and (max-width: 1025px) {
    .selectors .select-wrapper {
        width: 100% !important;
    }
}

.selectors .select-wrapper:after {
    display: none;
}

.selectors .select-wrapper:before {
    width: 2.2em;
    height: 2.2em;
}

.selectors .select-wrapper.searchinput input {
    border: none !important;
    box-shadow: 0 0 0 0 transparent !important;
    margin-left: 0;
    padding: 10px 0 10px 24px;
    width: auto;
}

@media only screen and (max-width: 1025px) {
    .selectors .select-wrapper.searchinput input {
        width: 100% !important;
    }
}

.selectors .react-select__control {
    border: none !important;
    background: transparent !important;
    box-shadow: 0 0 0 0 transparent !important;
    max-height: 15px;
    font-size: 14px;
}

.selectors .react-select__indicator-separator {
    opacity: 0;
}

.selectors .react-select__indicator {
    margin-top: 0;
    background-color: #1693c4;
    padding: 18px;
    position: absolute;
    right: -1px;
    top: -2px;
}

.selectors .react-select__indicator svg {
    fill: white;
}

.selectors .react-select__placeholder {
    margin-left: 15px;
    color: #000;
    font-size: 17px;
    margin-top: 11px;
}

.selectors .react-select__menu {
    min-width: 300px !important;
}

.selectors .react-select__menu select option {
    position: absolute;
    top: 0;
    left: 0;
    color: #000 !important;
    opacity: 1 !important;
    white-space: nowrap;
}

.selectors .react-select__input-container {
    margin-left: 15px;
    margin-top: 12px;
}

/* Skeleton */
.card-listing {
    display: flex;
    flex-direction: column;
    flex-basis: 300px;
    flex-shrink: 0;
    flex-grow: 0;
    max-width: 100%;
    background-color: #FFF;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    overflow: hidden;
    margin: 1rem;
}

.card-listing-img {
    padding-bottom: 56.25%;
    position: relative;
}

.card-listing-img img {
    position: absolute;
    width: 100%;
}

.card-listing-body {
    padding: 1.5rem;
}

.card-listing-title {
    font-size: 1.25rem;
    line-height: 1.33;
    font-weight: 700;
}

.card-listing-title.skeleton {
    min-height: 28px;
    border-radius: 4px;
}

.card-listing-intro {
    margin-top: 0.75rem;
    line-height: 1.5;
}

.card-listing-intro.skeleton {
    min-height: 72px;
    border-radius: 4px;
}

.skeleton {
    background-color: #e2e5e7;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    animation: shine 1s ease infinite;
}

@keyframes shine {
    to {
        background-position: right -40px top 0;
    }
}

.listing-close {
    width: 100%;
    background: #1693c4;
    display: block;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fffef9 !important;
    font-weight: 600;
    margin-bottom: 10px;
}

@media only screen and (min-width: 1025px) {
    .listing-close {
        display: none;
    }
}

.listing-filter {
    display: flex;
    flex-direction: row;
    gap: 21px;
    transition: all 0.5s ease;
    width: 100%;
    height: 100%;
    opacity: 1;
    padding-bottom: 60px;
    margin-top: 30px;
}

@media only screen and (max-width: 1025px) {
    .listing-filter {
        flex-wrap: wrap;
    }
}

.listing-filter--hide {
    height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
}

@media only screen and (min-width: 1025px) {
    .listing-filter--hide {
        height: 100%;
        opacity: 1;
    }
}

.listing-filter__heading {
    font-size: 25px;
    padding-bottom: 15px;
}

.listing-filter__checkbox-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.listing-filter__checkbox-container--hide {
    max-height: 900px;
    overflow: hidden;
}

.listing-filter__column {
    width: 100%;
}

.listing-filter__column--label {
    color: #1e1e1e;
    display: block;
    margin-bottom: 10px !important;
    line-height: 1.8em;
    font-size: 17px;
    font-weight: normal !important;
    text-transform: uppercase;
    padding: 0;
}

.listing-filter__input {
    font-size: 15px;
    width: 100%;
    padding: 0.8em;
    letter-spacing: 0;
    max-width: none;
    background-color: #fffef9;
    box-sizing: border-box !important;
}

.listing-filter__checkbox {
    color: #404040;
    display: block;
    margin-bottom: 0 !important;
    font-weight: normal !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
}

.listing-filter__checkbox-input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.listing-filter__checkbox-input:checked+.listing-filter__checkbox-label:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #1e1e1e;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.listing-filter__checkbox-label {
    font-size: 15px;
    position: relative;
    cursor: pointer;
}

.listing-filter__checkbox-label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #1e1e1e;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 14px;
}

.listing-filter__checkbox-label span {
    margin-left: 34px;
    display: block;
}

.listing-filter__loader {
    max-width: 25px;
    margin: 30px auto;
    display: flex;
}

.selectors {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75em;
    flex-wrap: wrap;
}

.selectors label {
    display: none;
}

.selectors .select-wrapper {
    position: relative;
    background: #ffffff;
    border: 2px solid #1693c4;
    border-radius: 0;
    width: auto;
    float: left;
    height: 1.5em;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.selectors .select-wrapper:after {
    content: " ";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 0.5em;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #243445;
    pointer-events: none;
}

.selectors .select-wrapper.searchinput:after {
    display: none;
}

.selectors .select-wrapper.searchinput input {
    border: 0;
    background: none;
    line-height: 1.4;
    padding: 16px;
    color: #434343;
    min-width: 364px;
    font-size: 17px;
}

@media only screen and (max-width: 400px) {
    .selectors .select-wrapper.searchinput input {
        min-width: 283px;
    }
}

.select-wrapper.searchinput ::-webkit-input-placeholder {
    color: #000000 !important;
    font-size: 16px;
    font-weight: 400;
}

.select-wrapper.searchinput ::-moz-placeholder {
    color: #000000 !important;
    font-size: 16px;
    font-weight: 400;
}

.select-wrapper.searchinput :-ms-input-placeholder {
    color: #000000 !important;
    font-size: 16px;
    font-weight: 400;
}

.select-wrapper.searchinput :-moz-placeholder {
    color: #000000 !important;
    font-size: 16px;
    font-weight: 400;
}

.selectors .select-wrapper.searchinput #search-icon {
    position: absolute;
    background-color: #1693c4;
    border-radius: 0;
    margin: 0 auto;
    right: 0;
    top: 0;
    padding: 26px;
}

.selectors .select-wrapper.searchinput #search-icon:before,
.selectors .select-wrapper.searchinput #search-icon:after {
    display: block;
    content: "";
}

.selectors .select-wrapper.searchinput #search-icon:before {
    position: absolute;
    height: 30%;
    width: 30%;
    left: 32%;
    top: 30%;
    border-radius: 50%;
    border: 3px solid #fff;
}

.selectors .select-wrapper.searchinput #search-icon:after {
    position: absolute;
    left: 59%;
    top: 50%;
    -webkit-transform: rotate(-47deg);
    -moz-transform: rotate(-47deg);
    -o-transform: rotate(-47deg);
    height: 23.5%;
    width: 7.5%;
    background-color: #fff;
    border-radius: 16px;
}

.main-detail-page .layout_wrap {
    background: transparent;
}

.main-detail-page .megamenu-wrapper .megamenu-header-item-right .menu-icon,
.main-detail-page .megamenu-wrapper .megamenu-header .menumega>ul>li>a {
    color: #243445;
}

.main-detail-page .section_nav.inline li a.button {
    border-color: #243445;
    color: #243445;
}

.main-detail-page .megamenu-wrapper .megamenu-header .menu-mobile-toggle span {
    background: #1e1e1e;
}

.main-detail-page .section_nav.inline li a.visit {
    background: #243445;
    color: #fffef9;
}

.main-detail-page .section_nav.inline li a.button:hover {
    color: #fffef9 !important;
}

.main-detail-page .section_nav.inline li.descrip {
    color: #243445;
    font-weight: 700;
}

.main-detail-page #header {
    background: transparent !important;
}

.main-detail-page .lg-object {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    position: relative;
    -o-object-fit: contain;
    object-fit: contain;
}

.main-detail-page .listing-page .lg-next,
.main-detail-page .listing-page .lg-prev {
    background-color: transparent;
    color: #f8f9fa;
}

.main-detail-page .listing-event-dates {
    list-style-type: none;
    padding: 0;
}

.main-detail-page .listing-event-dates li {
    margin: 6px 0;
}

.main-detail-page .listing-event-dates .past-event {
    display: none;
}

.main-detail-page .listing-event-dates-scroll {
    overflow: hidden;
    max-height: 400px;
    overflow-y: scroll;
    padding: 0 20px 20px 0;
}

.main-detail-page .listing-event-dates-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

.main-detail-page .listing-event-dates-scroll::-webkit-scrollbar {
    width: 6px;
    background-color: #ffffff;
}

.main-detail-page .listing-event-dates-scroll::-webkit-scrollbar-thumb {
    background-color: #243445;
}

@media only screen and (max-width: 560px) {
    .listing-page .layer {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.listing-page .blue-highlight {
    color: #007FA3;
    border: 2px solid #007FA3;
}

.listing-page .blue-highlight:hover {
    color: #fffef9;
    background-color: #434343;
    border-color: #434343;
}

.listing-page__summary {
    max-width: 900px;
    font-weight: 600;
    color: #101010;
    font-size: 1.4em;
    text-align: center;
    margin: 0 auto;
}

.listing-page__btn-group {
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: center;
    margin: 0 auto;
}

.listing-page__btn-group .button {
    text-align: center;
    max-width: 200px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 13px 4px;
    background: white !important;
    color: #1693c4 !important;
    border: 2px solid #1693c4 !important;
    border-radius: 20px !important;
    text-transform: none !important;
    font-weight: 500 !important;
}

.listing-page__grid {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 65px;
}

.listing-page__grid--top {
    flex-basis: 100%;
}

@media screen and (max-width: 760px) {
    .listing-page__grid {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 0px;
    }

    .listing-page__grid--top {
        flex-basis: 100%;
    }

    .listing-page__grid--bottom {
        margin-top: 50px;
        flex-basis: 100%;
    }
}

.listing-page__section-title {
    font-size: 1.2em;
    padding-top: 0;
    color: #434343;
}

.listing-page__section-title strong {
    font-weight: 800;
}

.listing-page__section-title--small {
    font-size: 1em;
}

.listing-page__item-block {
    padding: 20px;
}

.listing-page__ratings {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 50px;
    margin-top: 40px;
}

.listing-page__covid-clean {
    max-width: 120px;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 560px) {
    .listing-page__covid-clean {
        max-width: 104px;
    }
}

.listing-page__icon {
    flex: 0 0 auto;
    padding: 5px;
    display: block;
    fill: #000;
    stroke: #000;
    padding-right: 20px;
}

.listing-page__icon svg {
    max-width: 20px;
}

.listing-page__contact-item {
    list-style-type: none;
    padding: 0;
}

.listing-page__contact-item li:first-of-type a {
    text-decoration: none;
}

.listing-page__contact-item a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    color: #1e1e1e;
}

.listing-page .directions {
    max-width: 297px;
    padding: 15px 39px;
    font-size: 16px;
}

.listing-page__social-item {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    gap: 25px;
}

.listing-page__social-item a {
    transition: all 0.3s ease;
    background: white;
    padding: 5px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.listing-page__social-item a svg {
    fill: #243445;
    width: 35px;
    height: 35px;
    transition: all 0.3s ease;
}

.listing-page__social-item a:hover svg {
    fill: #1e1e1e;
}

.listing-page td,
.listing-page th {
    padding: 5px;
    line-height: 1.2;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
}

.listing-page__loader-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.listing-page__loader {
    width: 100px !important;
    height: 100px !important;
    margin: 20px;
    display: inline-block;
}

.listing-page__loader path {
    fill: #000;
    stroke: #000;
}

@media only screen and (max-width: 560px) {
    .listing-page .lg-outer .lg-content {
        bottom: 20px !important;
    }
}

.listing-page .lg-thumb-outer {
    background-color: transparent;
    transform: initial !important;
}

.listing-page .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 560px) {
    .listing-page .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
        position: relative;
        -o-object-fit: contain;
        object-fit: contain;
        height: initial !important;
    }
}

.listing-page .lg-outer {
    overflow: inherit;
}

.listing-page .lg-next,
.listing-page .lg-prev {
    background-color: #007FA3;
    width: 60px;
    height: 60px;
    border-radius: 50px;
}

.listing-page .lg-next:hover,
.listing-page .lg-prev:hover {
    color: #007FA3 !important;
}

.listing-page .lg-next:after,
.listing-page .lg-next:before,
.listing-page .lg-prev:after,
.listing-page .lg-prev:before {
    display: none;
}

.listing-page .lg-prev {
    left: -35px;
}

.listing-page .lg-prev svg {
    width: 12px;
}

.listing-page .lg-next {
    right: -35px;
}

.listing-page .lg-next svg {
    width: 12px;
}

@media only screen and (max-width: 560px) {
    .listing-page .lg-prev {
        left: -6px;
    }

    .listing-page .lg-prev svg {
        width: 12px;
    }

    .listing-page .lg-next {
        right: -6px;
    }

    .listing-page .lg-next svg {
        width: 12px;
    }
}

.listing-page .lg-backdrop {
    background-color: transparent;
}

.listing-page .inline-gallery-container {
    width: 100%;
    position: relative;
}

.listing-page .inline-gallery-container .lg-container {
    width: 100%;
    height: 80vh;
}

@media only screen and (max-width: 560px) {
    .listing-page .inline-gallery-container .lg-container {
        height: 480px;
    }
}

@media only screen and (max-width: 560px) {
    .listing-page .inline-gallery-container {
        max-height: 500px;
    }
}

@media only screen and (min-width: 561px) and (max-width: 991px) {
    .listing-page .inline-gallery-container {
        max-height: 700px;
    }
}

.listing-page .lg-outer .lg-thumb-item:active,
.listing-page .lg-outer .lg-thumb-item:hover {
    border-color: #007FA3;
}

.listing-page .inner-wider {
    overflow: hidden;
}

@media only screen and (max-width: 650px) {
    .listing-page .gallery-wrapper {
        padding: 10px 40px;
    }
}

.listing-page .lg-outer .lg-thumb-item.active {
    border-color: #007FA3;
}

.listing-page .lg-outer .lg-thumb-outer.lg-thumb-align-middle {
    text-align: left;
}

.listing-page .lightGallery-captions h4 {
    transform: translate3d(60px, 0, 0px);
}

.listing-page .lightGallery-captions p {
    transform: translate3d(-60px, 0, 0px);
}

.listing-page .lightGallery-captions h4,
.listing-page .lightGallery-captions p {
    opacity: 0;
}

.listing-page .lg-current .lightGallery-captions h4,
.listing-page .lg-current .lightGallery-captions p {
    transform: translate3d(0, 0, 0px);
}

.listing-page .lg-current .lightGallery-captions h4,
.listing-page .lg-current .lightGallery-captions p {
    opacity: 1;
}

.listing-page .lg-slide-progress .lightGallery-captions h4 {
    transform: translate3d(-60px, 0, 0px);
}

.listing-page .lg-slide-progress .lightGallery-captions p {
    transform: translate3d(60px, 0, 0px);
}

.listing-page .lg-slide-progress .lightGallery-captions h4,
.listing-page .lg-slide-progress .lightGallery-captions p {
    opacity: 0;
}

.listing-page .lightGallery-captions h4,
.listing-page .lightGallery-captions p {
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in;
}

.listing-page .lg-current .lightGallery-captions h4,
.listing-page .lg-current .lightGallery-captions p {
    transition-delay: 500ms;
}

.listing-page .lg-current.lg-slide-progress .lightGallery-captions h4,
.listing-page .lg-current.lg-slide-progress .lightGallery-captions p {
    transition-delay: 0ms;
}

.listing-page #map {
    width: 100%;
    height: 550px;
}

.listing-page .marker-pin-default {
    background-size: cover;
    transform: translate3d(583px, 92px, 0px);
    z-index: 92;
    margin-top: 0px;
    cursor: pointer;
    z-index: 1;
}

.listing-page__image {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 0 auto;
    padding: 0 !important;
}

.listing-page__image img {
    max-width: 180px;
    height: 180px;
    -o-object-fit: contain;
    object-fit: contain;
}

@media only screen and (max-width: 560px) {
    .listing-page__image {
        padding: 40px 20px 20px;
    }
}

.listing-page__table-full {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 70%;
    margin-top: 60px;
    margin-bottom: 0px;
}

@media screen and (max-width: 991px) {
    .listing-page__table-full {
        width: 100%;
    }
}

.listing-page__table {
    display: flex;
    flex-direction: column;
    gap: 0.6em;
    width: 70%;
    margin-bottom: 3em;
}

@media screen and (max-width: 991px) {
    .listing-page__table {
        width: 100%;
    }
}

.listing-page__table-main-title {
    font-size: 1.37em;
    color: #1693c4;
    font-weight: 500;
    position: relative;
    margin-bottom: 0.3em;
}

.listing-page__table-main-title:after {
    content: "";
    width: 100%;
    height: 0.15em;
    background-color: #1e1e1e;
    position: absolute;
    bottom: -0.5em;
    left: 0;
}

.listing-page__item-child-block {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.listing-page__item-item-full {
    display: flex;
    flex-direction: row;
    gap: 20px;
    position: relative;
    justify-content: flex-start;
}

.listing-page__item-item {
    display: flex;
    flex-direction: row;
    gap: 1em;
    position: relative;
}

@media screen and (max-width: 560px) {
    .listing-page__item-item {
        flex-direction: column;
    }
}

.listing-page__item-item--title {
    flex-basis: 30%;
    color: #1e1e1e;
    /* font-size: 1.1em; */
    font-weight: 600;
    text-align: left;
}

.listing-page__item-item--description {
    flex-basis: 70%;
    color: #1e1e1e;
    /* font-size: 1.1em; */
    text-align: left;
}

.listing-page__item-item--logo {
    flex-basis: 70%;
    text-align: left;
}

.listing-page__item-item--logo img {
    max-width: 250px;
}

@media screen and (max-width: 560px) {
    .listing-page__item-item--title {
        flex-basis: 100%;
    }

    .listing-page__item-item--description {
        flex-basis: 100%;
    }
}

.listing-page__item-item:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #1e1e1e;
    position: absolute;
    bottom: -11px;
    left: 0;
}

.page-listing .listing-page__grid--top ul.listing-meta li:before {
    width: 32px;
    height: 32px;
    top: -3px;
}

.page-listing ul.listing-meta li {
    line-height: 1.1;
    display: flex;
    align-items: center;
    gap: 6px;
}

.page-listing .list-unstyled__items {
    gap: 15px;
    display: flex;
    flex-direction: column;
    margin-top: 0;
    margin-bottom: 40px;
}

.page-listing .list-unstyled span {
    font-weight: 400;
}

.listing-page__images-item {
    width: 100%;
    min-width: 16%;
    min-height: 325px;
    position: relative;
    display: none;
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.listing-page__images-item label {
    opacity: 0;
}

.listing-page__images-item:nth-child(1),
.listing-page__images-item:nth-child(2),
.listing-page__images-item:nth-child(3),
.listing-page__images-item:nth-child(4) {
    flex-basis: 23.6%;
    display: block;
}

.listing-page__images-item:nth-child(5),
.listing-page__images-item:nth-child(6),
.listing-page__images-item:nth-child(7) {
    flex-basis: 31.7%;
    display: block;
}

.listing-page__images-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.listing-page__images-item img:hover {
    transform: scale(0.95);
}

@media screen and (max-width: 991px) {
    .listing-page__images-item {
        min-height: 206px;
    }
}

@media screen and (max-width: 560px) {
    .listing-page__images-item {
        min-height: 127px;
    }
}

@media screen and (max-width: 447px) {

    .listing-page__images-item:nth-child(1),
    .listing-page__images-item:nth-child(2),
    .listing-page__images-item:nth-child(3),
    .listing-page__images-item:nth-child(4) {
        flex-basis: 23.3%;
    }

    .listing-page__images-item:nth-child(5),
    .listing-page__images-item:nth-child(6),
    .listing-page__images-item:nth-child(7) {
        flex-basis: 31.4%;
    }
}

@media screen and (max-width: 373px) {
    .listing-page__images-item {
        min-height: 97px;
    }

    .listing-page__images-item:nth-child(1),
    .listing-page__images-item:nth-child(2),
    .listing-page__images-item:nth-child(3),
    .listing-page__images-item:nth-child(4) {
        flex-basis: 20.3%;
    }

    .listing-page__images-item:nth-child(5),
    .listing-page__images-item:nth-child(6),
    .listing-page__images-item:nth-child(7) {
        flex-basis: 27.9%;
    }
}

.listing-page__images-item--extra {
    position: relative;
}

.listing-page__images-item--extra label {
    position: absolute;
    padding: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 45px;
    z-index: 3;
    opacity: 1;
}

@media screen and (max-width: 548px) {
    .listing-page__images-item--extra label {
        font-size: 28px;
    }
}

.listing-page__images-item--extra:after {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.listing-page__images-item--extra:hover img,
.listing-page__images-item--extra:hover:after {
    transform: scale(0.95);
}

.listing-page__images {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-gap: 8px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.listing-page .listing-page__images--item-1 .listing-page__images-item {
    min-width: 100%;
    min-height: 400px;
}

.listing-page .listing-page__images--item-2 .listing-page__images-item {
    min-width: 48%;
}

.listing-detail-recommend-title-wrap {
    max-width: 70%;
}

.listing-detail-recommend-title strong {
    font-weight: 500;
    font-size: 1.3em;
}

.listing-detail-recommend {
    display: flex;
    flex-direction: row;
    /* grid-row-gap: 1em; */
    /* grid-column-gap: 1em; */
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (max-width: 760px) {
    .listing-detail-recommend {
        flex-direction: column;
    }
}

.listing-detail-recommend__item {
    flex-basis: 49%;
    position: relative;

}

.listing-detail-recommend__item-img-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 55%;
    display: inline-block;
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.listing-detail-recommend__item-desc {
    padding-bottom: 2em;
}

.listing-detail-recommend__item-img-wrapper img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.listing-detail-recommend__item-img-wrapper img:hover {
    transform: scale(0.95);
}

.listing-detail-recommend__item-desc--title {
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: .5em !important;
}

.listing-detail-recommend__item-desc--summary {
    margin-top: 5px !important;
}

.listing-detail-recommend__item-desc--link {
    color: #1693c4;
    font-weight: 300;
}

.listing-tile {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

@media screen and (max-width: 991px) {
    .listing-tile {
        grid-template-columns: repeat(auto-fill, minmax(258px, 1fr));
    }
}

.listing-tile__item {
    width: 100%;

    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    .listing-tile__item {
        height: 320px;
    }
}

.listing-tile__item img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.listing-tile__item--content {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    margin-top: auto;
    padding: 0 1em;
    z-index: 2;
    height: 4em;
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 3;
}

.listing-tile__item--content h2 {
    font-size: 1.8em;
    font-weight: 500;
    color: white;
    margin: 0 0 5px 0;
    mix-blend-mode: hard-light;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.3));
}

@media screen and (max-width: 991px) {
    .listing-tile__item--content h2 {
        font-size: 1.3em;
    }
}

.listing-tile__item--content p {
    height: 0;
    opacity: 0 !important;
    margin: 5px;
    font-size: 0.9em;
    font-weight: 300;
    color: white;
    line-height: 1.5em;
    transition: none !important;
}

.listing-tile__item--content .link {
    height: 1.5em;
    line-height: 1.5;
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    display: block;
    font-size: 0.85em;
    font-weight: 300;
    color: white;
    font-style: italic;
    text-decoration: underline;
    margin-top: 5px;
}

.listing-tile__item:before {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    z-index: 3;
    opacity: 0.4;
    background-image: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.1) 100%);
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.listing-tile__item:hover img {
    transform: scale(0.95);
}

.listing-tile__item:hover:before {
    opacity: 0.9;
    background-image: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.1) 100%);
    transform: scale(0.95);
}

.listing-tile__item:hover .listing-tile__item--content {
    height: 14em;
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    display: block;
    padding: 0 1.5em;
}

.listing-tile__item:hover .listing-tile__item--content p {
    height: 3em;
    opacity: 1 !important;
}

.listing-tile__item:hover .listing-tile__item--content .link {
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

@media screen and (min-width: 992px) {
    .listing-tile__gridstyle1 .listing-tile__item:hover .listing-tile__item--content {
        left: 20px;
        height: 9em;
    }

    .listing-tile__gridstyle1 .listing-tile__item:hover .pick {
        top: 19px;
        left: 32px;
    }

    .listing-tile__gridstyle2 .listing-tile__item:nth-child(1) {
        grid-column: 1/3;
    }

    .listing-tile__gridstyle2 .listing-tile__item:nth-child(7) {
        grid-column: 2/4;
    }

    .listing-tile__gridstyle2 .listing-tile__item:hover:nth-child(1) .listing-tile__item--content,
    .listing-tile__gridstyle2 .listing-tile__item:hover:nth-child(7) .listing-tile__item--content {
        left: 20px;
        height: 9em;
    }

    .listing-tile__gridstyle2 .listing-tile__item:hover:nth-child(1) .pick,
    .listing-tile__gridstyle2 .listing-tile__item:hover:nth-child(7) .pick {
        top: 19px;
        left: 32px;
    }

    .listing-tile__gridstyle3 .listing-tile__item:nth-child(1) {
        grid-row: 1/3;
        grid-column: 1/3;
        height: 100%;
    }

    .listing-tile__gridstyle3 .listing-tile__item:hover:nth-child(1) .listing-tile__item--content {
        left: 20px;
        height: 9em;
    }

    .listing-tile__gridstyle3 .listing-tile__item:hover:nth-child(1) .pick {
        top: 30px;
        left: 37px;
    }
}

.tile-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.pick {
    opacity: 1;
    position: absolute;
    top: 10px;
    left: 8px;
    z-index: 4;
    color: white;
    font-weight: 300;
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.pick svg {
    width: 27px;
    position: absolute;
    height: 27px;
}

.pick span {
    margin-left: 34px;
}

/*# sourceMappingURL=/index.css.map */