@charset "UTF-8";
/*

	Theme Name: Synoptic Office (v2.2.0)
	Theme URI: https://www.synopticoffice.com
	Description: Designed by Synoptic Office
	Version: 2.2.0
	Author: Synoptic Office
	Author URI: https://www.synopticoffice.com

	Copyright: (c) Synoptic Office.
	License: For Synoptic Office use only
	License URI: https://www.synopticoffice.com


*/
@font-face {
  font-family: 'ArnhemPro_Normal';
  src: url("fonts/ArnhemPro-Normal.eot");
  /* IE9 Compat Modes */
  src: url("fonts/ArnhemPro-Normal.eot?#iefix") format("embedded-opentype"), url("fonts/ArnhemPro-Normal.woff") format("woff"), url("fonts/ArnhemPro-Normal.ttf") format("truetype");
  /* Safari, Android, iOS */
}
@font-face {
  font-family: 'ArnhemPro_NormalItalic';
  src: url("fonts/ArnhemPro-NormalItalic.eot");
  /* IE9 Compat Modes */
  src: url("fonts/ArnhemPro-NormalItalic.eot?#iefix") format("embedded-opentype"), url("fonts/ArnhemPro-NormalItalic.woff") format("woff"), url("fonts/ArnhemPro-NormalItalic.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'ArnhemPro_SemiBold';
  src: url("fonts/ArnhemPro-SemiBold.eot");
  /* IE9 Compat Modes */
  src: url("fonts/ArnhemPro-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/ArnhemPro-SemiBold.woff") format("woff"), url("fonts/ArnhemPro-SemiBold.ttf") format("truetype");
  /* Safari, Android, iOS */
}
@font-face {
  font-family: 'ArnhemPro_SemiBoldItalic';
  src: url("fonts/ArnhemPro-SemiBoldItalic.eot");
  /* IE9 Compat Modes */
  src: url("fonts/ArnhemPro-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/ArnhemPro-SemiBoldItalic.woff") format("woff"), url("fonts/ArnhemPro-SemiBoldItalic.ttf") format("truetype");
  /* Safari, Android, iOS */
}
@font-face {
  font-family: 'ArnhemPro_Bold';
  src: url("fonts/ArnhemPro-Bold.eot");
  /* IE9 Compat Modes */
  src: url("fonts/ArnhemPro-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/ArnhemPro-Bold.woff") format("woff"), url("fonts/ArnhemPro-Bold.ttf") format("truetype");
  /* Safari, Android, iOS */
}
@font-face {
  font-family: 'ArnhemPro_BoldItalic';
  src: url("fonts/ArnhemPro-BoldItalic.eot");
  /* IE9 Compat Modes */
  src: url("fonts/ArnhemPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/ArnhemPro-BoldItalic.woff") format("woff"), url("fonts/ArnhemPro-BoldItalic.ttf") format("truetype");
  /* Safari, Android, iOS */
}
/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * synopticoffice.com
 *
 * It is illegal to download or use them on other websites.
 *
 * Lineto.com, 2017
 */
@font-face {
  font-family: "Akkurat-Light";
  src: url("fonts/lineto-akkurat-light.eot");
  src: url("fonts/lineto-akkurat-light.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-akkurat-light.woff2") format("woff2"), url("fonts/lineto-akkurat-light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Akkurat-Regular";
  src: url("fonts/lineto-akkurat-regular.eot");
  src: url("fonts/lineto-akkurat-regular.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-akkurat-regular.woff2") format("woff2"), url("fonts/lineto-akkurat-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* Fonts */
/* Colors */
/* Font Sizes */
/* Standard Measurements */
/* Transitions */
/* Screen Sizes */
/* Max Width */
/* Grids */
/* line 25, ../sass/neat/neat/mixins/_grid-container.scss */
.col-container::after {
  clear: both;
  content: "";
  display: block;
}
@media only screen and (min-width: 826px) {
  /* line 25, ../sass/neat/neat/mixins/_grid-container.scss */
  .col-container::after {
    clear: both;
    content: "";
    display: block;
  }
}

/* line 44, ../sass/_grid.scss */
.maxwidth {
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 568px) {
  /* line 44, ../sass/_grid.scss */
  .maxwidth {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 58, ../sass/_grid.scss */
.col-8 {
  width: calc(100%);
  float: left;
  margin-left: 0px;
}
@media only screen and (min-width: 826px) {
  /* line 58, ../sass/_grid.scss */
  .col-8 {
    width: calc(80% - 54px);
    float: left;
    margin-left: 30px;
    margin-left: calc(10% - 33px + 60px);
  }
}

/* line 70, ../sass/_grid.scss */
.col-6 {
  width: calc(100%);
  float: left;
  margin-left: 0px;
}
@media only screen and (min-width: 826px) {
  /* line 70, ../sass/_grid.scss */
  .col-6 {
    width: calc(60% - 48px);
    float: left;
    margin-left: 30px;
  }
}

/* line 78, ../sass/_grid.scss */
.col-4 {
  width: calc(100%);
  float: left;
  margin-left: 0px;
}
@media only screen and (min-width: 826px) {
  /* line 78, ../sass/_grid.scss */
  .col-4 {
    width: calc(40% - 42px);
    float: left;
    margin-left: 30px;
  }
}
@media screen and (max-width: 825px) {
  /* line 78, ../sass/_grid.scss */
  .col-4 {
    padding-top: 16px;
  }
}

/* line 91, ../sass/_grid.scss */
.col-5 {
  width: calc(100%);
  float: left;
  margin-left: 0px;
}
@media only screen and (min-width: 826px) {
  /* line 91, ../sass/_grid.scss */
  .col-5 {
    width: calc(50% - 45px);
    float: left;
    margin-left: 30px;
  }
}

/* line 103, ../sass/_grid.scss */
.col-6-topicindex {
  transition: margin 500ms;
  width: calc(60% - 48px);
  float: left;
  margin-left: 30px;
}
@media only screen and (min-width: 826px) {
  /* line 103, ../sass/_grid.scss */
  .col-6-topicindex {
    width: calc(60% - 48px);
    float: left;
    margin-left: 30px;
  }
}
@media screen and (max-width: 568px) {
  /* line 103, ../sass/_grid.scss */
  .col-6-topicindex {
    margin-left: 24px;
    transition: margin 500ms;
  }
}

/* line 120, ../sass/_grid.scss */
.col-4-topicindex {
  transition: margin 500ms;
  width: calc(40% - 42px);
  float: left;
  margin-left: 30px;
}
@media only screen and (min-width: 826px) {
  /* line 120, ../sass/_grid.scss */
  .col-4-topicindex {
    width: calc(40% - 42px);
    float: left;
    margin-left: 30px;
  }
}
@media screen and (max-width: 568px) {
  /* line 120, ../sass/_grid.scss */
  .col-4-topicindex {
    margin-left: 36px;
    transition: margin 500ms;
  }
}

/* line 137, ../sass/_grid.scss */
.col-2-projectnav {
  width: calc(100%);
  float: left;
  margin-left: 0px;
}
@media only screen and (min-width: 826px) {
  /* line 137, ../sass/_grid.scss */
  .col-2-projectnav {
    width: calc(50%);
    float: left;
    margin-left: 0px;
  }
}

/* Wall */
/* line 166, ../sass/_grid.scss */
.col-2-wall {
  width: calc(100%);
  float: left;
  margin-left: 0px;
}
@media only screen and (min-width: 826px) {
  /* line 166, ../sass/_grid.scss */
  .col-2-wall {
    width: calc(50%);
    float: left;
    margin-left: 0px;
  }
}

/* line 25, ../sass/neat/neat/mixins/_grid-container.scss */
.col-container2::after {
  clear: both;
  content: "";
  display: block;
}
@media only screen and (min-width: 569px) {
  /* line 25, ../sass/neat/neat/mixins/_grid-container.scss */
  .col-container2::after {
    clear: both;
    content: "";
    display: block;
  }
}

/* line 189, ../sass/_grid.scss */
.col-2a-wall {
  width: calc(100%);
  float: left;
  margin-left: 0px;
}
@media only screen and (min-width: 569px) {
  /* line 189, ../sass/_grid.scss */
  .col-2a-wall {
    width: calc(50%);
    float: left;
    margin-left: 0px;
  }
}

/* line 1, ../sass/_default.scss */
* {
  margin: 0;
  padding: 0;
  outline: none;
  transition: padding-top 500ms;
}

/* line 9, ../sass/_default.scss */
body {
  font-family: "ArnhemPro_SemiBold", "Times New Roman", Times, serif;
  color: black;
  background-color: #f7f7f7;
}

/* line 15, ../sass/_default.scss */
h1, h2, h3 {
  font-weight: normal;
}

/* line 19, ../sass/_default.scss */
h1 {
  font-family: "ArnhemPro_Bold", "Times New Roman", Times, serif;
  font-size: 27px;
  line-height: 39px;
  padding-top: 39px;
  padding-bottom: 39px;
  text-align: center;
}
/* line 27, ../sass/_default.scss */
h1:first-child {
  padding-top: 0;
}
/* line 31, ../sass/_default.scss */
h1 em {
  font-family: "ArnhemPro_BoldItalic", "Times New Roman", Times, serif;
}
@media screen and (max-width: 568px) {
  /* line 19, ../sass/_default.scss */
  h1 {
    font-size: 20.5px;
    line-height: 25px;
    padding-bottom: 25px;
  }
}

/* line 44, ../sass/_default.scss */
h2, p, ul, li {
  font-family: "ArnhemPro_Normal", "Times New Roman", Times, serif;
  font-size: 27px;
  line-height: 39px;
  padding-bottom: 39px;
}
/* line 50, ../sass/_default.scss */
h2:last-child, p:last-child, ul:last-child, li:last-child {
  padding-bottom: 0px;
}
/* line 54, ../sass/_default.scss */
h2 em, p em, ul em, li em {
  font-family: "ArnhemPro_NormalItalic", "Times New Roman", Times, serif;
}
/* line 59, ../sass/_default.scss */
h2 strong, p strong, ul strong, li strong {
  font-family: "ArnhemPro_Bold", "Times New Roman", Times, serif;
  font-style: normal;
  font-weight: normal;
}
@media screen and (max-width: 568px) {
  /* line 44, ../sass/_default.scss */
  h2, p, ul, li {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 20px;
  }
}

/* line 73, ../sass/_default.scss */
ul, li {
  list-style: none;
  padding: 0;
}

/* line 78, ../sass/_default.scss */
a {
  color: black;
  text-decoration: none;
  transition: 250ms ease-in;
}
/* line 83, ../sass/_default.scss */
a:visited {
  color: black;
  transition: 250ms ease-out;
}

/* line 89, ../sass/_default.scss */
img {
  outline: 0;
  border: none;
}

/* line 94, ../sass/_default.scss */
img:not([src]) {
  content: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

/* line 98, ../sass/_default.scss */
.altheading {
  font-family: Akkurat-Regular, Arial, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media screen and (max-width: 825px) {
  /* line 98, ../sass/_default.scss */
  .altheading {
    font-size: 13.5px;
  }
}
@media screen and (max-width: 568px) {
  /* line 98, ../sass/_default.scss */
  .altheading {
    font-size: 11px;
    letter-spacing: 0.75px;
  }
}
/* line 113, ../sass/_default.scss */
.altheading .line {
  display: inline-block;
  width: 38px;
  height: 1px;
  background-color: black;
  position: relative;
  vertical-align: middle;
  top: -1px;
}
@media screen and (max-width: 825px) {
  /* line 113, ../sass/_default.scss */
  .altheading .line {
    width: 32px;
  }
}
@media screen and (max-width: 568px) {
  /* line 113, ../sass/_default.scss */
  .altheading .line {
    width: 22px;
  }
}

/* line 133, ../sass/_default.scss */
.chinese {
  font-family: '細明體', 'Times New Roman', Times, serif;
}

/* line 137, ../sass/_default.scss */
.chineseItalic {
  font-family: '細明體', 'Times New Roman', Times, serif;
  font-style: italic;
}

/* line 142, ../sass/_default.scss */
.chineseBold {
  font-family: '細明體', 'Times New Roman', Times, serif;
  font-weight: bold;
}

/* line 147, ../sass/_default.scss */
.chineseBoldItalic {
  font-family: '細明體', 'Times New Roman', Times, serif;
  font-weight: bold;
  font-style: italic;
}

/* line 154, ../sass/_default.scss */
.metadata {
  font-family: Akkurat-Light, Arial, sans-serif;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: 0.75px;
  color: #acacac;
}
/* line 161, ../sass/_default.scss */
.metadata .underline {
  border-bottom-color: #acacac;
  padding-bottom: 2px;
}
@media screen and (max-width: 825px) {
  /* line 154, ../sass/_default.scss */
  .metadata {
    font-size: 13.5px;
    line-height: 25px;
  }
}
@media screen and (max-width: 568px) {
  /* line 154, ../sass/_default.scss */
  .metadata {
    font-size: 11px;
    line-height: 16px;
  }
}
/* line 176, ../sass/_default.scss */
.metadata em {
  font-family: Akkurat-Light, Arial, sans-serif;
  font-style: normal;
  border-bottom: 1px solid #acacac;
  padding-bottom: 2px;
}
@media screen and (max-width: 568px) {
  /* line 176, ../sass/_default.scss */
  .metadata em {
    padding-bottom: 0px;
  }
}

/* line 195, ../sass/_default.scss */
.footnote p {
  font-family: Akkurat-Regular, Arial, sans-serif;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.5px;
  padding-left: 2em;
  text-indent: -2em;
  padding-bottom: 0;
}
/* line 204, ../sass/_default.scss */
.footnote p:last-child {
  padding-bottom: 39px;
}
@media screen and (max-width: 568px) {
  /* line 204, ../sass/_default.scss */
  .footnote p:last-child {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 825px) {
  /* line 195, ../sass/_default.scss */
  .footnote p {
    font-size: 13.5px;
    line-height: 19.5px;
  }
}
@media screen and (max-width: 568px) {
  /* line 195, ../sass/_default.scss */
  .footnote p {
    font-size: 11px;
    line-height: 16px;
  }
}
/* line 223, ../sass/_default.scss */
.footnote p em {
  font-family: Akkurat-Regular, Arial, sans-serif;
  font-style: normal;
  border-bottom: 1px solid black;
  font-style: normal;
}

/* line 234, ../sass/_default.scss */
sup {
  font-family: Akkurat-Regular, Arial, sans-serif;
  font-size: 15px;
  line-height: 0;
  letter-spacing: 0.75px;
  color: black;
}
/* line 241, ../sass/_default.scss */
sup:before {
  padding-left: 3px;
  content: "[";
}
/* line 246, ../sass/_default.scss */
sup:after {
  content: "]";
}
@media screen and (max-width: 825px) {
  /* line 234, ../sass/_default.scss */
  sup {
    font-size: 13.5px;
  }
}
@media screen and (max-width: 568px) {
  /* line 234, ../sass/_default.scss */
  sup {
    font-size: 11px;
  }
}
/* line 258, ../sass/_default.scss */
sup em {
  font-family: Akkurat-Regular, Arial, sans-serif;
  font-style: normal;
}

@media (max-width: 1500px) {
  /* line 266, ../sass/_default.scss */
  .broptional {
    display: none;
  }
}

/* line 273, ../sass/_default.scss */
.underline {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

/* line 279, ../sass/_default.scss */
.underline-wave {
  display: inline-block;
  position: relative;
  background-image: url("images/underline_wave.svg");
  background-size: 10px 4px;
  background-position: -50px 100%;
  background-repeat: repeat-x;
  -webkit-animation: zoom-reset 1s ease-out 1;
  -moz-animation: zoom-reset 1s ease-out 1;
  animation: zoom-reset 1s ease-out 1;
}
/* line 291, ../sass/_default.scss */
.underline-wave:hover {
  -webkit-animation: zooming 0.85s linear infinite;
  -moz-animation: zooming 0.85s linear infinite;
  animation: zooming 0.85s linear infinite;
}

@keyframes zooming {
  100% {
    background-position: 10px 100%;
  }
}
@keyframes zoom-reset {
  100% {
    background-position: 10px 100%;
  }
}
/* line 309, ../sass/_default.scss */
#envelope {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: white;
}

/* line 316, ../sass/_default.scss */
.waterfall {
  opacity: 0;
}

/* line 320, ../sass/_default.scss */
.disablescroll {
  overflow: hidden;
}

/* line 325, ../sass/_default.scss */
.clear {
  clear: both;
}

/* line 333, ../sass/_default.scss */
.columnar {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  padding-bottom: 39px;
}
@media screen and (max-width: 1075px) {
  /* line 333, ../sass/_default.scss */
  .columnar {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
}
@media screen and (max-width: 568px) {
  /* line 333, ../sass/_default.scss */
  .columnar {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    padding-bottom: 20px;
  }
}
/* line 357, ../sass/_default.scss */
.columnar .keeptogether {
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari, Opera */
  page-break-inside: avoid;
  /* Firefox */
  break-inside: avoid;
  /* IE 10+ */
}

/* line 366, ../sass/_default.scss */
.columnar-2-outer {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
@media screen and (max-width: 568px) {
  /* line 366, ../sass/_default.scss */
  .columnar-2-outer {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  /* line 382, ../sass/_default.scss */
  .columnar-2-outer li:first-child {
    padding-bottom: 20px;
  }
}
/* line 388, ../sass/_default.scss */
.columnar-2-outer .keeptogether {
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari, Opera */
  page-break-inside: avoid;
  /* Firefox */
  break-inside: avoid;
  /* IE 10+ */
}

/* line 396, ../sass/_default.scss */
.columnar-2 {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
@media screen and (max-width: 1075px) {
  /* line 396, ../sass/_default.scss */
  .columnar-2 {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
  }
  /* line 410, ../sass/_default.scss */
  .columnar-2 li:first-child {
    padding-bottom: 39px;
  }
}
@media screen and (max-width: 568px) {
  /* line 396, ../sass/_default.scss */
  .columnar-2 {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  /* line 421, ../sass/_default.scss */
  .columnar-2 li:first-child {
    padding-bottom: 20px;
  }
}
/* line 427, ../sass/_default.scss */
.columnar-2 .keeptogether {
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari, Opera */
  page-break-inside: avoid;
  /* Firefox */
  break-inside: avoid;
  /* IE 10+ */
}

/* HEADER */
/* line 3, ../sass/_header.scss */
header {
  position: fixed;
  width: 100%;
  height: 85px;
  top: 0px;
  left: 0px;
  z-index: 1000;
  transition: background-color 500ms;
  transition: height 500ms;
}
@media screen and (max-width: 825px) {
  /* line 3, ../sass/_header.scss */
  header {
    background-color: white;
    height: 73px;
    transition: background-color 500ms;
    transition: height 500ms;
  }
}

/* line 22, ../sass/_header.scss */
.subpageheader {
  background-color: white;
  transition: background-color 500ms;
  /*    background-image: url('images/background-85.gif');
      background-size: 20px 85px;
      background-repeat: repeat-x;
      background-position: bottom;
      transition: background 500ms; */
}

@media screen and (max-width: 825px) {
  /* line 32, ../sass/_header.scss */
  .header-opened {
    background-color: black;
    transition: background-color 125ms;
  }
  /* line 37, ../sass/_header.scss */
  .header-opened .logo > a {
    color: white;
  }
}

/* line 43, ../sass/_header.scss */
#bar {
  position: relative;
  height: 6px;
  width: 100%;
  background-color: black;
  transition: background-color 500ms ease-out;
}

/* line 51, ../sass/_header.scss */
#navbox {
  position: relative;
  width: calc(100%-120px);
  margin-left: 60px;
  margin-right: 60px;
  transition: 500ms;
}
@media screen and (max-width: 825px) {
  /* line 51, ../sass/_header.scss */
  #navbox {
    margin-left: 30px;
    margin-right: 0;
    transition: 500ms;
  }
}
@media screen and (max-width: 568px) {
  /* line 51, ../sass/_header.scss */
  #navbox {
    margin-left: 24px;
    margin-right: 0;
    transition: 500ms;
  }
}
/* line 70, ../sass/_header.scss */
#navbox .logo {
  position: absolute;
  top: 0;
  left: 0;
  padding: 27px 0;
  font-family: "ArnhemPro_Bold", "Times New Roman", Times, serif;
  font-size: 20.5px;
  line-height: 25px;
  transition: color 500ms ease-out;
  transition: padding 500ms;
}
@media screen and (max-width: 825px) {
  /* line 70, ../sass/_header.scss */
  #navbox .logo {
    padding: 21px 0;
    transition: padding 500ms;
  }
}
/* line 88, ../sass/_header.scss */
#navbox .nav {
  list-style-type: none;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 825px) {
  /* line 88, ../sass/_header.scss */
  #navbox .nav {
    display: none;
  }
}
/* line 98, ../sass/_header.scss */
#navbox .nav li {
  display: inline-block;
  padding: 27px 0 27px 15px;
  font-family: "ArnhemPro_Bold", "Times New Roman", Times, serif;
  font-size: 20.5px;
  line-height: 25px;
  transition: padding 500ms;
}
@media screen and (max-width: 825px) {
  /* line 98, ../sass/_header.scss */
  #navbox .nav li {
    padding: 21px 0 21px 15px;
    transition: padding 500ms;
  }
}
/* line 111, ../sass/_header.scss */
#navbox .nav li a {
  color: black;
  transition: color 500ms ease-out;
}
/* line 116, ../sass/_header.scss */
#navbox .nav li a:hover {
  color: rgba(0, 0, 0, 0.35);
}
/* line 120, ../sass/_header.scss */
#navbox .nav li .selected {
  color: rgba(0, 0, 0, 0.35);
  transition: color 500ms ease-out;
}
/* line 129, ../sass/_header.scss */
#navbox .nav-mobile {
  list-style-type: none;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
@media screen and (max-width: 825px) {
  /* line 129, ../sass/_header.scss */
  #navbox .nav-mobile {
    display: block;
  }
}
/* line 140, ../sass/_header.scss */
#navbox .nav-mobile li {
  display: inline-block;
  padding: 21px 24px;
  font-family: "ArnhemPro_Bold", "Times New Roman", Times, serif;
  font-size: 20.5px;
  line-height: 25px;
  color: rgba(0, 0, 0, 0.35);
  transition: color 500ms ease-out;
  cursor: pointer;
}
@media screen and (min-width: 568px) {
  /* line 140, ../sass/_header.scss */
  #navbox .nav-mobile li {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/* line 155, ../sass/_header.scss */
#navbox .nav-mobile li div {
  position: relative;
  width: 21px;
}
/* line 160, ../sass/_header.scss */
#navbox .nav-mobile li svg {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: 350ms ease-out;
}
/* line 167, ../sass/_header.scss */
#navbox .nav-mobile .opened {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: 350ms ease-out;
}
/* line 172, ../sass/_header.scss */
#navbox .nav-mobile .opened #Oval-2 {
  stroke: white;
}
/* line 176, ../sass/_header.scss */
#navbox .nav-mobile .opened #Triangle {
  fill: white;
}

