@charset "UTF-8";
/* ------------------

(0) settings
(1) fonts
(2) selectors
(3) primary layout elements
(4) page specific styles
(5) general purpose
(6) media queries
(7) plugins/frameworks
(8) hacks
    made in washington

------- */
/*==================================================
	(0) settings
==================================================*/
/* overcome the 2046 zindex set by magnific popup on projects page - otherwise they obscure the menu */
@import url("//hello.myfonts.net/count/337020");
.u-small-text {
  font-size: 10px; }

/*
@mixin display-flex($flex-direction: row, $flex-wrap: nowrap) {
    @if $flex-direction == 'block' {
        display: block;
    } @else {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: flex;
    }

    //flex-direction: $flex-direction;
    //-webkit-flex-direction: $flex-direction;
    //-ms-flex-direction: $flex-direction;

    -webkit-flex-flow: $flex-direction $flex-wrap;
    -moz-flex-flow: $flex-direction $flex-wrap;
    -ms-flex-flow: $flex-direction $flex-wrap;
    flex-flow: $flex-direction $flex-wrap;
}

@mixin flex($flex: 1 0 auto) {
    flex: $flex;
    -webkit-flex: $flex;
    -ms-flex: $flex;
}

@mixin flex-direction($direction: row) {
    /!* Direction defaults to 'row', so not really necessary to specify *!/
    -webkit-flex-direction: $direction;
    -moz-flex-direction: $direction;
    -ms-flex-direction: $direction;
    -o-flex-direction: $direction;
    flex-direction: $direction;
}

@mixin justify-content($justify: space-between) {
    justify-content: $justify;
    -webkit-justify-content: $justify;
    -ms-justify-content: $justify;
}

@mixin flex-align($align) {
    align-items: $align;
}

@mixin align-self($align: auto)
{
    -webkit-align-self: $align;
    -ms-align-self: $align;
    align-self: $align;
}

@mixin flex-order($order: 0) {
    -webkit-order: $order;
    -ms-order: $order;
    order: $order;
}*/
/*==================================================
	(1) fonts
==================================================*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Helserif-Med';
  src: url("webfonts/337020_0_0.eot");
  src: url("webfonts/337020_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/337020_0_0.woff2") format("woff2"), url("webfonts/337020_0_0.woff") format("woff"), url("webfonts/337020_0_0.ttf") format("truetype"); }
@font-face {
  font-family: 'Helserif-LigIta';
  src: url("webfonts/337020_1_0.eot");
  src: url("webfonts/337020_1_0.eot?#iefix") format("embedded-opentype"), url("webfonts/337020_1_0.woff2") format("woff2"), url("webfonts/337020_1_0.woff") format("woff"), url("webfonts/337020_1_0.ttf") format("truetype"); }
@font-face {
  font-family: 'Helserif-Bol';
  src: url("webfonts/337020_2_0.eot");
  src: url("webfonts/337020_2_0.eot?#iefix") format("embedded-opentype"), url("webfonts/337020_2_0.woff2") format("woff2"), url("webfonts/337020_2_0.woff") format("woff"), url("webfonts/337020_2_0.ttf") format("truetype"); }
@font-face {
  font-family: 'Helserif-Lig';
  src: url("webfonts/337020_3_0.eot");
  src: url("webfonts/337020_3_0.eot?#iefix") format("embedded-opentype"), url("webfonts/337020_3_0.woff2") format("woff2"), url("webfonts/337020_3_0.woff") format("woff"), url("webfonts/337020_3_0.ttf") format("truetype"); }
@font-face {
  font-family: 'Helserif-Boo';
  src: url("webfonts/337020_4_0.eot");
  src: url("webfonts/337020_4_0.eot?#iefix") format("embedded-opentype"), url("webfonts/337020_4_0.woff2") format("woff2"), url("webfonts/337020_4_0.woff") format("woff"), url("webfonts/337020_4_0.ttf") format("truetype"); }
/*==================================================
	(2) selectors
==================================================*/
html {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: 100%;
  height: 100%; }

body {
  margin: 0;
  padding: 0;
  font-family: "Gotham SSm A", "Gotham SSm B", helvetica, arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 100%;
  height: 100%;
  box-sizing: border-box;
  color: #666;
  line-height: 1.5;
  padding-top: 104px; }
  body.page-home {
    padding-top: 0; }
  body.measuring {
    overflow: hidden; }
    body.measuring * {
      overflow: hidden; }

.lrg-title,
.big-title,
h1 {
  margin-top: 0;
  color: #948E86;
  font-family: "Helserif-Lig";
  font-weight: normal;
  /* required on h-level tags for helserif */
  font-size: 34px;
  line-height: 1.2; }
  .lrg-title span.media-type,
  .big-title span.media-type,
  h1 span.media-type {
    display: none; }
  .lrg-title.dark-gray,
  .big-title.dark-gray,
  h1.dark-gray {
    color: #948E86; }

.lrg-title {
  font-size: 38px; }

.medium-title {
  color: #B8AFA4;
  font-family: "Helserif-Lig";
  font-size: 28px;
  line-height: 1.2;
  margin-bottom: 0.2em; }
  .medium-title.green {
    color: #A0CC3A; }
  .medium-title.dark-gray {
    color: #948E86; }
  .medium-title.bottom-margin {
    margin-bottom: 20px; }

.small-title {
  color: #B8AFA4;
  font-family: "Helserif-Lig";
  font-size: 1.5em;
  line-height: 1.2;
  margin-bottom: 0.2em; }
  .small-title.green {
    color: #A0CC3A; }

h1 {
  /*max-width: 300px;*/ }

h2 {
  color: #A0CC3A;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 0.8em;
  margin-top: 0; }
  h2.h1 {
    color: #948E86;
    font-size: 28px;
    text-decoration: none;
    font-family: "Helserif-Lig"; }

h3 {
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 10px; }

ul {
  margin-top: 0; }

p {
  margin: 0;
  padding: 0 0 1.3em 0; }

strong {
  font-weight: 700; }

a {
  color: #948E86;
  text-decoration: none;
  border-bottom: 1px solid #948E86;
  outline: 0; }
  a.underline {
    border-bottom: 1px solid #948E86; }
  a.underline-hover {
    border-bottom: 1px solid transparent; }
    a.underline-hover:hover {
      border-bottom: 1px solid #948E86; }

a:hover {
  border-bottom: 1px solid #948E86;
  opacity: 0.8; }

video {
  display: block; }

img {
  border: none; }

.big-text {
  font-size: 29px; }

.small-text {
  font-size: 13px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select,
  textarea,
  input {
    font-size: 16px; } }
/*==================================================
	(3) primary layout elements
==================================================*/
.site-width {
  max-width: 1400px;
  margin: 0 auto; }

.margin-buffer {
  padding-left: 5%;
  padding-right: 5%; }

#main {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%; }

#gap {
  height: 0; }
  body.page-home.lock-masthead #gap {
    height: 104px; }

#video-placeholder {
  background-color: #333; }
  #video-placeholder img {
    height: 100%;
    width: auto; }
  #video-placeholder.fadeOut {
    opacity: 0;
    -webkit-transition: opacity 1.5s ease-in-out;
    -moz-transition: opacity 1.5s ease-in-out;
    -ms-transition: opacity 1.5s ease-in-out;
    -o-transition: opacity 1.5s ease-in-out;
    transition: opacity 1.5s ease-in-out; }

#scroll-down {
  position: absolute;
  z-index: 1000;
  top: 90%;
  left: 50%;
  width: 150px;
  margin-left: -75px;
  height: 30px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
  #scroll-down:before {
    font-family: 'Sellen';
    display: inline-block;
    content: '\f02e';
    color: #fff;
    font-size: 36px;
    z-index: 1000;
    height: 30px;
    line-height: 1; }
  #scroll-down span {
    color: #fff;
    text-align: center;
    display: none;
    margin-bottom: -10px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.03em;
    position: relative;
    text-transform: uppercase; }
  #scroll-down:hover:before {
    display: none; }
  #scroll-down:hover span {
    display: block;
    line-height: 40px; }

/*body.page-home #masthead-wrapper {
	height: 104px;
}*/
#masthead-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000;
  min-width: 100%; }
  body.page-home #masthead-wrapper {
    position: relative; }
  body.page-home.lock-masthead #masthead-wrapper {
    position: fixed; }

#masthead {
  width: 100%;
  height: 104px;
  box-sizing: border-box;
  padding-top: 2.8em;
  /*padding-bottom: 27px;*/
  min-height: 37px;
  background-color: #fff;
  -webkit-transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -ms-transition: background-color 0.5s ease-in-out;
  -o-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out; }
  body.page-home #masthead {
    position: relative; }
  body.page-home.lock-masthead #masthead {
    position: relative; }
  #masthead .wrapper {
    position: relative; }
  #masthead .flex-horizontal, #masthead .center, #masthead .wrap, #masthead .align-left, #masthead .box-group {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
  #masthead .left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
  #masthead .right {
    width: 24%;
    max-width: 300px;
    min-width: 100px; }
  #masthead .logo {
    line-height: 1; }
    #masthead .logo img {
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      width: 257px;
      height: 32px;
      display: block;
      line-height: 1; }
    #masthead .logo a {
      border-bottom: none; }
    #masthead .logo a:hover {
      opacity: 1; }
  #masthead .icon-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    /*width: 15%;*/
    width: 140px;
    /*body.page-home & {
    	opacity: 0;
    	@include transition(opacity);
    }*/ }
    #masthead .icon-wrapper .icon {
      display: inline-block; }
    body.page-home.lock-masthead #masthead .icon-wrapper {
      opacity: 1;
      -webkit-transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      -ms-transition: opacity 0.5s ease-in-out;
      -o-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out; }
  #masthead .burger {
    line-height: 1; }
    #masthead .burger img {
      display: block;
      width: 37px;
      height: auto;
      position: relative;
      top: 0;
      right: 0;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
    #masthead .burger .show-burger {
      opacity: 1;
      -moz-transform: opacity;
      -o-transform: opacity;
      -ms-transform: opacity;
      -webkit-transform: opacity;
      transform: opacity;
      z-index: 1; }
    #masthead .burger .hide-burger {
      opacity: 0;
      -moz-transform: opacity;
      -o-transform: opacity;
      -ms-transform: opacity;
      -webkit-transform: opacity;
      transform: opacity;
      z-index: 0;
      display: none; }
    #masthead .burger a {
      border-bottom: none; }
  #masthead.burger-expanded {
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    background-color: #948E86; }
    #masthead.burger-expanded .show-burger {
      opacity: 0;
      display: none;
      -webkit-transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      -ms-transition: opacity 0.5s ease-in-out;
      -o-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out; }
    #masthead.burger-expanded .hide-burger {
      opacity: 1;
      display: block;
      -webkit-transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      -ms-transition: opacity 0.5s ease-in-out;
      -o-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out;
      z-index: 1000; }

.splash .title, #masthead .title {
  margin-right: 48px;
  padding-left: 8%;
  color: #948E86;
  font-size: 20px;
  font-weight: 300;
  font-family: "Gotham SSm A", "Gotham SSm B", helvetica, arial, sans-serif;
  text-transform: uppercase;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  line-height: 0.8;
  margin-top: -14px;
  /*margin-bottom: 9px;*/
  white-space: nowrap; }
  .page-home .splash .title,
  .page-home #masthead .title {
    font-size: 30px;
    font-family: "Helserif-Lig";
    text-transform: none;
    line-height: 0.65;
    /*margin-bottom: 10px;*/ }
  .page-home.lock-masthead .splash .title, .page-home.lock-masthead #masthead .title {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; }
.splash .quote,
#masthead .quote {
  /*bottom: 10px;*/
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
  .splash .quote.active,
  #masthead .quote.active {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; }
.splash .title-label,
#masthead .title-label {
  /*position: relative;
  bottom: 10px;*/ }

#mobile-title-wrapper {
  display: none; }

.search {
  line-height: 1;
  position: relative;
  z-index: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
  .search a {
    display: block;
    position: relative;
    z-index: 1;
    border-bottom: none; }
  .search img {
    display: block;
    float: left;
    line-height: 1;
    width: 31px;
    height: 31px;
    margin-right: 10px; }
  .search input {
    position: absolute;
    top: -6px;
    left: -6px;
    float: left;
    width: 0;
    height: 42px;
    box-sizing: border-box;
    z-index: 0;
    padding: 0;
    border: none;
    background-color: #EEECEA;
    font-size: 14px;
    font-weight: 300;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    outline: none; }
    .search input:focus {
      outline: none; }
  .search.active img {
    opacity: 0.5;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .search.active input {
    padding: 2px 6px 2px 12px;
    left: -6px;
    width: 140%;
    min-width: 300px;
    visibility: visible;
    opacity: 1;
    margin-right: -46px;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; }
  .search.mobile {
    display: none;
    opacity: 0; }
    .search.mobile input {
      left: auto;
      right: 4px;
      width: 280px;
      margin-right: -7px;
      margin-top: -2px;
      padding: 2px 46px 2px 13px; }

.search-results-form input[type='text'] {
  /* Remove First */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #B8AFA4;
  padding: 5px 10px;
  background-color: #fff;
  border-radius: 0; }

#burger-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-align: right; }
  #burger-menu nav {
    margin-right: 162px; }
  .burger-expanded #burger-menu {
    height: auto;
    padding: 30px 0 60px 0;
    background-color: #948E86;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

.nav ul {
  list-style: none;
  margin: 0;
  padding: 0; }
.nav li {
  margin-bottom: 1.2em; }

.primary-nav,
.secondary-nav {
  position: relative; }
  .primary-nav ul,
  .secondary-nav ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .primary-nav li,
  .secondary-nav li {
    margin-bottom: 0.9em;
    position: relative; }
  .primary-nav a,
  .secondary-nav a {
    color: #fff;
    font-size: 28px;
    text-decoration: none;
    font-family: "Helserif-Lig";
    border-bottom-color: transparent; }
    .primary-nav a:hover,
    .secondary-nav a:hover {
      border-bottom-color: #fff; }
  .primary-nav .landing-link a,
  .secondary-nav .landing-link a {
    font-family: "Gotham SSm A", "Gotham SSm B", helvetica, arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300; }

.primary-nav a {
  font-size: 46px;
  line-height: 1.1; }
.primary-nav #menu-primary-menu > li.current-menu-ancestor > a,
.primary-nav #menu-primary-menu > li.current-menu-item > a {
  border-bottom-color: #fff; }

.secondary-nav {
  text-align: right;
  /*margin-top: 15px;*/ }
  .secondary-nav li {
    margin-bottom: 1.2em; }
  .secondary-nav a {
    color: #948E86;
    line-height: 1.1; }
  .secondary-nav .current-menu-item a {
    color: #A0CC3A; }

.sub-menu {
  position: absolute;
  top: -4px;
  right: -225px;
  width: 200px;
  text-align: left;
  /*margin-left: 40px;*/
  text-transform: uppercase;
  display: none; }
  #footer .sub-menu {
    display: none !important; }
  .menu-community .sub-menu {
    top: -20px; }
  .menu-careers .sub-menu {
    top: -34px; }
  .menu-contact .sub-menu {
    top: -123px; }
  .sub-menu li {
    margin-top: 0.9em;
    margin-bottom: 0; }
    .sub-menu li.current-menu-item a {
      border-bottom-color: #2D2D2D; }
  .sub-menu a {
    text-decoration: none;
    color: #2D2D2D;
    font-size: 18px;
    line-height: 1.4; }
    .primary-nav .sub-menu a {
      font-family: "Gotham SSm A", "Gotham SSm B", helvetica, arial, sans-serif; }
    .sub-menu a:hover {
      border-bottom-color: #2D2D2D; }

.current-menu-parent .sub-menu,
.current-menu-item .sub-menu {
  display: block; }

/* content */
#content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }
  body.page-projects #content, body.page-about #content {
    background-color: #333; }

/* footer */
#footer {
  background: #948E86 url(../images/bg_footer_stripes.png) 0 0 repeat-x;
  padding-top: 124px;
  padding-bottom: 30px;
  position: relative;
  z-index: 1; }
  #footer .bottom {
    margin-top: 60px;
    line-height: 1; }
    #footer .bottom img {
      display: block; }
  #footer .copyright {
    color: #2D2D2D;
    font-size: 13px; }
  #footer .logo {
    padding-right: 0; }
    #footer .logo img {
      width: 257px;
      transform: translateY(6px);
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
  #footer .menu {
    width: 50%; }
  #footer .footer-left {
    width: 30%;
    position: relative; }
    #footer .footer-left .sellen-75 {
      width: 158px;
      position: absolute;
      bottom: -74px;
      left: 0; }
  #footer .footer-middle {
    width: 40%;
    padding-left: 5%;
    padding-right: 5%; }
  #footer .footer-right {
    width: 27%;
    position: relative; }
    #footer .footer-right .sellen-75 {
      display: none; }
  #footer .footer-title {
    font-size: 28px;
    font-family: "Helserif-Lig";
    color: #fff;
    line-height: 1.05;
    margin-bottom: 0.52em; }
    #footer .footer-title a {
      color: #fff; }
  #footer address {
    font-style: normal;
    color: #2D2D2D;
    line-height: 1.9; }
    #footer address a {
      color: #2D2D2D;
      text-decoration: none; }
      #footer address a:hover {
        border-bottom: 1px solid #2D2D2D; }
  #footer .primary-nav,
  #footer .alt-nav {
    font-weight: 300;
    max-width: 200px;
    margin-left: 0;
    text-transform: uppercase; }
    #footer .primary-nav li,
    #footer .alt-nav li {
      margin-bottom: 0.9em; }
    #footer .primary-nav a,
    #footer .alt-nav a {
      text-decoration: none;
      color: #2D2D2D;
      font-size: 18px;
      font-family: "Gotham SSm A", "Gotham SSm B", helvetica, arial, sans-serif;
      font-weight: 300;
      border-bottom: 1px solid transparent; }
      #footer .primary-nav a:hover,
      #footer .alt-nav a:hover {
        border-bottom-color: #2D2D2D; }
  #footer .primary-nav a {
    line-height: 1.3; }
  #footer .promote {
    color: #fff;
    font-size: 13px;
    line-height: 1.5; }
    #footer .promote a {
      color: #fff; }
    #footer .promote .tag {
      margin-left: -50px;
      margin-bottom: 0; }
    #footer .promote p {
      font-weight: 300; }
      #footer .promote p a {
        border-bottom-color: #fff; }
  #footer .tag span {
    font-size: 13px;
    color: #2D2D2D;
    background-color: transparent;
    background-image: url(../images/bg_title_accent.png);
    padding-bottom: 8px; }
  #footer .social-icons ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  #footer .social-icons li {
    display: inline-block;
    color: #948E86;
    background-color: #fff;
    width: 32px;
    height: 32px;
    padding: 3px;
    margin: 0 8px 0 0;
    text-align: center; }
  #footer .social-icons .fa {
    font-size: 24px;
    color: #948E86;
    margin: 5px; }
  #footer .social-icons a,
  #footer .social-icons a:hover {
    border-bottom: none; }
  #footer .navigation,
  #footer .promotion {
    margin-top: 15px; }

