body {
}

* {
  

}
/*
#PageContainer{

}
#PageContainer *{
      outline: 1px solid red;
 
}
#PageContainer .wrap div{
      background:none;
}
#PageContainer .bg-image{
    opacity:1;
}

*/

.acf-flexible-content .layout, .layout>.acfe-flexible-collapsed-placeholder>.acfe-flexible-placeholder {
}

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

.cookie-consent {
    max-width: 320px;
}

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

.viewport {
}

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

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

[hidden] {
    display: none;
}

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

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

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

::-moz-selection {
    background: #4eb450;
    color: #ffffff;
    text-shadow: none;
}

::selection {
    background: #4eb450;
    color: #ffffff;
    text-shadow: none;
}

::selection {
    background: #4eb450;
    color: #ffffff;
    text-shadow: none;
}




.layer a {
    font-weight: bold;
    color: #4eb450;
    text-decoration: none;
    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: #4eb450;
    text-decoration-color: #4eb450;
}

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

b, strong {
    font-weight: 600;
}

blockquote {
    text-shadow: none;
    /* font-size: 29px; */
    font-weight: 800;
    line-height: 1.1;
    /* background: #f9f9f9; */
    /* border-left: 10px solid #f78f23; */
    /* margin: 1.5em 10px; */
    /* padding: 0.5em 10px; */
    /* quotes: "\201C""\201D""\2018""\2019"; */
    text-align: center;
}

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

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

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

dfn {
    font-style: italic;
}

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

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

hr:before {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    content: ' ';
    height: 3px;
    background: #19325e;
}

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

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

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

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

small {
    font-size: 0.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 {
}

.page_layout ul, .page_layout ol {list-style-position: outside;padding-left: 1em;/* margin: 0 -3% 0 -3%; */}
/*
.page_layout ol {
    list-style: none;
    font-size: 1.3em;
}

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

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

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

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

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

figure {
    margin: 10px 0 0 0;
}

form {
    margin: 0;
}

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

label {
    cursor: pointer;
}

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"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

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

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

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

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

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

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

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

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

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

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

.lead {
    /* font-size: 1.37em; */
    /* line-height: 1.78em; */
}
strong.lead {font-weight:900;}
/* Other
----------------------------- */
#PageContainer .hidden {
    display: none !important;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1; }

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

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

.center {
    text-align: center;
}

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

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

.sr-only {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
img.cover {
    max-width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    width: 100% !important;
    background: #fff;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    width: 100%;
    position: relative;
    object-fit: cover;
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
img.contain {
    max-width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    width: 100% !important;
    background: #fff;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    width: 100%;
    position: relative;
    object-fit: contain;
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}


#PageContainer .wrap {
    overflow: hidden;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    /* background: #ffffff; */
    /* background: url(../images/home.png) top center; */
}

.center {
    text-align: center;
}

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

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

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

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

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

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

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

.inner-1170 {
    position: relative;
    max-width: 1595px !important;
    margin: 0 auto;
}
.single_column .inner-1170{
    max-width: 1170px !important;
}
.inner.wide {
    max-width: 100%;
    padding: 0 60px;
}

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

.inner.col.inner-full-width {
    max-width: 100% !important;
    padding-left: 0;
    padding-right: 0;
}
.inner-wider.inner{ max-width: 1480px !important;}
.inner-narrow.inner {
    max-width: 980px !important;
    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: #ffffff;
    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;
}

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

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

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

/* Colors
--------------------------- */



/* Icons / Buttons
--------------------------- */
.layer a.button, .gform_button, .gform_previous_button, .gform_next_button {
    background-color: #4eb450;
    position: relative;
    vertical-align: text-bottom;
    /* border: 3px solid red; */
    color: #fff;
    /* white-space: nowrap; */
    display: inline-block;
    text-decoration: none !important;
    margin: 0 10px 5px 0;
    padding: 0.5em 2.4em;
    border-radius: 2em;
    line-height: 1.4;
    /* text-transform: uppercase; */
    /* letter-spacing: 1.3px; */
    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    font-weight: 700 !important;
    /* text-transform: uppercase; */
    /* letter-spacing: 3.41px; */
    /* height: 18px; */
    color: #ffffff;
    /* font-family: Gotham; */
    /* font-size: 1.125em; */
    /* font-weight: 700; */
    /* line-height: 58px; */
    /* text-transform: uppercase; */
    /* Text style for "learn more" */
    letter-spacing: .04em;
}

#PageContainer a.button.alt {
    background-color: #2766aa;
}

.gform_button, .gform_previous_button, .gform_next_button {
    /* background: none; */
}

.layer .button.blue {
    background-color: #4f91a2;
}

.layer .button.green {
    background-color: #78a24f;
}

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

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

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

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

a.button:hover {
    color: #fff;
    background-color: #4eb450;
    border-color: #26568e;
    opacity: 1 !important;
    transform: scale(.95) translateY(2px)!important;
}

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

.layer a.button.ghost,
.text-on-colorbg  .gform_button{
    color: #0f2751;
    border: 0;
    border-color: #ffffff;
    background: #ffffff;
}
.layer a.button.ghost:hover{
    background:#4eb450;
    color:#fff;
}
footer a.button {
    color: #292929;
    border-color: #292929;
    padding: 0 10%;
}

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

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

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

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

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

.transition, .anim, .top_nav {
    -webkit-transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    -moz-transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    -ms-transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    -o-transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
}

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

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

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

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

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

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

.no-intro-image #header .inner{
 filter: none;
}
#header {
    position: absolute;
    background: none;
}
.single #header { position:relative;}
#header {
    width: 100%;
    z-index: 50;
    top: 0;
    left: 0;
    right: 0;
    /* background: #ffffff; */
    min-width: 320px;
    margin: 0 auto;
    padding: 2.9% 0;
}

#header .inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 15px;
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,.2));
}

#header h1 {
    display: inline-block;
    margin: 0px;
}

#header .logo {
    float: left;
    margin: 8px 0 0;
    padding: 0;
    max-width: 366px;
    width: 100%;
}
#header .logo img{display:block;}
#header .logo a {
    display: block;
    box-shadow: 0 0 black;
    /* opacity: 0; */
}

a:hover .heartbeat {
    -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
    animation: heartbeat 1.5s ease-in-out infinite both;
}

#header .nav_wrap {
    white-space: nowrap;
    float: right;
}

@media(max-width: 980px) {
    #header .logo {
        /* width: 100%; */
        max-width: 58%;
        /* padding-top: 10px; */
    }
}

@media(max-width: 768px) {
    #header .logo {
        /* width: 60px; */ /* padding-top: 10px; */
    }
}

@media (max-width: 480px) {
    #header .logo {
        /* max-width: 110px; */
        padding-top: 0;
    }

    #header .nav_wrap {
    transform: scale(.8);
    transform-origin: top right;
    }

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

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

@media(min-width: 480px) {
    #header .logo {
    }
}

/* TOP NAV
*/
.top_nav {
    width: 100%;
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
    padding: 5px 0 0 0;
}

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

.top_nav li {
    margin: 0px 8px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: center;
}
.top_nav li.level0{display:none;}
.top_nav>li:first-child {
    /* padding-left: 0; */
    display: none;
}

.top_nav>li.nob {margin-left: 2em;}

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

.top_nav li a {
    display: block;
    border-bottom: 3px solid rgba(100, 119, 49, 0);
    width: 100%;
    /* letter-spacing: 0.01em; */
    text-align: left;
    /* text-transform: uppercase; */
    color: #0f2751;
    /* font-style: italic; */
    /*  */
    font-weight: normal;
    /* font-size: 1.250em; */
    letter-spacing: 0.02em;
    /* letter-spacing: .0084px; */
    line-height: 1.7;
    font-weight: 600;
}

.top_nav .level0 a {
    overflow: hidden;
    padding: 0;
}

.top_nav .level0 a:hover {
    /* color: #ffffff; */
}

.top_nav .level0 a span {
    position: relative;
    display: inline-block;
    transition: transform 0.3s;
}

.top_nav .level0 a span::before {
    position: absolute;
    top: 100%;
    /* color: #ffffff; */
    content: attr(data-hover);
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5);
    transform: translate3d(0, 0, 0);
}

.top_nav .level0 a:hover span, .top_nav .level0 a:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
    left: 0;
}

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

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

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

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

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

#header {
    color: #ffffff;
    /* background: linear-gradient(to bottom, rgb(25 50 94 / .4), transparent); */
}

#header:before {
}

.fixed {
    background: #fff !important;
    box-shadow: 0 0 10px 5px rgba(26, 26, 26, .2);
    padding-top: 0 !important;
}

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

.top_nav .icon:before {
    font-size: 31px;
    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 {
    margin-top: 0;
    margin-left: 0.4em;
    margin-right: 0;
    vertical-align: top;
}

.top_nav li.mobile_nav a {
    border: 0;
    /* margin-top: 3px; */
}

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

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

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

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

@media (max-width: 1400px) {
    #header .top_nav li {
        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 !important;
    }
}

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

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

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

.top_nav ul {
    background-color: #18325e;
    background-color: #050707;
    list-style: none;
    position: absolute;
    visibility: hidden;
    margin: 0;
    opacity: 0;
    z-index: 40;
    text-align: center;
    transition: all .3s;
    left: 50%;
    margin-left: -140px;
    width: 280px;
}

.top_nav ul .menu_wrap {
}

.top_nav ul li {
    padding: 0 3px;
    position: relative;
    margin: 0;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.top_nav ul li a {
    color: #ffffff !important;
    white-space: normal;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    border-top: 8px solid rgba(255, 255, 255, 0) !important;
    border-bottom: 4px solid rgba(255, 255, 255, 0) !important;
    line-height: 1.2;
}

.top_nav li:hover ul .menu_wrap {
}

.top_nav li:hover>a {
}

.top_nav li:hover>a, .top_nav li.active a {
    border-bottom: 3px solid #4eb450;
    color: #0f2751;
}

.top_nav a.button {
    border: 0px !important;
    line-height: 2.6;
    padding: 0 2.6em;
    color: #fff !important;
    /* margin-left: 1em; */
}

.top_nav li:hover {
}

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

.top_nav li:hover>a span {
    /* color: #ffffff !important; */
}

.top_nav li:hover ul a {
}

.top_nav li:hover ul li a:hover {
    background-color: #272727;
    border-color: #272727;
}

/* Fullscreen Menu
--------------------------- */
#mobile-nav {
    color: #ffffff;
    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: #ffffff;
}

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

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

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

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

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: #4eb450 !important;
}

.page-template-default .hamburger-inner,.page-template-default .hamburger-inner::before,.page-template-default .hamburger-inner::after, .no-intro-image .hamburger-inner,.no-intro-image .hamburger-inner::before, .no-intro-image .hamburger-inner::after {
    background-color: #4eb450 !important;
}

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

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

nav#mobile-nav {
}

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

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

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

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

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

#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;
    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: #18325e;
    transition: width .2s ease-out;
}

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

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

a.underline:hover {
}

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

a.underline span {
    position: relative;
}

/* Intro
  --------------------------- */
.has-bg-image .intro-copy {
    color: #19325e;
    /* background: #19325e; */
    text-align: center;
    /* padding: 2em; */
}
.home .intro-copy{text-align:left;max-width: 1170px;margin-left: 0;/* padding-left: 0; */}
.home .intro-copy h1 strong {
    /* font-size: 1.58em; */
}

