/* http://meyerweb.com/eric/tools/css/reset/ 
	   v2.0 | 20110126
	   License: none (public domain)
	*/
@import url("https://fonts.googleapis.com/css?family=Chivo:300,400,700");
@import url("https://use.typekit.net/zun4cnq.css");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

li {
  display: block; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box; }

button,
input,
select,
textarea {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  -webkit-appearance: none;
  border-radius: 0; }
  button:focus,
  input:focus,
  select:focus,
  textarea:focus {
    outline: none; }

img {
  display: block;
  max-width: 100%;
  height: auto; }

pre, code {
  font-family: monospace; }

html {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.025em;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased !important; }

body {
  font-family: aktiv-grotesk, sans-serif;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased !important; }

em {
  font-style: italic; }

strong, b {
  font-weight: 400; }

small {
  font-size: 60%; }


.large {
  font-size: 200%;
  letter-spacing: -0.05em;
  line-height: 1; }

h1, h2, h3, h4, h5, h6 {
  width: 100%;
  font-family: aktiv-grotesk, sans-serif;
  max-width: none;
  font-weight: 400;
  margin-bottom: 1.25em; }
  h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
    margin-bottom: 0; }

h1 {
  font-size: 20px;
  font-size: calc(20px + 0.25vw);
  line-height: 1.25; }

h2, h3 {
  font-size: 12px;
  font-size: calc(12px + 0.25vw);
  line-height: 1.25;
  font-weight: 400 !important; }

h4 {
  font-size: 12px;
  font-size: calc(12px + 0.25vw);
  line-height: 1.25;
  margin-bottom: 2vh; }

h5 {
  font-size: 1.6vh;
  line-height: 1.25; }

.caption, figcaption {
  font-size: 5px;
  font-size: calc(5px + 0.25vw);
  line-height: 1.25; }

a.btn, .btn a {
  position: relative;
  font-weight: 400;
  color: #1F77FA;
  display: inline-block;
  margin: 1rem 1rem 1rem 0; }
  a.btn:after, .btn a:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    border-bottom: 1px solid #1F77FA;
    width: 100%; }
    a.btn:after:hover, .btn a:after:hover {
      border-color: #292B33; }

p, ul, ol {
  width: 88%;
  max-width: 32.2916666667rem;
  margin-bottom: 1.25em;
  font-size: 11px;
  font-size: calc(11px + 0.25vw);
  line-height: 1.25; }
  p:last-child, ul:last-child, ol:last-child {
    margin-bottom: 0; }

a {
  color: inherit;
  text-decoration: none; }
  a:focus {
    outline: 0; }


.uc {
  text-transform: uppercase; }


.nowrap {
  white-space: nowrap; }

.noselect,
.section--background-image {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
																supported by Chrome and Opera */ }

.section--fill-viewport {
  height: 100vh; }
  .section--fill-viewport .layout,
  .section--fill-viewport .grid--wrapper,
  .section--fill-viewport .grid--column {
    height: 100% !important; }

.section--title {
  padding: 0;
  padding-bottom: 1.25em; }
  .section--title .grid--column {
    margin-bottom: 0;
    padding-bottom: 0; }
  .section--title.hanging--title {
    float: left;
    width: 25%; }

.section--background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none; }

.layout {
  position: relative;
  z-index: 1000; }
  .layout.hanging--title {
    float: right;
    width: 75%; }
  .layout:last-child {
    margin-bottom: 0 !important; }

.grid--wrapper {
  position: relative;
  margin: 0 auto;
  width: 95%;
  height: 100%;
  max-width: 77.5rem; }
  .grid--wrapper:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

.grid--row,
.grid--column,
.grid--column-nested {
  position: relative;
  height: 100%;
  min-height: 1px; }
  .grid--row:after,
  .grid--column:after,
  .grid--column-nested:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

.grid--row.wide--wrap {
  padding: 0 2.5%; }

.grid--row[data-align="center"] .grid--column > div > * {
  margin-right: auto;
  margin-left: auto; }

.grid--row[data-align="right"] .grid--column > div > * {
  margin-right: 0;
  margin-left: auto; }

.grid--column {
  float: left;
  width: 100%;
  padding: 0 1.25rem; }
  .grid--column.half {
    width: 50%; }
  .grid--column.one-third, .grid--column.third {
    width: 33.3333333333%; }
    .grid--column.one-third:nth-child(3n+1), .grid--column.third:nth-child(3n+1) {
      clear: left; }
  .grid--column.two-thirds {
    width: 66.6666666667%; }
  .grid--column.quarter {
    width: 25%; }
  .grid--column.three-quarter {
    width: 75%; }
  .grid--column.fifth {
    width: 20%; }
  .grid--column.first-on-mobile {
    float: right; }
  .grid--column[data-valign="true"] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%; }
    .grid--column[data-valign="true"] > div {
      position: relative;
      flex: 1;
      align-self: flex-start; }
  .grid--column[data-vpos="middle"] > div {
    align-self: center; }
  .grid--column[data-vpos="bottom"] > div {
    align-self: flex-end; }

@media screen and (min-width: 1920px) {
  .grid--wrapper {
    max-width: 2200px; }
  h1, h2, h3, h4, h5, h6, p, ul, ol {
    max-width: 916.666666667px; }
  .grid--row.wide--wrap {
    padding: 0; }
  .grid--column {
    padding: 0 50px; } }

@media screen and (max-width: 1200px) {
  .hanging--title.section--title, .hanging--title.layout {
    width: 100%;
    float: none; }
  .grid--row[data-align="center"] .grid--column > div > * {
    margin-right: auto;
    margin-left: 0; }
  .grid--row[data-align="right"] .grid--column > div > * {
    margin-right: auto;
    margin-left: 0; } }

@media screen and (max-width: 1024px) {
  .grid--column {
    padding: 0 10px; } }

@media screen and (max-width: 960px) {
  .grid--column {
    margin-bottom: 1.25em; }
    .grid--column.one-third, .grid--column.two-thirds {
      width: 50%; }
    .grid--column.quarter {
      width: 50%; }
      .grid--column.quarter:nth-child(2n+1) {
        clear: left; } }

@media screen and (max-width: 768px) {
  .grid--wrapper {
    max-width: 560px; }
  .grid--column.third, .grid--column.quarter {
    width: 100%; }
  .grid--column.fifth {
    display: inline-block;
    float: none;
    width: 25%; }
  .layout--columns-five {
    text-align: center; } }

@media screen and (max-width: 640px) {
  .layout {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important; }
  .grid--column.half, .grid--column.third, .grid--column.one-third, .grid--column.two-thirds, .grid--column.quarter {
    width: 100%; }
  .grid--column.fifth {
    width: 40%;
    margin-bottom: 0; } }

html, body {
  scrollbar-width: none;
  overflow: -moz-scrollbars-none; }

/*::-webkit-scrollbar {
width: 0px; /* remove scrollbar space *!/
height: 0px;
background: transparent; /* optional: just make scrollbar invisible *!/
}*/
.grid {
  overflow: none;
  overflow-x: auto;
  /*scrollbar-width: none;*/
  /*overflow: -moz-scrollbars-none;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-flex: 0 0 1;
  -webkit-flex: 0 0 1;
  -ms-flex: 0 0 1;
  flex: 0 0 1;
  width: auto;
  max-width: none;
  /*-webkit-overflow-scrolling: touch;*/ }
  .grid::-webkit-scrollbar {
    background: transparent !important; }
  .grid::-webkit-scrollbar-button {
    width: 0px;
    height: 0px; }
  .grid::-webkit-scrollbar-thumb {
    background: rgba(31, 119, 250, 0.5);
    border: 0px none #1F77FA;
    border-radius: 0px; }
  .grid::-webkit-scrollbar-thumb:hover {
    background: #1F77FA; }
  .grid::-webkit-scrollbar-thumb:active {
    background: #1F77FA; }
  .grid::-webkit-scrollbar-track {
    background: transparent !important;
    border: 0px none #fff;
    border-radius: 50px; }
  .grid::-webkit-scrollbar-track:hover {
    border-top: 1px solid #ddd;
    background: #f1f1f1 !important; }
  .grid::-webkit-scrollbar-track:active {
    background: transparent !important; }
    .grid::-webkit-scrollbar-track:active ::webkit-scrollbar-thumb {
      background: #1F77FA; }
  .grid::-webkit-scrollbar-corner {
    background: transparent !important; }
  .grid .alm-listing, .grid .ajax-load-more-wrap, .grid .alm-reveal {
    display: flex; }
  .grid > li, .grid .alm-reveal > li {
    -webkit-box-flex: 0 0 7.53vw;
    -webkit-flex: 0 0 7.53vw;
    -ms-flex: 0 0 7.53vw;
    flex: 0 0 7.53vw;
    padding: 4.5vw;
    min-width: 350px;
    width: 7.53v; }
    .grid > li.item-half, .grid .alm-reveal > li.item-half {
      margin-left: -5.25vw; }
    .grid > li.item-1, .grid .alm-reveal > li.item-1 {
      min-width: 0 !important;
      flex: 0 0 0;
      padding: 0; }
    .grid > li.item-2, .grid .alm-reveal > li.item-2 {
      flex-basis: calc(7.53vw * 2);
      width: calc(7.53vw * 2); }
    .grid > li.item-3, .grid .alm-reveal > li.item-3 {
      flex-basis: calc(7.53vw * 3);
      width: calc(7.53vw * 3);
      min-width: 350px; }
    .grid > li.item-4, .grid .alm-reveal > li.item-4 {
      flex-basis: calc(7.53vw * 4);
      width: calc(7.53vw * 4); }
    .grid > li.item-5, .grid .alm-reveal > li.item-5 {
      flex-basis: calc(7.53vw * 5);
      width: calc(7.53vw * 5); }
    .grid > li.item-6, .grid .alm-reveal > li.item-6 {
      flex-basis: calc(7.53vw * 6);
      width: calc(7.53vw * 6);
      min-width: 700px; }
    .grid > li.item-7, .grid .alm-reveal > li.item-7 {
      flex-basis: calc(7.53vw * 7);
      width: calc(7.53vw * 7); }
    .grid > li.item-8, .grid .alm-reveal > li.item-8 {
      flex-basis: calc(7.53vw * 8);
      width: calc(7.53vw * 8); }
    .grid > li.item-9, .grid .alm-reveal > li.item-9 {
      flex-basis: calc(7.53vw * 9);
      width: calc(7.53vw * 9);
      min-width: 1050px; }
    .grid > li.item-10, .grid .alm-reveal > li.item-10 {
      flex-basis: calc(7.53vw * 10);
      width: calc(7.53vw * 10); }
    .grid > li.item-11, .grid .alm-reveal > li.item-11 {
      flex-basis: calc(7.53vw * 11);
      width: calc(7.53vw * 11); }
    .grid > li.item-12, .grid .alm-reveal > li.item-12 {
      flex-basis: calc(7.53vw * 12);
      width: calc(7.53vw * 12);
      min-width: 1400px; }
    .grid > li.item-16, .grid .alm-reveal > li.item-16 {
      flex-basis: calc(7.53vw * 16);
      width: calc(7.53vw * 16);
      min-width: 1750px; }
    .grid > li.item-20, .grid .alm-reveal > li.item-20 {
      flex-basis: calc(7.53vw * 20);
      width: calc(7.53vw * 20);
      min-width: 2100px; }
    .grid > li#spacer, .grid .alm-reveal > li#spacer {
      flex-basis: calc(7.53vw * 0.05);
      width: calc(7.53vw * 0.05);
      min-width: 50px; }
      .grid > li#spacer.large, .grid .alm-reveal > li#spacer.large {
        flex-basis: calc(7.53vw * 1);
        width: calc(7.53vw * 1); }

.grid .alm-reveal > li.item-3 {
  display: inline-block;
  width: calc(7.53vw * 3); }

body.project-active {
  overflow-x: hidden; }
  body.project-active .grid {
    overflow-x: hidden; }

/* [6] */
/*.grid::-webkit-scrollbar {
  display: none; }*/
/* Slider */
.slick-slider,
.slick-list,
.slick-track {
  height: 100%; }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  max-height: 70vh !important; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  .slick-slide:focus {
    outline: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.animated {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s; }

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s; }

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s; }

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms; }

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms; }

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s; }

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important; } }

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes bounceInLeft {
  from,
  70%,
  80%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0); }
  70% {
    opacity: 1;
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0); }
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInLeft {
  from,
  70%,
  80%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0); }
  70% {
    opacity: 1;
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0); }
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@media screen and (max-width: 960px) {
  @-webkit-keyframes bounceInLeft {
    from,
    70%,
    80%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 1;
      -webkit-transform: translate3d(0px, 0, 0);
      transform: translate3d(0px, 0, 0); }
    70% {
      opacity: 1;
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0); }
    80% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0); }
    90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0); }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }
  @keyframes bounceInLeft {
    from,
    70%,
    80%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% {
      opacity: 1;
      -webkit-transform: translate3d(0px, 0, 0);
      transform: translate3d(0px, 0, 0); }
    70% {
      opacity: 1;
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0); }
    80% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0); }
    90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0); }
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } } }

.popOut {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceOutLeft {
  from,
  70%,
  80%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0); }
  70% {
    opacity: 1;
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0); }
  80% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceOutLeft {
  from,
  70%,
  80%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0); }
  70% {
    opacity: 1;
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0); }
  80% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeInOut {
  from {
    opacity: 1; }
  10% {
    opacity: 0; }
  95% {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeInOut {
  from {
    opacity: 1; }
  10% {
    opacity: 0; }
  95% {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeInOut {
  -webkit-animation-name: fadeInOut;
  animation-name: fadeInOut; }

.popIn {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

.m-scene {
  /** Reverse "exit" animations */ }
  .m-scene .scene_element {
    animation-duration: 0.25s;
    transition-timing-function: ease-in;
    animation-fill-mode: both; }
  .m-scene .scene_element--fadein {
    animation-name: fadeIn; }
  .m-scene .scene_element--fadeinup {
    animation-name: fadeInUp; }
  .m-scene .scene_element--fadeinright {
    animation-name: fadeInRight; }
  .m-scene.is-exiting .scene_element {
    animation-direction: alternate-reverse; }

body.compensate-for-scrollbar {
  overflow: hidden; }

.fancybox-active {
  height: auto; }

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden; }

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992; }

.fancybox-container * {
  box-sizing: border-box; }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto; }

.fancybox-bg {
  background: #fff;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible; }

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-toolbar {
  right: 0;
  top: 0; }

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994; }

.fancybox-is-open .fancybox-stage {
  overflow: hidden; }

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0; }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block; }

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-slide--html {
  padding: 6px; }

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle; }

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in; }

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-container [data-selectable='true'] {
  cursor: text; }

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%; }

.fancybox-slide--video .fancybox-content {
  background: #000; }

.fancybox-slide--map .fancybox-content {
  background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content {
  background: #fff; }

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%; }

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0; }

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%; }

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0; }

/* Buttons */
.fancybox-button {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }
  .fancybox-button:disabled {
    opacity: 0.1; }
  .fancybox-button:hover {
    opacity: 0.5; }
  .fancybox-button.fancybox-button--zoom, .fancybox-button.fancybox-button--play, .fancybox-button.fancybox-button--thumbs {
    display: none !important; }
  .fancybox-button.fancybox-button--close {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 0;
    text-align: center;
    position: relative;
    top: 3vh;
    right: 3vh;
    background: url(images/icon-lightbox-close.svg); }
    .fancybox-button.fancybox-button--close svg {
      display: none; }

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc; }

.fancybox-button:hover {
  color: #1F77FA; }

.fancybox-button:focus {
  outline: none; }

.fancybox-button.fancybox-focus {
  outline: 1px dotted; }

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none; }

/* Fix IE11 */
.fancybox-button div {
  height: 100%; }

.fancybox-button svg {
  display: block;
  height: auto;
  overflow: visible;
  position: relative;
  width: 2vw; }

.fancybox-button svg path {
  fill: #292B33;
  stroke-width: 0; }

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none; }

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none; }

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998; }

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401; }

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1; }

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0; }

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden; }

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none; }

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 15vh; }

.fancybox-navigation .fancybox-button div {
  padding: 7px; }

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px; }
  .fancybox-navigation .fancybox-button--arrow_left svg {
    display: none; }
  .fancybox-navigation .fancybox-button--arrow_left div {
    background: url("images/icon-lightbox-arrow-left.svg") no-repeat center;
    background-size: 20px; }

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right); }
  .fancybox-navigation .fancybox-button--arrow_right svg {
    display: none; }
  .fancybox-navigation .fancybox-button--arrow_right div {
    background: url("images/icon-lightbox-arrow.svg") no-repeat center;
    background-size: 20px; }

/* Caption */
.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996; }

@supports (padding: 0px) {
  .fancybox-caption {
    padding: 2vh 10vh; } }

.fancybox-caption--separate {
  margin-top: -50px; }

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all; }

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none; }

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline; }

/* Loading indicator */
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999; }

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg); } }

/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1); }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  transform: rotate(360deg); }

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px; }
  .fancybox-slide--image {
    padding: 6px 0; }
  .fancybox-close-small {
    right: -6px; }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px; }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px; }
  @supports (padding: 0px) {
    .fancybox-caption {
      padding-left: 5vh;
      padding-right: 5vh; } } }

/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center; }

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0; }

.fancybox-share p {
  margin: 0;
  padding: 0; }

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap; }

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff; }

.fancybox-share__button:hover {
  text-decoration: none; }

.fancybox-share__button--fb {
  background: #3b5998; }

.fancybox-share__button--fb:hover {
  background: #344e86; }

.fancybox-share__button--pt {
  background: #bd081d; }

.fancybox-share__button--pt:hover {
  background: #aa0719; }

.fancybox-share__button--tw {
  background: #1da1f2; }

.fancybox-share__button--tw:hover {
  background: #0d95e8; }

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px; }

.fancybox-share__button svg path {
  fill: #fff; }

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%; }

/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995; }

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs {
  display: block; }

.fancybox-show-thumbs .fancybox-inner {
  right: 212px; }

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%; }

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px; }

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px; }

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991; }

.fancybox-thumbs__list a:focus::before {
  opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px; }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px; }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px); } }

::-moz-selection {
  background: rgba(0, 0, 0, 0.99);
  color: #fff;
  text-shadow: none; }

::selection {
  background: rgba(0, 0, 0, 0.99);
  color: #fff;
  text-shadow: none; }

html {
  scroll-behavior: smooth;
  letter-spacing: 0; }

html, body {
  width: 100%;
  height: 100%; }

#smoothBody .logo {
  position: fixed;
  width: 15vw;
  max-width: 200px;
  top: 2rem;
  right: 2rem;
  overflow: hidden;
  z-index: 2000;
  -moz-transition-property: max-width;
  -o-transition-property: max-width;
  -webkit-transition-property: max-width;
  transition-property: max-width;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: "ease-in-out";
  -o-transition-timing-function: "ease-in-out";
  -webkit-transition-timing-function: "ease-in-out";
  transition-timing-function: "ease-in-out";
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }
  #smoothBody .logo svg {
    display: block;
    width: 200px;
    max-width: 15vw; }
    #smoothBody .logo svg g * {
      fill: #1F77FA; }
    #smoothBody .logo svg g:first-of-type * {
      fill: #292B33; }
  #smoothBody .logo.collapsed {
    max-width: 50px; }

body.home #smoothBody .logo svg g *, body[data-bg="dark"] #smoothBody .logo svg g * {
  fill: #fff; }

body.home #smoothBody .logo svg g:first-of-type *, body[data-bg="dark"] #smoothBody .logo svg g:first-of-type * {
  fill: #fff; }

.infinite.popOut {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 2000; }

.vimeo-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden; }

.vimeo-wrapper iframe {
  width: 100%;
  height: 74%;
  /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%); }

body {
  overflow-y: hidden; }
  body::-webkit-scrollbar {
    display: none;
    width: 0px;
    height: 0px;
    background: transparent; }
  body.noscroll {
    overflow: hidden; }
  body.loading #loader {
    display: block;
    z-index: 8000; }
  body #loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    z-index: -8000; }

.mob {
  display: none; }

hr {
  width: 100%;
  height: 0;
  opacity: 0;
  border: none; }
  hr.keyline {
    height: 1px;
    opacity: 1; }
  hr:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

main {
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 4vw !important; }
  main:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

.mobile {
  display: none; }

header,
nav,
section,
article,
aside,
footer {
  position: relative;
  z-index: 0; }
  header:after,
  nav:after,
  section:after,
  article:after,
  aside:after,
  footer:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

.oembed-container {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 56.25%; }
  .oembed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

img,
svg {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto; }
  img.free--width,
  svg.free--width {
    width: 100%;
    max-width: 99999999px; }

.image-wrapper {
  margin-bottom: 2.5rem; }
  .image-wrapper:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }

.mobile {
  display: none; }

.hidden--hard {
  display: none !important;
  visibility: hidden !important;
  opacity: 0; }

.pos--fixed {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 4000; }

h3#page-title {
  display: none; }

main {
  width: 100%;
  height: 100vh; }

html, body {
  height: 100vh; }

