@charset "UTF-8";
/*
YUI 3.17.2 (build 9c3c78e)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
@import url(https://cloud.typography.com/7700712/621586/css/fonts.css);
html {
  color: #000;
  background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: "";
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}

legend {
  color: #000;
}

#yui3-css-stamp.cssreset {
  display: none;
}

.icon-social_grey {
  width: 18px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -6.8571428571px -37px;
}

.svg .icon-social_grey {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.icon-social_white,
.overlay.work .single_header .share_links li.social_label a,
.single-careers .feature-header .feature_info--share .share_links li.social_label a,
.feature-content_share .share_links li.social_label a,
.single-features-posts .feature-header .feature_info--share .share_links li.social_label a {
  width: 18px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -6.8571428571px -62px;
}

.svg .icon-social_white,
.svg .overlay.work .single_header .share_links li.social_label a,
.overlay.work .single_header .share_links li.social_label .svg a,
.svg .single-careers .feature-header .feature_info--share .share_links li.social_label a,
.single-careers .feature-header .feature_info--share .share_links li.social_label .svg a,
.svg .feature-content_share .share_links li.social_label a,
.feature-content_share .share_links li.social_label .svg a,
.svg .single-features-posts .feature-header .feature_info--share .share_links li.social_label a,
.single-features-posts .feature-header .feature_info--share .share_links li.social_label .svg a {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.icon-social_orange {
  width: 17.14px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -6.8571428571px -8px;
}

.svg .icon-social_orange {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.icon-twitter_white,
.footer .footer-links a.twitter:before,
.overlay.work .single_header .share_links li.social_twitter a,
.single-careers .feature-header .feature_info--share .share_links li.social_twitter a,
.single-features-posts .feature-header .feature_info--share .share_links li.social_twitter a {
  width: 22px;
  height: 19px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -35px -62px;
}

.svg .icon-twitter_white,
.svg .footer .footer-links a.twitter:before,
.footer .footer-links .svg a.twitter:before,
.svg .overlay.work .single_header .share_links li.social_twitter a,
.overlay.work .single_header .share_links li.social_twitter .svg a,
.svg .single-careers .feature-header .feature_info--share .share_links li.social_twitter a,
.single-careers .feature-header .feature_info--share .share_links li.social_twitter .svg a,
.svg .single-features-posts .feature-header .feature_info--share .share_links li.social_twitter a,
.single-features-posts .feature-header .feature_info--share .share_links li.social_twitter .svg a {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.icon-linkedin_white,
.footer .footer-links a.linkedin:before,
.overlay.work .single_header .share_links li.social_linkedin a,
.single-careers .feature-header .feature_info--share .share_links li.social_linkedin a,
.single-features-posts .feature-header .feature_info--share .share_links li.social_linkedin a {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -63px -60px;
}

.svg .icon-linkedin_white,
.svg .footer .footer-links a.linkedin:before,
.footer .footer-links .svg a.linkedin:before,
.svg .overlay.work .single_header .share_links li.social_linkedin a,
.overlay.work .single_header .share_links li.social_linkedin .svg a,
.svg .single-careers .feature-header .feature_info--share .share_links li.social_linkedin a,
.single-careers .feature-header .feature_info--share .share_links li.social_linkedin .svg a,
.svg .single-features-posts .feature-header .feature_info--share .share_links li.social_linkedin a,
.single-features-posts .feature-header .feature_info--share .share_links li.social_linkedin .svg a {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.icon-mail_white,
.footer .footer-links a.mail:before,
.overlay.work .single_header .share_links li.social_mail a,
.single-careers .feature-header .feature_info--share .share_links li.social_mail a,
.single-features-posts .feature-header .feature_info--share .share_links li.social_mail a {
  width: 28px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -94px -60px;
}

.svg .icon-mail_white,
.svg .footer .footer-links a.mail:before,
.footer .footer-links .svg a.mail:before,
.svg .overlay.work .single_header .share_links li.social_mail a,
.overlay.work .single_header .share_links li.social_mail .svg a,
.svg .single-careers .feature-header .feature_info--share .share_links li.social_mail a,
.single-careers .feature-header .feature_info--share .share_links li.social_mail .svg a,
.svg .single-features-posts .feature-header .feature_info--share .share_links li.social_mail a,
.single-features-posts .feature-header .feature_info--share .share_links li.social_mail .svg a {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.icon-instagram_white,
.footer .footer-links a.instagram:before {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -166px -57px;
}

.svg .icon-instagram_white,
.svg .footer .footer-links a.instagram:before,
.footer .footer-links .svg a.instagram:before {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.icon-instagram_grey {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -167px -31px;
}

.svg .icon-instagram_grey {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.icon-twitter_grey,
.feature-content_share .share_links li.social_twitter a {
  width: 22px;
  height: 19px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -35px -35px;
}

.svg .icon-twitter_grey,
.svg .feature-content_share .share_links li.social_twitter a,
.feature-content_share .share_links li.social_twitter .svg a {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.icon-linkedin_grey,
.feature-content_share .share_links li.social_linkedin a {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -63px -35px;
}

.svg .icon-linkedin_grey,
.svg .feature-content_share .share_links li.social_linkedin a,
.feature-content_share .share_links li.social_linkedin .svg a {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.icon-mail_grey,
.feature-content_share .share_links li.social_mail a {
  width: 28px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -94px -35px;
}

.svg .icon-mail_grey,
.svg .feature-content_share .share_links li.social_mail a,
.feature-content_share .share_links li.social_mail .svg a {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.icon-newsletter_grey {
  width: 33px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -127px -34px;
}

.svg .icon-newsletter_grey {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.icon-newsletter_white,
.footer .footer-links a.newsletter:before {
  width: 33px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -127px -58px;
}

.svg .icon-newsletter_white,
.svg .footer .footer-links a.newsletter:before,
.footer .footer-links .svg a.newsletter:before {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.icon-newsletter_orange,
.footer .footer-links a.newsletter:hover:before {
  width: 33px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -130px -4px;
}

.svg .icon-newsletter_orange,
.svg .footer .footer-links a.newsletter:hover:before,
.footer .footer-links .svg a.newsletter:hover:before {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.icon-instagram_orange,
.footer .footer-links a.instagram:hover:before {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -169px -6px;
}

.svg .icon-instagram_orange,
.svg .footer .footer-links a.instagram:hover:before,
.footer .footer-links .svg a.instagram:hover:before {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.icon-twitter_orange,
.footer .footer-links a.twitter:hover:before,
.overlay.work .single_header .share_links li.social_twitter a:hover,
.single-careers .feature-header .feature_info--share .share_links li.social_twitter a:hover,
.feature-content_share .share_links li.social_twitter a:hover,
.single-features-posts .feature-header .feature_info--share .share_links li.social_twitter a:hover {
  width: 22px;
  height: 19px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -35px -5px;
}

.svg .icon-twitter_orange,
.svg .footer .footer-links a.twitter:hover:before,
.footer .footer-links .svg a.twitter:hover:before,
.svg .overlay.work .single_header .share_links li.social_twitter a:hover,
.overlay.work .single_header .share_links li.social_twitter .svg a:hover,
.svg .single-careers .feature-header .feature_info--share .share_links li.social_twitter a:hover,
.single-careers .feature-header .feature_info--share .share_links li.social_twitter .svg a:hover,
.svg .feature-content_share .share_links li.social_twitter a:hover,
.feature-content_share .share_links li.social_twitter .svg a:hover,
.svg .single-features-posts .feature-header .feature_info--share .share_links li.social_twitter a:hover,
.single-features-posts .feature-header .feature_info--share .share_links li.social_twitter .svg a:hover {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.icon-linkedin_orange,
.footer .footer-links a.linkedin:hover:before,
.overlay.work .single_header .share_links li.social_linkedin a:hover,
.single-careers .feature-header .feature_info--share .share_links li.social_linkedin a:hover,
.feature-content_share .share_links li.social_linkedin a:hover,
.single-features-posts .feature-header .feature_info--share .share_links li.social_linkedin a:hover {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -63px -4px;
}

.svg .icon-linkedin_orange,
.svg .footer .footer-links a.linkedin:hover:before,
.footer .footer-links .svg a.linkedin:hover:before,
.svg .overlay.work .single_header .share_links li.social_linkedin a:hover,
.overlay.work .single_header .share_links li.social_linkedin .svg a:hover,
.svg .single-careers .feature-header .feature_info--share .share_links li.social_linkedin a:hover,
.single-careers .feature-header .feature_info--share .share_links li.social_linkedin .svg a:hover,
.svg .feature-content_share .share_links li.social_linkedin a:hover,
.feature-content_share .share_links li.social_linkedin .svg a:hover,
.svg .single-features-posts .feature-header .feature_info--share .share_links li.social_linkedin a:hover,
.single-features-posts .feature-header .feature_info--share .share_links li.social_linkedin .svg a:hover {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.icon-mail_orange,
.footer .footer-links a.mail:hover:before,
.overlay.work .single_header .share_links li.social_mail a:hover,
.single-careers .feature-header .feature_info--share .share_links li.social_mail a:hover,
.feature-content_share .share_links li.social_mail a:hover,
.single-features-posts .feature-header .feature_info--share .share_links li.social_mail a:hover {
  width: 28px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite_new/sprite.png);
  background-position: -94px -4px;
}

.svg .icon-mail_orange,
.svg .footer .footer-links a.mail:hover:before,
.footer .footer-links .svg a.mail:hover:before,
.svg .overlay.work .single_header .share_links li.social_mail a:hover,
.overlay.work .single_header .share_links li.social_mail .svg a:hover,
.svg .single-careers .feature-header .feature_info--share .share_links li.social_mail a:hover,
.single-careers .feature-header .feature_info--share .share_links li.social_mail .svg a:hover,
.svg .feature-content_share .share_links li.social_mail a:hover,
.feature-content_share .share_links li.social_mail .svg a:hover,
.svg .single-features-posts .feature-header .feature_info--share .share_links li.social_mail a:hover,
.single-features-posts .feature-header .feature_info--share .share_links li.social_mail .svg a:hover {
  background-image: url(../img/sprite_new/sprite.svg);
  background-size: 214px 111px;
}

.principles__link a,
.col-person-left h1,
h2,
.testimonial cite {
  font-family: "Ziggurat A", "Ziggurat B", serif;
  font-weight: 400;
}

.principles__link a,
.col-person-left h1,
h2,
.testimonial cite {
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
}

.single-careers .timeline-dot span, .series-card .grid .col-1-3.series-card_previous a, .series-card .grid .col-1-3 .series_card--inner h3, .series-card h2, .feature-content_mixed h2, .single-features-posts .timeline-dot span, html, .work-box h3, .work-single h2,
.work-single h1, .footer-columns h4, .col-person-right__inner h1, .footer h4, .series-card .grid .col-1-3.series-card_previous h4, .feature_next h2, .feature-content_grid .grid > div h3, .feature-content_text h3, .feature-card_title, #menu-main, .series-card .grid .col-1-3 .series_card--inner span, .feature-card_link {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 400;
}

.footer h4, .series-card .grid .col-1-3.series-card_previous h4, .feature_next h2, .feature-content_grid .grid > div h3, .feature-content_text h3, .feature-card_title, #menu-main, .series-card .grid .col-1-3 .series_card--inner span, .feature-card_link {
  font-weight: bold;
}

.work-box h3, .work-single h2,
.work-single h1, .footer-columns h4, .col-person-right__inner h1 {
  font-weight: 800;
  -webkit-font-smoothing: antialiased;
}

.overlay.work .single_header h1, .firstcharacter, .feature-content_image.chapter h2, .cta-content h2, h1,
.h1--large,
.panel-box h3 {
  font-family: "Ziggurat A", "Ziggurat B", serif;
  font-weight: 800;
  font-size: 3.25em;
  line-height: 1.1153846154;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}

.single-careers .feature-header .feature_info--date, .page-careers .intro-section p, .chapter_number h3, .single-features-posts .feature-header .feature_info--date, .page-features .intro-section p, .work-single__content strong, .col-person-right__inner h2, .principles__content h4, .arrow-link, figcaption, .client-name,
.footer-tweet,
.testimonial p,
.project-about,
.box-link .meta, h3,
.footer-meta,
.work-slide--hero,
.pagination .prev,
.pagination .next, .filed-in,
.sidebar__content h2,
.post header time,
.post .subheading, .footer .gdpr {
  font-family: "Sentinel SSm A", "Sentinel SSm B", serif;
  font-weight: 500;
}

.footer .gdpr {
  font-style: italic;
}

.footer .footer-bar p, .footer .footer-location_link, .footer .footer-location_address, .footer .footer-links a, .overlay.work .single_content_content p, .overlay.work .single_header p, .page-careers .careers_intro, .single-careers .feature-header .feature_intro, .series-card_intro p, .feature-content_share .inner .date, .feature-content_grid .grid > div p, .feature-content_quote p, .feature-content_text, .single-features-posts .feature-header .feature_intro, .feature-card_intro, .footer-meta .textwidget, .footer-copyright, .footer-columns .textwidget, .footer-new .textwidget, .footer-new #twitter-link, .page-header .content, .box-link--inline, figcaption, .client-name, .work-single__content,
.panel-content p,
.blog-header .content,
.home-locations,
.panel-content__inner p, .feature-content_gallery .main-img p, .feature-content_text figure figcaption, .feature-content_text figure .client-name, .work-box .role, .footer-tweet, .box-link .meta {
  font-family: "Sentinel SSm A", "Sentinel SSm B", serif;
  font-weight: 300;
}

.feature-content_gallery .main-img p, .feature-content_text figure figcaption, .feature-content_text figure .client-name, .work-box .role, .footer-tweet, .box-link .meta {
  font-style: italic;
}

.work-box h3, .work-single h2,
.work-single h1, .footer-columns h4, .workstreams h2, .principles__content h4, .home-locations, .alert-content, .box-link--inline, .testimonial cite, #menu-main {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.home-header,
.scrolling,
.wrap-out .prev,
.wrap-out .next {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.alert-content, .header, .grid {
  *zoom: 1;
}
.alert-content:before, .header:before, .grid:before, .alert-content:after, .header:after, .grid:after {
  content: " ";
  display: table;
}
.alert-content:after, .header:after, .grid:after {
  clear: both;
}

.principles__content .close span,
.sidebar-toggle:before,
.sidebar-toggle:after, .overlay-close span, #twitter-link:before, .work-box .link span, .workstreams:after, .flex-prev,
.flex-next, #menu-footer .li-crowddna a, .timeline .icon, .spinner, .sidebar-tweets-header h2 .icon, .pagination .prev span,
.pagination .next span, .contact-message .icon:after, .contact-message .icon, .work-list .work-box span, .js-accordion b, .js-accordion span, .box-link .link span, .principles-wrapper .prev,
.principles-wrapper .next, .principles__content .close, .home-locations .dot, .alert .dismiss span, .alert .link span, .alert .dot, .share-widget span, .panel-content .link, .arrow-link span, .logo-header a {
  background: url(../img/sprite.png) no-repeat -9999em -9999em;
  text-indent: -9999em;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
  .principles__content .close span,
.sidebar-toggle:before,
.sidebar-toggle:after, .overlay-close span, #twitter-link:before, .work-box .link span, .workstreams:after, .flex-prev,
.flex-next, #menu-footer .li-crowddna a, .timeline .icon, .spinner, .sidebar-tweets-header h2 .icon, .pagination .prev span,
.pagination .next span, .contact-message .icon:after, .contact-message .icon, .work-list .work-box span, .js-accordion b, .js-accordion span, .box-link .link span, .principles-wrapper .prev,
.principles-wrapper .next, .principles__content .close, .home-locations .dot, .alert .dismiss span, .alert .link span, .alert .dot, .share-widget span, .panel-content .link, .arrow-link span, .logo-header a {
    background-image: url(../img/sprite@1.25x.png);
  }
  .svg .principles__content .close span, .principles__content .close .svg span,
.svg .sidebar-toggle:before,
.svg .sidebar-toggle:after, .svg .overlay-close span, .overlay-close .svg span, .svg #twitter-link:before, .svg .work-box .link span, .work-box .link .svg span, .svg .workstreams:after, .svg .flex-prev,
.svg .flex-next, .svg #menu-footer .li-crowddna a, #menu-footer .li-crowddna .svg a, .svg .timeline .icon, .timeline .svg .icon, .svg .spinner, .svg .sidebar-tweets-header h2 .icon, .sidebar-tweets-header h2 .svg .icon, .svg .pagination .prev span, .pagination .prev .svg span,
.svg .pagination .next span,
.pagination .next .svg span, .svg .contact-message .icon:after, .contact-message .svg .icon:after, .svg .contact-message .icon, .contact-message .svg .icon, .svg .work-list .work-box span, .work-list .work-box .svg span, .svg .js-accordion b, .js-accordion .svg b, .svg .js-accordion span, .js-accordion .svg span, .svg .box-link .link span, .box-link .link .svg span, .svg .principles-wrapper .prev, .principles-wrapper .svg .prev,
.svg .principles-wrapper .next,
.principles-wrapper .svg .next, .svg .principles__content .close, .principles__content .svg .close, .svg .home-locations .dot, .home-locations .svg .dot, .svg .alert .dismiss span, .alert .dismiss .svg span, .svg .alert .link span, .alert .link .svg span, .svg .alert .dot, .alert .svg .dot, .svg .share-widget span, .share-widget .svg span, .svg .panel-content .link, .panel-content .svg .link, .svg .arrow-link span, .arrow-link .svg span, .svg .logo-header a, .logo-header .svg a {
    background-image: url(../img/sprite.svg);
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .principles__content .close span,
.sidebar-toggle:before,
.sidebar-toggle:after, .overlay-close span, #twitter-link:before, .work-box .link span, .workstreams:after, .flex-prev,
.flex-next, #menu-footer .li-crowddna a, .timeline .icon, .spinner, .sidebar-tweets-header h2 .icon, .pagination .prev span,
.pagination .next span, .contact-message .icon:after, .contact-message .icon, .work-list .work-box span, .js-accordion b, .js-accordion span, .box-link .link span, .principles-wrapper .prev,
.principles-wrapper .next, .principles__content .close, .home-locations .dot, .alert .dismiss span, .alert .link span, .alert .dot, .share-widget span, .panel-content .link, .arrow-link span, .logo-header a {
    background-image: url(../img/sprite@1.5x.png);
  }
  .svg .principles__content .close span, .principles__content .close .svg span,
.svg .sidebar-toggle:before,
.svg .sidebar-toggle:after, .svg .overlay-close span, .overlay-close .svg span, .svg #twitter-link:before, .svg .work-box .link span, .work-box .link .svg span, .svg .workstreams:after, .svg .flex-prev,
.svg .flex-next, .svg #menu-footer .li-crowddna a, #menu-footer .li-crowddna .svg a, .svg .timeline .icon, .timeline .svg .icon, .svg .spinner, .svg .sidebar-tweets-header h2 .icon, .sidebar-tweets-header h2 .svg .icon, .svg .pagination .prev span, .pagination .prev .svg span,
.svg .pagination .next span,
.pagination .next .svg span, .svg .contact-message .icon:after, .contact-message .svg .icon:after, .svg .contact-message .icon, .contact-message .svg .icon, .svg .work-list .work-box span, .work-list .work-box .svg span, .svg .js-accordion b, .js-accordion .svg b, .svg .js-accordion span, .js-accordion .svg span, .svg .box-link .link span, .box-link .link .svg span, .svg .principles-wrapper .prev, .principles-wrapper .svg .prev,
.svg .principles-wrapper .next,
.principles-wrapper .svg .next, .svg .principles__content .close, .principles__content .svg .close, .svg .home-locations .dot, .home-locations .svg .dot, .svg .alert .dismiss span, .alert .dismiss .svg span, .svg .alert .link span, .alert .link .svg span, .svg .alert .dot, .alert .svg .dot, .svg .share-widget span, .share-widget .svg span, .svg .panel-content .link, .panel-content .svg .link, .svg .arrow-link span, .arrow-link .svg span, .svg .logo-header a, .logo-header .svg a {
    background-image: url(../img/sprite.svg);
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .principles__content .close span,
.sidebar-toggle:before,
.sidebar-toggle:after, .overlay-close span, #twitter-link:before, .work-box .link span, .workstreams:after, .flex-prev,
.flex-next, #menu-footer .li-crowddna a, .timeline .icon, .spinner, .sidebar-tweets-header h2 .icon, .pagination .prev span,
.pagination .next span, .contact-message .icon:after, .contact-message .icon, .work-list .work-box span, .js-accordion b, .js-accordion span, .box-link .link span, .principles-wrapper .prev,
.principles-wrapper .next, .principles__content .close, .home-locations .dot, .alert .dismiss span, .alert .link span, .alert .dot, .share-widget span, .panel-content .link, .arrow-link span, .logo-header a {
    background-image: url(../img/sprite@2x.png);
  }
  .svg .principles__content .close span, .principles__content .close .svg span,
.svg .sidebar-toggle:before,
.svg .sidebar-toggle:after, .svg .overlay-close span, .overlay-close .svg span, .svg #twitter-link:before, .svg .work-box .link span, .work-box .link .svg span, .svg .workstreams:after, .svg .flex-prev,
.svg .flex-next, .svg #menu-footer .li-crowddna a, #menu-footer .li-crowddna .svg a, .svg .timeline .icon, .timeline .svg .icon, .svg .spinner, .svg .sidebar-tweets-header h2 .icon, .sidebar-tweets-header h2 .svg .icon, .svg .pagination .prev span, .pagination .prev .svg span,
.svg .pagination .next span,
.pagination .next .svg span, .svg .contact-message .icon:after, .contact-message .svg .icon:after, .svg .contact-message .icon, .contact-message .svg .icon, .svg .work-list .work-box span, .work-list .work-box .svg span, .svg .js-accordion b, .js-accordion .svg b, .svg .js-accordion span, .js-accordion .svg span, .svg .box-link .link span, .box-link .link .svg span, .svg .principles-wrapper .prev, .principles-wrapper .svg .prev,
.svg .principles-wrapper .next,
.principles-wrapper .svg .next, .svg .principles__content .close, .principles__content .svg .close, .svg .home-locations .dot, .home-locations .svg .dot, .svg .alert .dismiss span, .alert .dismiss .svg span, .svg .alert .link span, .alert .link .svg span, .svg .alert .dot, .alert .svg .dot, .svg .share-widget span, .share-widget .svg span, .svg .panel-content .link, .panel-content .svg .link, .svg .arrow-link span, .arrow-link .svg span, .svg .logo-header a, .logo-header .svg a {
    background-image: url(../img/sprite.svg);
  }
}

.series-card .grid .col-1-3 .series_card--inner span, .feature-card_link {
  display: inline-block;
  text-transform: uppercase;
  border-bottom: 2px #E85226 solid;
  color: #000;
  font-size: 0.875em;
  letter-spacing: 1px;
}

.overlay.work .single_header .share_links li.social_label a, .single-careers .feature-header .feature_info--share .share_links li.social_label a, .feature-content_share .share_links li.social_label a, .single-features-posts .feature-header .feature_info--share .share_links li.social_label a {
  display: block;
}

.footer .footer-links a.twitter:before, .overlay.work .single_header .share_links li.social_twitter a, .single-careers .feature-header .feature_info--share .share_links li.social_twitter a, .single-features-posts .feature-header .feature_info--share .share_links li.social_twitter a {
  display: block;
}

.footer .footer-links a.linkedin:before, .overlay.work .single_header .share_links li.social_linkedin a, .single-careers .feature-header .feature_info--share .share_links li.social_linkedin a, .single-features-posts .feature-header .feature_info--share .share_links li.social_linkedin a {
  display: block;
}

.footer .footer-links a.mail:before, .overlay.work .single_header .share_links li.social_mail a, .single-careers .feature-header .feature_info--share .share_links li.social_mail a, .single-features-posts .feature-header .feature_info--share .share_links li.social_mail a {
  display: block;
}

.footer .footer-links a.instagram:before {
  display: block;
}

.footer .footer-links a.newsletter:before {
  display: block;
}

.feature-content_share .share_links li.social_twitter a {
  display: block;
}

.feature-content_share .share_links li.social_linkedin a {
  display: block;
}

.feature-content_share .share_links li.social_mail a {
  display: block;
}

.footer .footer-links a.twitter:hover:before, .overlay.work .single_header .share_links li.social_twitter a:hover, .single-careers .feature-header .feature_info--share .share_links li.social_twitter a:hover, .feature-content_share .share_links li.social_twitter a:hover, .single-features-posts .feature-header .feature_info--share .share_links li.social_twitter a:hover {
  display: block;
}

.footer .footer-links a.instagram:hover:before {
  display: block;
}

.footer .footer-links a.newsletter:hover:before {
  display: block;
}

.footer .footer-links a.linkedin:hover:before, .overlay.work .single_header .share_links li.social_linkedin a:hover, .single-careers .feature-header .feature_info--share .share_links li.social_linkedin a:hover, .feature-content_share .share_links li.social_linkedin a:hover, .single-features-posts .feature-header .feature_info--share .share_links li.social_linkedin a:hover {
  display: block;
}

.footer .footer-links a.mail:hover:before, .overlay.work .single_header .share_links li.social_mail a:hover, .single-careers .feature-header .feature_info--share .share_links li.social_mail a:hover, .feature-content_share .share_links li.social_mail a:hover, .single-features-posts .feature-header .feature_info--share .share_links li.social_mail a:hover {
  display: block;
}

.grid {
  margin-left: -15px;
  margin-right: -15px;
}
.grid > * {
  float: left;
}
.grid--no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.col-1-1 {
  width: 100%;
}

.col-1-2 {
  width: 50%;
}

.col-1-3 {
  width: 33.3333333333%;
}

.col-2-3 {
  width: 66.6666666667%;
}

.col-1-4 {
  width: 25%;
}

.col-3-4 {
  width: 75%;
}

.col-1-5 {
  width: 20%;
}

.col-1-6 {
  width: 16.6666666667%;
}

.col-5-6 {
  width: 83.3333333333%;
}

.push-1-6 {
  position: relative;
  left: 16.6666666667%;
}

.pull-1-6 {
  position: relative;
  left: -16.6666666667%;
}

.col-inner {
  margin-left: 15px;
  margin-right: 15px;
}

.right {
  float: none;
  margin-left: auto;
}

.float-right {
  float: right;
}

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

.band-inner {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

::-moz-selection {
  background: #99CEC9;
  color: #fff;
}

::selection {
  background: #99CEC9;
  color: #fff;
}

html {
  font-size: 16px;
  line-height: 1.5;
  background: #fff;
  color: #000000;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 40em) {
  html {
    font-size: 14px;
  }
}
html.js {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  *zoom: 1;
  -webkit-transition: opacity 0.125s linear;
  -moz-transition: opacity 0.125s linear;
  -o-transition: opacity 0.125s linear;
  transition: opacity 0.125s linear;
}
html.loaded {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  *zoom: 1;
}

.h1--large {
  font-size: 4.25em;
}

p {
  margin: 1em 0;
}

.p--intro {
  font-size: 1.375em;
  line-height: 1.4545454545;
  color: #E85225;
}

a {
  text-decoration: none;
  color: #E85225;
}

img {
  max-width: 100%;
}

.wrapper {
  position: relative;
  overflow: hidden;
}

.js .content-wrapper {
  margin-right: 30px;
  position: relative;
  left: 0;
}
.page-template-tpl-contact-php .content-wrapper {
  margin-right: 0;
}
.transition .content-wrapper {
  -webkit-transition: left 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: left 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: left 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  transition: left 0.25s cubic-bezier(0.19, 1, 0.22, 1);
}
.sidebar-out .content-wrapper {
  left: -358px;
}

figure {
  margin-top: 0;
  margin-bottom: 0;
}

.gallery {
  margin: 2em 0;
}

figure img {
  display: block;
}

figcaption, .client-name {
  font-size: 1.125em;
  line-height: 1.125;
  margin-top: 0.25em;
  color: #787D78;
}

.video {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin: 2em 0;
  background: #000;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

pre.pre {
  font-family: Menlo, Consolas, monospace;
  font-size: 11px;
  line-height: 13px;
  white-space: pre-wrap;
  text-align: left;
}

/* - - - - - - - - - - - - NO SELECT - - - - - - - - - - - - */
/* - - - - - - - - - - - - HEADER - - - - - - - - - - - - */
.header {
  position: relative;
  background: #000;
}
.header:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 9;
  top: 100%;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0625), rgba(0, 0, 0, 0.0001));
}