/*==================================================
	(5) page specific styles
==================================================*/
/* project pages */
#fixed-slideshow {
  position: fixed;
  top: 104px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  color: #fff;
  text-decoration: none; }

#fixed-slideshow-bottom {
  position: relative;
  z-index: 100; }

/* panorama pages */
#panorama-container {
  position: fixed;
  top: 104px;
  right: 0;
  left: 0;
  z-index: 1;
  color: #fff;
  text-decoration: none;
  /* TODO: This is a hacky fix for marker position jumping. Not sure why it works but probably not the right fix. */ }
  #panorama-container > div {
    overflow: inherit !important; }
    #panorama-container > div > div {
      overflow: inherit !important; }

#drag-icon {
  position: fixed;
  bottom: 100px;
  right: 100px;
  z-index: 100;
  width: 171px;
  height: 46px;
  background: transparent url(../images/icon_click_and_drag.png) 0 0 no-repeat;
  background-size: cover;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
  #drag-icon.hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; }

#close-icon {
  position: fixed;
  width: 24px;
  height: 34px;
  top: 128px;
  right: 5%;
  padding: 10px 10px 10px 20px;
  z-index: 1000;
  display: none; }
  #close-icon a {
    width: 24px;
    height: 24px;
    right: -10px;
    position: relative;
    color: #fff; }
    #close-icon a::after {
      font-family: 'Sellen';
      color: #fff;
      font-size: 24px;
      content: '\f011';
      position: absolute;
      top: 0;
      left: 0;
      width: 24px; }
  .content-hidden #close-icon {
    display: block; }
  body.lightbox-open #close-icon {
    display: none; }

.project-close-x {
  display: none; }

.hotspot-container {
  position: relative;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 50px;
  border-left: 1px solid #fff;
  width: 260px;
  opacity: 0;
  display: none;
  font-size: 13px;
  z-index: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .ggskin_container .hotspot-container {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .active .hotspot-container {
    opacity: 1;
    display: block;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .expanded .hotspot-container {
    height: auto;
    top: 0; }
    .expanded .hotspot-container .hotspot-detail-wrapper {
      height: auto;
      opacity: 1;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
    .expanded .hotspot-container .hotspot-links {
      opacity: 1;
      height: 35px;
      padding: 0 0 20px 15px; }
    .expanded .hotspot-container .hotspot-detail {
      padding-top: 5px;
      padding-bottom: 20px;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
    .expanded .hotspot-container .project-close-x {
      display: block;
      font-size: 18px;
      cursor: pointer;
      position: absolute;
      top: 6px;
      right: 10px; }
  .hotspot-container .project-name {
    color: #A0CC3A;
    font-size: 16px;
    padding: 10px 35px 10px 15px;
    line-height: 1.4; }
  .hotspot-container .project-name a {
    color: #A0CC3A;
    font-size: 16px;
    text-decoration: none;
    border: none; }
  .hotspot-container .project-name a:hover {
    border-bottom: 1px solid #A0CC3A;
    opacity: 1; }
  .hotspot-container .hotspot-container-inner {
    margin-left: -1px;
    background-color: #fff;
    color: #948E86;
    position: relative; }
  .hotspot-container .hotspot-detail-wrapper {
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .hotspot-container .hotspot-detail {
    padding: 0 15px 0 15px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .hotspot-container .hotspot-links {
    font-size: 10px;
    background-color: #fff;
    opacity: 0;
    height: 0;
    overflow: hidden;
    box-sizing: border-box; }
    .hotspot-container .hotspot-links a {
      font-size: 10px;
      font-weight: 500;
      letter-spacing: 0.03em;
      position: relative;
      padding: 7px 0 0 0;
      text-decoration: none;
      border-bottom: none;
      line-height: 1.7;
      text-transform: uppercase; }
      .hotspot-container .hotspot-links a.next-page::after {
        /*top: 2px;
        right: -1px;*/ }
      .hotspot-container .hotspot-links a:first-child {
        margin-right: 16px; }

.hotspot-marker {
  width: 40px;
  height: 48px;
  background: transparent url(../images/icon_marker_plus.png) 0 0 no-repeat;
  background-size: 80px;
  overflow: hidden;
  opacity: 0; }
  .hotspot-marker.ready {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; }
  .hotspot-marker.map {
    background-image: url(../images/icon_hotspot_pin.png); }
  .hotspot-marker.active, .hotspot-marker:hover {
    background-position: -40px 0; }

.hotspot-link {
  margin-top: 15px; }
  .hotspot-link a {
    color: #fff;
    text-decoration: none; }

.ggskin .ggskin_container {
  position: absolute;
  -moz-transform: translateX(19px);
  -o-transform: translateX(19px);
  -ms-transform: translateX(19px);
  -webkit-transform: translateX(19px);
  transform: translateX(19px);
  bottom: 0;
  margin-bottom: 40px; }
  .ggskin .ggskin_container.bottom-up {
    bottom: 0;
    margin-bottom: 40px; }
    .ggskin .ggskin_container.bottom-up .hotspot-container {
      padding-bottom: 70px; }
  .ggskin .ggskin_container.top-down {
    top: 0;
    margin-top: 35px; }
    .ggskin .ggskin_container.top-down .hotspot-container {
      padding-top: 70px;
      margin-top: 0;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
.ggskin.ggskin_hotspot {
  position: absolute;
  z-index: 1; }
  .ggskin.ggskin_hotspot.active {
    z-index: 2; }
.ggskin.active .hotspot-container {
  border-left: 1px solid #fff; }
.ggskin.active .hotspot-detail-wrapper {
  opacity: 1; }
.ggskin .hotspot-detail-wrapper {
  opacity: 0; }
.ggskin .hotspot-links {
  font-size: 10px; }

.hotspot-title a {
  color: #fff;
  text-decoration: none; }
.hotspot-title.active, .hotspot-title:hover {
  opacity: 1; }
.hotspot-title .fa {
  margin-left: 8px;
  line-height: 1;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
.hotspot-title.active .fa {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }

.scrolling-content {
  max-width: 500px;
  position: relative;
  z-index: 2;
  margin-left: 80px;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  opacity: 0; }
  .scrolling-content.hide {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    /*z-index: 0;*/ }
  .scrolling-content .box {
    width: 100%;
    max-width: 500px; }
  .scrolling-content .panel {
    padding: 30px 9% 40px;
    background-color: #fff;
    margin-top: 30px;
    -webkit-transition: margin-top 0.5s ease-in-out;
    -moz-transition: margin-top 0.5s ease-in-out;
    -ms-transition: margin-top 0.5s ease-in-out;
    -o-transition: margin-top 0.5s ease-in-out;
    transition: margin-top 0.5s ease-in-out;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    .scrolling-content .panel ul {
      margin: 0;
      padding: 0 0 1.3em 1em; }
  .scrolling-content .slide-overlay {
    position: relative;
    max-width: 500px;
    margin-top: 30px; }
    .scrolling-content .slide-overlay .box {
      background-color: rgba(0, 0, 0, 0.4);
      color: #fff; }
    .scrolling-content .slide-overlay .box-title {
      color: #fff; }
    .scrolling-content .slide-overlay .box-top {
      min-height: 40px;
      padding-left: 9%;
      padding-right: 9%; }
    .scrolling-content .slide-overlay .box-content {
      padding-left: 9%; }
      .scrolling-content .slide-overlay .box-content p {
        margin-bottom: 0; }
  .scrolling-content.ready {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; }
  .scrolling-content #viewPanorama {
    display: none; }
    .scrolling-content #viewPanorama a {
      border-bottom: none; }
    .scrolling-content #viewPanorama img {
      width: 19px;
      height: auto;
      display: inline-block;
      vertical-align: middle;
      margin-right: 4px; }
      .scrolling-content #viewPanorama img.hand-after {
        display: none; }
    .scrolling-content #viewPanorama .text {
      display: inline-block;
      vertical-align: middle;
      text-transform: uppercase;
      font-size: 12px;
      color: #948E86; }
  .scrolling-content .facts p {
    font-size: 13px; }

.scrolling-content-bottom {
  position: relative;
  z-index: 100; }

/* people page */
#people-wrapper {
  margin-bottom: 90px; }

/* maps */
/*
#map {
	height: 100% !important;
}
*/
#map-wrapper #map-display-toggle {
  display: none; }

#map-navigation {
  background-color: #666;
  max-width: 300px;
  width: 100%;
  overflow: auto;
  min-height: 600px;
  position: relative;
  padding-right: 35px;
  color: #fff; }
  #map-navigation p,
  #map-navigation div {
    opacity: 0; }
  #map-navigation.ready p,
  #map-navigation.ready div {
    opacity: 1; }
  #map-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0 0 15px;
    max-width: 280px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  #map-navigation.ready ul {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; }
  #map-navigation a {
    color: #fff;
    font-weight: 300;
    border-bottom-color: #fff; }
  #map-navigation li {
    margin-bottom: 1em;
    font-size: 18px; }
    #map-navigation li a {
      border-bottom: none;
      text-decoration: none; }
      #map-navigation li a.active, #map-navigation li a:hover {
        border-bottom: 1px solid #fff; }
  #map-navigation p {
    padding: 0 0 35px; }
    #map-navigation p:first-child {
      padding-top: 35px; }

#map-canvas-wrapper {
  position: relative;
  background-color: #B8AFA4;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  #map-canvas-wrapper .zoom {
    display: none;
    position: absolute;
    bottom: 20px;
    right: 20px; }
    #map-canvas-wrapper .zoom div {
      display: inline-block;
      margin-left: 10px; }

.info-box {
  color: #fff;
  position: relative;
  font-size: 15px;
  border-left: 1px solid #666;
  height: 85px;
  margin-left: -6px;
  margin-top: 8px; }
  .info-box .info-box-content-wrapper {
    display: inline-block;
    background-color: #666;
    position: relative; }
  .info-box .info-box-content {
    color: #fff;
    padding: 8px 14px 10px 14px;
    font-size: 14px;
    font-weight: 500;
    font-family: "Gotham SSm A", "Gotham SSm B", helvetica, arial, sans-serif;
    min-width: 88px; }
    .info-box .info-box-content:hover {
      opacity: 0.8; }
  .info-box .info-box-close {
    position: absolute;
    z-index: 1000;
    bottom: 8px;
    right: 8px;
    font-size: 12px;
    display: none; }
  .info-box .view-project {
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    position: relative;
    margin-top: 6px; }
    .info-box .view-project::after {
      font-family: 'Sellen';
      font-size: 11px;
      content: "";
      display: inline-block;
      margin-left: 6px;
      /*position: absolute;
      //top: -2px;
      top: 0;
      left: 87px;
      width: 16px;
      height: 16px;*/ }
  .info-box a {
    text-decoration: none; }

