@charset "UTF-8";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
button, input[type="button"], input[type="reset"], input[type="submit"] {
  appearance: none;
  background-color: transparent;
  border: 0;
  color: #abae00;
  cursor: pointer;
  display: inline-block;
  font-family: "Kievit OT W01 Book", Helvetica, Arial, sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75rem 0;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 150ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    color: #898b00; }
  button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled {
    cursor: not-allowed;
    opacity: 0.5; }

@font-face {
  font-family: "KievitWeb W07 Bold";
  src: url("../../fonts/1473259/bb94c1b9-8e3a-4be4-9806-a334a6211ddc.eot?#iefix");
  src: url("../../fonts/1473259/bb94c1b9-8e3a-4be4-9806-a334a6211ddc.eot?#iefix") format("eot"), url("../../fonts/1473259/0d096877-d31b-4b43-b54c-18eefae0a26a.woff2") format("woff2"), url("../../fonts/1473259/a2dc5105-304a-4e4a-8b33-afb9153b36cc.woff") format("woff"), url("../../fonts/1473259/23954f93-7c28-47d1-ba24-1684bfa076e0.ttf") format("truetype"); }

@font-face {
  font-family: "KievitWeb W07 BoldIta";
  src: url("../../fonts/1473263/b5d7ce7d-e8e2-446c-afcd-be3182d95c04.eot?#iefix");
  src: url("../../fonts/1473263/b5d7ce7d-e8e2-446c-afcd-be3182d95c04.eot?#iefix") format("eot"), url("../../fonts/1473263/bcfae296-4ebb-456c-bcd0-69a79086451e.woff2") format("woff2"), url("../../fonts/1473263/6db49c8f-12f2-4a5e-a9c3-72210c26c773.woff") format("woff"), url("../../fonts/1473263/643c404d-0899-4639-ad20-467a8ac5ac17.ttf") format("truetype"); }

@font-face {
  font-family: "KievitWeb W07 BookIta";
  src: url("../../fonts/1473271/25cd04b9-8d2f-4e8a-a07d-964645f85a07.eot?#iefix");
  src: url("../../fonts/1473271/25cd04b9-8d2f-4e8a-a07d-964645f85a07.eot?#iefix") format("eot"), url("../../fonts/1473271/aaf41880-d679-402f-8bb8-35ef9a9d64d9.woff2") format("woff2"), url("../../fonts/1473271/ce775cca-1004-454c-91d7-f2b81441f82a.woff") format("woff"), url("../../fonts/1473271/2afc82f3-1825-47b8-8783-2f78bcff0509.ttf") format("truetype"); }

@font-face {
  font-family: "KievitWeb W07 Medi";
  src: url("../../fonts/1473295/2adcd26a-1976-42fe-a53b-58b4bb023e71.eot?#iefix");
  src: url("../../fonts/1473295/2adcd26a-1976-42fe-a53b-58b4bb023e71.eot?#iefix") format("eot"), url("../../fonts/1473295/ada2ab33-e8a1-46ad-bb29-7f14c50209db.woff2") format("woff2"), url("../../fonts/1473295/828846f6-6e09-4745-82a9-a17c1042e12b.woff") format("woff"), url("../../fonts/1473295/9c713b73-bc7c-4e97-a956-19d38b6b950d.ttf") format("truetype"); }

@font-face {
  font-family: "KievitWeb W07 MediIta";
  src: url("../../fonts/1473299/118da576-31c8-4ca5-b254-d23f3d688d61.eot?#iefix");
  src: url("../../fonts/1473299/118da576-31c8-4ca5-b254-d23f3d688d61.eot?#iefix") format("eot"), url("../../fonts/1473299/478c7b47-005b-442a-9625-0a5cc4db6e33.woff2") format("woff2"), url("../../fonts/1473299/cd0f2325-53a0-4d90-adbf-f3f37185d495.woff") format("woff"), url("../../fonts/1473299/a3afef04-e397-48d5-9cd2-99daf65e125c.ttf") format("truetype"); }

@font-face {
  font-family: "Kievit OT W01 Book";
  src: url("../../fonts/5502457/fb3c91b9-5c75-4eb8-a6ed-ace50fedff33.eot?#iefix");
  src: url("../../fonts/5502457/fb3c91b9-5c75-4eb8-a6ed-ace50fedff33.eot?#iefix") format("eot"), url("../../fonts/5502457/7b5039a3-ee79-4236-a97e-48c6110c164c.woff2") format("woff2"), url("../../fonts/5502457/2e131f2c-7691-4f85-8905-97531faeaac9.woff") format("woff"), url("../../fonts/5502457/736fe132-7eed-4a6e-a6a9-dd2df9e52957.ttf") format("truetype"); }

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0; }

legend {
  font-weight: 600;
  margin-bottom: 0.375rem;
  padding: 0; }

label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.375rem;
  font-family: "KievitWeb W07 Bold", Helvetica, Arial, sans-serif; }

