/* 
Theme Name:      Brindle Oxbow
Theme URI:       https://github.com/sarahbrindle/brindle-oxbow
Description:     Brindle Oxbow is a theme created super simple set up for ACF flex content based layouts
Author: Brindle Digital
Author URI: https://www.brindledigital.com/
GitHub Theme URI: https://github.com/sarahbrindle/brindle-oxbow
GitHub Branch:    master
Version: v1.0.0.21
Date:            27-11-2024
Requires at least: 5.0
Tested up to: 5.7
Requires PHP: 7.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:     brindle-oxbow
*/
/* == CUSTOM FONTS== */
/* Font: Sweet Sans Pro */
@font-face {
    font-family: 'Sweet Sans Pro';
    src: local('Sweet Sans Pro Light'), local('SweetSansPro-Light'),
        url('assets/fonts/SweetSansPro-Light.woff2') format('woff2'),
        url('assets/fonts/SweetSansPro-Light.woff') format('woff'),
        url('assets/fonts/SweetSansPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sweet Sans Pro';
    src: local('Sweet Sans Pro'), local('SweetSansPro-Regular'),
        url('assets/fonts/SweetSansPro-Regular.woff2') format('woff2'),
        url('assets/fonts/SweetSansPro-Regular.woff') format('woff'),
        url('assets/fonts/SweetSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sweet Sans Pro';
    src: local('Sweet Sans Pro Medium'), local('SweetSansPro-Medium'),
        url('assets/fonts/SweetSansPro-Medium.woff2') format('woff2'),
        url('assets/fonts/SweetSansPro-Medium.woff') format('woff'),
        url('assets/fonts/SweetSansPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sweet Sans Pro';
    src: local('Sweet Sans Pro Bold'), local('SweetSansPro-Bold'),
        url('assets/fonts/SweetSansPro-Bold.woff2') format('woff2'),
        url('assets/fonts/SweetSansPro-Bold.woff') format('woff'),
        url('assets/fonts/SweetSansPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Font: FreightDisp Pro */
@font-face {
    font-family: 'FreightDisp Pro';
    src: local('FreightDisp Pro Light'), local('FreightDispProLight-Regular'),
        url('assets/fonts/FreightDispProLight-Regular.woff2') format('woff2'),
        url('assets/fonts/FreightDispProLight-Regular.woff') format('woff'),
        url('assets/fonts/FreightDispProLight-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FreightDisp Pro';
    src: local('FreightDisp Pro Light Italic'), local('FreightDispProLight-Italic'),
        url('assets/fonts/FreightDispProLight-Italic.woff2') format('woff2'),
        url('assets/fonts/FreightDispProLight-Italic.woff') format('woff'),
        url('assets/fonts/FreightDispProLight-Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'FreightDisp Pro';
    src: local('FreightDisp Pro Book'), local('FreightDispProBook-Regular'),
        url('assets/fonts/FreightDispProBook-Regular.woff2') format('woff2'),
        url('assets/fonts/FreightDispProBook-Regular.woff') format('woff'),
        url('assets/fonts/FreightDispProBook-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FreightDisp Pro';
    src: local('FreightDisp Pro Book Italic'), local('FreightDispProBook-Italic'),
        url('assets/fonts/FreightDispProBook-Italic.woff2') format('woff2'),
        url('assets/fonts/FreightDispProBook-Italic.woff') format('woff'),
        url('assets/fonts/FreightDispProBook-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'FreightDisp Pro';
    src: local('FreightDisp Pro Medium'), local('FreightDispProMedium-Regular'),
        url('assets/fonts/FreightDispProMedium-Regular.woff2') format('woff2'),
        url('assets/fonts/FreightDispProMedium-Regular.woff') format('woff'),
        url('assets/fonts/FreightDispProMedium-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FreightDisp Pro';
    src: local('FreightDisp Pro Semibold'), local('FreightDispProSemibold-Regular'),
        url('assets/fonts/FreightDispProSemibold-Regular.woff2') format('woff2'),
        url('assets/fonts/FreightDispProSemibold-Regular.woff') format('woff'),
        url('assets/fonts/FreightDispProSemibold-Regular.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FreightDisp Pro';
    src: local('FreightDisp Pro Bold'), local('FreightDispProBold-Regular'),
        url('assets/fonts/FreightDispProBold-Regular.woff2') format('woff2'),
        url('assets/fonts/FreightDispProBold-Regular.woff') format('woff'),
        url('assets/fonts/FreightDispProBold-Regular.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*== CUSTOM RESET ==*/
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */}
body, div, section, nav, menu, header, footer, article, ul, ol, li, p, h1, h2, h3, h4, h5, h6, fieldset, form, button, input, textarea  { box-sizing: border-box; }
pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
menu { padding: 0; margin: 0; }
a, button, input[type="button"], input[type="reset"], input[type="submit"] { transition: all .3s ease-in-out; }
a:focus, a:active, a:hover { color: initial; outline: unset; text-decoration: none; }
b, strong {font-weight: bold;}
small {font-size: 80%;}
big {font-size: 125%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img { border-style: none; max-width: 100%; height: auto;}
address { font-style: normal;}
button, input, optgroup, select, textarea { font-family: inherit;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:focus, input:focus {outline: none;}
fieldset { padding: 0; border: none; }
textarea {overflow: auto;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

:root {

    font-size: 10px;

}

/*
:root {
    font-size: 10px;
  --primary-font: 'Sweet Sans Pro', serif;
  --secondary-font: 'FreightDisp Pro', serif;
  --white: #fff;
  --black: #1F2A36;
  --primary-color: #1F2A36;
  --secondary-color: #9A7536;
  --accent-color: #BACDCE;
  --primary-text-color: #363636;
   --h1-size: 60px;
  --h2-size: 32px;
  --h1-font: 'FreightDisp Pro', serif;
  --h2-font: 'FreightDisp Pro', serif;
}
*/
html, body {
    margin: 0;
    padding: 0;
    color: var(--primary-text-color);
    font: var(--body-copy-large-style) var(--body-copy-large-weight) var(--body-copy-large-size)/var(--body-copy-large-line-height) var(--body-copy);
    overflow-x: hidden;
    background: var(--white);
    letter-spacing: 0;
}
h1, h2, h3, h4, h5, h6 { 
    color: var(--secondary-color);
    font-size: inherit;
    font-weight: 700;
    font-family: var(--primary-font);
    line-height: 1.2;
    margin: 0;
    padding: 0 0 0.8em 0;
}
/*
h1 {
    font-size: 5.7rem;
}
h2 {
    font-size: 5.7rem;
}
h3 {
    font-size: 4.2rem;
}
h4 {
    font-size: 3.6rem;
}
h5 {
    font-size: 3rem;
}
h6 {
    font-size: 2.4rem;
}
*/
h1 {
  font-family: var(--h1-font);
  font-size: var(--h1-size); 
  font-style: var(--h1-style); 
  font-weight: var(--h1-weight);
  line-height: var(--h1-line-height);
  letter-spacing: var(--h1-letter-spacing);
}
h2 {
  font-family: var(--h2-font);
  font-size: var(--h2-size); 
  font-style: var(--h2-style); 
  font-weight: var(--h2-weight);
  line-height: var(--h2-line-height);
  letter-spacing: var(--h2-letter-spacing);
}
h3 {
  font-family: var(--h3-font);
  font-size: var(--h3-size); 
  font-style: var(--h3-style); 
  font-weight: var(--h3-weight);
  line-height: var(--h3-line-height);
  letter-spacing: var(--h3-letter-spacing);
}
h4 {
  font-family: var(--h4-font);
  font-size: var(--h4-size); 
  font-style: var(--h4-style); 
  font-weight: var(--h4-weight);
  line-height: var(--h4-line-height);
  letter-spacing: var(--h4-letter-spacing);
}
h5 {
  font-family: var(--h5-font);
  font-size: var(--h5-size); 
  font-style: var(--h5-style); 
  font-weight: var(--h5-weight);
  line-height: var(--h5-line-height);
  letter-spacing: var(--h5-letter-spacing);
}
h6 {
  font-family: var(--h6-font);
  font-size: var(--h6-size); 
  font-style: var(--h6-style); 
  font-weight: var(--h6-weight);
  line-height: var(--h6-line-height);
  letter-spacing: var(--h6-letter-spacing);
}

p {
    font-family: inherit;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: 0;
    margin: 1em 0;
}
a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    color: initial;
}

/* == Global Styles == */
#global { overflow: hidden; max-width: 100vw; }
.container {
    width: 100%;
    max-width: 1730px;
    padding: 0 20px;
}
.container::after, .clearfix::after {
  content: "";
  display: table;
  clear: both;
}
.clearfix { clear: both; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.d-f { display: flex; }
.jc-c { justify-content: center; }
.jc-fe { justify-content: flex-end; }
.jc-sb { justify-content: space-between; }
.jc-se { justify-content: space-evenly; }
.ai-c { align-items: center; }
.ai-fe { align-items: flex-end; }
.sec-wide { padding: 120px 0; }
.bg-white { background-color: var(--white); }
.link-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 250px;
    min-height: 75px;
    font-size: 1.4rem;
    color: var(--primary-text-color);
    text-transform: uppercase;
    padding: 0 15px;
    position: relative;
    z-index: 0;
    letter-spacing: 3.64px;
    box-shadow: none !important;
    border: 0 !important;
    opacity: 1 !important;
}
.link-btn.t-w {
    color: var(--accent-color);
}
.link-btn.t-d {
    color: var(--white);
}
.link-btn.t-d:hover {
    color: var(--primary-color);
}
.link-btn.fw-b { font-weight: 700; }
.link-btn:hover, .link-btn:active, .link-btn:focus { 
    color: var(--white); 
    background-color: transparent; 
    /*-webkit-tap-highlight-color: rgba(0,0,0,0);*/
}

.link-btn::before, .link-btn::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    border: 1px solid var(--secondary-color);
    transition: all .2s ease-in-out;
}
.link-btn::before {
    width: 100%;
    height: calc(100% - 10px);
    top: 5px;
    left: 0;
}
.link-btn::after {
    width: calc(100% - 10px);
    height: 100%;
    left: 5px;
    top: 0;
}
.link-btn.t-w::before, .link-btn.t-w::after { border-color: var(--white); }
.link-btn.t-w:hover { color: var(--primary-color) !important; }
.link-btn:hover::before,.link-btn:active::before,.link-btn:focus::before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.link-btn.t-w:hover::before {
    border-color: var(--white);
    background-color: var(--white);
}
.link-btn.t-d::before {
    background-color: var(--primary-color);
}
.link-btn.t-d:hover::before {
    background-color: var(--white);
}
.btn-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 250px;
    min-height: 65px;
    font-size: 1.4rem;
    color: var(--primary-text-color);
    text-transform: uppercase;
    padding: 0 15px;
    position: relative;
    z-index: 0;
    letter-spacing: 3.64px;
    background-color: var(--white);
    border: 1px solid var(--secondary-color);
    -webkit-tap-highlight-color: transparent;
}
.btn-link::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    border: 1px solid var(--secondary-color);
    transition: all .2s ease-in-out;
    width: calc(100% - 10px);
    height: calc(100% + 12px);
    left: 5px;
    top: -6px;
    -webkit-tap-highlight-color: transparent;
}
.btn-link.np::before {
    display: none;
}
.btn-link.t-w { 
    color: var(--accent-color); 
    border-color: var(--white);
    background-color: var(--primary-color);
    -webkit-tap-highlight-color: transparent;
}
.btn-link.t-w::before {
    border-color: var(--white);
    -webkit-tap-highlight-color: transparent;
}
.btn-link.t-d { 
    color: var(--white);
    border-color: var(--secondary-color);
    background-color: var(--primary-color);
    -webkit-tap-highlight-color: transparent;
}
.btn-link.t-d::before {
    border-color: var(--secondary-color);
    -webkit-tap-highlight-color: transparent;
}
.btn-link.fw-b { font-weight: 700; }
.btn-link:hover, .btn-link:focus, .btn-link:active { 
    color: var(--white); 
    background-color: var(--primary-color)!important;
    border-color: var(--primary-color);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
.btn-link.t-w:hover, .btn-link.t-w:focus, .btn-link.t-w:active {
    color: var(--primary-color);
    background-color: var(--white)!important;
    border-color: var(--white);
    -webkit-tap-highlight-color: transparent;
}
.btn-link.t-d:hover, .btn-link.t-d:focus, .btn-link.t-d:active {
    color: var(--primary-color);
    background-color: var(--white)!important;
    -webkit-tap-highlight-color: transparent;
}

/*
 * Default WP Alignment Classes
 *****************************************************************************/

.aligncenter, .alignleft, .alignright {
  display: block;
  padding: 0;
}
.aligncenter {
  float: none;
  margin: .5em auto 1.5em;
}
.alignright {
  float: right;
  margin: .3em 0 1em 1.5em;
}
.alignleft {
  float: left;
  margin: .3em 1.5em 1em 0!important;
}
.wp-caption {
  padding: 5px 0;
  border: 1px solid #555;
  background: #444;
  text-align: center;
}
.wp-caption img {
  display: inline;
}
.wp-caption p.wp-caption-text {
  margin: 5px 0 0;
  padding: 0;
  text-align: center;
  font-size: 75%;
}


/*== Overlay Menu ==*/

.overlay-nav {
  z-index: 5000;
  position: fixed;
  inset: 0;
  background-color: var(--primary-color);
  display: none;
  transition: none;
  overflow-y: auto;
}

.overlay-menu {
  list-style: none;
  display: flex;
  margin: 0 0 0;
  padding: 0 0 0;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  height: 100%;
}

.overlay-menu li {
  display: block;
}

.overlay-menu li a {
  font-family: var(--h3-font) !important;
  font-size: var(--h3-size); 
  font-style: var(--h3-style); 
  font-weight: var(--h3-weight);
  line-height: var(--h3-line-height);
  letter-spacing: var(--h3-letter-spacing);
  color: var(--white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  /* text-transform: uppercase; */
  opacity: 1;
  transition: all 0.3s ease;
  /*font-weight: 300;*/
}

.overlay-menu li a:hover,
.overlay-menu li a:focus {
  opacity: 1;
  color: var(--accent-color);
}

.overlay-menu li a.others-hovered {
  opacity: 0.5;
}

.overlay-menu li a span {
  line-height: 1.4;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: var(--secondary-color);
  color: var(--white);
  font-size: 14px;
}
/* Overlay menu new */
.ovlnav-wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 20px 130px;
}
.ovl-logo {
    flex-grow: 1;
    padding: 0 30px 0 0;
    display: flex;
    justify-content: center;
}
.ovl-logo img {
    width: 100%;
    filter: grayscale(100%);
}
.ovl-menu {
    flex: 0 0 auto;
    width: 520px;
}
.ovl-menu .overlay-menu {
    align-items: flex-start;
    padding: 0 0 40px;
    font-size: 2.4rem;
}
.ovl-blockmenu {
    list-style: none;
    padding: 0;
    margin: 0 -15px;
    font-size: 1.5rem;
    display: flex;
    color: var(--white);
}
.ovl-blockmenu > li {
    flex: 0 0 auto;
    width: 50%;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.ovl-blockmenu > li:first-child > a:hover {
    text-decoration: none;
    color: var(--secondary-color);
}
.ovl-blockmenu  li a:hover,
.ovl-blockmenu  li a:focus {
  opacity: 1;
  color: var(--secondary-color);
}
.ovl-close {
    border: none;
    background: url('assets/images/ic-close-w.svg') center / 100% auto no-repeat;
    width: 48px;
    height: 48px;
    position: absolute;
    z-index: 5;
    right: 10px;
    top: 10px;
    text-indent: -99999px;
}

/*== Slick Carousel ==*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus { outline: none; }
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track::before, .slick-track::after { display: table; content: '';}
.slick-track::after{ clear: both;}
.slick-loading .slick-track { visibility: hidden; }
.slick-slide{ display: none;float: left;height: 100%;min-height: 1px; outline: none; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img{ display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-arrow { border: none; padding: 0; margin: 0; position: absolute; z-index: 2; top: 50%; left: 0; transform: translateY(-50%); width: 48px; height: 48px; text-indent: -9999px;
}
.slick-arrow.slick-prev { left: 0; }
.slick-next { left: auto; right: 0; }
.slick-arrow.slick-disabled { opacity: 0.4; cursor: default; user-select: none; }
.slick-dots { list-style: none; margin: 0; padding: 40px 0 0; display: flex; align-items: center; justify-content: center; }
.slick-dots > li { padding: 0 6px; }
.slick-dots > li > button { border: none; padding: 0; width: 15px; height: 15px; border-radius: 50%; background: var(--white); text-indent: -99999px; }
.slick-dots > li.slick-active > button { background: #f00; }

/*== SITE HEADER ==*/
#masthead {
    position: fixed;
    z-index: 5000;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 1.0);
    transition: all .3s ease-in-out;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.admin-bar #masthead {
    top: 30px;
}
#masthead .container {
    max-width: 1900px;
}
#content {
    padding: 85px 0 0;
}
.admin-bar #content {
    padding: 52px 0 0;
}
.hmain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px;
    transition: all .3s ease-in-out;
    background: var(--white);
}
.sticky .hmain {
    padding: 12px 20px;
}
.hmain::after { display: none; }
.brand {
    width: auto;
    flex-shrink: 0;
}
.hside {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.btn-menu {
    width: 25px;
    height: 20px;
    border: none;
    background: none;
    position: relative;
}
.btn-menu .icon-bar {
 height: 2px;
 width: 30px;
 position: absolute;
 left: 0;
 top: 0;
 display: block;
 -webkit-transition: .5s; /* Safari 3.1 to 6.0 */
 transition: .5s;
 background: var(--primary-color);
 width: 100%;
}
.btn-menu .icon-bar + .icon-bar {
 top: 8px;
 margin: 0;
}
.btn-menu .icon-bar + .icon-bar + .icon-bar {
 top: 16px;
}

#navmain {
    padding: 0 35px 0;
}
.navmenu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    font-size: var(--menu-regular-size); 
    text-transform: uppercase;
}
.navmenu > li {
    padding: 0 0 0 15px;
}
.navmenu > li.nav-btn { padding: 0 0 0 30px; }
.navmenu > li > a {
    /*font-family: var(--secondary-font);font-size: 1.3rem;letter-spacing: 2.6px;*/
    font-family: var(--menu-regular-font);
    font-size: var(--menu-regular-size); 
    font-style: var(--menu-regular-style); 
    font-weight: var(--menu-regular-weight);
    line-height: var(--menu-regular-line-height);
    letter-spacing: var(--menu-regular-letter-spacing);
    display: block;
    padding: 10px 20px;    
    text-transform: uppercase;    
    position: relative;
    z-index: 0;
}
.navmenu > li > a::before, .navmenu > li > a::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    border: 1px solid var(--secondary-color);
    transition: all .2s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.navmenu > li > a::before {
    width: 100%;
    height: calc(100% - 10px);
    top: 5px;
    left: 0;
}
.navmenu > li > a::after {
    width: calc(100% - 10px);
    height: 100%;
    left: 5px;
    top: 0;
}
.navmenu > li:hover > a::before, 
.navmenu > li:hover > a::after, 
.navmenu > li.current-menu-item > a::before, 
.navmenu > li.current-menu-item > a::after,
.navmenu > li.current-menu-parent > a::before, 
.navmenu > li.current-menu-parent > a::after
{   
    opacity: 1;
    visibility: visible;
}

.navmenu > li.nav-btn > a {
    background: var(--primary-color);
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    color: var(--white);
    border-radius: 2px;
    letter-spacing: 1.95px;
    border: 1px solid var(--primary-color);
}
.navmenu > li.nav-btn > a:hover {
    background-color: var(--white);
    border-color: var(--secondary-color);
    color: var(--primary-color);
}
.navmenu > li.nav-btn > a::before, .navmenu > li.nav-btn > a::after { display: none; }
.sub-menu-wrap {
    visibility: hidden;
    opacity: 0;
    background: var(--white);
    width: calc(100% + 20px);
    position: absolute;
    z-index: 1000;
    left: -10px;
    top: 120%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2) inset;
    transition: all .4s ease-in-out;
    height: auto;
    max-height: 0;
    overflow: hidden;
}
.navmenu > li:hover > .sub-menu-wrap, .sub-menu-wrap.active {
    visibility: visible;
    opacity: 1;
    top: 100%;
    overflow: visible;
    max-height: 5000px;
}
.hamburg_menu_disabled_pages .navmenu > li.nav-btn > a {
    font-size: 14px;
}
.sub-menu-wrap::before {
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    background: var(--white);
    top: 10%;
    left: 0;
    position: absolute;
    z-index: 1;
}
.sub-menu-wrap::after {
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    background: var(--white);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 0;
}
.sub-menu-row {
    display: flex;
    width: 100%;
    max-width: 1100px;
    padding: 70px 0;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    list-style: none;
}
.sub-menu-grid {
    flex-grow: 1;
    display: flex;
    margin: 0 -5px;
    list-style: none;
}
.sub-menu-grid > li {
    width: 25%;
    flex: 0 0 auto;
    padding: 0 5px;
}
.sub-menu-grid > li > a {
    display: block;
    min-height: 280px;
    width: 100%;
    position: relative;
    z-index: 0;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.sub-menu-grid > li > a > span {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--hover-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    padding: 15px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
}
.sub-menu-grid > li > a:hover > span, .sub-menu-grid > li.active > a > span {
    visibility: visible;
    opacity: 1;
}
.sub-menu-row > ul.sub-menu {
    flex: 0 0 auto;
    width: 240px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 5;
    transition: all .4s ease-in-out;
}
.sticky .sub-menu-row > ul.sub-menu {
    margin: 20px auto;
}
.sub-menu-row > ul.sub-menu > li {
    width: 240px;
}
.sub-menu-row > ul.sub-menu > li > a {
    display: block;
    padding: 5px 0;
    font-weight: 400;
}
.sub-menu-row > ul.sub-menu > li:hover > a, .sub-menu-row > ul.sub-menu > li.active > a {
    color: var(--secondary-color);
}
.sub-menu-row > ul.sub-menu > li > ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: calc(100% - 240px);
    height: 100%;
    top: 0;
    left: 240px;
    padding: 0;
    display: none;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    transition: all .4s ease-in-out;
    background: var(--white);
}
.sub-menu-row > ul.sub-menu > li:hover > ul, .sub-menu-row > ul.sub-menu > li > ul.active {
    opacity: 1;
    visibility: visible;
}
.sub-menu-row > ul.sub-menu > li > ul > li {
    width: 25%;
    flex: 0 0 auto;
    padding: 0 5px;
}
.sub-menu-row > ul.sub-menu > li > ul > li > a {
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
}
.sub-menu-row > ul.sub-menu > li > ul > li > a:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.27);
}
.sub-menu-row > ul.sub-menu > li > ul > li > a > span {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--hover-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    padding: 15px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
}
.sub-menu-row > ul.sub-menu > li > ul > li > a:hover > span {
    visibility: visible;
    opacity: 1;
}


/*== SITE FOOTER ==*/
#colophon {
    background: var(--primary-color);
    color: var(--white);
    padding: 110px 0 80px;
}
.fgroup {
    display: flex;
    justify-content: space-between;
}
.fmenu {
    width: 100%;
    max-width: 250px;
    line-height: 1.75;
}
.fmenu h4, .fmenu h5, .fmenu h6 {
    font-family: var(--secondary-font)!important;
    font-weight: 500;
    border-bottom: 1px solid var(--white);
    padding: 0 0 15px;
    text-transform: uppercase;
    margin: 0 0 15px;
    color: var(--accent-color);
}
.fmenu ul {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}
#colophon a:hover, #colophon a:active, #colophon a:focus {
    color: var(--secondary-color);
}
address a {
    text-decoration: underline;
}
.ic-disb {
    display: inline-block;
    width: 23px;
    height: 27px;
    text-indent: -99999px;
    background: url('assets/images/ic-disabled.png') center no-repeat;
}
.ic-eho {
    display: inline-block;
    width: 28px;
    height: 27px;
    text-indent: -99999px;
    background: url('assets/images/ic-eho.png') center no-repeat;
}
.foot-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0 0;
}
.credits {
    display: flex;
    justify-content: flex-start;
    text-transform: uppercase;
    font-size: 1.3rem;
}
.fconnect {
    margin: 1em 0 1em 1em;
}
.fconnect img { height: 22px; }
#colophon .home-link img {
    width: auto;
    min-width: 100px;
    max-width: 100%;
}
.ic-social {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: center / auto 24px no-repeat;
    text-indent: -99999px;
    margin-right: 10px;
}
.ic-fbn {
	display: inline-block;
	width: 24px;
	height: 30px;
	background: url() center / auto 24px no-repeat;
	text-indent: -99999px;
	margin-right: 10px;
}
.ic-ign {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url() center / auto 30px no-repeat;
	text-indent: -99999px;
	margin-right: 10px;
}
/*== SITE HOME ==*/
#banner {
    overflow: hidden;
    max-width: 100vw;
    position: relative;
    z-index: 5;
}
.bnr-slider .slick-slide { overflow: hidden; }
.bnr-home {
    background: center / cover no-repeat;
    min-height: calc(100vh - 170px);
    position: relative;
    z-index: 0;
    margin: 0 0 85px;
}
.bnr-content {
    background: var(--primary-color);
    width: 1570px;
    max-width: 75%;
    padding: 30px 0 30px 20px;
    color: var(--white);
    position: absolute;
    z-index: 10;
    right: 340px;
    bottom: 0;
    transform: none;
    font-size: 2.6rem;
}
.bnr-content::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    width: 100vw;
    height: 100%;
    top: 0;
    right: 50%;
    background: var(--primary-color);
    padding-right: 380px;
}
.bnr-txt {
    position: relative;
    z-index: 5;
    width: auto;
}
.bnr-txt p { margin-top: 20px; }
.bnr-content .link-btn, .bnr-content .btn-link {
    position: absolute;
    z-index: 0;
    right: 100px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 15px;
}
.bnr-content h1, .bnr-content h2, .bnr-content h3 {
    /*font-size: 8rem;
    font-weight: 300;*/
    color: var(--accent-color);
    padding: 0;
}
.bnr-content em {
    font-style: italic;
}
#featured {
    padding: 150px 0;
}
.feat-txt .link-btn, .feat-txt .btn-link {
    margin: 0 30px 30px 0;
}
.slick-prev {
    background: var(--white) url('assets/images/ic-prev.svg') center / 30px auto no-repeat;
}
.slick-next {
    background: var(--white) url('assets/images/ic-next.svg') center / 30px auto no-repeat;
}
.bnr-slider .slick-arrow {
    width: 90px;
    height: 50px;
    top: auto;
    bottom: 85px;
    transform: none;
    background-color: var(--white);
}
.bnr-slider .slick-prev {
    background: var(--white) url('assets/images/ic-prev.svg') right 10px center / 54px auto no-repeat;
    left: auto;
    right: 170px;
}
.bnr-slider .slick-next {
    background: var(--white) url('assets/images/ic-next.svg') left 10px center / 54px auto no-repeat;
    left: auto;
    right: 80px;
}
section .maxwrap {
    max-width: 1292px;
    margin: 0 auto;
}
/*
.catg-tagline {
    font-size: 3.2rem;
    color: var(--primary-color);
    font-family: var(--primary-font);
    font-style: italic;
}
.col-title {
    font-size: var(--h2-size); 
    font-weight: var(--h2-weight);
    line-height: var(--h2-line-height);
    letter-spacing: var(--h2-letter-spacing);;
}
#featured .col-title {
    max-width: 470px;
}
.col-title::after {
    content: '';
    display: block;
    width: 80px;
    height: 2px;
    background: var(--secondary-color);
    margin: 25px 0;
}
*/
.feature-tagline em{
    color: var(--primary-color) !important;
    font-weight: 300!important;
}
.feature-tagline h2,.feature-tagline h4{
    max-width: 470px;
}
.feature-tagline h2::after {
    content: '';
    display: block;
    width: 80px;
    height: 2px;
    background: var(--secondary-color);
    margin: 25px 0;
}