/* search results */
ul.search-results {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.search-results li {
    margin-bottom: 15px; }

.mfp-bg {
  opacity: 0.75;
  top: 104px; }

.mfp-container {
  padding: 0; }

.mfp-content {
  vertical-align: top;
  height: 100%; }

.mfp-close {
  display: none !important; }

.mfp-wrap {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100%;
  padding-top: 104px;
  box-sizing: border-box;
  background-color: #fff; }
  .mfp-wrap .mfp-container {
    position: relative; }
  .mfp-wrap .controls .page-nav {
    position: absolute;
    top: 4px;
    left: 5%;
    margin-top: 0; }
    .mfp-wrap .controls .page-nav a {
      color: #fff; }
      .mfp-wrap .controls .page-nav a::after {
        color: #fff; }
      .mfp-wrap .controls .page-nav a:hover {
        border-bottom: none; }
  .mfp-wrap.dark-background .mfp-container {
    background-color: #666; }

.mfp-close {
  display: none;
  opacity: 0 !important; }

body.page-projects {
  /*.project {
  	top: 104px;
  }*/ }
  body.page-projects .banner.slideshow-placeholder {
    position: fixed;
    top: 103px;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    z-index: 1; }
  body.page-projects .project-banner {
    background-color: #4a4a4a; }
  body.page-projects #placeholder-arrow {
    cursor: pointer; }
  body.page-projects .project {
    height: 100%; }
    body.page-projects .project .scrolling-content .panel {
      padding-bottom: 0; }
  body.page-projects .project-profile {
    font-size: 14px; }
    body.page-projects .project-profile h1 {
      font-size: 30px;
      margin-bottom: 15px; }
    body.page-projects .project-profile .view-slideshow {
      text-transform: uppercase;
      font-size: 12px;
      border: none; }
      body.page-projects .project-profile .view-slideshow:hover {
        border-bottom: none;
        /*border-bottom: 1px solid $gray-4;*/ }
      body.page-projects .project-profile .view-slideshow:after {
        font-size: 20px;
        top: 3px; }
    body.page-projects .project-profile .icons {
      float: right;
      text-align: right; }
      body.page-projects .project-profile .icons .media-type {
        margin-left: 10px; }
    body.page-projects .project-profile .project-profile-wrapper {
      padding-bottom: 40px; }
  body.page-projects .related-projects {
    margin-bottom: 25px; }
    body.page-projects .related-projects p {
      margin: 0 0 5px 0;
      padding: 0; }
    body.page-projects .related-projects ul {
      margin: 0;
      padding: 0 0 0 13px; }
  body.page-projects.lightbox-open #content .scrolling-content {
    opacity: 0;
    visibility: hidden; }
  body.page-projects .squared .mfp-content {
    vertical-align: middle; }
  body.page-projects .squared .banner {
    position: relative;
    top: 0; }
  body.page-projects .squared .controls {
    bottom: 0; }
  body.page-projects .squared .scrolling-content {
    overflow-y: auto; }
  body.page-projects .mfp-close {
    display: none !important; }
  body.page-projects .controls {
    position: fixed;
    width: 100%;
    bottom: 0 !important;
    left: 0;
    display: block !important;
    opacity: 1 !important;
    height: 44px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000; }
  body.page-projects .mfp-close,
  body.page-projects .arrow.arrow-prev {
    display: none;
    opacity: 0 !important; }
  body.page-projects .ready .controls,
  body.page-projects .ready .mfp-close,
  body.page-projects .ready .arrow.arrow-prev {
    display: block;
    opacity: 1 !important;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out; }
  body.page-projects .ready #slideshow-content {
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }
  body.page-projects .banner {
    width: 100%;
    height: 100%;
    position: fixed;
    margin-top: 0;
    top: 103px; }
    body.page-projects .banner img {
      width: 100%;
      height: auto; }
  body.page-projects .panel {
    box-sizing: border-box; }
  body.page-projects .controls {
    bottom: 103px; }
  body.page-projects #click-recipient {
    width: 20px;
    height: 34px;
    top: 0;
    position: absolute;
    z-index: 1000000; }

/* project page */
.project {
  position: relative; }
  .project .controls {
    opacity: 0; }
  .project .scrolling-content {
    /*.panel {
    	margin-top: 0;
    	box-sizing: border-box;
    }*/ }
  .project.ready .scrolling-content {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; }
  .project.ready .controls {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; }
  .project #viewImages {
    text-transform: uppercase;
    text-decoration: none; }

#view-controls {
  margin-bottom: 20px;
  min-height: 42px;
  overflow: auto; }

.scrolling-content .all-projects {
  float: left; }
  .scrolling-content .all-projects a {
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    border-bottom: none;
    padding: 10px 32px 0 0;
    position: relative; }
    .scrolling-content .all-projects a::after {
      font-family: 'Sellen';
      font-size: 20px;
      content: '\f00f';
      position: absolute;
      top: 2px;
      right: 0;
      width: 20px;
      height: 24px; }
    .scrolling-content .all-projects a:hover {
      opacity: 0.8; }

.uppercase-title {
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  font-weight: 300;
  color: #948E86; }

#mainPanel {
  overflow: hidden;
  /*@include transition(all, .7s);*/ }
  .ready #mainPanel {
    height: auto; }

.projects-list {
  height: 0;
  opacity: 0.5;
  overflow: hidden;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  /*@include transition(all, .7s);*/
  /* this is a test */ }
  .projects-list.active {
    height: auto;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; }
  .projects-list .panel {
    position: relative; }
  .projects-list .close {
    position: absolute;
    top: 30px;
    right: 10px;
    border-bottom: none; }
    .projects-list .close::after {
      font-family: 'Sellen';
      color: #666;
      font-size: 20px;
      content: '\f011';
      position: absolute;
      top: -19px;
      right: 0;
      width: 24px;
      height: 24px; }
  .projects-list .slideshow-key {
    display: inline-block;
    width: 50%;
    vertical-align: bottom;
    text-align: right;
    line-height: 1.5em;
    margin: 0 0 0.6em 0;
    font-size: 14px; }
    .projects-list .slideshow-key img {
      display: inline-block;
      vertical-align: middle; }
  .projects-list h2 {
    color: #A0CC3A;
    font-family: "Helserif-Lig";
    font-size: 28px;
    display: inline-block;
    vertical-align: bottom;
    line-height: 1;
    margin: 0 0 0.6em 0; }
  .projects-list #categories-wrapper {
    position: relative;
    padding-bottom: 10px; }
  .projects-list .categories {
    border-bottom: 1px solid #948E86;
    padding-bottom: 10px;
    margin-bottom: 20px; }
    .projects-list .categories ul {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 45%; }
      .projects-list .categories ul:last-child {
        padding-left: 10%; }
    .projects-list .categories li {
      margin-bottom: 0.5em; }
    .projects-list .categories a {
      color: #666;
      opacity: 0.7;
      font-size: 14px;
      border-bottom: none;
      font-weight: 700; }
      .projects-list .categories a.active {
        opacity: 1; }
      .projects-list .categories a:hover {
        border-bottom: 1px solid #666; }
  .projects-list .category {
    opacity: 0;
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    font-size: 14px; }
    .projects-list .category.active {
      opacity: 1;
      display: block;
      -webkit-transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      -ms-transition: opacity 0.5s ease-in-out;
      -o-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out;
      position: relative; }
    .projects-list .category h3 {
      color: #333;
      font-size: 14px;
      margin-bottom: 0.8em; }
    .projects-list .category ul {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 45%; }
      .projects-list .category ul:last-child {
        padding-left: 10%; }
    .projects-list .category li {
      margin-bottom: 0.8em;
      position: relative; }
    .projects-list .category a {
      padding-right: 0;
      background-size: 13px;
      text-decoration: none;
      color: #948E86;
      border-bottom: none; }
      .projects-list .category a:hover {
        border-bottom: 1px solid #948E86; }
    .projects-list .category a.on-map {
      position: absolute;
      top: 0;
      left: -22px;
      width: 20px;
      height: 20px;
      display: inline-block;
      background: transparent url(../images/icon_marker_pin_dark.png) 4px 5px no-repeat;
      background-size: 11px;
      opacity: 0.6; }
      .projects-list .category a.on-map:hover {
        border: none;
        opacity: 0.3; }
  .projects-list .project-not-listed {
    margin-top: 30px; }
    .projects-list .project-not-listed a {
      text-decoration: none; }
      .projects-list .project-not-listed a:hover {
        border-bottom: 1px solid #948E86; }

/* craft */
body.page-craft {
  /*.boxes {
  	padding-left: 0;
  }*/ }
  body.page-craft .table-of-contents {
    text-align: left; }
    body.page-craft .table-of-contents ul {
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: 15px;
      color: #666;
      font-family: "Gotham SSm A", "Gotham SSm B", helvetica, arial, sans-serif; }
    body.page-craft .table-of-contents h2 {
      margin-bottom: 30px; }
    body.page-craft .table-of-contents li {
      margin-bottom: 20px; }
    body.page-craft .table-of-contents a {
      text-decoration: none;
      text-transform: uppercase;
      font-size: 13px;
      color: #948E86;
      background-size: 14px;
      border-bottom: none; }
      body.page-craft .table-of-contents a::after {
        font-size: 20px;
        top: 2px; }

/* job listings */
ul.open-positions {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none; }
  ul.open-positions li {
    vertical-align: top;
    display: inline-block;
    width: 33%;
    padding-left: 80px;
    box-sizing: border-box;
    margin-bottom: 120px; }
  ul.open-positions .job-title {
    font-size: 14px;
    font-weight: 700;
    color: #A0CC3A;
    margin-bottom: 0.4em; }
  ul.open-positions .job-location {
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 0.7em; }
  ul.open-positions .job-description {
    margin-bottom: 2em;
    font-size: 13px; }

.jv-careersite {
  margin-top: -20px;
  padding-left: 80px; }

#theapplicantmanager .listing {
  vertical-align: top;
  display: inline-block;
  width: 33%;
  padding-left: 80px;
  box-sizing: border-box;
  margin-bottom: 70px; }
  #theapplicantmanager .listing h1.title {
    font-size: 14px;
    font-family: "Gotham SSm A", "Gotham SSm B", helvetica, arial, sans-serif;
    line-height: 1.5;
    font-weight: 700;
    color: #A0CC3A;
    margin-bottom: 0.7em; }
    #theapplicantmanager .listing h1.title a {
      border-bottom: none;
      color: #A0CC3A; }
  #theapplicantmanager .listing p.description {
    margin-bottom: 2em;
    font-size: 13px; }
#theapplicantmanager > p {
  padding-left: 80px; }

/* guess what */
.guess-what .prompt {
  display: inline-block;
  width: 70%;
  padding-left: 80px;
  box-sizing: border-box; }
.guess-what .response {
  display: inline-block;
  width: 25%;
  padding-left: 5%;
  box-sizing: border-box;
  vertical-align: top;
  padding-top: 5px; }

/* flash messages (deleted stories ) */
#form-errors {
  width: 100%;
  padding-bottom: 30px; }
  #form-errors span.error {
    display: inline-block; }
  #form-errors.expired {
    height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

