html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}

body {
  background-color: #eee;
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

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

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

blockquote, q {
  quotes: "" "";
}

a img {
  border: 0;
}

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

@font-face {
  font-family: "Newake";
  src: url("../fonts/newake-font-demo.otf");
}
html, body {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow-x: clip;
}

h1 {
  width: 100%;
  padding-bottom: 36px;
  font-family: "Newake", sans-serif;
  font-kerning: normal;
  font-size: 4.625rem;
}
@media screen and (min-width: 861px) {
  h1 {
    font-size: 7.625rem;
  }
}
@media screen and (min-width: 1113px) {
  h1 {
    font-size: 9.125rem;
  }
}

h2 {
  width: 100%;
  font-family: "Newake", sans-serif;
  font-kerning: normal;
  font-size: 3rem;
}
@media screen and (min-width: 861px) {
  h2 {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1113px) {
  h2 {
    font-size: 4.6875rem;
  }
}

h3 {
  width: 100%;
  margin-bottom: 48px;
  font-size: 1.875rem;
  line-height: 1.25;
}
@media screen and (min-width: 1113px) {
  h3 {
    font-size: 2.625rem;
  }
}

h5 {
  margin-bottom: 12px;
  font-size: 1rem;
  font-family: "Newake", sans-serif;
  font-kerning: normal;
}
@media screen and (min-width: 861px) {
  h5 {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1113px) {
  h5 {
    font-size: 1.375rem;
  }
}

p {
  margin-bottom: 30px;
  font-size: 1.0625rem;
  line-height: 2;
}
@media screen and (min-width: 1113px) {
  p {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 861px) {
  br.mobile-only {
    display: none;
  }
}

em {
  font-style: italic;
}

html, body {
  position: relative;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  font-family: "Red Hat Display", sans-serif;
  font-kerning: normal;
  color: #ffffff;
  scroll-behavior: smooth;
  transition: left 1s;
}

#contact-us #contact-form, .what-we-do .video-container, .what-we-do .foci .focus-panel .action, .what-we-do .case-study .cs-heading, .what-we-do .case-study .content .cat, .what-we-do #how-it-works .step .step-box, .what-we-do #how-it-works .step .icon, #home #foot-visuals, .button-container, footer #boring-stuff #legal #legal-menu, html, body {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
}

#contact-us #intro, .what-we-do .foci .panels, .what-we-do .foci .focus-panel, .what-we-do .case-study .content .case-categories, .what-we-do .case-study #infographics, .what-we-do #how-it-works #how-steps, .what-we-do #how-it-works .step, #about-us #our-purpose .gallery, #about-us #our-mission .gallery, #about-us #our-vision .gallery, #about-us #press .gallery, #about-us #our-leadership #leaders, #home #testimonials .content .testimonial, footer, footer #boring-stuff, header, header #primary-nav #header-menu, .ui-container, .block, form, .forminator-row, .forminator-field {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.scrollable {
  position: relative;
  width: 100%;
  max-width: 1920px;
}

.ui-container {
  position: relative;
  justify-content: center;
  width: 100%;
  max-width: 1920px;
  overflow-x: clip;
}

.half {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  display: none;
  width: 50vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.1);
}

#box-silhouette {
  position: fixed;
  z-index: 9999999999;
  display: flex;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  background-color: transparent;
}
#box-silhouette img {
  width: 900px;
  height: auto;
}

.max {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1441px) {
  .max {
    max-width: 1440px;
  }
}

.container {
  width: 100%;
}

.block {
  position: relative;
  padding: 26px 42px 0;
  width: 100%;
}
@media screen and (min-width: 861px) {
  .block {
    padding: 26px 48px;
    max-width: 1112px;
  }
}
@media screen and (min-width: 1113px) {
  .block {
    padding: 52px 96px;
    max-width: 1440px;
  }
}
.block .content {
  position: relative;
  z-index: 1;
  height: auto;
}

.whitespace {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100px;
  background-color: #ffffff;
}
.whitespace.salmon {
  background-color: #FF635E;
}
.whitespace.lightblue {
  background-color: #00AAFF;
}
.whitespace.mediumblue {
  background-color: #002030;
}
.whitespace.darkblue {
  background-color: #00131C;
}
.whitespace.future {
  margin-top: -600px;
  height: 650px;
  clip-path: polygon(0 490px, 810px 605px, 1920px 0, 1920px 100%, 0 100%);
}
@media screen and (min-width: 861px) {
  .whitespace.future {
    margin-top: -605px;
    height: 695px;
    clip-path: polygon(0 490px, 810px 605px, 1920px 0, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  .whitespace.future {
    margin-top: -480px;
    height: 600px;
    clip-path: polygon(0 335px, 1040px 480px, 1920px 0, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  .whitespace.future {
    margin-top: -310px;
    height: 540px;
    clip-path: polygon(0 120px, 1350px 310px, 1920px 0, 1920px 100%, 0 100%);
  }
}
.whitespace.mission {
  margin-top: -600px;
  height: 650px;
  clip-path: polygon(0 490px, 810px 605px, 1920px 0, 1920px 100%, 0 100%);
}
@media screen and (min-width: 861px) {
  .whitespace.mission {
    margin-top: -605px;
    height: 695px;
    clip-path: polygon(0 490px, 810px 605px, 1920px 0, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  .whitespace.mission {
    margin-top: -480px;
    height: 560px;
    clip-path: polygon(0 335px, 1040px 480px, 1920px 0, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  .whitespace.mission {
    margin-top: -370px;
    height: 470px;
    clip-path: polygon(0 190px, 1280px 370px, 1920px 0, 1920px 100%, 0 100%);
  }
}

.video-mask {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 1920px;
  max-height: 1080px;
  -webkit-mask-image: url("../images/box-bg.svg");
  -webkit-mask-repeat: no-repeat;
  mask-image: url("../images/box-bg.svg");
  mask-repeat: no-repeat;
  background-color: #000000;
}
.video-mask.image {
  height: auto;
  max-height: unset;
  overflow: hidden;
}
.video-mask.image img {
  object-position: 50% 50%;
  width: 100%;
  height: auto;
}

video {
  position: relative;
  top: -2px;
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 661px) {
  video {
    top: -4px;
  }
}
@media screen and (min-width: 861px) {
  video {
    top: -8px;
  }
}

form {
  width: 100%;
}

.forminator-row {
  position: relative;
  margin-bottom: 36px;
  flex: 1 1 100%;
  justify-content: center;
}
.forminator-row .forminator-col {
  padding-right: 20px;
  flex: 1 1 100%;
}
.forminator-row .forminator-col:last-child {
  padding-right: 0;
}
.forminator-row .forminator-col.forminator-col-12 {
  flex: 0 1 100%;
}

.forminator-field {
  position: relative;
  justify-content: center;
  margin-bottom: 18px;
}
.forminator-field label, .forminator-field input, .forminator-field select, .forminator-field option, .forminator-field textarea {
  width: 100%;
  font-size: 1.25rem;
}
.forminator-field label {
  margin-bottom: 18px;
  font-family: "Newake", sans-serif;
  font-kerning: normal;
  font-size: 24px;
}
.forminator-field input, .forminator-field select {
  padding-bottom: 12px;
  height: 42px;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #FF635E;
}
.forminator-field textarea {
  padding: 12px;
  border: 1px solid #FF635E;
}
.forminator-field select {
  appearance: none;
  background-color: transparent;
  background: url("../images/icons/dropdown-icon.png") no-repeat;
  background-size: 32px;
  background-position: center right;
  font-size: 1.0625rem;
}
.forminator-field button {
  appearance: none;
  padding: 12px 60px;
  margin: 36px 0;
  height: 42px;
  border: none;
  border-radius: 21px;
  background-color: #FF635E;
  font-family: "Newake", sans-serif;
  font-kerning: normal;
  color: #ffffff;
  font-size: 1.25rem;
}
.forminator-field button:hover {
  cursor: pointer;
}
.forminator-field input[type=file]::file-selector-button {
  appearance: none;
  background-color: #FF635E;
  border: none;
  color: #ffffff;
  border-radius: 24px;
}
.forminator-field input[type=file] {
  background: url("../images/icons/upload-icon.png") no-repeat;
  background-size: 32px;
  background-position: center right;
}
.forminator-field input[type=file] button {
  display: none;
}

.forminator-error-message {
  padding-top: 18px;
  color: #FF635E;
}

.forminator-response-message {
  padding: 20px;
  margin-bottom: 24px;
  width: 100%;
  background-color: #FF635E;
  color: #ffffff;
}
.forminator-response-message[aria-hidden=true] {
  display: none;
}

.forminator-file-upload {
  width: 100%;
}

.hitbox {
  clear: both;
}

.animarrow {
  position: relative;
  display: none;
  height: auto;
  overflow: hidden;
}
@media screen and (min-width: 861px) {
  .animarrow {
    display: block;
  }
}
.animarrow img {
  position: relative;
  height: 250px;
}

header {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
  width: 100%;
  height: 80px;
}
@media screen and (min-width: 861px) {
  header {
    position: fixed;
  }
}
@media screen and (min-width: 1113px) {
  header {
    max-width: 1440px;
  }
}
@media screen and (min-width: 1441px) {
  header {
    max-width: 100%;
  }
}
header .container {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 170, 255, 0);
  -webkit-transition-property: height;
  -webkit-transition-duration: 0.25s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: height;
  -moz-transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: height;
  -o-transition-duration: 0.25s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: height;
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
@media screen and (min-width: 1441px) {
  header .container {
    max-width: 1920px;
  }
}
header .container.alt #header-logo .svg path, header .container.alt #hamburger .svg path {
  fill: #00131C !important;
}
header .container.alt #header-logo.active .svg path, header .container.alt #hamburger.active .svg path {
  fill: #ffffff !important;
}
header .container.backdrop {
  height: 50%;
  background-color: rgba(0, 170, 255, 0.9);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
header .container.backdrop #header-logo .svg path {
  fill: #ffffff !important;
}
header .container.backdrop #hamburger .svg path {
  fill: #ffffff !important;
}
header .container .limiter {
  padding: 0 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
}
@media screen and (min-width: 861px) {
  header .container .limiter {
    padding: 0 48px;
  }
}
@media screen and (min-width: 1113px) {
  header .container .limiter {
    padding: 0 96px;
  }
}
header #header-logo {
  position: relative;
  z-index: 999;
  flex: auto;
}
header #header-logo.active .svg path {
  fill: #ffffff !important;
}
header #header-logo img, header #header-logo .svg {
  width: auto;
  height: 20px;
}
header #header-logo img path, header #header-logo .svg path {
  fill: #ffffff;
}
header #primary-nav #menu-container {
  position: fixed;
  top: -100vh;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background-color: #FF635E;
  visibility: hidden;
  -webkit-transition-property: "top";
  -webkit-transition-duration: 0.25s;
  -webkit-transition-timing-function: "ease-in-out";
  -webkit-transition-delay: 0s;
  -moz-transition-property: "top";
  -moz-transition-duration: 0.25s;
  -moz-transition-timing-function: "ease-in-out";
  -moz-transition-delay: 0s;
  -o-transition-property: "top";
  -o-transition-duration: 0.25s;
  -o-transition-timing-function: "ease-in-out";
  -o-transition-delay: 0s;
  transition-property: "top";
  transition-duration: 0.25s;
  transition-timing-function: "ease-in-out";
  transition-delay: 0s;
}
header #primary-nav #menu-container.active {
  visibility: visible;
  top: 0;
}
header #primary-nav #header-menu {
  justify-content: center;
  padding: 140px 42px 26px;
  width: 100%;
}
@media screen and (min-width: 861px) {
  header #primary-nav #header-menu {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1113px) {
  header #primary-nav #header-menu {
    padding: 180px 96px 52px;
  }
}
@media screen and (min-width: 1441px) {
  header #primary-nav #header-menu {
    max-width: 1440px;
  }
}
header #primary-nav #header-menu .menu-item {
  padding: 0 10px;
  width: 50%;
  font-family: "Newake", sans-serif;
  font-kerning: normal;
  font-size: 1.5625rem;
}
@media screen and (min-width: 861px) {
  header #primary-nav #header-menu .menu-item {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1113px) {
  header #primary-nav #header-menu .menu-item {
    font-size: 2.625rem;
  }
}
@media screen and (min-width: 861px) {
  header #primary-nav #header-menu .menu-item:hover a::after {
    width: 100%;
  }
}
@media screen and (min-width: 861px) {
  header #primary-nav #header-menu .menu-item:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    max-height: 100%;
  }
}
header #primary-nav #header-menu .menu-item:nth-child(even) {
  padding-right: 0;
}
header #primary-nav #header-menu .menu-item:nth-child(odd) {
  padding-left: 0;
}
header #primary-nav #header-menu .menu-item .num {
  font-family: "Red Hat Display", sans-serif;
  font-kerning: normal;
  font-size: 1.25rem;
  margin-bottom: 18px;
}
header #primary-nav #header-menu .menu-item a {
  margin-bottom: 18px;
  display: table;
  color: #ffffff;
  text-decoration: none;
}
@media screen and (min-width: 861px) {
  header #primary-nav #header-menu .menu-item a {
    margin-bottom: 36px;
  }
}
header #primary-nav #header-menu .menu-item a::after {
  padding-top: 18px;
  display: block;
  border-bottom: 5px solid #ffffff;
  content: "";
}
@media screen and (min-width: 861px) {
  header #primary-nav #header-menu .menu-item a::after {
    width: 0;
    -webkit-transition-property: width;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition-property: width;
    -moz-transition-duration: 0.25s;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-delay: 0s;
    -o-transition-property: width;
    -o-transition-duration: 0.25s;
    -o-transition-timing-function: ease-in-out;
    -o-transition-delay: 0s;
    transition-property: width;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
  }
}
@media screen and (min-width: 861px) {
  header #primary-nav #header-menu .menu-item .sub-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.25s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.25s;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-delay: 0s;
    -o-transition-property: opacity;
    -o-transition-duration: 0.25s;
    -o-transition-timing-function: ease-in-out;
    -o-transition-delay: 0s;
    transition-property: opacity;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
  }
}
header #primary-nav #header-menu .menu-item .sub-menu .menu-item {
  margin-bottom: 18px;
  padding: 0;
  width: 100%;
  font-family: "Red Hat Display", sans-serif;
  font-kerning: normal;
  font-size: 1.0625rem;
}
@media screen and (min-width: 861px) {
  header #primary-nav #header-menu .menu-item .sub-menu .menu-item {
    margin-bottom: 36px;
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1113px) {
  header #primary-nav #header-menu .menu-item .sub-menu .menu-item {
    font-size: 1.625rem;
  }
}
header #primary-nav #header-menu .menu-item .sub-menu .menu-item:last-child {
  margin-bottom: 0;
}
header #primary-nav #header-menu .menu-item .sub-menu .menu-item a::after {
  padding-top: 6px;
  width: 0;
  border-bottom: 1px solid #ffffff;
}
header #primary-nav #header-menu .menu-item .sub-menu .menu-item a:hover::after {
  width: 100%;
}
header #primary-nav #hamburger {
  position: relative;
  z-index: 999;
  padding: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
}
header #primary-nav #hamburger:hover {
  cursor: pointer;
}
header #primary-nav #hamburger.active .svg {
  rotate: 135deg;
}
header #primary-nav #hamburger.active .svg path {
  fill: #ffffff !important;
}
header #primary-nav #hamburger.active .svg #patty-2 {
  opacity: 1;
}
header #primary-nav #hamburger.active .svg #top-bun, header #primary-nav #hamburger.active .svg #bottom-bun {
  opacity: 0;
}
header #primary-nav #hamburger img, header #primary-nav #hamburger .svg {
  opacity: 1;
  width: 42px;
  height: 42px;
  transform-origin: center;
  -webkit-transition-property: rotate;
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  -moz-transition-property: rotate;
  -moz-transition-duration: 0.35s;
  -moz-transition-timing-function: ease;
  -moz-transition-delay: 0s;
  -o-transition-property: rotate;
  -o-transition-duration: 0.35s;
  -o-transition-timing-function: ease;
  -o-transition-delay: 0s;
  transition-property: rotate;
  transition-duration: 0.35s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