.feat-txt {
    padding: 50px 0 0;
    position: relative;
    z-index: 0;
}
.wmark-img {
    padding-left: 16%;
    padding-bottom: 20px;
    margin-top: -22%;
}
.wmark-img img { max-width: 160%; }
.feat-txt::before {
    content: '';
    display: none;
    position: absolute;
    z-index: 0;
    top: -90px;
    left: 110px;
    width: 837px;
    height: 123px;
    background: url('assets/images/watermark.svg') left top / 100% auto no-repeat;
}
.feat-txt p {
    padding: 0 0 40px;
}
.sec-gallery {
    background: center / cover no-repeat;
    position: relative;
    z-index: 5;
    color: var(--white);
}
.sec-gallery::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.35);
    opacity: 0.65;
}
.sec-gallery .button {
    margin-bottom: 15px;
}
.sec-gallery ..link-btn-normal {
    max-height: 65px;
}
.gallery-frame {
    height: calc(100vh - 45px);
    max-height: 1100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 120px;
    text-align: center;
    position: relative;
    z-index: 5;
}
.gallery-frame::before, .gallery-frame::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    border: 1px solid var(--white);
    transition: all .2s ease-in-out;
}
.gallery-frame::before {
    width: calc(100% - 150px);
    height: calc(100% - 190px);
    left: 75px;
    top: 95px;
}
.gallery-frame::after {
    width: calc(100% - 190px);
    height: calc(100% - 150px);
    left: 95px;
    top: 75px;
}
.gf-content {
    position: relative;
    z-index: 20;
    color: var(--white)!important;
}
.gf-content .catg-tagline {
    color: var(--white);
    padding: 0 0 20px;
    display: block;
}
.grid-title {
   /* font-size: var(--h2-size);     
    font-weight: 300;*/
    color: var(--white);
}
.gf-action {
    padding: 40px 0 0;
    margin: 0;
}
.link-btn-normal {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 250px;
    min-height: 75px;
    font-size: 1.4rem;
    color: var(--primary-text-color);
    text-transform: uppercase;
    padding: 0 15px;
    position: relative;
    z-index: 0;
    letter-spacing: 3.64px;
    border: 1px solid var(--secondary-color);
}
.link-btn-normal:hover {
    color: var(--white);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.link-btn-normal.t-w {
    background-color: var(--primary-color);
    color: var(--white);
    border-color: var(--primary-color);
}
.link-btn-normal.t-w:hover {
    background-color: var(--white);
    border-color: var(--secondary-color);
    color: var(--primary-color);
}
.gallery-slider {
    max-width: 1720px;
    margin: 120px auto 0;
}
.gallery-slider .slick-slide {
    padding: 0 7px;
}
.img-block {
    display: block;
    width: 100%;
    max-width: 410px;
    margin: 0 auto;
}
.img-thumb {
    display: block;
    width: 100%;
    padding-top: 133.5%;
    position: relative;
    z-index: 0;
    margin: 0 0 20px;
}
.img-thumb {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.img-title {
    text-transform: uppercase;
    font-style: normal;
}
.view-txt {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    color: var(--white);
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: var(--hover-color);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-in-out;
}
.img-block:hover .view-txt {
    visibility: visible;
    opacity: 1;
}
.img-block:hover .img-title {
    color: var(--secondary-color);
}
.gallery-slider .slick-prev {
    left: 6px;
    margin-top: -25px;
}
.gallery-slider .slick-next {
    right: 6px;
    margin-top: -25px;
}
.grid-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(100px, auto);
    gap: 40px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.grid-block > li {
    overflow: hidden;
}
.grid-block > li:nth-child(6n+1),
.grid-block > li:nth-child(6n+5) {
    grid-row: span 2;
}
.img-grid {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 480px;
    background: center / cover no-repeat;
    position: relative;
    z-index: 0;
    transition: all 0.8s ease-in-out;
}
.grid-block > li:hover .img-grid {
    transform: scale(1.1);
}
.ig-overlay {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-size: var(--h2-size); 
    font-weight: var(--h2-weight);
    line-height: var(--h2-line-height);
    letter-spacing: var(--h2-letter-spacing);
    font-family: var(--h2-font);
    text-align: center;
    padding: 20px;
}
.ig-overlay em {
    font-size: 3.2rem;
    display: block;
}
#connect .layer {
    padding: 120px 0 0;
}
.cnct-wrap {
    color: var(--white);
    max-width: 730px;
    margin: 0 auto;
    text-align: center;
    font-size: 2.6rem;
}
.cnct-wrap h1, .cnct-wrap h2, .cnct-wrap h3, .cnct-wrap h4 {
    font-size: 8rem;
    font-weight: 300;
    padding: 0 0 0.2em;
    color: var(--white)!important;
}
.cnct-wrap p {
    padding: 0 15px;
}
.wide-label {
    overflow-x: hidden;
    background: var(--secondary-color);
    color: var(--white);
    font-size: 3rem;
    font-weight: 300;
    padding: 28px 0;
    margin: 120px 0 0;
    text-transform: uppercase;
    position: relative;
    width: 100vw;
    max-width: 100%;
}
.scrlabel {
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
}
.scrlabel::after {
    content: '|';
    display: inline-block;
    margin: 0 5px;
}
.sec-action {
    padding: 50px 0 0;
}
#connect .sec-action .link-btn,  #connect .sec-action .btn-link {
    margin: 0 auto 20px;
}
.cont-block {
    margin: 0 auto 90px;
    max-width: 1336px;
    padding: 120px 20px 60px;
    display: flex;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.cont-col {
    flex: 0 0 auto;
    width: 50%;
    padding: 0 20px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}
.cont-txt {
    max-width: 510px;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 5;
}
.cont-txt .col-title {
    padding: 0 0 1px;
}
.cont-form {
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
}
.cont-img {
    margin: 0 0 0 -50%;
    position: relative;
    z-index: 0;
    transform: translateY(22%);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.cont-img img {
    position: relative;
    z-index: 1;
}
.cont-img::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 40px;
    left: 35px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background: url('assets/images/thumb-shade.webp') center / cover no-repeat;
}
.container.minwrap {
    max-width: 670px;
}
.sec-intro {
    padding: 100px 0 80px;
    text-align: center;
}
.sec-title {
    text-align: center;
    /*font-size: var(--h2-size); 
    font-weight: 300;*/
    margin: 0 0 1em;
    padding: 0;
}
.sec-title::after {
    content: '';
    display: block;
    width: 80px;
    height: 2px;
    background: var(--secondary-color);
    margin: 30px auto 0;
}
.block-title {
    /*font-size: var(--h2-size); 
    font-weight: 300;
    color: var(--secondary-color);*/
    padding: 0;
    margin: 0 0 0.8em;
}
.block-title::after {
    content: '';
    display: block;
    width: 80px;
    height: 2px;
    background: var(--secondary-color);
    margin: 25px 0 0;
}
.bnrbox {
    position: relative;
    z-index: 0;
    background: center / cover no-repeat;
	/*max-height: 20vw;
	overflow: hidden;*/
}
#ibanner .bnrbox{
    max-height: 20vw;
    overflow: hidden;
}
.bnrbox::before, .bnrbox::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    width: calc(100% - 200px);
    height: calc(100% - 100px);
    left: 100px;
    bottom: 0;
    border: 1px solid #F4F1E9;
    border-bottom: none;
}
.bnrbox::before {
    width: calc(100% - 200px);
    height: calc(100% - 75px);
    left: 100px;
}
.bnrbox::after {
    width: calc(100% - 250px);
    height: calc(100% - 50px);
    left: 125px;
}
.bnrbox img {
    width: 100%;
}
.bnr-block img {
    width: 100%;
}
.featlist {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    color: var(--primary-text-color);
    text-transform: uppercase;
    font-size: 1.6rem;
}
.featlist > li {
    width: 50%;
    flex: 0 0 auto;
    max-width: 380px;
    padding: 26px 0;
    border-bottom: 1px solid #DADFDE;
    display: flex;
    align-items: center;
}
.ic-photo {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url('assets/images/ic-ph.png') center no-repeat;
    text-indent: -99999px;
    margin: 0 0 0 10px;
}
.glry-grid .row {
    position: relative;
    z-index: 5;
}
.bnrbox.fx-frame::before {
    height: calc(100% - 175px);
    border-bottom: 1px solid #F4F1E9;
    bottom: 50px;
}
.bnrbox.fx-frame::after {
    height: calc(100% - 125px);
    border-bottom: 1px solid #F4F1E9;
    bottom: 25px;
}
.sec-features.fx-frame {
    margin-bottom: 200px;
}
.pos-rel {
    position: relative;
    z-index: 5;
}
.glry-card {
    margin: -120px 0 120px;
}
.glry-card > a {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    height: auto;
    aspect-ratio: 1/1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--primary-font);
    font-size: 3.2rem;
    font-style: italic;
    color: var(--white);
    background: center / cover no-repeat;
    padding: 15px;
    text-align: center;
}
.glry-card > a:hover {
    color: var(--white);
}
.mw-13 {
    max-width: 1376px;
}
.mt120 {
    margin-top: 120px;
}
.sec-features {
    background: center / cover no-repeat;
}
.sec-features .container {
    max-width: 1540px;
}
.sec-gallery-full {
    padding: 40px 0 80px;
}
.sec-gallery-full .grid-block {
    margin-bottom: 40px;
}
.loc-tab {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--primary-color);
}
.loc-tab > li {
    width: 33.3333%;
    flex: 0 0 auto;
    border-right: 1px solid #F4F1E9;
}
.loc-tab > li:last-child {
    border: none;
}
.loc-tab > li.active {
    background-color: var(--secondary-color);
}
.loc-tab > li > button {
    width: 100%;
    height: 83px;
    color: #F4F1E9;
    border: none;
    padding: 0;
    text-align: center;
    background-color: transparent;
    font-size: 2.6rem;
}
.loc-tab > li.active > button {
    color: var(--white);
}
.t-c {
    text-align: center;
}
.featlist.t-c > li {
    justify-content: center;
}
.featlist.c3 {
    max-width: 1330px;
}
.featlist.c3 > li {
    width: 33.3333%;
}
.mxw-520 {
    max-width: 100%;
}
.sec-locate .cont-block {
    padding: 60px 20px 60px;
}
.sec-locate .cont-img {
    transform: none;
    margin: 20px 0 40px -50%;
}
.mw-12 {
    max-width: 1280px;
}
.wscore {
    color: var(--secondary-color);
}
.wscore p {
    display: flex;
    align-items: center;
    line-height: 1;
}
.wscore p > strong {
    font-size: 9rem;
    font-family: var(--primary-font);
    font-weight: 300;
    display: inline-block;
    padding: 0 40px 20px 0;
}
.col-action {
    padding-top: 80px;
}
.link-text {
    color: var(--secondary-color);
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    /*background: url('assets/images/ic-arw-r.svg') right center / 54px auto no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='54' height='14' viewBox='0 0 54 14'%3e%3cdefs%3e%3cclipPath id='clip-path'%3e%3crect id='Button_SVG_Frame_Clip_Content_Mask_' data-name='Button → SVG [Frame Clip Content Mask]' width='54' height='14' transform='translate(1722 4880.11)' fill='none'/%3e%3c/clipPath%3e%3c/defs%3e%3cg id='Group_3544' data-name='Group 3544' transform='translate(-922.5 -593.61)'%3e%3cg id='Group_3495' data-name='Group 3495'%3e%3cg id='Button_SVG_Clip_Content_' data-name='Button → SVG (Clip Content)' transform='translate(-799.5 -4286.5)' clip-path='url(%23clip-path)'%3e%3cpath id='Combined-Shape' d='M7.153,0l.691-.689-5.979-6H53.706V-7.66H1.865l5.979-6-.691-.689L.343-7.517,0-7.172l.343.344Z' transform='translate(1775.854 4879.765) rotate(180)' fill='%23ff0000'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;*/
    padding: 0 70px 0 0;
    display: inline-block;
}
.link-text svg{
    margin-left: 10px;
}
.link-text svg path{
    fill: var(--secondary-color);
}
.link-text:hover svg path{
    fill: initial;
}