/* story */
.story-controls {
  text-align: right; }
  .story-controls a {
    margin-left: 14px;
    border: none; }
    .story-controls a:hover {
      background-position: 0 -20px;
      border: none; }
  .story-controls .save {
    position: relative;
    background: transparent url(../images/sprite_star.png) 0 0 no-repeat;
    background-size: 20px 40px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 0;
    margin-right: 2px;
    margin-bottom: -2px; }
    .story-controls .save.has-saved {
      background-position: 0 -20px; }
  .story-controls .saved-count {
    background-color: #948E86;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    color: #fff;
    font-size: 9px;
    display: inline-block;
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    text-align: center;
    padding-top: 2px;
    box-sizing: border-box;
    margin-left: -4px; }
    .story-controls .saved-count:hover {
      opacity: 0.8; }
  .story-controls .fa {
    color: #948E86;
    font-size: 20px;
    display: inline-block;
    margin-right: 6px; }
  .story-controls .fa-twitter {
    font-size: 22px; }
  .story-controls .fa-link {
    font-size: 18px; }
  .story-controls .fa-linkedin {
    font-size: 21px; }
  .story-controls a:hover .fa {
    opacity: 0.8; }
  .story-controls .copy-link {
    position: relative; }
    .story-controls .copy-link span {
      position: absolute;
      top: 0;
      right: 0;
      opacity: 0;
      display: none;
      white-space: nowrap;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      font-size: 12px;
      line-height: 2;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
    .story-controls .copy-link i {
      opacity: 1;
      -webkit-transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      -ms-transition: opacity 0.5s ease-in-out;
      -o-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out; }
    .story-controls .copy-link.active span {
      opacity: 1;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      display: block; }
    .story-controls .copy-link.active i {
      opacity: 0;
      -webkit-transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      -ms-transition: opacity 0.5s ease-in-out;
      -o-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out; }

/* share page */
.clipping-name {
  color: #666;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 15px; }

/* saved */
.save-controls a {
  color: #666;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 300;
  font-size: 13px;
  display: inline-block;
  margin-left: 15px;
  border-bottom: none; }
.save-controls #saveClipping {
  opacity: 0.5;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
  .save-controls #saveClipping.ready {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; }
.save-controls #shareUrl {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 300;
  color: #666; }
.save-controls #shareUrlCopy {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
.save-controls.shared #shareUrlCopy,
.save-controls.shared #shareUrl {
  margin-left: 30px;
  display: inline-block;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
.save-controls input[type='text'] {
  width: 100%;
  max-width: 260px;
  min-width: 100px;
  height: 50px;
  border: none;
  text-transform: uppercase;
  padding: 5px 20px;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 300;
  color: #B8AFA4;
  display: inline-block;
  outline: none;
  /* Firefox 19+ */
  /* Firefox 18- */ }
  .save-controls input[type='text']::-webkit-input-placeholder {
    color: #B8AFA4; }
  .save-controls input[type='text']::-moz-placeholder {
    color: #B8AFA4; }
  .save-controls input[type='text']:-moz-placeholder {
    color: #B8AFA4; }
  .save-controls input[type='text']:-ms-input-placeholder {
    color: #B8AFA4; }

.show-more-clippings {
  margin-right: 100px;
  text-align: right;
  padding-bottom: 45px; }

.market-outlook-content .tag {
  margin-bottom: 1.6em; }
.market-outlook-content .big-title {
  line-height: 1.2;
  max-width: 290px;
  color: #948E86; }

.feature-board {
  margin: 0 auto;
  padding-top: 90px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .feature-board .media-type {
    position: absolute;
    right: 20px;
    top: 20px;
    font-family: "Helserif-Bol"; }
  .feature-board .box {
    height: 100%; }
    .feature-board .box .box-content {
      padding-bottom: 55px;
      font-size: 28px;
      font-family: "Helserif-Lig"; }

.caption {
  color: #A0CC3A;
  font-family: "Helserif-Lig";
  font-weight: normal;
  font-size: 28px;
  line-height: 1.2;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto; }

.aside-image img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 1.3em; }
.aside-image .image-caption {
  font-size: 13px;
  max-width: 300px;
  line-height: 1.4; }

.inline-banner img {
  display: block;
  width: 100%;
  height: auto; }

.main-column.market-outlook-landing {
  flex-grow: 1;
  width: 57%;
  max-width: 780px;
  padding-right: 13%;
  box-sizing: border-box; }
.main-column.market-outlook-content {
  flex-grow: 1;
  width: 50%;
  max-width: 780px;
  padding-right: 6%;
  box-sizing: border-box; }

.article .article-right.market-outlook-content p {
  max-width: none;
  font-size: inherit; }

.secondary-column.market-outlook-landing {
  flex-grow: 1;
  width: 30%;
  min-width: 360px; }
.secondary-column.market-outlook-content {
  flex-grow: 1;
  width: 44%; }

@media all and (max-width: 780px) {
  .article-right.market-outlook-content .v-center {
    top: 0;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@media all and (min-width: 1001px) {
  .enclosure.market-outlook .flex-horizontal .main-column, .enclosure.market-outlook .center .main-column, .enclosure.market-outlook .wrap .main-column, .enclosure.market-outlook .align-left .main-column, .enclosure.market-outlook .box-group .main-column {
    width: 65%; }
    .enclosure.market-outlook .flex-horizontal .main-column .intro, .enclosure.market-outlook .center .main-column .intro, .enclosure.market-outlook .wrap .main-column .intro, .enclosure.market-outlook .align-left .main-column .intro, .enclosure.market-outlook .box-group .main-column .intro {
      width: 75%; }
  .enclosure.market-outlook .flex-horizontal .secondary-column, .enclosure.market-outlook .center .secondary-column, .enclosure.market-outlook .wrap .secondary-column, .enclosure.market-outlook .align-left .secondary-column, .enclosure.market-outlook .box-group .secondary-column {
    width: 35%; } }
.market-outlook .box .box-content {
  padding-left: 8%;
  padding-right: 8%; }
.market-outlook .box .box-top {
  cursor: default;
  padding-left: 8%; }
.market-outlook .box .box-title {
  max-width: 73%;
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0); }
.market-outlook .box-wrapper {
  max-width: 406px; }

.flex-vertical .article-right.market-outlook-content {
  width: 100%;
  max-width: 780px; }

/*==================================================
	(6) general purpose
==================================================*/
.full-width-text {
  padding-left: 80px;
  padding-bottom: 28px; }

.chart-legend {
  margin-bottom: 10px; }
  .chart-legend .chart-legend__header {
    font-weight: 400; }
  .chart-legend .chart-legend__title {
    margin-bottom: 12px;
    font-weight: 400; }
  .chart-legend.chart-legend--stacked .chart-legend__key {
    display: block;
    margin-right: 0; }
  .chart-legend .chart-legend__key {
    font-size: 12px;
    display: inline-block;
    margin-right: 15px; }
    .chart-legend .chart-legend__key span {
      margin-right: 5px;
      display: inline-block;
      width: 30px;
      max-width: 30px;
      height: 11px; }

.chart-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: 14.5%;
  margin-right: 4.5%;
  font-size: 12px; }

@media all and (max-width: 1220px) and (min-width: 980px) {
  .chart-footer {
    margin-left: 16.5%; } }
@media all and (max-width: 979px) and (min-width: 821px) {
  .chart-footer {
    margin-left: 18.5%; } }
@media all and (max-width: 820px) and (min-width: 781px) {
  .chart-footer {
    margin-left: 20.5%; } }
@media all and (max-width: 780px) and (min-width: 641px) {
  .chart-footer {
    margin-left: 12.5%; } }
@media all and (max-width: 640px) and (min-width: 461px) {
  .chart-footer {
    margin-left: 14.5%; } }
@media all and (max-width: 460px) {
  .chart-footer {
    margin-left: 17.5%; } }
/*
@media all and(max-width: 1220px) and(min-width: 980px) {
	.chart-footer {
		margin-left: 8.5%;
	}
}

@media all and(max-width: 979px) and(min-width: 821px) {
	.chart-footer {
		margin-left: 9.5%;
	}
}

@media all and(max-width: 820px) and(min-width: 781px) {
	.chart-footer {
		margin-left: 10.5%;
	}
}

@media all and(max-width: 780px) and(min-width: 641px) {
	.chart-footer {
		margin-left: 6.5%;
	}
}

@media all and(max-width: 640px) and(min-width: 461px) {
	.chart-footer {
		margin-left: 7.5%;
	}
}

@media all and(max-width: 460px) {
	.chart-footer {
		margin-left: 9%;
	}
}
*/
.chart-footer__column {
  box-sizing: border-box;
  width: 50%;
  margin: 10px 5% 0 5%;
  vertical-align: top;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center; }
  .chart-footer__column:first-child {
    padding-right: 5%; }
  .chart-footer__column:last-child {
    padding-left: 5%; }

.chart-footer__key {
  width: 33%;
  font-size: 10px; }

.v-center {
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.tight-word-spacing {
  word-spacing: -3px; }

table.chart-data {
  background-color: #fff;
  font-size: 13px;
  margin-bottom: 2em; }
  table.chart-data th {
    vertical-align: bottom;
    padding: 5px 2%;
    color: #fff;
    background-color: #948E86;
    text-align: left;
    font-weight: normal; }
  table.chart-data td {
    padding: 5px 2%;
    border-bottom: 1px solid #D9D9D9; }
  table.chart-data tr:last-child td {
    border-bottom-width: 0; }
  table.chart-data .cell-header {
    font-weight: 400; }

/* columns */
.flex-horizontal, .center, .wrap, .align-left, .box-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: space-between;
  -ms-flex-align: space-between;
  -webkit-align-items: space-between;
  -moz-align-items: space-between;
  align-items: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }

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

.wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.align-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start; }

.box-group {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.flex-vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: space-between;
  -ms-flex-align: space-between;
  -webkit-align-items: space-between;
  -moz-align-items: space-between;
  align-items: space-between; }
  .flex-vertical.span-100 {
    height: 100%; }
  .flex-vertical.align-bottom,
  .flex-vertical .align-bottom {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end; }
  .flex-vertical.v-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .flex-vertical {
    display: block;
    min-height: 0; }

  /* IE11 */
  *::-ms-backdrop,
  .box-wrapper .flex-vertical {
    min-height: 0 !important; }

  /* IE11 */ }
.flex-nowrap {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap; }

.stretchy {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.main-column {
  width: 75%;
  /*max-width: 840px;*/ }

.responsive-image {
  width: 100%;
  height: auto; }

.secondary-column {
  /*width: 20%;*/
  padding-left: 5%;
  width: 25%;
  box-sizing: border-box; }
  .secondary-column .secondary-nav-title {
    text-align: right;
    margin-bottom: 15px; }
  .secondary-column .secondary-nav a:hover {
    border-bottom-color: #948E86; }

.span-10 {
  width: 10%;
  box-sizing: border-box; }

.span-20 {
  width: 20%;
  box-sizing: border-box; }

.span-27 {
  width: 27%;
  box-sizing: border-box; }

.span-30 {
  width: 30%;
  box-sizing: border-box; }

.span-33 {
  width: 33%;
  box-sizing: border-box; }

.span-40 {
  width: 40%;
  box-sizing: border-box; }

.span-45 {
  width: 45%;
  box-sizing: border-box; }

.span-50 {
  width: 50%;
  box-sizing: border-box; }

.span-60 {
  width: 60%;
  box-sizing: border-box; }

.span-70 {
  width: 70%;
  box-sizing: border-box; }

.span-80 {
  width: 80%;
  box-sizing: border-box; }

.span-90 {
  width: 90%;
  box-sizing: border-box; }

.span-100 {
  width: 100%; }

.pad-right-10 {
  padding-right: 10%;
  box-sizing: border-box; }

.pad-left-10 {
  padding-left: 10%;
  box-sizing: border-box; }

.pad-right-5 {
  padding-right: 5%; }

.pad-left-5 {
  padding-left: 5%; }

.margin-bottom-50 {
  margin-bottom: 50px; }

.outdent-left-5-pct {
  margin-left: -5%; }

.outdent-left-10-pct {
  margin-left: -10%; }

.icon {
  padding: 4px 12px;
  background-color: #948E86;
  display: inline-block;
  color: #fff;
  font-size: 22px; }

.chart-container {
  position: relative; }
  .chart-container canvas {
    width: 100%; }

a.right-arrow-link {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  color: #948E86;
  border-bottom: none;
  position: relative;
  padding: 10px 32px 0 0; }
  a.right-arrow-link::after {
    font-family: 'Sellen';
    font-size: 20px;
    content: '\f00f';
    position: absolute;
    top: 2px;
    right: 0;
    width: 24px;
    height: 24px; }

/* indent */
.indent {
  padding-left: 80px; }

/* article */
.article h1 {
  /*max-width: 300px;*/ }
.article .photo {
  margin-bottom: 40px; }
  .article .photo img {
    width: 100%;
    height: auto; }
.article .media-type {
  position: absolute;
  top: 0;
  left: 0; }
.article .article-left {
  width: 50%;
  padding-right: 5%;
  position: relative; }
  .article .article-left h2 {
    font-size: 1.8em;
    font-family: 'Helserif-Lig';
    color: #A0CC3A;
    line-height: 1.2;
    margin-bottom: 0.2em;
    font-weight: normal; }
  .article .article-left h2.big-title {
    color: #948E86; }
  .article .article-left img {
    max-width: 100%;
    height: auto; }
  .article .article-left .wp-caption p {
    font-size: 0.75em; }
.article .article-right {
  width: 40%;
  padding-right: 5%;
  box-sizing: border-box; }
  .article .article-right.article-right--no-right-pad {
    padding-right: 0; }
  .article .article-right h2 {
    font-size: 1.8em;
    font-family: 'Helserif-Lig';
    color: #A0CC3A;
    line-height: 1.2;
    margin-bottom: 0.2em;
    font-weight: normal; }
  .article .article-right p {
    /*max-width: 60%;*/
    font-size: 0.75em; }
  .article .article-right .box-wrapper {
    width: auto; }
  .article .article-right .box.green {
    height: auto !important; }
    .article .article-right .box.green .box-content {
      padding-bottom: 40px; }
  .article .article-right img {
    max-width: 100%;
    height: auto; }
.article.special-projects .article-right p {
  font-size: 100%; }
.article .article-single-column {
  position: relative;
  padding-right: 5%;
  max-width: 900px; }
  .article .article-single-column .article-copy {
    padding-left: 12%; }
  .article .article-single-column img {
    max-width: 100%;
    height: auto; }
  .article .article-single-column .wp-caption p {
    font-size: 0.75em; }
.article .article-copy {
  padding-left: 16%; }
.article article.video {
  width: 100%;
  max-width: 1000px; }
  .article article.video .video-wrapper {
    padding-left: 10%;
    position: relative; }
  .article article.video .article-left {
    width: 65%; }
  .article article.video .article-right {
    width: 35%;
    padding-right: 0; }
.article article.image {
  width: 100%;
  max-width: 1000px; }
  .article article.image .image-wrapper {
    padding-left: 10%;
    position: relative; }
    .article article.image .image-wrapper .slideshow {
      margin-bottom: 2em; }
  .article article.image .article-left {
    width: 65%; }
  .article article.image .article-right {
    width: 35%;
    padding-right: 0; }
.article .searchform {
  margin-bottom: 1.5em; }
  .article .searchform input[type='text'] {
    font-size: 1em; }
  .article .searchform .inline-submit-button {
    border: none; }
    .article .searchform .inline-submit-button img {
      width: 20px;
      height: auto;
      cursor: pointer; }
  .article .searchform label,
  .article .searchform .inline-submit-button {
    display: inline-block;
    vertical-align: middle; }
.article .search-results h3 {
  font-family: "Helserif-Lig";
  font-size: 1.5em;
  font-weight: normal; }
.article .page-numbers {
  margin-right: 6px;
  font-size: 0.9em; }

.article-copy ul,
.article-left ul,
.article-right ul,
.benefits-left ul,
.benefits-right ul {
  margin: 0;
  padding: 0 0 1.3em 1.2em; }
.article-copy li,
.article-left li,
.article-right li,
.benefits-left li,
.benefits-right li {
  margin: 0 0 0.5em; }
.article-copy .wp-caption,
.article-left .wp-caption,
.article-right .wp-caption,
.benefits-left .wp-caption,
.benefits-right .wp-caption {
  max-width: 100%; }

/* benefits (job openings) */
.benefits-left {
  width: 50%;
  padding-right: 5%;
  position: relative; }
  .benefits-left .benefits-copy {
    padding-left: 80px; }

.benefits-right {
  width: 40%;
  padding-right: 5%;
  box-sizing: border-box; }
  .benefits-right .learn-more {
    margin-top: 40px; }

/* construction update */
.construction-update h1 {
  margin-bottom: 1em; }
.construction-update .date {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0.7em; }
.construction-update .title {
  padding-left: 10%; }
.construction-update .left-column {
  width: 50%;
  padding-left: 10%;
  padding-right: 2.5%; }
.construction-update .right-column {
  width: 50%;
  padding-left: 2.5%;
  padding-right: 10%; }
  .construction-update .right-column img {
    max-width: 100%;
    height: auto; }
.construction-update .map {
  width: 100%;
  height: 200px;
  margin-top: 45px;
  margin-bottom: 15px; }
.construction-update .download {
  margin-bottom: 45px; }
  .construction-update .download a {
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    border-bottom: none; }
    .construction-update .download a:hover {
      border-bottom: 1px solid #948E86; }
.construction-update .archive {
  list-style: none;
  margin: 0 0 2.2em 0;
  padding: 0;
  font-size: 14px; }
  .construction-update .archive li {
    margin-bottom: 0.5em; }
  .construction-update .archive a {
    width: 50%;
    font-size: 13px;
    font-weight: 700;
    border-bottom: none; }
    .construction-update .archive a:hover {
      border-bottom: 1px solid #948E86; }

/* enclosure */
.enclosure {
  overflow: auto;
  position: relative;
  /*z-index: 1; 	WAYYYYY too broad. what??? */ }
  .enclosure.gray {
    background-color: #EEECEA; }
  .enclosure.pad-default {
    padding-top: 45px;
    padding-bottom: 55px; }
  .enclosure.article {
    padding-bottom: 90px; }
  .enclosure.benefits {
    padding-top: 45px;
    padding-bottom: 90px; }
  .enclosure.connect {
    padding-top: 45px;
    padding-bottom: 90px; }
  .enclosure.construction-update {
    padding-bottom: 90px; }
  .enclosure.guess-what {
    padding-top: 45px;
    padding-bottom: 70px;
    overflow: hidden; }
  .enclosure.grid {
    padding-top: 0; }
  .enclosure.instagram {
    padding-top: 35px;
    padding-bottom: 90px; }
  .enclosure.inter-page-navigation {
    padding-top: 25px;
    padding-bottom: 25px; }
  .enclosure.market-outlook {
    padding-top: 45px;
    padding-bottom: 45px; }
  .enclosure.observations {
    padding-top: 45px;
    padding-bottom: 90px; }
  .enclosure.pad-top {
    padding-top: 60px; }
  .enclosure.person {
    /*padding-top: 90px;*/
    padding-bottom: 130px;
    background-color: #fff; }
  .enclosure.popular-topics {
    padding-top: 45px;
    padding-bottom: 35px; }
  .enclosure.related-topics {
    padding-top: 65px;
    padding-bottom: 20px; }
    .enclosure.related-topics.with-tag {
      padding-top: 35px; }
    .enclosure.related-topics.follows-nav {
      padding-top: 0; }
  .enclosure.saved {
    padding-top: 45px;
    /*padding-bottom: 90px;*/
    position: relative; }
  .enclosure.search-results {
    padding-top: 45px;
    padding-bottom: 90px; }
  .enclosure.social-highlights {
    padding-top: 45px;
    padding-bottom: 55px; }
  .enclosure.special-projects {
    padding-top: 50px;
    padding-bottom: 30px; }
  .enclosure.special-projects-grid {
    padding-top: 60px; }
    .enclosure.special-projects-grid #people-wrapper {
      margin-bottom: 50px; }
  .enclosure.testimonial {
    padding-top: 45px;
    padding-bottom: 90px; }
  .enclosure.open-positions {
    padding-top: 45px;
    padding-bottom: 30px; }

/* intro */
.intro {
  width: 65%;
  margin-bottom: 40px; }
  .intro .secondary-nav-title {
    margin-top: 40px; }
  .intro.intro--flatten-last-p p:last-child {
    margin-bottom: 0;
    padding-bottom: 0; }

/* facts */
.fact {
  display: inline-block;
  width: 45%;
  padding-right: 0;
  vertical-align: top; }
  .fact:nth-child(odd) {
    padding-right: 10%; }

/* social icons */
.social-icons {
  padding-right: 0; }
  .social-icons ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .social-icons li {
    display: inline-block;
    color: #fff;
    background-color: #D9D9D9;
    width: 40px;
    height: 40px;
    padding: 3px;
    margin: 0 8px 0 0;
    text-align: center; }
    .social-icons li:hover {
      opacity: 0.8; }
  .social-icons .fa {
    font-size: 30px;
    color: #fff;
    margin: 5px; }
  .social-icons a {
    border-bottom: none; }

.special-projects a.prompt {
  color: #4A4A4A;
  border-bottom: none; }
.special-projects ul.special-projects {
  list-style: none;
  margin: 0;
  padding: 0; }
  .special-projects ul.special-projects li {
    margin-bottom: 1.8em; }
  .special-projects ul.special-projects p {
    padding-bottom: 0; }
  .special-projects ul.special-projects a {
    border-bottom: none; }
.special-projects a.prompt:hover,
.special-projects ul.special-projects a:hover {
  border-bottom: 1px solid #948E86; }

/* boxes */
.boxes {
  padding-left: 10%; }
  .boxes.with-nav {
    padding-left: 0; }

/* box-wrapper */
.box-wrapper {
  margin-right: 8%;
  margin-bottom: 5em;
  width: 46%;
  max-width: 392px;
  min-width: 300px; }
  .box-wrapper .flex-vertical {
    min-height: 520px; }
    .box-wrapper .flex-vertical.no-min-height {
      min-height: 0; }
  .box-wrapper:last-child {
    margin-right: 0; }

/* box */
.box {
  width: 100%;
  /*display: inline-block;*/
  background-color: #EEECEA;
  position: relative; }
  .enclosure.gray .box:not(.green) {
    background-color: #fff; }
  .box.right {
    float: right; }
  .box .media-type {
    margin-top: -2px; }
  .box.green {
    background-color: #A0CC3A;
    color: #4A4A4A; }
    .box.green .box-title {
      background-image: url(../images/bg_title_accent_white.png); }
    .box.green .media-type {
      border-color: #fff;
      color: #fff; }
    .box.green .box-header {
      margin-bottom: 40px; }
    .box.green .box-header,
    .box.green .box-header a {
      font-size: 28px;
      color: #fff;
      border-bottom-color: transparent; }
    .box.green .box-header.hover a,
    .box.green .box-header a:hover {
      border-bottom: 1px solid #fff; }
    .box.green .box-top {
      cursor: default; }
    .box.green.with-link .box-top {
      cursor: pointer; }
    .box.green .box-content p a {
      color: #4A4A4A;
      border-bottom-color: #4A4A4A; }
    .box.green .box-content p b {
      font-weight: 700; }
    .box.green .box-content .button {
      margin-top: 24px; }
      .box.green .box-content .button a {
        color: #fff;
        border-color: #fff; }
  .box .box-top {
    position: relative;
    text-align: right;
    padding: 27px 20px 0 10%;
    /*min-height: 30px;*/
    /*min-height: 69px; */
    min-height: 50px;
    /* this is to force the height of this element even when there is no media type. the media type ads height and having a min height keeps both types equal */
    cursor: pointer; }
    .box .box-top::after {
      content: '';
      display: block;
      height: 1px;
      width: 100%;
      clear: both;
      margin-bottom: 1px; }
    .box .box-top .delete {
      position: absolute;
      top: -24px;
      right: -24px;
      border-bottom: none; }
    .box .box-top a,
    .box .box-top a:hover {
      display: block;
      border-bottom: none; }
  .box .box-title {
    background: transparent url(../images/bg_title_accent.png) 0 0 no-repeat;
    background-size: 30px 20px;
    padding-left: 40px;
    font-size: 16px;
    font-weight: 300;
    color: #4A4A4A;
    text-transform: uppercase;
    line-height: 1.2;
    float: left;
    text-align: left;
    -moz-transform: translateY(50%);
    -o-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    transform: translateY(50%); }
  .box .box-content {
    padding: 0 10% 30px 10%;
    box-sizing: border-box;
    /* added because content was overflowing on standard boxes */ }
  .box .box-header,
  .box .box-header a {
    font-size: 28px;
    color: #948E86;
    font-family: "Helserif-Lig";
    text-decoration: none;
    line-height: 1.2;
    border-bottom-color: transparent; }
  .box .box-header.hover a,
  .box .box-header a:hover {
    border-bottom: 1px solid #948E86; }
  .box .box-foot {
    position: relative;
    bottom: 0; }
    .box .box-foot.padded {
      padding: 0 20px 20px 24px; }
    .box .box-foot img {
      width: 100%;
      height: auto;
      display: block; }

.media-types {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: top;
  width: 100px; }
  .media-types li {
    display: inline-block;
    margin: 0 0 16px 11px; }
    .media-types li a {
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
      border: none; }

.media-type {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 8px;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  top: -3px;
  right: -1px;
  font-family: 'Sellen';
  font-size: 20px;
  color: #948E86;
  text-align: center;
  font-style: normal;
  line-height: 1;
  border: 1px solid #948E86;
  border-radius: 100%; }
  .media-type::after {
    position: absolute;
    font-family: 'Sellen';
    font-size: 18px;
    width: 33px;
    height: 33px;
    left: 0;
    top: 9px; }
  .media-type.story::after {
    content: '\f026'; }
  .media-type.qa::after {
    content: '\f027';
    left: -1px; }
  .media-type.news::after {
    content: '\f029';
    top: 8px; }
  .media-type.social::after {
    content: '\f02a';
    top: 7px; }
  .media-type.image::after {
    content: '\f028';
    top: 8px; }
  .media-type.video::after {
    content: '\f02b';
    left: 1px;
    top: 8px; }
  a:hover .media-type {
    background-color: #fff; }

/* slideshow */
.banner.slideshow-placeholder .arrow,
.slideshow .arrow {
  /*border-bottom: none;
  position: absolute;
  top: 50%;
  width: 20px;
  //height: 20px;
  color: #fff;
  font-size: 36px;
  text-decoration: none;
  z-index: $z-index-top;
  margin-top: -10px;*/
  border-bottom: none;
  position: absolute;
  top: 50%;
  width: 30px;
  color: #fff;
  font-size: 36px;
  text-decoration: none;
  z-index: 1000;
  margin-top: -10px;
  margin-right: 0;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px; }
  .banner.slideshow-placeholder .arrow:hover,
  .slideshow .arrow:hover {
    border-bottom: none; }
  .banner.slideshow-placeholder .arrow.arrow-prev,
  .slideshow .arrow.arrow-prev {
    left: 5%;
    margin-left: -10px; }
  .banner.slideshow-placeholder .arrow.arrow-next,
  .slideshow .arrow.arrow-next {
    right: 5%;
    margin-right: -10px; }
.banner.slideshow-placeholder .fullscreen,
.slideshow .fullscreen {
  position: absolute;
  font-size: 30px;
  top: 20px;
  right: 45px;
  z-index: 1000;
  width: 20px;
  border-bottom: none;
  color: #fff; }

.slideshow .slide {
  /*border: 1px solid red;*/
  opacity: 0; }
.slideshow.ready .slide {
  opacity: 1; }

.fullscreen-slideshow {
  background-color: #666; }

.close-slideshow {
  position: fixed;
  right: 5%;
  width: 24px;
  top: 123px;
  z-index: 100;
  cursor: pointer; }
  .close-slideshow:after {
    font-family: 'Sellen';
    color: #fff;
    font-size: 24px;
    content: '\f011';
    position: absolute;
    top: 0;
    left: -10px;
    width: 24px;
    height: 40px;
    padding-right: 10px;
    padding-left: 10px; }
  .project-profile-wrapper .close-slideshow {
    display: none;
    position: absolute;
    color: #948E86;
    top: 12px;
    right: 0;
    font-size: 20px; }
    .project-profile-wrapper .close-slideshow:after {
      right: 0;
      left: auto;
      color: #666;
      font-size: 20px; }

.controls {
  background-color: rgba(0, 0, 0, 0.5);
  height: 44px;
  padding-top: 10px;
  box-sizing: border-box;
  position: fixed;
  z-index: 1;
  width: 100%;
  bottom: 0; }
  .controls .slick-dots {
    margin-right: 5%; }
    .controls .slick-dots a {
      border-bottom: none; }
  .controls ul {
    text-align: right;
    margin: 0;
    padding: 0;
    list-style: none; }
    .controls ul li {
      display: inline-block;
      margin: 0 9px 0 0;
      padding: 0;
      width: 12px;
      height: 25px;
      background-color: rgba(238, 236, 234, 0.8);
      cursor: pointer;
      -ms-transform: skew(-40deg, 0deg);
      /* IE 9 */
      -webkit-transform: skew(-40deg, 0deg);
      /* Safari */
      transform: skew(-40deg, 0deg);
      /* Standard syntax */ }
      .controls ul li.slick-active {
        background-color: rgba(160, 204, 58, 0.8); }
    .controls ul .slick-active button::before {
      background-color: #fff; }

/* slide */
.slide {
  overflow: hidden;
  position: relative;
  height: 100%; }
  .slide img {
    width: 100%;
    height: auto;
    display: block; }

/* slide overlay */
.slide-overlay {
  position: absolute;
  box-sizing: border-box;
  z-index: 100; }
  .slide-overlay .box .box-title {
    transform: none;
    /* disable transform here. it only occurs on tiles to keep text aligned with media type icon */ }
  .slide-overlay .box-content {
    padding-left: 10.5%;
    padding-right: 7%;
    padding-bottom: 35px;
    color: #fff;
    font-size: 38px;
    font-family: "Helserif-Lig";
    line-height: 1.15;
    -webkit-transition: font-size 0.5s ease-in-out;
    -moz-transition: font-size 0.5s ease-in-out;
    -ms-transition: font-size 0.5s ease-in-out;
    -o-transition: font-size 0.5s ease-in-out;
    transition: font-size 0.5s ease-in-out; }
    .slide-overlay .box-content a {
      color: #fff;
      text-decoration: none; }

.texture-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent url(../images/slide_overlay_dots.png) 0 0 repeat; }

.tag-overlay {
  position: absolute;
  top: 43px; }
  .tag-overlay.right {
    left: auto;
    right: 0; }

/* splash */
.splash {
  background-color: #333; }
  .splash .gradient {
    background: rgba(0, 0, 0, 0.5);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, transparent));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100; }
  .splash .slide-overlay {
    top: 21px;
    right: 26px;
    padding-left: 26px;
    max-width: 430px;
    font-size: 13px;
    color: #fff;
    line-height: 1.8;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); }
  .splash video {
    display: block; }

/* banner */
.banner {
  position: relative;
  /*&.wide {
  	.slide-overlay {
  		.box {
  			width: 560px;
  		}
  	}
  }*/ }
  .banner:first-child {
    margin-top: 0; }
  .banner .slide-overlay {
    width: 100%;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: top 0.5s ease-in-out;
    -moz-transition: top 0.5s ease-in-out;
    -ms-transition: top 0.5s ease-in-out;
    -o-transition: top 0.5s ease-in-out;
    transition: top 0.5s ease-in-out; }
    .banner .slide-overlay .box {
      background-color: rgba(0, 0, 0, 0.4);
      width: 530px;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      position: relative; }
      .banner .slide-overlay .box:hover {
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-transition: background-color 0.5s ease-in-out;
        -moz-transition: background-color 0.5s ease-in-out;
        -ms-transition: background-color 0.5s ease-in-out;
        -o-transition: background-color 0.5s ease-in-out;
        transition: background-color 0.5s ease-in-out; }
    .banner .slide-overlay .box-top {
      min-height: 40px;
      padding-left: 6%;
      padding-right: 6%; }
    .banner .slide-overlay .box-title {
      color: #fff; }
    .banner .slide-overlay .media-type {
      position: absolute;
      top: 15px;
      right: 15px;
      border-color: #fff;
      color: #fff; }
  .banner .align-right .box {
    float: right; }
  .banner a:hover .media-type {
    background-color: transparent; }

.social-highlights .span-33 {
  padding-right: 5%;
  padding-left: 5%; }

/* observations */
.observations .span-50 {
  padding-left: 5%;
  padding-right: 5%; }

/* connect */
.connect .icon {
  vertical-align: top; }
.connect input[type='text'],
.connect input[type='email'] {
  font-size: 14px;
  height: 41px;
  margin-left: 9px;
  padding: 4px 8px;
  border: 1px solid #B8AFA4;
  box-sizing: border-box;
  width: 100%;
  max-width: 300px;
  min-width: 100px;
  display: inline-block;
  vertical-align: top; }
.connect input[type='submit'] {
  position: absolute;
  left: -9999px; }
.connect div.mce_inline_error {
  color: red;
  margin-top: 0.4em;
  margin-left: 75px; }
.connect div#mce-success-response {
  margin-top: 0.4em;
  margin-left: 75px; }

/* features */
.social-highlights .date {
  color: #B8AFA4;
  letter-spacing: 0.25em;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 0.8em; }
.social-highlights a {
  display: block;
  border: none; }
  .social-highlights a:hover .feature-copy span {
    border-bottom: 1px solid #948E86; }

.feature-title {
  text-transform: uppercase;
  color: #948E86;
  letter-spacing: 0.25em;
  font-size: 12px;
  font-weight: 700;
  /*line-height: 1.3;*/
  margin-bottom: 0.8em;
  /*padding-left: 5%;*/ }
  .feature-title.twitter {
    position: relative;
    padding-left: 40px;
    margin-left: -40px; }
    .feature-title.twitter::before {
      position: absolute;
      top: 0;
      left: 0;
      content: '\f015';
      font-family: 'Sellen';
      font-size: 30px; }
  .feature-title.facebook {
    position: relative;
    padding-left: 40px;
    margin-left: -40px; }
    .feature-title.facebook::before {
      position: absolute;
      left: 0;
      top: 0;
      content: '\f012';
      font-family: 'Sellen';
      font-size: 30px; }

.feature-copy {
  color: #948E86; }
  .feature-copy.big {
    font-size: 28px;
    font-family: "Helserif-Lig";
    line-height: 1.2; }

/* topics */
.topics-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 670px;
  display: inline-block; }
  .topics-list li {
    display: inline-block;
    width: 30%;
    min-width: 180px;
    max-width: 200px;
    margin: 0 0 19px 15px;
    /*width: 200px;
    */
    white-space: nowrap; }
    .topics-list li .button {
      width: 100%; }
    .topics-list li:hover {
      background-color: #fff; }

.topic-label {
  width: 280px;
  white-space: nowrap; }

.button {
  line-height: 1;
  display: inline-block; }
  .button.sixty {
    width: 60%; }
  .button a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 18px;
    border: 1px solid #948E86;
    font-size: 12px;
    color: #948E86;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.25em; }

.nav-tag {
  margin-bottom: 1.7em;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: right;
  font-weight: 400;
  font-size: 16px;
  color: #A0CC3A; }

.tag {
  margin-bottom: 60px; }
  .tag span {
    background: #A0CC3A url(../images/bg_title_accent_white.png) 16px 18px no-repeat;
    background-size: 27px 18px;
    display: inline-block;
    padding: 17px 22px 17px 50px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 16px;
    color: #4A4A4A;
    width: 260px;
    box-sizing: border-box; }
  .tag.gray span {
    background-color: transparent;
    background-image: url(../images/bg_title_accent.png);
    background-position: 0 18px;
    padding-left: 36px; }
  .tag.big-margin {
    margin-bottom: 90px; }
  .instagram .tag {
    margin-bottom: 40px; }
  .topic-label .tag {
    margin-top: -10px; }
  .related-topics .tag {
    /*margin-bottom: 60px;*/ }
  .connect .tag {
    margin-bottom: 0; }

body #sb_instagram #sbi_images .sbi_item {
  padding: 0 2.75% !important; }

/* instagram images */
.instagram-images {
  text-align: center; }
  .instagram-images #sbi_images,
  .instagram-images ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex !important;
    justify-content: space-around;
    flex-wrap: nowrap; }
    .instagram-images #sbi_images .sbi_item,
    .instagram-images #sbi_images li,
    .instagram-images ul .sbi_item,
    .instagram-images ul li {
      display: inline-block;
      width: 30%;
      box-sizing: border-box;
      overflow: hidden; }
    .instagram-images #sbi_images img,
    .instagram-images ul img {
      width: 100%;
      height: 100%;
      max-width: 300px;
      margin: 0 auto; }
    .instagram-images #sbi_images a,
    .instagram-images ul a {
      border: none;
      display: block;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      height: 0; }

.prompt .question,
.prompt .answer {
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  color: #948e86;
  font-family: 'Helserif-Lig';
  font-weight: normal;
  font-size: 28px;
  line-height: 1.2; }

.q-and-a {
  position: relative; }
  .q-and-a .answer {
    position: absolute;
    visibility: hidden;
    opacity: 0; }
  .q-and-a.show-answer .question {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity: 0; }
  .q-and-a.show-answer .answer {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity: 1; }

.display-toggle {
  position: absolute;
  top: 7px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  max-width: 340px; }
  .display-toggle a {
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 30px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 13px;
    font-weight: 300;
    display: inline-block;
    margin: 0 10px;
    position: relative;
    line-height: 1;
    border-bottom: none;
    opacity: 0.7;
    color: #666; }
    .display-toggle a::after {
      font-family: 'Sellen';
      font-weight: normal;
      color: #666;
      opacity: 0.7;
      font-size: 24px;
      position: absolute;
      left: 0;
      width: 24px;
      height: 24px; }
    .display-toggle a.grid-view::after {
      content: '\f022';
      top: -5px; }
    .display-toggle a.list-view::after {
      content: '\f021';
      top: -6px; }
    .display-toggle a.active {
      opacity: 1; }
      .display-toggle a.active:after {
        opacity: 1; }
    .display-toggle a:hover {
      opacity: 1;
      /*&:active {
      	color: $gray-5;
      }*/ }
      .display-toggle a:hover:after {
        opacity: 1; }

.people-controls {
  position: relative; }

.i-am {
  position: absolute;
  bottom: -8px;
  right: 5%;
  background-color: #EEECEA;
  padding: 5px 10px;
  width: 27%; }
  .i-am label {
    position: absolute;
    text-transform: uppercase; }
  .i-am input[type='submit'] {
    border: 0;
    background: transparent url(../images/icon_search.png) 0 0 no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
    text-indent: -500px;
    cursor: pointer;
    overflow: hidden;
    float: right;
    margin-top: 4px;
    position: absolute;
    right: 10px;
    top: 5px; }
  .i-am input[type='text'] {
    height: 20px;
    width: 100%;
    background-color: #EEECEA;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
    color: #B8AFA4;
    padding-left: 45px;
    padding-right: 30px;
    box-sizing: border-box;
    letter-spacing: 0.08em; }
    .i-am input[type='text']:focus {
      outline: none;
      /* Firefox 19+ */
      /* Firefox 18- */ }
      .i-am input[type='text']:focus::-webkit-input-placeholder {
        color: #D9D9D9; }
      .i-am input[type='text']:focus::-moz-placeholder {
        color: #D9D9D9; }
      .i-am input[type='text']:focus:-moz-placeholder {
        color: #D9D9D9; }
      .i-am input[type='text']:focus:-ms-input-placeholder {
        color: #D9D9D9; }

/* people list */
.people-list {
  column-count: 4;
  -moz-column-count: 4;
  -webkit-column-count: 4; }
  .people-list > div {
    padding-right: 5%;
    box-sizing: border-box; }
  .people-list div {
    margin-bottom: 0.9em; }
  .people-list a {
    color: #948E86;
    text-decoration: none;
    font-weight: 300;
    border-bottom: none; }
    .people-list a:hover {
      border-bottom: 1px solid #948E86; }

/* grid */
ul.grid {
  list-style: none;
  margin: 0 0 0 -15px;
  padding: 0;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  overflow: auto; }
  ul.grid::after {
    width: 100%;
    display: block;
    content: ''; }
  ul.grid li {
    margin: 0;
    padding: 0 0 15px 15px;
    width: 16.666%;
    height: auto;
    display: inline-block;
    box-sizing: border-box;
    -webkit-transition: padding-bottom 0.5s ease-in-out;
    -moz-transition: padding-bottom 0.5s ease-in-out;
    -ms-transition: padding-bottom 0.5s ease-in-out;
    -o-transition: padding-bottom 0.5s ease-in-out;
    transition: padding-bottom 0.5s ease-in-out;
    vertical-align: top; }
    ul.grid li:hover .overlay {
      opacity: 1; }
    ul.grid li.hidden {
      max-height: 0;
      overflow: hidden;
      padding: 0; }
  ul.grid img {
    max-width: 100%;
    height: auto;
    display: block; }
  ul.grid .wrapper {
    overflow: auto; }
  ul.grid .item {
    position: relative;
    overflow: auto; }
  ul.grid .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; }
  ul.grid .name {
    margin: 15px 6% 0.15em 6%;
    font-size: 26px;
    line-height: 1.2;
    font-family: "Helserif-Lig";
    color: #fff; }
  ul.grid .role {
    margin: 0 6%;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.2; }

.executive-block {
  margin-bottom: 70px; }

/* page nav */
.page-nav {
  /*margin-top: 35px; made this padding instead of margin so it could be used on "saved" where margin shows empty space above */
  /*margin-bottom: 25px;*/
  /*padding-top: 35px;
  padding-bottom: 25px;*/
  margin-top: 35px;
  margin-bottom: 25px; }
  .saved .page-nav {
    		/*padding-top: 35px;
            padding-bottom: 25px;*/
    margin-top: 0;
    /*margin-bottom: 0;*/ }
  .page-nav a {
    color: #666;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 23px 19px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 300;
    font-size: 13px;
    border-bottom: none; }
    .page-nav a:hover {
      opacity: 0.7; }
      .page-nav a:hover:after {
        opacity: 0.7; }
  .page-nav.person-nav {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    margin-right: 100px;
    margin-bottom: 50px; }
    .page-nav.person-nav .back {
      margin-right: 50px; }
  .page-nav.people-nav {
    margin-bottom: 80px; }

.previous-page {
  float: left;
  padding: 10px 0 0 26px;
  position: relative; }
  .previous-page::after {
    font-family: 'Sellen';
    color: #666;
    font-size: 20px;
    content: '\f010';
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px; }

.next-page {
  padding: 10px 32px 0 0;
  position: relative; }
  .next-page::after {
    font-family: 'Sellen';
    font-size: 11px;
    content: "";
    display: inline-block;
    margin-left: 6px;
    /*position: absolute;
    top: 4px;
    right: 0;
    width: 24px;
    height: 24px;*/ }

a.previous-page,
a.next-page {
  border-bottom: none; }

.enclosure.inter-page-navigation .next-page:after {
  font-family: 'Sellen';
  color: #666;
  font-size: 20px;
  content: '\f00f';
  position: absolute;
  top: 4px;
  right: 0;
  width: 20px;
  height: 20px; }
.enclosure.inter-page-navigation .previous-page {
  float: none; }

.back {
  width: 24px;
  height: 24px;
  position: relative; }
  .back::after {
    font-family: 'Sellen';
    color: #666;
    font-size: 20px;
    content: '\f011';
    position: absolute;
    top: 4px;
    left: 0;
    width: 24px;
    height: 24px; }

a.next-person {
  border-bottom: none;
  color: #666; }
  a.next-person::after {
    font-family: 'Sellen';
    font-size: 20px;
    content: "";
    display: inline-block;
    margin-left: 0px; }

a.close-person {
  border-bottom: none;
  color: #666;
  margin-right: 60px; }
  a.close-person::after {
    font-family: 'Sellen';
    font-size: 20px;
    content: "";
    display: inline-block;
    margin-left: 0px; }

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

.plus {
  color: #948E86;
  font-size: 12px;
  /*background: transparent url(../images/icon_plus.png) 0 -1px no-repeat;*/
  background-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 300;
  padding-left: 26px;
  padding-bottom: 2px;
  position: relative; }
  .plus::before {
    font-family: 'Sellen';
    position: absolute;
    content: '\f024';
    top: -6px;
    left: 0;
    width: 20px;
    height: 20px;
    color: #948E86;
    font-size: 18px; }

.person .flex-horizontal, .person .center, .person .wrap, .person .align-left, .person .box-group {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start; }
.person .photo {
  margin-bottom: 30px; }
  .person .photo img {
    width: 70%;
    max-width: 250px;
    height: auto; }
.person .person-left {
  width: 30%; }
.person .person-right {
  width: 50%; }
.person h1 {
  margin: 0 0 20px -13%;
  line-height: 1; }
.person .person-title {
  color: #948E86;
  margin: -14px 0 20px -13%; }

.relative {
  position: relative; }

.link-block {
  display: block;
  text-decoration: none;
  border-bottom: none; }
  .link-block:hover {
    border-bottom: none; }
  .link-block .box-content.hover span, .link-block .box-content:hover span {
    border-bottom: 1px solid #fff; }

.iframe-video {
  position: relative;
  padding-bottom: 56%;
  margin-bottom: 2em; }
  .iframe-video iframe {
    position: absolute;
    width: 100%;
    height: 100%; }

#video-iframe {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important; }

.hidden-intro-wrapper {
  height: 0;
  overflow: hidden; }
  .hidden-intro-wrapper.hidden-intro-wrapper--expanded {
    height: auto; }

.reports-updates {
  display: flex;
  column-gap: 8%; }
  @media (max-width: 740px) {
    .reports-updates {
      flex-direction: column;
      align-items: center;
      row-gap: 40px; } }
  .reports-updates__update {
    display: block;
    max-width: 400px;
    border-bottom: none; }
    .reports-updates__update:hover {
      border-bottom: none; }
  .reports-updates__thumb {
    margin-bottom: 1rem; }
    .reports-updates__thumb img {
      width: 100%;
      display: block; }
  .reports-updates__title {
    line-height: 1.2;
    text-decoration: none;
    font-family: "Helserif-Lig";
    font-size: 28px;
    font-weight: normal;
    color: #948E86;
    border-bottom-color: transparent; }

/*==================================================
	(7) media queries
==================================================*/
@media all and (max-height: 420px) and (min-width: 680px) {
  /*.banner {
  	display: none;
  }*/ }
@media all and (min-width: 1200px) {
  ul.grid--market-outlook li {
    width: 25%; } }
@media all and (max-width: 1450px) {
  #burger-menu .nav {
    margin-right: 190px; } }
/* 1200 */
@media all and (max-width: 1200px) {
  ul.grid li {
    width: 25%; }

  .box-wrapper .flex-vertical {
    min-height: 0; } }
/* 1180 */
@media all and (max-width: 1180px) {
  body.page-projects .slideshow .controls {
    position: fixed;
    bottom: 0; }

  .flex-horizontal.topics, .topics.center, .topics.wrap, .topics.align-left, .topics.box-group {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .flex-horizontal.topics .tag, .topics.center .tag, .topics.wrap .tag, .topics.align-left .tag, .topics.box-group .tag {
      margin-bottom: 20px; } }
/* 1110 */
@media all and (max-width: 1100px) {
  #masthead .icon-wrapper {
    /*width: 15%;*/ }

  .boxes {
    padding-left: 0; }

  .benefits-left .benefits-copy {
    padding-left: 0; }

  .article .media-type {
    display: none; }
  .article span.media-type {
    position: relative;
    display: inline-block;
    margin-top: -3px; }
  .article .article-left .media-type {
    display: none; }
  .article .article-copy,
  .article .article-single-column .article-copy {
    padding-left: 0; }
  .article article.video .video-wrapper {
    padding-left: 0; }
  .article article.image .image-wrapper {
    padding-left: 0; }

  .big-title,
  h1 {
    padding-right: 20px; } }
/* 1050 */
@media all and (max-width: 1050px) {
  .i-am {
    width: 22%; }

  ul.open-positions li {
    width: 50%; }

  #theapplicantmanager .listing {
    width: 50%; } }
/* 1000 */
@media all and (max-width: 1000px) {
  /*.banner {
  	.slide-overlay {
  		width: auto;
  		left: 5%;
  		right: 5%;
  		@include transition(top);
  	}
  }*/
  body {
    padding-top: 133px; }

  body.page-home .secondary-nav ul {
    display: inline-block; }
    body.page-home .secondary-nav ul:first-child {
      width: 250px; }

  body:not(.page-home) #masthead .title {
    display: none; }
  body:not(.page-home) #mobile-title-wrapper {
    display: block;
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    background-color: #EEECEA;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 300;
    font-family: "Gotham SSm A", "Gotham SSm B", helvetica, arial, sans-serif;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px; }
    body:not(.page-home) #mobile-title-wrapper.burger-expanded {
      -webkit-transition: background-color 0.5s ease-in-out;
      -moz-transition: background-color 0.5s ease-in-out;
      -ms-transition: background-color 0.5s ease-in-out;
      -o-transition: background-color 0.5s ease-in-out;
      transition: background-color 0.5s ease-in-out;
      background-color: #B8AFA4; }
    body:not(.page-home) #mobile-title-wrapper span {
      padding-left: 116px; }

  .scrolling-content .slide-overlay .box-top.hide-mobile {
    min-height: 0; }
    .scrolling-content .slide-overlay .box-top.hide-mobile .box-title {
      display: none; }

  #close-icon,
  .close-slideshow {
    top: 152px; }

  .mfp-wrap {
    padding-top: 133px; }
    .mfp-wrap .banner {
      top: 133px; }

  body.page-story .mfp-wrap .banner {
    top: 0; }

  body.page-projects .mfp-bg.squared {
    top: 133px; }
  body.page-projects .banner {
    top: 133px; }
  body.page-projects .banner.slideshow-placeholder {
    top: 133px; }

  .mfp-container .banner .slide {
    max-height: none; }

  .box-group {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  body:not(.special-projects) .flex-horizontal.boxes-with-nav, body:not(.special-projects) .boxes-with-nav.center, body:not(.special-projects) .boxes-with-nav.wrap, body:not(.special-projects) .boxes-with-nav.align-left, body:not(.special-projects) .boxes-with-nav.box-group {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  body:not(.special-projects) .main-column {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  body:not(.special-projects) .secondary-column {
    width: 100%;
    padding-left: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  body:not(.special-projects) .secondary-nav {
    text-align: left; }

  ul.grid li {
    width: 33.333%; }

  .intro {
    /*margin-bottom: 0;*/ }
    .intro .secondary-nav,
    .intro .table-of-contents {
      margin-top: 20px; }

  .secondary-nav,
  .table-of-contents {
    margin-bottom: 50px; }

  .enclosure.related-topics {
    padding-top: 52px; }

  .page-nav.person-nav {
    margin-top: 18px;
    margin-bottom: 25px; }

  #footer .footer-middle {
    width: 50%; }
  #footer .footer-right {
    width: 40%; } }
/* 980 */
@media all and (max-width: 980px) {
  .topics.flex-horizontal, .topics.center, .topics.wrap, .topics.align-left, .topics.box-group {
    display: block; }

  #footer {
    /*.margin-buffer {
    	padding-left: 80px;
    }*/ }
    #footer .bottom {
      margin-top: 0; }
    #footer .flex-horizontal, #footer .center, #footer .wrap, #footer .align-left, #footer .box-group {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      text-align: left; }
    #footer .footer-title {
      font-size: 32px; }
    #footer .footer-left {
      width: 100%; }
      #footer .footer-left .sellen-75 {
        display: none; }
    #footer .footer-middle {
      padding-left: 0;
      padding-right: 0;
      margin-bottom: 20px; }
      #footer .footer-middle .flex-horizontal, #footer .footer-middle .center, #footer .footer-middle .wrap, #footer .footer-middle .align-left, #footer .footer-middle .box-group {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start; }
      #footer .footer-middle .menu {
        width: auto; }
        #footer .footer-middle .menu:first-child {
          padding-right: 10%; }
    #footer .footer-right {
      box-sizing: border-box;
      max-width: 370px; }
      #footer .footer-right .sellen-75 {
        display: block;
        position: absolute;
        width: 132px;
        top: -168px;
        left: 0; }
    #footer address,
    #footer .logo,
    #footer .alt-nav {
      margin-bottom: 1.4em; }
    #footer .promotions {
      margin-bottom: 3em; }
    #footer .social-icons {
      margin-bottom: 4em; }
    #footer .copyright {
      text-align: center;
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
      -moz-order: 3;
      -ms-flex-order: 3;
      order: 3; }
    #footer .logo img {
      display: inline-block; }
    #footer .navigation .span-50:first-child {
      margin-bottom: 0; }
    #footer .navigation .alt-nav {
      text-align: left; } }
/* 940 */
@media all and (max-width: 940px) {
  .scrolling-content {
    margin-left: 0;
    max-width: 60%; } }
/* 960 */
@media all and (max-width: 960px) {
  .page-home #custom-feature .banner .slide {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    .page-home #custom-feature .banner .slide img {
      display: none; }
  .page-home #custom-feature .banner .slide-overlay {
    position: static;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    margin-bottom: 50px; }
  .page-home #custom-feature .banner .tag-overlay {
    position: static;
    margin-top: 43px; }
    .page-home #custom-feature .banner .tag-overlay .tag {
      margin-bottom: 43px; }
  .page-home #custom-feature .banner .box.right {
    float: none; } }
/* 930 */
@media all and (max-width: 930px) {
  /*#drag-icon {
  	opacity: 0;
  	@include transition(opacity);
  }*/
  /*body.content-hidden #drag-icon {
  	opacity: 1;
  	@include transition(opacity);
  }*/ }
@media all and (max-width: 900px) {
  .banner.wide .slide-overlay .box,
  .banner .slide-overlay .box {
    width: 80%;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -ms-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out; }

  .box.right {
    float: left; }

  .person h1,
  .person .person-title {
    margin-left: -9%; }
  .person .indent {
    padding-left: 0; }
  .person .social-icons li {
    width: 30px;
    height: 30px; }
  .person .social-icons .fa {
    font-size: 20px; }
  .person .person-right {
    width: 70%; }

  .page-nav.person-nav {
    margin-right: 0; }

  .construction-update .title,
  .construction-update .left-column {
    padding-left: 0;
    padding-right: 8%; }
  .construction-update .right-column {
    padding-right: 0;
    padding-left: 0; } }
/* 890 */
@media all and (max-width: 890px) {
  .story-controls .share-this.label {
    display: none; }

  ul.media-types {
    width: auto; } }
/* 850 */
@media all and (max-width: 850px) {
  #masthead {
    /*.icon-wrapper{
    	width: auto;
    }*/
    /*.search.desktop {
    	display: none;
    }*/ }
    #masthead .right {
      max-width: 40px;
      min-width: 40px; }
    #masthead.burger-expanded {
      			/*.icon-wrapper {
      				width: 20%;
      			}
      
      			.search.desktop {
      				display: block;
      			}*/ }
      #masthead.burger-expanded .right {
        max-width: 40px;
        min-width: 40px; }

  .page-nav.people-nav {
    margin-bottom: 40px; }

  .display-toggle {
    position: static;
    text-align: left;
    margin-bottom: 40px;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
    .display-toggle a {
      margin-left: 0; }

  .i-am {
    width: 40%;
    bottom: auto;
    top: 63px; }

  .enclosure.related-topics {
    padding-top: 42px; } }
/* !!! MIN !!! 800px */
@media all and (min-width: 800px) {
  .instagram .grid {
    text-align: center; }
    .instagram .grid li {
      display: inline-block;
      float: none;
      width: 33.333%;
      text-align: center; }
      .instagram .grid li:nth-child(n + 4) {
        display: none; }
      .instagram .grid li img {
        max-width: 300px;
        margin: 0 auto; } }
/* 800px */
@media all and (max-width: 800px) {
  .guess-what .prompt {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    padding-left: 0; }
  .guess-what .response {
    display: block;
    width: 100%;
    padding-left: 0; }

  .full-width-text {
    padding-left: 0; }

  .observations .flex-horizontal, .observations .center, .observations .wrap, .observations .align-left, .observations .box-group {
    display: block; }
    .observations .flex-horizontal .span-50, .observations .center .span-50, .observations .wrap .span-50, .observations .align-left .span-50, .observations .box-group .span-50 {
      width: 100%;
      margin-bottom: 30px; }
      .observations .flex-horizontal .span-50:last-child, .observations .center .span-50:last-child, .observations .wrap .span-50:last-child, .observations .align-left .span-50:last-child, .observations .box-group .span-50:last-child {
        margin-bottom: 0; }

  .feature-title {
    padding-left: 0; }

  .social-highlights {
    /* feature */ }
    .social-highlights .flex-horizontal, .social-highlights .center, .social-highlights .wrap, .social-highlights .align-left, .social-highlights .box-group {
      display: block; }
    .social-highlights .span-33 {
      width: 100%;
      margin-bottom: 20px; }
    .social-highlights .feature-title.twitter, .social-highlights .feature-title.facebook {
      padding-left: 0;
      margin-left: 0; }
      .social-highlights .feature-title.twitter::before, .social-highlights .feature-title.facebook::before {
        position: relative;
        display: block;
        margin-bottom: 5px; } }
/* 780px */
@media all and (max-width: 780px) {
  body {
    padding-top: 101px; }

  body.page-home.lock-masthead #gap {
    height: 74px; }

  .mfp-wrap {
    padding-top: 101px; }
    .mfp-wrap .banner {
      top: 101px; }

  body.page-story .mfp-wrap .banner {
    top: 0; }

  body.page-projects .mfp-bg.squared {
    top: 101px; }
  body.page-projects .banner {
    top: 101px; }
  body.page-projects .banner.slideshow-placeholder {
    top: 101px; }

  #panorama-container {
    top: 74px; }

  /* masthead */
  #masthead {
    height: 72px;
    padding-top: 31px; }
    #masthead .search.desktop img {
      width: 25px;
      height: 25px;
      margin-bottom: -1px; }
    #masthead .search input {
      top: -11px; }
    #masthead .search.mobile img {
      width: 25px;
      height: 25px;
      margin-right: 0; }
    #masthead .burger {
      display: inline-block; }
      #masthead .burger img {
        width: 30px;
        height: 24px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
    #masthead .close-burger {
      float: none;
      display: none; }
      #masthead .close-burger img {
        height: 16px;
        width: 16px; }
    #masthead .logo img {
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      width: 180px;
      height: 22.5px; }
    #masthead .title {
      font-size: 14px;
      /*line-height: 0;*/ }
    #masthead .icon-wrapper {
      width: 100px; }

  body:not(.page-home) #mobile-title-wrapper span {
    padding-left: 80px; }

  .page-home #masthead .title {
    font-size: 23px; }

  #burger-menu nav {
    display: block;
    text-align: right; }
  #burger-menu .primary-nav {
    margin-bottom: 0;
    /*60px;*/
    margin-right: 210px; }
    #burger-menu .primary-nav a {
      font-size: 36px; }
    #burger-menu .primary-nav .sub-menu {
      right: -215px; }
      #burger-menu .primary-nav .sub-menu a {
        font-size: 14px; }
  #burger-menu .alt-nav {
    float: right;
    margin: 0;
    max-width: 300px; }
    #burger-menu .alt-nav a {
      color: #666; }

  .sub-menu {
    top: -10px; }
    .menu-careers .sub-menu {
      top: -25px; }
    .menu-contact .sub-menu {
      top: auto;
      bottom: 3px; }

  /* article */
  .article .flex-horizontal, .article .center, .article .wrap, .article .align-left, .article .box-group {
    display: block; }
  .article .article.image .article-left,
  .article .article.video .article-left,
  .article .article-left {
    width: 100%;
    padding-right: 0; }
  .article .article.image .article-right,
  .article .article.video .article-right,
  .article .article-right {
    width: 100%;
    padding-right: 0;
    margin-top: 30px; }
  .article .article-single-column {
    padding-right: 0; }
  .article .share {
    position: fixed;
    z-index: 1000;
    top: 170px;
    right: -197px;
    width: 190px;
    background: #D9D9D9;
    padding: 10px 10px 10px 50px;
    -webkit-transition: right 0.5s ease-in-out;
    -moz-transition: right 0.5s ease-in-out;
    -ms-transition: right 0.5s ease-in-out;
    -o-transition: right 0.5s ease-in-out;
    transition: right 0.5s ease-in-out;
    opacity: 0.5; }
    .article .share.active {
      -webkit-transition: right 0.5s ease-in-out;
      -moz-transition: right 0.5s ease-in-out;
      -ms-transition: right 0.5s ease-in-out;
      -o-transition: right 0.5s ease-in-out;
      transition: right 0.5s ease-in-out;
      right: 0;
      opacity: 1; }
    .article .share .share-label {
      display: none; }
    .article .share .plus {
      margin-right: 30px; }
    .article .share .toggle {
      display: inline-block; }
      .article .share .toggle::before {
        position: absolute;
        top: 3px;
        left: 9px;
        width: 24px;
        height: 24px;
        font-family: 'Sellen';
        font-size: 30px;
        content: '\f141'; }

  .story-controls a {
    margin-left: 18px; }
    .story-controls a:hover {
      background-position: 0 -30px; }
  .story-controls .save {
    background-size: 30px 60px;
    width: 30px;
    height: 30px;
    margin-right: 3px;
    margin-bottom: -3px; }
    .story-controls .save.has-saved {
      background-position: 0 -30px; }
  .story-controls .saved-count {
    width: 25px;
    height: 25px;
    font-size: 13px;
    -moz-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    padding-top: 3px;
    margin-left: -6px; }
  .story-controls .fa {
    font-size: 30px;
    margin-right: 9px; }
  .story-controls .fa-twitter {
    font-size: 33px; }
  .story-controls .fa-link {
    font-size: 27px; }
  .story-controls .fa-linkedin {
    font-size: 31px; }
  .story-controls .copy-link span {
    font-size: 18px; }

  .span-20,
  .span-40,
  .span-45 {
    width: 100%; }

  .pad-right-10 {
    padding-right: 0; }

  .pad-left-10 {
    padding-left: 0; }

  /*.secondary-nav {
  	text-align: center;
  }*/
  	/*.display-toggle {
  		position: relative;
  		left: 0;
  		top: 0;
  		transform: none;
  		text-align: right;
  		width: 100%;
  		margin-bottom: 20px;
  
  		a.list-view {
  			margin-right: 4px;
  		}
  	}*/
  .page-nav.people-nav {
    /*margin-bottom: 40px;*/ }

  ul.grid {
    margin-left: -10px; }
    ul.grid li {
      padding-bottom: 10px;
      padding-left: 10px; }
    ul.grid .name {
      font-size: 20px; }
    ul.grid .role {
      font-size: 15px; }

  .close-slideshow {
    top: 120px; }

  #close-icon {
    top: 120px; }

  #footer {
    background-size: 3864px auto;
    padding-top: 84px; } }