.intro-copy {
    /*
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  */
    transform: translate3d(0px, 0px, 0px);
    max-width: 1280px;
    margin: 15.4em auto 15em;
    /* text-align: center; */
}
.single-case-studies .intro-copy{
    margin: 10em auto 10em;
}
.intro-copy h1 {
}

.intro-copy a.button {
    /* margin: .25em 1em; */
    /* opacity: 0.9 !important; */
    /* font-weight: 600; */
    /* line-height: 2.7; */
    /* text-transform: uppercase; */
    /* letter-spacing: .2em; */
    /* font-size: 1.2em; */
    /* padding: 0.5em 2.4em; */
}

.intro-copy a.button:hover {
    background-color: #272727;
    border-color: #ffffff;
    opacity: 1 !important;
}

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

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

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

.intro-copy {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hero-slider .slides .bg-image {
    /* position:relative; */
    /* height:66.666vh; */
    /* opacity: .4; */
}
.hero-slider .slides .bg-image:before {
   /* background-image:url(../images/textures/pattern.png); */
}
.hero-slider .slides .bg-image:after {
    width:100%;
    height:100%;
    position:absolute;
    z-index: 0;
    content:' ';
    /* background-image: linear-gradient(0deg, rgb(255 255 255 / .8), rgb(255 255 255 / .8),rgb(255 255 255 / .9)); */
}
.page-template-default .hero-slider .slides {
    /* max-height: 800px; */
}

.hero-slider .slides li {
    width: 100%;
    padding: 0;
    height: 100%;
}
.hero-slider .inner{height:100%;}
.full .hero-slider .slides {
    height: 90vh;
}

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

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

.no-bg-image.layer a.button, .no-bg-image .gform_button, .no-bg-image .gform_previous_button, .no-bg-image .gform_next_button {
    /* color: #18325e; */
    /* border-color: #18325e; */
    /* background-color: #fff; */
}

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

.intro-copy h1 {
    /* -webkit-text-stroke: 3px #ffffff; */
    /* -webkit-text-fill-color: rgba(255, 255, 255, 0); */
}

.intro-copy h1 {
    /* color: #19325e !important; */
    /* text-align: center; */
    color: #fff;
    padding: 0;
    margin: 0;
    /* text-shadow: 8px 14px 68px rgba(29, 49, 107, 0.4); */
    /* Text style for "Manea" */
    /* font-family: "Founders Grotesk"; */
    line-height: .95;
    font-weight: 400;
    letter-spacing: -.03em;
}
.intro-copy h1 span{ font-size:.8em; line-height:1;}
.intro-copy h1 span strong{ font-size:1.16em; }
.intro-copy h1 strong {
    font-weight: 900;
     letter-spacing: -.02em;
         line-height: .9;
    /* font-size: 1.58em; */
}

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

.intro-copy h1 {
}

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

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

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

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

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

@keyframes scroll {
    0% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(100px);
    }
}

#scroll_indicator {
    display: none;
    margin-top: 4em;
    width: 3.5em;
    height: 3.5em;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 0.6em;
}

svg #wheel {
    animation: scroll ease 1.5s infinite;
}

@media screen and (max-width: 650px) {
    .intro-copy h1 {
        /* font-size: 19vw!important; */
    }

    .page-template-default .intro .inner {
        /* padding: 40% 13px!important; */
        /* min-height: 80vh; */
    }
}

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

    .page-template-default .intro .inner {
        padding: 0% 13px!important;
        /* min-height: 80vh; */
    }
}

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

.intro-image .intro .intro-copy {/* filter: drop-shadow(0px 0px 15px rgba(255,255,255,.8)); */filter: drop-shadow(1px 1px 2px rgba(0,0,0,.2));}

.page-template-default .has-bg-image .inner.thin {
    padding: 12% 2% 15%;
}

.has-bg-image .inner.thin {
    padding: 12% 2% 10%;
    max-width: 1920px;
}

.no-bg-image .inner.thin {
    padding: 12% 2% 10%;
    max-width: 1920px;
}

.no-bg-image .bg-image.background-image {
    /* display: none; */
}

.bg-image.background-image:before .page-template-default .inner.thin {
}

.flex-active-slide:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0 !important;
    left: 0;
    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: 1070px) {
    .intro-image .intro.default .inner.thin {
        padding: 30% 5% 25%;
    }
}

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

@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: 10% 2% 10%;
    }
}

@media screen and (max-width: 480px) {
    .intro-image .intro.default .inner.thin {
        padding: 50% 5% 25%;
    }
}

.trees {
    /* margin-top:-250px; */
    /* padding-top:200px; */
    /* background:red; */
}

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

.page-template-default .flexslider .slides>li {
}

.page-template-default .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;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

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

.fixed-vid .videocontainer {
}

pre {
    padding: 1em;
}

/* casestudySlider 
--------------------------- */
.casestudies .casestudySlider_wrap.inner {
    position: relative;
    padding: 0;
}