header #primary-nav #hamburger img #top-bun, header #primary-nav #hamburger img #bottom-bun, header #primary-nav #hamburger .svg #top-bun, header #primary-nav #hamburger .svg #bottom-bun {
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.25s;
  -webkit-transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.25s;
  -moz-transition-timing-function: ease;
  -moz-transition-delay: 0s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.25s;
  -o-transition-timing-function: ease;
  -o-transition-delay: 0s;
  transition-property: opacity;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
header #primary-nav #hamburger img #patty-2, header #primary-nav #hamburger .svg #patty-2 {
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.25s;
  -webkit-transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.25s;
  -moz-transition-timing-function: ease;
  -moz-transition-delay: 0s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.25s;
  -o-transition-timing-function: ease;
  -o-transition-delay: 0s;
  transition-property: opacity;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
header #primary-nav #hamburger img #patty-2, header #primary-nav #hamburger .svg #patty-2 {
  opacity: 0;
}
header #primary-nav #hamburger img path, header #primary-nav #hamburger .svg path {
  fill: #ffffff;
}

footer {
  position: relative;
  z-index: 9;
  top: 0;
  clear: both;
  justify-content: center;
  width: 100%;
  background-color: #002030;
}
footer .block {
  padding-top: 72px;
  padding-bottom: 48px;
}
@media screen and (min-width: 861px) {
  footer .block {
    flex-wrap: nowrap;
  }
}
footer #footer-brand-nav {
  padding-bottom: 0;
}
footer a {
  color: #ffffff;
  text-decoration: none;
}
footer #footer-logo {
  margin-bottom: 48px;
  width: 150px;
}
@media screen and (min-width: 861px) {
  footer #footer-logo {
    margin-bottom: 0;
  }
}
footer #footer-logo img, footer #footer-logo .svg {
  width: 100%;
  height: auto;
}
footer #footer-logo img path, footer #footer-logo .svg path {
  fill: #ffffff;
}
footer #footer-menu {
  width: 100%;
}
@media screen and (min-width: 861px) {
  footer #footer-menu {
    display: flex;
    justify-content: flex-end;
  }
}
footer #footer-menu .menu-item {
  margin-bottom: 48px;
  font-size: 1.25rem;
  font-family: "Newake", sans-serif;
  font-kerning: normal;
}
@media screen and (min-width: 861px) {
  footer #footer-menu .menu-item {
    padding-left: 40px;
    margin-bottom: 0;
    max-width: 160px;
  }
  footer #footer-menu .menu-item:first-child {
    padding-left: 0;
  }
}
footer #footer-menu .menu-item a {
  display: block;
  margin-bottom: 36px;
}
@media screen and (min-width: 861px) {
  footer #footer-menu .menu-item a {
    margin-bottom: 24px;
  }
}
footer #footer-menu .menu-item a:hover {
  text-decoration: underline;
}
footer #footer-menu .sub-menu .menu-item {
  margin-bottom: 0;
  font-family: "Red Hat Display", sans-serif;
  font-kerning: normal;
  font-size: 1.0625rem;
}
@media screen and (min-width: 861px) {
  footer #footer-menu .sub-menu .menu-item {
    padding-left: 0;
    font-size: 0.875rem;
  }
}
footer #footer-menu .sub-menu .menu-item.bump {
  margin-top: 48px;
}
footer #footer-menu .sub-menu .menu-item a {
  margin-bottom: 18px;
}
footer #boring-stuff {
  padding-top: 40px;
  justify-content: center;
  width: 100%;
  background-color: #00131C;
  clip-path: polygon(0 60px, 90px 0, 1920px 190px, 1920px 100%, 0 100%);
  font-size: 0.75rem;
}
@media screen and (min-width: 861px) {
  footer #boring-stuff {
    flex-wrap: nowrap;
    clip-path: polygon(0 60px, 90px 0, 1920px 120px, 1920px 100%, 0 100%);
  }
}
footer #boring-stuff #social-copyright {
  flex: 1 1 auto;
  margin-bottom: 18px;
}
@media screen and (min-width: 661px) {
  footer #boring-stuff #social-copyright {
    margin-bottom: 0;
  }
}
footer #boring-stuff #social {
  margin-bottom: 18px;
}
footer #boring-stuff #social .sm-link {
  margin-right: 16px;
}
footer #boring-stuff #social .sm-link img {
  width: 36px;
  height: auto;
}
footer #boring-stuff #legal #legal-menu .menu-item {
  padding-left: 12px;
  margin-left: 12px;
  border-left: 1px solid #ffffff;
}
footer #boring-stuff #legal #legal-menu .menu-item:first-child {
  padding-left: 0;
  margin-left: 0;
  border-left: 0;
}
footer #boring-stuff #legal #legal-menu .menu-item a:hover {
  text-decoration: underline;
}

.button-container {
  padding: 30px 0;
}
@media screen and (min-width: 1113px) {
  .button-container {
    padding: 50px 0;
  }
}

.generic-btn {
  display: flex;
  align-items: center;
  position: relative;
  width: 180px;
  height: 45px;
  background-color: #000000;
  border: none;
  border-radius: 22px;
  font-family: "Newake", sans-serif;
  font-kerning: normal;
  font-size: 1.125rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
}
@media screen and (min-width: 1113px) {
  .generic-btn {
    font-size: 1.25rem;
  }
}
.generic-btn .button-label {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 2px;
  width: 100%;
}
.generic-btn img {
  margin-top: -5px;
  margin-left: 12px;
  width: auto;
  height: 25px;
}
.generic-btn.salmon {
  background-color: #FF635E;
}
.generic-btn.lightblue {
  background-color: #00AAFF;
}
.generic-btn.mediumblue {
  background-color: #002030;
}
.generic-btn.darkblue {
  background-color: #00131C;
}
.generic-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 22px;
  opacity: 0;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.25s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.25s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: opacity;
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
.generic-btn:hover {
  cursor: pointer;
  color: #ffffff;
}
.generic-btn:hover::before {
  opacity: 0.1;
}
.generic-btn.submit {
  flex: 0 1 65px;
  margin-left: 10px;
}

#modal-container {
  display: flex;
  position: fixed;
  z-index: 99999;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
}
#modal-container #ui-cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  -webkit-transition-property: "opacity";
  -webkit-transition-duration: 0.45s;
  -webkit-transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  -moz-transition-property: "opacity";
  -moz-transition-duration: 0.45s;
  -moz-transition-timing-function: ease;
  -moz-transition-delay: 0s;
  -o-transition-property: "opacity";
  -o-transition-duration: 0.45s;
  -o-transition-timing-function: ease;
  -o-transition-delay: 0s;
  transition-property: "opacity";
  transition-duration: 0.45s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
#modal-container #modal-window {
  position: relative;
  top: 50px;
  padding: 20px;
  width: 100%;
  max-width: 300px;
  height: 480px;
  opacity: 0;
  -webkit-transition-property: "opacity, top";
  -webkit-transition-duration: 0.25s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: "opacity, top";
  -moz-transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: "opacity, top";
  -o-transition-duration: 0.25s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: "opacity, top";
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
@media screen and (min-width: 861px) {
  #modal-container #modal-window {
    padding: 30px;
    max-width: 900px;
  }
}
#modal-container #modal-window #ui-cover, #modal-container #modal-window #modal-window {
  display: block;
}
#modal-container #modal-window-v2 {
  position: relative;
  top: 50px;
  padding: 20px 20px;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  opacity: 0;
  -webkit-transition-property: "opacity, top";
  -webkit-transition-duration: 0.25s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: "opacity, top";
  -moz-transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: "opacity, top";
  -o-transition-duration: 0.25s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: "opacity, top";
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
@media screen and (min-width: 661px) {
  #modal-container #modal-window-v2 {
    max-height: 500px;
  }
}
@media screen and (min-width: 861px) {
  #modal-container #modal-window-v2 {
    padding: 30px 48px;
    max-height: 600px;
  }
}
@media screen and (min-width: 1113px) {
  #modal-container #modal-window-v2 {
    padding: 52px 96px;
    max-height: 800px;
  }
}
#modal-container #modal-window-v2 #ui-cover, #modal-container #modal-window-v2 #modal-window-v2 {
  display: block;
}
#modal-container .dynamic {
  position: relative;
  height: 100%;
}
#modal-container .close-btn {
  display: block;
  position: absolute;
  z-index: 10;
  top: 30px;
  right: 42px;
  width: 16px;
  height: 16px;
}
@media screen and (min-width: 861px) {
  #modal-container .close-btn {
    top: 40px;
    right: 57px;
  }
}
@media screen and (min-width: 1113px) {
  #modal-container .close-btn {
    top: 62px;
    right: 106px;
  }
}
#modal-container .close-btn .svg {
  height: 100%;
  width: 100%;
}
#modal-container .close-btn .svg path {
  -webkit-transition-property: fill;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: fill;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: fill;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: fill;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