@media all and (max-width: 768px) {
  #masthead .title {
    padding-left: 7%; }

  .topics-list {
    width: 100%; }

  .grid li {
    width: 50%; }

  .banner .slide-overlay .box-content,
  .slide-overlay .box-content {
    font-size: 36px;
    -webkit-transition: font-size 0.5s ease-in-out;
    -moz-transition: font-size 0.5s ease-in-out;
    -ms-transition: font-size 0.5s ease-in-out;
    -o-transition: font-size 0.5s ease-in-out;
    transition: font-size 0.5s ease-in-out; }

  .margin-buffer.collapse {
    padding-left: 0;
    padding-right: 0; }

  .box .box-top, .box .box-content, .box .box-foot.padded {
    padding-left: 9%;
    padding-right: 9%; }
    .slide-overlay .box .box-top,
    .slide-overlay .box .box-content,
    .slide-overlay .box .box-foot.padded {
      padding-left: 6%;
      padding-right: 6%; }

  /* instagram */
  .instagram {
    text-align: left;
    overflow: auto; }
    .instagram.enclosure {
      padding-bottom: 45px; }
    .instagram img {
      width: 100%;
      max-width: none;
      display: block; }
    .instagram ul {
      width: auto;
      margin-left: -10px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between; }
      .instagram ul li {
        float: left;
        display: block;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 0;
        width: 33.333%; }

  .hide-at-mobile {
    display: none; }

  .secondary-nav {
    padding-right: 5%; }

  .scrolling-content {
    max-width: 500px;
    margin: 0 auto; }
    .scrolling-content .all-projects {
      float: right; }
    .scrolling-content .slide-overlay .box-content {
      padding-left: 9%; }
    .scrolling-content #viewPanorama {
      display: block;
      text-align: right;
      padding-right: 5%;
      float: left;
      min-height: 42px; }
      .scrolling-content #viewPanorama.no-float {
        text-align: left;
        float: none;
        margin-bottom: 20px; }

  #drag-icon {
    display: none !important; }

  .banner.slideshow-placeholder .arrow,
  .slideshow .arrow {
    font-size: 32px; }

  #close-icon, .close-slideshow {
    font-size: 20px;
    width: 20px;
    height: 20px; }
    #close-icon::after,
    .close-slideshow::after {
      font-size: 20px; }
    #close-icon a,
    .close-slideshow a {
      width: 20px;
      height: 20px; }
      #close-icon a:after,
      .close-slideshow a:after {
        font-size: 20px; }
    .project-profile-wrapper #close-icon,
    .project-profile-wrapper .close-slideshow {
      display: block; }

  #scroll-down:before {
    font-size: 32px; }

  .mfp-wrap .project .close-slideshow {
    display: none; }

  .mfp-wrap.ready .project .close-slideshow,
  .mfp-wrap .project .project-profile-wrapper .close-slideshow {
    display: block; }

  .person h1,
  .person .person-title {
    margin-left: 0; }
  .person .person-left {
    width: 40%; }
    .person .person-left .photo img {
      width: 80%; }
  .person .person-right {
    width: 60%; }

  #people-grid h2 {
    padding-left: 5%; }

  ul.open-positions li {
    padding-left: 0;
    padding-right: 80px; }
    ul.open-positions li:nth-child(odd) {
      padding-right: 40px;
      padding-left: 0; }
    ul.open-positions li:nth-child(even) {
      padding-right: 0;
      padding-left: 40px; }

  .jv-careersite {
    padding-left: 0; }

  #theapplicantmanager .listing {
    padding-left: 0;
    padding-right: 80px; }
    #theapplicantmanager .listing:nth-child(odd) {
      padding-right: 40px;
      padding-left: 0; }
    #theapplicantmanager .listing:nth-child(even) {
      padding-right: 0;
      padding-left: 40px; }
  #theapplicantmanager > p {
    padding-left: 0; }

  .benefits .flex-horizontal, .benefits .center, .benefits .wrap, .benefits .align-left, .benefits .box-group {
    display: block; }

  .benefits-left {
    width: 100%;
    padding-right: 0;
    position: relative; }

  .benefits-right {
    width: 100%;
    padding-right: 0; }

  .guess-what .prompt {
    padding-left: 0; }

  .observations .span-50 {
    padding-left: 0; }

  #footer .footer-middle .flex-horizontal, #footer .footer-middle .center, #footer .footer-middle .wrap, #footer .footer-middle .align-left, #footer .footer-middle .box-group {
    display: block; }

  .flex-horizontal.boxes-with-nav, .boxes-with-nav.center, .boxes-with-nav.wrap, .boxes-with-nav.align-left, .boxes-with-nav.box-group {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  .main-column {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2; }

  .secondary-column {
    width: 100%;
    padding-left: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1; }

  .secondary-nav {
    text-align: left; } }