.casestudySlider {
    background: #0bb1a9;
    position: relative;
    color: #fff;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
}
.casestudySlider h2,.casestudySlider h3{color:#fff;}
.casestudySlider h4{font-weight:300 !important;}
.casestudySlider li.slide {
    background-color: #4eb450;
    min-height: 92.5vh;
    width: 100%;
    padding: 0;
    text-align: center;
    /* padding-bottom: 500px; */
    margin: 0;
}

.casestudySlider li.slide:hover {
    padding: 0;
}
.casestudySlider li.slide .border_wrap{border-color:#4eb450;}
.casestudySlider {
    /* background: url(../images/slider_bottom.png) repeat-x bottom center !important; */
}
.casestudySlider li:nth-child(even) .left{
  
}
.casestudySlider .casestudySliderSlider li {
    min-height: 450px;
}

.casestudySlider .title {
    margin: 0 auto;
    /* width: 100%; */
    color: #fff;
    font-weight: 900;
}

.casestudySlider .info {
    position: relative;
    /* bottom:0; */
    width: 100%;
    /* left:0; */
    padding: 8% 9%;
}

.casestudySlider .left {
    width: 70%;
    /* float: left; */
    max-width: 770px;
    text-align: left;
    /* margin: 0 auto; */
}

.casestudySlider .left p {
    margin: 0;
}

.casestudySlider .right {
    width: 30%;
    float: right;
    text-align: right;
}

@media (max-width: 600px) {
    .casestudySlider li.slide{min-height: auto;}
    .casestudySlider .left,.casestudySlider .right {
        width:100%;
        float: none;
        text-align: center;
        font-size: 1.2em;
    }

    .casestudySlider .title {
        font-size: 1.7em;
        margin-bottom: 10px;
    }

    .casestudySlider .left p {
        display: none;
    }
    .casestudySlider .info{  padding: 28% 2%;}
}

.casestudySlider li:hover:before {
    /* background-color:rgba(0, 51, 92, .5); */
}

.casestudySlider li:hover .border_wrap {
    background-color: rgba(255, 255, 255, .1);
    /* padding: 15px; */
}

.casestudySlider li:hover a.button.ghost {
    /*background:#fff; color:#00345e;*/
    z-index: 50;
    position: relative;
}

.casestudySlider li:hover .info {
    /* padding: 30px; */
}

.casestudySlider .border_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0px !important;
    bottom: auto !important;
    /* margin: 0 auto; */
    /* max-width: 1580px; */
    left: 0 !important;
    /* padding: 25px; */
    /* border: 2px solid blue; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* position: relative; */
    /* box-sizing: border-box; */
    /* background: url(../images/corners.svg) no-repeat top center; */
    background-size: 100%,-80%;
}

.casestudySlider .border_wrap span {
    position: relative;
    z-index: 2;
}

.casestudySlider .border_wrap::before, .casestudySlider .border_wrap::after {
    content: "";
    position: absolute;
    z-index: 1;
    /* background: #fff; */
}

.casestudySlider .border_wrap::before {
    /* width: calc(100% + 4px); */
    /* height: calc(100% - 20px); */
    /* left: -2px; */
}

.cnr {
    position: absolute;
    width: 1em;
    transition: all .5s ease;
}

.cnr.tl {
    top: 2em;
    left: 2em;
    transform-origin:top left;
}

.cnr.tr {
    top: 2em;
    right: 2em;
     transform-origin:top right;
}

.cnr.bl {
    bottom: 2em;
    left: 2em;
     transform-origin:bottom left;
}

.cnr.br {
    bottom: 2em;
    right: 2em;
     transform-origin:bottom right;
}
.casestudies .inner:hover .cnr{
    transform:scale(1.25);
}
.casestudies .inner:hover .cnr.tl {
    top: 0em;
    left: 0em;
    opacity: 1;
}

.casestudies .inner:hover .cnr.tr {
    top: 0em;
    right: 0em;
    opacity: 1;
}

.casestudies .inner:hover .cnr.bl {
    bottom: 0em;
    left: 0em;
    opacity: 1;
}

.casestudies .inner:hover .cnr.br {
    bottom: 0em;
    right: 0em;
    opacity: 1;
}

/* Vertical title
--------------------------- */
.col-fixed{background:#fff;z-index: 10;}
@media (max-width: 600px){
   .col-fixed{width: 40px !important;} 
   .col-fixed h2{font-size:20px;}
}
.verttext{
    position: absolute;
    top: 0;
    text-align: center;
    bottom: 0;
    left: 0;
    transform-origin: 50% 50%;
    transform: rotate(180deg) translateX(-50%);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    }
   .verttext h2{padding:0; margin:0;}
/* Services Alerternating
--------------------------- */
.services-grid{}
.services.alternating{
    padding: 4%;
    border-radius: 7px;
    background-color: #f5f5f5;
    /* background-image: url(../images/background.svg); */
    background-size: 100%;
}
.services-grid .inner, .services-grid .inner.col{padding: 0;position: relative;}
.services.alternating .col.image{padding-bottom:50%;width: 50%;min-width:50%;border-radius: 50%;background-size: 100%;}
.services.alternating .col.text{padding-left: 4%;padding-right: 11%;/* background: url(../images/background.svg); *//* background-size: contain; */}
.services.alternating .grid-reverse .col.text{padding-left: 11%;padding-right: 4%; }

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

@media (max-width:600px){
    .services.alternating .grid-reverse .col.text{/* padding:15px; */padding-left: 4%;padding-right: 11%;}
    .services.alternating .col{/* min-width:100%; */padding-right: 3% !important;}
      .services.alternating  .col.text{
    min-width: 66.66%;
}
        .services.alternating  .col.image{width: 20%;min-width: 20%;/* padding: 2%; */padding-bottom: 20%;}
}

/* Services Carousel
--------------------------- */
.services.carousel{
    margin-bottom: 0;
}
.services.carousel.alternating .col.text{padding:2%;/* height: 100%; *//* align-self:start; *//* -webkit-align-self: center; */-ms-flex-item-align: center;/* align-self: center; */}
.services.carousel .altern {/* padding: 2em 1em 1em !important; *//* border-top: 1px solid #f9f9f9; *//* border-bottom: 1px solid #eee; */width: calc(1920px/4);color: #fff;/* margin-left: 3em; */position: relative;padding-bottom: 40vw;text-align: center;display: inline-block;/* background: red; */overflow: hidden;/* border-radius:7px; *//* background:#f5f5f5; *//* background-image: url(../images/background.svg); *//* background-size:150%; */}
.services.carousel .col.text{position:absolute;bottom:0;left:0;height: 100%;width:100%;padding: 0 0 1em 0;}
.page-id-26 .services.carousel .col.text .col{
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    }
    .services.carousel .col.text .col h3{padding-bottom :0.2em;}
.services.carousel .teaser{padding: 0 25px;}
.services.carousel .teaser{display:none;font-size: .8em;line-height: 1.1;}
@media (max-width:600px){
    .services.carousel .teaser p{}
    .services.carousel a.button{font-size:.8em;}
   
}
@media (max-width:1070px){
        .services.carousel .altern{padding-bottom:75vw;}

}

@media (max-width:600px){
        .services.carousel .altern{padding-bottom:100vw;}

}

.services.carousel .action{position:absolute; bottom:0; top:auto; width:100%; text-align:center; padding:1em;}
.services.carousel .altern .bg-image:before{background-color: rgba(0, 0, 0, 0);/* background-image: url(../images/textures/pattern.png); */}

.services.carousel .altern:hover .bg-image{transform: scale(0.97); filter:grayscale(.3);}
.services.carousel .altern:hover .bg-image:before{background-color: rgba(0, 0, 0, 0.6);/* background-image: url(../images/textures/pattern.png); */}
.services.carousel .altern:hover a.button{background-color:#4eb450; color:#fff;}
.services.carousel .altern:hover a.button:hover{background:#0f2751;}
.services.carousel .slick-dots{bottom: 6px;padding: 0;/* font-size: 30px; *//* transform: translateX(-50%) translateY(100%); */}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex-slide .content.hide {
    transition-delay: 0s;
}
.flex-slide .content.hide h3.title{
    margin-bottom:20px
}

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

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

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

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

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

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

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

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

.featured_image{
   
}
span.marker{display:inline-block;background: url(../images/icons/map_marker.svg) no-repeat bottom center;width: 0.6em;height: 1em;background-size:contain;vertical-align: text-top;}
.featured_image .bg-image{/* max-width:95%; *//* margin-left:2.5%; */}

.featured_image .inner{padding-bottom: 37%;}
.featured_image .info{top:auto;height: auto;width: auto;bottom:4%;left:auto;right:5%;color: #fff;filter: drop-shadow(1px 1px 2px rgba(0,0,0,.2));}
.featured_image .info h4{margin:0; padding:0 0 10px 0;}
.featured_image .info p{padding-bottom:0;font-weight: 500;}
/* Page Touchpoints 
--------------------------- */
.discover {
    /* height: 10px; */
    /* background: red; */
    position: relative;
    /* display: table-row; */
    margin: 0px 2% !important;
    /* padding-top: 1em; */
    /* margin: 0 -1.4% 0 -1.4%; */
}

.page_touchpoints .nomargin.inner {
}

.page_touchpoints .nomargin.inner {
}

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

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

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

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

.page_touchpoints .nomargin .page_touchpoint:hover {
}

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

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

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

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

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

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

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

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

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

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

.page_touchpoint:hover {
}

.discover .image_overlay {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.page_touchpoint a:before {
    display: none;
}

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

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

.page_touchpoint:hover .tile-copy p {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .page_touchpoint .tile-copy {
    }

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

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

    .page_touchpoint .tile-copy {
    }

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

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

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

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

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

.cta a {
    color: #ffffff;
}

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

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

.cta_content {
    overflow: hidden;
}

.cta span {
    white-space: nowrap;
}

span.dash {
}

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

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

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

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

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

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

ul.tabs li {
    color: #ffffff;
    display: inline-block;
    background: #000;
    padding: 0.6em 0.8em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 186px;
    font-size: 1.3em;
    font-weight: 400;
    letter-spacing: 0.070em;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
}

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

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

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

.tab_content_holder {
    padding: 1em 0;
    text-shadow: none;
    background: #ffffff;
    color: initial;
    border-top: 3px solid #f78f23;
}

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

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

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

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

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

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

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

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

.breadcrumb_last {
    color: #ccc
}

/*
TILES */
.layout_tiles .fadeup {
    transform: translateY(10px);
    opacity: 0;
}

.fadedown {
    transform: translateY(-10px);
    opacity: 0;
}

.layout_tiles .card:hover .ani {
    opacity: 1;
    transform: translateY(0);
}

.layout_tiles .card.inactive {
    display: none;
    opacity: 0;
}

.layout_tiles .card {
    display: block;
    opacity: 1;
    float: left;
    /* padding: 5px; */
    width: calc(33.33% - 14px);
    margin: 7px;
    /* border: 2px solid #ffffff; */
    /* border-radius: 7px; */
    overflow: hidden;
    top: 0;
    left: 0;
    position: relative;
    /* box-shadow: 0px 0px 20px rgba(0,0,0,.1); */
    /* background-color: #0f2751; */
    /* background-image: linear-gradient(-45deg, #01122f, #18325e); */
    transition: all .2s ease-in-out;
}

.layout_tiles .card .tile-copy {
    color: #fff;
    width: 100%;
    padding: 0.8em 1em 1em;
    position: relative;
    left: 0;
    bottom: 0;
    background: #0f2751;
    /* transition: all 0.5s cubic-bezier(.075,.82,.165,1); */
    /* background-image: linear-gradient(0deg, rgba(0,0,0,.9),rgba(0,0,0,.5),rgba(0,0,0,0)); */
}
.layout_tiles .card .tile-copy i{font-size:.87em;}
.layout_tiles .card .tile-copy.hover a,.layout_tiles .card .tile-copy.hover {
}

.layout_tiles .tile-copy a.button {
    /* display: inline-block; */
    /* border: 4px solid #fff; */
    /* color: #fffff7; */
    /* text-transform: none !important; */
    /* font-weight: 800 !important; */
    /* background: #f88f1f; */
    /* padding: 0 1em; */
    /* font-size: 26px; */
    /* font-weight: 400; */
    /* line-height: 38.79px; */
    /* Text style for "Find out m" */
    /* letter-spacing: -1.22px; */
}

.layout_tiles .card.background-image:before {
    background: #010101;
    transition: all 0.5s cubic-bezier(.075,.82,.165,1);
    z-index: 1;
}

.layout_tiles .card .background-image:before {
    background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.18));
    /* background-color:rgba(0,0,0,0.18); */
}

.layout_tiles .card:hover .background-image:before {
    /* background-color:#4eb450; */
    opacity: 0.83;
    /* background-color: #18325e; */
    /* background-image: linear-gradient(-45deg, #01122f, #18325e); */
}

.layout_tiles .card .tile-copy h3 {
    /* margin:0px; */
    /* padding:0 0 1rem 0; */
    /* letter-spacing:0px; */
    /* color:#fffff7; */
    /* font-family:"Dala Floda"; */
    font-size: .em;
    /* font-weight:500; */
    /* line-height:0.9; */
    color: #ffffff;
    /* font-family: "Founders Grotesk - Semibold"; */
    /* font-size: 72px; */
    /* font-weight: 500; */
    /* Text style for "Footprints" */
    /* letter-spacing: -0.45px; */
    /* line-height: 56.87px; */
    /* Text style for "Waipoua" */
    /* letter-spacing: -0.45px; */
    /* line-height: 62px; */
}

.layout_tiles .card .tile-copy h3 a {
    color: #fff;
}

.layout_tiles .card .tile-copy p.info-meta {
    font-size: 1.2em;
}

.layout_tiles .card .tile-copy p.action {
    margin: 0;
    padding: 0;
}

.layout_tiles .card .tile-copy p {
    margin: 0;
    /* padding: 0; */
}

.layout_tiles .card:hover .bg-image{transform: scale(0.97);filter:grayscale(.3);transform-origin: bottom center;}
.layout_tiles .card:hover .bg-image:before{background-color: rgba(0, 0, 0, 0.6);/* background-image: url(../images/textures/pattern.png); */}
.layout_tiles .card:hover a.button{background-color:#4eb450; color:#fff;}
.layout_tiles .card:hover a.button:hover{background:#0f2751;}


.layout_tiles .image_wrap{padding-bottom: 75%;/* position: relative; *//* overflow: hidden; */}
.layout_tiles .card .bg-image {
    transform: scale3d(1,1,1);
    background: #fff;
    transform-origin: bottom center;
}



.layout_tiles .grid.column-3.tight .col {
    margin: 0.5%;
    min-height: 308px;
}

.layout_tiles .tile-copy a.button {
    /* color: #fffff7; */
    /* font-size: 1em; */
    /* font-weight: 400; */
    /* text-transform: uppercase; */
}

.layout_tiles .tile-copy a.button:after {
}

.layout_tiles .info-deal {
    /* display: none; */
}
.layout_tiles h4 a{color:#fff;font-weight: 700;}
.home .layout_tiles .info-deal {
    display: block;
}

.layout_tiles .info-deal p {
    /* font-size:1.5rem; */
    /* font-weight:700; */
}

.layout_tiles .card:hover .tile-copy a.button:after {
    width: 100% !important;
    left: 0;
}

.layout_tiles .tile-copy.hover:before {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: ' ';
    background-image: linear-gradient(to bottom,rgba(193,122,70,0),rgba(193,122,70,0),rgba(193,122,70,0),rgba(193,122,70,.5),rgba(193,122,70,.9),#C17A4D);
}

.layout_tiles .info-content p {
    color: #fffff7;
    line-height: 1.3;
    font-size: 15px;
    font-weight: 500;
}

.layout_tiles .info-content p {
}

.layout_tiles .tile-copy.hover .info-deal {
    margin-bottom: 20px;
}

.layout_tiles .info-deal h4 {
    /* font-family:"Gotham SSm A","Gotham SSm B"; */
    /* font-weight: 900; */
    /* margin: 10px 0 0; */
    /* color: #212420; */
    /* font-size: 25px; */
    /* line-height: 38px; */
    /* text-transform: uppercase; */
    letter-spacing: 0.2,;
}

.layout_tiles .tile-copy .info-deal p,.layout_tiles .tile-copy .info-deal p.lead {
    color: #fff;
    /* text-align: left; */
}

.layout_tiles .tile-copy.hover .info-deal p,.layout_tiles .tile-copy.hover .info-deal p.lead {
    text-align: center;
}

.layout_tiles .info-deal p {
    /* color:#212420; */
    /* font-size:21px; */
    /* font-weight:700; */
    /* letter-spacing:0.18px; */
    /* line-height:23px; */
    color: #ffffff;
    padding: 0;
    /* font-family: "Founders Grotesk"; */
    /* font-size: 24px; */
    /* font-size: 1.37em; */
    font-weight: 400;
    /* line-height: 1.2; */
}

.layout_tiles .info-deal p {
}

@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: 1070px) {
    .layout_tiles .card .info-content {
        line-height:16px;
    }

    .layout_tiles .card {
        width: 47%;
        /* padding-bottom: 64%; */
    }
}

.layer.case-studies .layout_tiles .card{padding-bottom: 38%;/* background: #0f2751; */border: 0;border-radius: 0;}
.layer.case-studies .layout_tiles .image_wrap{position:absolute;width: 100%;height: 100%;/* left: 0; */}
.layer.case-studies .layout_tiles .card .tile-copy{position:absolute;width:100%;height: auto;bottom: 50%;transform: translateY(50%);text-align: center;background: none;}

.layer.case-studies .action{position:absolute; width:100%; bottom:1em; text-align:center;}



@media screen and (max-width: 600px) {
    html {
        font-size:14px;
    }
    .layout_tiles .image_wrap{ padding-bottom:50%}
    .layout_tiles .card .info-content {
        font-size: 13px;
        line-height: 16px;
    }

    .layout_tiles .card {
        width: 96%;
        margin: 2%;
        /* padding-bottom: 100%; */
    }
    .page-id-1287 .layout_tiles .card .tile-copy{position: relative !important;padding-top: 2em;padding-bottom: 2em;}
}

.layout_tiles {
    max-width: 1580px;
    margin: 0 auto;
}

.layout_tiles .card {
}

.layout_tiles .card a.button {
    /* padding-left:15px; */
    /* padding-right:15px; */
}

.home footer {
    /* margin-bottom: 100px; */
}

.page-template-default footer {
    /* padding-top: 0 !important; */
}

.page-template-default footer p.copyright {
    /* font-size: 15px; */
    /* font-weight: 400; */
    /* color: #1a335d; */
    /* max-width: 1580px; */
    /* padding: 0 15px; */
    /* margin: 3em auto 1em; */
}

.page-template-default footer .col {
    /* padding:0; */
}

span.left {
    float: left;
}

span.right {
    float: right;
}

/*
unit standards
*/
.unit_standards {
    text-align: center;
}

.unit_standards ul {
    list-style: none;
}

.unit_standards li {
    position: relative;
    width: 140px;
    height: 140px;
    margin: 5px;
    display: inline-block;
    /* padding: 10px; */
}

.square {
    top: 0;
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background: #f78f23;
    border-radius: 10px;
}

.square .title {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    color: #fff;
    font-size: 30px;
    line-height: 1;
}

.home .layout_tiles {
    max-width: 100% !important;
}

.home .inner.col {
    /* max-width: 100% !important; */
}

.home p.copyright, .home .inner {
    /* max-width:100% !important; */
}

.page-template-default .layout_tiles {
    /* max-width: 1580px; */
    /* padding: 0 15px; */
}

.page-template-default .no-bgimage {
    /* display: none; */
}

.page-template-default .layout_tiles article {
    /* border-radius: 0; */
    /* margin: 0; */
    /* width: 33.333%; */
    /* max-width: 33.333%; */
    /* overflow:visible; */
    /* position: relative; */
    /* z-index: -1; */
    /* padding: .5em; */
}

/*
.page-template-default .discover:after,
.page-template-default .discover:before
{pointer-events: none;position:absolute;z-index: 100000;content:' ';width: 30px;height: 120%;top:0;background:url(../images/border_divider.png) repeat-y top center;background-size: cover;animation: animatedBackground 5s ease-in-out -4s 2 alternate forwards;}




@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 100%;
  }
}
*/
.page-template-default .layout_tiles .info-deal p, .page-template-default .layout_tiles .info-action {
    /* display: block; */
    /* height: 0; */
    /* overflow: hidden; */
    /* opacity: 0; */
    /* padding:0; */
    /* transition: all .5s ease; */
    /* transition-delay: .3s; */
}

.page-template-default .layout_tiles .card:hover .info-deal p {
    height: auto;
    padding-bottom: 0;
    opacity: 1;
}

.page-template-default .layout_tiles .card:hover .info-action {
    height: 4.5em;
    opacity: 1;
    /* padding:initial; */
}

/*
.page-template-default .discover:before{left: calc(33.333% - 15px); }
.page-template-default .discover:after{left:calc(66.6666% - 15px); animation-delay:1s;} */
.page-template-default .layout_tiles .discover .tile-copy {
    padding: 0 5em;
}

.page-template-default .layout_tiles .card:hover .tile-copy {
    /* padding-bottom: 1em; */
}

.page-template-default .layout_tiles .card {
    /* position: relative; */
}

.page-template-default .discover .card:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 91%;
    background: url(../images/puhoro_blue.svg) no-repeat top left;
    z-index: 2;
}

.page-template-default .discover .card:nth-child(2n):before {
    background-image: url(../images/puhoro_opac.svg);
}

.page-template-default .discover .card:nth-child(3n):before {
    background-image: url(../images/puhoro.svg);
}

.page-template-default .discover:first-child .tile-copy {
    /* padding:0 3em 0 2em; */
}

.page-template-default .layout_tiles .discover.inner.col {
    margin: 0 auto !important;
    padding: 0;
    /* max-width: 1550px !important; */
    /* background: blue; */
    z-index: -1;
}

.page-template-default .layout_tiles .card:hover {
    /* transform: none; */
    /* box-shadow: none; */
    transition: scale(.9);
}

@media(max-width: 900px) {
    #header {
        padding-left:0;
        padding-right: 0;
    }

    .layout_tiles .card .tile-copy {
        bottom: 0;
    }

    .page-template-default .layout_tiles {
        /* padding: 0; */
    }

    /* .page-template-default .discover:after{left:0; pointer-events: none;position:absolute;z-index: 100000;content:' ';width: 100%;height:30px;top:0;background: url(../images/border_divider_horz.png) repeat-y top center;background-size: cover;animation: animatedBackground 5s ease-in-out -4s 3 alternate forwards;}
	.page-template-default .discover:after{top: 337px;}
    .page-template-default .discover:before{left:0;top: 703px;width: 100%;height: 30px;background: url(../images/border_divider_horz.png) repeat-y top center;}
    */
    .page-template-default .layout_tiles article {
        /* width: 100%; */
        /* max-width: 100%; */
        /* padding-bottom: 360px; */
    }

    .page-template-default .layout_tiles .discover .tile-copy {
        padding: 1em 2em 1em 4em;
        /* padding-bottom:1em; */
    }
}

.layout_tiles .card h3 {
    font-size: calc(32px + (52 - 32) * ((100vw - 600px) / (1920 - 600)));
}

@media screen and (min-width: 1280px) {
    .layout_tiles .card h3 {
        font-size: 52px;
    }
}

@media screen and (max-width: 600px) {
    .layout_tiles .card.col:hover img {
        display:none !important;
    }

    .layout_tiles .card.col:hover .tile-copy {
    }

    .layout_tiles .card:hover .tile-copy {
        /* transform:translateY(-50%); */
        padding: 1em 3em 30px 4em !important;
    }

    .layout_tiles .card:hover .tile-copy p {
        font-size: 1.25em;
    }

    .layout_tiles .card .info-content {
        display: none;
    }

    .layout_tiles .card h3 {
        font-size: 50px;
    }
}

.st1 {
    opacity: 0;
    transition: opacity .3s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.heartbeat {
    position: relative;
    -webkit-animation: heartbeat 1.5s ease-in-out 2 both;
    animation: heartbeat 1.5s ease-in-out 2 both;
    transform-origin: 60px 50px;
}

@-webkit-keyframes heartbeat {
    from {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

/*
FAQS */
.faq {
    border-bottom: 2px solid #d9d9d9;
    /* padding-bottom: 2em; */
    /* margin: 2em 2px 0em; */
    font-size: 15px;
}

.faq.left {
    float: left;
}

.faq.right {
    float: right;
}

.page_layout .faq h5 {
    font-size: 18px;
    font-weight: 700;
    text-transform: none;
    margin-bottom: .5em;
    color: #f78f23;
}

.morecontent {
    display: none;
}

.morecontent :first-child {
    padding-top: 0;
    margin-top: 0;
}

.morelink {
    font-size: 13px;
    font-weight: 600 !important;
    white-space: nowrap;
}

.contact_form{ color:#4eb450;}
.contact_form .h1{line-height:.8;}
/* testimonials
  --------------------------- */
 .testimonial_layout .inner{padding:0;}
.testimonial_layout {text-align:center;color: #fff;}
.testimonial_layout.background_pattern .bg-image:before{background-attachment:fixed;}
 .icon-tripadvisor-logotype{max-width:40px;display:block;margin: 0 auto;}
  .icon-tripadvisor-logotype svg{width:100%; height:auto;}
.testimonial_layout h2, .testimonial_layout h3{color:inherit;}
.testimonials {text-align:center;}
.testimonials p{text-transform:uppercase;}
.testimonial_layout .bg-image{background: #0f2751;/* background-attachment:fixed; */}
.testimonial_layout .logo{width:200px;height:200px;/* padding: 10px; */margin: 0 auto;background:#fff;border-radius:50%;overflow:hidden;}
#insta_icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    fill: #10100f;
    vertical-align: text-bottom;
}

.instagram {
    background: var(--white);
    color: #10100f;
    z-index: 0;
}

.instagram #sb_instagram {
}

.instagram h4 {
    padding: 0;
    margin: 0;
    font-size: 2em;
    font-weight: 700;
    line-height: 2;
    text-transform: uppercase;
}

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

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

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

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

.subheader {
    vertical-align: middle;
}

/*
---- AUTHOR --------------------------
*/

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

.author_image, .author_title{display:inline-block;vertical-align: middle; padding:10px;}
.author_image{}
.author_title{text-align:left;color: #a3a3a3;}
.author_title p{margin:0;padding:0;}
.author_title strong{color:#4eb450; font-size:1.25em;}
@media (max-width:600px){
    .author_title{text-align:center;}
}

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

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

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

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

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

}

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

ul.contact_list li a{
    color: #0f2751;
    text-decoration: underline;
    text-decoration-color: rgba(255,255,255,.05);
}
ul.contact_list li a:hover{color: #4eb450;/* text-decoration-color: rgba(255,255,255,1); */text-decoration-color: rgb(15 39 81);}

.html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .clear-multi, html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .gfield_description, html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .ginput_container:not(.ginput_container_time):not(.ginput_container_date){
    margin-left: auto !important;
}
#map_full>div {
    background: none !important;
}

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

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

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

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

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

.map .icon-drag {
}

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

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

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

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

#map {
    padding-bottom: 40%;
    clear: both;
    position: relative;
}

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

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

.layer.white {
}

.layer .white {
    color: #ffffff;
}

.layer.grey {
    background: #393939;
}

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

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

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

.background-image.white:before {
    background: rgba(255, 255, 255, 0.8);
}

.background-image.no-overlay:before {
    background: none;
}

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

.layout_tiles .tile_inner {
    padding: 10px;
    margin-bottom: 15px;
    background: #fff;
    border-radius: 4px;
}

.layout_tiles .tile_icon {
    margin: 10px auto;
    max-width: 75px;
}

.layout_tiles h4 {
    margin-top: 0;
    font-size: 1.7em !important;
    /* line-height: 1.2 !important; */
    /* margin-bottom: 5px; */
    padding: 0;
    /* color: #f78f23; */
}

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

.grid .tile-copy a {
}

.grid .tile-copy {
}

.grid .tile-copy h2 {
}

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

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

.light a {
    color: #ffffff;
}

.grid.column-2 .col {
}

.image_holder {
}


.image_holder {
    display: block;
    text-align: center;
    padding: 1em 0;
}

.image_holder:hover {
}
.image_holder img{padding: 0;display:block;margin: 0 auto;/* width: 100%; */}
.gallery_images {
    padding: 0;
    list-style: none;
    margin: 0 auto;
}

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

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

.gallery_images {
}

.col.imgwrap {
}

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

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

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

.noimgcolp .col.imgwrap{padding:0;margin: -2% 0 -2%;}
.noimgcolp .col.imgwrap .image_holder{padding:0;}
.abs {
    position: absolute !important;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.abs:before {
    display: none;
}

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

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

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

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

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

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

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

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

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


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


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

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

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

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

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

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

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

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

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

.light {
}

.border-top:before {
   
    position: absolute;
    height:62px;
    content: ' ';
    width: 100%;
    top: 0px;
    z-index: 1;
    left: 0;
    background: #18325e;
}

.border-bot:after {
    position:absolute;
    position: absolute;
    height: 64px;
    content: ' ';
    width: 100%;
    bottom: -9px;
    z-index: 1;
    left: 0;
    background: url(../images/border.svg) repeat-x;
    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;
    color: #2d3038;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 0;
    top: 0;
    content: ' ';
    background: url(../images/icons/zoom-in.svg) no-repeat center;
    background-size: 2em;
}

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

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

.subpages {
}

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

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

.subpages article:hover .tile-copy {
}

.subpages .grid {
}

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

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

.subpages .tile-copy {
}

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

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

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

@media screen and (max-width: 1130px) and (min-width:850px) {
}

@media screen and (max-width: 1050px) and (min-width:850px) {
}

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

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

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

.author {
    background-color: #f6f6f6;
}

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

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

.company_logos {
    position: relative;
    /* max-width: 1170px; */
    background: #f8f8f8;
    margin: 0 auto;
}

.company_logos h4 {
    color: #221f1f;
    font-size: 26px;
    font-weight: 800;
    line-height: 34px;
    text-transform: uppercase;
    font-style: italic;
    text-align: center;
    margin-bottom: 1em;
}
ul.companies_slider {list-style:none; margin:0; padding:0;}
.companies_slider li {
    /* padding: 10px; */
    width: 25%;
    /* width: 33.33%; */
    text-align: center;
    height: 100%;
    display:inline-block;
}

.companies_slider li img {
    vertical-align: middle;
    padding: 10px;
    filter: grayscale(1);
    /* width: 100%; */
    /* background: #fff; */
}
.companies_slider li:hover img{
    filter: grayscale(0);
}
.companies_slider a {
    display: block;
    text-decoration: none;
    /* background: #ffffff; */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.single .navigation .col h3 {
}

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

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

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

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

.single .navigation a {
    font-weight: 900;
    color: #242424;
    text-decoration-color: #18325e;
}

.single .navigation a:hover {
    text-decoration: underline;
    text-decoration-color: #4eb450;
}

.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/kea-white.png) no-repeat top center;
    background-size: cover;
    overflow: hidden;
}

.page-template-default #maverick-logo {
    /* background-image: url(../images/logos/kea-alt.png); */
}

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

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

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

.back-to-top-wrap img {
    width: 25px;
}

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

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

/* footer
**********************************/
.layout_wrap_footer {
    /* background: #e8edef url(../images/directional-tourism-consultants.jpg) no-repeat bottom center; */
    background-size: cover;
    /* position: relative; */
    /* padding-top: 4em; */
    font-size: 16px;
    /* max-width: 1920px; */
    margin: 0 auto;
}
.layout_wrap_footer .grid{z-index: 2;position: relative;}
.layout_wrap_footer .bg-image:before {
     background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0));
     position: absolute;
     width: 100%;
     height: 59%;
     content: ' ';
     top: 0;
     left: 0;
     z-index: 1;
}

footer {
    position: relative;
    /* font-size: 1.3em; */
    /* padding-top: 40vh !important; */
}

footer .inner {
    padding: 6px 15px 0;
    margin: 0 auto;
    /* max-width: 100%; */
}

footer p.copyright {
    font-weight: 500;
    font-size:.87em;
}

footer p, footer li {
    /* color: #fff; */
}

footer .social-links a {
    /* clear: both; */
}

.subfooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #ffffff;
    /* background: url(../images/hikurangi_mountain.png) no-repeat 92% 0%; */
    /* background-size: cover; */
    /* font-size: 14px; */
}

.footer__logowrap {
    position: relative;
}

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

.footer__logowrap .logo a {
    background-color: white;
    background-image: url(../images/logos/white-island-tours-logo.png);
    background-repeat: no-repeat;
    position: relative;
    display: block;
    padding-bottom: 30%;
    background-size: contain;
    background-position: top center;
}

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

.logo_footer {
    margin: 5px 12px;
    padding: 15px;
    line-height: 0px;
    color: transparent;
    width: 50%;
    display: block;
}

.drawer__inner .logo_footer {
    padding: 0;
    margin: 0 auto;
    width: 50%;
}

.drawer__inner .logo_footer img {
    padding: 25px 0;
    margin: 0 auto;
    /* filter: brightness(0.8) invert(1) grayscale(1); */
}

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

footer .flex .column1 {
}

@media (max-width: 600px) {
    .layout_wrap_footer {
        padding-top:0;
        text-align: center;
        padding-bottom: 430px !important;
    }

    .layout_wrap_footer:before {
        /* background: none; */
    }

    footer {
        /* padding-top: 40px !important; */
        /* padding-bottom: 40px; */
        /* text-align: center; */
    }
}


footer .col {
    padding: 1em 2em;
    min-width: fit-content;
    max-width: fit-content;
}

footer .col .widget {
    /* text-align: left; */
    /* display: inline-block; */
}

footer .col .widget:first-child {
    margin-top: 0;
}

footer .column1 {
    /* text-align: center; */
}

footer .column1 .widget {
    /* text-align: center; */
}

footer .column5 p {
    margin-top: 1em;
}

footer .column5>div {
}

footer .column2 {
    max-width: 300px !important;
    min-width: 20%;
}

footer .column3 {
    /* text-align: center; */
}

footer .column4 {
}

footer .column5.col {
    text-align: right;
    flex-basis: 0;
}

footer .column5 img {
    max-width: 160px !important;
    margin: 1.3em auto;
}
@media (max-width: 600px) {
    footer .col {
    min-width: 50%;
    max-width: 50%;
    padding: 0 1em;;
    text-align:left;
    }
    
    footer .column1.col{
        min-width: 100%;
        max-width: 100%;
        padding-bottom:2em;
    }
    footer .column2.col {
       min-width: 100%;
    max-width: 100%;

    }

    footer .col:last-child {
        /* text-align: center; */
    }
}


footer .widget_media_image {
    margin: 0 auto;
}

footer .widget_media_image img {
    max-width: 420px !important;
    width: 100%;
    height: auto;
}

footer.layer .textwidget a {font-weight: 500;}

footer h4.widgettitle {
    /* font-style: italic; */
    /* font-weight: normal; */
    /* color: #ffffff; */
    /* font-size: 2em; */
    /* line-height: .9; */
    margin-top: 0;
}

footer.layer .textwidget a.button {
    display: block;
    min-width: 200px;
    text-align: center;
    color: #000;
    border-color: #000;
}

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

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

#menu-footer-links a {
    color: #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: #18325e;
    border-color: #18325e;
}

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

footer ul li {
    padding: 0;
    margin: 0;
    /* display: inline-block; */
    /* line-height: 2; */
}

footer ul.awards {
}

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

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

footer .menu {
    height: auto;
}

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,
footer.layer .textwidget a {
    position: relative;
    /* font-size: 1em; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    /* font-weight: 700; */
    /* font-style: italic; */
    font-weight: 500;
    color: #0f2751;
    text-decoration: underline;
    text-decoration-color: rgba(255,255,255,0.05);
    /* text-shadow: 8px 14px 68px rgba(29, 49, 107, 0.4); */
    /* font-size: 2em; */
    /* line-height: 2; */
    /* margin-top: 0; */
    /* text-transform: uppercase; */
    /* font-size: 1.5em; */
    /* font-weight: 400; */
    /* line-height: 1.2; */
    /* margin-bottom: 0; */
    /* letter-spacing: 2.34px; */
}

footer .menu li a:hover,
footer.layer .textwidget a:hover {
    color: #0f2751;
    /* font-weight: 500; */
    text-decoration-color:#4eb450;
}

p.social-links.center {
    /* margin:0 auto; */
    display: block;
}

p.social-links.center a {
    float: none;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border: 0px;
    background: #19325e;
}

p.social-links.center a:hover {
    background: #f78f23;
}

p.social-links.center svg {
    width: 30px;
    height: 30px;
}

p.social-links {
    font-size: 16px;
    display: inline-block;
}

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

p.social-links a {
    display: block;
    width: 30px;
    float: left;
    height: 30px;
    border: 1px solid #4eb450;
    padding: 5px;
    border-radius: 50%;
    margin: 0 4px 7px;
}

p.social-links svg {
}

p.social-links a:hover {
}

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

p.social-links a {
    background: #4eb450;
    color: #ffffff;
}

p.social-links svg {
    width: 18px;
    fill: #ffffff;
    height: 18px;
}

footer p.social-links a:hover {
    background: #0f2751;
    transform: scale(1.1);
    border-color: #0f2751;
}

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

.drawer p.social-links {
    padding:1em 0;
    /* position: absolute; */
    /* bottom: 0; */
    /* padding: 0 2em; */
}
.drawer  p.social-links svg{fill:#fff;}

.social_icon {
    border: none !important;
}

.social_icon:before {
    display: none !important;
}

.page_layout .social_icon img {
    width: 3em;
}

footer .social_icon img {
    width: 2em;
}

.drawer .social_icon img {
    width: 2em;
    filter: invert(1);
}

.flexible_layout .inner {
    padding-left: 0;
    padding-right: 0;
    max-width: 1170px;
}

.page_layout.reverse_grid:nth-of-type(even) .grid.column-2 {
    flex-direction: row-reverse;
}

@media (max-width: 599px) {
    .grid.column-2 .col {
        width: 95%;
        text-align: center;
        float: none;
        margin: 0 auto;
    }

    .grid.column-2 {
        display: block;
    }

    .grid.column-2 .image_holder {
        padding: 1em 2em;
        max-width: 60%;
        margin: 0 auto;
    }
}

/* Padding Styles
--------------------------- */
.pad-top-220 {
    padding-top: 220px;
}

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

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

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

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

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

.pad-bot-160 {
    padding-bottom: 160px;
}
.pad-top-default,
.pad-top-140 {
    padding-top: 140px;
}
.pad-bot-default,
.pad-bot-140 {
    padding-bottom: 140px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pad-bot-160 {
        padding-bottom: 80px;
    }
.pad-top-default,
    .pad-top-140 {
        padding-top: 70px;
    }
.pad-bot-default,
    .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 {
    /* color: #ebebda; */
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.layer.has-bg-image {
}

.col {
    padding: 0 2%;
    /* position: relative; */
}

.layout_gallery {
    padding: 1em 0;
}
.layout_gallery img{display:block;width: 100%;/* padding: 0 1em; */height: auto;}
.layout_gallery .lSSlide li {
    overflow: hidden;
    /* padding: 0 1em; */
    /* margin: 0 1em; */
}

.layout_gallery .lSAction {
    text-align: center;
}

.layout_gallery .lSAction>a {
    position: relative !important;
    left: 0;
    display: inline-block;
    margin: 5px;
}

.layout_gallery .lSSlide li:nth-child(odd) img {
}

.layout_gallery .lSSlide li:nth-child(odd) {
}

.layout_gallery .lSSlide li:nth-child(even) {
}

.layout_gallery .lSSlide li:nth-child(even) img {
}

.layout_gallery .lSSlide li {
    z-index: 2;
    position: relative;
}

.layout_gallery .lSSlide li:hover img {
    /* z-index: 3; */
    /* box-shadow: 0px 0px 15px rgba(0, 0, 0, .4); */
}

li.lslide.aos-init.aos-animate {
}

.grid {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.grid .grid-noalter{
    flex-direction: row !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
}

.grid.grid-nogutter {
    /* margin: 0; */
}

.grid.grid-nogutter>.col {
    padding: 0
}

.col {
    box-sizing: border-box;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    max-width: 100%;
    min-width: 0;
}

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

.col-align-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.col-align-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.col-top {
    justify-content: flex-start !important;
    flex-direction: column;
    display: flex
}

.col-bottom {
    justify-content: flex-end !important;
    flex-direction: column;
    display: flex
}

.col-middle {
    justify-content: center;
    flex-direction: column;
    display: flex
}

.grid-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.grid-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.grid-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.grid-around {
    justify-content: space-around
}

.grid-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.col-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.col-last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.grid-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.col-fixed {
    flex: initial;
}

.col-grow-2 {
    flex-grow: 2
}

.col-grow-3 {
    flex-grow: 3
}

.col-grow-4 {
    flex-grow: 4
}

.col-grow-5 {
    flex-grow: 5
}

.col-grow-6 {
    flex-grow: 6
}

.col-grow-7 {
    flex-grow: 7
}

.col-grow-8 {
    flex-grow: 8
}

.col-grow-9 {
    flex-grow: 9
}

.col-grow-10 {
    flex-grow: 10
}

.col-grow-11 {
    flex-grow: 11
}

.col-1 {
    -ms-flex-preferred-size: 8.33333%;
    -webkit-flex-basis: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -ms-flex-preferred-size: 16.66667%;
    -webkit-flex-basis: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex-preferred-size: 33.33333%;
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -ms-flex-preferred-size: 41.66667%;
    -webkit-flex-basis: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex-preferred-size: 58.33333%;
    -webkit-flex-basis: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -ms-flex-preferred-size: 66.66667%;
    -webkit-flex-basis: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex-preferred-size: 83.33333%;
    -webkit-flex-basis: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -ms-flex-preferred-size: 91.66667%;
    -webkit-flex-basis: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%
}

@media only screen and (max-width: 480px) {
    .col-sm {
        flex: 100%;
        max-width: 100%
    }
}

@media only screen and (max-width: 624px) {
    .col-md {
        flex: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 744px) {
    .col-lg {
        flex: 100%;
        max-width: 100%
    }
}

.sg-box {
    background-color: #283A45;
    width: 100%;
    min-height: 40px;
    border-radius: 2px;
    padding: 8px;
    font-size: 16px;
    line-height: 32px
}

.sg-box-outline {
    border-top: solid 1px #C88E2C;
    border-left: solid 1px #C88E2C;
    border-right: solid 1px #C88E2C;
    height: 8px;
    margin-bottom: 8px
}

.sg-grid.grid-nogutter .col {
    padding: 8px 0
}

.sg-grid.grid-nogutter .col:after {
    width: 100%;
    margin: 0
}

.sg-grid .col {
    position: relative;
    min-height: 40px;
    padding: 8px;
    font-size: 16px;
    line-height: 32px
}

.sg-grid .col:after {
    z-index: -2;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: var(--grey-darker);
    width: calc(100% - 16px);
    height: 100%;
    border-radius: 4px;
    margin: 0 8px;
}

.sg-grid .col .grid .col:after {
    z-index: -1;
    outline: solid 2px #364C59
}

pre.code-display {
    margin-top: 48px;
    background-color: var(--grey);
    text-align: left;
    padding: 16px;
}

pre.code-display code {
    font-size: 16px
}

code {
    color: black;
    background-color: var(--grey-dark);
    border-radius: 4px;
    padding: 4px;
}

.half-width {
    flex: 50%;
}

.full-width {
    flex: 100%;
}

.vheight-default {
}

.vheight-25 {
    min-height: 25vh;
}

.vheight-50 {
    min-height: 50vh;
}

.vheight-75 {
    min-height: 75vh;
}

.vheight-100 {
    min-height: 100vh;
}

.vheight-125 {
    min-height: 125vh;
}

.vheight-150 {
    min-height: 150vh;
}

.vheight-175 {
    min-height: 175vh;
}

.vheight-200 {
    min-height: 200vh;
}

.background_pattern, .staff {
   /* background-image: url(../images/bg_pattern.png) !important; */
    background-position: bottom center;
    background-repeat: repeat-x;
    background-size: contain;
}

.dark {
}

.darker {
}

.layout_wrap .blue {
    background: #2f758c url(../images/texture_blue.png);
    background-attachment: fixed;
    color: #ffffff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
}

.text-on-dark {
    color: #FFF;
    background: #0e2042;
    /* background-size: cover; */
    /* text-shadow: 2px 2px 5px rgba(0, 0, 0, .5); */
}

.text-on-dark h3, .text-on-dark h2 {
    /* color: #f78f23; */
}

.text-on-dark h4, .text-on-dark p {
    color: #ffffff;
}

.text-on-dark a.button {
    color: #0e2042 !important;
    border-color: #ffffff !important;
    background-color:#ffffff !important;
}

.text-on-default h4, .text-on-default h3, .text-on-default h2 {
}

.text-on-green {
    color: #FFF;
    background: #4eb450;
}
.text-on-green .bg-image{background-color: #4eb450;/* background-color: red; */}
.background_pattern .bg-image{display: block !important;}
.background_pattern .bg-image:before{content:' ';position:absolute;width:100%;height:100%;top:0;left:0;/* background-color:red; *//* z-index:2; */background: url(../images/textures/arrows.png) no-repeat center;/* background-attachment: fixed; */}
.text-on-green a.button{background:#fff; color:#4eb450;}

.text-on-grey {
    background: #ececec;
    /* border: 1px solid red; */
}
.text-on-grey .bg-image{ background: #ececec;}

.text-on-green a.button{background:#fff; color:#4eb450;}


.text-on-blue {
    color: #FFF;
    background: #262262;
}
.text-on-blue .slides .bg-image{  color: #FFF;
    background-color: #262262;}

.kupe .image_holder{/* transform-origin: center !important; */transform:scale(1.3);/* position: fixed; */}

@media(max-width:599px){
  .kupe .image_holder{transform:scale(1);padding: 3em 2em 0 !important;}  
  .kupe .image_holder img{max-height: 250px;width:auto;}
}

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

.parallaxParent.toleft {
    overflow: visible !important;
    position: relative;
    z-index: 5;
}

.parallaxParent.toright {
    overflow: visible !important;
    position: relative;
}

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

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

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

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

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

.parallaxParent .bg-image.background-image:before {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.text-50 .col.textwrap {
    flex: 50%;
    max-width: 50%;
    z-index: 12;
    left: 0;
}

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

.text-75 .col.textwrap {
    flex: 70%;
    max-width: 70%;
}

.text-75 .col.imgwrap {
    flex: 30%;
    max-width: 30%;
}

.text-35 .col.textwrap {
     flex: 44%;
     max-width: 44%;
}

.text-35 .col.imgwrap {
    flex: 56%;
    max-width: 56%;
}

.text-100 .inner {
    /* padding-left: 8%; */
    /* padding-right: 8%; */
    /* max-width: 1170px; */
    margin: 0 auto;
}

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

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

.background_gradient.text-on-right.has-bg-image .background-image:before {
    background-color: transparent;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5)) !important;
}

.background_gradient.text-on-left.has-bg-image .background-image:before {
    /* background-color: transparent; */
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5)) !important;
}

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

@media (max-width: 599px) {
    .background_gradient.text-on-left .bg-image.background-image:before {
        /* background-color: transparent; */
        background-image: linear-gradient(to right, rgba(0, 0, 0, .4), rgba(0, 0, 0, .7)) !important;
    }

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

    .col.textwrap, .col.imgwrap {
        flex: 100% !important;
        max-width: 100% !important;
        text-align: center;
    }
    .col.textwrap{/* padding:0 !important; */}
    .col.textwrap ul{text-align:left;}
}

.bg-image {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    -moz-transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    -ms-transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    -o-transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
}

.page_layout .bg-image:before {
    content:' ';
       position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    -moz-transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    -ms-transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    -o-transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
}

.page_layout {
    overflow: visible;
    position: relative;
}

.page_layout.loop-1 {
    z-index: 10
}

.page_layout.loop-2 {
    z-index: 9;
}

.page_layout.loop-3 {
    z-index: 8;
}

.page_layout.loop-4 {
    z-index: 7;
}

.page_layout.loop-5 {
    z-index: 6;
}

.page_layout.loop-6 {
    z-index: 5;
}

.page_layout.loop-7 {
    z-index: 6;
}

.page_layout.loop-8 {
    z-index: 3;
}

.page_layout.loop-9 {
    z-index: 2;
}

.page_layout.loop-10 {
    z-index: 1;
}

.page-template-default .page_layout.loop-1 h3 {
    /* font-family: avertastd, Helvetica, Arial, sans-serif; */
    /* font-size: 3em; */
    /* font-weight: 900; */
    /* text-transform: uppercase; */
}

.page_layout h3 span {
    clear: both;
    display: block;
    font-size: 0.5em;
    text-transform: uppercase;
    line-height: 1.4;
}

.page_layout h3 span.red {
    font-size: 2em;
    line-height: 1;
}

span.green {
    color: #f78f23;
}

span.red {
    color: #ff0000;
}

span.light {
    color: #ffffff;
}

span.dark {
    color: #231f1f;
}

/*
GRAVITY FORMS */
#gform_wrapper_5 {
    /* color: #f78f23; */
}

.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
    font-size: 2.5em !important;
    font-weight: 800 !important;
}

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


body .gform_wrapper{position:relative;}



 .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  #PageContainer .page_layout .gform_wrapper textarea{
    border:0 !important;
    border-radius:20px;
    padding: 0.25em 1em !important;
    line-height: 1.4;
    margin: 0;
    font-weight: bold;
}

body .gform_wrapper ul li.gfield{margin-top:0 !important;}

.page_layout .gform_wrapper label.gfield_label, .page_layout .gform_wrapper legend.gfield_label {font-size: 1em;letter-spacing: .1em;text-transform: uppercase;color: #0f2751;font-weight: 800;/* padding: 10px; */}


.form_holder .col.textwrap {
    background: rgba(33, 33, 33, .85);
    background-blend-mode: multiply;
    padding: 4% 3% 3%;
    flex: 40%;
    max-width: 40%;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
}

.form_holder .col.imgwrap {
}

.gform_wrapper .gfield_error .gfield_label {
    color: #f78f23 !important;
}

.gform_wrapper .gfield_required {
    color: #4eb450 !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: #9C27B0 !important;
}

.gform_wrapper div.validation_error {
    color: #9C27B0 !important;
    border: 0 !important;
    margin-bottom: 0 !important;
}



.gform_wrapper li.gfield.gfield_error {
    color: #9C27B0 !important;
    border-color: #9C27B0 !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 #9C27B0;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {padding-top: 0;padding-bottom: 1.5em;}

.gform_wrapper .validation_message {
    color: #9C27B0 !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 {
}


.gform_ajax_spinner {
    margin-left: 20px;
    padding: 0;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-left: 4px solid #9C27B0;
    animation: spinner 1.1s infinite linear;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    vertical-align: baseline;
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*
.gform_wrapper li.gfield {
    padding: 0 15px 1em 0 !important;
    margin: 0 !important;
}
.gform_body input:valid, .gform_body textarea:valid {
    border: 0;
    border-bottom: 2px solid #cccccc;
    box-shadow: none;
    color: #235890;
    font-weight: bold;
    background-color: transparent !important;
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border-color: #f78f23 !important;
}
@media only screen and (min-width: 641px){
.gform_wrapper ul.gform_fields:not(.top_label) .gfield_label {
    width: 130px !important;
}
html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .clear-multi, html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .gfield_description, html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .ginput_container:not(.ginput_container_time):not(.ginput_container_date) {
    margin-left: 130px !important;
}
.gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large{
    width: 100% !important;
}
.gform_wrapper .left_label textarea.large, .gform_wrapper .left_label textarea.medium, .gform_wrapper .left_label textarea.small, .gform_wrapper .right_label textarea.large, .gform_wrapper .right_label textarea.medium, .gform_wrapper .right_label textarea.small{
      width: 100% !important;
}
}
*/





.accordion-toggle {
    font-weight: bold;
}

#PageContainer .accordion-toggle:before {
    color: #f78f23;
}

.accordion-toggle small {
}

#PageContainer .accordion-content {
    padding: 1em;
    background: none;
    border: 1px solid #d5d9db;
    border-top: 0;
}

#responsive {
}

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

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

#responsive h4 span {
    float: right;
    font-weight: normal;
}

#responsive p {
    display: none;
    font-size: .8em;
    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 {
    text-align: center;
}

#blog-isotope .blog-panel {
    border: 2px solid #ffffff;
    width: 33.33%;
    float: none;
    padding-bottom: 40%;
    overflow: hidden;
    display: inline-block;
}

@media (max-width: 768px) {
    #blog-isotope .blog-panel {
        width: 50%;
    }
}

@media (max-width: 680px) {
    #blog-isotope .blog-panel {
        padding-bottom: 55%;
    }
}

@media (max-width: 480px) {
    #blog-isotope .blog-panel {
        width: 100%;
        padding-bottom: 70%;
    }

    #blog-isotope .blog-panel__copy {
        bottom: 10%;
    }
}

.blog-card {
    width: 33.333%;
    float: left;
    padding: 0 1em 1em;
}

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

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

.blog-card__wrap {
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.06);
    border-radius: 7px;
    overflow: hidden;
}

.blog-card__image:hover .bg-image {
    transform: scale(1.05);
}

.blog-card:hover .bg-image:before {
    background-color: rgba(0, 0, 0, 0.26);
    background-blend-mode: color;
}

.blog-cards .col:hover a {
    transform: scale(1.05);
    /* text-decoration: underline; */
    /* text-decoration-color: #18325e; */
}

.blog-cards .col:hover {
    transform: scale(1);
}

.blog-cards .post-thumbnail {
    display: none;
}

.blog-card__image {
    padding-bottom: 64%;
    position: relative;
    overflow: hidden;
}

.blog-card__image a {
    position: absolute;
    width: 100;
    height: 100%;
    display: block;
    border: 0 !important;
}

.blog-card__image a:before {
    display: none;
}

.blog-card__copy {
    padding: 0.725em;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-top: 0;
    border-radius: 0 0 5px 5px;
}
.blog-card__copy .teaser{ font-size:.8em;}
.blog-card__copy .meta {
    font-size: 12px;
    margin: 5px 0 0;
}

.blog-card__copy h4 {
    text-transform: none;
    font-size: 1em;
    margin: 0;
}

.blog-card__copy a {
    color: #0f2751;
    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;
    text-shadow: 0 0 2px #292929;
}

.blog .article-wrapper {
    max-width: 852px;
    margin: auto;
    padding: 30px 0 0;
}

.blog-cards .background-image:before {
    background-image: url(../images/shadow.png);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: contain;
}

.ellipsis {
    overflow: hidden;
    /* max-height: 2.3em; */
    position: relative;
}
.meta{font-size:14px;}
.single .meta{border-top: 1px solid rgb(78 180 80 / .1);padding: 10px 20px;}
.meta .col{padding:0 1em 0 0em; max-width:100%;}
.blog .icon{display:inline-block;width: 1.2em;height: 1.2em;background-repeat: no-repeat;background-size:contain;background-position: left center;vertical-align: middle;}
.icon-eye{ background-image:url(../images/icons/eye.svg); }
.icon-clock{background-image:url(../images/icons/clock.svg);}








/* blog panel
*/
#blog-panels {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    max-width: 1170px;
    margin: 0 auto;
    padding-top: 2em;
}

#blog-panels article {
    overflow: hidden;
    flex: 1;
    display: -ms-flexbox;
    width: 100%;
    margin: 1%;
    position: relative;
    /* padding-bottom: 36%; */
}

#blog-panels .blog_card {
    /* padding: 15px; */
    /* padding-bottom: 36%; */
}

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

.blog-panel .bg-image:before {
    background: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

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

.blog-panel h4 {
    margin: 0;
    color: #fff !important;
}

.blog-panel a.button {
    margin: 5px 0;
    padding: 0;
    background: none !important;
    line-height: 1;
    text-shadow: none;
}

.blog-panel a.button:before {
    display: none !important;
}

.blog-panel__wrap {
    padding: 1em;
}

.blog-panel__copy {
    width: 100%;
    bottom: 0;
    left: 0;
    color: #ffffff;
    position: absolute;
    padding: 15px;
    top: auto;
}

.blog-panel:hover {
}

.blog-panel:hover .bg-image {
    transform: scale(1.05);
}

.blog-panel:hover .blog-panel__copy {
    bottom: 20px;
}

.blog-panel:hover a.button.ghost {
    background: #ffffff;
    color: #ffffff;
    font-weight: 900;
}

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

    .page-template-default .blog-panel__copy {
        /* position: relative; */
        /* top: 40%; */
        /* bottom: auto; */
    }
}

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

.ellipsis:before {
    content: "";
    float: left;
    width: 5px;
}

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

.ellipsis:after {
    content: "\02026";
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right;
    position: relative;
    position: absolute;
    top: auto;
    bottom: 0px;
    right: 0;
    width: 1em;
    text-align: right;
    background-size: 100% 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: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}


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

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

article.work {
    width: 100%;
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1));
}