body {
  display: flex;
  place-items: center;
  background: #fff; }

ul {
  list-style: none;
  padding: 0; }

:root {
  --gutter: 4.5vw; }

nav.load-more {
  position: absolute;
  right: 0 !important;
  left: auto !important;
  top: 15vh !important; }

.grid {
  position: relative;
  height: 100%;
  height: 100vh;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }
  .grid:before, .grid:after {
    content: '';
    width: 10px; }

.grid > li, .grid .alm-reveal > li,
.item {
  padding: calc(var(--gutter) / 2);
  padding-top: 15vh;
  position: relative; }
  .grid > li.item-5 .introduction h4, .grid > li.item-5 .introduction h5, .grid .alm-reveal > li.item-5 .introduction h4, .grid .alm-reveal > li.item-5 .introduction h5,
  .item.item-5 .introduction h4,
  .item.item-5 .introduction h5 {
    font-size: 14px;
    font-size: calc(14px + 0.25vw);
    line-height: 1.25;
    max-width: 30vw;
    margin-bottom: 2vh !important;
    font-weight: 300 !important; }
  .grid > li.item-5 .introduction p, .grid .alm-reveal > li.item-5 .introduction p,
  .item.item-5 .introduction p {
    margin-bottom: 1.25em;
    font-size: 11px;
    max-width: 20vw;
    font-size: calc(11px + 0.25vw);
    line-height: 1.25; }
  .grid > li.item-5.single-border:before, .grid .alm-reveal > li.item-5.single-border:before,
  .item.item-5.single-border:before {
    border-left: 1px solid #1F77FA;
    content: "";
    display: block;
    position: absolute;
    height: 100vh;
    top: 0;
    left: 0; }
  .grid > li.item-5#page-404 .introduction h1, .grid .alm-reveal > li.item-5#page-404 .introduction h1,
  .item.item-5#page-404 .introduction h1 {
    margin-bottom: 3vh !important; }
  .grid > li.item-5#page-404 .introduction h2, .grid .alm-reveal > li.item-5#page-404 .introduction h2,
  .item.item-5#page-404 .introduction h2 {
    margin-bottom: 4vh !important;
    font-weight: 300 !important;
    font-size: 26px;
    font-size: calc(26px + 0.25vw);
    max-width: 90%; }
  .grid > li.item-5#page-404 .introduction h3, .grid > li.item-5#page-404 .introduction h4, .grid > li.item-5#page-404 .introduction h5, .grid .alm-reveal > li.item-5#page-404 .introduction h3, .grid .alm-reveal > li.item-5#page-404 .introduction h4, .grid .alm-reveal > li.item-5#page-404 .introduction h5,
  .item.item-5#page-404 .introduction h3,
  .item.item-5#page-404 .introduction h4,
  .item.item-5#page-404 .introduction h5 {
    margin-bottom: 2vh !important; }
  .grid > li.item-5#page-404 .introduction h1, .grid .alm-reveal > li.item-5#page-404 .introduction h1,
  .item.item-5#page-404 .introduction h1 {
    color: #1F77FA;
    font-weight: 300 !important;
    font-size: 35px;
    font-size: calc(35px + 0.25vw); }
  .grid > li.item-5#page-404 .introduction p, .grid .alm-reveal > li.item-5#page-404 .introduction p,
  .item.item-5#page-404 .introduction p {
    max-width: 50%; }
  .grid > li.item-5#page-404 .introduction ul li a, .grid .alm-reveal > li.item-5#page-404 .introduction ul li a,
  .item.item-5#page-404 .introduction ul li a {
    font-weight: 400; }
  .grid > li#back-to-archive #filter, .grid .alm-reveal > li#back-to-archive #filter,
  .item#back-to-archive #filter {
    height: 45vh; }
    .grid > li#back-to-archive #filter .back-arrow, .grid .alm-reveal > li#back-to-archive #filter .back-arrow,
    .item#back-to-archive #filter .back-arrow {
      position: absolute;
      bottom: 0;
      transform: rotate(180deg); }
      .grid > li#back-to-archive #filter .back-arrow svg *, .grid .alm-reveal > li#back-to-archive #filter .back-arrow svg *,
      .item#back-to-archive #filter .back-arrow svg * {
        stroke: #1F77FA; }
  .grid > li.item-9 .video, .grid > li.item-8 .video, .grid > li.item-12 .video, .grid .alm-reveal > li.item-9 .video, .grid .alm-reveal > li.item-8 .video, .grid .alm-reveal > li.item-12 .video,
  .item.item-9 .video,
  .item.item-8 .video,
  .item.item-12 .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .grid > li.item-9 .video .vimeo-wrapper, .grid > li.item-8 .video .vimeo-wrapper, .grid > li.item-12 .video .vimeo-wrapper, .grid .alm-reveal > li.item-9 .video .vimeo-wrapper, .grid .alm-reveal > li.item-8 .video .vimeo-wrapper, .grid .alm-reveal > li.item-12 .video .vimeo-wrapper,
    .item.item-9 .video .vimeo-wrapper,
    .item.item-8 .video .vimeo-wrapper,
    .item.item-12 .video .vimeo-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      overflow: hidden;
      width: 100%;
      height: 100%; }
      .grid > li.item-9 .video .vimeo-wrapper iframe, .grid > li.item-8 .video .vimeo-wrapper iframe, .grid > li.item-12 .video .vimeo-wrapper iframe, .grid .alm-reveal > li.item-9 .video .vimeo-wrapper iframe, .grid .alm-reveal > li.item-8 .video .vimeo-wrapper iframe, .grid .alm-reveal > li.item-12 .video .vimeo-wrapper iframe,
      .item.item-9 .video .vimeo-wrapper iframe,
      .item.item-8 .video .vimeo-wrapper iframe,
      .item.item-12 .video .vimeo-wrapper iframe {
        width: 120%;
        height: 120%;
        /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        pointer-events: none; }
  .grid > li.item-6, .grid > li.item-4, .grid > li.item-5, .grid .alm-reveal > li.item-6, .grid .alm-reveal > li.item-4, .grid .alm-reveal > li.item-5,
  .item.item-6,
  .item.item-4,
  .item.item-5 {
    position: relative; }
    .grid > li.item-6 .introduction .animated, .grid > li.item-4 .introduction .animated, .grid > li.item-5 .introduction .animated, .grid .alm-reveal > li.item-6 .introduction .animated, .grid .alm-reveal > li.item-4 .introduction .animated, .grid .alm-reveal > li.item-5 .introduction .animated,
    .item.item-6 .introduction .animated,
    .item.item-4 .introduction .animated,
    .item.item-5 .introduction .animated {
      float: right; }
    .grid > li.item-6 .introduction p, .grid > li.item-4 .introduction p, .grid > li.item-5 .introduction p, .grid .alm-reveal > li.item-6 .introduction p, .grid .alm-reveal > li.item-4 .introduction p, .grid .alm-reveal > li.item-5 .introduction p,
    .item.item-6 .introduction p,
    .item.item-4 .introduction p,
    .item.item-5 .introduction p {
      max-width: 80%; }
      .grid > li.item-6 .introduction p:first-child, .grid > li.item-4 .introduction p:first-child, .grid > li.item-5 .introduction p:first-child, .grid .alm-reveal > li.item-6 .introduction p:first-child, .grid .alm-reveal > li.item-4 .introduction p:first-child, .grid .alm-reveal > li.item-5 .introduction p:first-child,
      .item.item-6 .introduction p:first-child,
      .item.item-4 .introduction p:first-child,
      .item.item-5 .introduction p:first-child {
        font-size: 14px;
        font-size: calc(14px + 0.25vw);
        line-height: 1.25;
        font-weight: 100; }
    .grid > li.item-6 .video, .grid > li.item-4 .video, .grid > li.item-5 .video, .grid .alm-reveal > li.item-6 .video, .grid .alm-reveal > li.item-4 .video, .grid .alm-reveal > li.item-5 .video,
    .item.item-6 .video,
    .item.item-4 .video,
    .item.item-5 .video {
      position: absolute;
      top: 50vh;
      height: 0;
      padding-bottom: 66%;
      width: 88%; }
      .grid > li.item-6 .video figure, .grid > li.item-4 .video figure, .grid > li.item-5 .video figure, .grid .alm-reveal > li.item-6 .video figure, .grid .alm-reveal > li.item-4 .video figure, .grid .alm-reveal > li.item-5 .video figure,
      .item.item-6 .video figure,
      .item.item-4 .video figure,
      .item.item-5 .video figure {
        max-height: 100%;
        overflow: hidden; }
  .grid > li > iframe.instagram-media, .grid .alm-reveal > li > iframe.instagram-media,
  .item > iframe.instagram-media {
    visibility: visible !important;
    opacity: 1 !important; }
  .grid > li figure, .grid .alm-reveal > li figure,
  .item figure {
    overflow: hidden; }
    .grid > li figure img, .grid > li figure picture, .grid .alm-reveal > li figure img, .grid .alm-reveal > li figure picture,
    .item figure img,
    .item figure picture {
      background: #000;
      min-width: 100%;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
      .grid > li figure img.lightbox:hover, .grid > li figure picture.lightbox:hover, .grid .alm-reveal > li figure img.lightbox:hover, .grid .alm-reveal > li figure picture.lightbox:hover,
      .item figure img.lightbox:hover,
      .item figure picture.lightbox:hover {
        opacity: .9;
        transform: scale(1.02); }
      .grid > li figure img[src$=".svg"], .grid > li figure picture[src$=".svg"], .grid .alm-reveal > li figure img[src$=".svg"], .grid .alm-reveal > li figure picture[src$=".svg"],
      .item figure img[src$=".svg"],
      .item figure picture[src$=".svg"] {
        background: transparent; }
  .grid > li h1, .grid > li h2, .grid > li h3, .grid > li h4, .grid > li h5, .grid > li h6, .grid .alm-reveal > li h1, .grid .alm-reveal > li h2, .grid .alm-reveal > li h3, .grid .alm-reveal > li h4, .grid .alm-reveal > li h5, .grid .alm-reveal > li h6,
  .item h1,
  .item h2,
  .item h3,
  .item h4,
  .item h5,
  .item h6 {
    max-width: 50rem;
    width: 75%;
    margin: 0 !important; }
  .grid > li p, .grid > li ul, .grid > li ol, .grid .alm-reveal > li p, .grid .alm-reveal > li ul, .grid .alm-reveal > li ol,
  .item p,
  .item ul,
  .item ol {
    max-width: 100%;
    width: 100%; }
    .grid > li p a, .grid > li ul a, .grid > li ol a, .grid .alm-reveal > li p a, .grid .alm-reveal > li ul a, .grid .alm-reveal > li ol a,
    .item p a,
    .item ul a,
    .item ol a {
      display: inline-block; }
      .grid > li p a:after, .grid > li ul a:after, .grid > li ol a:after, .grid .alm-reveal > li p a:after, .grid .alm-reveal > li ul a:after, .grid .alm-reveal > li ol a:after,
      .item p a:after,
      .item ul a:after,
      .item ol a:after {
        content: '';
        display: block;
        width: 0;
        height: 1px;
        background: #1F77FA;
        transition: width .3s; }
      .grid > li p a:hover:after, .grid > li ul a:hover:after, .grid > li ol a:hover:after, .grid .alm-reveal > li p a:hover:after, .grid .alm-reveal > li ul a:hover:after, .grid .alm-reveal > li ol a:hover:after,
      .item p a:hover:after,
      .item ul a:hover:after,
      .item ol a:hover:after {
        width: 100%; }
  .grid > li figure, .grid .alm-reveal > li figure,
  .item figure {
    overflow: hidden; }
    .grid > li figure img, .grid > li figure picture, .grid .alm-reveal > li figure img, .grid .alm-reveal > li figure picture,
    .item figure img,
    .item figure picture {
      width: 100%; }
  .grid > li .caption, .grid > li figcaption, .grid .alm-reveal > li .caption, .grid .alm-reveal > li figcaption,
  .item .caption,
  .item figcaption {
    margin: 1vh 0 5vh;
    text-align: right;
    display: block;
    max-width: 25vw;
    float: right; }
  .grid > li.background-grey, .grid .alm-reveal > li.background-grey,
  .item.background-grey {
    background: #E6E6E6;
    margin-left: 0 !important; }
  .grid > li.background-charcoal, .grid .alm-reveal > li.background-charcoal,
  .item.background-charcoal {
    background: #292B33;
    color: #fff; }
  .grid > li#process-introduction h4, .grid .alm-reveal > li#process-introduction h4,
  .item#process-introduction h4 {
    margin: 0 0 2vh !important;
    max-width: 100% !important; }
  .grid > li#introduction, .grid > li#process-introduction, .grid .alm-reveal > li#introduction, .grid .alm-reveal > li#process-introduction,
  .item#introduction,
  .item#process-introduction {
    position: relative;
    padding-top: 15vh; }
  .grid > li .infinite svg, .grid .alm-reveal > li .infinite svg,
  .item .infinite svg {
    opacity: 0.5; }
  .grid > li .infinite:hover svg, .grid .alm-reveal > li .infinite:hover svg,
  .item .infinite:hover svg {
    opacity: 1; }
  .grid > li#process-introduction .animated.infinite.popOut, .grid > li.video .animated.infinite.popOut, .grid .alm-reveal > li#process-introduction .animated.infinite.popOut, .grid .alm-reveal > li.video .animated.infinite.popOut,
  .item#process-introduction .animated.infinite.popOut,
  .item.video .animated.infinite.popOut {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 2vw; }
  .grid > li.video figure, .grid > li .video figure, .grid .alm-reveal > li.video figure, .grid .alm-reveal > li .video figure,
  .item.video figure,
  .item .video figure {
    position: relative;
    max-height: 70vh;
    height: auto;
    overflow: hidden; }
    .grid > li.video figure svg, .grid > li .video figure svg, .grid .alm-reveal > li.video figure svg, .grid .alm-reveal > li .video figure svg,
    .item.video figure svg,
    .item .video figure svg {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .grid > li.made-exceptional, .grid > li.related-projects, .grid .alm-reveal > li.made-exceptional, .grid .alm-reveal > li.related-projects,
  .item.made-exceptional,
  .item.related-projects {
    padding-left: 6vw;
    position: relative; }
    .grid > li.made-exceptional > .section-title, .grid > li.related-projects > .section-title, .grid .alm-reveal > li.made-exceptional > .section-title, .grid .alm-reveal > li.related-projects > .section-title,
    .item.made-exceptional > .section-title,
    .item.related-projects > .section-title {
      left: 0;
      width: 100%; }
      .grid > li.made-exceptional > .section-title h3, .grid > li.made-exceptional > .section-title h2, .grid > li.related-projects > .section-title h3, .grid > li.related-projects > .section-title h2, .grid .alm-reveal > li.made-exceptional > .section-title h3, .grid .alm-reveal > li.made-exceptional > .section-title h2, .grid .alm-reveal > li.related-projects > .section-title h3, .grid .alm-reveal > li.related-projects > .section-title h2,
      .item.made-exceptional > .section-title h3,
      .item.made-exceptional > .section-title h2,
      .item.related-projects > .section-title h3,
      .item.related-projects > .section-title h2 {
        color: #1F77FA;
        margin-bottom: 2rem !important; }
    .grid > li.made-exceptional h2, .grid > li.related-projects h2, .grid .alm-reveal > li.made-exceptional h2, .grid .alm-reveal > li.related-projects h2,
    .item.made-exceptional h2,
    .item.related-projects h2 {
      max-width: 400px;
      color: #fff;
      height: 30vh; }
    .grid > li.made-exceptional .flex, .grid > li.related-projects .flex, .grid .alm-reveal > li.made-exceptional .flex, .grid .alm-reveal > li.related-projects .flex,
    .item.made-exceptional .flex,
    .item.related-projects .flex {
      display: flex;
      flex-wrap: wrap; }
      .grid > li.made-exceptional .flex .flex-item, .grid > li.related-projects .flex .flex-item, .grid .alm-reveal > li.made-exceptional .flex .flex-item, .grid .alm-reveal > li.related-projects .flex .flex-item,
      .item.made-exceptional .flex .flex-item,
      .item.related-projects .flex .flex-item {
        flex: 50%;
        padding-right: 6%; }
        .grid > li.made-exceptional .flex .flex-item:last-child, .grid > li.related-projects .flex .flex-item:last-child, .grid .alm-reveal > li.made-exceptional .flex .flex-item:last-child, .grid .alm-reveal > li.related-projects .flex .flex-item:last-child,
        .item.made-exceptional .flex .flex-item:last-child,
        .item.related-projects .flex .flex-item:last-child {
          width: 50%;
          padding-right: 0; }
    .grid > li.made-exceptional .statistics .stat, .grid > li.related-projects .statistics .stat, .grid .alm-reveal > li.made-exceptional .statistics .stat, .grid .alm-reveal > li.related-projects .statistics .stat,
    .item.made-exceptional .statistics .stat,
    .item.related-projects .statistics .stat {
      border-bottom: 1px solid #fff;
      padding: 3vh 0; }
      .grid > li.made-exceptional .statistics .stat:first-of-type, .grid > li.related-projects .statistics .stat:first-of-type, .grid .alm-reveal > li.made-exceptional .statistics .stat:first-of-type, .grid .alm-reveal > li.related-projects .statistics .stat:first-of-type,
      .item.made-exceptional .statistics .stat:first-of-type,
      .item.related-projects .statistics .stat:first-of-type {
        padding-top: 0; }
      .grid > li.made-exceptional .statistics .stat span, .grid > li.related-projects .statistics .stat span, .grid .alm-reveal > li.made-exceptional .statistics .stat span, .grid .alm-reveal > li.related-projects .statistics .stat span,
      .item.made-exceptional .statistics .stat span,
      .item.related-projects .statistics .stat span {
        display: inline-block;
        font-size: 50px;
        font-size: calc(50px + 0.25vw);
        line-height: 0.8;
        color: #1F77FA;
        width: 45%; }
      .grid > li.made-exceptional .statistics .stat p, .grid > li.related-projects .statistics .stat p, .grid .alm-reveal > li.made-exceptional .statistics .stat p, .grid .alm-reveal > li.related-projects .statistics .stat p,
      .item.made-exceptional .statistics .stat p,
      .item.related-projects .statistics .stat p {
        display: inline-block;
        width: 54%;
        font-size: 11px;
        font-size: calc(11px + 0.25vw);
        line-height: 1.25; }
  .grid > li.testimonial, .grid .alm-reveal > li.testimonial,
  .item.testimonial {
    position: relative; }
    .grid > li.testimonial figure, .grid .alm-reveal > li.testimonial figure,
    .item.testimonial figure {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .grid > li.testimonial div.wrapper, .grid .alm-reveal > li.testimonial div.wrapper,
    .item.testimonial div.wrapper {
      background: rgba(41, 43, 51, 0.6);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .grid > li.testimonial div.quote, .grid .alm-reveal > li.testimonial div.quote,
    .item.testimonial div.quote {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
      .grid > li.testimonial div.quote .center, .grid .alm-reveal > li.testimonial div.quote .center,
      .item.testimonial div.quote .center {
        color: #fff;
        font-size: 12px;
        font-size: calc(12px + 0.25vw);
        line-height: 1.25;
        text-align: center;
        font-weight: 300;
        width: 70%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        .grid > li.testimonial div.quote .center h4, .grid .alm-reveal > li.testimonial div.quote .center h4,
        .item.testimonial div.quote .center h4 {
          margin: 2vh auto 0 !important; }
        .grid > li.testimonial div.quote .center h1, .grid > li.testimonial div.quote .center h2, .grid > li.testimonial div.quote .center h3, .grid > li.testimonial div.quote .center h4, .grid > li.testimonial div.quote .center p, .grid .alm-reveal > li.testimonial div.quote .center h1, .grid .alm-reveal > li.testimonial div.quote .center h2, .grid .alm-reveal > li.testimonial div.quote .center h3, .grid .alm-reveal > li.testimonial div.quote .center h4, .grid .alm-reveal > li.testimonial div.quote .center p,
        .item.testimonial div.quote .center h1,
        .item.testimonial div.quote .center h2,
        .item.testimonial div.quote .center h3,
        .item.testimonial div.quote .center h4,
        .item.testimonial div.quote .center p {
          width: 100% !important; }
  .grid > li.overlay figure, .grid .alm-reveal > li.overlay figure,
  .item.overlay figure {
    position: relative; }
  .grid > li.overlay div.wrapper, .grid .alm-reveal > li.overlay div.wrapper,
  .item.overlay div.wrapper {
    background: rgba(41, 43, 51, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .grid > li.overlay div.quote, .grid .alm-reveal > li.overlay div.quote,
  .item.overlay div.quote {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
    .grid > li.overlay div.quote .center, .grid .alm-reveal > li.overlay div.quote .center,
    .item.overlay div.quote .center {
      color: #fff;
      font-size: 12px;
      font-size: calc(12px + 0.25vw);
      line-height: 1.25;
      text-align: center;
      font-weight: 300;
      width: 70%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .grid > li.overlay div.quote .center h4, .grid .alm-reveal > li.overlay div.quote .center h4,
      .item.overlay div.quote .center h4 {
        margin: 2vh auto 0 !important; }
      .grid > li.overlay div.quote .center h1, .grid > li.overlay div.quote .center h2, .grid > li.overlay div.quote .center h3, .grid > li.overlay div.quote .center h4, .grid > li.overlay div.quote .center p, .grid .alm-reveal > li.overlay div.quote .center h1, .grid .alm-reveal > li.overlay div.quote .center h2, .grid .alm-reveal > li.overlay div.quote .center h3, .grid .alm-reveal > li.overlay div.quote .center h4, .grid .alm-reveal > li.overlay div.quote .center p,
      .item.overlay div.quote .center h1,
      .item.overlay div.quote .center h2,
      .item.overlay div.quote .center h3,
      .item.overlay div.quote .center h4,
      .item.overlay div.quote .center p {
        width: 100% !important; }
  .grid > li.layout--slideshow, .grid .alm-reveal > li.layout--slideshow,
  .item.layout--slideshow {
    bottom: 0; }
    .grid > li.layout--slideshow .slides, .grid .alm-reveal > li.layout--slideshow .slides,
    .item.layout--slideshow .slides {
      max-height: 66vh;
      max-width: 50vw; }
    .grid > li.layout--slideshow .slide, .grid .alm-reveal > li.layout--slideshow .slide,
    .item.layout--slideshow .slide {
      max-width: 50vw; }
      .grid > li.layout--slideshow .slide a, .grid .alm-reveal > li.layout--slideshow .slide a,
      .item.layout--slideshow .slide a {
        display: block;
        width: 100%;
        height: 100%;
        position: relative; }
        .grid > li.layout--slideshow .slide a img, .grid > li.layout--slideshow .slide a picture, .grid .alm-reveal > li.layout--slideshow .slide a img, .grid .alm-reveal > li.layout--slideshow .slide a picture,
        .item.layout--slideshow .slide a img,
        .item.layout--slideshow .slide a picture {
          max-width: 100%;
          z-index: 0;
          max-height: 80%;
          width: auto;
          height: auto;
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
    .grid > li.layout--slideshow .slideshow--nav .slick-dots, .grid .alm-reveal > li.layout--slideshow .slideshow--nav .slick-dots,
    .item.layout--slideshow .slideshow--nav .slick-dots {
      padding: 0; }
      .grid > li.layout--slideshow .slideshow--nav .slick-dots li button:before, .grid .alm-reveal > li.layout--slideshow .slideshow--nav .slick-dots li button:before,
      .item.layout--slideshow .slideshow--nav .slick-dots li button:before {
        width: 9px;
        height: 9px;
        border-radius: 100%;
        border: none;
        background: rgba(41, 43, 51, 0.7); }
      .grid > li.layout--slideshow .slideshow--nav .slick-dots li button:hover, .grid .alm-reveal > li.layout--slideshow .slideshow--nav .slick-dots li button:hover,
      .item.layout--slideshow .slideshow--nav .slick-dots li button:hover {
        cursor: pointer; }
      .grid > li.layout--slideshow .slideshow--nav .slick-dots li.slick-active button:before, .grid .alm-reveal > li.layout--slideshow .slideshow--nav .slick-dots li.slick-active button:before,
      .item.layout--slideshow .slideshow--nav .slick-dots li.slick-active button:before {
        background: #1F77FA; }
  .grid > li h1.tagline, .grid > li h2.tagline, .grid .alm-reveal > li h1.tagline, .grid .alm-reveal > li h2.tagline,
  .item h1.tagline,
  .item h2.tagline {
    width: 8.55vw;
    color: #1F77FA;
    text-align: left;
    margin: 0;
    font-family: aktiv-grotesk, sans-serif;
    font-size: 12px;
    font-size: calc(12px + 0.25vw);
    line-height: 1.25;
    font-weight: 500;
    position: absolute;
    top: 2.9vw; }
    .grid > li h1.tagline strong, .grid > li h2.tagline strong, .grid .alm-reveal > li h1.tagline strong, .grid .alm-reveal > li h2.tagline strong,
    .item h1.tagline strong,
    .item h2.tagline strong {
      font-weight: 700; }
    .grid > li h1.tagline.doubline, .grid > li h2.tagline.doubline, .grid .alm-reveal > li h1.tagline.doubline, .grid .alm-reveal > li h2.tagline.doubline,
    .item h1.tagline.doubline,
    .item h2.tagline.doubline {
      top: 2vw; }
  .grid > li.full-bleed, .grid .alm-reveal > li.full-bleed,
  .item.full-bleed {
    padding: 0 2.25vw; }
    .grid > li.full-bleed figure, .grid .alm-reveal > li.full-bleed figure,
    .item.full-bleed figure {
      height: 100%;
      width: 100%; }
    .grid > li.full-bleed:before, .grid .alm-reveal > li.full-bleed:before,
    .item.full-bleed:before {
      content: "";
      border-left: 1px solid #1F77FA;
      display: block;
      position: absolute;
      left: 2.25vh;
      height: 100vh; }
    .grid > li.full-bleed:after, .grid .alm-reveal > li.full-bleed:after,
    .item.full-bleed:after {
      content: "";
      border-left: 1px solid #1F77FA;
      display: block;
      position: absolute;
      right: 2.25vh;
      height: 100vh; }
  .grid > li#process, .grid > li#services, .grid .alm-reveal > li#process, .grid .alm-reveal > li#services,
  .item#process,
  .item#services {
    padding-top: 0;
    padding-right: 0; }
    .grid > li#process .flex, .grid > li#services .flex, .grid .alm-reveal > li#process .flex, .grid .alm-reveal > li#services .flex,
    .item#process .flex,
    .item#services .flex {
      display: flex;
      flex-wrap: wrap; }
      .grid > li#process .flex .flex-item, .grid > li#services .flex .flex-item, .grid .alm-reveal > li#process .flex .flex-item, .grid .alm-reveal > li#services .flex .flex-item,
      .item#process .flex .flex-item,
      .item#services .flex .flex-item {
        flex: 20%;
        padding: 15vh calc(var(--gutter) / 4) 5vh;
        position: relative; }
    .grid > li#process .principles, .grid > li#process .services, .grid > li#services .principles, .grid > li#services .services, .grid .alm-reveal > li#process .principles, .grid .alm-reveal > li#process .services, .grid .alm-reveal > li#services .principles, .grid .alm-reveal > li#services .services,
    .item#process .principles,
    .item#process .services,
    .item#services .principles,
    .item#services .services {
      background: #292B33;
      color: #fff;
      height: 100vh;
      border-left: 1px solid #E6E6E6; }
      .grid > li#process .principles h3, .grid > li#process .services h3, .grid > li#services .principles h3, .grid > li#services .services h3, .grid .alm-reveal > li#process .principles h3, .grid .alm-reveal > li#process .services h3, .grid .alm-reveal > li#services .principles h3, .grid .alm-reveal > li#services .services h3,
      .item#process .principles h3,
      .item#process .services h3,
      .item#services .principles h3,
      .item#services .services h3 {
        color: #fff;
        margin-bottom: 3vh !important; }
      .grid > li#process .principles p, .grid > li#process .services p, .grid > li#services .principles p, .grid > li#services .services p, .grid .alm-reveal > li#process .principles p, .grid .alm-reveal > li#process .services p, .grid .alm-reveal > li#services .principles p, .grid .alm-reveal > li#services .services p,
      .item#process .principles p,
      .item#process .services p,
      .item#services .principles p,
      .item#services .services p {
        max-width: 75%; }
      .grid > li#process .principles figure, .grid > li#process .services figure, .grid > li#services .principles figure, .grid > li#services .services figure, .grid .alm-reveal > li#process .principles figure, .grid .alm-reveal > li#process .services figure, .grid .alm-reveal > li#services .principles figure, .grid .alm-reveal > li#services .services figure,
      .item#process .principles figure,
      .item#process .services figure,
      .item#services .principles figure,
      .item#services .services figure {
        background: transparent;
        display: block;
        width: 100%;
        max-height: 14vh;
        margin: 0 0 5vh;
        height: 100%; }
        .grid > li#process .principles figure div, .grid > li#process .services figure div, .grid > li#services .principles figure div, .grid > li#services .services figure div, .grid .alm-reveal > li#process .principles figure div, .grid .alm-reveal > li#process .services figure div, .grid .alm-reveal > li#services .principles figure div, .grid .alm-reveal > li#services .services figure div,
        .item#process .principles figure div,
        .item#process .services figure div,
        .item#services .principles figure div,
        .item#services .services figure div {
          width: 100%;
          height: 100%;
          position: relative; }
          .grid > li#process .principles figure div svg, .grid > li#process .services figure div svg, .grid > li#services .principles figure div svg, .grid > li#services .services figure div svg, .grid .alm-reveal > li#process .principles figure div svg, .grid .alm-reveal > li#process .services figure div svg, .grid .alm-reveal > li#services .principles figure div svg, .grid .alm-reveal > li#services .services figure div svg,
          .item#process .principles figure div svg,
          .item#process .services figure div svg,
          .item#services .principles figure div svg,
          .item#services .services figure div svg {
            display: block;
            height: 95% !important;
            width: auto !important;
            margin: 0;
            max-height: 14vh;
            max-width: 14vh; }
  .grid > li#services .services, .grid .alm-reveal > li#services .services,
  .item#services .services {
    background: #fff;
    color: #292B33;
    border-color: #1F77FA; }
    .grid > li#services .services h3, .grid .alm-reveal > li#services .services h3,
    .item#services .services h3 {
      color: #1F77FA; }
  .grid > li#products:before, .grid .alm-reveal > li#products:before,
  .item#products:before {
    display: none; }
  .grid > li#products .section-title, .grid .alm-reveal > li#products .section-title,
  .item#products .section-title {
    position: relative;
    left: 4vw;
    margin-bottom: 2rem; }
  .grid > li#products h3, .grid .alm-reveal > li#products h3,
  .item#products h3 {
    left: 0; }
  .grid > li#products h2, .grid .alm-reveal > li#products h2,
  .item#products h2 {
    padding-bottom: 6vh;
    width: 100%; }
  .grid > li#products.introduction .content, .grid .alm-reveal > li#products.introduction .content,
  .item#products.introduction .content {
    left: 4vw;
    padding-top: 0;
    width: 80%; }
    .grid > li#products.introduction .content h1, .grid > li#products.introduction .content h2, .grid .alm-reveal > li#products.introduction .content h1, .grid .alm-reveal > li#products.introduction .content h2,
    .item#products.introduction .content h1,
    .item#products.introduction .content h2 {
      height: 30vh; }
  .grid > li#products.introduction p, .grid .alm-reveal > li#products.introduction p,
  .item#products.introduction p {
    position: relative;
    left: auto;
    top: auto; }
    .grid > li#products.introduction p a:last-child, .grid .alm-reveal > li#products.introduction p a:last-child,
    .item#products.introduction p a:last-child {
      margin-top: 10vh;
      display: block;
      background: url("images/icon-arrow.svg") no-repeat right center;
      background-size: 1vw;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
      .grid > li#products.introduction p a:last-child:after, .grid .alm-reveal > li#products.introduction p a:last-child:after,
      .item#products.introduction p a:last-child:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        margin-top: 1vh;
        background: #292B33;
        transition: width .3s; }
      .grid > li#products.introduction p a:last-child:hover, .grid .alm-reveal > li#products.introduction p a:last-child:hover,
      .item#products.introduction p a:last-child:hover {
        opacity: 0.5; }
  .grid > li#team:before, .grid .alm-reveal > li#team:before,
  .item#team:before {
    display: none; }
  .grid > li#team .section-title, .grid .alm-reveal > li#team .section-title,
  .item#team .section-title {
    position: relative;
    left: 8vw;
    margin-bottom: 2rem; }
  .grid > li#team h3, .grid .alm-reveal > li#team h3,
  .item#team h3 {
    left: 0; }
  .grid > li#team h2, .grid .alm-reveal > li#team h2,
  .item#team h2 {
    padding-bottom: 6vh;
    width: 100%; }
  .grid > li#team.introduction .content, .grid .alm-reveal > li#team.introduction .content,
  .item#team.introduction .content {
    left: 8vw;
    padding-top: 0;
    width: 80%; }
    .grid > li#team.introduction .content h1, .grid > li#team.introduction .content h2, .grid .alm-reveal > li#team.introduction .content h1, .grid .alm-reveal > li#team.introduction .content h2,
    .item#team.introduction .content h1,
    .item#team.introduction .content h2 {
      height: 30vh; }
  .grid > li#team.introduction p, .grid .alm-reveal > li#team.introduction p,
  .item#team.introduction p {
    position: relative;
    left: auto;
    top: auto; }
    .grid > li#team.introduction p a:last-child, .grid .alm-reveal > li#team.introduction p a:last-child,
    .item#team.introduction p a:last-child {
      margin-top: 10vh;
      display: block;
      background: url("images/icon-arrow.svg") no-repeat right center;
      background-size: 1vw;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
      .grid > li#team.introduction p a:last-child:after, .grid .alm-reveal > li#team.introduction p a:last-child:after,
      .item#team.introduction p a:last-child:after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        margin-top: 1vh;
        background: #292B33;
        transition: width .3s; }
      .grid > li#team.introduction p a:last-child:hover, .grid .alm-reveal > li#team.introduction p a:last-child:hover,
      .item#team.introduction p a:last-child:hover {
        opacity: 0.5; }
  .grid > li#team.introduction .section-title, .grid .alm-reveal > li#team.introduction .section-title,
  .item#team.introduction .section-title {
    left: 0 !important;
    margin-left: 0 !important; }
  .grid > li#team.introduction .content, .grid .alm-reveal > li#team.introduction .content,
  .item#team.introduction .content {
    width: 90%;
    left: 2.5vw; }
    .grid > li#team.introduction .content p, .grid .alm-reveal > li#team.introduction .content p,
    .item#team.introduction .content p {
      max-width: 515px !important;
      font-size: 14px;
      font-size: calc(14px + 0.25vw);
      line-height: 1.25;
      max-width: 80%; }
    .grid > li#team.introduction .content figure, .grid .alm-reveal > li#team.introduction .content figure,
    .item#team.introduction .content figure {
      position: absolute;
      top: 33vh; }
  .grid > li#team ul.team-members, .grid .alm-reveal > li#team ul.team-members,
  .item#team ul.team-members {
    font-size: 18px;
    padding-left: 0;
    line-height: 1;
    list-style: none;
    column-count: 2;
    column-gap: 2.5vw; }
    .grid > li#team ul.team-members li, .grid .alm-reveal > li#team ul.team-members li,
    .item#team ul.team-members li {
      padding: 0.75rem 0 1rem;
      width: 100%;
      border-top: 1px solid #000;
      font-size: 16px;
      font-size: 1rem;
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid; }
      .grid > li#team ul.team-members li span, .grid .alm-reveal > li#team ul.team-members li span,
      .item#team ul.team-members li span {
        float: right;
        text-align: right;
        margin-right: 3px; }
        .grid > li#team ul.team-members li span svg, .grid .alm-reveal > li#team ul.team-members li span svg,
        .item#team ul.team-members li span svg {
          display: inline-block;
          margin-left: 0.5rem; }
  .grid > li#accolades-introduction, .grid .alm-reveal > li#accolades-introduction,
  .item#accolades-introduction {
    padding-top: 15vh;
    margin-left: -2.5vw; }
    .grid > li#accolades-introduction h2, .grid .alm-reveal > li#accolades-introduction h2,
    .item#accolades-introduction h2 {
      max-width: 80%; }
    .grid > li#accolades-introduction .content, .grid .alm-reveal > li#accolades-introduction .content,
    .item#accolades-introduction .content {
      padding-top: 30vh; }
  .grid > li#tilt-studio > h3, .grid .alm-reveal > li#tilt-studio > h3,
  .item#tilt-studio > h3 {
    color: #1F77FA;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    left: -15vh;
    top: 39vh;
    text-align: right;
    height: 33vh;
    width: 70vh; }
  .grid > li.introduction, .grid .alm-reveal > li.introduction,
  .item.introduction {
    position: relative;
    padding-top: 15vh;
    padding-right: 0 !important;
    margin-right: -2.5vw;
    margin-left: 3vw; }
    .grid > li.introduction:first-child, .grid .alm-reveal > li.introduction:first-child,
    .item.introduction:first-child {
      margin-right: -2.5vw !important;
      margin-left: 0; }
    .grid > li.introduction p, .grid .alm-reveal > li.introduction p,
    .item.introduction p {
      margin: 0 0 1vh; }
    .grid > li.introduction .section-title, .grid .alm-reveal > li.introduction .section-title,
    .item.introduction .section-title {
      margin-left: -2.25vw; }
    .grid > li.introduction .content, .grid > li.introduction .intro-wrapper, .grid .alm-reveal > li.introduction .content, .grid .alm-reveal > li.introduction .intro-wrapper,
    .item.introduction .content,
    .item.introduction .intro-wrapper {
      padding-top: 10vh;
      left: 0vh;
      width: 95%;
      position: relative;
      margin-left: -2.25vw; }
      .grid > li.introduction .content p, .grid > li.introduction .intro-wrapper p, .grid .alm-reveal > li.introduction .content p, .grid .alm-reveal > li.introduction .intro-wrapper p,
      .item.introduction .content p,
      .item.introduction .intro-wrapper p {
        max-width: 95% !important; }
      .grid > li.introduction .content h1, .grid > li.introduction .content h2, .grid > li.introduction .content h3, .grid > li.introduction .content h4, .grid > li.introduction .content h5, .grid > li.introduction .intro-wrapper h1, .grid > li.introduction .intro-wrapper h2, .grid > li.introduction .intro-wrapper h3, .grid > li.introduction .intro-wrapper h4, .grid > li.introduction .intro-wrapper h5, .grid .alm-reveal > li.introduction .content h1, .grid .alm-reveal > li.introduction .content h2, .grid .alm-reveal > li.introduction .content h3, .grid .alm-reveal > li.introduction .content h4, .grid .alm-reveal > li.introduction .content h5, .grid .alm-reveal > li.introduction .intro-wrapper h1, .grid .alm-reveal > li.introduction .intro-wrapper h2, .grid .alm-reveal > li.introduction .intro-wrapper h3, .grid .alm-reveal > li.introduction .intro-wrapper h4, .grid .alm-reveal > li.introduction .intro-wrapper h5,
      .item.introduction .content h1,
      .item.introduction .content h2,
      .item.introduction .content h3,
      .item.introduction .content h4,
      .item.introduction .content h5,
      .item.introduction .intro-wrapper h1,
      .item.introduction .intro-wrapper h2,
      .item.introduction .intro-wrapper h3,
      .item.introduction .intro-wrapper h4,
      .item.introduction .intro-wrapper h5 {
        max-width: 100%;
        width: 100%; }
    .grid > li.introduction.news-article, .grid .alm-reveal > li.introduction.news-article,
    .item.introduction.news-article {
      padding: 0 calc(var(--gutter) / 2) !important;
      margin-right: 0 !important; }
      .grid > li.introduction.news-article .content, .grid .alm-reveal > li.introduction.news-article .content,
      .item.introduction.news-article .content {
        left: auto;
        width: 100%;
        position: relative;
        margin-left: 0 !important; }
    .grid > li.introduction:before, .grid .alm-reveal > li.introduction:before,
    .item.introduction:before {
      content: "";
      border-left: 1px solid #1F77FA;
      display: block;
      position: absolute;
      left: -2.25vh;
      height: 80vh; }
    .grid > li.introduction > .section-title, .grid .alm-reveal > li.introduction > .section-title,
    .item.introduction > .section-title {
      position: relative;
      margin-bottom: 2rem;
      left: 0;
      width: 100%; }
      .grid > li.introduction > .section-title h3, .grid > li.introduction > .section-title h2, .grid .alm-reveal > li.introduction > .section-title h3, .grid .alm-reveal > li.introduction > .section-title h2,
      .item.introduction > .section-title h3,
      .item.introduction > .section-title h2 {
        color: #1F77FA; }
    .grid > li.introduction > p, .grid .alm-reveal > li.introduction > p,
    .item.introduction > p {
      position: absolute;
      left: 0;
      top: 50vh;
      max-width: 90%; }
  .grid > li#features, .grid > li#insights, .grid > li#projects, .grid .alm-reveal > li#features, .grid .alm-reveal > li#insights, .grid .alm-reveal > li#projects,
  .item#features,
  .item#insights,
  .item#projects {
    padding: 0;
    width: 1vw; }
    .grid > li#features.introduction:before, .grid > li#insights.introduction:before, .grid > li#projects.introduction:before, .grid .alm-reveal > li#features.introduction:before, .grid .alm-reveal > li#insights.introduction:before, .grid .alm-reveal > li#projects.introduction:before,
    .item#features.introduction:before,
    .item#insights.introduction:before,
    .item#projects.introduction:before {
      top: 0; }
  .grid > li#article-title, .grid .alm-reveal > li#article-title,
  .item#article-title {
    position: relative; }
    .grid > li#article-title:after, .grid .alm-reveal > li#article-title:after,
    .item#article-title:after {
      content: "";
      border-right: 1px solid #1F77FA;
      display: block;
      position: absolute;
      right: -2vh;
      top: 15vh;
      height: 80vh; }
    .grid > li#article-title .intro-wrapper, .grid .alm-reveal > li#article-title .intro-wrapper,
    .item#article-title .intro-wrapper {
      position: absolute;
      padding-top: 30vh; }
      .grid > li#article-title .intro-wrapper p, .grid .alm-reveal > li#article-title .intro-wrapper p,
      .item#article-title .intro-wrapper p {
        max-width: 95% !important; }
    .grid > li#article-title .title-wrapper h1, .grid .alm-reveal > li#article-title .title-wrapper h1,
    .item#article-title .title-wrapper h1 {
      color: #1F77FA;
      font-size: 12px;
      font-size: calc(12px + 0.25vw);
      line-height: 1.25;
      margin-bottom: 2vh; }
    .grid > li#article-title .title-wrapper h3, .grid .alm-reveal > li#article-title .title-wrapper h3,
    .item#article-title .title-wrapper h3 {
      transform: rotate(0);
      color: #fff; }
  .grid > li.text-content, .grid .alm-reveal > li.text-content,
  .item.text-content {
    padding-top: 15vh; }
    .grid > li.text-content .columns, .grid .alm-reveal > li.text-content .columns,
    .item.text-content .columns {
      max-height: 75vh;
      overflow: hidden; }
    .grid > li.text-content.item-6 .columns, .grid .alm-reveal > li.text-content.item-6 .columns,
    .item.text-content.item-6 .columns {
      column-count: 2;
      column-gap: 2.5vw; }
    .grid > li.text-content.item-9 .columns, .grid .alm-reveal > li.text-content.item-9 .columns,
    .item.text-content.item-9 .columns {
      column-count: 3;
      column-gap: 2.5vw; }
  .grid > li.introduction ul, .grid > li.introduction ol, .grid > li.text-content ul, .grid > li.text-content ol, .grid .alm-reveal > li.introduction ul, .grid .alm-reveal > li.introduction ol, .grid .alm-reveal > li.text-content ul, .grid .alm-reveal > li.text-content ol,
  .item.introduction ul,
  .item.introduction ol,
  .item.text-content ul,
  .item.text-content ol {
    list-style: disc;
    padding-left: 1.5vw;
    margin: 0 0 2vh !important; }
    .grid > li.introduction ul li, .grid > li.introduction ol li, .grid > li.text-content ul li, .grid > li.text-content ol li, .grid .alm-reveal > li.introduction ul li, .grid .alm-reveal > li.introduction ol li, .grid .alm-reveal > li.text-content ul li, .grid .alm-reveal > li.text-content ol li,
    .item.introduction ul li,
    .item.introduction ol li,
    .item.text-content ul li,
    .item.text-content ol li {
      margin-bottom: 0.5vh; }
  .grid > li.introduction ol, .grid > li.text-content ol, .grid .alm-reveal > li.introduction ol, .grid .alm-reveal > li.text-content ol,
  .item.introduction ol,
  .item.text-content ol {
    list-style: decimal; }
  .grid > li.panorama .pano-container, .grid .alm-reveal > li.panorama .pano-container,
  .item.panorama .pano-container {
    width: 100%;
    height: 75vh; }
  .grid > li.news-article, .grid .alm-reveal > li.news-article,
  .item.news-article {
    border-left: 1px solid #1F77FA;
    height: 60vh;
    margin-top: 40vh;
    padding-top: 0; }
    .grid > li.news-article.introduction, .grid .alm-reveal > li.news-article.introduction,
    .item.news-article.introduction {
      margin-top: 15vh;
      border-left: 0;
      left: 0 !important; }
      .grid > li.news-article.introduction .section-title, .grid .alm-reveal > li.news-article.introduction .section-title,
      .item.news-article.introduction .section-title {
        top: 0;
        left: 0;
        margin-left: 0 !important;
        margin-bottom: -1rem; }
        .grid > li.news-article.introduction .section-title h3, .grid > li.news-article.introduction .section-title h2, .grid .alm-reveal > li.news-article.introduction .section-title h3, .grid .alm-reveal > li.news-article.introduction .section-title h2,
        .item.news-article.introduction .section-title h3,
        .item.news-article.introduction .section-title h2 {
          line-height: 0.8;
          margin-bottom: 0 !important; }
      .grid > li.news-article.introduction .content, .grid .alm-reveal > li.news-article.introduction .content,
      .item.news-article.introduction .content {
        padding-top: 15vh !important; }
      .grid > li.news-article.introduction:before, .grid .alm-reveal > li.news-article.introduction:before,
      .item.news-article.introduction:before {
        left: -0.25vh; }
    .grid > li.news-article p, .grid .alm-reveal > li.news-article p,
    .item.news-article p {
      position: relative;
      top: 0; }
    .grid > li.news-article h4, .grid > li.news-article .post-thumbnail, .grid .alm-reveal > li.news-article h4, .grid .alm-reveal > li.news-article .post-thumbnail,
    .item.news-article h4,
    .item.news-article .post-thumbnail {
      margin-bottom: 0 !important; }
    .grid > li.news-article h4, .grid .alm-reveal > li.news-article h4,
    .item.news-article h4 {
      margin: 1vh 0 !important; }
    .grid > li.news-article .permalink, .grid .alm-reveal > li.news-article .permalink,
    .item.news-article .permalink {
      border-bottom: 1px solid #1F77FA;
      display: inline-block;
      width: auto;
      margin-top: 2vh !important; }
  .grid > li#contact-introduction strong, .grid .alm-reveal > li#contact-introduction strong,
  .item#contact-introduction strong {
    display: inline-block; }
  .grid > li#contact-introduction h2, .grid .alm-reveal > li#contact-introduction h2,
  .item#contact-introduction h2 {
    height: 30vh !important; }
  .grid > li#contact-introduction .introduction, .grid .alm-reveal > li#contact-introduction .introduction,
  .item#contact-introduction .introduction {
    height: auto; }
  .grid > li#contact-introduction .flex, .grid .alm-reveal > li#contact-introduction .flex,
  .item#contact-introduction .flex {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3vh !important; }
    .grid > li#contact-introduction .flex .flex-item, .grid .alm-reveal > li#contact-introduction .flex .flex-item,
    .item#contact-introduction .flex .flex-item {
      flex: 50%;
      padding-right: 6%; }
      .grid > li#contact-introduction .flex .flex-item:last-child, .grid .alm-reveal > li#contact-introduction .flex .flex-item:last-child,
      .item#contact-introduction .flex .flex-item:last-child {
        width: 50%;
        padding-right: 0; }
      .grid > li#contact-introduction .flex .flex-item li svg, .grid .alm-reveal > li#contact-introduction .flex .flex-item li svg,
      .item#contact-introduction .flex .flex-item li svg {
        display: inline-block;
        margin-right: 0.5vw; }
  .grid > li#post-image, .grid .alm-reveal > li#post-image,
  .item#post-image {
    margin-top: 15vh;
    height: 80vh; }
  .grid > li#title:after, .grid > li#study-title:after, .grid .alm-reveal > li#title:after, .grid .alm-reveal > li#study-title:after,
  .item#title:after,
  .item#study-title:after {
    content: "";
    border-right: 1px solid #1F77FA;
    display: block;
    position: absolute;
    right: -7.5vh;
    top: 15vh;
    height: 80vh; }
  .grid > li#title h2, .grid > li#study-title h2, .grid .alm-reveal > li#title h2, .grid .alm-reveal > li#study-title h2,
  .item#title h2,
  .item#study-title h2 {
    color: #1F77FA; }
  .grid > li#title p.content-middle, .grid > li#study-title p.content-middle, .grid .alm-reveal > li#title p.content-middle, .grid .alm-reveal > li#study-title p.content-middle,
  .item#title p.content-middle,
  .item#study-title p.content-middle {
    position: absolute;
    top: 50vh;
    max-width: 80% !important;
    margin: 0 !important; }
  .grid > li#post-introduction-image, .grid .alm-reveal > li#post-introduction-image,
  .item#post-introduction-image {
    padding-right: 0;
    padding-bottom: 0; }
    .grid > li#post-introduction-image h3, .grid .alm-reveal > li#post-introduction-image h3,
    .item#post-introduction-image h3 {
      color: #1F77FA; }
      .grid > li#post-introduction-image h3.no-rotate, .grid .alm-reveal > li#post-introduction-image h3.no-rotate,
      .item#post-introduction-image h3.no-rotate {
        color: #fff;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); }
    .grid > li#post-introduction-image .tagline, .grid .alm-reveal > li#post-introduction-image .tagline,
    .item#post-introduction-image .tagline {
      margin-bottom: 6.5vh; }
    .grid > li#post-introduction-image figure, .grid .alm-reveal > li#post-introduction-image figure,
    .item#post-introduction-image figure {
      position: relative;
      color: #fff;
      overflow: hidden;
      max-height: 75vh;
      transform: none !important; }
      .grid > li#post-introduction-image figure .title-wrapper, .grid .alm-reveal > li#post-introduction-image figure .title-wrapper,
      .item#post-introduction-image figure .title-wrapper {
        position: absolute;
        top: 4vh;
        left: 4vh;
        width: 100%;
        max-width: 50%; }
        .grid > li#post-introduction-image figure .title-wrapper h1, .grid .alm-reveal > li#post-introduction-image figure .title-wrapper h1,
        .item#post-introduction-image figure .title-wrapper h1 {
          font-size: 12px;
          font-size: calc(12px + 0.25vw);
          line-height: 1.25;
          margin-bottom: 2vh; }
      .grid > li#post-introduction-image figure .lead-in, .grid .alm-reveal > li#post-introduction-image figure .lead-in,
      .item#post-introduction-image figure .lead-in {
        position: absolute;
        left: 4vh;
        bottom: 5vh;
        max-width: 80%;
        font-size: 35px !important;
        font-size: calc(35px + 0.25vw) !important;
        line-height: 1.25; }
      .grid > li#post-introduction-image figure img, .grid > li#post-introduction-image figure picture, .grid .alm-reveal > li#post-introduction-image figure img, .grid .alm-reveal > li#post-introduction-image figure picture,
      .item#post-introduction-image figure img,
      .item#post-introduction-image figure picture {
        min-height: 100%;
        min-width: 100%; }
    .grid > li#post-introduction-image .mask, .grid .alm-reveal > li#post-introduction-image .mask,
    .item#post-introduction-image .mask {
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(41, 43, 51, 0.3); }
  .grid > li.introduction-image figure img, .grid > li.introduction-image figure picture, .grid .alm-reveal > li.introduction-image figure img, .grid .alm-reveal > li.introduction-image figure picture,
  .item.introduction-image figure img,
  .item.introduction-image figure picture {
    max-height: 75vh; }
  .grid > li#study-title, .grid .alm-reveal > li#study-title,
  .item#study-title {
    position: relative; }
    .grid > li#study-title h4, .grid .alm-reveal > li#study-title h4,
    .item#study-title h4 {
      color: #1F77FA; }
    .grid > li#study-title h3, .grid .alm-reveal > li#study-title h3,
    .item#study-title h3 {
      font-weight: 300;
      width: 100%;
      margin-top: 10vh !important; }
    .grid > li#study-title h4, .grid .alm-reveal > li#study-title h4,
    .item#study-title h4 {
      font-size: 9px;
      font-size: calc(9px + 0.5vw);
      line-height: 1.25; }
    .grid > li#study-title div.details > *, .grid .alm-reveal > li#study-title div.details > *,
    .item#study-title div.details > * {
      font-size: 6px;
      font-size: calc(6px + 0.5vw);
      line-height: 1.25; }
    .grid > li#study-title ul li, .grid .alm-reveal > li#study-title ul li,
    .item#study-title ul li {
      font-size: 12px;
      font-size: calc(12px + 0.5vw);
      line-height: 1.25; }
    .grid > li#study-title:before, .grid .alm-reveal > li#study-title:before,
    .item#study-title:before {
      content: "";
      border-right: 1px solid #1F77FA;
      display: block;
      position: absolute;
      left: 2vh;
      top: 15vh;
      height: 80vh; }
    .grid > li#study-title:after, .grid .alm-reveal > li#study-title:after,
    .item#study-title:after {
      content: "";
      border-right: 1px solid #1F77FA;
      display: block;
      position: absolute;
      right: -2vh;
      top: 15vh;
      height: 80vh;
      display: none !important; }
  .grid > li#image:before, .grid .alm-reveal > li#image:before,
  .item#image:before {
    content: "";
    border-left: 1px solid #1F77FA;
    display: block;
    position: absolute;
    left: -2.25vh;
    top: 15vh;
    height: 80vh; }
  .grid > li#image figure .caption, .grid .alm-reveal > li#image figure .caption,
  .item#image figure .caption {
    text-align: left; }
  .grid > li#enquiries div > p, .grid .alm-reveal > li#enquiries div > p,
  .item#enquiries div > p {
    width: 30vw;
    padding: 0;
    margin-top: 5vh;
    margin-left: 0vh; }
  .grid > li#enquiries div.gform_confirmation_wrapper, .grid .alm-reveal > li#enquiries div.gform_confirmation_wrapper,
  .item#enquiries div.gform_confirmation_wrapper {
    max-width: 80%;
    margin: 0 0 0 8vh; }
  .grid > li#enquiries .gform_wrapper, .grid .alm-reveal > li#enquiries .gform_wrapper,
  .item#enquiries .gform_wrapper {
    width: 30vw;
    padding: 0;
    margin-top: -0.5vh;
    margin-left: 0vh;
    font-size: 11px;
    font-size: calc(11px + 0.25vw);
    line-height: 1.25;
    font-family: aktiv-grotesk, sans-serif; }
    .grid > li#enquiries .gform_wrapper .gform_body ul, .grid .alm-reveal > li#enquiries .gform_wrapper .gform_body ul,
    .item#enquiries .gform_wrapper .gform_body ul {
      padding-left: 0 !important; }
    .grid > li#enquiries .gform_wrapper li.gfield, .grid .alm-reveal > li#enquiries .gform_wrapper li.gfield,
    .item#enquiries .gform_wrapper li.gfield {
      padding-right: 0 !important; }
    .grid > li#enquiries .gform_wrapper input, .grid > li#enquiries .gform_wrapper textarea, .grid .alm-reveal > li#enquiries .gform_wrapper input, .grid .alm-reveal > li#enquiries .gform_wrapper textarea,
    .item#enquiries .gform_wrapper input,
    .item#enquiries .gform_wrapper textarea {
      position: relative;
      opacity: 1;
      z-index: 1;
      font-size: 11px;
      font-size: calc(11px + 0.25vw);
      line-height: 1.25;
      font-family: aktiv-grotesk, sans-serif;
      color: #000;
      padding: 1vh 0;
      height: 5vh;
      width: 100%;
      border-bottom: 1px solid #000;
      /*&[type="file"] {
  						width: 0.1px;
  							height: 0.1px;
  							opacity: 0;
  							overflow: hidden;
  							position: absolute;
  							z-index: -1;

  					}*/ }
      .grid > li#enquiries .gform_wrapper input ::-webkit-input-placeholder, .grid > li#enquiries .gform_wrapper textarea ::-webkit-input-placeholder, .grid .alm-reveal > li#enquiries .gform_wrapper input ::-webkit-input-placeholder, .grid .alm-reveal > li#enquiries .gform_wrapper textarea ::-webkit-input-placeholder,
      .item#enquiries .gform_wrapper input ::-webkit-input-placeholder,
      .item#enquiries .gform_wrapper textarea ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #000;
        opacity: 1; }
      .grid > li#enquiries .gform_wrapper input ::-moz-placeholder, .grid > li#enquiries .gform_wrapper textarea ::-moz-placeholder, .grid .alm-reveal > li#enquiries .gform_wrapper input ::-moz-placeholder, .grid .alm-reveal > li#enquiries .gform_wrapper textarea ::-moz-placeholder,
      .item#enquiries .gform_wrapper input ::-moz-placeholder,
      .item#enquiries .gform_wrapper textarea ::-moz-placeholder {
        /* Firefox 19+ */
        color: #000;
        opacity: 1; }
      .grid > li#enquiries .gform_wrapper input :-ms-input-placeholder, .grid > li#enquiries .gform_wrapper textarea :-ms-input-placeholder, .grid .alm-reveal > li#enquiries .gform_wrapper input :-ms-input-placeholder, .grid .alm-reveal > li#enquiries .gform_wrapper textarea :-ms-input-placeholder,
      .item#enquiries .gform_wrapper input :-ms-input-placeholder,
      .item#enquiries .gform_wrapper textarea :-ms-input-placeholder {
        /* IE 10+ */
        color: #000;
        opacity: 1; }
      .grid > li#enquiries .gform_wrapper input :-moz-placeholder, .grid > li#enquiries .gform_wrapper textarea :-moz-placeholder, .grid .alm-reveal > li#enquiries .gform_wrapper input :-moz-placeholder, .grid .alm-reveal > li#enquiries .gform_wrapper textarea :-moz-placeholder,
      .item#enquiries .gform_wrapper input :-moz-placeholder,
      .item#enquiries .gform_wrapper textarea :-moz-placeholder {
        /* Firefox 18- */
        color: #000;
        opacity: 1; }
      .grid > li#enquiries .gform_wrapper input[type="checkbox"], .grid > li#enquiries .gform_wrapper input[type="radio"], .grid > li#enquiries .gform_wrapper textarea[type="checkbox"], .grid > li#enquiries .gform_wrapper textarea[type="radio"], .grid .alm-reveal > li#enquiries .gform_wrapper input[type="checkbox"], .grid .alm-reveal > li#enquiries .gform_wrapper input[type="radio"], .grid .alm-reveal > li#enquiries .gform_wrapper textarea[type="checkbox"], .grid .alm-reveal > li#enquiries .gform_wrapper textarea[type="radio"],
      .item#enquiries .gform_wrapper input[type="checkbox"],
      .item#enquiries .gform_wrapper input[type="radio"],
      .item#enquiries .gform_wrapper textarea[type="checkbox"],
      .item#enquiries .gform_wrapper textarea[type="radio"] {
        border-radius: 100%;
        padding: 0 !important;
        width: 16px !important;
        height: 16px !important;
        display: inline-block;
        margin-right: 0.05rem;
        border: 1px solid #000; }
        .grid > li#enquiries .gform_wrapper input[type="checkbox"]:checked:before, .grid > li#enquiries .gform_wrapper input[type="radio"]:checked:before, .grid > li#enquiries .gform_wrapper textarea[type="checkbox"]:checked:before, .grid > li#enquiries .gform_wrapper textarea[type="radio"]:checked:before, .grid .alm-reveal > li#enquiries .gform_wrapper input[type="checkbox"]:checked:before, .grid .alm-reveal > li#enquiries .gform_wrapper input[type="radio"]:checked:before, .grid .alm-reveal > li#enquiries .gform_wrapper textarea[type="checkbox"]:checked:before, .grid .alm-reveal > li#enquiries .gform_wrapper textarea[type="radio"]:checked:before,
        .item#enquiries .gform_wrapper input[type="checkbox"]:checked:before,
        .item#enquiries .gform_wrapper input[type="radio"]:checked:before,
        .item#enquiries .gform_wrapper textarea[type="checkbox"]:checked:before,
        .item#enquiries .gform_wrapper textarea[type="radio"]:checked:before {
          content: "";
          width: 10px;
          height: 10px;
          margin: 2px;
          background: #000;
          border-radius: 100%;
          display: block; }
    .grid > li#enquiries .gform_wrapper button, .grid .alm-reveal > li#enquiries .gform_wrapper button,
    .item#enquiries .gform_wrapper button {
      background: #292B33;
      color: #fff;
      font-size: 11px;
      font-size: calc(11px + 0.25vw);
      line-height: 1.25;
      font-family: aktiv-grotesk, sans-serif;
      padding: 1.25vh 3vh;
      float: right;
      margin-top: -1.5vh; }
    .grid > li#enquiries .gform_wrapper textarea, .grid .alm-reveal > li#enquiries .gform_wrapper textarea,
    .item#enquiries .gform_wrapper textarea {
      height: 10vh; }
    .grid > li#enquiries .gform_wrapper .gform_drop_area, .grid .alm-reveal > li#enquiries .gform_wrapper .gform_drop_area,
    .item#enquiries .gform_wrapper .gform_drop_area {
      padding: 12px;
      height: auto; }
      .grid > li#enquiries .gform_wrapper .gform_drop_area .gform_drop_instructions, .grid .alm-reveal > li#enquiries .gform_wrapper .gform_drop_area .gform_drop_instructions,
      .item#enquiries .gform_wrapper .gform_drop_area .gform_drop_instructions {
        display: none; }
      .grid > li#enquiries .gform_wrapper .gform_drop_area button, .grid .alm-reveal > li#enquiries .gform_wrapper .gform_drop_area button,
      .item#enquiries .gform_wrapper .gform_drop_area button {
        float: none !important;
        margin-top: 0rem !important; }
    .grid > li#enquiries .gform_wrapper .ginput_container_fileupload:after, .grid .alm-reveal > li#enquiries .gform_wrapper .ginput_container_fileupload:after,
    .item#enquiries .gform_wrapper .ginput_container_fileupload:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      overflow: hidden;
      visibility: hidden; }
    .grid > li#enquiries .gform_wrapper .gform_drop_area input[type="button"], .grid .alm-reveal > li#enquiries .gform_wrapper .gform_drop_area input[type="button"],
    .item#enquiries .gform_wrapper .gform_drop_area input[type="button"] {
      background: #000;
      color: #fff !important;
      border: 1px solid #000;
      margin-top: 1rem; }
    .grid > li#enquiries .gform_wrapper .gform_delete, .grid .alm-reveal > li#enquiries .gform_wrapper .gform_delete,
    .item#enquiries .gform_wrapper .gform_delete {
      vertical-align: middle;
      cursor: pointer;
      display: inline-block;
      width: 20px;
      overflow: hidden;
      text-indent: -99999px; }
    .grid > li#enquiries .gform_wrapper li.file-input, .grid > li#enquiries .gform_wrapper li#field_1_5, .grid .alm-reveal > li#enquiries .gform_wrapper li.file-input, .grid .alm-reveal > li#enquiries .gform_wrapper li#field_1_5,
    .item#enquiries .gform_wrapper li.file-input,
    .item#enquiries .gform_wrapper li#field_1_5 {
      width: 100%;
      position: relative; }
      .grid > li#enquiries .gform_wrapper li.file-input .file-name, .grid > li#enquiries .gform_wrapper li#field_1_5 .file-name, .grid .alm-reveal > li#enquiries .gform_wrapper li.file-input .file-name, .grid .alm-reveal > li#enquiries .gform_wrapper li#field_1_5 .file-name,
      .item#enquiries .gform_wrapper li.file-input .file-name,
      .item#enquiries .gform_wrapper li#field_1_5 .file-name {
        max-width: 60%;
        height: 3vh;
        overflow: hidden;
        white-space: nowrap;
        position: absolute;
        top: 45%;
        left: 0;
        font-size: 11px;
        font-size: calc(11px + 0.25vw);
        line-height: 1.25; }
        .grid > li#enquiries .gform_wrapper li.file-input .file-name:after, .grid > li#enquiries .gform_wrapper li#field_1_5 .file-name:after, .grid .alm-reveal > li#enquiries .gform_wrapper li.file-input .file-name:after, .grid .alm-reveal > li#enquiries .gform_wrapper li#field_1_5 .file-name:after,
        .item#enquiries .gform_wrapper li.file-input .file-name:after,
        .item#enquiries .gform_wrapper li#field_1_5 .file-name:after {
          content: "..."; }
      .grid > li#enquiries .gform_wrapper li.file-input label.gfield_label, .grid > li#enquiries .gform_wrapper li#field_1_5 label.gfield_label, .grid .alm-reveal > li#enquiries .gform_wrapper li.file-input label.gfield_label, .grid .alm-reveal > li#enquiries .gform_wrapper li#field_1_5 label.gfield_label,
      .item#enquiries .gform_wrapper li.file-input label.gfield_label,
      .item#enquiries .gform_wrapper li#field_1_5 label.gfield_label {
        font-weight: 300;
        background: #fff;
        color: #292B33;
        font-size: 11px;
        font-size: calc(11px + 0.25vw);
        line-height: 1.25;
        padding: 1.25vh 3vh;
        text-align: center;
        border: 1px solid #292B33;
        display: inline-block !important;
        margin-top: 2vh;
        float: right;
        max-width: 40%; }
        .grid > li#enquiries .gform_wrapper li.file-input label.gfield_label:hover, .grid > li#enquiries .gform_wrapper li#field_1_5 label.gfield_label:hover, .grid .alm-reveal > li#enquiries .gform_wrapper li.file-input label.gfield_label:hover, .grid .alm-reveal > li#enquiries .gform_wrapper li#field_1_5 label.gfield_label:hover,
        .item#enquiries .gform_wrapper li.file-input label.gfield_label:hover,
        .item#enquiries .gform_wrapper li#field_1_5 label.gfield_label:hover {
          cursor: pointer;
          /* "hand" cursor */
          color: #fff;
          background-color: #292B33; }
        .grid > li#enquiries .gform_wrapper li.file-input label.gfield_label *, .grid > li#enquiries .gform_wrapper li#field_1_5 label.gfield_label *, .grid .alm-reveal > li#enquiries .gform_wrapper li.file-input label.gfield_label *, .grid .alm-reveal > li#enquiries .gform_wrapper li#field_1_5 label.gfield_label *,
        .item#enquiries .gform_wrapper li.file-input label.gfield_label *,
        .item#enquiries .gform_wrapper li#field_1_5 label.gfield_label * {
          pointer-events: none; }
  .grid > li .gform_confirmation_message_2, .grid .alm-reveal > li .gform_confirmation_message_2,
  .item .gform_confirmation_message_2 {
    margin-top: 2vh; }
  .grid > li .gform_wrapper div.validation_error, .grid .alm-reveal > li .gform_wrapper div.validation_error,
  .item .gform_wrapper div.validation_error {
    display: none !important; }
  .grid > li .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .grid .alm-reveal > li .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
  .item .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    max-width: 100%;
    padding: 4px 0 0 !important; }
  .grid > li .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .grid > li .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .grid .alm-reveal > li .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .grid .alm-reveal > li .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
  .item .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
  .item .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0 !important; }
  .grid > li .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .grid > li .gform_wrapper li.gfield_error textarea, .grid .alm-reveal > li .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .grid .alm-reveal > li .gform_wrapper li.gfield_error textarea,
  .item .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
  .item .gform_wrapper li.gfield_error textarea {
    border: 0; }
  .grid > li .gform_wrapper li.gfield.gfield_error, .grid > li .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, .grid .alm-reveal > li .gform_wrapper li.gfield.gfield_error, .grid .alm-reveal > li .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
  .item .gform_wrapper li.gfield.gfield_error,
  .item .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent;
    margin-bottom: 0px !important;
    border-top: 0;
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0; }
  .grid > li.project.introduction, .grid .alm-reveal > li.project.introduction,
  .item.project.introduction {
    margin-left: 1.25vw; }
    .grid > li.project.introduction p, .grid .alm-reveal > li.project.introduction p,
    .item.project.introduction p {
      max-width: 85%; }
  .grid > li.load-in, .grid .alm-reveal > li.load-in,
  .item.load-in {
    position: relative;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
    .grid > li.load-in.active, .grid .alm-reveal > li.load-in.active,
    .item.load-in.active {
      padding-right: 7vw;
      flex-basis: calc((7.53vw * 6) + 7vw - (var(--gutter) / 4));
      width: calc((7.53vw * 6) + 7vw - (var(--gutter) / 4));
      min-width: calc(700px + 7vw - (var(--gutter) / 4)); }
  .grid > li.project-column, .grid > li.load-more, .grid > li.alm-btn-wrap, .grid > li.related-projects, .grid .alm-reveal > li.project-column, .grid .alm-reveal > li.load-more, .grid .alm-reveal > li.alm-btn-wrap, .grid .alm-reveal > li.related-projects,
  .item.project-column,
  .item.load-more,
  .item.alm-btn-wrap,
  .item.related-projects {
    position: relative;
    width: auto !important;
    min-width: 0 !important;
    padding-left: calc(var(--gutter) / 4);
    padding-right: calc(var(--gutter) / 4); }
    .grid > li.project-column.team .flex-item svg *, .grid > li.load-more.team .flex-item svg *, .grid > li.alm-btn-wrap.team .flex-item svg *, .grid > li.related-projects.team .flex-item svg *, .grid .alm-reveal > li.project-column.team .flex-item svg *, .grid .alm-reveal > li.load-more.team .flex-item svg *, .grid .alm-reveal > li.alm-btn-wrap.team .flex-item svg *, .grid .alm-reveal > li.related-projects.team .flex-item svg *,
    .item.project-column.team .flex-item svg *,
    .item.load-more.team .flex-item svg *,
    .item.alm-btn-wrap.team .flex-item svg *,
    .item.related-projects.team .flex-item svg * {
      fill: #fff; }
    .grid > li.project-column .flex-item, .grid > li.load-more .flex-item, .grid > li.alm-btn-wrap .flex-item, .grid > li.related-projects .flex-item, .grid .alm-reveal > li.project-column .flex-item, .grid .alm-reveal > li.load-more .flex-item, .grid .alm-reveal > li.alm-btn-wrap .flex-item, .grid .alm-reveal > li.related-projects .flex-item,
    .item.project-column .flex-item,
    .item.load-more .flex-item,
    .item.alm-btn-wrap .flex-item,
    .item.related-projects .flex-item {
      padding-right: 0.5vw;
      padding-bottom: 0.5vw; }
    .grid > li.project-column.hidden, .grid > li.load-more.hidden, .grid > li.alm-btn-wrap.hidden, .grid > li.related-projects.hidden, .grid .alm-reveal > li.project-column.hidden, .grid .alm-reveal > li.load-more.hidden, .grid .alm-reveal > li.alm-btn-wrap.hidden, .grid .alm-reveal > li.related-projects.hidden,
    .item.project-column.hidden,
    .item.load-more.hidden,
    .item.alm-btn-wrap.hidden,
    .item.related-projects.hidden {
      max-width: 0;
      min-width: 0;
      overflow: hidden;
      padding-left: 6vw;
      margin-right: -1vw;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
      .grid > li.project-column.hidden .load-more a, .grid > li.project-column.hidden .load-more-link a, .grid > li.load-more.hidden .load-more a, .grid > li.load-more.hidden .load-more-link a, .grid > li.alm-btn-wrap.hidden .load-more a, .grid > li.alm-btn-wrap.hidden .load-more-link a, .grid > li.related-projects.hidden .load-more a, .grid > li.related-projects.hidden .load-more-link a, .grid .alm-reveal > li.project-column.hidden .load-more a, .grid .alm-reveal > li.project-column.hidden .load-more-link a, .grid .alm-reveal > li.load-more.hidden .load-more a, .grid .alm-reveal > li.load-more.hidden .load-more-link a, .grid .alm-reveal > li.alm-btn-wrap.hidden .load-more a, .grid .alm-reveal > li.alm-btn-wrap.hidden .load-more-link a, .grid .alm-reveal > li.related-projects.hidden .load-more a, .grid .alm-reveal > li.related-projects.hidden .load-more-link a,
      .item.project-column.hidden .load-more a,
      .item.project-column.hidden .load-more-link a,
      .item.load-more.hidden .load-more a,
      .item.load-more.hidden .load-more-link a,
      .item.alm-btn-wrap.hidden .load-more a,
      .item.alm-btn-wrap.hidden .load-more-link a,
      .item.related-projects.hidden .load-more a,
      .item.related-projects.hidden .load-more-link a {
        right: 4.5vw !important;
        width: 4vw; }
        .grid > li.project-column.hidden .load-more a:after, .grid > li.project-column.hidden .load-more-link a:after, .grid > li.load-more.hidden .load-more a:after, .grid > li.load-more.hidden .load-more-link a:after, .grid > li.alm-btn-wrap.hidden .load-more a:after, .grid > li.alm-btn-wrap.hidden .load-more-link a:after, .grid > li.related-projects.hidden .load-more a:after, .grid > li.related-projects.hidden .load-more-link a:after, .grid .alm-reveal > li.project-column.hidden .load-more a:after, .grid .alm-reveal > li.project-column.hidden .load-more-link a:after, .grid .alm-reveal > li.load-more.hidden .load-more a:after, .grid .alm-reveal > li.load-more.hidden .load-more-link a:after, .grid .alm-reveal > li.alm-btn-wrap.hidden .load-more a:after, .grid .alm-reveal > li.alm-btn-wrap.hidden .load-more-link a:after, .grid .alm-reveal > li.related-projects.hidden .load-more a:after, .grid .alm-reveal > li.related-projects.hidden .load-more-link a:after,
        .item.project-column.hidden .load-more a:after,
        .item.project-column.hidden .load-more-link a:after,
        .item.load-more.hidden .load-more a:after,
        .item.load-more.hidden .load-more-link a:after,
        .item.alm-btn-wrap.hidden .load-more a:after,
        .item.alm-btn-wrap.hidden .load-more-link a:after,
        .item.related-projects.hidden .load-more a:after,
        .item.related-projects.hidden .load-more-link a:after {
          -moz-transition-property: all;
          -o-transition-property: all;
          -webkit-transition-property: all;
          transition-property: all;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -moz-transition-timing-function: ease-in-out;
          -o-transition-timing-function: ease-in-out;
          -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
          -moz-transition-delay: 0s;
          -o-transition-delay: 0s;
          -webkit-transition-delay: 0s;
          transition-delay: 0s; }
    .grid > li.project-column.active, .grid > li.load-more.active, .grid > li.alm-btn-wrap.active, .grid > li.related-projects.active, .grid .alm-reveal > li.project-column.active, .grid .alm-reveal > li.load-more.active, .grid .alm-reveal > li.alm-btn-wrap.active, .grid .alm-reveal > li.related-projects.active,
    .item.project-column.active,
    .item.load-more.active,
    .item.alm-btn-wrap.active,
    .item.related-projects.active {
      max-width: none; }
      .grid > li.project-column.active a:after, .grid > li.load-more.active a:after, .grid > li.alm-btn-wrap.active a:after, .grid > li.related-projects.active a:after, .grid .alm-reveal > li.project-column.active a:after, .grid .alm-reveal > li.load-more.active a:after, .grid .alm-reveal > li.alm-btn-wrap.active a:after, .grid .alm-reveal > li.related-projects.active a:after,
      .item.project-column.active a:after,
      .item.load-more.active a:after,
      .item.alm-btn-wrap.active a:after,
      .item.related-projects.active a:after {
        transform: rotate(-45deg);
        right: 0vh; }
    .grid > li.project-column .load-more, .grid > li.project-column .load-more-link, .grid > li.load-more .load-more, .grid > li.load-more .load-more-link, .grid > li.alm-btn-wrap .load-more, .grid > li.alm-btn-wrap .load-more-link, .grid > li.related-projects .load-more, .grid > li.related-projects .load-more-link, .grid .alm-reveal > li.project-column .load-more, .grid .alm-reveal > li.project-column .load-more-link, .grid .alm-reveal > li.load-more .load-more, .grid .alm-reveal > li.load-more .load-more-link, .grid .alm-reveal > li.alm-btn-wrap .load-more, .grid .alm-reveal > li.alm-btn-wrap .load-more-link, .grid .alm-reveal > li.related-projects .load-more, .grid .alm-reveal > li.related-projects .load-more-link,
    .item.project-column .load-more,
    .item.project-column .load-more-link,
    .item.load-more .load-more,
    .item.load-more .load-more-link,
    .item.alm-btn-wrap .load-more,
    .item.alm-btn-wrap .load-more-link,
    .item.related-projects .load-more,
    .item.related-projects .load-more-link {
      position: absolute;
      width: 7.75vw;
      height: 80vh;
      right: auto;
      top: 15vh;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      -webkit-transition-duration: 0.2s;
      transition-duration: 0.2s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
      .grid > li.project-column .load-more a, .grid > li.project-column .load-more-link a, .grid > li.load-more .load-more a, .grid > li.load-more .load-more-link a, .grid > li.alm-btn-wrap .load-more a, .grid > li.alm-btn-wrap .load-more-link a, .grid > li.related-projects .load-more a, .grid > li.related-projects .load-more-link a, .grid .alm-reveal > li.project-column .load-more a, .grid .alm-reveal > li.project-column .load-more-link a, .grid .alm-reveal > li.load-more .load-more a, .grid .alm-reveal > li.load-more .load-more-link a, .grid .alm-reveal > li.alm-btn-wrap .load-more a, .grid .alm-reveal > li.alm-btn-wrap .load-more-link a, .grid .alm-reveal > li.related-projects .load-more a, .grid .alm-reveal > li.related-projects .load-more-link a,
      .item.project-column .load-more a,
      .item.project-column .load-more-link a,
      .item.load-more .load-more a,
      .item.load-more .load-more-link a,
      .item.alm-btn-wrap .load-more a,
      .item.alm-btn-wrap .load-more-link a,
      .item.related-projects .load-more a,
      .item.related-projects .load-more-link a {
        position: relative;
        font-weight: 300;
        color: rgba(41, 43, 51, 0.6);
        display: block;
        text-align: right;
        display: block;
        right: 4.5vw !important;
        width: 4vw;
        top: 36vh;
        position: relative;
        height: 100%;
        top: 0; }
        .grid > li.project-column .load-more a.animating, .grid > li.project-column .load-more-link a.animating, .grid > li.load-more .load-more a.animating, .grid > li.load-more .load-more-link a.animating, .grid > li.alm-btn-wrap .load-more a.animating, .grid > li.alm-btn-wrap .load-more-link a.animating, .grid > li.related-projects .load-more a.animating, .grid > li.related-projects .load-more-link a.animating, .grid .alm-reveal > li.project-column .load-more a.animating, .grid .alm-reveal > li.project-column .load-more-link a.animating, .grid .alm-reveal > li.load-more .load-more a.animating, .grid .alm-reveal > li.load-more .load-more-link a.animating, .grid .alm-reveal > li.alm-btn-wrap .load-more a.animating, .grid .alm-reveal > li.alm-btn-wrap .load-more-link a.animating, .grid .alm-reveal > li.related-projects .load-more a.animating, .grid .alm-reveal > li.related-projects .load-more-link a.animating,
        .item.project-column .load-more a.animating,
        .item.project-column .load-more-link a.animating,
        .item.load-more .load-more a.animating,
        .item.load-more .load-more-link a.animating,
        .item.alm-btn-wrap .load-more a.animating,
        .item.alm-btn-wrap .load-more-link a.animating,
        .item.related-projects .load-more a.animating,
        .item.related-projects .load-more-link a.animating {
          opacity: 0; }
        .grid > li.project-column .load-more a svg, .grid > li.project-column .load-more-link a svg, .grid > li.load-more .load-more a svg, .grid > li.load-more .load-more-link a svg, .grid > li.alm-btn-wrap .load-more a svg, .grid > li.alm-btn-wrap .load-more-link a svg, .grid > li.related-projects .load-more a svg, .grid > li.related-projects .load-more-link a svg, .grid .alm-reveal > li.project-column .load-more a svg, .grid .alm-reveal > li.project-column .load-more-link a svg, .grid .alm-reveal > li.load-more .load-more a svg, .grid .alm-reveal > li.load-more .load-more-link a svg, .grid .alm-reveal > li.alm-btn-wrap .load-more a svg, .grid .alm-reveal > li.alm-btn-wrap .load-more-link a svg, .grid .alm-reveal > li.related-projects .load-more a svg, .grid .alm-reveal > li.related-projects .load-more-link a svg,
        .item.project-column .load-more a svg,
        .item.project-column .load-more-link a svg,
        .item.load-more .load-more a svg,
        .item.load-more .load-more-link a svg,
        .item.alm-btn-wrap .load-more a svg,
        .item.alm-btn-wrap .load-more-link a svg,
        .item.related-projects .load-more a svg,
        .item.related-projects .load-more-link a svg {
          opacity: 0.6;
          width: 15px;
          height: 15px;
          margin-left: 1vh;
          display: inline-block;
          top: 0.25vh;
          position: relative; }
        .grid > li.project-column .load-more a:hover, .grid > li.project-column .load-more-link a:hover, .grid > li.load-more .load-more a:hover, .grid > li.load-more .load-more-link a:hover, .grid > li.alm-btn-wrap .load-more a:hover, .grid > li.alm-btn-wrap .load-more-link a:hover, .grid > li.related-projects .load-more a:hover, .grid > li.related-projects .load-more-link a:hover, .grid .alm-reveal > li.project-column .load-more a:hover, .grid .alm-reveal > li.project-column .load-more-link a:hover, .grid .alm-reveal > li.load-more .load-more a:hover, .grid .alm-reveal > li.load-more .load-more-link a:hover, .grid .alm-reveal > li.alm-btn-wrap .load-more a:hover, .grid .alm-reveal > li.alm-btn-wrap .load-more-link a:hover, .grid .alm-reveal > li.related-projects .load-more a:hover, .grid .alm-reveal > li.related-projects .load-more-link a:hover,
        .item.project-column .load-more a:hover,
        .item.project-column .load-more-link a:hover,
        .item.load-more .load-more a:hover,
        .item.load-more .load-more-link a:hover,
        .item.alm-btn-wrap .load-more a:hover,
        .item.alm-btn-wrap .load-more-link a:hover,
        .item.related-projects .load-more a:hover,
        .item.related-projects .load-more-link a:hover {
          cursor: pointer; }
        .grid > li.project-column .load-more a span, .grid > li.project-column .load-more-link a span, .grid > li.load-more .load-more a span, .grid > li.load-more .load-more-link a span, .grid > li.alm-btn-wrap .load-more a span, .grid > li.alm-btn-wrap .load-more-link a span, .grid > li.related-projects .load-more a span, .grid > li.related-projects .load-more-link a span, .grid .alm-reveal > li.project-column .load-more a span, .grid .alm-reveal > li.project-column .load-more-link a span, .grid .alm-reveal > li.load-more .load-more a span, .grid .alm-reveal > li.load-more .load-more-link a span, .grid .alm-reveal > li.alm-btn-wrap .load-more a span, .grid .alm-reveal > li.alm-btn-wrap .load-more-link a span, .grid .alm-reveal > li.related-projects .load-more a span, .grid .alm-reveal > li.related-projects .load-more-link a span,
        .item.project-column .load-more a span,
        .item.project-column .load-more-link a span,
        .item.load-more .load-more a span,
        .item.load-more .load-more-link a span,
        .item.alm-btn-wrap .load-more a span,
        .item.alm-btn-wrap .load-more-link a span,
        .item.related-projects .load-more a span,
        .item.related-projects .load-more-link a span {
          position: absolute;
          top: 0;
          left: 0;
          -moz-transform: rotate(-90deg) translate(-100%, 0%);
          -o-transform: rotate(-90deg) translate(-100%, 0%);
          -ms-transform: rotate(-90deg) translate(-100%, 0%);
          -webkit-transform: rotate(-90deg) translate(-100%, 0%);
          transform: rotate(-90deg) translate(-100%, 0%);
          transform-origin: 0 0;
          opacity: 0;
          display: block;
          min-width: 40vh;
          height: 4vh; }
          .grid > li.project-column .load-more a span.active, .grid > li.project-column .load-more-link a span.active, .grid > li.load-more .load-more a span.active, .grid > li.load-more .load-more-link a span.active, .grid > li.alm-btn-wrap .load-more a span.active, .grid > li.alm-btn-wrap .load-more-link a span.active, .grid > li.related-projects .load-more a span.active, .grid > li.related-projects .load-more-link a span.active, .grid .alm-reveal > li.project-column .load-more a span.active, .grid .alm-reveal > li.project-column .load-more-link a span.active, .grid .alm-reveal > li.load-more .load-more a span.active, .grid .alm-reveal > li.load-more .load-more-link a span.active, .grid .alm-reveal > li.alm-btn-wrap .load-more a span.active, .grid .alm-reveal > li.alm-btn-wrap .load-more-link a span.active, .grid .alm-reveal > li.related-projects .load-more a span.active, .grid .alm-reveal > li.related-projects .load-more-link a span.active,
          .item.project-column .load-more a span.active,
          .item.project-column .load-more-link a span.active,
          .item.load-more .load-more a span.active,
          .item.load-more .load-more-link a span.active,
          .item.alm-btn-wrap .load-more a span.active,
          .item.alm-btn-wrap .load-more-link a span.active,
          .item.related-projects .load-more a span.active,
          .item.related-projects .load-more-link a span.active {
            opacity: 1; }
    .grid > li.project-column.active .load-more, .grid > li.load-more.active .load-more, .grid > li.alm-btn-wrap.active .load-more, .grid > li.related-projects.active .load-more, .grid .alm-reveal > li.project-column.active .load-more, .grid .alm-reveal > li.load-more.active .load-more, .grid .alm-reveal > li.alm-btn-wrap.active .load-more, .grid .alm-reveal > li.related-projects.active .load-more,
    .item.project-column.active .load-more,
    .item.load-more.active .load-more,
    .item.alm-btn-wrap.active .load-more,
    .item.related-projects.active .load-more {
      width: 7.75vw;
      right: -7.5vw;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      -webkit-transition-duration: 0.2s;
      transition-duration: 0.2s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      -moz-transition-delay: 2.5s;
      -o-transition-delay: 2.5s;
      -webkit-transition-delay: 2.5s;
      transition-delay: 2.5s; }
    .grid > li.project-column.second .project, .grid > li.load-more.second .project, .grid > li.alm-btn-wrap.second .project, .grid > li.related-projects.second .project, .grid .alm-reveal > li.project-column.second .project, .grid .alm-reveal > li.load-more.second .project, .grid .alm-reveal > li.alm-btn-wrap.second .project, .grid .alm-reveal > li.related-projects.second .project,
    .item.project-column.second .project,
    .item.load-more.second .project,
    .item.alm-btn-wrap.second .project,
    .item.related-projects.second .project {
      padding-right: 3%;
      padding-left: 0; }
      .grid > li.project-column.second .project.large, .grid > li.load-more.second .project.large, .grid > li.alm-btn-wrap.second .project.large, .grid > li.related-projects.second .project.large, .grid .alm-reveal > li.project-column.second .project.large, .grid .alm-reveal > li.load-more.second .project.large, .grid .alm-reveal > li.alm-btn-wrap.second .project.large, .grid .alm-reveal > li.related-projects.second .project.large,
      .item.project-column.second .project.large,
      .item.load-more.second .project.large,
      .item.alm-btn-wrap.second .project.large,
      .item.related-projects.second .project.large {
        margin-bottom: 0;
        margin-top: 5%;
        padding-left: 0; }
      .grid > li.project-column.second .project.second, .grid > li.load-more.second .project.second, .grid > li.alm-btn-wrap.second .project.second, .grid > li.related-projects.second .project.second, .grid .alm-reveal > li.project-column.second .project.second, .grid .alm-reveal > li.load-more.second .project.second, .grid .alm-reveal > li.alm-btn-wrap.second .project.second, .grid .alm-reveal > li.related-projects.second .project.second,
      .item.project-column.second .project.second,
      .item.load-more.second .project.second,
      .item.alm-btn-wrap.second .project.second,
      .item.related-projects.second .project.second {
        padding-left: 3%;
        padding-right: 0; }
    .grid > li.project-column.load-in .flex .flex-item, .grid > li.load-more.load-in .flex .flex-item, .grid > li.alm-btn-wrap.load-in .flex .flex-item, .grid > li.related-projects.load-in .flex .flex-item, .grid .alm-reveal > li.project-column.load-in .flex .flex-item, .grid .alm-reveal > li.load-more.load-in .flex .flex-item, .grid .alm-reveal > li.alm-btn-wrap.load-in .flex .flex-item, .grid .alm-reveal > li.related-projects.load-in .flex .flex-item,
    .item.project-column.load-in .flex .flex-item,
    .item.load-more.load-in .flex .flex-item,
    .item.alm-btn-wrap.load-in .flex .flex-item,
    .item.related-projects.load-in .flex .flex-item {
      margin-bottom: 5%; }
      .grid > li.project-column.load-in .flex .flex-item img, .grid > li.project-column.load-in .flex .flex-item picture, .grid > li.load-more.load-in .flex .flex-item img, .grid > li.load-more.load-in .flex .flex-item picture, .grid > li.alm-btn-wrap.load-in .flex .flex-item img, .grid > li.alm-btn-wrap.load-in .flex .flex-item picture, .grid > li.related-projects.load-in .flex .flex-item img, .grid > li.related-projects.load-in .flex .flex-item picture, .grid .alm-reveal > li.project-column.load-in .flex .flex-item img, .grid .alm-reveal > li.project-column.load-in .flex .flex-item picture, .grid .alm-reveal > li.load-more.load-in .flex .flex-item img, .grid .alm-reveal > li.load-more.load-in .flex .flex-item picture, .grid .alm-reveal > li.alm-btn-wrap.load-in .flex .flex-item img, .grid .alm-reveal > li.alm-btn-wrap.load-in .flex .flex-item picture, .grid .alm-reveal > li.related-projects.load-in .flex .flex-item img, .grid .alm-reveal > li.related-projects.load-in .flex .flex-item picture,
      .item.project-column.load-in .flex .flex-item img,
      .item.project-column.load-in .flex .flex-item picture,
      .item.load-more.load-in .flex .flex-item img,
      .item.load-more.load-in .flex .flex-item picture,
      .item.alm-btn-wrap.load-in .flex .flex-item img,
      .item.alm-btn-wrap.load-in .flex .flex-item picture,
      .item.related-projects.load-in .flex .flex-item img,
      .item.related-projects.load-in .flex .flex-item picture {
        opacity: 0; }
    .grid > li.project-column .project, .grid > li.load-more .project, .grid > li.alm-btn-wrap .project, .grid > li.related-projects .project, .grid .alm-reveal > li.project-column .project, .grid .alm-reveal > li.load-more .project, .grid .alm-reveal > li.alm-btn-wrap .project, .grid .alm-reveal > li.related-projects .project,
    .item.project-column .project,
    .item.load-more .project,
    .item.alm-btn-wrap .project,
    .item.related-projects .project {
      width: 19vw;
      height: 22vh;
      position: relative; }
      .grid > li.project-column .project.large, .grid > li.load-more .project.large, .grid > li.alm-btn-wrap .project.large, .grid > li.related-projects .project.large, .grid .alm-reveal > li.project-column .project.large, .grid .alm-reveal > li.load-more .project.large, .grid .alm-reveal > li.alm-btn-wrap .project.large, .grid .alm-reveal > li.related-projects .project.large,
      .item.project-column .project.large,
      .item.load-more .project.large,
      .item.alm-btn-wrap .project.large,
      .item.related-projects .project.large {
        width: 38vw;
        height: 44vh; }
      .grid > li.project-column .project .wrapper, .grid > li.load-more .project .wrapper, .grid > li.alm-btn-wrap .project .wrapper, .grid > li.related-projects .project .wrapper, .grid .alm-reveal > li.project-column .project .wrapper, .grid .alm-reveal > li.load-more .project .wrapper, .grid .alm-reveal > li.alm-btn-wrap .project .wrapper, .grid .alm-reveal > li.related-projects .project .wrapper,
      .item.project-column .project .wrapper,
      .item.load-more .project .wrapper,
      .item.alm-btn-wrap .project .wrapper,
      .item.related-projects .project .wrapper {
        position: relative;
        height: 100%;
        width: 100%; }
      .grid > li.project-column .project figure, .grid > li.load-more .project figure, .grid > li.alm-btn-wrap .project figure, .grid > li.related-projects .project figure, .grid .alm-reveal > li.project-column .project figure, .grid .alm-reveal > li.load-more .project figure, .grid .alm-reveal > li.alm-btn-wrap .project figure, .grid .alm-reveal > li.related-projects .project figure,
      .item.project-column .project figure,
      .item.load-more .project figure,
      .item.alm-btn-wrap .project figure,
      .item.related-projects .project figure {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        float: left; }
      .grid > li.project-column .project a, .grid > li.load-more .project a, .grid > li.alm-btn-wrap .project a, .grid > li.related-projects .project a, .grid .alm-reveal > li.project-column .project a, .grid .alm-reveal > li.load-more .project a, .grid .alm-reveal > li.alm-btn-wrap .project a, .grid .alm-reveal > li.related-projects .project a,
      .item.project-column .project a,
      .item.load-more .project a,
      .item.alm-btn-wrap .project a,
      .item.related-projects .project a {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 500;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-duration: 0.1s;
        -o-transition-duration: 0.1s;
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -moz-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        -moz-transition-delay: 0;
        -o-transition-delay: 0;
        -webkit-transition-delay: 0;
        transition-delay: 0; }
        .grid > li.project-column .project a span, .grid > li.load-more .project a span, .grid > li.alm-btn-wrap .project a span, .grid > li.related-projects .project a span, .grid .alm-reveal > li.project-column .project a span, .grid .alm-reveal > li.load-more .project a span, .grid .alm-reveal > li.alm-btn-wrap .project a span, .grid .alm-reveal > li.related-projects .project a span,
        .item.project-column .project a span,
        .item.load-more .project a span,
        .item.alm-btn-wrap .project a span,
        .item.related-projects .project a span {
          display: none; }
      .grid > li.project-column .project.second, .grid > li.load-more .project.second, .grid > li.alm-btn-wrap .project.second, .grid > li.related-projects .project.second, .grid .alm-reveal > li.project-column .project.second, .grid .alm-reveal > li.load-more .project.second, .grid .alm-reveal > li.alm-btn-wrap .project.second, .grid .alm-reveal > li.related-projects .project.second,
      .item.project-column .project.second,
      .item.load-more .project.second,
      .item.alm-btn-wrap .project.second,
      .item.related-projects .project.second {
        margin-right: 0; }
      .grid > li.project-column .project .overlay, .grid > li.load-more .project .overlay, .grid > li.alm-btn-wrap .project .overlay, .grid > li.related-projects .project .overlay, .grid .alm-reveal > li.project-column .project .overlay, .grid .alm-reveal > li.load-more .project .overlay, .grid .alm-reveal > li.alm-btn-wrap .project .overlay, .grid .alm-reveal > li.related-projects .project .overlay,
      .item.project-column .project .overlay,
      .item.load-more .project .overlay,
      .item.alm-btn-wrap .project .overlay,
      .item.related-projects .project .overlay {
        position: absolute;
        opacity: 0;
        display: none;
        background: rgba(31, 119, 250, 0.7);
        color: #fff;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 500;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s; }
        .grid > li.project-column .project .overlay .content, .grid > li.load-more .project .overlay .content, .grid > li.alm-btn-wrap .project .overlay .content, .grid > li.related-projects .project .overlay .content, .grid .alm-reveal > li.project-column .project .overlay .content, .grid .alm-reveal > li.load-more .project .overlay .content, .grid .alm-reveal > li.alm-btn-wrap .project .overlay .content, .grid .alm-reveal > li.related-projects .project .overlay .content,
        .item.project-column .project .overlay .content,
        .item.load-more .project .overlay .content,
        .item.alm-btn-wrap .project .overlay .content,
        .item.related-projects .project .overlay .content {
          position: absolute;
          bottom: 2vh;
          left: 2vh;
          width: 100%;
          letter-spacing: 0; }
        .grid > li.project-column .project .overlay a, .grid > li.load-more .project .overlay a, .grid > li.alm-btn-wrap .project .overlay a, .grid > li.related-projects .project .overlay a, .grid .alm-reveal > li.project-column .project .overlay a, .grid .alm-reveal > li.load-more .project .overlay a, .grid .alm-reveal > li.alm-btn-wrap .project .overlay a, .grid .alm-reveal > li.related-projects .project .overlay a,
        .item.project-column .project .overlay a,
        .item.load-more .project .overlay a,
        .item.alm-btn-wrap .project .overlay a,
        .item.related-projects .project .overlay a {
          display: none;
          pointer-events: none; }
      .grid > li.project-column .project:hover .overlay, .grid > li.load-more .project:hover .overlay, .grid > li.alm-btn-wrap .project:hover .overlay, .grid > li.related-projects .project:hover .overlay, .grid .alm-reveal > li.project-column .project:hover .overlay, .grid .alm-reveal > li.load-more .project:hover .overlay, .grid .alm-reveal > li.alm-btn-wrap .project:hover .overlay, .grid .alm-reveal > li.related-projects .project:hover .overlay,
      .item.project-column .project:hover .overlay,
      .item.load-more .project:hover .overlay,
      .item.alm-btn-wrap .project:hover .overlay,
      .item.related-projects .project:hover .overlay {
        opacity: 1 !important;
        display: block;
        pointer-events: auto;
        z-index: 1000; }
        .grid > li.project-column .project:hover .overlay a, .grid > li.load-more .project:hover .overlay a, .grid > li.alm-btn-wrap .project:hover .overlay a, .grid > li.related-projects .project:hover .overlay a, .grid .alm-reveal > li.project-column .project:hover .overlay a, .grid .alm-reveal > li.load-more .project:hover .overlay a, .grid .alm-reveal > li.alm-btn-wrap .project:hover .overlay a, .grid .alm-reveal > li.related-projects .project:hover .overlay a,
        .item.project-column .project:hover .overlay a,
        .item.load-more .project:hover .overlay a,
        .item.alm-btn-wrap .project:hover .overlay a,
        .item.related-projects .project:hover .overlay a {
          display: block;
          pointer-events: auto; }
  .grid > li.item-7.related-projects, .grid .alm-reveal > li.item-7.related-projects,
  .item.item-7.related-projects {
    padding-left: 6vw;
    padding-right: 2vw;
    background: #e6e6e6; }
    .grid > li.item-7.related-projects .project.flex-item, .grid .alm-reveal > li.item-7.related-projects .project.flex-item,
    .item.item-7.related-projects .project.flex-item {
      padding-right: 0.5%; }
      .grid > li.item-7.related-projects .project.flex-item.second, .grid .alm-reveal > li.item-7.related-projects .project.flex-item.second,
      .item.item-7.related-projects .project.flex-item.second {
        padding-right: 0;
        padding-left: 0.5%; }
      .grid > li.item-7.related-projects .project.flex-item.large, .grid .alm-reveal > li.item-7.related-projects .project.flex-item.large,
      .item.item-7.related-projects .project.flex-item.large {
        flex: 100%;
        height: 44vh;
        width: 100%;
        padding-right: 0; }
  .grid > li.case-studies, .grid .alm-reveal > li.case-studies,
  .item.case-studies {
    position: relative; }
    .grid > li.case-studies:before, .grid .alm-reveal > li.case-studies:before,
    .item.case-studies:before {
      content: "";
      border-left: 1px solid #1F77FA;
      display: block;
      position: absolute;
      left: -2.25vh;
      height: 80vh; }
    .grid > li.case-studies > h3, .grid .alm-reveal > li.case-studies > h3,
    .item.case-studies > h3 {
      color: #1F77FA;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      position: absolute;
      left: 1vh;
      top: 18.5vh;
      text-align: right;
      height: 33vh;
      width: calc(30vh); }
    .grid > li.case-studies > p, .grid .alm-reveal > li.case-studies > p,
    .item.case-studies > p {
      position: absolute;
      left: 0;
      top: 50vh; }
  .grid > li.image.image-middle, .grid .alm-reveal > li.image.image-middle,
  .item.image.image-middle {
    padding-top: 50vh; }
    .grid > li.image.image-middle figure, .grid .alm-reveal > li.image.image-middle figure,
    .item.image.image-middle figure {
      max-height: 40vh;
      overflow: hidden; }
  .grid > li.image figure, .grid .alm-reveal > li.image figure,
  .item.image figure {
    max-height: 75vh;
    overflow: hidden; }
  .grid > li.case-study, .grid .alm-reveal > li.case-study,
  .item.case-study {
    position: relative;
    height: auto;
    min-height: 55vh;
    padding-top: 0;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
    .grid > li.case-study .image-container, .grid .alm-reveal > li.case-study .image-container,
    .item.case-study .image-container {
      position: relative;
      left: calc(var(--gutter)/4);
      width: calc(100% - var(--gutter)/2);
      max-height: 68%;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0s;
      -o-transition-duration: 0s;
      -webkit-transition-duration: 0s;
      transition-duration: 0s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
      .grid > li.case-study .image-container figure, .grid .alm-reveal > li.case-study .image-container figure,
      .item.case-study .image-container figure {
        height: 0;
        position: relative;
        width: 100%;
        overflow: hidden;
        padding-top: 56.25%; }
        .grid > li.case-study .image-container figure img, .grid > li.case-study .image-container figure picture, .grid .alm-reveal > li.case-study .image-container figure img, .grid .alm-reveal > li.case-study .image-container figure picture,
        .item.case-study .image-container figure img,
        .item.case-study .image-container figure picture {
          height: 100%;
          width: 100%;
          min-width: 100%;
          position: absolute;
          bottom: 0;
          right: 0; }
    .grid > li.case-study .content-container, .grid .alm-reveal > li.case-study .content-container,
    .item.case-study .content-container {
      position: relative;
      left: calc(var(--gutter)/4);
      height: 10%;
      width: calc(100% - var(--gutter)/2); }
      .grid > li.case-study .content-container h5, .grid .alm-reveal > li.case-study .content-container h5,
      .item.case-study .content-container h5 {
        margin: -1.25rem 0 1.25rem !important;
        font-weight: 100; }
    .grid > li.case-study .wrapper, .grid .alm-reveal > li.case-study .wrapper,
    .item.case-study .wrapper {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      min-height: 48vh; }
      .grid > li.case-study .wrapper:before, .grid .alm-reveal > li.case-study .wrapper:before,
      .item.case-study .wrapper:before {
        content: "";
        border-left: 1px solid #1F77FA;
        display: block;
        position: absolute;
        left: -calc(var(--gutter)*4);
        height: 100%; }
      .grid > li.case-study .wrapper .content, .grid .alm-reveal > li.case-study .wrapper .content,
      .item.case-study .wrapper .content {
        margin-top: 2vh; }
    .grid > li.case-study a.read-more, .grid .alm-reveal > li.case-study a.read-more,
    .item.case-study a.read-more {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 2;
      top: 0;
      left: 0; }
      .grid > li.case-study a.read-more:hover, .grid .alm-reveal > li.case-study a.read-more:hover,
      .item.case-study a.read-more:hover {
        cursor: pointer; }
      .grid > li.case-study a.read-more span, .grid .alm-reveal > li.case-study a.read-more span,
      .item.case-study a.read-more span {
        display: none; }
  .grid > li#principles, .grid > li.perspective, .grid > li#services, .grid > li.perspectives, .grid .alm-reveal > li#principles, .grid .alm-reveal > li.perspective, .grid .alm-reveal > li#services, .grid .alm-reveal > li.perspectives,
  .item#principles,
  .item.perspective,
  .item#services,
  .item.perspectives {
    padding-top: 0; }
    .grid > li#principles .flex, .grid > li.perspective .flex, .grid > li#services .flex, .grid > li.perspectives .flex, .grid .alm-reveal > li#principles .flex, .grid .alm-reveal > li.perspective .flex, .grid .alm-reveal > li#services .flex, .grid .alm-reveal > li.perspectives .flex,
    .item#principles .flex,
    .item.perspective .flex,
    .item#services .flex,
    .item.perspectives .flex {
      display: flex;
      flex-wrap: wrap;
      height: 100vh; }
      .grid > li#principles .flex .flex-item, .grid > li.perspective .flex .flex-item, .grid > li#services .flex .flex-item, .grid > li.perspectives .flex .flex-item, .grid .alm-reveal > li#principles .flex .flex-item, .grid .alm-reveal > li.perspective .flex .flex-item, .grid .alm-reveal > li#services .flex .flex-item, .grid .alm-reveal > li.perspectives .flex .flex-item,
      .item#principles .flex .flex-item,
      .item.perspective .flex .flex-item,
      .item#services .flex .flex-item,
      .item.perspectives .flex .flex-item {
        flex: 30%; }
    .grid > li#principles .slideshow--nav, .grid > li.perspective .slideshow--nav, .grid > li#services .slideshow--nav, .grid > li.perspectives .slideshow--nav, .grid .alm-reveal > li#principles .slideshow--nav, .grid .alm-reveal > li.perspective .slideshow--nav, .grid .alm-reveal > li#services .slideshow--nav, .grid .alm-reveal > li.perspectives .slideshow--nav,
    .item#principles .slideshow--nav,
    .item.perspective .slideshow--nav,
    .item#services .slideshow--nav,
    .item.perspectives .slideshow--nav {
      display: none; }
    .grid > li#principles .principle, .grid > li#principles .single-perspective, .grid > li#principles .service, .grid > li.perspective .principle, .grid > li.perspective .single-perspective, .grid > li.perspective .service, .grid > li#services .principle, .grid > li#services .single-perspective, .grid > li#services .service, .grid > li.perspectives .principle, .grid > li.perspectives .single-perspective, .grid > li.perspectives .service, .grid .alm-reveal > li#principles .principle, .grid .alm-reveal > li#principles .single-perspective, .grid .alm-reveal > li#principles .service, .grid .alm-reveal > li.perspective .principle, .grid .alm-reveal > li.perspective .single-perspective, .grid .alm-reveal > li.perspective .service, .grid .alm-reveal > li#services .principle, .grid .alm-reveal > li#services .single-perspective, .grid .alm-reveal > li#services .service, .grid .alm-reveal > li.perspectives .principle, .grid .alm-reveal > li.perspectives .single-perspective, .grid .alm-reveal > li.perspectives .service,
    .item#principles .principle,
    .item#principles .single-perspective,
    .item#principles .service,
    .item.perspective .principle,
    .item.perspective .single-perspective,
    .item.perspective .service,
    .item#services .principle,
    .item#services .single-perspective,
    .item#services .service,
    .item.perspectives .principle,
    .item.perspectives .single-perspective,
    .item.perspectives .service {
      color: #fff;
      position: relative;
      padding: calc(var(--gutter) / 2 * 1.5);
      padding-top: 75vh; }
      .grid > li#principles .principle h4, .grid > li#principles .single-perspective h4, .grid > li#principles .service h4, .grid > li.perspective .principle h4, .grid > li.perspective .single-perspective h4, .grid > li.perspective .service h4, .grid > li#services .principle h4, .grid > li#services .single-perspective h4, .grid > li#services .service h4, .grid > li.perspectives .principle h4, .grid > li.perspectives .single-perspective h4, .grid > li.perspectives .service h4, .grid .alm-reveal > li#principles .principle h4, .grid .alm-reveal > li#principles .single-perspective h4, .grid .alm-reveal > li#principles .service h4, .grid .alm-reveal > li.perspective .principle h4, .grid .alm-reveal > li.perspective .single-perspective h4, .grid .alm-reveal > li.perspective .service h4, .grid .alm-reveal > li#services .principle h4, .grid .alm-reveal > li#services .single-perspective h4, .grid .alm-reveal > li#services .service h4, .grid .alm-reveal > li.perspectives .principle h4, .grid .alm-reveal > li.perspectives .single-perspective h4, .grid .alm-reveal > li.perspectives .service h4,
      .item#principles .principle h4,
      .item#principles .single-perspective h4,
      .item#principles .service h4,
      .item.perspective .principle h4,
      .item.perspective .single-perspective h4,
      .item.perspective .service h4,
      .item#services .principle h4,
      .item#services .single-perspective h4,
      .item#services .service h4,
      .item.perspectives .principle h4,
      .item.perspectives .single-perspective h4,
      .item.perspectives .service h4 {
        margin-bottom: 2vh !important; }
      .grid > li#principles .principle figure, .grid > li#principles .single-perspective figure, .grid > li#principles .service figure, .grid > li.perspective .principle figure, .grid > li.perspective .single-perspective figure, .grid > li.perspective .service figure, .grid > li#services .principle figure, .grid > li#services .single-perspective figure, .grid > li#services .service figure, .grid > li.perspectives .principle figure, .grid > li.perspectives .single-perspective figure, .grid > li.perspectives .service figure, .grid .alm-reveal > li#principles .principle figure, .grid .alm-reveal > li#principles .single-perspective figure, .grid .alm-reveal > li#principles .service figure, .grid .alm-reveal > li.perspective .principle figure, .grid .alm-reveal > li.perspective .single-perspective figure, .grid .alm-reveal > li.perspective .service figure, .grid .alm-reveal > li#services .principle figure, .grid .alm-reveal > li#services .single-perspective figure, .grid .alm-reveal > li#services .service figure, .grid .alm-reveal > li.perspectives .principle figure, .grid .alm-reveal > li.perspectives .single-perspective figure, .grid .alm-reveal > li.perspectives .service figure,
      .item#principles .principle figure,
      .item#principles .single-perspective figure,
      .item#principles .service figure,
      .item.perspective .principle figure,
      .item.perspective .single-perspective figure,
      .item.perspective .service figure,
      .item#services .principle figure,
      .item#services .single-perspective figure,
      .item#services .service figure,
      .item.perspectives .principle figure,
      .item.perspectives .single-perspective figure,
      .item.perspectives .service figure {
        position: absolute;
        z-index: -1;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        overflow: hidden; }
        .grid > li#principles .principle figure img, .grid > li#principles .principle figure picture, .grid > li#principles .single-perspective figure img, .grid > li#principles .single-perspective figure picture, .grid > li#principles .service figure img, .grid > li#principles .service figure picture, .grid > li.perspective .principle figure img, .grid > li.perspective .principle figure picture, .grid > li.perspective .single-perspective figure img, .grid > li.perspective .single-perspective figure picture, .grid > li.perspective .service figure img, .grid > li.perspective .service figure picture, .grid > li#services .principle figure img, .grid > li#services .principle figure picture, .grid > li#services .single-perspective figure img, .grid > li#services .single-perspective figure picture, .grid > li#services .service figure img, .grid > li#services .service figure picture, .grid > li.perspectives .principle figure img, .grid > li.perspectives .principle figure picture, .grid > li.perspectives .single-perspective figure img, .grid > li.perspectives .single-perspective figure picture, .grid > li.perspectives .service figure img, .grid > li.perspectives .service figure picture, .grid .alm-reveal > li#principles .principle figure img, .grid .alm-reveal > li#principles .principle figure picture, .grid .alm-reveal > li#principles .single-perspective figure img, .grid .alm-reveal > li#principles .single-perspective figure picture, .grid .alm-reveal > li#principles .service figure img, .grid .alm-reveal > li#principles .service figure picture, .grid .alm-reveal > li.perspective .principle figure img, .grid .alm-reveal > li.perspective .principle figure picture, .grid .alm-reveal > li.perspective .single-perspective figure img, .grid .alm-reveal > li.perspective .single-perspective figure picture, .grid .alm-reveal > li.perspective .service figure img, .grid .alm-reveal > li.perspective .service figure picture, .grid .alm-reveal > li#services .principle figure img, .grid .alm-reveal > li#services .principle figure picture, .grid .alm-reveal > li#services .single-perspective figure img, .grid .alm-reveal > li#services .single-perspective figure picture, .grid .alm-reveal > li#services .service figure img, .grid .alm-reveal > li#services .service figure picture, .grid .alm-reveal > li.perspectives .principle figure img, .grid .alm-reveal > li.perspectives .principle figure picture, .grid .alm-reveal > li.perspectives .single-perspective figure img, .grid .alm-reveal > li.perspectives .single-perspective figure picture, .grid .alm-reveal > li.perspectives .service figure img, .grid .alm-reveal > li.perspectives .service figure picture,
        .item#principles .principle figure img,
        .item#principles .principle figure picture,
        .item#principles .single-perspective figure img,
        .item#principles .single-perspective figure picture,
        .item#principles .service figure img,
        .item#principles .service figure picture,
        .item.perspective .principle figure img,
        .item.perspective .principle figure picture,
        .item.perspective .single-perspective figure img,
        .item.perspective .single-perspective figure picture,
        .item.perspective .service figure img,
        .item.perspective .service figure picture,
        .item#services .principle figure img,
        .item#services .principle figure picture,
        .item#services .single-perspective figure img,
        .item#services .single-perspective figure picture,
        .item#services .service figure img,
        .item#services .service figure picture,
        .item.perspectives .principle figure img,
        .item.perspectives .principle figure picture,
        .item.perspectives .single-perspective figure img,
        .item.perspectives .single-perspective figure picture,
        .item.perspectives .service figure img,
        .item.perspectives .service figure picture {
          opacity: 0.95; }
  .grid > li.perspective, .grid > li.perspectives, .grid .alm-reveal > li.perspective, .grid .alm-reveal > li.perspectives,
  .item.perspective,
  .item.perspectives {
    padding: 0;
    height: 100%;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
    .grid > li.perspective .single-perspective, .grid > li.perspectives .single-perspective, .grid .alm-reveal > li.perspective .single-perspective, .grid .alm-reveal > li.perspectives .single-perspective,
    .item.perspective .single-perspective,
    .item.perspectives .single-perspective {
      height: 100%;
      padding-top: 60vh;
      position: relative;
      background: rgba(0, 0, 0, 0.2);
      transform: none !important; }
      .grid > li.perspective .single-perspective .content, .grid > li.perspectives .single-perspective .content, .grid .alm-reveal > li.perspective .single-perspective .content, .grid .alm-reveal > li.perspectives .single-perspective .content,
      .item.perspective .single-perspective .content,
      .item.perspectives .single-perspective .content {
        position: absolute;
        bottom: 3rem;
        width: calc(100% - 6rem);
        max-width: calc(7.53vw * 5 - 6rem); }
      .grid > li.perspective .single-perspective h4, .grid > li.perspectives .single-perspective h4, .grid .alm-reveal > li.perspective .single-perspective h4, .grid .alm-reveal > li.perspectives .single-perspective h4,
      .item.perspective .single-perspective h4,
      .item.perspectives .single-perspective h4 {
        font-size: 14px; }
      .grid > li.perspective .single-perspective h2, .grid > li.perspectives .single-perspective h2, .grid .alm-reveal > li.perspective .single-perspective h2, .grid .alm-reveal > li.perspectives .single-perspective h2,
      .item.perspective .single-perspective h2,
      .item.perspectives .single-perspective h2 {
        color: #fff;
        font-weight: 700;
        font-size: 24px;
        margin-bottom: 2vh !important; }
      .grid > li.perspective .single-perspective figure img, .grid > li.perspective .single-perspective figure picture, .grid > li.perspectives .single-perspective figure img, .grid > li.perspectives .single-perspective figure picture, .grid .alm-reveal > li.perspective .single-perspective figure img, .grid .alm-reveal > li.perspective .single-perspective figure picture, .grid .alm-reveal > li.perspectives .single-perspective figure img, .grid .alm-reveal > li.perspectives .single-perspective figure picture,
      .item.perspective .single-perspective figure img,
      .item.perspective .single-perspective figure picture,
      .item.perspectives .single-perspective figure img,
      .item.perspectives .single-perspective figure picture {
        min-width: calc(7.53vw * 15);
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
      .grid > li.perspective .single-perspective a, .grid > li.perspectives .single-perspective a, .grid .alm-reveal > li.perspective .single-perspective a, .grid .alm-reveal > li.perspectives .single-perspective a,
      .item.perspective .single-perspective a,
      .item.perspectives .single-perspective a {
        font-weight: 500;
        display: block;
        margin-top: 3rem;
        width: 100%; }
        .grid > li.perspective .single-perspective a svg, .grid > li.perspectives .single-perspective a svg, .grid .alm-reveal > li.perspective .single-perspective a svg, .grid .alm-reveal > li.perspectives .single-perspective a svg,
        .item.perspective .single-perspective a svg,
        .item.perspectives .single-perspective a svg {
          float: right;
          display: inline; }
          .grid > li.perspective .single-perspective a svg *, .grid > li.perspectives .single-perspective a svg *, .grid .alm-reveal > li.perspective .single-perspective a svg *, .grid .alm-reveal > li.perspectives .single-perspective a svg *,
          .item.perspective .single-perspective a svg *,
          .item.perspectives .single-perspective a svg * {
            stroke: #fff; }
        .grid > li.perspective .single-perspective a.project-link.full, .grid > li.perspectives .single-perspective a.project-link.full, .grid .alm-reveal > li.perspective .single-perspective a.project-link.full, .grid .alm-reveal > li.perspectives .single-perspective a.project-link.full,
        .item.perspective .single-perspective a.project-link.full,
        .item.perspectives .single-perspective a.project-link.full {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          margin: 0; }
  .grid > li#leadership-images, .grid .alm-reveal > li#leadership-images,
  .item#leadership-images {
    left: 4vh; }
    .grid > li#leadership-images > figure, .grid .alm-reveal > li#leadership-images > figure,
    .item#leadership-images > figure {
      padding-right: 6%;
      overflow: hidden; }
    .grid > li#leadership-images .flex, .grid .alm-reveal > li#leadership-images .flex,
    .item#leadership-images .flex {
      display: flex;
      flex-wrap: wrap; }
      .grid > li#leadership-images .flex .flex-item, .grid .alm-reveal > li#leadership-images .flex .flex-item,
      .item#leadership-images .flex .flex-item {
        flex: 50%;
        padding-right: 6%;
        padding-bottom: 6%; }
        .grid > li#leadership-images .flex .flex-item figure, .grid .alm-reveal > li#leadership-images .flex .flex-item figure,
        .item#leadership-images .flex .flex-item figure {
          height: auto;
          overflow: hidden; }
    .grid > li#leadership-images .slide, .grid .alm-reveal > li#leadership-images .slide,
    .item#leadership-images .slide {
      width: 100%;
      padding-right: 6%; }
      .grid > li#leadership-images .slide figure, .grid .alm-reveal > li#leadership-images .slide figure,
      .item#leadership-images .slide figure {
        height: 35vh;
        overflow: hidden; }
  .grid > li#post-introduction-image figure, .grid .alm-reveal > li#post-introduction-image figure,
  .item#post-introduction-image figure {
    height: 100%;
    width: 100%;
    overflow: hidden; }
    .grid > li#post-introduction-image figure img, .grid > li#post-introduction-image figure picture, .grid .alm-reveal > li#post-introduction-image figure img, .grid .alm-reveal > li#post-introduction-image figure picture,
    .item#post-introduction-image figure img,
    .item#post-introduction-image figure picture {
      min-width: 100%;
      min-height: 100%; }
  .grid > li input, .grid .alm-reveal > li input,
  .item input {
    position: absolute;
    opacity: 0;
    z-index: -1; }
  .grid > li .row, .grid .alm-reveal > li .row,
  .item .row {
    display: flex; }
    .grid > li .row .col, .grid .alm-reveal > li .row .col,
    .item .row .col {
      flex: 1; }
      .grid > li .row .col:last-child, .grid .alm-reveal > li .row .col:last-child,
      .item .row .col:last-child {
        margin-left: 1em; }
  .grid > li .accordion dt, .grid .alm-reveal > li .accordion dt,
  .item .accordion dt {
    border: solid #000;
    border-width: 1px 0 0;
    line-height: 3;
    cursor: pointer; }
    .grid > li .accordion dt a, .grid .alm-reveal > li .accordion dt a,
    .item .accordion dt a {
      display: block;
      position: relative;
      line-height: 1.25;
      padding: 1vh 3vh 1vh 0; }
      .grid > li .accordion dt a:after, .grid .alm-reveal > li .accordion dt a:after,
      .item .accordion dt a:after {
        content: "";
        display: inline-block;
        background: url("images/icon-expand.svg") no-repeat center;
        width: 2.5vh;
        height: 2.5vh;
        text-align: center;
        position: absolute;
        top: 0.75vh;
        right: 0;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s; }
    .grid > li .accordion dt.active a:after, .grid .alm-reveal > li .accordion dt.active a:after,
    .item .accordion dt.active a:after {
      transform: rotate(-45deg);
      right: 0vh; }
  .grid > li .accordion dd, .grid .alm-reveal > li .accordion dd,
  .item .accordion dd {
    padding: 1vh 0 3vh;
    overflow-y: auto; }
    .grid > li .accordion dd p, .grid .alm-reveal > li .accordion dd p,
    .item .accordion dd p {
      line-height: 1.25 !important; }
    .grid > li .accordion dd img, .grid > li .accordion dd picture, .grid .alm-reveal > li .accordion dd img, .grid .alm-reveal > li .accordion dd picture,
    .item .accordion dd img,
    .item .accordion dd picture {
      display: block;
      width: 100%;
      margin-bottom: 2vh; }

.no-scrollbar {
  /*scrollbar-width: none;*/
  margin-bottom: 0;
  padding-bottom: 0;
  /*&::-webkit-scrollbar {
		display: none;
	}*/ }

h2 {
  font-weight: lighter;
  letter-spacing: 0;
  color: #292B33; }

li .introduction {
  margin-bottom: 4vh; }

.title-nav {
  position: fixed;
  z-index: 2000;
  left: 4vw;
  top: 5vh;
  width: 100%;
  padding: 0 calc(var(--gutter) / 2);
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: "ease-in-out";
  -o-transition-timing-function: "ease-in-out";
  -webkit-transition-timing-function: "ease-in-out";
  transition-timing-function: "ease-in-out";
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }
  .title-nav h1 {
    display: inline-block;
    margin: 0 1.5rem 0 0;
    width: auto;
    color: #1F77FA;
    font-family: aktiv-grotesk, sans-serif;
    font-size: 12px;
    font-size: calc(12px + 0.25vw);
    line-height: 1.25;
    font-weight: 500; }
    .title-nav h1 strong {
      font-weight: 700; }
  .title-nav #filter {
    width: 90%;
    display: inline-block;
    max-width: none !important; }
    .title-nav #filter ul li {
      display: inline-block;
      margin-right: 1rem;
      padding: 0;
      border-bottom: 0;
      font-size: 90%;
      opacity: 0.6; }
      .title-nav #filter ul li a {
        font-size: 90%;
        opacity: 0.6; }
        .title-nav #filter ul li a:after {
          content: '';
          display: block;
          width: 1px;
          height: 1px;
          background: transparent;
          transition: width .3s; }
        .title-nav #filter ul li a:hover:after {
          background: #1F77FA;
          width: 100%; }
      .title-nav #filter ul li:hover {
        opacity: 1; }
        .title-nav #filter ul li:hover a {
          opacity: 1;
          color: #1F77FA; }

