@font-face {
  font-family: 'gothamboldregular';
  src: url("../fonts/gotham/gothambold-webfont.eot");
  src: url("../fonts/gotham/gothambold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham/gothambold-webfont.woff2") format("woff2"), url("../fonts/gotham/gothambold-webfont.woff") format("woff"), url("../fonts/gotham/gothambold-webfont.ttf") format("truetype"), url("../fonts/gotham/gothambold-webfont.svg#gothamboldregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'gothambookregular';
  src: url("../fonts/gotham/gothambook-webfont.eot");
  src: url("../fonts/gotham/gothambook-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham/gothambook-webfont.woff2") format("woff2"), url("../fonts/gotham/gothambook-webfont.woff") format("woff"), url("../fonts/gotham/gothambook-webfont.ttf") format("truetype"), url("../fonts/gotham/gothambook-webfont.svg#gothambookregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'gothamlightregular';
  src: url("../fonts/gotham/gothamlight-webfont.eot");
  src: url("../fonts/gotham/gothamlight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham/gothamlight-webfont.woff2") format("woff2"), url("../fonts/gotham/gothamlight-webfont.woff") format("woff"), url("../fonts/gotham/gothamlight-webfont.ttf") format("truetype"), url("../fonts/gotham/gothamlight-webfont.svg#gothamlightregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'gothammediumregular';
  src: url("../fonts/gotham/gothammedium-webfont.eot");
  src: url("../fonts/gotham/gothammedium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham/gothammedium-webfont.woff2") format("woff2"), url("../fonts/gotham/gothammedium-webfont.woff") format("woff"), url("../fonts/gotham/gothammedium-webfont.ttf") format("truetype"), url("../fonts/gotham/gothammedium-webfont.svg#gothammediumregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Calluna-Regular';
  src: url("../fonts/calluna/Calluna-Regular-webfont.eot");
  src: url("../fonts/calluna/Calluna-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/calluna/Calluna-Regular-webfont.woff2") format("woff2"), url("../fonts/calluna/Calluna-Regular-webfont.woff") format("woff"), url("../fonts/calluna/Calluna-Regular-webfont.ttf") format("truetype"), url("../fonts/calluna/Calluna-Regular-webfont.svg#gothammediumregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.opb-overflow-text::-webkit-scrollbar {
  width: 12px; }

.opb-overflow-text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(225, 225, 225, 0);
  border-radius: 10px; }

.opb-overflow-text::-webkit-scrollbar-thumb {
  border-radius: 10px;
  width: 12px;
  background: white;
  border: 6px solid white; }

body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #ededed;
  overflow-y: auto;
  height: auto; }
  body.no-scroll {
    overflow: hidden !important;
    height: 100% !important; }

.site-wrapper {
  position: relative;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .site-wrapper.no-scroll {
      overflow: hidden !important; } }

.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

h1 {
  font-size: 6em; }

h2 {
  font-size: 5em; }

h3 {
  font-size: 4em; }

h4 {
  font-size: 3em; }

h5 {
  font-size: 2em; }

p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 15px 0; }

a {
  color: #20a4dd; }

a:hover, a:active, a:focus {
  text-decoration: none; }

.vertical {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%); }

.horizontal {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0); }

.middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

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

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

.waypoint.up {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  position: relative;
  opacity: 0;
  visibility: hidden;
  top: 60px; }
  .waypoint.up.visible {
    opacity: 1;
    visibility: visible;
    top: 0; }

.waypoint.fade-in {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  position: relative;
  opacity: 0;
  visibility: hidden; }
  .waypoint.fade-in.visible {
    opacity: 1;
    visibility: visible; }

.waypoint.slide-in {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  position: relative;
  opacity: 0;
  visibility: hidden;
  left: -60px; }
  .waypoint.slide-in.visible {
    left: 0;
    opacity: 1;
    visibility: visible; }

.shadow {
  text-shadow: 0px 0px 20px #000; }

.lightshadow {
  text-shadow: 0px 0px 10px #aaa; }

video.fullscreen-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translate(-50%, -50%); }

#play-pause-button {
  position: absolute;
  right: 60px;
  bottom: 70px;
  z-index: 999;
  color: white; }
  #play-pause-button span {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
    font-weight: 100; }
    #play-pause-button span:hover {
      cursor: pointer; }
  #play-pause-button .entypo-play {
    opacity: 0;
    visibility: hidden; }
  #play-pause-button .entypo-pause {
    opacity: 1;
    visibility: visible; }
  #play-pause-button.active .entypo-play {
    opacity: 0;
    visibility: hidden;
    opacity: 1;
    visibility: visible; }
  #play-pause-button.active .entypo-pause {
    opacity: 0;
    visibility: hidden; }

.close-btn {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  position: absolute;
  right: 30px;
  top: 20px;
  width: 30px;
  height: 30px;
  z-index: 999; }
  .close-btn:hover {
    opacity: .8; }

.close-btn::before,
.close-btn::after {
  content: '';
  position: absolute;
  width: 40px;
  height: 1px;
  background-color: white;
  top: 16px; }

.close-btn.black::before,
.close-btn.black::after {
  content: '';
  background-color: black; }

.close-btn::before {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg); }

.close-btn::after {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg); }

.opb-header {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  position: relative;
  display: block;
  background: white;
  text-align: center;
  height: 180px;
  position: fixed;
  left: 0;
  right: 0;
  top: -140px;
  width: 100%;
  overflow: hidden;
  z-index: 999; }

body.ready .opb-header {
  top: 0px; }

body.scrolled .opb-header {
  top: -180px; }

body.ready .opb-header.video-active {
  top: -180px; }

