@import url(https:////fonts.googleapis.com/css?family=Lato:300,400,900);
@import url(https://fonts.googleapis.com/css?family=Fjalla+One|Libre+Franklin);
/* Globals*/
@font-face {
    font-family: 'HTF Didot L06';
    src: url('/fonts/HTFDidot-L06Light.woff2') format('woff2'),
        url('/fonts/HTFDidot-L06Light.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

=====================================================================*/
html, body {
  margin:0;
  padding:0;
  /* height: 100%;
  width: 100%;
  overflow-x: hidden; */
}
body {
  background: #fff;
  font-family: cantarell, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  text-transform: none;
  color: #362622;
  line-height: 1.5em;
  margin-top: 120px;
}
@media screen and (max-width: 63.9375em) {
  body  {
    margin-top: 0px;
  }
}
#wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
#content-wrap {
  
    flex-grow: 1; 
}
/* Alert
=====================================================================*/
.alert, .alert-success, .alert-danger {
  color:#fff;
  padding: 2em;
  margin: 0 0 2em 0;
  font-weight: bold;
}
.alert-danger {
  background: #e10600;
}
.alert-success {
  background: #0d91ca;
}
.alert h3, .alert-success h3 {
  color:#fff;
}

/* Utilities
=====================================================================*/
.red-bg {background:#e10600;}
.blue-bg {background:#001446;}
.lt-blue-bg {background:#9fd0f0;}
.green-bg {background:#8dc640;}

.red {color:#DB395D;}
.lt-red {color:#F04E37;}
.blue {color:#001446;}
.green {color:#8dc640;}
.black {color:#000000;}
.white {color:#ffffff;}
.uppercase {text-transform: uppercase;}


/* Typography
=====================================================================*/
a.anchor {
  display: block;
  position: relative;
  top: -155px;
  visibility: hidden;
}
a, a:hover {color:#96765e;text-decoration: none;}
p {
  font-weight: 300;
  margin: 2em 0;
  line-height: 1.8em;
}
p:first-of-type {margin-top: 0;}
h1, h2, h3, h4 {
  font-family: cantarell, sans-serif;
  font-weight: 500;
  font-style: normal;
  margin:0;
  padding:0;
}
h1 {
  font-size: 1.375em;
  line-height: 1.5em;
  font-weight: 700;
  color: #211919;
  text-transform: uppercase;
}
h2 {
  font-size: 2.75em;
  line-height: 1em;
  padding: 1em 0;
  color: #211919;
  letter-spacing: -.01em;
}
h3 {
  font-weight: 700;
  font-size: 1.2em;
  line-height: 1.4em;
  text-transform: uppercase;
  color:#001446;
}
h4 {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: .06em;
  line-height: 1.4em;
  text-transform: uppercase;
}
h2.green {padding: 5px 0 10px 0;}

.question,
.question-plus {
  font-size: 1.75em;
  color: #001446;
  cursor: pointer;
  font-weight: 400;
}

.faq h2 {
  padding:1em 0 0 0;
  font-size: 2.75em;
}

.grid-y.grid-frame {
  /* height:calc(100vh - 15vh) !important;
  overflow: hidden; */
  height: 100vh;
}

/* Header & Footer
=====================================================================*/
header {
  padding: 2em 2em;
  background: #fff;
  z-index:9999;
  border-bottom: 20px solid #cee2e5;
  height:120px;
  position: fixed;
  top: 0;
  width: 100%; /* Full width */
  transition: 0.2s; /* Add a transition effect (when scrolling - and font size is decreased) */
}
header.scroll {
  height: 75px !important;
  font-size: .9em !important;
  padding: 1em 2em !important;
  border-width: 10px !important;
  transition: 0.2s; /* Add a transition effect (when scrolling - and font size is decreased) */
  position: fixed;

}
.logo img {
  transition: 0.2s; /* Add a transition effect (when scrolling - and font size is decreased) */
}
.logo img.scroll {
  width: 80px !important;
}

footer {
  background: #cbdfe0;
  color: #1d1919;
  padding: 1em;
  line-height: 1.5em;
  font-family: Helvetica, Arial, sans-serif;
  margin-top: auto;
}
footer p {
  padding:0;
  margin: 0;
  font-size: .8em;

}
footer p{
  margin-bottom: 1em;
  font-weight: 500;
  font-size: .9em;
}
footer h2 {
  font-size: 1.5em;
  font-weight: 700;
  padding:0 0 10px 0;
  color: #cbdfe0;
}
@media screen and (max-width: 63.9375em) {
  footer h2  {
    font-size:1.25em;
  }
}
footer .location {
  padding:0 0 2em 0;
}
@media screen and (max-width: 63.9375em) {
  footer .location,
  footer .contact-footer,
  footer .footer-links  {
    padding: 2em 0 0 0;
  }
}
footer a, footer a:hover {
  color: #1d1919;
  text-decoration: none;
}
footer .copyright {
  padding-top: 1em;
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
  #header-mobile {
    height:120px;
    border-bottom: 20px solid #cee2e5;
    background: rgba(255,255,255,0.95);
    z-index: 8999;
    position: sticky;
    top:0;
    left:0;
  }  /* show it on small screens */
  header {display: none;}
}
@media screen and (min-width: 1025px) {
  #header-mobile { display: none; }  /* show it on small screens */
  header {display: block;}
}
header .logo img,
footer .logo img,
#header-mobile .logo {
  /* width: 8vw; */
  width: 150px;
  min-width: 100px;
}

/* Interior Pages
=====================================================================*/
section,
.section .special-end-section {
  padding:2em 4em 0em 4em;
}
section:last-of-type:not(:first-of-type) { margin-bottom: 5em;}
.resources p.term,
.faq p.question{
  cursor: pointer;
}
.page-title h1 {
  margin-bottom: 2em;
}
.page-title-videos h1 {
  margin-bottom: 0em;
}
@media screen and (max-width: 39.9375em) {
  .page-title h1 {
    margin-bottom: 0em;
    font-size: 5vw;
  }
  .page-title-videos h1 {
    font-size: 5vw;
    margin-bottom: -1em;

  }
  .mobile-paragraph {
    margin:0 0 2em 0;
  }

  h1 {
    font-size: 1.25em;
  }
}


/* Home
=====================================================================*/
.home-banner {
  height: 60vh;
  /* border-bottom: 20px solid #cee2e5; */
  width: 100%;
  background-size: cover !important;
  background-position: right top !important;
  }
.home-banner {
  background: no-repeat url("../img/home-banner.jpg");
}

@media screen and (max-width: 39.9375em) {
  .headline {
    /* font-size: 2vw; */
    padding:1em 0;
    font-size: .7em;
  }
  .headline b{
    font-size: 1.5em;
    padding:1em 0;
  }
  .name h2 {
    margin: 1em 0;
  }
  .home-banner {
    background-position: 75% top !important;
  }
}
.headline h1 {
  margin: 0 0 2em 0;
  font-size: 1.375em;
}
.home-promo-tiles {
  padding-top:0;
}
.home-promo-tile {
  background: #cee2e5;
  font-size: min(1.2vw, 1.1em);
  padding: 2em;
}
.home-promo-tile b:first-of-type {
  font-size: min(1.3vw, 1.5em);
}
.home-promo-tile a {
  text-decoration: none;
  color: #362622;
}
.home-promo-tile p {
  padding: 0;
  margin:0;
  line-height: 1.2em !important;
}
.home-promo-tile a b {
  /* font-size: 1.1em !important; */
  font-size: min(1.2vw;, 1.1em);
  cursor: pointer;
}
@media screen and (max-width: 63.9375em)  {
  .headline h1 {
    font-size: 2em;
    margin-bottom: 0;
  }
  .home-promo-tile b:first-of-type {
    font-size: 3.5em;
  }
  .home-promo-tile p {
    font-size: 3em;
    padding-bottom: 5px;

  }
  .home-promo-tile {
    padding:2em;
    margin-bottom:7em;
    min-height:10vh;
  }
}

/* Image Scroll
=====================================================================*/
.swiper {
  background-color: #cbdfe0 !important;
  margin-bottom: 2em;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev,
.swiper-button-prev, .swiper-rtl .swiper-button-next {
  background-color: #211919;
  padding: 1em;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 1.5em;
  color: #fff;
}
/* 
.swiper .swiper-slide {
  height: auto;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 600px;
} */

/* Image Scroll
=====================================================================*/
/* .swiper {
  background-color: #cbdfe0 !important;
  margin-bottom: 2em;
} */

/*
.image-scroll {
  /* background-color: #cbdfe0; */
  /* margin-bottom: 2em; 
}
.image-scroll img {
  padding: 1em 0;
  width:  100%;
  height: 100%;
  object-fit: cover;
  height: 40vh;
}
.image-scroll .middle img {
  padding: 1em 0 !important;
}*/

.swiper-container{
  width: 100%;
  background-color: #cbdfe0;
  padding:20px;
  margin-bottom: 2em;
  overflow: hidden;
  position: relative;
}
.swiper-wrapper {
  width: 50%;
}
.swiper-slide {
  text-align: center;
  width: auto;
}
.slide-image {
  height: 300px;
  width: auto;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev,
.swiper-button-prev, .swiper-rtl .swiper-button-next {
  background-color: #211919;
  padding: 1em;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 1.5em;
  color: #fff;
}

/*
.image-scroll {
  /* background-color: #cbdfe0; */
  /* margin-bottom: 2em; 
}
.image-scroll img {
  padding: 1em 0;
  width:  100%;
  height: 100%;
  object-fit: cover;
  height: 40vh;
}
.image-scroll .middle img {
  padding: 1em 0 !important;
}
  */

/* Inline Video Container
=====================================================================*/
.video-container {
  position: relative;
  width: 100%;
  background: #cee2e5;
  margin: 0 auto;
  transition: .2s ease-in;
  height: 45vw !important;
  overflow: hidden;
   /*padding-top: 56.25%; 16:9 Aspect Ratio */

}
@media screen and (max-width: 39.9375em) {
  .video-container {
    /* height: 50vh !important;  */
    padding-top: 56.25%; 16:9 Aspect Ratio
  }
}
.video-container-overlay {
  position: absolute;
  right: 5%;
  bottom: 5%;
  z-index:10;
}
.video-container-overlay button {
  color:#fff;
  font-size: 1.3em;
}
video {
  object-fit: cover;
  object-position: center;
  width: 100%;
  z-index:5;
  overflow: hidden;
}
/*
.venoratio>* {
  top:50%;
  left:50%;
}
*/
button.internal {
  cursor: pointer;
  color: #211919;
  background: #cbdfe0;
  white-space: nowrap;
  padding: .7rem 1rem;
  font-family: cantarell, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: .85em;
  text-transform: uppercase;
}
.flex-video, .responsive-embed {
  margin-bottom: 0 !important;
}
.close-button {
  position: absolute;
  top:10;
  right:10;
  z-index:999;
  color:#211919;
}
@media screen and (max-width: 39.9375em) {
  .close-button {
    font-size: .9em;
  }
}
 iframe.autoplay-videos {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
  transition: .2s ease-in;
}

/* @media screen and (min-width: 2000px) {
  .video-container {
    margin-top: 1em;
    width: 1040px;
    height: 585px !important;
    padding-top: 0 !important;
  }
  iframe.autoplay-videos {
    height: 585px;
  }
} */


iframe.autoplay-videos.active {
  padding-bottom: 0; 
  width: 1040px !important;
}
.video-container.active {
  width: 1040px !important;
  height: 585px !important;
  padding-top: 0 !important;
  margin-top: 1em;
/*
document.querySelector(".video-container").style.width = "1040px";
    document.querySelector(".video-container").style.height = "585px";
    document.querySelector(".video-container").style.paddingTop = "0";
    document.querySelector("iframe").style.width = "100%";
    document.querySelector("iframe").style.paddingBottom = "0";
    */
}

@media (min-aspect-ratio: 16/9) {
  iframe {    
    /* height: 56.25vw; */
  }
}
@media (max-aspect-ratio: 16/9) {
  iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    /* width: 85vh !important; */
  }
}

.video-still {
  font-size: 1.75em;
  cursor: pointer;
}

progress,
#progress {
  position: absolute;
  width:100%;
  bottom:0;
  z-index: 999;
  height:10px;
  cursor: pointer;
}

/* Fallback stuff */
progress[value] {
  appearance: none; /* Needed for Safari */
  border: none; /* Needed for Firefox */
  color: #96765e; /* Fallback to a solid color */
}

/* WebKit styles */


.seek {
  height:50px;
}

progress::-webkit-progress-value {
  background-image: linear-gradient(
    to right,
    #1d1919, #1d1919
  );
  transition: width 1s linear;
}
/*
progress[value]::-webkit-progress-value {
  background-image: linear-gradient(
    to right,
    #1d1919, #1d1919
  );
  transition: width 1s linear;
}
*/

progress.seek::-webkit-progress-value {
  
  transition: width .1s linear !important;
}

/* Firefox styles */
progress[value]::-moz-progress-bar {
  background-image: -moz-linear-gradient(
    right,
    /* #cee2e5, #96765e */
    #96765e, #96765e
  );
}


/* Venobox Videos
=====================================================================*/
.stacked-video-container {
  padding:0;
  /* border: 30px solid #cee2e5; */
  border-bottom: 0px solid #cee2e5;
  margin-bottom: 6em;
}
@media screen and (max-width: 39.9375em) {
  .stacked-video-container {
    margin-bottom: 0em;
  }
}


.stacked-video-container:last-of-type {
  /* border-bottom: 30px solid #cee2e5; */
}
.stacked-video {
  position: relative;
  font-family: 'HTF Didot L06';
  font-weight: 700;
  font-style: normal;
}
.video-text-overlay {
  position: absolute;
  color:#fff;
  font-size: 3em;
  font-weight: 600;
}
#our-team-video-overlay.video-text-overlay {
  position: absolute;
  bottom: 70%;
  left: 70%;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.4em;
  color: #333;
}
#our-team-video-overlay .play-video-button {
  color: #333;
}
#approach-video-overlay-02,
#approach-video-overlay-02 .play-video-button,
#approach-video-overlay-03,
#approach-video-overlay-03 .play-video-button,
#our-team-video-overlay{
    color: #fff;
    /* filter: drop-shadow(3px 3px 3px #333333); */
    /* font-size: 1.2em; */

}
.video-text-overlay button img {
  width:2em;
}

#approach-video-overlay-02 {
  top: 50%;  
  left: 50%; 
  transform: translate(-50%, -50%);
}
.video-text-overlay img {
  width: 3em;
}
@media screen and (max-width: 39.9375em) {
  .video-text-overlay button img {
    width:1em;
  }
}
#approach-video-overlay-03 {
  top: 40%;
}
#our-team-video-overlay {
  top: 70%;
  left:70%;
}
.play-video-button {
  text-transform: uppercase;
  font-size: .75em;
  font-weight: 600;
  color: #fff;
}
.stacked-video a {
  color: #211919;
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-decoration-color: #cee2e5;
}
@media screen and (max-width: 39.9375em) {
  .stacked-video-container {
    padding:0 1em;
    /* border: 15px solid #cee2e5;
    border-bottom: 0px solid #cee2e5; */
  }
  .stacked-video-container:last-of-type {
    /* border-bottom: 15px solid #cee2e5; */
}
  .stacked-video {
    /* padding:1em; */
    font-size: 1.5em;
     margin-bottom:1em;
  }

  .stacked-video-container h1 {
    margin-bottom: 1em;
  }
  
  .video-text-overlay {
    font-size: 2em;
    /*
    position: absolute;
    bottom: 10%;
    left: 5%;
    font-size: .4em;
    font-weight: 600;
    line-height: 1.4em;
    */
  }

  
}
@media screen and (max-width: 63.9375em) {
  .name .pullquote  {
    padding: 0 .4em 1em .5em;
  }
}

/* Our Approach
=====================================================================*/
.approach p {
  text-indent: 1em;
}
.approach p.opening {
  text-indent: 0;
}
.approach p .first-letter {
  float:left;
  font-family: 'HTF Didot L06';
  font-weight: 700;
  font-style: normal;
  color: #cbdfe0;
  margin: 12px 5px 0 0;
  font-weight: bold;
  font-size: 60px;
  font-size: 6rem;
  line-height: 40px;
  line-height: 4rem;
  height:4rem;
  text-transform: uppercase;
}

.our-approach-text-right {
  padding-left:2.5em;
}
.our-approach-text-left {
  padding-right:2.5em;
}

@media screen and (max-width: 63.9375em) {
  .our-approach-text-right, .our-approach-text-left {
    padding: 0;
  }

}

/* Our Name
=====================================================================*/
@media screen and (max-width: 63.9375em) {
  .name img {
    padding:0 0 1em 0;
  }
}

/* Our Team
=====================================================================*/
.team {
  padding-bottom: 3em;
}
.team:last-of-type {
  padding-bottom:0 !important;
}
.team h2,
.team-bio h2,
.name h2 {
  color: #362622;
  font-family: 'HTF Didot L06';
  font-weight: 700;
  font-style: normal;
  font-size: 1.1em;
  line-height: 1.25em;
  padding:0 0 10px 0;
}

@media screen and (max-width: 39.9375em) {
  .team {
    padding-bottom: 1em;
  }
  .name h2 {
    font-size: 1.5em;
    margin: 0 !important;
  }
}
.team h2 {
  padding: 1em 0 0 0;
}
.name h2 {
  margin: 1em 0 2em 0;
}
.team .headshot {
  /* padding-bottom: 3em; */
}
.team img {
  /* padding:0 4em 2em 4em; */
}
.team-bio img {
  padding:0 2em;
}
.team-extras {
  padding-bottom: 15vh;
}
.our-team-text p {
  margin:0 0 2em 0;
}
.our-team-text p.headline {
  margin:0 0 0.5em 0;
}
@media screen and (max-width: 63.9375em) {
  .team-bio-text {
    padding:2em 0 0 0;
  }
  .team-bio img {
    max-height:50vh;
  }
  .team h2 {
    margin: 1em 0;
  }
}

/* Our Office
=====================================================================*/
.office {
  position: relative;
}
.office .pullquote-container {
  position:absolute;
  bottom:3em;
  width: 40vw;
}
.office a {
  color: #362622;
}
@media screen and (max-width: 39.9375em) {
  .office .pullquote-container {
    position: relative;
    width: 100%;
    padding:1em 0 0 0;
  }
  .office .address {
    padding:2em 0 0 0;
  }
}

/* FAQ
=====================================================================*/
.question-container {
  position: relative;
  margin:0 0 2em 0;
  padding:1em 0 0 0;
}
.question {
  color: #362622;
  font-family: 'HTF Didot L06';
  font-weight: 900;
  font-style: italic;
  font-size: 1.25em;
  width:88%;
}
.answer {
  display: none;
  color:#96765e;
  font-family: cantarell, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.1em;
  letter-spacing: -.5px;
}
.question-container p {
  margin: 0 0 20px 0;
}
.faq-plus, .faq-minus {
  position: absolute;
  right: 10px;
  top:15px;
}
.faq-video {
  font-weight: bold;
  margin:15px 0;
}

/* About
=====================================================================*/
.about {
  background: #001446;
  color:#fff;
}
.about a {
  color: #fff;
}
#media p {
  color:#F04E37;
}
#disclaimer {
  margin-top:155px;
}
#disclaimer  {
  padding: 0 0 .75em 0;
}

/* Large Navigation
=====================================================================*/
.right-nav ul .menu-end {
  color:#211919;
  background: #cbdfe0;
  white-space:nowrap;
}
.right-nav ul .menu-end:hover {
  color:#211919;
}
.right-nav ul  {
  /* padding-bottom: 1em; */
}

.right-nav ul li {
  display: inline-block;
  padding-left: .5em;
}
.right-nav ul li a {
  font-family: cantarell, sans-serif;
  font-weight: 700;
  font-style: normal;
  /* font-size: calc((100% + 0.15vw) * .9); */
  font-size: .85em;
  color: #211919;
  margin:0;
  padding:0.75em;
  cursor: pointer;
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .right-nav ul li a {
    font-size: .85em;
  }
}
@media screen and (min-width: 1201px) {
  .right-nav ul li a {
    /* font-size: 1.4em; */
  }
}
.right-nav ul li a:hover {
  text-decoration: none;
  cursor: pointer;
  color: #96765e;
}
.right-nav ul li a.active {
  color: #96765e;
}

/* Dropdown Menu
=====================================================================*/
.is-dropdown-submenu {
  border: none;
  background-color: #362622;
  min-width: 140px;
}
.is-dropdown-submenu-parent > a:after {
  display:none!important;
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  left:25px;
}
.dropdown .is-dropdown-submenu a {
  color: #fff;
  padding: .5em 0 .5em 0 !important;
}
.dropdown .is-dropdown-submenu a:hover {
color: #cbdfe0;
}
.dropdown.menu>li.is-active>a {
  color: #96765e;
}
.dropdown.menu>li.is-dropdown-submenu-parent>a {
  padding-right: 1rem;
}

/* Media Queries
=====================================================================*/

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
  /* body {font-size:.75em;} */

}
/* Small only */
@media screen and (max-width: 39.9375em) {
  /* globals */
  .wrapper { margin: 0; }
  section, footer { padding:1em 1em; }
  section.our-approach {padding: 1em 1.5em !important;}
  footer {font-size: .8em;}

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
}

/* Overlay Navigation & Top Bar
=====================================================================*/
#trigger-overlay {
   width: 100%;
   height: 120px;
   text-align: center;
   cursor: pointer;
   /* position: fixed; */
   /* position: relative; */
   top: 0;
   left: 0;
   border: 0;
   outline: 0;
   z-index: 8999;
   color: #211919;
   /*background: rgba(0,0,0,0.7);*/
   /* background: rgba(255,255,255,0.95); */
   transition: all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1);
   font: 36px Heiti, 'Lucida Grande', Arial;
   font-weight: bold;
}
#trigger-overlay.active {
  background: rgba(0,0,0,0.85);
}
#logo {
  position: absolute;
  top:25px;
  left:15px;
  z-index:9999;
  padding:0 0 0 10px;
  color:#;
  font-size:1em;
}
#nav-icon4 {
  width: 50px;
  height: 45px;
  position: absolute;
  top:37px;
  right:10px;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index:9999;
}
#nav-icon4 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 80%;
  background: #211919;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}