/* 740*/
@media all and (max-width: 740px) {
  .box-wrapper {
    width: 100%; } }
/* 700*/
@media all and (max-width: 700px) {
  	/*
  	.search.desktop {
  		@include transition(opacity);
  		opacity: 0;
  	}
  
  	.search.mobile {
  		opacity: 1;
  		display: block;
  
  		float: right;
  		position: absolute;
  		right: 5%;
  		top: 10px;
  
  		img {
  			margin-right: 4px;
  		}
  
  		input {
  			margin-top: -8px;
  		}
  	}
  
  	.burger-expanded #burger-menu {
  		padding-top: 60px;
  	}
  	*/
  .related-topics .tag {
    margin-bottom: 35px; }

  .boxes {
    padding-left: 0; }

  .box-wrapper {
    margin-bottom: 35px; }

  /*.box-wrapper,
  .box-wrapper:last-child {
  	width: 100%;
  	margin-left: auto;
  	margin-right: auto;
  }*/ }
/* 680 */
@media all and (max-width: 680px) {
  body.page-map #main {
    background-color: #948E86; }
  body.page-map .enclosure {
    display: none; }
  body.page-map #footer {
    display: none;
    padding: 0; }

  .box-wrapper {
    width: 100%; }

  .box-group {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }

  /* map */
  #map-wrapper {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    #map-wrapper.flex-horizontal, #map-wrapper.center, #map-wrapper.wrap, #map-wrapper.align-left, #map-wrapper.box-group {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      justify-content: flex-start; }
    #map-wrapper #map-canvas-wrapper {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -moz-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -moz-order: 1;
      -ms-flex-order: 1;
      order: 1;
      position: relative;
      overflow: hidden; }
    #map-wrapper #map-navigation {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      justify-content: flex-start;
      max-width: none;
      min-height: 0 !important;
      /* override inline styles */
      box-sizing: border-box;
      padding-left: 0 !important;
      overflow: auto;
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
      -moz-order: 3;
      -ms-flex-order: 3;
      order: 3; }
      #map-wrapper #map-navigation ul {
        max-width: none;
        margin-left: 10%;
        padding-top: 10px; }
      #map-wrapper #map-navigation p {
        padding: 18px 0;
        margin-left: 10%; }
    #map-wrapper #map-display-toggle {
      display: block;
      background-color: #948E86;
      padding: 12px 0 12px 10%;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -moz-order: 2;
      -ms-flex-order: 2;
      order: 2; }
      #map-wrapper #map-display-toggle a {
        display: inline-block;
        width: 50%;
        color: #fff;
        text-decoration: none; }
        #map-wrapper #map-display-toggle a:hover {
          border-bottom: none; }

  .secondary-nav {
    margin-top: 0;
    /*text-align: center;*/ }

  .banner.wide .slide-overlay,
  .banner .slide-overlay {
    /*@include transform(translateY(0));*/ }
    .banner.wide .slide-overlay .box,
    .banner .slide-overlay .box {
      width: 100%; }

  .social-highlights .source.facebook,
  .social-highlights .source.twitter {
    margin-left: 0;
    padding-left: 0;
    padding-top: 40px; }
    .social-highlights .source.facebook::before,
    .social-highlights .source.twitter::before {
      top: 0; }

  /* topics */
  .topics-list li {
    width: 43%; }

  /* footer */
  #footer .bottom-columns .column:last-child.span-30-pct, #footer .bottom-columns .column:last-child.span-40-pct, #footer .bottom-columns .column:last-child.span-50-pct,
  .column.span-30-pct,
  .column.span-40-pct,
  .column.span-50-pct {
    float: none;
    display: block;
    padding-right: 0;
    width: 100%;
    margin-bottom: 40px;
    padding-left: 80px; }
    #footer .bottom-columns .column:last-child.span-30-pct.copyright, #footer .bottom-columns .column:last-child.span-30-pct.logo, #footer .bottom-columns .column:last-child.span-40-pct.copyright, #footer .bottom-columns .column:last-child.span-40-pct.logo, #footer .bottom-columns .column:last-child.span-50-pct.copyright, #footer .bottom-columns .column:last-child.span-50-pct.logo,
    .column.span-30-pct.copyright,
    .column.span-30-pct.logo,
    .column.span-40-pct.copyright,
    .column.span-40-pct.logo,
    .column.span-50-pct.copyright,
    .column.span-50-pct.logo {
      padding-left: 0; }
  #footer .bottom-columns .column:last-child .column,
  .column .column {
    padding-left: 0;
    margin-bottom: 0; }

  #footer {
    /*.margin-buffer {
    	padding-right: 16%;
    }*/ }
    #footer .social-icons {
      margin-bottom: 60px;
      -webkit-box-ordinal-group: 1;
      -webkit-order: 0;
      -moz-order: 0;
      -ms-flex-order: 0;
      order: 0; }
      #footer .social-icons li {
        width: 32px;
        height: 32px; }
      #footer .social-icons .fa {
        font-size: 24px; }
    #footer .copyright {
      text-align: left;
      font-size: 13px;
      color: #4A4A4A;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -moz-order: 2;
      -ms-flex-order: 2;
      order: 2; }
    #footer .logo {
      font-size: 13px;
      color: #4A4A4A;
      margin-bottom: 20px;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -moz-order: 1;
      -ms-flex-order: 1;
      order: 1; }
      #footer .logo img {
        transform: none; }
    #footer .bottom-columns {
      margin-top: 0; }
      #footer .bottom-columns img {
        display: inline-block; }
    #footer .footer-left {
      width: 100%; }
    #footer .footer-middle {
      width: 100%; }
      #footer .footer-middle .flex-horizontal, #footer .footer-middle .center, #footer .footer-middle .wrap, #footer .footer-middle .align-left, #footer .footer-middle .box-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex; }
    #footer .footer-right {
      width: 100%; }
      #footer .footer-right .sellen-75 {
        position: static;
        top: auto;
        margin-bottom: 16px; }
    #footer .social-icons li {
      margin-right: 4px; }
    #footer .tag span {
      background-image: none; }

  .grid li {
    width: 50%;
    max-height: 360px; }

  /* misc */
  .show-at-mobile {
    display: block; } }