article.work .imgwrap img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

article.work .imgwrap {
    padding: 0 5% 1.25em !important;
}

@media (max-width: 599px) {
    article.work .imgwrap {
        max-width: 380px;
        float: none;
        margin: 0 auto;
        padding: 1em 70px 2em !important;
    }

    article.work .imgwrap img {
        min-height: 0;
    }
}

article.work:nth-child(2n) .grid.column-2 {
    flex-direction: row-reverse;
}

article.search, .text-on-colorbg {
    /* color: #ffffff; */
    background-color: #c2a6e0;
    /* background-image: url(../images/weave_pattern_light.png); */
    /* background-size: auto; */
}

article.search a.button, .text-on-colorbg a.button {
    color: #18325e;
    background-color: #ffffff;
    border-color: #ffffff;
}

article.search {
}

article.temping {
}

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

.text-on-light, .text-on-light h3, .text-on-light h4, .text-on-light h2 {
    color: #ffffff;
}

article.development {
}

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

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

.work_carousel .logo {
    height: 100px;
    margin-bottom: 2em;
}

.work_carousel .logo a {
    display: block;
}

.work_carousel .logo a:hover {
    transform: scale(.95);
}

.work_carousel .logo a:before {
    display: none;
}

.work_carousel .logo img {
    max-height: 100px;
    max-width: 200px;
    width: auto;
}