.logo-header {
  float: left;
  margin-top: 28px;
}
.logo-header a {
  display: block;
  width: 173px;
  height: 21px;
  background-position: -53px -258px;
}

.menu-main-container {
  float: right;
}

#menu-main {
  font-size: 0.875em;
}
#menu-main li {
  float: left;
  margin-left: 50px;
}
#menu-main a {
  display: block;
  padding: 24px 0 28px;
  color: #FFFFFF;
  border-top: 5px solid transparent;
  -webkit-transition: border-color 0.125s linear;
  -moz-transition: border-color 0.125s linear;
  -o-transition: border-color 0.125s linear;
  transition: border-color 0.125s linear;
}
#menu-main a:hover,
#menu-main .current_page_item a,
#menu-main .current-page-ancestor a,
#menu-main .current_page_parent a {
  border-color: #E85225;
}

.single-features-posts #menu-main li.li-features a {
  border-color: #E85225;
}
.single-features-posts #menu-main li.li-blog a {
  border-color: transparent;
}

.single-careers #menu-main li.li-careers a {
  border-color: #E85225;
}
.single-careers #menu-main li.li-blog a {
  border-color: transparent;
}

.testimonial cite {
  font-size: 0.875em;
}

/* - - - - - - - - - - - - FOOTER - - - - - - - - - - - - */
.footer {
  background: #000;
  color: #fff;
  padding-top: 30px;
}
.footer a {
  display: inline-block;
  color: #fff;
  -webkit-transition: color 0.125s linear;
  -moz-transition: color 0.125s linear;
  -o-transition: color 0.125s linear;
  transition: color 0.125s linear;
}
.footer a:hover {
  color: #E85225;
}

.single-new-developments #menu-main .current_page_parent a,
.single-work #menu-main .current_page_parent a,
.single-people #menu-main .current_page_parent a {
  border-color: transparent;
}

.single-work #menu-main .li-work-people a,
.single-people #menu-main .li-work-people a {
  border-color: #E85225;
}