#modal-container .close-btn:hover {
  cursor: pointer;
}
#modal-container.active {
  position: fixed;
}
#modal-container.active #ui-cover {
  opacity: 1;
}
#modal-container.active #modal-window, #modal-container.active #modal-window-v2 {
  opacity: 1;
  top: 0;
}
#modal-container.hidden {
  display: none;
}
#modal-container.light #ui-cover {
  background-color: rgba(0, 170, 255, 0.9);
}
#modal-container.dark #ui-cover {
  background-color: rgba(0, 0, 0, 0.9);
}
#modal-container.dark #modal-window {
  color: #ffffff;
}
#modal-container.dark #modal-window .close-btn .svg #x-mark {
  fill: #ffffff;
}
#modal-container.dark #modal-window-v2 {
  color: #ffffff;
}
#modal-container.dark #modal-window-v2 .close-btn .svg #x-mark {
  fill: #ffffff;
}
#modal-container #focus-container, #modal-container #profile-container {
  position: relative;
  padding: 20px;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 861px) {
  #modal-container #focus-container, #modal-container #profile-container {
    padding: 30px;
  }
}
@media screen and (min-width: 1113px) {
  #modal-container #focus-container, #modal-container #profile-container {
    padding: 40px;
  }
}
#modal-container #focus-container .container, #modal-container #profile-container .container {
  height: 100%;
}
@media screen and (min-width: 661px) {
  #modal-container #focus-container .container, #modal-container #profile-container .container {
    display: flex;
  }
}
#modal-container #focus-container {
  padding-top: 40px;
  background-color: #002030;
}
#modal-container #focus-container .img-container {
  margin-bottom: 18px;
  width: 100%;
  height: 200px;
  overflow: hidden;
}
@media screen and (min-width: 661px) {
  #modal-container #focus-container .img-container {
    width: auto;
    height: 100%;
  }
}
#modal-container #focus-container .img-container img {
  object-fit: cover;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 661px) {
  #modal-container #focus-container .img-container img {
    width: auto;
    height: 100%;
  }
}
#modal-container #focus-container .content {
  flex: 1;
  height: calc(100% - 220px);
  overflow: auto;
}
@media screen and (min-width: 661px) {
  #modal-container #focus-container .content {
    padding-left: 30px;
    height: 100%;
  }
}
#modal-container #focus-container .content h2 {
  margin-bottom: 18px;
  width: 75%;
  font-size: 1.875rem;
}
@media screen and (min-width: 1113px) {
  #modal-container #focus-container .content h2 {
    font-size: 2.625rem;
  }
}
#modal-container #focus-container .content p, #modal-container #focus-container .content ul {
  font-size: 1.0625rem;
}
@media screen and (min-width: 1113px) {
  #modal-container #focus-container .content p, #modal-container #focus-container .content ul {
    font-size: 1.5rem;
  }
}
#modal-container #focus-container .content ul {
  padding-left: 17px;
  list-style: disc;
}
#modal-container #focus-container .content ul li {
  padding-left: 17px;
  margin-bottom: 18px;
  line-height: 1.5;
}
#modal-container #focus-container .content ul li:last-child {
  margin-bottom: 0;
}
#modal-container #profile-container {
  height: 100%;
  background-color: #ffffff;
}
#modal-container #profile-container .container {
  position: relative;
  justify-content: flex-end;
  height: 100%;
}
#modal-container #profile-container .content {
  position: relative;
  top: 320px;
  flex: 1;
  overflow-y: auto;
  height: calc(100% - 350px);
  color: rgba(0, 0, 0, 0.9);
}
@media screen and (min-width: 661px) {
  #modal-container #profile-container .content {
    padding-left: 20px;
    top: 0;
    flex: 0 1 55%;
    height: calc(100% - 60px);
  }
}
@media screen and (min-width: 861px) {
  #modal-container #profile-container .content {
    padding-left: 30px;
  }
}
@media screen and (min-width: 1113px) {
  #modal-container #profile-container .content {
    padding-left: 40px;
  }
}
#modal-container #profile-container .content h2 {
  margin-bottom: 3px;
  width: 100%;
  font-size: 1.625rem;
}
@media screen and (min-width: 1113px) {
  #modal-container #profile-container .content h2 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1113px) {
  #modal-container #profile-container .content h2 {
    font-size: 2.625rem;
  }
}
#modal-container #profile-container .content h3 {
  font-size: 0.9375rem;
  margin-bottom: 18px;
}
@media screen and (min-width: 1113px) {
  #modal-container #profile-container .content h3 {
    font-size: 1.375rem;
  }
}
#modal-container #profile-container .content p {
  font-size: 0.9375rem;
  line-height: 1.4;
}
@media screen and (min-width: 861px) {
  #modal-container #profile-container .content p {
    margin-bottom: 18px;
    font-size: 1rem;
  }
}
#modal-container #profile-container .signature {
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media screen and (min-width: 661px) {
  #modal-container #profile-container .signature {
    width: 55%;
    right: 0;
  }
}
#modal-container #profile-container .signature img {
  width: 100%;
  height: auto;
}
#modal-container .profile-photo.img-container {
  position: absolute;
  z-index: 1;
  padding: 0 20px;
  top: 20px;
  width: 100%;
  height: 300px;
  overflow: hidden;
}
@media screen and (min-width: 661px) {
  #modal-container .profile-photo.img-container {
    padding: 0;
    top: auto;
    bottom: 0;
    width: auto;
    height: 100%;
    overflow: visible;
  }
}
#modal-container .profile-photo.img-container img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
@media screen and (min-width: 661px) {
  #modal-container .profile-photo.img-container img {
    position: absolute;
    bottom: 0;
    left: -50px;
    width: auto;
    height: calc(100% + 50px);
  }
}

#home #intro {
  padding-top: 144px;
  padding-bottom: 200px;
  justify-content: center;
  width: 100%;
  background-color: #00AAFF;
}
@media screen and (min-width: 861px) {
  #home #intro {
    padding-top: 160px;
    padding-bottom: 0;
    display: flex;
    height: 934px;
  }
}
@media screen and (min-width: 1113px) {
  #home #intro {
    height: 1080px;
  }
}
@media screen and (min-width: 1441px) {
  #home #intro {
    height: 1220px;
  }
}
#home #intro .block .content {
  max-width: 100%;
}
#home #intro h1 {
  padding-bottom: 0;
}
#home #intro h1.sm {
  padding-bottom: 36px;
  font-family: "Red Hat Display", sans-serif;
  font-kerning: normal;
  font-size: 2rem;
  line-height: 1.2;
}
@media screen and (min-width: 861px) {
  #home #intro h1.sm {
    font-size: 2.625rem;
  }
}
@media screen and (min-width: 1113px) {
  #home #intro h1.sm {
    font-size: 3.25rem;
  }
}
#home #intro .pt2 {
  width: 260px;
}
@media screen and (min-width: 861px) {
  #home #intro .pt2 {
    position: absolute;
    top: 130px;
    opacity: 0;
    width: 50%;
  }
}
@media screen and (min-width: 1113px) {
  #home #intro .pt2 {
    top: 160px;
    width: 50%;
  }
}
@media screen and (min-width: 861px) {
  #home #intro h1, #home #intro .pt2 {
    -webkit-transition-property: "opacity";
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition-property: "opacity";
    -moz-transition-duration: 0.35s;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-delay: 0s;
    -o-transition-property: "opacity";
    -o-transition-duration: 0.35s;
    -o-transition-timing-function: ease-in-out;
    -o-transition-delay: 0s;
    transition-property: "opacity";
    transition-duration: 0.35s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
  }
}
#home #future-shape {
  position: relative;
  margin-top: -220px;
}
#home #future-shape .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #002030;
  clip-path: polygon(0 180px, 330px 0, 1920px 220px, 1920px 100%, 0 100%);
}
@media screen and (min-width: 861px) {
  #home #future-shape .background {
    clip-path: polygon(0 225px, 420px 0, 1920px 210px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  #home #future-shape .background {
    clip-path: polygon(0 305px, 560px 0, 1920px 190px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  #home #future-shape .background {
    clip-path: polygon(0 430px, 790px 0, 1920px 160px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 861px) {
  #home #future-shape {
    display: flex;
    justify-content: center;
    margin-top: -260px;
  }
}
@media screen and (min-width: 1113px) {
  #home #future-shape {
    margin-top: -360px;
  }
}
@media screen and (min-width: 1441px) {
  #home #future-shape {
    margin-top: -480px;
  }
}
#home #future-shape #packable-boxes {
  position: fixed;
  z-index: 9;
  top: 80px;
  left: 52%;
  display: none;
  -webkit-transition-property: "top";
  -webkit-transition-duration: 0.25s;
  -webkit-transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  -moz-transition-property: "top";
  -moz-transition-duration: 0.25s;
  -moz-transition-timing-function: ease;
  -moz-transition-delay: 0s;
  -o-transition-property: "top";
  -o-transition-duration: 0.25s;
  -o-transition-timing-function: ease;
  -o-transition-delay: 0s;
  transition-property: "top";
  transition-duration: 0.25s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
@media screen and (min-width: 861px) {
  #home #future-shape #packable-boxes {
    display: block;
  }
}
#home #future-shape #packable-boxes.sticky {
  position: fixed;
  top: 80px;
}
#home #future-shape #packable-boxes.attached {
  position: absolute;
  top: 180px;
}
#home #future-shape #packable-boxes img, #home #future-shape #packable-boxes .svg {
  width: 450px;
  height: auto;
}
#home #future-shape #packable-boxes img path, #home #future-shape #packable-boxes .svg path {
  fill: #ffffff;
}
#home #future-shape #packable-boxes ul {
  position: absolute;
}
#home #future-shape #packable-boxes #box1 {
  position: absolute;
  top: -100vh;
  left: 0;
}
#home #future-shape #packable-boxes #box1.connect {
  top: 0;
  opacity: 1;
}
#home #future-shape #packable-boxes #box1.exit {
  top: 0;
  left: 100vw;
  -webkit-transition-property: "top, bottom, left, right";
  -webkit-transition-duration: 0.55s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: "top, bottom, left, right";
  -moz-transition-duration: 0.55s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: "top, bottom, left, right";
  -o-transition-duration: 0.55s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: "top, bottom, left, right";
  transition-duration: 0.55s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
#home #future-shape #packable-boxes #box2 {
  position: absolute;
  left: 100vw;
}
@media screen and (min-width: 861px) {
  #home #future-shape #packable-boxes #box2 {
    top: 150px;
  }
}
@media screen and (min-width: 1113px) {
  #home #future-shape #packable-boxes #box2 {
    top: 190px;
  }
}
#home #future-shape #packable-boxes #box2.connect {
  left: 0;
  opacity: 1;
}
#home #future-shape #packable-boxes #box3 {
  position: absolute;
  top: 100vh;
  left: 0;
}
#home #future-shape #packable-boxes #box3.connect {
  opacity: 1;
}
@media screen and (min-width: 861px) {
  #home #future-shape #packable-boxes #box3.connect {
    top: calc(150px * 2);
  }
}
@media screen and (min-width: 1113px) {
  #home #future-shape #packable-boxes #box3.connect {
    top: calc(190px * 2);
  }
}
#home #future-shape #packable-boxes #box3.exit {
  left: 100vw;
  -webkit-transition-property: "top, bottom, left, right";
  -webkit-transition-duration: 0.55s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: "top, bottom, left, right";
  -moz-transition-duration: 0.55s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: "top, bottom, left, right";
  -o-transition-duration: 0.55s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: "top, bottom, left, right";
  transition-duration: 0.55s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
@media screen and (min-width: 861px) {
  #home #future-shape #packable-boxes #box3.exit {
    top: calc(150px * 2);
  }
}
@media screen and (min-width: 1113px) {
  #home #future-shape #packable-boxes #box3.exit {
    top: calc(190px * 2);
  }
}
#home #future-shape #packable-boxes #box1, #home #future-shape #packable-boxes #box2, #home #future-shape #packable-boxes #box3 {
  opacity: 0;
  width: 440px;
  -webkit-transition-property: "top, bottom, left, right opacity";
  -webkit-transition-duration: 0.55s;
  -webkit-transition-timing-function: cubic-bezier(0.34, 1.15, 0.64, 1);
  -webkit-transition-delay: 0s;
  -moz-transition-property: "top, bottom, left, right opacity";
  -moz-transition-duration: 0.55s;
  -moz-transition-timing-function: cubic-bezier(0.34, 1.15, 0.64, 1);
  -moz-transition-delay: 0s;
  -o-transition-property: "top, bottom, left, right opacity";
  -o-transition-duration: 0.55s;
  -o-transition-timing-function: cubic-bezier(0.34, 1.15, 0.64, 1);
  -o-transition-delay: 0s;
  transition-property: "top, bottom, left, right opacity";
  transition-duration: 0.55s;
  transition-timing-function: cubic-bezier(0.34, 1.15, 0.64, 1);
  transition-delay: 0s;
}
@media screen and (min-width: 1113px) {
  #home #future-shape #packable-boxes #box1, #home #future-shape #packable-boxes #box2, #home #future-shape #packable-boxes #box3 {
    width: 560px;
  }
}
#home #future-shape #packable-boxes #box1 img, #home #future-shape #packable-boxes #box1 .svg, #home #future-shape #packable-boxes #box2 img, #home #future-shape #packable-boxes #box2 .svg, #home #future-shape #packable-boxes #box3 img, #home #future-shape #packable-boxes #box3 .svg {
  width: 100%;
  height: auto;
}
#home #future-shape #packable-boxes #box1 .strokes, #home #future-shape #packable-boxes #box2 .strokes, #home #future-shape #packable-boxes #box3 .strokes {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: auto;
  object-fit: contain;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.35s;
  -moz-transition-timing-function: ease;
  -moz-transition-delay: 0s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.35s;
  -o-transition-timing-function: ease;
  -o-transition-delay: 0s;
  transition-property: opacity;
  transition-duration: 0.35s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
