/* Parscale Digital Style Sheet
-----------------------------------------------------------------------------

Developer: Parscale Digital
Email Address: info@gilesparscale.com
Website: 
Developer Website: http://www.parscale.com



/* Table of Contents
-----------------------------------------------------------------------------

1. CSS Reset
2. Base Typography
3. Base Classes
4. Structure
5. Pages
6. Modules

*/



/* 1. CSS Reset
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

div, section, article, main, aside, header, footer, dialog, figure, figcaption, hgroup {display: block;}
html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {font-family: 'Montserrat', sans-serif; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl {list-style: none;}

table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

img {border: 0; border-style: none;}

fieldset {border: 1px solid transparent;}
input[type=submit] {letter-spacing: .045em; cursor: pointer; -webkit-appearance: none; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
input[type=text], input[type=email], textarea {letter-spacing: .045em; font-weight: 400; border-radius: 0; -webkit-appearance: none;}
button {background: none; border: none; padding: 0; cursor: pointer; outline: inherit}
select {-webkit-appearance: none; -webkit-border-radius: 0px;}


/* 2. Base Typography
------------------------------------------------------------------------------*/

/* Headers  */
.title-large-1 {text-transform: uppercase; font-size: 3.75rem; line-height: 3.75rem; font-weight: 700}
.title-med-1 {text-transform: uppercase; font-size: 2rem; line-height: 2.25rem; font-weight: 700}
.title-med-2 {text-transform: uppercase; font-size: 1.875rem; line-height: 1.875rem; font-weight: 700; letter-spacing: .1em}
.title-med-3 {text-transform: uppercase; font-size: 2.25rem; line-height: 2.5rem; font-weight: 400; letter-spacing: .025em}
.title-med-4 {font-size: 1rem; line-height: 1.25rem; font-weight: 400; font-style: italic}
.title-med-5 {text-transform: uppercase; font-size: 1.5rem; line-height: 1.75rem; font-weight: 700}
.title-med-6 {text-transform: uppercase; font-size: 2.5rem; line-height: 3rem; font-weight: 400; letter-spacing: .15em}
.title-med-7 {font-size: 2.75rem; line-height: 3.125rem; font-weight: 700}
.title-med-8 {font-size: 20px; line-height: 24px; font-weight: 700}
.title-med-9 {text-transform: uppercase; font-size: 1.875rem; line-height: 2rem; font-weight: 700}
.title-med-10 {font-size: 4rem; line-height: 4.25rem; font-weight: 700}
.title-sm-1 {text-transform: uppercase; font-size: 16px; line-height: 16px; font-weight: 700; letter-spacing: .1em}
.title-sm-2 {text-transform: uppercase; font-size: 14px; line-height: 14px; font-weight: 700; letter-spacing: .1em}
.title-sm-1 span {font-weight: 500}
.title-sm-3 {font-weight: 400; text-transform: uppercase; font-size: 20px; line-height: 20px}
@media screen and (max-width: 600px){
  
}  
.p-med-1 {}

