/* State and Animations
   ========================================================================== */
@media (min-width: 960px) {
  .cssanimations.no-touch .recent-work.animation .recent-work__heading,
  .cssanimations.no-touch .recent-work.animation .recent-work__item {
    opacity: .5; }
  .cssanimations.no-touch .recent-work.is-animated .recent-work__heading {
    -webkit-animation: fadeIn 750ms ease-out forwards;
    animation: fadeIn 750ms ease-out forwards; }
  .cssanimations.no-touch .recent-work.is-animated .recent-work__item:nth-of-type(1) {
    -webkit-animation: fadeIn 750ms ease-out 75ms forwards;
    animation: fadeIn 750ms ease-out 75ms forwards; }
  .cssanimations.no-touch .recent-work.is-animated .recent-work__item:nth-of-type(2) {
    -webkit-animation: fadeIn 750ms ease-out 150ms forwards;
    animation: fadeIn 750ms ease-out 150ms forwards; }
  .cssanimations.no-touch .recent-work.is-animated .recent-work__item:nth-of-type(3) {
    -webkit-animation: fadeIn 750ms ease-out 225ms forwards;
    animation: fadeIn 750ms ease-out 225ms forwards; } }


/* ==========================================================================
   Team Member
   ========================================================================== */
/**
 * The 'Team Member' module is built on top of vcard. Markup is as
 * follows:
 *
 *     <div class="team-member">
 *       <a class="team-member__wrapper url" href="...">
 *         <div class="team-member__wrapper__front">
 *           <img class="team-member__image photo" src="...">
 *           <div class="team-member__content">
 *             <span class="team-member__name fn">...</span>
 *             <span class="team-member__role note">...</span>
 *           </div>
 *         </div>
 *         <div class="team-member__wrapper__back" ...></div>
 *       </a>
 *     </div>
 */
.team-member, .team-member--has-hidden-image {
  text-align: center; }
  .team-member a, .team-member--has-hidden-image a {
    color: inherit;
    display: block;
    text-decoration: none; }
  @media (min-width: 960px) {
    .team-member, .team-member--has-hidden-image {
      padding: 0 0 100%;
      position: relative;
      width: 100%; }
      .team-member:focus .team-member__content, .team-member--has-hidden-image:focus .team-member__content, .team-member:hover .team-member__content, .team-member--has-hidden-image:hover .team-member__content, .team-member:active .team-member__content, .team-member--has-hidden-image:active .team-member__content {
        opacity: 1; } }

@media (min-width: 960px) {
  .team-member__wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; } }

.team-member__wrapper:focus .team-member__wrapper__front img, .team-member__wrapper:hover .team-member__wrapper__front img, .team-member__wrapper:active .team-member__wrapper__front img {
  opacity: .667; }

.team-member__wrapper__images {
  background: #303c40;
  margin-bottom: .5em; }
  @media (min-width: 960px) {
    .team-member__wrapper__images {
      height: 100%;
      margin-bottom: 0;
      position: absolute;
      width: 100%; } }

@media (min-width: 960px) {
  .team-member__wrapper__front,
  .team-member__wrapper__back {
    height: 100%;
    position: absolute;
    width: 100%; } }

.team-member__wrapper__front img {
  height: auto;
  max-width: none;
  -webkit-transition: opacity 100ms ease-out;
  transition: opacity 100ms ease-out;
  width: 100%; }

.team-member__wrapper__back {
  background: #303c40;
  display: none;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); }
  .team-member__wrapper__back img {
    height: auto;
    left: 0;
    max-width: none;
    position: absolute;
    top: 0;
    width: 100%; }

@media (min-width: 960px) {
  .team-member__content {
    background: #fcfcfa;
    background: rgba(252, 252, 250, 0.8);
    bottom: .5em;
    left: .5em;
    opacity: 0;
    padding: .75em 0;
    position: absolute;
    right: .5em;
    -webkit-transition: opacity 100ms ease-out;
    transition: opacity 100ms ease-out; } }