#home #future-shape #packable-boxes #box1 .strokes img, #home #future-shape #packable-boxes #box1 .strokes .svg, #home #future-shape #packable-boxes #box2 .strokes img, #home #future-shape #packable-boxes #box2 .strokes .svg, #home #future-shape #packable-boxes #box3 .strokes img, #home #future-shape #packable-boxes #box3 .strokes .svg {
  width: 100%;
  height: auto;
}
#home #future-shape #packable-boxes #box1 .strokes.dashed, #home #future-shape #packable-boxes #box2 .strokes.dashed, #home #future-shape #packable-boxes #box3 .strokes.dashed {
  top: 5px;
}
#home #future-shape #packable-boxes #box1 .strokes.hide, #home #future-shape #packable-boxes #box2 .strokes.hide, #home #future-shape #packable-boxes #box3 .strokes.hide {
  opacity: 0;
}
#home #future-shape .content {
  padding: 215px 0 190px;
  width: 90%;
}
@media screen and (min-width: 861px) {
  #home #future-shape .content {
    padding: 290px 0 190px;
    width: calc(50% - 90px);
  }
}
@media screen and (min-width: 1113px) {
  #home #future-shape .content {
    padding: 320px 0 190px;
  }
}
@media screen and (min-width: 861px) {
  #home .whitespace.reset {
    height: 180px;
  }
}
@media screen and (min-width: 1113px) {
  #home .whitespace.reset {
    height: 220px;
  }
}
@media screen and (min-width: 1441px) {
  #home .whitespace.reset {
    height: 370px;
  }
}
#home #mission-intro {
  position: relative;
  padding-top: 40px;
  margin-top: -90px;
  background-color: #FF635E;
  clip-path: polygon(0 80px, 150px 0, 1920px 250px, 1920px 100%, 0 100%);
}
@media screen and (min-width: 861px) {
  #home #mission-intro {
    display: flex;
    justify-content: center;
    margin-top: -120px;
    clip-path: polygon(0 165px, 310px 0, 1920px 225px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  #home #mission-intro {
    margin-top: -180px;
    clip-path: polygon(0 165px, 310px 0, 1920px 225px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  #home #mission-intro {
    margin-top: -310px;
    clip-path: polygon(0 295px, 550px 0, 1920px 190px, 1920px 100%, 0 100%);
  }
}
#home #mission-intro .content {
  padding: 90px 0 140px;
}
@media screen and (min-width: 861px) {
  #home #mission-intro .content {
    padding: 115px 0 215px;
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 861px) {
  #home #mission-intro .content .copy {
    width: 50%;
  }
}
#home #mission-intro #dispenser-container {
  display: none;
}
@media screen and (min-width: 861px) {
  #home #mission-intro #dispenser-container {
    display: flex;
    flex: 1;
    justify-content: center;
  }
}
#home #mission-intro #ticket-dispenser {
  position: relative;
  display: flex;
  justify-content: center;
  justify-self: flex-end;
  width: 320px;
}
#home #mission-intro #ticket-dispenser img, #home #mission-intro #ticket-dispenser .svg {
  width: 100%;
  height: auto;
}
#home #mission-intro #ticket-dispenser img path, #home #mission-intro #ticket-dispenser .svg path {
  fill: #ffffff;
}
#home #mission-intro #ticket-dispenser #ticket-container {
  position: absolute;
  top: 137px;
  width: auto;
  height: 216px;
  overflow-y: hidden;
}
#home #mission-intro #ticket-dispenser #ticket {
  position: relative;
  width: 200px;
  height: auto;
}
#home #testimonials {
  position: relative;
  padding-top: 80px;
  padding-bottom: 120px;
  margin-top: -90px;
  background-color: #00AAFF;
  clip-path: polygon(0 80px, 150px 0, 1920px 250px, 1920px 100%, 0 100%);
}
@media screen and (min-width: 661px) {
  #home #testimonials {
    padding-top: 120px;
  }
}
@media screen and (min-width: 861px) {
  #home #testimonials {
    display: flex;
    justify-content: center;
    padding-top: 160px;
    padding-bottom: 80px;
    margin-top: -120px;
    clip-path: polygon(0 165px, 310px 0, 1920px 225px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  #home #testimonials {
    padding-top: 140px;
    padding-bottom: 80px;
    margin-top: -140px;
    clip-path: polygon(0 165px, 310px 0, 1920px 225px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  #home #testimonials {
    padding-top: 140px;
    padding-bottom: 200px;
    margin-top: -160px;
    clip-path: polygon(0 295px, 550px 0, 1920px 190px, 1920px 100%, 0 100%);
  }
}
#home #testimonials .content h2 {
  margin-bottom: 18px;
}
@media screen and (min-width: 661px) {
  #home #testimonials .content h2 {
    width: 70%;
  }
}
@media screen and (min-width: 861px) {
  #home #testimonials .content h2 {
    width: 60%;
  }
}
#home #testimonials .content .testimonial {
  flex-direction: column-reverse;
  display: none;
}
@media screen and (min-width: 661px) {
  #home #testimonials .content .testimonial {
    flex-direction: row;
  }
}
#home #testimonials .content .testimonial.active {
  display: flex;
}
#home #testimonials .content .copy-container {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 661px) {
  #home #testimonials .content .copy-container {
    padding-right: 30px;
    width: 50%;
  }
}
#home #testimonials .content .copy-container h3 {
  position: relative;
  margin-bottom: 18px;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.35s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: all;
  -o-transition-duration: 0.35s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: all;
  transition-duration: 0.35s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
#home #testimonials .content .copy-container p {
  position: relative;
  font-size: 1.0625rem;
  line-height: 1.2;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.35s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: all;
  -o-transition-duration: 0.35s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: all;
  transition-duration: 0.35s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
@media screen and (min-width: 661px) {
  #home #testimonials .content .copy-container p {
    font-size: 1.125rem;
  }
}
#home #testimonials .content .copy-container p.has-medium-font-size {
  font-size: 1.25rem;
}
#home #testimonials .content .img-container {
  position: relative;
  padding: 30px;
  width: 100%;
  min-height: 100px;
}
@media screen and (min-width: 661px) {
  #home #testimonials .content .img-container {
    width: 50%;
  }
}
#home #testimonials .content .img-container img {
  position: relative;
  width: 100%;
  height: auto;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.35s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: all;
  -o-transition-duration: 0.35s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: all;
  transition-duration: 0.35s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
#home #testimonials .content .testimonial-counter {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
#home #testimonials .content .testimonial-counter .dot {
  position: relative;
  margin: 0 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-transition-property: background-color;
  -webkit-transition-duration: 0.25s;
  -webkit-transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  -moz-transition-property: background-color;
  -moz-transition-duration: 0.25s;
  -moz-transition-timing-function: ease;
  -moz-transition-delay: 0s;
  -o-transition-property: background-color;
  -o-transition-duration: 0.25s;
  -o-transition-timing-function: ease;
  -o-transition-delay: 0s;
  transition-property: background-color;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
#home #testimonials .content .testimonial-counter .dot:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.25);
}
#home #testimonials .content .testimonial-counter .dot.active {
  background-color: white;
}
#home #partners {
  position: relative;
  padding-top: 200px;
  padding-bottom: 140px;
  margin-top: -60px;
  background-color: #FF635E;
  clip-path: polygon(0 180px, 330px 0, 1920px 220px, 1920px 100%, 0 100%);
}
@media screen and (min-width: 861px) {
  #home #partners {
    padding-top: 80px;
    padding-bottom: 120px;
    margin-top: -100px;
    display: flex;
    justify-content: center;
    clip-path: polygon(0 225px, 420px 0, 1920px 210px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  #home #partners {
    padding-top: 80px;
    padding-bottom: 160px;
    margin-top: -100px;
    clip-path: polygon(0 305px, 560px 0, 1920px 190px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  #home #partners {
    padding-top: 80px;
    padding-bottom: 200px;
    margin-top: -120px;
    clip-path: polygon(0 430px, 790px 0, 1920px 160px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 861px) {
  #home #partners .block {
    justify-content: right;
  }
}
#home #partners .content {
  width: 100%;
}
@media screen and (min-width: 861px) {
  #home #partners .content {
    width: 62%;
  }
}
#home #partners #partner-logos {
  width: 100%;
}
#home #partners #partner-logos .logo-group {
  position: relative;
  display: flex;
  border-bottom: 1px dashed #ffffff;
}
#home #partners #partner-logos .logo-group:last-child {
  border-bottom: 0;
}
#home #partners #partner-logos .logo-group .logo-container {
  position: relative;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 33.3333333333%;
  border-right: 1px dashed #ffffff;
}
@media screen and (min-width: 861px) {
  #home #partners #partner-logos .logo-group .logo-container {
    padding: 20px;
  }
}
@media screen and (min-width: 861px) {
  #home #partners #partner-logos .logo-group .logo-container {
    padding: 30px;
  }
}
#home #partners #partner-logos .logo-group .logo-container:first-child {
  border-right: 1px dashed #ffffff;
}
#home #partners #partner-logos .logo-group .logo-container:nth-child(3) {
  border-right: 0;
}
#home #partners #partner-logos .logo-group .logo-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#home #foot-visuals {
  position: relative;
  z-index: 1;
  padding: 0;
  margin-top: -140px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  margin-top: -600px;
  height: 740px;
  clip-path: polygon(0 490px, 810px 605px, 1920px 0, 1920px 100%, 0 100%);
}
@media screen and (min-width: 661px) {
  #home #foot-visuals {
    height: 910px;
  }
}
@media screen and (min-width: 861px) {
  #home #foot-visuals {
    margin-top: -605px;
    height: 1040px;
    clip-path: polygon(0 490px, 810px 605px, 1920px 0, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  #home #foot-visuals {
    margin-top: -480px;
    height: 980px;
    clip-path: polygon(0 335px, 1040px 480px, 1920px 0, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  #home #foot-visuals {
    margin-top: -370px;
    height: 1140px;
    clip-path: polygon(0 190px, 1280px 370px, 1920px 0, 1920px 100%, 0 100%);
  }
}
#home #foot-visuals .img-container {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}
#home #foot-visuals .img-container .mask {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("../images/box-bg.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 200px;
  -webkit-mask-position: 50% 550px;
  mask-image: url("../images/box-bg.svg");
  mask-repeat: no-repeat;
  mask-size: 200px;
  mask-position: 50% 550px;
  transform: scale(1.1);
}
@media screen and (min-width: 661px) {
  #home #foot-visuals .img-container .mask {
    -webkit-mask-size: 300px;
    -webkit-mask-position: 50% 620px;
    mask-size: 300px;
    mask-position: 50% 620px;
  }
}
@media screen and (min-width: 861px) {
  #home #foot-visuals .img-container .mask {
    -webkit-mask-size: 300px;
    -webkit-mask-position: 50% 620px;
    mask-size: 300px;
    mask-position: 50% 620px;
  }
}
@media screen and (min-width: 1113px) {
  #home #foot-visuals .img-container .mask {
    -webkit-mask-size: 400px;
    -webkit-mask-position: 50% 500px;
    mask-size: 400px;
    mask-position: 50% 500px;
  }
}
@media screen and (min-width: 1441px) {
  #home #foot-visuals .img-container .mask {
    -webkit-mask-size: 600px;
    mask-size: 600px;
  }
}
#home #foot-visuals .img-container .blur {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  filter: blur(8px);
  transform: scale(1.1);
}
@media screen and (min-width: 861px) {
  #home #foot-visuals .img-container .blur {
    filter: unset;
  }
}
#home #foot-visuals .img-container img {
  position: relative;
  object-fit: contain;
  object-position: center bottom;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1441px) {
  #home #foot-visuals .img-container img {
    left: -3%;
    width: 106%;
    height: 106%;
  }
}
#home #foot-visuals #who-we-are {
  position: absolute;
  z-index: 99;
  bottom: 90px;
  font-family: "Newake", sans-serif;
  font-kerning: normal;
  font-size: 2.625rem;
}
@media screen and (min-width: 661px) {
  #home #foot-visuals #who-we-are {
    bottom: 150px;
    font-size: 4.5rem;
  }
}
@media screen and (min-width: 861px) {
  #home #foot-visuals #who-we-are {
    bottom: 270px;
    font-size: 6rem;
  }
}
@media screen and (min-width: 1113px) {
  #home #foot-visuals #who-we-are {
    bottom: 300px;
    font-size: 9.125rem;
  }
}
@media screen and (min-width: 1441px) {
  #home #foot-visuals #who-we-are {
    bottom: 420px;
    font-size: 9.125rem;
  }
}