body[data-style="dark"] .logo svg * {
  fill: #fff !important; }

body[data-style="dark"] .title-nav #filter ul li a {
  color: #fff !important;
  font-weight: 400 !important;
  opacity: 1 !important; }

#filter h3, #post-filter h3 {
  font-weight: 500;
  margin-bottom: 2vh !important; }

#filter ul, #post-filter ul {
  max-width: 280px; }
  #filter ul li, #post-filter ul li {
    border-bottom: 1px solid #292B33;
    padding: 1vh 0; }
    #filter ul li:hover, #post-filter ul li:hover {
      color: #1F77FA; }
    #filter ul li a:after, #post-filter ul li a:after {
      display: none; }

body.project-active .grid .perspective, body.project-active .grid .perspectives {
  position: relative; }
  body.project-active .grid .perspective:after, body.project-active .grid .perspectives:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    pointer-events: none; }
  body.project-active .grid .perspective.active, body.project-active .grid .perspectives.active {
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.5); }
    body.project-active .grid .perspective.active:after, body.project-active .grid .perspectives.active:after {
      display: none; }

.ajax-load-more-wrap {
  z-index: 200;
  position: relative; }
  .ajax-load-more-wrap .alm-btn-wrap {
    -moz-transform: rotate(-90deg) translate(-100%, 0%);
    -o-transform: rotate(-90deg) translate(-100%, 0%);
    -ms-transform: rotate(-90deg) translate(-100%, 0%);
    -webkit-transform: rotate(-90deg) translate(-100%, 0%);
    transform: rotate(-90deg) translate(-100%, 0%);
    position: absolute;
    top: calc(15vh + 25px);
    right: -2vw;
    width: auto;
    height: auto;
    white-space: nowrap;
    transform-origin: 0 0; }
    .ajax-load-more-wrap .alm-btn-wrap .alm-load-more-btn {
      position: relative;
      font-weight: 300;
      color: rgba(41, 43, 51, 0.6);
      display: block;
      text-align: right;
      font-size: 12px;
      font-size: calc(12px + 0.25vw);
      line-height: 1.25; }
      .ajax-load-more-wrap .alm-btn-wrap .alm-load-more-btn:after {
        content: "";
        background: url("images/icon-open.svg") no-repeat center center;
        opacity: 0.6;
        width: 15px;
        height: 15px;
        margin-left: 1vh;
        display: inline-block;
        top: 50%;
        position: absolute;
        background-size: 15px;
        -moz-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%); }
      .ajax-load-more-wrap .alm-btn-wrap .alm-load-more-btn.loading:after {
        display: none; }
      .ajax-load-more-wrap .alm-btn-wrap .alm-load-more-btn:hover {
        cursor: pointer; }
      .ajax-load-more-wrap .alm-btn-wrap .alm-load-more-btn.done {
        display: none; }