/*Floorplan Tab Start*/

.sec-floorplan-full {
    padding: 40px 0 120px;
}

.nav-tabs-outer{
  overflow-x:scroll;
  margin: 20px;
}
.nav-tabs-outer > ul > li{
  display: block;
  width: 33.33%;
} 
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav-tabs>li>a.active, .nav-tabs>li>a.active>a:focus, .nav-tabs>li>a.active>a:hover {
    color: var(--primary-text-color);
    cursor: default;
    background-color: var(--white);
    border: 1px solid var(--secondary-color);
    border-bottom-color: transparent;
}
.nav>li.active {
    color: var(--secondary-color);
}
.tab-content {
  background: var(--white);
  margin-top: 100px;
  text-align: center;
}
.tab-content>.active {
    display: block;
}
.tab-content img {
  padding: 15px;
  float: left;
}
/* .tab-content p {
  height: 180px;
  font-size: 18px;
  letter-spacing: 2px;
  display: flex;
  align-items: center;
} */
.tab-pane::after {
  content: "";
  display: block;
  clear: both;
}
.single-floorplans-container-outer{
    margin-top:125px !important;
}
.single-floorplans-container-outer h1{
    color: var(--base-2);
}
/*Floorplan Tab End*/

/*Text banner start*/
.text-banner-outer {
    padding: 80px 0 100px;
}
.text-banner-wrap {
    color: var(--primary-text-color);
    max-width: 730px;
    margin: 0 auto;
    text-align: center;
}
.text-banner-wrap h1, .text-banner-wrap h2, .text-banner-wrap h3, .text-banner-wrap h4 {
    /*font-size: var(--h2-size); 
    font-weight: var(--h2-weight);*/
    padding: 0 0 0.2em;
}
.text-banner-wrap p {
    padding: 0 15px;
}
.form-full { text-align: left; }
/* Text banner end*/
/*pet policy start*/
.module-pet-policy {
    padding: 10px 0 40px;
    color: var(--primary-text-color);
    max-width: 730px;
    margin: 50px auto;
    text-align: center;
}
/*pet policy end*/
.cont-form .gfield .gfield_label {
    text-transform: uppercase!important;
    font-size: 1.4rem!important;
    color: var(--primary-text-color) !important;
    margin: 0!important;
    font-weight: 400!important;
}
.cont-form .ginput_container input {
    width: 100%!important;
    border: none!important;
    border-bottom: 1px solid #DADFDE!important;
    border-radius: 0!important;
    box-shadow: none!important;
    font-size: 1.4rem!important;
    color: var(--primary-text-color) !important;
    padding: 0!important;
}
.cont-form .gform-theme--foundation .gform_fields {
    display: block!important;
}
.cont-form .gform-theme--foundation .gfield {
    padding: 0 0 30px 0!important;
}
.cont-form .ginput_container_checkbox {
    padding: 25px 0 0;
}
.cont-form .gfield--type-choice legend.gform-field-label {
    font-weight: 600!important;
}
.cont-form .ginput_container_checkbox .gfield-choice-input {
    border: 1px solid var(--secondary-color) !important;
}
.cont-form .gfield_checkbox .gchoice {
    padding: 0 0 15px 0!important;
}
.cont-form .gfield_checkbox .gchoice label {
    text-transform: uppercase!important;
}
.cont-form .gform-theme--foundation .gfield.gfield--type-checkbox {
    padding-bottom: 10px!important;
}
/*
.cont-form .gform_button {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    min-width: 250px!important;
    min-height: 75px!important;
    font-size: 1.4rem!important;
    font-weight: 400!important;
    color: var(--primary-text-color)!important;
    text-transform: uppercase!important;
    padding: 0 15px!important;
    position: relative!important;
    z-index: 0!important;
    letter-spacing: 3.64px!important;
    box-shadow: none!important;
    background: url('assets/images/btn-bg.svg') center / 100% auto no-repeat!important;
}
.cont-form .gform_button:hover, .cont-form .gform_button:focus, .cont-form .gform_button:active {
    background: url('assets/images/btn-bg.svg'), var(--primary-color) center / 100% auto no-repeat!important;
    color: var(--white) !important;
}
*/
/*Contact Form Button*/
.cont-form .gform_button {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    min-width: 250px!important;
    min-height: 75px!important;
    font-size: 1.4rem!important;
    font-weight: 400!important;
    color: var(--white)!important;
    text-transform: uppercase!important;
    padding: 0 15px!important;
    position: relative!important;
    z-index: 0!important;
    letter-spacing: 3.64px!important;
    box-shadow: none!important;   
    background: var(--primary-color)!important;
    border: 1px solid var(--primary-color)!important;
}