.work_carousel article {
    display: inline-block;
    padding: 0em 2em 2em;
    vertical-align: top;
}

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

/* Projects
  --------------------------- */
.blog-cards.projects {
}

.blog-cards.projects .inner {
}

.projects .grid {
}

.projects .card {
    text-align: center;
    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    background-size: 105%;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.16);
    float: left;
}

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

.projects .card img {
    height: auto;
    width: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    display: inline-block;
    object-fit: initial;
    z-index: 2;
}

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

.projects .card .tile-copy {
}

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

.projects .card.background-image:before {
    background-color: #010101;
    transition: all 0.5s cubic-bezier(.075, .82, .165, 1);
    z-index: 1;
    opacity: 0.5;
}

.projects .card.background-image:hover:before {
    opacity: 0.8;
}

.projects .card .tile-copy h3 {
    margin: 0px;
    font-weight: 900;
    text-shadow: 0 0 7px #292929;
}

.projects .card .tile-copy p {
    color: #ffffff;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
}

.projects .grid.column-3 .col {
    margin: 0.5%;
    float: left;
    min-height: 308px;
    width: 32.33%;
}

.projects .big-twin .col {
    height: 370px;
    width: 49%;
    margin: 0.5%;
    overflow: hidden;
}

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

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

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

.projects .big-right .col:nth-child(1) {
    width: 65.66%;
    height: 631px;
    margin: 0.5% !important;
}

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