.home-hero {
  position: relative;
  padding: 0 !important;
  min-width: 100vw !important;
  flex: 100vw !important; }
  .home-hero .safari-fix {
    position: absolute;
    top: 0;
    background: transparent !important;
    overflow: hidden; }
  .home-hero .fullscreen {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    float: left;
    transform: none !important; }
    .home-hero .fullscreen a:not(.button):not([title]):not(:hover) {
      background: -moz-linear-gradient(#231f20 calc(100% - 1px), #fff calc(100% - 1px));
      background: -webkit-linear-gradient(#231f20 calc(100% - 1px), #fff calc(100% - 1px));
      background: linear-gradient(#231f20 calc(100% - 1px), #fff calc(100% - 1px)); }
    .home-hero .fullscreen .video {
      width: 100%;
      height: 100%; }
      .home-hero .fullscreen .video .vimeo-wrapper video {
        min-width: 100%;
        padding-bottom: calc(9/12.75*100%);
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .home-hero .fullscreen .video .vimeo-wrapper iframe {
        height: auto;
        width: auto;
        min-width: 160%;
        min-height: 120%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .home-hero .fullscreen .fixed-wrap {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0; }
      .home-hero .fullscreen .fixed-wrap.fixed {
        position: fixed; }
    .home-hero .fullscreen .slide-text {
      text-rendering: optimizeLegibility;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      font-size: 38px;
      font-size: calc(38px + 0.25vw);
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      z-index: 2; }
      .home-hero .fullscreen .slide-text h1 {
        font-size: 38px;
        font-size: calc(38px + 0.25vw); }
      .home-hero .fullscreen .slide-text .align-center {
        text-align: center;
        max-width: 50rem;
        margin: 0 auto; }
        .home-hero .fullscreen .slide-text .align-center * {
          max-width: none; }
        .home-hero .fullscreen .slide-text .align-center h1, .home-hero .fullscreen .slide-text .align-center h2, .home-hero .fullscreen .slide-text .align-center h3, .home-hero .fullscreen .slide-text .align-center h4, .home-hero .fullscreen .slide-text .align-center h5, .home-hero .fullscreen .slide-text .align-center h6 {
          width: 100%; }
        .home-hero .fullscreen .slide-text .align-center button {
          position: relative;
          font-weight: 400;
          color: #1F77FA;
          display: inline-block;
          margin: 1rem 0 0;
          font-size: 17px;
          font-size: calc(17px + 0.25vw); }
          .home-hero .fullscreen .slide-text .align-center button:after {
            content: "";
            position: absolute;
            bottom: 0px;
            left: 0;
            border-bottom: 1px solid #1F77FA;
            width: 100%; }
            .home-hero .fullscreen .slide-text .align-center button:after:hover {
              border-color: #292B33; }
      .home-hero .fullscreen .slide-text.over-text {
        color: #fff;
        /*background: radial-gradient(ellipse 80% 80%, rgba(18,18,18,0.75), rgba(18,18,18,0));*/
        background: rgba(0, 0, 0, 0.5); }
        .home-hero .fullscreen .slide-text.over-text .wrap {
          margin: 0;
          z-index: 4;
          padding-top: 0;
          padding-bottom: 0; }
    .home-hero .fullscreen .slide-image {
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 0; }
      .home-hero .fullscreen .slide-image img, .home-hero .fullscreen .slide-image picture {
        min-width: 100% !important;
        min-height: 100% !important;
        object-fit: cover;
        /*@include center;*/ }

.accordion #filters {
  border-bottom: 1px solid #000; }
  .accordion #filters dt, .accordion #filters dd {
    border: 0;
    padding: 0; }
  .accordion #filters li dt {
    line-height: 1;
    margin: 0; }
  .accordion #filters li dd {
    margin: 1rem 0 0; }
  .accordion #filters li a {
    display: block;
    padding: 0.25rem 0; }
  .accordion #filters li.active dt {
    font-weight: 500; }
  .accordion #filters li:hover {
    color: #292B33; }
    .accordion #filters li:hover a {
      color: #292B33; }
      .accordion #filters li:hover a:hover {
        color: #1F77FA; }
  .accordion #filters li:last-of-type {
    border-bottom: 0; }

.grid-alm-listing {
  width: 1px;
  height: 100vh; }
  .grid-alm-listing .alm-btn-wrap {
    -moz-transform: rotate(-90deg) translate(-100%, 0%);
    -o-transform: rotate(-90deg) translate(-100%, 0%);
    -ms-transform: rotate(-90deg) translate(-100%, 0%);
    -webkit-transform: rotate(-90deg) translate(-100%, 0%);
    transform: rotate(-90deg) translate(-100%, 0%);
    position: absolute; }

.border-link {
  border-bottom: 1px solid #1F77FA; }

.gform_confirmation_wrapper {
  margin-top: 2vh; }

.archive div.ajax-load-more-wrap {
  padding-right: 3.25vw; }

.perspective .post-wrapper #perspective-introduction-image, .perspective .post-wrapper #post-introduction-image, .perspectives .post-wrapper #perspective-introduction-image, .perspectives .post-wrapper #post-introduction-image, .single-perspectives #perspective-introduction-image, .single-perspectives #post-introduction-image {
  color: #fff;
  position: relative; }
  .perspective .post-wrapper #perspective-introduction-image .mask, .perspective .post-wrapper #post-introduction-image .mask, .perspectives .post-wrapper #perspective-introduction-image .mask, .perspectives .post-wrapper #post-introduction-image .mask, .single-perspectives #perspective-introduction-image .mask, .single-perspectives #post-introduction-image .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); }
  .perspective .post-wrapper #perspective-introduction-image .close-perspective, .perspective .post-wrapper #post-introduction-image .close-perspective, .perspectives .post-wrapper #perspective-introduction-image .close-perspective, .perspectives .post-wrapper #post-introduction-image .close-perspective, .single-perspectives #perspective-introduction-image .close-perspective, .single-perspectives #post-introduction-image .close-perspective {
    position: fixed;
    top: 2rem;
    right: 3rem; }
    .perspective .post-wrapper #perspective-introduction-image .close-perspective .hamburger, .perspective .post-wrapper #post-introduction-image .close-perspective .hamburger, .perspectives .post-wrapper #perspective-introduction-image .close-perspective .hamburger, .perspectives .post-wrapper #post-introduction-image .close-perspective .hamburger, .single-perspectives #perspective-introduction-image .close-perspective .hamburger, .single-perspectives #post-introduction-image .close-perspective .hamburger {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      display: block;
      position: relative;
      width: 40px;
      height: 22px;
      top: 3.5vh;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      transform-origin: 100% 55%;
      top: 0;
      left: -50%; }
    .perspective .post-wrapper #perspective-introduction-image .close-perspective .hamburger_bar, .perspective .post-wrapper #post-introduction-image .close-perspective .hamburger_bar, .perspectives .post-wrapper #perspective-introduction-image .close-perspective .hamburger_bar, .perspectives .post-wrapper #post-introduction-image .close-perspective .hamburger_bar, .single-perspectives #perspective-introduction-image .close-perspective .hamburger_bar, .single-perspectives #post-introduction-image .close-perspective .hamburger_bar {
      -webkit-transition: -webkit-transform .3s,opacity .3s;
      transition: transform .3s,opacity .3s;
      display: block;
      width: 100%;
      position: absolute;
      top: 10px;
      left: 0;
      border-bottom: 2px solid #292B33;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      -moz-transition-delay: 0.4s;
      -o-transition-delay: 0.4s;
      -webkit-transition-delay: 0.4s;
      transition-delay: 0.4s; }
    .perspective .post-wrapper #perspective-introduction-image .close-perspective .hamburger_bar_one, .perspective .post-wrapper #post-introduction-image .close-perspective .hamburger_bar_one, .perspectives .post-wrapper #perspective-introduction-image .close-perspective .hamburger_bar_one, .perspectives .post-wrapper #post-introduction-image .close-perspective .hamburger_bar_one, .single-perspectives #perspective-introduction-image .close-perspective .hamburger_bar_one, .single-perspectives #post-introduction-image .close-perspective .hamburger_bar_one {
      top: 0; }
    .perspective .post-wrapper #perspective-introduction-image .close-perspective .hamburger_bar_two, .perspective .post-wrapper #post-introduction-image .close-perspective .hamburger_bar_two, .perspectives .post-wrapper #perspective-introduction-image .close-perspective .hamburger_bar_two, .perspectives .post-wrapper #post-introduction-image .close-perspective .hamburger_bar_two, .single-perspectives #perspective-introduction-image .close-perspective .hamburger_bar_two, .single-perspectives #post-introduction-image .close-perspective .hamburger_bar_two {
      top: 10px; }
    .perspective .post-wrapper #perspective-introduction-image .close-perspective .hamburger_bar_three, .perspective .post-wrapper #post-introduction-image .close-perspective .hamburger_bar_three, .perspectives .post-wrapper #perspective-introduction-image .close-perspective .hamburger_bar_three, .perspectives .post-wrapper #post-introduction-image .close-perspective .hamburger_bar_three, .single-perspectives #perspective-introduction-image .close-perspective .hamburger_bar_three, .single-perspectives #post-introduction-image .close-perspective .hamburger_bar_three {
      top: 20px; }
    .perspective .post-wrapper #perspective-introduction-image .close-perspective.active .hamburger_bar, .perspective .post-wrapper #post-introduction-image .close-perspective.active .hamburger_bar, .perspectives .post-wrapper #perspective-introduction-image .close-perspective.active .hamburger_bar, .perspectives .post-wrapper #post-introduction-image .close-perspective.active .hamburger_bar, .single-perspectives #perspective-introduction-image .close-perspective.active .hamburger_bar, .single-perspectives #post-introduction-image .close-perspective.active .hamburger_bar {
      border-color: #fff;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      -moz-transition-delay: 0.1s;
      -o-transition-delay: 0.1s;
      -webkit-transition-delay: 0.1s;
      transition-delay: 0.1s; }
    .perspective .post-wrapper #perspective-introduction-image .close-perspective.active .hamburger_bar_one, .perspective .post-wrapper #post-introduction-image .close-perspective.active .hamburger_bar_one, .perspectives .post-wrapper #perspective-introduction-image .close-perspective.active .hamburger_bar_one, .perspectives .post-wrapper #post-introduction-image .close-perspective.active .hamburger_bar_one, .single-perspectives #perspective-introduction-image .close-perspective.active .hamburger_bar_one, .single-perspectives #post-introduction-image .close-perspective.active .hamburger_bar_one {
      -webkit-transform: rotate(45deg) translateX(6px) translateY(5px);
      -ms-transform: rotate(45deg) translateX(6px) translateY(5px);
      transform: rotate(45deg) translateX(6px) translateY(9px); }
    .perspective .post-wrapper #perspective-introduction-image .close-perspective.active .hamburger_bar_two, .perspective .post-wrapper #post-introduction-image .close-perspective.active .hamburger_bar_two, .perspectives .post-wrapper #perspective-introduction-image .close-perspective.active .hamburger_bar_two, .perspectives .post-wrapper #post-introduction-image .close-perspective.active .hamburger_bar_two, .single-perspectives #perspective-introduction-image .close-perspective.active .hamburger_bar_two, .single-perspectives #post-introduction-image .close-perspective.active .hamburger_bar_two {
      display: none; }
    .perspective .post-wrapper #perspective-introduction-image .close-perspective.active .hamburger_bar_three, .perspective .post-wrapper #post-introduction-image .close-perspective.active .hamburger_bar_three, .perspectives .post-wrapper #perspective-introduction-image .close-perspective.active .hamburger_bar_three, .perspectives .post-wrapper #post-introduction-image .close-perspective.active .hamburger_bar_three, .single-perspectives #perspective-introduction-image .close-perspective.active .hamburger_bar_three, .single-perspectives #post-introduction-image .close-perspective.active .hamburger_bar_three {
      -webkit-transform: rotate(-45deg) translateX(5px) translateY(-8px);
      -ms-transform: rotate(-45deg) translateX(5px) translateY(-8px);
      transform: rotate(-45deg) translateX(5px) translateY(-8px); }
    .perspective .post-wrapper #perspective-introduction-image .close-perspective.black .hamburger_bar, .perspective .post-wrapper #post-introduction-image .close-perspective.black .hamburger_bar, .perspectives .post-wrapper #perspective-introduction-image .close-perspective.black .hamburger_bar, .perspectives .post-wrapper #post-introduction-image .close-perspective.black .hamburger_bar, .single-perspectives #perspective-introduction-image .close-perspective.black .hamburger_bar, .single-perspectives #post-introduction-image .close-perspective.black .hamburger_bar {
      border-color: #000; }
  .perspective .post-wrapper #perspective-introduction-image figure, .perspective .post-wrapper #post-introduction-image figure, .perspectives .post-wrapper #perspective-introduction-image figure, .perspectives .post-wrapper #post-introduction-image figure, .single-perspectives #perspective-introduction-image figure, .single-perspectives #post-introduction-image figure {
    height: 90vh; }
    .perspective .post-wrapper #perspective-introduction-image figure .title-wrapper, .perspective .post-wrapper #post-introduction-image figure .title-wrapper, .perspectives .post-wrapper #perspective-introduction-image figure .title-wrapper, .perspectives .post-wrapper #post-introduction-image figure .title-wrapper, .single-perspectives #perspective-introduction-image figure .title-wrapper, .single-perspectives #post-introduction-image figure .title-wrapper {
      position: absolute;
      bottom: 2rem;
      left: 3rem;
      width: calc(100% - 6rem);
      max-width: 75rem; }
      .perspective .post-wrapper #perspective-introduction-image figure .title-wrapper .lead-in, .perspective .post-wrapper #post-introduction-image figure .title-wrapper .lead-in, .perspectives .post-wrapper #perspective-introduction-image figure .title-wrapper .lead-in, .perspectives .post-wrapper #post-introduction-image figure .title-wrapper .lead-in, .single-perspectives #perspective-introduction-image figure .title-wrapper .lead-in, .single-perspectives #post-introduction-image figure .title-wrapper .lead-in {
        left: 0 !important;
        margin-bottom: 0 !important; }
      .perspective .post-wrapper #perspective-introduction-image figure .title-wrapper .author, .perspective .post-wrapper #perspective-introduction-image figure .title-wrapper .date, .perspective .post-wrapper #perspective-introduction-image figure .title-wrapper .scroll-on, .perspective .post-wrapper #post-introduction-image figure .title-wrapper .author, .perspective .post-wrapper #post-introduction-image figure .title-wrapper .date, .perspective .post-wrapper #post-introduction-image figure .title-wrapper .scroll-on, .perspectives .post-wrapper #perspective-introduction-image figure .title-wrapper .author, .perspectives .post-wrapper #perspective-introduction-image figure .title-wrapper .date, .perspectives .post-wrapper #perspective-introduction-image figure .title-wrapper .scroll-on, .perspectives .post-wrapper #post-introduction-image figure .title-wrapper .author, .perspectives .post-wrapper #post-introduction-image figure .title-wrapper .date, .perspectives .post-wrapper #post-introduction-image figure .title-wrapper .scroll-on, .single-perspectives #perspective-introduction-image figure .title-wrapper .author, .single-perspectives #perspective-introduction-image figure .title-wrapper .date, .single-perspectives #perspective-introduction-image figure .title-wrapper .scroll-on, .single-perspectives #post-introduction-image figure .title-wrapper .author, .single-perspectives #post-introduction-image figure .title-wrapper .date, .single-perspectives #post-introduction-image figure .title-wrapper .scroll-on {
        display: inline-block;
        margin-right: 20%;
        font-size: 14px; }
      .perspective .post-wrapper #perspective-introduction-image figure .title-wrapper .flex, .perspective .post-wrapper #post-introduction-image figure .title-wrapper .flex, .perspectives .post-wrapper #perspective-introduction-image figure .title-wrapper .flex, .perspectives .post-wrapper #post-introduction-image figure .title-wrapper .flex, .single-perspectives #perspective-introduction-image figure .title-wrapper .flex, .single-perspectives #post-introduction-image figure .title-wrapper .flex {
        display: flex;
        width: 100%; }
        .perspective .post-wrapper #perspective-introduction-image figure .title-wrapper .flex .flex-item, .perspective .post-wrapper #post-introduction-image figure .title-wrapper .flex .flex-item, .perspectives .post-wrapper #perspective-introduction-image figure .title-wrapper .flex .flex-item, .perspectives .post-wrapper #post-introduction-image figure .title-wrapper .flex .flex-item, .single-perspectives #perspective-introduction-image figure .title-wrapper .flex .flex-item, .single-perspectives #post-introduction-image figure .title-wrapper .flex .flex-item {
          width: 25%;
          margin-right: 0 !important; }
      .perspective .post-wrapper #perspective-introduction-image figure .title-wrapper .scroll-on, .perspective .post-wrapper #post-introduction-image figure .title-wrapper .scroll-on, .perspectives .post-wrapper #perspective-introduction-image figure .title-wrapper .scroll-on, .perspectives .post-wrapper #post-introduction-image figure .title-wrapper .scroll-on, .single-perspectives #perspective-introduction-image figure .title-wrapper .scroll-on, .single-perspectives #post-introduction-image figure .title-wrapper .scroll-on {
        margin-right: 0rem;
        float: right; }
        .perspective .post-wrapper #perspective-introduction-image figure .title-wrapper .scroll-on:hover, .perspective .post-wrapper #post-introduction-image figure .title-wrapper .scroll-on:hover, .perspectives .post-wrapper #perspective-introduction-image figure .title-wrapper .scroll-on:hover, .perspectives .post-wrapper #post-introduction-image figure .title-wrapper .scroll-on:hover, .single-perspectives #perspective-introduction-image figure .title-wrapper .scroll-on:hover, .single-perspectives #post-introduction-image figure .title-wrapper .scroll-on:hover {
          cursor: pointer; }
      .perspective .post-wrapper #perspective-introduction-image figure .title-wrapper img.avatar, .perspective .post-wrapper #post-introduction-image figure .title-wrapper img.avatar, .perspectives .post-wrapper #perspective-introduction-image figure .title-wrapper img.avatar, .perspectives .post-wrapper #post-introduction-image figure .title-wrapper img.avatar, .single-perspectives #perspective-introduction-image figure .title-wrapper img.avatar, .single-perspectives #post-introduction-image figure .title-wrapper img.avatar {
        border-radius: 100%;
        display: inline-block;
        margin-right: 0.75rem;
        width: 40px;
        min-width: 0; }
      .perspective .post-wrapper #perspective-introduction-image figure .title-wrapper span, .perspective .post-wrapper #post-introduction-image figure .title-wrapper span, .perspectives .post-wrapper #perspective-introduction-image figure .title-wrapper span, .perspectives .post-wrapper #post-introduction-image figure .title-wrapper span, .single-perspectives #perspective-introduction-image figure .title-wrapper span, .single-perspectives #post-introduction-image figure .title-wrapper span {
        position: relative;
        top: -12px; }
      .perspective .post-wrapper #perspective-introduction-image figure .title-wrapper h1, .perspective .post-wrapper #post-introduction-image figure .title-wrapper h1, .perspectives .post-wrapper #perspective-introduction-image figure .title-wrapper h1, .perspectives .post-wrapper #post-introduction-image figure .title-wrapper h1, .single-perspectives #perspective-introduction-image figure .title-wrapper h1, .single-perspectives #post-introduction-image figure .title-wrapper h1 {
        font-size: 48px;
        margin-bottom: 3rem !important; }
      .perspective .post-wrapper #perspective-introduction-image figure .title-wrapper p, .perspective .post-wrapper #post-introduction-image figure .title-wrapper p, .perspectives .post-wrapper #perspective-introduction-image figure .title-wrapper p, .perspectives .post-wrapper #post-introduction-image figure .title-wrapper p, .single-perspectives #perspective-introduction-image figure .title-wrapper p, .single-perspectives #post-introduction-image figure .title-wrapper p {
        font-size: 14px; }