.js .single-work .wrapper,
.js .single-people .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(../img/tweets-loading.gif) no-repeat center;
}
.js .single-work .wrapper *,
.js .single-people .wrapper * {
  visibility: hidden;
}

.js.ltie9 .sidebar {
  left: auto;
  right: -358px;
}
.js.ltie9 .sidebar__content {
  background: #E85225;
}

.sidebar {
  background: #E85225;
  color: #fff;
}
.js .sidebar {
  position: fixed;
  z-index: 9999;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 358px;
}
.sidebar__js-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.gtiOS5 .sidebar__js-wrap {
  -webkit-overflow-scrolling: touch;
}
.js .sidebar .band-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 41.25em) {
  .js .sidebar .band-inner {
    right: 40px;
  }
}
.transition .sidebar {
  -webkit-transition: margin-left 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: margin-left 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: margin-left 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  transition: margin-left 0.25s cubic-bezier(0.19, 1, 0.22, 1);
}
.sidebar-toggle {
  position: absolute;
  top: 0;
  right: 100%;
  width: 30px;
  height: 100%;
  background: #E85225;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  font-size: 0.875em;
  line-height: 1;
}
.sidebar-toggle span {
  position: absolute;
  top: 50%;
  left: 1em;
  font-size: 14px;
  text-align: center;
  width: 240px;
  margin: -0.5em 0 0 -120px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.ltie9 .sidebar-toggle span {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  margin: -120px 0 0 -8px;
  background: #E85225;
  color: #fff;
}
.sidebar-toggle:hover {
  width: 40px;
  background: #CD4921;
}
.sidebar-out .sidebar-toggle:hover {
  width: 30px;
}
.ltie9 .sidebar-toggle:hover span {
  background: #CD4921;
}
.sidebar-out .sidebar {
  margin-left: -358px;
}
.sidebar-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.sidebar-content-inner {
  position: relative;
  top: 0;
}

.scroll-track {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: rgba(255, 255, 255, 0.25);
  background: #ee7d5c;
  overflow: hidden;
}
.scroll-handle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.25);
  background: #f29e85;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.125);
  cursor: pointer;
}

.sidebar__content h2 {
  font-size: 1.875em;
  line-height: 1;
  margin-bottom: 1.5em;
}
.js .sidebar__content {
  padding: 40px 16px 0;
  padding-right: 32px;
}

.sidebar-tweets {
  font-size: 0.875em;
}
.sidebar-tweets li {
  margin-bottom: 2em;
}
.sidebar-tweets .screen-name {
  margin-bottom: 0.5em;
  font-size: 0.8571428571em;
}
.sidebar-tweets a {
  color: white;
}

.tweet time {
  margin-top: 0.5em !important;
}

.not-found {
  padding-top: 10em !important;
  padding-bottom: 10em !important;
}

.post .subheading {
  display: inline-block;
  padding: 8px 12px;
}

figcaption, .client-name,
.footer-tweet,
.testimonial p,
.project-about,
.box-link .meta {
  font-style: italic;
}

figcaption, .client-name {
  font-style: italic;
}

figcaption, .client-name {
  font-size: 14px;
}

article {
  background: #fff;
  color: #2D2D2D;
}

.post header {
  text-align: center;
  background: #2D2D2D;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  padding-top: 8.5em;
  padding-bottom: 4.75em;
  margin-bottom: 2.5em;
}

.overlay .post header {
  padding: 2em 0;
}

.post header time {
  display: inline-block;
  padding: 8px 12px;
  position: relative;
}

.post header time:before,
.post header time:after {
  content: "";
  display: block;
  width: 122px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 100%;
}

.post header time:after {
  left: auto;
  right: 100%;
}

.post header a {
  color: #fff;
}

.post footer {
  font-size: 0.875em;
  border-top: 1px solid #D8D8D8;
  color: #9D9A93;
  padding: 1.125em 0;
}

.post footer:after {
  content: "";
  display: block;
  clear: both;
}

.filed-in {
  float: right;
  margin: 1em 0;
  font-size: 0.875em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.filed-in a {
  color: #9D9A93;
  -webkit-transition: color 0.125s linear;
  -moz-transition: color 0.125s linear;
  -o-transition: color 0.125s linear;
  transition: color 0.125s linear;
}

.filed-in a:hover {
  color: #2D2D2D;
}

.share-widget {
  float: left;
}

/* - - - - - - - - - - - - COMPONENTS - - - - - - - - - - - - */
.sliding-panel-set:hover > * {
  width: 40%;
}

.sliding-panel-set > * {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.sliding-panel-set > *:hover {
  width: 60%;
}

.panel-content__inner {
  max-width: 406px;
  margin: 0 auto;
}

.panel-content__inner p {
  font-size: 1.125em;
  font-size: 1.375em !important;
  line-height: 1.2222222222;
}

.cta p {
  font-size: 1.75em;
  line-height: 1.3846153846;
  color: #E85225;
}

.cta .band-inner {
  max-width: 63.5em;
}

.arrow-link {
  display: inline-block;
  font-size: 1.125em;
  color: #2D2D2D;
}

.arrow-link span {
  display: inline-block;
  width: 23px;
  height: 23px;
  background-position: -2px -26px;
  margin-left: 0.5em;
  vertical-align: middle;
  margin-top: -3px;
}

.box-link--inline {
  display: inline-block;
  background: #CD4921;
  color: #fff;
}

.box-link--inline span {
  display: inline-block;
  padding: 0.75em 2em;
  background: #E85225;
  position: relative;
  top: -3px;
  -webkit-transition: top 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: top 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: top 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  transition: top 0.25s cubic-bezier(0.19, 1, 0.22, 1);
}

.box-link--inline:active span {
  top: -1px;
}

.testimonial {
  background: #2D2D2D;
  color: #fff;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.testimonial .band-inner {
  max-width: 640px;
}

.testimonial__inner {
  padding: 10% 0 15%;
}

.testimonial p {
  font-size: 1.625em;
  line-height: 1.3076923077;
}

.testimonial p:before {
  content: "“";
}

.testimonial p:after {
  content: "”";
}

.testimonial cite {
  display: inline-block;
  padding: 2px 12px;
  position: relative;
}

.testimonial cite:before,
.testimonial cite:after {
  content: "";
  display: block;
  width: 64px;
  height: 1px;
  position: absolute;
  bottom: 50%;
  left: 100%;
}

.testimonial cite:after {
  left: auto;
  right: 100%;
}

.color--C3D8C0 {
  color: #C3D8C0;
}

.color--C3D8C0 cite:before,
.color--C3D8C0 cite:after {
  background: #C3D8C0;
}

.color--C2E2DF {
  color: #C2E2DF;
}

.color--C2E2DF cite:before,
.color--C2E2DF cite:after {
  background: #C2E2DF;
}

/* - - - - - - - - - - - - WORK/PEOPLE - - - - - - - - - - - - */
.sliding-panel-set {
  height: 724px;
  background: #2D2D2D;
  color: #fff;
}

.sliding-panel-set > * {
  height: 100%;
  position: relative;
}

.sliding-panel-set a {
  color: #fff;
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.panel-content {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.panel-content .link {
  display: block;
  width: 81px;
  height: 80px;
  margin: 0 auto;
  background-position: -54px -290px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  *zoom: 1;
  -webkit-transition: opacity 0.25s linear, top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: opacity 0.25s linear, top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: opacity 0.25s linear, top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 0.25s linear, top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
  top: 160px;
}

.panel-content:hover .link {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  *zoom: 1;
  top: 0;
}

.share-widget {
  border: 1px solid #D8D8D8;
  border-right: none;
  width: 156px;
  overflow: hidden;
}

.share-widget li {
  float: left;
  border-right: 1px solid #D8D8D8;
}

.share-widget a {
  display: block;
  width: 38px;
  height: 38px;
  position: relative;
}

.share-widget span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}

.share-widget .twitter span {
  width: 16px;
  height: 13px;
  background-position: -46px -31px;
  margin: -6px 0 0 -8px;
}

.share-widget .twitter:hover span {
  background-position: -46px -47px;
}

.share-widget .facebook span {
  width: 8px;
  height: 15px;
  background-position: -87px -30px;
  margin: -7px 0 0 -4px;
}

.share-widget .facebook:hover span {
  background-position: -87px -46px;
}

.share-widget .linkedin span {
  width: 15px;
  height: 15px;
  background-position: -121px -30px;
  margin: -7px 0 0 -7px;
}

.share-widget .linkedin:hover span {
  background-position: -121px -46px;
}

.share-widget .google span {
  width: 16px;
  height: 14px;
  background-position: -158px -31px;
  margin: -7px 0 0 -8px;
}

.share-widget .google:hover span {
  background-position: -158px -47px;
}

.share-widget--inverted,
.share-widget--inverted li {
  border-color: #fff;
}

.share-widget--inverted .twitter span {
  background-position: -46px -63px;
}

.share-widget--inverted .twitter:hover span {
  background-position: -46px -112px;
}

.share-widget--inverted .facebook span {
  background-position: -87px -61px;
}

.share-widget--inverted .facebook:hover span {
  background-position: -87px -110px;
}

.share-widget--inverted .linkedin span {
  background-position: -121px -62px;
}

.share-widget--inverted .linkedin:hover span {
  background-position: -121px -111px;
}

.share-widget--inverted .google span {
  background-position: -158px -63px;
}

.share-widget--inverted .google:hover span {
  background-position: -158px -112px;
}

/* - - - - - - - - - - - - ALERT - - - - - - - - - - - - */
.alert {
  position: relative;
  z-index: 9;
}
.alert-inner {
  background: #E7E2D8;
}
.alert-content {
  font-size: 0.6875em;
  padding: 4px 0;
}
.alert .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  background-position: -2px -80px;
  vertical-align: middle;
  margin: -4px 8px 0 0;
}
.alert .title {
  display: block;
  padding: 4px 0;
  float: left;
  margin-right: 2em;
}
.alert .notice {
  display: block;
  padding: 4px 0;
  float: left;
  margin-right: 24px;
}
.alert .link {
  color: #000000;
  display: block;
  padding: 4px 0;
  padding-left: 0;
  float: right;
  margin-left: 1em;
  margin-right: 30px;
}
.alert .link span {
  display: inline-block;
  width: 14px;
  height: 8px;
  background-position: -2px -364px;
  vertical-align: middle;
  margin: -2px 0 0 8px;
}
.alert .dismiss {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 100%;
  border-left: 1px solid #c2beb6;
  cursor: pointer;
}
.alert .dismiss span {
  display: block;
  width: 8px;
  height: 8px;
  background-position: -2px -374px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -4px;
}

/* - - - - - - - - - - - - HOME - - - - - - - - - - - - */
.home-header {
  text-align: center;
  background: #2D2D2D;
  color: #fff;
  position: relative;
  overflow: hidden;
  cursor: url(../img/icon-cursor.png), default;
}

.home-header.takeover {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: inherit;
}

.home-header.takeover .band-inner {
  height: auto;
  padding: 6em 0 4em;
}

.home-header.takeover .table,
.home-header.takeover .table-cell {
  display: block;
  position: static;
}

.js .takeover__content {
  position: absolute;
  top: -9999em;
  left: -9999em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  *zoom: 1;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}

.home-header {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.takeover__content.open {
  position: relative;
  top: auto;
  left: auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  *zoom: 1;
}

.home-header__content {
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}

.home-header__content.fade {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  *zoom: 1;
}

.home-header__content.hidden {
  position: absolute;
  top: -9999em;
  left: -9999em;
}

.takeover__content {
  position: relative;
  z-index: 8;
  max-width: 63.5em;
  margin: 0 auto;
}

.takeover__content-inner {
  max-width: 50em;
  margin: 0 auto;
  margin-bottom: 4em;
}

.takeover__content .arrow-link {
  color: #fff;
}

.takeover__link {
  display: block;
  position: absolute;
  z-index: 8;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.5);
  background: url(../img/bg-transparent.png);
  background: rgba(0, 0, 0, 0.0001);
  text-indent: -9999em;
}

.vimeo-container {
  position: absolute;
  top: 0;
  left: 0;
}

.vimeo-container > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 56.25%;
}

.vimeo-container > div:after,
.home-header.takeover:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: background-color 0.25s linear;
  -moz-transition: background-color 0.25s linear;
  -o-transition: background-color 0.25s linear;
  transition: background-color 0.25s linear;
}

.vimeo-container iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-container {
  position: absolute;
  top: 0;
  left: 0;
}

.video-container > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 56.25%;
}

.video-container > div:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/bg-000-40.png);
  background: rgba(0, 0, 0, 0.4);
}

.video-container video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home-header .band-inner {
  position: relative;
  top: 0;
  -webkit-transition: opacity 0.25s linear, top 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: opacity 0.25s linear, top 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: opacity 0.25s linear, top 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.25s linear, top 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.home-locations {
  font-size: 1.5em;
}

.home-locations__inner {
  display: inline-block;
  padding: 1em;
  position: relative;
}

.home-locations__inner:before,
.home-locations__inner:after {
  content: "";
  display: block;
  width: 176px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 100%;
}

.home-locations__inner:after {
  left: auto;
  right: 100%;
}

.home-locations .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  background-position: -2px -80px;
  vertical-align: middle;
  margin: -6px 12px 0;
}

.cta {
  text-align: center;
}

.cta--dark {
  background: #E7E2D8;
}

.cta-content {
  padding: 6.6666666667% 0 6.3333333333%;
}

.principles {
  text-align: center;
  background: #E7E2D8;
}

.principles-content {
  padding: 6.6666666667% 0 6.3333333333%;
}

.principles__content {
  text-align: left;
}

.principles__link {
  max-width: 17.5em;
  margin: 0 auto;
}
.principles__link-image {
  max-width: 180px;
  margin: 0 auto;
}

.principles__link h3 {
  font-size: 1.25em;
  margin: 1em 0 0;
}

.principles__link a {
  display: inline-block;
  border-bottom: 2px solid;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.875em;
}

.js .principles__link {
  cursor: pointer;
}

.principles {
  overflow: hidden;
}

.principles__list li {
  position: relative;
  top: 0;
}

.principles__list .hidden {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  *zoom: 1;
}

.js .principles__content {
  position: absolute;
  top: -9999em;
  left: -9999em;
}

.js .principles__list .col-1-3 .col-1-3 {
  width: auto;
  float: none;
}

.principles__content-wrapper .principles__content {
  position: relative;
  top: 4em;
  top: 0;
  top: 64px;
  left: 0;
  padding: 0 15px;
  padding-right: 12.5%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  *zoom: 1;
}

.principles__content .close {
  position: absolute;
  top: -128px;
  right: 30px;
  display: block;
  width: 28px;
  height: 28px;
  background-position: -153px -413px;
  cursor: pointer;
}

.principles__content.up .close {
  top: 0;
}

.principles__content-wrapper .principles__content p {
  margin: 0 0 1em;
}

.principles__content h4 {
  margin-bottom: 1em;
}

.principles__content-wrapper .principles__content.up {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  *zoom: 1;
  top: 0;
}

.principles__content-holder {
  margin-left: 33.3333333333%;
}

.open .principles__link a {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  *zoom: 1;
}

.principles.open .principles__list {
  right: 30px;
}

.principles__list .hidden {
  display: none;
}

.principles.fade-out .principles__list {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  *zoom: 1;
}

.open .principles__content {
  position: relative;
  top: 0;
  left: 0;
}