/* 650 */
@media all and (max-width: 650px) {
  .intro {
    width: 100%; }

  .display-toggle {
    position: static;
    text-align: left;
    margin-bottom: 20px; }
    .display-toggle a {
      width: auto;
      height: 20px;
      margin-left: 0;
      margin-right: 20px; }

  .i-am {
    width: 90%;
    max-width: 300px;
    position: relative;
    top: auto;
    bottom: auto;
    left: 0;
    margin-bottom: 50px; }

  ul.open-positions li:nth-child(odd),
  ul.open-positions li:nth-child(even) {
    width: 100%;
    margin-bottom: 60px;
    padding-left: 0;
    padding-right: 0; }

  #theapplicantmanager .listing:nth-child(odd),
  #theapplicantmanager .listing:nth-child(even) {
    width: 100%;
    margin-bottom: 60px;
    padding-left: 0;
    padding-right: 0; }

  #placeholder-arrow {
    display: none; } }
/* 640px */
@media all and (max-width: 640px) {
  #burger-menu nav {
    display: block; }
  #burger-menu .primary-nav {
    /*margin-bottom: 60px;*/ }
    #burger-menu .primary-nav a {
      font-size: 36px; }
  #burger-menu .alt-nav {
    margin: 0 auto;
    max-width: 300px; }
    #burger-menu .alt-nav a {
      color: #666; } }