.projects .three .col {
    height: 335px;
    margin: 0.5% !important;
    min-height: 0;
}

.projects .three .col img {
    max-width: 44%;
}

.projects .big-left .col {
    height: 308px;
    margin: 0.5% !important;
    min-height: 0px;
}

.projects .big-left .col:nth-child(1) {
    width: 65.66%;
    height: 631px;
    margin: 0.5%;
    float: right;
}

.projects .link-overlay {
    position: absolute;
    z-index: 9;
    font-size: 0;
    color: transparent;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block;
    z-index: 2;
}

.projects .big-right .col .tile-copy {
}

.projects .three .col .tile-copy {
    opacity: 0;
}

.projects .big-left .col .tile-copy {
}

.projects .big-left .col img {
    max-width: 45%
}

.projects .big-left .col:nth-child(1) .tile-copy {
}

.projects .big-left .col:nth-child(1) img {
    max-width: 25%
}

.projects .inner.medium {
    max-width: 1200px;
}

.projects .big-right .col:hover .tile-copy {
    opacity: 1;
}

.projects .three .col:hover .tile-copy {
    opacity: 1;
}

.projects .big-left .col:hover .tile-copy {
    opacity: 1;
}

@media screen and (max-width: 1130px) and (min-width:850px) {
    .projects .big-twin .col {
        height: 380px;
    }

    .projects .three .col {
        height: 254px;
    }
}

