@charset "UTF-8";
/* overpass-regular - latin */
@font-face {
  font-family: "Overpass";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(""), url("../fonts/overpass-v10-latin-regular.woff2") format("woff2"), url("../fonts/overpass-v10-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* overpass-700 - latin */
@font-face {
  font-family: "Overpass";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(""), url("../fonts/overpass-v10-latin-700.woff2") format("woff2"), url("../fonts/overpass-v10-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/******************
 * SCSS Variables   *
 ******************/
/*
** http://stackoverflow.com/questions/17181849/placeholder-mixin-scss-css
*/
/*
** https://github.com/mastastealth/sass-flex-mixin
*/
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files
------------------------------------------------------------- */
/** HIDE GFORMS HONEYPOT */
.gform_validation_container {
  display: none !important;
}
/** END HIDE GFORMS HONEYPOT */
* {
  box-sizing: border-box;
}
/******************
 * SCSS Variables   *
 ******************/
[class*="block-grid-"], .row .row {
  margin: 0;
}
[class*="column"] + [class*="column"]:last-child {
  float: left;
}
html, body {
  min-height: 100%;
  background: #ffffff;
  line-height: 26px;
  color: #70706a;
}
body, input, textarea {
  font-family: "Overpass", sans-serif, sans-serif;
  font-size: 18px;
  color: #5f5f5f;
  line-height: 26px;
}
a {
  text-decoration: none;
  color: #5f5f5f;
  transition: all 300ms linear;
}
a:hover {
  text-decoration: underline;
}
.singular-content h1 {
  font-family: "Overpass", sans-serif;
  font-size: clamp(24px, 4vw, 48px);
  font-weight: 700;
  line-height: 1.25;
  color: #111111;
  margin: 0 0 24px 0;
}
.singular-content h2 {
  font-family: "Overpass", sans-serif;
  font-size: clamp(24px, 4vw, 36px);
  font-weight: 700;
  line-height: 1.25;
  color: #111111;
  margin: 0 0 20px 0;
}
.singular-content h3 {
  font-family: "Overpass", sans-serif;
  font-size: clamp(20px, 4vw, 28px);
  font-weight: 700;
  line-height: 1.25;
  color: #111111;
  margin: 0 0 20px 0;
}
.singular-content h1.h1, .singular-content h2.h1, .singular-content h3.h1, .singular-content h4.h1, .singular-content h5.h1, .singular-content h6.h1 {
  font-family: "Overpass", sans-serif;
  font-size: clamp(24px, 4vw, 48px);
  font-weight: 700;
  line-height: 1.25;
  color: #111111;
  margin: 0 0 24px 0;
}
.singular-content h1.h2, .singular-content h2.h2, .singular-content h3.h2, .singular-content h4.h2, .singular-content h5.h2, .singular-content h6.h2 {
  font-family: "Overpass", sans-serif;
  font-size: clamp(24px, 4vw, 36px);
  font-weight: 700;
  line-height: 1.25;
  color: #111111;
  margin: 0 0 20px 0;
}
.singular-content h1.h3, .singular-content h2.h3, .singular-content h3.h3, .singular-content h4.h3, .singular-content h5.h3, .singular-content h6.h3 {
  font-family: "Overpass", sans-serif;
  font-size: clamp(20px, 4vw, 28px);
  font-weight: 700;
  line-height: 1.25;
  color: #111111;
  margin: 0 0 20px 0;
}
.singular-content p {
  font-family: "Overpass", sans-serif;
  font-size: clamp(16px, 4vw, 18px);
  font-weight: 400;
  line-height: 1.875;
  color: #70706a;
}
.singular-content p:not(:last-of-type) {
  margin: 0 0 20px;
}
.singular-content p img.left {
  float: left;
}
.singular-content p img.right {
  float: right;
}
.singular-content ul {
  font-family: "Overpass", sans-serif;
  font-size: clamp(16px, 4vw, 18px);
  font-weight: 400;
  line-height: 1.875;
  color: #70706a;
}
.singular-content .video-container {
  margin: 0 0 20px;
}
.singular-content .gform_wrapper {
  margin-bottom: 30px;
}
.singular-content a:not(.btn) {
  color: #f29225;
  text-decoration: underline;
}
.singular-content a:not(.btn):hover {
  text-decoration: none;
}
.singular-content a.btn {
  margin-right: 50px;
  margin-bottom: 24px;
  margin-top: 20px;
}
.singular-content blockquote {
  margin: 30px 0;
}
.singular-content blockquote p {
  font-family: "Overpass", sans-serif;
  font-size: clamp(20px, 4vw, 36px);
  font-weight: 400;
  line-height: 1.33;
  color: #111111;
  font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Overpass", sans-serif, sans-serif;
  margin: 0;
  text-decoration: none;
  color: #2d2c2c;
  font-weight: 600;
}
h1 {
  font-size: 24px;
  line-height: normal;
}
h2 {
  font-size: 22px;
  line-height: normal;
}
h3 {
  font-size: 21px;
  line-height: normal;
}
h4 {
  font-size: 18px;
  line-height: normal;
}
h5 {
  font-size: 14px;
  line-height: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
}
.std dl dl {
  margin: 0 0 1.5em 0;
}
.std dl dl dt {
  font-weight: normal;
}
.std dl dd {
  margin-left: 1.5em;
}
.std dl table {
  margin-bottom: 1.4em;
}
.std dl th {
  font-weight: normal;
}
.std dl th, .std dl td, .std dl caption {
  padding: 3px 10px 3px 0;
}
.std dl tfoot {
  font-style: italic;
}
.std dl caption {
  background: #eee;
}
.readmore {
  text-transform: uppercase;
}
.readmore:after {
  padding-left: 25px;
  font-family: "IcoFont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: "";
  font-size: 12px;
  margin-top: -1px;
}
.bottom-collapse-container {
  overflow: hidden;
  cursor: pointer;
}
.bottom-collapse-container .bottom-collapse {
  background-color: #e5e5e5;
  bottom: -70px;
  left: 0;
  position: absolute;
  width: 100%;
  height: 70px;
  line-height: 70px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.bottom-collapse-container .bottom-collapse span {
  margin-top: 10px;
  display: block;
  -webkit-transition: transform 0.35s;
  -khtml-transition: transform 0.35s;
  -moz-transition: transform 0.35s;
  -ms-transition: transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 200%, 0);
  -khtml-transform: translate3d(0, 200%, 0);
  -moz-transform: translate3d(0, 200%, 0);
  -ms-transform: translate3d(0, 200%, 0);
  -o-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0);
  text-transform: uppercase;
}
.bottom-collapse-container .bottom-collapse .fa {
  font-size: 12px;
  margin-top: 10px;
  -webkit-transition: transform 0.35s;
  -khtml-transition: transform 0.35s;
  -moz-transition: transform 0.35s;
  -ms-transition: transform 0.35s;
  -o-transition: transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 200%, 0);
  -khtml-transform: translate3d(0, 200%, 0);
  -moz-transform: translate3d(0, 200%, 0);
  -ms-transform: translate3d(0, 200%, 0);
  -o-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0);
}
.bottom-collapse-container:hover .bottom-collapse {
  bottom: 0;
}
.bottom-collapse-container:hover .bottom-collapse span, .bottom-collapse-container:hover .bottom-collapse .fa {
  margin-top: 0;
  -webkit-transition-delay: 0.05s;
  -khtml-transition-delay: 0.05s;
  -moz-transition-delay: 0.05s;
  -ms-transition-delay: 0.05s;
  -o-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transform: translate3d(0, 0, 0);
  -khtml-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bottom-collapse-container:hover .bottom-collapse .fa {
  -webkit-transition-delay: 0.125s;
  -khtml-transition-delay: 0.125s;
  -moz-transition-delay: 0.125s;
  -ms-transition-delay: 0.125s;
  -o-transition-delay: 0.125s;
  transition-delay: 0.125s;
  -webkit-transform: translate3d(0, 0, 0);
  -khtml-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.hide {
  overflow: hidden;
  height: 0;
}
.nodisplay {
  display: none;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 2em;
  margin-top: 7px;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 2em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/******************************************
 * Border (single-line)                   *
 * -------------------------------------- *
 * a: all             l: light            *
 * t: top             m: medium           *
 * r: right           d: dark             *
 * b: bottom          b: black            *
 * l: left                                *
 * h: horizontal                          *
 * v: vertical                            *
 ******************************************/
.no-border {
  border: none;
}
.bal {
  border: 1px solid #111111;
}
.bam {
  border: 1px solid #dadada;
}
.bad {
  border: 1px solid #ccc;
}
.bab {
  border: 1px solid #000;
}
.btl {
  border-top: 1px solid #111111;
}
.btm {
  border-top: 1px solid #dadada;
}
.btd {
  border-top: 1px solid #ccc;
}
.btb {
  border-top: 1px solid #000;
}
.brl {
  border-right: 1px solid #111111;
}
.brm {
  border-right: 1px solid #dadada;
}
.brd {
  border-right: 1px solid #ccc;
}
.brb {
  border-right: 1px solid #000;
}
.bbl {
  border-bottom: 1px solid #111111;
}
.bbm {
  border-bottom: 1px solid #dadada;
}
.bbd {
  border-bottom: 1px solid #ccc;
}
.bbb {
  border-bottom: 1px solid #000;
}
.bll {
  border-left: 1px solid #111111;
}
.blm {
  border-left: 1px solid #dadada;
}
.bld {
  border-left: 1px solid #ccc;
}
.blb {
  border-left: 1px solid #000;
}
.bhl {
  border-top: 1px solid #111111;
  border-bottom: 1px solid #111111;
}
.bhm {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
.bhd {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.bhb {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.bvl {
  border-left: 1px solid #111111;
  border-right: 1px solid #111111;
}
.bvm {
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
}
.bvd {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.bvb {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
/******************************************
 * Border radius                          *
 * -------------------------------------- *
 * a: all                n: none          *
 * t: top                t: tiny (2px)    *
 * r: right              s: small (5px)   *
 * b: bottom                              *
 * l: left                                *
 ******************************************/
.bran {
  border-radius: 0;
}
.brat {
  border-radius: 2px;
}
.bras {
  border-radius: 5px;
}
.brtn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.brtt {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.brts {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.brrn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.brrt {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.brrs {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.brbn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.brbt {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.brbs {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.brln {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.brlt {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.brls {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
/******************************************
 * Margins & Paddings                     *
 * -------------------------------------- *
 * a: all                n: none          *
 * t: top                t: tiny (2px)    *
 * r: right              s: small (5px)   *
 * b: bottom             m: medium (10px) *
 * l: left               l: large (15px)  *
 * h: horizontal         h: huge (20px)   *
 * v: vertical                            *
 ******************************************/
.man {
  margin: 0;
}
.mat {
  margin: 2px;
}
.mas {
  margin: 15px;
}
.mam {
  margin: 30px;
}
.mal {
  margin: 60px;
}
.mah {
  margin: 90px;
}
.mtn {
  margin-top: 0;
}
.mtt {
  margin-top: 2px;
}
.mts {
  margin-top: 15px;
}
.mtm {
  margin-top: 30px;
}
.mtl {
  margin-top: 60px;
}
.mth {
  margin-top: 90px;
}
.mrn {
  margin-right: 0;
}
.mrt {
  margin-right: 2px;
}
.mrs {
  margin-right: 15px;
}
.mrm {
  margin-right: 30px;
}
.mrl {
  margin-right: 60px;
}
.mrh {
  margin-right: 90px;
}
.mbn {
  margin-bottom: 0;
}
.mbt {
  margin-bottom: 2px;
}
.mbs {
  margin-bottom: 15px;
}
.mbm {
  margin-bottom: 30px;
}
.mbl {
  margin-bottom: 60px;
}
.mbh {
  margin-bottom: 90px;
}
.mln {
  margin-left: 0;
}
.mlt {
  margin-left: 2px;
}
.mls {
  margin-left: 15px;
}
.mlm {
  margin-left: 30px;
}
.mll {
  margin-left: 60px;
}
.mlh {
  margin-left: 90px;
}
.mhn {
  margin-left: 0;
  margin-right: 0;
}
.mht {
  margin-left: 2px;
  margin-right: 2px;
}
.mhs {
  margin-left: 15px;
  margin-right: 15px;
}
.mhm {
  margin-left: 30px;
  margin-right: 30px;
}
.mhl {
  margin-left: 60px;
  margin-right: 60px;
}
.mhh {
  margin-left: 30px;
  margin-right: 90px;
}
.mvn {
  margin-top: 0;
  margin-bottom: 0;
}
.mvt {
  margin-top: 2px;
  margin-bottom: 2px;
}
.mvs {
  margin-top: 15px;
  margin-bottom: 15px;
}
.mvm {
  margin-top: 30px;
  margin-bottom: 30px;
}
.mvl {
  margin-top: 60px;
  margin-bottom: 60px;
}
.mvh {
  margin-top: 30px;
  margin-bottom: 90px;
}
.pan {
  padding: 0;
}
.pat {
  padding: 2px;
}
.pas {
  padding: 15px;
}
.pam {
  padding: 30px;
}
.pal {
  padding: 60px;
}
.pah {
  padding: 90px;
}
.ptn {
  padding-top: 0;
}
.ptt {
  padding-top: 2px;
}
.pts {
  padding-top: 15px;
}
.ptm {
  padding-top: 30px;
}
.ptl {
  padding-top: 60px;
}
.pth {
  padding-top: 90px;
}
.prn {
  padding-right: 0;
}
.prt {
  padding-right: 2px;
}
.prs {
  padding-right: 15px;
}
.prm {
  padding-right: 30px;
}
.prl {
  padding-right: 60px;
}
.prh {
  padding-right: 90px;
}
.pbn {
  padding-bottom: 0;
}
.pbt {
  padding-bottom: 2px;
}
.pbs {
  padding-bottom: 15px;
}
.pbm {
  padding-bottom: 30px;
}
.pbl {
  padding-bottom: 60px;
}
.pbh {
  padding-bottom: 90px;
}
.pln {
  padding-left: 0;
}
.plt {
  padding-left: 2px;
}
.pls {
  padding-left: 15px;
}
.plm {
  padding-left: 30px;
}
.pll {
  padding-left: 60px;
}
.plh {
  padding-left: 90px;
}
.phn {
  padding-left: 0;
  padding-right: 0;
}
.pht {
  padding-left: 2px;
  padding-right: 2px;
}
.phs {
  padding-left: 15px;
  padding-right: 15px;
}
.phm {
  padding-left: 30px;
  padding-right: 30px;
}
.phl {
  padding-left: 60px;
  padding-right: 60px;
}
.phh {
  padding-left: 30px;
  padding-right: 90px;
}
.pvn {
  padding-top: 0;
  padding-bottom: 0;
}
.pvt {
  padding-top: 2px;
  padding-bottom: 2px;
}
.pvs {
  padding-top: 15px;
  padding-bottom: 15px;
}
.pvm {
  padding-top: 30px;
  padding-bottom: 30px;
}
.pvl {
  padding-top: 60px;
  padding-bottom: 60px;
}
.pvh {
  padding-top: 30px;
  padding-bottom: 90px;
}
.footer .footer-top {
  background-color: #111111;
  color: #ffffff;
  padding: 90px 0;
}
.footer .footer-top h4 {
  font-family: "Overpass", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.667;
  color: #ffffff;
  margin: 0 0 30px 0;
}
@media only screen and (max-width: 40em) {
  .footer .footer-top h4 {
    margin: 0 0 16px 0;
  }
}
.footer .footer-top .certificates .certificate {
  display: flex;
  align-items: center;
  gap: 50px;
}
.footer .footer-top .certificates .certificate:not(:last-of-type) {
  margin-bottom: 70px;
}
.footer .footer-top .certificates .certificate .logo img {
  width: 120px;
  max-width: initial;
  height: auto;
}
.footer .footer-top .certificates .certificate .desc {
  font-family: "Overpass", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  color: #aeaea9;
}
@media only screen and (max-width: 40em) {
  .footer .footer-top .certificates .certificate {
    flex-direction: column;
    gap: 10px;
  }
  .footer .footer-top .certificates .certificate:not(:last-of-type) {
    margin-bottom: 30px;
  }
}
.footer .footer-top .nav-wrapper {
  display: flex;
}
.footer .footer-top .nav-wrapper .col {
  width: 50%;
}
@media only screen and (max-width: 40em) {
  .footer .footer-top .nav-wrapper {
    flex-direction: column;
    gap: 20px;
  }
  .footer .footer-top .nav-wrapper .col {
    width: 100%;
  }
}
.footer .footer-top .nav-wrapper .more-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer .footer-top .nav-wrapper .more-menu li {
  padding: 4px 0;
}
.footer .footer-top .nav-wrapper .more-menu li a {
  font-family: "Overpass", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
}
.footer .footer-top .nav-wrapper .more-menu li a:before {
  content: "";
  display: inline-block;
  background-image: url(../img/arrow-right-white.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  position: relative;
  top: 8px;
  transition: transform 150ms linear;
}
.footer .footer-top .nav-wrapper .more-menu li a:hover:before {
  transform: translateX(5px);
}
.footer .footer-top .nav-wrapper .contact-details a {
  font-family: "Overpass", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  display: block;
  padding: 4px 0;
}
.footer .footer-top .nav-wrapper .contact-details a:before {
  color: #f29225;
  display: inline-block;
  margin-right: 8px;
}
.footer .footer-top .nav-wrapper .contact-details a.phone:before {
  font-family: "IcoFont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: "";
}
.footer .footer-top .nav-wrapper .contact-details a.mail:before {
  font-family: "IcoFont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: "";
}
.footer .footer-top .nav-wrapper .contact-details a.google-maps-link:before {
  font-family: "IcoFont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: "";
}
.footer .footer-top .nav-wrapper .socials {
  margin-top: 50px;
}
.footer .footer-top .nav-wrapper .socials h4 {
  margin: 0 0 20px 0;
}
.footer .footer-top .nav-wrapper .socials ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 16px;
}
.footer .footer-top .nav-wrapper .socials ul li a i {
  color: #ffffff;
  transition: color 300ms linear;
  font-size: 18px;
}
.footer .footer-top .nav-wrapper .socials ul li a:hover {
  text-decoration: none;
}
.footer .footer-top .nav-wrapper .socials ul li a:hover i {
  color: #f29225;
}
.footer .branding {
  position: relative;
  background-color: #111111;
}
.footer .branding .logo {
  width: 90px;
  aspect-ratio: 1;
  display: flex;
  align-items: flex-end;
  gap: 24px;
}
.footer .branding .logo .slogan {
  font-family: "Overpass", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  white-space: nowrap;
  padding-bottom: 20px;
}
.footer .branding .colors {
  position: absolute;
  inset: auto 0 0 auto;
  display: flex;
}
.footer .branding .colors .color {
  width: 90px;
  aspect-ratio: 1;
}
.footer .branding .colors .color.yellow {
  background-color: #ffd51a;
}
.footer .branding .colors .color.blue {
  background-color: #7fa2d5;
}
.footer .branding .colors .color.pink {
  background-color: #cd94c1;
}
.footer .branding .colors .color.turquoise {
  background-color: #94d2e4;
}
.footer .branding .colors .color.green {
  background-color: #bbd035;
}
@media (max-width: 48em) {
  .footer .branding .colors {
    display: none;
  }
}
.footer .footer-bottom {
  padding: 20px 0;
}
.footer .footer-bottom * {
  font-family: "Overpass", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #70706a;
}
.footer .footer-bottom a {
  color: #111;
}
.footer .footer-bottom .footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer .footer-bottom .footer-menu, .footer .footer-bottom .copy-builtby {
  display: flex;
  gap: 40px;
}
@media only screen and (max-width: 63.9em) {
  .footer .footer-bottom .footer-menu, .footer .footer-bottom .copy-builtby {
    justify-content: center;
  }
}
@media only screen and (max-width: 40em) {
  .footer .footer-bottom .footer-menu, .footer .footer-bottom .copy-builtby {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
}
.btn {
  --color: #111111;
  position: relative;
  font-family: "Overpass", sans-serif;
  font-size: clamp(16px, 4vw, 18px);
  font-weight: 700;
  line-height: 46px;
  color: var(--color);
  display: inline-flex;
  padding: 0 0 0 20px;
  height: 50px;
  border: 2px solid var(--color);
  border-right: none;
  white-space: nowrap;
  transition: all 300ms linear;
}
.btn:before, .btn:after {
  height: 46px;
  aspect-ratio: 1;
  flex-grow: 0;
  display: inline-block;
  text-align: center;
  position: relative;
  top: -2px;
  transition: all 300ms linear;
}
.btn:before {
  content: "";
  background-image: url("../img/arrow-right-black.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  right: 2px;
  z-index: 10;
}
.btn:after {
  content: "";
  position: relative;
  z-index: 5;
  margin-left: 20px;
  border-left: 2px solid var(--color);
  border-right: 2px solid var(--color);
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.btn:hover {
  text-decoration: none;
}
.btn:hover:before {
  filter: invert(100%);
}
.btn:hover:after {
  background-color: #111111;
}
@media not all and (min-resolution: 0.001dpcm) {
  .btn:after {
    right: -4px;
  }
}
@supports (contain: paint) and (not (-moz-appearance: none)) {
  .btn {
    line-height: 50px;
  }
}
.btn.black {
  --color: #111111;
  position: relative;
  font-family: "Overpass", sans-serif;
  font-size: clamp(16px, 4vw, 18px);
  font-weight: 700;
  line-height: 46px;
  color: var(--color);
  display: inline-flex;
  padding: 0 0 0 20px;
  height: 50px;
  border: 2px solid var(--color);
  border-right: none;
  white-space: nowrap;
  transition: all 300ms linear;
  background-color: var(--color);
  color: #ffffff;
}
.btn.black:before, .btn.black:after {
  height: 46px;
  aspect-ratio: 1;
  flex-grow: 0;
  display: inline-block;
  text-align: center;
  position: relative;
  top: -2px;
  transition: all 300ms linear;
}
.btn.black:before {
  content: "";
  background-image: url("../img/arrow-right-black.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  right: 2px;
  z-index: 10;
}
.btn.black:after {
  content: "";
  position: relative;
  z-index: 5;
  margin-left: 20px;
  border-left: 2px solid var(--color);
  border-right: 2px solid var(--color);
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.btn.black:hover {
  text-decoration: none;
}
.btn.black:hover:before {
  filter: invert(100%);
}
.btn.black:hover:after {
  background-color: #111111;
}
@media not all and (min-resolution: 0.001dpcm) {
  .btn.black:after {
    right: -4px;
  }
}
@supports (contain: paint) and (not (-moz-appearance: none)) {
  .btn.black {
    line-height: 50px;
  }
}
.btn.black:before {
  filter: invert(100%);
}
.btn.black:after {
  background-color: var(--color);
  border-left-color: #ffffff;
}
.btn.black:hover:before {
  filter: invert(0);
}
.btn.black:hover:after {
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn.orange {
  --color: #111111;
  position: relative;
  font-family: "Overpass", sans-serif;
  font-size: clamp(16px, 4vw, 18px);
  font-weight: 700;
  line-height: 46px;
  color: var(--color);
  display: inline-flex;
  padding: 0 0 0 20px;
  height: 50px;
  border: 2px solid var(--color);
  border-right: none;
  white-space: nowrap;
  transition: all 300ms linear;
  background-color: #f29225;
  border-color: #f29225;
  color: var(--color);
  height: 60px;
  line-height: 56px;
}
.btn.orange:before, .btn.orange:after {
  height: 46px;
  aspect-ratio: 1;
  flex-grow: 0;
  display: inline-block;
  text-align: center;
  position: relative;
  top: -2px;
  transition: all 300ms linear;
}
.btn.orange:before {
  content: "";
  background-image: url("../img/arrow-right-black.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  right: 2px;
  z-index: 10;
}
.btn.orange:after {
  content: "";
  position: relative;
  z-index: 5;
  margin-left: 20px;
  border-left: 2px solid var(--color);
  border-right: 2px solid var(--color);
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.btn.orange:hover {
  text-decoration: none;
}
.btn.orange:hover:before {
  filter: invert(100%);
}
.btn.orange:hover:after {
  background-color: #111111;
}
@media not all and (min-resolution: 0.001dpcm) {
  .btn.orange:after {
    right: -4px;
  }
}
@supports (contain: paint) and (not (-moz-appearance: none)) {
  .btn.orange {
    line-height: 50px;
  }
}
@supports (contain: paint) and (not (-moz-appearance: none)) {
  .btn.orange {
    line-height: 60px;
  }
}
.btn.orange:after {
  background-color: #f29225;
  height: 60px;
  border-color: #f29225;
  border-left: 2px solid #111111;
  border-top: none !important;
  border-bottom: none !important;
  top: -2px !important;
}
.btn.orange:before {
  border: none;
  top: -2px;
  height: 60px;
}
.btn.orange:hover:before {
  border-color: #111111;
}
.btn.orange:hover:after {
  background-color: #111111;
  border: 2px solid #111111;
}
.btn.white-outline {
  --color: #111111;
  position: relative;
  font-family: "Overpass", sans-serif;
  font-size: clamp(16px, 4vw, 18px);
  font-weight: 700;
  line-height: 46px;
  color: var(--color);
  display: inline-flex;
  padding: 0 0 0 20px;
  height: 50px;
  border: 2px solid var(--color);
  border-right: none;
  white-space: nowrap;
  transition: all 300ms linear;
  border-color: #ffffff;
  color: #ffffff;
}
.btn.white-outline:before, .btn.white-outline:after {
  height: 46px;
  aspect-ratio: 1;
  flex-grow: 0;
  display: inline-block;
  text-align: center;
  position: relative;
  top: -2px;
  transition: all 300ms linear;
}
.btn.white-outline:before {
  content: "";
  background-image: url("../img/arrow-right-black.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  right: 2px;
  z-index: 10;
}
.btn.white-outline:after {
  content: "";
  position: relative;
  z-index: 5;
  margin-left: 20px;
  border-left: 2px solid var(--color);
  border-right: 2px solid var(--color);
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.btn.white-outline:hover {
  text-decoration: none;
}
.btn.white-outline:hover:before {
  filter: invert(100%);
}
.btn.white-outline:hover:after {
  background-color: #111111;
}
@media not all and (min-resolution: 0.001dpcm) {
  .btn.white-outline:after {
    right: -4px;
  }
}
@supports (contain: paint) and (not (-moz-appearance: none)) {
  .btn.white-outline {
    line-height: 50px;
  }
}
.btn.white-outline:before {
  filter: invert(100%);
}
.btn.white-outline:after {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #ffffff;
  border-right-color: #ffffff;
}
.btn.white-outline:hover:after {
  border-color: #ffffff;
}
.btn.block-btn {
  --color: #111111;
  position: relative;
  font-family: "Overpass", sans-serif;
  font-size: clamp(16px, 4vw, 18px);
  font-weight: 700;
  line-height: 46px;
  color: var(--color);
  display: inline-flex;
  padding: 0 0 0 20px;
  height: 50px;
  border: 2px solid var(--color);
  border-right: none;
  white-space: nowrap;
  transition: all 300ms linear;
  width: calc(100% - 1.875rem);
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.btn.block-btn:before, .btn.block-btn:after {
  height: 46px;
  aspect-ratio: 1;
  flex-grow: 0;
  display: inline-block;
  text-align: center;
  position: relative;
  top: -2px;
  transition: all 300ms linear;
}
.btn.block-btn:before {
  content: "";
  background-image: url("../img/arrow-right-black.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  right: 2px;
  z-index: 10;
}
.btn.block-btn:after {
  content: "";
  position: relative;
  z-index: 5;
  margin-left: 20px;
  border-left: 2px solid var(--color);
  border-right: 2px solid var(--color);
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.btn.block-btn:hover {
  text-decoration: none;
}
.btn.block-btn:hover:before {
  filter: invert(100%);
}
.btn.block-btn:hover:after {
  background-color: #111111;
}
@media not all and (min-resolution: 0.001dpcm) {
  .btn.block-btn:after {
    right: -4px;
  }
}
@supports (contain: paint) and (not (-moz-appearance: none)) {
  .btn.block-btn {
    line-height: 50px;
  }
}
.btn.block-btn:after {
  margin-left: auto;
  top: 0 !important;
}
.btn.showmore {
  --color: #111111;
  position: relative;
  font-family: "Overpass", sans-serif;
  font-size: clamp(16px, 4vw, 18px);
  font-weight: 700;
  line-height: 46px;
  color: var(--color);
  display: inline-flex;
  padding: 0 0 0 20px;
  height: 50px;
  border: 2px solid var(--color);
  border-right: none;
  white-space: nowrap;
  transition: all 300ms linear;
}
.btn.showmore:before, .btn.showmore:after {
  height: 46px;
  aspect-ratio: 1;
  flex-grow: 0;
  display: inline-block;
  text-align: center;
  position: relative;
  top: -2px;
  transition: all 300ms linear;
}
.btn.showmore:before {
  content: "";
  background-image: url("../img/arrow-right-black.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  right: 2px;
  z-index: 10;
}
.btn.showmore:after {
  content: "";
  position: relative;
  z-index: 5;
  margin-left: 20px;
  border-left: 2px solid var(--color);
  border-right: 2px solid var(--color);
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.btn.showmore:hover {
  text-decoration: none;
}
.btn.showmore:hover:before {
  filter: invert(100%);
}
.btn.showmore:hover:after {
  background-color: #111111;
}
@media not all and (min-resolution: 0.001dpcm) {
  .btn.showmore:after {
    right: -4px;
  }
}
@supports (contain: paint) and (not (-moz-appearance: none)) {
  .btn.showmore {
    line-height: 50px;
  }
}
.btn.showmore.showmore:before {
  transform: rotate(90deg);
}
.btn.orange-hover:hover:after {
  background-color: #f29225;
}
.btn.white-hover:hover:before {
  filter: invert(0);
}
.btn.white-hover:hover:after {
  background-color: #ffffff;
}
.cn-button {
  background: #f29225 !important;
}
@media only screen and (max-width: 40em) {
  .grid-container .cell.small-nopad {
    margin: 0 calc(50% - 50vw);
  }
}
.orange {
  color: #f29225;
}
.loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background-color: rgba(17, 17, 17, 0.75);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms linear;
}
.loader.loading {
  pointer-events: all;
  visibility: visible;
  opacity: 1;
}
.loader .sk-cube-grid {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loader .sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #f29225;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.loader .sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.loader .sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.loader .sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.loader .sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.loader .sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.loader .sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.loader .sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.loader .sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.loader .sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
.section-page-header {
  position: relative;
}
.section-page-header .inner {
  display: flex;
}
.section-page-header .inner .col {
  width: 50%;
}
.section-page-header .inner .page-lead {
  padding-top: clamp(40px, 15vw, 180px);
  padding-bottom: clamp(40px, 15vw, 110px);
  padding-left: clamp(10px, 6vw, 110px);
  padding-right: clamp(10px, 6vw, 110px);
  background-color: #111111;
}
.section-page-header .inner .page-lead h1.page-title {
  font-family: "Overpass", sans-serif;
  font-size: clamp(24px, 4vw, 48px);
  font-weight: 700;
  line-height: 1.25;
  color: #ffffff;
  margin: 0 0 clamp(20px, 4vw, 50px) 0;
}
.section-page-header .inner .page-lead p {
  font-family: "Overpass", sans-serif;
  font-size: clamp(16px, 4vw, 18px);
  font-weight: 400;
  line-height: 1.667;
  color: #ffffff;
}
.section-page-header .inner .page-lead p:not(:last-of-type) {
  margin: 0 0 1.5em 0;
}
.section-page-header .inner .header-img {
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 63.9em) {
  .section-page-header .inner {
    flex-direction: column-reverse;
  }
  .section-page-header .inner .col {
    width: 100%;
  }
  .section-page-header .inner .header-img {
    width: 100%;
    aspect-ratio: 1.7777777778;
  }
}
.section-page-header .branding {
  position: absolute;
  inset: 0 0 70px auto;
  width: 70px;
  background-color: #111111;
}
.section-page-header .branding .name {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 1px;
  transform: rotate(90deg) translateX(60px);
  color: #ffffff;
  white-space: nowrap;
}
.section-page-header.simple .inner {
  display: block;
  text-align: center;
}
.section-page-header.simple .inner .page-lead h1.page-title {
  margin: 0;
}
.section-page-header.projects .inner .page-lead {
  padding-top: clamp(40px, 10vw, 100px);
}
@media only screen and (max-width: 40em) {
  .section-page-header.projects .inner .page-lead {
    padding-bottom: clamp(40px, 10vw, 100px);
  }
}
.section-page-header.projects .inner .page-lead .filters {
  margin-top: clamp(20px, 5vw, 40px);
}
.section-page-header.projects .inner .page-lead .filters .form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
@media (max-width: 48em) {
  .section-page-header.projects .inner .page-lead .filters .form {
    flex-direction: column;
    gap: 20px;
  }
}
.section-page-header.projects .inner .page-lead .filters .form .filter .radiobox {
  display: flex;
}
@media only screen and (max-width: 40em) {
  .section-page-header.projects .inner .page-lead .filters .form .filter .radiobox {
    justify-content: flex-start;
    text-align: left;
    gap: 10px;
  }
}
.section-page-header.projects .inner .page-lead .filters .form .filter .radiobox div {
  padding: 0 14px;
}
.section-page-header.projects .inner .page-lead .filters .form .filter .radiobox div input[type="radio"] {
  position: relative;
  top: -6px;
  appearance: none;
  -webkit-appearance: none;
  width: 0;
  height: 0;
  margin: 0 20px 0 0;
  cursor: pointer;
}
.section-page-header.projects .inner .page-lead .filters .form .filter .radiobox div input[type="radio"]:checked + label:before {
  opacity: 1;
}
.section-page-header.projects .inner .page-lead .filters .form .filter .radiobox div label {
  font-family: "Overpass", sans-serif;
  font-size: clamp(16px, 4vw, 18px);
  font-weight: 400;
  line-height: 1;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  position: relative;
}
.section-page-header.projects .inner .page-lead .filters .form .filter .radiobox div label span {
  display: inline-block;
  margin-left: 10px;
}
.section-page-header.projects .inner .page-lead .filters .form .filter .radiobox div label:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(-170%, -70%);
  z-index: 10;
  width: 10px;
  height: 10px;
  background: #f29225;
  opacity: 0;
  transition: opacity 300ms linear;
}
.section-page-header.projects .inner .page-lead .filters .form .filter .radiobox div label:after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translate(-100%, -22%);
  z-index: 5;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #ffffff;
  background-color: #111111;
}
.section-page-header.projects .inner .page-lead .filters .form .filter .radiobox div label:hover:before {
  opacity: 0.5;
}
.section-page-header.projects .inner .page-lead .filters .form .filter .selectbox label {
  position: relative;
  font-family: "Overpass", sans-serif;
  font-size: clamp(16px, 4vw, 18px);
  font-weight: 700;
  line-height: 46px;
  color: var(--color);
  display: inline-flex;
  height: 50px;
  border: 2px solid #ffffff;
  border-right: none;
  white-space: nowrap;
  transition: all 300ms linear;
  cursor: pointer;
}
.section-page-header.projects .inner .page-lead .filters .form .filter .selectbox label:after {
  font-family: "IcoFont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: "";
  color: #ffffff;
  position: absolute;
  right: 0;
  z-index: 5;
  margin-left: 20px;
  border: 2px solid #ffffff;
  height: 46px;
  line-height: 46px;
  aspect-ratio: 1;
  flex-grow: 0;
  display: inline-block;
  text-align: center;
  top: -2px;
  transition: all 300ms linear;
  pointer-events: none;
  cursor: pointer;
}
.section-page-header.projects .inner .page-lead .filters .form .filter .selectbox label select {
  font-family: "Overpass", sans-serif;
  font-size: clamp(16px, 4vw, 18px);
  font-weight: 400;
  line-height: 46px;
  color: var(--color);
  appearance: none;
  -webkit-appearance: none;
  height: 46px;
  color: #ffffff;
  padding-left: 20px;
  padding-right: 66px;
  background-color: #111111;
  border: none;
  cursor: pointer;
}
.section-page-header.projects .inner .page-lead .filters .form .filter .selectbox label:hover:after {
  background-color: #ffffff;
  color: #111111;
}
.section-page-header.single-project .inner .header-img {
  position: relative;
  width: 100%;
  aspect-ratio: 2.0697674419;
}
.section-page-header.single-project .inner .header-img:after {
  content: "";
  position: absolute;
  inset: 78% 0 0 0;
  background-image: linear-gradient(0deg, rgba(17, 17, 17, 0.8) 0%, rgba(17, 17, 17, 0.003) 99%, rgba(17, 17, 17, 0) 100%);
}
@media only screen and (max-width: 40em) {
  .section-page-header.single-project .inner .header-img:after {
    inset: 50% 0 0 0;
  }
}
.section-page-header.single-project .inner .header-img .button-wrapper {
  position: absolute;
  z-index: 10;
  inset: auto 0 8% 0;
  text-align: right;
}
.section-page-header.single-project .inner .header-img .button-wrapper .btn:before {
  transform: rotate(90deg);
}
.section-page-header.single-employee .page-lead h1.page-title {
  margin: 0;
}
.section-page-header.single-employee .page-lead .employee-function {
  font-family: "Overpass", sans-serif;
  font-size: clamp(16px, 4vw, 28px);
  font-weight: 400;
  line-height: 1.25;
  color: #ffffff;
}
.section-page-header.single-employee .page-lead p {
  margin-top: 50px;
}
.section-page-header .employee-buttons {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.section-page-header .employee-buttons .btn {
  align-self: flex-start;
  padding-left: 66px;
  padding-right: 20px;
  border-right: 2px solid #ffffff;
  border-left: 0;
  width: min(280px, 100%);
}
.section-page-header .employee-buttons .btn:before, .section-page-header .employee-buttons .btn:after {
  position: absolute;
  left: 0;
  margin: 0;
  background: none;
}
.section-page-header .employee-buttons .btn:before {
  filter: unset;
  color: #ffffff;
  display: grid;
  place-items: center;
  left: 2px;
}
.section-page-header .employee-buttons .btn.email:before {
  font-family: "IcoFont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: "";
}
.section-page-header .employee-buttons .btn.linkedin:before {
  font-family: "IcoFont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: "";
}
.section-page-header .employee-buttons .btn.phone:before {
  font-family: "IcoFont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: "";
}
.section-page-header .employee-buttons .btn:hover:before {
  filter: invert(100%);
}
.section-page-header .employee-buttons .btn:hover:after {
  background-color: #ffffff;
}
.section-page-header .employee-buttons.contact-buttons .btn {
  width: min(320px, 100%);
}
.section-usps {
  padding: 30px 0;
  border-bottom: 2px solid #eaeaea;
}
@media only screen and (min-width: 64em) {
  .section-usps {
    padding: 60px 0;
  }
}
.section-usps .usps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(20px, 4vw, 60px);
}
.section-usps .usps .usp .usp-title {
  font-family: "Overpass", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #70706a;
}
.section-usps .usps .usp .usp-title:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #f29225;
  margin-right: 20px;
  position: relative;
  top: 2px;
}
@media (max-width: 48em) {
  .section-usps .usps {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.section-usps.section-contact-details .contact-details {
  display: flex;
  justify-content: center;
}
.section-usps.section-contact-details .contact-details .item {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 80em) {
  .section-usps.section-contact-details .contact-details .item {
    gap: 10px;
  }
}
@media (min-width: 55em) {
  .section-usps.section-contact-details .contact-details .item:not(:last-of-type):after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #f29225;
    margin: 0 60px 0 40px;
  }
}
@media (min-width: 55em) and (max-width: 80em) {
  .section-usps.section-contact-details .contact-details .item:not(:last-of-type):after {
    margin: 0 30px;
  }
}
.section-usps.section-contact-details .contact-details .item .label {
  font-family: "Overpass", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #111111;
}
.section-usps.section-contact-details .contact-details .item .value {
  font-family: "Overpass", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #70706a;
  padding-top: 3px;
}
@media (max-width: 55em) {
  .section-usps.section-contact-details .contact-details {
    flex-direction: column;
    gap: 10px;
  }
}
.section-breadcrumbs {
  border-top: 2px solid #eaeaea;
  padding: 32px 0;
}
.section-breadcrumbs .breadcrumbs .breadcrumb-trail {
  text-align: center;
}
.section-breadcrumbs .breadcrumbs .breadcrumb-trail a {
  font-family: "Overpass", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #f29225;
  text-decoration: underline;
}
.section-breadcrumbs .breadcrumbs .breadcrumb-trail a:hover {
  text-decoration: none;
}
.section-breadcrumbs .breadcrumbs .breadcrumb-trail span.sep {
  color: #f29225;
  margin: 0 20px;
  font-size: 0;
}
.section-breadcrumbs .breadcrumbs .breadcrumb-trail span.sep:after {
  content: "";
  display: inline-block;
  background-image: url(../img/arrow-right-orange.svg);
  background-size: 10px;
  width: 10px;
  height: 10px;
}
.section-breadcrumbs .breadcrumbs .breadcrumb-trail span.trail-end {
  font-family: "Overpass", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #111111;
}
.wp-block-image {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
.wp-block-image img {
  width: 100%;
  height: auto;
}
.with-sb {
  position: relative;
  z-index: 5;
  margin-bottom: 100px;
}
.with-sb .grid-container:first-of-type {
  margin-bottom: clamp(40px, 7vw, 100px);
}
@media only screen and (max-width: 40em) {
  .with-sb .grid-container:first-of-type .singular-content {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 40em) {
  .with-sb {
    padding-top: clamp(40px, 10vw, 170px);
  }
  .with-sb:before {
    content: "";
    background: #111111;
    position: absolute;
    inset: -70px 62% 0 0;
    z-index: -1;
  }
}
.sb-title {
  font-family: "Overpass", sans-serif;
  font-size: clamp(18px, 3vw, 28px);
  font-weight: 400;
  line-height: 1.25;
  color: #ffffff;
}
@media only screen and (min-width: 64em) {
  .sb-title {
    display: block;
    padding-top: 5px;
  }
}
@media only screen and (max-width: 40em) {
  .sb-title {
    background-color: #111111;
    text-align: center;
    display: block;
    margin: 0 calc(50% - 50vw);
    padding: 40px 0;
  }
}
.section-homepage-top .singular-content .btn {
  margin-top: 20px;
}
.service-accordion-container {
  --height-large: 660px;
  width: 100%;
}
@media only screen and (min-width: 64em) {
  .service-accordion-container {
    margin: 40px 0 180px;
  }
}
.service-accordion-container .accordion ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
}
.service-accordion-container .accordion ul li {
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: var(--height-large);
  display: flex;
  transition: background-color 300ms ease-in-out;
}
.service-accordion-container .accordion ul li:nth-child(1), .service-accordion-container .accordion ul li:nth-child(6) {
  background-color: #ffd51a;
}
.service-accordion-container .accordion ul li:nth-child(1):hover input[type="radio"]:not(:checked) + label, .service-accordion-container .accordion ul li:nth-child(6):hover input[type="radio"]:not(:checked) + label {
  background-color: #e6bc00;
}
.service-accordion-container .accordion ul li:nth-child(1):hover input[type="radio"]:not(:checked) + label .title, .service-accordion-container .accordion ul li:nth-child(6):hover input[type="radio"]:not(:checked) + label .title {
  transform: rotate(270deg) translateX(15px);
}
.service-accordion-container .accordion ul li:nth-child(2), .service-accordion-container .accordion ul li:nth-child(7) {
  background-color: #7fa2d5;
}
.service-accordion-container .accordion ul li:nth-child(2):hover:hover input[type="radio"]:not(:checked) + label, .service-accordion-container .accordion ul li:nth-child(7):hover:hover input[type="radio"]:not(:checked) + label {
  background-color: #5986c8;
}
.service-accordion-container .accordion ul li:nth-child(2):hover:hover input[type="radio"]:not(:checked) + label .title, .service-accordion-container .accordion ul li:nth-child(7):hover:hover input[type="radio"]:not(:checked) + label .title {
  transform: rotate(270deg) translateX(15px);
}
.service-accordion-container .accordion ul li:nth-child(3), .service-accordion-container .accordion ul li:nth-child(8) {
  background-color: #cd94c1;
}
.service-accordion-container .accordion ul li:nth-child(3):hover:hover input[type="radio"]:not(:checked) + label, .service-accordion-container .accordion ul li:nth-child(8):hover:hover input[type="radio"]:not(:checked) + label {
  background-color: #bd71ad;
}
.service-accordion-container .accordion ul li:nth-child(3):hover:hover input[type="radio"]:not(:checked) + label .title, .service-accordion-container .accordion ul li:nth-child(8):hover:hover input[type="radio"]:not(:checked) + label .title {
  transform: rotate(270deg) translateX(15px);
}
.service-accordion-container .accordion ul li:nth-child(4), .service-accordion-container .accordion ul li:nth-child(9) {
  background-color: #94d2e4;
}
.service-accordion-container .accordion ul li:nth-child(4):hover:hover input[type="radio"]:not(:checked) + label, .service-accordion-container .accordion ul li:nth-child(9):hover:hover input[type="radio"]:not(:checked) + label {
  background-color: #6bc1da;
}
.service-accordion-container .accordion ul li:nth-child(4):hover:hover input[type="radio"]:not(:checked) + label .title, .service-accordion-container .accordion ul li:nth-child(9):hover:hover input[type="radio"]:not(:checked) + label .title {
  transform: rotate(270deg) translateX(15px);
}
.service-accordion-container .accordion ul li:nth-child(5), .service-accordion-container .accordion ul li:nth-child(10) {
  background-color: #bbd035;
}
.service-accordion-container .accordion ul li:nth-child(5):hover:hover input[type="radio"]:not(:checked) + label, .service-accordion-container .accordion ul li:nth-child(10):hover:hover input[type="radio"]:not(:checked) + label {
  background-color: #99aa28;
}
.service-accordion-container .accordion ul li:nth-child(5):hover:hover input[type="radio"]:not(:checked) + label .title, .service-accordion-container .accordion ul li:nth-child(10):hover:hover input[type="radio"]:not(:checked) + label .title {
  transform: rotate(270deg) translateX(15px);
}
.service-accordion-container .accordion ul li input[type="radio"] {
  appearance: none;
  -moz-appearance: none;
  width: 0;
  height: 0;
}
.service-accordion-container .accordion ul li label {
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: var(--height-large);
  width: 110px;
  cursor: pointer;
  transition: background-color 300ms linear;
}
.service-accordion-container .accordion ul li label .no {
  font-family: "Overpass", sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
  color: #111111;
  text-align: center;
  padding-top: 40px;
}
.service-accordion-container .accordion ul li label .title {
  font-family: "Overpass", sans-serif;
  font-size: clamp(20px, 4vw, 28px);
  font-weight: 700;
  line-height: 1;
  color: #111111;
  transform: rotate(270deg);
  white-space: nowrap;
  padding-left: 80px;
  transition: transform 300ms ease-in-out;
}
.service-accordion-container .accordion ul li .accslide {
  position: relative;
  flex-grow: 1;
  height: var(--height-large);
  width: 0px;
  overflow: hidden;
  transition: all 500ms ease;
}
.service-accordion-container .accordion ul li .accslide .line {
  width: calc(100% - 40px);
  height: 2px;
  background-color: #111111;
  margin: 50px 0 100px;
}
.service-accordion-container .accordion ul li .accslide .content {
  padding-right: 40px;
}
@media (min-width: 1280px) {
  .service-accordion-container .accordion ul li .accslide .content {
    width: calc(1280px - 550px);
    padding-right: 80px;
  }
}
@media (min-width: 1080px) and (max-width: 1279.99px) {
  .service-accordion-container .accordion ul li .accslide .content {
    width: calc(1080px - 550px);
  }
}
.service-accordion-container .accordion ul li .accslide .content p {
  color: #111111;
}
.service-accordion-container .accordion ul li .accslide .content .btn {
  margin: 20px 0 0 0;
  float: right;
}
@media (min-width: 1079.99px) {
  .service-accordion-container .accordion ul li .accslide .content .btn {
    position: absolute;
    bottom: 80px;
    right: 100px;
  }
}
@media (max-width: 1079.99px) {
  .service-accordion-container .accordion {
    height: auto;
  }
  .service-accordion-container .accordion ul {
    flex-direction: column;
  }
  .service-accordion-container .accordion ul li {
    flex-direction: column;
    height: unset;
    min-height: unset;
  }
  .service-accordion-container .accordion ul li label {
    height: unset;
    width: 100%;
    flex-direction: row;
    align-items: center;
    padding: 40px 20px;
  }
  .service-accordion-container .accordion ul li label .no {
    padding: 0;
  }
  .service-accordion-container .accordion ul li label .title {
    transform: none;
  }
  .service-accordion-container .accordion ul li .accslide {
    height: unset;
    max-height: 0;
    width: 100%;
  }
  .service-accordion-container .accordion ul li .accslide .line {
    margin: 0 auto 40px;
  }
  .service-accordion-container .accordion ul li .accslide .content {
    width: 100%;
    padding: 0 20px;
  }
  .service-accordion-container .accordion ul li .accslide .content .btn {
    margin-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  li:nth-child(1):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 220px);
  }
  li:nth-child(2):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 220px);
  }
  li:nth-child(1):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 330px);
  }
  li:nth-child(2):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 330px);
  }
  li:nth-child(3):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 330px);
  }
  li:nth-child(1):nth-last-child(4) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 440px);
  }
  li:nth-child(2):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 440px);
  }
  li:nth-child(3):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 440px);
  }
  li:nth-child(4):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 440px);
  }
  li:nth-child(1):nth-last-child(5) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 550px);
  }
  li:nth-child(2):nth-last-child(4) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 550px);
  }
  li:nth-child(3):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 550px);
  }
  li:nth-child(4):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 550px);
  }
  li:nth-child(5):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 550px);
  }
  li:nth-child(1):nth-last-child(6) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 660px);
  }
  li:nth-child(2):nth-last-child(5) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 660px);
  }
  li:nth-child(3):nth-last-child(4) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 660px);
  }
  li:nth-child(4):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 660px);
  }
  li:nth-child(5):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 660px);
  }
  li:nth-child(6):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 660px);
  }
  li:nth-child(1):nth-last-child(7) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 770px);
  }
  li:nth-child(2):nth-last-child(6) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 770px);
  }
  li:nth-child(3):nth-last-child(5) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 770px);
  }
  li:nth-child(4):nth-last-child(4) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 770px);
  }
  li:nth-child(5):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 770px);
  }
  li:nth-child(6):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 770px);
  }
  li:nth-child(7):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 770px);
  }
  li:nth-child(1):nth-last-child(8) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 880px);
  }
  li:nth-child(2):nth-last-child(7) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 880px);
  }
  li:nth-child(3):nth-last-child(6) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 880px);
  }
  li:nth-child(4):nth-last-child(5) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 880px);
  }
  li:nth-child(5):nth-last-child(4) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 880px);
  }
  li:nth-child(6):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 880px);
  }
  li:nth-child(7):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 880px);
  }
  li:nth-child(8):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    width: calc(1280px - 880px);
  }
}
@media (min-width: 1080px) and (max-width: 1279.99px) {
  li:nth-child(1):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 220px);
  }
  li:nth-child(2):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 220px);
  }
  li:nth-child(1):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 330px);
  }
  li:nth-child(2):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 330px);
  }
  li:nth-child(3):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 330px);
  }
  li:nth-child(1):nth-last-child(4) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 440px);
  }
  li:nth-child(2):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 440px);
  }
  li:nth-child(3):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 440px);
  }
  li:nth-child(4):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 440px);
  }
  li:nth-child(1):nth-last-child(5) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 550px);
  }
  li:nth-child(2):nth-last-child(4) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 550px);
  }
  li:nth-child(3):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 550px);
  }
  li:nth-child(4):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 550px);
  }
  li:nth-child(5):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 550px);
  }
  li:nth-child(1):nth-last-child(6) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 660px);
  }
  li:nth-child(2):nth-last-child(5) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 660px);
  }
  li:nth-child(3):nth-last-child(4) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 660px);
  }
  li:nth-child(4):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 660px);
  }
  li:nth-child(5):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 660px);
  }
  li:nth-child(6):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 660px);
  }
  li:nth-child(1):nth-last-child(7) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 770px);
  }
  li:nth-child(2):nth-last-child(6) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 770px);
  }
  li:nth-child(3):nth-last-child(5) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 770px);
  }
  li:nth-child(4):nth-last-child(4) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 770px);
  }
  li:nth-child(5):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 770px);
  }
  li:nth-child(6):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 770px);
  }
  li:nth-child(7):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 770px);
  }
  li:nth-child(1):nth-last-child(8) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 880px);
  }
  li:nth-child(2):nth-last-child(7) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 880px);
  }
  li:nth-child(3):nth-last-child(6) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 880px);
  }
  li:nth-child(4):nth-last-child(5) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 880px);
  }
  li:nth-child(5):nth-last-child(4) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 880px);
  }
  li:nth-child(6):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 880px);
  }
  li:nth-child(7):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 880px);
  }
  li:nth-child(8):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    width: calc(1040px - 880px);
  }
}
@media (max-width: 1079.99px) {
  li:nth-child(1):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(2):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(1):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(2):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(3):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(1):nth-last-child(4) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(2):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(3):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(4):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(1):nth-last-child(5) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(2):nth-last-child(4) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(3):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(4):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(5):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(1):nth-last-child(6) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(2):nth-last-child(5) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(3):nth-last-child(4) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(4):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(5):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(6):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(1):nth-last-child(7) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(2):nth-last-child(6) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(3):nth-last-child(5) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(4):nth-last-child(4) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(5):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(6):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(7):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(1):nth-last-child(8) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(2):nth-last-child(7) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(3):nth-last-child(6) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(4):nth-last-child(5) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(5):nth-last-child(4) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(6):nth-last-child(3) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(7):nth-last-child(2) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
  li:nth-child(8):nth-last-child(1) input[type="radio"]:checked ~ .accslide {
    max-height: 1000px;
  }
}
.webwijs-contentblock {
  position: relative;
}
@media only screen and (min-width: 64em) {
  .webwijs-contentblock {
    margin: 100px 0;
  }
}
@media only screen and (min-width: 75em) {
  .webwijs-contentblock {
    margin: 160px 0;
  }
}
@media only screen and (max-width: 63.9em) {
  .webwijs-contentblock {
    margin: 100px 0;
  }
}
@media only screen and (max-width: 40em) {
  .webwijs-contentblock {
    margin: 60px 0;
  }
}
@media only screen and (min-width: 64em) {
  .webwijs-contentblock.image-contentblock {
    margin: 100px 0 160px;
  }
}
@media only screen and (min-width: 75em) {
  .webwijs-contentblock.image-contentblock {
    margin: 160px 0 230px;
  }
}
@media only screen and (max-width: 63.9em) {
  .webwijs-contentblock.image-contentblock {
    margin: 100px 0;
  }
}
@media only screen and (max-width: 40em) {
  .webwijs-contentblock.image-contentblock {
    margin: 40px 0 60px;
  }
}
.webwijs-contentblock.image-contentblock .image-container {
  position: relative;
  height: 100%;
}
.webwijs-contentblock.image-contentblock .image-container .image {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}
@media (max-width: 65em) {
  .webwijs-contentblock.image-contentblock .image-container .image {
    aspect-ratio: 0.8648648649;
  }
}
.webwijs-contentblock.image-contentblock .image-container .imgbg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 70px;
  left: 70px;
}
.webwijs-contentblock.image-contentblock .image-container .imgbg.orange {
  background-color: #f29225;
}
.webwijs-contentblock.image-contentblock .image-container .imgbg.yellow {
  background-color: #ffd51a;
}
.webwijs-contentblock.image-contentblock .image-container .imgbg.pink {
  background-color: #cd94c1;
}
.webwijs-contentblock.image-contentblock .image-container .imgbg.turquoise {
  background-color: #94d2e4;
}
.webwijs-contentblock.image-contentblock .image-container .imgbg.green {
  background-color: #bbd035;
}
@media only screen and (max-width: 63.9em) {
  .webwijs-contentblock.image-contentblock .image-container .imgbg {
    top: 20px;
    left: 20px;
  }
}
.webwijs-contentblock.image-contentblock .image-container.img-right .imgbg {
  left: unset;
  right: 70px;
}
@media only screen and (max-width: 63.9em) {
  .webwijs-contentblock.image-contentblock .image-container.img-right .imgbg {
    right: 20px;
  }
}
.webwijs-contentblock.image-contentblock .contentholder {
  padding: 50px 0;
}
@media only screen and (max-width: 63.9em) {
  .webwijs-contentblock.image-contentblock .contentholder {
    padding: 40px 0 0;
  }
}
.webwijs-contentblock.employee .employee-cta {
  display: flex;
}
.webwijs-contentblock.employee .employee-cta .image {
  position: relative;
  width: 31.25%;
  background-size: cover;
  background-position: center;
  flex-grow: 1;
}
@media only screen and (min-width: 64em) {
  .webwijs-contentblock.employee .employee-cta .image {
    min-width: 400px;
    aspect-ratio: 0.9523809524;
  }
}
@media only screen and (min-width: 40em) and (max-width: 63.9em) {
  .webwijs-contentblock.employee .employee-cta .image {
    min-width: 40%;
  }
}
.webwijs-contentblock.employee .employee-cta .image .content-holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px 0 20px;
  position: absolute;
  z-index: 10;
  inset: auto 0 20px 0;
}
.webwijs-contentblock.employee .employee-cta .image .content-holder .logo {
  width: 60px;
  height: 60px;
}
@media only screen and (max-width: 63.9em) {
  .webwijs-contentblock.employee .employee-cta .image .content-holder .logo {
    display: none;
  }
}
.webwijs-contentblock.employee .employee-cta .image .content-holder .name {
  font-family: "Overpass", sans-serif;
  font-size: clamp(18px, 4vw, 24px);
  font-weight: 700;
  line-height: 1.25;
  color: #ffffff;
}
.webwijs-contentblock.employee .employee-cta .image .bg {
  position: absolute;
  inset: auto 0 0 0;
  z-index: 5;
  height: 100px;
  background-image: linear-gradient(0deg, rgba(17, 17, 17, 0.8) 0%, rgba(17, 17, 17, 0) 99%);
}
.webwijs-contentblock.employee .employee-cta .info {
  --padding: clamp(20px, 6vw, 100px);
  background-color: #f29225;
  padding: clamp(20px, 6vw, 80px) var(--padding) clamp(40px, 6vw, 80px) var(--padding);
  color: #111111;
  flex-grow: 1;
  display: grid;
  align-items: center;
}
.webwijs-contentblock.employee .employee-cta .info .desc h3 {
  font-family: "Overpass", sans-serif;
  font-size: clamp(24px, 4vw, 36px);
  font-weight: 700;
  line-height: 1.25;
  color: #111111;
  margin-bottom: 30px;
}
.webwijs-contentblock.employee .employee-cta .info .desc p {
  color: #111111;
  margin: 0 0 40px 0;
}
.webwijs-contentblock.employee .employee-cta .info .contact a.phone {
  font-family: "Overpass", sans-serif;
  font-size: clamp(16px, 4vw, 20px);
  font-weight: 700;
  line-height: 1;
  color: #111111;
  position: relative;
  white-space: nowrap;
  text-decoration: none;
  padding-left: 20px;
}
.webwijs-contentblock.employee .employee-cta .info .contact a.phone:before {
  font-family: "IcoFont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: "";
  color: #111111;
  font-size: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.webwijs-contentblock.employee .employee-cta .info .contact a.phone:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 40em) {
  .webwijs-contentblock.employee .employee-cta {
    flex-direction: column;
  }
  .webwijs-contentblock.employee .employee-cta .image {
    width: 100%;
    aspect-ratio: 1;
  }
}
@media only screen and (min-width: 64em) {
  .webwijs-contentblock.project-carousel {
    margin: 130px 0 100px;
  }
}
@media only screen and (min-width: 75em) {
  .webwijs-contentblock.project-carousel {
    margin: 190px 0 160px;
  }
}
.webwijs-contentblock.project-carousel .max-container {
  position: relative;
}
.webwijs-contentblock.project-carousel .slide {
  width: 100%;
  display: flex !important;
}
@media only screen and (min-width: 40em) {
  .webwijs-contentblock.project-carousel .slide {
    min-height: 760px;
  }
}
@media (min-width: 641px) and (max-width: 767px) {
  .webwijs-contentblock.project-carousel .slide {
    min-height: 600px;
  }
}
.webwijs-contentblock.project-carousel .slide .image {
  position: relative;
  width: 67%;
  background-size: cover;
  background-position: center;
}
.webwijs-contentblock.project-carousel .slide .image .btn {
  position: absolute;
  z-index: 10;
  left: 70px;
  bottom: 70px;
}
@media only screen and (max-width: 63.9em) {
  .webwijs-contentblock.project-carousel .slide .image .btn {
    right: 20px;
    bottom: 20px;
    left: unset;
  }
}
.webwijs-contentblock.project-carousel .slide .image .bg {
  position: absolute;
  z-index: 5;
  inset: calc(100% - 190px) 0 0 0;
  background-image: linear-gradient(0deg, rgba(17, 17, 17, 0.8) 0%, rgba(17, 17, 17, 0) 99%);
}
.webwijs-contentblock.project-carousel .slide .content {
  width: 33%;
  background-color: #111111;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(0.9375em, 4vw, 70px) clamp(0.9375em, 4vw, 70px) 70px clamp(0.9375em, 4vw, 70px);
}
.webwijs-contentblock.project-carousel .slide .content .top h3 {
  font-family: "Overpass", sans-serif;
  font-size: clamp(22px, 4vw, 36px);
  font-weight: 700;
  line-height: 1.25;
  color: #ffffff;
}
.webwijs-contentblock.project-carousel .slide .content .top .terms {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 30px;
}
.webwijs-contentblock.project-carousel .slide .content .top .terms .item {
  font-family: "Overpass", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #111111;
  text-transform: uppercase;
  background-color: #ffffff;
  padding: 10px 10px 6px 10px;
}
.webwijs-contentblock.project-carousel .slide .content .bottom .quote {
  margin-bottom: 40px;
  font-family: "Overpass", sans-serif;
  font-size: clamp(16px, 4vw, 21px);
  font-weight: 300;
  line-height: 1.6;
  color: #ffffff;
}
@media (max-width: 94em) {
  .webwijs-contentblock.project-carousel .slide .image, .webwijs-contentblock.project-carousel .slide .content {
    width: 50%;
  }
}
@media (max-width: 48em) {
  .webwijs-contentblock.project-carousel .slide {
    flex-direction: column;
  }
  .webwijs-contentblock.project-carousel .slide .image, .webwijs-contentblock.project-carousel .slide .content {
    width: 100%;
  }
  .webwijs-contentblock.project-carousel .slide .image {
    aspect-ratio: 1.7777777778;
  }
}
.webwijs-contentblock.project-carousel .mob-project-btn {
  margin-top: 30px;
}
.webwijs-contentblock.marquee {
  width: 100vw;
  max-width: 100%;
  overflow-x: hidden;
}
@media only screen and (min-width: 64em) {
  .webwijs-contentblock.marquee {
    margin: 190px 0 160px;
  }
}
.webwijs-contentblock.marquee .track {
  position: relative;
  white-space: nowrap;
  margin-bottom: 60px;
}
.webwijs-contentblock.marquee .track .track-1, .webwijs-contentblock.marquee .track .track-2 {
  display: inline-block;
  position: relative;
}
.webwijs-contentblock.marquee .track .track-1 {
  animation: marquee 32s linear infinite;
}
.webwijs-contentblock.marquee .track .track-2 {
  animation: marquee2 32s linear infinite;
  animation-delay: 16s;
}
.webwijs-contentblock.marquee .track .item {
  position: relative;
  font-family: "Overpass", sans-serif;
  font-size: clamp(50px, 5vw, 90px);
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  -webkit-text-stroke: 2px #111111;
  display: inline-flex;
  align-items: center;
  letter-spacing: -4px;
}
.webwijs-contentblock.marquee .track .item:after {
  content: "";
  width: 100px;
  height: 2px;
  background-color: #111111;
  margin: 0 14px;
  position: relative;
  top: 8px;
}
@media only screen and (max-width: 63.9em) {
  .webwijs-contentblock.marquee .track .item:after {
    top: 0px;
    width: 40px;
  }
}
.webwijs-contentblock.marquee .desc {
  margin-left: auto;
  margin-right: auto;
  width: 40%;
  text-align: center;
}
@media only screen and (max-width: 63.9em) {
  .webwijs-contentblock.marquee .desc {
    width: 100%;
    padding: 0 0.9375rem;
  }
}
@media only screen and (min-width: 64em) {
  .webwijs-contentblock.service-accordion {
    margin: 100px 0;
  }
}
@media only screen and (min-width: 75em) {
  .webwijs-contentblock.service-accordion {
    margin: 160px 0 0;
  }
}
@media only screen and (max-width: 63.9em) {
  .webwijs-contentblock.service-accordion {
    margin: 100px 0 0;
  }
}
@media only screen and (max-width: 40em) {
  .webwijs-contentblock.service-accordion {
    margin: 40px 0 0;
  }
}
.webwijs-contentblock.service-accordion .service-accordion-container {
  margin-bottom: 0;
}
.webwijs-contentblock.form-employee .wrapper {
  position: relative;
  color: #111111;
  padding: clamp(40px, 6vw, 100px) clamp(40px, 6vw, 70px) clamp(40px, 6vw, 100px) clamp(40px, 6vw, 100px);
  display: flex;
  justify-content: center;
}
.webwijs-contentblock.form-employee .wrapper.transparent {
  background-color: transparent;
  padding: 0 clamp(0px, 6vw, 100px);
}
.webwijs-contentblock.form-employee .wrapper.transparent .form .gform_wrapper .gform_heading .gform_description {
  color: #70706a;
}
.webwijs-contentblock.form-employee .wrapper.orange {
  background-color: #f29225;
}
.webwijs-contentblock.form-employee .wrapper.yellow {
  background-color: #ffd51a;
}
.webwijs-contentblock.form-employee .wrapper.blue {
  background-color: #7fa2d5;
}
.webwijs-contentblock.form-employee .wrapper.turquoise {
  background-color: #94d2e4;
}
.webwijs-contentblock.form-employee .wrapper.green {
  background-color: #bbd035;
}
@media only screen and (min-width: 64em) {
  .webwijs-contentblock.form-employee .wrapper .form {
    width: 67%;
  }
}
@media only screen and (max-width: 63.9em) {
  .webwijs-contentblock.form-employee .wrapper .form {
    width: 80%;
  }
}
@media only screen and (max-width: 40em) {
  .webwijs-contentblock.form-employee .wrapper .form {
    width: 100%;
  }
}
.webwijs-contentblock.form-employee .wrapper.with-employee {
  padding: clamp(40px, 6vw, 100px) clamp(40px, 6vw, 70px) clamp(40px, 6vw, 100px) clamp(40px, 6vw, 100px);
  justify-content: space-between;
}
@media only screen and (min-width: 64em) {
  .webwijs-contentblock.form-employee .wrapper.with-employee .form {
    width: 56%;
  }
}
@media only screen and (max-width: 63.9em) {
  .webwijs-contentblock.form-employee .wrapper.with-employee .form {
    width: 80%;
  }
}
@media only screen and (max-width: 40em) {
  .webwijs-contentblock.form-employee .wrapper.with-employee .form {
    width: 100%;
  }
}
@media only screen and (min-width: 64em) {
  .webwijs-contentblock.form-employee .wrapper.with-employee .form .ginput_container {
    width: 67%;
  }
}
.webwijs-contentblock.form-employee .wrapper.with-employee .form .required {
  width: 33%;
}
.webwijs-contentblock.form-employee .wrapper.with-employee .employee {
  width: 26%;
  position: absolute;
  top: -70px;
  right: 70px;
}
.webwijs-contentblock.form-employee .wrapper.with-employee .employee .image {
  position: relative;
  width: 100%;
  aspect-ratio: 1.1379310345;
  background-size: cover;
  background-position: center;
}
.webwijs-contentblock.form-employee .wrapper.with-employee .employee .image .name {
  position: absolute;
  inset: auto 0 0 0;
  background-image: linear-gradient(0deg, rgba(17, 17, 17, 0.8) 0%, rgba(17, 17, 17, 0) 99%);
  height: 100px;
  font-family: "Overpass", sans-serif;
  font-size: clamp(18px, 4vw, 24px);
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 0 40px;
}
.webwijs-contentblock.form-employee .wrapper.with-employee .employee .info {
  background-color: #111111;
  color: #ffffff;
  padding: 40px;
}
.webwijs-contentblock.form-employee .wrapper.with-employee .employee .info a {
  display: block;
  font-family: "Overpass", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #ffffff;
}
.webwijs-contentblock.form-employee .wrapper.with-employee .employee .info a:before {
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
}
.webwijs-contentblock.form-employee .wrapper.with-employee .employee .info a.phone {
  margin-bottom: 2px;
}
.webwijs-contentblock.form-employee .wrapper.with-employee .employee .info a.phone:before {
  font-family: "IcoFont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: "";
}
.webwijs-contentblock.form-employee .wrapper.with-employee .employee .info a.email:before {
  font-family: "IcoFont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: "";
}
@media only screen and (max-width: 63.9em) {
  .webwijs-contentblock.form-employee .wrapper.with-employee .employee {
    position: relative;
    width: 100%;
    top: 100%;
    right: 0;
  }
}
@media only screen and (max-width: 63.9em) and (min-width: 40em) and (max-width: 63.9em) {
  .webwijs-contentblock.form-employee .wrapper.with-employee .employee {
    display: flex;
  }
  .webwijs-contentblock.form-employee .wrapper.with-employee .employee .image {
    width: 33%;
    aspect-ratio: 1;
  }
  .webwijs-contentblock.form-employee .wrapper.with-employee .employee .info {
    flex-grow: 1;
  }
}
@media only screen and (max-width: 63.9em) and (max-width: 40em) {
  .webwijs-contentblock.form-employee .wrapper.with-employee .employee .image {
    position: absolute;
    right: 20px;
    top: -20px;
    width: 20%;
    aspect-ratio: 1;
  }
  .webwijs-contentblock.form-employee .wrapper.with-employee .employee .image .name {
    display: none;
  }
  .webwijs-contentblock.form-employee .wrapper.with-employee .employee .info {
    width: 100%;
    padding: 20px;
  }
  .webwijs-contentblock.form-employee .wrapper.with-employee .employee .info a {
    font-size: 14px;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 63.9em) {
  .webwijs-contentblock.form-employee .wrapper.with-employee {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}
@media only screen and (max-width: 40em) {
  .webwijs-contentblock.form-employee .wrapper {
    padding: 0;
  }
}
@media only screen and (min-width: 64em) {
  .webwijs-contentblock.webwijs-quote {
    margin: 100px 0 60px;
  }
}
@media only screen and (min-width: 75em) {
  .webwijs-contentblock.webwijs-quote {
    margin: 160px 0 80px;
  }
}
@media only screen and (max-width: 63.9em) {
  .webwijs-contentblock.webwijs-quote {
    margin: 100px 0 50px;
  }
}
@media only screen and (max-width: 40em) {
  .webwijs-contentblock.webwijs-quote {
    margin: 40px 0 20px;
  }
}
@media only screen and (min-width: 64em) {
  .webwijs-contentblock.webwijs-quote + .webwijs-contentblock {
    margin: 80px 0;
  }
}
@media only screen and (max-width: 63.9em) {
  .webwijs-contentblock.webwijs-quote + .webwijs-contentblock {
    margin: 50px 0;
  }
}
@media only screen and (max-width: 40em) {
  .webwijs-contentblock.webwijs-quote + .webwijs-contentblock {
    margin: 20px 0;
  }
}
.webwijs-contentblock.webwijs-quote .quote {
  font-family: "Overpass", sans-serif;
  font-size: clamp(22px, 4vw, 36px);
  font-weight: 400;
  line-height: 1.25;
  color: #111111;
}
.webwijs-contentblock.webwijs-quote .infowrapper {
  margin-top: 36px;
  display: flex;
  align-items: center;
  gap: 30px;
  border-bottom: 2px solid #eaeaea;
}
@media only screen and (min-width: 64em) {
  .webwijs-contentblock.webwijs-quote .infowrapper {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 63.9em) {
  .webwijs-contentblock.webwijs-quote .infowrapper {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 40em) {
  .webwijs-contentblock.webwijs-quote .infowrapper {
    padding-bottom: 20px;
  }
}
.webwijs-contentblock.webwijs-quote .infowrapper .image {
  width: 70px;
  height: 70px;
  background-size: cover;
  background-position: center;
}
.webwijs-contentblock.webwijs-quote .infowrapper .info .name {
  font-family: "Overpass", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  color: #111111;
  margin-bottom: 8px;
}
.webwijs-contentblock.webwijs-quote .infowrapper .info .function {
  font-family: "Overpass", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  color: #70706a;
}
.webwijs-contentblock.project-list .singular-content h3 {
  margin: 0 0 40px 0;
}
.nav {
  background-color: #f29225;
  color: #111111;
  width: 290px;
  aspect-ratio: 1;
  position: absolute;
  top: -70px;
  left: 70px;
  z-index: 10;
  padding: clamp(20px, 4vw, 40px);
}
.nav h3 {
  font-family: "Overpass", sans-serif;
  font-size: clamp(18px, 4vw, 28px);
  font-weight: 400;
  line-height: 1;
  color: #111111;
  margin: 0;
}
.nav .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: clamp(20px, 4vw, 40px);
  right: clamp(20px, 4vw, 40px);
  bottom: clamp(20px, 4vw, 40px);
}
.nav .bottom .arrows {
  display: flex;
}
.nav .bottom .arrows .arrow {
  position: relative;
  border: 2px solid #111111;
  width: 50px;
  height: 50px;
  cursor: pointer;
  line-height: 1;
  transition: all 300ms linear;
}
.nav .bottom .arrows .arrow:after {
  content: "";
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  inset: 0;
  transition: all 300ms linear;
}
.nav .bottom .arrows .arrow.next {
  position: relative;
  left: -2px;
}
.nav .bottom .arrows .arrow.next:after {
  background-image: url("../img/arrow-right-black.svg");
}
.nav .bottom .arrows .arrow.prev:after {
  background-image: url("../img/arrow-left-black.svg");
}
.nav .bottom .arrows .arrow:hover {
  background-color: #111111;
}
.nav .bottom .arrows .arrow:hover:after {
  filter: invert(100%);
}
.nav .bottom .counter {
  font-family: "Overpass", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #111111;
}
@media only screen and (max-width: 63.9em) {
  .nav {
    aspect-ratio: unset;
    top: 0;
    left: 0;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .nav .bottom {
    position: relative;
    inset: auto;
    flex-direction: row-reverse;
    gap: 20px;
  }
}
.page-template-template-projects .faceted-search-content {
  margin-top: clamp(40px, 6vw, 100px);
}
.page-template-template-projects .faceted-search-footer {
  text-align: center;
  margin-top: 40px;
}
.project-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #111111;
}
.project-item .image {
  width: 100%;
  aspect-ratio: 1.1764705882;
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 40px;
}
.project-item .image .terms {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 30px;
}
.project-item .image .terms .item {
  font-family: "Overpass", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #111111;
  text-transform: uppercase;
  background-color: #ffffff;
  padding: 10px 10px 6px 10px;
}
.project-item .image .arrow {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #111111;
  color: #ffffff;
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  transition: background-color 300ms linear;
}
.project-item .image .arrow:before {
  content: "";
  background-image: url(../img/arrow-right-white.svg);
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  inset: 0;
}
.project-item .info {
  align-self: stretch;
  padding: 40px;
  background-color: #111111;
  font-family: "Overpass", sans-serif;
  font-size: clamp(18px, 4vw, 16px);
  font-weight: 400;
  line-height: 1.67;
  color: #ffffff;
}
.project-item:hover {
  text-decoration: none;
}
.project-item:hover .arrow {
  background-color: #f29225;
}
.section-project-details .project-details {
  position: relative;
}
@media only screen and (min-width: 64em) {
  .section-project-details .project-details {
    margin-top: -280px;
  }
}
@media only screen and (max-width: 63.9em) {
  .section-project-details .project-details {
    width: 100%;
    margin-top: 20px;
    float: right;
  }
}
.section-project-details .project-details a.back {
  width: 58px;
  height: 58px;
  background-color: #ffffff;
  display: block;
  transform: translateX(-100%);
  position: relative;
  z-index: 10;
}
@media (min-width: 64em) and (max-width: 1540px) {
  .section-project-details .project-details a.back {
    transform: translate(0, 0);
    background-color: #f29225;
  }
}
@media only screen and (min-width: 40em) and (max-width: 63.9em) {
  .section-project-details .project-details a.back {
    transform: translate(0, -100px);
  }
}
@media only screen and (max-width: 40em) {
  .section-project-details .project-details a.back {
    transform: translate(0, -92px);
  }
}
.section-project-details .project-details a.back:after {
  content: "";
  background-image: url(../img/arrow-left-black.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  inset: 0;
  transition: all 300ms linear;
}
.section-project-details .project-details a.back:hover {
  background-color: #f29225;
}
.section-project-details .project-details a.back:hover:after {
  filter: invert(100%);
}
@media only screen and (max-width: 63.9em) {
  .section-project-details .project-details a.back {
    background-color: #f29225;
  }
}
.section-project-details .project-details .inner {
  background: #111111;
  color: #ffffff;
  padding: clamp(20px, 5vw, 50px);
}
@media only screen and (max-width: 63.9em) {
  .section-project-details .project-details .inner {
    margin-top: -58px;
  }
}
.section-project-details .project-details .inner h1 {
  font-family: "Overpass", sans-serif;
  font-size: clamp(20px, 4vw, 28px);
  font-weight: 700;
  line-height: 1.25;
  color: #ffffff;
}
.section-project-details .project-details .inner .details .item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 36px;
}
.section-project-details .project-details .inner .details .item .label {
  font-family: "Overpass", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  color: #aeaea9;
}
.section-project-details .project-details .inner .details .item .value {
  font-family: "Overpass", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.25;
  color: #ffffff;
}
.section-project-details .project-details .inner .details .item .value:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #f29225;
  margin-right: 19px;
  position: relative;
  top: 1px;
}
.section-project-details .project-details .inner .contact {
  margin-top: 40px;
}
.section-project-details .project-details .inner .contact span {
  font-family: "Overpass", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  color: #aeaea9;
  display: inline-block;
  margin-bottom: 10px;
}
.section-project-details .project-details .inner .contact .btn {
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 64em) {
  .section-project-details .project-lead {
    margin-top: 140px;
  }
}
.section-project-gallery {
  position: relative;
}
.section-project-gallery .grid-container {
  position: relative;
}
@media only screen and (max-width: 63.9em) {
  .section-project-gallery .grid-container {
    padding: 0;
  }
}
.section-project-gallery .nav {
  left: 0;
}
.section-project-gallery .project-gallery {
  height: var(--height);
}
@media only screen and (min-width: 64em) {
  .section-project-gallery .project-gallery {
    --height: 600px;
  }
}
@media only screen and (min-width: 40em) and (max-width: 63.9em) {
  .section-project-gallery .project-gallery {
    --height: 400px;
  }
}
@media only screen and (max-width: 40em) {
  .section-project-gallery .project-gallery {
    --height: 280px;
  }
}
.section-project-gallery .project-gallery .slick-slide {
  margin: 0 20px;
}
.section-project-gallery .project-gallery img {
  min-height: var(--height);
  max-height: var(--height);
  object-fit: contain;
}
.section-employees {
  padding: clamp(60px, 10vw, 170px) 0;
}
div.employee-item {
  position: relative;
  display: flex;
  flex-direction: column;
}
div.employee-item:nth-of-type(1n) {
  --bgColor: #FFD51A;
}
div.employee-item:nth-of-type(2n) {
  --bgColor: #7fa2d5;
}
div.employee-item:nth-of-type(3n) {
  --bgColor: #cd94c1;
}
div.employee-item:nth-of-type(4n) {
  --bgColor: #94d2e4;
}
div.employee-item:nth-of-type(5n) {
  --bgColor: #bbd035;
}
div.employee-item a {
  height: 100%;
  background-color: var(--bgColor);
}
div.employee-item a .image {
  position: relative;
  width: 100%;
  aspect-ratio: 1.3793103448;
  background-size: cover;
  background-position: center;
  background-color: #e5e5e5;
}
div.employee-item a .image .name-wrapper {
  position: absolute;
  z-index: 10;
  inset: auto 30px 20px 30px;
}
div.employee-item a .image .name-wrapper h4 {
  font-family: "Overpass", sans-serif;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 700;
  line-height: 1.25;
  color: #ffffff;
}
div.employee-item a .image .name-wrapper .function {
  font-family: "Overpass", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  color: #ffffff;
  margin-top: 8px;
}
div.employee-item a .image .arrow {
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 7;
  background-color: var(--bgColor);
  transition: all 300ms linear;
}
div.employee-item a .image .arrow:after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(../img/arrow-right-black.svg);
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 300ms linear;
}
div.employee-item a .image:after {
  content: "";
  position: absolute;
  inset: 71% 0 0 0;
  z-index: 5;
  background-image: linear-gradient(0deg, rgba(17, 17, 17, 0.8) 0%, rgba(17, 17, 17, 0.003) 99%, rgba(17, 17, 17, 0) 100%);
}
div.employee-item a .infowrapper {
  background-color: var(--bgColor);
}
div.employee-item a .infowrapper .quote {
  font-family: "Overpass", sans-serif;
  font-size: clamp(16px, 4vw, 18px);
  font-weight: 400;
  line-height: 1.5;
  color: #111111;
  padding: clamp(24px, 4vw, 40px);
}
div.employee-item a:hover {
  text-decoration: none;
}
div.employee-item a:hover * {
  text-decoration: none;
}
div.employee-item a:hover .image .arrow {
  background: #111111;
}
div.employee-item a:hover .image .arrow:after {
  filter: invert(100%);
}
div.employee-item .contact {
  background-color: var(--bgColor);
  display: flex;
  border-top: 2px solid #111111;
}
div.employee-item .contact a {
  font-family: "Overpass", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  color: #111111;
  display: block;
  flex-grow: 1;
  flex-basis: 50%;
  padding: 15px 0;
  text-align: center;
}
div.employee-item .contact a:nth-of-type(2) {
  border-left: 2px solid #111111;
}
div.employee-item .contact a:before {
  font-size: 16px;
  display: inline-block;
  margin-right: 4px;
}
div.employee-item .contact a.mail:before {
  font-family: "IcoFont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: "";
}
div.employee-item .contact a.linkedin:before {
  font-family: "IcoFont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: "";
}
div.employee-item .contact a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #111111;
}
.section-about-top {
  padding: 10px 0 clamp(0px, 10vw, 90px);
}
@media only screen and (min-width: 64em) {
  .section-about-top {
    margin-top: 80px;
  }
}
.section-about-top:before {
  inset: -70px 62.5% 0 0;
}
.section-about-top .about-links {
  margin: 50px 0 0;
}
.section-about-top .about-links .link .image {
  position: relative;
  width: 100%;
  aspect-ratio: 1.55;
  background-size: cover;
  background-position: center;
}
.section-about-top .about-links .link .image .page-title {
  position: absolute;
  z-index: 10;
  inset: auto 50px 40px 50px;
}
.section-about-top .about-links .link .image .page-title h4 {
  font-family: "Overpass", sans-serif;
  font-size: clamp(18px, 4vw, 28px);
  font-weight: 700;
  line-height: 1.25;
  color: #ffffff;
}
.section-about-top .about-links .link .image .arrow {
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-image: url(../img/arrow-right-white.svg);
  background-size: 20px;
  background-position: center;
  background-color: transparent;
  background-repeat: no-repeat;
  border-left: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  transition: all 300ms linear;
}
.section-about-top .about-links .link .image:after {
  content: "";
  position: absolute;
  z-index: 5;
  inset: auto 0 0 0;
  min-height: 122px;
  background-image: linear-gradient(0deg, rgba(17, 17, 17, 0.8) 0%, rgba(17, 17, 17, 0.003) 99%, rgba(17, 17, 17, 0) 100%);
  transition: all 300ms ease-in-out;
}
.section-about-top .about-links .link:hover .arrow {
  background-color: #000;
  border-color: #000;
  filter: invert(100%);
}
.gform_wrapper .gform_heading .gform_required_legend {
  display: none;
}
.gform_wrapper .gform_heading h2.gform_title {
  font-family: "Overpass", sans-serif;
  font-size: clamp(22px, 4vw, 36px);
  font-weight: 700;
  line-height: 1.25;
  color: #111111;
  margin: 0 0 26px 0;
}
.gform_wrapper .gform_heading .gform_description {
  font-family: "Overpass", sans-serif;
  font-size: 18px;
  font-weight: 400;
}
.gform_wrapper .gform_validation_errors {
  display: none;
}
.gform_wrapper form {
  margin-top: 40px;
}
.gform_wrapper form .gform_body .gfield {
  margin: 0 0 16px 0;
}
.gform_wrapper form .gform_body .gfield.hidden_label .gfield_label {
  display: none;
}
@media only screen and (min-width: 40em) {
  .gform_wrapper form .gform_body .gfield {
    display: flex;
    justify-content: space-between;
  }
}
.gform_wrapper form .gform_body .gfield .gfield_label {
  font-family: "Overpass", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #111111;
}
@media only screen and (min-width: 40em) {
  .gform_wrapper form .gform_body .gfield .gfield_label {
    padding-top: 12px;
  }
}
@media only screen and (min-width: 40em) {
  .gform_wrapper form .gform_body .gfield .ginput_container {
    width: 72%;
  }
}
.gform_wrapper form .gform_body .gfield .ginput_container input, .gform_wrapper form .gform_body .gfield .ginput_container textarea {
  width: 100%;
  resize: vertical;
  border: 2px solid #111111;
  border-radius: 0;
  padding: 10px;
  font-family: "Overpass", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #70706a;
}
.gform_wrapper form .gform_body .gfield .gfield_validation_message {
  display: none;
}
.gform_wrapper form .gform_body .gfield.gfield_error .ginput_container input, .gform_wrapper form .gform_body .gfield.gfield_error .ginput_container textarea {
  border-color: #F22B25;
}
.gform_wrapper form .gform_footer {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
}
.gform_wrapper form .gform_footer .custom-footer {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}
@media only screen and (max-width: 40em) {
  .gform_wrapper form .gform_footer .custom-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}
.gform_wrapper form .gform_footer .required {
  display: block;
  width: 28%;
}
.gform_wrapper form .gform_footer input[type="submit"] {
  font-family: "Overpass", sans-serif;
  font-size: clamp(16px, 4vw, 18px);
  font-weight: 700;
  line-height: 46px;
  color: #111111;
  background-color: transparent;
  padding: 0 20px;
  height: 50px;
  border: 2px solid #111111;
  transition: all 300ms linear;
  border-radius: 0;
}
.gform_wrapper form .gform_footer input[type="submit"]:hover {
  background-color: #111111;
  color: #ffffff;
}
@media only screen and (max-width: 40em) {
  .gform_wrapper form .gform_footer {
    justify-content: space-between;
  }
  .gform_wrapper form .gform_footer .required {
    white-space: nowrap;
  }
}
@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes marquee2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-200%);
  }
}