.opb-header-top {
  clear: both;
  padding: 20px 0 0; }
  @media (max-width: 992px) {
    .opb-header-top {
      padding: 15px 0 0; } }

.opb-logo {
  position: absolute;
  left: 50%;
  width: 140px;
  margin-left: -70px; }
  @media (max-width: 992px) {
    .opb-logo {
      position: relative;
      display: block;
      left: auto;
      margin: 0 auto;
      width: 100px; } }

.opb-menu {
  padding: 0 30px; }
  .opb-menu li {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-block;
    font-size: 16px;
    margin: 0 10px;
    font-weight: 600; }
    .opb-menu li a {
      display: block;
      color: #8e9093;
      line-height: 35px; }
      .opb-menu li a:hover {
        color: #111;
        cursor: pointer; }
  @media (max-width: 992px) {
    .opb-menu {
      padding: 15px 0 0;
      width: 100%; } }

.opb-tagline {
  padding: 10px 0 0; }
  .opb-tagline h4 {
    line-height: 1.2em;
    color: #8e9093;
    letter-spacing: 1px;
    font-size: 24px;
    text-align: center; }
    @media (max-width: 992px) {
      .opb-tagline h4 {
        font-size: 12px;
        padding: 0 15px;
        color: black; } }
  @media (max-width: 992px) {
    .opb-tagline {
      padding: 0; } }

#fullpage {
  width: 100%;
  overflow-x: hidden; }

.header-banner {
  width: 100%;
  position: relative;
  display: block;
  overflow-x: hidden;
  overflow-y: hidden; }

.header-video-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
  .header-video-wrap.video-active {
    background: black; }
  .header-video-wrap.video-active .close-btn {
    visibility: visible;
    opacity: 1; }
    .header-video-wrap.video-active .close-btn:hover {
      cursor: pointer; }
  .header-video-wrap.video-active .close-btn::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg); }
  .header-video-wrap.video-active .close-btn::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .header-video-wrap .close-btn {
    opacity: 0;
    visibility: hidden;
    z-index: 2; }
  .header-video-wrap.video-active .close-btn {
    opacity: 1;
    visibility: visible; }
  .header-video-wrap.video-active #mouse-icon {
    opacity: 0;
    visibility: hidden; }
  .header-video-wrap #banner-video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0; }
    .header-video-wrap #banner-video.video-active {
      opacity: 1; }
    .header-video-wrap #banner-video:hover {
      cursor: pointer; }
  .header-video-wrap .video-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out; }
    .header-video-wrap .video-overlay:hover {
      cursor: pointer; }
    .header-video-wrap .video-overlay.active {
      opacity: 1;
      visibility: visible; }
    .header-video-wrap .video-overlay h1 {
      color: white; }
    .header-video-wrap .video-overlay .quote-mark {
      margin-left: -35px; }
    .header-video-wrap .video-overlay .vertical, .header-video-wrap .video-overlay .middle {
      top: calc(50% + 100px); }
    .header-video-wrap .video-overlay .quote-who {
      color: white; }
      .header-video-wrap .video-overlay .quote-who p {
        font-style: italic;
        font-family: 'Calluna-Regular';
        margin-left: 30px; }

.video-overlay-gradient {
  background: #50a1c7;
  background: -moz-linear-gradient(left, #50a1c7 0%, rgba(255, 255, 255, 0.5) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #50a1c7), color-stop(100%, rgba(255, 255, 255, 0.5)));
  background: -webkit-linear-gradient(left, #50a1c7 0%, rgba(255, 255, 255, 0.5) 100%);
  background: -o-linear-gradient(left, #50a1c7 0%, rgba(255, 255, 255, 0.5) 100%);
  background: -ms-linear-gradient(left, #50a1c7 0%, rgba(255, 255, 255, 0.5) 100%);
  background: linear-gradient(to right, #50a1c7 0%, rgba(255, 255, 255, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50a1c7', endColorstr='#ffffff', GradientType=1 ); }

.section {
  position: relative;
  display: block;
  overflow: hidden; }
  @media (max-width: 992px) {
    .section {
      height: 100vh; } }

#fp-nav ul li:nth-child(1) {
  display: none; }

#fp-nav ul li:nth-child(2) {
  display: none; }

#fp-nav ul li:nth-child(8) {
  display: none; }

#fp-nav ul li a span {
  background: #eee;
  border: 0; }

#fp-nav ul li .fp-tooltip {
  color: #ddd;
  font-family: 'Calluna-Regular';
  font-weight: 100;
  font-style: italic;
  padding-right: 5px; }

#fp-nav ul li a.active span {
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px; }

.section-one {
  position: relative;
  display: block;
  background: #1a0c01;
  color: white;
  text-align: left; }
  .section-one .quote-who {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    opacity: 0;
    visibility: hidden; }
    @media (max-width: 767px) {
      .section-one .quote-who {
        opacity: 1;
        visibility: visible; } }
  .section-one .quote-box:hover .quote-who {
    opacity: 1;
    visibility: visible; }
  .section-one h1 {
    font-size: 82px;
    font-weight: 600; }
    @media (max-width: 767px) {
      .section-one h1 {
        font-size: 3em;
        letter-spacing: 0px;
        padding: 0 30px; } }
    @media (min-width: 1200px) {
      .section-one h1 {
        font-size: 6.6em;
        letter-spacing: 2px; } }
  @media (max-width: 767px) {
    .section-one h4 {
      font-size: 2em;
      padding-top: 30px; } }
  @media (min-width: 1200px) {
    .section-one h4 {
      font-size: 3em; } }
  .section-one p {
    font-style: italic;
    font-family: 'Calluna-Regular';
    margin-left: 30px;
    letter-spacing: .3px;
    font-weight: 100; }
    @media (max-width: 767px) {
      .section-one p {
        font-size: 1em;
        margin-left: 15px; } }
    @media (min-width: 1200px) {
      .section-one p {
        font-size: 1.6em;
        padding-left: 0px; } }