.principles__content .close {
  top: 0;
  top: -68px;
  right: 0;
  left: 100%;
  margin-left: 30px;
}

.principles__content {
  margin-right: 12.5%;
  padding-right: 15px;
}

.principles__link.open {
  cursor: default;
}

.col-1-3.open {
  width: auto;
  float: none;
}

.principles__list .col-1-3.open .col-1-3 {
  width: 33.3333333333%;
  float: left;
}

.principles-wrapper {
  position: relative;
}

.principles-wrapper .prev,
.principles-wrapper .next {
  display: block;
  width: 39px;
  height: 39px;
  background-position: -270px -164px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  top: 14px;
  left: 0;
  margin: -20px 0 0 -20px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  *zoom: 1;
  top: -9999em;
}

.principles-wrapper .next {
  background-position: -228px -163px;
  left: auto;
  right: 0;
  margin-left: 0;
  margin-right: -20px;
}

.wrap-out .prev,
.wrap-out .next {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  *zoom: 1;
  top: 0;
  top: -54px;
}

.wrap-out .principles__list {
  width: 300%;
}

.wrap-out .principles__list > li {
  width: 33.3333333333%;
}

.principles__list .hidden {
  display: block;
  height: 0;
}

.principles__content {
  background: #E7E2D8;
  padding-top: 1px;
  position: relative;
}

/* - - - - - - - - - - - - WORKSTREAMS - - - - - - - - - - - - */
.workstreams {
  text-align: center;
  background: #2D2D2D;
  color: #fff;
  position: relative;
}

.workstreams h2 {
  position: absolute;
  z-index: 9;
  top: 2em;
  left: 0;
  right: 0;
}
.workstreams h2 span {
  display: inline-block;
  padding: 0.75em 1.25em 0.5em;
  background: #fff;
  color: #000000;
}

.panel-box {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

.panel-box h3 {
  font-size: 2.5em;
  margin-bottom: 0.5em;
}

.panel-box .table {
  background: url(../img/bg-dark-90.png);
  background: rgba(45, 45, 45, 0.9);
  display: table;
  width: 100.5%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  *zoom: 1;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
  position: relative;
  overflow: hidden;
}

.panel-box .table-full {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}

.panel-box .hit-area {
  position: absolute;
  z-index: 9999;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  background: rgba(255, 0, 0, 0.5);
  background: url(../img/bg-transparent.png);
  background: rgba(0, 0, 0, 0.0001);
  text-indent: -9999em;
}

.panel-box .hit-area:hover {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.panel-box.hover .table {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  *zoom: 1;
}

.panel-box.hover .table-full {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  *zoom: 1;
}

.panel-box__inner {
  max-width: 23.5em;
  margin: 0 auto;
  padding: 13.3333333333% 0;
}

.panel-box .table-cell {
  display: table-cell;
  vertical-align: middle;
}

.panel-box .table .table-cell {
  position: relative;
  top: 12.5%;
  -webkit-transition: top 0.75s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: top 0.75s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: top 0.75s cubic-bezier(0.19, 1, 0.22, 1);
  transition: top 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}

.panel-box.hover .table .table-cell {
  top: 0;
}

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

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

.box-link {
  display: block;
  height: 282px;
  height: 0;
  padding-bottom: 75%;
  background-color: #84B07D;
  background-image: url(../img/bg-new-development.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  color: #fff;
  text-align: left;
}
.box-link .content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 18px 24px;
  -webkit-transition: opacity 0.125s linear;
  -moz-transition: opacity 0.125s linear;
  -o-transition: opacity 0.125s linear;
  transition: opacity 0.125s linear;
}

.box-link:hover .content {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  *zoom: 1;
}

.box-link h3 {
  font-size: 1.125em;
  line-height: 1.3333333333;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.25em;
}

.box-link time {
  display: block;
}

.box-link .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/bg-dark-90.png);
  background: rgba(45, 45, 45, 0.9);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  *zoom: 1;
  -webkit-transition: opacity 0.125s linear;
  -moz-transition: opacity 0.125s linear;
  -o-transition: opacity 0.125s linear;
  transition: opacity 0.125s linear;
}

.box-link:hover .link {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  *zoom: 1;
}

.box-link .link span {
  display: block;
  width: 81px;
  height: 80px;
  background-position: -54px -290px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
}

.new-developments-content {
  padding: 6% 0 8.1666666667%;
}

.page-header {
  position: relative;
}

.page-header .band-inner {
  position: relative;
}

.zoom-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: -webkit-transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-filter 0.75s linear;
  -moz-transition: -moz-transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-filter 0.75s linear;
  -o-transition: -o-transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1), -o-filter 0.75s linear;
  transition: transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.75s linear;
}

.zoom-bg:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/bg-dark-90.png);
  background: rgba(0, 0, 0, 0.9);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  *zoom: 1;
  -webkit-transition: opacity 0.75s linear;
  -moz-transition: opacity 0.75s linear;
  -o-transition: opacity 0.75s linear;
  transition: opacity 0.75s linear;
}

.page-header--work,
.page-header--people {
  overflow: hidden;
}

.page-header:hover .zoom-bg {
  transform: scale(1.025);
  -webkit-filter: grayscale(1);
}

.page-header:hover .zoom-bg:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=6.25)";
  filter: alpha(opacity=12.5);
  -moz-opacity: 0.125;
  -khtml-opacity: 0.125;
  opacity: 0.125;
  *zoom: 1;
}

.js-accordion {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/bg-transparent.png);
  background: rgba(0, 0, 0, 0.0001);
  cursor: pointer;
  overflow: hidden;
}
.ltie9 .js-accordion {
  background: none;
}

.js-accordion span {
  display: block;
  width: 92px;
  height: 46px;
  position: absolute;
  bottom: -46px;
  left: 50%;
  margin-left: -46px;
  background-position: -96px -156px;
  -webkit-transition: bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.js-accordion:hover span,
.js-accordion.active span {
  bottom: 0;
}

.js-accordion b {
  display: block;
  width: 13px;
  height: 17px;
  background-position: -160px -134px;
  position: absolute;
  top: 18px;
  left: 50%;
  margin-left: -7px;
}

.js-accordion.active b {
  width: 12px;
  height: 12px;
  background-position: -119px -131px;
  top: 20px;
  margin-left: -6px;
}

.page-header--work .band-inner > *,
.page-header--people .band-inner > * {
  padding: 15% 0 12.5% !important;
  padding: 0;
}

/* - - - - - - - - - - - - PEOPLE - - - - - - - - - - - - */
.team-list {
  padding: 7.1666666667% 0 6.6666666667%;
  text-align: center;
}

.team-list > li {
  margin-top: -1px;
}

.page-header {
  text-align: center;
  color: #fff;
  background-color: #2D2D2D;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.page-header .band-inner > * {
  padding: 7.5% 0 5%;
}

.page-header .content {
  font-size: 1.375em;
  line-height: 1.1818181818;
  max-width: 520px;
  margin: 0 auto;
}

.overlay.people .overlay-content-inner {
  max-width: 894px;
}

.col-person-right__inner h1 {
  font-size: 1.375em;
  text-shadow: none;
  margin-bottom: 0.5em;
}

.col-person-right__inner h2 {
  font-size: 1.25em;
  font-style: italic;
  margin-bottom: 1em;
}

.col-person-left {
  color: #fff;
  text-align: center;
  float: right;
  width: 25% !important;
}

.col-person-left__inner {
  padding: 25px 25px 50px;
}

.col-person-left h1 {
  font-size: 1.25em;
  letter-spacing: 0.05em;
  margin: 1.5em 0;
}

.twitter-username a {
  color: #fff;
}

.col-person-right {
  width: 75% !important;
}

.abstract-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-bottom: 36.797752809%;
}

.col-person-right__inner {
  padding: 34px 50px 68px;
}

/* - - - - - - - - - - - - WORK - - - - - - - - - - - - */
.work-list {
  padding: 7.1666666667% 0 6.6666666667%;
  text-align: center;
}

.work-box {
  color: #fff;
  display: block;
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  height: 0;
  padding-bottom: 100%;
}

.work-box .image {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-filter 0.5s linear;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -moz-filter 0.5s linear;
  -o-transition: -o-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -o-filter 0.5s linear;
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), filter 0.5s linear;
}

.work-box img {
  display: block;
  margin: 0 auto;
}

.work-box .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/bg-dark-90.png);
  background: rgba(45, 45, 45, 0.9);
  background: rgba(0, 0, 0, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  *zoom: 1;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}

.work-box:hover .image {
  transform: scale(1.05);
  -webkit-filter: grayscale(1);
}

.work-box:hover .link {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  *zoom: 1;
}

.work-box .table,
.js .contact-message .table {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.work-box .table-cell,
.js .contact-message .table-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 8px;
}

.work-box {
  margin-bottom: 0;
}

.client-name {
  line-height: 1.5;
  text-align: left;
  min-height: 3em;
  padding: 0.75em 0 1em;
  padding-top: 0;
  margin-top: 0;
  font-size: 14px;
}

.work-list .work-box span {
  display: inline-block;
  width: 39px;
  height: 39px;
}

.col-work-left {
  background: #000000;
}

.work-single {
  background: none;
}
.work-single__about {
  color: #fff;
}

.overlay.work .overlay-content-inner {
  max-width: 988px;
  top: 120px !important;
}

.work-single .band-inner {
  padding: 0;
}

.col-work-left,
.col-person-left {
  width: 27.9352226721%;
}

.col-work-right,
.col-person-right {
  width: 72.0647773279%;
}

.work-slider > ul {
  height: 100%;
}
.work-slider > ul > li {
  height: 100%;
}

.work-slider .content {
  background: #fff;
  color: #2D2D2D;
  height: 100%;
}
.ltie9 .work-slider .content {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  *zoom: 1;
}

.work-slider .content-inner {
  height: 100%;
}
.ltie9 .work-slider .content-inner {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  *zoom: 1;
}

.js .work-slide--no-image .table {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.js .work-slide--no-image .table-cell {
  display: table-cell;
  vertical-align: middle;
}

.js .work-social-widget {
  position: absolute;
  bottom: 36px;
  right: 75%;
  margin-right: 30px;
  bottom: 0;
  left: 0;
  width: 27.9069767442%;
  margin-right: 0;
}

.js .work-social-widget .share-widget {
  border: none;
  width: 100%;
}

.js .work-social-widget .share-widget li {
  width: 25%;
  border: none;
}

.js .work-social-widget .share-widget a {
  width: auto;
  height: 52px;
}

.overlay-content-inner {
  max-width: 989px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  color: #000000;
}

.overlay-close {
  right: 0 !important;
}

._overlay-new-developments .overlay-content-inner,
.post-type-new-developments {
  background: #fff;
  max-width: 50em;
}

.single-new-developments .post-type-new-developments {
  max-width: none;
}

.single-work {
  background: #000000;
}
.single-work .grid--no-gutter {
  position: relative;
}

.post-type-people {
  background: #fff;
}

.post.post-type-people .band-inner {
  max-width: 989px;
  padding: 0;
}

/* - - - - - - - - - - - - PEOPLE - - - - - - - - - - - - */
.team-list .work-box {
  margin: 0;
  padding-bottom: 102.0202020202%;
}

.contact-message {
  background: #E85225;
  color: #fff;
  text-align: center;
  position: relative;
}

.contact-message .icon {
  width: 54px;
  height: 35px;
  margin: 0 auto;
  background-position: -90px -411px;
  position: relative;
}

.contact-message .icon:after {
  content: "";
  display: block;
  width: 57px;
  height: 35px;
  background-position: -33px -411px;
  position: absolute;
  top: 0;
  left: -57px;
}

.js .contact-message .table-cell {
  padding: 0;
}

.contact-message.mini .contact-message__content {
  position: absolute;
  top: -9999em;
  left: -9999em;
}

.contact-message a {
  color: #fff;
}

.contact-message.mini p {
  margin: 0;
}

.contact-message.mini .contact-message__email a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/bg-transparent.png);
  background: rgba(0, 0, 0, 0.0001);
  text-indent: -9999em;
}

.col-person-left {
  width: 35.5% !important;
}

.col-person-right {
  width: 64.5% !important;
}

.col-person-right__inner {
  padding: 50px;
  padding-right: 0;
}

.col-person-left__inner {
  padding: 50px;
}

.overlay.people .overlay-close {
  background: #fff;
}

.overlay.people .overlay-close span {
  background-position: -167px -362px;
}

/* - - - - - - - - - - - - BLOG - - - - - - - - - - - - */
.blog-header {
  background: #2D2D2D;
  color: #787D78;
  text-align: center;
}

.blog-header .band-inner {
  max-width: 50em;
  padding-top: 7.6666666667%;
  padding-bottom: 6.3333333333%;
}

.home-header .band-inner {
  height: 680px;
  position: relative;
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .home-header .band-inner {
    height: 540px;
  }
}
@media screen and (max-width: 33.75em) {
  .home-header .band-inner {
    height: 320px;
  }

  .page-header--work .band-inner > *,
.page-header--people .band-inner > * {
    padding-bottom: 75px !important;
  }
}
.home-header h1 {
  font-size: 4.25em;
  line-height: 1.1176470588;
  margin-bottom: 0.1em;
}

.home-header .table {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home-header .table-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 0 30px;
  position: relative;
  top: 0;
}
@media screen and (max-width: 45em) {
  .home-header .table-cell {
    padding: 0;
  }
}

h1 {
  letter-spacing: 0.02em;
}

.post {
  margin-bottom: 128px;
}

.overlay {
  overflow: hidden;
}

.overlay .post {
  margin: 0;
  position: relative;
}

.dismiss-blocks div {
  position: absolute;
  background: url(../img/bg-transparent.png);
  background: rgba(0, 0, 0, 0.0001);
  text-indent: -9999em;
}

.dismiss-blocks .top,
.dismiss-blocks .bottom {
  width: 500%;
  height: 200%;
  bottom: 100%;
  left: -200%;
}

.dismiss-blocks .bottom {
  bottom: auto;
  top: 100%;
  height: 5%;
}

.dismiss-blocks .left,
.dismiss-blocks .right {
  width: 200%;
  height: 100%;
  top: 0;
  right: 100%;
}

.dismiss-blocks .right {
  right: auto;
  left: 100%;
}

.blog-header h1 {
  color: #fff;
}

.blog-header .content {
  font-size: 1.375em;
  line-height: 1.1818181818;
  max-width: 520px;
  margin: 0 auto;
}

.pagination {
  text-align: center;
  margin-bottom: 118px;
  position: relative;
}

.pagination .prev,
.pagination .next {
  font-size: 1.125em;
  color: #2D2D2D;
  position: absolute;
  top: 0;
  left: 30px;
}

.pagination .next {
  left: auto;
  right: 30px;
}

.pagination .prev span,
.pagination .next span {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-position: -4px -412px;
  text-indent: -9999em;
  vertical-align: middle;
  margin-top: -4px;
  margin-left: 12px;
}

.pagination .prev span {
  background-position: -4px -437px;
  margin-left: 0;
  margin-right: 12px;
}

.pagination .current {
  border-bottom: 1px solid #2D2D2D;
}

.pagination a {
  color: #9D9A93;
}

.read-next {
  background: #E7E2D8;
}

/* - - - - - - - - - - - - CONTACT - - - - - - - - - - - - */
.location__content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.location__content-inner {
  padding: 11.6666666667% 0 10.3333333333%;
}