.perspective .post-wrapper main #scrollable > li p, .perspective .post-wrapper main #scrollable > li ul, .perspective .post-wrapper main #scrollable > li ol, .perspective .post-wrapper main #scrollable > li h1, .perspective .post-wrapper main #scrollable > li h2, .perspective .post-wrapper main #scrollable > li h3, .perspective .post-wrapper main #scrollable > li h4, .perspectives .post-wrapper main #scrollable > li p, .perspectives .post-wrapper main #scrollable > li ul, .perspectives .post-wrapper main #scrollable > li ol, .perspectives .post-wrapper main #scrollable > li h1, .perspectives .post-wrapper main #scrollable > li h2, .perspectives .post-wrapper main #scrollable > li h3, .perspectives .post-wrapper main #scrollable > li h4, .single-perspectives main #scrollable > li p, .single-perspectives main #scrollable > li ul, .single-perspectives main #scrollable > li ol, .single-perspectives main #scrollable > li h1, .single-perspectives main #scrollable > li h2, .single-perspectives main #scrollable > li h3, .single-perspectives main #scrollable > li h4 {
  max-width: 700px;
  margin: 0 0 2rem !important; }

.perspective .post-wrapper main #scrollable > li ul, .perspectives .post-wrapper main #scrollable > li ul, .single-perspectives main #scrollable > li ul {
  padding-left: 1rem; }
  .perspective .post-wrapper main #scrollable > li ul li, .perspectives .post-wrapper main #scrollable > li ul li, .single-perspectives main #scrollable > li ul li {
    list-style: disc;
    padding-left: 0.75rem;
    padding-bottom: 0.5rem; }

.perspective .post-wrapper main #scrollable > li ol, .perspectives .post-wrapper main #scrollable > li ol, .single-perspectives main #scrollable > li ol {
  padding-left: 1.2rem; }
  .perspective .post-wrapper main #scrollable > li ol li, .perspectives .post-wrapper main #scrollable > li ol li, .single-perspectives main #scrollable > li ol li {
    list-style: decimal;
    padding-left: 0.55rem;
    padding-bottom: 0.5rem; }

.perspective .post-wrapper main #scrollable > li#footer ul, .perspectives .post-wrapper main #scrollable > li#footer ul, .single-perspectives main #scrollable > li#footer ul {
  padding-left: 0; }
  .perspective .post-wrapper main #scrollable > li#footer ul li, .perspectives .post-wrapper main #scrollable > li#footer ul li, .single-perspectives main #scrollable > li#footer ul li {
    list-style: none;
    padding-left: 0;
    padding-bottom: 0; }

.perspective .post-wrapper main #scrollable > li.testimonial figure, .perspectives .post-wrapper main #scrollable > li.testimonial figure, .single-perspectives main #scrollable > li.testimonial figure {
  height: 100%; }
  .perspective .post-wrapper main #scrollable > li.testimonial figure img, .perspective .post-wrapper main #scrollable > li.testimonial figure picture, .perspectives .post-wrapper main #scrollable > li.testimonial figure img, .perspectives .post-wrapper main #scrollable > li.testimonial figure picture, .single-perspectives main #scrollable > li.testimonial figure img, .single-perspectives main #scrollable > li.testimonial figure picture {
    width: 100%; }