.section-one-2 {
  position: relative;
  display: block;
  color: white;
  text-align: center; }
  .section-one-2 h1 {
    position: relative;
    top: -60px;
    font-weight: 600; }
    @media (max-width: 767px) {
      .section-one-2 h1 {
        font-size: 3em; } }
    @media (min-width: 1200px) {
      .section-one-2 h1 {
        font-size: 6.6em;
        letter-spacing: 2px; } }
  .section-one-2 h5 {
    padding-top: 30px;
    font-family: 'Calluna-Regular';
    line-height: 1.4em; }
    @media (max-width: 767px) {
      .section-one-2 h5 {
        padding-top: 0px;
        font-size: 1.4em; } }
  .section-one-2::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1; }

.section-two {
  position: relative;
  display: block;
  background: white;
  color: #8e9093;
  text-align: left;
  z-index: 9; }
  @media (max-width: 992px) {
    .section-two {
      height: auto; } }
  @media (max-width: 992px) {
    .section-two .influencers-content {
      padding: 60px 15px; } }
  .section-two ul {
    margin: 0;
    padding: 15px 0 0px; }
    .section-two ul li {
      display: inline-block;
      margin-right: 25px;
      font-style: italic;
      font-size: 18px;
      letter-spacing: 1px; }
      @media (max-width: 992px) {
        .section-two ul li {
          display: block;
          width: 100%;
          padding: 10px 0; } }
      .section-two ul li a {
        text-transform: uppercase;
        font-style: normal;
        font-weight: 600;
        margin-right: 15px;
        color: #8e9093; }
        @media (max-width: 992px) {
          .section-two ul li a {
            color: black; } }
      .section-two ul li.goals-hover:hover a {
        color: #20a4dd; }
      .section-two ul li.vision-hover:hover a {
        color: #94aa3b; }
      .section-two ul li span {
        position: relative;
        top: -3px;
        margin-left: 5px;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
      .section-two ul li.active a {
        color: #20a4dd; }
  .section-two p {
    font-family: 'Calluna-Regular';
    text-align: justify;
    font-size: 1.8em;
    line-height: 1.4em;
    color: #111;
    margin-bottom: 30px; }
    @media (max-width: 992px) {
      .section-two p {
        font-size: 16px; } }
    @media (min-width: 1200px) {
      .section-two p {
        font-size: 2em; } }
  .section-two .goals-mobile {
    color: black; }
    .section-two .goals-mobile h5 {
      font-size: 1.4em;
      padding: 15px 0;
      margin: 0; }
    .section-two .goals-mobile li, .section-two .goals-mobile p {
      font-style: normal;
      font-family: 'Calluna-Regular';
      font-size: 16px; }

.tab-expands.desktop {
  overflow-y: scroll; }
  .tab-expands.desktop:hover {
    cursor: pointer; }
  .tab-expands.desktop .tab-expand {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: black;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    z-index: 999999; }
    .tab-expands.desktop .tab-expand.active {
      left: 0;
      opacity: 1;
      visibility: visible; }
      .tab-expands.desktop .tab-expand.active .close-btn {
        visibility: visible;
        opacity: 1; }
        .tab-expands.desktop .tab-expand.active .close-btn:hover {
          cursor: pointer; }
      .tab-expands.desktop .tab-expand.active .close-btn::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg); }
      .tab-expands.desktop .tab-expand.active .close-btn::before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg); }

#our-goals .our-vision-container, #our-vision .our-vision-container, #influencers .our-vision-container {
  width: 70%; }

#our-goals .our-goals-container, #our-vision .our-goals-container, #influencers .our-goals-container {
  width: 70%; }

#our-goals .opb-overflow-text, #our-vision .opb-overflow-text, #influencers .opb-overflow-text {
  text-shadow: none; }

#our-goals h2, #our-vision h2, #influencers h2 {
  color: white;
  margin-bottom: 30px;
  font-weight: 600;
  letter-spacing: 2px; }

#our-goals h5, #our-vision h5, #influencers h5 {
  margin-top: 30px; }

#our-goals p, #our-vision p, #influencers p {
  font-family: 'Calluna-Regular';
  font-weight: 100;
  font-size: 22px;
  line-height: 1.8em;
  color: white; }
  @media (max-width: 992px) {
    #our-goals p, #our-vision p, #influencers p {
      font-size: 12px;
      line-height: 24px; } }

#our-goals ul, #our-vision ul, #influencers ul {
  padding-left: 25px;
  list-style-type: disc; }
  #our-goals ul li, #our-vision ul li, #influencers ul li {
    font-family: 'Calluna-Regular';
    font-weight: 100;
    list-style-type: disc;
    font-style: normal;
    color: white;
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 1.8em; }
    @media (max-width: 992px) {
      #our-goals ul li, #our-vision ul li, #influencers ul li {
        font-size: 12px;
        line-height: 24px; } }

#our-goals {
  background: #20a4dd;
  padding-bottom: 60px; }

#our-vision {
  background: #94aa3b;
  padding-bottom: 60px; }

#influencers .influencer, #board-members .influencer {
  position: relative;
  display: block;
  float: left;
  width: 33.333%;
  padding-top: 25%;
  margin: 0;
  overflow: hidden; }
  @media (max-width: 992px) {
    #influencers .influencer, #board-members .influencer {
      width: 100%;
      padding-top: 80%; } }
  #influencers .influencer::after, #board-members .influencer::after {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(32, 164, 221, 0.8); }
  #influencers .influencer:hover, #board-members .influencer:hover {
    cursor: pointer; }
  #influencers .influencer:hover::after, #board-members .influencer:hover::after {
    background: rgba(17, 17, 17, 0.6); }
  #influencers .influencer:hover .influencer-info, #board-members .influencer:hover .influencer-info {
    margin-top: 0;
    opacity: 1;
    visibility: visible; }
  #influencers .influencer:hover .influencer-titles, #board-members .influencer:hover .influencer-titles {
    opacity: 0;
    visibility: hidden; }