.cont-form .gform_button:hover, .cont-form .gform_button:focus, .cont-form .gform_button:active {
     background-color: var(--white)!important;
    border-color: var(--secondary-color)!important;
    color: var(--primary-color)!important;
}
/*Contact Form Button End*/


.loc-map ul.na-attractions-categories-wrap {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--accent-color);
    flex-wrap: wrap;
}
.loc-map ul.na-attractions-categories-wrap > li {
    width: 25%;
    flex: 0 0 auto;
    border-right: 1px solid var(--white);
    border-bottom: 1px solid var(--white);
}
.loc-map ul.na-attractions-categories-wrap > li:last-child {
    /*border: none;*/
}
.loc-map ul.na-attractions-categories-wrap button {
    width: 100%;
    height: 83px;
    color: var(--white);
    border: none;
    padding: 0;
    text-align: center;
    background-color: transparent;
    font-size: 2.6rem;
}
.loc-map ul.na-attractions-categories-wrap > li button.active {
    background-color: var(--secondary-color);
    color: var(--white);
}
.gform_fields .ginput_container input {
    width: 100%!important;
    border: none!important;
    border-bottom: 1px solid #DADFDE!important;
    border-radius: 0!important;
    box-shadow: none!important;
    font-size: 1.4rem!important;
    color: var(--primary-text-color) !important;
    padding: 0!important;
}
.gform_fields .ginput_container textarea {
    border: 1px solid #DADFDE!important
}
.gform_button, .gform_next_button {
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    min-width: 130px!important;
    min-height: 42px!important;
    font-size: 1.4rem!important;
    font-weight: 400!important;
    color: var(--white)!important;
    text-transform: uppercase!important;
    padding: 0 15px!important;
    position: relative!important;
    z-index: 0!important;
    letter-spacing: 3.64px!important;
    box-shadow: none!important;
    /* background: url('assets/images/btn-bg.svg') center / 100% auto no-repeat!important; */
    background: var(--primary-color)!important;
}
.stpfmbox .gform_button, .stpfmbox .gform_next_button {
    min-width: 200px!important;
    min-height: 65px!important;
}