#about-us #our-purpose, #about-us #our-mission, #about-us #our-vision, #about-us #press {
  position: relative;
  padding-bottom: 80px;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 861px) {
  #about-us #our-purpose .content, #about-us #our-mission .content, #about-us #our-vision .content, #about-us #press .content {
    display: flex;
  }
  #about-us #our-purpose .content h1, #about-us #our-mission .content h1, #about-us #our-vision .content h1, #about-us #press .content h1 {
    position: relative;
    padding-top: 90px;
    flex: 1;
  }
  #about-us #our-purpose .content .container, #about-us #our-mission .content .container, #about-us #our-vision .content .container, #about-us #press .content .container {
    position: relative;
    padding-right: 90px;
    flex: 0 1 50%;
  }
}
#about-us #our-purpose .gallery, #about-us #our-mission .gallery, #about-us #our-vision .gallery, #about-us #press .gallery {
  position: relative;
  z-index: 2;
  margin-top: 48px;
  max-width: 100%;
}
@media screen and (min-width: 861px) {
  #about-us #our-purpose .gallery, #about-us #our-mission .gallery, #about-us #our-vision .gallery, #about-us #press .gallery {
    margin-top: 0;
  }
}
#about-us #our-purpose .gallery .image-group, #about-us #our-mission .gallery .image-group, #about-us #our-vision .gallery .image-group, #about-us #press .gallery .image-group {
  display: flex;
  flex-direction: column;
  flex: 0 1 50%;
  align-items: flex-end;
}
#about-us #our-purpose .gallery .gallery-image, #about-us #our-mission .gallery .gallery-image, #about-us #our-vision .gallery .gallery-image, #about-us #press .gallery .gallery-image {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
}
#about-us #our-purpose .gallery .gallery-image.image-1, #about-us #our-mission .gallery .gallery-image.image-1, #about-us #our-vision .gallery .gallery-image.image-1, #about-us #press .gallery .gallery-image.image-1 {
  padding-right: 30px;
}
@media screen and (min-width: 661px) {
  #about-us #our-purpose .gallery .gallery-image.image-1, #about-us #our-mission .gallery .gallery-image.image-1, #about-us #our-vision .gallery .gallery-image.image-1, #about-us #press .gallery .gallery-image.image-1 {
    padding-right: 50px;
  }
}
@media screen and (min-width: 861px) {
  #about-us #our-purpose .gallery .gallery-image.image-1, #about-us #our-mission .gallery .gallery-image.image-1, #about-us #our-vision .gallery .gallery-image.image-1, #about-us #press .gallery .gallery-image.image-1 {
    padding-right: 100px;
  }
}
#about-us #our-purpose .gallery .gallery-image.image-2, #about-us #our-mission .gallery .gallery-image.image-2, #about-us #our-vision .gallery .gallery-image.image-2, #about-us #press .gallery .gallery-image.image-2 {
  padding-left: 50px;
  padding-right: 15px;
  top: 15px;
}
@media screen and (min-width: 661px) {
  #about-us #our-purpose .gallery .gallery-image.image-2, #about-us #our-mission .gallery .gallery-image.image-2, #about-us #our-vision .gallery .gallery-image.image-2, #about-us #press .gallery .gallery-image.image-2 {
    top: 25px;
    padding-left: 100px;
    padding-right: 25px;
  }
}
@media screen and (min-width: 1113px) {
  #about-us #our-purpose .gallery .gallery-image.image-2, #about-us #our-mission .gallery .gallery-image.image-2, #about-us #our-vision .gallery .gallery-image.image-2, #about-us #press .gallery .gallery-image.image-2 {
    top: 50px;
    padding-left: 250px;
    padding-right: 50px;
  }
}
#about-us #our-purpose .gallery .gallery-image.image-3, #about-us #our-mission .gallery .gallery-image.image-3, #about-us #our-vision .gallery .gallery-image.image-3, #about-us #press .gallery .gallery-image.image-3 {
  padding-right: 60px;
  margin-top: 30px;
  right: 15px;
}
@media screen and (min-width: 661px) {
  #about-us #our-purpose .gallery .gallery-image.image-3, #about-us #our-mission .gallery .gallery-image.image-3, #about-us #our-vision .gallery .gallery-image.image-3, #about-us #press .gallery .gallery-image.image-3 {
    right: 25px;
    padding-right: 150px;
    margin-top: 50px;
  }
}
@media screen and (min-width: 861px) {
  #about-us #our-purpose .gallery .gallery-image.image-3, #about-us #our-mission .gallery .gallery-image.image-3, #about-us #our-vision .gallery .gallery-image.image-3, #about-us #press .gallery .gallery-image.image-3 {
    right: 50px;
    padding-right: 250px;
    margin-top: 50px;
  }
}
#about-us #our-purpose .gallery .gallery-image.image-4, #about-us #our-mission .gallery .gallery-image.image-4, #about-us #our-vision .gallery .gallery-image.image-4, #about-us #press .gallery .gallery-image.image-4 {
  top: 15px;
}
@media screen and (min-width: 661px) {
  #about-us #our-purpose .gallery .gallery-image.image-4, #about-us #our-mission .gallery .gallery-image.image-4, #about-us #our-vision .gallery .gallery-image.image-4, #about-us #press .gallery .gallery-image.image-4 {
    top: 50px;
  }
}
#about-us #our-mission, #about-us #our-vision {
  justify-content: center;
  padding-top: 80px;
  margin-top: -110px;
  clip-path: polygon(0 20px, 46px 0, 1920px 265px, 1920px 100%, 0 100%);
}
@media screen and (min-width: 861px) {
  #about-us #our-mission, #about-us #our-vision {
    padding-top: 190px;
    padding-bottom: 200px;
    margin-top: -190px;
    clip-path: polygon(0 20px, 46px 0, 1920px 265px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  #about-us #our-mission, #about-us #our-vision {
    padding-top: 190px;
    padding-bottom: 200px;
    margin-top: -190px;
    clip-path: polygon(0 50px, 95px 0, 1920px 255px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  #about-us #our-mission, #about-us #our-vision {
    margin-top: -240px;
    clip-path: polygon(0 205px, 335px 20px, 1920px 240px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 861px) {
  #about-us #our-mission .content, #about-us #our-vision .content {
    display: flex;
  }
  #about-us #our-mission .content .container, #about-us #our-vision .content .container {
    padding-right: 90px;
  }
}
@media screen and (min-width: 1113px) {
  #about-us #our-mission, #about-us #press {
    padding-bottom: 205px;
  }
}
@media screen and (min-width: 1441px) {
  #about-us #our-mission .block, #about-us #press .block {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 861px) {
  #about-us #our-mission .content, #about-us #press .content {
    flex-direction: row-reverse;
  }
}
#about-us #our-purpose, #about-us #our-vision {
  padding-top: 144px;
  background-color: #002030;
}
#about-us #our-purpose .animarrow, #about-us #our-vision .animarrow {
  left: 100px;
}
#about-us #our-mission, #about-us #press {
  background-color: #FF635E;
}
#about-us #our-mission .animarrow, #about-us #press .animarrow {
  left: 40%;
}
@media screen and (min-width: 861px) {
  #about-us #our-mission .animarrow, #about-us #press .animarrow {
    display: table;
  }
}
#about-us #press {
  position: relative;
  padding-bottom: 200px;
}
@media screen and (min-width: 861px) {
  #about-us #press {
    margin-top: 0;
  }
}
#about-us #press .vision-bg {
  position: absolute;
  padding-top: 80px;
  margin-top: -90px;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  clip-path: polygon(0 20px, 46px 0, 1920px 265px, 1920px 100%, 0 100%);
  background-color: #002030;
}
@media screen and (min-width: 861px) {
  #about-us #press .vision-bg {
    padding-top: 190px;
    padding-bottom: 200px;
    margin-top: -190px;
    height: calc(100vh + 190px);
    clip-path: polygon(0 20px, 46px 0, 1920px 265px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  #about-us #press .vision-bg {
    padding-top: 190px;
    padding-bottom: 305px;
    margin-top: -190px;
    clip-path: polygon(0 50px, 95px 0, 1920px 255px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  #about-us #press .vision-bg {
    margin-top: -240px;
    height: calc(100vh + 240px);
    clip-path: polygon(0 205px, 335px 20px, 1920px 240px, 1920px 100%, 0 100%);
  }
}
#about-us .video-panel {
  position: relative;
  padding-top: 110px;
  margin-top: -240px;
  margin-bottom: -130px;
  height: 540px;
}
@media screen and (min-width: 661px) {
  #about-us .video-panel {
    padding-top: 170px;
    padding-bottom: 50px;
    margin-bottom: 0;
    height: auto;
  }
}
@media screen and (min-width: 861px) {
  #about-us .video-panel {
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    justify-content: center;
    margin-top: -290px;
    margin-bottom: 110px;
    height: auto;
  }
}
@media screen and (min-width: 1113px) {
  #about-us .video-panel {
    padding-bottom: 50px;
    margin-top: -305px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #about-us .video-panel {
    padding-bottom: 80px;
    margin-top: -305px;
  }
}
#about-us .video-panel.vid2 {
  padding-top: 240px;
  padding-bottom: 50px;
  margin-top: -350px;
  height: auto;
}
@media screen and (min-width: 661px) {
  #about-us .video-panel.vid2 {
    padding-top: 140px;
  }
}
@media screen and (min-width: 861px) {
  #about-us .video-panel.vid2 {
    padding-top: 0;
    margin-top: -160px;
  }
}
@media screen and (min-width: 1113px) {
  #about-us .video-panel.vid2 {
    margin-top: -305px;
  }
}
@media screen and (min-width: 1441px) {
  #about-us .video-panel.vid2 {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 861px) {
  #about-us .video-panel.vid2 .block {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1113px) {
  #about-us .video-panel.vid2 .block {
    padding-top: 0;
    margin-top: -20px;
  }
}
@media screen and (min-width: 1441px) {
  #about-us .video-panel.vid2 .block {
    margin-top: 0;
  }
}
@media screen and (min-width: 861px) {
  #about-us .video-panel.vid2 .video-bg {
    margin-top: -580px;
  }
}
@media screen and (min-width: 1113px) {
  #about-us .video-panel.vid2 .video-bg {
    padding-bottom: 0;
    margin-top: -340px;
    clip-path: polygon(0 380px, 985px 515px, 1920px 0, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  #about-us .video-panel.vid2 .video-bg {
    padding-bottom: 0;
    clip-path: polygon(0 380px, 985px 515px, 1920px 0, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  #about-us .video-panel.vid2 .video-mask {
    top: 50px;
  }
}
#about-us .video-panel .video-bg {
  position: absolute;
  margin-top: -480px;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh + 390px);
  clip-path: polygon(0 655px, 585px 735px, 1920px 0, 1920px 100%, 0 100%);
  background-color: #ffffff;
}
@media screen and (min-width: 861px) {
  #about-us .video-panel .video-bg {
    margin-top: -480px;
    height: calc(100vh + 390px);
    clip-path: polygon(0 655px, 585px 735px, 1920px 0, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  #about-us .video-panel .video-bg {
    margin-top: -340px;
    height: calc(100vh + 340px);
    clip-path: polygon(0 540px, 745px 645px, 1920px 0, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  #about-us .video-panel .video-bg {
    margin-top: -210px;
    height: calc(100vh + 210px);
    clip-path: polygon(0 380px, 985px 515px, 1920px 0, 1920px 100%, 0 100%);
  }
}
#about-us .video-panel .block {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media screen and (min-width: 861px) {
  #about-us .video-panel .block {
    padding-top: 20px;
  }
}
#about-us #our-vision {
  padding-bottom: 230px;
  background-color: #002030;
}
@media screen and (min-width: 661px) {
  #about-us #our-vision {
    padding-bottom: 280px;
  }
}
@media screen and (min-width: 861px) {
  #about-us #our-vision {
    margin-top: -190px;
  }
}
@media screen and (min-width: 1113px) {
  #about-us #our-vision {
    padding-top: 244px;
    padding-bottom: 400px;
  }
}
#about-us #our-leadership {
  position: relative;
  padding-top: 230px;
  margin-top: -200px;
  background-color: #00AAFF;
  clip-path: polygon(0 145px, 600px 230px, 1920px -490px, 1920px 100%, 0 100%);
}
@media screen and (min-width: 861px) {
  #about-us #our-leadership {
    display: flex;
    justify-content: center;
    padding-top: 715px;
    margin-top: -740px;
    clip-path: polygon(0 645px, 600px 730px, 1920px 0, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  #about-us #our-leadership {
    padding-top: 640px;
    margin-top: -620px;
    clip-path: polygon(0 535px, 750px 640px, 1920px 0, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  #about-us #our-leadership {
    padding-top: 510px;
    margin-top: -390px;
    clip-path: polygon(0 370px, 1000px 510px, 1920px 0, 1920px 100%, 0 100%);
  }
}
#about-us #our-leadership h1 {
  position: relative;
  font-size: 3.4375rem;
}
@media screen and (min-width: 861px) {
  #about-us #our-leadership h1 {
    font-size: 7.625rem;
  }
}
@media screen and (min-width: 1113px) {
  #about-us #our-leadership h1 {
    font-size: 9.125rem;
  }
}
#about-us #our-leadership #leaders {
  padding-top: 48px;
  flex: 100%;
}
@media screen and (min-width: 1113px) {
  #about-us #our-leadership #leaders {
    padding-top: 144px;
  }
}
#about-us #our-leadership #leaders .leader-panel {
  position: relative;
  margin: 0 10px 30px 0;
  padding-bottom: 20px;
  display: block;
  width: calc(50% - 5px);
  min-height: 300px;
  height: auto;
  background-color: rgba(255, 99, 94, 0);
  -webkit-transition-property: background-color;
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  -moz-transition-property: background-color;
  -moz-transition-duration: 0.35s;
  -moz-transition-timing-function: ease;
  -moz-transition-delay: 0s;
  -o-transition-property: background-color;
  -o-transition-duration: 0.35s;
  -o-transition-timing-function: ease;
  -o-transition-delay: 0s;
  transition-property: background-color;
  transition-duration: 0.35s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
#about-us #our-leadership #leaders .leader-panel:nth-child(2n+0) {
  margin-right: 0;
}
#about-us #our-leadership #leaders .leader-panel:hover {
  background-color: #ff635e;
  cursor: pointer;
}
#about-us #our-leadership #leaders .leader-panel:hover .panel-shape .color-photo {
  opacity: 1;
}
#about-us #our-leadership #leaders .leader-panel .panel-shape {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  clip-path: polygon(100% 0, 0 0, 0 90%, 30% 80%, 100% 90%);
  object-fit: contain;
}
#about-us #our-leadership #leaders .leader-panel .panel-shape img {
  position: absolute;
  bottom: 36px;
  width: 100%;
  height: auto;
}
#about-us #our-leadership #leaders .leader-panel .panel-shape .color-photo {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.35s;
  -moz-transition-timing-function: ease;
  -moz-transition-delay: 0s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.35s;
  -o-transition-timing-function: ease;
  -o-transition-delay: 0s;
  transition-property: opacity;
  transition-duration: 0.35s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