@media screen and (max-width: 1050px) and (min-width:850px) {
    .projects .big-right .col, .projects .big-left .col {
        height: 252px;
    }

    .projects .big-right .col:nth-child(1), .projects .big-left .col:nth-child(1) {
        height: 511px;
    }
}

@media screen and (max-width: 850px) {
    .projects .card {
        float: none;
        width: 100% !important;
        height: 240px !important;
        min-height: 0px;
    }

    .projects .card img {
        max-width: 170px !important;
    }
}

@media screen and (max-width: 600px) {
    .projects .card.col:hover img {
        display: none !important;
    }

    .projects .card.col:hover .tile-copy {
        opacity: 1 !important;
    }

    .projects .card:hover .tile-copy {
        transform: translateY(-50%);
        opacity: 1;
    }
}
/* Blog
  --------------------------- */


.blog .blog-cards .col {
    overflow: hidden
}

.bg-image {
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) all;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    overflow: hidden;
}

.blog-cards .col:hover .bg-image {
    transform: scale(1.1)
}

.blog-cards .col:hover {
    transform: scale(1)
}

.blog-cards .post-thumbnail {
    display: none
}

.blog-cards .tile-copy {
    opacity: 1;
    transform: translateY(-50%);
    max-width: 530px;
    color: white;
    padding: 20px 36px;
    max-width: 450px;
    left: 0;
    position: absolute;
    top: 50%;
    margin: auto;
    right: 0;
    transition: all 0.5s cubic-bezier(.075,.82,.165,1);
    float: none;
    min-height: 0;
    bottom: initial;
    z-index: 2
}
.blog-cards .tile-copy h4{text-transform:none;letter-spacing: 0;font-size:2.5em;font-weight: 900;line-height: 1.1;margin: 2%;padding: 0;}
.blog-cards .tile-copy a {
    color: #fff;
    display: block;
    text-decoration: none;
    /* font-weight: 900; */
}