.gform_button:hover, .gform_button:focus, .gform_button:active {
   /* background: url('assets/images/btn-hover.svg') center / 100% auto no-repeat!important;*/
    color: var(--white)!important;
}
.gform_previous_button {
    min-width: 130px!important;
    min-height: 42px!important;
    font-size: 1.4rem!important;
    font-weight: 400!important;
    border: 1px solid var(--primary-color);
}
.celler {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.stpfmbox {
    background: #f5f5f5;
    padding: 40px;
    width: 100%;
    max-width: 550px;
}
.sph-bg {
    background: center / cover no-repeat;
}
.clrside {
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}
.stpf-txt {
    padding: 0 20px;
}
.stpfmbox label { font-size: inherit!important; }
.gfield_required{
    display: none !important;
}
.module-pet-policy h1, .module-pet-policy h2, .module-pet-policy h3, .module-pet-policy h4, .module-pet-policy h5, .module-pet-policy h6 {
    font-weight: 400;
}
.bnr-form {
    width: 494px;
    padding: 45px 70px 45px;
    position: absolute;
    z-index: 600;
    right: 7%;
    bottom: 85px;
    background: var(--white);
}
.bnr-form input[type="checkbox"] {
    border: 1px solid #ccc!important;
}
.gform-theme--framework .gf_progressbar .percentbar_blue{
    background: var(--secondary-color) !important;
}
#connect .layer{
    background-color: var(--background-color); 
    top: 0;
    left: 0;  
}
.sec-features .layer{
    background-color: var(--background-color); 
}
.shortcode_section h2,.shortcode_section h3,.shortcode_section h4,.shortcode_section h5,.shortcode_section h6{
    padding: 0 0 0.2em;
  }