.team-member__name {
  display: block;
  font-family: "Adelle Sans", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.42857;
  margin: 0 0 .125em; }

.team-member__role {
  display: block;
  font-size: 12px;
  line-height: 1.2;
  opacity: .667em; }
  @media (min-width: 480px) {
    .team-member__role {
      font-size: 14px;
      line-height: 1.42857; } }

/* Has Hidden Image
   ========================================================================== */
@media (min-width: 960px) {
  .csstransforms3d.cssanimations.no-touch .team-member--has-hidden-image {
    -webkit-perspective: 800px;
    perspective: 800px; }
    .csstransforms3d.cssanimations.no-touch .team-member--has-hidden-image .team-member__wrapper:focus .team-member__wrapper__front img, .csstransforms3d.cssanimations.no-touch .team-member--has-hidden-image .team-member__wrapper:hover .team-member__wrapper__front img, .csstransforms3d.cssanimations.no-touch .team-member--has-hidden-image .team-member__wrapper:active .team-member__wrapper__front img {
      opacity: 1; }
    .csstransforms3d.cssanimations.no-touch .team-member--has-hidden-image .team-member__wrapper__images {
      background: none;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transition: -webkit-transform 250ms;
      transition: transform 250ms; }
    .csstransforms3d.cssanimations.no-touch .team-member--has-hidden-image .team-member__wrapper__front,
    .csstransforms3d.cssanimations.no-touch .team-member--has-hidden-image .team-member__wrapper__back {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; } }
  @media (min-width: 960px) and (min-width: 960px) {
    .csstransforms3d.cssanimations.no-touch .team-member--has-hidden-image .team-member__wrapper__back {
      display: block; } }

@media (min-width: 960px) {
    .csstransforms3d.cssanimations.no-touch .team-member--has-hidden-image .team-member__wrapper__front img {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .csstransforms3d.cssanimations.no-touch .team-member--has-hidden-image .team-member__content {
      -webkit-transition: opacity 100ms 100ms;
      transition: opacity 100ms 100ms; }
    .csstransforms3d.cssanimations.no-touch .team-member--has-hidden-image:hover .team-member__wrapper__images {
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg); }
    .csstransforms3d.cssanimations.no-touch .team-member--has-hidden-image:hover .team-member__content {
      opacity: 1; } }


      /* Image
   ========================================================================== */
@media (min-width: 960px) {
  .work-section--image {
    position: relative; } }

.work-section--image.work-section--custom-colors {
  padding-bottom: 0; }

@media (min-width: 960px) {
  .work-section--image__caption {
    bottom: 2em;
    left: 0;
    position: absolute;
    width: 100%; } }

@media (min-width: 992px) {
  .work-section--image__caption {
    bottom: 4em; } }


    /* Team
   ========================================================================== */
.team .section__header {
  text-align: left; }

.team .section__header__subheading:before {
  margin-left: 0; }

.team .col-xs-6 {
  padding: 0 10px 20px 10px; }
  .team .col-xs-6:nth-of-type(odd) {
    clear: left; }

@media (min-width: 960px) {
  .team {
    padding-top: 60px;
    padding-bottom: 60px; }
    .team .section__header {
      text-align: center; }
    .team .section__header__subheading:before {
      margin-left: auto; }
    .team .col-xs-6:nth-of-type(odd) {
      clear: none; }
    .team .col-xs-6:nth-of-type(3n + 1) {
      clear: left; } }

@media (min-width: 992px) {
  .team .col-xs-6:nth-of-type(3n + 1) {
    clear: none; }
  .team .col-xs-6:nth-of-type(4n + 1) {
    clear: left; } }

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

@media (min-width: 960px) {
  .cssanimations.no-touch .team .animation {
    opacity: .5; }
  .cssanimations.no-touch .team .is-animated.animation {
    -webkit-animation: fadeIn 750ms ease-out forwards;
    animation: fadeIn 750ms ease-out forwards; } }


.row {
  margin-left: 0;
  margin-right: 0; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 960px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }