.hide {
  display: none !important; }

.cf {
  clear: both;
  display: block; }

.padTop {
  padding-top: 20px; }

@font-face {
  font-family: 'raleway_thinthin';
  src: url("/assets/fonts/raleway-v22-latin-100-webfont.woff2") format("woff2"), url("/assets/fonts/raleway-v22-latin-100-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'raleway_thinregular';
  src: url("/assets/fonts/raleway-v22-latin-regular-webfont.woff2") format("woff2"), url("/assets/fonts/raleway-v22-latin-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'raleway_thinmedium';
  src: url("/assets/fonts/raleway-v22-latin-500-webfont.woff2") format("woff2"), url("/assets/fonts/raleway-v22-latin-500-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'raleway_thinbold';
  src: url("/assets/fonts/raleway-v22-latin-700-webfont.woff2") format("woff2"), url("/assets/fonts/raleway-v22-latin-700-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
a,
a > h1,
input[type="submit"] {
  -webkit-transition: linear;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-property: opacity, color, background-color;
  -moz-transition: linear;
  -moz-transition-duration: 0.4s;
  -moz-transition-property: opacity, color, background-color;
  -o-transition: linear;
  -o-transition-duration: 0.4s;
  -o-transition-property: opacity, color, background-color;
  -ms-transition: linear;
  -ms-transition-duration: 0.4s;
  -ms-transition-property: opacity, color, background-color;
  transition: linear;
  transition-duration: 0.4s;
  transition-property: opacity, color, background-color;
  color: inherit; }

input[type="submit"] {
  border-radius: 0; }

.sprite, .brand .logo, .hero div.background aside span:after,
.hero article aside span:after, .pagination a {
  background: url("../sprites/desktop.png") no-repeat; }

/* font declarations */
.proximathin, .title, .hero div.background figure .overlay h2,
.hero article figure .overlay h2, .home h3 {
  font-family: "proxima-nova-n1","proxima-nova",sans-serif;
  font-style: normal;
  font-weight: 100; }

.proximalight, .page.project article .quote h2, .page.contact article .quote h2, .news .archive nav ul li a {
  font-family: "proxima-nova-n3","proxima-nova",sans-serif;
  font-style: normal;
  font-weight: 300; }

.proxima, html, .hero div.background .status,
.hero article .status {
  font-family: "proxima-nova-n4","proxima-nova",sans-serif;
  font-style: normal;
  font-weight: 400; }

.proximabold, .headerCaps, .smallHeaderCaps, .page.project .address span:before, .page.contact .address span:before, footer .address span:before, .cols article.staff figure figcaption .name, .brand .tag, .hero div.background figure figcaption,
.hero article figure figcaption, .hero div.background figure .overlay h2 + p,
.hero div.background figure .overlay h2 + a,
.hero article figure .overlay h2 + p,
.hero article figure .overlay h2 + a, .hero div.background aside span,
.hero article aside span, .hero div.background aside nav ul li,
.hero article aside nav ul li, .home .more, .home h2, .page nav ul li a, .news .archive nav h3, .main, .brand nav, footer nav {
  font-family: "proxima-nova-n7","proxima-nova",sans-serif;
  font-style: normal;
  font-weight: 700; }

html {
  background: #b6b9bb; }

input, textarea {
  font-size: 13px; }

body {
  color: #2d373c;
  font-size: 13px;
  line-height: 1.4615;
  margin: 0 auto;
  width: 958px; }

.block, .brand .logo a, .page nav ul li a {
  display: block;
  height: 100%;
  text-indent: -99999px;
  width: 100%; }

.borderBottom, .brand .tag, .hero div.background figure figcaption,
.hero article figure figcaption, .hero div.background .status:after,
.hero article .status:after, .home h2, .main, .brand nav, footer nav {
  border-bottom: 1px solid #a5e1e1; }

.borderTop, .home aside, footer nav, footer .address, footer .bottom {
  border-top: 1px solid #a5e1e1; }

.title, .hero div.background figure .overlay h2,
.hero article figure .overlay h2, .home h3 {
  font-size: 1.76923em;
  line-height: 1.30434; }

.subtitle, .cols h2 {
  font-size: 0.7692em;
  letter-spacing: 1px;
  line-height: 1.9;
  text-transform: uppercase; }

.projectHeading, .cols h1 {
  font-size: 0.9231em;
  letter-spacing: 1px;
  line-height: 1.2;
  text-transform: uppercase; }

.headerCaps, .smallHeaderCaps, .page.project .address span:before, .page.contact .address span:before, footer .address span:before, .cols article.staff figure figcaption .name, .brand .tag, .hero div.background figure figcaption,
.hero article figure figcaption, .hero div.background figure .overlay h2 + p,
.hero div.background figure .overlay h2 + a,
.hero article figure .overlay h2 + p,
.hero article figure .overlay h2 + a, .hero div.background aside span,
.hero article aside span, .hero div.background aside nav ul li,
.hero article aside nav ul li, .home .more, .home h2, .page nav ul li a, .news .archive nav h3, .main, .brand nav, footer nav {
  font-size: 0.9231em;
  letter-spacing: 1px;
  line-height: 1.0833;
  text-transform: uppercase; }

.smallHeaderCaps, .page.project .address span:before, .page.contact .address span:before, footer .address span:before, .cols article.staff figure figcaption .name {
  font-size: 0.84615em;
  line-height: 1.727272; }

.brand {
  height: 186px;
  position: relative; }
  .brand .logo {
    background-position: -8px -5px;
    height: 64px;
    left: 58px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 95px;
    width: 150px; }
  .brand .tag {
    color: white;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 56px;
    width: 220px; }

.hero {
  height: 520px;
  overflow: hidden; }
  .hero div.background,
  .hero article {
    height: 420px;
    padding-top: 39px;
    position: absolute;
    width: 919px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: linear;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: opacity;
    -moz-transition: linear;
    -moz-transition-duration: 1s;
    -moz-transition-property: opacity;
    -o-transition: linear;
    -o-transition-duration: 1s;
    -o-transition-property: opacity;
    -ms-transition: linear;
    -ms-transition-duration: 1s;
    -ms-transition-property: opacity;
    transition: linear;
    transition-duration: 1s;
    transition-property: opacity;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s; }
    .hero div.background.selected,
    .hero article.selected {
      opacity: 1;
      z-index: 2;
      -moz-transition-delay: 0.4s;
      -webkit-transition-delay: 0.4s;
      -o-transition-delay: 0.4s;
      -ms-transition-delay: 0.4s;
      transition-delay: 0.4s; }
    .hero div.background figure,
    .hero article figure {
      display: block;
      height: 435px;
      margin-left: 58px;
      position: relative;
      width: 900px; }
      .hero div.background figure figcaption,
      .hero article figure figcaption {
        bottom: -37px;
        color: #575f63;
        left: 0;
        padding-bottom: 17px;
        position: absolute; }
      .hero div.background figure img,
      .hero article figure img {
        height: 100%;
        width: 100%; }
      .hero div.background figure .overlay,
      .hero article figure .overlay {
        background: #a0a5a7;
        background: rgba(87, 95, 99, 0.65);
        /* 				background-image: url(../images/overlay.png); */
        height: 320px;
        left: 0;
        padding: 50px 20px;
        position: absolute;
        top: 0;
        width: 820px;
        z-index: 1;
        opacity: 1;
        -webkit-transition: linear;
        -webkit-transition-duration: 1.5s;
        -webkit-transition-property: opacity;
        -moz-transition: linear;
        -moz-transition-duration: 1.5s;
        -moz-transition-property: opacity;
        -o-transition: linear;
        -o-transition-duration: 1.5s;
        -o-transition-property: opacity;
        -ms-transition: linear;
        -ms-transition-duration: 1.5s;
        -ms-transition-property: opacity;
        transition: linear;
        transition-duration: 1.5s;
        transition-property: opacity; }
        .hero div.background figure .overlay.hide,
        .hero article figure .overlay.hide {
          opacity: 0;
          display: block !important; }
        .hero div.background figure .overlay h2,
        .hero article figure .overlay h2 {
          color: white;
          width: 634px; }
        .hero div.background figure .overlay h2 + p,
        .hero div.background figure .overlay h2 + a,
        .hero article figure .overlay h2 + p,
        .hero article figure .overlay h2 + a {
          color: white;
          text-decoration: none; }
    .hero div.background .status,
    .hero article .status {
      font-size: 0.8462em;
      letter-spacing: 1px;
      line-height: 1.18182;
      left: -43px;
      position: absolute;
      text-transform: uppercase;
      top: 100px; }
      .hero div.background .status .info,
      .hero div.background .status .close,
      .hero article .status .info,
      .hero article .status .close {
        -webkit-transition: linear;
        -webkit-transition-duration: 0.6s;
        -webkit-transition-property: opacity;
        -moz-transition: linear;
        -moz-transition-duration: 0.6s;
        -moz-transition-property: opacity;
        -o-transition: linear;
        -o-transition-duration: 0.6s;
        -o-transition-property: opacity;
        -ms-transition: linear;
        -ms-transition-duration: 0.6s;
        -ms-transition-property: opacity;
        transition: linear;
        transition-duration: 0.6s;
        transition-property: opacity;
        color: #575f63;
        opacity: 1;
        position: absolute;
        top: 0;
        cursor: pointer; }
        .hero div.background .status .info:hover, .hero div.background .status .info.glow,
        .hero div.background .status .close:hover,
        .hero div.background .status .close.glow,
        .hero article .status .info:hover,
        .hero article .status .info.glow,
        .hero article .status .close:hover,
        .hero article .status .close.glow {
          opacity: 0.5;
          text-shadow: 1px 1px 20px #b4b7b8;
          /* 			        filter: dropshadow(color=#b4b7b8, offx=1, offy=1);					 */ }
        .hero div.background .status .info.off,
        .hero div.background .status .close.off,
        .hero article .status .info.off,
        .hero article .status .close.off {
          opacity: 0; }
      .hero div.background .status .close,
      .hero article .status .close {
        top: 30px; }
      .hero div.background .status:after,
      .hero article .status:after {
        content: ' ';
        left: -15px;
        position: absolute;
        top: 20px;
        width: 15px; }
    .hero div.background aside,
    .hero article aside {
      position: absolute;
      right: 0;
      top: 0;
      width: 181px; }
      .hero div.background aside span,
      .hero article aside span {
        color: #575f63;
        cursor: pointer;
        height: 100px;
        left: 0;
        position: absolute;
        top: 8px;
        width: 181px; }
        .hero div.background aside span:after,
        .hero article aside span:after {
          background-position: -9px -89px;
          content: ' ';
          display: block;
          height: 10px;
          position: absolute;
          right: 20px;
          top: 12px;
          width: 16px; }
      .hero div.background aside nav,
      .hero article aside nav {
        /* 				background: transparentize($white, 0.35); */
        background: url(../images/overlay-specialisms.png);
        display: block;
        min-height: 172px;
        left: 0;
        position: absolute;
        top: 39px;
        width: 100%;
        z-index: 2; }
        .hero div.background aside nav ul,
        .hero article aside nav ul {
          list-style: none;
          padding: 8px 11px 0 11px; }
          .hero div.background aside nav ul li,
          .hero article aside nav ul li {
            padding: 8px 0; }
            .hero div.background aside nav ul li a,
            .hero article aside nav ul li a {
              color: #2d373c;
              text-decoration: none;
              cursor: pointer; }
              .hero div.background aside nav ul li a:hover,
              .hero article aside nav ul li a:hover {
                color: #575f63; }
  .hero div.background {
    background: #a0a5a7;
    opacity: 1;
    z-index: 0; }

.home {
  margin-top: 100px; }
  .home article {
    float: left;
    width: 712px; }
  .home aside {
    margin: 0 0 0 738px;
    padding: 44px 0 0 0; }
  .home .more {
    color: #575f63;
    margin-top: 10px;
    text-decoration: none; }
  .home h2 {
    color: #575f63;
    padding-bottom: 13px; }
  .home h3 {
    color: #575f63; }

.page {
  position: relative; }
  .page:before {
    background: #a0a5a7;
    content: ' ';
    display: block;
    height: 39px;
    width: 919px; }
  .page.project-list:before {
    width: 876px; }
  .page.project-list article {
    height: 146px;
    margin-bottom: 26px; }
    .page.project-list article a {
      display: block;
      text-decoration: none; }
      .page.project-list article a.inactive {
        opacity: 0.3; }
      .page.project-list article a figure {
        width: 220px; }
        .page.project-list article a figure img {
          width: 100%; }
        .page.project-list article a figure figcaption {
          background: #a0a5a7;
          font-size: 0.92307em;
          letter-spacing: 1px;
          line-height: 1.3;
          margin: -5px 0 0 0;
          min-height: 30px;
          padding: 9px;
          text-transform: uppercase;
          width: 163px; }
  .page.project article:first-of-type, .page.contact article:first-of-type {
    margin-left: 0; }
  .page.project article .thumbnails, .page.contact article .thumbnails {
    margin-top: 14px; }
    .page.project article .thumbnails figure, .page.contact article .thumbnails figure {
      cursor: pointer;
      float: left;
      height: 52px;
      margin: 0 18px 18px 0;
      width: 105px; }
      .page.project article .thumbnails figure img, .page.contact article .thumbnails figure img {
        width: 100%; }
  .page.project article .quote, .page.contact article .quote {
    clear: both;
    float: right;
    margin-top: 10px;
    width: 467px; }
    .page.project article .quote h2, .page.contact article .quote h2 {
      color: #6c7377;
      font-size: 1.76923em;
      line-height: 1.30434 !important;
      text-transform: none !important; }
    .page.project article .quote h2 + p, .page.contact article .quote h2 + p {
      padding: 0;
      text-transform: uppercase; }
  .page.project .pagination a.left, .page.contact .pagination a.left {
    border-left: 1px solid #b6b9bb;
    right: 0; }
  .page.project .address a, .page.contact .address a {
    text-decoration: none; }
  .page.project .address span:before, .page.contact .address span:before {
    color: white;
    display: block;
    float: left;
    margin: 0 10px 0 0; }
  .page.project .address span.tel:before, .page.contact .address span.tel:before {
    content: 'T'; }
  .page.project .address span.fax:before, .page.contact .address span.fax:before {
    content: 'F'; }
  .page.project .address span.email:before, .page.contact .address span.email:before {
    content: 'E'; }
  .page nav {
    float: left;
    width: 192px; }
    .page nav ul {
      list-style: none;
      margin: 0;
      padding: 0;
      white-space: normal; }
      .page nav ul li {
        background: #a0a5a7;
        height: 26px;
        margin-top: 1px;
        padding: 7px 8px;
        width: 179px; }
        .page nav ul li a {
          color: #62696d;
          text-decoration: none;
          text-indent: 0; }
          .page nav ul li a:hover, .page nav ul li a.selected {
            color: #2d373c; }
  .page .cols {
    margin: 26px 0 0 220px; }

.pagination {
  height: 39px;
  margin-top: 0;
  position: relative; }
  .pagination a {
    background-color: #a0a5a7;
    display: block;
    height: 39px;
    position: absolute;
    top: 0;
    width: 39px; }
    .pagination a.left {
      background-position: -37px -74px;
      right: 41px; }
      .pagination a.left.inactive {
        background-position: -116px -74px; }
    .pagination a.right {
      background-position: -76px -74px;
      right: 0; }
      .pagination a.right.inactive {
        background-position: -157px -74px; }
  .pagination.top {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0; }

.news:before {
  display: none; }
.news article:first-of-type {
  margin-left: 0; }
.news .item {
  border-bottom: 1px solid #a0a5a7;
  margin: 0 0 17px 0;
  min-height: 343px; }
  .news .item time {
    background: #a0a5a7;
    color: white;
    display: block;
    font-size: 1.1538;
    height: 30px;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 17px;
    padding: 5px 10px; }
  .news .item figure img {
    width: 100% !important; }
.news .archive nav {
  width: 220px; }
  .news .archive nav h3 {
    background: #a0a5a7;
    color: rgba(45, 55, 60, 0.8);
    height: 30px;
    padding: 5px 10px; }
  .news .archive nav ul li {
    background: transparent;
    border-left: 1px solid #a0a5a7;
    float: left;
    height: 33px;
    margin: 16px 0 0 0;
    padding: 0 7px;
    width: 58px; }
    .news .archive nav ul li a {
      color: #2d373c; }

footer {
  height: 250px;
  margin: 93px 0 30px 0;
  position: absolute;
  width: 958px; }
  footer nav {
    border-bottom: none; }
  footer .address {
    position: absolute;
    right: 0;
    top: 31px;
    width: 220px; }
    footer .address span:before {
      color: #81878a;
      float: left;
      display: block;
      margin: 2px 0 0 -35px; }
    footer .address span.tel:before {
      content: 'T'; }
    footer .address span.fax:before {
      content: 'F'; }
    footer .address span.email:before {
      content: 'E'; }
  footer a {
    text-decoration: none; }
  footer .bottom {
    bottom: 10px;
    color: #81878a;
    left: 0;
    line-height: 1.61538;
    padding: 13px 0;
    position: absolute;
    width: 712px; }
    footer .bottom .others {
      float: right; }
      footer .bottom .others a {
        color: #81878a; }

.social {
  height: 15px;
  padding: 18px 0 0 0;
  position: absolute;
  right: 0;
  top: 0; }
  .social a {
    float: left;
    height: 15px;
    text-indent: -9999px;
    width: 33px;
    background-repeat: no-repeat;
    background-position: center; }
    .social a.facebook {
      background-position: -247px -3px; }
    .social a.insta {
      background-image: url("../images/instagram.svg"); }
    .social a.twitter {
      background-image: url("../images/twitter.svg"); }
    .social a.linkedin {
      background-image: url("../images/linkedin.svg"); }
      .social a.linkedin:after {
        border-right: 1px solid #a0a5a7;
        content: ' ';
        display: block;
        height: 31px;
        margin-top: -31px; }
    .social a:before {
      border-left: 1px solid #a0a5a7;
      content: ' ';
      display: block;
      height: 31px;
      margin-top: -18px; }

.main, .brand nav, footer nav {
  height: 44px;
  left: 0;
  position: absolute;
  top: 0;
  width: 712px; }
  .main ul, .brand nav ul, footer nav ul {
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20px;
    white-space: normal; }
    .main ul li, .brand nav ul li, footer nav ul li {
      float: left; }
      .main ul li a, .brand nav ul li a, footer nav ul li a {
        color: rgba(45, 55, 60, 0.6);
        text-decoration: none; }
        .main ul li a:hover, .brand nav ul li a:hover, footer nav ul li a:hover, .main ul li a.selected, .brand nav ul li a.selected, footer nav ul li a.selected {
          color: #2d373c; }
    .main ul li + li, .brand nav ul li + li, footer nav ul li + li {
      margin: 0 0 0 20px; }

.cols article {
  float: left;
  margin: 0 0 0 26px;
  width: 220px; }
  .cols article figure {
    position: relative; }
    .cols article figure .mask {
      -webkit-transition: linear;
      -webkit-transition-duration: 0.4s;
      -webkit-transition-property: background-color;
      -moz-transition: linear;
      -moz-transition-duration: 0.4s;
      -moz-transition-property: background-color;
      -o-transition: linear;
      -o-transition-duration: 0.4s;
      -o-transition-property: background-color;
      -ms-transition: linear;
      -ms-transition-duration: 0.4s;
      -ms-transition-property: background-color;
      transition: linear;
      transition-duration: 0.4s;
      transition-property: background-color;
      background: rgba(87, 95, 99, 0.4);
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
      .cols article figure .mask:hover {
        background: rgba(87, 95, 99, 0); }
  .cols article.c2 {
    width: 466px; }
    .cols article.c2 article:first-of-type {
      margin-left: 0; }
    .cols article.c2 figure {
      margin: 0 0 10px 0;
      width: 100%; }
      .cols article.c2 figure .mask {
        background: rgba(87, 95, 99, 0.65);
        height: 270px;
        width: 427px; }
      .cols article.c2 figure figcaption {
        background: #a0a5a7;
        font-size: 0.92307em;
        letter-spacing: 1px;
        line-height: 1.3;
        margin: -5px 0 0 0;
        min-height: 17px;
        padding: 3px 9px 12px 9px;
        text-transform: uppercase;
        width: 409px; }
  .cols article.c3 {
    width: 712px; }
    .cols article.c3 a {
      text-decoration: none; }
    .cols article.c3 figure {
      margin: 0 0 10px 0;
      width: 100%; }
      .cols article.c3 figure figcaption {
        background: #a0a5a7;
        font-size: 0.92307em;
        margin: -5px 0 0 0;
        min-height: 17px;
        padding: 3px 9px 12px 9px;
        text-transform: uppercase;
        width: 655px; }
      .cols article.c3 figure .mask {
        height: 345px; }
      .cols article.c3 figure img {
        width: 712px; }
  .cols article.staff {
    margin-bottom: 65px; }
    .cols article.staff figure figcaption {
      margin-top: 24px; }
      .cols article.staff figure figcaption .name,
      .cols article.staff figure figcaption .quals,
      .cols article.staff figure figcaption .position {
        display: block;
        font-size: 0.9321em;
        letter-spacing: 1px;
        line-height: 1.41667; }
      .cols article.staff figure figcaption .position {
        text-transform: uppercase; }
.cols h1 {
  margin-bottom: 12px;
  width: 160px; }

/*# sourceMappingURL=desktop-proxima.css.map */