.location__content-inner h1 {
  font-size: 2.5em;
}

.location__content a {
  color: #2D2D2D;
  text-decoration: underline;
}

.location__map {
  height: 338px;
  background: #E7E2D8 !important;
}

.location__map img {
  max-width: none;
}

/* - - - - - - - - - - - - SIDEBAR - - - - - - - - - - - - */
.sidebar-tweets a {
  color: rgba(255, 255, 255, 0.5);
  color: #f29e85;
}

.sidebar-tweets a:hover {
  text-decoration: underline;
}

.sidebar-tweets .tweet time {
  font-size: 0.8571428571em;
}

.sidebar-tweets-header h2 .icon {
  display: inline-block;
  width: 19px;
  height: 16px;
  background-position: -27px -131px;
  margin-right: 4px;
  position: relative;
  top: -2px;
}

.sidebar-tweets-header a {
  font-size: 0.875em;
  color: #fff;
  float: right;
  margin-top: 11px;
}

.sidebar-tweets-header a:hover {
  color: rgba(255, 255, 255, 0.5);
}

.tweets-loading {
  background: url(../img/tweets-loading.gif) no-repeat 0 center;
  padding: 2px 24px;
}

.spinner {
  width: 92px;
  height: 46px;
  background-position: -96px -156px;
  position: fixed;
  z-index: 999;
  bottom: -46px;
  left: 50%;
  margin-left: -46px;
  -webkit-transition: bottom 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: bottom 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: bottom 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  transition: bottom 0.25s cubic-bezier(0.19, 1, 0.22, 1);
}

.spinner .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/tweets-loading.gif) no-repeat center;
}

.spinner.open {
  bottom: -12px;
}

/* - - - - - - - - - - - - WORK-AND-PEOPLE - - - - - - - - - - - - */
.js .work-list-container,
.js .team-list-container {
  position: absolute;
  top: -9999em;
  left: -9999em;
  -webkit-transition: height 0.5s cubic-bezier(1, 0, 0, 1);
  -moz-transition: height 0.5s cubic-bezier(1, 0, 0, 1);
  -o-transition: height 0.5s cubic-bezier(1, 0, 0, 1);
  transition: height 0.5s cubic-bezier(1, 0, 0, 1);
  overflow: hidden;
}

.work-list-container.open,
.team-list-container.open {
  position: static;
}

/* - - - - - - - - - - - - NEW FOOTER - - - - - - - - - - - - */
.footer-new {
  text-align: center;
  max-width: 640px;
  margin: 0 auto;
  padding: 2% 0 3.5%;
}

.footer-columns {
  overflow: hidden;
}

.footer-new #twitter-link {
  font-size: 1em;
  text-transform: none;
  letter-spacing: normal;
  color: #E85225;
}

.footer-new #twitter-link:before {
  display: block;
  margin: 0 auto 0.25em;
  width: 19px;
  height: 16px;
  background-position: -93px -132px;
}

.footer-new .tweet time {
  position: absolute;
  top: -9999em;
  left: -9999em;
}

.footer-new .textwidget {
  margin: 2em 0 0;
}

.dot {
  display: inline-block;
  margin: 0 0.5em;
}

.colophon {
  font-size: 0.75em;
  color: #787D78;
}

.footer-footer {
  overflow: hidden;
  position: relative;
  padding: 2em 0;
}

.footer-copyright {
  position: absolute;
  bottom: 2em;
  right: 0;
}

/* - - - - - - - - - - - - NEW HEADER - - - - - - - - - - - - */
.header {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 1em;
}
@media (min-width: 768px) {
  .header {
    padding-bottom: 0;
  }
}

/* - - - - - - - - - - - - TIMELINE - - - - - - - - - - - - */
.timeline {
  margin-left: 20px;
  border-left: 2px solid #fff;
}

.timeline li {
  position: relative;
  padding-left: 42px;
  padding-right: 64px;
  padding-bottom: 4.75em;
}

.timeline h3 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5em;
}

.timeline p {
  font-size: 0.875em;
  line-height: 1.4285714286;
  margin: 0 0 1em;
}

.timeline .icon {
  display: block;
  width: 46px;
  height: 46px;
  position: absolute;
  top: -4px;
  left: -24px;
}

.timeline .icon--achievement {
  background-position: -2px -158px;
}

.timeline .icon--workflow {
  background-position: -2px -205px;
}

.timeline .icon--people {
  background-position: -2px -252px;
}

.timeline .icon--international {
  background-position: -2px -299px;
}

.timeline .icon--none {
  width: 13px;
  height: 13px;
  top: 6px;
  left: -7px;
  background-position: -2px -349px;
}

/* - - - - - - - - - - - - FOOTER - - - - - - - - - - - - */
.menu-footer-container {
  float: right;
}

#menu-footer {
  font-size: 0.875em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#menu-footer li {
  float: left;
  margin-left: 50px;
}

#menu-footer a {
  display: inline-block;
}

#menu-footer .li-crowddna a {
  width: 17px;
  height: 15px;
  vertical-align: middle;
  margin-top: -2px;
  background-position: -2px -131px;
}

.footer-meta {
  clear: both;
  line-height: 1.375;
  padding: 7.5% 0 0;
}

.footer-meta p {
  margin: 0 0 1em;
}

/* - - - - - - - - - - - - OVERLAY - - - - - - - - - - - - */
.overlay {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  *zoom: 1;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}

.overlay-open {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  *zoom: 1;
}

.overlay-dismiss {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/bg-overlay-80.png);
}

.overlay-content {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wrapper {
  overflow: visible;
}

.post {
  background: #fff;
}

.overlay-content-inner {
  position: relative;
  z-index: 9999;
  top: 0;
  left: 0;
}

.overlay-content-inner {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
}

/* - - - - - - - - - - - - SLIDESHOW - - - - - - - - - - - - */
.work-slider {
  clear: both;
  background: #fff;
}

.work-slider h3 {
  font-size: 1.25em;
}

.work-single__about {
  padding: 60px 30px;
}

.project-about {
  color: #808080;
  text-align: center;
}

.project-about span {
  display: inline-block;
  padding: 8px;
  position: relative;
}

.project-about span:before,
.project-about span:after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: #5A5555;
  position: absolute;
  top: 50%;
  left: 100%;
}

.project-about span:after {
  left: auto;
  right: 100%;
}

.work-single__content {
  margin-bottom: 4em;
}
.work-single__about .share-widget {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.work-single__about {
  padding-top: 2.5em;
}

.work-single h2,
.work-single h1 {
  text-align: center;
  font-size: 0.875em;
}

.work-single h1 {
  font-size: 1.25em;
  margin: 0.75em 0 1.25em;
}

.work-single__content {
  font-size: 1.375em;
  line-height: 1.2727272727;
  margin-bottom: 4em;
}

.work-slide--hero {
  font-size: 1.75em;
  line-height: 1.1875;
}

.slides:after {
  content: "";
  display: block;
  clear: both;
}

.work-slider {
  position: relative;
}

.work-slider .slides {
  height: 100%;
}

.work-slider .slides > * {
  height: 100%;
}

.work-slide {
  position: relative;
  height: 100%;
}

.work-slide--hero .content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 57px;
  left: 0;
}

.work-slider .image {
  height: 0;
  padding-bottom: 42.1348314607%;
  background-color: #2d2d2d;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.work-slide--hero .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
}

.work-slide--no-image .image {
  display: none;
}

.work-slide--hero .table {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left, rgba(45, 45, 45, 0.5), rgba(45, 45, 45, 0.125));
  color: #fff;
}

.work-slide--hero .table-cell {
  display: table-cell;
  vertical-align: middle;
}

.work-slide-content {
  max-width: 680px;
  margin: 0 auto;
  padding: 1em 2em;
}

.work-slide .video {
  margin: 0;
}

.flex-control-nav {
  text-align: center;
  background: #84B07D;
  padding: 22px 0;
  padding: 18px 0;
  line-height: 0;
  position: absolute;
  z-index: 9;
  top: 100%;
  left: 0;
  right: 0;
  position: relative;
  top: 0;
}

.flex-control-nav li {
  display: inline;
}

.flex-control-nav a {
  display: inline-block;
  margin: 0 4px;
  width: 7px;
  height: 7px;
  border: 1px solid #fff;
  border-radius: 50%;
  text-indent: -9999em;
  cursor: pointer;
  vertical-align: middle;
}

.flex-active {
  background: #fff;
}

.flex-direction-nav {
  position: relative;
  z-index: 9;
  height: 0 !important;
}

.flex-prev,
.flex-next {
  display: block;
  width: 20px;
  height: 20px;
  background-position: -51px -127px;
  margin: 0 32px;
  outline: none;
  position: absolute;
  bottom: 14px;
  left: 0;
}

.flex-next {
  background-position: -71px -127px;
  left: auto;
  right: 0;
}

/* - - - - - - - - - - - - KITCHEN SINK - - - - - - - - - - - - */
.kitchen-sink {
  padding-top: 86px;
  padding-bottom: 80px;
}

.kitchen-sink ul,
.kitchen-sink ol {
  margin: 1em 0;
}

.kitchen-sink ul {
  list-style: disc inside;
}

.kitchen-sink ul ul,
.kitchen-sink ol ol {
  margin-left: 2em;
}

.kitchen-sink ul ul {
  list-style: none;
}

.kitchen-sink ul ul li:before {
  content: "–  ";
}

.kitchen-sink ol {
  list-style: decimal inside;
}

.kitchen-sink li {
  margin: 0.5em 0;
}

/* - - - - - - - - - - - - EMERGENCY STUFF - - - - - - - - - - - - */
.panel-box .table .table-cell {
  vertical-align: text-bottom;
}

.panel-box__inner {
  padding: 110px 30px 11.3333333333%;
}

.panel-box h3 {
  margin: 0;
}

.panel-box__inner h3 {
  margin-bottom: 0.75em;
}

.workstreams {
  overflow: hidden;
}

.workstreams:after {
  content: "";
  display: block;
  width: 43px;
  height: 43px;
  background-position: -138px -284px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -22px 0 0 -22px;
}

.cta-content h2 {
  font-size: 2.375em;
}

.principles h2,
.new-developments h2 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1.25em;
  margin-bottom: 2em;
}

.work-box h3 {
  font-size: 1.125em;
  line-height: 1.1666666667;
  margin-bottom: 0.5em;
}

.work-box .link span {
  display: inline-block;
  width: 39px;
  height: 39px;
  background-position: -53px -165px;
  margin-top: 1em;
  position: relative;
  top: 1em;
  -webkit-transition: top 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: top 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: top 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  transition: top 0.25s cubic-bezier(0.19, 1, 0.22, 1);
}

.work-box:hover .link span {
  top: 0;
}

#twitter-link {
  font-size: 1.125em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  margin-bottom: 0.5em;
}

#twitter-link:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 15px;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 12px;
  background-position: -2px -131px;
}

.footer-tweet a {
  color: #99CEC9;
}

.tweet time {
  display: block;
  margin-top: 1em;
}

.footer .google-maps-link {
  color: #E85225;
  text-decoration: underline;
}

.footer-meta {
  padding: 7.1666666667% 0 2.6666666667%;
}

.team-list .work-box .table-cell {
  padding: 0;
}

.team-list .work-box .link span {
  width: 23px;
  height: 23px;
  background-position: -2px -26px;
  margin: 0;
}

.work-box .role {
  font-style: italic;
  line-height: 1.125;
  margin: 1em 0 0.5em;
}

.overlay-close {
  display: block;
  width: 38px;
  height: 38px;
  background: #000;
  position: absolute;
  z-index: 9;
  top: 0;
  right: 30px;
  cursor: pointer;
  -webkit-transition: background-color 0.125s linear;
  -moz-transition: background-color 0.125s linear;
  -o-transition: background-color 0.125s linear;
  transition: background-color 0.125s linear;
}

.overlay-close:hover {
  background-color: #84B07D;
}

.overlay-close span {
  display: block;
  width: 15px;
  height: 15px;
  background-position: -144px -362px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
}

.post .band-inner {
  max-width: 50em;
}

.single-careers .band-inner {
  max-width: 60em;
}

/* - - - - - - - - - - - - MEDIA QUERIES - - - - - - - - - - - - */
.anchor {
  position: absolute;
  top: -9999em;
  left: -9999em;
  width: 100px;
}

@media screen and (max-width: 70em) {
  .team-list > * {
    width: 20%;
  }

  .anchor {
    width: 1024px;
  }
}
@media screen and (max-width: 64em) {
  .work-list > * {
    width: 100%/3;
  }
}
@media screen and (max-width: 60em) {
  .team-list > * {
    width: 25%;
  }

  .anchor {
    width: 880px;
  }

  /*.col-work-left,
  .col-work-right {
  	width: auto;
  	float: none;
  }

  .col-work-left {
  	height: auto !important;
  }

  .work-single__about {
  	text-align: center;
  	padding: 2em 2em 0;
  }
  .work-single__content {
  	margin-bottom: 2em;
  }

  .js .work-social-widget {
  	position: static;
  	margin: 0;
  	padding: 57px 0 0;
  	float: none;
  }
  .work-social-widget .share-widget {
  	margin: 20px auto;
  	float: none;
  }*/
}
@media screen and (max-width: 55em) {
  .work-list > * {
    width: 50%;
  }

  .new-developments .col-1-3 {
    width: 50%;
    margin-bottom: 30px;
  }

  .footer-columns .col-3-4 {
    width: 66.6666666667%;
  }
  .footer-columns .col-1-4 {
    width: 100%/3;
  }
  .footer-columns .col-1-3 {
    width: 50%;
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 50em) {
  .location__content-inner .col-1-3 {
    width: auto;
    text-align: right;
  }

  .footer-meta .col-1-6 {
    width: 50%;
  }

  .footer-meta .push-1-6 {
    left: 50%;
  }

  .footer-meta .pull-1-6 {
    left: -50%;
  }
}
@media screen and (max-width: 49.375em) {
  .team-list > * {
    width: 33.3333333333%;
  }

  .anchor {
    width: 720px;
  }
}
.flex-anchor {
  position: absolute;
  top: -9999em;
  left: -9999em;
  width: 1px;
}

@media screen and (max-width: 48em) {
  .col-work-left,
.col-work-right {
    width: auto;
    height: auto !important;
    float: none;
  }

  .flex-anchor {
    width: 0;
  }

  .work-single__about {
    padding: 2em 20px 0;
  }
  .work-single__content {
    margin-bottom: 0;
    padding-bottom: 1.5em;
  }

  .work-slide--hero .content {
    position: static;
  }
  .work-slide--hero .table {
    position: relative;
  }

  .js .work-slide--no-image .table {
    position: static;
  }

  .work-slide-content {
    padding: 20px;
  }

  .js .work-social-widget {
    position: static;
    width: 100%;
    background: #000000;
  }
}
@media screen and (max-width: 47.9375em) {
  .band-inner {
    padding: 0 20px;
  }

  .grid {
    margin-left: -10px;
    margin-right: -10px;
  }

  .grid--no-gutter {
    margin: 0;
  }

  .col-inner {
    margin-left: 10px;
    margin-right: 10px;
  }

  .new-developments .col-1-3 {
    margin-bottom: 20px;
  }

  .col-person-left,
.col-person-right {
    width: auto !important;
    float: none;
  }

  .col-person-left__inner,
.col-person-right__inner {
    margin: 20px;
    padding: 0;
  }
}
@media screen and (max-width: 45em) {
  .principles__list .col-1-3,
.workstreams .col-1-2 {
    width: auto;
    float: none;
  }

  .workstreams:after {
    display: none;
  }

  .panel-box .table-full {
    position: absolute;
    top: -9999em;
    left: -9999em;
  }

  .panel-box {
    height: auto !important;
  }

  .panel-box .hit-area {
    display: none;
  }

  .panel-box__inner {
    max-width: none;
  }

  .panel-box .table {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    *zoom: 1;
  }

  .panel-box .table .table-cell {
    top: 0;
  }

  .wrap-out .prev, .wrap-out .next {
    display: none;
  }

  .principles-content {
    padding-bottom: 0;
  }

  .principles__content {
    margin: 0;
    padding: 0;
  }

  .principles__list .col-inner .col-inner {
    margin: 0;
  }

  .wrap-out .principles__list,
.wrap-out .principles__list > li {
    width: auto;
    float: none;
  }

  .principles__list .hidden {
    height: auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    *zoom: 1;
  }

  .principles__list .col-1-3.open .col-1-3,
.principles__list .col-1-3.open .col-2-3 {
    width: auto;
    float: none;
    clear: both;
  }

  .principles__content .close {
    position: static;
    text-indent: 0;
    color: #2D2D2D;
    width: auto;
    height: auto;
    text-transform: uppercase;
    background: none;
    margin-left: 0;
    font-size: 0.75em;
    display: inline-block;
    margin-bottom: 1em;
  }

  .principles__content .close span {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: -161px -421px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 8px;
  }

  .principles-wrapper__inner {
    overflow: visible;
  }

  .principles__list {
    text-align: left;
  }

  .principles__list li {
    border-bottom: 1px solid #fff;
    margin: 0 -10px;
    padding-bottom: 2em;
  }

  .principles__list li:last-child {
    border: none;
  }

  .principles__list .open {
    padding-bottom: 0;
  }

  .principles__list .col-inner {
    margin: 0 10px;
  }

  .principles__link {
    max-width: none;
  }

  .principles__link a {
    color: #4A99A8;
  }

  .principles__link-image {
    width: 25%;
    float: left;
    padding-top: 2em;
  }

  .principles__link-image > div {
    margin: 0 10px;
  }

  .principles__link-content {
    width: 75%;
    float: left;
  }

  .principles__link-content > div {
    margin: 0 10px;
  }

  .principles__content {
    background: #ECE8E0;
    padding: 1em 20px;
  }

  .team-list > * {
    width: 33.3333333333%;
  }

  .anchor {
    width: 540px;
  }

  .menu-footer-container {
    float: left;
    clear: both;
    margin-top: 2em;
  }

  #menu-footer li {
    margin-left: 0;
    margin-right: 50px;
  }
}
@media screen and (max-width: 41.25em) {
  .header {
    position: static;
  }

  .logo-header {
    margin-top: 0;
    padding-top: 28px;
  }

  #header-spacer {
    position: absolute;
    top: -9999em;
    left: -9999em;
  }

  .logo-header,
