/* 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 {
  font-size: 17px;
  font-size: calc(17px + 0.25vw);
  line-height: 1.25;
  font-weight: 400 !important;
}

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.6666666667px;
  }
  .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;
  flex-basis: 7.53vw;
  width: 7.53vw;
}
.grid > li.item-2, .grid .alm-reveal > li.item-2 {
  flex-basis: 15.06vw;
  width: 15.06vw;
}
.grid > li.item-3, .grid .alm-reveal > li.item-3 {
  flex-basis: 22.59vw;
  width: 22.59vw;
  min-width: 350px;
}
.grid > li.item-4, .grid .alm-reveal > li.item-4 {
  flex-basis: 30.12vw;
  width: 30.12vw;
}
.grid > li.item-5, .grid .alm-reveal > li.item-5 {
  flex-basis: 37.65vw;
  width: 37.65vw;
}
.grid > li.item-6, .grid .alm-reveal > li.item-6 {
  flex-basis: 45.18vw;
  width: 45.18vw;
  min-width: 700px;
}
.grid > li.item-7, .grid .alm-reveal > li.item-7 {
  flex-basis: 52.71vw;
  width: 52.71vw;
}
.grid > li.item-8, .grid .alm-reveal > li.item-8 {
  flex-basis: 60.24vw;
  width: 60.24vw;
}
.grid > li.item-9, .grid .alm-reveal > li.item-9 {
  flex-basis: 67.77vw;
  width: 67.77vw;
  min-width: 1050px;
}
.grid > li.item-10, .grid .alm-reveal > li.item-10 {
  flex-basis: 75.3vw;
  width: 75.3vw;
}
.grid > li.item-11, .grid .alm-reveal > li.item-11 {
  flex-basis: 82.83vw;
  width: 82.83vw;
}
.grid > li.item-12, .grid .alm-reveal > li.item-12 {
  flex-basis: 90.36vw;
  width: 90.36vw;
  min-width: 1400px;
}
.grid > li.item-16, .grid .alm-reveal > li.item-16 {
  flex-basis: 120.48vw;
  width: 120.48vw;
  min-width: 1750px;
}
.grid > li.item-20, .grid .alm-reveal > li.item-20 {
  flex-basis: 150.6vw;
  width: 150.6vw;
  min-width: 2100px;
}
.grid > li#spacer, .grid .alm-reveal > li#spacer {
  flex-basis: 0.3765vw;
  width: 0.3765vw;
  min-width: 50px;
}
.grid > li#spacer.large, .grid .alm-reveal > li#spacer.large {
  flex-basis: 7.53vw;
  width: 7.53vw;
}

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

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: 0.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 0.25s ease, visibility 0s ease 0.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 0.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 0.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: 0.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: max(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: 0.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: max(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 0.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: 0.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: 120px;
  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: 120px;
  max-width: 15vw;
}
#smoothBody .logo svg g * {
  fill: #1F77FA;
}
#smoothBody .logo svg g:first-of-type * {
  fill: #292B33;
}
#smoothBody .logo.collapsed {
  max-width: 50px;
}

#smoothBody .logo svg * {
  fill: #292B33 !important;
}

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

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;
  /* Give the hero a real height, adjust to suit */
  /* Media layer */
  /* Put video behind everything */
  /* Background cover behaviour for iframe */
  /* Mask above media */
  /* Text above mask */
  /* If you have an image fallback, make it cover too */
}
.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: 0.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%;
}
.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 0.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 > li.introduction-image figure, .grid .alm-reveal > li.video figure, .grid .alm-reveal > li .video figure, .grid .alm-reveal > li.introduction-image figure,
.item.video figure,
.item .video figure,
.item.introduction-image figure {
  position: relative;
  max-height: 70vh;
  height: auto;
  overflow: hidden;
}
.grid > li.video figure svg, .grid > li .video figure svg, .grid > li.introduction-image figure svg, .grid .alm-reveal > li.video figure svg, .grid .alm-reveal > li .video figure svg, .grid .alm-reveal > li.introduction-image figure svg,
.item.video figure svg,
.item .video figure svg,
.item.introduction-image 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.testimonial:hover .wrapper, .grid > li.testimonial:hover .quote, .grid .alm-reveal > li.testimonial:hover .wrapper, .grid .alm-reveal > li.testimonial:hover .quote,
.item.testimonial:hover .wrapper,
.item.testimonial:hover .quote {
  display: none;
}
.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 0.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 0.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: 32px;
  font-size: calc(32px + 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;
  display: list-item;
}
.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 > li#post-introduction-image figure.intro-media, .grid .alm-reveal > li#post-introduction-image, .grid .alm-reveal > li#post-introduction-image figure.intro-media,
.item#post-introduction-image,
.item#post-introduction-image figure.intro-media {
  height: 100vh; /* or 80vh, or a fixed px height */
}
.grid > li#post-introduction-image figure.intro-media, .grid .alm-reveal > li#post-introduction-image figure.intro-media,
.item#post-introduction-image figure.intro-media {
  position: relative;
  overflow: hidden;
}
.grid > li#post-introduction-image .video-embed, .grid .alm-reveal > li#post-introduction-image .video-embed,
.item#post-introduction-image .video-embed {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}
.grid > li#post-introduction-image .video-embed iframe, .grid .alm-reveal > li#post-introduction-image .video-embed iframe,
.item#post-introduction-image .video-embed iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* This is the cover trick */
  width: 100vw;
  height: 56.25vw; /* 16:9 */
  min-width: 177.78vh; /* 16:9 inverse */
  min-height: 100vh;
  border: 0;
}
.grid > li#post-introduction-image .mask, .grid .alm-reveal > li#post-introduction-image .mask,
.item#post-introduction-image .mask {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.grid > li#post-introduction-image .title-wrapper, .grid > li#post-introduction-image .lead-in, .grid .alm-reveal > li#post-introduction-image .title-wrapper, .grid .alm-reveal > li#post-introduction-image .lead-in,
.item#post-introduction-image .title-wrapper,
.item#post-introduction-image .lead-in {
  position: relative;
  z-index: 3;
}
.grid > li#post-introduction-image .post-thumbnail, .grid .alm-reveal > li#post-introduction-image .post-thumbnail,
.item#post-introduction-image .post-thumbnail {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.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#post-introduction-image:hover .mask, .grid > li#post-introduction-image:hover .title-wrapper, .grid > li#post-introduction-image:hover .lead-in, .grid .alm-reveal > li#post-introduction-image:hover .mask, .grid .alm-reveal > li#post-introduction-image:hover .title-wrapper, .grid .alm-reveal > li#post-introduction-image:hover .lead-in,
.item#post-introduction-image:hover .mask,
.item#post-introduction-image:hover .title-wrapper,
.item#post-introduction-image:hover .lead-in {
  display: none;
}
.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(52.18vw - var(--gutter) / 4);
  width: calc(52.18vw - 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 .flex-item figure, .grid > li.load-more .flex-item figure, .grid > li.alm-btn-wrap .flex-item figure, .grid > li.related-projects .flex-item figure, .grid .alm-reveal > li.project-column .flex-item figure, .grid .alm-reveal > li.load-more .flex-item figure, .grid .alm-reveal > li.alm-btn-wrap .flex-item figure, .grid .alm-reveal > li.related-projects .flex-item figure,
.item.project-column .flex-item figure,
.item.load-more .flex-item figure,
.item.alm-btn-wrap .flex-item figure,
.item.related-projects .flex-item figure {
  background: #E6E6E6;
}
.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 figure img, .grid > li.load-more .project figure img, .grid > li.alm-btn-wrap .project figure img, .grid > li.related-projects .project figure img, .grid .alm-reveal > li.project-column .project figure img, .grid .alm-reveal > li.load-more .project figure img, .grid .alm-reveal > li.alm-btn-wrap .project figure img, .grid .alm-reveal > li.related-projects .project figure img,
.item.project-column .project figure img,
.item.load-more .project figure img,
.item.alm-btn-wrap .project figure img,
.item.related-projects .project figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  max-width: none;
}
.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 {
  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 .overlay > a span, .grid > li.load-more .project .overlay > a span, .grid > li.alm-btn-wrap .project .overlay > a span, .grid > li.related-projects .project .overlay > a span, .grid .alm-reveal > li.project-column .project .overlay > a span, .grid .alm-reveal > li.load-more .project .overlay > a span, .grid .alm-reveal > li.alm-btn-wrap .project .overlay > a span, .grid .alm-reveal > li.related-projects .project .overlay > a span,
.item.project-column .project .overlay > a span,
.item.load-more .project .overlay > a span,
.item.alm-btn-wrap .project .overlay > a span,
.item.related-projects .project .overlay > 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.team, .grid > li.load-more .project.team, .grid > li.alm-btn-wrap .project.team, .grid > li.related-projects .project.team, .grid .alm-reveal > li.project-column .project.team, .grid .alm-reveal > li.load-more .project.team, .grid .alm-reveal > li.alm-btn-wrap .project.team, .grid .alm-reveal > li.related-projects .project.team,
.item.project-column .project.team,
.item.load-more .project.team,
.item.alm-btn-wrap .project.team,
.item.related-projects .project.team {
  transform: none !important;
}
.grid > li.project-column .project.team figure img, .grid > li.load-more .project.team figure img, .grid > li.alm-btn-wrap .project.team figure img, .grid > li.related-projects .project.team figure img, .grid .alm-reveal > li.project-column .project.team figure img, .grid .alm-reveal > li.load-more .project.team figure img, .grid .alm-reveal > li.alm-btn-wrap .project.team figure img, .grid .alm-reveal > li.related-projects .project.team figure img,
.item.project-column .project.team figure img,
.item.load-more .project.team figure img,
.item.alm-btn-wrap .project.team figure img,
.item.related-projects .project.team figure img {
  width: 100%;
  object-fit: cover;
  position: absolute;
  max-width: none;
  min-height: 100%;
}
.grid > li.project-column .project.team figure .team-name, .grid > li.load-more .project.team figure .team-name, .grid > li.alm-btn-wrap .project.team figure .team-name, .grid > li.related-projects .project.team figure .team-name, .grid .alm-reveal > li.project-column .project.team figure .team-name, .grid .alm-reveal > li.load-more .project.team figure .team-name, .grid .alm-reveal > li.alm-btn-wrap .project.team figure .team-name, .grid .alm-reveal > li.related-projects .project.team figure .team-name,
.item.project-column .project.team figure .team-name,
.item.load-more .project.team figure .team-name,
.item.alm-btn-wrap .project.team figure .team-name,
.item.related-projects .project.team figure .team-name {
  color: #fff !important;
}
.grid > li.project-column .project.team .team-name, .grid > li.project-column .project.team .overlay .content, .grid > li.load-more .project.team .team-name, .grid > li.load-more .project.team .overlay .content, .grid > li.alm-btn-wrap .project.team .team-name, .grid > li.alm-btn-wrap .project.team .overlay .content, .grid > li.related-projects .project.team .team-name, .grid > li.related-projects .project.team .overlay .content, .grid .alm-reveal > li.project-column .project.team .team-name, .grid .alm-reveal > li.project-column .project.team .overlay .content, .grid .alm-reveal > li.load-more .project.team .team-name, .grid .alm-reveal > li.load-more .project.team .overlay .content, .grid .alm-reveal > li.alm-btn-wrap .project.team .team-name, .grid .alm-reveal > li.alm-btn-wrap .project.team .overlay .content, .grid .alm-reveal > li.related-projects .project.team .team-name, .grid .alm-reveal > li.related-projects .project.team .overlay .content,
.item.project-column .project.team .team-name,
.item.project-column .project.team .overlay .content,
.item.load-more .project.team .team-name,
.item.load-more .project.team .overlay .content,
.item.alm-btn-wrap .project.team .team-name,
.item.alm-btn-wrap .project.team .overlay .content,
.item.related-projects .project.team .team-name,
.item.related-projects .project.team .overlay .content {
  position: absolute;
  bottom: 2vh;
  left: 2vh;
  width: 100%;
  letter-spacing: 0;
}
.grid > li.project-column .project.team .team-name h4, .grid > li.project-column .project.team .overlay .content h4, .grid > li.load-more .project.team .team-name h4, .grid > li.load-more .project.team .overlay .content h4, .grid > li.alm-btn-wrap .project.team .team-name h4, .grid > li.alm-btn-wrap .project.team .overlay .content h4, .grid > li.related-projects .project.team .team-name h4, .grid > li.related-projects .project.team .overlay .content h4, .grid .alm-reveal > li.project-column .project.team .team-name h4, .grid .alm-reveal > li.project-column .project.team .overlay .content h4, .grid .alm-reveal > li.load-more .project.team .team-name h4, .grid .alm-reveal > li.load-more .project.team .overlay .content h4, .grid .alm-reveal > li.alm-btn-wrap .project.team .team-name h4, .grid .alm-reveal > li.alm-btn-wrap .project.team .overlay .content h4, .grid .alm-reveal > li.related-projects .project.team .team-name h4, .grid .alm-reveal > li.related-projects .project.team .overlay .content h4,
.item.project-column .project.team .team-name h4,
.item.project-column .project.team .overlay .content h4,
.item.load-more .project.team .team-name h4,
.item.load-more .project.team .overlay .content h4,
.item.alm-btn-wrap .project.team .team-name h4,
.item.alm-btn-wrap .project.team .overlay .content h4,
.item.related-projects .project.team .team-name h4,
.item.related-projects .project.team .overlay .content h4 {
  margin-bottom: 0;
}
.grid > li.project-column .project.team .team-name p, .grid > li.project-column .project.team .overlay .content p, .grid > li.load-more .project.team .team-name p, .grid > li.load-more .project.team .overlay .content p, .grid > li.alm-btn-wrap .project.team .team-name p, .grid > li.alm-btn-wrap .project.team .overlay .content p, .grid > li.related-projects .project.team .team-name p, .grid > li.related-projects .project.team .overlay .content p, .grid .alm-reveal > li.project-column .project.team .team-name p, .grid .alm-reveal > li.project-column .project.team .overlay .content p, .grid .alm-reveal > li.load-more .project.team .team-name p, .grid .alm-reveal > li.load-more .project.team .overlay .content p, .grid .alm-reveal > li.alm-btn-wrap .project.team .team-name p, .grid .alm-reveal > li.alm-btn-wrap .project.team .overlay .content p, .grid .alm-reveal > li.related-projects .project.team .team-name p, .grid .alm-reveal > li.related-projects .project.team .overlay .content p,
.item.project-column .project.team .team-name p,
.item.project-column .project.team .overlay .content p,
.item.load-more .project.team .team-name p,
.item.load-more .project.team .overlay .content p,
.item.alm-btn-wrap .project.team .team-name p,
.item.alm-btn-wrap .project.team .overlay .content p,
.item.related-projects .project.team .team-name p,
.item.related-projects .project.team .overlay .content p {
  margin-bottom: 1rem;
}
.grid > li.project-column .project.team .team-name p:last-child, .grid > li.project-column .project.team .overlay .content p:last-child, .grid > li.load-more .project.team .team-name p:last-child, .grid > li.load-more .project.team .overlay .content p:last-child, .grid > li.alm-btn-wrap .project.team .team-name p:last-child, .grid > li.alm-btn-wrap .project.team .overlay .content p:last-child, .grid > li.related-projects .project.team .team-name p:last-child, .grid > li.related-projects .project.team .overlay .content p:last-child, .grid .alm-reveal > li.project-column .project.team .team-name p:last-child, .grid .alm-reveal > li.project-column .project.team .overlay .content p:last-child, .grid .alm-reveal > li.load-more .project.team .team-name p:last-child, .grid .alm-reveal > li.load-more .project.team .overlay .content p:last-child, .grid .alm-reveal > li.alm-btn-wrap .project.team .team-name p:last-child, .grid .alm-reveal > li.alm-btn-wrap .project.team .overlay .content p:last-child, .grid .alm-reveal > li.related-projects .project.team .team-name p:last-child, .grid .alm-reveal > li.related-projects .project.team .overlay .content p:last-child,
.item.project-column .project.team .team-name p:last-child,
.item.project-column .project.team .overlay .content p:last-child,
.item.load-more .project.team .team-name p:last-child,
.item.load-more .project.team .overlay .content p:last-child,
.item.alm-btn-wrap .project.team .team-name p:last-child,
.item.alm-btn-wrap .project.team .overlay .content p:last-child,
.item.related-projects .project.team .team-name p:last-child,
.item.related-projects .project.team .overlay .content p:last-child {
  margin-bottom: 0;
}
.grid > li.project-column .project.team .overlay, .grid > li.load-more .project.team .overlay, .grid > li.alm-btn-wrap .project.team .overlay, .grid > li.related-projects .project.team .overlay, .grid .alm-reveal > li.project-column .project.team .overlay, .grid .alm-reveal > li.load-more .project.team .overlay, .grid .alm-reveal > li.alm-btn-wrap .project.team .overlay, .grid .alm-reveal > li.related-projects .project.team .overlay,
.item.project-column .project.team .overlay,
.item.load-more .project.team .overlay,
.item.alm-btn-wrap .project.team .overlay,
.item.related-projects .project.team .overlay {
  width: 90%;
  height: auto;
  max-width: 500px;
  max-height: 500px;
  overflow: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  padding: 1.875rem;
  background: #292B33;
  color: #fff;
}
.grid > li.project-column .project.team .overlay .content, .grid > li.load-more .project.team .overlay .content, .grid > li.alm-btn-wrap .project.team .overlay .content, .grid > li.related-projects .project.team .overlay .content, .grid .alm-reveal > li.project-column .project.team .overlay .content, .grid .alm-reveal > li.load-more .project.team .overlay .content, .grid .alm-reveal > li.alm-btn-wrap .project.team .overlay .content, .grid .alm-reveal > li.related-projects .project.team .overlay .content,
.item.project-column .project.team .overlay .content,
.item.load-more .project.team .overlay .content,
.item.alm-btn-wrap .project.team .overlay .content,
.item.related-projects .project.team .overlay .content {
  width: 100%;
  position: relative;
  bottom: auto;
  left: auto;
}
.grid > li.project-column .project:hover figure .team-name, .grid > li.load-more .project:hover figure .team-name, .grid > li.alm-btn-wrap .project:hover figure .team-name, .grid > li.related-projects .project:hover figure .team-name, .grid .alm-reveal > li.project-column .project:hover figure .team-name, .grid .alm-reveal > li.load-more .project:hover figure .team-name, .grid .alm-reveal > li.alm-btn-wrap .project:hover figure .team-name, .grid .alm-reveal > li.related-projects .project:hover figure .team-name,
.item.project-column .project:hover figure .team-name,
.item.load-more .project:hover figure .team-name,
.item.alm-btn-wrap .project:hover figure .team-name,
.item.related-projects .project:hover figure .team-name {
  display: 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: 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(37.65vw - 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: 112.95vw;
  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 {
  display: inline-block;
  vertical-align: baseline;
  width: auto;
  max-width: none;
}
.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 0.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;
}
.title-nav #filter .view-all-projects {
  display: inline-block;
  margin-left: 0.5rem;
  color: #292B33;
  font-family: aktiv-grotesk, sans-serif;
  font-size: 90%;
  text-decoration: none;
  border-bottom: 2px solid #1F77FA;
  padding-bottom: 1px;
  transition: color 0.25s ease;
}
.title-nav #filter .view-all-projects:hover {
  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;
  /*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));
     // text-shadow: 0 1px #231f20, -1px 0 #231f20, 1px 0 #231f20, -2px 0 #231f20, 2px 0 #231f20;
  }*/
}
.home-hero .fullscreen .video {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.home-hero .fullscreen .video .vimeo-wrapper video {
  min-width: 100%;
  padding-bottom: 70.5882352941%;
  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;
  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 .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: 720px;
  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:hover .has-no-content .slide-text {
  display: none;
}
.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 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.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.testimonial:hover .wrapper, .perspective .post-wrapper main #scrollable > li.testimonial:hover .quote, .perspectives .post-wrapper main #scrollable > li.testimonial:hover .wrapper, .perspectives .post-wrapper main #scrollable > li.testimonial:hover .quote, .single-perspectives main #scrollable > li.testimonial:hover .wrapper, .single-perspectives main #scrollable > li.testimonial:hover .quote {
  display: none;
}
.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;
}