/* Mobile Scrim */
/* line 187, ../sass/_header.scss */
#nav-mobile-scrim {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  position: fixed;
  top: -100%;
  left: 0;
  z-index: 800;
  transition: top 350ms;
}
@media screen and (min-width: 825px) {
  /* line 187, ../sass/_header.scss */
  #nav-mobile-scrim {
    display: none !important;
  }
}
/* line 202, ../sass/_header.scss */
#nav-mobile-scrim .scrim-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 800;
  width: 100%;
  height: 73px;
  background-color: white;
}
/* line 212, ../sass/_header.scss */
#nav-mobile-scrim .scrim-box {
  position: relative;
  width: 100%;
  min-height: 100%;
  background-color: black;
}
/* line 218, ../sass/_header.scss */
#nav-mobile-scrim .scrim-box ul {
  padding-top: 73px;
  padding-left: 24px;
  padding-right: 24px;
  list-style: none;
}
@media screen and (min-width: 568px) {
  /* line 218, ../sass/_header.scss */
  #nav-mobile-scrim .scrim-box ul {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/* line 230, ../sass/_header.scss */
#nav-mobile-scrim .scrim-box li {
  display: block;
  width: 100%;
  font-size: 20.5px;
  line-height: 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}
/* line 237, ../sass/_header.scss */
#nav-mobile-scrim .scrim-box li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}
/* line 241, ../sass/_header.scss */
#nav-mobile-scrim .scrim-box li a {
  color: white;
  display: block;
  padding: 21px 0;
}