@media screen and (min-width: 661px) {
  #about-us #our-leadership #leaders .leader-panel {
    margin: 0 20px 20px 0;
    width: calc(33.3333333333% - 13.5px);
    height: 420px;
  }
  #about-us #our-leadership #leaders .leader-panel:nth-child(2n+0) {
    margin-right: 20px;
  }
  #about-us #our-leadership #leaders .leader-panel:nth-child(3n+0) {
    margin-right: 0;
  }
}
@media screen and (min-width: 861px) {
  #about-us #our-leadership #leaders .leader-panel {
    height: 560px;
  }
}
@media screen and (min-width: 1113px) {
  #about-us #our-leadership #leaders .leader-panel {
    height: 720px;
  }
}
#about-us #our-leadership #leaders .leader-panel .leader-info {
  position: absolute;
  bottom: 10px;
  display: block;
  width: 100%;
}
@media screen and (min-width: 861px) {
  #about-us #our-leadership #leaders .leader-panel .leader-info {
    bottom: 20px;
  }
}
#about-us #our-leadership #leaders .leader-panel .copy {
  text-align: center;
}
#about-us #our-leadership #leaders .leader-panel .copy .name {
  margin-bottom: 6px;
  font-family: "Newake", sans-serif;
  font-kerning: normal;
}
@media screen and (min-width: 861px) {
  #about-us #our-leadership #leaders .leader-panel .copy .name {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1113px) {
  #about-us #our-leadership #leaders .leader-panel .copy .name {
    font-size: 1.625rem;
  }
}
#about-us #our-leadership #leaders .leader-panel .copy .title {
  font-size: 0.8125rem;
}
@media screen and (min-width: 861px) {
  #about-us #our-leadership #leaders .leader-panel .copy .title {
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 861px) {
  #about-us #our-leadership #leaders .leader-panel .copy .title {
    font-size: 1.125rem;
  }
}
#about-us #our-leadership #leaders .leader-panel .box-bottom {
  position: relative;
  display: block;
  width: 100%;
  top: 1px;
}
#about-us #our-leadership #leaders .leader-panel .box-bottom path {
  fill: #00AAFF;
}

