/*
 * Settings
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

* {
  box-sizing: border-box;
}

html {
  line-height: 1;
}

a {
  text-decoration: none;
}

ol, ul {
  list-style: none;
}

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

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
input[type=submit],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=submit]:focus,
textarea:focus {
  outline: none;
}

textarea {
  resize: vertical;
}

select {
  width: 100%;
}

/*
 * Global Styling
 */
html {
  font-size: 16px;
}
html.wf-inactive {
  opacity: 0;
}
html.no-js.wf-inactive, html.wf-active {
  opacity: 1;
}

body {
  background: #fff;
  position: relative;
}
body.ready {
  background: #000;
}

.shutter {
  position: fixed;
  width: 50vw;
  height: 50vh;
  background: #fff;
  transition: height 0.3s, width 0.3s;
  z-index: 999;
}
.shutter.shutter-1 {
  top: 0;
  left: 0;
}
.ready .shutter.shutter-1 {
  height: 0;
}
.replace-shutter .shutter.shutter-1 {
  height: 50vh;
}
.shutter.shutter-2 {
  top: 0;
  right: 0;
}
.ready .shutter.shutter-2 {
  width: 0;
}
.replace-shutter .shutter.shutter-2 {
  width: 50vw;
}
.shutter.shutter-3 {
  bottom: 0;
  left: 0;
}
.ready .shutter.shutter-3 {
  width: 0;
}
.replace-shutter .shutter.shutter-3 {
  width: 50vw;
}
.shutter.shutter-4 {
  bottom: 0;
  right: 0;
}
.ready .shutter.shutter-4 {
  height: 0;
}
.replace-shutter .shutter.shutter-4 {
  height: 50vh;
}

::-moz-selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}

::-moz-placeholder {
  color: #aaa;
}

::placeholder {
  color: #aaa;
}

.global-container {
  width: 84vw;
  margin: 0 auto;
  position: relative;
}

main {
  background: #fff;
  opacity: 0;
}
.ready main {
  opacity: 1;
}

/*
 * Responsive (less than 1000px)
 */
/*
 * Responsive (less than 782px)
 */
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
/*
 * Components
 */
header .logotype {
  position: fixed;
  top: 2.5em;
  left: 2.5em;
  width: 11.25em;
  transform-origin: 0 0;
  transition: opacity 1s 0.6s;
  opacity: 0;
  transform: rotate(90deg) translateY(-100%);
  z-index: 90;
}
.ready header .logotype {
  opacity: 1;
}
header .logotype svg {
  width: 100%;
  height: auto;
  display: block;
}
header .logotype .st0 {
  fill: #fff;
  transition: 0.3s fill;
}
.invert-header-top header .logotype .st0 {
  fill: #000;
}
.show-navigation header .logotype .st0 {
  fill: #fff;
}
header .tagline {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  header .tagline {
    font-size: 1em;
  }
}
header .tagline {
  position: fixed;
  bottom: 2.3529411765em;
  left: 2.3529411765em;
  font-size: 1.0625em;
  line-height: 1.6;
  transition: opacity 1s 0.6s, color 0.3s;
  opacity: 0;
  color: #fff;
  z-index: 90;
}
.ready header .tagline {
  opacity: 1;
}
.invert-header-bottom header .tagline {
  color: #000;
}
.show-navigation header .tagline {
  color: #fff;
}
header .tagline.upwards {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  display: inline-block;
}
header .user-link {
  position: fixed;
  top: 2.25em;
  right: 6.875em;
  transition: opacity 1s 0.6s;
  opacity: 0;
  z-index: 90;
}
.ready header .user-link {
  opacity: 1;
}
header .user-link .link {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  header .user-link .link {
    font-size: 1em;
  }
}
header .user-link .link {
  color: #fff;
  position: relative;
  transition: 0.3s color;
}
header .user-link .link:before, header .user-link .link:after {
  content: " ";
  position: absolute;
  top: 1.4em;
  height: 1px;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
header .user-link .link:before {
  right: 0;
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
header .user-link .link:after {
  left: 0;
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
header .user-link .link:hover:before {
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
header .user-link .link:hover:after {
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 782px) {
  header .user-link .link:before, header .user-link .link:after {
    height: 1px;
  }
}
.invert-header-top header .user-link .link {
  color: #000;
}
.show-navigation header .user-link .link {
  color: #fff;
}
header .user-link .link:before, header .user-link .link:after {
  background: #fff;
  transition: 0.3s background;
}
.invert-header-top header .user-link .link:before, .invert-header-top header .user-link .link:after {
  background: #000;
}
.show-navigation header .user-link .link:before, .show-navigation header .user-link .link:after {
  background: #fff;
}
header .heritage {
  position: fixed;
  bottom: 2.125em;
  right: 2.375em;
  transition: opacity 1s 0.6s;
  opacity: 0;
  z-index: 90;
}
.ready header .heritage {
  opacity: 1;
}
header .heritage span.year {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.75em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  header .heritage span.year {
    font-size: 1.625em;
  }
}
header .heritage span.year {
  line-height: 1;
  color: #fff;
  transition: 0.3s color;
}
.invert-header-bottom header .heritage span.year {
  color: #000;
}
.show-navigation header .heritage span.year {
  color: #fff;
}
header .heritage span.line {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  header .heritage span.line {
    font-size: 1em;
  }
}
header .heritage span.line {
  color: #fff;
  display: block;
  position: absolute;
  bottom: 3.1111111111em;
  left: 50%;
  white-space: nowrap;
  transform-origin: 0 50%;
  transform: rotate(-90deg);
  transition: 0.3s color;
}
.invert-header-bottom header .heritage span.line {
  color: #000;
}
.show-navigation header .heritage span.line {
  color: #fff;
}
header .reveal-nav {
  top: 2.375em;
  right: 2.375em;
  height: 2.125em;
  width: 2.125em;
  vertical-align: middle;
  display: block;
  position: fixed;
  transition: opacity 1s 0.6s;
  opacity: 0;
  z-index: 90;
}
.ready header .reveal-nav {
  opacity: 1;
}
header .reveal-nav span.label {
  display: none;
}
header .reveal-nav span.icon {
  background: #fff;
  width: 100%;
  height: 0.1875em;
  top: calc(50% - 0.09375em);
  position: absolute;
  transition: 0.3s background, transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
}
.invert-header-top header .reveal-nav span.icon {
  background: #000;
}
.show-navigation header .reveal-nav span.icon {
  background: #fff;
}
header .reveal-nav span.icon:before, header .reveal-nav span.icon:after {
  content: " ";
  position: absolute;
  background: #fff;
  width: 100%;
  height: 0.1875em;
  left: 0;
  transform: rotate(0deg);
}
.invert-header-top header .reveal-nav span.icon:before, .invert-header-top header .reveal-nav span.icon:after {
  background: #000;
}
.show-navigation header .reveal-nav span.icon:before, .show-navigation header .reveal-nav span.icon:after {
  background: #fff;
}
header .reveal-nav span.icon:before {
  transition: top 0.3s 0.3s cubic-bezier(0.86, 0, 0.07, 1), transform 0.3s cubic-bezier(0.86, 0, 0.07, 1), background 0.3s;
  top: -0.75em;
}
header .reveal-nav span.icon:after {
  transition: bottom 0.3s 0.3s cubic-bezier(0.86, 0, 0.07, 1), transform 0.3s cubic-bezier(0.86, 0, 0.07, 1), background 0.3s;
  bottom: -0.75em;
}
.show-navigation header .reveal-nav span.icon {
  transition: 0.3s background, transform 0.3s 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transform: rotate(-45deg);
}
.show-navigation header .reveal-nav span.icon:before {
  top: 0;
  transition: top 0.3s cubic-bezier(0.86, 0, 0.07, 1), background 0.3s;
}
.show-navigation header .reveal-nav span.icon:after {
  bottom: 0;
  transition: bottom 0.3s cubic-bezier(0.86, 0, 0.07, 1), transform 0.3s 0.3s cubic-bezier(0.86, 0, 0.07, 1), background 0.3s;
  transform: rotate(90deg);
}

/*
 * Responsive (less than 1000px)
 */
@media screen and (max-width: 1000px) {
  .page-id-259 header .logotype .st0, .page-id-10 header .logotype .st0 {
    fill: #000;
  }
  .page-id-259 header .user-link .link, .page-id-10 header .user-link .link {
    color: #000;
  }
  .page-id-259 header .user-link .link:before, .page-id-10 header .user-link .link:before, .page-id-259 header .user-link .link:after, .page-id-10 header .user-link .link:after {
    background: #000;
  }
  .page-id-259 header .reveal-nav span.icon, .page-id-10 header .reveal-nav span.icon {
    background: #000;
  }
  .page-id-259 header .reveal-nav span.icon:before, .page-id-10 header .reveal-nav span.icon:before, .page-id-259 header .reveal-nav span.icon:after, .page-id-10 header .reveal-nav span.icon:after {
    background: #000;
  }
  header .tagline {
    bottom: calc(2.3529411765em - 100vh);
  }
  .page-id-10 header .tagline {
    display: none;
  }
  header .heritage {
    bottom: calc(2.125em - 100vh);
  }
  .page-id-10 header .heritage {
    display: none;
  }
}
/*
 * Responsive (less than 782px)
 */
@media screen and (max-width: 782px) {
  header .logotype {
    width: 8.75em;
    top: 1.25em;
    left: 1.25em;
  }
  header .tagline {
    bottom: -36.25em;
    left: 1.25em;
  }
  header .user-link {
    top: 1em;
    right: 4.125em;
  }
  header .heritage {
    bottom: -36.25em;
    right: 1.25em;
  }
  header .heritage span.line {
    bottom: 2.7058823529em;
  }
  header .reveal-nav {
    top: 1.25em;
    right: 1.25em;
    width: 1.625em;
    height: 1.625em;
  }
  header .reveal-nav span.icon {
    height: 0.125em;
  }
  header .reveal-nav span.icon:before, header .reveal-nav span.icon:after {
    height: 0.125em;
  }
  header .reveal-nav span.icon:before {
    top: -0.625em;
  }
  header .reveal-nav span.icon:after {
    bottom: -0.625em;
  }
}
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.banner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.banner .image {
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.banner .title {
  opacity: 0;
  text-align: center;
  transition: 0.3s 0.4s opacity;
  z-index: 20;
}
.ready .banner .title {
  opacity: 1;
}
.banner h1 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 5.625em;
  line-height: 1.2;
}
@media screen and (max-width: 1000px) {
  .banner h1 {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 782px) {
  .banner h1 {
    font-size: 1.875em;
  }
}
.banner h1 {
  color: #fff;
  transition: letter-spacing 0.8s 0.4s;
  letter-spacing: 0.15em;
  white-space: nowrap;
}
.ready .banner h1 {
  letter-spacing: 0;
}
.banner.news-banner .title {
  max-width: 54vw;
}
.banner.news-banner .title h1 {
  white-space: unset;
}
.banner.news-banner .title .date {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #fff;
  margin-top: 3em;
}

/*
 * Responsive (less than 1000px)
 */
/*
 * Responsive (less than 782px)
 */
@media screen and (max-width: 782px) {
  .banner {
    height: 37.5em;
  }
}
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.site-navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  transition: opacity 0.3s, height 0s 0.3s, width 0s 0.3s;
  z-index: 80;
}
.show-navigation .site-navigation {
  width: 100%;
  height: 100vh;
  opacity: 1;
  transition: opacity 0.3s;
}
.site-navigation ul.menu li {
  text-align: center;
}
.site-navigation ul.menu li:last-child {
  margin: 1.25em 0 0;
}
.site-navigation ul.menu li:last-child a {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .site-navigation ul.menu li:last-child a {
    font-size: 1em;
  }
}
.site-navigation ul.menu li a {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .site-navigation ul.menu li a {
    font-size: 1.375em;
  }
}
.site-navigation ul.menu li a {
  color: #fff;
  line-height: 1.8;
  position: relative;
}
.site-navigation ul.menu li a:before, .site-navigation ul.menu li a:after {
  content: " ";
  position: absolute;
  top: 1.4em;
  height: 1px;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.site-navigation ul.menu li a:before {
  right: 0;
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.site-navigation ul.menu li a:after {
  left: 0;
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.site-navigation ul.menu li a:hover:before {
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.site-navigation ul.menu li a:hover:after {
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 782px) {
  .site-navigation ul.menu li a:before, .site-navigation ul.menu li a:after {
    height: 1px;
  }
}
.site-navigation ul.menu li a:before, .site-navigation ul.menu li a:after {
  background: #fff;
}

/*
 * Responsive (less than 1000px)
 */
/*
 * Responsive (less than 782px)
 */
@media screen and (max-width: 782px) {
  .show-navigation .site-navigation {
    padding: 0 0 calc(100vh - 600px);
  }
}
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.section.testimonial {
  display: flex;
  padding: 12vw 0 16vw;
}
.section.testimonial blockquote {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-around;
  position: relative;
  width: 38vw;
  transform: translateX(8vw);
  z-index: 2;
}
.section.testimonial blockquote.in-viewport .author.name {
  color: #000;
}
.section.testimonial blockquote.in-viewport .author.detail {
  color: #888;
}
.section.testimonial blockquote.in-viewport p {
  color: #000;
}
.section.testimonial blockquote.in-viewport .link a {
  color: #000;
}
.section.testimonial blockquote.in-viewport .link a:before, .section.testimonial blockquote.in-viewport .link a:after {
  background: #000;
}
.section.testimonial .image {
  background: #e1e1e1;
  position: relative;
  width: 62vw;
  z-index: 1;
}
.section.testimonial .image.in-viewport img {
  opacity: 1;
}
.section.testimonial .image img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0;
  transition: opacity 0.2s;
}
.section.testimonial p {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .section.testimonial p {
    font-size: 1.375em;
  }
}
.section.testimonial p {
  color: #e1e1e1;
  transition: color 0.2s;
}
.section.testimonial .author {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #e1e1e1;
  transition: color 0.2s;
}
.section.testimonial .link a {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .section.testimonial .link a {
    font-size: 1em;
  }
}
.section.testimonial .link a {
  color: #e1e1e1;
  position: relative;
  display: inline-block;
  transition: color 0.2s;
  line-height: 1;
}
.section.testimonial .link a:before, .section.testimonial .link a:after {
  content: " ";
  position: absolute;
  top: 1.4em;
  height: 1px;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.section.testimonial .link a:before {
  right: 0;
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.testimonial .link a:after {
  left: 0;
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.testimonial .link a:hover:before {
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.testimonial .link a:hover:after {
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 782px) {
  .section.testimonial .link a:before, .section.testimonial .link a:after {
    height: 1px;
  }
}
.section.testimonial .link a:before, .section.testimonial .link a:after {
  background: #e1e1e1;
}

/*
 * Responsive (less than 1000px)
 */
@media screen and (max-width: 1000px) {
  .section.testimonial .image img {
    opacity: 1;
  }
  .section.testimonial p {
    color: #000;
  }
  .section.testimonial .author {
    color: #000;
  }
  .section.testimonial .link a {
    color: #000;
  }
}
/*
 * Responsive (less than 782px)
 */
@media screen and (max-width: 782px) {
  .section.testimonial {
    display: block;
    padding: 16vw 8vw;
  }
  .section.testimonial blockquote {
    width: auto;
    display: block;
    transform: none;
    text-align: center;
  }
  .section.testimonial .image {
    width: 100%;
    max-width: 25em;
    margin: 8vw auto 0;
  }
  .section.testimonial p {
    margin: 0.625em 0;
  }
}
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.gform_wrapper .gform_heading {
  display: none;
}
.gform_wrapper .gform_body .gfield {
  margin: 0 0 1vw;
}
.gform_wrapper .gform_body .gfield .gfield_label {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #000;
  display: none;
}
.gform_wrapper .gform_body .gfield#field_1_6 {
  background: #f2f2f2;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.gform_wrapper .gform_body .gfield#field_1_6 input {
  word-wrap: break-word;
  word-break: break-all;
}
.gform_wrapper .gform_body .gfield#field_1_6 .gfield_list {
  width: 100%;
}
.gform_wrapper .gform_body .gfield#field_1_6 thead {
  display: none;
}
.gform_wrapper .gform_body .gfield#field_1_6 .gfield_list_6_cell1 {
  width: 5em;
}
.gform_wrapper .gform_body .gfield#field_1_6 .gfield_list_6_cell2 {
  width: calc(100% - 5em - 9.375em - 2.125em);
}
.gform_wrapper .gform_body .gfield#field_1_6 .gfield_list_6_cell3 {
  width: 12.5em;
}
.gform_wrapper .gform_body .gfield#field_1_6 .gfield_list_6_cell4 {
  display: none;
}
.gform_wrapper .gform_body .gfield#field_1_6 .gfield_list_icons {
  display: none;
  width: 2.1875em;
}
.gform_wrapper .gform_body .gfield#field_1_6 .gfield_list_icons .add_list_item {
  display: none;
}
.gform_wrapper .gform_body .gfield#field_1_6 .gfield_list_icons .delete_list_item {
  display: block;
  display: none;
  width: 1.75em;
  height: auto;
}
.gform_wrapper .gform_body .gfield#field_1_9 {
  margin: 0 0 2vw;
}
.gform_wrapper .gform_body .gfield#field_1_9 .gfield_label {
  display: block;
}
.gform_wrapper .gform_body .gfield#field_1_9 .gform_drop_area {
  border: 0.25em dashed #e1e1e1;
  padding: 1.875em;
}
.gform_wrapper .gform_body .gfield#field_1_9 .gform_drop_area:active {
  border: 0.25em dashed #000;
}
.gform_wrapper .gform_body .gfield#field_1_9 .gform_drop_instructions {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #000;
}
.gform_wrapper .gform_body .gfield#field_1_9 .ginput_preview {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  font-size: 0.875em;
  padding: 0 1.2857142857em;
  line-height: 3.2857142857em;
  color: #000;
  position: relative;
  background: #f2f2f2;
  margin: 1vw 0 0;
}
.gform_wrapper .gform_body .gfield#field_1_9 .ginput_preview img {
  margin: 0 0.2857142857em 0 0;
  cursor: pointer;
}
.gform_wrapper .gform_body .gfield#field_1_9 .ginput_preview a {
  color: #000;
}
.gform_wrapper .gform_body .gfield#field_3_5 {
  padding: 18px;
  background: #f2f2f2;
}
.gform_wrapper .gform_body .gfield#field_4_5 .gfield_label {
  display: block;
}
.gform_wrapper .gform_body .gfield#field_4_5 .ginput_container_fileupload {
  text-align: center;
}
.gform_wrapper .gform_body .gfield#field_4_5 .gform_drop_area {
  border: 0.25em dashed #e1e1e1;
  padding: 2.5em 0;
}
.gform_wrapper .gform_body .gfield#field_4_5 .gform_drop_area:active {
  border: 0.25em dashed #000;
}
.gform_wrapper .gform_body .gfield#field_4_5 .gform_drop_instructions {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
}
.gform_wrapper .gform_body .gfield#field_4_5 .ginput_preview {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  padding: 0.4666666667em 1.2em 0.4666666667em 3em;
  color: #fff;
  position: relative;
  background: #348e09;
  margin: 0.6666666667em 0 0;
}
.gform_wrapper .gform_body .gfield#field_4_5 .ginput_preview:before {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91c";
  font-size: 1.2em;
  color: #fff;
  position: absolute;
  top: 0.7777777778em;
  left: 0.7777777778em;
}
.gform_wrapper .gform_body .gfield#field_4_5 .ginput_preview a {
  color: #fff;
}
.gform_wrapper .gform_body .gfield#field_4_5 .ginput_preview img {
  display: none;
}
.gform_wrapper .gform_body .gfield#field_4_6 {
  padding: 18px;
  background: #e1e1e1;
  margin: 0 0 2vw;
}
.gform_wrapper .gform_body .gfield#field_1_10 {
  display: none;
}
.gform_wrapper .gform_body .gfield.gfield_visibility_hidden {
  display: none;
}
.gform_wrapper .gform_body .gfield.gform_validation_container {
  display: none;
}
.gform_wrapper .gform_body .gfield.gfield_error {
  border-left: 0.25em solid red;
}
.gform_wrapper .gform_footer img {
  display: none;
}
.gform_wrapper .validation_error {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  line-height: 1.6;
  padding: 0.7333333333em 1.2em;
  background: red;
  color: #fff;
  margin: 0 0 1vw;
}
.gform_wrapper .validation_message {
  display: none;
}