.ptsr-row{
    margin: 0px;
    padding-top: 40px;
}
/*Video Banner start*/
.video-outer {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 90px) !important;
}
.video-outer video{
    top: 0;
    left: 0;
    width: 100%;  
    height: 100%;      
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}
.video-outer .color-overlay {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: #000;
    opacity: .3;
}
.video-outer video{
   object-fit: cover !important;
}
/*Video Banner end*/
/*== RESPONSIVE ==*/
@media only screen and (max-height: 950px) {
    .overlay-menu li a {
        font-size: 36px;
        line-height: 1.2;
    }
}
@media only screen and (max-width: 1800px) {
    .container {
        max-width: 94%;
    }
    .sec-wide {
        padding: 100px 0;
    }
    .bnr-content {
        padding: 20px 0 30px 20px;
        font-size: 2.1rem;
        right: 260px;
    }
    .bnr-content h1, .bnr-content h2, .bnr-content h3 {
        font-size: 6rem;
    }
    .bnr-content p {
        margin: 0;
    }
    .link-btn {
        min-height: 60px;
        min-width: 200px;
        font-size: 1.3rem;
    }
    .btn-link {
        min-height: 54px;
        min-width: 220px;
        font-size: 1.3rem;
    }
    .bnr-content .link-btn, .bnr-content .btn-link {
        right: 50px;
        margin-top: 10px;
    }
    .bnr-slider .slick-arrow {
        bottom: 85px;
    }
    .bnr-slider .slick-next {
        right: 0;
    }
    .bnr-slider .slick-prev {
        right: 90px;
    }
    #navmain {
        padding: 0 25px 0;
    }
    .navmenu > li {
        padding: 0 0 0 10px;
    }
    .navmenu > li > a {
        padding: 10px 15px;
        font-size: 1.2rem;
    }
    .feat-txt::before {
        left: 0;
        width: 100%;
        height: 21%;
        top: -10%;
        background-size: auto 100%;
    }
    .col-title {
        font-size: 4.8rem;
    }
    #featured {
        padding: 120px 0 100px;
    }
    .gallery-slider {
        margin: 70px auto 0;
    }
    .gallery-frame {
        max-height: 700px;
    }
    .grid-title {
        font-size: 4.8rem;
    }
    .gallery-frame::before {
        width: calc(100% - 100px);
        height: calc(100% - 130px);
        left: 50px;
        top: 65px;
    }
    .gallery-frame::after {
        width: calc(100% - 130px);
        height: calc(100% - 100px);
        left: 65px;
        top: 50px;
    }
    .link-btn-normal {
        min-height: 60px;
        min-width: 220px;
        font-size: 1.3rem;
    }
    .gf-action {
        padding: 10px 0 0;
    }
    .catg-tagline {
        font-size: 2.8rem;
    }
    .gf-content .catg-tagline {
        padding: 0;
    }
    .col-title::after {
        margin: 25px 0 0;
    }
    .ig-overlay {
        font-size: 4.8rem;
    }
    #connect .layer {
        padding: 90px 0 0;
    }
    .cnct-wrap h1, .cnct-wrap h2, .cnct-wrap h3, .cnct-wrap h4 {
        font-size: 6rem;
    }
    .cnct-wrap {
        font-size: 2.1rem;
    }
    .sec-action {
        padding: 30px 0 0;
    }
    .wide-label {
        font-size: 2.1rem;
        padding: 20px 0;
        margin: 90px 0 0;
    }
    .cont-block {
        padding: 70px 20px 40px;
        margin-bottom: 0;
    }
    .cont-img {
        margin: 0 0 0 -12%;
    }
    .fgroup {
        margin: 0 -15px;
    }
    .fmenu {
        padding: 0 15px;
    }
    #colophon {
        padding: 70px 0 40px;
        font-size: 1.5rem;
    }
    .img-grid {
        min-height: 400px;
    }
    .sec-action.jc-se {
        max-width: 500px;
        margin: 0 auto;
    }
    .sec-features .container { max-width: 1320px; }
    .sec-intro { padding: 80px 0; }
    .sec-wide { padding: 80px 0; }
    .tab-content { margin-top: 40px; }
    .sec-locate .cont-block { margin-bottom: 70px; }
    .wmark-img { padding: 0;}
    .wmark-img img { max-width: 100%;}
    section .maxwrap { max-width: 1200px; }
    .ovlnav-wrap { padding: 20px 40px; }
    .ovl-logo img { max-width: 55%; }
}
@media only screen and (max-width: 1570px) {
    .bnr-content {
        padding: 20px 20px 30px 25%;
        right: 240px;
        max-width: 100%;
    }
    .bnr-content h1, .bnr-content h2, .bnr-content h3 {
        font-size: 5.6rem;
    }
    .grid-block {
        gap: 30px;
    }
    .fbrand {
        display: inline-block;
        width: 230px;
    }
    .img-grid {
        min-height: 360px;
    }
    .sec-intro { padding: 70px 0; }
    .sec-gallery-full { padding: 30px 0 50px; }
    .bnrbox::before {
        width: calc(100% - 80px);
        height: calc(100% - 60px);
        left: 40px;
    }
    .bnrbox::after {
        width: calc(100% - 120px);
        height: calc(100% - 40px);
        left: 60px;
    }
    .sec-features .container { max-width: 90%; }
    .glry-grid .row { margin-bottom: -50px; }
    .block-title { font-size: 5.2rem; }
    .container.minwrap { max-width: 750px; }
    .loc-map ul.na-attractions-categories-wrap button {
        font-size: 2rem;
        height: 70px;
    }
    .sec-locate .cont-block {
        max-width: 80%;
    }
    .sec-locate .cont-img {
        margin: 20px 0 40px -110px;
    }
    .wscore p > strong {
        font-size: 7rem;
    }
    .overlay-menu li a {
        font-size: 36px;
        line-height: 1.2;
    }
    .ovl-menu { width: 430px; }
    .ovl-blockmenu { justify-content: space-between; }
    .ovl-blockmenu > li { width: auto; }
    .bnr-form { bottom: 25%; }
}
@media only screen and (max-width: 1280px) {
    :root {
        font-size: 9px;
    }
    .container {
        max-width: 100%;
    }
    .navmenu > li > a {
        padding: 10px 10px;
    }
    .navmenu > li.nav-btn {
        padding: 0 0 0 10px;
    }
    .navmenu > li.nav-btn > a {
        padding: 10px 12px;
        letter-spacing: 1.5px;
    }
    .feat-txt::before {
        background-size: contain;
    }
    .bnr-home {
        margin: 0;
        min-height: calc(100vh - 85px);
    }
    .bnr-content {
        right: 0;
        padding: 15px 20px 25px 20px;
    }
    .bnr-content .link-btn, .bnr-content .btn-link {
        right: 10px;
    }
    .bnr-slider .slick-arrow {
        width: 70px;
        bottom: 137px;
    }
    .bnr-slider .slick-prev {
        right: 70px;
    }
    .grid-block {
        gap: 20px;
    }
    .img-grid {
        min-height: 300px;
    }
    .cont-img {
        transform: translateY(12%);
    }
    .cont-block {
        padding: 50px 20px 60px;
    }
    .sec-gallery-full { padding: 20px 0 40px; }
    .glry-card {
        margin: -80px 0 130px;
    }
    .mt120 { margin-top: 90px; }
    .sec-features.fx-frame { margin-bottom: 130px; }
    .overlay-menu li a { font-size: 30px; }
    .ovl-blockmenu { font-size: 1.4rem; }
    .bnr-form {
        padding: 40px;
        right: 40px;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
        margin-top: 30px;
    }
    .sub-menu-row {
        padding: 30px 20px;
    }
}
@media only screen and (max-width: 991px) {
    :root {
        font-size: 8px;
    }
    .sec-wide {
        padding: 70px 0;
    }
   /* #navmain {
        display: none;
    }*/
	.hamburg_menu_enabled_pages{
		display:none;
	}
    #content {
        padding: 58px 0 0;
    }
    .bnr-home {
        min-height: calc(100vh - 55px);
    }
    .bnr-content {
        text-align: center;
        padding: 20px 20px 30px;
        bottom: 0;
    }
    .bnr-content::before { display: none; }
    .bnr-content .link-btn, .bnr-content .btn-link {
        position: relative;
        transform: none;
        right: 0;
        margin-top: 30px;
    }
    .bnr-slider .slick-arrow {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
        margin-top: -100px;
    }
    .bnr-slider .slick-prev {
        right: auto;
        left: 0;
    }
    .link-btn, .link-btn-normal {
        min-height: 50px;
        min-width: 200px;
    }
    .btn-link {
        min-height: 44px;
        min-width: 200px;
    }
    #featured {
        padding: 60px 0 70px;
    }
    .feat-txt {
        padding: 0 0 30px;
    }
    .wmark-img { margin: 0;}
    .feat-txt::before {
        position: static;
        width: 100%;
        height: 60px;
        margin: 0 0 20px;
    }
    .gallery-frame {
        max-height: unset;
    }
    .ig-overlay {
        font-size: 3.6rem;
    }
    .ig-overlay em {
        font-size: 2.8rem;
    }
    #connect .layer {
        padding: 70px 0 0;
    }
    .wide-label {
        margin: 40px 0 0;
        padding: 10px 0;
    }
    .cont-block {
        padding: 30px 20px 40px;
    }
    .cont-block {
        flex-wrap: wrap;
    }
    .cont-col {
        width: 100%;
    }
    .cont-txt {
        max-width: 100%;
    }
    .cont-img {
        margin: 30px 0 70px;
        transform: none;
    }
    .cont-img::before {
        left: 20px;
        top: 20px;
    }
    .cont-form {
        max-width: 100%;
    }
    .fgroup {
        margin: 30px -15px;
    }
    #colophon {
        padding: 50px 0 30px;
    }
    #colophon {
        font-size: 1.8rem;
    }
    .img-grid {
        min-height: 200px;
    }
    .sec-title {
        margin: 0 0 0.7em;
    }
    .sec-intro { padding: 50px 0; }
    .sec-features .container { max-width: 89%; }
    .glry-card { margin: -50px 0 120px; }
    .sec-features.bnrbox.fx-frame::before {
        left: 20px;
        width: calc(100% - 40px);
        height: calc(100% - 150px);
        bottom: 20px;
    }
    .sec-features.bnrbox.fx-frame::after {
        left: 40px;
        width: calc(100% - 80px);
        height: calc(100% - 110px);
        bottom: 0;
    }
    .na-attractions-wrap {
        display: block;
    }
    .sec-locate .cont-img {
        margin: 0 auto 70px;
    }
    .sec-locate .cont-block {
        max-width: 100%;
        margin-bottom: 0;
    }
    .cont-txt {
        margin: 0 auto;
    }
    #featured .col-title { max-width: 100%; }
    .ovlnav-wrap {
        flex-direction: column;
        align-items: flex-start;
    }
    .ovl-logo {
        justify-content: flex-start;
        padding-bottom: 25px;
        margin-top: 10px;
        flex-grow: 0;
        max-width: calc(100% - 60px)!important;
        object-fit: contain;
    }
    .ovl-logo img {        
		max-height: 50px;
        width: auto;
        height: auto;
        object-fit: contain;
    }
    .ovl-menu { width: 100%; max-width: 450px; }
    .bnr-slider {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .bnr-form {
        margin: 150px auto 280px;
        position: relative;
        transform: none;
        left: 0;
        top: 0;
    }
    .bnr-slider .slick-list {
        height: 100%;
    }
    .bnr-slider .slick-track {
        height: 100%;
    }
    .bnr-home { height: 100%; }
    .admin-bar #masthead {
        top: 45px;
    }
    .btn-link, .btn-link::before, .link-btn, .link-btn::before, .link-btn::after {
        transition: none!important;
    }
}
@media only screen and (max-width: 767px) {
    .sec-wide {
        padding: 50px 0;
    }
    .bnr-content h1, .bnr-content h2, .bnr-content h3 {
        font-size: 5.5rem;
    }
    .maxwrap {
        padding: 0 15px;
    }
    .cnct-wrap h1, .cnct-wrap h2, .cnct-wrap h3, .cnct-wrap h4 {
        font-size: 5.5rem;
    }
    .col-title {
        font-size: 4.2rem;
    }
    .fgroup {
        flex-wrap: wrap;
    }
    .fmenu {
        max-width: 100%;
        margin: 20px 0;
    }
    .foot-info {
        padding: 0;
        flex-direction: column;
    }
    .bnr-slider .slick-arrow {
        width: 60px;
        background-size: 70% auto;
        height: 40px;
        background-color: rgba(255,255,255,0.9);
    }
    .img-grid {
        min-height: 150px;
    }
    .hmain {
        padding: 15px 20px;
    }
    #content { padding: 55px 0 0; }
    .bnrbox::before {
        width: calc(100% - 30px);
        height: calc(100% - 25px);
        left: 15px;
    }
    .bnrbox::after {
        width: calc(100% - 50px);
        height: calc(100% - 15px);
        left: 25px;
    }
    .sec-gallery-full .grid-block { margin-bottom: 0; }
    .grid-block > li:hover .img-grid {
        transform: scale(1);
    }
    .sec-features.bnrbox.fx-frame::before {
        left: 10px;
        width: calc(100% - 20px);
        height: calc(100% - 150px);
        bottom: 10px;
    }
    .sec-features.bnrbox.fx-frame::after {
        left: 20px;
        width: calc(100% - 40px);
        height: calc(100% - 130px);
        bottom: 0;
    }
    .featlist > li {
        width: 100%;
    }
    a.home-link {
        display: inline-block;
        width: auto;
    }
    .sec-features .container {
        max-width: 100%;
    }
    .glry-grid {
        padding: 0 25px;
    }
    .feat-txt .link-btn, .feat-txt .btn-link {
        margin: 0 auto 30px;
        max-width: 200px;
        display: flex;
        align-items: center;
    }
    .overlay-menu li a{
        font-size: 24px;
    }
    .ovl-blockmenu {
        flex-direction: column;
    }
    .ovl-blockmenu > li:first-child a {
        /*display: inline-block;*/
        margin-bottom: 20px;
    }
    .bnr-form {
        margin: 60px auto 220px;
    }
    #colophon { text-align: center;}
    #colophon a.home-link {
        margin: 0 auto;
    }
    .gallery-slider .slick-arrow {
        top: auto;
        margin-top: 0;
        bottom: 30px;
    }
}
@media only screen and (max-width: 639px) {
    .bnr-content h1, .bnr-content h2, .bnr-content h3 {
        font-size: 5rem;
        padding: 0 0 0.1em;
    }
    .bnr-content {
        font-size: 1.9rem;
        padding: 10px 20px 25px;
    }
    .bnr-content .link-btn, .bnr-content .btn-link {
        margin-top: 20px;
    }
    #featured {
        padding: 50px 0 60px;
    }
    .maxwrap {
        padding: 0;
    }
    .gallery-slider {
        margin: 0 -7px;
    }
    .gallery-frame {
        padding: 40px;
    }
    .gallery-frame::before {
        width: calc(100% - 30px);
        height: calc(100% - 50px);
        left: 15px;
        top: 25px;
    }
    .gallery-frame::after {
        width: calc(100% - 50px);
        height: calc(100% - 30px);
        left: 25px;
        top: 15px;
    }
    .grid-title, .cnct-wrap h1, .cnct-wrap h2, .cnct-wrap h3, .cnct-wrap h4 {
        font-size: 4.2rem;
    }
    .grid-block {
        display: block;
    }
    .grid-block > li {
        padding: 0 0 20px;
    }
    .grid-block > li:first-child .img-grid {
        padding-top: 58%;
    }
    #connect .layer {
        padding: 50px 0 0;
    }
    .sec-action {
        flex-direction: column;
    }
    .sec-action .link-btn, .sec-action .btn-link {
        margin: 0 auto 20px;
    }
    .cont-col {
        padding: 0;
    }
    .credits {
        flex-direction: column;
        text-align: center;
        padding-bottom: 30px;
    }
    .fconnect {
        margin: 1em 0;
    }
    .fbrand {
        width: 200px;
    }
    .img-grid {
        min-height: 200px;
    }
    .sec-title { font-size: 5rem; }
    .sec-title::after { margin: 20px auto 0; }
    .sec-intro { padding: 40px 0; }
    .nav-tabs-outer { margin: 0; }
    .nav>li>a { min-height: 50px; }
    .sec-floorplan-full { padding: 30px 0 70px; }
    .na-attractions { padding: 30px 10px!important; }
    .loc-map ul.na-attractions-categories-wrap > li {
        width: 50%;
    }
    .loc-map ul.na-attractions-categories-wrap button {
        font-size: 1.5rem;
        height: 55px;
        padding: 0 20px;
    }
    .ovl-close { width: 40px; height: 40px; }
    .bnr-form {
        width: 100%;
        max-width: 500px;
    }
    .bnr-form {
        padding: 40px 20px;
        width: 100%;
        max-width: calc(100% - 30px);
    }
	.brand {
		max-width: calc(100% - 60px)!important;
	}
}
@media only screen and (max-height: 370px) {
	
}
.mobile_banner{
    display: none;    
}
@media only screen and (max-width: 500px) {
	html p, body p{
		font-size:14px;
	}
    .mobile_banner{
        display: block; 
        min-height: 600px !important;       
    }
    body.home .bnr-slider{
        display:none;
        min-height: 600px !important; 
    }
	.bnr-home {
	  	height: 55%;
		min-height: calc(55vh - 55px);
	}
	.bnr-form {
		padding-top:5px !important;		
	}
    .bnr-content{
        /*position:inherit;*/
       /* min-height: 400px !important;*/
        /*padding-top: 25%;*/
        font-family: initial !important;
    }
    .bnr-content h2{
        animation: 1s fadeIn;
        animation-fill-mode: forwards;  
        /*visibility: hidden;*/
        font-size: 3rem;
        font-weight: 100;
        font-family: initial !important;
        font-family: initial !important;
    }
    .bnr-content p{
        animation: 1s fadeIn;
        animation-fill-mode: forwards;  
        /*visibility: hidden;*/
        font-family: initial !important;
    }
    #featured .maxwrap .row .col-lg-6 .catg-tagline {
        animation: 1s fadeIn;
        animation-fill-mode: forwards;  
        visibility: hidden;
    }
    #featured .maxwrap .row .col-lg-6 h2.col-title{
        animation: 1s fadeIn;
        animation-fill-mode: forwards;  
        visibility: hidden;
        font-size: 3rem;
        font-weight: 100;
        font-family: initial !important;
    }
    .feat-txt {
      padding: 0px 0 10px;
    }
    #featured .maxwrap .row .col-lg-6 .feat-txt p{
        font-family: initial !important;
		font-size:inherit;
        animation: 1s fadeIn;
        animation-fill-mode: forwards;  
        /*visibility: hidden;*/
    }
    .wmark-img{
        display: block;
    }
}
@keyframes fadeIn {
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}