.blog-cards .tile-copy .date-meta {
    font-size: 15px;
    margin-top: 5px
}

.blog .article-wrapper {
    max-width: 852px;
    margin: auto;
    padding: 30px 0 0
}

.blog-cards .background-image:before {
    background-image: url(/wp-content/themes/Tamaki/library/images/shadow.png?x15800);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: contain
}

/* Blog filter bar
  --------------------------- */

.layer .blog-filter {
    overflow: hidden;
    margin: 2rem auto;
    padding-left: 4%;
    padding-right: 4%;
    max-width: 1858px;
    text-align: center
}

.layer .blog-filter .inner {
    padding: 0
}

.layer .blog-filter ul {
    margin: 0;
    padding: 0
}

.layer .blog-filter ul ul {
    display: none
}

.layer .blog-filter li a,.layer .blog-filter li a.more {
    font-size: 1.375rem;
    letter-spacing: .087rem;
    color: #122b53;
    text-transform: uppercase;
    font-weight: 400;
    padding: 0 2rem;
    line-height: 2;
    display: inline-block;
    border-radius: 2em;
    margin: 0 .25rem .5rem;
    border: 2px solid
}

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

.layer .blog-filter li {
    display: inline-block
}

.layer .blog-filter li a.more:hover,.layer .blog-filter li a.active,.layer .blog-filter li a:hover {
    background: #122b53;
    color: #fffff7
}

/* Blog navigation bar
  --------------------------- */
#breadcrumbs {
    color: #ccc;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0;
    font-weight: 600;
    line-height: 1;
    padding: 11px 10px 9px;
}

#breadcrumbs :before {
    vertical-align: top;
}

#breadcrumbs a {
    color: #18325e;
    text-decoration: none;
}

.breadcrumb_last {
    color: #ccc;
}

.tile-copy .read-more {
    max-height: 0;
    font-size: 0.77em;
    overflow: hidden;
    position: relative;
}

.tile-copy .content_wrap {
    padding-bottom: 0;
    padding-right: 4%;
}

a.readmore.button {
    vertical-align: middle;
    display: inline-block;
    margin: 1em 0 0;
    clear: both;
}

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

a.readmore.button:hover {
}

a.button.small {
    margin: 0;
    font-size: 12px;
    padding: 3px 12px;
}

span.role {
    /* font-weight: 300; */
    /* font-size: 0.85em; */
    display: block;
    line-height: 1;
    margin: 0 0 0.5em;
}

.staff_links {
    display: block;
    padding: 4px 2px 2px 0;
    /* vertical-align: -webkit-baseline-middle; */
}
.staff_links a{padding: 5px;background:white;display:inline-block;border-radius:50%;width: 36px;height: 36px;}
.staff_links a:before {
    display: none !important;
}

.staff_links .icon {
    display: inline-block;
    width: 21px;
    height: 26px;
    /* background-color: #fff; */
    background-size: contain !important;
    /* opacity: .5; */
}






.page-icon{max-width:400px;width: 100%;height: auto;}
.icon-phone {
    background: url(../images/icons/call.svg) no-repeat center;
}

.icon-email {
    background: url(../images/icons/envelope.svg) no-repeat center;
}

.icon-linkedin {
    background: url(../images/icons/linkedin.svg) no-repeat center;
}

.staff {
    text-align: center;
}

.staff .card {
    padding-top: 100%;
    margin-bottom: 1em;
    /* max-width: 360px; */
    border-radius: 50%;
    background-color: #e0e0e0;
    margin: 0 auto 1em;
}

.staff .tile-copy .content_wrap p {
    margin: 0;
}

.staff .tile-copy h4 {
}

.staff .tile {
    width: 33.33%;
    float: left;
    padding: 0px 4%;
    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-id-26 .figlio{background: none !important;}
.staff-link-pop:after{display:none;}
.popup{position:relative;text-align: left;/* max-width:1200px; */background: #fff;/* border:1px solid red; */padding: 1em;border-radius: 4px;}
.popup .col{position:relative;}
.popup .image{max-width: 30%;}
.popup .bg-image{display:inline-block;}
.popup .text{padding:2em;display:inline-block; with:80%;}

.page_carousel {
}
.page_carousel .slick-dots{ bottom:-20px;}
.page_carousel .scroller {
    text-align: center;
}

.page_carousel .carousel-card {
    width: 100%;
    padding: 0;
    margin: 5px;
    position: relative;
}
.page_carousel .carousel-card a{color:#fff;}
.page_carousel .carousel-card .tile-copy{position:absolute;top:50%;width:100%;left: 0;transform: translateY(-50%);padding: 1em;filter: drop-shadow(1px 1px 2px rgba(0,0,0,.2));}
.page_carousel .action{bottom:2em;width:100%; }
.wp-admin .carousel-card {
    width: 33.33%;
    float: left;
}

.page_carousel .carousel-card:hover .bg-image{transform: scale(0.97); filter:grayscale(.3);}
.page_carousel .carousel-card:hover .bg-image:before{background-color: rgba(0, 0, 0, 0.6);/* background-image: url(../images/textures/pattern.png); */}
.page_carousel .carousel-card:hover a.button{background-color:#4eb450; color:#fff;}
.page_carousel .carousel-card:hover a.button:hover{background:#0f2751;}




.layout>.acfe-flexible-collapsed-placeholder {
    text-align: inherit;
}

.page_carousel .carousel-card h3 {
    margin: 0;
}

.page_carousel .carousel-card.active {
}

.page_carousel .scroller .card {
    padding-top: 110%;
    margin-bottom: 0;
    position: relative;
    /* background: #7c7b7c; */
}

.page_carousel .info-meta {
    margin: 0;
}

.page_carousel .scroller p {
}

.page_carousel .scroller .tile-copy h4 {
    padding-top: 0;
}

.page_carousel .scroller .tile {
    background: #ffffff;
    width: 25%;
    float: left;
    padding: 0 1.5%;
    margin-bottom: 2em;
}

.page_carousel .lSAction>a {
    top: 15%;
}

@media (max-width: 1280px) {
    .page_carousel .scroller .tile {
        width: 33.3%;
    }
}

@media (max-width: 800px) {
    .page_carousel .scroller .tile {
        width: 50%;
    }
}

@media (max-width: 414px) {
    .page_carousel .scroller .tile {
        width: 100%;
    }
}

.gallery_wrap_inner {
    /* max-width: 1024px; */
    margin: 0 auto;
    text-align: center;
    /* padding-left: 15px; */
    /* padding-right: 15px; */
}

.gallery_image_wrap {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    height: 100%;
}
.gallery_image_wrap img {
    max-width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    width: 100% !important;
    background: #fff;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    width: 100%;
    position: relative;
    object-fit: cover;
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.gallery_wrap_inner .background-image:before {
    display: none;
    ; }

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

ul.gallery li {
    margin-bottom: 1em;
}

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

ul.gallery li {
    width: 33.3%;
    display: inline-block;
    position: relative;
    padding: .25em;
    margin: 0px;
}

ul.gallery.isotope_gallery {
    text-align: center;
    /* margin-left: -15px; */
    /* margin-right: -15px; */
    justify-content: center;
}

.grid.column-2 ul.gallery li, .layout_2col_images ul.gallery li {
}

.gallery_image_wrap {
    position: relative;
}

.gallery_image_wrap a {
    display: block;
    height: 100%;
}

ul.gallery.gallery-columns-1 li {
    width: 100%;
}

ul.gallery.gallery-columns-2 li {
    width: 48%;
}

ul.gallery.gallery-columns-3 li {
    width: 33.333%;
}

ul.gallery.gallery-columns-4 li {
    width: 25%;
}

ul.gallery.gallery-columns-5 li {
    width: 20%;
}

ul.gallery.gallery-columns-2 li:first-child {
}

.gallery-columns-2 li:nth-child(2n+1), .gallery-columns-3 li:nth-child(3n+1), .gallery-columns-4 li:nth-child(4n+1), .gallery-columns-5 li:nth-child(5n+1), .gallery-columns-6 li:nth-child(6n+1), .gallery-columns-7 li:nth-child(7n+1), .gallery-columns-8 li:nth-child(8n+1), .gallery-columns-9 li:nth-child(9n+1) {
    clear: left;
}
.gallery_credit p{padding:0; margin:0;}
.gallery_credit {
    position: absolute;
    max-width: 650px;
    /* color: #ffffff; */
    z-index: 10;
    bottom: 0px;
    transform: translateY(100%) translateX(-50%);
    left: 50%;
    font-size: 13px;
    padding: 5px 10px;
    /* background: rgba(0, 0, 0, .4); */
}

.gallery_credit a:hover {
    background: #ffffff;
    color: #040404
}

.gallery_credit:before {
    float: left;
    position: absolute;
    display: block;
    font-size: 21px;
}

.gallery_credit h4, .gallery_credit p {
    margin: 0;
    font-size: 13px;
    line-height: 13px;
    color: inherit;
}

@media (max-width: 1023px) {
}

@media (max-width: 600px) {
}

@media (max-width: 480px) {
    .gallery_credit {
        display: none;
    }

    ul.gallery.gallery-columns-3 li {
        width: 48%;
    }
}


ul.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


/* masonry gallery - horizontal */
#masonry {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

#masonry li {
  margin: 0;
  height: 30vh;
  flex-grow: 1;
  padding: 0;
}
/*
#masonry li:last-child {
  flex-grow: 10;
}
*/
/*
#masonry::after {content:"";flex-grow: 10;}
*/
#masonry img {
  height: 100%;
  max-height: 100%;
  min-width: 100%;
  object-fit: cover;
  vertical-align: bottom;
}

@media (max-aspect-ratio: 1/1) {
 #masonry li {
    height: 30vh;
  }
}
@media (max-height: 480px) {
#masonry li {
    height: 80vh;
  }
}
@media (max-aspect-ratio: 1/1) and (max-width: 480px) {
#masonry {
    flex-direction: row;
  }

#masonry li {
    height: 25vh;
    width: 50%;
  }

#masonry img {
    height: 50vh;
    /* max-height: 75vh; */
    /* min-width: 0; */
  }
}








.two_col {
}

@media (max-width: 767px) {
    .two_col .col {
        min-width: 100%;
    }
}

.b-lazy {
    background: var(--grey);
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    max-width: 100%;
    opacity: 1;
    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: #ffffff;
    height: 120px;
    display: block;
    background-size: cover !important;
}

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

.media-gallery>ul>li a>img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100% !important;
}