.perspective .post-wrapper main #scrollable > li.testimonial, .perspectives .post-wrapper main #scrollable > li.testimonial, .single-perspectives main #scrollable > li.testimonial {
  position: relative;
  min-height: 80vh; }
  .perspective .post-wrapper main #scrollable > li.testimonial figure, .perspectives .post-wrapper main #scrollable > li.testimonial figure, .single-perspectives main #scrollable > li.testimonial figure {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .perspective .post-wrapper main #scrollable > li.testimonial .wrapper, .perspective .post-wrapper main #scrollable > li.testimonial .quote, .perspectives .post-wrapper main #scrollable > li.testimonial .wrapper, .perspectives .post-wrapper main #scrollable > li.testimonial .quote, .single-perspectives main #scrollable > li.testimonial .wrapper, .single-perspectives main #scrollable > li.testimonial .quote {
    height: 100%;
    width: 100%; }
    .perspective .post-wrapper main #scrollable > li.testimonial .wrapper .center, .perspective .post-wrapper main #scrollable > li.testimonial .quote .center, .perspectives .post-wrapper main #scrollable > li.testimonial .wrapper .center, .perspectives .post-wrapper main #scrollable > li.testimonial .quote .center, .single-perspectives main #scrollable > li.testimonial .wrapper .center, .single-perspectives main #scrollable > li.testimonial .quote .center {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center; }
      .perspective .post-wrapper main #scrollable > li.testimonial .wrapper .center *, .perspective .post-wrapper main #scrollable > li.testimonial .quote .center *, .perspectives .post-wrapper main #scrollable > li.testimonial .wrapper .center *, .perspectives .post-wrapper main #scrollable > li.testimonial .quote .center *, .single-perspectives main #scrollable > li.testimonial .wrapper .center *, .single-perspectives main #scrollable > li.testimonial .quote .center * {
        width: 100%;
        max-width: none; }
      .perspective .post-wrapper main #scrollable > li.testimonial .wrapper .center p, .perspective .post-wrapper main #scrollable > li.testimonial .quote .center p, .perspectives .post-wrapper main #scrollable > li.testimonial .wrapper .center p, .perspectives .post-wrapper main #scrollable > li.testimonial .quote .center p, .single-perspectives main #scrollable > li.testimonial .wrapper .center p, .single-perspectives main #scrollable > li.testimonial .quote .center p {
        font-size: 22px !important;
        font-size: calc(22px + 0.25vw) !important; }
      .perspective .post-wrapper main #scrollable > li.testimonial .wrapper .center h4, .perspective .post-wrapper main #scrollable > li.testimonial .quote .center h4, .perspectives .post-wrapper main #scrollable > li.testimonial .wrapper .center h4, .perspectives .post-wrapper main #scrollable > li.testimonial .quote .center h4, .single-perspectives main #scrollable > li.testimonial .wrapper .center h4, .single-perspectives main #scrollable > li.testimonial .quote .center h4 {
        font-size: 14px !important;
        font-size: calc(14px + 0.25vw) !important; }
      .perspective .post-wrapper main #scrollable > li.testimonial .wrapper .center.white, .perspective .post-wrapper main #scrollable > li.testimonial .quote .center.white, .perspectives .post-wrapper main #scrollable > li.testimonial .wrapper .center.white, .perspectives .post-wrapper main #scrollable > li.testimonial .quote .center.white, .single-perspectives main #scrollable > li.testimonial .wrapper .center.white, .single-perspectives main #scrollable > li.testimonial .quote .center.white {
        color: #fff; }

.perspective .post-wrapper main #scrollable > li.full-bleed-half-half, .perspectives .post-wrapper main #scrollable > li.full-bleed-half-half, .single-perspectives main #scrollable > li.full-bleed-half-half {
  width: 100%; }
  .perspective .post-wrapper main #scrollable > li.full-bleed-half-half:after, .perspectives .post-wrapper main #scrollable > li.full-bleed-half-half:after, .single-perspectives main #scrollable > li.full-bleed-half-half:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }
  .perspective .post-wrapper main #scrollable > li.full-bleed-half-half .half, .perspectives .post-wrapper main #scrollable > li.full-bleed-half-half .half, .single-perspectives main #scrollable > li.full-bleed-half-half .half {
    background: #292B33;
    color: #fff;
    width: 50%;
    height: 100%;
    min-height: 50vh;
    float: left;
    padding: 3rem;
    position: relative; }
    .perspective .post-wrapper main #scrollable > li.full-bleed-half-half .half:first-child figure, .perspectives .post-wrapper main #scrollable > li.full-bleed-half-half .half:first-child figure, .single-perspectives main #scrollable > li.full-bleed-half-half .half:first-child figure {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%; }
      .perspective .post-wrapper main #scrollable > li.full-bleed-half-half .half:first-child figure img, .perspective .post-wrapper main #scrollable > li.full-bleed-half-half .half:first-child figure picture, .perspectives .post-wrapper main #scrollable > li.full-bleed-half-half .half:first-child figure img, .perspectives .post-wrapper main #scrollable > li.full-bleed-half-half .half:first-child figure picture, .single-perspectives main #scrollable > li.full-bleed-half-half .half:first-child figure img, .single-perspectives main #scrollable > li.full-bleed-half-half .half:first-child figure picture {
        min-height: 100%;
        min-width: 100%; }
    .perspective .post-wrapper main #scrollable > li.full-bleed-half-half .half .quote, .perspectives .post-wrapper main #scrollable > li.full-bleed-half-half .half .quote, .single-perspectives main #scrollable > li.full-bleed-half-half .half .quote {
      width: 100%;
      height: 100%;
      min-height: 50vh;
      max-width: 500px;
      position: relative; }
      .perspective .post-wrapper main #scrollable > li.full-bleed-half-half .half .quote .center, .perspectives .post-wrapper main #scrollable > li.full-bleed-half-half .half .quote .center, .single-perspectives main #scrollable > li.full-bleed-half-half .half .quote .center {
        font-size: 32px;
        width: 100%;
        line-height: 32px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .perspective .post-wrapper main #scrollable > li.full-bleed-half-half .half .quote .bottom, .perspectives .post-wrapper main #scrollable > li.full-bleed-half-half .half .quote .bottom, .single-perspectives main #scrollable > li.full-bleed-half-half .half .quote .bottom {
        position: absolute;
        bottom: 2rem;
        font-size: 14px; }

.perspective .post-wrapper.active .close-perspective, .perspectives .post-wrapper.active .close-perspective, .single-perspectives.active .close-perspective {
  display: block; }
  .perspective .post-wrapper.active .close-perspective.black .hamburger_bar, .perspectives .post-wrapper.active .close-perspective.black .hamburger_bar, .single-perspectives.active .close-perspective.black .hamburger_bar {
    border-color: #000; }

.gform_legacy_markup_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_legacy_markup_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
  margin-bottom: 0px !important; }

body #enquiries .gform_legacy_markup_wrapper ul li.gfield {
  margin-top: 0 !important; }

body #enquiries .gform_legacy_markup_wrapper .top_label div.ginput_container {
  margin-top: 0 !important; }

.perspective-wrapper {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: fixed;
  top: 4vh;
  display: none; }
  .perspective-wrapper.active {
    display: block; }

#tilt-screen {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: none;
  z-index: 20000; }
  #tilt-screen > div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 3vw;
    line-height: 3.75vw; }
    #tilt-screen > div svg {
      max-width: 10vw;
      margin: 0 auto 4vh; }

header[role="banner"] {
  padding: 1.5rem 0;
  background-color: #292B33;
  color: #fff;
  width: calc(100vw/22);
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 8000;
  text-align: center;
  border-right: 1px solid #1F77FA;
  transition: left 0.3s ease-in-out 0s, background 0.2s ease-in-out 0.1s; }
  header[role="banner"] .logo {
    display: none; }
  header[role="banner"] .grid--column {
    padding: 0 0.65vw; }
  header[role="banner"] .logo {
    font-weight: 700;
    width: 5vw;
    max-width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    header[role="banner"] .logo svg {
      display: block;
      margin: 0 auto;
      width: 100%; }
      header[role="banner"] .logo svg * {
        fill: #fff; }
  header[role="banner"] .contacts {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0; }
    header[role="banner"] .contacts ul li a svg {
      width: 25px; }
      header[role="banner"] .contacts ul li a svg * {
        fill: #fff;
        opacity: 0.5; }
    header[role="banner"] .contacts ul li a:hover svg {
      opacity: 1; }
    header[role="banner"] .contacts ul li:first-of-type a svg {
      width: 22px;
      margin-bottom: 1.5rem; }
    header[role="banner"] .contacts ul li:hover a svg * {
      fill: #fff;
      opacity: 1; }
  header[role="banner"] .activatemenu {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    height: 78px; }
    header[role="banner"] .activatemenu > span {
      font-size: 15px;
      bottom: 0;
      color: #fff;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      -moz-transition-delay: 0.4s;
      -o-transition-delay: 0.4s;
      -webkit-transition-delay: 0.4s;
      transition-delay: 0.4s;
      display: none; }
    header[role="banner"] .activatemenu .hamburger {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      display: block;
      position: relative;
      width: 40px;
      height: 22px; }
    header[role="banner"] .activatemenu .hamburger_bar {
      -webkit-transition: -webkit-transform .3s,opacity .3s;
      transition: transform .3s,opacity .3s;
      display: block;
      width: 100%;
      position: absolute;
      top: 10px;
      left: 0;
      border-bottom: 2px solid #fff;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      -moz-transition-delay: 0.4s;
      -o-transition-delay: 0.4s;
      -webkit-transition-delay: 0.4s;
      transition-delay: 0.4s; }
    header[role="banner"] .activatemenu .hamburger_bar_one {
      top: 0; }
    header[role="banner"] .activatemenu .hamburger_bar_two {
      top: 10px; }
    header[role="banner"] .activatemenu .hamburger_bar_three {
      top: 20px; }
    header[role="banner"] .activatemenu.active .hamburger_bar {
      border-color: #fff;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      -moz-transition-delay: 0.1s;
      -o-transition-delay: 0.1s;
      -webkit-transition-delay: 0.1s;
      transition-delay: 0.1s; }
    header[role="banner"] .activatemenu.active .hamburger_bar_one {
      -webkit-transform: rotate(45deg) translateX(6px) translateY(5px);
      -ms-transform: rotate(45deg) translateX(6px) translateY(5px);
      transform: rotate(45deg) translateX(6px) translateY(9px); }
    header[role="banner"] .activatemenu.active .hamburger_bar_two {
      display: none; }
    header[role="banner"] .activatemenu.active .hamburger_bar_three {
      -webkit-transform: rotate(-45deg) translateX(5px) translateY(-8px);
      -ms-transform: rotate(-45deg) translateX(5px) translateY(-8px);
      transform: rotate(-45deg) translateX(5px) translateY(-8px); }
    header[role="banner"] .activatemenu.active > span {
      opacity: 0;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.1s;
      -o-transition-duration: 0.1s;
      -webkit-transition-duration: 0.1s;
      transition-duration: 0.1s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }

#menu {
  position: fixed;
  top: 0;
  left: -10vw;
  z-index: 1000;
  width: 60vw;
  height: 100vh;
  color: #fff;
  max-width: 0;
  overflow: hidden;
  background: #292B33;
  padding-left: 10vw;
  padding-right: 0;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s; }
  #menu.active {
    max-width: 60vw; }
  #menu #menucontent {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 10vh 0 10vh 10vh; }
  #menu ul {
    margin-top: 10vh; }
    #menu ul li {
      padding-bottom: 0.5vh;
      margin-bottom: 1vh;
      font-size: 4vh;
      line-height: 5vh; }
      #menu ul li a {
        display: inline-block;
        text-decoration: none; }
        #menu ul li a:after {
          content: '';
          display: block;
          width: 1px;
          height: 1px;
          background: transparent;
          transition: width .3s; }
        #menu ul li a:hover:after {
          background: #1F77FA;
          width: 100%; }
  #menu .contact-info {
    margin-top: 5vh;
    width: 100%; }
    #menu .contact-info .half {
      display: inline-block;
      width: 49%;
      vertical-align: top;
      font-size: 11px;
      font-size: calc(11px + .25vw);
      line-height: 1.25; }
      #menu .contact-info .half p {
        margin-bottom: 0.75vh; }
    #menu .contact-info ul {
      margin-top: 0; }
      #menu .contact-info ul li {
        margin-bottom: 0.5vh;
        padding-bottom: 0;
        font-size: 11px;
        font-size: calc(11px + .25vw);
        line-height: 1.25; }
        #menu .contact-info ul li svg {
          display: inline-block;
          width: 1.5vh;
          height: 1.5vh;
          margin-right: 0.5vw; }

body.menu-active .title-nav {
  opacity: 0; }

body.menu-active header[role="banner"] {
  left: 49.8vw;
  border-right: 0;
  background: #292B33;
  transition: left 0.3s ease-in-out 0.1s, background 0.1s ease-in-out 0s; }
  body.menu-active header[role="banner"] .contacts {
    display: none; }
  body.menu-active header[role="banner"] .logo svg * {
    fill: #fff;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s; }

body.menu-active #menu.active {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

body.new-page-active header[role="banner"], body.is-exiting header[role="banner"], .is-loaded header[role="banner"] {
  /*left: 94.8vw;*/
  background: #292B33;
  -moz-transition-property: left;
  -o-transition-property: left;
  -webkit-transition-property: left;
  transition-property: left;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }
  body.new-page-active header[role="banner"] .logo svg *, body.is-exiting header[role="banner"] .logo svg *, .is-loaded header[role="banner"] .logo svg * {
    fill: #fff;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s; }

body.new-page-active #menu.active, body.new-page-active #menu, body.is-exiting #menu.active, body.is-exiting #menu, .is-loaded #menu.active, .is-loaded #menu {
  /*max-width: 120vw;*/
  /*padding-right: 50vw;*/
  /*width: 110vw;*/
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

body.new-page-active .grid, body.is-exiting .grid, .is-loaded .grid {
  left: 50vw;
  -moz-transition-property: left;
  -o-transition-property: left;
  -webkit-transition-property: left;
  transition-property: left;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.is-loaded header[role="banner"], .is-loaded .grid {
  -moz-transition-property: left;
  -o-transition-property: left;
  -webkit-transition-property: left;
  transition-property: left;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.is-loaded #menu, .is-loaded .grid {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.is-loaded.animate-in header[role="banner"], .is-loaded.new-page-active-footer header[role="banner"] {
  left: 0;
  background: #fff; }
  .is-loaded.animate-in header[role="banner"] .logo svg *, .is-loaded.new-page-active-footer header[role="banner"] .logo svg * {
    fill: #292B33; }

.is-loaded.animate-in #menu, .is-loaded.new-page-active-footer #menu {
  left: -10vw;
  width: 60vw;
  max-width: 0;
  overflow: hidden;
  padding-left: 10vw;
  padding-right: 0; }

.is-loaded.animate-in .grid, .is-loaded.new-page-active-footer .grid {
  left: 4vw; }

.new-page-active-footer header[role="banner"] {
  left: 0;
  background: #E6E6E6; }
  .new-page-active-footer header[role="banner"] .logo svg * {
    fill: #292B33; }

.new-page-active-footer #menu {
  left: -10vw;
  width: 60vw;
  max-width: 0;
  overflow: hidden;
  padding-left: 10vw;
  padding-right: 0; }

.new-page-active-footer .grid {
  left: 4vw; }

.grid li#footer {
  background: #292B33;
  color: #fff;
  padding: 5vw 7.5vw 5vw 5vw;
  font-size: 15px;
  font-size: calc(15px + 0.1vw);
  line-height: 1.25;
  margin-right: -8vw; }
  .grid li#footer:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }
  .grid li#footer img.gform_ajax_spinner {
    display: none !important; }
  .grid li#footer .icon svg {
    width: 4vw;
    margin-right: 0;
    margin-top: -4vh;
    height: auto; }
  .grid li#footer .credit {
    font-size: 12px;
    font-size: calc(12px + 0.1vw);
    line-height: 1.25;
    display: block;
    color: #8c8c8c;
    margin: 2vh 0;
    text-align: left;
    max-width: 58%; }
  .grid li#footer strong {
    display: block; }
  .grid li#footer h4 {
    margin-bottom: 2vh; }
  .grid li#footer .header {
    height: 10vh; }
    .grid li#footer .header svg {
      display: inline-block;
      margin-right: 1vw;
      max-width: 200px; }
      .grid li#footer .header svg * {
        fill: #fff; }
  .grid li#footer .flex {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-evenly;*/ }
    .grid li#footer .flex .flex-item {
      height: auto;
      width: 60%;
      margin-bottom: 4vh; }
      .grid li#footer .flex .flex-item:nth-child(odd) {
        flex: 70%; }
      .grid li#footer .flex .flex-item:nth-child(even) {
        flex: 30%; }
      .grid li#footer .flex .flex-item svg {
        display: inline-block;
        margin-right: 8px; }
  .grid li#footer #menu-footer li {
    margin-bottom: 0.35vh; }
  .grid li#footer .back-arrow, .grid li#footer .top-arrow {
    height: 50px;
    width: 50px;
    bottom: 0;
    position: relative; }
    .grid li#footer .back-arrow svg, .grid li#footer .top-arrow svg {
      margin-right: 0; }
    .grid li#footer .back-arrow:hover, .grid li#footer .top-arrow:hover {
      cursor: pointer; }
  .grid li#footer .tagline {
    display: inline-block;
    color: #fff;
    top: 1.1vh; }
  .grid li#footer .newsletter {
    height: 8vh; }
    .grid li#footer .newsletter form {
      display: flex;
      width: 90%;
      max-width: 24rem;
      margin: 2vh 0 0; }
      .grid li#footer .newsletter form > div {
        flex: 1;
        width: auto !important;
        clear: none !important;
        padding: 0 !important;
        margin: 0 !important; }
        .grid li#footer .newsletter form > div.gform_footer {
          max-width: 8rem; }
      .grid li#footer .newsletter form label {
        display: none !important; }
      .grid li#footer .newsletter form .gfield {
        padding-right: 0; }
      .grid li#footer .newsletter form input, .grid li#footer .newsletter form button {
        position: relative;
        opacity: 1;
        z-index: 1;
        border: 1px solid #fff;
        padding: 1vh;
        font-size: 15px;
        font-size: calc(15px + 0.1vw);
        line-height: 1.25;
        color: #fff;
        width: 100%;
        margin-right: 0%; }
        .grid li#footer .newsletter form input ::-webkit-input-placeholder, .grid li#footer .newsletter form button ::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          color: #fff;
          opacity: 1; }
        .grid li#footer .newsletter form input ::-moz-placeholder, .grid li#footer .newsletter form button ::-moz-placeholder {
          /* Firefox 19+ */
          color: #fff;
          opacity: 1; }
        .grid li#footer .newsletter form input :-ms-input-placeholder, .grid li#footer .newsletter form button :-ms-input-placeholder {
          /* IE 10+ */
          color: #fff;
          opacity: 1; }
        .grid li#footer .newsletter form input :-moz-placeholder, .grid li#footer .newsletter form button :-moz-placeholder {
          /* Firefox 18- */
          color: #fff;
          opacity: 1; }
      .grid li#footer .newsletter form button {
        background: #fff;
        color: #292B33;
        width: 100%;
        margin-top: 16px; }

.grid .back-arrow, .grid .top-arrow {
  float: right; }

.grid .top-arrow {
  display: none; }

.layout--slideshow .grid--wrapper {
  height: 80vh;
  max-height: 1000px; }

.layout--slideshow .slide img, .layout--slideshow .slide picture {
  max-width: 99000px;
  z-index: 0; }

.layout--slideshow .slide .slide--text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; }
  .layout--slideshow .slide .slide--text .grid--column > div {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .layout--slideshow .slide .slide--text .grid--column > div * {
      margin-left: auto;
      margin-right: auto; }

.layout--slideshow .slideshow--nav {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%; }
  .layout--slideshow .slideshow--nav .slick-dots {
    padding: 2rem 0;
    margin: 0 auto;
    text-align: center; }
    .layout--slideshow .slideshow--nav .slick-dots li {
      position: relative;
      display: inline-block;
      width: 24px;
      height: 24px; }
      .layout--slideshow .slideshow--nav .slick-dots li button {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: 0;
        line-height: 0;
        color: transparent; }
        .layout--slideshow .slideshow--nav .slick-dots li button:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          margin-top: -5px;
          margin-left: -5px;
          display: block;
          width: 10px;
          height: 10px;
          border-radius: 100%;
          border: 2px solid black;
          opacity: 0.25; }
      .layout--slideshow .slideshow--nav .slick-dots li:hover button:before {
        opacity: 0.5; }
      .layout--slideshow .slideshow--nav .slick-dots li.slick-active button:before {
        background-color: #000;
        opacity: 1; }

@media screen and (min-width: 1920px) {
  html {
    font-size: 24px; } }

@media screen and (max-width: 1200px) {
  html {
    font-size: 18px; }
  small {
    font-size: 70%; } }

@media screen and (max-width: 1400px) {
  #tilt-screen {
    display: none; }
  header[role="banner"], #menu {
    height: 100%; }
  .grid li#footer {
    flex: 0 0 70vw;
    width: 70vw; }
    .grid li#footer .flex {
      margin-bottom: 3rem; }
    .grid li#footer .back-arrow {
      top: -11vh; }
    .grid li#footer .header {
      height: 10vh; }
  html {
    font-size: 16px;
    height: 100% !important; }
    html body {
      height: 100% !important; }
  small {
    font-size: 80%; }
  #tilt-screen {
    display: none; }
  ul#scrollable {
    overflow-y: hidden !important; }
  body.single-perspectives ul#scrollable {
    overflow-y: auto !important;
    width: 96vw !important;
    display: block; }
  main#main-wrapper {
    overflow-y: hidden !important;
    height: 100%;
    max-height: 100%; }
    main#main-wrapper .grid {
      height: 100%; }
  .grid > li h1, .grid > li h2, .grid > li h3, .grid > li h4, .grid > li h5, .grid > li h6, .grid .alm-reveal > li h1, .grid .alm-reveal > li h2, .grid .alm-reveal > li h3, .grid .alm-reveal > li h4, .grid .alm-reveal > li h5, .grid .alm-reveal > li h6,
  .item h1,
  .item h2,
  .item h3,
  .item h4,
  .item h5,
  .item h6 {
    width: 100%;
    max-width: 90%; }
  .grid > li.item-9.perspective, .grid .alm-reveal > li.item-9.perspective, .item.item-9.perspective {
    min-width: 95vw;
    max-width: 95vw; }
  .grid > li.item-5 h1, .grid > li.item-5 h2, .grid > li.item-5 h3, .grid > li.item-5 h4, .grid > li.item-5 h5, .grid > li.item-5 h6, .grid .alm-reveal > li.item-5 h1, .grid .alm-reveal > li.item-5 h2, .grid .alm-reveal > li.item-5 h3, .grid .alm-reveal > li.item-5 h4, .grid .alm-reveal > li.item-5 h5, .grid .alm-reveal > li.item-5 h6, .item.item-5 h1, .item.item-5 h2, .item.item-5 h3, .item.item-5 h4, .item.item-5 h5, .item.item-5 h6 {
    width: 100%;
    max-width: 100%; }
  .grid > li.full-bleed:before, .grid .alm-reveal > li.full-bleed:before,
  .item.full-bleed:before {
    left: 1.5vh; }
  .grid > li.full-bleed:after, .grid .alm-reveal > li.full-bleed:after,
  .item.full-bleed:after {
    top: 0;
    right: 1.5vh; }
  .grid > li figure figcaption, .grid .alm-reveal > li figure figcaption, .item figure figcaption {
    max-width: 50vw; }
  .grid > li#enquiries .gform_wrapper li.file-input label.gfield_label, .grid .alm-reveal > li#enquiries .gform_wrapper li.file-input label.gfield_label, .item#enquiries .gform_wrapper li.file-input label.gfield_label {
    max-width: 80% !important; }
  .grid > li#process-introduction p, .grid .alm-reveal > li#process-introduction p, .item#process-introduction p {
    max-width: 90%; }
  .grid > li#post-introduction-image figure, .grid .alm-reveal > li#post-introduction-image figure,
  .item#post-introduction-image figure {
    transform: none !important; }
  h2 {
    font-size: 17px;
    font-size: calc(17px + 0.5vw); }
  .ajax-load-more-wrap .alm-btn-wrap {
    right: -3vw; } }