.what-we-do .intro {
  position: relative;
  z-index: 0;
  top: 0;
  padding-top: 160px;
  padding-bottom: 200px;
  height: auto;
  -webkit-transition-property: "top";
  -webkit-transition-duration: 0.25s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: "top";
  -moz-transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: "top";
  -o-transition-duration: 0.25s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: "top";
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
@media screen and (min-width: 861px) {
  .what-we-do .intro {
    padding-top: 240px;
    padding-bottom: 0;
    display: flex;
    justify-content: center;
    height: 834px;
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do .intro {
    height: 1100px;
  }
}
@media screen and (min-width: 1441px) {
  .what-we-do .intro {
    height: 1280px;
  }
}
.what-we-do .intro.salmon {
  background-color: #FF635E;
}
.what-we-do .intro.lightblue {
  background-color: #00AAFF;
}
.what-we-do .intro.mediumblue {
  background-color: #002030;
}
.what-we-do .intro.darkblue {
  background-color: #00131C;
}
.what-we-do .intro.sticky {
  position: sticky;
}
.what-we-do .intro .content {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 861px) {
  .what-we-do .intro .content {
    max-width: calc(100% - 100px);
  }
}
.what-we-do .intro .content h1 {
  width: 100%;
  font-size: 3rem;
  padding-bottom: 0;
}
@media screen and (min-width: 861px) {
  .what-we-do .intro .content h1 {
    font-size: 7.5rem;
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do .intro .content h1 {
    font-size: 9.125rem;
  }
}
.what-we-do .intro .content h2 {
  margin-top: 48px;
}
@media screen and (min-width: 861px) {
  .what-we-do .intro .content h2 {
    position: absolute;
    top: 0;
    opacity: 0;
    width: calc(100% - 120px);
  }
}
@media screen and (min-width: 861px) {
  .what-we-do .intro .content h1 {
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.35s;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-delay: 0s;
    -o-transition-property: opacity;
    -o-transition-duration: 0.35s;
    -o-transition-timing-function: ease-in-out;
    -o-transition-delay: 0s;
    transition-property: opacity;
    transition-duration: 0.35s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
  }
}
.what-we-do .intro .content.fixed {
  position: fixed;
}
.what-we-do .intro .animarrow {
  position: absolute;
  z-index: 1;
  top: 250px;
  left: 200px;
}
.what-we-do .video-container {
  position: relative;
  z-index: 1;
  margin-top: -190px;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 1113px) {
  .what-we-do .video-container {
    margin-top: -275px;
  }
}
@media screen and (min-width: 1441px) {
  .what-we-do .video-container {
    margin-top: -415px;
  }
}
.what-we-do .video-container .video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #002030;
}
.what-we-do .video-container .video-background.secondary {
  left: 50%;
  clip-path: polygon(0 60px, 105px 0, 1920px 190px, 1920px 100%, 0 100%);
}
@media screen and (min-width: 861px) {
  .what-we-do .video-container .video-background.secondary {
    left: 0;
    clip-path: polygon(0 215px, 390px 0, 1920px 215px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do .video-container .video-background.secondary {
    clip-path: polygon(0 275px, 500px 0, 1920px 195px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  .what-we-do .video-container .video-background.secondary {
    clip-path: polygon(0 415px, 756px 0, 1920px 175px, 1920px 100%, 0 100%);
  }
}
.what-we-do .video-container .video-background.secondary.salmon {
  background-color: #FF635E;
}
.what-we-do .video-container .video-background.secondary.lightblue {
  background-color: #00AAFF;
}
.what-we-do .video-container .video-background.secondary.mediumblue {
  background-color: #002030;
}
.what-we-do .video-container .video-background.secondary.darkblue {
  background-color: #00131C;
}
.what-we-do .video-container .video-background.white {
  margin-top: 40px;
  background-color: #ffffff;
  clip-path: polygon(0 40px, 42px 20px, 1920px 190px, 1920px 100%, 0 100%);
}
@media screen and (min-width: 861px) {
  .what-we-do .video-container .video-background.white {
    margin-top: 120px;
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do .video-container .video-background.white {
    margin-top: 160px;
    clip-path: polygon(0 70px, 90px 20px, 1920px 276px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  .what-we-do .video-container .video-background.white {
    clip-path: polygon(0 205px, 345px 20px, 1920px 276px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do .video-container .video-background.activate {
    top: 0;
  }
}
.what-we-do .video-container .block {
  z-index: 99;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 40px;
  -webkit-transition-property: "top";
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: "top";
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: "top";
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: "top";
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
@media screen and (min-width: 861px) {
  .what-we-do .video-container .block {
    margin-top: 90px;
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do .video-container .block {
    top: 0;
    margin-top: 160px;
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do .video-container .block.activate {
    top: 0;
  }
}
.what-we-do .what-content {
  position: relative;
  padding-bottom: 200px;
  background-color: #ffffff;
  color: #000000;
}
@media screen and (min-width: 861px) {
  .what-we-do .what-content {
    display: flex;
    padding-bottom: 440px;
    justify-content: center;
  }
}
.what-we-do .what-content .content h3 {
  position: relative;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.55s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.55s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.55s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: opacity;
  transition-duration: 0.55s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
.what-we-do .what-content .content h3.show {
  opacity: 1;
  top: 0;
}
.what-we-do .what-content .content p {
  position: relative;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.65s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.65s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.65s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: opacity;
  transition-duration: 0.65s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
.what-we-do .what-content .content p.show {
  opacity: 1;
  top: 0;
}
.what-we-do .what-content .content .button-container {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.35s;
  -moz-transition-timing-function: ease;
  -moz-transition-delay: 0s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.35s;
  -o-transition-timing-function: ease;
  -o-transition-delay: 0s;
  transition-property: opacity;
  transition-duration: 0.35s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.what-we-do .foci {
  position: relative;
  z-index: 0;
  padding-bottom: 100px;
  margin-top: -220px;
}
@media screen and (min-width: 861px) {
  .what-we-do .foci {
    padding-bottom: 180px;
    margin-top: -400px;
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 1441px) {
  .what-we-do .foci {
    padding-bottom: 280px;
  }
}
.what-we-do .foci.salmon .focus-background {
  background-color: #FF635E;
}
.what-we-do .foci.lightblue .focus-background {
  background-color: #00AAFF;
}
.what-we-do .foci.mediumblue .focus-background {
  background-color: #002030;
}
.what-we-do .foci.darkblue .focus-background {
  background-color: #00131C;
}
.what-we-do .foci .focus-background {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 275px, 510px 0, 1920px 200px, 1920px 100%, 0 100%);
}
@media screen and (min-width: 861px) {
  .what-we-do .foci .focus-background {
    clip-path: polygon(0 310px, 570px 0, 1920px 190px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do .foci .focus-background {
    clip-path: polygon(0 405px, 740px 0, 1920px 165px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  .what-we-do .foci .focus-background {
    clip-path: polygon(0 535px, 980px 0, 1920px 135px, 1920px 100%, 0 100%);
  }
}
.what-we-do .foci .focus-background.slideup {
  top: 0;
}
.what-we-do .foci .panels {
  position: relative;
  z-index: 99;
  top: 0;
  margin-top: 30px;
}
@media screen and (min-width: 861px) {
  .what-we-do .foci .panels {
    margin-top: 20px;
  }
}
.what-we-do .foci .focus-panel {
  position: relative;
  top: 0;
  margin: 0 10px 30px 0;
  padding: 30px 15px 10px;
  width: calc(50% - 5px);
  min-height: 300px;
  height: auto;
  background-color: rgba(127, 127, 127, 0);
  color: #ffffff;
  text-decoration: none;
}
@media screen and (min-width: 861px) {
  .what-we-do .foci .focus-panel {
    padding: 30px 20px 10px;
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do .foci .focus-panel {
    padding: 30px 30px 10px;
  }
}
.what-we-do .foci .focus-panel:nth-child(2n+0) {
  margin-right: 0;
}
.what-we-do .foci .focus-panel:hover {
  background-color: #7f7f7f;
  cursor: pointer;
}
.what-we-do .foci .focus-panel.sticky {
  position: sticky;
  top: 50px;
}
.what-we-do .foci .focus-panel .panel-shape {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #002030;
  clip-path: polygon(100% 0, 0 0, 0 90%, 70% 75%, 100% 90%);
}
@media screen and (min-width: 661px) {
  .what-we-do .foci .focus-panel {
    margin: 0 20px 20px 0;
    width: calc(33.3333333333% - 13.5px);
    height: 430px;
  }
  .what-we-do .foci .focus-panel:nth-child(2n+0) {
    margin-right: 20px;
  }
  .what-we-do .foci .focus-panel:nth-child(3n+0) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do .foci .focus-panel {
    height: 600px;
  }
}
.what-we-do .foci .focus-panel .content {
  padding-bottom: 18px;
}
.what-we-do .foci .focus-panel .content h4 {
  margin-bottom: 18px;
  font-family: "Newake", sans-serif;
  font-kerning: normal;
  font-size: 1.25rem;
}
@media screen and (min-width: 861px) {
  .what-we-do .foci .focus-panel .content h4 {
    margin-bottom: 36px;
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do .foci .focus-panel .content h4 {
    font-size: 2.5rem;
  }
}
.what-we-do .foci .focus-panel .content h5 {
  color: #00AAFF;
}
.what-we-do .foci .focus-panel .content p {
  font-size: 0.8125rem;
  line-height: 1.2;
}
@media screen and (min-width: 861px) {
  .what-we-do .foci .focus-panel .content p {
    font-size: 1.0625rem;
    line-height: 2;
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do .foci .focus-panel .content p {
    font-size: 1.25rem;
  }
}
.what-we-do .foci .focus-panel .action {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 10px 10px;
  justify-content: flex-end;
  width: 100%;
  font-family: "Newake", sans-serif;
  font-kerning: normal;
  font-size: 0.9375rem;
  text-align: right;
}
@media screen and (min-width: 861px) {
  .what-we-do .foci .focus-panel .action {
    padding: 0 20px 10px;
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do .foci .focus-panel .action {
    padding: 0 20px 15px;
    font-size: 1.625rem;
  }
}
.what-we-do .foci .focus-panel .action span {
  margin-right: 8px;
  display: table;
  width: 50%;
}
@media screen and (min-width: 861px) {
  .what-we-do .foci .focus-panel .action img, .what-we-do .foci .focus-panel .action .svg {
    width: 36px;
  }
}
.what-we-do .foci .whitespace.focus {
  position: absolute;
  z-index: 0;
  bottom: -200px;
  height: 900px;
  clip-path: polygon(0 195px, 360px 0, 1920px 220px, 1920px 100%, 0 100%);
}
@media screen and (min-width: 861px) {
  .what-we-do .foci .whitespace.focus {
    clip-path: polygon(0 275px, 510px 0, 1920px 200px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do .foci .whitespace.focus {
    clip-path: polygon(0 370px, 680px 0, 1920px 175px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  .what-we-do .foci .whitespace.focus {
    clip-path: polygon(0 495px, 910px 0, 1920px 145px, 1920px 100%, 0 100%);
  }
}
.what-we-do .case-study {
  position: relative;
  z-index: 0;
  margin-top: -75px;
  background-color: #ffffff;
  clip-path: polygon(0 195px, 360px 0, 1920px 220px, 1920px 100%, 0 100%);
}
@media screen and (min-width: 861px) {
  .what-we-do .case-study {
    margin-top: -100px;
    display: flex;
    justify-content: center;
    clip-path: polygon(0 275px, 510px 0, 1920px 200px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do .case-study {
    margin-top: -175px;
    clip-path: polygon(0 370px, 680px 0, 1920px 175px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  .what-we-do .case-study {
    margin-top: -300px;
    clip-path: polygon(0 495px, 910px 0, 1920px 145px, 1920px 100%, 0 100%);
  }
}
.what-we-do .case-study.sticky {
  position: sticky;
  top: 0px;
}
.what-we-do .case-study .block {
  justify-content: center;
  padding-top: 180px;
  padding-bottom: 60px;
}
@media screen and (min-width: 861px) {
  .what-we-do .case-study .block {
    padding-top: 120px;
    padding-bottom: 200px;
  }
}
.what-we-do .case-study .cs-heading {
  z-index: 1;
  margin-bottom: 48px;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 861px) {
  .what-we-do .case-study .cs-heading {
    margin-bottom: 72px;
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do .case-study .cs-heading {
    margin-bottom: 96px;
  }
}
.what-we-do .case-study .cs-heading .box-border {
  width: 230px;
  height: auto;
}
.what-we-do .case-study .cs-heading .cs-title {
  position: absolute;
  color: #000000;
  font-family: "Newake", sans-serif;
  font-kerning: normal;
  font-size: 1.875rem;
}
.what-we-do .case-study .content {
  color: #000000;
  text-align: center;
}
.what-we-do .case-study .content h2 {
  margin-bottom: 48px;
}
@media screen and (min-width: 861px) {
  .what-we-do .case-study .content .case-categories {
    flex-wrap: nowrap;
  }
}
.what-we-do .case-study .content .cat {
  flex-direction: column;
  align-items: center;
  -webkit-transition-property: "opacity";
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: "opacity";
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: "opacity";
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: "opacity";
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
@media screen and (min-width: 861px) {
  .what-we-do .case-study .content .cat {
    flex: 1 1 0px;
    padding: 0 20px;
  }
}
.what-we-do .case-study .content .cat.show {
  opacity: 1;
}
.what-we-do .case-study .content .cat h3 {
  margin-bottom: 36px;
  font-family: "Newake", sans-serif;
  font-kerning: normal;
}
.what-we-do .case-study .content .cat h3 span {
  padding-bottom: 6px;
  border-bottom: 2.5px solid #000000;
}
@media screen and (min-width: 861px) {
  .what-we-do .case-study #infographics {
    margin-top: 72px;
    flex-wrap: nowrap;
  }
}
.what-we-do .case-study #infographics .numbers {
  position: relative;
  margin-bottom: 36px;
  flex: 1 1 100%;
  -webkit-transition-property: "opacity";
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: "opacity";
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: "opacity";
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: "opacity";
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
@media screen and (min-width: 861px) {
  .what-we-do .case-study #infographics .numbers {
    flex: 1 1 0px;
  }
}
.what-we-do .case-study #infographics .numbers.show {
  opacity: 1;
}
.what-we-do .case-study #infographics .numbers .big-text {
  font-family: "Newake", sans-serif;
  font-kerning: normal;
  font-size: 5.75rem;
}
@media screen and (min-width: 1113px) {
  .what-we-do .case-study #infographics .numbers .big-text {
    font-size: 8.125rem;
  }
}
.what-we-do .case-study #infographics .numbers .big-text span {
  position: absolute;
  top: -8px;
  font-family: "Red Hat Display", sans-serif;
  font-kerning: normal;
  font-size: 3.875rem;
}
.what-we-do .how.whitespace {
  position: absolute;
  z-index: 1;
  margin-top: -570px;
  height: 690px;
  clip-path: polygon(0 490px, 810px 605px, 1920px 0, 1920px 100%, 0 100%);
}
@media screen and (min-width: 861px) {
  .what-we-do .how.whitespace {
    margin-top: -600px;
    height: 800px;
    clip-path: polygon(0 490px, 810px 605px, 1920px 0, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do .how.whitespace {
    margin-top: -450px;
    height: 650px;
    clip-path: polygon(0 335px, 1040px 480px, 1920px 0, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  .what-we-do .how.whitespace {
    margin-top: -300px;
    height: 700px;
    clip-path: polygon(0 120px, 1350px 310px, 1920px 0, 1920px 100%, 0 100%);
  }
}
.what-we-do #how-it-works {
  position: relative;
  z-index: 1;
  margin-top: 30px;
  text-align: center;
}
@media screen and (min-width: 861px) {
  .what-we-do #how-it-works {
    display: flex;
    justify-content: center;
  }
}
.what-we-do #how-it-works .whitespace {
  position: absolute;
  z-index: 0;
}
.what-we-do #how-it-works .how-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 80px, 150px 0, 1920px 250px, 1920px 100%, 0 100%);
  background-color: #FF635E;
}
@media screen and (min-width: 861px) {
  .what-we-do #how-it-works .how-bg {
    clip-path: polygon(0 165px, 310px 0, 1920px 225px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  .what-we-do #how-it-works .how-bg {
    clip-path: polygon(0 165px, 310px 0, 1920px 225px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  .what-we-do #how-it-works .how-bg {
    clip-path: polygon(0 295px, 550px 0, 1920px 190px, 1920px 100%, 0 100%);
  }
}
.what-we-do #how-it-works .block {
  padding-top: 140px;
}
@media screen and (min-width: 861px) {
  .what-we-do #how-it-works .block {
    padding-top: 140px;
    display: flex;
    justify-content: center;
  }
}
.what-we-do #how-it-works h2 {
  margin-bottom: 36px;
}
.what-we-do #how-it-works #how-steps {
  position: relative;
}
@media screen and (min-width: 861px) {
  .what-we-do #how-it-works #how-steps {
    flex-wrap: nowrap;
    height: 600px;
  }
}
.what-we-do #how-it-works .step {
  position: relative;
  margin-bottom: 48px;
  justify-content: center;
}
@media screen and (min-width: 861px) {
  .what-we-do #how-it-works .step {
    padding: 0 20px;
    margin-right: 30px;
    flex-direction: column;
    flex: 1 1 0px;
    justify-content: flex-start;
    align-items: center;
    outline: #000000;
  }
}
.what-we-do #how-it-works .step .step-box {
  position: relative;
  margin-bottom: 36px;
  justify-content: center;
  align-items: center;
  width: 82px;
  height: 63px;
}
.what-we-do #how-it-works .step .step-box:hover {
  cursor: pointer;
}
.what-we-do #how-it-works .step .step-box:hover .dim {
  opacity: 0.8;
}
.what-we-do #how-it-works .step .step-box .bright, .what-we-do #how-it-works .step .step-box .dim {
  position: absolute;
}
.what-we-do #how-it-works .step .step-box .bright {
  opacity: 0;
}
.what-we-do #how-it-works .step .step-box .dim {
  opacity: 0.5;
  -webkit-transition-property: "opacity";
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: "opacity";
  -moz-transition-duration: 0.35s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: "opacity";
  -o-transition-duration: 0.35s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: "opacity";
  transition-duration: 0.35s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
.what-we-do #how-it-works .step .step-box .bright {
  -webkit-transition-property: "opacity";
  -webkit-transition-duration: 0.35s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition-property: "opacity";
  -moz-transition-duration: 0.35s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0s;
  -o-transition-property: "opacity";
  -o-transition-duration: 0.35s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0s;
  transition-property: "opacity";
  transition-duration: 0.35s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}
.what-we-do #how-it-works .step .step-num, .what-we-do #how-it-works .step .title {
  font-family: "Newake", sans-serif;
  font-kerning: normal;
  font-size: 1.875rem;
}
@media screen and (min-width: 861px) {
  .what-we-do #how-it-works .step .step-info {
    position: absolute;
    top: 100px;
    opacity: 0;
    width: 300px;
    -webkit-transition-property: "opacity";
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition-property: "opacity";
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-delay: 0s;
    -o-transition-property: "opacity";
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: ease-in-out;
    -o-transition-delay: 0s;
    transition-property: "opacity";
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
  }
}
.what-we-do #how-it-works .step .title {
  margin-bottom: 18px;
  width: 100%;
  text-align: center;
}
.what-we-do #how-it-works .step .icon {
  position: relative;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  height: 84px;
}
.what-we-do #how-it-works .step .icon img, .what-we-do #how-it-works .step .icon .svg {
  width: 84px;
  height: auto;
}
.what-we-do #how-it-works .step .details {
  text-align: center;
  line-height: 1.6;
}
@media screen and (min-width: 861px) {
  .what-we-do #how-it-works .step .details {
    text-align: left;
  }
  .what-we-do #how-it-works .step .details p {
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 861px) {
  .what-we-do #how-it-works .step .dash-container {
    position: absolute;
    top: 30px;
    left: calc(100% - 20px);
    display: block;
    width: 70px;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.35s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition-property: all;
    -moz-transition-duration: 0.35s;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-delay: 0s;
    -o-transition-property: all;
    -o-transition-duration: 0.35s;
    -o-transition-timing-function: ease-in-out;
    -o-transition-delay: 0s;
    transition-property: all;
    transition-duration: 0.35s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
  }
  .what-we-do #how-it-works .step .dash {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 3px dashed #ffffff;
  }
  .what-we-do #how-it-works .step .dash.dim {
    top: 30px;
    left: calc(100% - 20px);
    width: 70px;
    opacity: 0.5;
  }
}

#join-our-team #intro {
  display: flex;
  justify-content: center;
  position: relative;
  padding-top: 160px;
  padding-bottom: 200px;
  background-color: #00AAFF;
}
@media screen and (min-width: 661px) {
  #join-our-team #intro {
    padding-bottom: 320px;
  }
}
@media screen and (min-width: 861px) {
  #join-our-team #intro {
    padding-bottom: 370px;
    width: 100%;
  }
}
@media screen and (min-width: 1113px) {
  #join-our-team #intro {
    padding-bottom: 450px;
  }
}
@media screen and (min-width: 1441px) {
  #join-our-team #intro {
    padding-bottom: 580px;
  }
}
#join-our-team #intro h2 {
  position: relative;
  padding-right: 100px;
}
#join-our-team #intro .animarrow {
  position: absolute;
  z-index: 1;
  top: 300px;
  left: 200px;
}
#join-our-team #videoimage {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100vw;
  height: auto;
  margin-top: -200px;
}
@media screen and (min-width: 661px) {
  #join-our-team #videoimage {
    padding-top: 80px;
  }
}
@media screen and (min-width: 861px) {
  #join-our-team #videoimage {
    margin-top: -270px;
  }
}
@media screen and (min-width: 1113px) {
  #join-our-team #videoimage {
    margin-top: -350px;
  }
}
@media screen and (min-width: 1441px) {
  #join-our-team #videoimage {
    margin-top: -480px;
  }
}
#join-our-team #videoimage .vidimage-bg {
  position: absolute;
  padding-top: 130px;
  top: 0;
  left: 0;
  display: block;
  width: 100vw;
  height: 100%;
  clip-path: polygon(0 200px, 370px 0, 1920px 215px, 1920px 100%, 0 100%);
  background-color: #ffffff;
}
@media screen and (min-width: 661px) {
  #join-our-team #videoimage .vidimage-bg {
    padding-top: 80px;
  }
}
@media screen and (min-width: 861px) {
  #join-our-team #videoimage .vidimage-bg {
    clip-path: polygon(0 270px, 500px 0, 1920px 175px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  #join-our-team #videoimage .vidimage-bg {
    clip-path: polygon(0 350px, 650px 0, 1920px 175px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  #join-our-team #videoimage .vidimage-bg {
    clip-path: polygon(0 480px, 890px 0, 1920px 145px, 1920px 100%, 0 100%);
  }
}
#join-our-team #videoimage .image-mask {
  position: relative;
  top: 0;
}
#join-our-team #help {
  position: relative;
  z-index: 0;
  padding-top: 220px;
  padding-bottom: 220px;
  margin-top: -160px;
  display: flex;
  justify-content: center;
  width: 100vw;
  height: auto;
  clip-path: polygon(0 150px, 920px 280px, 1920px -260px, 1920px 100%, 0 100%);
  background-color: #002030;
}
@media screen and (min-width: 661px) {
  #join-our-team #help {
    padding-top: 280px;
    margin-top: -180px;
  }
}
@media screen and (min-width: 861px) {
  #join-our-team #help {
    padding-top: 320px;
    padding-bottom: 320px;
    margin-top: -250px;
    clip-path: polygon(0 150px, 920px 280px, 1920px -260px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  #join-our-team #help {
    padding-top: 280px;
    padding-bottom: 480px;
    margin-top: -280px;
    clip-path: polygon(0 115px, 1170px 280px, 1920px -90px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  #join-our-team #help {
    padding-top: 280px;
    padding-bottom: 480px;
    margin-top: -280px;
    clip-path: polygon(0 85px, 1380px 280px, 1920px 0, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 861px) {
  #join-our-team #help .block {
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 861px) {
  #join-our-team #help h2 {
    flex: 0 1 50%;
    padding-right: 90px;
  }
}
#join-our-team #help .content {
  flex: 1;
  padding-right: 90px;
}
#join-our-team #group-shot {
  position: relative;
  margin-top: -220px;
  display: flex;
  justify-content: center;
  width: 100vw;
}
@media screen and (min-width: 861px) {
  #join-our-team #group-shot {
    margin-top: -260px;
  }
}
@media screen and (min-width: 1113px) {
  #join-our-team #group-shot {
    margin-top: -340px;
  }
}
#join-our-team #group-shot .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FF635E;
  clip-path: polygon(0 190px, 360px 0, 1920px 200px, 1920px 100%, 0 100%);
}
@media screen and (min-width: 861px) {
  #join-our-team #group-shot .background {
    margin-top: -10px;
    clip-path: polygon(0 270px, 500px 0, 1920px 200px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  #join-our-team #group-shot .background {
    margin-top: -175px;
    height: calc(100% + 175px);
    clip-path: polygon(0 360px, 660px 0, 1920px 175px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  #join-our-team #group-shot .background {
    margin-top: -145px;
    clip-path: polygon(0 480px, 880px 0, 1920px 145px, 1920px 100%, 0 100%);
  }
}
#join-our-team #group-shot .background .bg-base {
  position: absolute;
  margin-top: -20px;
  top: 60px;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 190px, 360px 0, 1920px 200px, 1920px 100%, 0 100%);
  background-color: #ffffff;
}
@media screen and (min-width: 861px) {
  #join-our-team #group-shot .background .bg-base {
    margin-top: 0;
    clip-path: polygon(0 270px, 500px 0, 1920px 200px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  #join-our-team #group-shot .background .bg-base {
    clip-path: polygon(0 360px, 660px 0, 1920px 175px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  #join-our-team #group-shot .background .bg-base {
    clip-path: polygon(0 480px, 880px 0, 1920px 145px, 1920px 100%, 0 100%);
  }
}
#join-our-team #group-shot .photo {
  margin-top: 80px;
  width: 100%;
}
@media screen and (min-width: 661px) {
  #join-our-team #group-shot .photo {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1113px) {
  #join-our-team #group-shot .photo {
    margin-top: -130px;
  }
}
@media screen and (min-width: 1441px) {
  #join-our-team #group-shot .photo {
    margin-top: -100px;
  }
}
#join-our-team #group-shot .photo img {
  width: 100%;
  height: auto;
}
#join-our-team #resume-form {
  color: #000000;
}