.gform_confirmation_wrapper {
  background: #348e09;
  position: relative;
  padding: 1.125em 1.125em 1.125em 3.75em;
}
.gform_confirmation_wrapper:before {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91b";
  font-size: 1.375em;
  color: #fff;
  position: absolute;
  top: 0.8181818182em;
  left: 1em;
  display: block;
}
.gform_confirmation_wrapper .gform_confirmation_message {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  color: #fff;
  line-height: 1.4;
}

input[type=text],
input[type=email],
input[type=number],
input[type=password] {
  background: #f2f2f2;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  color: #000;
  line-height: 1.4;
  display: block;
  padding: 0 1.2857142857em;
  width: 100%;
  height: 3.2857142857em;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#gform_wrapper_4 input[type=text],
#gform_wrapper_4 input[type=email],
#gform_wrapper_4 input[type=number],
#gform_wrapper_4 input[type=password] {
  background: #fff;
}

select {
  background: url("../images/select-arrow.png") center right no-repeat #f2f2f2;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  color: #000;
  line-height: 1.4;
  display: block;
  padding: 0 1.2857142857em;
  width: 100%;
  height: 3.2857142857em;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

textarea {
  background: #f2f2f2;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  color: #000;
  line-height: 1.4;
  display: block;
  padding: 1.2857142857em;
  width: 100%;
  height: 7.8571428571em;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#gform_wrapper_4 textarea {
  background: #fff;
}

input[type=submit],
button {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  display: flex;
  height: 3.2857142857em;
  width: 100%;
  background: #000;
  display: block;
  color: #fff;
  padding: 0;
  margin: 0;
  border: 0;
  text-align: center;
  line-height: 3.2857142857em;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: background 0.2s;
}
input[type=submit][disabled],
button[disabled] {
  background: #bbb;
  color: #666;
  cursor: default;
}
input[type=submit][disabled]:hover,
button[disabled]:hover {
  background: #bbb;
}
input[type=submit]:hover,
button:hover {
  background: #348e09;
}

/*
 * Responsive (less than 1000px)
 */
/*
 * Responsive (less than 782px)
 */
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.client-forms .wppb-alert {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  color: #000;
}
.client-forms .wppb-alert .wppb-logout-url {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  display: flex;
  height: 3.2857142857em;
  width: 100%;
  background: #000;
  display: block;
  color: #fff;
  padding: 0;
  margin: 0;
  border: 0;
  text-align: center;
  line-height: 3.2857142857em;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: background 0.2s;
}
.client-forms .wppb-alert .wppb-logout-url[disabled] {
  background: #bbb;
  color: #666;
  cursor: default;
}
.client-forms .wppb-alert .wppb-logout-url[disabled]:hover {
  background: #bbb;
}
.client-forms .wppb-alert .wppb-logout-url:hover {
  background: #348e09;
}
.client-forms .wppb-alert .wppb-logout-url {
  font-size: 1em;
  margin: 1.4285714286em 0 0;
  width: 12.66vw;
}
.client-forms .forgot {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  color: #000;
  text-decoration: underline;
}
.client-forms .forgot:hover {
  text-decoration: none;
}
.client-forms .wppb-user-forms {
  width: 100%;
}
.client-forms .wppb-user-forms p {
  margin: 0 0 1.25em;
}
.client-forms .wppb-user-forms label {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  color: #000;
  display: block;
  margin: 0 0 0.5714285714em;
}
.client-forms .wppb-user-forms .login-remember label {
  display: inline-block;
}
.client-forms .wppb-user-forms input[type=text],
.client-forms .wppb-user-forms input[type=email],
.client-forms .wppb-user-forms input[type=password] {
  background: #f2f2f2;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  color: #000;
  line-height: 1.4;
  display: block;
  padding: 0 1.2857142857em;
  width: 100%;
  height: 3.2857142857em;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.client-forms .wppb-user-forms select {
  background: #f2f2f2;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  color: #000;
  line-height: 1.4;
  display: block;
  padding: 0 1.2857142857em;
  width: 100%;
  height: 3.2857142857em;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.client-forms .wppb-user-forms textarea {
  background: #f2f2f2;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  color: #000;
  line-height: 1.4;
  display: block;
  padding: 1.2857142857em 1.2857142857em;
  width: 100%;
  height: 7.8571428571em;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.client-forms .wppb-user-forms input[type=submit] {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  display: flex;
  height: 3.2857142857em;
  width: 100%;
  background: #000;
  display: block;
  color: #fff;
  padding: 0;
  margin: 0;
  border: 0;
  text-align: center;
  line-height: 3.2857142857em;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: background 0.2s;
}
.client-forms .wppb-user-forms input[type=submit][disabled] {
  background: #bbb;
  color: #666;
  cursor: default;
}
.client-forms .wppb-user-forms input[type=submit][disabled]:hover {
  background: #bbb;
}
.client-forms .wppb-user-forms input[type=submit]:hover {
  background: #348e09;
}
.client-forms .wppb-error {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  background: #f00;
  padding: 0.6666666667em 1.2em;
  color: #fff;
  margin: 0 0 1.3333333333em;
}
.client-forms .wppb-error a {
  color: #fff;
  position: relative;
}
.client-forms .wppb-error a:before, .client-forms .wppb-error a:after {
  content: " ";
  position: absolute;
  top: 1.4em;
  height: 1px;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.client-forms .wppb-error a:before {
  right: 0;
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.client-forms .wppb-error a:after {
  left: 0;
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.client-forms .wppb-error a:hover:before {
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.client-forms .wppb-error a:hover:after {
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 782px) {
  .client-forms .wppb-error a:before, .client-forms .wppb-error a:after {
    height: 1px;
  }
}
.client-forms .wppb-error a:before, .client-forms .wppb-error a:after {
  background: #fff;
}

/*
 * Responsive (less than 1000px)
 */
/*
 * Responsive (less than 782px)
 */
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.section.logo-gallery {
  position: relative;
  padding: 0 0 10vw;
}
.section.logo-gallery .title {
  position: absolute;
  top: 8vw;
  left: 8vw;
  transform-origin: top left;
  transform: rotate(-90deg) translateX(-100%);
}
.section.logo-gallery .title.in-viewport h2 {
  color: #000;
}
.section.logo-gallery .title.in-viewport + .slideshow {
  opacity: 1;
}
.section.logo-gallery .slideshow {
  position: relative;
  margin: 0 4vw 0 auto;
  width: 80vw;
  opacity: 0.12;
  transition: opacity 0.3s;
}
.section.logo-gallery .slide {
  width: 100%;
}
.section.logo-gallery .slide .inner {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.section.logo-gallery .pager-navigation {
  text-align: center;
  background: #fff;
  padding: 0 0.625em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section.logo-gallery .pager-navigation span {
  font-size: 2.5em;
  color: #e1e1e1;
  cursor: pointer;
  margin: 0 0.15em;
}
.section.logo-gallery .pager-navigation span.cycle-pager-active {
  color: #000;
}
.section.logo-gallery .logo {
  width: 33.33%;
  height: 22.33vw;
  position: relative;
}
.section.logo-gallery .logo img {
  width: 10vw;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section.logo-gallery .find-out-more {
  margin: 0 8vw 0 16vw;
  text-align: right;
  position: relative;
}
.section.logo-gallery .find-out-more:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0.375em;
  background: #e1e1e1;
  transform: translateY(-50%);
}
.section.logo-gallery .find-out-more .link {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .section.logo-gallery .find-out-more .link {
    font-size: 1em;
  }
}
.section.logo-gallery .find-out-more .link {
  color: #000;
  padding: 0 0 0 1.1111111111em;
  background: #fff;
  display: inline-block;
  position: relative;
}
.section.logo-gallery h2 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .section.logo-gallery h2 {
    font-size: 1.375em;
  }
}
.section.logo-gallery h2 {
  color: #e1e1e1;
  transition: color 0.3s;
  line-height: 1;
}

/*
 * Responsive (less than 1000px)
 */
@media screen and (max-width: 1000px) {
  .section.logo-gallery .slideshow {
    opacity: 1;
  }
  .section.logo-gallery .pager-navigation {
    left: 0;
    padding: 0 0.625em 0 0;
    transform: translateY(-50%);
  }
  .section.logo-gallery .pager-navigation span {
    margin: 0 0.15em;
  }
  .section.logo-gallery h2 {
    color: #000;
  }
}
/*
 * Responsive (less than 782px)
 */
@media screen and (max-width: 782px) {
  .section.logo-gallery .title {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    text-align: center;
    display: none;
  }
  .section.logo-gallery .slideshow {
    width: 84vw;
    margin: 0 8vw;
  }
  .section.logo-gallery .logo {
    width: 50%;
    height: 42vw;
  }
  .section.logo-gallery .logo img {
    width: 22vw;
  }
}
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.select2-dropdown {
  background-color: #e6e6e6;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 0.25em;
}
.select2-search--dropdown .select2-search__field {
  background: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  color: #000;
  line-height: 1.4;
  display: block;
  padding: 0 1.2857142857em;
  width: 100%;
  height: 2.4285714286em;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

/*
 * Theme
 */
.select2-container--default {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container--default .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 2.875em;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  background: url("../images/select-arrow.png") center right no-repeat #f2f2f2;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  color: #000;
  line-height: 1.4;
  display: block;
  padding: 0 1.2857142857em;
  width: 100%;
  height: 3.2857142857em;
  line-height: 3.2857142857em;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 1.75em;
  position: absolute;
  top: 0;
  right: 0;
  width: 1.25em;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
}
.select2-container--default .select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-container--default .select2-results > .select2-results__options {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  color: #000;
  max-height: 18.75em;
  overflow-y: scroll;
}
.select2-container--default .select2-results__option {
  padding: 0.375em 1.25em;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container--default .select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 2.5em;
  white-space: nowrap;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  color: #888;
  padding: 0.375em 1.25em;
}

/*
 * Helpers
 */
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.section.interested {
  background: #000;
  position: relative;
  display: block;
}
.section.interested .image {
  height: 40vw;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.3s;
}
.section.interested .image.in-viewport {
  opacity: 1;
}
.section.interested .content {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 90%;
  transform: translate(-50%, -50%);
}
.section.interested h3 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 5.625em;
  line-height: 1.2;
}
@media screen and (max-width: 1000px) {
  .section.interested h3 {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 782px) {
  .section.interested h3 {
    font-size: 1.875em;
  }
}
.section.interested h3 {
  color: #fff;
}
.section.interested .prompt {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .section.interested .prompt {
    font-size: 1em;
  }
}
.section.interested .prompt {
  color: #fff;
  margin: 3.3333333333em 0 0;
  position: relative;
  display: inline-block;
  line-height: 1;
}
.section.interested .prompt:before, .section.interested .prompt:after {
  content: " ";
  position: absolute;
  top: 1.4em;
  height: 1px;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.section.interested .prompt:before {
  right: 0;
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.interested .prompt:after {
  left: 0;
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.interested .prompt:hover:before {
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.interested .prompt:hover:after {
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 782px) {
  .section.interested .prompt:before, .section.interested .prompt:after {
    height: 1px;
  }
}
.section.interested .prompt:before, .section.interested .prompt:after {
  background: #fff;
}

/*
 * Responsive (less than 1000px)
 */
@media screen and (max-width: 1000px) {
  .section.interested .image {
    opacity: 1;
  }
}
/*
 * Responsive (less than 782px)
 */
@media screen and (max-width: 782px) {
  .section.interested .image {
    height: 100vw;
  }
}
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.social-media {
  display: flex;
  margin: 1.125em 0 0;
}
.social-media .social-media-icon {
  margin: 0 0.9375em 0 0;
}
.social-media .social-media-icon:last-child {
  margin: 0;
}
.social-media .social-media-icon .social-media-link:before {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  font-size: 1.625em;
  display: block;
  color: #fff;
  transition: color 0.3s;
}
.contact-body .social-media .social-media-icon .social-media-link:before {
  color: #000;
}
.social-media .social-media-icon .social-media-link:hover:before {
  color: rgba(255, 255, 255, 0.6);
}
.contact-body .social-media .social-media-icon .social-media-link:hover:before {
  color: #666;
}
.social-media .social-media-icon .social-media-link.twitter:before {
  content: "\e906";
}
.social-media .social-media-icon .social-media-link.facebook:before {
  content: "\e908";
}
.social-media .social-media-icon .social-media-link.instagram:before {
  content: "\e907";
}
.social-media .social-media-icon .social-media-link.linkedin:before {
  content: "\e90d";
}
.social-media .social-media-icon .social-media-link .prompt {
  display: none;
}

.site-footer {
  background: #000;
  padding: 8vw 16vw;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.site-footer .contact-detail-columns .column {
  width: 33.33%;
}
.site-footer .bpif-detail .prompt {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  line-height: 1.8;
  color: #fff;
  margin: 0 0 1.3333333333em;
  display: block;
  max-width: 14.6666666667em;
}
.site-footer .bpif-detail img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 7.5em;
}
.site-footer .lower-strip {
  display: flex;
  justify-content: space-between;
  margin: 8vw 0 0;
}
.site-footer .lower-strip .detail {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  line-height: 1;
}
.site-footer .lower-strip .detail a {
  color: #545454;
  position: relative;
}
.site-footer .lower-strip .detail a:before, .site-footer .lower-strip .detail a:after {
  content: " ";
  position: absolute;
  top: 1.4em;
  height: 1px;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.site-footer .lower-strip .detail a:before {
  right: 0;
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.site-footer .lower-strip .detail a:after {
  left: 0;
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.site-footer .lower-strip .detail a:hover:before {
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.site-footer .lower-strip .detail a:hover:after {
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 782px) {
  .site-footer .lower-strip .detail a:before, .site-footer .lower-strip .detail a:after {
    height: 1px;
  }
}
.site-footer .lower-strip .detail a:before, .site-footer .lower-strip .detail a:after {
  background: #545454;
}

.contact-detail-columns {
  display: flex;
  width: 100%;
}
.contact-detail-columns .row.telephone, .contact-detail-columns .row.email, .contact-detail-columns .row.legal {
  margin: 0 0 2.5em;
}
.contact-detail-columns span.label {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  line-height: 1;
  display: block;
  margin: 0 0 0.6666666667em;
}
.contact-detail-columns p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #fff;
}
.contact-detail-columns .link {
  position: relative;
  display: inline;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #fff;
}
.contact-detail-columns .link:before, .contact-detail-columns .link:after {
  content: " ";
  position: absolute;
  top: 1.4em;
  height: 1px;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.contact-detail-columns .link:before {
  right: 0;
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.contact-detail-columns .link:after {
  left: 0;
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.contact-detail-columns .link:hover:before {
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.contact-detail-columns .link:hover:after {
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 782px) {
  .contact-detail-columns .link:before, .contact-detail-columns .link:after {
    height: 1px;
  }
}
.contact-detail-columns .link:after, .contact-detail-columns .link:before {
  background: #fff;
}

/*
 * Responsive (less than 1000px)
 */
@media screen and (max-width: 1000px) {
  .site-footer {
    padding: 8vw;
  }
}
/*
 * Responsive (less than 782px)
 */
@media screen and (max-width: 782px) {
  .site-footer {
    padding: 16vw 8vw;
  }
  .site-footer .contact-detail-columns .column {
    width: auto;
  }
  .site-footer .bpif-detail .prompt {
    margin: 0 auto 1.25em;
  }
  .site-footer .bpif-detail img {
    margin: 0 auto;
  }
  .site-footer .lower-strip {
    display: block;
    margin: 16vw 0 0;
  }
  .site-footer .lower-strip .detail {
    display: block;
    line-height: 2;
    text-align: center;
  }
  .contact-detail-columns {
    display: block;
  }
  .contact-detail-columns .column {
    width: auto;
    text-align: center;
  }
  .contact-detail-columns .row.telephone, .contact-detail-columns .row.social {
    margin: 0 0 2.5em;
  }
  .social-media {
    justify-content: center;
  }
}
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
/*
 * Pages
 */
.section.homepage-banner .banner {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 100vh;
}
.section.homepage-banner .logo-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  left: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.section.homepage-banner .logo-overlay.apply-tween {
  transform: translateY(100%);
}
.section.homepage-banner .headline-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transition: opacity 0.3s;
  transform: translate(-50%, -50%);
}
.section.homepage-banner .headline-overlay.tween-complete {
  opacity: 1;
}
.section.homepage-banner .headline-overlay h1 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 3.125em;
  line-height: 1.4;
}
@media screen and (max-width: 1000px) {
  .section.homepage-banner .headline-overlay h1 {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 782px) {
  .section.homepage-banner .headline-overlay h1 {
    font-size: 1.875em;
  }
}
.section.homepage-banner .headline-overlay h1 {
  color: #fff;
  text-align: center;
}
.section.homepage-banner .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40vw;
  max-width: 60vh;
}
.section.homepage-banner .logo.top-right .inner {
  position: relative;
  transform-origin: top right;
}
.section.homepage-banner .logo.top-right .inner.apply-tween {
  transform: translateX(20vw) scale(0.2);
}
.section.homepage-banner .logo.bottom-left .inner {
  position: relative;
  transform-origin: bottom left;
}
.section.homepage-banner .logo.bottom-left .inner.apply-tween {
  transform: translateX(-20vw) scale(0.2);
}
.section.homepage-banner .logo .line {
  fill: none;
  stroke: #fff;
  stroke-width: 72;
  stroke-miterlimit: 10;
}
.section.homepage-banner .logo .line-one {
  stroke-dasharray: 72;
  stroke-dashoffset: 72;
}
.ready .section.homepage-banner .logo .line-one {
  animation: logo-draw-line 0.5s 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
  -webkit-animation: logo-draw-line 0.5s 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
.section.homepage-banner .logo .line-two {
  stroke-dasharray: 72;
  stroke-dashoffset: 72;
}
.ready .section.homepage-banner .logo .line-two {
  animation: logo-draw-line 0.5s 0.7s cubic-bezier(0.23, 1, 0.32, 1) forwards;
  -webkit-animation: logo-draw-line 0.5s 0.7s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
.section.homepage-banner .logo .line-three {
  stroke-dasharray: 72;
  stroke-dashoffset: 72;
}
.ready .section.homepage-banner .logo .line-three {
  animation: logo-draw-line 0.5s 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;
  -webkit-animation: logo-draw-line 0.5s 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
.section.homepage-banner .logo .line-four {
  stroke-dasharray: 144;
  stroke-dashoffset: 144;
}
.ready .section.homepage-banner .logo .line-four {
  animation: logo-draw-line 1s 0.9s cubic-bezier(0.23, 1, 0.32, 1) forwards;
  -webkit-animation: logo-draw-line 1s 0.9s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
.section.homepage-banner .logo .line-five {
  stroke-dasharray: 1080;
  stroke-dashoffset: 1080;
}
.ready .section.homepage-banner .logo .line-five {
  animation: logo-draw-line 3.8s 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  -webkit-animation: logo-draw-line 3.8s 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

.section.homepage-introduction .content {
  width: 84vw;
  max-width: 56.25em;
  margin: 0 auto;
  padding: 16vw 0;
  text-align: center;
}
.page-id-29 .section.homepage-introduction .content {
  max-width: 62.5em;
}
.section.homepage-introduction h2,
.section.homepage-introduction h3 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 3.125em;
  line-height: 1.4;
}
@media screen and (max-width: 1000px) {
  .section.homepage-introduction h2,
  .section.homepage-introduction h3 {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 782px) {
  .section.homepage-introduction h2,
  .section.homepage-introduction h3 {
    font-size: 1.875em;
  }
}
.section.homepage-introduction h2,
.section.homepage-introduction h3 {
  color: #e1e1e1;
  transition: color 0.3s;
}
.section.homepage-introduction h2.in-viewport,
.section.homepage-introduction h3.in-viewport {
  color: #000;
}
.section.homepage-introduction h2.in-viewport a,
.section.homepage-introduction h3.in-viewport a {
  color: #000;
}
.section.homepage-introduction h2.in-viewport a:before, .section.homepage-introduction h2.in-viewport a:after,
.section.homepage-introduction h3.in-viewport a:before,
.section.homepage-introduction h3.in-viewport a:after {
  background: #000;
}
.section.homepage-introduction h2 a,
.section.homepage-introduction h3 a {
  color: #e1e1e1;
  position: relative;
}
.section.homepage-introduction h2 a:before, .section.homepage-introduction h2 a:after,
.section.homepage-introduction h3 a:before,
.section.homepage-introduction h3 a:after {
  content: " ";
  position: absolute;
  top: 1.4em;
  height: 1px;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.section.homepage-introduction h2 a:before,
.section.homepage-introduction h3 a:before {
  right: 0;
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.homepage-introduction h2 a:after,
.section.homepage-introduction h3 a:after {
  left: 0;
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.homepage-introduction h2 a:hover:before,
.section.homepage-introduction h3 a:hover:before {
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.homepage-introduction h2 a:hover:after,
.section.homepage-introduction h3 a:hover:after {
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 782px) {
  .section.homepage-introduction h2 a:before, .section.homepage-introduction h2 a:after,
  .section.homepage-introduction h3 a:before,
  .section.homepage-introduction h3 a:after {
    height: 1px;
  }
}
.section.homepage-introduction h2 a,
.section.homepage-introduction h3 a {
  transition: color 0.3s;
}
.section.homepage-introduction h2 a:before, .section.homepage-introduction h2 a:after,
.section.homepage-introduction h3 a:before,
.section.homepage-introduction h3 a:after {
  background: #e1e1e1;
  transition: background 0.3s;
}
.section.homepage-introduction p {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .section.homepage-introduction p {
    font-size: 1em;
  }
}
.section.homepage-introduction p {
  color: #e1e1e1;
  margin: 8vw auto 0;
  transition: color 0.3s;
  max-width: 720px;
}
.section.homepage-introduction p.in-viewport {
  color: #000;
}

.section.homepage-split {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8vw 0 12vw;
}
.section.homepage-split.in-viewport .image img {
  opacity: 1;
  transform: translate(-3vw, -3vw);
}
.section.homepage-split.in-viewport .content h3,
.section.homepage-split.in-viewport .content p {
  color: #000;
}
.section.homepage-split .image {
  background: #e1e1e1;
  width: 32vw;
}
.section.homepage-split .image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0;
  transform: translate(0);
}
.section.homepage-split .content {
  width: 40vw;
}
.section.homepage-split h3 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .section.homepage-split h3 {
    font-size: 1.375em;
  }
}
.section.homepage-split h3 {
  color: #e1e1e1;
  transition: color 0.3s;
  margin: 0 0 1.25em;
}
.section.homepage-split p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #e1e1e1;
  transition: color 0.3s;
  margin: 1.6666666667em 0 0;
}
.section.homepage-split p a {
  position: relative;
  color: #000;
}
.section.homepage-split p a:before, .section.homepage-split p a:after {
  content: " ";
  position: absolute;
  top: 1.4em;
  height: 1px;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.section.homepage-split p a:before {
  right: 0;
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.homepage-split p a:after {
  left: 0;
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.homepage-split p a:hover:before {
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.homepage-split p a:hover:after {
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 782px) {
  .section.homepage-split p a:before, .section.homepage-split p a:after {
    height: 1px;
  }
}

.section.marquee-banner {
  padding: 12vw 0 0;
  overflow: hidden;
}
.section.marquee-banner .image {
  position: relative;
  width: 100vw;
  height: auto;
  overflow: hidden;
  padding: 0 0 8vw;
}
.section.marquee-banner .image:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45.5vw;
  background: #e1e1e1;
  z-index: 1;
}
.section.marquee-banner .image.in-viewport img {
  opacity: 1;
}
.section.marquee-banner .text {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateX(100vw);
  z-index: 3;
}
.section.marquee-banner .text.apply-tween {
  transform: translateX(-100%);
}
.section.marquee-banner h2,
.section.marquee-banner h3 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 5.625em;
  line-height: 1.2;
}
@media screen and (max-width: 1000px) {
  .section.marquee-banner h2,
  .section.marquee-banner h3 {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 782px) {
  .section.marquee-banner h2,
  .section.marquee-banner h3 {
    font-size: 1.875em;
  }
}
.section.marquee-banner h2,
.section.marquee-banner h3 {
  color: #fff;
  white-space: nowrap;
}
.section.marquee-banner img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  position: relative;
  transition: opacity 0.3s;
  z-index: 2;
}

@keyframes logo-draw-line {
  to {
    stroke-dashoffset: 0;
  }
}
/*
 * Responsive (less than 1000px)
 */
@media screen and (max-width: 1000px) {
  .section.homepage-introduction h2,
  .section.homepage-introduction h3,
  .section.homepage-introduction p {
    color: #000;
  }
  .section.homepage-introduction h2 a,
  .section.homepage-introduction h3 a,
  .section.homepage-introduction p a {
    color: #000;
  }
  .section.homepage-introduction h2 a:before, .section.homepage-introduction h2 a:after,
  .section.homepage-introduction h3 a:before,
  .section.homepage-introduction h3 a:after,
  .section.homepage-introduction p a:before,
  .section.homepage-introduction p a:after {
    background: #000;
  }
  .section.homepage-split .image img {
    opacity: 1;
  }
  .section.homepage-split h3,
  .section.homepage-split p {
    color: #000;
  }
  .section.marquee-banner {
    background: #e1e1e1;
    margin: 12vw 0 0;
    padding: 0;
  }
  .section.marquee-banner img {
    opacity: 1;
  }
  .section.marquee-banner .image:after {
    display: none;
  }
  .section.marquee-banner .text {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    padding: 8vw 8vw 0;
  }
  .section.marquee-banner h2,
  .section.marquee-banner h3 {
    white-space: normal;
    text-align: center;
    color: #000;
    line-height: 1.4;
  }
}
/*
 * Responsive (less than 782px)
 */
@media screen and (max-width: 782px) {
  .section.homepage-banner .banner {
    height: 37.5em;
  }
  .section.homepage-banner .logo-overlay {
    height: 37.5em;
  }
  .section.homepage-banner .headline-overlay {
    text-align: center;
    opacity: 1;
    width: 84vw;
  }
  .section.homepage-split {
    display: block;
    padding: 0 8vw;
  }
  .section.homepage-split .image {
    width: auto;
    max-width: 25em;
    margin: 0 auto 2.5em;
  }
  .section.homepage-split .content {
    text-align: center;
    width: auto;
  }
}
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.section.about-feature-statement {
  height: 100vh;
  position: relative;
}
.section.about-feature-statement.in-viewport .parallax-image .image {
  opacity: 1;
}
.section.about-feature-statement.in-viewport h2 {
  color: #000;
}
.section.about-feature-statement .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.section.about-feature-statement .parallax-image {
  position: absolute;
  width: 28%;
}
.section.about-feature-statement .parallax-image.image-1 {
  top: 0;
  left: 0;
}
.section.about-feature-statement .parallax-image.image-2 {
  bottom: 0;
  left: 36%;
}
.section.about-feature-statement .parallax-image.image-3 {
  top: 0;
  right: 0;
}
.section.about-feature-statement .parallax-image .image {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0;
  transition: opacity 0.3s;
}
.section.about-feature-statement h2 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 8.75em;
}
@media screen and (max-width: 1000px) {
  .section.about-feature-statement h2 {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 782px) {
  .section.about-feature-statement h2 {
    font-size: 1.875em;
  }
}
.section.about-feature-statement h2 {
  color: #e1e1e1;
  transition: color 0.3s;
}

.section.about-profile {
  display: flex;
  justify-content: space-between;
  padding: 12vw 8vw 0 16vw;
}
.section.about-profile.in-viewport h2,
.section.about-profile.in-viewport h3,
.section.about-profile.in-viewport p {
  color: #000;
}
.section.about-profile .title {
  width: 26vw;
}
.section.about-profile .body {
  width: 40vw;
}
.section.about-profile h2 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .section.about-profile h2 {
    font-size: 1.375em;
  }
}
.section.about-profile h2 {
  color: #e1e1e1;
  transition: color 0.4s;
}
.section.about-profile h3 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .section.about-profile h3 {
    font-size: 1em;
  }
}
.section.about-profile h3 {
  color: #e1e1e1;
  transition: color 0.4s;
}
.section.about-profile p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #e1e1e1;
  margin: 0 0 1.3333333333em;
  transition: color 0.4s;
}
.section.about-profile p:last-child {
  margin: 0;
}
.section.about-profile p a {
  color: inherit;
  text-decoration: underline;
}

.section.accreditations {
  position: relative;
}
.section.accreditations .inner {
  padding: 0 16vw 8vw 8vw;
  position: relative;
}
.section.accreditations .inner:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 16vw;
  background: #e1e1e1;
}
.section.accreditations .introduction {
  margin: 0 0 8vw;
  position: relative;
}
.section.accreditations .introduction:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  height: 0.25em;
  width: 16vw;
  background: #e1e1e1;
}
.section.accreditations .introduction.in-viewport h2,
.section.accreditations .introduction.in-viewport p {
  color: #000;
}
.section.accreditations .logos {
  display: flex;
  justify-content: space-between;
}
.section.accreditations .logos.in-viewport .logo img {
  opacity: 1;
}
.section.accreditations .logos.in-viewport .logo .link {
  color: #000;
}
.section.accreditations .logos.in-viewport .logo .link:before, .section.accreditations .logos.in-viewport .logo .link:after {
  background: #000;
}
.section.accreditations .logo {
  width: 45%;
}
.section.accreditations .logo img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 12.5em;
  margin: 0 0 2.5em;
  opacity: 0.12;
  transition: opacity 0.4s;
}
.section.accreditations .logo .link {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .section.accreditations .logo .link {
    font-size: 1em;
  }
}
.section.accreditations .logo .link {
  color: #e1e1e1;
  display: inline-block;
  position: relative;
  line-height: 1;
  transition: color 0.4s;
}
.section.accreditations .logo .link:before, .section.accreditations .logo .link:after {
  content: " ";
  position: absolute;
  top: 1.4em;
  height: 1px;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.section.accreditations .logo .link:before {
  right: 0;
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.accreditations .logo .link:after {
  left: 0;
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.accreditations .logo .link:hover:before {
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.accreditations .logo .link:hover:after {
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 782px) {
  .section.accreditations .logo .link:before, .section.accreditations .logo .link:after {
    height: 1px;
  }
}
.section.accreditations .logo .link:before, .section.accreditations .logo .link:after {
  background: #e1e1e1;
}
.section.accreditations h2 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.75em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .section.accreditations h2 {
    font-size: 1.625em;
  }
}
.section.accreditations h2 {
  color: #e1e1e1;
  margin: 0 0 0.5357142857em;
  transition: color 0.4s;
}
.section.accreditations p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #e1e1e1;
  max-width: 40em;
  transition: color 0.4s;
}

/*
 * Responsive (less than 1000px)
 */
@media screen and (max-width: 1000px) {
  .section.about-feature-statement .parallax-image.image-2 {
    bottom: auto;
    top: 0;
  }
  .section.about-feature-statement .parallax-image .image {
    opacity: 1;
  }
  .section.about-feature-statement h2, .section.about-feature-statement h3, .section.about-feature-statement h4, .section.about-feature-statement h5 {
    color: #000;
  }
  .section.about-profile h2, .section.about-profile h3, .section.about-profile h4, .section.about-profile h5,
  .section.about-profile p {
    color: #000;
  }
  .section.technology .introduction h2, .section.technology .introduction h3, .section.technology .introduction h4, .section.technology .introduction h5,
  .section.technology .introduction p {
    color: #000;
  }
  .section.technology .logos {
    opacity: 1;
  }
  .section.accreditations .logo img {
    opacity: 1;
  }
  .section.accreditations .logo .link {
    color: #000;
  }
  .section.accreditations .logo .link:before, .section.accreditations .logo .link:after {
    background: #000;
  }
  .section.accreditations h2, .section.accreditations h3, .section.accreditations h4, .section.accreditations h5,
  .section.accreditations p {
    color: #000;
  }
}
/*
 * Responsive (less than 782px)
 */
@media screen and (max-width: 782px) {
  .section.about-feature-statement {
    height: auto;
  }
  .section.about-feature-statement .parallax-image {
    position: relative;
    width: 84vw;
    max-width: 25em;
  }
  .section.about-feature-statement .parallax-image.image-1, .section.about-feature-statement .parallax-image.image-2, .section.about-feature-statement .parallax-image.image-3 {
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
  }
  .section.about-feature-statement .parallax-image.image-1, .section.about-feature-statement .parallax-image.image-2 {
    margin: 0 auto 8vw;
  }
  .section.about-feature-statement .parallax-image.image-3 {
    margin: 0 auto;
  }
  .section.about-feature-statement .text {
    display: none;
  }
  .section.about-profile {
    padding: 16vw 8vw 0;
    display: block;
    text-align: center;
  }
  .section.about-profile .title {
    width: auto;
    margin: 0 0 2.5em;
  }
  .section.about-profile .body {
    width: auto;
  }
  .section.technology {
    padding: 0;
  }
  .section.technology .introduction .row:after {
    display: none;
  }
  .section.technology .logos {
    width: 84vw;
    margin: 0 8vw;
  }
  .section.technology .logo {
    width: 50%;
    height: 42vw;
  }
  .section.technology .logo img {
    width: 22vw;
  }
  .section.accreditations {
    padding: 0 8vw 16vw;
  }
  .section.accreditations .inner {
    padding: 0;
  }
  .section.accreditations .inner:before {
    display: none;
  }
  .section.accreditations .introduction {
    text-align: center;
    margin: 0 0 12vw;
  }
  .section.accreditations .introduction:before {
    display: none;
  }
  .section.accreditations .logos {
    display: block;
  }
  .section.accreditations .logo {
    width: auto;
    text-align: center;
    margin: 0 0 12vw;
  }
  .section.accreditations .logo:last-child {
    margin: 0;
  }
  .section.accreditations .logo img {
    max-width: 6.25em;
    margin: 0 auto 2.5em;
  }
  .section.accreditations br {
    display: none;
  }
}
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.section.general-content {
  padding: 8vw;
}
.section.general-content .inner {
  max-width: 45em;
  margin: 0 auto;
}
.section.general-content h2, .section.general-content h3 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .section.general-content h2, .section.general-content h3 {
    font-size: 1.375em;
  }
}
.section.general-content h2, .section.general-content h3 {
  color: #000;
  margin: 1.25em 0;
}
.section.general-content p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #888888;
  margin: 2em 0;
}
.section.general-content p a {
  color: #000;
  display: inline-block;
  position: relative;
  line-height: 1;
}
.section.general-content p a:before, .section.general-content p a:after {
  content: " ";
  position: absolute;
  top: 1.4em;
  height: 1px;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.section.general-content p a:before {
  right: 0;
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.general-content p a:after {
  left: 0;
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.general-content p a:hover:before {
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.general-content p a:hover:after {
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 782px) {
  .section.general-content p a:before, .section.general-content p a:after {
    height: 1px;
  }
}
.section.general-content p a:before, .section.general-content p a:after {
  top: 1.2em;
}
.section.general-content p strong {
  color: #000;
}
.section.general-content ul {
  list-style: disc;
  list-style-position: outside;
  margin: 1.875em 0 1.875em 2.5em;
}
.section.general-content li {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #888888;
  margin: 0.6666666667em 0;
}

/*
 * Responsive (less than 1000px)
 */
/*
 * Responsive (less than 782px)
 */
@media screen and (max-width: 782px) {
  .section.general-content {
    text-align: center;
  }
  .section.general-content ul {
    margin: 1.875em 0;
    list-style: none;
  }
}
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.work-archive-item {
  display: flex;
  min-height: 140vh;
  background: #e1e1e1;
}
.work-archive-item.in-viewport:nth-child(2n) .image {
  transform: translate(0);
}
.work-archive-item.in-viewport .image {
  opacity: 1;
  transition: opacity 0.3s, transform 2s cubic-bezier(0.19, 1, 0.22, 1);
  transform: translate(0);
}
.work-archive-item.in-viewport .right-column:before {
  opacity: 0;
}
.work-archive-item:nth-child(2n) {
  flex-direction: row-reverse;
}
.work-archive-item:nth-child(2n) .image {
  left: auto;
  right: 0;
  transform: translateX(5vw);
}
.work-archive-item:nth-child(2n) .title h2 {
  text-align: right;
}
.work-archive-item:nth-child(2n) .content .objectives h3 {
  left: auto;
  right: -10vw;
  transform-origin: bottom right;
  transform: rotate(90deg);
}
.work-archive-item:nth-child(2n) .content .solution h3 {
  right: auto;
  left: calc(100% + 10vw);
  transform-origin: bottom left;
  transform: rotate(90deg);
}
.work-archive-item .left-column {
  width: 60%;
  position: relative;
  overflow: hidden;
}
.work-archive-item .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 65vw;
  height: 100%;
  background-position: center;
  background-size: cover;
  opacity: 0;
  transform: translateX(-5vw);
  transition: opacity 0.3s, transform 0.3s;
}
.work-archive-item .image:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
}
.work-archive-item .title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateY(140vh);
}
.work-archive-item .title h2 {
  padding: 0 8vw;
  position: relative;
  transform: translateY(calc(-140vh - 100%));
}
.work-archive-item .title h2.apply-tween {
  transform: translateY(0);
}
.work-archive-item .right-column {
  width: 40%;
  background: #e1e1e1;
  position: relative;
}
.work-archive-item .right-column:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f2f2f2;
  opacity: 1;
  transition: opacity 0.3s;
}
.work-archive-item .right-column .inner {
  height: 100%;
  display: flex;
  align-items: center;
}
.work-archive-item .content {
  padding: 8vw;
}
.work-archive-item .content .row {
  position: relative;
}
.work-archive-item .content .objectives {
  margin: 0 0 1.875em;
}
.work-archive-item .content .objectives h3 {
  bottom: 0;
  left: -10vw;
  transform-origin: bottom left;
  transform: rotate(-90deg);
}
.work-archive-item .content .solution h3 {
  bottom: 100%;
  right: calc(100% + 10vw);
  transform-origin: bottom right;
  transform: rotate(-90deg);
}
.work-archive-item h2 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 3.125em;
  line-height: 1.4;
}
@media screen and (max-width: 1000px) {
  .work-archive-item h2 {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 782px) {
  .work-archive-item h2 {
    font-size: 1.875em;
  }
}
.work-archive-item h2 {
  color: #fff;
}
.work-archive-item h3 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .work-archive-item h3 {
    font-size: 1.375em;
  }
}
.work-archive-item h3 {
  color: #fff;
  position: absolute;
}
.work-archive-item p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #fff;
}

/*
 * Responsive (less than 1000px)
 */
@media screen and (max-width: 1000px) {
  .work-archive-item {
    min-height: 100vh;
  }
  .work-archive-item:nth-child(2n) .image {
    transform: none;
  }
  .work-archive-item .title {
    top: 50%;
    transform: none;
  }
  .work-archive-item .title h2 {
    position: relative;
    transform: translateY(-50%);
  }
  .work-archive-item .right-column:before {
    display: none;
  }
  .work-archive-item .image {
    width: 100%;
    transform: none;
    opacity: 1;
  }
}
/*
 * Responsive (less than 782px)
 */
@media screen and (max-width: 782px) {
  .work-archive-item {
    display: block;
    min-height: 0;
  }
  .work-archive-item:nth-child(2n) .title h2 {
    text-align: center;
  }
  .work-archive-item .left-column {
    width: auto;
    height: 37.5em;
  }
  .work-archive-item .right-column {
    width: auto;
    text-align: center;
  }
  .work-archive-item .title {
    top: auto;
    bottom: 0;
    padding: 0 8vw 8vw;
  }
  .work-archive-item .title h2 {
    transform: none;
    text-align: center;
  }
  .work-archive-item .content .row.objectives h3, .work-archive-item .content .row.solution h3 {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: none;
  }
  .work-archive-item .image {
    opacity: 1;
  }
  .work-archive-item h3 {
    position: relative;
    margin: 0 0 0.9375em;
  }
}
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.section.products-introduction {
  padding: 8vw 0;
  position: relative;
}
.section.products-introduction .title {
  padding: 0 8vw 0 10vw;
  margin: 0 0 8vw;
}
.section.products-introduction .title.in-viewport h2 {
  color: #000;
}
.section.products-introduction .lead-in {
  padding: 0 8vw 0 24vw;
}
.section.products-introduction .lead-in.in-viewport p {
  color: #000;
}
.section.products-introduction h2 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.75em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .section.products-introduction h2 {
    font-size: 1.625em;
  }
}
.section.products-introduction h2 {
  color: #e1e1e1;
  transition: color 0.4s;
}
.section.products-introduction p {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .section.products-introduction p {
    font-size: 1em;
  }
}
.section.products-introduction p {
  color: #e1e1e1;
  transition: color 0.4s;
}

.section.products-archive {
  overflow: hidden;
}
.section.products-archive .product-single {
  position: relative;
  margin: 0 0 8vw;
}
.section.products-archive .product-single:last-child {
  margin: 0;
}
.section.products-archive .product-single.in-viewport:before {
  background: #000;
}
.section.products-archive .product-single.in-viewport .title {
  background: #000;
}
.section.products-archive .product-single.in-viewport.forward .title {
  transform: rotate(-90deg) translate(-100%, 0);
}
.section.products-archive .product-single.in-viewport.reverse .title {
  transform: rotate(90deg) translate(100%, 0);
}
.section.products-archive .product-single.in-viewport p {
  color: #000;
}
.section.products-archive .product-single.in-viewport p a {
  color: #000;
}
.section.products-archive .product-single.in-viewport p a:before, .section.products-archive .product-single.in-viewport p a:after {
  background: #000;
}
.section.products-archive .product-single.forward:before {
  right: auto;
  left: 0;
}
.section.products-archive .product-single.forward .title {
  left: 0;
  transform: rotate(-90deg) translate(-100%, calc(2vw - 100%));
  transform-origin: 0 0;
}
.section.products-archive .product-single.forward .detail {
  padding: 8vw 8vw 8vw 24vw;
}
.section.products-archive .product-single.forward .project {
  margin: 0 0 0 8vw;
}
.section.products-archive .product-single.forward .image {
  margin: 0 0 0 auto;
}
.section.products-archive .product-single.forward .project-name {
  left: 0;
}
.section.products-archive .product-single.reverse .title {
  right: 0;
  transform: rotate(90deg) translate(100%, calc(2vw - 100%));
  transform-origin: 100% 0;
}
.section.products-archive .product-single.reverse .detail {
  padding: 8vw 24vw 8vw 8vw;
}
.section.products-archive .product-single.reverse .project {
  margin: 0 8vw 0 0;
}
.section.products-archive .product-single.reverse .image {
  margin: 0 auto 0 0;
}
.section.products-archive .product-single.reverse .project-name {
  right: 0;
}
.section.products-archive .product-single .title {
  position: absolute;
  top: 0;
  padding: 8vw 12vw 2vw;
  background: #e1e1e1;
  transition: background 0.4s, transform 0.4s;
  z-index: 10;
}
.section.products-archive .product-single .project {
  background: #e1e1e1;
}
.section.products-archive .product-single .project.in-viewport .image {
  opacity: 1;
}
.section.products-archive .product-single .image {
  position: relative;
  width: 100%;
  height: 56vw;
  opacity: 0;
  transition: opacity 0.4s;
  background-position: center;
  background-size: cover;
  background-color: #e1e1e1;
}
.section.products-archive .product-single .project-name {
  position: absolute;
  bottom: 0;
}
.section.products-archive .product-single .project-name span {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .section.products-archive .product-single .project-name span {
    font-size: 1em;
  }
}
.section.products-archive .product-single .project-name span {
  line-height: 1;
  color: #000;
  padding: 8vw;
  display: block;
}
.section.products-archive .detail {
  background: #f2f2f2;
}
.section.products-archive h3 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .section.products-archive h3 {
    font-size: 1.375em;
  }
}
.section.products-archive h3 {
  color: #fff;
}
.section.products-archive p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #e1e1e1;
  margin: 0 0 2em;
  transition: color 0.4s;
}
.section.products-archive p strong {
  font-weight: 600;
}
.section.products-archive p:last-child {
  margin: 0;
}
.section.products-archive p a {
  color: #e1e1e1;
  position: relative;
  transition: color 0.4s;
}
.section.products-archive p a:before, .section.products-archive p a:after {
  content: " ";
  position: absolute;
  top: 1.4em;
  height: 1px;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.section.products-archive p a:before {
  right: 0;
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.products-archive p a:after {
  left: 0;
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.products-archive p a:hover:before {
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.products-archive p a:hover:after {
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 782px) {
  .section.products-archive p a:before, .section.products-archive p a:after {
    height: 1px;
  }
}
.section.products-archive p a:before, .section.products-archive p a:after {
  background: #e1e1e1;
  transition: background 0.4s;
}

.section.wider-solutions {
  padding: 16vw 0;
}
.section.wider-solutions .text {
  margin: 0 auto;
  position: relative;
  max-width: 45em;
  width: 84vw;
  padding: 0 0 0 12vw;
}
.section.wider-solutions .text.in-viewport .logo {
  opacity: 1;
}
.section.wider-solutions .text.in-viewport h2,
.section.wider-solutions .text.in-viewport p {
  color: #000;
}
.section.wider-solutions .logo {
  position: absolute;
  right: calc(100% - 8vw);
  width: 12vw;
  top: 0;
  opacity: 0.12;
  transition: opacity 0.4s;
}
.section.wider-solutions .logo img {
  width: 100%;
  height: auto;
  display: block;
}
.section.wider-solutions h2 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 3.125em;
  line-height: 1.4;
}
@media screen and (max-width: 1000px) {
  .section.wider-solutions h2 {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 782px) {
  .section.wider-solutions h2 {
    font-size: 1.875em;
  }
}
.section.wider-solutions h2 {
  color: #e1e1e1;
  margin: 0 0 0.8em;
  transition: color 0.4s;
}
.section.wider-solutions p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #e1e1e1;
  margin: 2em 0 0;
  transition: color 0.4s;
}

/*
 * Responsive (less than 1000px)
 */
@media screen and (max-width: 1000px) {
  .section.products-introduction h2 {
    color: #000;
  }
  .section.products-introduction p {
    color: #000;
  }
  .section.products-archive p {
    color: #888888;
  }
  .section.products-archive p strong {
    color: #000;
  }
  .section.products-archive p a {
    color: #000;
  }
  .section.products-archive p a:before, .section.products-archive p a:after {
    color: #000;
  }
  .section.products-archive .product-single.forward .title {
    transform: rotate(-90deg) translate(-100%, 0);
  }
  .section.products-archive .product-single.reverse .title {
    transform: rotate(90deg) translate(100%, 0);
  }
  .section.products-archive .product-single .title {
    background: #000;
  }
  .section.products-archive .product-single .image {
    opacity: 1;
  }
  .section.wider-solutions .text .logo {
    opacity: 1;
  }
  .section.wider-solutions .text h2,
  .section.wider-solutions .text p {
    color: #000;
  }
}
/*
 * Responsive (less than 782px)
 */
@media screen and (max-width: 782px) {
  .section.products-introduction {
    text-align: center;
    padding: 16vw 0;
    background: #f2f2f2;
  }
  .section.products-introduction:before, .section.products-introduction:after {
    display: none;
  }
  .section.products-introduction .title {
    padding: 0 8vw;
    margin: 0 0 1.875em;
  }
  .section.products-introduction .lead-in {
    padding: 0 8vw;
  }
  .section.products-archive .product-single.forward .title {
    transform: none;
  }
  .section.products-archive .product-single.forward .detail {
    padding: 0 8vw 16vw;
  }
  .section.products-archive .product-single.forward .project {
    margin: 0;
  }
  .section.products-archive .product-single.reverse .title {
    transform: none;
  }
  .section.products-archive .product-single.reverse .detail {
    padding: 0 8vw 16vw;
  }
  .section.products-archive .product-single.reverse .project {
    margin: 0;
  }
  .section.products-archive .product-single .project-name {
    text-align: center;
    width: 100%;
  }
  .section.products-archive .product-single .title {
    position: relative;
    text-align: center;
    padding: 16vw 8vw 0;
    background: none;
  }
  .section.products-archive .product-single .detail {
    background: #fff;
    text-align: center;
  }
  .section.products-archive .product-single .image {
    height: 100vw;
  }
  .section.products-archive .product-single h3 {
    color: #000;
    margin: 0 0 0.9375em;
  }
  .section.wider-solutions {
    padding: 16vw 0;
  }
  .section.wider-solutions .text {
    text-align: center;
    padding: 0;
  }
  .section.wider-solutions .logo {
    display: none;
  }
}
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.section.careers-upper {
  position: relative;
  padding: 8vw 0 0;
}
.section.careers-upper:before {
  content: " ";
  position: absolute;
  top: 20vw;
  width: 28%;
  right: 0;
  bottom: 0;
  background: #f2f2f2;
}
.section.careers-upper .header {
  position: relative;
  padding: 0 36vw 12vw 8vw;
  z-index: 10;
}
.section.careers-upper .header.in-viewport h2 {
  color: #000;
}
.section.careers-upper .header.in-viewport .parallax-image {
  opacity: 1;
}
.section.careers-upper .parallax-image {
  position: absolute;
  width: 28%;
  opacity: 0;
  transition: opacity 0.4s;
}
.section.careers-upper .parallax-image.image-left {
  left: 0;
  top: 60%;
}
.section.careers-upper .parallax-image.image-right {
  right: 0;
  top: 10%;
}
.section.careers-upper .parallax-image img {
  width: 100%;
  height: auto;
  display: block;
}
.section.careers-upper .detail {
  width: 64%;
  margin: 0 auto 0 0;
  padding: 8vw 0 16vw;
  position: relative;
  border-top: 0.25em solid #f2f2f2;
}
.section.careers-upper .detail .text {
  width: 28vw;
  margin: 0 0 0 auto;
}
.section.careers-upper .detail .text.in-viewport p {
  color: #888888;
}
.section.careers-upper h2 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .section.careers-upper h2 {
    font-size: 1.375em;
  }
}
.section.careers-upper h2 {
  color: #e1e1e1;
  position: relative;
  transition: color 0.4s;
  z-index: 10;
}
.section.careers-upper p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #e1e1e1;
  margin: 0 0 2em;
  transition: color 0.4s;
}
.section.careers-upper p:last-child {
  margin: 0;
}

.section.careers-lower {
  position: relative;
  margin: -8vw 0 0;
  z-index: 10;
}
.section.careers-lower .header.in-viewport h2 {
  color: #000;
}
.section.careers-lower .header.in-viewport .image img {
  opacity: 1;
}
.section.careers-lower .header .image {
  margin: 0 16vw;
  background: #e1e1e1;
}
.section.careers-lower .header .image img {
  opacity: 0;
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.4s;
}
.section.careers-lower .detail {
  margin: 0 0 0 16vw;
  position: relative;
  padding: 8vw 16vw 8vw 24vw;
}
.section.careers-lower .detail:before {
  content: " ";
  position: absolute;
  left: 16vw;
  top: 0;
  bottom: 8vw;
  width: 0.25em;
  background: #e1e1e1;
}
.section.careers-lower .detail .logo {
  position: absolute;
  top: 8vw;
  left: 0;
  width: 8vw;
}
.section.careers-lower .detail .logo.in-viewport .st0 {
  fill: #000;
}
.section.careers-lower .detail .logo svg {
  width: 100%;
  height: auto;
  display: block;
}
.section.careers-lower .detail .logo .st0 {
  fill: #e1e1e1;
  transition: fill 0.4s;
}
.section.careers-lower .detail .positions {
  list-style-type: disc;
  list-style-type: outside;
}
.section.careers-lower .detail .positions.in-viewport .position {
  color: #000;
}
.section.careers-lower .detail .positions .position {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .section.careers-lower .detail .positions .position {
    font-size: 1em;
  }
}
.section.careers-lower .detail .positions .position {
  color: #e1e1e1;
  margin: 0 0 0.625em;
  padding: 0 0 0 0.625em;
  transition: color 0.4s;
}
.section.careers-lower .detail .positions .position:last-child {
  margin: 0;
}
.section.careers-lower h2 {
  position: absolute;
  top: 8vw;
  left: 8vw;
  width: 68vw;
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.75em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .section.careers-lower h2 {
    font-size: 1.625em;
  }
}
.section.careers-lower h2 {
  transition: color 0.4s;
  color: rgba(0, 0, 0, 0.12);
}

.section.careers-apply {
  background: #f2f2f2;
  padding: 8vw 0;
}
.section.careers-apply .inner {
  width: 84%;
  margin: 0 auto;
}
.section.careers-apply .inner .gform_wrapper {
  max-width: 30em;
  margin: 0 auto;
}
.section.careers-apply .inner.in-viewport h2 {
  color: #000;
}
.section.careers-apply h2 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .section.careers-apply h2 {
    font-size: 1.375em;
  }
}
.section.careers-apply h2 {
  text-align: center;
  color: #e1e1e1;
  transition: color 0.4s;
  margin: 0 0 0.9375em;
}

/*
 * Responsive (less than 1000px)
 */
@media screen and (max-width: 1000px) {
  .section.careers-upper .parallax-image {
    opacity: 1;
  }
  .section.careers-upper .parallax-image img {
    transform: none;
  }
  .section.careers-upper h2 {
    color: #000;
  }
  .section.careers-upper p {
    color: #888888;
  }
  .section.careers-lower .header .image {
    margin: 0;
  }
  .section.careers-lower .header .image img {
    opacity: 1;
  }
  .section.careers-lower .detail {
    margin: 0 0 0 8vw;
    padding: 8vw 16vw 8vw 24vw;
  }
  .section.careers-lower .detail .logo {
    left: 0;
  }
  .section.careers-lower .detail .logo .st0 {
    fill: #000;
  }
  .section.careers-lower .detail .positions .position {
    color: #000;
  }
  .section.careers-lower h2 {
    color: #000;
    left: 8vw;
    width: 84vw;
  }
  .section.careers-apply h2 {
    color: #000;
  }
}
/*
 * Responsive (less than 782px)
 */
@media screen and (max-width: 782px) {
  .section.careers-upper {
    padding: 0;
  }
  .section.careers-upper:before {
    display: none;
  }
  .section.careers-upper .header {
    text-align: center;
    padding: 16vw 8vw;
  }
  .section.careers-upper .parallax-image {
    position: relative;
    width: 100%;
    max-width: 25em;
  }
  .section.careers-upper .parallax-image.image-left {
    margin: 0 auto 8vw;
    left: auto;
    top: auto;
  }
  .section.careers-upper .parallax-image.image-right {
    margin: 0 auto;
    right: auto;
    top: auto;
  }
  .section.careers-upper .detail {
    padding: 0 8vw 16vw;
    width: auto;
    border: 0;
  }
  .section.careers-upper .detail .text {
    width: auto;
    margin: 0;
    text-align: center;
  }
  .section.careers-upper h2 {
    margin: 0 0 16vw;
  }
  .section.careers-lower {
    margin: 0;
  }
  .section.careers-lower h2 {
    text-align: center;
  }
  .section.careers-apply {
    padding: 16vw 0;
  }
  .section.careers-apply br {
    display: none;
  }
}
/*
 * Responsive (less than 600px)
 */
@media screen and (max-width: 600px) {
  .section.careers-lower h2 {
    font-size: 1.375em;
  }
}
/*
 * Responsive (less than 460px)
 */
@media screen and (max-width: 460px) {
  .section.careers-lower .detail {
    padding: 16vw 8vw;
  }
  .section.careers-lower .detail .logo {
    display: none;
  }
  .section.careers-lower .detail:before {
    display: none;
  }
}
.section.technologies {
  padding: 0 0 10vw;
}
.section.technologies .technology {
  position: relative;
  margin: 0 0 12vw;
}
.section.technologies .technology.in-viewport .image {
  opacity: 1;
}
.section.technologies .technology:last-child {
  margin: 0;
}
.section.technologies .technology.forward .inner {
  margin: 0 0 0 10vw;
}
.section.technologies .technology.forward .inner:before {
  left: -2vw;
}
.section.technologies .technology.forward .detail {
  margin: 0 0 0 auto;
}
.section.technologies .technology.forward .detail:before {
  right: 66vw;
}
.section.technologies .technology.reverse .inner {
  margin: 0 10vw 0 0;
}
.section.technologies .technology.reverse .inner:before {
  right: -2vw;
}
.section.technologies .technology.reverse .detail {
  margin: 0 auto 0 0;
}
.section.technologies .technology.reverse .detail:before {
  left: 66vw;
}
.section.technologies .inner {
  background: #f2f2f2;
  padding: 0 0 8vw;
  position: relative;
}
.section.technologies .inner:before {
  content: " ";
  position: absolute;
  top: -2vw;
  bottom: -2vw;
  width: 68vw;
  background: #f2f2f2;
}
.section.technologies .header {
  padding: 8vw;
  position: relative;
  z-index: 10;
}
.section.technologies .image {
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.4s;
}
.section.technologies .detail {
  background: #f2f2f2;
  padding: 8vw;
  width: 50vw;
  position: relative;
  z-index: 10;
}
.section.technologies .detail:before {
  content: " ";
  background: #e1e1e1;
  position: absolute;
  top: 0;
  height: calc(100% + 8vw);
  width: 0.25em;
}
.section.technologies h2 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.75em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .section.technologies h2 {
    font-size: 1.625em;
  }
}
.section.technologies h2 {
  color: #fff;
}
.section.technologies p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  margin: 0 0 2em;
}
.section.technologies p:last-child {
  margin: 0;
}

.section.technology-case-study-introduction {
  margin: 0 0 8vw;
}
.section.technology-case-study-introduction .columns {
  display: flex;
  min-height: 100vh;
}
.section.technology-case-study-introduction .column {
  width: 50%;
  position: relative;
}
.section.technology-case-study-introduction .column.title {
  background: #f2f2f2;
  display: flex;
  align-items: center;
  text-align: right;
  padding: 8vw;
}
.section.technology-case-study-introduction .column.title .width {
  width: 100%;
}
.section.technology-case-study-introduction .column.description:before {
  content: " ";
  position: absolute;
  top: -8vw;
  left: 8vw;
  width: 0.25em;
  bottom: 0;
  background: #f2f2f2;
}
.section.technology-case-study-introduction .column.description .position {
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 0 8vw;
  position: relative;
}
.section.technology-case-study-introduction .column.description .inner {
  width: 100%;
  padding: 8vw 0 0;
  background: #fff;
  position: relative;
}
.section.technology-case-study-introduction .label {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .section.technology-case-study-introduction .label {
    font-size: 1em;
  }
}
.section.technology-case-study-introduction .label {
  color: #000;
  margin: 0 0 1.6666666667em;
}
.section.technology-case-study-introduction .logo {
  margin: 2.5em 0 0;
  width: 100%;
  max-width: 17.5em;
  height: auto;
  display: block;
}
.section.technology-case-study-introduction .logo img {
  width: 100%;
  height: auto;
  display: block;
}
.section.technology-case-study-introduction h2 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .section.technology-case-study-introduction h2 {
    font-size: 1.375em;
  }
}
.section.technology-case-study-introduction h2 {
  color: #000;
}
.section.technology-case-study-introduction p {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .section.technology-case-study-introduction p {
    font-size: 1em;
  }
}
.section.technology-case-study-introduction p {
  color: #000;
  margin: 0 0 1.125em;
}

.section.technology-case-study-detail .large-image {
  margin: 0 8vw 0 0;
  background: #f2f2f2;
}
.section.technology-case-study-detail .large-image.in-viewport img {
  opacity: 1;
}
.section.technology-case-study-detail .large-image img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0;
  transition: opacity 0.4s;
}
.section.technology-case-study-detail .lower {
  position: relative;
  padding: 0 0 8vw;
  margin: -8vw 0 0;
}
.section.technology-case-study-detail .detail {
  width: 60%;
  background: #e1e1e1;
  padding: 8vw;
  position: relative;
  text-align: right;
  z-index: 20;
  transition: background 0.4s;
}
.section.technology-case-study-detail .detail.in-viewport {
  background: #000;
}
.section.technology-case-study-detail .medium-image {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 48vw;
  z-index: 10;
}
.section.technology-case-study-detail .medium-image.in-viewport img {
  opacity: 1;
}
.section.technology-case-study-detail .medium-image img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0;
  transition: opacity 0.4s;
}
.section.technology-case-study-detail h3 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .section.technology-case-study-detail h3 {
    font-size: 1em;
  }
}
.section.technology-case-study-detail h3 {
  color: #fff;
  margin: 0 0 1.3636363636em;
}
.section.technology-case-study-detail p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #fff;
  margin: 0 0 2em;
}
.section.technology-case-study-detail p a {
  color: #fff;
  position: relative;
}
.section.technology-case-study-detail p a:before, .section.technology-case-study-detail p a:after {
  content: " ";
  position: absolute;
  top: 1.4em;
  height: 1px;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.section.technology-case-study-detail p a:before {
  right: 0;
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.technology-case-study-detail p a:after {
  left: 0;
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.technology-case-study-detail p a:hover:before {
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.technology-case-study-detail p a:hover:after {
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 782px) {
  .section.technology-case-study-detail p a:before, .section.technology-case-study-detail p a:after {
    height: 1px;
  }
}
.section.technology-case-study-detail p a:before, .section.technology-case-study-detail p a:after {
  background: #fff;
}

.section.technology-logos {
  padding: 16vw 0 8vw;
}
.section.technology-logos .introduction {
  padding: 0 8vw;
}
.section.technology-logos .introduction.in-viewport h2,
.section.technology-logos .introduction.in-viewport p {
  color: #000;
}
.section.technology-logos .introduction .row {
  text-align: center;
  max-width: 42.5em;
  margin: 0 auto 4vw;
}
.section.technology-logos .introduction h2 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 3.125em;
  line-height: 1.4;
}
@media screen and (max-width: 1000px) {
  .section.technology-logos .introduction h2 {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 782px) {
  .section.technology-logos .introduction h2 {
    font-size: 1.875em;
  }
}
.section.technology-logos .introduction h2 {
  color: #e1e1e1;
  transition: color 0.4s;
}
.section.technology-logos .introduction p {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .section.technology-logos .introduction p {
    font-size: 1em;
  }
}
.section.technology-logos .introduction p {
  color: #e1e1e1;
  transition: color 0.4s;
}
.section.technology-logos .logos {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 100%;
}
.section.technology-logos .logos:before {
  content: " ";
  position: absolute;
  top: 0;
  left: calc(50% - 0.125em);
  bottom: 0;
  width: 0.25em;
  background: #e1e1e1;
}
.section.technology-logos .logo {
  width: 50%;
  height: 30vw;
  position: relative;
  opacity: 0.12;
  transition: opacity 0.3s;
}
.section.technology-logos .logo.in-viewport {
  opacity: 1;
}
.section.technology-logos .logo img {
  width: 18vw;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*
 * Responsive (less than 1000px)
 */
@media screen and (max-width: 1000px) {
  .section.technologies .image {
    opacity: 1;
  }
  .section.technology-case-study-detail .large-image img {
    opacity: 1;
  }
  .section.technology-case-study-detail .detail {
    background: #000;
  }
  .section.technology-case-study-detail .medium-image img {
    opacity: 1;
  }
  .section.technology-logos .introduction h2,
  .section.technology-logos .introduction p {
    color: #000;
  }
  .section.technology-logos .logo {
    opacity: 1;
  }
}
/*
 * Responsive (less than 782px)
 */
@media screen and (max-width: 782px) {
  .section.technologies {
    padding: 0;
  }
  .section.technologies .technology {
    margin: 0;
  }
  .section.technologies .technology.forward .inner {
    margin: 0;
  }
  .section.technologies .technology.reverse .inner {
    margin: 0;
  }
  .section.technologies .inner {
    padding: 0;
  }
  .section.technologies .inner:before {
    display: none;
  }
  .section.technologies .image {
    position: relative;
    top: auto;
    left: auto;
    height: 80vw;
    opacity: 1;
  }
  .section.technologies .detail {
    background: #fff;
    width: auto;
    text-align: center;
    padding: 16vw 8vw;
  }
  .section.technologies .detail:before {
    display: none;
  }
  .section.technologies h2 {
    color: #000;
    text-align: center;
  }
  .section.technology-case-study-introduction {
    margin: 0;
  }
  .section.technology-case-study-introduction .columns {
    display: block;
    min-height: 0;
  }
  .section.technology-case-study-introduction .column.title {
    width: auto;
    text-align: center;
  }
  .section.technology-case-study-introduction .column.description {
    width: auto;
    text-align: center;
  }
  .section.technology-case-study-introduction .column.description:before {
    display: none;
  }
  .section.technology-case-study-introduction .column.description .inner {
    padding: 16vw 0;
  }
  .section.technology-case-study-introduction .logo {
    margin: 0 auto;
    width: 7.5em;
  }
  .section.technology-case-study-detail .large-image {
    margin: 0;
  }
  .section.technology-case-study-detail .lower {
    margin: 0;
  }
  .section.technology-case-study-detail .detail {
    width: auto;
    text-align: center;
    padding: 16vw 8vw;
  }
  .section.technology-case-study-detail .medium-image {
    position: relative;
    bottom: auto;
    right: auto;
    width: 100%;
  }
  .section.technology-logos .logos {
    padding: 0 8vw;
  }
  .section.technology-logos .logos:before {
    display: none;
  }
  .section.technology-logos .logo img {
    width: 22vw;
  }
}
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.section.sustainability-banner .title {
  height: 50vh;
  position: relative;
  background: #f2f2f2;
  transition: background 1s 0.4s;
  z-index: 10;
}
.ready .section.sustainability-banner .title {
  background: #fff;
}
.section.sustainability-banner .title h1 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  text-align: center;
  letter-spacing: 0.15em;
  transition: opacity 1s 0.4s, letter-spacing 0.8s 0.4s;
}
.ready .section.sustainability-banner .title h1 {
  letter-spacing: 0;
  opacity: 1;
}
.section.sustainability-banner .title h1 .upper {
  color: #000;
  display: block;
  padding: 0 0 0.4444444444em;
}
.section.sustainability-banner .title h1 .lower {
  position: absolute;
  display: block;
  width: 100%;
  top: 100%;
  left: 0;
  color: #fff;
  padding: 0.2222222222em 0 0;
}
.section.sustainability-banner .image-outer {
  background: #e1e1e1;
}
.section.sustainability-banner .image {
  height: 100vh;
  background-position: center;
  background-size: cover;
  opacity: 0;
  transition: opacity 1s 0.4s;
  position: relative;
}
.ready .section.sustainability-banner .image {
  opacity: 1;
}
.section.sustainability-banner h1 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 5.625em;
  line-height: 1.2;
}
@media screen and (max-width: 1000px) {
  .section.sustainability-banner h1 {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 782px) {
  .section.sustainability-banner h1 {
    font-size: 1.875em;
  }
}
.section.sustainability-banner h1 {
  white-space: nowrap;
}

.section.sustainability-detail {
  position: relative;
  padding: 0 0 8vw;
}
.section.sustainability-detail .banner-text {
  position: absolute;
  bottom: 100%;
  right: 0;
  width: 50%;
  padding: 8vw;
  background: #fff;
}
.section.sustainability-detail .banner-text.in-viewport h2 {
  color: #000;
}
.section.sustainability-detail .columns {
  display: flex;
}
.section.sustainability-detail .columns.in-viewport h3 {
  color: #000;
}
.section.sustainability-detail .columns.in-viewport p {
  color: #888888;
}
.section.sustainability-detail .columns.in-viewport p a {
  color: #888888;
}
.section.sustainability-detail .columns.in-viewport p a:before, .section.sustainability-detail .columns.in-viewport p a:after {
  color: #888888;
}
.section.sustainability-detail .column {
  width: 50%;
}
.section.sustainability-detail .column.text {
  padding: 8vw;
}
.section.sustainability-detail .column.side {
  position: relative;
  background: #f2f2f2;
}
.section.sustainability-detail .column.side.in-viewport .image {
  opacity: 1;
}
.section.sustainability-detail .column.side .image {
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.4s;
}
.section.sustainability-detail h2,
.section.sustainability-detail h3 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .section.sustainability-detail h2,
  .section.sustainability-detail h3 {
    font-size: 1em;
  }
}
.section.sustainability-detail h2,
.section.sustainability-detail h3 {
  color: #e1e1e1;
  transition: color 0.4s;
}
.section.sustainability-detail p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #e1e1e1;
  transition: color 0.4s;
  margin: 2em 0 0;
}
.section.sustainability-detail p a {
  color: #e1e1e1;
}
.section.sustainability-detail p a:before, .section.sustainability-detail p a:after {
  content: " ";
  position: absolute;
  top: 1.4em;
  height: 1px;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.section.sustainability-detail p a:before {
  right: 0;
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.sustainability-detail p a:after {
  left: 0;
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.sustainability-detail p a:hover:before {
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.sustainability-detail p a:hover:after {
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 782px) {
  .section.sustainability-detail p a:before, .section.sustainability-detail p a:after {
    height: 1px;
  }
}
.section.sustainability-detail p a:before, .section.sustainability-detail p a:after {
  background: #e1e1e1;
}

.section.sustainability-image {
  background: #f2f2f2;
  background: #000;
}
.section.sustainability-image.in-viewport img {
  opacity: 1;
}
.section.sustainability-image img {
  opacity: 0;
  transition: opacity 0.4s;
  width: 100%;
  height: auto;
  display: block;
}

.section.sustainability-downloads {
  padding: 8vw 0 0;
}
.section.sustainability-downloads .columns {
  display: flex;
}
.section.sustainability-downloads .columns.in-viewport .downloads .link {
  color: #000;
}
.section.sustainability-downloads .columns.in-viewport h3 {
  color: #000;
}
.section.sustainability-downloads .columns.in-viewport p {
  color: #888888;
}
.section.sustainability-downloads .columns.in-viewport p a {
  color: #888888;
}
.section.sustainability-downloads .columns.in-viewport p a:before, .section.sustainability-downloads .columns.in-viewport p a:after {
  background: #888888;
}
.section.sustainability-downloads .logos {
  width: 35%;
  background: url("../images/paper-texture.png");
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 4vw 8vw;
}
.section.sustainability-downloads .logos .logo {
  width: 100%;
}
.section.sustainability-downloads .logos .logo.pefc, .section.sustainability-downloads .logos .logo.fsc {
  max-width: 6.25em;
}
.section.sustainability-downloads .downloads {
  width: 65%;
  padding: 8vw;
}
.section.sustainability-downloads .downloads .download-list {
  margin: 1.875em 0;
}
.section.sustainability-downloads .downloads .download {
  position: relative;
  margin: 0 0 0.625em;
  padding: 0 0 0 1.75em;
}
.section.sustainability-downloads .downloads .download:before {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905";
  display: block;
  color: #000;
  position: absolute;
  top: 0.6em;
  left: 0;
  font-size: 0.9375em;
  color: #000;
}
.section.sustainability-downloads .downloads .link {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .section.sustainability-downloads .downloads .link {
    font-size: 1em;
  }
}
.section.sustainability-downloads .downloads .link {
  color: #e1e1e1;
  transition: 0.4s color;
}
.section.sustainability-downloads h3 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .section.sustainability-downloads h3 {
    font-size: 1.375em;
  }
}
.section.sustainability-downloads h3 {
  color: #e1e1e1;
  transition: 0.4s color;
}
.section.sustainability-downloads p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #e1e1e1;
  margin: 2em 0 0;
  transition: 0.4s color;
}
.section.sustainability-downloads p a {
  color: #e1e1e1;
  position: relative;
}
.section.sustainability-downloads p a:before, .section.sustainability-downloads p a:after {
  content: " ";
  position: absolute;
  top: 1.4em;
  height: 1px;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.section.sustainability-downloads p a:before {
  right: 0;
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.sustainability-downloads p a:after {
  left: 0;
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.sustainability-downloads p a:hover:before {
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.sustainability-downloads p a:hover:after {
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 782px) {
  .section.sustainability-downloads p a:before, .section.sustainability-downloads p a:after {
    height: 1px;
  }
}
.section.sustainability-downloads p a:before, .section.sustainability-downloads p a:after {
  background: #e1e1e1;
}

/*
 * Responsive (less than 1000px)
 */
@media screen and (max-width: 1000px) {
  .section.sustainability-detail h2,
  .section.sustainability-detail h3 {
    color: #000;
  }
  .section.sustainability-detail p {
    color: #000;
  }
  .section.sustainability-detail p a {
    color: #000;
  }
  .section.sustainability-detail p a:before, .section.sustainability-detail p a:after {
    background: #000;
  }
  .section.sustainability-image img {
    opacity: 1;
  }
  .section.sustainability-downloads h3 {
    color: #000;
  }
  .section.sustainability-downloads p {
    color: #000;
  }
  .section.sustainability-downloads p a {
    color: #000;
  }
  .section.sustainability-downloads p a:before, .section.sustainability-downloads p a:after {
    background: #000;
  }
  .section.sustainability-downloads .downloads .link {
    color: #000;
  }
}
/*
 * Responsive (less than 782px)
 */
@media screen and (max-width: 782px) {
  .section.sustainability-banner .title {
    height: 18.75em;
  }
  .section.sustainability-banner .image {
    height: 18.75em;
  }
  .section.sustainability-detail {
    padding: 0;
  }
  .section.sustainability-detail .banner-text {
    position: relative;
    bottom: auto;
    right: auto;
    width: auto;
    background: #f2f2f2;
    text-align: center;
  }
  .section.sustainability-detail .columns {
    display: block;
    padding: 0 0 8vw;
  }
  .section.sustainability-detail .column {
    width: auto;
  }
  .section.sustainability-detail .column.text {
    text-align: center;
  }
  .section.sustainability-detail .column.image {
    margin: 0 auto;
    width: 84vw;
    height: 84vw;
    max-width: 25em;
    max-height: 25em;
  }
  .section.sustainability-downloads {
    padding: 0;
  }
  .section.sustainability-downloads .columns {
    display: block;
  }
  .section.sustainability-downloads .logos {
    flex-direction: row;
    width: 100%;
    padding: 24vw 8vw;
  }
  .section.sustainability-downloads .logos .logo.pefc, .section.sustainability-downloads .logos .logo.fsc {
    width: 14vw;
    max-width: none;
  }
  .section.sustainability-downloads .logos .logo.world-land-trust {
    width: 64vw;
    max-width: none;
  }
  .section.sustainability-downloads .downloads {
    padding: 16vw 8vw;
    width: auto;
    text-align: center;
  }
  .section.sustainability-downloads .downloads .download {
    padding: 0;
  }
  .section.sustainability-downloads .downloads .download:before {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    margin: 0 0 0.2666666667em;
  }
}
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.section.contact-introduction {
  background: #f2f2f2;
  padding: 16vw;
  transition: background 1s 0.6s;
}
.ready .section.contact-introduction {
  background: #fff;
}
.section.contact-introduction h1 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 5.625em;
  line-height: 1.2;
}
@media screen and (max-width: 1000px) {
  .section.contact-introduction h1 {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 782px) {
  .section.contact-introduction h1 {
    font-size: 1.875em;
  }
}
.section.contact-introduction h1 {
  color: #000;
  opacity: 0;
  transition: opacity 1s 0.6s;
}
.ready .section.contact-introduction h1 {
  opacity: 1;
}
.section.contact-introduction p {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .section.contact-introduction p {
    font-size: 1em;
  }
}
.section.contact-introduction p {
  color: #000;
  margin: 2.2222222222em 0 0;
  opacity: 0;
  transition: opacity 1s 0.6s;
}
.ready .section.contact-introduction p {
  opacity: 1;
}

.section.contact-body {
  background: #f2f2f2;
  transition: background 1s 0.6s;
}
.page-id-37 .section.contact-body {
  margin: 8vw 0 0;
}
.section.contact-body .layout {
  width: 60%;
  margin: 0 0 0 auto;
  padding: 0 8vw 8vw;
  position: relative;
  background: #fff;
  opacity: 0;
  transition: opacity 1s 0.6s;
}
.ready .section.contact-body .layout {
  opacity: 1;
}
.section.contact-body .deconstructed-logo {
  position: absolute;
  top: 0;
  right: calc(100% - 1px);
  width: 24vw;
}
.section.contact-body .deconstructed-logo img {
  width: 100%;
  height: auto;
  display: block;
}
.section.contact-body .introduction {
  margin: 0 0 8vw;
}
.section.contact-body .introduction p {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .section.contact-body .introduction p {
    font-size: 1em;
  }
}
.section.contact-body .introduction p {
  color: #000;
  margin: 0 0 1.6666666667em;
}
.section.contact-body .introduction p:last-child {
  margin: 0;
}
.section.contact-body .contact-detail-columns {
  margin: 0 0 2.5em;
}
.section.contact-body .contact-detail-columns .column {
  width: 50%;
}
.section.contact-body .contact-detail-columns p {
  color: #000;
}
.section.contact-body .contact-detail-columns .link {
  color: #000;
}
.section.contact-body .contact-detail-columns .link:before, .section.contact-body .contact-detail-columns .link:after {
  background: #000;
}
.section.contact-body .contact-form.in-viewport h2 {
  color: #000;
}
.section.contact-body h2 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .section.contact-body h2 {
    font-size: 1.375em;
  }
}
.section.contact-body h2 {
  color: #000;
  transition: color 0.3s;
  margin: 0 0 1.25em;
}

.section.google-map iframe {
  display: block;
  width: 100%;
  height: 100vh;
}
.section.google-map .advanced-map {
  width: 100%;
  height: 100vh;
}
.section.google-map .marker-inner {
  padding: 0.375em 0.125em 0.375em 0.375em;
}
.section.google-map .marker-inner .logo {
  width: 2.25em;
  height: auto;
  display: none;
}
.section.google-map .marker-inner .address {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.6;
  color: #888888;
  margin: 0 0 0.6153846154em;
}
.section.google-map .marker-inner .link {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  position: relative;
}
.section.google-map .marker-inner .link:before, .section.google-map .marker-inner .link:after {
  content: " ";
  position: absolute;
  top: 1.4em;
  height: 1px;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.section.google-map .marker-inner .link:before {
  right: 0;
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.google-map .marker-inner .link:after {
  left: 0;
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.google-map .marker-inner .link:hover:before {
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.section.google-map .marker-inner .link:hover:after {
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 782px) {
  .section.google-map .marker-inner .link:before, .section.google-map .marker-inner .link:after {
    height: 1px;
  }
}
.section.google-map .marker-inner .link:before, .section.google-map .marker-inner .link:after {
  background: #000;
}

.gm-style .gm-style-iw-c {
  border-radius: none !important;
}

/*
 * Responsive (less than 1000px)
 */
@media screen and (max-width: 1000px) {
  .section.contact-introduction {
    padding: 24vw 16vw 8vw;
  }
  .section.contact-body .contact-detail-columns {
    padding: 0;
  }
}
/*
 * Responsive (less than 782px)
 */
@media screen and (max-width: 782px) {
  .section.contact-introduction {
    text-align: center;
  }
  .section.contact-introduction br {
    display: none;
  }
  .section.contact-body .layout {
    padding: 16vw 8vw;
    width: auto;
  }
  .section.contact-body .introduction {
    text-align: center;
  }
  .section.contact-body .deconstructed-logo {
    display: none;
  }
  .section.contact-body .contact-detail-columns {
    margin: 0 0 16vw;
  }
  .section.contact-body .contact-detail-columns .column {
    width: auto;
  }
  .section.contact-body h2 {
    text-align: center;
  }
  .section.google-map iframe {
    width: 100%;
    height: 37.5em;
  }
  .section.google-map .advanced-map {
    width: 100%;
    height: 37.5em;
  }
}
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.section.client-area-welcome {
  border-top: 1px solid #ccc;
  padding: 8vw 0 3.75em;
}
.section.client-area-welcome .title span {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.375em;
  color: #000;
  display: inline-block;
  margin: 0 0 0.5454545455em;
  line-height: 1.4;
}
.section.client-area-welcome .title h1 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.625em;
  color: #000;
  margin: 0 0 0.2380952381em;
  line-height: 1.2;
}
.section.client-area-welcome .columns {
  display: flex;
  justify-content: space-between;
}
.section.client-area-welcome .columns .column {
  width: 40vw;
}
.section.client-area-welcome .columns p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8125em;
  color: #666;
  line-height: 2;
  display: block;
  margin: 1.5384615385em 0 0;
}
.section.client-area-welcome .buttons {
  display: flex;
  justify-content: space-between;
  margin: 1.25em 0 0;
}
.section.client-area-welcome .buttons button {
  width: 19.5vw;
}

.section.client-forms {
  padding: 3.75em 0;
  border-top: 1px solid #ccc;
  min-height: 100vh;
}

.section.additional-functions {
  flex-direction: row-reverse;
  justify-content: space-between;
  border-top: 1px solid #ccc;
}
.section.additional-functions .column {
  padding: 3.75em 0;
  width: 40vw;
  display: none;
}
.section.additional-functions h3 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  color: #000;
  margin: 0 0 1.25em;
}

.client-password-reset {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  color: #000;
  line-height: 1.5em;
}
.client-password-reset form [type=submit] {
  margin-top: 20px !important;
}
.client-password-reset p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  color: #000;
  line-height: 1.5em;
}
.client-password-reset p.wppb-warning {
  color: red;
  margin-bottom: 20px;
}
.client-password-reset #wppb-recover-password .passw1 {
  margin-bottom: 20px;
}

.section.stock-table-headers {
  display: flex;
  justify-content: space-between;
  padding: 3.75em 0;
  border-top: 1px solid #ccc;
}
.section.stock-table-headers .header.description {
  width: 43vw;
}
.section.stock-table-headers .header.in-production {
  width: 12.66vw;
  padding: 0 2vw 0 0;
}
.section.stock-table-headers .header.in-stock {
  width: 12.66vw;
  padding: 0 2vw 0 0;
}
.section.stock-table-headers .header.deliver-or-reorder {
  width: 26.32vw;
}
.section.stock-table-headers.no-re-order2 .header.deliver-or-reorder {
  width: 12.66vw;
}
.section.stock-table-headers.include-production .header.description {
  width: 29.34vw;
}
.section.stock-table-headers span.first {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  line-height: 1.4;
  color: #000;
  margin: 0 0 1.25em;
  display: block;
}
.section.stock-table-headers span.detail {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8125em;
  color: #666;
  line-height: 2;
  display: block;
}

.section.stock-table {
  padding: 0 0 3.75em;
}
.section.stock-table.include-production .job-header {
  width: 29.34vw;
}
.section.stock-table .stock-table-row {
  padding: 0 0 2em;
}
.section.stock-table .stock-table-row:last-child {
  padding: 0;
}
.section.stock-table .jobs-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section.stock-table .job-header {
  width: 43vw;
}
.section.stock-table .job-detail {
  width: 12.66vw;
}
.section.stock-table span.name {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  line-height: 1.4;
  color: #000;
}
.section.stock-table span.category {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8125em;
  color: #666;
  line-height: 2;
  display: block;
  margin: 0.4615384615em 0 0;
}
.section.stock-table span.number {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  background: #f2f2f2;
  color: #666;
  display: block;
  padding: 0 1.2857142857em;
  width: 100%;
  height: 3.2857142857em;
  line-height: 3.2857142857em;
}
.section.stock-table a.download-link {
  color: #fff;
  display: inline-block;
  margin: 0 0 0 0.8em;
  font-size: 0.8125em;
  padding: 0.3em 0.7em 0.3em 0.5em;
  background: #000;
  transition: background 0.2s;
}
.section.stock-table a.download-link:before {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904";
  font-size: 0.9em;
  margin: 0 0.6em 0 0;
}
.section.stock-table a.download-link:hover {
  background: #348e09;
}
.section.stock-table button {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  display: flex;
  height: 3.2857142857em;
  width: 100%;
  background: #000;
  display: block;
  color: #fff;
  padding: 0;
  margin: 0;
  border: 0;
  text-align: center;
  line-height: 3.2857142857em;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: background 0.2s;
}
.section.stock-table button[disabled] {
  background: #bbb;
  color: #666;
  cursor: default;
}
.section.stock-table button[disabled]:hover {
  background: #bbb;
}
.section.stock-table button:hover {
  background: #348e09;
}
.section.stock-table .stock-table-dropdown {
  display: none;
  width: 26.32vw;
  margin: 0 0 0 auto;
  padding: 1vw 0 0;
}
.section.stock-table .stock-table-dropdown .inner {
  background: #ededed;
  padding: 2.5em;
}
.section.stock-table .stock-table-dropdown p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  color: #666;
  margin: 0 0 1.4285714286em;
  line-height: 2;
}
.section.stock-table .stock-table-dropdown h3 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  color: #000;
  margin: 1em 0;
}
.section.stock-table .stock-table-dropdown input[type=number] {
  background: #fff;
}
.section.stock-table .stock-table-dropdown button {
  margin: 1em 0 0;
}

.section.order-form {
  display: none;
  padding: 3.75em 0;
  border-top: 1px solid #ccc;
}
.section.order-form h3 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  color: #000;
  margin: 0 0 2.5em;
}
.section.order-form .order-cart .cart-item {
  background: #f2f2f2;
  margin: 0 0 1vw;
  padding: 1.1428571429em 1.2857142857em;
  display: flex;
  align-items: center;
}
.section.order-form .order-cart .cart-item .detail {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  color: #666;
  line-height: 1.4;
}
.section.order-form .order-cart .cart-item .identify {
  display: flex;
  align-items: center;
  width: 60%;
  padding: 0 5% 0 0;
}
.section.order-form .order-cart .cart-item .quantity {
  white-space: nowrap;
}
.section.order-form .order-cart .cart-item .type {
  width: 35%;
}
.section.order-form .order-cart .cart-item .delete {
  width: 5%;
}

.restart-order {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  display: flex;
  height: 3.2857142857em;
  width: 100%;
  background: #000;
  display: block;
  color: #fff;
  padding: 0;
  margin: 0;
  border: 0;
  text-align: center;
  line-height: 3.2857142857em;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: background 0.2s;
}
.restart-order[disabled] {
  background: #bbb;
  color: #666;
  cursor: default;
}
.restart-order[disabled]:hover {
  background: #bbb;
}
.restart-order:hover {
  background: #348e09;
}
.restart-order {
  display: inline-block;
  width: auto;
  position: absolute;
  padding: 0 2.1428571429em;
  top: 0.5714285714em;
  right: 0.5714285714em;
}
.restart-order:hover {
  background: #51b524;
}

/*
 * Responsive (less than 1000px)
 */
/*
 * Responsive (less than 782px)
 */
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.news-container {
  max-width: 880px;
  margin: 0 auto;
  padding: 0 2em;
}
.news-container.single {
  max-width: 1100px;
}

.section.news-banner .title {
  height: 50vh;
  position: relative;
  background: #f2f2f2;
  transition: background 1s 0.4s;
  z-index: 10;
}
.ready .section.news-banner .title {
  background: #fff;
}
.section.news-banner .title h1 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  text-align: center;
  letter-spacing: 0;
  transition: opacity 1s 0.4s;
}
.ready .section.news-banner .title h1 {
  opacity: 1;
}
.section.news-banner .title h1 .upper {
  color: #000;
  display: block;
  padding: 0 0 0.4444444444em;
}
.section.news-banner .title h1 .lower {
  position: absolute;
  display: block;
  width: 100%;
  top: 100%;
  left: 0;
  color: #fff;
  padding: 0.2222222222em 0 0;
}
.section.news-banner h1 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 5.625em;
  line-height: 1.2;
}
@media screen and (max-width: 1000px) {
  .section.news-banner h1 {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 782px) {
  .section.news-banner h1 {
    font-size: 1.875em;
  }
}
.section.news-banner h1 {
  white-space: nowrap;
}

.news-banner .title h1 {
  letter-spacing: 0;
  transition: opacity 1s 0.4s;
  opacity: 0;
}
.ready .news-banner .title h1 {
  opacity: 1;
}
.news-banner h1 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 5.625em;
  line-height: 1.2;
}
@media screen and (max-width: 1000px) {
  .news-banner h1 {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 782px) {
  .news-banner h1 {
    font-size: 1.875em;
  }
}
.news-banner h1 {
  white-space: nowrap;
}

.news-btn {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  display: inline-block;
  padding: 0.5em;
  background-color: #f2f2f2;
  flex-grow: 1;
  text-align: center;
  color: #000;
}
.news-btn.active, .news-btn:hover {
  background-color: #000;
  color: #fff;
}

.news-filters {
  margin: 120px 0 40px;
  text-align: center;
}
.news-filters .news-btn {
  flex-grow: 1;
  padding-left: 4em;
  padding-right: 4em;
  box-sizing: border-box;
  max-width: 100%;
}
.news-filters.multi {
  display: flex;
  gap: 42px;
  justify-content: space-evenly;
}
.news-filters.multi .news-btn {
  padding-left: 1em;
  padding-right: 1em;
}

.section.news-posts {
  margin: 113px 0 0 0;
}
.section.news-posts .want-more-title {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 5.625em;
  line-height: 1.2;
}
@media screen and (max-width: 1000px) {
  .section.news-posts .want-more-title {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 782px) {
  .section.news-posts .want-more-title {
    font-size: 1.875em;
  }
}
.section.news-posts .want-more-title {
  text-align: center;
  margin: 0 0 1.7em;
}
.section.news-posts article img {
  max-width: 100%;
  width: 100%;
}
.section.news-posts article .article-content {
  padding: 3em 0 10em;
  text-align: center;
}
.section.news-posts article .article-content .article-title {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 5.625em;
  line-height: 1.2;
}
@media screen and (max-width: 1000px) {
  .section.news-posts article .article-content .article-title {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 782px) {
  .section.news-posts article .article-content .article-title {
    font-size: 1.875em;
  }
}
.section.news-posts article .article-content .article-date, .section.news-posts article .article-content p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #000;
  padding: 2em 0 1.5em;
}
.section.news-posts article .article-content p {
  padding: 0 0 2em;
}
.section.news-posts article .article-content .news-btn {
  width: 25em;
  padding: 0.35em;
  max-width: 100%;
}

.article-full {
  text-align: center;
  padding: 5.5em 0;
}
.article-full img {
  max-width: 880px;
  margin: 0 auto;
  display: block;
}
.article-full img.alignleft {
  margin: auto 0 0 0;
}
.article-full img.alignright {
  margin: 0 0 0 auto;
}
.article-full h2, .article-full h3, .article-full h4, .article-full h5 {
  color: #000;
  padding: 1em 0 0;
}
.article-full h2:first-child, .article-full h3:first-child, .article-full h4:first-child, .article-full h5:first-child {
  padding-top: 0;
}
.article-full p, .article-full li {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #000;
}
.article-full p {
  padding: 2em 0 0;
}
.article-full h2 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 3.125em;
  line-height: 1.4;
}
@media screen and (max-width: 1000px) {
  .article-full h2 {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 782px) {
  .article-full h2 {
    font-size: 1.875em;
  }
}
.article-full h3 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.75em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .article-full h3 {
    font-size: 1.625em;
  }
}
.article-full h4 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2em;
  line-height: 1.6;
}
@media screen and (max-width: 782px) {
  .article-full h4 {
    font-size: 1.375em;
  }
}
.article-full h5 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125em;
  line-height: 2;
}
@media screen and (max-width: 782px) {
  .article-full h5 {
    font-size: 1em;
  }
}
.article-full a {
  position: relative;
  display: inline;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #000;
}
.article-full a:before, .article-full a:after {
  content: " ";
  position: absolute;
  top: 1.4em;
  height: 1px;
  background: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.article-full a:before {
  right: 0;
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.article-full a:after {
  left: 0;
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.article-full a:hover:before {
  width: 0;
  transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.article-full a:hover:after {
  width: 100%;
  transition: width 0.6s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 782px) {
  .article-full a:before, .article-full a:after {
    height: 1px;
  }
}
.article-full a:after, .article-full a:before {
  background: #000;
}

@media screen and (max-width: 1000px) {
  .article-full img {
    max-width: 100%;
  }
}
/*
 * Responsive (less than 782px)
 */
@media screen and (max-width: 782px) {
  .section.news-banner .title {
    height: 18.75em;
  }
}
/*
 * Responsive (less than 600px)
 */
/*
 * Responsive (less than 460px)
 */
.section.testimonials-banner {
  padding: 170px 0 90px;
  text-align: center;
}
.section.testimonials-banner h1 {
  font-family: "Radikal W03 Regular", sans-serif;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 5.625em;
  line-height: 1.2;
}
@media screen and (max-width: 1000px) {
  .section.testimonials-banner h1 {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 782px) {
  .section.testimonials-banner h1 {
    font-size: 1.875em;
  }
}
.section.testimonials-banner h1 {
  margin-bottom: 40px;
}
@media screen and (max-width: 782px) {
  .section.testimonials-banner {
    padding: 122px 0 70px;
  }
}
.section.testimonials-banner .testimonials-banner-content {
  width: 62vw;
  margin: 0 auto;
}
@media screen and (max-width: 782px) {
  .section.testimonials-banner .testimonials-banner-content {
    width: 100%;
  }
}
.section.testimonials-banner .testimonials-banner-content p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9375em;
  line-height: 2.2;
  color: #888888;
  color: #000;
  line-height: 1.6;
}

.testimonials-container {
  padding: 0 150px;
}
@media screen and (max-width: 782px) {
  .testimonials-container {
    padding: 0 14vw;
  }
}

.section.testimonials-content {
  padding-bottom: 100px;
}
.section.testimonials-content .testimonials-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 35px;
  align-items: start;
}
@media screen and (max-width: 782px) {
  .section.testimonials-content .testimonials-grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}
.section.testimonials-content .testimonial-item {
  display: flex;
  flex-direction: column;
  color: #fff;
}
.section.testimonials-content .testimonial-item .testimonial-text {
  padding: 4vw 3vw 6vw;
  color: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 22px;
}
.section.testimonials-content .testimonial-item .testimonial-text p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
  line-height: 1.4;
  margin-bottom: 3vw;
  font-size: 1em;
  font-family: "Radikal W03 Regular";
}
.section.testimonials-content .testimonial-item .testimonial-text p strong {
  font-weight: 700;
}
.section.testimonials-content .testimonial-item .testimonial-text .date {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
  font-size: 0.4em;
  font-weight: 600;
  margin-top: 6vw;
  letter-spacing: 0;
}
@media screen and (max-width: 782px) {
  .section.testimonials-content .testimonial-item .testimonial-text {
    font-size: 4vw;
    padding: 6vw 5vw 8vw;
  }
}
@media screen and (min-width: 1024px) {
  .section.testimonials-content .testimonial-item .testimonial-text {
    font-size: 24px;
  }
}
.section.testimonials-content .testimonial-item .testimonial-image {
  position: relative;
  background-color: #000;
}
.section.testimonials-content .testimonial-item .testimonial-image img {
  display: block;
  width: 100%;
  opacity: 0.8;
  position: relative;
  z-index: 1;
}
.section.testimonials-content .testimonial-item .testimonial-image.gradient-over {
  background: none;
}
.section.testimonials-content .testimonial-item .testimonial-image.gradient-over img {
  opacity: 1;
}
.section.testimonials-content .testimonial-item .testimonial-image.gradient-over:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  z-index: 2;
}
@media screen and (min-width: 783px) {
  .section.testimonials-content .testimonial-item.even {
    margin-top: 320px;
  }
}
@media screen and (min-width: 783px) {
  .section.testimonials-content .testimonial-item.featured {
    grid-column: span 2;
    flex-direction: row;
    position: relative;
  }
  .section.testimonials-content .testimonial-item.featured .testimonial-text {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    height: 100%;
    bottom: 0;
    padding: 4vw 3vw 4vw;
  }
  .section.testimonials-content .testimonial-item.featured .testimonial-text .testimonial-text-content {
    flex-grow: 1;
  }
  .section.testimonials-content .testimonial-item.featured .testimonial-text .date {
    flex-grow: 0;
  }
}
@media screen and (min-width: 1024px) {
  .section.testimonials-content .testimonial-item.featured .testimonial-text {
    width: 70%;
  }
}
@media screen and (min-width: 1200px) {
  .section.testimonials-content .testimonial-item.featured .testimonial-text {
    width: 50%;
  }
}
@media screen and (min-width: 1400px) {
  .section.testimonials-content .testimonial-item.featured .testimonial-text {
    width: 40%;
  }
}
/*# sourceMappingURL=style.css.map */