@media screen and (max-width: 960px) {
  html, body {
    overflow-y: auto !important; }
  main#main-wrapper, ul#scrollable {
    height: auto;
    max-height: none;
    overflow-x: hidden;
    overflow-y: auto !important; }
  body::-webkit-scrollbar {
    display: block;
    width: auto;
    height: auto;
    background: auto; }
  main {
    left: 0 !important; }
  .desktop {
    display: none !important; }
  #tilt-screen {
    display: block; }
  body {
    overflow-x: hidden;
    overflow-y: auto; }
  .home .grid {
    margin-top: 9vh;
    padding-left: 0; }
    .home .grid #page-title {
      display: none; }
  .grid .alm-reveal > li.image.image-middle, .grid > li.image.image-middle, .item.image.image-middle {
    padding-top: 0vh; }
  .archive .alm-reveal > li.project-column .project {
    height: auto;
    margin-bottom: 2rem; }
    .archive .alm-reveal > li.project-column .project.flex-item {
      padding-right: 0 !important;
      padding-left: 0 !important;
      flex: 100% !important; }
    .archive .alm-reveal > li.project-column .project.large {
      height: auto; }
      .archive .alm-reveal > li.project-column .project.large .wrapper {
        height: auto !important; }
    .archive .alm-reveal > li.project-column .project figure {
      position: relative;
      float: none;
      left: auto;
      top: auto;
      height: 25vh;
      margin-bottom: 1rem;
      margin-left: 5%;
      max-width: 90%; }
    .archive .alm-reveal > li.project-column .project .overlay {
      height: auto !important;
      display: block;
      opacity: 1;
      background: transparent;
      position: relative;
      top: auto;
      left: auto;
      color: #000; }
      .archive .alm-reveal > li.project-column .project .overlay .content {
        left: auto;
        bottom: auto !important;
        position: relative; }
        .archive .alm-reveal > li.project-column .project .overlay .content p {
          font-size: 16px;
          font-size: calc(16px + 0.5vw);
          line-height: 1.25vh; }
  .perspective .post-wrapper #perspective-introduction-image figure .title-wrapper h1, .perspectives .post-wrapper #perspective-introduction-image figure .title-wrapper h1, .single-perspective-wrapper #perspective-introduction-image figure .title-wrapper h1, .single #perspective-introduction-image figure .title-wrapper h1 {
    font-size: 28px;
    font-size: calc(28px + 0.25vw); }
  .grid li#footer {
    width: 100%;
    padding: 11vw 9vw 5vw 9vw; }
    .grid li#footer .icon svg {
      width: 10vw; }
  .single main {
    width: 100%; }
  .single #perspective-content > div p, .single #perspective-content > div ul, .single #perspective-content > div ol {
    font-size: 13px !important;
    font-size: calc(13px + 0.25vw) !important;
    line-height: 1.25;
    margin-bottom: 1rem !important; }
  .perspective .post-wrapper #perspective-introduction-image figure .title-wrapper .author, .perspective .post-wrapper #perspective-introduction-image figure .title-wrapper .date, .perspective .post-wrapper #perspective-introduction-image figure .title-wrapper .scroll-on, .perspectives .post-wrapper #perspective-introduction-image figure .title-wrapper .author, .perspectives .post-wrapper #perspective-introduction-image figure .title-wrapper .date, .perspectives .post-wrapper #perspective-introduction-image figure .title-wrapper .scroll-on, .single-perspective-wrapper #perspective-introduction-image figure .title-wrapper .author, .single-perspective-wrapper #perspective-introduction-image figure .title-wrapper .date, .single-perspective-wrapper #perspective-introduction-image figure .title-wrapper .scroll-on, .single #perspective-introduction-image figure .title-wrapper .author, .single #perspective-introduction-image figure .title-wrapper .date, .single #perspective-introduction-image figure .title-wrapper .scroll-on {
    margin-right: 0; }
  .grid > li.case-study .content-container, .item.case-study .content-container {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto; }
  .grid {
    display: block;
    left: 0;
    padding-left: 0;
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    margin-top: 9vh;
    height: auto;
    max-height: none;
    max-width: 100vw; }
    .grid::-webkit-scrollbar {
      background: auto !important;
      width: 0;
      height: 0;
      display: none !important; }
    .grid::-webkit-scrollbar-button {
      width: 0px;
      height: 0px; }
    .grid::-webkit-scrollbar-thumb {
      background: rgba(31, 119, 250, 0.5);
      border: 0px none #1F77FA;
      border-radius: 0px; }
    .grid::-webkit-scrollbar-thumb:hover {
      background: none; }
    .grid::-webkit-scrollbar-thumb:active {
      background: none; }
    .grid::-webkit-scrollbar-track {
      background: transparent !important;
      border: 0px none #fff;
      border-radius: 50px; }
    .grid::-webkit-scrollbar-track:hover {
      border-top: 0px solid #ddd;
      background: none !important; }
    .grid::-webkit-scrollbar-track:active {
      background: transparent !important; }
      .grid::-webkit-scrollbar-track:active ::webkit-scrollbar-thumb {
        background: transparent; }
    .grid::-webkit-scrollbar-corner {
      background: transparent !important; }
    .grid > li {
      display: block;
      width: 100% !important;
      padding: 0;
      margin-bottom: 5vh; }
      .grid > li:first-of-type {
        margin-top: 2vh; }
      .grid > li.home-hero {
        min-width: none !important;
        flex: 0 !important; }
        .grid > li.home-hero .fullscreen {
          width: 100%; }
          .grid > li.home-hero .fullscreen .slide-text {
            margin: 0 auto; }
            .grid > li.home-hero .fullscreen .slide-text .align-center p, .grid > li.home-hero .fullscreen .slide-text .align-center h1, .grid > li.home-hero .fullscreen .slide-text .align-center h2, .grid > li.home-hero .fullscreen .slide-text .align-center h3, .grid > li.home-hero .fullscreen .slide-text .align-center h4, .grid > li.home-hero .fullscreen .slide-text .align-center h5 {
              margin: 0 auto 2rem !important;
              max-width: 90%; }
            .grid > li.home-hero .fullscreen .slide-text .align-center h1 {
              font-size: 28px;
              font-size: calc(28px + 0.25vw); }
          .grid > li.home-hero .fullscreen a.fixed {
            top: 5rem;
            width: 100%; }
      .grid > li.introduction {
        height: auto !important;
        min-height: 20vh;
        padding: 0;
        margin-left: 0; }
        .grid > li.introduction .section-title {
          margin-left: 0 !important; }
        .grid > li.introduction p {
          max-width: 80% !important;
          position: relative;
          left: 0;
          top: 0; }
        .grid > li.introduction:before {
          display: none; }
        .grid > li.introduction > h3 {
          font-size: 18px;
          left: 3.5vh;
          top: -0.5vh; }
        .grid > li.introduction .content {
          padding-top: 0;
          left: 0;
          max-width: 100%;
          margin: 0 auto;
          position: relative;
          margin-left: 0; }
          .grid > li.introduction .content p, .grid > li.introduction .content h1, .grid > li.introduction .content h2, .grid > li.introduction .content h3, .grid > li.introduction .content h4 {
            width: 80%;
            max-width: 100% !important;
            margin-left: 8.5%; }
      .grid > li.text-content ul, .grid > li.text-content ol {
        margin-left: 8.5% !important; }
      .grid > li figure figcaption {
        max-width: 100%; }
      .grid > li p, .grid > li h1, .grid > li h2, .grid > li h3, .grid > li h4, .grid > li h5, .grid > li ul, .grid > li ol {
        max-width: 80%;
        margin: 0 auto 1rem; }
        .grid > li p.gform_fields, .grid > li h1.gform_fields, .grid > li h2.gform_fields, .grid > li h3.gform_fields, .grid > li h4.gform_fields, .grid > li h5.gform_fields, .grid > li ul.gform_fields, .grid > li ol.gform_fields {
          max-width: 100% !important; }
      .grid > li ul {
        margin: 0 0 2vh 8.5% !important; }
      .grid > li p, .grid > li li {
        font-size: 14px;
        font-size: calc(14px + 0.5vw) !important;
        line-height: 1.25 !important; }
      .grid > li p, .grid > li ul, .grid > li ol {
        margin-bottom: 2vh !important; }
      .grid > li h3 {
        font-size: 18px; }
      .grid > li h2 {
        font-size: 18px !important;
        line-height: 1.25; }
      .grid > li#accolades > h3 {
        font-size: 18px;
        left: 3.3vh;
        top: 3.5vh; }
      .grid > li#accolades-introduction {
        padding-top: 0;
        margin-left: -0.5vw; }
        .grid > li#accolades-introduction p, .grid > li#accolades-introduction h1, .grid > li#accolades-introduction h2, .grid > li#accolades-introduction h3, .grid > li#accolades-introduction h4 {
          max-width: 80% !important;
          margin-left: 8.5% !important; }
      .grid > li.layout--slideshow .slides {
        max-height: none;
        max-width: 100%;
        margin-bottom: 10vh; }
        .grid > li.layout--slideshow .slides .slideshow--nav {
          bottom: -10vh; }
        .grid > li.layout--slideshow .slides .slide {
          max-height: none;
          max-width: none;
          height: 100% !important; }
          .grid > li.layout--slideshow .slides .slide a img, .grid > li.layout--slideshow .slides .slide a picture {
            position: relative;
            top: auto;
            left: auto;
            -webkit-transform: translate(0%, 0%);
            -ms-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
            height: auto !important;
            width: 100% !important; }
      .grid > li#accolades-content {
        width: 80% !important;
        margin: 0 5% 15% 8.5%; }
        .grid > li#accolades-content p {
          max-width: 100% !important;
          line-height: 2.75vh !important; }
      .grid > li.project-column .flex .load-more {
        /*display: none !important;*/
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        position: absolute;
        right: auto;
        left: 0;
        top: auto;
        bottom: -2vh;
        height: 4vh;
        width: calc(37vh);
        display: block;
        width: 100%;
        height: 6vh;
        margin: 2vh 5vw 0; }
        .grid > li.project-column .flex .load-more a {
          display: block;
          width: 100%;
          height: 100%; }
      .grid > li#principles {
        height: 80vh; }
        .grid > li#principles .flex {
          display: block;
          height: 80vh; }
          .grid > li#principles .flex .flex-item {
            flex: none; }
          .grid > li#principles .flex .slide {
            height: 80vh !important;
            max-height: none !important; }
        .grid > li#principles .principle {
          padding: 50vh 5vh 5vh 5vh; }
          .grid > li#principles .principle > h4, .grid > li#principles .principle > p {
            max-width: 100% !important;
            width: 100% !important;
            margin-bottom: 3vh !important;
            margin-left: 3% !important; }
        .grid > li#principles .slideshow--nav {
          display: block;
          margin: -4vh auto 0;
          z-index: 500;
          position: absolute;
          left: 0;
          width: 100%; }
          .grid > li#principles .slideshow--nav ul {
            text-align: center; }
            .grid > li#principles .slideshow--nav ul li {
              display: inline-block;
              padding: 0 1.5vw; }
              .grid > li#principles .slideshow--nav ul li button {
                display: block;
                text-indent: -999999px;
                width: 9px;
                height: 9px;
                background: #888;
                border-radius: 100%; }
                .grid > li#principles .slideshow--nav ul li button:hover {
                  cursor: pointer; }
              .grid > li#principles .slideshow--nav ul li.slick-active button {
                background: #fff; }
      .grid > li.principle {
        height: 90vh !important;
        padding: 60vh 5vh 0;
        margin-bottom: 0; }
        .grid > li.principle h3 {
          width: 100%;
          margin: 0 !important; }
      .grid > li#introduction, .grid > li#process-introduction {
        padding-top: 0; }
        .grid > li#introduction .introduction h4, .grid > li#process-introduction .introduction h4 {
          margin-bottom: 0 !important; }
      .grid > li#process-introduction .introduction h4 {
        margin-bottom: 5vh !important;
        max-width: 80%; }
      .grid > li#design-principles {
        padding-top: 0; }
      .grid > li.case-studies {
        position: relative;
        left: 0;
        top: 0;
        padding: 0;
        margin-bottom: 10vh; }
        .grid > li.case-studies:before {
          display: none; }
        .grid > li.case-studies > h3 {
          font-size: 18px;
          left: 2.5vh;
          top: -0.5vh; }
        .grid > li.case-studies > p {
          position: relative;
          left: 0;
          top: 0;
          margin-bottom: 0 !important; }
      .grid > li.case-study, .grid > li .item.case-study {
        position: relative;
        min-height: 0;
        margin-bottom: 0; }
        .grid > li.case-study .wrapper, .grid > li .item.case-study .wrapper {
          position: relative;
          bottom: 0;
          left: 0;
          width: 100%;
          height: auto; }
          .grid > li.case-study .wrapper:before, .grid > li .item.case-study .wrapper:before {
            display: none; }
          .grid > li.case-study .wrapper .image-container, .grid > li .item.case-study .wrapper .image-container {
            width: 100%;
            height: auto;
            position: relative;
            bottom: 0;
            right: 0;
            left: 0; }
          .grid > li.case-study .wrapper .content-container, .grid > li .item.case-study .wrapper .content-container {
            height: auto !important; }
        .grid > li.case-study p, .grid > li.case-study h3, .grid > li.case-study h4, .grid > li .item.case-study p, .grid > li .item.case-study h3, .grid > li .item.case-study h4 {
          margin-bottom: 0 !important;
          font-size: 16px; }
          .grid > li.case-study p.sector, .grid > li.case-study h3.sector, .grid > li.case-study h4.sector, .grid > li .item.case-study p.sector, .grid > li .item.case-study h3.sector, .grid > li .item.case-study h4.sector {
            margin-top: 1.25vh !important;
            color: #1F77FA; }
      .grid > li.related-projects, .grid > li.related-products, .grid > li.related-articles {
        padding-left: 0 !important;
        padding-right: 0 !important; }
        .grid > li.related-projects .section-title, .grid > li.related-products .section-title, .grid > li.related-articles .section-title {
          top: 3.5vh; }
        .grid > li.related-projects .flex, .grid > li.related-products .flex, .grid > li.related-articles .flex {
          padding-top: 1.75rem;
          max-width: 80%;
          margin-left: 8.5%; }
          .grid > li.related-projects .flex .project.large, .grid > li.related-products .flex .project.large, .grid > li.related-articles .flex .project.large {
            max-width: 100% !important;
            height: 25vh !important; }
      .grid > li.accordion {
        max-width: 80%;
        margin-left: 8.5%;
        min-width: 0; }
        .grid > li.accordion a {
          max-width: 100% !important;
          margin: 0 !important; }
        .grid > li.accordion dd p {
          max-width: 100% !important;
          margin: 0 0 1rem !important; }
      .grid > li#footer {
        padding: 7.5% 7.5% 20%;
        margin-bottom: 0; }
        .grid > li#footer svg {
          max-width: 50%; }
        .grid > li#footer .back-arrow {
          display: none; }
        .grid > li#footer .top-arrow {
          display: block;
          width: 7vw;
          margin-right: 3vw;
          margin-top: 1vw; }
          .grid > li#footer .top-arrow svg {
            max-width: 100%; }
        .grid > li#footer h1.tagline, .grid > li#footer h2.tagline {
          margin: 0 0 0 4% !important;
          font-size: 1.5vh !important;
          line-height: 2vh !important;
          width: 40%; }
        .grid > li#footer .header {
          height: auto;
          margin-bottom: 5vh; }
        .grid > li#footer .icon {
          width: 11vw;
          height: 5vh;
          margin: -1vh 2vw 0 0; }
          .grid > li#footer .icon svg {
            width: 11vw;
            height: 5vh;
            margin-top: 0;
            max-width: none; }
        .grid > li#footer .flex {
          display: block; }
          .grid > li#footer .flex .flex-item {
            height: auto; }
            .grid > li#footer .flex .flex-item:first-child {
              display: none; }
            .grid > li#footer .flex .flex-item ul {
              margin-left: 0 !important; }
            .grid > li#footer .flex .flex-item:last-child {
              width: 100%; }
            .grid > li#footer .flex .flex-item p, .grid > li#footer .flex .flex-item h4 {
              display: none; }
            .grid > li#footer .flex .flex-item ul {
              margin: 7.5% auto;
              width: 100%;
              max-width: 99% !important; }
              .grid > li#footer .flex .flex-item ul li {
                display: inline-block;
                width: 96%; }
                .grid > li#footer .flex .flex-item ul li a {
                  margin: 0 auto 0.5vh !important; }
        .grid > li#footer .newsletter h4 {
          margin: 0 !important;
          width: 100%; }
        .grid > li#footer .newsletter .gform_wrapper form {
          width: 75%;
          margin: 0; }
          .grid > li#footer .newsletter .gform_wrapper form input, .grid > li#footer .newsletter .gform_wrapper form button {
            width: 100%; }
          .grid > li#footer .newsletter .gform_wrapper form button {
            width: 100%; }
        .grid > li#footer .back-arrow {
          display: none; }
      .grid > li#image {
        margin-bottom: 0; }
        .grid > li#image figure .caption {
          display: none; }
      .grid > li figcaption {
        width: 80%;
        margin: 2vh 5% 5vh 8.5% !important;
        max-width: none;
        position: relative;
        float: none;
        font-size: 10px;
        font-size: calc(10px + 0.5vw); }
      .grid > li#enquiries {
        padding-top: 0;
        padding-bottom: 2vh; }
        .grid > li#enquiries div > p, .grid > li#enquiries div.gform_confirmation_wrapper {
          width: 80%;
          padding: 0;
          margin: 3rem 0 0 8.5% !important; }
        .grid > li#enquiries div.gform_confirmation_wrapper {
          margin-top: 0; }
        .grid > li#enquiries .gform_wrapper {
          width: 80%;
          padding: 0;
          margin: 0 0 0 8.5%; }
          .grid > li#enquiries .gform_wrapper input[type="file"]:before {
            height: 75%;
            padding: 1.5vw 0.5vw; }
          .grid > li#enquiries .gform_wrapper .file-input .file-name {
            max-width: 40% !important; }
          .grid > li#enquiries .gform_wrapper .file-input label {
            max-width: 60% !important;
            font-size: 2vh;
            line-height: 2.5vh;
            padding: 1.25vh 3vh !important; }
      .grid > li#contact-introduction h2 {
        margin-bottom: 4vh !important; }
      .grid > li#leadership .section-title {
        top: 3.5vh; }
      .grid > li#leadership > h3 {
        top: 2.5vh; }
      .grid > li#our-team {
        padding-top: 0; }
      .grid > li#leadership-images, .grid > li#our-team, .grid > li#process {
        left: 0; }
        .grid > li#leadership-images figure, .grid > li#our-team figure, .grid > li#process figure {
          position: relative;
          width: 100%;
          height: 25vh;
          max-width: 100% !important;
          left: 0;
          padding: 0; }
        .grid > li#leadership-images .flex, .grid > li#our-team .flex, .grid > li#process .flex {
          display: block; }
          .grid > li#leadership-images .flex .flex-item, .grid > li#our-team .flex .flex-item, .grid > li#process .flex .flex-item {
            flex: none;
            padding: 0; }
        .grid > li#leadership-images .slides .slide, .grid > li#our-team .slides .slide, .grid > li#process .slides .slide {
          padding-right: 10vw; }
        .grid > li#leadership-images .slides img, .grid > li#leadership-images .slides picture, .grid > li#our-team .slides img, .grid > li#our-team .slides picture, .grid > li#process .slides img, .grid > li#process .slides picture {
          width: auto;
          height: auto;
          max-width: 100%; }
      .grid > li#leadership-images {
        min-height: 0;
        height: auto !important;
        max-height: 70vw !important; }
        .grid > li#leadership-images .flex .flex-item figure {
          position: relative;
          width: 80vw;
          height: auto;
          max-width: 100% !important;
          left: 0;
          padding: 0; }
      .grid > li#process {
        margin-bottom: 3.5vh; }
        .grid > li#process .slides {
          padding-left: 0; }
          .grid > li#process .slides .flex-item {
            padding: 5vh 0;
            height: 80vh !important; }
        .grid > li#process .slideshow--nav {
          display: block;
          margin: -7vh auto 0;
          z-index: 10;
          position: relative; }
          .grid > li#process .slideshow--nav ul {
            text-align: center; }
            .grid > li#process .slideshow--nav ul li {
              display: inline-block;
              padding: 0 1.5vw; }
              .grid > li#process .slideshow--nav ul li button {
                display: block;
                text-indent: -999999px;
                width: 9px;
                height: 9px;
                background: #888;
                border-radius: 100%; }
                .grid > li#process .slideshow--nav ul li button:hover {
                  cursor: pointer; }
              .grid > li#process .slideshow--nav ul li.slick-active button {
                background: #fff; }
      .grid > li .introduction {
        height: auto; }
      .grid > li#products .section-title {
        margin-left: 0 !important; }
      .grid > li#products, .grid > li#team {
        margin-bottom: -5%;
        padding-bottom: 2%; }
        .grid > li#products > h3, .grid > li#team > h3 {
          top: 3vh;
          z-index: 1;
          left: 0; }
        .grid > li#products .content, .grid > li#team .content {
          left: 0 !important; }
          .grid > li#products .content h2, .grid > li#team .content h2 {
            padding-bottom: 0 !important;
            height: auto !important; }
        .grid > li#products.introduction p a:last-child, .grid > li#team.introduction p a:last-child {
          background-size: 4vw; }
      .grid > li#team {
        padding-bottom: 1rem;
        margin-bottom: 0; }
        .grid > li#team.introduction {
          margin-left: 0 !important; }
          .grid > li#team.introduction .content {
            margin-left: 8.5% !important; }
            .grid > li#team.introduction .content p {
              max-width: none !important; }
            .grid > li#team.introduction .content ul.team-members {
              border-top: 0; }
            .grid > li#team.introduction .content figure {
              position: relative;
              top: 0;
              margin-bottom: 1rem; }
      .grid > li#team-images {
        padding-bottom: 1rem; }
      .grid > li#tilt-studio-content {
        padding: 15% 0 0;
        margin-bottom: 0; }
        .grid > li#tilt-studio-content h2 {
          padding-bottom: 0; }
        .grid > li#tilt-studio-content p, .grid > li#tilt-studio-content h1, .grid > li#tilt-studio-content h2, .grid > li#tilt-studio-content h3, .grid > li#tilt-studio-content h4 {
          max-width: 80% !important;
          margin-left: 8.5% !important; }
        .grid > li#tilt-studio-content > p:last-child {
          margin-bottom: 0 !important; }
        .grid > li#tilt-studio-content figure .caption {
          width: 90%;
          margin: 1vh auto 4vh; }
      .grid > li.principles {
        height: 75vh;
        border-left: 0;
        margin-bottom: 0;
        padding: 15% 0; }
      .grid > li.full-bleed {
        height: 25vh;
        margin: 0;
        padding: 0; }
        .grid > li.full-bleed:before, .grid > li.full-bleed:after {
          display: none; }
      .grid > li.load-in.project-column, .grid > li.project-column .hidden {
        /*display: none;*/
        max-width: none;
        height: auto;
        max-height: 0;
        padding-bottom: 5vh;
        margin-bottom: 3vh !important; }
        .grid > li.load-in.project-column .flex, .grid > li.project-column .hidden .flex {
          margin-top: 5vh; }
        .grid > li.load-in.project-column.active, .grid > li.project-column .hidden.active {
          max-height: 200vh;
          max-width: 100%;
          padding-right: 0; }
      .grid > li.project h3 {
        left: -5.5vh;
        top: 3.25vh; }
      .grid > li.project.introduction p {
        max-width: 90%;
        margin-left: 8.5%; }
      .grid > li.project-column, .grid > li.related-projects {
        margin-bottom: 0;
        padding: 0; }
        .grid > li.project-column .project, .grid > li.related-projects .project {
          position: relative;
          height: 25vh;
          width: 100%;
          top: 0;
          left: 0;
          margin-left: 0;
          margin-bottom: 2vh; }
          .grid > li.project-column .project p, .grid > li.related-projects .project p {
            margin-bottom: 0 !important; }
          .grid > li.project-column .project.large, .grid > li.related-projects .project.large {
            top: 0;
            width: 100%;
            margin-bottom: 2vh;
            margin-left: 0;
            height: 30vh;
            padding-right: 0 !important;
            max-width: 100% !important; }
          .grid > li.project-column .project .overlay p, .grid > li.related-projects .project .overlay p {
            font-size: 16px;
            font-size: calc(16px + 0.5vw);
            line-height: 1.25vh; }
            .grid > li.project-column .project .overlay p:last-child, .grid > li.related-projects .project .overlay p:last-child {
              margin-bottom: 0 !important; }
          .grid > li.project-column .project .overlay p, .grid > li.project-column .project .overlay h4, .grid > li.related-projects .project .overlay p, .grid > li.related-projects .project .overlay h4 {
            max-width: 90% !important;
            width: 90% !important;
            margin-left: 5% !important; }
          .grid > li.project-column .project .overlay a > *, .grid > li.related-projects .project .overlay a > * {
            max-width: 100% !important;
            width: 100% !important; }
          .grid > li.project-column .project .overlay .content h4, .grid > li.related-projects .project .overlay .content h4 {
            margin-bottom: 0 !important; }
        .grid > li.project-column .flex-item, .grid > li.related-projects .flex-item {
          padding-right: 0 !important;
          padding-left: 0 !important;
          flex: 100% !important; }
          .grid > li.project-column .flex-item:nth-child, .grid > li.related-projects .flex-item:nth-child {
            padding-right: 0 !important;
            padding-left: 0 !important; }
      .grid > li.related-projects {
        margin-bottom: 5vh !important; }
        .grid > li.related-projects .project.large {
          max-width: 80% !important; }
        .grid > li.related-projects .project .overlay h4 {
          margin-left: 0 !important; }
      .grid > li#contact-introduction .flex .flex-item {
        flex: 100%;
        padding-right: 0; }
      .grid > li#study-title:before {
        display: none; }
      .grid > li #filter {
        position: relative;
        top: 0;
        width: 80%;
        font-size: 2.5vh;
        line-height: 3.25vh;
        margin-left: 8.5%;
        margin-top: 15%;
        margin-bottom: 7%; }
        .grid > li #filter ul {
          max-width: 100% !important; }
        .grid > li #filter p, .grid > li #filter h3 {
          width: 100% !important;
          max-width: 100% !important;
          font-size: 16px !important; }
      .grid > li#image:before {
        display: none; }
      .grid > li h1.tagline, .grid > li h2.tagline {
        position: relative;
        top: 0;
        left: 0;
        width: 60%;
        max-width: 10rem !important;
        margin: 7% 8.5% !important;
        font-weight: 100;
        font-size: 12px;
        line-height: 2.5vh; }
      .grid > li.item-5 .introduction h4, .grid > li.item-5 .introduction h5, .grid > li.item-5 .introduction p {
        max-width: 80%; }
      .grid > li.single-border:before {
        display: none; }
      .grid > li#page-404 {
        margin-top: 3vh; }
      .grid > li.perspective .single-perspective {
        padding-top: 0; }
        .grid > li.perspective .single-perspective .content {
          width: 100%;
          max-width: none;
          left: 0; }
          .grid > li.perspective .single-perspective .content * {
            max-width: calc(100vw - 4rem);
            margin-left: auto !important;
            margin-right: auto !important;
            padding: 0;
            max-height: 19vh;
            overflow: hidden; }
          .grid > li.perspective .single-perspective .content a {
            border-bottom: 1px solid #fff;
            padding: 0 0 0.5rem;
            font-size: 16px;
            max-width: calc(100vw - 4rem); }
            .grid > li.perspective .single-perspective .content a svg {
              padding: 0;
              width: 22px; }
      .grid > li.item-6 .introduction {
        height: auto; }
        .grid > li.item-6 .introduction .animated {
          margin: -5% 5% 5% 0; }
          .grid > li.item-6 .introduction .animated svg {
            transform: rotate(90deg);
            display: none; }
      .grid > li.item-6 .video {
        position: relative;
        top: 0;
        width: 100%; }
        .grid > li.item-6 .video figure {
          width: 100%; }
      .grid > li .animated {
        margin: -5% 5% 5% 0;
        position: relative;
        z-index: 10; }
        .grid > li .animated svg {
          transform: rotate(90deg); }
      .grid > li.introduction {
        height: auto !important; }
        .grid > li.introduction .intro-wrapper {
          padding-top: 0;
          margin-left: 8.5%;
          width: 80%;
          margin-right: 0;
          position: relative; }
          .grid > li.introduction .intro-wrapper p {
            max-width: 90% !important;
            margin-left: 0 !important; }
      .grid > li.project-column {
        padding: 0; }
      .grid > li.text-content {
        padding-top: 0; }
        .grid > li.text-content.middle-position {
          padding-top: 0; }
        .grid > li.text-content.item-6 .columns, .grid > li.text-content.item-9 .columns {
          column-count: 1;
          column-gap: 0; }
        .grid > li.text-content .columns {
          max-height: none; }
      .grid > li.news-article {
        height: auto;
        margin-top: 0;
        border-left: 0;
        margin-bottom: 5vh;
        max-width: 80%;
        margin-left: 8.5%; }
        .grid > li.news-article.introduction {
          margin-left: 0;
          max-width: 100%; }
        .grid > li.news-article .content {
          padding-top: 0 !important;
          max-width: 100%;
          margin-left: 0; }
          .grid > li.news-article .content p, .grid > li.news-article .content h1, .grid > li.news-article .content h2, .grid > li.news-article .content h3, .grid > li.news-article .content h4, .grid > li.news-article .content h5, .grid > li.news-article .content img, .grid > li.news-article .content picture {
            width: 100%;
            max-width: 100% !important;
            margin-left: 8.5%; }
          .grid > li.news-article .content p {
            line-height: 3vh !important; }
          .grid > li.news-article .content .post-thumbnail {
            margin-left: 0; }
          .grid > li.news-article .content a {
            margin-left: 0 !important; }
        .grid > li.news-article.introduction {
          margin-top: 0; }
          .grid > li.news-article.introduction .post-thumbnail {
            margin-left: 0; }
          .grid > li.news-article.introduction .content {
            padding-top: 0 !important;
            max-width: 83%;
            margin-left: 12.5% !important; }
          .grid > li.news-article.introduction .section-title h3, .grid > li.news-article.introduction .section-title h2 {
            top: 34%;
            font-size: 20px !important; }
          .grid > li.news-article.introduction h4, .grid > li.news-article.introduction p {
            max-width: 80% !important;
            width: 100% !important;
            margin-left: 8.5%; }
          .grid > li.news-article.introduction a {
            margin-left: 0 !important; }
        .grid > li.news-article a {
          margin-left: 8.5% !important; }
        .grid > li.news-article .post-thumbnail {
          margin-left: 8.5%; }
  .page-template-archive-projects-php li.item-5, .blog li.item-5, .archive li.item-5 {
    margin-top: 5vh; }
    .page-template-archive-projects-php li.item-5.perspective, .blog li.item-5.perspective, .archive li.item-5.perspective {
      margin-top: 0;
      margin-bottom: 0;
      max-height: 100vw; }
  header[role="banner"] {
    width: 100%;
    height: 9vh;
    border-bottom: 1px solid #1F77FA;
    min-height: 5rem;
    padding: 1.75rem 0 1.25rem; }
    header[role="banner"] .grid--wrapper, header[role="banner"] .grid--column {
      overflow-y: visible !important; }
    header[role="banner"] .grid--column {
      padding: 0 0.75vw;
      overflow: visible;
      margin-bottom: 0 !important;
      height: 3vh; }
    header[role="banner"] .contacts {
      display: none; }
    header[role="banner"] .logo {
      display: block;
      float: left;
      left: 0.75rem;
      margin-bottom: 0;
      width: 40px;
      transform: none !important;
      top: auto; }
    header[role="banner"] .activatemenu {
      left: auto;
      right: -3vw;
      top: 60%; }
      header[role="banner"] .activatemenu .hamburger {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); }
      header[role="banner"] .activatemenu.active {
        right: -3vw; }
  #menu {
    max-width: 100vw;
    width: 100%;
    height: 100vh;
    max-height: 0;
    overflow: hidden;
    left: 0;
    padding: 0;
    z-index: 8000; }
    #menu.active {
      max-width: 100vw;
      max-height: 100vh; }
    #menu ul.menu li div#lottie {
      width: 25px;
      height: 25px;
      position: relative;
      right: auto;
      top: auto;
      display: inline-block;
      margin-left: 2.5rem; }
    #menu #menucontent {
      padding: 9vh 2vh 2vh 2vh;
      overflow: hidden; }
      #menu #menucontent .contact-info {
        top: 65vh; }
        #menu #menucontent .contact-info .half {
          width: 100%;
          margin-bottom: 2vh; }
  .new-page-active-footer #menu {
    left: 0; }
  body.menu-active #menu, body.new-page-active #menu, body.is-exiting #menu, .is-loaded #menu, .new-page-active-footer #menu {
    max-width: 100vw;
    width: 100%;
    height: 100vh; }
  body.menu-active header[role="banner"], body.menu-active .grid, body.new-page-active header[role="banner"], body.new-page-active .grid, body.is-exiting header[role="banner"], body.is-exiting .grid, .is-loaded header[role="banner"], .is-loaded .grid, .new-page-active-footer header[role="banner"], .new-page-active-footer .grid {
    left: 0;
    border-bottom: 0; }
  body.menu-active.animate-in .grid, body.menu-active.new-page-active-footer .grid, body.new-page-active.animate-in .grid, body.new-page-active.new-page-active-footer .grid, body.is-exiting.animate-in .grid, body.is-exiting.new-page-active-footer .grid, .is-loaded.animate-in .grid, .is-loaded.new-page-active-footer .grid, .new-page-active-footer.animate-in .grid, .new-page-active-footer.new-page-active-footer .grid {
    left: 0; }
  .new-page-active-footer .grid {
    left: 0; }
  body.new-page-active #menu.active, body.new-page-active #menu, body.is-exiting #menu.active, body.is-exiting #menu, .is-loaded #menu.active, .is-loaded #menu {
    padding-right: 0; }
  .grid .alm-reveal > li#study-title p.content-middle, .grid .alm-reveal > li#title p.content-middle, .grid > li#study-title p.content-middle, .grid > li#title p.content-middle, .item#study-title p.content-middle, .item#title p.content-middle {
    position: relative;
    top: 0;
    margin-left: 8.5% !important; }
  h3#page-title {
    display: none;
    width: 80%;
    margin: 7.5% auto;
    color: #1F77FA; }
  .introduction {
    height: auto; }
  .grid > li#article-title .intro-wrapper, .item#article-title .intro-wrapper {
    position: relative;
    padding-top: 0; }
  .grid > li#contact-introduction h2, .item#contact-introduction h2 {
    height: auto !important; }
  .grid > li.project-column .project .overlay .content, .grid > li.load-more .project .overlay .content, .grid > li.alm-btn-wrap .project .overlay .content, .grid .alm-reveal > li.project-column .project .overlay .content, .grid .alm-reveal > li.load-more .project .overlay .content, .grid .alm-reveal > li.alm-btn-wrap .project .overlay .content, .item.project-column .project .overlay .content, .item.load-more .project .overlay .content, .item.alm-btn-wrap .project .overlay .content {
    left: 0;
    bottom: 2vh; }
  .grid > li.project-column .project {
    height: auto;
    margin-bottom: 2rem; }
    .grid > li.project-column .project.large {
      height: auto;
      margin-bottom: 2rem; }
      .grid > li.project-column .project.large figure {
        margin-left: 0%;
        max-width: 100%;
        margin-left: 5%;
        max-width: 90%; }
    .grid > li.project-column .project .flex {
      display: block; }
    .grid > li.project-column .project .overlay {
      height: auto;
      display: block;
      opacity: 1;
      background: transparent;
      position: relative;
      top: auto;
      left: auto;
      color: #000; }
      .grid > li.project-column .project .overlay .content {
        left: auto;
        bottom: auto;
        position: relative; }
      .grid > li.project-column .project .overlay a {
        pointer-events: none; }
    .grid > li.project-column .project figure {
      position: relative;
      float: none;
      left: auto;
      top: auto;
      height: 25vh;
      margin-bottom: 1rem;
      margin-left: 5%;
      max-width: 90%; }
    .grid > li.project-column .project:hover .overlay {
      z-index: 1000; }
      .grid > li.project-column .project:hover .overlay a {
        pointer-events: auto; }
  body.single-perspectives .perspective, body.single-perspectives #introduction {
    display: none; }
    body.single-perspectives .perspective.active-perspective, body.single-perspectives #introduction.active-perspective {
      display: block;
      min-height: 150vh;
      height: auto; }
      body.single-perspectives .perspective.active-perspective .single-perspective, body.single-perspectives #introduction.active-perspective .single-perspective {
        margin-top: -1rem !important;
        height: 100vw; }
        body.single-perspectives .perspective.active-perspective .single-perspective .content, body.single-perspectives #introduction.active-perspective .single-perspective .content {
          display: none; }
      body.single-perspectives .perspective.active-perspective .post-wrapper, body.single-perspectives #introduction.active-perspective .post-wrapper {
        overflow-y: inherit;
        height: auto;
        position: relative;
        top: -100vw;
        margin-bottom: -110vw; }
        body.single-perspectives .perspective.active-perspective .post-wrapper div#introductory-paragraph, body.single-perspectives #introduction.active-perspective .post-wrapper div#introductory-paragraph {
          padding: 2rem 1rem 0 !important; }
          body.single-perspectives .perspective.active-perspective .post-wrapper div#introductory-paragraph p, body.single-perspectives #introduction.active-perspective .post-wrapper div#introductory-paragraph p {
            font-size: 20px !important; }
        body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-content > div.testimonial, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-content > div.testimonial {
          height: 100vw !important; }
        body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-content > div.full-bleed-half-half, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-content > div.full-bleed-half-half {
          margin: 3rem 0 0rem 0;
          height: auto !important; }
          body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-content > div.full-bleed-half-half .half, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-content > div.full-bleed-half-half .half {
            padding: 1rem;
            width: 100%;
            height: 100vw !important;
            float: none; }
            body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-content > div.full-bleed-half-half .half .center, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-content > div.full-bleed-half-half .half .center {
              font-size: 21px;
              width: 100%;
              line-height: 24px; }
        body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-content > div#social-sharing, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-content > div#social-sharing {
          margin: 0 auto 4rem; }
          body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-content > div#social-sharing ul li, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-content > div#social-sharing ul li {
            margin-left: 0; }
        body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-content > div.slideshow, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-content > div.slideshow {
          padding-top: 0;
          margin-bottom: 0;
          padding-bottom: 3rem; }
        body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-content > div#pagination div svg, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-content > div#pagination div svg {
          margin-right: -1rem;
          margin-left: 1rem; }
        body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-content > div#pagination div:first-child svg, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-content > div#pagination div:first-child svg {
          margin-left: -1rem;
          margin-right: 1rem; }
        body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-content > div.file a svg, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-content > div.file a svg {
          width: 14px; }
        body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-content > div.text-content blockquote p, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-content > div.text-content blockquote p {
          left: 0; }
        body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-content > div.text-content blockquote h4, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-content > div.text-content blockquote h4 {
          margin-top: 1rem !important;
          left: 1rem;
          position: relative; }
        body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-content > div p:last-child, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-content > div p:last-child {
          margin-bottom: 0 !important; }
        body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-introduction-image .close-perspective, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-introduction-image .close-perspective {
          display: none; }
        body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-introduction-image figure, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-introduction-image figure {
          height: 100vw; }
          body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-introduction-image figure .title-wrapper, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-introduction-image figure .title-wrapper {
            left: 1rem;
            width: calc(100% - 2rem); }
            body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-introduction-image figure .title-wrapper .scroll-on, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-introduction-image figure .title-wrapper .scroll-on {
              display: none; }
            body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-introduction-image figure .title-wrapper *, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-introduction-image figure .title-wrapper * {
              margin-left: 0 !important;
              margin-right: 0 !important;
              max-width: 100%; }
            body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-introduction-image figure .title-wrapper h1, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-introduction-image figure .title-wrapper h1 {
              font-size: 20px; }
            body.single-perspectives .perspective.active-perspective .post-wrapper #perspective-introduction-image figure .title-wrapper img.avatar, body.single-perspectives #introduction.active-perspective .post-wrapper #perspective-introduction-image figure .title-wrapper img.avatar {
              margin-right: 0.75rem !important; }
  .page-template-template-modular-php .grid > li#post-introduction-image {
    height: 30vh; }
    .page-template-template-modular-php .grid > li#post-introduction-image figure .title-wrapper {
      bottom: 0; }
  .page-template-template-modular-php .grid > li.image.image-middle, .page-template-template-modular-php .grid .alm-reveal > li.image.image-middle, .page-template-template-modular-php .item.image.image-middle {
    padding-top: 0; }
  .single-projects .grid > li.introduction.item-3, .page-template-template-modular-php .grid > li.introduction.item-3 {
    padding: 0vh 0 0 6vh; }
    .single-projects .grid > li.introduction.item-3.project, .page-template-template-modular-php .grid > li.introduction.item-3.project {
      padding: 0; }
    .single-projects .grid > li.introduction.item-3 p, .page-template-template-modular-php .grid > li.introduction.item-3 p {
      line-height: 3.25vh;
      max-width: 100% !important; }
  .single-projects .grid > li.item-3.accordion, .page-template-template-modular-php .grid > li.item-3.accordion {
    max-width: 80% !important;
    margin-left: 8.5% !important; }
  .single-projects .grid > li.testimonial, .page-template-template-modular-php .grid > li.testimonial {
    height: auto;
    padding-bottom: 0;
    position: relative;
    margin: 5vh 0; }
    .single-projects .grid > li.testimonial figure, .page-template-template-modular-php .grid > li.testimonial figure {
      height: 100%; }
      .single-projects .grid > li.testimonial figure img, .single-projects .grid > li.testimonial figure picture, .page-template-template-modular-php .grid > li.testimonial figure img, .page-template-template-modular-php .grid > li.testimonial figure picture {
        min-width: 100%;
        min-height: 100%;
        width: auto; }
    .single-projects .grid > li.testimonial div.quote, .page-template-template-modular-php .grid > li.testimonial div.quote {
      position: relative;
      padding: 2rem 0; }
      .single-projects .grid > li.testimonial div.quote .center, .page-template-template-modular-php .grid > li.testimonial div.quote .center {
        width: 72%;
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        margin: 0 auto; }
        .single-projects .grid > li.testimonial div.quote .center p, .single-projects .grid > li.testimonial div.quote .center h2, .single-projects .grid > li.testimonial div.quote .center h3, .single-projects .grid > li.testimonial div.quote .center h4, .single-projects .grid > li.testimonial div.quote .center h5, .page-template-template-modular-php .grid > li.testimonial div.quote .center p, .page-template-template-modular-php .grid > li.testimonial div.quote .center h2, .page-template-template-modular-php .grid > li.testimonial div.quote .center h3, .page-template-template-modular-php .grid > li.testimonial div.quote .center h4, .page-template-template-modular-php .grid > li.testimonial div.quote .center h5 {
          margin: 0 auto 1rem !important; }
  .single-projects .grid > li#study-title, .page-template-template-modular-php .grid > li#study-title {
    margin-top: 0vh !important; }
    .single-projects .grid > li#study-title h4, .single-projects .grid > li#study-title ul.details li, .page-template-template-modular-php .grid > li#study-title h4, .page-template-template-modular-php .grid > li#study-title ul.details li {
      font-size: 2.2vh !important;
      line-height: 3vh !important;
      margin-left: 8.5% !important; }
    .single-projects .grid > li#study-title h4, .page-template-template-modular-php .grid > li#study-title h4 {
      margin-bottom: 2rem !important; }
  .single-projects .grid > li#post-introduction-image, .page-template-template-modular-php .grid > li#post-introduction-image {
    padding-right: 0;
    padding-bottom: 0;
    height: 30vh;
    position: relative; }
    .single-projects .grid > li#post-introduction-image figure .lead-in, .page-template-template-modular-php .grid > li#post-introduction-image figure .lead-in {
      left: 8vh;
      bottom: 0;
      font-size: 4.3vh;
      line-height: 3vh; }
    .single-projects .grid > li#post-introduction-image h3, .page-template-template-modular-php .grid > li#post-introduction-image h3 {
      font-size: 18px; }
      .single-projects .grid > li#post-introduction-image h3.no-rotate, .page-template-template-modular-php .grid > li#post-introduction-image h3.no-rotate {
        color: #000; }
  .single-projects .grid > li.made-exceptional, .single-projects .item.made-exceptional, .single-projects .grid > li.related-projects, .single-projects .item.related-projects, .single-projects .grid > li.related-products, .single-projects .item.related-products, .single-projects .grid > li.related-articles, .single-projects .item.related-articles, .page-template-template-modular-php .grid > li.made-exceptional, .page-template-template-modular-php .item.made-exceptional, .page-template-template-modular-php .grid > li.related-projects, .page-template-template-modular-php .item.related-projects, .page-template-template-modular-php .grid > li.related-products, .page-template-template-modular-php .item.related-products, .page-template-template-modular-php .grid > li.related-articles, .page-template-template-modular-php .item.related-articles {
    padding-left: 0vw;
    padding-top: 5vh;
    padding-bottom: 5vh;
    margin-bottom: 0; }
    .single-projects .grid > li.made-exceptional > h3, .single-projects .item.made-exceptional > h3, .single-projects .grid > li.related-projects > h3, .single-projects .item.related-projects > h3, .single-projects .grid > li.related-products > h3, .single-projects .item.related-products > h3, .single-projects .grid > li.related-articles > h3, .single-projects .item.related-articles > h3, .page-template-template-modular-php .grid > li.made-exceptional > h3, .page-template-template-modular-php .item.made-exceptional > h3, .page-template-template-modular-php .grid > li.related-projects > h3, .page-template-template-modular-php .item.related-projects > h3, .page-template-template-modular-php .grid > li.related-products > h3, .page-template-template-modular-php .item.related-products > h3, .page-template-template-modular-php .grid > li.related-articles > h3, .page-template-template-modular-php .item.related-articles > h3 {
      left: -2vh;
      top: 9vh; }
    .single-projects .grid > li.made-exceptional h2, .single-projects .item.made-exceptional h2, .single-projects .grid > li.related-projects h2, .single-projects .item.related-projects h2, .single-projects .grid > li.related-products h2, .single-projects .item.related-products h2, .single-projects .grid > li.related-articles h2, .single-projects .item.related-articles h2, .page-template-template-modular-php .grid > li.made-exceptional h2, .page-template-template-modular-php .item.made-exceptional h2, .page-template-template-modular-php .grid > li.related-projects h2, .page-template-template-modular-php .item.related-projects h2, .page-template-template-modular-php .grid > li.related-products h2, .page-template-template-modular-php .item.related-products h2, .page-template-template-modular-php .grid > li.related-articles h2, .page-template-template-modular-php .item.related-articles h2 {
      max-width: 100% !important;
      width: 100% !important;
      line-height: 3.25vh;
      height: auto; }
    .single-projects .grid > li.made-exceptional .statistics .stat p, .single-projects .item.made-exceptional .statistics .stat p, .single-projects .grid > li.related-projects .statistics .stat p, .single-projects .item.related-projects .statistics .stat p, .single-projects .grid > li.related-products .statistics .stat p, .single-projects .item.related-products .statistics .stat p, .single-projects .grid > li.related-articles .statistics .stat p, .single-projects .item.related-articles .statistics .stat p, .page-template-template-modular-php .grid > li.made-exceptional .statistics .stat p, .page-template-template-modular-php .item.made-exceptional .statistics .stat p, .page-template-template-modular-php .grid > li.related-projects .statistics .stat p, .page-template-template-modular-php .item.related-projects .statistics .stat p, .page-template-template-modular-php .grid > li.related-products .statistics .stat p, .page-template-template-modular-php .item.related-products .statistics .stat p, .page-template-template-modular-php .grid > li.related-articles .statistics .stat p, .page-template-template-modular-php .item.related-articles .statistics .stat p {
      font-size: 12px;
      font-size: calc(12px + 0.5vw);
      line-height: 1.25; }
    .single-projects .grid > li.made-exceptional .statistics .stat span, .single-projects .item.made-exceptional .statistics .stat span, .single-projects .grid > li.related-projects .statistics .stat span, .single-projects .item.related-projects .statistics .stat span, .single-projects .grid > li.related-products .statistics .stat span, .single-projects .item.related-products .statistics .stat span, .single-projects .grid > li.related-articles .statistics .stat span, .single-projects .item.related-articles .statistics .stat span, .page-template-template-modular-php .grid > li.made-exceptional .statistics .stat span, .page-template-template-modular-php .item.made-exceptional .statistics .stat span, .page-template-template-modular-php .grid > li.related-projects .statistics .stat span, .page-template-template-modular-php .item.related-projects .statistics .stat span, .page-template-template-modular-php .grid > li.related-products .statistics .stat span, .page-template-template-modular-php .item.related-products .statistics .stat span, .page-template-template-modular-php .grid > li.related-articles .statistics .stat span, .page-template-template-modular-php .item.related-articles .statistics .stat span {
      width: 40%;
      font-size: 6vh; }
    .single-projects .grid > li.made-exceptional .flex, .single-projects .item.made-exceptional .flex, .single-projects .grid > li.related-projects .flex, .single-projects .item.related-projects .flex, .single-projects .grid > li.related-products .flex, .single-projects .item.related-products .flex, .single-projects .grid > li.related-articles .flex, .single-projects .item.related-articles .flex, .page-template-template-modular-php .grid > li.made-exceptional .flex, .page-template-template-modular-php .item.made-exceptional .flex, .page-template-template-modular-php .grid > li.related-projects .flex, .page-template-template-modular-php .item.related-projects .flex, .page-template-template-modular-php .grid > li.related-products .flex, .page-template-template-modular-php .item.related-products .flex, .page-template-template-modular-php .grid > li.related-articles .flex, .page-template-template-modular-php .item.related-articles .flex {
      display: block !important; }
      .single-projects .grid > li.made-exceptional .flex .flex-item, .single-projects .item.made-exceptional .flex .flex-item, .single-projects .grid > li.related-projects .flex .flex-item, .single-projects .item.related-projects .flex .flex-item, .single-projects .grid > li.related-products .flex .flex-item, .single-projects .item.related-products .flex .flex-item, .single-projects .grid > li.related-articles .flex .flex-item, .single-projects .item.related-articles .flex .flex-item, .page-template-template-modular-php .grid > li.made-exceptional .flex .flex-item, .page-template-template-modular-php .item.made-exceptional .flex .flex-item, .page-template-template-modular-php .grid > li.related-projects .flex .flex-item, .page-template-template-modular-php .item.related-projects .flex .flex-item, .page-template-template-modular-php .grid > li.related-products .flex .flex-item, .page-template-template-modular-php .item.related-products .flex .flex-item, .page-template-template-modular-php .grid > li.related-articles .flex .flex-item, .page-template-template-modular-php .item.related-articles .flex .flex-item {
        display: block;
        width: 100%; }
        .single-projects .grid > li.made-exceptional .flex .flex-item:last-child, .single-projects .item.made-exceptional .flex .flex-item:last-child, .single-projects .grid > li.related-projects .flex .flex-item:last-child, .single-projects .item.related-projects .flex .flex-item:last-child, .single-projects .grid > li.related-products .flex .flex-item:last-child, .single-projects .item.related-products .flex .flex-item:last-child, .single-projects .grid > li.related-articles .flex .flex-item:last-child, .single-projects .item.related-articles .flex .flex-item:last-child, .page-template-template-modular-php .grid > li.made-exceptional .flex .flex-item:last-child, .page-template-template-modular-php .item.made-exceptional .flex .flex-item:last-child, .page-template-template-modular-php .grid > li.related-projects .flex .flex-item:last-child, .page-template-template-modular-php .item.related-projects .flex .flex-item:last-child, .page-template-template-modular-php .grid > li.related-products .flex .flex-item:last-child, .page-template-template-modular-php .item.related-products .flex .flex-item:last-child, .page-template-template-modular-php .grid > li.related-articles .flex .flex-item:last-child, .page-template-template-modular-php .item.related-articles .flex .flex-item:last-child {
          width: 100% !important;
          padding: 0 3vh 0 8vh !important; }
  .single-projects .grid > li.introduction, .single-product .grid > li.introduction, .page-template-template-modular-php .grid > li.introduction {
    padding: 4vh 0 !important; }
  .single-post .item-3.accordion {
    max-width: 80%;
    margin-left: 8.5%; }
  .single-projects .grid > li.made-exceptional .flex .flex-item:last-child, .single-projects .item.made-exceptional .flex .flex-item:last-child, .single-projects .grid > li.related-projects .flex .flex-item:last-child, .single-projects .item.related-projects .flex .flex-item:last-child, .page-template-template-modular-php .grid > li.made-exceptional .flex .flex-item:last-child, .page-template-template-modular-php .item.made-exceptional .flex .flex-item:last-child, .page-template-template-modular-php .grid > li.related-projects .flex .flex-item:last-child, .page-template-template-modular-php .item.related-projects .flex .flex-item:last-child {
    width: 100% !important;
    padding: 0 3vh 0 6.5vh !important; }
  .made-exceptional .flex .flex-item p, .related-projects .flex .flex-item p {
    margin-right: 0 !important;
    max-width: 85% !important; }
  .grid .alm-listing, .grid .ajax-load-more-wrap, .grid .alm-reveal {
    display: block; }
  .project.flex-item.hidden {
    display: none !important; }
  .grid > li.project-column.second {
    margin-bottom: 4vh !important; }
  .grid > li.load-in {
    padding-bottom: 12vh !important; }
    .grid > li.load-in.hidden .project {
      display: none; }
    .grid > li.load-in .project {
      display: block; }
    .grid > li.load-in .load-more {
      width: 95%;
      right: 2vw;
      height: 6vh;
      top: auto;
      bottom: 0;
      left: 0;
      text-align: left;
      padding: 0; }
      .grid > li.load-in .load-more a {
        width: 100% !important;
        cursor: pointer; }
        .grid > li.load-in .load-more a span {
          z-index: 4000;
          display: block;
          padding: 0.5vh 0;
          border: solid #292B33;
          border-width: 1px 0;
          padding: 1.5vh 0;
          font-size: 14px;
          font-size: calc(14px + 0.5vw) !important;
          line-height: 1 !important;
          height: auto;
          -moz-transform: rotate(0deg) translate(0%, 0%);
          -o-transform: rotate(0deg) translate(0%, 0%);
          -ms-transform: rotate(0deg) translate(0%, 0%);
          -webkit-transform: rotate(0deg) translate(0%, 0%);
          transform: rotate(0deg) translate(0%, 0%);
          transform-origin: 0 0;
          color: #000;
          width: 92%;
          margin-left: 12%;
          text-align: left; }
          .grid > li.load-in .load-more a span svg {
            float: right; }
            .grid > li.load-in .load-more a span svg * {
              fill: #000;
              stroke: #000; }
    .grid > li.load-in.active .load-more {
      width: 95%;
      right: 2vw; }
  .ajax-load-more-wrap .alm-btn-wrap {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
    right: 0;
    top: 0;
    height: auto;
    width: 100%;
    padding: 0 0 4vh 0;
    margin-left: 8.5%; }
  .grid .alm-reveal > li.item-3 {
    display: block;
    width: 100%; }
    .grid .alm-reveal > li.item-3.news-article {
      border-left: none;
      height: auto;
      margin-top: 0;
      margin-bottom: 5vh;
      padding-top: 0;
      width: 80% !important;
      margin-left: 8.5%;
      padding: 0; }
  .single-projects h2.tagline, .single-projects h1.tagline {
    display: none !important; }
  .page-template-template-modular-php .grid > li.related-projects .flex .flex-item:last-child {
    padding: 0 !important; }
  .grid > li#study-title h4, .grid .alm-reveal > li#study-title h4,
  .item#study-title h4 {
    margin-bottom: 0 !important; }
  .grid li#process-introduction h2, .grid li#process-introduction h3, .grid li#process-introduction h4, .grid li#process-introduction ul, .grid li#process-introduction ol, .grid li#process-introduction p, .grid .alm-reveal li#process-introduction h2, .grid .alm-reveal li#process-introduction h3, .grid .alm-reveal li#process-introduction h4, .grid .alm-reveal li#process-introduction ul, .grid .alm-reveal li#process-introduction ol, .grid .alm-reveal li#process-introduction p, .item li#process-introduction h2, .item li#process-introduction h3, .item li#process-introduction h4, .item li#process-introduction ul, .item li#process-introduction ol, .item li#process-introduction p {
    max-width: 80%; }
  li.introduction .content h1, li.introduction .content h2, li.introduction .content h3, li.introduction .content h4, li.introduction .content h5 {
    font-weight: 300 !important; }
  .grid > li.item-9.perspective, .grid .alm-reveal > li.item-9.perspective, .item.item-9.perspective {
    min-width: 100vw;
    max-width: 100vw; }
  .perspective .post-wrapper #perspective-content > div.slideshow {
    margin-top: 2rem; }
    .perspective .post-wrapper #perspective-content > div.slideshow .slick-slide {
      height: 100% !important; }
      .perspective .post-wrapper #perspective-content > div.slideshow .slick-slide img, .perspective .post-wrapper #perspective-content > div.slideshow .slick-slide picture {
        width: 100%;
        height: auto;
        max-height: none; }
  .intro-wrapper.columns h4 {
    margin-left: 0 !important; }
  .grid li#footer .flex .flex-item:nth-child(odd) {
    flex: 100%;
    width: 100%; }
    .grid li#footer .flex .flex-item:nth-child(odd) form {
      width: 100% !important; }
  .grid > li#post-introduction-image figure, .grid .alm-reveal > li#post-introduction-image figure,
  .item#post-introduction-image figure {
    transform: none !important;
    height: 0;
    padding-bottom: 55%; } }