#influencers .no-influencer-content:hover::after, #board-members .no-influencer-content:hover::after {
  background: rgba(32, 164, 221, 0.8); }

#influencers .influencer-info, #board-members .influencer-info {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  text-align: center;
  color: white;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  padding: 0 30px; }

#influencers .influencer-titles, #board-members .influencer-titles {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 99;
  opacity: 1;
  visibility: visible; }

#influencers .influencer-name, #board-members .influencer-name {
  font-family: 'Calluna-Regular';
  font-size: 28px;
  line-height: 28px;
  letter-spacing: 2px;
  color: white;
  margin-bottom: 15px; }

#influencers .influencer-location, #board-members .influencer-location {
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  font-weight: 600;
  margin-top: 5px;
  opacity: .8; }

#influencers .influencer-quote, #board-members .influencer-quote {
  font-family: 'Calluna-Regular';
  font-size: 1.4em;
  line-height: 1.4em; }

#board-members .influencer {
  float: left;
  position: relative;
  min-height: inherit;
  width: 25%;
  padding-top: 20%;
  /* 1:1 Aspect Ratio */
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); }
  @media (max-width: 992px) {
    #board-members .influencer {
      width: 100%;
      padding-top: 80%; } }
  #board-members .influencer::after {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    filter: grayscale(100%); }
  #board-members .influencer .influencer-titles {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 30px; }
  #board-members .influencer:hover {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%); }
  #board-members .influencer:hover::after {
    background: none; }