/* line 251, ../sass/_header.scss */
.opened {
  top: 0 !important;
  transition: top 350ms;
}

/* line 256, ../sass/_header.scss */
.openmenu {
  display: block !important;
  opacity: 1 !important;
  transition: opacity 500ms ease-out;
}

/* Color Controls */
@media screen and (min-width: 826px) {
  /* line 265, ../sass/_header.scss */
  .light-on {
    color: white;
    transition: color 500ms ease-out;
  }
  /* line 271, ../sass/_header.scss */
  .light-on #bar {
    background-color: white;
    transition: background-color 500ms ease-out;
  }
  /* line 276, ../sass/_header.scss */
  .light-on a {
    color: white !important;
    transition: color 500ms ease-out;
  }
  /* line 281, ../sass/_header.scss */
  .light-on a:hover {
    color: rgba(255, 255, 255, 0.35) !important;
  }
  /* line 285, ../sass/_header.scss */
  .light-on .nav-mobile > li {
    color: rgba(255, 255, 255, 0.35) !important;
  }
  /* line 290, ../sass/_header.scss */
  .light-on .selected {
    color: rgba(255, 255, 255, 0.35) !important;
    transition: color 500ms ease-out;
  }
  /* line 295, ../sass/_header.scss */
  .light-on .logo {
    color: white;
    transition: color 500ms ease-out;
  }
  /* line 299, ../sass/_header.scss */
  .light-on .logo a {
    color: white !important;
  }
  /* line 307, ../sass/_header.scss */
  .light-on a .social_icon {
    fill: white !important;
  }
  /* line 312, ../sass/_header.scss */
  .light-on a:hover .social_icon {
    fill: white !important;
    transition: 500ms ease-out;
  }
  /* line 319, ../sass/_header.scss */
  .light-on .social_icon {
    fill: rgba(255, 255, 255, 0.35) !important;
    transition: 500ms ease-out;
  }
}