@media screen and (max-width: 768px) {
  #tilt-screen {
    display: block; }
  .mob {
    display: block; }
  body .gform_legacy_markup_wrapper .top_label div.ginput_container {
    margin-top: 0 !important; }
  .single-projects .grid > li.made-exceptional > h3, .single-projects .item.made-exceptional > h3, .single-projects .grid > li.related-projects > h3, .single-projects .item.related-projects > h3, .single-projects .grid > li.related-products > h3, .single-projects .item.related-products > h3, .single-projects .grid > li.related-articles > h3, .single-projects .item.related-articles > h3 {
    left: -5vw;
    top: 20vw; }
  .single-projects .grid > li.introduction.item-3 p {
    line-height: 1.25;
    max-width: 90% !important; }
  .grid > li#back-to-archive #filter .back-arrow, .grid .alm-reveal > li#back-to-archive #filter .back-arrow,
  .item#back-to-archive #filter .back-arrow {
    display: none !important; }
  .item#process .principles figure div svg {
    margin: 0 auto !important; }
  .grid--wrapper {
    max-width: 690px; }
  header[role="banner"] .grid--column {
    padding: 0; }
    header[role="banner"] .grid--column .logo svg {
      width: 80%;
      float: left; }
  .fancybox-slide {
    padding: 0 !important; }
  .grid > li#footer svg {
    max-width: 30%; }
  header[role="banner"] .activatemenu {
    top: 30%; }
  #process-introduction div.animated {
    display: none; }
  .grid > li#footer .top-arrow {
    width: 5vw; }
  .grid > li.news-article.introduction .content {
    padding-top: 0 !important;
    max-width: 84.5%;
    margin-left: 11.5% !important; }
  .mobile {
    display: block; }
  .fancybox-navigation .fancybox-button {
    width: 15vw;
    padding: 0 !important; }
  .grid > li h1, .grid > li h2, .grid > li h3, .grid > li h4, .grid > li h5, .grid > li h6, .grid .alm-reveal > li h1, .grid .alm-reveal > li h2, .grid .alm-reveal > li h3, .grid .alm-reveal > li h4, .grid .alm-reveal > li h5, .grid .alm-reveal > li h6, .item h1, .item h2, .item h3, .item h4, .item h5, .item h6, .grid > li.item-5 h1, .grid > li.item-5 h2, .grid > li.item-5 h3, .grid > li.item-5 h4, .grid > li.item-5 h5, .grid > li.item-5 h6 {
    width: 100%;
    max-width: 80%; }
  header[role="banner"] {
    border-right: 0; }
    header[role="banner"] .activatemenu .hamburger {
      top: 3.5vh;
      left: 0; }
  .grid > li .accordion dt a {
    font-size: 14px;
    font-size: calc(14px + 0.5vw); }
  #back-to-archive .back-arrow {
    display: none; }
  .grid .alm-reveal > li.testimonial, .grid > li.testimonial, .item.testimonial {
    position: relative;
    padding-bottom: 100%; }
    .grid .alm-reveal > li.testimonial p, .grid > li.testimonial p, .item.testimonial p {
      max-width: 100%;
      margin: 0 auto !important; }
  .grid > li.layout--slideshow .slideshow--nav .slick-dots, .grid .alm-reveal > li.layout--slideshow .slideshow--nav .slick-dots,
  .item.layout--slideshow .slideshow--nav .slick-dots {
    margin: 0 auto 3rem !important; } }

@media screen and (max-width: 640px) {
  .grid > li, .grid .alm-reveal > li {
    min-width: 0 !important; }
    .grid > li#leadership .content, .grid > li#products.introduction .content, .grid > li#team.introduction .content, .grid .alm-reveal > li#leadership .content, .grid .alm-reveal > li#products.introduction .content, .grid .alm-reveal > li#team.introduction .content {
      padding-top: 4vh; }
    .grid > li#team ul.team-members li span, .grid .alm-reveal > li#team ul.team-members li span {
      display: block;
      float: none;
      text-align: left; }
      .grid > li#team ul.team-members li span a, .grid .alm-reveal > li#team ul.team-members li span a {
        float: none;
        display: block;
        margin: 1rem 0 0; }
        .grid > li#team ul.team-members li span a svg, .grid .alm-reveal > li#team ul.team-members li span a svg {
          margin: 0;
          display: block; }
  .archive .grid .alm-reveal > li.item-6 {
    width: 100%;
    padding: 0; }
    .archive .grid .alm-reveal > li.item-6 .project {
      height: auto; }
      .archive .grid .alm-reveal > li.item-6 .project .overlay {
        height: auto;
        display: block;
        opacity: 1;
        background: transparent;
        position: relative;
        top: auto;
        left: auto;
        color: #000; }
        .archive .grid .alm-reveal > li.item-6 .project .overlay .content h4, .archive .grid .alm-reveal > li.item-6 .project .overlay .content p {
          max-width: 90% !important;
          width: 90% !important;
          margin-left: 7% !important;
          margin-bottom: 0 !important; }
        .archive .grid .alm-reveal > li.item-6 .project .overlay .content p {
          margin-top: 0.25rem !important; }
      .archive .grid .alm-reveal > li.item-6 .project figure {
        height: auto;
        padding-bottom: 55%; }
      .archive .grid .alm-reveal > li.item-6 .project.large figure {
        margin-left: 0%;
        max-width: 100%; }
  .archive div.ajax-load-more-wrap {
    padding-right: 0; }
  #tilt-screen {
    display: none; }
  .grid > li#post-introduction-image .mask {
    display: none !important; }
  .single-projects .grid > li#post-introduction-image, .page-template-template-modular-php .grid > li#post-introduction-image {
    height: 44vh;
    margin-bottom: 0vh; }
    .single-projects .grid > li#post-introduction-image figure, .page-template-template-modular-php .grid > li#post-introduction-image figure {
      height: 30vh;
      overflow: visible !important; }
      .single-projects .grid > li#post-introduction-image figure img, .single-projects .grid > li#post-introduction-image figure picture, .page-template-template-modular-php .grid > li#post-introduction-image figure img, .page-template-template-modular-php .grid > li#post-introduction-image figure picture {
        max-height: 30vh;
        position: relative !important;
        min-width: 100%;
        margin-bottom: 2.5vh; }
      .single-projects .grid > li#post-introduction-image figure .title-wrapper, .single-projects .grid > li#post-introduction-image figure .lead-in, .page-template-template-modular-php .grid > li#post-introduction-image figure .title-wrapper, .page-template-template-modular-php .grid > li#post-introduction-image figure .lead-in {
        color: #000;
        position: relative;
        top: auto !important;
        bottom: 0;
        max-width: 100% !important;
        margin-left: 0;
        left: 0; }
      .single-projects .grid > li#post-introduction-image figure .lead-in, .page-template-template-modular-php .grid > li#post-introduction-image figure .lead-in {
        left: 0 !important;
        max-width: 80% !important;
        display: none; }
  .page-template-template-modular-php .grid > li#post-introduction-image {
    height: 60vh; }
    .page-template-template-modular-php .grid > li#post-introduction-image figure {
      height: 45vh;
      overflow: visible !important;
      padding-bottom: 10vh; }
      .page-template-template-modular-php .grid > li#post-introduction-image figure img, .page-template-template-modular-php .grid > li#post-introduction-image figure picture {
        height: 35vh; }
      .page-template-template-modular-php .grid > li#post-introduction-image figure .title-wrapper {
        bottom: -10vh; }
  .grid > li.introduction .content {
    padding-top: 0; }
  .single-projects .grid > li.introduction.item-3 {
    margin-bottom: 0; }
    .single-projects .grid > li.introduction.item-3 p {
      max-width: 80%;
      margin: 0 0 1rem 8.5%; }
    .single-projects .grid > li.introduction.item-3.project p {
      max-width: 80% !important; }
  header[role="banner"] .grid--column {
    padding: 0 0.75vw; }
    header[role="banner"] .grid--column .logo svg {
      width: 100%;
      float: none; }
    header[role="banner"] .grid--column .activatemenu .hamburger {
      top: 3.5vh;
      left: 0; }
  .grid > li.project.introduction {
    margin-left: 0; }
  header[role="banner"] .activatemenu {
    top: -2rem;
    right: 1rem;
    position: absolute; }
    header[role="banner"] .activatemenu.active {
      right: 1rem; }
  .grid > li#footer svg {
    max-width: 50%; }
  .grid > li#footer .top-arrow {
    width: 7vw; }
  .grid > li.news-article.introduction .content {
    padding-top: 0 !important;
    max-width: 90%;
    margin-left: 5% !important; }
  .grid > li.news-artucle {
    max-width: 86%;
    margin-left: 7%; }
  .grid > li#article-title .intro-wrapper, .item#article-title .intro-wrapper {
    max-width: 80%;
    margin-left: 8.5%; }
  .grid li#footer .top-arrow {
    margin-top: -11vw; }
  .grid li#footer .credit {
    text-align: left;
    max-width: 100%; }
  .single-projects .grid > li.made-exceptional .statistics .stat:first-of-type, .single-projects .item.made-exceptional .statistics .stat:first-of-type {
    padding-top: 3vh; }
  .single-projects .grid > li.made-exceptional .statistics .stat span, .single-projects .item.made-exceptional .statistics .stat span {
    font-size: 36px;
    font-size: calc(36px + 0.5vw);
    width: 100%;
    line-height: 2.5;
    display: block;
    float: none; }
  .single-projects .grid > li.made-exceptional .statistics .stat p, .single-projects .item.made-exceptional .statistics .stat p {
    width: 100%;
    display: block; }
  .single-projects .grid > li.made-exceptional h2, .single-projects .item.made-exceptional h2, .single-projects .grid > li.related-projects h2, .single-projects .item.related-projects h2 {
    max-width: 72% !important;
    width: 100% !important;
    line-height: 3.75vh;
    height: auto; }
  .single-projects .grid > .made-exceptional, .single-projects .grid > .related-projects {
    position: relative;
    padding: 5vh 8.5% !important; }
    .single-projects .grid > .made-exceptional .flex .flex-item, .single-projects .grid > .related-projects .flex .flex-item {
      }
      .single-projects .grid > .made-exceptional .flex .flex-item .statistics .stat:last-of-type, .single-projects .grid > .related-projects .flex .flex-item .statistics .stat:last-of-type {
        border-bottom: 0; }
    .single-projects .grid > .made-exceptional h3, .single-projects .grid > .related-projects h3 {
      max-width: 100%;
      margin: 0 0 1rem !important; }
  .grid > li.related-projects {
    padding: 3vh 0; }
  .grid > li.introduction > .section-title, .grid > li#post-introduction-image > .section-title {
    width: 100%;
    position: relative;
    padding-left: 0; }
    .grid > li.introduction > .section-title h3, .grid > li#post-introduction-image > .section-title h3 {
      text-align: left;
      height: auto;
      width: 100%; }
  .grid > li#post-introduction-image > .section-title {
    display: none; }
  .grid > li.news-article.introduction .section-title, .grid .alm-reveal > li.news-article.introduction .section-title,
  .item.news-article.introduction .section-title {
    top: 0;
    left: 0 !important;
    padding-left: 15px; }
    .grid > li.news-article.introduction .section-title h3, .grid .alm-reveal > li.news-article.introduction .section-title h3, .item.news-article.introduction .section-title h3 {
      max-width: 100%;
      margin: 0 0 1rem 0% !important;
      width: 30vh;
      height: 100%;
      line-height: 1;
      text-align: left;
      position: relative;
      top: 0;
      left: 0;
      margin: 0 0 3rem 2vw !important; }
  .grid > li.project-column .project figure {
    height: 0;
    padding-bottom: 55%; }
  .grid > li#article-title .intro-wrapper p, .grid .alm-reveal > li#article-title .intro-wrapper p,
  .item#article-title .intro-wrapper p {
    max-width: 100% !important;
    margin-left: 0 !important; }
  .single-projects .grid > li.made-exceptional .section-title, .single-projects .item.made-exceptional .section-title, .single-projects .grid > li.related-projects .section-title, .single-projects .item.related-projects .section-title {
    top: 0;
    left: 0;
    text-align: left;
    padding-left: 0;
    margin-top: 40px; }
    .single-projects .grid > li.made-exceptional .section-title h3, .single-projects .item.made-exceptional .section-title h3, .single-projects .grid > li.related-projects .section-title h3, .single-projects .item.related-projects .section-title h3 {
      top: 0;
      left: 0;
      position: relative;
      text-align: left; }
  .single-projects .grid > li.made-exceptional .flex, .single-projects .item.made-exceptional .flex, .single-projects .grid > li.related-projects .flex, .single-projects .item.related-projects .flex {
    margin-left: 0 !important;
    padding-top: 0 !important;
    max-width: 100% !important; }
    .single-projects .grid > li.made-exceptional .flex .flex-item, .single-projects .item.made-exceptional .flex .flex-item, .single-projects .grid > li.related-projects .flex .flex-item, .single-projects .item.related-projects .flex .flex-item {
      max-width: 100% !important;
      margin-left: 0 !important;
      padding: 0 !important; }
      .single-projects .grid > li.made-exceptional .flex .flex-item .statistics .stat:last-of-type, .single-projects .item.made-exceptional .flex .flex-item .statistics .stat:last-of-type, .single-projects .grid > li.related-projects .flex .flex-item .statistics .stat:last-of-type, .single-projects .item.related-projects .flex .flex-item .statistics .stat:last-of-type {
        border-bottom: 0; }
      .single-projects .grid > li.made-exceptional .flex .flex-item.large, .single-projects .item.made-exceptional .flex .flex-item.large, .single-projects .grid > li.related-projects .flex .flex-item.large, .single-projects .item.related-projects .flex .flex-item.large {
        height: 25vh; }
      .single-projects .grid > li.made-exceptional .flex .flex-item p, .single-projects .item.made-exceptional .flex .flex-item p, .single-projects .grid > li.related-projects .flex .flex-item p, .single-projects .item.related-projects .flex .flex-item p {
        margin: 0 0 1rem !important;
        max-width: 100% !important; }
      .single-projects .grid > li.made-exceptional .flex .flex-item:last-child, .single-projects .item.made-exceptional .flex .flex-item:last-child, .single-projects .grid > li.related-projects .flex .flex-item:last-child, .single-projects .item.related-projects .flex .flex-item:last-child {
        padding: 0 !important; }
  .grid > li#products .section-title, .grid > li#team .section-title {
    top: 4vh;
    left: 0; }
  li#accolades, li#commercial {
    padding: 0; }
  li#accolades {
    padding: 0 0; }
  li#accolades .section-title {
    top: -0.5vh; }
  li#accolades-content {
    padding: 0; }
    li#accolades-content dd p, li#accolades-content dd ul, li#accolades-content dd ol {
      margin-left: 0 !important; }
  #filters {
    margin-bottom: 0 !important; }
  #filter {
    margin-left: 0; }
    #filter p, #filter ul, #filter ol {
      margin-left: 0 !important; }
  .grid > li .btn, .grid > li p, .grid > li h1, .grid > li h2, .grid > li h3, .grid > li h4, .grid > li h5, .grid > li ul, .grid > li ol, .grid > li.case-study .content-container h5 {
    max-width: 80%;
    margin: 0 0 1rem 8.5% !important; }
  .grid > li ul.slick-dots {
    margin: 0 auto !important; }
  .grid > li#post-introduction-image figure div.title-wrapper > *, .grid > li#post-introduction-image figure .lead-in {
    margin: 0 0 1rem 8.5% !important;
    max-width: 80% !important;
    width: 100% !important; }
  .single-projects .grid > li#post-introduction-image figure .lead-in {
    left: 14%;
    bottom: 4vh; }
  .grid > li.case-studies > h3 {
    left: -20%;
    top: 48%;
    max-width: 100%;
    width: 100%;
    position: absolute; }
  .grid > li#products.introduction .content, .grid > li#team.introduction .content {
    margin-left: 2% !important; }
  .grid > li#team.introduction .content {
    margin-left: 8.5% !important; }
    .grid > li#team.introduction .content ul.team-members {
      max-width: 95%; }
  .perspective .post-wrapper #perspective-content > div.iframe {
    bottom: 5rem; }
  #smoothBody .logo {
    top: 1rem; }
    #smoothBody .logo svg {
      display: block;
      width: 160px;
      max-width: 11vw; }
  header[role="banner"] {
    min-height: 3.75rem;
    padding: 1.25rem 0;
    height: auto; }
  .grid > li.home-hero .fullscreen a.fixed {
    top: 0rem; }
    .grid > li.home-hero .fullscreen a.fixed .slide-text.over-text .wrap p {
      font-size: 28px;
      font-size: calc(28px + 0.5vw) !important; }
  .home .grid {
    margin-top: 2vh; }
  .title-nav {
    margin: 3vh 0;
    position: relative;
    top: auto;
    left: 6vw; } }

@media screen and (max-width: 400px) {
  .grid {
    margin-top: 7vh; }
  .grid > li#post-introduction-image > .section-title, .alm-reveal > li#post-introduction-image > .section-title {
    margin-top: 25px !important; }
  .grid > li#process .principles figure, .grid > .principles figure, .grid > .item#process .principles figure, .alm-reveal > li#process .principles figure, .alm-reveal > .principles figure, .alm-reveal > .item#process .principles figure {
    bottom: 0vh !important;
    width: 88%;
    margin: 0 auto; }
  header[role="banner"] .grid--column {
    padding: 0 0.75vw;
    overflow: visible; }
    header[role="banner"] .grid--column .activatemenu > span {
      display: none; }
  .grid > li#principles .principle {
    padding: 50vh 5vh 9vh 5vh; }
  .grid > li#principles .slideshow--nav {
    margin: -8vh auto 0; } }

@media screen and (max-width: 320px) {
  .grid {
    margin-top: 14vh; } }

.alignnone, a img.alignnone, .wp-caption.alignnone {
  display: block;
  float: none; }

.aligncenter, a img.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignright, a img.alignright, .wp-caption.alignright {
  float: right;
  margin: 0; }

.alignleft, a img.alignleft, .wp-caption.alignleft {
  float: left;
  margin: 0; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

body {
  height: 100% !important;
  height: 100vh !important; }

html.ie .grid li.introduction .animated svg {
  width: 24px;
  height: 22px; }

html.ie .grid {
  overflow: none;
  overflow-x: auto;
  scrollbar-width: none;
  overflow: -moz-scrollbars-none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-flex: 0 0 1;
  -webkit-flex: 0 0 1;
  -ms-flex: 0 0 1;
  flex: 0 0 1;
  width: auto;
  max-width: none;
  -webkit-overflow-scrolling: touch; }
  html.ie .grid .alm-listing, html.ie .grid .ajax-load-more-wrap, html.ie .grid .alm-reveal {
    display: flex; }
  html.ie .grid > li, html.ie .grid .alm-reveal > li {
    -webkit-box-flex: 0 0 7.53vw;
    -webkit-flex: 0 0 7.53vw;
    -ms-flex: 0 0 7.53vw;
    flex: 0 0 7.53vw;
    padding: 4.5vw;
    min-width: 100px;
    width: 7.53vw; }
    html.ie .grid > li.item-half, html.ie .grid .alm-reveal > li.item-half {
      margin-left: -5.25vw; }
    html.ie .grid > li.item-2, html.ie .grid .alm-reveal > li.item-2 {
      -webkit-box-flex: 0 0 15.06vw;
      -webkit-flex: 0 0 15.06vw;
      -ms-flex: 0 0 15.06vw;
      flex: 0 0 15.06vw;
      width: 15.06vw; }
    html.ie .grid > li.item-3, html.ie .grid .alm-reveal > li.item-3 {
      -webkit-box-flex: 0 0 22.59vw;
      -webkit-flex: 0 0 22.59vw;
      -ms-flex: 0 0 22.59vw;
      flex: 0 0 22.59vw;
      width: 22.59vw; }
    html.ie .grid > li.item-4, html.ie .grid .alm-reveal > li.item-4 {
      -webkit-box-flex: 0 0 30.12vw;
      -webkit-flex: 0 0 30.12vw;
      -ms-flex: 0 0 30.12vw;
      flex: 0 0 30.12vw;
      width: 30.12vw; }
    html.ie .grid > li.item-5, html.ie .grid .alm-reveal > li.item-5 {
      -webkit-box-flex: 0 0 37.65vw;
      -webkit-flex: 0 0 37.65vw;
      -ms-flex: 0 0 37.65vw;
      flex: 0 0 37.65vw;
      width: 37.65vw; }
    html.ie .grid > li.item-6, html.ie .grid .alm-reveal > li.item-6 {
      -webkit-box-flex: 0 0 45.18vw;
      -webkit-flex: 0 0 45.18vw;
      -ms-flex: 0 0 45.18vw;
      flex: 0 0 45.18vw;
      width: 45.18vw; }
    html.ie .grid > li.item-7, html.ie .grid .alm-reveal > li.item-7 {
      -webkit-box-flex: 0 0 52.71vw;
      -webkit-flex: 0 0 52.71vw;
      -ms-flex: 0 0 52.71vw;
      flex: 0 0 52.71vw;
      width: 52.71vw; }
    html.ie .grid > li.item-8, html.ie .grid .alm-reveal > li.item-8 {
      -webkit-box-flex: 0 0 60.24vw;
      -webkit-flex: 0 0 60.24vw;
      -ms-flex: 0 0 60.24vw;
      flex: 0 0 60.24vw;
      width: 60.24vw; }
    html.ie .grid > li.item-9, html.ie .grid .alm-reveal > li.item-9 {
      -webkit-box-flex: 0 0 67.77vw;
      -webkit-flex: 0 0 67.77vw;
      -ms-flex: 0 0 67.77vw;
      flex: 0 0 67.77vw;
      width: 67.77vw; }
    html.ie .grid > li.item-10, html.ie .grid .alm-reveal > li.item-10 {
      -webkit-box-flex: 0 0 75.3vw;
      -webkit-flex: 0 0 75.3vw;
      -ms-flex: 0 0 75.3vw;
      flex: 0 0 75.3vw;
      width: 75.3vw; }
    html.ie .grid > li.item-11, html.ie .grid .alm-reveal > li.item-11 {
      -webkit-box-flex: 0 0 82.83vw;
      -webkit-flex: 0 0 82.83vw;
      -ms-flex: 0 0 82.83vw;
      flex: 0 0 82.83vw;
      width: 82.83vw; }
    html.ie .grid > li.item-12, html.ie .grid .alm-reveal > li.item-12 {
      -webkit-box-flex: 0 0 90.36vw;
      -webkit-flex: 0 0 90.36vw;
      -ms-flex: 0 0 90.36vw;
      flex: 0 0 90.36vw;
      width: 90.36vw; }
    html.ie .grid > li.item-16, html.ie .grid .alm-reveal > li.item-16 {
      -webkit-box-flex: 0 0 120.48vw;
      -webkit-flex: 0 0 120.48vw;
      -ms-flex: 0 0 120.48vw;
      flex: 0 0 120.48vw;
      width: 120.48vw; }

html.ie .grid .alm-reveal > li.item-3 {
  display: inline-block;
  width: 22.59vw; }