.section-three {
  position: relative;
  display: block;
  height: 1600px; }
  .section-three::after {
    content: '';
    background-image: -ms-linear-gradient(top, #97A822 0%, #28A6DD 100%);
    background-image: -moz-linear-gradient(top, #97A822 0%, #28A6DD 100%);
    background-image: -o-linear-gradient(top, #97A822 0%, #28A6DD 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #97A822), color-stop(100, #28A6DD));
    background-image: -webkit-linear-gradient(top, #97A822 0%, #28A6DD 100%);
    background-image: linear-gradient(to bottom, #97A822 0%, #28A6DD 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    opacity: .25; }
  @media (max-width: 992px) {
    .section-three {
      height: 600px; } }
  .section-three .overlay-wrap {
    height: 100%;
    top: 0px;
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: -22; }
    @media (max-width: 992px) {
      .section-three .overlay-wrap {
        height: 200px; } }
    .section-three .overlay-wrap .overlay-txt {
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      position: absolute;
      width: 80%;
      margin-top: -20px;
      opacity: 0;
      visibility: hidden; }
  .section-three h1 {
    color: white;
    text-align: center; }
    @media (max-width: 992px) {
      .section-three h1 {
        font-size: 42px; } }
  .section-three .predict-future-parallax-1 {
    height: 800px;
    background: rgba(0, 0, 0, 0.6); }
    @media (max-width: 992px) {
      .section-three .predict-future-parallax-1 {
        height: 300px; } }
  .section-three.active .overlay-wrap {
    z-index: 2; }
  .section-three.active .overlay-wrap .overlay-txt {
    opacity: 1;
    visibility: visible; }

.section-five {
  position: relative;
  display: block;
  height: 1600px !important;
  z-index: 10; }
  @media (max-width: 767px) {
    .section-five {
      height: 1200px !important; } }
  .section-five .imagine-callout {
    bottom: 24%;
    width: 100%;
    text-align: center;
    position: absolute; }
    .section-five .imagine-callout img {
      width: 300px; }
  .section-five .statue-top-callout {
    display: block;
    width: 100%;
    background: white;
    position: absolute;
    top: 0;
    padding: 30px 0;
    text-align: center; }
    .section-five .statue-top-callout h4 {
      color: #8e9093;
      font-style: normal;
      line-height: 1.2em; }
    @media (max-width: 992px) {
      .section-five .statue-top-callout {
        padding: 30px 0;
        height: auto; } }
  .section-five .statue-lower-callout {
    position: absolute;
    top: 28%;
    text-align: center;
    width: 100%; }
  .section-five h5 {
    font-family: 'Calluna-Regular';
    text-align: center;
    font-weight: 400;
    line-height: 1em;
    font-size: 1.2em;
    line-height: 34px;
    letter-spacing: 1px;
    color: #8e9093;
    margin: 5px 0; }
    @media (max-width: 992px) {
      .section-five h5 {
        font-size: 18px;
        line-height: 28px; } }
    @media (min-width: 1200px) {
      .section-five h5 {
        font-size: 1.4em; } }
  .section-five h4 {
    font-family: 'Calluna-Regular';
    text-align: center;
    font-weight: 400;
    line-height: 1em;
    font-size: 42px;
    line-height: 42px;
    letter-spacing: 1px;
    margin: 5px 0;
    font-style: italic;
    color: white; }
    @media (max-width: 992px) {
      .section-five h4 {
        font-size: 18px;
        line-height: 28px; } }
  .section-five h1 {
    text-align: center;
    margin: 0;
    font-size: 82px;
    font-weight: 600;
    color: white; }
    @media (max-width: 992px) {
      .section-five h1 {
        font-size: 3em; } }
  .section-five .predict-future-parallax-3 {
    height: 900px; }
    @media (max-width: 992px) {
      .section-five .predict-future-parallax-3 {
        height: 500px; } }
  .section-five .predict-future-parallax-4 {
    height: 700px; }
    @media (max-width: 992px) {
      .section-five .predict-future-parallax-4 {
        height: 400px; } }

.section-six {
  position: relative;
  display: block;
  background: #111;
  height: auto; }
  .section-six h4 {
    font-family: 'Calluna-Regular';
    text-align: left;
    color: white;
    margin: 0;
    height: 120px;
    line-height: 120px;
    color: #8e9093; }
    .section-six h4 span {
      opacity: 1;
      color: white; }
    @media (max-width: 992px) {
      .section-six h4 {
        font-size: 18px; } }

.section-seven {
  position: relative;
  display: block;
  background: white; }
  .section-seven .station-bg::after {
    content: '';
    background: url("../img/radiowaves1bg.png") top center no-repeat;
    background-size: cover;
    z-index: 9;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%; }
  .section-seven .station-bg:hover::after {
    content: '';
    background: url("../img/radiowaves2bg.png") top center no-repeat;
    background-size: cover;
    z-index: 9;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%; }
  .section-seven .banner-txt {
    background: white;
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    height: auto;
    z-index: 1; }
    .section-seven .banner-txt h4 {
      font-family: 'Calluna-Regular';
      margin: 0;
      padding: 30px 0;
      text-align: center;
      color: #8E9093;
      line-height: 48px; }
      @media (max-width: 992px) {
        .section-seven .banner-txt h4 {
          font-size: 24px;
          line-height: 38px; } }
      @media (min-width: 1200px) {
        .section-seven .banner-txt h4 {
          font-size: 3em;
          line-height: 1.2em; } }
  .section-seven .bottom-txt {
    padding-right: 30px; }
    .section-seven .bottom-txt p {
      font-family: 'Calluna-Regular';
      padding: 50px 90px 60px 60px;
      color: white;
      font-size: 2em;
      line-height: 1.4em;
      margin-top: 60px; }
      @media (max-width: 992px) {
        .section-seven .bottom-txt p {
          font-size: 12px;
          line-height: 22px;
          padding: 0 15px; } }
    @media (max-width: 992px) {
      .section-seven .bottom-txt {
        padding: 0; } }

.section-eight {
  position: relative;
  display: block;
  height: 300px; }
  .section-eight .txt-box h1 {
    color: white; }

.our-board-contacts {
  position: relative;
  display: block;
  text-align: left;
  padding: 30px 0 60px; }
  @media (max-width: 992px) {
    .our-board-contacts {
      padding: 0; } }
  .our-board-contacts span {
    margin-left: 10px;
    position: relative;
    top: -3px; }
  .our-board-contacts h1 {
    font-size: 24px;
    text-transform: uppercase;
    color: #8e9093;
    font-weight: 600; }
  .our-board-contacts h2 {
    margin-top: 30px;
    font-size: 18px;
    text-transform: uppercase;
    color: #94aa3b;
    font-weight: 600; }
  .our-board-contacts p {
    color: #8e9093; }
  .our-board-contacts a {
    color: #8e9093;
    font-weight: 600; }
  .our-board-contacts .board-contact-title {
    font-style: italic;
    font-family: 'Calluna-Regular'; }

.board-block {
  position: relative;
  display: block;
  background: white;
  text-align: left;
  padding: 60px 0; }
  .board-block h6 {
    text-transform: uppercase;
    color: #8E9093;
    font-size: 24px;
    font-weight: 600;
    margin-top: 0; }
  .board-block p {
    margin: 0;
    color: #8E9093;
    font-size: 18px;
    font-weight: 400; }

.faq-block {
  position: relative;
  display: block;
  background: white; }
  .faq-block p {
    margin: 0;
    padding: 60px 0;
    color: #8E9093;
    font-size: 18px; }

.sub-footer {
  clear: both;
  position: relative;
  display: block;
  background: white;
  text-align: center;
  padding: 0 0 0px; }
  .sub-footer .contrib-btn {
    color: #20a4dd;
    display: inline-block;
    letter-spacing: 2px;
    margin: 90px auto 30px;
    padding: 12px 30px; }
    .sub-footer .contrib-btn img {
      max-width: 400px; }
    .sub-footer .contrib-btn:hover {
      opacity: .8; }
    @media (max-width: 992px) {
      .sub-footer .contrib-btn {
        padding: 0;
        margin: 30px 0; }
        .sub-footer .contrib-btn img {
          max-width: 260px; } }

.footer {
  clear: both;
  position: relative;
  display: block;
  padding: 60px 0 60px;
  background: #222;
  color: white; }
  .footer h6 {
    letter-spacing: 1px;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase; }
  .footer a {
    color: white; }
    .footer a:hover {
      opacity: .8; }

.accordion {
  width: 100%;
  height: calc(100vh - 120px);
  overflow: hidden;
  margin: 0 auto; }

.accordion ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0; }

.accordion-capture {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.1); }
  .accordion-capture:hover {
    background: transparent;
    cursor: pointer; }

.accordion ul li.active .accordion-capture {
  display: none; }

.accordion ul li {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  width: 16.666%;
  height: calc(100vh - 115px);
  z-index: 9;
  background-repeat: no-repeat;
  background-position: center center; }
  @media (max-width: 992px) {
    .accordion ul li {
      height: 400px; } }
  .accordion ul li video {
    margin-top: -2px; }
  .accordion ul li span.acc-arrows {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    margin-left: 5px;
    position: relative;
    top: -2px; }
  .accordion ul li:hover .acc-txt {
    transform: scale(1.4); }
    @media (max-width: 992px) {
      .accordion ul li:hover .acc-txt {
        transform: scale(1); } }
    .accordion ul li:hover .acc-txt .divide {
      width: 70px; }
  .accordion ul li:hover span.acc-arrows {
    opacity: 1; }
  .accordion ul li::after {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(32, 164, 221, 0.8); }
  .accordion ul li:hover::after {
    background: rgba(32, 164, 221, 0.2); }
  .accordion ul li .close-btn {
    visibility: hidden;
    opacity: 0;
    z-index: 99999; }
    @media (max-width: 992px) {
      .accordion ul li .close-btn {
        display: none; } }
  .accordion ul li .skip-btn {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    position: absolute;
    right: 65px;
    top: 15px;
    padding: 15px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden; }
    .accordion ul li .skip-btn:hover {
      cursor: pointer;
      opacity: .8; }
  .accordion ul li.active {
    background: transparent;
    width: 100%; }
    .accordion ul li.active span.acc-arrows {
      opacity: 0; }
    .accordion ul li.active:hover span.acc-arrows {
      opacity: 0; }
    .accordion ul li.active:hover .acc-txt {
      transform: scale(1); }
    .accordion ul li.active .skip-btn {
      opacity: 1;
      visibility: visible; }
    .accordion ul li.active .fullscreen-video {
      z-index: 1; }
    .accordion ul li.active::after {
      background: transparent; }
    .accordion ul li.active .close-btn {
      visibility: visible;
      opacity: 1; }
      .accordion ul li.active .close-btn:hover {
        cursor: pointer; }
    .accordion ul li.active .close-btn::after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      transform: rotate(45deg); }
    .accordion ul li.active .close-btn::before {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.accordion ul li .acc-txt {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  display: block;
  height: 100%;
  float: left;
  position: absolute;
  z-index: 3;
  vertical-align: bottom;
  height: 120px;
  top: 50%;
  margin-top: -80px;
  margin-left: 5px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  font-family: Open Sans, sans-serif; }
  @media (max-width: 992px) {
    .accordion ul li .acc-txt {
      bottom: 0;
      top: auto;
      left: 15px; } }
  .accordion ul li .acc-txt .divide {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-top: 1px solid white;
    width: 40px;
    margin: 15px 0; }

.accordion ul li h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-overflow: clip;
  font-size: 42px;
  text-transform: uppercase;
  margin-bottom: 2px;
  margin-top: 0;
  font-weight: 600; }
  @media (min-width: 1440px) {
    .accordion ul li h2 {
      font-size: 48px; } }

.accordion ul li p {
  font-family: 'Calluna-Regular';
  font-style: italic;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 400; }
  @media (min-width: 1440px) {
    .accordion ul li p {
      font-size: 32px; } }

.accordion ul li .play-btn {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: url(../img/playbtn2.png) no-repeat center center;
  background-size: 24px;
  width: 30px;
  height: 30px;
  z-index: 999;
  margin-top: -50px;
  opacity: .5; }

.accordion ul li:hover .play-btn {
  opacity: 1; }

.accordion ul li.active .play-btn {
  display: none; }

.accordion ul li .video-title {
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
  max-width: 800px;
  width: 80%;
  text-align: center;
  color: white;
  padding: 30px 15px;
  margin-left: 10px;
  opacity: 0;
  visibility: hidden;
  margin-top: -50px; }
  .accordion ul li .video-title h3 {
    margin-top: 0;
    font-size: 42px;
    text-align: center;
    font-weight: 100;
    letter-spacing: 1px; }
    @media (max-width: 992px) {
      .accordion ul li .video-title h3 {
        font-size: 24px; } }
  .accordion ul li .video-title.show-title {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    opacity: 1;
    visibility: visible; }

.accordion ul li {
  width: 1%;
  padding: 0 60px; }

.accordion ul li.active {
  width: 96%;
  padding: 0 10px; }

.accordion ul.active li {
  padding: 0 10px; }

@media (max-width: 992px) {
  .accordion {
    height: auto; }
  .accordion ul li,
  .accordion ul li:hover,
  .accordion ul:hover li,
  .accordion ul:hover li:hover {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    -webkit-transition: none;
    transition: none; } }

.opb-today-modal {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  color: white;
  z-index: 2; }
  .opb-today-modal h6 {
    font-family: 'Calluna-Regular';
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 30px; }
  .opb-today-modal .opb-today-btn, .opb-today-modal .opb-tmrw-btn {
    display: inline-block;
    padding: 15px 30px; }
    .opb-today-modal .opb-today-btn::after, .opb-today-modal .opb-tmrw-btn::after {
      content: '';
      background: url(../img/chevright-white.png) center right no-repeat;
      background-size: 7px;
      width: 10px;
      height: 10px;
      display: inline-block;
      margin-left: 15px; }
    .opb-today-modal .opb-today-btn:hover, .opb-today-modal .opb-tmrw-btn:hover {
      cursor: pointer;
      opacity: .6; }
  .opb-today-modal .content {
    width: 60%;
    color: white;
    font-size: 14px;
    height: 200px; }
  .opb-today-modal.show-modal {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    opacity: 1;
    visibility: visible; }
  .opb-today-modal.civic-modal-always-show {
    opacity: 1;
    visibility: visible; }

.opb-modal-close::before {
  box-shadow: 0px 0px 10px black; }

.opb-modal-close::after {
  box-shadow: 0px 0px 10px black; }

.opb-modal-close.black::before {
  box-shadow: 0px 0px 10px white; }

.opb-modal-close.black::after {
  box-shadow: 0px 0px 10px white; }

#mouse-icon {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  width: 21px;
  height: 35px;
  display: block;
  margin: -20px 0 0 -10px;
  border: 2px solid white;
  position: fixed;
  z-index: 9;
  opacity: 0;
  bottom: -220px;
  left: 50%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 999; }

body.ready #mouse-icon {
  bottom: 40px;
  opacity: .3;
  visibility: visible; }

body.near-bottom #mouse-icon {
  opacity: 0; }

body.scrolled #mouse-icon {
  bottom: 160px;
  opacity: 0; }

#mouse-icon::before {
  content: 'EXPLORE';
  width: 60px;
  display: block;
  margin-left: -34px;
  position: absolute;
  left: 50%;
  text-align: center;
  font-family: 'ChaletBookBold';
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: white;
  margin-top: -30px;
  opacity: 1;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

#mouse-icon:hover {
  opacity: 1;
  cursor: pointer; }