#read-more-overlay {
  position: fixed; /* take it out of the document flow */
  inset: 0; /* shorthand for top:0; right:0; bottom:0; left:0 */
  z-index: 9999; /* higher than headers/menus */
  /*  A basic dimmed backdrop + centring  */
  background: rgba(0, 0, 0, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  visibility: visible;
}
#read-more-overlay .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000000000000;
  background: rgba(0, 0, 0, 0.5);
}
#read-more-overlay .content {
  background: #fff;
  padding: 2rem;
  width: 90%;
  height: 90%;
  overflow: auto;
  max-width: 1200px;
  position: relative;
  z-index: 10000000000;
}
#read-more-overlay .content a > svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
#read-more-overlay .content padding:last-child {
  padding-bottom: 3rem;
}
#read-more-overlay.hidden {
  /*  optional opening/closing animation  */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
  display: none;
}

.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;
}

.single-post .grid li.introduction-image {
  padding-left: var(--gutter) !important;
}

#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: 4.5454545455vw;
  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 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.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;
}

.desktop-nav {
  display: none;
}

@media screen and (min-width: 961px) {
  .desktop-nav {
    position: fixed;
    top: 2rem;
    right: calc(120px + 2rem + 2.5rem);
    z-index: 4000;
    height: 38.4px;
    display: flex;
    align-items: center;
  }
  .desktop-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .desktop-nav li {
    margin: 0 0 0 1.75vw;
    padding: 0;
  }
  .desktop-nav a {
    display: inline-block;
    color: #292B33;
    text-decoration: none;
    font-family: aktiv-grotesk, sans-serif;
    text-transform: none;
    letter-spacing: normal;
    font-size: 15px;
    font-size: calc(13px + 0.2vw);
    font-weight: 400;
    white-space: nowrap;
    opacity: 0.85;
    transition: color 0.25s ease, opacity 0.25s ease;
  }
  .desktop-nav a:hover {
    opacity: 1;
    color: #1F77FA;
  }
  .desktop-nav .current-menu-item > a,
  .desktop-nav .current_page_item > a,
  .desktop-nav .current-menu-parent > a {
    opacity: 1;
    color: #1F77FA;
  }
  body.home .desktop-nav a,
  body[data-bg=dark] .desktop-nav a,
  body[data-style=dark] .desktop-nav a {
    color: #fff;
  }
  body.home .desktop-nav a:hover,
  body[data-bg=dark] .desktop-nav a:hover,
  body[data-style=dark] .desktop-nav a:hover {
    color: #1F77FA;
  }
  body.home .desktop-nav .current-menu-item > a,
  body.home .desktop-nav .current_page_item > a,
  body.home .desktop-nav .current-menu-parent > a,
  body[data-bg=dark] .desktop-nav .current-menu-item > a,
  body[data-bg=dark] .desktop-nav .current_page_item > a,
  body[data-bg=dark] .desktop-nav .current-menu-parent > a,
  body[data-style=dark] .desktop-nav .current-menu-item > a,
  body[data-style=dark] .desktop-nav .current_page_item > a,
  body[data-style=dark] .desktop-nav .current-menu-parent > a {
    color: #1F77FA;
  }
}
#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 form[role=search] {
  margin: 2rem 0 2rem;
}
#menu form[role=search] label {
  display: none;
}
#menu form[role=search] input[type=text] {
  border-bottom: 1px solid #fff;
  font-size: 25px;
  font-size: calc(25px + 0.25vw);
  padding: 0.5rem 0;
  color: #fff;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 300;
}
#menu form[role=search] input[type=submit] {
  display: inline-block;
  text-indent: -99999px;
  background: url("images/icon-search.svg") no-repeat center;
  background-size: 100%;
  width: 25px;
  height: 25px;
}
#menu #menucontent {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 6vh 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 0.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 + 0.25vw);
  line-height: 1.25;
}
#menu .contact-info .half p {
  margin-bottom: 0.75vh;
}
#menu .contact-info .full {
  margin-top: 2rem;
  font-size: 9px;
  font-size: calc(9px + 0.25vw);
}
#menu .contact-info .full a {
  text-decoration: none;
}
#menu .contact-info .full a:hover {
  text-decoration: underline;
}
#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 + 0.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;
}