@media all and (max-width: 620px) {
  table.chart-data {
    font-size: 12px; } }
@media all and (max-width: 600px) {
  #down-arrow img {
    width: 50px; }

  .page-home .splash {
    position: relative; }

  .page-home .splash .title {
    font-size: 23px;
    color: #fff;
    padding-left: 0;
    position: absolute;
    top: 46px;
    left: 11%;
    z-index: 1000; }

  #masthead .title {
    margin-right: 0; }
    .page-home #masthead .title {
      position: absolute;
      bottom: 80px;
      left: 20px;
      padding-left: 0;
      color: #fff; }
  #masthead .search.active input {
    min-width: 200px; }

  .person .flex-horizontal, .person .center, .person .wrap, .person .align-left, .person .box-group {
    display: block; }
  .person .person-left {
    width: 100%; }
    .person .person-left .photo img {
      width: 100%;
      max-width: 375px; }
  .person .person-right {
    width: 100%; }

  /* construction updates */
  .construction-update .flex-horizontal, .construction-update .center, .construction-update .wrap, .construction-update .align-left, .construction-update .box-group {
    display: block; }
  .construction-update .left-column {
    width: 100%;
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0; }
  .construction-update .right-column {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  .construction-update .title {
    padding-left: 0; }

  .banner .slide-overlay .box-content,
  .slide-overlay .box-content {
    font-size: 32px; }

  .enclosure.related-topics {
    padding-top: 30px; }

  .project-banner .slick-dots {
    display: none !important; } }
/* 560px */
@media all and (max-width: 560px) {
  #view-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    height: auto;
    min-height: 100px; }
    #view-controls #viewPanorama {
      -webkit-box-ordinal-group: 1;
      -webkit-order: 0;
      -moz-order: 0;
      -ms-flex-order: 0;
      order: 0;
      width: 170px;
      margin: 0;
      float: none; }
      #view-controls #viewPanorama.no-float {
        width: auto; }
      #view-controls #viewPanorama.float img.hand-before {
        display: none; }
      .scrolling-content #view-controls #viewPanorama {
        text-align: left; }
    #view-controls #allProjects {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -moz-order: 1;
      -ms-flex-order: 1;
      order: 1;
      width: auto;
      /*margin: 0 auto;*/
      float: none; }

  .scrolling-content #viewPanorama.float img {
    margin-left: 26px;
    margin-right: 0; }
    .scrolling-content #viewPanorama.float img.hand-after {
      display: inline-block; }

  table.chart-data {
    font-size: 11px; } }
/* 500px */
@media all and (max-width: 500px) {
  #masthead {
    /*.search.desktop {
    	display: none;
    }*/ }
    #masthead .title {
      white-space: nowrap;
      line-height: 0.9; }
    #masthead .right {
      min-width: 0; }
    #masthead .icon-wrapper {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      -webkit-justify-content: flex-end;
      -moz-justify-content: flex-end;
      justify-content: flex-end;
      bottom: 0; }

  .box-wrapper {
    margin-bottom: 40px;
    min-width: 0; }

  ul.grid {
    margin-left: -6px; }
    ul.grid li {
      padding-bottom: 6px;
      padding-left: 6px; }

  .projects-list h2 {
    margin-bottom: 20px; }
  .projects-list .project-not-listed {
    margin-top: 20px; }
  .projects-list .category ul {
    width: 100%; }

  .category h3 {
    margin-top: 0;
    margin-bottom: 0;
    cursor: pointer; }
  .projects-list .category ul:last-child {
    padding-left: 0; }
  .category .flex-horizontal, .category .center, .category .wrap, .category .align-left, .category .box-group {
    display: block;
    padding: 0;
    -webkit-transition: padding 0.5s ease-in-out;
    -moz-transition: padding 0.5s ease-in-out;
    -ms-transition: padding 0.5s ease-in-out;
    -o-transition: padding 0.5s ease-in-out;
    transition: padding 0.5s ease-in-out; }
  .category.expanded .flex-horizontal, .category.expanded .center, .category.expanded .wrap, .category.expanded .align-left, .category.expanded .box-group {
    padding: 10px 0;
    height: auto;
    -webkit-transition: padding 0.5s ease-in-out;
    -moz-transition: padding 0.5s ease-in-out;
    -ms-transition: padding 0.5s ease-in-out;
    -o-transition: padding 0.5s ease-in-out;
    transition: padding 0.5s ease-in-out; }

  .topics-list li {
    width: 50%;
    max-width: 174px; }

  body.page-home .secondary-nav {
    margin-bottom: 28px; }
    body.page-home .secondary-nav ul:first-child,
    body.page-home .secondary-nav ul {
      width: 49%; } }
/* 480px */
@media all and (max-width: 480px) {
  	/*#masthead {
  		.title {
  			padding-left: 2.5%;
  			font-size: 12px;
  			position: absolute;
  			width: 140px;
  			bottom: -1px;
  			left: 140px;
  			white-space: normal;
  			@include transition(all);
  
  			.quote {
  				bottom: 0;
  			}
  
  
  		}
  
  		.logo {
  			img {
  				width: 130px;
  				height: 17px;
  			}
  		}
  	}*/
  body:not(.page-home) #mobile-title-wrapper span {
    padding-left: 0; }

  .banner .slide-overlay .box-content,
  .slide-overlay .box-content,
  .projects-list h2,
  .box .box-header,
  .box .box-header a,
  .box.green .box-header,
  g .box-header a,
  .primary-nav a,
  .secondary-nav a {
    font-size: 26px; }

  .box.green .box-header {
    margin-bottom: 36px; }

  .boxes {
    padding-left: 0; }

  .box-wrapper {
    margin-right: 0; }

  .save-controls .links {
    display: block;
    margin-top: 10px; }
    .save-controls .links a {
      margin-left: 0;
      margin-right: 15px; }

  ul.grid .name {
    font-size: 15px;
    margin-bottom: 0.4em;
    line-height: 1.1; }
  ul.grid .role {
    font-size: 12px; }

  .people-list {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2; } }
/* 460px */
@media all and (max-width: 460px) {
  .topics-list li {
    width: 100%;
    max-width: 260px; }

  /* facts */
  .fact {
    display: block;
    width: 100%;
    padding-right: 0; }
    .fact:nth-child(odd) {
      width: 100%; }

  .box-wrapper.delete-wrapper {
    width: auto;
    padding-right: 24px; } }
/* 430px */
@media all and (max-width: 430px) {
  #masthead .logo {
    margin-right: 10px; }

  .box .box-title,
  .tag span {
    font-size: 14px; }

  .box {
    /*.box-top .delete {
    	top: 2px;
    	right: 5px;
    }*/
    /*.box-header,
    .box-header a {
    	font-size: 22px;
    }*/ }
    .box .media-type {
      width: 30px;
      height: 30px;
      margin-top: 2px; }
      .box .media-type::after {
        font-size: 15px;
        top: 7px;
        left: 2px;
        width: 24px;
        height: 24px; }

  .connect input[type='text'],
  .connect input[type='email'] {
    max-width: 225px; }

  ul.grid .role {
    display: none; }

  table.chart-data {
    font-size: 9px; } }
/* 480px */
@media all and (max-width: 480px) {
  #masthead .icon-wrapper {
    width: 78px; }

  #burger-menu .primary-nav {
    margin-right: 180px; }
    #burger-menu .primary-nav a {
      font-size: 26px; }
    #burger-menu .primary-nav .sub-menu {
      right: -172px; }

  .sub-menu {
    top: -13px;
    width: 160px; }
    .menu-contact .sub-menu {
      top: -133px; }
    .menu-careers .sub-menu {
      top: -67px; }
    .menu-community .sub-menu {
      top: -49px; }
    .menu-values .sub-menu {
      top: -35px; } }
@media screen and (max-device-width: 700px) and (orientation: landscape) {
  body.page-projects.lightbox-open {
    padding-top: 0; }
    body.page-projects.lightbox-open #masthead-wrapper {
      -webkit-transition: top 0.5s ease-in-out;
      -moz-transition: top 0.5s ease-in-out;
      -ms-transition: top 0.5s ease-in-out;
      -o-transition: top 0.5s ease-in-out;
      transition: top 0.5s ease-in-out;
      top: -110px; }
    body.page-projects.lightbox-open .mfp-bg {
      top: 0; }
    body.page-projects.lightbox-open .mfp-wrap {
      padding-top: 0; }
    body.page-projects.lightbox-open .banner.slideshow-placeholder {
      top: 0; }
    body.page-projects.lightbox-open .banner.slideshow-placeholder .arrow,
    body.page-projects.lightbox-open .slideshow .arrow {
      margin-top: -20px; }
    body.page-projects.lightbox-open .banner {
      top: 0; }
    body.page-projects.lightbox-open .close-slideshow {
      top: 20px; } }
/*==================================================
	(8) plugins/frameworks
==================================================*/
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-sellen .tooltipster-box {
  background: #000;
  border: none; }

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-sellen .tooltipster-content {
  color: #fff;
  font-size: 11px;
  text-align: center; }

.tooltipster-sidetip.tooltipster-top.tooltipster-noir-sellen .tooltipster-arrow-background {
  border-top-color: #000; }

/*==================================================
	(9) hacks
==================================================*/

/*# sourceMappingURL=global.css.map */