input,
select,
textarea {
  display: block;
  font-family: "Kievit OT W01 Book", Helvetica, Arial, sans-serif;
  font-size: 1em; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea,
select[multiple] {
  background-color: #fff;
  border: 4px solid #abae00;
  box-sizing: border-box;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  transition: border-color 150ms ease;
  width: 100%; }
  input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover,
  select[multiple]:hover {
    border-color: #a6a682; }
  input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus,
  select[multiple]:focus {
    border-color: #abae00;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(146, 149, 0, 0.7);
    outline: none; }
  input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, textarea:disabled,
  select[multiple]:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed; }
    input[type="color"]:disabled:hover, input[type="date"]:disabled:hover, input[type="datetime"]:disabled:hover, input[type="datetime-local"]:disabled:hover, input[type="email"]:disabled:hover, input[type="month"]:disabled:hover, input[type="number"]:disabled:hover, input[type="password"]:disabled:hover, input[type="search"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="text"]:disabled:hover, input[type="time"]:disabled:hover, input[type="url"]:disabled:hover, input[type="week"]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover,
    select[multiple]:disabled:hover {
      border: 1px solid #cfcfa3; }
  input[type="color"]::placeholder, input[type="date"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="email"]::placeholder, input[type="month"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="text"]::placeholder, input[type="time"]::placeholder, input[type="url"]::placeholder, input[type="week"]::placeholder, input:not([type])::placeholder, textarea::placeholder,
  select[multiple]::placeholder {
    color: #797f85; }

textarea {
  resize: vertical; }

[type="search"] {
  appearance: none; }

[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.375rem; }

[type="file"] {
  margin-bottom: 0.75rem;
  width: 100%; }

select {
  margin-bottom: 0.75rem;
  max-width: 100%;
  width: auto; }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

ul,
ol {
  padding: 0 0 0.75rem 1.5rem; }

dt {
  font-weight: 600; }

figure {
  margin: 0; }

img,
picture {
  margin: 0; }

table {
  border-collapse: collapse;
  margin: 0.75rem 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #9b9b7a;
  font-weight: 600;
  padding: 0.75rem 0;
  text-align: left; }

td {
  border-bottom: 1px solid #cfcfa3;
  padding: 0.75rem 0; }

tr,
td,
th {
  vertical-align: middle; }

body {
  color: #3c3f42;
  font-family: "Kievit OT W01 Book", Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "KievitWeb W07 Bold", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  margin: 0 0 1.5rem;
  font-weight: 300;
  letter-spacing: 0.0625rem; }

h1 {
  font-size: 3rem; }

h2 {
  font-size: 2.25rem; }

h3 {
  font-size: 1.5rem; }

h4 {
  font-size: 1.25rem; }

h5 {
  font-size: 1rem; }

p {
  padding: 0 0 0.75rem 0;
  margin: 0; }
  p:empty {
    display: none; }

a {
  color: #abae00;
  text-decoration: none;
  transition: color 150ms ease; }
  a:active, a:focus, a:hover {
    color: #808300; }

hr {
  border-bottom: 1px solid #cfcfa3;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5rem 0; }

b, strong {
  font-family: "KievitWeb W07 Bold", Helvetica, Arial, sans-serif; }

blockquote {
  margin: 2.25rem; }

/**
 * These values will not show up in content, but can be 
 * queried by JavaScript to know which breakpoint is active.
 * Add or remove as many breakpoints as you like.
 */
body:before {
  content: "small";
  display: none;
  /* Prevent from displaying. */ }

@media (min-width: 768px) {
  body:before {
    content: "medium"; } }

@media (min-width: 1024px) {
  body:before {
    content: "large"; } }

@media (min-width: 1280px) {
  body:before {
    content: "xlarge"; } }

@media (min-width: 1440px) {
  body:before {
    content: "xxlarge"; } }

@media (min-width: 1600px) {
  body:before {
    content: "max"; } }

@media (min-width: 768px) {
  .design .design-content {
    display: flex; }
    .design .design-content .design-menu {
      width: 25%;
      margin-right: 3rem; } }

.design .design-nav {
  margin-bottom: 44px; }
  .design .design-nav > ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; }
    .design .design-nav > ul > li {
      list-style: none;
      margin: 0;
      padding: 0; }
    .design .design-nav > ul li {
      flex-grow: 1;
      margin-bottom: 0.75rem; }
  .design .design-nav a {
    color: #3c3f42; }
    .design .design-nav a.is-active {
      color: #abae00;
      font-family: "KievitWeb W07 Bold", Helvetica, Arial, sans-serif; }
      .design .design-nav a.is-active::after {
        content: " >"; }

.design-projects {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 10px;
  column-gap: 30px; }
  @media (min-width: 1024px) {
    .design-projects {
      grid-template-columns: repeat(2, 1fr);
      row-gap: 20px;
      column-gap: 40px; } }
  @media (min-width: 1280px) {
    .design-projects {
      grid-template-columns: repeat(3, 1fr); } }
  .design-projects .project-tile .project-image img, .design-projects .design-nav .project-image img {
    display: block;
    width: 100%; }
  .design-projects .project-tile .project-details, .design-projects .design-nav .project-details {
    margin-top: 5px; }
    .design-projects .project-tile .project-details .project-title, .design-projects .design-nav .project-details .project-title {
      color: #3c3f42;
      text-transform: uppercase;
      margin: 0 0 0 0;
      line-height: 1.1;
      font-size: 0.875em; }
      @media (min-width: 1024px) {
        .design-projects .project-tile .project-details .project-title, .design-projects .design-nav .project-details .project-title {
          font-size: 1em; } }
    .design-projects .project-tile .project-details .project-subtitle, .design-projects .design-nav .project-details .project-subtitle {
      font-family: "Kievit OT W01 Book", Helvetica, Arial, sans-serif;
      color: #3c3f42;
      text-transform: uppercase;
      line-height: 1.1;
      font-size: 0.875em;
      margin: 0 0 0 0; }
      @media (min-width: 1024px) {
        .design-projects .project-tile .project-details .project-subtitle, .design-projects .design-nav .project-details .project-subtitle {
          font-size: 1em; } }
.expander .expander-input {
  display: none; }
  .expander .expander-input:checked + .expander-trigger {
    margin-bottom: 0;
    padding-bottom: 0; }
    .expander .expander-input:checked + .expander-trigger span {
      display: none; }
    .expander .expander-input:checked + .expander-trigger:before {
      content: "Less"; }
    .expander .expander-input:checked + .expander-trigger + .expander-content {
      display: block; }

.expander .expander-content {
  display: none; }

.footer-contact {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0.75rem;
  padding: 0;
  margin: 0; }
  .footer-contact > li {
    line-height: 1.125;
    list-style: none;
    padding: 0 0.5rem;
    border-right: 1px solid;
    border-color: #3c3f42;
    white-space: nowrap;
    margin-bottom: 0.25rem; }
    .footer-contact > li:last-child {
      border-right: 0; }
  .footer-contact a {
    color: #3c3f42; }

.footer-social {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  padding: 0.75rem 0 0 0;
  margin: 0; }
  .footer-social li {
    list-style: none; }

.imagelist {
  padding: 0;
  margin: 0; }
  .imagelist > li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .imagelist-item {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    padding-bottom: 1.5rem; }
    .imagelist-item img {
      display: block;
      width: 100%;
      filter: none; }
  .imagelist-content {
    z-index: 10;
    position: absolute;
    top: 0%;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
  .imagelist-title {
    display: block; }
  .imagelist-text {
    display: none; }
  .imagelist-link {
    display: block;
    color: white; }
    .imagelist-link:hover {
      color: white; }
    .imagelist-link .imagelist-title {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      font-family: "Kievit OT W01 Book", Helvetica, Arial, sans-serif;
      text-transform: uppercase;
      font-weight: normal;
      font-size: 1.875rem; }
      .imagelist-link .imagelist-title::after {
        font-family: FontAwesome;
        content: "\f067";
        padding-left: 0.5rem;
        font-size: 1.25rem;
        font-weight: normal; }
      @media (min-width: 1280px) {
        .imagelist-link .imagelist-title::after {
          display: none; } }
  @media (min-width: 768px) {
    .imagelist {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .imagelist .imagelist-item {
        width: 33.333333%;
        padding-bottom: 0; }
        .imagelist .imagelist-item:nth-child(1n) {
          padding-left: 0;
          padding-right: 1.5rem; }
        .imagelist .imagelist-item:nth-child(2n) {
          padding-right: 0.75rem;
          padding-left: 0.75rem; }
        .imagelist .imagelist-item:nth-child(3n) {
          padding-left: 1.5rem;
          padding-right: 0; } }
  @media (min-width: 1280px) {
    .imagelist .imagelist-item:hover .imagelist-title {
      display: block; }
    .imagelist .imagelist-item:hover img {
      filter: grayscale(100%); } }
.link-back {
  font-family: "KievitWeb W07 Bold", Helvetica, Arial, sans-serif; }
  .link-back::before {
    content: "<";
    padding-right: 0.25rem; }

.link-more {
  font-family: "KievitWeb W07 Bold", Helvetica, Arial, sans-serif; }
  .link-more::after {
    content: ">";
    padding-left: 0.25rem; }

/*.link-external, a[target="_blank"]:not(.social-link):not(.modal-glance) {
    &::after {
        font-family: FontAwesome;
        content: "\f08e";
        padding-left: 0.25rem;
        font-size: .75em;
    }
}*/
.logo {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 0;
  line-height: 1; }
  .logo .logo-link {
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    display: inline-block;
    width: 168px;
    padding-bottom: 30px;
    height: 0;
    font-size: 0;
    background-image: url("../../img/fgs_logo.png");
    background-size: contain;
    background-repeat: no-repeat; }
    .logo .logo-link > span {
      display: none; }
  @media (min-width: 768px) {
    .logo {
      top: 25px;
      left: 0;
      text-align: center;
      margin-bottom: 0; }
      .logo .logo-link {
        width: 210px;
        padding-bottom: 38px; } }
@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@-moz-keyframes sk-rotateplane {
  0% {
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

.modal {
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  background-color: #3c3f42; }
  .modal.is-visible {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    opacity: 1; }
    .modal.is-visible .modal-glance {
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
      opacity: 1; }
  .modal.is-hidden {
    display: none; }
  .modal.is-expanded {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    margin: 0;
    background-color: transparent;
    opacity: 1;
    overflow: auto; }
    .modal.is-expanded .modal-detail {
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
      opacity: 1;
      width: 95%;
      height: auto;
      background-color: white;
      mix-blend-mode: normal; }
      @media (min-width: 1024px) {
        .modal.is-expanded .modal-detail {
          width: 80%; } }
      @media (min-width: 1280px) {
        .modal.is-expanded .modal-detail {
          width: 60%; } }
    .modal.is-expanded .modal-glance {
      display: none; }
    .modal.is-expanded:hover {
      opacity: 1; }
      .modal.is-expanded:hover .modal-glance {
        display: none; }
    .modal.is-expanded + .modal-overlay {
      display: block;
      position: fixed;
      z-index: 9998;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background-color: #3c3f42;
      mix-blend-mode: multiply; }
  @media (min-width: 1024px) {
    .modal {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      opacity: 0;
      z-index: 9;
      background-color: #3c3f42; } }
  @media (min-width: 1024px) {
    .modal {
      margin: 1rem; } }
.modal-overlay {
  display: none; }

.modal-anchor {
  position: relative; }
  .modal-anchor.is-released {
    position: static; }

.modal-glance {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  display: block;
  padding: 0.75rem;
  cursor: pointer;
  position: relative; }
  .modal-glance .modal-title, .modal-glance .modal-subtitle {
    color: white; }
  .modal-glance .modal-open {
    position: absolute;
    bottom: 0.75rem;
    right: 0.75rem; }
  .modal-glance a, .modal-glance button {
    color: #3c3f42;
    text-transform: uppercase;
    font-size: 0.875rem;
    outline: none;
    background-color: transparent;
    padding: 0;
    margin: 0; }
  @media (min-width: 1024px) {
    .modal-glance {
      padding: 1rem;
      opacity: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0; }
      .modal-glance .modal-open {
        bottom: 1rem;
        right: 1rem; } }
  @media (min-width: 1280px) {
    .modal-glance {
      padding: 1.5rem; }
      .modal-glance .modal-open {
        bottom: 1.5rem;
        right: 1.5rem; } }
.modal-title, .modal-subtitle {
  color: #abae00;
  font-family: "Kievit OT W01 Book", Helvetica, Arial, sans-serif; }

.modal-title {
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: .5rem; }
  @media (min-width: 1024px) {
    .modal-title {
      font-size: 1.125rem; } }
.modal-subtitle {
  font-size: 1rem;
  margin-bottom: .5rem; }
  @media (min-width: 1024px) {
    .modal-subtitle {
      font-size: 1.125rem; } }
.modal-detail {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  padding: 0;
  opacity: 0;
  height: 0;
  background-color: white;
  max-height: 95vh;
  overflow-y: auto; }
  .modal-detail > header {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start; }
    .modal-detail > header > div {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .modal-detail > header button {
      padding: 0;
      background-color: 0;
      margin: 0;
      color: #3c3f42;
      font-size: 3rem; }
  .modal-detail > article {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    overflow-y: auto; }

.modal-slideshow {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  width: calc(100% - 1.5rem);
  height: calc(100vh - 1.5rem);
  background-color: white;
  overflow: hidden; }
  .modal-slideshow .modal-close {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem; }
  @media (min-width: 1024px) {
    .modal-slideshow {
      width: calc(100% - 4rem);
      height: calc(100vh - 4rem); }
      .modal-slideshow .modal-close {
        right: 3rem;
        top: 3rem; } }
  .modal-slideshow-carousel {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    overflow: hidden;
    position: relative;
    /*&::before {
            @include transform(translate3d(0, 0, 0));
            @include transform(translate(-50%, -50%));
            @include animation(sk-rotateplane 1.2s infinite ease-in-out);
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 40px;
            height: 40px;
            background-color: $light-gray;
            z-index: 1;
        }*/ }
  .modal-slideshow-button {
    outline: none;
    padding: 0 0.75rem;
    opacity: 1; }
    .modal-slideshow-button span {
      display: none; }
    .modal-slideshow-button::before {
      font-family: FontAwesome;
      font-size: 1.5rem; }
    .modal-slideshow-button--next::before {
      content: '\f105'; }
    .modal-slideshow-button--prev::before {
      content: '\f104'; }
    @media (min-width: 1024px) {
      .modal-slideshow-button {
        padding: 0 1.5rem; }
        .modal-slideshow-button::before {
          font-size: 3rem; } }
    .modal-slideshow-button:disabled {
      cursor: default;
      opacity: 0.5;
      color: #abae00; }
      .modal-slideshow-button:disabled:hover {
        color: #abae00;
        cursor: default;
        opacity: 0.5; }
  .modal-slideshow-slide {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-transition: all 0.125s linear;
    -moz-transition: all 0.125s linear;
    transition: all 0.125s linear;
    -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);
    width: 100%;
    height: calc(100vh - 6rem); }
    @media (min-width: 1024px) {
      .modal-slideshow-slide {
        height: calc(100vh - 8rem); } }
    .modal-slideshow-slide .responsive-object {
      width: 100%; }
    .modal-slideshow-slide.is-hidden {
      -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);
      -webkit-transition: all 0.125s linear;
      -moz-transition: all 0.125s linear;
      transition: all 0.125s linear;
      margin-left: -100%; }
    .modal-slideshow-slide.is-loading {
      position: relative; }
      .modal-slideshow-slide.is-loading::after {
        display: block;
        -webkit-animation: fa-spin 1s infinite linear;
        -moz-animation: fa-spin 1s infinite linear;
        animation: fa-spin 1s infinite linear;
        position: absolute;
        top: calc(50% - 1.25rem);
        left: calc(50% - 1.25rem);
        font-family: FontAwesome;
        font-size: 2.5rem;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1;
        content: "\f1ce"; }
  .modal-slideshow-caption {
    padding: 1.5rem 1.5rem 0 1.5rem; }
  .modal-slideshow-content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    height: calc(100vh - 6rem); }
    @media (min-width: 1024px) {
      .modal-slideshow-content {
        height: calc(100vh - 8rem); } }
  .modal-slideshow-image {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    overflow: hidden; }
    .modal-slideshow-image img {
      display: block;
      object-fit: contain;
      width: 100%;
      height: 100%; }

.modal-trigger {
  outline: none;
  margin: 0;
  padding: 0;
  display: block; }

.modal-close {
  position: relative;
  width: 26px;
  height: 26px;
  cursor: pointer;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: block; }
  .modal-close span, .modal-close::before, .modal-close:after {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 1px;
    background: #3c3f42;
    font-size: 0; }
  .modal-close span {
    display: none; }
  .modal-close::before {
    content: "";
    background: #3c3f42;
    transform: rotate(135deg); }
  .modal-close::after {
    content: "";
    background: #3c3f42;
    transform: rotate(-135deg); }

.modal-open {
  width: 26px;
  height: 26px;
  cursor: pointer;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: block; }
  .modal-open span, .modal-open::before, .modal-open:after {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 1px;
    background: #3c3f42;
    font-size: 0; }
  .modal-open span {
    display: none; }
  .modal-open::before {
    content: "";
    background: #3c3f42;
    transform: rotate(0deg); }
  .modal-open::after {
    content: "";
    background: #3c3f42;
    transform: rotate(90deg); }

.mosaic .mosaic-tile {
  position: relative; }
  .mosaic .mosaic-tile.is-placeholder {
    background-color: transparent; }

@media (min-width: 768px) {
  .mosaic {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.75rem; }
    .mosaic .mosaic-tile {
      width: 50%; } }

@media (min-width: 1024px) {
  .mosaic::after {
    content: 'mosaic-large';
    display: none; }
  .mosaic .mosaic-tile {
    width: calc(33.33%);
    height: 300px;
    margin-right: 31px;
    margin-bottom: 31px; } }

@media (min-width: 1280px) {
  .mosaic {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* Adjust the number of columns as needed */
    grid-auto-rows: 100px;
    /* Adjust the height of each row as needed */
    gap: 40px;
    /* Adjust the gap between grid items */ }
    .mosaic::after {
      content: 'mosaic-xlarge';
      display: none; } }

.desktop-nav {
  display: none;
  position: absolute;
  right: 0; }
  .desktop-nav > ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    height: 39px; }
    .desktop-nav > ul > li {
      list-style: none;
      margin: 0;
      padding: 0; }
    .desktop-nav > ul > li {
      margin-left: 40px;
      font-family: "KievitWeb W07 Bold", Helvetica, Arial, sans-serif; }
  .desktop-nav a {
    color: #3c3f42;
    font-size: 1.125rem; }
  .desktop-nav .nav-link-studio ul {
    display: none;
    padding: 0;
    margin: 0; }
    .desktop-nav .nav-link-studio ul > li {
      list-style: none;
      margin: 0;
      padding: 0; }
  .desktop-nav .nav-link-studio:hover ul {
    position: absolute;
    display: flex;
    align-items: center;
    left: 40px;
    bottom: -20px;
    display: flex; }
    .desktop-nav .nav-link-studio:hover ul li {
      margin-right: 40px;
      font-family: "Kievit OT W01 Book", Helvetica, Arial, sans-serif; }
  @media (min-width: 1280px) {
    .desktop-nav {
      display: block; } }
.nav {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-align-content: space-between;
  -moz-align-content: space-between;
  align-content: space-between;
  -ms-flex-line-pack: justify;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -100%;
  background: #abae00;
  width: 100%;
  padding: 1.5rem;
  z-index: 9998; }
  @media (min-width: 1280px) {
    .nav {
      display: none; } }
  .nav h2 {
    font-family: "Kievit OT W01 Book", Helvetica, Arial, sans-serif;
    max-width: 300px;
    color: white;
    font-weight: normal;
    padding-right: 5rem;
    font-size: 1.125rem; }
  .nav .social-link {
    background: #3c3f42;
    color: #abae00; }
  @media (min-height: 560px) {
    .nav {
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column; } }
  .nav .logo {
    position: static;
    margin-bottom: 1rem; }
  @media (min-width: 768px) {
    .nav {
      max-width: 375px;
      padding: 3rem 2.5rem 2.5rem 2.5rem; }
      .nav .logo {
        display: none; } }
.nav-header {
  width: 100%; }

.nav-toggle {
  -webkit-transition: all 0.5s ease-in-out, background-color 2s ease-in-out;
  -moz-transition: all 0.5s ease-in-out, background-color 2s ease-in-out;
  transition: all 0.5s ease-in-out, background-color 2s ease-in-out;
  z-index: 9999;
  position: fixed;
  top: 30px;
  right: 1.5rem;
  margin: 0;
  display: block;
  padding: 0;
  width: 30px;
  height: 17px;
  cursor: pointer; }
  @media (min-width: 1280px) {
    .nav-toggle {
      display: none; } }
  .nav-toggle span, .nav-toggle::before, .nav-toggle:after {
    -webkit-transition: all 0.5s ease-in-out, background-color 2s ease-in-out;
    -moz-transition: all 0.5s ease-in-out, background-color 2s ease-in-out;
    transition: all 0.5s ease-in-out, background-color 2s ease-in-out;
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    border-radius: 1px;
    background-color: #abae00;
    font-size: 0; }
  .nav-toggle span {
    left: 0;
    opacity: 1;
    top: 7px; }
  .nav-toggle::before {
    content: "";
    top: 0; }
  .nav-toggle::after {
    content: "";
    bottom: 0; }
  @media (min-width: 1024px) {
    .nav-toggle {
      right: 3rem; } }
  @media (min-width: 768px) {
    .nav-toggle {
      top: 60px; } }
.nav-toggle-trigger {
  z-index: 9999;
  position: fixed;
  top: 0.375rem;
  right: 0.75rem;
  opacity: 0; }
  .nav-toggle-trigger:checked ~ .nav {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    right: 0; }
  .nav-toggle-trigger:checked + .nav-toggle span, .nav-toggle-trigger:checked + .nav-toggle::before, .nav-toggle-trigger:checked + .nav-toggle:after {
    -webkit-transition: all 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out, background-color 0.5s ease-in-out;
    transition: all 0.5s ease-in-out, background-color 0.5s ease-in-out; }
  .nav-toggle-trigger:checked + .nav-toggle span {
    background: #3c3f42;
    left: -100%;
    opacity: 0; }
  .nav-toggle-trigger:checked + .nav-toggle::before {
    background: #3c3f42;
    top: 7px;
    transform: rotate(135deg); }
  .nav-toggle-trigger:checked + .nav-toggle::after {
    background: #3c3f42;
    bottom: 7px;
    transform: rotate(-135deg); }

.nav-links {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end; }
  .nav-links a {
    color: #3c3f42; }
  .nav-links h3 {
    font-size: 1rem;
    margin-bottom: 0.5em; }
  .nav-links section {
    margin-right: 2em; }
  .nav-links ul {
    padding: 0;
    margin: 0; }
    .nav-links ul > li {
      list-style: none;
      margin: 0;
      padding: 0; }
    .nav-links ul > li {
      margin-bottom: 0.5em; }
  @media (min-height: 560px) {
    .nav-links {
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column; }
      .nav-links section {
        margin-right: 0;
        margin-bottom: 1em; }
      .nav-links ul {
        margin-right: 2em; } }
.nav-contact {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end; }
  .nav-contact .social {
    padding: 0;
    margin: 0;
    padding-top: 0.5em; }
    .nav-contact .social > li {
      list-style: none;
      margin: 0;
      padding: 0; }
    .nav-contact .social li {
      margin-right: 0.25rem; }
      .nav-contact .social li:last-child {
        margin-right: 0; }
  @media (min-height: 560px) {
    .nav-contact {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: justify; }
      .nav-contact .social {
        padding-top: 0; } }
.nav-address {
  padding: 0;
  margin: 0;
  font-size: 0.75rem; }
  .nav-address > li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .nav-address a {
    color: #3c3f42; }
  .nav-address li {
    margin-bottom: 0.5em; }

.news-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 10px;
  column-gap: 30px;
  /*@media(min-width: $bp-horiz-large) {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 20px;
        column-gap: 40px;
    }*/ }
  @media (min-width: 768px) {
    .news-grid {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1280px) {
    .news-grid {
      grid-template-columns: repeat(3, 1fr);
      row-gap: 20px;
      column-gap: 40px; } }
.news-tile {
  position: relative;
  width: 100%;
  margin-bottom: 1.5rem;
  /*@media(min-width: 700px) {
        width: calc(50% - 20px);
        position: relative;
        margin-bottom: 40px;

        &:nth-child(odd) {
            margin-right: 20px;
        }

        &:nth-child(even) {
            margin-left: 20px;
        }
    }*/ }
  .news-tile .modal {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    opacity: 1;
    margin: 1rem;
    background-color: rgba(255, 255, 255, 0.9); }
    .news-tile .modal .modal-glance {
      opacity: 1;
      padding: 1rem;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0; }
  .news-tile img {
    position: relative;
    z-index: 0;
    display: block;
    width: 100%; }
  .news-tile:hover .modal, .news-tile.no-image .modal {
    opacity: 1; }
    .news-tile:hover .modal .modal-glance, .news-tile.no-image .modal .modal-glance {
      opacity: 1; }
  .news-tile.no-image {
    background-color: white; }
  @media (min-width: 1024px) {
    .news-tile .modal {
      opacity: 0;
      background-color: rgba(255, 255, 255, 0.9); }
      .news-tile .modal .modal-glance {
        opacity: 0; } }
  .news-tile .news-tile-date {
    color: #3c3f42;
    text-transform: uppercase;
    font-size: 1rem;
    font-family: "Kievit OT W01 Book", Helvetica, Arial, sans-serif;
    margin-bottom: 0;
    padding-bottom: .5rem; }
  .news-tile .news-tile-title {
    color: #3c3f42;
    text-transform: none;
    font-size: 1.625rem; }
  .news-tile .news-tile-publication {
    font-size: 1.625rem;
    color: #3c3f42;
    text-transform: none;
    font-family: "Kievit OT W01 Book", Helvetica, Arial, sans-serif; }

.news-recent, .news-monthly {
  padding-top: 1rem;
  /*h3 {
        color: $green;
        font-size: 1rem;
        margin-bottom: 0;
        padding-bottom: .5rem;
    }*/
  /*a {
        color: white;

        &:hover {
            color: $green;
        }
    }*/ }

.news-recent .link-list > li {
  padding-bottom: 1rem; }

.pagination {
  font-family: "KievitWeb W07 Bold", Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  .pagination > li {
    list-style: none;
    margin: 0;
    padding: 0; }

.pagination-item {
  font-size: 0.875rem;
  text-transform: uppercase; }
  .pagination-item:after {
    font-family: "Kievit OT W01 Book", Helvetica, Arial, sans-serif;
    content: "|";
    padding: 0 0.375rem; }
  .pagination-item:last-child:after {
    content: ""; }

.profile-image {
  display: block;
  position: static;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  overflow: auto;
  /*@media (min-width: $bp-horiz-xlarge) {
        margin-bottom: $spacing-base*2;
    }*/ }
  .profile-image img {
    position: static;
    width: 100%;
    height: auto;
    max-height: none;
    min-width: 0;
    margin: 0; }
  @media (min-width: 1024px) {
    .profile-image {
      margin-bottom: 3rem; } }
.profile-clients, .profile-collaborators {
  margin-bottom: 3rem; }
  .profile-clients ul, .profile-collaborators ul {
    padding: 0;
    margin: 0;
    columns: auto 2;
    column-gap: 2.5rem; }
    .profile-clients ul > li, .profile-collaborators ul > li {
      list-style: none;
      margin: 0;
      padding: 0; }
    @media (min-width: 1024px) {
      .profile-clients ul, .profile-collaborators ul {
        columns: auto 3; } }
.profile-colleagues > article {
  width: auto;
  margin: 0 0 0 0; }
  .profile-colleagues > article:last-child {
    margin: 0 0 0 0; }

.profile-employees {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 10px;
  column-gap: 30px; }
  @media (min-width: 768px) {
    .profile-employees {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1024px) {
    .profile-employees {
      grid-template-columns: repeat(3, 1fr);
      row-gap: 20px;
      column-gap: 40px; } }
  @media (min-width: 1280px) {
    .profile-employees {
      grid-template-columns: repeat(4, 1fr);
      row-gap: 20px;
      column-gap: 40px; } }
  .profile-employees .profile-employee {
    cursor: pointer; }
    .profile-employees .profile-employee .profile-employee-image img {
      display: block;
      width: 100%; }
    .profile-employees .profile-employee .modal {
      display: none; }
    .profile-employees .profile-employee .profile-employee-glance {
      margin-top: 5px; }
      .profile-employees .profile-employee .profile-employee-glance .profile-employee-title {
        color: #3c3f42;
        text-transform: uppercase;
        margin: 0 0 0 0;
        line-height: 1.1;
        font-size: 1em; }
      .profile-employees .profile-employee .profile-employee-glance .profile-employee-subtitle {
        font-family: "Kievit OT W01 Book", Helvetica, Arial, sans-serif;
        color: #3c3f42;
        text-transform: uppercase;
        line-height: 1.1;
        font-size: 0.875em;
        margin: 0 0 0 0; }

.profile-employee {
  position: relative;
  margin-bottom: 1.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
  .profile-employee img {
    display: block; }

.profile-employee-detail > header {
  padding: 2.5rem 2.5rem 0 2.5rem;
  margin-bottom: 0.75rem; }

.profile-employee-detail > article {
  padding: 0 2.5rem 0 2.5rem;
  margin-bottom: 2.5rem; }
  .profile-employee-detail > article .rich-text {
    padding-top: 0; }
    @media (min-width: 768px) {
      .profile-employee-detail > article .rich-text {
        columns: auto 2;
        column-gap: 3rem; } }
.project-tile {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
  .project-tile:hover .modal {
    display: block;
    opacity: 1; }
    .project-tile:hover .modal .modal-glance {
      display: block;
      opacity: 1; }
  .project-tile .modal-glance {
    /*@media(min-width: $bp-horiz-xlarge) {
            padding: 40px;
        }*/ }
  .project-tile.is-disabled {
    opacity: 0.3; }
    .project-tile.is-disabled:hover .modal {
      display: none; }
  .project-tile.is-empty {
    background-color: #abae00; }

.project-content > header {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  .project-content > header h1 {
    order: 1;
    color: #abae00; }
  .project-content > header h2 {
    order: 1;
    font-size: 1rem;
    font-family: "Kievit OT W01 Book", Helvetica, Arial, sans-serif;
    color: #abae00;
    text-transform: uppercase; }
  .project-content > header .link-back {
    order: 0;
    margin-bottom: 0.75rem; }
  .project-content > header .project-subtitle {
    order: 1; }
  @media (min-width: 1280px) {
    .project-content > header .link-back {
      order: 1;
      margin-top: auto;
      margin-bottom: 0; }
    .project-content > header h1 {
      order: 0; }
    .project-content > header h2 {
      order: 0; }
    .project-content > header .project-subtitle {
      order: 0; } }
.project-content > article {
  margin-bottom: 1.5rem; }
  .project-content > article .rich-text p:first-child {
    margin-top: 0; }
  .project-content > article .rich-text p:last-child {
    margin-bottom: 0;
    padding-bottom: 0; }
  @media (min-width: 768px) {
    .project-content > article .rich-text {
      columns: auto 2;
      column-gap: 2.5rem; } }
  @media (min-width: 1280px) {
    .project-content > article {
      margin-bottom: 0; }
      .project-content > article .rich-text {
        columns: auto 1; } }
  @media (min-width: 1440px) {
    .project-content > article .rich-text {
      columns: auto 2;
      column-gap: 2.5rem; } }
.project-subtitle .block-heading {
  padding-bottom: 0.75rem; }

.project-subtitle .block-subheading {
  font-size: .875rem;
  color: #abae00;
  margin-bottom: 0;
  padding-bottom: 0; }
  .project-subtitle .block-subheading:last-child {
    padding-bottom: 1.5rem; }
  .project-subtitle .block-subheading + .block-text {
    padding-top: 1.5rem; }

.project-meta {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  .project-meta ul, .project-meta p {
    padding: 0;
    margin: 0;
    font-size: 0.875rem; }
    .project-meta ul > li, .project-meta p > li {
      list-style: none;
      margin: 0;
      padding: 0; }
  .project-meta .project-links {
    font-size: 1rem;
    font-family: "KievitWeb W07 Bold", Helvetica, Arial, sans-serif; }
  .project-meta h3 {
    font-size: 0.875rem;
    margin-bottom: 0;
    text-transform: uppercase; }
  .project-meta-size, .project-meta-clients, .project-meta-date, .project-meta-additional {
    margin-bottom: 1.5rem; }
  .project-meta-additional .block-subheading {
    font-family: "KievitWeb W07 Bold", Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: uppercase; }
  .project-meta .project-meta-collaborators {
    padding-bottom: 1.5rem; }
  .project-meta .project-meta-links {
    margin-top: auto; }
    .project-meta .project-meta-links .social {
      margin-top: 0.375rem; }
      .project-meta .project-meta-links .social li {
        padding-right: 0.375rem; }
  .project-meta :last-child {
    padding-bottom: 0;
    margin-bottom: 0; }

.project-videos {
  padding-top: 1.5rem; }
  @media (min-width: 1024px) {
    .project-videos {
      width: 75%;
      margin-right: auto;
      margin-left: 0; } }
  @media (min-width: 1280px) {
    .project-videos {
      margin-left: auto;
      margin-right: 0;
      padding-top: 30px; } }
  @media (min-width: 1366px) {
    .project-videos {
      padding-top: 33px; } }
  @media (min-width: 1600px) {
    .project-videos {
      padding-top: 40px; } }
.project-mosaic .project-mosaic-tile {
  position: relative;
  margin-bottom: 1.5rem;
  cursor: pointer; }
  .project-mosaic .project-mosaic-tile img {
    width: 100%; }

@media (min-width: 768px) {
  .project-mosaic {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media (min-width: 768px) {
  .project-mosaic .project-mosaic-tile {
    width: calc(50% - 0.75rem); }
    .project-mosaic .project-mosaic-tile:nth-child(odd) {
      margin-right: 0.75rem; }
    .project-mosaic .project-mosaic-tile:nth-child(even) {
      margin-left: 0.75rem; } }

@media (min-width: 1024px) {
  .project-mosaic .project-mosaic-tile {
    width: calc(50% - 20px);
    margin-bottom: 40px; }
    .project-mosaic .project-mosaic-tile:nth-child(odd) {
      margin-right: 20px; }
    .project-mosaic .project-mosaic-tile:nth-child(even) {
      margin-left: 20px; }
  @supports (display: grid) {
    .project-mosaic {
      display: grid;
      grid-template-columns: repeat(29, 3.44%);
      grid-template-rows: 33px;
      grid-auto-columns: 3.44%;
      grid-auto-rows: 33px; }
      @media (min-width: 1024px) and (min-width: 1280px) {
        .project-mosaic {
          grid-template-rows: 30px;
          grid-auto-rows: 30px; } }
      @media (min-width: 1024px) and (min-width: 1366px) {
        .project-mosaic {
          grid-template-rows: 33px;
          grid-auto-rows: 33px; } }
      @media (min-width: 1024px) and (min-width: 1600px) {
        .project-mosaic {
          grid-template-rows: 40px;
          grid-auto-rows: 40px; } }
      .project-mosaic .project-mosaic-tile {
        display: block;
        position: relative;
        width: auto;
        height: auto;
        margin-bottom: 0;
        margin: 0; }
        .project-mosaic .project-mosaic-tile:nth-child(odd) {
          margin-right: 0; }
        .project-mosaic .project-mosaic-tile:nth-child(even) {
          margin-left: 0; }
        .project-mosaic .project-mosaic-tile:nth-child(8n+1) {
          width: auto;
          height: auto;
          margin-right: 0;
          margin-left: 0;
          grid-column-start: 1;
          grid-column-end: span 9;
          grid-row-start: 1;
          grid-row-end: span 6; }
        .project-mosaic .project-mosaic-tile:nth-child(8n+2) {
          width: auto;
          height: auto;
          margin-right: 0;
          grid-column-start: 11;
          grid-column-end: span 9;
          grid-row-start: 1;
          grid-row-end: span 6; }
        .project-mosaic .project-mosaic-tile:nth-child(8n+3) {
          width: auto;
          height: auto;
          margin-right: 0;
          grid-column-start: 21;
          grid-column-end: span 9;
          grid-row-start: 1;
          grid-row-end: span 13; }
        .project-mosaic .project-mosaic-tile:nth-child(8n+4) {
          width: auto;
          height: auto;
          margin-right: 0;
          grid-column-start: 1;
          grid-column-end: span 19;
          grid-row-start: 8;
          grid-row-end: span 13; }
        .project-mosaic .project-mosaic-tile:nth-child(8n+5) {
          width: auto;
          height: auto;
          margin-right: 0;
          grid-column-start: 21;
          grid-column-end: span 9;
          grid-row-start: 15;
          grid-row-end: span 13; }
        .project-mosaic .project-mosaic-tile:nth-child(8n+6) {
          width: auto;
          height: auto;
          margin-right: 0;
          margin-left: 0;
          grid-column-start: 1;
          grid-column-end: span 9;
          grid-row-start: 22;
          grid-row-end: span 6; }
        .project-mosaic .project-mosaic-tile:nth-child(8n+7) {
          width: auto;
          height: auto;
          margin-right: 0;
          grid-column-start: 11;
          grid-column-end: span 9;
          grid-row-start: 22;
          grid-row-end: span 6; }
        .project-mosaic .project-mosaic-tile:nth-child(8n) {
          width: auto;
          height: auto;
          margin-right: 0;
          grid-column-start: 1;
          grid-column-end: span 29;
          grid-row-start: 29;
          grid-row-end: span 15; } } }

@media (min-width: 1280px) {
  .project-mosaic {
    width: 75%;
    margin-left: auto;
    margin-right: 0; } }

.project-mosaic .project-mosaic-tile-image {
  position: relative;
  overflow: hidden;
  padding-bottom: 56%;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
  @supports (display: grid) {
    @media (min-width: 1024px) {
      .project-mosaic .project-mosaic-tile-image {
        position: absolute;
        padding-bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; } } }

.project-photocredit {
  font-size: 0.75rem;
  text-align: center;
  padding-top: 0.75rem; }
  @media (min-width: 1024px) {
    .project-photocredit {
      text-align: right;
      padding-top: 1.5rem; } }
.research-mosaic {
  padding-top: 1.5rem; }
  .research-mosaic .research-mosaic-tile {
    position: relative;
    margin-bottom: 1.5rem;
    cursor: pointer; }
    .research-mosaic .research-mosaic-tile img {
      width: 100%; }
    .research-mosaic .research-mosaic-tile:hover .modal {
      display: block;
      opacity: 1; }
      .research-mosaic .research-mosaic-tile:hover .modal .modal-glance {
        display: block;
        opacity: 1; }
  @media (min-width: 768px) {
    .research-mosaic {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .research-mosaic .research-mosaic-tile {
        width: calc(50% - 0.75rem); }
        .research-mosaic .research-mosaic-tile:nth-child(odd) {
          margin-right: 0.75rem; }
        .research-mosaic .research-mosaic-tile:nth-child(even) {
          margin-left: 0.75rem; } }
  @media (min-width: 1280px) {
    .research-mosaic .research-mosaic-tile {
      width: calc(50% - 20px);
      margin-bottom: 40px; }
      .research-mosaic .research-mosaic-tile:nth-child(odd) {
        margin-right: 20px; }
      .research-mosaic .research-mosaic-tile:nth-child(even) {
        margin-left: 20px; }
    @supports (display: grid) {
      .research-mosaic {
        display: grid;
        grid-template-columns: repeat(29, 3.44%);
        grid-template-rows: 33px;
        grid-auto-columns: 3.44%;
        grid-auto-rows: 33px; }
        @media (min-width: 1280px) and (min-width: 1280px) {
          .research-mosaic {
            grid-template-rows: 30px;
            grid-auto-rows: 30px; } }
        @media (min-width: 1280px) and (min-width: 1366px) {
          .research-mosaic {
            grid-template-rows: 33px;
            grid-auto-rows: 33px; } }
        @media (min-width: 1280px) and (min-width: 1600px) {
          .research-mosaic {
            grid-template-rows: 40px;
            grid-auto-rows: 40px; } }
        .research-mosaic .research-mosaic-tile {
          display: block;
          position: relative;
          width: auto;
          height: auto;
          margin-bottom: 0;
          margin: 0; }
          .research-mosaic .research-mosaic-tile:nth-child(odd) {
            margin-right: 0; }
          .research-mosaic .research-mosaic-tile:nth-child(even) {
            margin-left: 0; }
          .research-mosaic .research-mosaic-tile:nth-child(10n+1) {
            width: auto;
            height: auto;
            margin-right: 0;
            margin-left: 0;
            grid-column-start: 1;
            grid-column-end: span 19;
            grid-row-start: 1;
            grid-row-end: span 11; }
          .research-mosaic .research-mosaic-tile:nth-child(10n+2) {
            width: auto;
            height: auto;
            margin-right: 0;
            grid-column-start: 21;
            grid-column-end: span 9;
            grid-row-start: 1;
            grid-row-end: span 5; }
          .research-mosaic .research-mosaic-tile:nth-child(10n+3) {
            width: auto;
            height: auto;
            margin-right: 0;
            grid-column-start: 21;
            grid-column-end: span 9;
            grid-row-start: 7;
            grid-row-end: span 5; }
          .research-mosaic .research-mosaic-tile:nth-child(10n+4) {
            width: auto;
            height: auto;
            margin-right: 0;
            grid-column-start: 1;
            grid-column-end: span 9;
            grid-row-start: 13;
            grid-row-end: span 5; }
          .research-mosaic .research-mosaic-tile:nth-child(10n+5) {
            width: auto;
            height: auto;
            margin-right: 0;
            grid-column-start: 1;
            grid-column-end: span 9;
            grid-row-start: 19;
            grid-row-end: span 5; }
          .research-mosaic .research-mosaic-tile:nth-child(10n+6) {
            width: auto;
            height: auto;
            margin-right: 0;
            margin-left: 0;
            grid-column-start: 11;
            grid-column-end: span 19;
            grid-row-start: 13;
            grid-row-end: span 11; }
          .research-mosaic .research-mosaic-tile:nth-child(10n+7) {
            width: auto;
            height: auto;
            margin-right: 0;
            grid-column-start: 1;
            grid-column-end: span 29;
            grid-row-start: 25;
            grid-row-end: span 15; }
          .research-mosaic .research-mosaic-tile:nth-child(10n+8) {
            width: auto;
            height: auto;
            margin-right: 0;
            grid-column-start: 1;
            grid-column-end: span 9;
            grid-row-start: 41;
            grid-row-end: span 7; }
          .research-mosaic .research-mosaic-tile:nth-child(10n+9) {
            width: auto;
            height: auto;
            margin-right: 0;
            grid-column-start: 11;
            grid-column-end: span 9;
            grid-row-start: 41;
            grid-row-end: span 7; }
          .research-mosaic .research-mosaic-tile:nth-child(10n) {
            width: auto;
            height: auto;
            margin-right: 0;
            grid-column-start: 21;
            grid-column-end: span 9;
            grid-row-start: 41;
            grid-row-end: span 7; } } }
  .research-mosaic .research-mosaic-tile-image {
    position: relative;
    overflow: hidden;
    padding-bottom: 56%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
    @media (min-width: 1280px) {
      @supports (display: grid) {
        .research-mosaic .research-mosaic-tile-image {
          position: absolute;
          padding-bottom: 0;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } } }
.research-tiles {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 10px;
  column-gap: 30px; }
  @media (min-width: 768px) {
    .research-tiles {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1024px) {
    .research-tiles {
      grid-template-columns: repeat(3, 1fr);
      row-gap: 20px;
      column-gap: 40px; } }
  @media (min-width: 1280px) {
    .research-tiles {
      grid-template-columns: repeat(4, 1fr);
      row-gap: 20px;
      column-gap: 40px; } }
  .research-tiles .research-tile .research-tile-image img {
    display: block;
    width: 100%; }
  .research-tiles .research-tile .research-tile-details {
    margin-top: 5px; }
    .research-tiles .research-tile .research-tile-details .research-tile-title {
      color: #3c3f42;
      text-transform: uppercase;
      margin: 0 0 0 0;
      line-height: 1.1;
      font-size: 1em; }
    .research-tiles .research-tile .research-tile-details .research-tile-subtitle {
      font-family: "Kievit OT W01 Book", Helvetica, Arial, sans-serif;
      color: #3c3f42;
      text-transform: uppercase;
      line-height: 1.1;
      font-size: 0.875em;
      margin: 0 0 0 0; }

.research-list {
  padding: 0;
  margin: 0;
  margin-bottom: 0.75rem;
  padding-top: 1.5rem; }
  .research-list > li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .research-list > li {
    line-height: 1.25;
    padding-bottom: .5rem; }
    .research-list > li > a {
      font-size: 1rem;
      display: block;
      color: #3c3f42;
      font-family: "KievitWeb W07 Bold", Helvetica, Arial, sans-serif; }
      .research-list > li > a:hover {
        color: #abae00; }
    .research-list > li span {
      font-size: 1rem; }

.responsive-object {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }
  .responsive-object iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.social {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .social li {
    padding-right: 0.5rem; }
    .social li:last-child {
      padding-right: 0; }

.social-link {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 1.25rem;
  width: 1.25rem;
  line-height: 1;
  background: #abae00;
  border-radius: 50%;
  color: white; }
  .social-link i {
    font-size: 0.75rem;
    line-height: 1;
    padding: 0;
    margin: 0; }

.block-title_text_image, .block-title_text_imagelist, .block-image_title_text {
  margin-bottom: 3rem; }
  .block-title_text_image .block-image, .block-title_text_imagelist .block-image, .block-image_title_text .block-image {
    order: 0; }
  @media (min-width: 768px) {
    .block-title_text_image, .block-title_text_imagelist, .block-image_title_text {
      margin-bottom: 3rem;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .block-title_text_image > div, .block-title_text_imagelist > div, .block-image_title_text > div {
        width: 50%;
        margin-bottom: 0; }
        .block-title_text_image > div:nth-child(odd), .block-title_text_imagelist > div:nth-child(odd), .block-image_title_text > div:nth-child(odd) {
          padding-right: 1.75rem; }
        .block-title_text_image > div:nth-child(even), .block-title_text_imagelist > div:nth-child(even), .block-image_title_text > div:nth-child(even) {
          padding-left: 1.75rem; }
        .block-title_text_image > div:first-child, .block-title_text_imagelist > div:first-child, .block-image_title_text > div:first-child {
          margin-bottom: 0; } }
  .block-title_text_image > div:first-child, .block-title_text_imagelist > div:first-child, .block-image_title_text > div:first-child {
    margin-bottom: 0.75rem; }
  .block-title_text_image .block-image, .block-title_text_imagelist .block-image, .block-image_title_text .block-image {
    padding-bottom: 0; }

.block-title_text_imagelist .imagelist-item {
  position: static;
  margin-bottom: 1.5rem; }
  @media (min-width: 1280px) {
    .block-title_text_imagelist .imagelist-item {
      position: relative;
      display: block;
      margin: 0;
      padding: 0;
      margin-bottom: 3rem; } }
  .block-title_text_imagelist .imagelist-item img {
    display: block;
    width: 100%; }
  @media (min-width: 1280px) {
    .block-title_text_imagelist .imagelist-item:hover .imagelist-content {
      background: rgba(0, 0, 0, 0.35);
      top: 0.75rem;
      bottom: 0.75rem;
      left: 0.75rem;
      right: 0.75rem;
      padding: 1.5rem;
      justify-content: flex-start;
      align-items: flex-start; } }
  @media (min-width: 1280px) and (min-width: 1280px) {
    .block-title_text_imagelist .imagelist-item:hover .imagelist-content {
      top: 1.5rem;
      bottom: 1.5rem;
      left: 1.5rem;
      right: 1.5rem; } }
  @media (min-width: 1280px) {
    .block-title_text_imagelist .imagelist-item:hover .imagelist-text {
      display: block; } }
.block-title_text_imagelist .imagelist-link {
  color: white; }
  .block-title_text_imagelist .imagelist-link:hover {
    color: white  !important; }

.block-title_text_imagelist .imagelist-content {
  position: static;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0.75rem; }
  @media (min-width: 1280px) {
    .block-title_text_imagelist .imagelist-content {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; } }
.block-title_text_imagelist .imagelist-text {
  display: block; }
  @media (min-width: 1280px) {
    .block-title_text_imagelist .imagelist-text {
      display: none; } }
@media (min-width: 768px) {
  .block-title_text_imagelist .imagelist {
    display: block; }
    .block-title_text_imagelist .imagelist .imagelist-item {
      width: auto; }
      .block-title_text_imagelist .imagelist .imagelist-item:nth-child(1n) {
        padding-left: 0;
        padding-right: 0; }
      .block-title_text_imagelist .imagelist .imagelist-item:nth-child(2n) {
        padding-right: 0;
        padding-left: 0; }
      .block-title_text_imagelist .imagelist .imagelist-item:nth-child(3n) {
        padding-left: 0;
        padding-right: 0; } }

.block-image, .block-captioned_image {
  margin: 0;
  padding: 0; }
  .block-image img, .block-image picture, .block-captioned_image img, .block-captioned_image picture {
    display: block;
    width: 100%;
    height: auto; }

.block-image {
  padding-bottom: 1.5rem; }

.block-twoimage {
  display: block; }
  .block-twoimage img:first-child {
    padding-bottom: 0.75rem; }
  @media (min-width: 768px) {
    .block-twoimage {
      display: flex; }
      .block-twoimage img:first-child {
        padding-bottom: 0;
        padding-right: 0.75rem; }
      .block-twoimage img:last-child {
        padding-left: 0.75rem; } }
.block-captioned_image::after {
  content: '';
  padding-bottom: 1.5rem; }

.block-image_gallery {
  margin: 0;
  padding: 0;
  padding-bottom: 1.5rem; }
  .block-image_gallery > ul {
    padding: 0;
    margin: 0; }
    .block-image_gallery > ul > li {
      list-style: none;
      margin: 0;
      padding: 0; }

.block-video {
  margin: 0;
  padding: 0;
  padding-bottom: 1.5rem; }

.block-heading, .block-subheading {
  letter-spacing: 0.0625rem;
  margin: 0;
  padding: 0;
  padding-bottom: 1.5rem; }

.block-heading {
  font-family: "KievitWeb W07 Bold", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  color: #abae00; }

.block-subheading {
  font-family: "Kievit OT W01 Book", Helvetica, Arial, sans-serif;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: normal; }

.block-paragraph, .block-text {
  margin: 0;
  padding: 0;
  padding-bottom: 1.5rem; }
  .block-paragraph h3, .block-text h3 {
    font-size: 1em; }
  .block-paragraph h4, .block-text h4 {
    font-family: "Kievit OT W01 Book", Helvetica, Arial, sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: normal; }
  .block-paragraph :last-child, .block-text :last-child {
    padding-bottom: 0;
    margin-bottom: 0; }

.block-item_list, .block-numbered_item_list {
  margin: 0;
  padding: 0;
  padding-bottom: 1.5rem; }
  .block-item_list > ul, .block-numbered_item_list > ul {
    padding: 0;
    margin: 0; }
    .block-item_list > ul > li, .block-numbered_item_list > ul > li {
      list-style: none;
      margin: 0;
      padding: 0; }
    .block-item_list > ul > li, .block-numbered_item_list > ul > li {
      padding-bottom: 3rem; }
  .block-item_list :last-child, .block-numbered_item_list :last-child {
    padding-bottom: 0;
    margin-bottom: 0; }
  @media (min-width: 768px) {
    .block-item_list > ul, .block-numbered_item_list > ul {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .block-item_list > ul > li, .block-numbered_item_list > ul > li {
        width: 50%; }
        .block-item_list > ul > li:nth-child(odd), .block-numbered_item_list > ul > li:nth-child(odd) {
          padding-right: 1.75rem; }
        .block-item_list > ul > li:nth-child(even), .block-numbered_item_list > ul > li:nth-child(even) {
          padding-left: 1.75rem; } }
.block-numbered_item_list {
  counter-reset: list-counter;
  margin: 0;
  padding: 0;
  padding-bottom: 1.5rem; }
  .block-numbered_item_list .block-text_and_title :first-child::before {
    content: counter(list-counter) ".";
    counter-increment: list-counter;
    padding-right: 0.25em; }
  .block-numbered_item_list :last-child {
    padding-bottom: 0;
    margin-bottom: 0; }

.block-pullquote {
  margin: 0;
  padding: 0;
  padding-bottom: 1.5rem; }
  .block-pullquote blockquote {
    padding: 0.75rem 0;
    margin: 0;
    font-size: 1.5rem;
    font-family: "KievitWeb W07 Bold", Helvetica, Arial, sans-serif;
    color: #abae00;
    font-style: normal; }
    .block-pullquote blockquote::before {
      content: "\201C"; }
    .block-pullquote blockquote::after {
      content: "\201D"; }
  .block-pullquote:last-child {
    padding-bottom: 0;
    margin-bottom: 0; }

.block-project {
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  margin: 0;
  padding: 0;
  padding-bottom: 1.5rem; }
  .block-project h5 {
    margin-bottom: 0.375rem; }
  .block-project .block-project-image {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    box-flex: none;
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    padding-bottom: 1rem; }
  .block-project img {
    width: 100%; }
  .block-project p {
    margin: 0;
    padding-bottom: 0.75rem; }
    .block-project p:last-child {
      padding-bottom: 0; }
  .block-project :last-child {
    padding-bottom: 0;
    margin-bottom: 0; }
  @media (min-width: 768px) {
    .block-project {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; }
      .block-project .block-project-image {
        width: 200px;
        padding-right: 1rem; } }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  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; }
  .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;
  position: relative;
  display: 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; }
  .slick-slide .slideshow-caption {
    position: absolute;
    left: 1.5rem;
    right: 1.5rem;
    bottom: 0.375rem;
    text-align: center;
    font-size: 0.625rem;
    color: white;
    font-family: "KievitWeb W07 Bold", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); }
    @media (min-width: 768px) {
      .slick-slide .slideshow-caption {
        font-size: 1rem;
        bottom: 1.5rem; } }
.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
/*.slick-slide {
    .slick-loading & {
        &::before {
            font-family: FontAwesome;
            content: '\f1ce';
            @include animation(fa-spin 1s infinite linear);
        }
    }
}

.slick-list {
    .slick-loading & {
        background-color: pink;
        &::before {
            font-family: FontAwesome;
            content: '\f1ce';
            @include animation(fa-spin 1s infinite linear);
        }
    }
}

.slick-slide {
    .slick-loading {
        padding-bottom: 38%;
        &::before {
            font-family: FontAwesome;
            content: '\f1ce';
            @include animation(fa-spin 1s infinite linear);
        }
    }
}*/
/*.slick-slide {
    position: relative;
    &::before {
        position: absolute;
        z-index: 999999;
        top: 50%;
        left: 50%;
        font-family: FontAwesome;
        font-size: 3rem;
        color: $light-gray;
        line-height: 1;
        margin: 0;
        padding: 0;
        content: '\f1ce';
        @include animation(fa-spin 1s infinite linear);
    }

    &.slick-active, &.slick-current {
        //&::before {
            //content: '';
        //}
    }
}*/
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  -webkit-transition: opacity 0.25s ease-in 0s;
  -moz-transition: opacity 0.25s ease-in 0s;
  transition: opacity 0.25s ease-in 0s;
  position: absolute;
  z-index: 999;
  display: block;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
  color: transparent;
  top: 0;
  bottom: 0;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev.slick-disabled,
  .slick-next.slick-disabled {
    opacity: 0;
    cursor: default; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0; }
  .slick-prev:before,
  .slick-next:before {
    font-size: 20px;
    line-height: 1;
    color: #3c3f42;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  @media (min-width: 768px) {
    .slick-prev,
    .slick-next {
      width: 40px; }
      .slick-prev::before,
      .slick-next::before {
        font-size: 40px; } }
.slick-prev {
  left: 0; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: 0; }
  .slick-prev:before {
    content: "<"; }
    [dir="rtl"] .slick-prev:before {
      content: ">"; }

.slick-next {
  right: 0; }
  [dir="rtl"] .slick-next {
    left: 0;
    right: auto; }
  .slick-next:before {
    content: ">"; }
    [dir="rtl"] .slick-next:before {
      content: "<"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "Kievit OT W01 Book", Helvetica, Arial, sans-serif;
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: #3c3f42;
        opacity: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #3c3f42;
      opacity: 0.75; }

@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@-moz-keyframes sk-rotateplane {
  0% {
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

.slick-slider {
  /*&::before {
        @include transform(translate(-50%, -50%));
        @include animation(sk-rotateplane 1.2s infinite ease-in-out);
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        background-color: $light-gray;
    }*/ }

.slick-slider .slick-list {
  opacity: 0;
  position: absolute; }

.slick-slider.slick-initialized .slick-list {
  opacity: 1;
  position: relative;
  transition: opacity 0.2s ease-in; }

body {
  margin: 0 auto;
  padding: 0 1.5rem;
  max-width: 1600px;
  /*&.body--profile, &.body--fabrication {
       
    }*/
  /*&.body--fabrication {
        max-width: 100%;
        padding: 0 0;

        > main {
            margin: 0 auto;
            padding: 0 $spacing-base;
            //margin-top: 78px;
            max-width: $bp-horiz-max;
        }

        > header {
            position:absolute;
            top: 0;
        }

        @media (min-width: $bp-horiz-large) {
            > main {
                padding: 0 3rem;
            }
        }
    
        @media (min-width: $bp-horiz-max) {
            > main {
                padding: 0 0;
            }
        }
    }*/ }
  body > header {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    background: transparent;
    width: 100%;
    padding: 1.5rem 0; }
    @media (min-width: 768px) {
      body > header {
        padding: 3rem 0; } }
  body > main > section {
    width: 100%;
    margin-bottom: 1.5rem; }
    body > main > section > aside {
      padding: 1.5rem 0; }
  @media (min-width: 1024px) {
    body > main > section {
      margin-bottom: 3rem; }
      body > main > section::after {
        clear: both;
        content: "";
        display: table; }
      body > main > section > article {
        width: 75%;
        padding: 0;
        margin: 0 0 0 0;
        float: left; }
        body > main > section > article:first-child {
          margin: 0 0 0 0; }
        body > main > section > article:last-child {
          margin: 0 0 0 0; }
        body > main > section > article:only-child {
          width: auto;
          margin: 0 auto; }
      body > main > section > aside, body > main > section > header {
        width: 25%;
        margin: 0 0 0 0;
        float: left;
        padding-top: 0; }
        body > main > section > aside:first-child, body > main > section > header:first-child {
          width: 75%; }
        body > main > section > aside:last-child, body > main > section > header:last-child {
          padding-left: 3rem; } }
  @media (min-width: 1280px) {
    body > main > section {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 3rem; }
      body > main > section > article {
        float: none;
        width: 50%;
        padding: 0; }
        body > main > section > article:first-child {
          margin: 0 0 0 auto; }
        body > main > section > article:last-child {
          margin: 0 auto 0 0; }
        body > main > section > article:only-child {
          width: 50%;
          margin: 0 auto; }
      body > main > section .research-projects {
        float: none; }
      body > main > section > aside, body > main > section > header {
        float: none;
        width: 25%; }
        body > main > section > aside:first-child, body > main > section > header:first-child {
          width: 25%;
          padding-right: 3rem; }
        body > main > section > aside:last-child, body > main > section > header:last-child {
          width: 25%;
          padding-left: 3rem; }
      body > main > section.section-slideshow {
        display: block; } }
  body > footer {
    width: auto;
    margin: 1.5rem auto; }
  @media (min-width: 1024px) {
    body {
      padding: 0 3rem; } }
  @media (min-width: 1600px) {
    body {
      padding: 0; } }
  body.body--home > header {
    position: fixed; }
  @media (min-width: 1600px) {
    body.body--home {
      margin: 0; } }
.grayscale {
  filter: grayscale(100%); }
  .grayscale:hover {
    filter: none; }

.video-banner {
  position: relative;
  width: 100%;
  padding-bottom: 41.84%;
  /* 2.39:1 */
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
  @media (min-width: 1024px) {
    .video-banner {
      padding-bottom: 38.02%; } }
  .video-banner video {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%); }
  .video-banner video {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%); }
  .video-banner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.link-list {
  padding: 0;
  margin: 0;
  margin-bottom: 0.75rem; }
  .link-list > li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .link-list > li {
    line-height: 1.25;
    padding-bottom: .25rem; }

.section-title {
  line-height: 1;
  font-size: 0.875rem;
  text-transform: uppercase;
  padding: 0.75rem 0 0 0; }

.article-title {
  color: #3c3f42;
  font-size: 1.5rem; }

/*.section-image {
    display: block;
    width: 100%;
    img {
        width: 100%;
        height: auto;
    }
}*/
.section-header {
  position: static;
  width: 100%;
  padding-bottom: 0;
  overflow: auto; }
  .section-header img {
    position: static;
    width: 100%;
    height: auto;
    max-height: none;
    min-width: 0;
    margin: 0; }

.section-image {
  position: relative;
  overflow: hidden;
  padding-bottom: 75%;
  display: block;
  padding-top: 0; }
  .section-image img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9999px;
    right: -9999px;
    margin: auto;
    max-height: 100%;
    width: auto; }
  @media (min-width: 1024px) {
    .section-image {
      position: static;
      width: 100%;
      padding-bottom: 0;
      overflow: auto; }
      .section-image img {
        position: static;
        width: 100%;
        height: auto;
        max-height: none;
        min-width: 0;
        margin: 0; } }
.section-map {
  padding-top: 0 !important;
  padding-bottom: 67%; }
  @media (min-width: 768px) {
    .section-map {
      padding-top: 0;
      padding-bottom: 38%; } }
.tile-image {
  position: relative;
  overflow: hidden;
  padding-bottom: 75%;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
  @media (min-width: 1024px) {
    .tile-image {
      position: absolute;
      padding-bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; } }
.section-slideshow {
  display: block !important;
  width: 100%; }

.slick-slideshow img {
  width: 100%;
  height: auto; }

@media (min-width: 1440px) {
  .contact-addresses {
    display: flex; } }

.contact-contactinfo {
  padding: 0;
  margin: 0;
  font-size: 1.25rem;
  padding-bottom: 1.5rem;
  padding-right: 1.5rem; }
  .contact-contactinfo > li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .contact-contactinfo a {
    color: #3c3f42; }
  @media (min-width: 1440px) {
    .contact-contactinfo {
      flex: 1;
      padding-bottom: 0;
      padding-right: 0; } }
.contact-signup {
  margin-top: 1.5rem; }
  .contact-signup h2 {
    font-size: 1.25rem;
    margin-bottom: 0.75rem; }
  @media (min-width: 1024px) {
    .contact-signup {
      margin-top: 0; } }
  @media (min-width: 1280px) {
    .contact-signup {
      padding: 0 3rem; } }
.contact-jobposting {
  margin-top: 0.75rem;
  font-size: 1.25rem;
  margin-bottom: 0.75rem; }

.fabrication-fabrication-title {
  margin-bottom: 0; }

.press-awards h3, .profile-awards h3 {
  font-size: 1rem;
  margin-bottom: .25rem;
  padding-bottom: 0;
  padding-top: 1.5rem; }

.press-awards h2 + h3, .profile-awards h2 + h3 {
  padding-top: 0; }

.press-awards a, .profile-awards a {
  color: #3c3f42;
  /*&:after {
            margin-left: $spacing-small/3;
            font-family: FontAwesome;
            content: "\f061";
        }*/ }
  .press-awards a:hover, .profile-awards a:hover {
    color: #abae00; }

.press-awards .press-award, .profile-awards .press-award {
  line-height: 1.2;
  padding-bottom: 0.55rem; }
  .press-awards .press-award:last-child, .profile-awards .press-award:last-child {
    padding-top: 0; }

.profile-awards a {
  color: #3c3f42; }
  .profile-awards a:hover {
    color: #abae00; }

.press-publications {
  margin-bottom: 3rem; }

.research-intro {
  color: #3c3f42;
  line-height: 1.5; }

.research-publications .article-title {
  color: #3c3f42; }

.research .project-content {
  border-bottom: 2px solid #3c3f42;
  padding-bottom: 1.5rem; }

.newsitem, .publication {
  padding-top: 3rem; }
  .article-title + .newsitem, .article-title + .publication {
    padding-top: 1.5rem; }
  .newsitem h2, .publication h2 {
    font-size: 2em;
    margin-bottom: 2rem; }
    @media (min-width: 768px) {
      .newsitem h2, .publication h2 {
        font-size: 2.5em;
        margin-bottom: 2.5rem; } }
  .newsitem h3, .publication h3 {
    color: #3c3f42;
    margin-bottom: 0.75rem; }

.article-title + .newsitem {
  padding-top: 0; }

.body--home {
  position: relative;
  width: 100%;
  max-width: none;
  height: 100vh;
  margin: 0;
  padding: 0; }
  .body--home > header {
    position: fixed;
    z-index: 999999;
    margin-left: 1.5rem; }
    @media (min-width: 768px) {
      .body--home > header {
        margin-left: 0;
        padding: 3rem; } }
    .body--home > header .desktop-nav {
      margin-right: 3rem; }
      .body--home > header .desktop-nav a {
        color: white; }
  .body--home > .slideshow {
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden; }
    .body--home > .slideshow > li {
      list-style: none;
      margin: 0;
      padding: 0; }
    .body--home > .slideshow > li {
      -webkit-transition: all 2s ease-in-out;
      -moz-transition: all 2s ease-in-out;
      transition: all 2s ease-in-out;
      width: 100%;
      height: 100vh;
      position: absolute;
      overflow: hidden;
      opacity: 0;
      visibility: hidden;
      /*@supports not(object-fit: cover) {

                a {
                    position: absolute;
                    z-index: 98;
                    display: block;
                    background-color: transparent;
                    width: 100%;
                    height: 100vh;
                }

                img {
                    display: block;
                    min-height:100%;
                    min-width:100%;
                    height:auto;
                    width:auto;
                    //max-height: 100%;
                    position:absolute;
                    top:-9999px; bottom:-9999px;
                    left:-9999px; right:-9999px;
                    margin:auto;
                }
            }*/ }
      .body--home > .slideshow > li .slideshow-caption {
        position: absolute;
        color: white;
        font-size: 1.5rem;
        top: calc(50% + 2rem);
        left: 1.5rem;
        margin-right: 1.5rem;
        font-family: "KievitWeb W07 Medi";
        text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2); }
        @media (min-width: 768px) {
          .body--home > .slideshow > li .slideshow-caption {
            left: 4rem;
            max-width: 40rem;
            font-size: 1.6875rem;
            margin-right: 0; } }
      .body--home > .slideshow > li > a, .body--home > .slideshow > li > span {
        position: absolute;
        width: 100vw;
        height: 100vh;
        z-index: 98;
        display: block;
        background-color: transparent; }
        .body--home > .slideshow > li > a img, .body--home > .slideshow > li > a video, .body--home > .slideshow > li > span img, .body--home > .slideshow > li > span video {
          width: 100vw;
          height: 100vh;
          object-fit: cover; }
        .body--home > .slideshow > li > a.compat-object-fit, .body--home > .slideshow > li > span.compat-object-fit {
          background-size: cover;
          background-position: center center; }
          .body--home > .slideshow > li > a.compat-object-fit img, .body--home > .slideshow > li > span.compat-object-fit img {
            opacity: 0; }
      .body--home > .slideshow > li.is-hidden {
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out;
        opacity: 0;
        visibility: hidden; }
      .body--home > .slideshow > li.is-active {
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out;
        opacity: 1;
        visibility: visible; }
  .body--home .slideshow-nav {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 1.5rem;
    z-index: 999; }
    .body--home .slideshow-nav .slideshow-nav-item {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .body--home .slideshow-nav .slideshow-nav-item > button {
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out;
        display: block;
        margin: 0;
        margin-right: .625rem;
        padding: 0;
        background-color: white;
        height: .8125rem;
        width: .8125rem;
        border-radius: 50%;
        outline: none; }
        .body--home .slideshow-nav .slideshow-nav-item > button span {
          display: none; }
        .body--home .slideshow-nav .slideshow-nav-item > button.is-active {
          -webkit-transition: all 2s ease-in-out;
          -moz-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
          background-color: #abae00; }
    @media (min-width: 768px) {
      .body--home .slideshow-nav {
        left: 4rem; } }
  .body--home .nav-toggle span, .body--home .nav-toggle::before, .body--home .nav-toggle:after {
    background-color: #3c3f42; }
  .body--home.theme-dark .nav-toggle span, .body--home.theme-dark .nav-toggle::before, .body--home.theme-dark .nav-toggle:after {
    background-color: #3c3f42; }
  .body--home.theme-dark .logo .logo-link {
    background-image: url("../../img/fgs_logo.png"); }
  .body--home.theme-light .nav-toggle span, .body--home.theme-light .nav-toggle::before, .body--home.theme-light .nav-toggle:after {
    background-color: white; }
  .body--home.theme-light .logo .logo-link {
    background-image: url("../../img/fgs_logo_white.png"); }
  .body--home.theme-light .nav-toggle-trigger:checked + .nav-toggle span, .body--home.theme-light .nav-toggle-trigger:checked + .nav-toggle::before, .body--home.theme-light .nav-toggle-trigger:checked + .nav-toggle:after {
    background-color: #3c3f42; }

/*.body--press, .body--fabrication {
    background-color: $dark-gray;
    
    main {
        color: white;
    }

    .article-title {
        color: white;
    }

    .logo-link {
        background-image: url("../../img/fgs_logo_white.png");
    }

    .section-title {
        color: white;
    }

    .footer-social {
        .social-link {
            background: $green;
            color: $dark-gray;
        }
    }

    .footer-contact {
        color: white;

        a {
            color: white;
        }

        li {
            border-color: white;
        }
    }
}*/
.body--fabrication .section-imagelist {
  margin-bottom: 4.5rem; }

.body--fabrication .block-title_text_image img {
  filter: grayscale(100%); }

.body--fabrication .block-title_text_image:hover img {
  filter: none; }

.body--research .article-title {
  color: #3c3f42; }