#acknowledgement-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 30000;
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAYAAABzJ5OsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARZJREFUeNrU2MsJAjEUheELNjClWIKlWIJdutQOXLuyBI0yQnQIed3HOQMBwc3/wUxeOxF5pHFP4yo8z5LG+f1jvwKOROGXdQgTIA9f8j/QAcVwdEA1HBXQHI4G6A5HAQyHRwOmw6MAauHeAPVwL4BZuDXAPNwK4BauDXAP1wKEhc8CwsNHATDhvQC48FYAbHgNAB9eAtCE/wNObOHf55DGM40bW3j+qjBdq2zecZp7odLHCQ+ozSqwgNbpEA7QO4/DAEYXoHDA7MoZBtBa8t0B2nsVN4DVJsscYL07NAN4bWvVAd77cTVA1EFiGhB9AhoGoBzdugFoZ85mAOphuQpAP+UXASzXExsA273KD4DxXuUDeAkwAAQllqqQUKKBAAAAAElFTkSuQmCC), auto;
  cursor: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAR1JREFUeNrU2OsNgjAYhWFGcBRHcBRHcCNHcARHcBRHqG2QpJACvXyXc0hqor/exyi03xRCeKY1EV6x+55eLnF92BApPq7v8oYKscTHdc0/pEAU41kQh/HoiKp4VERTPBqiKx4FMRTvjRCJ90KIxlsjVOKtEKrx2giTeC2Eabw0wiVeCuEaP4qAiO9FQMW3IiDjaxHQ8WcIivg9BFV8AfGmi88QjzBfL8qh0/+bv9HNnba/eaq5094flgJxdreBRtTeKiERrfd5KETvQwoCMfqEdUVIbQ9cENJ7G1OE1sbMBKG9q1RFWG2JVRDW+3lRhNdhRAThfZIaQqAcA7sQaGfYJgTqAbwKgT49OESwjD6KCLa5zQpBOXTKED8BBgC4GcsPqOcxgQAAAABJRU5ErkJggg==) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcpJREFUeNrs202Nw0AQBWFDCJRAWggLYZkEUqAEgtdziGQAll91d400Un5u9UlzsHu2fd/fx35trlvX0fx57M/68F0i3Bx/RV9ffkTIxF+nz/dHEQLxj/04/ylCKr4IgPgiAOKLAIgvAiC+CID4IgDiiwCILwIgvgiA+CIA4osAiC8CIP50BET8qQio+NMQkPGnIKDjd0coEb8rQqn43RBKxu+CUDp+dYQW8asitIpfDaFl/CoIrePTEUbEpyKMik9DGBmfgjA6fhrB+EEE4wcRjB9EMH4QwfhBBOMHEYwfRDB+EMH4QQTjBxGMH0QwfhDB+EEE4+cRduNnEP5O8T/Gvzf++djxulQw/jp2fkXIxX9c8djCdcHjBRGC8UUAxBcBEF8EQHwRAPFFAMQXARBfBEB8EQDxRQDEFwEQXwRAfBE2zjvckQi0d7ijEKgv0Ecg0KcXWiNUGR1piVBtbqcVQtWhqRYI1SfWSiN0GRcsidBtVrMUQtdB2RII3aeU0QhTRsSRCNPm81EIUy9HIBCm30yJIngtKIhg/CCC8YMIxg8iGD+IYPwggvGDCMYPIhg/iGD8IILxgwjGDyIYP4hg/DCC8bMI/wIMAAt6C45dmn2LAAAAAElFTkSuQmCC) 2x), auto;
}
#acknowledgement-overlay .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}
#acknowledgement-overlay .content {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  padding: 6rem;
  background: #292B33;
  color: #fff;
}
#acknowledgement-overlay .content .grid--column {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: auto;
  max-width: 1000px;
  margin: 0 auto;
}
#acknowledgement-overlay .content .grid--column p {
  color: #fff;
  font-size: 30px;
  font-size: calc(30px + 0.25vw);
  line-height: 1.25;
  text-align: center;
  max-width: none;
  width: 100%;
}
#acknowledgement-overlay.hidden {
  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: 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 .project.team .overlay, .grid > li.related-projects .project.team .overlay {
    display: none;
    opacity: 0;
    width: 80%;
  }
  .grid > li.project-column .project.team .team-name h4, .grid > li.project-column .project.team .team-name p, .grid > li.related-projects .project.team .team-name h4, .grid > li.related-projects .project.team .team-name p {
    margin-left: 0 !important;
  }
  .grid > li.project-column .project.team:hover .overlay, .grid > li.related-projects .project.team:hover .overlay {
    display: block;
    opacity: 1;
  }
  .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;
    overflow-y: auto;
  }
  #menu #menucontent form input {
    max-width: 85%;
  }
  #menu #menucontent .contact-info {
    top: 65vh;
  }
  #menu #menucontent .contact-info .half {
    width: 49%;
    margin-bottom: 2vh;
  }
  #menu #menucontent .contact-info .full {
    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;
  }
  #read-more-overlay .content p, #read-more-overlay .content li, #read-more-overlay .content .btn, #read-more-overlay .content h1, #read-more-overlay .content h2, #read-more-overlay .content h3, #read-more-overlay .content h4, #read-more-overlay .content h5 {
    max-width: 100%;
    margin: 0 0 1rem !important;
  }
  .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%;
  }
  .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 {
    display: none;
  }
  #acknowledgement-overlay .content {
    padding: 3rem;
    font-size: 22px;
    font-size: calc(22px + 0.25vw);
  }
}
@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 {
    height: auto !important;
  }
  .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;
    height: auto !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;
    max-width: 25% !important;
    width: 100%;
  }
  #smoothBody .logo svg {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  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, .wp-caption.alignnone, a img.alignnone {
  display: block;
  float: none;
}

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

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

.alignleft, .wp-caption.alignleft, a img.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;
}