.menu-main-container {
    float: none;
  }

  #menu-main {
    padding: 24px 0;
  }

  #menu-main li {
    margin-left: 0;
    margin-right: 3em;
  }

  #menu-main a {
    border: none;
    padding: 6px 0;
  }

  .js .content-wrapper {
    margin-right: 0;
  }
  .sidebar-out .content-wrapper {
    left: 0;
  }
  .sidebar-out .content-wrapper:after {
    content: "";
    display: block;
    background: url(../img/bg-overlay-80.png);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .scroll-track {
    right: 40px;
  }

  .js .sidebar {
    width: 100%;
    top: 0 !important;
  }
  .transition .sidebar {
    -webkit-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .sidebar-out .sidebar {
    left: 40px;
    margin-left: 0;
  }
  .sidebar-content {
    width: auto;
    right: 40px;
  }
  .sidebar-toggle {
    width: 40px !important;
    height: 40px;
  }
  .sidebar-toggle:before {
    content: "";
    width: 11px;
    height: 7px;
    background-position: -202px -124px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -5px;
  }
  .sidebar-out .sidebar-toggle:before {
    background-position: -217px -124px;
  }
  .sidebar-toggle span {
    display: none;
  }
  .sidebar-out .sidebar-toggle {
    background: #CD4921;
  }
}
@media screen and (max-width: 40em) {
  .footer-columns .col-2-6 {
    text-align: left;
    float: left;
  }

  .footer-columns .col-3-4 {
    width: 50%;
  }
  .footer-columns .col-1-4 {
    width: 50%;
  }
  .footer-columns .col-1-3 {
    width: auto;
    float: none;
  }

  .alert {
    position: absolute;
    top: -9999em;
    left: -9999em;
  }
}
@media screen and (max-width: 37.5em) {
  .new-developments .col-1-3 {
    width: auto;
    float: none;
  }
}
@media screen and (max-width: 33.75em) {
  .principles__content .close {
    font-size: 0.8571428571em;
  }

  .home-header h1 {
    font-size: 2.4285714286em;
  }

  .home-locations {
    font-size: 1em;
  }

  .cta p {
    font-size: 1.1428571429em;
  }

  .work-list > * {
    width: auto;
    max-width: 370px;
    margin: 0 auto;
    float: none;
  }

  .team-list > * {
    width: 50%;
  }

  .footer-meta .col-1-6 {
    width: auto;
    margin-bottom: 2em;
  }

  .footer-meta .push-1-6,
.footer-meta .pull-1-6 {
    position: static;
  }

  .cta {
    text-align: left;
  }
}
@media screen and (max-width: 26.25em) {
  #menu-main li {
    margin-right: 2em;
  }
  #menu-main .li-contact {
    margin-right: 0;
  }
}
@media screen and (max-width: 25em) {
  .footer .align-right {
    text-align: left;
  }
  .footer .grid > * {
    width: auto;
    float: none;
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 22.5em) {
  .team-list > * {
    width: auto;
    float: none;
    margin-top: 0;
  }
}
@media screen and (max-width: 21.25em) {
  #menu-main li {
    margin-right: 1em;
  }
}
.egg-bar {
  position: fixed;
  z-index: 9999;
  bottom: 0;
  left: 0;
  width: 2px;
  height: 0;
  background: #84B07D;
  -webkit-transition: height 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: height 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: height 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  transition: height 0.25s cubic-bezier(0.19, 1, 0.22, 1);
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

.ltie9 .overlay-content {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  *zoom: 1;
}
.ltie9 .header:before {
  height: 1px;
  background: #adadad;
}

.wrapper {
  overflow: hidden;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #ee7d5c;
  position: relative;
}

.jspDrag {
  background: #f29e85;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

.page-features {
  background-color: #fff;
}
.page-features .intro-section {
  padding: 2em 1em;
  text-align: center;
}
.page-features .intro-section h1 {
  font-size: 2.5em;
}
@media (min-width: 768px) {
  .page-features .intro-section {
    padding: 4em;
  }
  .page-features .intro-section h1 {
    font-size: 3.25em;
  }
}
.page-features .intro-section p {
  font-size: 1.5em;
  margin: 1.5em auto;
}
@media (min-width: 768px) {
  .page-features .intro-section p {
    max-width: 45%;
  }
}

.feature-section {
  padding-bottom: 2em;
}

.feature-card {
  padding: 1em;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .feature-card {
    padding: 3em;
  }
}
.feature-card_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  transition: transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.75s linear;
}
.feature-card_inner {
  background-color: rgba(255, 255, 255, 0.9);
  display: inline-block;
  position: relative;
  z-index: 2;
  text-decoration: none;
  color: #000;
  padding: 1em;
}
@media (min-width: 768px) {
  .feature-card_inner {
    width: 50%;
    padding: 2em;
  }
}
.feature-card_title {
  text-transform: uppercase;
  font-size: 1.25em;
  margin-bottom: 1em;
  letter-spacing: 2px;
}
.feature-card_intro {
  padding-bottom: 1.5em;
}
@media (min-width: 768px) {
  .feature-card_intro {
    padding-bottom: 3em;
  }
}
.feature-card_intro p {
  font-size: 1.25em;
}
.feature-card_inner:hover + .feature-card_image {
  transform: scale(1.025);
  -webkit-filter: grayscale(1);
}

.single-features-posts .feature-content {
  position: relative;
}
.single-features-posts .feature-timeline {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 2em;
  left: 0;
  background-color: #fff;
  width: 60px;
  z-index: 5;
  display: none;
}
@media (min-width: 768px) {
  .single-features-posts .feature-timeline {
    display: block;
  }
}
.single-features-posts .feature-timeline:after {
  content: "";
  width: 3px;
  position: absolute;
  height: 100%;
  top: 40px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  z-index: 3;
  background-color: #000;
}
.single-features-posts .feature-timeline.fixed {
  top: 78px;
  position: fixed;
}
.single-features-posts .timeline-dot {
  position: absolute;
  top: 0;
  left: 22px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #000;
  border: 2px #fff solid;
  z-index: 5;
}
.single-features-posts .timeline-dot.active {
  background-color: #E85226;
}
.single-features-posts .timeline-dot.timeline-dot_1 {
  top: 16px;
}
.single-features-posts .timeline-dot.timeline-dot_2 {
  top: 116px;
}
.single-features-posts .timeline-dot.timeline-dot_3 {
  top: 216px;
}
.single-features-posts .timeline-dot.timeline-dot_4 {
  top: 216px;
}
.single-features-posts .timeline-dot.timeline-dot_5 {
  top: 316px;
}
.single-features-posts .timeline-dot.timeline-dot_6 {
  top: 416px;
}
.single-features-posts .timeline-dot.timeline-dot_7 {
  top: 516px;
}
.single-features-posts .timeline-dot.timeline-dot_8 {
  top: 616px;
}
.single-features-posts .timeline-dot.timeline-dot_9 {
  top: 716px;
}
.single-features-posts .timeline-dot.timeline-dot_10 {
  top: 816px;
}
.single-features-posts .timeline-dot span {
  position: absolute;
  background-color: #000;
  color: #fff;
  padding: 0.5em 0.5em 0.5em 0;
  font-size: 0.75em;
  white-space: nowrap;
  top: -7px;
  left: 41px;
  display: none;
}
.single-features-posts .timeline-dot span:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-right-color: #000000;
  border-width: 15px;
  margin-top: -15px;
}
.single-features-posts .timeline-dot:hover span {
  display: block;
}
.single-features-posts progress {
  /* Positioning */
  position: fixed;
  left: 0;
  top: 0;
  /* Dimensions */
  width: 100%;
  height: 5px;
  /* Reset the appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Get rid of the default border in Firefox/Opera. */
  border: none;
  /* Progress bar container for Firefox/IE10+ */
  background-color: transparent;
  /* Progress bar value for IE10+ */
  color: red;
}
.single-features-posts progress::-webkit-progress-bar {
  background-color: transparent;
}
.single-features-posts progress::-webkit-progress-value {
  background-color: red;
}
.single-features-posts progress::-moz-progress-bar {
  background-color: red;
}
.single-features-posts .feature-header {
  text-align: center;
  position: relative;
  z-index: 10;
}
.single-features-posts .feature-header_img {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 5;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .single-features-posts .feature-header_img {
    position: fixed;
  }
}
.single-features-posts .feature-header_img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  z-index: 6;
}
@media (min-width: 768px) {
  .single-features-posts .feature-header_img {
    top: 78px;
  }
}
.single-features-posts .feature-header .band-inner {
  max-width: 50em;
  position: relative;
  z-index: 7;
}
.single-features-posts .feature-header h1 {
  color: #fff;
  font-size: 2.5em;
  padding: 1em 0 1em 0;
}
@media (min-width: 768px) {
  .single-features-posts .feature-header h1 {
    font-size: 3.375em;
    padding: 4em 0 1em 0;
  }
}
.single-features-posts .feature-header .feature_intro {
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  padding: 2em;
  text-align: center;
  margin-bottom: 4em;
}
.single-features-posts .feature-header .feature_intro p {
  font-size: 1.5em;
  margin: 0;
}
.single-features-posts .feature-header .feature_info {
  border-top: 2px #fff solid;
  overflow: auto;
  position: relative;
}
.single-features-posts .feature-header .feature_info:before {
  content: "";
  width: 2px;
  left: 50%;
  position: absolute;
  height: 100%;
  background-color: #fff;
}
.single-features-posts .feature-header .feature_info--date {
  text-align: left;
  color: #fff;
  float: left;
  width: 50%;
  padding: 0;
  margin: 0;
  font-size: 0.875em;
  padding-top: 1.125em;
}
.single-features-posts .feature-header .feature_info--share {
  float: left;
  width: 50%;
  padding-top: 1em;
  padding-bottom: 1em;
}
.single-features-posts .feature-header .feature_info--share .share_links {
  display: block;
  text-align: right;
}
.single-features-posts .feature-header .feature_info--share .share_links li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1em;
  color: #fff;
}
@media (max-width: 767px) {
  .single-features-posts .feature-header .feature_info--share .share_links li.social_label {
    display: none;
  }
}
.feature-content {
  position: relative;
  z-index: 10;
  background-color: #fff;
}
.feature-content .band-inner {
  max-width: 50em;
}
.feature-content_text {
  padding: 1em 0;
  position: relative;
}
.feature-content_text h3 {
  color: #E85226;
  font-size: 1.625em;
}
.feature-content_text p, .feature-content_text li {
  font-size: 20px;
}
.feature-content_text figure {
  margin: 0;
}
.feature-content_text figure img {
  display: block;
  margin-bottom: 0.5em;
}
.feature-content_text figure figcaption, .feature-content_text figure .client-name {
  padding: 0;
  margin: 0;
  color: #9B9B9B;
}
.feature-content_text ol {
  list-style: none;
  counter-reset: li;
  margin-top: 1em;
  margin-left: 1em;
}
.feature-content_text ol > li {
  counter-increment: li;
  padding-bottom: 0.5em;
}
.feature-content_text ol > li::before {
  content: counter(li);
  color: #E85226;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.feature-content_text ol > li ul {
  margin-left: 20px;
  margin-top: 0.5em;
  list-style-type: lower-alpha;
}
.feature-content_text ol > li ul li {
  padding-bottom: 0.5em;
  color: #9B9B9B;
}
.feature-content_image {
  margin: 1em 0;
  position: relative;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.feature-content_image img {
  width: 100%;
  display: block;
}
.feature-content_image.chapter:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 39.2857142857%;
}
.feature-content_image.chapter h2 {
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  z-index: 3;
  color: #fff;
  text-align: center;
  font-size: 36px;
}
@media (min-width: 768px) {
  .feature-content_image.chapter h2 {
    top: 50%;
    font-size: 48px;
  }
}
.feature-content_image.cover {
  position: relative;
}
.feature-content_image.cover:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
  background: rgba(232, 82, 38, 0.6);
}
.feature-content_image.cover .text {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  z-index: 3;
  color: #fff;
  text-align: center;
  font-style: italic;
  max-width: 90%;
}
.feature-content_image.cover .text h2 {
  font-size: 2.125em;
}
.feature-content_image.cover .text h3 {
  font-size: 2em;
}
.feature-content_image.cover .text h4 {
  font-size: 1.55em;
}
.feature-content_mixed {
  padding: 1em 0;
  text-align: left;
  position: relative;
}
.feature-content_mixed h2 {
  font-size: 2.25em;
  text-align: center;
  padding-bottom: 1em;
}
.feature-content_mixed .grid {
  margin: 2em;
}
.feature-content_mixed .grid p {
  margin-top: 0;
}
.feature-content_mixed .grid .img-caption {
  margin-top: 0;
}
.feature-content_mixed .grid .margin-left {
  box-sizing: border-box;
  padding-left: 2em;
}
.feature-content_video {
  padding: 1em 0;
  position: relative;
}
.feature-content_video .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.feature-content_video .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.feature-content_gallery {
  padding: 1em 0;
  position: relative;
}
.feature-content_gallery .main-img {
  padding-bottom: 1em;
}
.feature-content_gallery .main-img img {
  margin-bottom: 0;
}
.feature-content_gallery .main-img p {
  margin: 0;
  color: #9B9B9B;
}
.feature-content_gallery .small-imgs {
  overflow: auto;
  margin-top: 1em;
}
.feature-content_gallery .small-imgs li {
  float: left;
  padding-right: 1em;
  padding-bottom: 1em;
  box-sizing: border-box;
}
.feature-content_quote {
  background-color: #E95227;
  padding: 8em 0;
  text-align: center;
  color: #fff;
  position: relative;
  margin: 3em 0;
}
.feature-content_quote span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 97px;
  height: 20px;
}
.feature-content_quote span:after {
  content: "";
  height: 20px;
  width: 2px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
}
.feature-content_quote span.span_top {
  top: 4em;
  border-top: 2px #fff solid;
}
.feature-content_quote span.span_top:after {
  top: 0;
}
.feature-content_quote span.span_bottom {
  bottom: 4em;
  border-bottom: 2px #fff solid;
}
.feature-content_quote span.span_bottom:after {
  bottom: 0;
}
.feature-content_quote .band-inner {
  max-width: 50em;
}
.feature-content_quote h3 {
  font-size: 1.5em;
  font-weight: bold;
}
.feature-content_quote p {
  font-size: 1.5em;
  font-style: italic;
}
.feature-content_grid {
  padding-top: 2em;
}
.feature-content_grid .band-inner {
  max-width: 75em;
}
.feature-content_grid .grid {
  margin: 0;
  width: 100%;
}
.feature-content_grid .grid > div {
  box-sizing: border-box;
  padding: 1em;
}
.feature-content_grid .grid > div img {
  margin-bottom: 0.5em;
}
.feature-content_grid .grid > div h3 {
  font-size: 1.25em;
  text-transform: uppercase;
}
.feature-content_grid .grid > div p {
  font-size: 1.25em;
  margin: 0;
}
.feature-content_share {
  padding-bottom: 3em;
  margin-top: 3em;
}
.feature-content_share .inner {
  border-top: 2px #979797 solid;
  overflow: auto;
}
.feature-content_share .inner .date {
  margin-top: 0.5em;
  float: left;
  color: #9B9B9B;
}
.feature-content_share .share_links {
  display: block;
  text-align: right;
  margin-top: 1em;
}
.feature-content_share .share_links li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1em;
  color: #fff;
}
@media (max-width: 767px) {
  .feature-content_share .share_links li.social_label {
    display: none;
  }
}
.feature_next {
  padding: 2em 0 4em 0;
  border-top: 2px #979797 solid;
  position: relative;
  z-index: 10;
  background-color: #fff;
}
.feature_next .band-inner {
  max-width: 75em;
}
.feature_next h2 {
  padding-bottom: 1em;
  text-align: center;
  font-size: 1.25em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.firstcharacter {
  font-weight: bold;
  float: left;
  font-size: 56px;
  line-height: 0.99;
  padding-top: 5px;
  padding-right: 8px;
  padding-left: 3px;
}

.series-card {
  background-color: #000;
  color: #fff;
  margin-top: 2em;
  margin-bottom: 2em;
  box-sizing: border-box;
  text-align: center;
  padding: 2em 1em;
}
@media (min-width: 768px) {
  .series-card {
    padding: 4em 2em;
  }
}
.series-card h2 {
  font-size: 2em;
  font-weight: bold;
}
.series-card_intro {
  margin: 0 auto 30px auto;
}
.series-card_intro p {
  font-size: 1.2em;
}
@media (min-width: 768px) {
  .series-card_intro {
    max-width: 80%;
    margin: 0 auto 60px auto;
  }
  .series-card_intro p {
    font-size: 1.5em;
  }
}
.series-card .grid {
  margin: 0;
}
.series-card .grid .col-1-3 {
  box-sizing: border-box;
  padding: 1em;
  width: 100%;
}
@media (min-width: 768px) {
  .series-card .grid .col-1-3 {
    width: 33.33333%;
  }
}
.series-card .grid .col-1-3 .series_card {
  display: block;
  background-color: #fff;
  overflow: hidden;
}
.series-card .grid .col-1-3 .series_card .series_img {
  position: relative;
  transition: transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.75s linear;
}
.series-card .grid .col-1-3 .series_card img {
  width: 100%;
}
.series-card .grid .col-1-3 .series_card--inner {
  padding: 2em;
  text-align: center;
}
.series-card .grid .col-1-3 .series_card--inner h3 {
  font-weight: bold;
  font-size: 2em;
  color: #000;
  margin-bottom: 1em;
}
.series-card .grid .col-1-3 .series_card:hover span {
  color: #E85226;
}
.series-card .grid .col-1-3 .series_card:hover .series_img {
  transform: scale(1.025);
  -webkit-filter: grayscale(1);
}
.series-card .grid .col-1-3.series-card_previous {
  text-align: left;
  padding-left: 2.5em;
}
.series-card .grid .col-1-3.series-card_previous h4 {
  text-transform: uppercase;
  margin-bottom: 1em;
  font-size: 0.875em;
  letter-spacing: 2px;
}
.series-card .grid .col-1-3.series-card_previous li {
  margin-bottom: 0.5em;
}
.series-card .grid .col-1-3.series-card_previous a {
  color: #fff;
  text-decoration: underline;
  font-size: 1.25em;
  font-weight: bold;
}
.series-card .grid .col-1-3.series-card_previous a:hover {
  color: #E85226;
}

.chapter_number {
  text-align: center;
  padding: 2em 0;
  position: relative;
}
.chapter_number h3 {
  color: #E85226;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  padding-bottom: 0.5em;
  letter-spacing: 6px;
}
.chapter_number h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 50%;
  height: 3px;
  background-color: #E85226;
}