#nav-icon4.active span, #nav-icon4.home span {
  background: #211919;
}
 #nav-icon4.open span {
   background: #211919;
}
#nav-icon4 {
}
#nav-icon4 span:nth-child(1) {
  top: 0px;
  transform-origin: left center;
}
#nav-icon4 span:nth-child(2) {
  top: 10px;
  transform-origin: left center;
}
#nav-icon4 span:nth-child(3) {
  top: 20px;
  transform-origin: left center;
}
#nav-icon4.open span:nth-child(1) {
  transform: rotate(45deg);
  top: -1px;
  left: 8px;
}
#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#nav-icon4.open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 27px;
  left: 8px;
}

/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
  /* background: rgba(0,0,0,0.9); */
  background: rgba(255,255,255,0.95);
	z-index: 5999;
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 25px;
	overflow: hidden;
	border: none;
	background: url(../img/global/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}
/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	font-size: 20px;
	transform: translateY(-50%);
}
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
  width:100%;
	position: relative;
}
.overlay ul li {
	display: block;
	height: 12%;
	height: calc(100% / 10);
	min-height: 54px;
}
.overlay ul li a {
	font-weight: 300;
	display: block;
  color:#211919;
	-webkit-transition: color 0.2s;
  text-decoration: none !important;
	transition: color 0.2s;
}
.overlay ul li a:hover,
.overlay ul li a:focus {
  color: #96765e;
  background:#;
  text-decoration: none;
}
/* Effects */
.overlay-hugeinc {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-hugeinc.open {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.5s;
}
.overlay-hugeinc nav {
	perspective: 1200px;
}
.overlay-hugeinc nav ul {
	opacity: 0.4;
	transform: translateY(-25%) rotateX(35deg);
	transition: transform 0.5s, opacity 0.5s;
}
.overlay-hugeinc.open nav ul {
	opacity: 1;
	transform: rotateX(0deg);
}
.overlay-hugeinc.close nav ul {
	transform: translateY(25%) rotateX(-35deg);
}