#scroll-wheel {
  width: 5px;
  height: 6px;
  display: block;
  position: absolute;
  top: 5px;
  left: 6px;
  background: #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-animation: scrollWheel 1s linear infinite;
  -moz-animation: scrollWheel1s linear infinite;
  -o-animation: scrollWheel 1s linear infinite;
  animation: scrollWheel 1s linear infinite; }

@-webkit-keyframes scrollWheel {
  0% {
    top: 5px;
    opacity: 1; }
  100% {
    top: 20px;
    opacity: 0; } }

@-moz-keyframes scrollWheel {
  0% {
    top: 5px;
    opacity: 1; }
  100% {
    top: 20px;
    opacity: 0; } }

@-o-keyframes scrollWheel {
  0% {
    top: 5px;
    opacity: 1; }
  100% {
    top: 20px;
    opacity: 0; } }

#mouse-icon2 {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  width: 21px;
  height: 35px;
  display: block;
  margin: -20px 0 0 -10px;
  border: 2px solid white;
  position: absolute;
  z-index: 9;
  opacity: 1;
  bottom: 30px;
  left: 50%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 999; }

#mouse-icon2::before {
  content: 'EXPLORE';
  width: 60px;
  display: block;
  margin-left: -34px;
  position: absolute;
  left: 50%;
  text-align: center;
  font-family: 'ChaletBookBold';
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: white;
  margin-top: -30px;
  opacity: .5;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