/* Paragraphs */
p {color: #000; font-weight: 400; font-size: 12px; line-height: 20px}

/* Links */
a {color: #dab35d; font-weight: 700; text-decoration: none; cursor: pointer; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
a:hover {color: #dab35d; text-decoration: none;}
a:active {}
a:focus, button:focus, input[type=submit]:focus {text-decoration: underline}

/* Other Type */
strong {font-weight: bold;}
hr {border: 0 #dab35d solid; border-top-width: 1px; clear: both; height: 0; margin: 25px 0}
ol {list-style: decimal;}
ul {list-style: disc;}

/* Google Web Font Smoothing */
html, body, p, a, h1, h2, h3, h4, h5, h6 {-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}

/* Colors 
gold #dab35d

*/

/* 3. Helper Classes
------------------------------------------------------------------------------*/

/* General Helpers */
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0}
.icon {display: block; text-indent: -9999px; background-size: 100%; background-repeat: no-repeat; text-indent: -9999px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.icon:hover {transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.full-bg {background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.full-bg.full-bg-left {background-position: center left}
.full-bg.full-bg-right {background-position: center right}
.full-bg.full-bg-top-right {background-position: top right}
.full-bg.full-bg-bottom {background-position: bottom center}
.left {float: left}
.right {float: right}
.centered {text-align: center}
.is-hidden {display: none !important;}
.body p {font-size: 12px; line-height: 20px}
.body img {display: block; max-width: 100%; height: auto !important}
.body h1, .body h2, .body h3, .body h4, .body h5, .body h6, .body p, .body a, .body ul, .body ol, .body img, .body blockquote, .body table, .body .btn {margin-bottom: 20px}
.body p .btn {margin-bottom: 0}
.body ul li, .body ol li {font-size: 14px; line-height: 20px; font-weight: 500; margin-left: 25px; margin-bottom: 10px}
.body.bg-black * {color: #fff}
.body.centered ul {column-count: 3; column-gap: 30px}
.body.centered ul li {margin-left: 20px; margin-bottom: 15px; text-align: left; font-size: 14px; line-height: 20px; font-weight: 400}
.body.centered img {margin: 0 auto}
.body h1, .body h2 {font-size: 20px; line-height: 24px; font-weight: 700}
.body h3 {font-size: 18px; line-height: 21px; font-weight: 400}
.body h4 {font-size: 18px; line-height: 21px; font-weight: 700; text-transform: uppercase; color: #dab35d}
.body h5 {font-size: 14px; line-height: 18px; text-transform: uppercase; letter-spacing: .2em; font-weight: 800}
.body h6 {font-size: 14px; line-height: 18px; text-transform: uppercase; letter-spacing: .2em; font-weight: 400}
.flex {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap}
.flex-align-center {-ms-flex-align-items: center; -webkit-align-items: center; align-items: center}
.flex-align-bottom {-ms-flex-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end}
.flex-align-top {-ms-flex-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start}
.flex-justify-center {-ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
.flex-justify-start {-ms-flex-justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start}
.flex-justify-end {-ms-flex-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end}
.flex-1 {-webkit-flex: 1; -ms-flex: 1; flex: 1}
.flex-flow-col {-webkit-flex-flow: column; flex-flow: column}  
.flex-reverse {-ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse}
.overflow-hidden {height: 100%; overflow: hidden}
.image-square:after {display: block; content: ''; width: 100%; padding-top: 100%}
.sixteen-nine:after {display: block; content: ''; width: 100%; padding-top: 56.25%}
::selection {background: #dab35d; color: #fff}
::-moz-selection {background: #dab35d; color: #fff}
.absolute-center {z-index: 5 !important; position: absolute !important; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%,-50%) !important; -moz-transform: translate(-50%,-50%) !important; -o-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important}
.bb {border-bottom: 1px solid #888}
@media screen and (max-width: 500px){
  .body.centered ul {column-count: 1; column-gap: 0}
  .body.centered ul li {display: block; text-align: center; margin-left: 0}
}
  
/* Specific Helpers */
.bg-black {background-color: #000}
.white {color: #fff}
.gold {color: #dab35d}

/* Buttons & Links */
.btn {white-space: nowrap; position: relative; font-weight: 500; display: inline-block; font-size: 12px; line-height: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; color: #dab35d; border: 1px solid #dab35d; padding: 8px 15px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.btn:hover, .btn:focus {background-color: #dab35d; color: #000}
.btn.white {color: #fff; border-color: #fff}
.btn.white:hover, .btn.white:focus {background-color: #fff; color: #000}
.btn.black {color: #000; border-color: #000}
.btn.black:hover, .btn.black:focus {background-color: #000; color: #fff}
.btn.btn-filled {background-color: #dab35d; color: #fff}
.btn.btn-filled:hover, .btn.btn-filled:focus {background-color: #000; color: #fff}
.arw-link {position: relative; text-transform: uppercase; color: #000; font-weight: 700; font-size: 12px; line-height: 12px}
.arw-link:hover, .arw-link:focus {color: #dab35d}
.arw-link:after {display: block; content: ''; position: absolute; top: 50%; right: -15px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #000; -webkit-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; transform: translateY(-50%) !important}
.arw-link:hover:after, .arw-link:focus:after {border-left: 5px solid #dab35d}
.bg-black .arw-link {color: #fff}
.bg-black .arw-link:after {border-left: 5px solid #fff}
.bg-black .arw-link:hover, .bg-black .arw-link:focus {color: #dab35d !important}
.bg-black .arw-link:hover:after, .bg-black .arw-link:focus:after {border-left: 5px solid #dab35d !important}

/* Overlays */
.overlay {position: relative;}
.overlay > div {position: relative; z-index: 2}
.overlay:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.overlay-black-25:before {background: rgba(0,0,0,.25)}
.overlay-black-50:before {background: rgba(0,0,0,.6)}

/* Margin & Padding */
.vp-30 {padding-top: 30px; padding-bottom: 30px}
.vp-50 {padding-top: 50px; padding-bottom: 50px}
.vp-70 {padding-top: 70px; padding-bottom: 70px}
.vp-100 {padding-top: 100px; padding-bottom: 100px}
.vp-130 {padding-top: 130px; padding-bottom: 130px}
.vp-200 {padding-top: 200px; padding-bottom: 200px}
.pb-10 {padding-bottom: 10px}
.pb-30 {padding-bottom: 30px}
.pb-50 {padding-bottom: 50px}
.pb-70 {padding-bottom: 70px}
.pb-100 {padding-bottom: 100px}
.pt-30 {padding-top: 30px}
.pt-50 {padding-top: 50px}
.pt-70 {padding-top: 70px}
.mt-30 {margin-top: 30px}
.mb-10 {margin-bottom: 10px}
.mb-30 {margin-bottom: 30px}
.mb-50 {margin-bottom: 50px}
.mb-70 {margin-bottom: 70px}
.mb-100 {margin-bottom: 100px}
.hp-10 {padding-left: 10%; padding-right: 10%}
.hp-14 {padding-left: 14%; padding-right: 14%}
.hp-20 {padding-left: 20%; padding-right: 20%}
@media screen and (max-width: 960px){
  .vp-200 {padding-top: 100px; padding-bottom: 100px}
  .vp-130 {padding-top: 65px; padding-bottom: 65px}
  .pt-50 {padding-top: 25px}
  .pb-50 {padding-bottom: 25px}
  .mb-50 {margin-bottom: 25px}
  .pb-100 {padding-bottom: 50px}
  .vp-50 {padding-top: 25px; padding-bottom: 25px}
  .vp-100 {padding-top: 50px; padding-bottom: 50px}
  .mb-100 {margin-bottom: 50px}
  .hp-20 {padding-left: 15%; padding-right: 15%}
}
@media screen and (max-width: 768px){
  .hp {padding-left: 0; padding-right: 0}
}
@media screen and (max-width: 600px){
  .pt-70 {padding-top: 35px}
  .pb-70 {padding-bottom: 35px}
  .vp-70 {padding-top: 35px; padding-bottom: 35px}
  .mb-70 {margin-bottom: 35px}
  .vp-200 {padding-top: 50px; padding-bottom: 50px}
}
@media screen and (max-width: 488px){
  .pb-100 {padding-bottom: 30px}
  .vp-100 {padding-top: 30px; padding-bottom: 30px}
}

/* States */
.is-visible {visibility: visible !important; opacity: 1 !important; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.is-hidden {visibility: hidden; opacity: 0; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}

/* Accessibility */
.visually-hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}


/* 4. Structure
------------------------------------------------------------------------------*/

/* Page Layout */
html, body {height: 100%; font-size: 1em; font-family: 'Montserrat', sans-serif; font-weight: 400}
#wrapper {min-height: 100%; height: auto !important; margin: 0 auto; overflow: hidden}
.container {width: calc(100vw - 290px); margin: 0 145px; margin: auto; position: relative;}
#page {height: 100%}
#skipnav {position: absolute; z-index: 99999; clip: rect(0 0 0 0); height: 1px; width: 1px; padding-bottom: 25px; transition: none; -webkit-transition: none; -o-transition: none}
#skipnav:hover, #skipnav:focus, #skipnav:active {text-transform: uppercase; font-size: 15px; letter-spacing: .03em; clip: auto; left: 0; top: 0; width: 100%; height: auto; margin: 0; padding: 10px 0; background: #fff; border-left: none; border-right: none; text-align: center; font-weight: bold; color: #dab35d}
.first-section {padding-top: 100px}
@media screen and (max-width: 1365px){
  html, body {font-size: .9em}
  .container {width: 100%; padding: 0 5%; margin: 0 auto;}
}
@media screen and (max-width: 960px){
  html, body {font-size: .8em}
}
@media screen and (max-width: 488px){
  html, body {font-size: .7em}
}

/* Header */
#header {width: 100%; position: relative; z-index: 9999; height: 140px; background-color: #000}
/*
#header .header-logo {width: 155px; height: 61px; background-image: url(/images/site/logo.svg); margin: 0 30px}
*/
#header .header-logo {width: 300px; height: 28px; background-image: url(/images/site/tt_logo_horizontal.svg); margin: 0 15px}
#header .header-logo:focus {}
.is-header-desktop #header .header-logo.mobile {display: none}
#header nav li {list-style: none}
#header > .container {height: 100%}
.is-header-desktop #header nav {width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
.is-header-desktop #header nav ul.nav-left, .is-header-desktop #header nav ul.nav-right {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center;}
.is-header-desktop #header nav ul.nav-right {padding-right: 97px}
.is-header-desktop #header nav li.level-1 {list-style: none; position: relative; margin: 0 15px}
.is-header-desktop #header nav li.level-1.mobile-only {display: none}
.is-header-desktop #header nav li.level-1 a {display: block; padding: 62px 0; color: #fff; text-transform: uppercase; font-weight: 500; font-size: 14px; letter-spacing: .05em; line-height: 14px}
.is-header-desktop #header nav li.level-1 a:hover, .is-header-desktop #header nav li.level-1 a:focus {color: #dab35d}
.is-header-desktop #header nav li.level-1 a.active {font-weight: 800}
.is-header-desktop #header nav li.level-1 .dropdown-menu {min-width: 220px; padding: 10px 30px 20px 30px; position: absolute; top: 100%; left: -30px; background-color: #000}
.is-header-desktop #header nav li.level-1 .dropdown-menu ul li {padding: 10px 0}
.is-header-desktop #header nav li.level-1 .dropdown-menu ul li a {padding: 0}
.is-header-desktop #header nav .dropdown-menu[aria-hidden="true"] {opacity: 0; visibility: hidden}
.is-header-desktop #header nav .dropdown-menu[aria-hidden="false"] {opacity: 1; visibility: visible}
.is-header-desktop #header .header-top-right, .is-header-desktop #header .header-social {position: absolute; top: 30px; z-index: 2}
.is-header-desktop #header .btn.btn-left, .is-header-desktop #header .header-social {left: 30px}
.is-header-desktop #header .header-social li {list-style: none; margin: 0 10px 0 0}
.is-header-desktop #header .header-social li a {width: 20px; height: 20px}
.is-header-desktop #header .header-social li a:focus {outline: 2px solid #fff;}
.is-header-desktop #header .header-social li a.facebook {background-image: url(/images/site/facebook_gold.svg)}
.is-header-desktop #header .header-social li a.instagram {background-image: url(/images/site/insta_gold.svg)}
.is-header-desktop #header .header-social li a.twitter {background-image: url(/images/site/twitter_gold.svg)}
.is-header-desktop #header .header-top-right {right: 30px}
.is-header-desktop #header .header-top-right a.sign {margin-right: 20px; font-weight: 500; font-size: 12px; line-height: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em;}
#mobile-menu-trigger {display: none}  
@media screen and (max-width: 1270px){
  #header .header-logo {width: 240px; height: 21px;}
  .is-header-desktop #header .header-social li {margin: 0 0 0 10px}
  .is-header-desktop #header .header-top-right, .is-header-desktop #header .header-social {position: absolute; top: 25px}
  .is-header-desktop #header .btn.btn-left, .is-header-desktop #header .header-social {left: auto; top: 30px; right: calc(5% + 270px)}
  .is-header-desktop #header .header-top-right {right: 5%}
  .is-header-desktop #header .header-logo {order: 1; margin: 0 0 27px 0}
  .is-header-desktop #header nav ul.nav-left {order: 2}
  .is-header-desktop #header nav ul.nav-right {order: 3; padding-right: 0}
  .is-header-desktop #header nav {-ms-flex-justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; -ms-flex-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end}
  .is-header-desktop #header nav li.level-1 a {padding: 0 0 25px 0}
  .is-header-desktop #header nav li.level-1 {margin: 0 0 0 30px}
}
@media screen and (max-width: 960px){
  #header .header-logo {width: 215px; height: 20px;}
  #header {height: 80px}
  #header .header-top-right, #header .header-social {display: none}
  #header > .container {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center;}
  #header .header-logo.mobile {display: block; margin: 0; z-index: 2}
  #header .header-logo.desktop {display: none}
  #mobile-menu-trigger {display: block}
  #mobile-menu-trigger {right: 5%; top: 28px; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; z-index: 9999;  display: block;width: 35px;height: 25px;position: absolute;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
  #mobile-menu-trigger span {display: block;position: absolute;height: 4px;width: 100%;background-color: #fff;border-radius: 0;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
  #mobile-menu-trigger span:nth-child(1) {top: 0px;}
  #mobile-menu-trigger span:nth-child(2),#mobile-menu-trigger span:nth-child(3) {top: 10px;}
  #mobile-menu-trigger span:nth-child(4) {top: 20px;}
  #mobile-menu-trigger.is-open span {background-color: #dab35d}
  #mobile-menu-trigger.is-open span:nth-child(1) {top: 18px;width: 0%;left: 50%;}
  #mobile-menu-trigger.is-open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
  #mobile-menu-trigger.is-open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
  #mobile-menu-trigger.is-open span:nth-child(4) {top: 18px;width: 0%;left: 50%;}
  #header #header-nav li span.level-1-trigger-icon {display: block; position: absolute; top: 15px; left: 20px; width: 15px; height: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
  #header #header-nav li span:before {content: ''; position: absolute; top:50%; margin-top: -1px; left: 0; height: 4px; background: #dab35d;}
  #header #header-nav li span.level-1-trigger-icon:before {width: 100%;}
  #header #header-nav li span.level-1-trigger-icon:after {width: 100%;}
  #header #header-nav span:after {content: ''; position: absolute; top:50%; margin-top: -1px; left: 0; height: 4px; background: #dab35d; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg)}
  #header #header-nav span.is-active {transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg)}
  #header #header-nav span.is-active {transform: rotate(225deg); -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg)}
  #header #header-nav .dropdown-menu {display: none}
  #header #header-nav ul li {color: red; position: relative; float: inherit; text-align: left; list-style: none;}
  #header #header-nav ul li a, #header #header-nav ul li.multi-list-title {color: #fff; padding-top: 8px; padding-bottom: 8px; padding-right: 25px; display: block; border-width: 0}
  #header #header-nav ul li.level-1 a {padding-left: 50px; color: #fff; font-size: 25px; font-weight: 600; text-transform: uppercase; letter-spacing: .125em}
  #header #header-nav ul li.level-1 .dropdown-menu ul li a {padding: 5px 25px 5px 50px; text-transform: none; font-size: 16px; letter-spacing: .065em; font-weight: 400}
  #header #header-nav ul li.level-1 .dropdown-menu ul {padding: 5px 0 10px 0}
  #header #header-nav {position: fixed; top: 0; right: -100%; z-index: 1; width: 100%; max-width: calc(95% - 155px); height: 100vh; overflow: scroll; padding-top: 80px; background-color: #000; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -webkit-overflow-scrolling: touch;}
  #header #header-nav:before {max-width: calc(95% - 155px); display: block; content: ''; width: 100%; height: 80px; background-color: #000; position: fixed; top: 0; right: -100%; z-index: 2; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
  #header.is-mobile-open #header-nav {right: 0; }
  #header.is-mobile-open #header-nav:before {right: 0}
  .overflow-hidden {overflow: hidden; height: 100%;}
}
@media screen and (max-width: 500px){
  #header #header-nav {padding-top: 100px}
  #header #header-nav, #header #header-nav:before {max-width: 100%}
}  

/* Footer */
#footer {text-align: center; padding: 60px 0; width: 100%; background-color: #000; position: relative;}
#footer ul li {position: relative; list-style: none}
#footer ul li:before {position: absolute; top: 0; display: block; content: ''; background-color: #fff; width: 1px; height: 100%}
#footer ul li:first-child:before {display: none}
#footer ul.logos {margin-bottom: 40px}
#footer ul.logos li {margin: 0 30px}
#footer ul.logos li:before {left: -30px}
#footer ul.links {margin-bottom: 20px}
#footer ul.links:last-child {margin-bottom: 0}
#footer ul.links li, #footer ul.links li a {color: #fff; font-weight: 400; text-transform: uppercase; font-size: 10px; line-height: 10px; letter-spacing: .15em}
#footer ul.links li {margin: 0 10px 5px 10px}
#footer ul.links li:before {left: -10px}
#footer .btn {margin-bottom: 25px}
@media screen and (max-width: 600px){
  #footer ul.logos li {margin: 0 15px; width: calc(33.333% - 30px)}
  #footer ul.logos li a, #footer ul.logos li a img {display: block; width: 100%}
  #footer ul.logos li:before {display: none}
}
@media screen and (max-width: 400px){
  #footer {padding: 30px 0}
  #footer ul.logos {margin-bottom: 30px}
}  

/* 5. Pages
------------------------------------------------------------------------------*/

/* Commercial */
@media screen and (max-width: 960px){
  .commercial .border-box-lists {margin-bottom: 25px}
}
@media screen and (max-width: 400px){
  .commercial .form .dform_element#forms_field_1 {margin-bottom: 0}
  .commercial .form br {display: none}
  .commercial .form .dfcolumns .dform_element {margin-bottom: 15px}
  .commercial .form .dfcolumns .dform_element#forms_field_6 {margin-bottom: 25px}
}

/* Contact */
.contact .contact-info p {font-size: 14px; color: #fff; line-height: 18px; font-weight: 500; margin-bottom: 15px}
.contact .contact-info p strong {text-transform: uppercase; font-size: 16px}
.contact .contact-info p:last-child {margin-bottom: 0}
.contact .large-banner .title-med-2 {margin: 25px 0 0 0}
.contact .map-form .map {width: calc(40% - 30px); margin-right: 60px}
.contact .map-form .form {width: calc(60% - 30px)}
@media screen and (max-width: 960px){
  .contact .map-form .map {width: calc(40% - 15px); margin-right: 30px}
  .contact .map-form .form {width: calc(60% - 15px)}
  .contact .contact-info .container {-ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
  .contact .contact-info .block {margin-bottom: 30px; width: 33.333%; text-align: center; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto}
  .contact .contact-info .block:nth-child(4), .contact .contact-info .block:nth-child(5), .contact .contact-info .block:nth-child(6) {margin-bottom: 0}
  .contact .contact-info p {margin-bottom: 5px}
}
@media screen and (max-width: 768px){
  .contact .map-form .map {height: 300px; margin-bottom: 50px; width: 100%; margin-right: 0}
  .contact .map-form .form {width: 100%}
}
@media screen and (max-width: 600px){
  .contact .contact-info .block {width: 50%}
  .contact .contact-info .block:nth-child(4) {margin-bottom: 30px}
}
@media screen and (max-width: 400px){
  .contact .map-form .map {height: 200px; margin-bottom: 30px}
  .contact .map-form .form .dform_element#forms_field_8 {margin-bottom: 0}
  .contact .map-form .form br {display: none}
  .contact .map-form .form .dfcolumns .dform_element {margin-bottom: 15px}
  .contact .map-form .form .dfcolumns .dform_element#forms_field_11 {margin-bottom: 25px}
}
@media screen and (max-width: 375px){
  .contact .contact-info .block {width: 100%}
  .contact .contact-info .block:nth-child(5) {margin-bottom: 30px}
}

/* Welcome */
.about .content .image, .about .content .body {width: 50%}
.about .content .body {padding-left: 7%}
.about .content .body h1 {text-transform: uppercase; font-size: 2.25rem; line-height: 2.25rem; font-weight: 700}
.about .content .body h2 {text-transform: uppercase; font-size: 18px; line-height: 18px; font-weight: 700; letter-spacing: .1em}
.about .content .image img {display: block; width: 100%}
@media screen and (max-width: 960px){
  .about .content .body {padding-left: 30px}
}
@media screen and (max-width: 768px){
  .about .content .body {margin-bottom: 10px; order: 1; width: 100%; padding-left: 0}
  .about .content .image {order: 2; width: 100%}
}

/* Dining */
.dining .image-banner:after {display: block; content: ''; width: 100%; padding-top: 35%}
.dining .body h4 {margin-bottom: 0}

/* Residential
.residential .body li {list-style: none; font-size: 12px; line-height: 20px}
.residential .body li span {position: relative}
.residential .body li span:before {display: block; content: '◆'; font-size: 14px; position: absolute; top: -2px; left: -20px}
 */
 
 /* Home */
 .homepage .video-banner {height: 70vh}

/* 6. Modules
------------------------------------------------------------------------------*/

/* Columns */
.columns .col {padding: 0 15px}
.columns.col-3 .col {width: 33.333%}
@media screen and (max-width: 768px){
  .columns .col {padding: 0; margin-bottom: 20px}
  .columns.col-3 .col {width: 100%}
}

/* Banners */
#fh-banner {min-height: 500px !important}
#fh-banner .container {margin: inherit; width: 100%; padding: 0 5% 5vh 5%}
.large-banner .title-med-2 {margin: 25px 0 30px 0}
.banner {position: relative; min-height: 390px; overflow: hidden}
.banner.banner-btn {margin-bottom: 15px; overflow: visible;}
.banner .title-med-10 {margin-bottom: 10px}
.banner .btn {position: absolute; bottom: -15px; left: 50%; -webkit-transform: translateX(-50%) !important; -moz-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important; transform: translateX(-50%) !important}
.banner.no-min-height {min-height: 0 !important}
.video-banner {position: relative; overflow: hidden}
.video-banner .container {position: relative; z-index: 3}
.video-banner.overlay:before {z-index: 2}
.video-banner .video-container {z-index: 1 !important; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden}
.video-banner .video-container video {min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.video-banner .video-container .mobile-video {display: none}
@media screen and (max-width: 960px){
  #fh-banner {min-height: 400px !important}
}
@media screen and (max-width: 600px){
  .banner {min-height: 300px}
}
@media screen and (max-width: 767px){
  .banner {min-height: 200px}
  .video-banner .video-container .desktop-video {display: none}
  .video-banner .video-container .mobile-video {display: block}
  .large-video-banner {width: 100vw; height: calc(100vh - 80px) !important; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center}
}

/* Square Callouts */
.square-callouts.three .callout {display: block; position: relative; width: 33.333%}
.square-callouts.three .callout h2 {margin-bottom: 15px}
.square-callouts.three .callout .content {padding: 125px 0; height: 100%}
@media screen and (max-width: 768px){
  .square-callouts.three .callout {width: 100%}
  .square-callouts.three .callout:nth-child(2) {border-top: 1px solid #dab35d; border-bottom: 1px solid #dab35d;}
  .square-callouts.three .callout h2 {margin-bottom: 15px}
  .square-callouts.three .callout .content {padding: 50px 0}
}  

/* Text Image */
.text-image .text {width: 51%; padding-right: 8%}
.text-image .text .title {margin-bottom: 20px}
.text-image .text .title p {margin-bottom: 5px}
.text-image .image {width: 49%}
.text-image .image img {display: block; width: 100%}
@media screen and (max-width: 768px){
  .text-image .text {width: 100%; padding-right: 0; margin-bottom: 30px}
  .text-image .image {width: 100%}
} 

/* Social Section */
.social-section.bg-black h2 {color: #fff}
.social-section ul {padding-top: 20px}
.social-section ul li {list-style: none; margin: 0 5px}
.social-section ul li a {width: 20px; height: 20px}
.social-section ul li a:focus {outline: 2px solid #dab35d;}
.social-section.bg-black ul li a.facebook {background-image: url(/images/site/facebook.svg)}
.social-section.bg-black ul li a.instagram {background-image: url(/images/site/insta.svg)}
.social-section.bg-black ul li a.twitter {background-image: url(/images/site/twitter.svg)}
.social-section.bg-black ul li a.youtube {background-image: url(/images/site/youtube.svg)}
.social-section ul li a.facebook {background-image: url(/images/site/facebook-black.svg)}
.social-section ul li a.instagram {background-image: url(/images/site/insta_black.svg)}
.social-section ul li a.twitter {background-image: url(/images/site/twitter_black.svg)}
.social-section ul li a.youtube {background-image: url(/images/site/youtube_black.svg)}
.social-section .carousel {position: relative}
.social-section .carousel .image {width: 230px; margin-right: 5px}
.social-section .carousel .slick-arrow {margin-top: -28px; z-index: 100; position: absolute; top: 50%; display: block; text-indent: -9999px; width: 40px; height: 56px; background-repeat: no-repeat; background-size: 100%}
.social-section .carousel .slick-arrow:focus {outline: 1px solid #fff}
.social-section .carousel .slick-arrow.slick-next {right: 0; background-image: url(/images/site/rightarrow.svg)}
.social-section .carousel .slick-arrow.slick-prev {left: 0; background-image: url(/images/site/leftarrow.svg)}
@media screen and (max-width: 960px){
  .social-section .carousel .image {margin: 0 3px}
  .social-section .carousel .slick-list {margin: 0 -3px}
}  

/* Newsletter Signup */
.newsletter-signup .container {width: 100%; margin: 0; padding: 0}
.newsletter-signup label {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.newsletter-signup .dform {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; -ms-flex-justify-content: center; -webkit-justify-content: center; justify-content: center}
.newsletter-signup p {margin-bottom: 5px}
.newsletter-signup h2 {margin-bottom: 30px}
.newsletter-signup .dform > .dform_element {margin: 0 12px}
.newsletter-signup input[type=text], .newsletter-signup input[type=email] {font-size: 12px; color: #fff; line-height: 28px; width: 100%; max-width: 340px; border-bottom: 2px solid #fff}
.newsletter-signup input[type=text]:focus, .newsletter-signup input[type=email]:focus {border-color: #dab35d}
.newsletter-signup .dform_email, .newsletter-signup .dform_text_input {width: 100%; max-width: 340px}
.newsletter-signup input[type=submit] {white-space: nowrap; position: relative; font-weight: 500; display: inline-block; font-size: 12px; line-height: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; color: #fff; border: 1px solid #fff; padding: 8px 15px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.newsletter-signup input[type=submit]:hover, .newsletter-signup input[type=submit]:focus {background-color: #fff; color: #000}
@media screen and (max-width: 600px){
  .newsletter-signup .container {width: 100%; padding: 0 5%}
  .newsletter-signup .dform {display: block}
  .newsletter-signup .dform_email, .newsletter-signup .dform_text_input, .newsletter-signup .dform_captcha, .newsletter-signup .submit_button {max-width: 100%; text-align: center; margin: 0 auto 20px auto !important}
  .newsletter-signup .g-recaptcha > div {margin: 0 auto}
  .newsletter-signup .submit_button {margin-bottom: 0 !important}
} 

/* Image Overlap Carousel */
.image-slider {position: relative}
.image-slider .slick-list {width: 50vw; margin: 0 auto; overflow: visible}
.image-slider .slick-track {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align-items: center; -webkit-align-items: center; align-items: center}
.image-slider .slide {position: relative; width: 50vw; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
.image-slider .slide .caption {text-align: center; font-size: 14px; background-color: rgba(255,255,255,.8); opacity: 0; z-index: 2; position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
.image-slider .slide:before {opacity: 1; display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.5); transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}
.image-slider .slide:after {display: block; content: ''; width: 100%; padding-top: 75%}
.image-slider .slide.slick-current {width: 50vw; margin: 0}
.image-slider .slide.slick-current .caption {opacity: 1}
.image-slider .slide.slick-current:before {opacity: 0}
.image-slider .slick-arrow {margin-top: -47px; z-index: 100; position: absolute; top: 50%; display: block; text-indent: -9999px; width: 68px; height: 94px; background-repeat: no-repeat; background-size: 100%}
.image-slider .slick-arrow:focus {outline: 1px solid #fff}
.image-slider .slick-arrow.slick-next {right: 0; background-image: url(/images/site/rightarrow.svg)}
.image-slider .slick-arrow.slick-prev {left: 0; background-image: url(/images/site/leftarrow.svg)}
@media screen and (max-width: 960px){
  .image-slider .slick-track {display: block !important}
  .image-slider .slick-list {overflow: hidden; width: 90%; padding: 0 !important; margin: 0 5%}
  .image-slider .slide {width: auto}
  .image-slider .slick-dots {position: relative; z-index: 2; text-align: center; padding: 20px 0}
  .image-slider .slick-dots li {display: inline-block; margin: 0 5px}
  .image-slider .slick-dots li button {display: block; width: 10px; height: 10px; border: 1px solid #000; border-radius: 8px; text-indent: -9999px}
  .image-slider .slick-dots li.slick-active button {background-color: #000}
}

/* Video */
.video {width: 100%; position: relative; overflow: hidden}
.video video {width: 100%; height: auto; display: block}
.video .play-video {z-index: 2; width: 90px; height: 90px; position: absolute; top: 50%; left: 50%; margin-top: -45px; margin-left: -45px; background-image: url(/images/site/play.svg)}
.video .play-video:hover, .bd-hotels .video .play-video:focus {background-image: url(/images/site/play-hover.svg)}
.video .play-video[aria-hidden="false"] {opacity: 1; visibility: visible}
.video .play-video[aria-hidden="true"] {opacity: 0; visibility: hidden}
.video .info-controls {position: absolute; z-index: 2; bottom: 20px; right: 20px;}
.video .pause-video {width: 35px; height: 35px; position: relative}
.video .pause-video:before {position: absolute; display: block; content: ''; width: 13px; height: 100%; top: 0; left: 0; background-color: #fff}
.video .pause-video:after {position: absolute; display: block; content: ''; width: 13px; height: 100%; top: 0; right: 0; background-color: #fff}
.video .pause-video:hover:before, .bd-hotels .video .pause-video:hover:after, .bd-hotels .video .pause-video:focus:before, .bd-hotels .video .pause-video:focus:after {background-color: $trumpgold}
.video .pause-video[aria-hidden="false"] {opacity: 1; visibility: visible}
.video .pause-video[aria-hidden="true"] {opacity: 0; visibility: hidden}
.youtube-video-player {position: relative}
.youtube-video-player iframe {position: absolute; width: 100%; height: 100%}
@media screen and (max-width: 768px){
  .video .play-video {width: 50px; height: 50px; margin-top: -25px; margin-left: -25px;}
}  

/* Border Box Lists */
.border-box-lists {border-top: 1px solid #d0ae64; border-bottom: 1px solid #d0ae64}
.border-box-lists .box {width: 50%; padding: 30px}
.border-box-lists .box:first-child {border-right: 1px solid #d0ae64}
.border-box-lists .box h2, .border-box-lists .box ul {width: 100%; margin-bottom: 30px}
.border-box-lists .box h2 {text-align: center}
.border-box-lists .box ul {column-count: 2; column-gap: 30px}
.border-box-lists .box ul li {text-align: center; list-style: none; margin-bottom: 15px; font-size: 12px; line-height: 20px}
.border-box-lists .box ul li span {position: relative}
.border-box-lists .box ul li span:before {display: block; content: '•'; font-size: 20px; position: absolute; top: -3px; left: -20px}
@media screen and (max-width: 500px){
  .border-box-lists .box ul {column-count: 1; column-gap: 0}
  .border-box-lists .box ul li {text-align: left; margin-left: 15px}
  .border-box-lists .box ul li span:before {font-size: 16px; top: -3px; left: -15px}
}
@media screen and (max-width: 400px){
  .border-box-lists .box {width: 100%; padding: 30px 5%}
  .border-box-lists .box:first-child {border-right: none; border-bottom: 1px solid #d0ae64}
}

/* Form */
.form .form-wrapper-700 {max-width: 700px; margin: 0 auto}
.form form input[type=text], .form form input[type=email], .form form textarea {font-size: 12px; width: 100%}
.form .dfcolumns .column {width: calc(50% - 15px) !important; float: left}
.form .dfcolumns .column[data-number="1"] {margin-right: 30px}
.form .dform_element {margin-bottom: 20px}
.form .dfcolumns .dform_element {margin-bottom: 0}
.form form input[type=text], .form form input[type=email] {height: 35px; line-height: 35px; border-bottom: 2px solid #000}
.form form input[type=text]:focus, .form form input[type=email]:focus {border-color: #dab35d}
.form form textarea {padding: 10px; border: 2px solid #000; max-width: 100%; min-width: 100%; max-height: 300px; height: 120px; min-height: 120px}
.form form textarea:focus {border-color: #dab35d}
.form form .dform_text_input label, .form form .dform_email label, .form form .dform_captcha label {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.form form label {display: block; font-size: 12px; margin-bottom: 10px}
.form form input[type=submit] {white-space: nowrap; position: relative; font-weight: 500; display: inline-block; font-size: 12px; line-height: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; color: #fff; background-color: #000; border: 1px solid #000; padding: 8px 15px; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all;}
.form form input[type=submit]:hover, .form form input[type=submit]:focus {background-color: #dab35d; color: #fff}
@media screen and (max-width: 400px){
  .form .dfcolumns .column {width: 100% !important; float: none}
  .form .dfcolumns .column[data-number="1"] {margin-right: 0}
}

/* Alternating Boxes */
.alternating-box-callouts .callout .image {width: 50%}
.alternating-box-callouts .callout .image:after {display: block; content: ''; width: 100%; padding-top: 75%}
.alternating-box-callouts .callout .text {width: 50%; padding-left: 5%}
.alternating-box-callouts .callout .text h2 {margin-bottom: 10px}
.alternating-box-callouts .callout .text p {margin-bottom: 30px}
.alternating-box-callouts .callout.bg-black .image {order: 2}
.alternating-box-callouts .callout.bg-black .text {order: 1; padding-left: 0; padding-right: 5%}
.alternating-box-callouts .callout.bg-black .text > * {color: #fff}
@media screen and (max-width: 960px){
  .alternating-box-callouts .callout .container {-ms-flex-align-items: flex-start; -webkit-align-items: flex-start; align-items: flex-start}
}
@media screen and (max-width: 768px){
  .alternating-box-callouts .callout .image {order: 2 !important; width: 100%}
  .alternating-box-callouts .callout .image:after {padding-top: 60%}
  .alternating-box-callouts .callout .text {margin-bottom: 35px; order: 1 !important; width: 100%; padding-left: 0}
  .alternating-box-callouts .callout.bg-black .text {padding-right: 0}
}
@media screen and (max-width: 400px){
  .alternating-box-callouts .callout .text p {margin-bottom: 20px}
  .alternating-box-callouts .callout .text {margin-bottom: 25px}
}  

/* Tabs */
.tabs-page, .mini-tabs-page, .bar-tabs-page, .box-tabs-page, .tab-page-banner {display: none}
.tabs-page.active, .mini-tabs-page.active, .bar-tabs-page.active, .box-tabs-page.active, .tab-page-banner.active {display: block !important}
/*
.tabs-page .body hr {position: relative; overflow: visible}
.tabs-page .body hr:before {display: block; content: ''; width: 100vw; height: 1px; background-color: #dab35d; position: absolute; top: -1px; right: 100%}
*/
.tabs-page .body ul {column-count: 2}
.tabs-page .body ul li {list-style: none; text-align: center}
.tabs-side-list {border-top: 1px solid #dab35d}
.tabs-side-list .container {max-width: 900px}
.tabs-side-list .mini-tabs-tabs {position: relative; padding-right: 100px}
.tabs-side-list .mini-tabs-tabs:after {position: absolute; top: 0; right: 55px; display: block; content: ''; width: 1px; height: 100%; background-color: #dab35d}
.tabs-side-list .mini-tabs-tabs button {text-align: left; margin-bottom: 10px; display: block; padding: 5px 10px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; font-size: 12px}
.tabs-side-list .mini-tabs-tabs button.active {background-color: #000; color: #fff}
.tabs-side-list .mini-tabs-page {}
.tabs-side-list .mini-tabs-page p, .tabs-button-bar .bar-tabs-page p {font-size: 12px; line-height: 18px; margin-bottom: 20px}
.page-tabs-tabs button {position: relative; padding: 20px 20px 30px 20px}
.page-tabs-tabs button.active {background-color: #dab35d}
.page-tabs-tabs button img {max-height: 85px; max-width: 200px}
.page-tabs-tabs button:after {display: block; width: 10px; height: 10px; border-radius: 8px; border: 1px solid #fff; content: ''; position: absolute; bottom: 14px; left: 50%; margin-left: -4px; background-color: #000}
.page-tabs-tabs button:hover:after {background-color: #dab35d}
.page-tabs-tabs button.active:after {background-color: #000}
.bar-tabs-page h4 {margin-bottom: 20px; font-size: 18px; line-height: 21px; font-weight: 700; text-transform: uppercase; color: #dab35d}
.tabs-button-bar .tabs-button-bar-tabs button {margin: 0 30px; padding: 10px 15px; min-width: 300px; text-align: center; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; font-size: 24px; line-height: 24px; border: 1px solid #fff; color: #fff}
.tabs-button-bar .tabs-button-bar-tabs button.active {background-color: #dab35d; border-color: #dab35d}
@media screen and (max-width: 960px){
  /*.tabs-page.active {padding-top: 30px}*/
  .page-tabs-tabs button {width: 25%}
  .page-tabs-tabs button img {width: auto; height: auto; max-width: 100%; max-height: 75px}
  .page-tabs-tabs button {padding: 10px 10px 25px 10px}
  .page-tabs-tabs button:after {bottom: 10px}
  .tabs-side-list .mini-tabs-tabs {margin-bottom: 30px; text-align: center; width: 100%; padding-right: 0}
  .tabs-side-list .mini-tabs-tabs:after {display: none}
  .tabs-side-list .mini-tabs-page {width: 100%}
  .tabs-side-list .mini-tabs-tabs button {text-align: center; width: 100%; padding: 20px 0; margin: 0 auto}
}
@media screen and (max-width: 400px){
  .page-tabs-tabs button {width: 50%}
  .tabs-page .body ul {column-count: 1}
}

/* 4 Images */
.images-4 .image {width: calc(50% - 1px); margin-bottom: 2px}
.images-4 .image:after {display: block; content: ''; width: 100%; padding-top: 45%}
.images-4 .image:nth-child(odd) {margin-right: 2px}
@media screen and (max-width: 600px){
  .images-4 .image {width: 100%; margin-bottom: 2px}
  .images-4 .image:after {padding-top: 45%}
  .images-4 .image:nth-child(odd) {margin-right: 0}
}

/* 3 Callouts */
.callouts-3 .image {position: relative; width: calc(33.333% - 4px)}
.callouts-3 .image:after {display: block; content: ''; width: 100%; padding-top: 80%}
.callouts-3 .image .content {padding: 30px; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.callouts-3 .image h2 {font-size: 1.875rem; line-height: 1.875rem; font-weight: 400; text-transform: uppercase;}
.callouts-3 .image:nth-child(2) {margin: 0 6px}
@media screen and (max-width: 600px){
  .callouts-3 .image {width: 100%}
  .callouts-3 .image:nth-child(2) {margin: 0}
  .callouts-3 .image:after {padding-top: 45%}
}

/* Select Boxes */
.dform_select .dform_container, .select-wrapper {position: relative; display: block; border: 1px solid #eae6df; width: 100%; max-width: 320px}
.dform_select .dform_container select, .select-wrapper select {font-size: 16px; font-weight: 600; width: 100%;margin: 0;outline: none;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 16px;}
.dform_select .dform_container::after, .select-wrapper:after {content: "";position: absolute;top: 50%;right: 10px;margin-top: -3px;z-index: 2;pointer-events: none;width: 0; height: 0; border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #c3bdb3;}
@supports (-webkit-appearance: none) or (appearance: none) or ((-moz-appearance: none) and (mask-type: alpha)) {
  .dform_select .dform_container::after, .select-wrapper:after {display: block;}
  .dform_select .dform_container select, .select-wrapper select {padding-right: 2em; background: none;border: 1px solid transparent; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
  .dform_select .dform_container select:focus, .select-wrapper select:focus {border-color: #9d5116;}
}

/* Email Signup Section */
.full-signup-form {max-width: 600px}
.full-signup-form h1 {text-transform: uppercase; font-size: 2.25rem; line-height: 2.25rem; font-weight: 700; margin-bottom: 15px}
.full-signup-form .disclaimer {font-size: 10px; margin-bottom: 15px}
.signup-section {padding: 20px 0; margin-bottom: 20px;}
.signup-section p {font-size: 13px}
.signup-section h2 {text-transform: uppercase; font-size: 18px; line-height: 18px; font-weight: 700; letter-spacing: .1em; margin-bottom: 10px}
.signup-section label {color: #363636; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 14px; line-height: 24px; letter-spacing: .01em; display: block; margin-bottom: 5px}
.signup-section label.check {font-weight: 400; line-height: 18px}
.signup-section select {padding: 8px; width: 100%; border: 0; display: block; background: #F1F1F1}
.signup-section .text {padding: 8px; width: 100%; background: #F1F1F1; border: 0; display: block}
.signup-section button {font-weight: 700; letter-spacing: .1em; background-color: #b1956e; color: #fff; text-transform: uppercase; padding: 15px 22px; font-size: 13px; line-height: 13px; border: 0}
.signup-section .form-group {margin-bottom: 15px}
.signup-section .form-group.first {margin-top: 15px}
.signup-section.final {border-bottom: 0}
.signup-section.final p {font-size: 12px; margin-bottom: 10px}

.gate-emailpopup {text-align: center; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 99999; background: rgba(17,17,17,0.9); overflow: auto;}
.gate-emailpopup h3 {margin-bottom: 10px; font-size: 30px; font-weight: normal;}
.gate-emailpopup .close-x {text-decoration: none; position: absolute; top: 15px; right: 15px; color: #000; font-weight: 900; font-size: 18px}
.gate-emailpopup .box {padding: 30px; background-color: #fff; max-width: 830px; width: 92%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.gate-emailpopup label {font-weight: bold;}
.gate-emailpopup .disclaimer {text-transform: none !important; font-size: 11px; line-height: 1.2; color: #363636;}
.gate-emailpopup .signup-section {text-align: left; border-bottom: 1px #826C41 solid;}
.gate-emailpopup .formsubmit {margin-top: 10px; padding: 10px 13px}
.gate-emailpopup .subintro {margin: 30px 0 20px}
.gate-emailpopup.is-hidden {visibility: hidden; opacity: 0; z-index: 0 !important; transition: 300ms ease all; -webkit-transition: 300ms ease all; -o-transition: 300ms ease all}

@media screen and (max-width: 480px) {
    .gate-emailpopup .box {padding-top:15px;transform: none;top: 4vw;left: 4vw}
    .gate-emailpopup h3 {font-size: 20px;margin-bottom: 6px}
    .gate-emailpopup .first-section {padding-top: 0}
    .gate-emailpopup .first-section p {line-height: 1.3}
    .gate-emailpopup .close-x {top: 19px}
}

@media screen and (max-width: 320px) {
    .gate-emailpopup .box {padding:10px}
    .gate-emailpopup .signup-section label.check {font-size: 13px}
    .gate-emailpopup .close-x {top: 0;right: 5px}
    .gate-emailpopup .disclaimer {text-transform: none !important;font-size: 11px;line-height: 1.2}
}