#contact-us #contact-form {
  position: relative;
  z-index: 0;
  padding-top: 144px;
  padding-bottom: 260px;
  justify-content: center;
  width: 100%;
  background-color: #ffffff;
  color: #000000;
}
@media screen and (min-width: 861px) {
  #contact-us #contact-form {
    padding-bottom: 260px;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1113px) {
  #contact-us #contact-form {
    padding-bottom: 350px;
  }
}
@media screen and (min-width: 1441px) {
  #contact-us #contact-form {
    padding-bottom: 475px;
  }
}
#contact-us #contact-form .heading {
  padding-bottom: 36px;
  margin-bottom: 36px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
#contact-us #contact-form .heading p {
  font-size: 1.625rem;
  line-height: 1.2;
}
@media screen and (min-width: 861px) {
  #contact-us #contact-form .heading p {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1113px) {
  #contact-us #contact-form .heading p {
    font-size: 2rem;
  }
}
#contact-us #intro {
  position: relative;
  z-index: 1;
  padding-top: 220px;
  padding-bottom: 120px;
  margin-top: -285px;
  justify-content: center;
  width: 100%;
  background-color: #002030;
  clip-path: polygon(0 195px, 360px 0, 1920px 200px, 1920px 100%, 0 100%);
}
@media screen and (min-width: 861px) {
  #contact-us #intro {
    padding-top: 480px;
    margin-top: -260px;
    padding-bottom: 0;
    clip-path: polygon(0 260px, 480px 0, 1920px 200px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  #contact-us #intro {
    padding-top: 520px;
    margin-top: -350px;
    clip-path: polygon(0 350px, 640px 0, 1920px 180px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  #contact-us #intro {
    padding-top: 520px;
    margin-top: -475px;
    clip-path: polygon(0 475px, 870px 0, 1920px 150px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 861px) {
  #contact-us #intro .block {
    display: flex;
    flex-wrap: nowrap;
  }
}
#contact-us #intro h1 {
  position: relative;
}
@media screen and (min-width: 861px) {
  #contact-us #intro h1 {
    flex: 0 1 50%;
  }
}
@media screen and (min-width: 861px) {
  #contact-us #intro .content {
    flex: 1;
  }
}
#contact-us #intro .animarrow {
  position: absolute;
  z-index: 1;
  bottom: -100px;
  left: 100px;
  display: block;
}
@media screen and (min-width: 861px) {
  #contact-us #intro .animarrow {
    bottom: -250px;
    left: 200px;
  }
}
#contact-us #intro .animarrow img {
  top: 0;
  width: auto;
  height: 100px;
}
@media screen and (min-width: 861px) {
  #contact-us #intro .animarrow img {
    top: -250px;
    height: 250px;
  }
}
#contact-us #press {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 120px;
}
@media screen and (min-width: 661px) {
  #contact-us #press {
    margin-top: -20px;
  }
}
@media screen and (min-width: 861px) {
  #contact-us #press {
    margin-top: 0;
  }
}
@media screen and (min-width: 1441px) {
  #contact-us #press .block {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 861px) {
  #contact-us #press .content {
    flex-direction: row-reverse;
    display: flex;
  }
  #contact-us #press .content h1 {
    position: relative;
    padding-top: 0px;
    flex: 1;
  }
  #contact-us #press .content .container {
    position: relative;
    padding-right: 90px;
    flex: 0 1 50%;
  }
}
#contact-us #press .vision-bg {
  position: absolute;
  padding-top: 80px;
  margin-top: -90px;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(100% + 90px);
  clip-path: polygon(0 20px, 46px 0, 1920px 265px, 1920px 100%, 0 100%);
  background-color: #00AAFF;
}
@media screen and (min-width: 861px) {
  #contact-us #press .vision-bg {
    padding-top: 190px;
    padding-bottom: 200px;
    margin-top: -190px;
    height: calc(100% + 190px);
    clip-path: polygon(0 20px, 46px 0, 1920px 265px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1113px) {
  #contact-us #press .vision-bg {
    padding-top: 190px;
    padding-bottom: 305px;
    margin-top: -190px;
    clip-path: polygon(0 50px, 95px 0, 1920px 255px, 1920px 100%, 0 100%);
  }
}
@media screen and (min-width: 1441px) {
  #contact-us #press .vision-bg {
    margin-top: -240px;
    height: calc(100% + 240px);
    clip-path: polygon(0 205px, 335px 20px, 1920px 240px, 1920px 100%, 0 100%);
  }
}

.basic-page {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: #00131C;
  padding-top: 144px;
}
.basic-page.salmon {
  background-color: #FF635E;
}
.basic-page.lightblue {
  background-color: #00AAFF;
}
.basic-page.mediumblue {
  background-color: #002030;
}
.basic-page.darkblue {
  background-color: #00131C;
}
.basic-page h1 {
  margin-bottom: 48px;
}
@media screen and (min-width: 861px) {
  .basic-page h1 {
    margin-bottom: 96px;
  }
}

@media screen and (min-width: 861px) {
  #home #packable-boxes {
    top: 80px;
  }
  #home #foot-visuals {
    top: 200px;
  }
  #home #foot-visuals .blur {
    filter: blur(0);
    -webkit-transition-property: filter;
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -moz-transition-property: filter;
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -o-transition-property: filter;
    -o-transition-duration: 0.6s;
    -o-transition-timing-function: ease;
    -o-transition-delay: 0s;
    transition-property: filter;
    transition-duration: 0.6s;
    transition-timing-function: ease;
    transition-delay: 0s;
  }
  #home #foot-visuals .blur.trans {
    filter: blur(20px);
  }
  #home #ticket-dispenser #ticket {
    top: -216px;
  }
  #about-us #our-mission .container h3, #about-us #our-mission .container p, #about-us #our-purpose .container h3, #about-us #our-purpose .container p, #about-us #our-vision .container h3, #about-us #our-vision .container p, #about-us #press .container h3, #about-us #press .container p {
    opacity: 0;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-delay: 0s;
    -o-transition-property: opacity;
    -o-transition-duration: 0.6s;
    -o-transition-timing-function: ease-in-out;
    -o-transition-delay: 0s;
    transition-property: opacity;
    transition-duration: 0.6s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
  }
  #about-us #our-mission .container h3.start, #about-us #our-purpose .container h3.start, #about-us #our-vision .container h3.start, #about-us #press .container h3.start {
    opacity: 1;
  }
  #about-us #our-mission .container p.show, #about-us #our-purpose .container p.show, #about-us #our-vision .container p.show, #about-us #press .container p.show {
    opacity: 1;
    transition-delay: 0.6s;
  }
  #about-us #our-mission .gallery, #about-us #our-purpose .gallery, #about-us #our-vision .gallery, #about-us #press .gallery {
    top: 200px;
  }
  #about-us .ask.generic-btn {
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -o-transition-property: opacity;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: ease;
    -o-transition-delay: 0s;
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-delay: 1s;
  }
}
@media screen and (min-width: 861px) and (min-width: 861px) {
  #about-us .ask.generic-btn {
    opacity: 0;
  }
}
@media screen and (min-width: 861px) {
  #about-us .video-panel.vid1 .video-mask {
    top: 200px;
  }
  #about-us .video-panel.vid2 .video-mask {
    top: 400px;
  }
  #about-us #our-purpose .gallery {
    top: 200px;
  }
  #about-us #our-leadership h1 {
    top: 300px;
  }
  .what-we-do .animarrow img {
    opacity: 0;
  }
  .what-we-do .video-container .video-background.white {
    top: 800px;
  }
  .what-we-do .video-container .video-mask {
    top: 500px;
  }
  .what-we-do .what-content .content h3, .what-we-do .what-content .content p, .what-we-do .what-content .content .button-container {
    opacity: 0;
  }
  .what-we-do .what-content .content h3.exit, .what-we-do .what-content .content p.exit, .what-we-do .what-content .content .button-container.exit {
    opacity: 1;
  }
  .what-we-do .foci .focus-background {
    top: 400px;
  }
  .what-we-do .foci .whitespace.focus {
    bottom: -400px;
  }
  .what-we-do .foci .panels {
    top: 0px;
  }
  .what-we-do .foci .panels.show {
    z-indx: 99;
    top: 0px;
  }
  .what-we-do .case-study {
    top: 200px;
  }
  .what-we-do .case-study .cat, .what-we-do .case-study .numbers {
    opacity: 0;
  }
  .what-we-do #how-it-works {
    top: -100px;
  }
  #join-our-team #intro h2 {
    opacity: 0;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-delay: 0s;
    -o-transition-property: opacity;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: ease-in-out;
    -o-transition-delay: 0s;
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transition-delay: 0.5s;
  }
  #join-our-team #intro h2.start {
    opacity: 1;
  }
  #join-our-team #videoimage .block {
    top: 200px;
  }
  #join-our-team #help .block h2 {
    position: relative;
    top: 400px;
    opacity: 0;
    -webkit-transition-property: top opacity;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition-property: top opacity;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-delay: 0s;
    -o-transition-property: top opacity;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: ease-in-out;
    -o-transition-delay: 0s;
    transition-property: top opacity;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
  }
  #join-our-team #help .block h2.show {
    top: 0;
    opacity: 1;
  }
  #join-our-team #help .block .content {
    opacity: 0;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-delay: 0s;
    -o-transition-property: opacity;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: ease-in-out;
    -o-transition-delay: 0s;
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transition-delay: 0.5s;
  }
  #join-our-team #help .block .content.show {
    opacity: 1;
  }
  #join-our-team #group-shot .background .bg-base {
    top: 300px;
  }
  #join-our-team #group-shot .block {
    top: 600px;
    -webkit-transition-property: top;
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -moz-transition-property: top;
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -o-transition-property: top;
    -o-transition-duration: 0.6s;
    -o-transition-timing-function: ease;
    -o-transition-delay: 0s;
    transition-property: top;
    transition-duration: 0.6s;
    transition-timing-function: ease;
    transition-delay: 0s;
  }
  #join-our-team #group-shot .block.show {
    top: 60px;
  }
  #join-our-team #resume-form {
    position: relative;
    top: 200px;
    opacity: 0;
    -webkit-transition-property: top opacity;
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition-property: top opacity;
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-delay: 0s;
    -o-transition-property: top opacity;
    -o-transition-duration: 0.6s;
    -o-transition-timing-function: ease-in-out;
    -o-transition-delay: 0s;
    transition-property: top opacity;
    transition-duration: 0.6s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
  }
  #join-our-team #resume-form.show {
    top: 0;
    opacity: 1;
  }
  #contact-us #intro .block .content {
    opacity: 0;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-delay: 0s;
    -o-transition-property: opacity;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: ease-in-out;
    -o-transition-delay: 0s;
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transition-delay: 0.5s;
  }
  #contact-us #intro .block .content.show {
    opacity: 1;
  }
  .animarrow img {
    top: -250px;
  }
}