#mouse-icon2:hover {
  opacity: 1;
  cursor: pointer; }

div.lets-slides-frame {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  background: #737b4c; }
  @media (max-width: 992px) {
    div.lets-slides-frame {
      height: 400px; } }

div.lets-slide {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-animation: slideUp 7s infinite;
  -moz-animation: slideUp 7s infinite;
  -o-animation: slideUp 7s infinite;
  animation: slideUp 7s infinite;
  position: relative;
  overflow: hidden; }
  @media (max-width: 992px) {
    div.lets-slide {
      -webkit-animation: slideUpMobile 7s infinite;
      -moz-animation: slideUpMobile 7s infinite;
      -o-animation: slideUpMobile 7s infinite;
      animation: slideUpMobile 7s infinite; } }

div.lets-slides {
  position: relative;
  width: 100%;
  height: 100vh; }
  @media (max-width: 992px) {
    div.lets-slides {
      height: 400px; } }
  div.lets-slides::after {
    content: '';
    display: block;
    position: absolute;
    background: rgba(115, 123, 76, 0.6);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1; }

lesshat-selector {
  -lh-property: 0; }

@keyframes slideUp {
  0% {
    bottom: 0;
    opacity: 0;
    visibility: hidden; }
  3% {
    bottom: 0;
    opacity: 1;
    visibility: visible; }
  30% {
    bottom: 0; }
  35% {
    bottom: 100vh; }
  60% {
    bottom: 100vh; }
  65% {
    bottom: 200vh; }
  97% {
    bottom: 200vh;
    opacity: 1;
    visibility: visible; }
  99% {
    bottom: 200vh;
    opacity: 0;
    visibility: hidden; }
  100% {
    bottom: 0;
    opacity: 0;
    visibility: hidden; } }

@keyframes slideUpMobile {
  0% {
    bottom: 0;
    opacity: 0;
    visibility: hidden; }
  3% {
    bottom: 0;
    opacity: 1;
    visibility: visible; }
  30% {
    bottom: 0; }
  35% {
    bottom: 400px; }
  60% {
    bottom: 400px; }
  65% {
    bottom: 800px; }
  97% {
    bottom: 800px;
    opacity: 1;
    visibility: visible; }
  99% {
    bottom: 800px;
    opacity: 0;
    visibility: hidden; }
  100% {
    bottom: 0;
    opacity: 0;
    visibility: hidden; } }

.fixed-txt-box {
  position: absolute;
  z-index: 999;
  color: white;
  top: 32%;
  left: 0; }
  .fixed-txt-box h1 {
    font-size: 6em;
    font-weight: 600;
    margin-left: -215px; }
  @media (max-width: 992px) {
    .fixed-txt-box {
      top: 10%;
      width: 100%;
      left: 0;
      text-align: center; }
      .fixed-txt-box h1 {
        font-size: 2em;
        margin-left: 0; } }

.lets-slide.waypoint.visible .fixed-txt-box {
  opacity: 1; }

.txt-box {
  top: 32%;
  z-index: 9; }
  .txt-box h1 {
    font-size: 6em;
    font-weight: 600; }
  @media (max-width: 992px) {
    .txt-box {
      top: 20%;
      width: 100%;
      left: 0;
      text-align: center;
      padding: 0 15px; }
      .txt-box h1 {
        font-size: 2em; } }

.footer a.to-top-btn-footer {
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 120px;
  background: #222;
  margin-top: -110px;
  border-radius: 200px;
  height: 120px;
  padding: 35px 0;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 10px;
  margin-bottom: 30px;
  font-weight: 400;
  color: grey; }
  .footer a.to-top-btn-footer:hover {
    opacity: 1; }

.opb-today, .opb-tmrw {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: -100%;
  z-index: 9999999999;
  overflow-y: scroll;
  overflow-x: hidden;
  visibility: hidden; }
  .opb-today.active, .opb-tmrw.active {
    bottom: 0;
    visibility: visible; }
    .opb-today.active .close-btn, .opb-tmrw.active .close-btn {
      visibility: visible;
      opacity: 1; }
      .opb-today.active .close-btn:hover, .opb-tmrw.active .close-btn:hover {
        cursor: pointer; }
    .opb-today.active .close-btn::after, .opb-tmrw.active .close-btn::after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      transform: rotate(45deg); }
    .opb-today.active .close-btn::before, .opb-tmrw.active .close-btn::before {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .opb-today .close-btn, .opb-tmrw .close-btn {
    position: fixed;
    padding: 30px;
    right: 50px;
    top: 35px; }

.opb-article-banner {
  position: relative;
  display: block;
  max-height: 600px;
  overflow-y: hidden; }
  .opb-article-banner img {
    width: 100%; }

.opb-article-divide {
  margin: 30px 0;
  padding: 30px 0;
  border-top: 1px solid #eee;
  position: relative;
  display: block;
  height: 1px;
  float: left;
  width: 100%; }

article.opb-article {
  position: relative;
  display: block;
  width: 100%;
  background: white;
  padding-bottom: 200px;
  border: 0; }
  article.opb-article h1 {
    font-size: 5em;
    font-weight: 600; }
  article.opb-article h2.sub {
    font-family: 'Calluna-Regular';
    font-size: 2em;
    line-height: 1.4em; }
  article.opb-article p {
    font-family: 'Calluna-Regular';
    font-size: 20px;
    line-height: 36px; }
  article.opb-article ul {
    font-family: 'Calluna-Regular';
    font-size: 20px;
    line-height: 36px;
    padding-bottom: 15px; }
  article.opb-article iframe {
    margin-bottom: 30px; }
  article.opb-article .firstcharacter {
    font-family: 'Calluna-Regular';
    float: left;
    font-size: 75px;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 1px; }
  article.opb-article blockquote {
    font-family: 'Calluna-Regular';
    padding: 30px 0;
    margin: 30px 0;
    border-top: 8px solid;
    border-bottom: 2px solid;
    font-size: 24px;
    font-weight: 600;
    border-left: 0; }
  article.opb-article .opb-article-header {
    margin-top: 60px;
    margin-bottom: 30px; }
  article.opb-article h3.opb-article-subtitle {
    font-family: 'Calluna-Regular'; }
  article.opb-article .opb-article-meta {
    opacity: .5;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
    border-bottom: 1px solid #eee; }
  article.opb-article .wide-content {
    width: 140%;
    margin-left: -20%;
    padding: 60px 0; }
    article.opb-article .wide-content img {
      width: 70%;
      float: left; }
    article.opb-article .wide-content .img-caption {
      float: left;
      width: 30%;
      background: #eee;
      padding: 15px;
      color: #888; }
      article.opb-article .wide-content .img-caption p {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 22px; }
    @media (max-width: 767px) {
      article.opb-article .wide-content {
        width: 100%;
        margin: 0;
        padding: 30px 0; }
        article.opb-article .wide-content img {
          width: 100%;
          float: left; }
        article.opb-article .wide-content .img-caption {
          width: 100%;
          float: left; } }

.article-bottom-close {
  background: white;
  border: 0;
  position: relative;
  text-align: center;
  padding: 120px 0;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 14px;
  border: 0;
  margin-top: -2px; }
  .article-bottom-close:hover {
    cursor: pointer;
    color: #888; }

article.opb-article.tmrw {
  background: rgba(0, 0, 0, 0.8);
  height: 100%; }

.opb-overflow-text {
  color: white;
  width: 70%;
  height: 60%;
  padding: 15px 45px 90px 30px;
  overflow-y: scroll;
  text-align: justify;
  text-shadow: 1px 2px 10px #000; }
  .opb-overflow-text h3, .opb-overflow-text h4 {
    margin-top: 0; }

.opb-overflow-text::-webkit-scrollbar {
  width: 8px;
  height: 60px;
  box-shadow: 1px 2px 10px #000; }

.opb-overflow-text::-webkit-scrollbar-track {
  -webkit-box-shadow: transparent;
  padding: 15px 0; }

.opb-overflow-text::-webkit-scrollbar-thumb {
  background-color: #555;
  border-radius: 100px; }

#civic-slider {
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: absolute;
  display: none; }
  #civic-slider .carousel-control.right, #civic-slider .carousel-control.left {
    background: none;
    height: 100%;
    width: 400px;
    z-index: 99; }
  #civic-slider .civic-slider-content {
    color: white;
    text-align: justify;
    display: inline-block;
    width: 60%;
    margin-left: -30%; }
    #civic-slider .civic-slider-content h5 {
      font-family: 'Calluna-Regular';
      line-height: 1.4em;
      text-shadow: 1px 2px 10px #000; }
  #civic-slider .carousel-inner {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute; }
  #civic-slider .item {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    text-align: center; }
  #civic-slider .slide-bg {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute; }

.accordion-item.active #civic-slider {
  display: block; }

.civic-bgs-content {
  z-index: 99;
  text-align: center; }
  .civic-bgs-content h5 {
    color: white;
    font-family: 'Calluna-Regular';
    font-size: 48px;
    line-height: 1.4em;
    margin-bottom: 15px; }

.civic-tmrw-bgs {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white; }
  .civic-tmrw-bgs::after {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(32, 164, 221, 0.8); }
  .civic-tmrw-bgs .bg-block {
    width: 33.333333%;
    float: left;
    height: 50%;
    display: block; }