/* line 3, ../sass/_main.scss */
.fullscreen {
  width: 100%;
  height: 100%;
}

/* line 8, ../sass/_main.scss */
.fullcover {
  position: relative;
  height: 100%;
}

/* MAIN SECTION */
/* line 16, ../sass/_main.scss */
#main {
  position: relative;
}
@media screen and (max-width: 825px) {
  /* line 16, ../sass/_main.scss */
  #main {
    padding-top: 73px;
  }
}

/* line 26, ../sass/_main.scss */
.grey {
  background-color: #f7f7f7;
}

/* line 30, ../sass/_main.scss */
.offset-first {
  margin-top: 100vh;
  overflow: hidden;
  border-top: 1px solid #f0f0f0;
}
@media screen and (max-width: 825px) {
  /* line 30, ../sass/_main.scss */
  .offset-first {
    margin-top: 0;
    padding-bottom: 73px;
    overflow: visible;
  }
}

/* line 42, ../sass/_main.scss */
.sectioncard {
  width: calc(100%-120px);
  padding-left: 60px;
  padding-right: 60px;
  height: 100vh;
  background-color: white;
}
@media screen and (max-width: 825px) {
  /* line 42, ../sass/_main.scss */
  .sectioncard {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 568px) {
  /* line 42, ../sass/_main.scss */
  .sectioncard {
    height: auto;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* line 65, ../sass/_main.scss */
.imagecard {
  position: relative;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 825px) {
  /* line 65, ../sass/_main.scss */
  .imagecard {
    height: calc(100vw * 16/25);
  }
}

@media screen and (max-width: 825px) {
  /* line 77, ../sass/_main.scss */
  .slideshow > .imagecard {
    height: 100%;
  }
}

/* line 83, ../sass/_main.scss */
.textcard {
  background-color: #f7f7f7;
  overflow: hidden;
}
@media screen and (max-width: 825px) {
  /* line 83, ../sass/_main.scss */
  .textcard {
    overflow: visible;
    height: auto;
  }
}

/* line 93, ../sass/_main.scss */
.textcard_light {
  background-color: white !important;
}

/* line 97, ../sass/_main.scss */
.videocard {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 825px) {
  /* line 97, ../sass/_main.scss */
  .videocard {
    height: calc(100vw * 16/25);
  }
}
/* line 106, ../sass/_main.scss */
.videocard video {
  /*        position: absolute;
          top: 50%;
          left: 50%; 
          min-width: 100%;
          min-height: 100%;
          width: auto;
          height: auto;
          z-index: 0;
          transform: translateX(-50%) translateY(-50%);
          background-repeat: no-repeat;
          background-size: cover; 
  */
}
@media screen and (min-width: 825px) and (min-aspect-ratio: 25 / 16) {
  /* line 106, ../sass/_main.scss */
  .videocard video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    z-index: 0;
    transform: translateX(-50%) translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 825px) and (max-aspect-ratio: 25 / 16) {
  /* line 106, ../sass/_main.scss */
  .videocard video {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100vh;
    z-index: 0;
    transform: translateX(-50%) translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 825px) {
  /* line 106, ../sass/_main.scss */
  .videocard video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: calc(100vw * 16/25);
    z-index: 0;
    transform: translateX(-50%) translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover;
  }
}

/* line 162, ../sass/_main.scss */
img.lazy, .lazyloading {
  background-image: url("images/loading-icon.gif") !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  background-size: 23px 23px !important;
}

/* PROMO */
/* line 171, ../sass/_main.scss */
#promo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
}
@media screen and (max-width: 825px) {
  /* line 171, ../sass/_main.scss */
  #promo {
    position: relative;
    height: calc(100vw * 16/25);
    margin-top: 73px;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
  }
}

/* line 190, ../sass/_main.scss */
.promotext {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 825px) {
  /* line 190, ../sass/_main.scss */
  .promotext {
    position: relative;
    top: 0;
    padding-left: 24px;
    padding-right: 24px;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}
/* line 204, ../sass/_main.scss */
.promotext h1 {
  font-size: 46px;
  line-height: 64px;
  padding-bottom: 39px;
}
@media screen and (max-width: 825px) {
  /* line 204, ../sass/_main.scss */
  .promotext h1 {
    font-size: 27px;
    line-height: 39px;
    padding-bottom: 20px;
  }
}
/* line 217, ../sass/_main.scss */
.promotext p {
  font-family: Akkurat-Light, Arial, sans-serif;
  font-size: 15px;
  line-height: 64px;
  letter-spacing: 0.75px;
  text-align: center;
}
@media screen and (max-width: 825px) {
  /* line 217, ../sass/_main.scss */
  .promotext p {
    font-size: 13.5px;
    line-height: 39px;
  }
}
/* line 230, ../sass/_main.scss */
.promotext a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
  padding-bottom: 4px;
}
/* line 234, ../sass/_main.scss */
.promotext a:hover {
  border-bottom-color: black;
  padding-bottom: 4px;
}

/* line 246, ../sass/_main.scss */
.arrow_down_box {
  height: 24px;
  padding-bottom: 4px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 250;
}
@media screen and (max-width: 825px) {
  /* line 246, ../sass/_main.scss */
  .arrow_down_box {
    display: none;
  }
}

/* line 261, ../sass/_main.scss */
.arrow_down_innerbox {
  position: relative;
  margin: 0 auto;
  width: 24px;
  height: 24px;
}

/* line 268, ../sass/_main.scss */
.arrow_down {
  fill: black;
  transition: fill 500ms ease-out;
}

/* line 273, ../sass/_main.scss */
.light-on .arrow_down {
  fill: white !important;
  transition: fill 500ms ease-out;
}

/* PROJECT */
/* line 280, ../sass/_main.scss */
.projecttext {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1024px) {
  /* line 280, ../sass/_main.scss */
  .projecttext {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media screen and (min-width: 825px) and (max-width: 1100px) and (min-height: 740px) {
  /* line 280, ../sass/_main.scss */
  .projecttext {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 825px) {
  /* line 280, ../sass/_main.scss */
  .projecttext {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    padding: 60px 0;
  }
}
@media screen and (max-width: 568px) {
  /* line 280, ../sass/_main.scss */
  .projecttext {
    padding: 30px 0;
  }
}
/* line 314, ../sass/_main.scss */
.projecttext h2, .projecttext p {
  font-size: 2.85vh;
  line-height: 4.11vh;
  padding-bottom: 4.11vh;
}
@media screen and (min-height: 948px) and (min-width: 1024px) {
  /* line 314, ../sass/_main.scss */
  .projecttext h2, .projecttext p {
    font-size: 27px;
    line-height: 39px;
    padding-bottom: 39px;
  }
}
@media screen and (max-width: 825px) {
  /* line 314, ../sass/_main.scss */
  .projecttext h2, .projecttext p {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 568px) and (max-width: 825px) {
  /* line 314, ../sass/_main.scss */
  .projecttext h2, .projecttext p {
    font-size: 27px;
    line-height: 39px;
    padding-bottom: 39px;
  }
}
/* line 340, ../sass/_main.scss */
.projecttext a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
  padding-bottom: 2px;
}
/* line 344, ../sass/_main.scss */
.projecttext a:hover {
  border-bottom-color: black;
}
/* line 349, ../sass/_main.scss */
.projecttext .metadata {
  font-size: 1.9vh;
  line-height: 2.8vh;
}
@media screen and (min-height: 948px) and (min-width: 1024px) {
  /* line 349, ../sass/_main.scss */
  .projecttext .metadata {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.75px;
    transition: font-size 125ms;
  }
}
@media screen and (max-width: 825px) {
  /* line 349, ../sass/_main.scss */
  .projecttext .metadata {
    font-size: 15px;
    line-height: 25px;
  }
}
@media screen and (max-width: 568px) {
  /* line 349, ../sass/_main.scss */
  .projecttext .metadata {
    font-size: 11px;
    line-height: 16px;
  }
}

/* GENERIC TEXT PAGES */
/* line 377, ../sass/_main.scss */
.generic {
  padding-top: 163px;
  padding-bottom: 120px;
}
@media screen and (max-width: 568px) {
  /* line 377, ../sass/_main.scss */
  .generic {
    padding-bottom: 30px;
  }
}
/* line 386, ../sass/_main.scss */
.generic a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
  padding-bottom: 2px;
}
/* line 390, ../sass/_main.scss */
.generic a:hover {
  border-bottom-color: black;
}

/* line 399, ../sass/_main.scss */
.maintext {
  min-height: 50vh;
}
@media screen and (max-width: 825px) {
  /* line 399, ../sass/_main.scss */
  .maintext {
    padding: 30px 0px;
  }
}
@media screen and (max-width: 568px) {
  /* line 399, ../sass/_main.scss */
  .maintext {
    padding: 24px;
  }
}

/* PROJECT INDEX */
/* line 418, ../sass/_main.scss */
.projectindex {
  padding-top: 103px;
  margin-bottom: 90px;
}
@media screen and (max-width: 825px) {
  /* line 418, ../sass/_main.scss */
  .projectindex {
    padding-top: 73px !important;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 568px) {
  /* line 418, ../sass/_main.scss */
  .projectindex {
    padding-top: 73px !important;
    padding-bottom: 30px;
  }
}
/* line 435, ../sass/_main.scss */
.projectindex .row {
  padding: 30px 0;
}
@media screen and (max-width: 825px) {
  /* line 435, ../sass/_main.scss */
  .projectindex .row {
    padding-bottom: 0;
  }
}
/* line 444, ../sass/_main.scss */
.projectindex h2 {
  font-family: "ArnhemPro_SemiBold", "Times New Roman", Times, serif;
  font-size: 15px;
  line-height: 20px;
  padding: 20px 0 0 60px;
}
@media screen and (max-width: 568px) {
  /* line 444, ../sass/_main.scss */
  .projectindex h2 {
    padding-left: 24px;
    padding-right: 24px;
  }
}
/* line 455, ../sass/_main.scss */
.projectindex h2 em {
  font-family: "ArnhemPro_SemiBoldItalic", "Times New Roman", Times, serif;
  font-style: normal;
}
/* line 462, ../sass/_main.scss */
.projectindex p {
  font-family: "ArnhemPro_SemiBold", "Times New Roman", Times, serif;
  font-size: 15px;
  line-height: 20px;
  padding: 0 0 20px 60px;
}
@media screen and (max-width: 568px) {
  /* line 462, ../sass/_main.scss */
  .projectindex p {
    padding-left: 24px;
    padding-right: 24px;
  }
}
/* line 473, ../sass/_main.scss */
.projectindex p em {
  font-family: "ArnhemPro_SemiBoldItalic", "Times New Roman", Times, serif;
  font-style: normal;
}
/* line 480, ../sass/_main.scss */
.projectindex img {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 17px;
  box-shadow: 2px 2px 3px white;
  transition: box-shadow 500ms;
}
/* line 487, ../sass/_main.scss */
.projectindex img:hover {
  box-shadow: 2px 2px 3px #DADADA;
  transition: box-shadow 500ms;
}
@media screen and (max-width: 568px) {
  /* line 487, ../sass/_main.scss */
  .projectindex img:hover {
    box-shadow: none;
  }
}

/* TOPIC INDEX */
/* line 503, ../sass/_main.scss */
.topicindex {
  padding-top: 163px;
  margin-bottom: 90px;
}
@media screen and (max-width: 825px) {
  /* line 503, ../sass/_main.scss */
  .topicindex {
    padding-top: 133px !important;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 568px) {
  /* line 503, ../sass/_main.scss */
  .topicindex {
    padding-top: 103px !important;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 825px) {
  /* line 520, ../sass/_main.scss */
  .topicindex .maxwidth {
    padding-left: 0;
    padding-right: 0;
  }
}
/* line 527, ../sass/_main.scss */
.topicindex .row {
  display: block;
  padding: 0;
  border-top: 1px solid #d2d2d2;
  transition: background-color 500ms ease-out;
}
/* line 533, ../sass/_main.scss */
.topicindex .row:last-child {
  border-bottom: 1px solid #d2d2d2;
}
/* line 537, ../sass/_main.scss */
.topicindex .row:hover {
  background-color: #f7f7f7;
  transition: background-color 500ms ease-out;
}
/* line 543, ../sass/_main.scss */
.topicindex h2 {
  font-family: "ArnhemPro_SemiBold", "Times New Roman", Times, serif;
  font-size: 20.5px;
  line-height: 25px;
  padding: 25px 0;
}
/* line 549, ../sass/_main.scss */
.topicindex h2 em {
  font-family: "ArnhemPro_SemiBoldItalic", "Times New Roman", Times, serif;
  font-style: normal;
}
@media screen and (max-width: 568px) {
  /* line 543, ../sass/_main.scss */
  .topicindex h2 {
    font-size: 15px;
    line-height: 20px;
  }
}
/* line 561, ../sass/_main.scss */
.topicindex p {
  font-size: 13.5px;
  padding: 25px 0;
  text-align: right;
}
@media screen and (max-width: 568px) {
  /* line 561, ../sass/_main.scss */
  .topicindex p {
    font-size: 11px;
    line-height: 20px;
  }
}

/* line 579, ../sass/_main.scss */
.marginalia-left {
  position: fixed;
  top: 100vh;
  left: 60px;
  height: 16px;
  font-family: Akkurat-Light, Arial, sans-serif;
  font-size: 13.5px;
  letter-spacing: 0.75px;
  text-align: center;
  width: 100vh;
  z-index: 500;
  transition: color 500ms ease-out;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
@media screen and (max-width: 825px) {
  /* line 579, ../sass/_main.scss */
  .marginalia-left {
    display: none;
  }
}
/* line 600, ../sass/_main.scss */
.marginalia-left em {
  font-style: normal;
}

/* line 605, ../sass/_main.scss */
.marginalia-right {
  position: fixed;
  top: 100vh;
  left: calc(100% - 74px);
  height: 16px;
  font-family: Akkurat-Light, Arial, sans-serif;
  font-size: 13.5px;
  letter-spacing: 0.75px;
  text-align: center;
  width: 100vh;
  z-index: 500;
  transition: color 500ms ease-out;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
@media screen and (max-width: 825px) {
  /* line 605, ../sass/_main.scss */
  .marginalia-right {
    display: none;
  }
}

/* line 628, ../sass/_main.scss */
.off {
  opacity: 0;
  transition: opacity 250ms;
}

/* line 635, ../sass/_main.scss */
.social {
  position: fixed;
  bottom: 60px;
  right: 52px;
  width: 27px;
  height: 78px;
  z-index: 500;
}
@media screen and (max-width: 825px) {
  /* line 635, ../sass/_main.scss */
  .social {
    display: none;
  }
}
/* line 647, ../sass/_main.scss */
.social a {
  display: block;
  width: 27px;
  height: 27px;
  margin: 12px 0 0 0;
}
/* line 654, ../sass/_main.scss */
.social a:hover .social_icon {
  fill: black;
  transition: 250ms ease-out;
}
/* line 661, ../sass/_main.scss */
.social .social_icon {
  fill: black;
  transition: 250ms ease-out;
}

/* MOBILE SOCIAL BAR */
/* line 669, ../sass/_main.scss */
.socialbar {
  display: none;
  background-color: #f7f7f7;
  border-top: 1px solid #f0f0f0;
}
@media screen and (max-width: 825px) {
  /* line 669, ../sass/_main.scss */
  .socialbar {
    display: block;
    padding: 15px 30px;
  }
}
@media screen and (max-width: 568px) {
  /* line 669, ../sass/_main.scss */
  .socialbar {
    display: block;
    padding: 15px 24px;
  }
}
/* line 684, ../sass/_main.scss */
.socialbar p {
  display: inline-block;
  font-family: Akkurat-Regular, Arial, sans-serif;
  font-size: 13.5px;
  line-height: 39px;
  padding: 0;
  letter-spacing: 0.75px;
  text-align: right;
  color: rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 568px) {
  /* line 684, ../sass/_main.scss */
  .socialbar p {
    font-size: 11px;
    line-height: 16px;
  }
}
/* line 700, ../sass/_main.scss */
.socialbar p:last-child {
  float: right;
}
/* line 704, ../sass/_main.scss */
.socialbar p:after {
  content: '';
  display: block;
  clear: both;
}
/* line 710, ../sass/_main.scss */
.socialbar p a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}
/* line 713, ../sass/_main.scss */
.socialbar p a:hover {
  border-bottom: 1px solid black;
}

/* WALL */
/* line 724, ../sass/_main.scss */
.wall {
  width: calc(100%-120px);
  margin-bottom: 120px;
}
@media screen and (max-width: 825px) {
  /* line 728, ../sass/_main.scss */
  .wall .maxwidth {
    padding-left: 0;
    padding-right: 0;
  }
}
/* line 735, ../sass/_main.scss */
.wall .col-2a-wall {
  transition: padding 500ms;
}
@media screen and (max-width: 825px) {
  /* line 739, ../sass/_main.scss */
  .wall .col-2a-wall:nth-child(odd) .cell {
    padding-left: 30px;
  }
}
@media screen and (max-width: 568px) {
  /* line 739, ../sass/_main.scss */
  .wall .col-2a-wall:nth-child(odd) .cell {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (max-width: 825px) {
  /* line 751, ../sass/_main.scss */
  .wall .col-2a-wall:nth-child(even) .cell {
    padding-right: 30px;
  }
}
@media screen and (max-width: 568px) {
  /* line 751, ../sass/_main.scss */
  .wall .col-2a-wall:nth-child(even) .cell {
    padding-left: 24px;
    padding-right: 24px;
  }
}
/* line 764, ../sass/_main.scss */
.wall .cell {
  display: block;
  padding: 60px 30px 0 30px;
  transition: padding 500ms;
}
@media screen and (min-width: 825px) and (max-width: 1024px) {
  /* line 764, ../sass/_main.scss */
  .wall .cell {
    padding: 60px 15px 0 15px;
  }
}
@media screen and (max-width: 825px) {
  /* line 764, ../sass/_main.scss */
  .wall .cell {
    padding: 60px 15px 0 15px;
  }
}
/* line 778, ../sass/_main.scss */
.wall img {
  display: block;
  width: 100%;
  padding-bottom: 10px;
}
/* line 784, ../sass/_main.scss */
.wall p {
  font-family: Akkurat-Light, Arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.75px;
  color: #acacac;
  padding-bottom: 0;
}

/* PROJECT NAV */
/* line 799, ../sass/_main.scss */
.projectnav {
  position: relative;
  background-color: white;
  width: calc(100%-120px);
  padding: 0;
  border-top: 1px solid #f0f0f0;
  transition: background-color 500ms;
}
/* line 807, ../sass/_main.scss */
.projectnav .projectnav-box-prev, .projectnav .projectnav-box-next {
  display: block;
  width: calc(100% - 120px);
  padding: 30px 60px;
}
@media screen and (max-width: 825px) {
  /* line 807, ../sass/_main.scss */
  .projectnav .projectnav-box-prev, .projectnav .projectnav-box-next {
    width: calc(100% - 60px);
    padding: 30px;
  }
}
@media screen and (max-width: 568px) {
  /* line 807, ../sass/_main.scss */
  .projectnav .projectnav-box-prev, .projectnav .projectnav-box-next {
    width: calc(100% - 48px);
    padding: 20px 24px;
  }
}
/* line 822, ../sass/_main.scss */
.projectnav .projectnav-box-prev:hover, .projectnav .projectnav-box-next:hover {
  background-color: #f0f0f0;
  transition: background-color 500ms;
}
/* line 829, ../sass/_main.scss */
.projectnav .projectnav-box-next {
  width: calc(100% - 121px);
  border-left: 1px solid #f0f0f0;
}
@media screen and (max-width: 825px) {
  /* line 829, ../sass/_main.scss */
  .projectnav .projectnav-box-next {
    width: calc(100% - 60px);
    border-left: none;
    border-top: 1px solid #f0f0f0;
  }
}
@media screen and (max-width: 568px) {
  /* line 829, ../sass/_main.scss */
  .projectnav .projectnav-box-next {
    width: calc(100% - 48px);
    padding: 20px 24px;
  }
}
/* line 846, ../sass/_main.scss */
.projectnav img {
  width: 100%;
  padding-top: 39px;
  padding-bottom: 33px;
}
@media screen and (max-width: 568px) {
  /* line 846, ../sass/_main.scss */
  .projectnav img {
    padding-top: 20px;
    padding-bottom: 17px;
  }
}
/* line 858, ../sass/_main.scss */
.projectnav h2 {
  font-family: "ArnhemPro_SemiBold", "Times New Roman", Times, serif;
  font-size: 20.5px;
  line-height: 25px;
  padding-top: 9px;
  padding-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 869, ../sass/_main.scss */
.projectnav h2:last-child {
  padding-top: 0px;
  padding-bottom: 9px;
}
/* line 874, ../sass/_main.scss */
.projectnav h2 em {
  font-family: "ArnhemPro_SemiBoldItalic", "Times New Roman", Times, serif;
  font-style: normal;
}
@media screen and (max-width: 568px) {
  /* line 858, ../sass/_main.scss */
  .projectnav h2 {
    font-size: 15px;
    line-height: 20px;
  }
}

/* FOOTER */
/* line 892, ../sass/_main.scss */
footer {
  position: relative;
  width: calc(100%-120px);
  padding: 60px 30px;
  background-color: #f7f7f7;
  font-family: Akkurat-Regular, Arial, sans-serif;
  font-size: 13.5px;
  line-height: 19.5px;
}
@media screen and (max-width: 568px) {
  /* line 892, ../sass/_main.scss */
  footer {
    padding: 30px 24px;
  }
}




/* NEWS STYLES */

.altheading2 {
  font-size: 14px;
}

@media screen and (max-width: 825px) {
  .altheading2 {
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {
  .altheading2 {
    font-size: 11px;
  }
}

/* News: Upcoming Box */
.news_upcomingbox {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: stretch;
  margin: 0;
  padding: 0;
  width: 100%;
  color: #000000;
}

.news_upcomingbox_item {
  flex: 1;
  display: block;
  margin-right: 45px;
  border-top: 1px solid #000000;
  border-bottom: 0 !important;
}

.news_upcomingbox_item:last-of-type {
  margin-right: 0px;
}

.news_upcomingbox_item_date {
  display: block;
  font-family: "Akkurat-Regular", Arial, sans-serif;
  font-size: 11px;
  line-height: 11px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  color: #000000;
  padding: 12px 0 21px 0;
}

.news_upcomingbox_item_title {
  display: block;
  font-family: "ArnhemPro_Normal", "Times New Roman", Times, serif;
  font-size: 20.5px;
  line-height: 27px;
  padding-bottom: 27px;
}

.news_upcomingbox_item:hover .news_upcomingbox_item_title {
  color: rgba(0, 0, 0, 0.35);
  transition: color 350ms ease-out;
}

@media screen and (max-width: 568px) {
  .news_upcomingbox {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .news_upcomingbox_item {
    margin-right: 0px;
  }

  .news_upcomingbox_item_date {
    padding: 12px 0 8px 0;
  }

  .news_upcomingbox_item_title {
    padding-bottom: 12px;
  }

}


/* News: Promo News Box */

.news_upcomingbox_item_title > em, .news_newspromo_item_title > em {
  font-family: "ArnhemPro_NormalItalic";
} 


.news_newspromo {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: stretch;
  margin: 0;
  padding: 0;
  width: 100%;
  color: #000000;
}

.news_newspromo_item {
  flex: 1;
  display: block;
  margin-right: 45px;
  border-top: 1px solid #000000;
  border-bottom: 0 !important;
}

.news_newspromo_item:last-of-type {
  margin-right: 0px;
}

.news_newspromo_item_image {
  display: block;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 10px;
}

.news_newspromo_item_date {
  display: block;
  font-family: "Akkurat-Regular", Arial, sans-serif;
  font-size: 11px;
  line-height: 11px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  color: #000000;
  padding: 12px 0 21px 0;
}

.news_newspromo_item_title {
  display: block;
  font-family: "ArnhemPro_Normal", "Times New Roman", Times, serif;
  font-size: 20.5px;
  line-height: 27px;
  padding-bottom: 27px;
}

.news_newspromo_item:hover .news_newspromo_item_title {
  color: rgba(0, 0, 0, 0.35);
  transition: color 350ms ease-out;
}

@media screen and (max-width: 568px) {
  .news_newspromo {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .news_newspromo_item {
    margin-right: 0px;
  }

  .news_newspromo_item_date {
    padding: 12px 0 8px 0;
  }

  .news_newspromo_item_title {
    padding-bottom: 12px;
  }

}

/* News: News Listing */

.news_newslisting {
  margin: 39px 0 0 0;
  padding: 0;
  width: 100%;
  color: #000000;
  list-style-type: none;
}

.news_newslisting li {
  padding: 0;
  margin: 0;
  border-top: 1px solid #000000;
}

.news_newslisting li:last-of-type {
  border-bottom: 1px solid #000000 !important;
}

.news_newslisting_item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: stretch;
  align-items: center;
  width: 100%;
  border-bottom: 0 !important;
}

.news_newslisting_item_date {
  display: block;
  font-family: "Akkurat-Regular", Arial, sans-serif;
  font-size: 11px;
  line-height: 11px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  color: #000000;
  flex: 0 0 125px;
  width: 125px;
  padding: 0;
  text-align: right;
}

.news_newslisting_item_title {
  display: block;
  font-family: "ArnhemPro_Normal", "Times New Roman", Times, serif;
  font-size: 20.5px;
  line-height: 27px;
  padding: 24px 0;
}

.news_newslisting_item:hover .news_newslisting_item_title {
  color: rgba(0, 0, 0, 0.35);
  transition: color 350ms ease-out;
}

@media screen and (max-width: 568px) {
  .news_newslisting {
    margin: 0;
  }

  .news_newslisting_item {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .news_newslisting_item_title {
    padding: 0 0 24px 0;
  }

  .news_newslisting_item_date {
    flex: 0;
    padding: 12px 0 8px 0;
    text-align: left;
  }

  .news_newslisting_item_title {
    padding-bottom: 12px;
  }
}