.single-features-posts .footer {
  position: relative;
  z-index: 10;
}

.page-careers {
  background-color: #fff;
}
.page-careers .intro-section {
  padding: 2em 1em;
  text-align: center;
}
.page-careers .intro-section h1 {
  font-size: 2.5em;
}
@media (min-width: 768px) {
  .page-careers .intro-section {
    padding: 4em;
  }
  .page-careers .intro-section h1 {
    font-size: 3.25em;
  }
}
.page-careers .intro-section p {
  font-size: 1.5em;
  margin: 1.5em auto;
}
@media (min-width: 768px) {
  .page-careers .intro-section p {
    max-width: 45%;
  }
}

.feature-section {
  padding-bottom: 2em;
}

.feature-card {
  padding: 1em;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .feature-card {
    padding: 3em;
  }
}
.feature-card_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  transition: transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.75s linear;
}
.feature-card_inner {
  background-color: rgba(255, 255, 255, 0.9);
  display: inline-block;
  position: relative;
  z-index: 2;
  text-decoration: none;
  color: #000;
  padding: 1em;
}
@media (min-width: 768px) {
  .feature-card_inner {
    width: 50%;
    padding: 2em;
  }
}
.feature-card_title {
  text-transform: uppercase;
  font-size: 1.25em;
  margin-bottom: 1em;
  letter-spacing: 2px;
}
.feature-card_intro {
  padding-bottom: 1.5em;
}
@media (min-width: 768px) {
  .feature-card_intro {
    padding-bottom: 3em;
  }
}
.feature-card_intro p {
  font-size: 1.25em;
}
.feature-card_inner:hover + .feature-card_image {
  transform: scale(1.025);
  -webkit-filter: grayscale(1);
}

.single-careers .feature-content {
  position: relative;
}
.single-careers .feature-timeline {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 2em;
  left: 0;
  background-color: #fff;
  width: 60px;
  z-index: 5;
  display: none;
}
@media (min-width: 768px) {
  .single-careers .feature-timeline {
    display: block;
  }
}
.single-careers .feature-timeline:after {
  content: "";
  width: 3px;
  position: absolute;
  height: 100%;
  top: 40px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  z-index: 3;
  background-color: #000;
}
.single-careers .feature-timeline.fixed {
  top: 78px;
  position: fixed;
}
.single-careers .timeline-dot {
  position: absolute;
  top: 0;
  left: 22px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #000;
  border: 2px #fff solid;
  z-index: 5;
}
.single-careers .timeline-dot.active {
  background-color: #E85226;
}
.single-careers .timeline-dot.timeline-dot_1 {
  top: 16px;
}
.single-careers .timeline-dot.timeline-dot_2 {
  top: 116px;
}
.single-careers .timeline-dot.timeline-dot_3 {
  top: 216px;
}
.single-careers .timeline-dot.timeline-dot_4 {
  top: 216px;
}
.single-careers .timeline-dot.timeline-dot_5 {
  top: 316px;
}
.single-careers .timeline-dot.timeline-dot_6 {
  top: 416px;
}
.single-careers .timeline-dot.timeline-dot_7 {
  top: 516px;
}
.single-careers .timeline-dot.timeline-dot_8 {
  top: 616px;
}
.single-careers .timeline-dot.timeline-dot_9 {
  top: 716px;
}
.single-careers .timeline-dot.timeline-dot_10 {
  top: 816px;
}
.single-careers .timeline-dot span {
  position: absolute;
  background-color: #000;
  color: #fff;
  padding: 0.5em 0.5em 0.5em 0;
  font-size: 0.75em;
  white-space: nowrap;
  top: -7px;
  left: 41px;
  display: none;
}
.single-careers .timeline-dot span:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-right-color: #000000;
  border-width: 15px;
  margin-top: -15px;
}
.single-careers .timeline-dot:hover span {
  display: block;
}
.single-careers progress {
  /* Positioning */
  position: fixed;
  left: 0;
  top: 0;
  /* Dimensions */
  width: 100%;
  height: 5px;
  /* Reset the appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Get rid of the default border in Firefox/Opera. */
  border: none;
  /* Progress bar container for Firefox/IE10+ */
  background-color: transparent;
  /* Progress bar value for IE10+ */
  color: red;
}
.single-careers progress::-webkit-progress-bar {
  background-color: transparent;
}
.single-careers progress::-webkit-progress-value {
  background-color: red;
}
.single-careers progress::-moz-progress-bar {
  background-color: red;
}
.single-careers .feature-header {
  text-align: center;
  position: relative;
  z-index: 10;
}
.single-careers .feature-header_img {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 5;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .single-careers .feature-header_img {
    position: fixed;
  }
}
.single-careers .feature-header_img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  z-index: 6;
}
@media (min-width: 768px) {
  .single-careers .feature-header_img {
    top: 78px;
  }
}
.single-careers .feature-header .band-inner {
  max-width: 50em;
  position: relative;
  z-index: 7;
}
.single-careers .feature-header h1 {
  color: #fff;
  font-size: 2.5em;
  padding: 1em 0 1em 0;
}
@media (min-width: 768px) {
  .single-careers .feature-header h1 {
    font-size: 3.375em;
    padding: 4em 0 1em 0;
  }
}
.single-careers .feature-header .feature_intro {
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  padding: 2rem;
  text-align: center;
  margin-bottom: 4em;
  font-size: 1.5rem;
}
.single-careers .feature-header .feature_intro p {
  margin: 0;
}
.single-careers .feature-header .feature_info {
  border-top: 2px #fff solid;
  overflow: auto;
  position: relative;
}
.single-careers .feature-header .feature_info:before {
  content: "";
  width: 2px;
  left: 50%;
  position: absolute;
  height: 100%;
  background-color: #fff;
}
.single-careers .feature-header .feature_info--date {
  text-align: left;
  color: #fff;
  float: left;
  width: 50%;
  padding: 0;
  margin: 0;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-top: 1.125em;
}
.single-careers .feature-header .feature_info--share {
  float: left;
  width: 50%;
  padding-top: 1em;
  padding-bottom: 1.625rem;
}
.single-careers .feature-header .feature_info--share .share_links {
  display: block;
  text-align: right;
}
.single-careers .feature-header .feature_info--share .share_links li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1em;
  color: #fff;
}
.single-careers .feature-header .feature_info--share .share_links li.social_label .copied {
  display: none;
}
@media (max-width: 767px) {
  .single-careers .feature-header .feature_info--share .share_links li.social_label {
    display: none;
  }
}
.feature-content {
  position: relative;
  z-index: 10;
  background-color: #fff;
  padding-top: 4rem;
}
.feature-content .band-inner {
  max-width: 50em;
}
.feature-content_text {
  padding: 1em 0;
  position: relative;
}
.feature-content_text h3 {
  color: #e85226;
  font-size: 1.625em;
}
.feature-content_text p,
.feature-content_text li {
  font-size: 20px;
}
.feature-content_text figure {
  margin: 0;
}
.feature-content_text figure img {
  display: block;
  margin-bottom: 0.5em;
}
.feature-content_text figure figcaption, .feature-content_text figure .client-name {
  padding: 0;
  margin: 0;
  color: #9b9b9b;
}
.feature-content_text ol {
  list-style: none;
  counter-reset: li;
  margin-top: 1em;
  margin-left: 1em;
}
.feature-content_text ol > li {
  counter-increment: li;
  padding-bottom: 0.5em;
}
.feature-content_text ol > li::before {
  content: counter(li);
  color: #e85226;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.feature-content_text ol > li ul {
  margin-left: 20px;
  margin-top: 0.5em;
  list-style-type: lower-alpha;
}
.feature-content_text ol > li ul li {
  padding-bottom: 0.5em;
  color: #9b9b9b;
}
.feature-content_image {
  margin: 1em 0;
  position: relative;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.feature-content_image img {
  width: 100%;
  display: block;
}
.feature-content_image.chapter:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 39.2857142857%;
}
.feature-content_image.chapter h2 {
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  z-index: 3;
  color: #fff;
  text-align: center;
  font-size: 36px;
}
@media (min-width: 768px) {
  .feature-content_image.chapter h2 {
    top: 50%;
    font-size: 48px;
  }
}
.feature-content_image.cover {
  position: relative;
}
.feature-content_image.cover:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
  background: rgba(232, 82, 38, 0.6);
}
.feature-content_image.cover .text {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  z-index: 3;
  color: #fff;
  text-align: center;
  font-style: italic;
  max-width: 90%;
}
.feature-content_image.cover .text h2 {
  font-size: 2.125em;
}
.feature-content_image.cover .text h3 {
  font-size: 2em;
}
.feature-content_image.cover .text h4 {
  font-size: 1.55em;
}
.feature-content_mixed {
  padding: 1em 0;
  text-align: left;
  position: relative;
}
.feature-content_mixed h2 {
  font-size: 2.25em;
  text-align: center;
  padding-bottom: 1em;
}
.feature-content_mixed .grid {
  margin: 2em;
}
.feature-content_mixed .grid p {
  margin-top: 0;
}
.feature-content_mixed .grid .img-caption {
  margin-top: 0;
}
.feature-content_mixed .grid .margin-left {
  box-sizing: border-box;
  padding-left: 2em;
}
.feature-content_video {
  padding: 1em 0;
  position: relative;
}
.feature-content_video .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.feature-content_video .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.feature-content_gallery {
  padding: 1em 0;
  position: relative;
}
.feature-content_gallery .main-img {
  padding-bottom: 1em;
}
.feature-content_gallery .main-img img {
  margin-bottom: 0;
}
.feature-content_gallery .main-img p {
  margin: 0;
  color: #9b9b9b;
}
.feature-content_gallery .small-imgs {
  overflow: auto;
  margin-top: 1em;
}
.feature-content_gallery .small-imgs li {
  float: left;
  padding-right: 1em;
  padding-bottom: 1em;
  box-sizing: border-box;
}
.feature-content_quote {
  background-color: #e95227;
  padding: 8em 0;
  text-align: center;
  color: #fff;
  position: relative;
  margin: 3em 0;
}
.feature-content_quote span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 97px;
  height: 20px;
}
.feature-content_quote span:after {
  content: "";
  height: 20px;
  width: 2px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
}
.feature-content_quote span.span_top {
  top: 4em;
  border-top: 2px #fff solid;
}
.feature-content_quote span.span_top:after {
  top: 0;
}
.feature-content_quote span.span_bottom {
  bottom: 4em;
  border-bottom: 2px #fff solid;
}
.feature-content_quote span.span_bottom:after {
  bottom: 0;
}
.feature-content_quote .band-inner {
  max-width: 50em;
}
.feature-content_quote h3 {
  font-size: 1.5em;
  font-weight: bold;
}
.feature-content_quote p {
  font-size: 1.5em;
  font-style: italic;
}
.feature-content_grid {
  padding-top: 2em;
}
.feature-content_grid .band-inner {
  max-width: 75em;
}
.feature-content_grid .grid {
  margin: 0;
  width: 100%;
}
.feature-content_grid .grid > div {
  box-sizing: border-box;
  padding: 1em;
}
.feature-content_grid .grid > div img {
  margin-bottom: 0.5em;
}
.feature-content_grid .grid > div h3 {
  font-size: 1.25em;
  text-transform: uppercase;
}
.feature-content_grid .grid > div p {
  font-size: 1.25em;
  margin: 0;
}
.feature-content_share {
  padding-bottom: 3em;
  margin-top: 3em;
}
.feature-content_share .inner {
  border-top: 2px #979797 solid;
  overflow: auto;
}
.feature-content_share .inner .date {
  margin-top: 0.5em;
  float: left;
  color: #9b9b9b;
}
.feature-content_share .share_links {
  display: block;
  text-align: right;
  margin-top: 1em;
}
.feature-content_share .share_links li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1em;
  color: #fff;
}
.feature-content_share .share_links li.social_label .copied {
  display: none;
}
@media (max-width: 767px) {
  .feature-content_share .share_links li.social_label {
    display: none;
  }
}
.feature_next {
  padding: 2em 0 4em 0;
  border-top: 2px #979797 solid;
  position: relative;
  z-index: 10;
  background-color: #fff;
}
.feature_next .band-inner {
  max-width: 75em;
}
.feature_next h2 {
  padding-bottom: 1em;
  text-align: center;
  font-size: 1.25em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.series-card {
  background-color: #000;
  color: #fff;
  margin-top: 2em;
  margin-bottom: 2em;
  box-sizing: border-box;
  text-align: center;
  padding: 2em 1em;
}
@media (min-width: 768px) {
  .series-card {
    padding: 4em 2em;
  }
}
.series-card h2 {
  font-size: 2em;
  font-weight: bold;
}
.series-card_intro {
  margin: 0 auto 30px auto;
}
.series-card_intro p {
  font-size: 1.2em;
}
@media (min-width: 768px) {
  .series-card_intro {
    max-width: 80%;
    margin: 0 auto 60px auto;
  }
  .series-card_intro p {
    font-size: 1.5em;
  }
}
.series-card .grid {
  margin: 0;
}
.series-card .grid .col-1-3 {
  box-sizing: border-box;
  padding: 1em;
  width: 100%;
}
@media (min-width: 768px) {
  .series-card .grid .col-1-3 {
    width: 33.33333%;
  }
}
.series-card .grid .col-1-3 .series_card {
  display: block;
  background-color: #fff;
  overflow: hidden;
}
.series-card .grid .col-1-3 .series_card .series_img {
  position: relative;
  transition: transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.75s linear;
}
.series-card .grid .col-1-3 .series_card img {
  width: 100%;
}
.series-card .grid .col-1-3 .series_card--inner {
  padding: 2em;
  text-align: center;
}
.series-card .grid .col-1-3 .series_card--inner h3 {
  font-weight: bold;
  font-size: 2em;
  color: #000;
  margin-bottom: 1em;
}
.series-card .grid .col-1-3 .series_card:hover span {
  color: #E85226;
}
.series-card .grid .col-1-3 .series_card:hover .series_img {
  transform: scale(1.025);
  -webkit-filter: grayscale(1);
}
.series-card .grid .col-1-3.series-card_previous {
  text-align: left;
  padding-left: 2.5em;
}
.series-card .grid .col-1-3.series-card_previous h4 {
  text-transform: uppercase;
  margin-bottom: 1em;
  font-size: 0.875em;
  letter-spacing: 2px;
}
.series-card .grid .col-1-3.series-card_previous li {
  margin-bottom: 0.5em;
}
.series-card .grid .col-1-3.series-card_previous a {
  color: #fff;
  text-decoration: underline;
  font-size: 1.25em;
  font-weight: bold;
}
.series-card .grid .col-1-3.series-card_previous a:hover {
  color: #E85226;
}

.chapter_number {
  text-align: center;
  padding: 2em 0;
  position: relative;
}
.chapter_number h3 {
  color: #E85226;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  padding-bottom: 0.5em;
  letter-spacing: 6px;
}
.chapter_number h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 50%;
  height: 3px;
  background-color: #E85226;
}

.single-careers .footer {
  position: relative;
  z-index: 10;
}

.single-careers .subheading {
  max-width: 80%;
  font-size: 1.5rem;
  padding-top: 2rem;
}
.single-careers .header-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
}

.page-careers .careers_page--title {
  font-size: 3.375rem;
}
.page-careers .careers_heading {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: bold;
  font-size: 2em;
  line-height: 125%;
  color: #E85225;
  text-align: center;
  padding-top: 2em;
  padding-bottom: 0em;
}
.page-careers .feature-card_inner {
  width: 100%;
}
.page-careers .careers_location {
  color: #E85225;
  font-size: 1.25em;
  line-height: 140%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: bold;
  padding: 1.125em 0;
}
.page-careers .careers_title {
  font-family: "Ziggurat A", "Ziggurat B", serif;
  font-size: 2em;
  line-height: 150%;
  text-transform: capitalize;
  color: #000000;
  font-weight: normal;
}
.page-careers .careers_intro {
  color: #000000;
  font-size: 1.25em;
  line-height: 140%;
  padding-bottom: 2em;
}
.page-careers .feature-card {
  padding: 0;
  border-bottom: 1px solid #9B9B9B;
}
.page-careers .feature-card_inner {
  padding: 4em 0;
}
.page-careers .feature-card_link {
  letter-spacing: 2px;
}

.single-careers .feature-header .single_careers--intro_title {
  font-size: 2.5em;
  padding: 0.5em 0;
}
@media (min-width: 768px) {
  .single-careers .feature-header .single_careers--intro_title {
    font-size: 3.375em;
    padding: 2.375rem 0 1.125rem 0;
  }
}

.single-careers .feature-content .career_content .pt {
  padding-top: 1rem;
}
.single-careers .feature-content .career_content ul {
  position: relative;
  list-style: none;
  margin-left: 0;
  padding-left: 1.2em;
}
.single-careers .feature-content .career_content li {
  padding-bottom: 1.125rem;
}
.single-careers .feature-content .career_content li:before {
  position: absolute;
  content: "-";
  color: #E85225;
  left: 0;
}
.single-careers .download_module {
  color: #FFFFFF;
  background: #000000;
  padding: 4em;
  margin-top: 6rem;
  margin-bottom: 4rem;
}
.single-careers .download_module .feature-card_link {
  color: #FFFFFF;
}
.single-careers .download_module--title {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: bold;
  font-size: 26px;
  line-height: 130%;
  color: #E85225;
  padding-bottom: 1.5rem;
}
.single-careers .download_module--description {
  font-family: "Sentinel SSm A", "Sentinel SSm B", serif;
  font-size: 24px;
  line-height: 125%;
  margin: 0 0 3rem 0;
}

.single_careers {
  padding: 3em 1em;
}
@media (min-width: 768px) {
  .single_careers {
    padding: 10rem 0 4rem 0;
  }
}
.single_careers--location {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
}
.single_careers--intro_tag {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #E85225;
}
.single_careers--back_button {
  padding: 3em 0;
  padding-bottom: 6rem;
}
.single_careers--back_button a {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 125%;
  color: #E85225;
  position: relative;
  padding-left: 2rem;
}
@media (min-width: 768px) {
  .single_careers--back_button a {
    font-size: 32px;
  }
}
.single_careers--back_button a:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 22px;
  background: url(../img/arrow_back.svg) no-repeat center;
}

.diversity_policy {
  padding: 8em 2em 0 2em;
}
.diversity_policy--title {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: bold;
  font-size: 26px;
  line-height: 29px;
  color: #E85225;
}
.diversity_policy--description {
  font-family: "Sentinel SSm A", "Sentinel SSm B", serif;
  font-size: 1.25em;
  line-height: 140%;
  font-weight: 300;
  color: #000000;
}

.header_intro {
  padding: 0em 2em 0 2em;
}
.header_intro--description {
  font-family: "Sentinel SSm A", "Sentinel SSm B", serif;
  font-size: 1.25em;
  line-height: 140%;
  font-weight: 300;
  color: #000000;
}

.overlay.work {
  background: rgba(0, 0, 0, 0.85);
  position: fixed;
}
.overlay.work .overlay-close {
  position: fixed;
  top: 32px;
  right: 32px !important;
  background-color: transparent;
  z-index: 9999999;
  border-radius: 50%;
  border: 2px #fff solid;
}
.overlay.work .overlay-content {
  z-index: 99;
  overflow: auto;
}
.overlay.work .overlay-dismiss {
  display: none;
}
.overlay.work .overlay-content-inner {
  background-color: transparent;
  max-width: 960px;
  top: 120px !important;
}
.overlay.work .single_header {
  color: #fff;
  text-align: center;
  position: relative;
  padding-bottom: 75px;
}
.overlay.work .single_header h2 {
  font-size: 20px;
  margin-bottom: 2em;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
}
.overlay.work .single_header h1 {
  font-size: 54px;
  margin-bottom: 0.5em;
}
.overlay.work .single_header p {
  max-width: 90%;
  padding-bottom: 2.5em;
  margin: 0 auto;
  font-size: 1.5em;
}
@media (min-width: 768px) {
  .overlay.work .single_header p {
    max-width: 55%;
  }
}
.overlay.work .single_header .share_links {
  display: block;
  text-align: right;
  text-align: center;
  padding-bottom: 4em;
}
.overlay.work .single_header .share_links li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
  margin-right: 0.5em;
  color: #fff;
}
@media (max-width: 767px) {
  .overlay.work .single_header .share_links li.social_label {
    display: none;
  }
}
.overlay.work .single_header span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px #fff solid;
  width: 98px;
  height: 98px;
  margin: auto;
}
.overlay.work .single_header span:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
}
.overlay.work .videoContainer {
  padding: 1em 2em;
  box-sizing: border-box;
}
.overlay.work .videoContainer .video {
  margin: 0;
}
.overlay.work .single_content {
  background-color: #fff;
}
.overlay.work .single_content_content {
  position: relative;
  padding-bottom: 1em;
}
.overlay.work .single_content_content h2, .overlay.work .single_content_content h3 {
  color: #E85226;
  text-align: left;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
}
.overlay.work .single_content_content h2 {
  text-transform: none;
  font-size: 1.625em;
  letter-spacing: 0;
}
.overlay.work .single_content_content p {
  font-size: 1.25em;
  margin: 0 0 1em 0;
}
.overlay.work .single_content .grid {
  margin: 0;
  padding: 2em 2em 1em 2em;
  box-sizing: border-box;
}
.overlay.work .single_content .col-1-1 p {
  max-width: 80%;
}
.overlay.work .single_content .single_callout {
  border-top: 4px #E85226 solid;
  border-bottom: 4px #E85226 solid;
  padding: 1em 6em;
  box-sizing: border-box;
  text-align: center;
}
.overlay.work .col-image {
  text-align: right;
  padding-left: 2em;
  box-sizing: border-box;
}
.overlay.work .col-image img {
  display: inline-block;
}

.footer {
  background-color: #2D2D2D;
  padding-top: 3em;
}
.footer .grid {
  margin: 0;
}
.footer h4 {
  text-transform: uppercase;
  margin-bottom: 2em;
  font-size: 0.875em;
  letter-spacing: 2px;
}
.footer .gdpr {
  font-size: 12px;
  color: #C3C3C3;
  padding-bottom: 2em;
}
.footer .footer-links {
  padding-top: 2em;
  padding-bottom: 2em;
}
.footer .footer-links a {
  display: inline-block;
  margin-right: 1em;
  color: #fff;
  font-size: 1em;
  position: relative;
  vertical-align: middle;
}
.footer .footer-links a:before {
  content: "";
  margin-right: 0.5em;
  vertical-align: text-top;
}
.footer .footer-links a:hover {
  color: #E85226;
}
.footer .footer-links a.linkedin:before {
  display: inline-block;
}
.footer .footer-links a.linkedin:hover:before {
  display: inline-block;
}
.footer .footer-links a.mail:before {
  display: inline-block;
}
.footer .footer-links a.mail:hover:before {
  display: inline-block;
}
.footer .footer-links a.twitter:before {
  display: inline-block;
}
.footer .footer-links a.twitter:hover:before {
  display: inline-block;
}
.footer .footer-links a.instagram:before {
  display: inline-block;
}
.footer .footer-links a.instagram:hover:before {
  display: inline-block;
}
.footer .footer-links a.newsletter:before {
  display: inline-block;
}
.footer .footer-links a.newsletter:hover:before {
  display: inline-block;
}
.footer .footer-location {
  margin-bottom: 2em;
}
.footer .footer-location_name {
  font-family: "Sentinel SSm A", "Sentinel SSm B", serif;
  margin: 0;
}
.footer .footer-location_address {
  color: #C3C3C3;
  margin-top: 0;
  margin-bottom: 0;
}
.footer .footer-location_link {
  color: #E85226;
  text-decoration: underline;
}
.footer .footer-bar {
  background-color: #000;
  padding: 0.5em 0;
}
.footer .footer-bar p {
  color: #fff;
}

.t-bar {
  position: absolute;
  left: 0;
  right: 0;
  width: 98px;
  height: 98px;
  margin: auto;
}
.t-bar.top {
  border-top: 2px #fff solid;
  bottom: 0;
}
.t-bar.bottom {
  bottom: -98px;
  border-bottom: 2px #fff solid;
}
.t-bar:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
}

/*# sourceMappingURL=style.min.css.map */