@font-face {
  font-family: "haveaheart";
  src: url("/wp-content/themes/jankelley/assets/fonts/HaveHeartTwo.woff2") format("woff2"), url("/wp-content/themes/jankelley/assets/fonts/HaveHeartTwo.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "radikal-bold";
  src: url("/wp-content/themes/jankelley/assets/fonts/radikal_bold-webfont.woff2") format("woff2"), url("/wp-content/themes/jankelley/assets/fonts/radikal_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "radikal-medium";
  src: url("/wp-content/themes/jankelley/assets/fonts/radikal_medium-webfont.woff2") format("woff2"), url("/wp-content/themes/jankelley/assets/fonts/radikal_medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "radikal-regular";
  src: url("/wp-content/themes/jankelley/assets/fonts/radikal-webfont.woff2") format("woff2"), url("/wp-content/themes/jankelley/assets/fonts/radikal-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
*,
*::after,
*::before {
  box-sizing: border-box;
  margin: unset;
}

strong {
  font-family: "radikal-bold", sans-serif;
}

img {
  max-width: 100%;
  height: auto;
}

.star {
  visibility: hidden;
}

.fadeIn {
  -webkit-animation: animat_show 0.8s;
  animation: animat_show 1s, animat_scale 1s;
  visibility: visible !important;
}

@-webkit-keyframes animat_show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes animat_scale {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
body {
  background-color: #ffffff;
  font-family: "radikal", sans-serif;
  color: #000000;
  overflow-x: clip;
}
body.modal-open {
  overflow: hidden;
}

html, body {
  scroll-behavior: smooth;
}

section {
  width: 100%;
  clear: both;
  position: relative;
}

p {
  font-size: 1.1875rem;
  line-height: 1.8;
}
@media (min-width: 1025px) {
  p {
    font-size: 1.1875rem;
  }
}
p + p {
  margin-top: 30px;
}

h1 {
  font-size: 60px;
  font-weight: bold;
  line-height: 0.9;
  margin-bottom: 1.5rem;
  letter-spacing: -0.1rem;
}
@media (min-width: 1025px) {
  h1 {
    font-size: 6.875rem;
    line-height: 6.5rem;
  }
}
@media (max-width: 1023px) {
  h1 {
    font-size: 4.0625rem;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 12vw;
  }
}

h2 {
  font-size: 50px;
  margin-bottom: 4rem;
  font-family: "radikal", sans-serif;
  font-weight: 700;
  line-height: 50px;
}
@media (min-width: 1025px) {
  h2 {
    font-size: 5.625rem;
    line-height: 1.1;
    font-family: "radikal", sans-serif;
    font-weight: 700;
  }
}
@media (max-width: 1023px) {
  h2 {
    font-size: 2.8125rem;
    margin-bottom: 1.25rem;
  }
  h2 br {
    display: none;
  }
}
h2.headline {
  margin: 0 auto;
  text-align: center;
}
h2.headline + p {
  max-width: 900px;
  text-align: center;
  margin: 50px auto;
}

h3 {
  font-size: 3.75rem;
  letter-spacing: -0.67px;
  margin-bottom: 1.9375rem;
  font-family: "radikal", sans-serif;
  font-weight: 700;
}
@media (min-width: 1025px) {
  h3 {
    font-size: 3.75rem;
  }
}
@media (max-width: 1023px) {
  h3 {
    margin-top: 50px;
    font-size: 2.1875rem;
  }
}

h2 .strike {
  text-decoration: line-through;
}
h2 .strike .word {
  text-decoration: line-through;
}

.curvedcorners {
  overflow: hidden;
  border-radius: 20px;
  display: flex;
}

.universalaccess {
  border: none;
  position: relative;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='m6.15829 9.43979c.85273.31009 2.27808.67171 4.00131.84341.2144 3.5473-.66116 6.6838-1.20408 7.7696-.24699.494-.04676 1.0946.44722 1.3416s1.09466.0468 1.34166-.4472c.4439-.8878.9764-2.5848 1.2556-4.6807.2792 2.0959.8117 3.7929 1.2556 4.6807.247.494.8477.6942 1.3417.4472.4939-.247.6942-.8476.4472-1.3416-.5416-1.0832-1.4142-4.2068-1.2057-7.7433 1.3091-.1176 2.6693-.38474 4.003-.86971.519-.18874.7868-.7625.598-1.28154-.1887-.51903-.7625-.78679-1.2815-.59805-4.1069 1.49341-8.61875.61738-10.31653 0-.51903-.18874-1.0928.07902-1.28154.59805-.18873.51904.07902 1.0928.59806 1.28154z'/%3E%3Cpath d='m12 8c.9665 0 1.75-.7835 1.75-1.75s-.7835-1.75-1.75-1.75-1.75.7835-1.75 1.75.7835 1.75 1.75 1.75z'/%3E%3Cpath clip-rule='evenodd' d='m24 12c0 6.6274-5.3726 12-12 12-6.62742 0-12-5.3726-12-12 0-6.62742 5.37258-12 12-12 6.6274 0 12 5.37258 12 12zm-2 0c0 5.5228-4.4772 10-10 10-5.52285 0-10-4.4772-10-10 0-5.52285 4.47715-10 10-10 5.5228 0 10 4.47715 10 10z' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center/contain;
}
.universalaccess.off {
  background: url("data:image/svg+xml,%3Csvg version='1.1' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cg%3E%3Ccircle class='st0' cx='12' cy='6.2' r='1.8'/%3E%3Cpath class='st0' d='M12,0C5.4,0,0,5.4,0,12c0,3,1.1,5.7,2.9,7.8l-0.1,0.1l1.5,1.5l0.1-0.1C6.5,23,9.1,24,12,24c6.6,0,12-5.4,12-12 C24,5.4,18.6,0,12,0z M2,12C2,6.5,6.5,2,12,2c2.4,0,4.7,0.9,6.4,2.3l-3.9,3.9C11.2,8.7,8.2,8,6.8,7.6C6.3,7.4,5.7,7.6,5.6,8.2 s0.1,1.1,0.6,1.3c0.9,0.3,2.3,0.7,4,0.8c0,0.8,0,1.5,0,2.3l-5.8,5.8C2.9,16.7,2,14.4,2,12z M12,22c-2.3,0-4.5-0.8-6.2-2.2L9.6,16 c-0.2,0.9-0.5,1.6-0.7,2c-0.2,0.5,0,1.1,0.4,1.3c0.5,0.2,1.1,0,1.3-0.4c0.4-0.9,1-2.6,1.3-4.7c0.3,2.1,0.8,3.8,1.3,4.7 c0.2,0.5,0.8,0.7,1.3,0.4c0.5-0.2,0.7-0.8,0.4-1.3c-0.5-0.9-1.2-3.3-1.2-6.2l1.8-1.8c0.7-0.1,1.5-0.3,2.2-0.6 c0.5-0.2,0.8-0.8,0.6-1.3c-0.1-0.2-0.2-0.4-0.4-0.5l1.8-1.8C21.2,7.5,22,9.7,22,12C22,17.5,17.5,22,12,22z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center/contain;
}
.universalaccess:hover {
  cursor: pointer;
}

.twocolumn {
  column-count: 2;
  column-gap: 40px;
}
@media (max-width: 1023px) {
  .twocolumn {
    column-count: 1;
  }
}

.keeptogether {
  white-space: nowrap;
}

.container {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  max-width: 1600px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.container.fourohfour {
  text-align: center;
}
@media (min-width: 1025px) {
  .container.fourohfour {
    padding: 0 !important;
  }
}
.container.fourohfour h1 {
  margin: 40px 0 0;
}
.container.fourohfour h2 {
  font-size: 1.875rem;
  margin: 0 0 40px;
}
.container.fourohfour p {
  margin: 0;
}
.container.fourohfour p.spacedout {
  margin-top: 30px;
}
.container.fourohfour a.btn {
  display: inline-block;
  margin: 30px auto 0;
}
.container.fourohfour a.btn:hover {
  cursor: pointer;
}
.container.p-0 {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1023px) {
  .container.p-0 {
    padding-left: 2.8125rem;
    padding-right: 2.8125rem;
  }
}
.container.p-0 h3 {
  text-align: center;
}
.container.sm {
  max-width: 1200px;
}
.container.sm p {
  max-width: 1100px;
}
.container.sb {
  justify-content: space-between;
}
.container.block {
  display: block;
}
.container.va-center {
  align-items: center;
}
.container .squ-inner {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.container .curve {
  overflow: hidden;
}
.container .curve.tl {
  border-top-left-radius: 80px;
}
@media (max-width: 1023px) {
  .container .curve.tl {
    border-top-left-radius: 40px;
  }
}
.container .curve.tl video {
  border-top-left-radius: 80px;
}
@media (max-width: 1023px) {
  .container .curve.tl video {
    border-top-left-radius: 40px;
  }
}
.container .curve.tr {
  border-top-right-radius: 80px;
}
@media (max-width: 1023px) {
  .container .curve.tr {
    border-top-right-radius: 40px;
  }
}
.container .curve.tr video {
  border-top-right-radius: 80px;
}
@media (max-width: 1023px) {
  .container .curve.tr video {
    border-top-right-radius: 40px;
  }
}
.container .curve.bl {
  border-bottom-left-radius: 80px;
}
@media (max-width: 1023px) {
  .container .curve.bl {
    border-bottom-left-radius: 40px;
  }
}
.container .curve.br {
  border-bottom-right-radius: 80px;
}
@media (max-width: 767px) {
  .container .curve.br {
    border-bottom-right-radius: 40px;
  }
}
@media (max-width: 1023px) {
  .container.mobile-reverse {
    flex-direction: column-reverse;
  }
}
.container .col-80 {
  width: 100%;
}
@media (min-width: 1025px) {
  .container .col-80 {
    width: 80%;
  }
}
.container .col-60 {
  width: 100%;
}
@media (min-width: 1025px) {
  .container .col-60 {
    width: 60%;
  }
}
.container .col-50 {
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 1025px) {
  .container .col-50 {
    width: 50%;
    margin-bottom: 0;
  }
}
.container .col-50 p a {
  color: #EB586B;
  text-decoration: underline;
}
.container .col-40 {
  width: 100%;
  padding-bottom: 40px;
}
@media (min-width: 1025px) {
  .container .col-40 {
    width: 40%;
  }
}
.container .col-40 .curvedcorners {
  height: 40vw;
}
.container .col-40 .curvedcorners img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.container .col-33 {
  width: 45%;
}
@media (min-width: 1025px) {
  .container .col-33 {
    width: 33%;
    max-width: 300px;
  }
}
.container .col-25 {
  width: 45%;
}
@media (min-width: 1025px) {
  .container .col-25 {
    width: 25%;
    max-width: 270px;
  }
}

.squeeze {
  padding: 0 50px;
}
@media (max-width: 1023px) {
  .squeeze {
    padding: 0;
  }
}

.owners {
  width: 100%;
  clear: both;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.owners .name {
  font-size: 28px;
  line-height: 1;
  margin-top: 20px;
}
.owners .title {
  font-size: 16px;
  margin-top: 6px;
  line-height: 1.1;
}
.owners a {
  display: block;
  height: 25px;
  width: 25px;
  margin: 10px auto 40px;
}

ul.roll {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
ul.roll li {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
@media (min-width: 769px) {
  ul.roll li {
    max-width: 45%;
  }
}
ul.roll li img {
  max-width: 45px;
  height: auto;
  margin-right: 20px;
}

.text-center {
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .text-center {
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .text-center {
    margin: 0;
    text-align: left;
  }
}

.spacer-100 {
  display: block;
  height: 100px;
  width: 100%;
}
@media (max-width: 1023px) {
  .spacer-100 {
    height: 10px;
  }
}

.mt-100 {
  margin-top: 6.25rem;
}
@media (max-width: 1023px) {
  .mt-100 {
    margin-top: 1.25rem;
  }
}

.mb-100 {
  margin-bottom: 6.25rem;
}
@media (max-width: 1023px) {
  .mb-100 {
    margin-bottom: 1.25rem;
  }
}

.mb-50 {
  margin-bottom: 3.125rem;
}

.mt-neg-20 {
  margin-top: -1.25rem;
}

.pb-100 {
  padding-bottom: 6.25rem;
}
@media (max-width: 1023px) {
  .pb-100 {
    padding-bottom: 1.25rem;
  }
}

.pb-0 {
  padding-bottom: 0rem;
}
@media (max-width: 1023px) {
  .pb-0 {
    padding-bottom: 1.25rem;
  }
}

.pt-50 {
  padding-top: 50px;
}

@media (min-width: 1025px) {
  .pr-80 {
    padding-right: 80px;
  }
}

@media (min-width: 1025px) {
  .pl-80 {
    padding-left: 80px;
  }
}

.js-modal-btn:hover {
  cursor: pointer;
}

.btn {
  font-family: "radikal", sans-serif;
  font-weight: 700;
  display: table;
  margin-top: 40px;
  padding: 10px 30px;
  background: #fff;
  color: #000000;
  border: solid 2px #fff;
  border-radius: 50px;
  text-decoration: none;
  transition: background 0.5s;
  font-size: 1rem;
}
.btn:hover {
  background: transparent;
  cursor: pointer;
  color: #fff;
}
.btn.black {
  color: #F6EB44;
  background: #000;
  padding: 15px 80px;
}
.btn.black:hover {
  background: transparent;
  border: 2px solid #000000;
  color: #000000;
}

.arrow-down {
  display: none;
  width: 60px;
  height: 60px;
  background-color: #fff;
  text-align: center;
  position: relative;
}
@media (min-width: 1025px) {
  .arrow-down {
    display: inline-block;
  }
}
.arrow-down::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 14px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  background-image: url("../images/arrow_black.svg");
  background-size: cover;
  background-position: center;
  background-position: center;
  background-repeat: no-repeat;
  animation: jump alternate-reverse infinite 0.6s ease-out;
}

@keyframes jump {
  from {
    top: 45%;
  }
  to {
    top: 55%;
  }
}
.grid__btn {
  text-align: center;
}

.bg-white {
  background-color: #fff;
  color: #000;
  position: relative;
}
.bg-white a, .bg-white p {
  color: inherit;
}

.sec-pad {
  padding-top: 6rem;
  padding-bottom: 5.375rem;
}
@media (min-width: 1025px) {
  .sec-pad {
    padding-top: 12.875rem;
    padding-bottom: 16.875rem;
  }
}

.scroll-help {
  display: none;
}
@media (min-width: 1025px) {
  .scroll-help {
    display: block;
    font-size: 18px;
    padding-left: 1.25rem;
    position: absolute;
    top: 90vh;
    left: 5%;
    z-index: 2;
  }
  .scroll-help::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 15px;
    height: 18px;
    background-image: url("../images/arrow_white.svg");
  }
}

#trigger3 img {
  width: 100%;
  max-width: 840px;
  margin: 60px auto 0;
}

.play {
  transition: transform 3s;
  position: relative;
}
.play:before {
  background: url(/wp-content/themes/jankelley/assets/images/play.svg) center center no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 400;
  content: "";
  scale: 1;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.play:hover {
  cursor: pointer;
}
.play:hover:before {
  -ms-transform: scale(1.25, 1.25);
  -webkit-transform: scale(1.25, 1.25);
  transform: scale(1.25, 1.25);
}
.play img {
  border-radius: 20px;
}

.overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: 9999;
  padding: 0 40px;
}

.popup {
  width: auto;
  max-width: 80%;
  height: auto;
  max-height: 80%;
  padding: 0;
  background: transparent;
  margin: 20px auto 0;
}

.close {
  position: absolute;
  background: #000000;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  top: 10px;
  right: 10px;
  text-align: center;
  cursor: pointer;
  color: #EB586B;
}

.skip-to-content-link {
  background: #EB586B;
  left: 50%;
  padding: 10px;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: transform 0.3s;
  z-index: 999999;
}

.skip-to-content-link:focus {
  transform: translate(-50%, 0%);
}

.fineprint {
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-top: 30px;
  display: block;
}
.fineprint a {
  color: #000000;
}

section.reel {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}
section.reel .background {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #000000;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
}

.reel .text-center {
  text-align: center;
  margin: 0 auto;
}
.reel img {
  border-radius: 20px;
  width: 100%;
  max-width: 840px;
}

section.pods .background {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #000000;
  position: absolute;
  top: 65%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
}
@media (max-width: 1023px) {
  section.pods .background {
    background: none;
  }
}

section.staff, section.problem {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
section.staff .container, section.problem .container {
  width: 100%;
}
section.staff .background, section.problem .background {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #000000;
  position: absolute;
  top: 65%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
}
section.staff .background.noproblem, section.problem .background.noproblem {
  display: none;
}

section.wesupport {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  margin-bottom: 100px;
}
@media (max-width: 1023px) {
  section.wesupport {
    max-width: 1600px;
    width: calc(100% - 40px);
    margin: 0 auto;
    border-radius: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

section.gallery.work {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
section.gallery.work .background {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
}

section.solution {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}
section.solution.noproblem {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding-top: 100px;
}

section.wecanhelp {
  width: 100%;
}

.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.thankyou {
  margin: 50px auto;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.thankyou h4 {
  font-size: 2.375rem;
  line-height: 2.875rem;
}
.thankyou p {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.gccallout .thankyou, .cta .thankyou, .contactus .thankyou, .modalcontainer .thankyou {
  text-align: center;
}

.inline .thankyou {
  text-align: left;
}

#loadmore {
  flex-basis: 100%;
  width: 100%;
  margin-top: 0px;
  text-align: center;
}
@media (max-width: 1023px) {
  #loadmore {
    margin-top: 50px;
  }
}

.loadmore {
  border: 1px solid #000;
  margin: 0 auto;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  transition: all 0.5s;
  border-radius: 50px;
  color: #000;
  background: #fff;
}
.loadmore:hover {
  color: #fff;
  background: #000;
}

@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.modal-video-close {
  opacity: 0;
}

.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -o-transform: translate(0, 100px);
  transform: translate(0, 100px);
}

.modal-video-body {
  max-width: 960px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.modal-video-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

@media (orientation: landscape) {
  .modal-video-inner {
    padding: 10px 60px;
    box-sizing: border-box;
  }
}
.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -45px;
  right: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}

@media (orientation: landscape) {
  .modal-video-close-btn {
    top: 0;
    right: -45px;
  }
}
.modal-video-close-btn:before {
  transform: rotate(45deg);
}

.modal-video-close-btn:after {
  transform: rotate(-45deg);
}

.modal-video-close-btn:before, .modal-video-close-btn:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}

.bg-black {
  background: #000000;
  color: #ffffff;
  padding: 90px 0;
  margin-bottom: 100px;
}
@media (min-width: 1025px) {
  .bg-black {
    padding: 200px 0;
  }
}
.bg-black.bg-roll {
  width: calc(100% - 36px);
}
@media (min-width: 1025px) {
  .bg-black.bg-roll {
    width: calc(100% - 45px);
  }
}
.bg-black + .bg-black {
  margin-top: -100px;
}
.bg-black.pt-0 {
  padding-top: 0;
}
.bg-black.pt-50 {
  padding-top: 50px;
}
.bg-black.pb-50 {
  padding-bottom: 50px;
}
.bg-black.mb-0 {
  margin-bottom: 0;
}

.bg-white-black {
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100%);
}
.bg-white-black img {
  width: 100%;
  max-width: 830px;
  margin: 0 auto;
}

.bg-black-white {
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
}

.bg-black150 {
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 150px, rgb(255, 255, 255) 150px, rgb(255, 255, 255) 100%);
}

.bg-header {
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 80%, rgb(255, 255, 255) 80%, rgb(255, 255, 255) 100%);
}
@media (min-width: 1200px) {
  .bg-header {
    background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 70%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 100%);
    margin-bottom: 190px;
  }
}

.circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.95;
  overflow: hidden;
  mix-blend-mode: multiply;
}
.circle svg circle {
  width: 100%;
  height: 100%;
}

.circlediv {
  height: 520px;
  width: 520px;
  mix-blend-mode: multiply;
  border-radius: 50%;
  position: absolute;
  opacity: 1;
  z-index: 1;
  background: #53C3C0;
}
@media (max-width: 1024px) {
  .circlediv {
    display: none;
  }
}

body.home .reel .circlediv, body.work .reel .circlediv {
  background: #EB586B;
  bottom: -10%;
  right: 0;
}
body.about .humanology .circlediv {
  height: 420px;
  width: 420px;
  right: 10%;
  top: 30%;
}
body.about .gallery .circlediv {
  height: 420px;
  width: 420px;
  left: 0%;
  top: 50%;
  z-index: 0;
}
body.toast-jam .reel .circlediv {
  background-color: #EB586B;
  bottom: -10%;
  right: 0;
  z-index: 0;
}
body.jobs .humanology .circlediv {
  background: #F6EB44;
  height: 420px;
  width: 420px;
  right: 10%;
  top: 30%;
}

.kcircle {
  backdrop-filter: blur(5px);
  position: absolute;
  top: 0;
  left: -50vw;
  -webkit-box-shadow: 0px 0px 5px 0px #fff, inset 0px 0px 35px 0px aqua, 0px 0px 15px 4px rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 5px 0px #fff, inset 0px 0px 35px 0px #fff, 0px 0px 15px 4px rgba(255, 255, 255, 0);
  background: #fff;
  border-radius: 50%;
  width: 50vw;
  max-width: 400px;
  height: 50vw;
  max-height: 400px;
  z-index: 999;
  transform: rotate(0deg);
  background: url("../images/Klaus.png") center top/contain, radial-gradient(circle, rgba(0, 0, 0, 0.9) 30%, rgba(244, 251, 254, 0) 100%);
  animation-timing-function: linear;
  animation-duration: 3.5s;
  animation-iteration-count: infinite;
  animation-name: rollit;
}

@keyframes rollit {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
main {
  position: relative;
}

.tranny1 {
  background: #f6eb45;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 100%;
  left: 0%;
  z-index: 999999999;
}

.tranny2 {
  background: #000;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 100%;
  left: 0;
  z-index: 999999999;
}

.intro {
  display: none;
}

.pageoverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #aaa;
  z-index: 9999;
  pointer-events: none;
  transform: translateY(-100%);
}

.contactinfo {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.75rem;
  margin-bottom: 60px;
}
@media (max-width: 1023px) {
  .contactinfo {
    justify-content: flex-start;
    font-size: 1.5625rem;
  }
}
.contactinfo span {
  margin: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1023px) {
  .contactinfo span:first-child {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .contactinfo span {
    margin-left: 0;
  }
}
.contactinfo a {
  text-decoration: underline;
  color: #000000;
}

form {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  form {
    margin: unset;
  }
}
form .contactinfo {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.75rem;
  margin-bottom: 60px;
}
@media (max-width: 1023px) {
  form .contactinfo {
    justify-content: flex-start;
    font-size: 1.5625rem;
  }
}
form .contactinfo span {
  margin: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1023px) {
  form .contactinfo span:first-child {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  form .contactinfo span {
    margin-left: 0;
  }
}
form .contactinfo a {
  text-decoration: underline;
  color: #000000;
}
form .fieldgroup {
  margin-bottom: 40px;
}
form .fieldgroup.fifty {
  width: 48%;
}
form .fieldgroup span.error {
  color: #EB586B;
}
form .fieldgroup label {
  display: block;
  font-size: 1.375rem;
  line-height: 1.9375rem;
  width: 100%;
  margin-bottom: 10px;
}
form .fieldgroup input {
  width: 100%;
  min-height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 1px solid #000000;
  border-radius: 40px;
  padding: 0 20px;
}
form .fieldgroup input[type=submit] {
  display: inline-block;
  padding: 10px 40px;
  background: #fff;
  color: #000000;
  border: solid 2px #fff;
  text-decoration: none;
  transition: background 0.5s;
  width: auto;
}
form .fieldgroup input[type=submit]:hover {
  background: #000000;
  cursor: pointer;
  color: #fff;
}
form .fieldgroup input[type=submit].black {
  background-color: #000000;
  border-color: #fff;
  color: #fff;
}
form .fieldgroup input[type=submit].black:hover {
  background-color: #fff;
  color: #000000;
}
form .fieldgroup textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  width: 100%;
  border: 1px solid #000000;
  border-radius: 20px;
  min-height: 125px;
  padding: 20px;
  font-family: arial, helvetica, sans-serif;
}
form .fieldgroup button {
  margin: 0 auto;
}
@media (max-width: 1023px) {
  form .fieldgroup button {
    margin: unset;
  }
}
form .fieldgroup .checkboxcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  text-align: left;
  font-size: 1.375rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 767px) {
  form .fieldgroup .checkboxcontainer {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
form .fieldgroup .checkboxcontainer input {
  display: inline-block;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 0;
  min-height: 25px;
}
form .fieldgroup .checkboxcontainer input:checked ~ .checkmark:after {
  display: block;
}
form .fieldgroup .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: transparent;
  border: 1px solid #ffffff;
  border-radius: 20px;
}
form .fieldgroup .checkmark.black {
  border: 1px solid #000000;
}
form .fieldgroup .checkmark.black:after {
  border-color: #000000;
  border-style: solid;
}
form .fieldgroup .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 4px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.contactsuccess {
  text-align: center;
}

body.hfg footer {
  width: 100%;
  max-width: unset;
}

body.page-contact footer {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

footer {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  background: #000;
  padding: 100px 0;
  max-height: 700px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  footer {
    max-height: unset;
  }
}
footer .container {
  margin: 0 auto;
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1023px) {
  footer .container {
    padding-left: unset;
    padding-right: unset;
  }
}
footer .container .contactinfo {
  margin-right: 80px;
  margin-bottom: 20px;
  font-size: 0.8rem;
  color: #fff;
}
footer .container .contactinfo .logo {
  display: block;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  footer .container .contactinfo .logo {
    width: 150px;
    margin-bottom: 0;
  }
}
footer .container .contactinfo a.directions {
  color: #fff;
  display: block;
  margin-top: 1rem;
  text-decoration: underline;
}
footer .container .footerlogos {
  width: 100%;
  display: flex;
  justify-content: space-between;
  min-height: unset;
  max-width: unset;
  margin-bottom: 50px;
}
@media (min-width: 1025px) {
  footer .container .footerlogos {
    width: auto;
    margin-bottom: 0;
  }
}
footer .container .footerlogos .waterstone {
  margin: 0 25px 5px 0;
  min-height: 150px;
}
footer .container .footerlogos .waterstone img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
footer .container .footerlogos .partners {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  max-height: 75px;
  max-width: 180px;
}
footer .container .footerlogos .partners img {
  margin: 5px 5px 5px 0;
  display: block;
  object-fit: contain;
  width: 100%;
}
footer .container .footerlogos .partners img.google {
  width: 70px;
  margin-bottom: 3px;
  margin-right: 7px;
}
footer .container .footerlogos .partners img.meta {
  width: 95px;
  margin-bottom: 5px;
}
footer .container .footerlogos .partners img.msa {
  width: 130px;
}
footer .container .footerlogos .partners img.linkedin {
  width: 130px;
}
footer .container .copyright {
  font-size: 0.8rem;
}
@media (max-width: 499px) {
  footer .container .copyright {
    margin-bottom: 1rem;
  }
}
footer .container .rightmenu {
  flex: 1;
  align-content: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
footer .container .rightmenu ul.menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  footer .container .rightmenu ul.menu {
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    padding: 0;
  }
}
footer .container .rightmenu ul.menu li {
  display: inline-block;
  border-left: 1px solid #fff;
  padding: 0 0 0 15px;
  margin-left: 15px;
}
@media (max-width: 767px) {
  footer .container .rightmenu ul.menu li {
    border: none;
    padding: 0;
    margin: 0;
  }
}
footer .container .rightmenu ul.menu li:first-child {
  border: none;
  margin: 0;
}
footer .container .rightmenu ul.menu li a {
  font-weight: normal;
  font-size: 0.9rem;
  color: #ffffff;
  text-decoration: underline;
}
footer .container .rightmenu ul.social {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 1023px) {
  footer .container .rightmenu ul.social {
    justify-content: flex-start;
    margin-bottom: 20px;
  }
}
footer .container .rightmenu ul.social li {
  display: block;
}
footer .container .rightmenu ul.social li a {
  display: block;
  height: 25px;
  width: 25px;
  margin-left: 15px;
  text-indent: -9999px;
}
footer .container .rightmenu ul.social li a.instagram {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.664' height='24.662' viewBox='0 0 24.664 24.662'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-720.8 -1002.024)'%3E%3Cpath class='a' d='M742.423,1014.362H736.16a2.8,2.8,0,0,0-3.021,3.021v6.228a3.044,3.044,0,0,0,.848,2.252,3.087,3.087,0,0,0,2.207.8h6.194a3.111,3.111,0,0,0,2.232-.8,3.016,3.016,0,0,0,.824-2.222v-6.263a2.822,2.822,0,0,0-3.021-3.021Zm-3.131,9.99a3.88,3.88,0,1,1,3.88-3.88A3.884,3.884,0,0,1,739.292,1024.352Zm4.026-6.974a.881.881,0,1,1,.881-.881A.88.88,0,0,1,743.318,1017.378Z' transform='translate(-6.16 -6.159)'/%3E%3Ccircle class='a' cx='2.492' cy='2.492' r='2.492' transform='translate(730.64 1011.821)'/%3E%3Cpath class='a' d='M733.132,1002.024a12.331,12.331,0,1,0,12.332,12.332A12.333,12.333,0,0,0,733.132,1002.024Zm7.541,15.463a4.365,4.365,0,0,1-1.243,3.216,4.464,4.464,0,0,1-3.2,1.194h-6.194a4.444,4.444,0,0,1-3.174-1.2,4.4,4.4,0,0,1-1.27-3.248v-6.228a4.175,4.175,0,0,1,4.409-4.409h6.263a4.2,4.2,0,0,1,4.409,4.409Z' transform='translate(0)'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
}
footer .container .rightmenu ul.social li a.linkedin {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.651' height='24.651' viewBox='0 0 24.651 24.651'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M88.659,1176.5a12.326,12.326,0,1,0,12.325,12.326A12.326,12.326,0,0,0,88.659,1176.5Zm6.864,18.313a1,1,0,0,1-1.017.993H82.786a1,1,0,0,1-1.017-.993v-11.857a1,1,0,0,1,1.017-.992H94.507a1,1,0,0,1,1.017.992Z' transform='translate(-76.333 -1176.497)'/%3E%3Cpath class='a' d='M101.769,1197.783a2.064,2.064,0,0,0-1.873,1.031v.021h-.014a.154.154,0,0,0,.014-.021v-.885H97.82c.027.586,0,6.249,0,6.249H99.9v-3.49a1.427,1.427,0,0,1,.069-.506,1.14,1.14,0,0,1,1.066-.76c.752,0,1.052.573,1.052,1.413v3.344h2.078V1200.6C104.161,1198.675,103.136,1197.783,101.769,1197.783Z' transform='translate(-87.065 -1187.129)'/%3E%3Cpath class='a' d='M92.3,1192.054a1.083,1.083,0,1,0-.028,2.16h.014a1.084,1.084,0,1,0,.014-2.16Z' transform='translate(-83.722 -1184.267)'/%3E%3Crect class='a' width='2.078' height='6.249' transform='translate(7.528 10.801)'/%3E%3C/svg%3E") center center no-repeat;
}
footer .container .rightmenu ul.social li a.facebook {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.652' height='24.65' viewBox='0 0 24.652 24.65'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M588.309,1077.029a12.325,12.325,0,1,0,12.326,12.326A12.326,12.326,0,0,0,588.309,1077.029Zm3.263,12.274h-2.134v7.612h-3.164V1089.3h-1.5v-2.687h1.5v-1.741a2.966,2.966,0,0,1,3.193-3.192l2.343.009v2.61h-1.7a.643.643,0,0,0-.67.731v1.583h2.411Z' transform='translate(-575.983 -1077.029)'/%3E%3C/svg%3E") center center no-repeat;
}
footer .container .rightmenu ul.social li a.twitter {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.651' height='24.65' viewBox='0 0 24.651 24.65'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M287.819,1077.029a12.325,12.325,0,1,0,12.325,12.326A12.326,12.326,0,0,0,287.819,1077.029Zm6.209,9.84c.006.133.009.267.009.4a8.834,8.834,0,0,1-13.6,7.443,6.475,6.475,0,0,0,.741.043,6.232,6.232,0,0,0,3.858-1.33,3.109,3.109,0,0,1-2.9-2.157,3.11,3.11,0,0,0,1.4-.053,3.109,3.109,0,0,1-2.492-3.045c0-.014,0-.026,0-.04a3.106,3.106,0,0,0,1.407.389,3.11,3.11,0,0,1-.961-4.148,8.817,8.817,0,0,0,6.4,3.245,3.108,3.108,0,0,1,5.293-2.833,6.217,6.217,0,0,0,1.973-.754,3.112,3.112,0,0,1-1.366,1.718,6.2,6.2,0,0,0,1.784-.489A6.314,6.314,0,0,1,294.028,1086.87Z' transform='translate(-275.493 -1077.029)'/%3E%3C/svg%3E") center center no-repeat;
}
footer .container .rightmenu ul.social li:first-child a {
  margin-left: 0;
}

body.hfg .header .btn.playvideo, body.page-humanology-for-good .header .btn.playvideo {
  background: #000000;
  color: #F6EB44;
  border: 1px solid #000000;
}
body.hfg .header .btn.playvideo:hover, body.page-humanology-for-good .header .btn.playvideo:hover {
  cursor: pointer;
  background: #fff;
  color: #000000;
}
.header .btn.playvideo, .header .btn.enternow {
  display: inline-block;
  margin-right: 10px;
}
.header .btn.playvideo a, .header .btn.enternow a {
  color: #EB586B;
  text-decoration: none;
}
.header .btn.enternow {
  background: #fff;
  border: 2px solid #EB586B;
  padding: 0;
}
.header .btn.enternow a {
  padding: 10px 40px;
  display: inline-block;
}
.header .btn.enternow:hover {
  background: #EB586B;
  color: #fff;
}
.header .btn.enternow:hover a {
  color: #fff;
}

body.page-humanology-on-air header .nav, body.page-constructive-insights header .nav {
  background: none;
}
body.page-humanology-on-air header .nav.turtle, body.page-constructive-insights header .nav.turtle {
  background: #fff;
}
body.page-humanology-on-air header .nav.turtle .logo svg path, body.page-constructive-insights header .nav.turtle .logo svg path {
  fill: #000;
}
body.page-humanology-on-air header .nav.turtle nav .jkcom.menu li.search .search-icon:after, body.page-constructive-insights header .nav.turtle nav .jkcom.menu li.search .search-icon:after {
  content: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 21 21' viewBox='0 0 21 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m17.7 15.1c3.7-2.9 4.3-8.2 1.5-11.8s-8.2-4.4-11.8-1.5c-3.7 2.8-4.4 8.1-1.5 11.8l-5.6 5.6c-.4.4-.4 1.1 0 1.5s1 .4 1.4 0l5.6-5.6c3.1 2.4 7.4 2.4 10.4 0zm-.7-11.1c2.5 2.5 2.4 6.5 0 8.9-2.5 2.5-6.5 2.5-9 0s-2.5-6.5 0-9c2.5-2.4 6.5-2.4 9 .1z' fill='%23000'/%3E%3C/svg%3E");
}
body.page-humanology-on-air header .nav.turtle nav .jkcom.menu li.nolink:after, body.page-constructive-insights header .nav.turtle nav .jkcom.menu li.nolink:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.809' height='8.904' viewBox='0 0 15.809 8.904'%3E%3Cpath id='Path_2756' data-name='Path 2756' d='M1241.813,56.982l6.49,6.49,6.49-6.49' transform='translate(1256.207 64.472) rotate(180)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center center/contain;
}
body.page-humanology-on-air header .nav.turtle nav .jkcom.menu li.nolink:hover, body.page-constructive-insights header .nav.turtle nav .jkcom.menu li.nolink:hover {
  cursor: default;
}
body.page-humanology-on-air header .nav.turtle nav .jkcom.menu li a, body.page-constructive-insights header .nav.turtle nav .jkcom.menu li a {
  text-decoration: none;
  color: #000;
}
body.page-humanology-on-air header .nav.turtle nav .jkcom.menu li:nth-last-child(2) a, body.page-constructive-insights header .nav.turtle nav .jkcom.menu li:nth-last-child(2) a {
  background: #000;
  color: #fff;
}
@media (max-width: 1023px) {
  body.page-humanology-on-air header .nav.turtle nav .jkcom.menu li:nth-last-child(2) a, body.page-constructive-insights header .nav.turtle nav .jkcom.menu li:nth-last-child(2) a {
    background: transparent;
    color: #000;
  }
}
body.page-humanology-on-air header .nav.turtle nav .jkcom.menu li button.universalaccess, body.page-constructive-insights header .nav.turtle nav .jkcom.menu li button.universalaccess {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23000000' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='m6.15829 9.43979c.85273.31009 2.27808.67171 4.00131.84341.2144 3.5473-.66116 6.6838-1.20408 7.7696-.24699.494-.04676 1.0946.44722 1.3416s1.09466.0468 1.34166-.4472c.4439-.8878.9764-2.5848 1.2556-4.6807.2792 2.0959.8117 3.7929 1.2556 4.6807.247.494.8477.6942 1.3417.4472.4939-.247.6942-.8476.4472-1.3416-.5416-1.0832-1.4142-4.2068-1.2057-7.7433 1.3091-.1176 2.6693-.38474 4.003-.86971.519-.18874.7868-.7625.598-1.28154-.1887-.51903-.7625-.78679-1.2815-.59805-4.1069 1.49341-8.61875.61738-10.31653 0-.51903-.18874-1.0928.07902-1.28154.59805-.18873.51904.07902 1.0928.59806 1.28154z'/%3E%3Cpath d='m12 8c.9665 0 1.75-.7835 1.75-1.75s-.7835-1.75-1.75-1.75-1.75.7835-1.75 1.75.7835 1.75 1.75 1.75z'/%3E%3Cpath clip-rule='evenodd' d='m24 12c0 6.6274-5.3726 12-12 12-6.62742 0-12-5.3726-12-12 0-6.62742 5.37258-12 12-12 6.6274 0 12 5.37258 12 12zm-2 0c0 5.5228-4.4772 10-10 10-5.52285 0-10-4.4772-10-10 0-5.52285 4.47715-10 10-10 5.5228 0 10 4.47715 10 10z' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center/contain;
}
body.page-humanology-on-air header .nav.turtle nav .jkcom.menu li button.universalaccess.off, body.page-constructive-insights header .nav.turtle nav .jkcom.menu li button.universalaccess.off {
  background: url("data:image/svg+xml,%3Csvg version='1.1' fill='%23000000' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cg%3E%3Ccircle class='st0' cx='12' cy='6.2' r='1.8'/%3E%3Cpath class='st0' d='M12,0C5.4,0,0,5.4,0,12c0,3,1.1,5.7,2.9,7.8l-0.1,0.1l1.5,1.5l0.1-0.1C6.5,23,9.1,24,12,24c6.6,0,12-5.4,12-12 C24,5.4,18.6,0,12,0z M2,12C2,6.5,6.5,2,12,2c2.4,0,4.7,0.9,6.4,2.3l-3.9,3.9C11.2,8.7,8.2,8,6.8,7.6C6.3,7.4,5.7,7.6,5.6,8.2 s0.1,1.1,0.6,1.3c0.9,0.3,2.3,0.7,4,0.8c0,0.8,0,1.5,0,2.3l-5.8,5.8C2.9,16.7,2,14.4,2,12z M12,22c-2.3,0-4.5-0.8-6.2-2.2L9.6,16 c-0.2,0.9-0.5,1.6-0.7,2c-0.2,0.5,0,1.1,0.4,1.3c0.5,0.2,1.1,0,1.3-0.4c0.4-0.9,1-2.6,1.3-4.7c0.3,2.1,0.8,3.8,1.3,4.7 c0.2,0.5,0.8,0.7,1.3,0.4c0.5-0.2,0.7-0.8,0.4-1.3c-0.5-0.9-1.2-3.3-1.2-6.2l1.8-1.8c0.7-0.1,1.5-0.3,2.2-0.6 c0.5-0.2,0.8-0.8,0.6-1.3c-0.1-0.2-0.2-0.4-0.4-0.5l1.8-1.8C21.2,7.5,22,9.7,22,12C22,17.5,17.5,22,12,22z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center/contain;
}
body.page-humanology-on-air header .nav.turtle nav .jkcom.menu li.menu-item-has-children > ul.sub-menu a, body.page-constructive-insights header .nav.turtle nav .jkcom.menu li.menu-item-has-children > ul.sub-menu a {
  color: #fff;
  text-decoration: none;
}
body.page-humanology-on-air header .nav.turtle nav .jkcom.menu li ul.sub-menu a, body.page-constructive-insights header .nav.turtle nav .jkcom.menu li ul.sub-menu a {
  color: #fff;
}
body.page-humanology-on-air header .nav .logo svg path, body.page-constructive-insights header .nav .logo svg path {
  fill: #fff;
}
@media (max-width: 1023px) {
  body.page-humanology-on-air header .nav .logo svg path, body.page-constructive-insights header .nav .logo svg path {
    fill: #000;
  }
}
body.page-humanology-on-air header .nav nav .jkcom.menu > li.search .search-icon:after, body.page-constructive-insights header .nav nav .jkcom.menu > li.search .search-icon:after {
  content: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 21 21' viewBox='0 0 21 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m17.7 15.1c3.7-2.9 4.3-8.2 1.5-11.8s-8.2-4.4-11.8-1.5c-3.7 2.8-4.4 8.1-1.5 11.8l-5.6 5.6c-.4.4-.4 1.1 0 1.5s1 .4 1.4 0l5.6-5.6c3.1 2.4 7.4 2.4 10.4 0zm-.7-11.1c2.5 2.5 2.4 6.5 0 8.9-2.5 2.5-6.5 2.5-9 0s-2.5-6.5 0-9c2.5-2.4 6.5-2.4 9 .1z' fill='%23fff'/%3E%3C/svg%3E");
}
body.page-humanology-on-air header .nav nav .jkcom.menu > li.nolink:hover, body.page-constructive-insights header .nav nav .jkcom.menu > li.nolink:hover {
  cursor: default;
}
@media (min-width: 1025px) {
  body.page-humanology-on-air header .nav nav .jkcom.menu > li.nolink:after, body.page-constructive-insights header .nav nav .jkcom.menu > li.nolink:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.809' height='8.904' viewBox='0 0 15.809 8.904'%3E%3Cpath id='Path_2756' data-name='Path 2756' d='M1241.813,56.982l6.49,6.49,6.49-6.49' transform='translate(1256.207 64.472) rotate(180)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center center/contain;
  }
}
body.page-humanology-on-air header .nav nav .jkcom.menu > li:nth-last-child(2) a, body.page-constructive-insights header .nav nav .jkcom.menu > li:nth-last-child(2) a {
  background: #F6EB44;
  color: #000;
}
@media (max-width: 1023px) {
  body.page-humanology-on-air header .nav nav .jkcom.menu > li:nth-last-child(2) a, body.page-constructive-insights header .nav nav .jkcom.menu > li:nth-last-child(2) a {
    color: #000;
    background: transparent;
  }
}
body.page-humanology-on-air header .nav nav .jkcom.menu > li a, body.page-constructive-insights header .nav nav .jkcom.menu > li a {
  color: #fff;
}
@media (max-width: 1023px) {
  body.page-humanology-on-air header .nav nav .jkcom.menu > li a, body.page-constructive-insights header .nav nav .jkcom.menu > li a {
    color: #000;
  }
}
@media (min-width: 1025px) {
  body.page-humanology-on-air header .nav nav .jkcom.menu > li button.universalaccess, body.page-constructive-insights header .nav nav .jkcom.menu > li button.universalaccess {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23F6EB44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='m6.15829 9.43979c.85273.31009 2.27808.67171 4.00131.84341.2144 3.5473-.66116 6.6838-1.20408 7.7696-.24699.494-.04676 1.0946.44722 1.3416s1.09466.0468 1.34166-.4472c.4439-.8878.9764-2.5848 1.2556-4.6807.2792 2.0959.8117 3.7929 1.2556 4.6807.247.494.8477.6942 1.3417.4472.4939-.247.6942-.8476.4472-1.3416-.5416-1.0832-1.4142-4.2068-1.2057-7.7433 1.3091-.1176 2.6693-.38474 4.003-.86971.519-.18874.7868-.7625.598-1.28154-.1887-.51903-.7625-.78679-1.2815-.59805-4.1069 1.49341-8.61875.61738-10.31653 0-.51903-.18874-1.0928.07902-1.28154.59805-.18873.51904.07902 1.0928.59806 1.28154z'/%3E%3Cpath d='m12 8c.9665 0 1.75-.7835 1.75-1.75s-.7835-1.75-1.75-1.75-1.75.7835-1.75 1.75.7835 1.75 1.75 1.75z'/%3E%3Cpath clip-rule='evenodd' d='m24 12c0 6.6274-5.3726 12-12 12-6.62742 0-12-5.3726-12-12 0-6.62742 5.37258-12 12-12 6.6274 0 12 5.37258 12 12zm-2 0c0 5.5228-4.4772 10-10 10-5.52285 0-10-4.4772-10-10 0-5.52285 4.47715-10 10-10 5.5228 0 10 4.47715 10 10z' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center/contain;
  }
  body.page-humanology-on-air header .nav nav .jkcom.menu > li button.universalaccess.off, body.page-constructive-insights header .nav nav .jkcom.menu > li button.universalaccess.off {
    background: url("data:image/svg+xml,%3Csvg version='1.1' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cg%3E%3Ccircle class='st0' cx='12' cy='6.2' r='1.8'/%3E%3Cpath class='st0' d='M12,0C5.4,0,0,5.4,0,12c0,3,1.1,5.7,2.9,7.8l-0.1,0.1l1.5,1.5l0.1-0.1C6.5,23,9.1,24,12,24c6.6,0,12-5.4,12-12 C24,5.4,18.6,0,12,0z M2,12C2,6.5,6.5,2,12,2c2.4,0,4.7,0.9,6.4,2.3l-3.9,3.9C11.2,8.7,8.2,8,6.8,7.6C6.3,7.4,5.7,7.6,5.6,8.2 s0.1,1.1,0.6,1.3c0.9,0.3,2.3,0.7,4,0.8c0,0.8,0,1.5,0,2.3l-5.8,5.8C2.9,16.7,2,14.4,2,12z M12,22c-2.3,0-4.5-0.8-6.2-2.2L9.6,16 c-0.2,0.9-0.5,1.6-0.7,2c-0.2,0.5,0,1.1,0.4,1.3c0.5,0.2,1.1,0,1.3-0.4c0.4-0.9,1-2.6,1.3-4.7c0.3,2.1,0.8,3.8,1.3,4.7 c0.2,0.5,0.8,0.7,1.3,0.4c0.5-0.2,0.7-0.8,0.4-1.3c-0.5-0.9-1.2-3.3-1.2-6.2l1.8-1.8c0.7-0.1,1.5-0.3,2.2-0.6 c0.5-0.2,0.8-0.8,0.6-1.3c-0.1-0.2-0.2-0.4-0.4-0.5l1.8-1.8C21.2,7.5,22,9.7,22,12C22,17.5,17.5,22,12,22z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center/contain;
  }
}
body.page-humanology-on-air header .nav nav .jkcom.menu > li .sub-menu a, body.page-constructive-insights header .nav nav .jkcom.menu > li .sub-menu a {
  color: #fff;
}
@media (min-width: 1025px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
  }
  .nav {
    padding: 30px 0 10px;
    min-height: 117px;
    transition: all 0.5s;
    background: #fff;
  }
  .nav.turtle {
    padding: 10px 0 20px;
    min-height: 50px;
  }
  .nav.turtle .logo {
    height: 45px;
  }
  .nav.turtle .logo img,
  .nav.turtle .logo svg {
    height: 130%;
    position: relative;
    top: 5px;
  }
  .nav .logo {
    width: 90px;
    height: 77px;
    transition: all 0.5s;
    overflow: hidden;
  }
  .nav .logo img,
  .nav .logo svg {
    transition: all 0.5s;
    height: 100%;
  }
}
@media (min-width: 1025px) and (max-width: 330px) {
  .nav div img,
  .nav div svg {
    max-width: 75px;
    height: auto;
  }
}
@media (min-width: 1025px) {
  .nav .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 9999;
  }
  .nav ul.menu.jkcom {
    text-align: right;
    display: flex;
    justify-content: space-between;
    position: relative;
    transition: all 0.5s;
    font-family: "Radikal", sans-serif;
    font-weight: 500;
  }
  .nav ul.menu.jkcom > li {
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-left: 30px;
    position: relative;
    list-style: none;
    color: #000000;
    box-sizing: border-box;
    font-size: 20px;
  }
  .nav ul.menu.jkcom > li a {
    color: #000000;
    text-decoration: none;
  }
  .nav ul.menu.jkcom > li.search {
    height: 45px;
    width: 25px;
    padding: 0;
    position: relative;
    border: none;
  }
  .nav ul.menu.jkcom > li.search .search-icon {
    background: transparent;
    height: 50px;
    width: 25px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
  }
  .nav ul.menu.jkcom > li.search .search-icon:after {
    transition: all 0.5s;
    color: #000000;
    content: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 21 21' viewBox='0 0 21 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m17.7 15.1c3.7-2.9 4.3-8.2 1.5-11.8s-8.2-4.4-11.8-1.5c-3.7 2.8-4.4 8.1-1.5 11.8l-5.6 5.6c-.4.4-.4 1.1 0 1.5s1 .4 1.4 0l5.6-5.6c3.1 2.4 7.4 2.4 10.4 0zm-.7-11.1c2.5 2.5 2.4 6.5 0 8.9-2.5 2.5-6.5 2.5-9 0s-2.5-6.5 0-9c2.5-2.4 6.5-2.4 9 .1z' fill='%23000'/%3E%3C/svg%3E");
    position: absolute;
    background: transparent;
    height: 25px;
    width: 25px;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
  .nav ul.menu.jkcom > li.search .search-icon:hover {
    cursor: pointer;
  }
  .nav ul.menu.jkcom > li.search form {
    position: relative;
    right: 0;
  }
  .nav ul.menu.jkcom > li.search form label {
    position: absolute;
    visibility: hidden;
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
  }
  .nav ul.menu.jkcom > li.search form input {
    color: #000000;
    margin-top: 4px;
    visibility: hidden;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 50px;
    height: 0px;
    transition: all 0.5s;
    position: absolute;
    right: 0;
    top: 100%;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    background-color: #fff;
    padding-left: 10px;
    box-sizing: border-box;
    outline: 2px solid transparent;
    outline-offset: -3px;
  }
  .nav ul.menu.jkcom > li.search form input.open {
    padding-left: 60px;
    visibility: visible;
    opacity: 1;
    height: 50px;
    width: 300px;
    background: #ffffff url("data:image/svg+xml,%3Csvg enable-background='new 0 0 21 21' viewBox='0 0 21 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m17.7 15.1c3.7-2.9 4.3-8.2 1.5-11.8s-8.2-4.4-11.8-1.5c-3.7 2.8-4.4 8.1-1.5 11.8l-5.6 5.6c-.4.4-.4 1.1 0 1.5s1 .4 1.4 0l5.6-5.6c3.1 2.4 7.4 2.4 10.4 0zm-.7-11.1c2.5 2.5 2.4 6.5 0 8.9-2.5 2.5-6.5 2.5-9 0s-2.5-6.5 0-9c2.5-2.4 6.5-2.4 9 .1z' /%3E%3C/svg%3E") no-repeat 15px center/10%;
  }
  .nav ul.menu.jkcom > li.search form input.open:focus-visible {
    outline: 2px solid #53C3C0;
    outline-offset: -3px;
  }
  .nav ul.menu.jkcom > li:nth-last-child(2) a {
    text-decoration: none;
    border-radius: 50px;
    padding: 10px 30px;
    background: #000000;
    color: #F6EB44;
  }
  .nav ul.menu.jkcom > li.menu-item-has-children {
    padding-right: 20px;
  }
  .nav ul.menu.jkcom > li.menu-item-has-children:after {
    content: "";
    position: absolute;
    right: 0px;
    transform: rotate(180deg);
    transform-origin: center;
    transition: transform 0.5s;
    line-height: 20px;
    display: inline-block;
    height: 28px;
    width: 15px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.809' height='8.904' viewBox='0 0 15.809 8.904'%3E%3Cpath id='Path_2756' data-name='Path 2756' d='M1241.813,56.982l6.49,6.49,6.49-6.49' transform='translate(1256.207 64.472) rotate(180)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center center/contain;
  }
  .nav ul.menu.jkcom > li.menu-item-has-children > ul.sub-menu {
    background: #000000;
    display: none;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 20px 30px;
    text-align: left;
    position: absolute;
    top: 100%;
    border-radius: 20px;
    z-index: 3;
  }
  .nav ul.menu.jkcom > li.menu-item-has-children > ul.sub-menu > li {
    width: 50%;
    box-sizing: border-box;
    position: relative;
    color: #fff;
    padding: 0 10px 10px 0;
    display: flex;
    flex-direction: column;
  }
  .nav ul.menu.jkcom > li.menu-item-has-children > ul.sub-menu > li > a {
    color: #fff;
    padding: 5px 0;
    display: inline-block;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid transparent;
  }
  .nav ul.menu.jkcom > li.menu-item-has-children > ul.sub-menu > li > a:hover {
    border-bottom: 2px solid #EB586B;
  }
  .nav ul.menu.jkcom > li.menu-item-has-children > ul.sub-menu > li ul.sub-menu {
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
    text-align: left;
    position: relative;
    display: block;
    top: unset;
    background: transparent;
  }
  .nav ul.menu.jkcom > li.menu-item-has-children > ul.sub-menu > li ul.sub-menu li {
    width: 100%;
    padding: 0;
    margin: 0 0 5px 0;
  }
  .nav ul.menu.jkcom > li.menu-item-has-children > ul.sub-menu > li ul.sub-menu li a {
    color: #fff;
    font-size: 14px;
    line-height: 1.1;
    font-weight: 400;
    padding: 3px 0;
    display: inline-block;
    opacity: 0.9;
    transition: opacity 0.3s;
    text-decoration: none;
  }
  .nav ul.menu.jkcom > li.menu-item-has-children > ul.sub-menu > li ul.sub-menu li a:hover {
    opacity: 1;
  }
  .nav ul.menu.jkcom > li:hover, .nav ul.menu.jkcom > li.open {
    cursor: default;
  }
  .nav ul.menu.jkcom > li:hover > ul.sub-menu, .nav ul.menu.jkcom > li.open > ul.sub-menu {
    display: flex;
    width: auto;
    min-width: 550px;
  }
  .nav .hamburger {
    display: none;
  }
  .nav .hamburger .bar {
    background: #fff;
    height: 2px;
    width: 38px;
    margin: 8px auto;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
}
@media (max-width: 1023px) {
  header {
    position: fixed;
    z-index: 999;
    width: 100%;
    background: #fff;
  }
  nav {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
  }
  .nav {
    background: #fff;
    padding: 30px 0 10px;
    min-height: 117px;
    transition: all 0.5s;
  }
  .nav .container {
    justify-content: space-between;
    z-index: 999;
  }
  .nav.turtle {
    padding: 10px 0 10px;
    min-height: 50px;
  }
  .nav.turtle .logo {
    overflow: hidden;
    height: 45px;
    margin-top: 10px;
    z-index: 1;
  }
  .nav.turtle .logo img,
  .nav.turtle .logo svg {
    height: 130%;
    top: 5px;
  }
  .nav.turtle .jkcom.menu {
    top: 60px;
    padding-top: 30px;
  }
  .logo {
    z-index: 1;
    width: 90px;
    height: 60px;
    margin-top: 0px;
    transition: all 0.5s;
  }
  .logo img,
  .logo svg {
    display: block;
    width: 100%;
    position: relative;
    transition: all 0.5s;
    height: 100%;
    color: #000000;
    fill: #000000;
  }
  .jkcom.menu {
    flex-direction: column;
    height: 0;
    opacity: 0;
    display: flex;
    align-items: flex-start;
    position: relative;
    overflow: hidden;
    width: 100%;
    transition: all 0.5s;
    top: 80px;
    background: #fff;
    transition: all 0.5s;
    list-style: none;
    color: #000000;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    padding: 30px 20px 20px;
  }
  .jkcom.menu.active {
    height: 100vh;
    opacity: 1;
  }
  .jkcom.menu li {
    padding: 0px 0px 20px;
    color: #000000;
    width: 100%;
    position: relative;
  }
  .jkcom.menu li.nolink {
    position: relative;
  }
  .jkcom.menu li.nolink:hover {
    cursor: default;
  }
  .jkcom.menu li.nolink:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 5px;
    transform: rotate(180deg);
    transform-origin: center;
    transition: transform 0.5s;
    line-height: 20px;
    display: inline-block;
    height: 28px;
    transition: transform 0.5s;
    width: 15px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.809' height='8.904' viewBox='0 0 15.809 8.904'%3E%3Cpath id='Path_2756' data-name='Path 2756' d='M1241.813,56.982l6.49,6.49,6.49-6.49' transform='translate(1256.207 64.472) rotate(180)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center center/contain;
  }
  .jkcom.menu li > a {
    color: #000000;
    text-decoration: none;
    display: inline-block;
  }
  .jkcom.menu li ul {
    max-height: 0;
    min-height: 0;
    overflow: hidden;
    list-style: none;
    background: #000000;
    border-radius: 20px;
    width: 100%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    transition: all 0.5s;
  }
  .jkcom.menu li ul li {
    margin: 5px 0px 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 0px 0;
    position: relative;
  }
  .jkcom.menu li ul li:first-child {
    padding-top: 10px;
  }
  .jkcom.menu li ul li:last-child {
    padding-bottom: 10px;
  }
  .jkcom.menu li ul li a {
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 1rem;
  }
  .jkcom.menu li ul li ul {
    display: none;
  }
  .jkcom.menu li ul li ul li a {
    font-size: 14px;
    line-height: 16px;
  }
  .jkcom.menu li.open.nolink:after {
    transform: rotate(360deg);
  }
  .jkcom.menu li.open.nolink:hover {
    cursor: default;
  }
  .jkcom.menu li.open ul {
    max-height: 500px;
    overflow: unset;
  }
  .hamburger {
    margin-right: 8px;
    display: block;
    cursor: pointer;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 0;
  }
  .hamburger .bar {
    background: #000000;
    height: 2px;
    width: 38px;
    margin: 8px auto;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    opacity: 1;
    left: 10px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }
  .hamburger span:nth-child(1) {
    top: 13px;
  }
  .hamburger span:nth-child(2),
  .hamburger span:nth-child(3) {
    top: 24px;
  }
  .hamburger span:nth-child(4) {
    top: 35px;
  }
  .hamburger.active span:nth-child(1) {
    top: 12px;
    width: 0%;
    left: 50%;
  }
  .hamburger.active span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .hamburger.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .hamburger.active span:nth-child(4) {
    top: 12px;
    width: 0%;
    left: 50%;
  }
  .menu-item,
  .nav__link,
  .nav__link_parent,
  .menu-item-has-children {
    margin: 0;
    text-align: left;
    text-decoration: none;
    color: #fff;
    font-size: 1.375rem;
  }
  .nav.active {
    height: auto;
    opacity: 1;
  }
  .nav.active .nav__link {
    opacity: 1;
  }
}
.alertbanner {
  position: absolute;
  background: #F6EB44;
  color: #000000;
  padding: 5px;
  z-index: 999;
  top: -50px;
  transition: all 0.5s;
  font-family: "radikal", sans-serif;
}
@media (max-width: 767px) {
  .alertbanner {
    position: relative;
    top: 0px;
  }
}
.alertbanner .container {
  text-align: center;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
}
@media (max-width: 767px) {
  .alertbanner .container {
    justify-content: space-around;
    padding: 5px;
    width: 100%;
  }
}
.alertbanner .container .message {
  font-size: 1rem;
  font-weight: bold;
  margin-right: 20px;
  position: relative;
}
@media (max-width: 767px) {
  .alertbanner .container .message {
    text-align: left;
    margin-right: unset;
    width: 65%;
  }
}
.alertbanner .container .link {
  background: #000000;
  border: 1px solid #000000;
  border-radius: 40px;
  z-index: 1;
  padding: 8px 15px 5px;
  margin: 5px 0;
  transition: all 0.5s;
}
@media (max-width: 767px) {
  .alertbanner .container .link {
    width: 30%;
  }
}
.alertbanner .container .link a {
  color: #F6EB44;
  font-size: 1rem;
  text-decoration: none;
}
.alertbanner .container .link:hover {
  background: #fff;
}
.alertbanner .container .link:hover a {
  color: #000000;
}

.q {
  font-size: 31px;
  line-height: 50px;
  max-width: 915px;
  width: 100%;
}
@media (min-width: 1025px) {
  .q {
    font-size: 41px;
  }
}

.c {
  text-align: center;
  position: relative;
  padding-bottom: 90px;
}
@media (min-width: 1310px) {
  .c {
    flex-grow: 2;
  }
}
@media (max-width: 1309px) {
  .c {
    margin-top: 50px;
  }
}
.c img {
  margin: 0 auto 35px;
}
.c .name {
  font-size: 22px;
  letter-spacing: -0.22px;
  line-height: 24px;
}
.c .title {
  font-size: 16px;
  letter-spacing: -0.16px;
  margin-top: 0;
}

.note {
  position: absolute;
  bottom: 0;
  right: 30%;
  color: #53C3C0;
  font-size: 16px;
  font-weight: bold;
  transform: matrix(0.9, -0.44, 0.44, 0.9, 0, 0);
}
.note:before {
  content: "";
  background: url(../images/whs-arrow.svg) 0 0 no-repeat;
  width: 27px;
  height: 29px;
  display: block;
  margin: 0 auto;
}

body.home .hero {
  transition: padding-top 0.5s;
}
@media (max-width: 1023px) {
  body.home .hero {
    padding-top: 75px;
  }
}
body.home .hero .container {
  padding-bottom: 0;
}
body.home .hero .headline {
  top: 75px;
  width: 100%;
  margin: 50px 0 150px;
}
@media (max-width: 1023px) {
  body.home .hero .headline {
    margin: 50px 0 50px;
  }
}
body.home .hero .headline .titlewrap {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1023px) {
  body.home .hero .headline .titlewrap {
    flex-direction: column;
  }
}
body.home .hero .headline .titlewrap h1 {
  width: 50vw;
  position: relative;
  display: inline;
  font-size: 7vw;
  line-height: 7vw;
  z-index: 2;
  flex: 0;
  white-space: nowrap;
}
@media (min-width: 1601px) {
  body.home .hero .headline .titlewrap h1 {
    font-size: 100px;
    line-height: 115px;
  }
}
@media (max-width: 1023px) {
  body.home .hero .headline .titlewrap h1 {
    width: 100%;
    flex-direction: column;
    font-size: 12vw;
  }
}
body.home .hero .headline .titlewrap .wordlist {
  width: 50vw;
  height: 100%;
  z-index: 1;
  position: relative;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  padding: 0 0 0 20px;
}
@media (max-width: 1023px) {
  body.home .hero .headline .titlewrap .wordlist {
    width: 100%;
    padding-left: 10px;
    height: 25vw;
    margin-top: -10px;
    top: 0;
  }
}
body.home .hero .headline .titlewrap .wordlist .gradientoverlay {
  z-index: 1;
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 85%, rgb(255, 255, 255) 100%);
}
body.home .hero .headline .titlewrap .wordlist ul {
  list-style: none;
  margin: 0;
  position: relative;
}
body.home .hero .headline .titlewrap .wordlist ul li {
  font-family: "haveaheart", sans-serif;
  font-size: 14vw;
  line-height: 3vw;
  color: #EB586B;
  position: absolute;
  top: 0;
  left: 0;
  text-transform: uppercase;
  letter-spacing: 4px;
}
@media (max-width: 1023px) {
  body.home .hero .headline .titlewrap .wordlist ul li {
    font-size: 32vw;
    line-height: 6vw;
  }
}
body.home .hero .headline .titlewrap .wordlist ul li .char {
  display: inline-block;
  opacity: 0;
}
body.home .hero .headline .content {
  margin: 40px 0;
  display: block;
}
@media (max-width: 1023px) {
  body.home .hero .headline .content {
    margin: 20px 0;
  }
}
body.home .hero .headline .content .text {
  max-width: 885px;
}
@media (max-width: 1023px) {
  body.home .hero .headline .content .text {
    margin: 0;
  }
}
body.home .hero .image {
  display: none;
}

section.hero.get-started .container {
  justify-content: center;
  margin: 0 auto;
}

body.jkbuild .hero .secondarylogo, body.jkbuild-ecommerce .hero .secondarylogo {
  position: absolute;
  z-index: 1;
  width: 150px;
  height: 150px;
  top: 40px;
  left: 40px;
}
@media (max-width: 767px) {
  body.jkbuild .hero .secondarylogo, body.jkbuild-ecommerce .hero .secondarylogo {
    width: 80px;
    height: 80px;
    top: 20px;
    left: 20px;
  }
}
body.jkbuild .hero .secondarylogo img, body.jkbuild-ecommerce .hero .secondarylogo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

body.insight .hero .headline, body.single-construct_insights .hero .headline {
  width: 50%;
}
@media (max-width: 1023px) {
  body.insight .hero .headline, body.single-construct_insights .hero .headline {
    width: 100%;
  }
}
body.insight .hero .headline h1, body.single-construct_insights .hero .headline h1 {
  font-size: 5rem;
  line-height: 4.875rem;
}
@media (max-width: 1023px) {
  body.insight .hero .headline h1, body.single-construct_insights .hero .headline h1 {
    font-size: 12vw;
    line-height: 12vw;
  }
}
body.insight .hero .image, body.single-construct_insights .hero .image {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 45px;
  width: 45%;
  max-width: 690px;
  margin: 0;
  height: 500px;
}
@media (max-width: 1023px) {
  body.insight .hero .image, body.single-construct_insights .hero .image {
    position: relative;
    width: 100%;
    right: unset;
    top: unset;
    margin: 0 auto;
    height: 400px;
  }
}
body.insight .hero .image .curve, body.single-construct_insights .hero .image .curve {
  overflow: hidden;
}
body.insight .hero .image .squ-inner, body.single-construct_insights .hero .image .squ-inner {
  position: absolute;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 98%, 0 98%);
  clip-path: polygon(0 0, 100% 0, 100% 98%, 0 98%);
  height: 100%;
}
body.insight .hero .image .squ-inner .play, body.single-construct_insights .hero .image .squ-inner .play {
  height: 100%;
}
body.insight .hero .image .squ-inner .play img, body.single-construct_insights .hero .image .squ-inner .play img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
body.insight .hero .image .squ-inner .circle svg, body.single-construct_insights .hero .image .squ-inner .circle svg {
  border-radius: unset;
}
body.insight .hero .image .squ-inner .circle svg circle, body.single-construct_insights .hero .image .squ-inner .circle svg circle {
  cx: -50;
  cy: 100;
  r: 50%;
}
body.insight .hero .image .squ-inner img, body.single-construct_insights .hero .image .squ-inner img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  body.insight .hero .content, body.single-construct_insights .hero .content {
    width: 100%;
  }
}

body.page-who-we-are .image .play {
  height: 100%;
}
body.page-who-we-are .image video {
  object-fit: cover;
  height: unset;
  width: unset;
}

.resource .hero .container, .buildresource .hero .container {
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  .resource .hero .container, .buildresource .hero .container {
    padding-bottom: 0;
  }
}
.resource .hero .headline, .buildresource .hero .headline {
  max-width: 900px;
}
.resource .hero .image, .buildresource .hero .image {
  min-height: 300px;
  margin-bottom: 0;
}
.resource .hero .image .squ-inner, .buildresource .hero .image .squ-inner {
  min-height: 500px;
  height: 100%;
}
@media (max-width: 767px) {
  .resource .hero .image .squ-inner, .buildresource .hero .image .squ-inner {
    min-height: 300px;
  }
}
.resource .hero .image .squ-inner img, .buildresource .hero .image .squ-inner img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hero {
  padding-top: 130px;
}
@media (max-width: 767px) {
  .hero {
    padding-top: 0;
  }
}
.hero .container {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: unset;
}
@media (max-width: 1023px) {
  .hero .container {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .hero .container {
    padding-bottom: 0;
  }
}
.hero .container.pb-0 {
  padding-bottom: 0;
}
.hero .headline {
  z-index: 100;
  position: relative;
  margin-bottom: 40px;
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hero .headline br {
  display: none;
}
@media (max-width: 1023px) {
  .hero .headline {
    order: 1;
    margin-bottom: 30px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .hero .headline {
    margin-top: 50px;
  }
}
.hero .headline .secondarylogo {
  max-width: 200px;
  height: 125px;
  margin: 0 0 50px;
}
.hero .headline .secondarylogo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  object-position: left;
}
.hero .headline h2 {
  margin-top: 40px;
  font-size: 2.5rem;
}
@media (max-width: 1023px) {
  .hero .headline h2 {
    font-size: 2.1875rem;
    margin-top: 0px;
    margin-bottom: 30px;
  }
}
.hero .headline.center h1 {
  text-align: center;
}
.hero .content {
  display: flex;
  align-content: flex-start;
  justify-content: flex-start;
  position: relative;
}
@media (max-width: 1023px) {
  .hero .content {
    order: 2;
    flex-direction: column;
  }
}
.hero .content .arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  display: none;
  height: 150px;
  position: absolute;
  top: 0;
}
.hero .content .arrow .line {
  margin-top: 20px;
  border-left: 1px solid #ffffff;
  width: 1px;
  height: 100%;
  display: inline-block;
}
@media (min-width: 1200px) {
  .hero .content .arrow .line {
    -moz-animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite;
    animation: arrow 2s infinite;
  }
}
.hero .content .arrow img {
  transform: translateX(-50%);
}
@media (min-width: 1200px) {
  .hero .content .arrow {
    width: 100px;
    display: inline-block;
  }
}
.hero .content .text {
  padding-bottom: 30px;
  display: inline-block;
  position: relative;
}
@media (min-width: 1200px) {
  .hero .content .text {
    max-width: 80%;
    padding-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .hero .content .text {
    margin-left: unset;
  }
}
@media (max-width: 1023px) {
  .hero .content .text {
    margin-bottom: 10px;
    padding-bottom: 0;
  }
}
.hero .content .text .casestudytype {
  font-size: 1rem;
  padding-bottom: 0;
}
.hero .content__image {
  margin-left: 50px;
  z-index: 3;
  margin-top: -20px;
  max-width: 350px;
  max-height: 230px;
  overflow: hidden;
  position: relative;
}
.hero .content__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1199px) {
  .hero .content__image {
    position: absolute;
    bottom: -70vw;
    left: 0;
    max-width: 50%;
    margin-left: 20px;
  }
}
.hero .image {
  z-index: 1;
  position: relative;
  display: inline-block;
  border-radius: 20px;
  overflow: hidden;
  max-width: 596px;
  margin-left: 50px;
  right: 0;
  min-height: 665px;
}
.hero .image > div {
  height: 100%;
  position: relative;
  display: flex;
}
@media (max-width: 1023px) {
  .hero .image {
    width: 100%;
    max-width: unset;
    min-height: unset;
    height: 60vw;
    margin-bottom: 40px;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .hero .image {
    min-height: unset;
    margin: 40px 0 0;
  }
}
.hero .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.hero .image video {
  display: block;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .hero .image video {
    min-width: 100%;
    width: 100%;
    min-height: unset;
    margin-bottom: 40px;
    margin-left: 0;
    height: unset;
    position: relative;
    margin-top: -20%;
  }
}
@keyframes arrow {
  0%, 20%, 50%, 80%, 100% {
    height: 100px;
  }
  40% {
    height: 150px;
  }
  60% {
    height: 100px;
  }
}

section.columns3 .container {
  width: calc(100% - 40px);
  max-width: 1200px;
  margin: 0 auto;
}
section.columns3 .columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: flex-start;
  margin-top: 50px;
}
section.columns3 .columns .column {
  width: 100%;
  margin: 20px 0;
  padding: 0;
}
section.columns3 .columns .column__title {
  font-size: 2.25rem;
  font-family: "radikal-bold", sans-serif;
  margin-bottom: 30px;
  line-height: 2rem;
}
section.columns3 .columns .column ul {
  margin: 0;
  padding-left: 20px;
  display: inline-block;
  list-style: none;
  padding: 0;
}
section.columns3 .columns .column ul li {
  line-height: 1.75rem;
  margin: 4px 0 8px;
}
section.columns3 .columns .column__copy {
  font-size: 1.1875rem;
  line-height: 2.25rem;
}
@media (min-width: 1025px) {
  section.columns3 .columns .column {
    width: 32%;
    margin: 20px 0;
    padding: 0 30px;
  }
}

svg.markerarrow {
  width: 100px;
  position: absolute;
  left: 100%;
  top: -50%;
  margin-left: 10px;
}
svg.markerarrow .path1 {
  fill: none;
  stroke: #EB586B;
  stroke-width: 10;
  stroke-miterlimit: 10;
  stroke-linecap: round;
  stroke-dasharray: 90;
  stroke-dashoffset: -90;
}
@media (max-width: 1180px) {
  svg.markerarrow .path1 {
    animation: drawarrow1 0.5s linear forwards;
  }
}
svg.markerarrow .path2 {
  fill: none;
  stroke: #EB586B;
  stroke-width: 10;
  stroke-miterlimit: 10;
  stroke-linecap: round;
  stroke-dasharray: 65;
  stroke-dashoffset: -65;
}
@media (max-width: 1180px) {
  svg.markerarrow .path2 {
    animation: drawarrow2 0.5s linear forwards;
    animation-delay: 0.5s;
  }
}
svg.markerarrow.inview .path1 {
  animation: drawarrow1 0.5s linear forwards;
}
svg.markerarrow.inview .path2 {
  animation: drawarrow2 0.5s linear forwards;
  animation-delay: 0.5s;
}

@keyframes drawarrow1 {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes drawarrow2 {
  from {
    stroke-dashoffset: 60;
  }
  to {
    stroke-dashoffset: 0;
  }
}
body {
  overflow-x: hidden;
}

[data-barba=wrapper] {
  position: relative;
}

[data-barba=container] {
  position: relative;
  min-height: 100vh;
  transition: all 0.5s;
}

/* Transition overlay */
.transition-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  z-index: 9999;
  pointer-events: none;
  transform: translateY(-100%);
}

/* Loading indicator */
.loading-indicator {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
  opacity: 0;
  pointer-events: none;
}

.loading-spinner {
  width: 50px;
  height: 50px;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/* Page animation classes */
.page-enter {
  opacity: 0;
  transform: translateY(50px);
}

.page-enter-active {
  opacity: 1;
  transform: translateY(0);
}

/* -------------------------------- 

Primary style

-------------------------------- */
.cd-radial-slider-wrapper a {
  color: #000;
  text-decoration: none;
}

.cd-radial-slider-wrapper img, svg, image {
  max-width: 100%;
}

.cd-radial-slider-wrapper > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* -------------------------------- 

Slider

-------------------------------- */
.cd-radial-slider-wrapper {
  position: relative;
  width: 80vw;
  height: 70vw;
  max-height: 615px;
  max-width: 825px;
  margin: 0 auto;
  /* hide horizontal scrollbar on IE11 */
}

.cd-radial-slider > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: transform 0.2s;
  /* hide vertical scrollbar on IE11 */
  overflow: hidden;
}
.cd-radial-slider > li.visible {
  position: relative;
  opacity: 1;
}
.cd-radial-slider > li.is-animating, .cd-radial-slider > li.prev-slide, .cd-radial-slider > li.next-slide {
  opacity: 1;
}
.cd-radial-slider > li.is-animating {
  z-index: 2;
}
.cd-radial-slider > li.scale-down, .cd-radial-slider > li.move-up {
  z-index: 3;
}
.cd-radial-slider > li.move-up {
  /* class added to the navigation round element when clicked - used to create the click effect */
  animation: cd-clicked 0.2s;
}
.cd-radial-slider > li.scale-down {
  /* class added to the navigation round element to create the scale down effect  */
  transform: scale(0);
}
.cd-radial-slider > li.prev-slide image, .cd-radial-slider > li.next-slide image {
  /* make sure the prev/next round elements are visible */
  z-index: 3;
}
.cd-radial-slider > li.next-slide {
  /* for the scale-down/click effect - change the transform origin so that it is the center of the navigation round element */
  transform-origin: 0 50%;
}
.cd-radial-slider > li.prev-slide {
  transform-origin: 0 50%;
}

.cd-radial-slider .svg-wrapper {
  position: relative;
  z-index: 1;
  /* using padding Hack to fix bug on IE - svg height not properly calculated */
  height: 0;
  padding-bottom: 57.15%;
  margin: 0 auto;
  border-radius: 20px;
  width: 80vw;
  height: 60vw;
  max-height: 615px;
  max-width: 825px;
  overflow: hidden;
}

.svg-wrapper image {
  min-height: 600px;
}

.cd-radial-slider li.prev-slide .svg-wrapper,
.cd-radial-slider li.next-slide .svg-wrapper {
  /* change its z-index so that it's always below the .cd-radial-slider-content */
  z-index: 2;
}

.cd-radial-slider-wrapper svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cd-radial-slider-content {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateZ(0);
}
.cd-radial-slider-content .wrapper {
  /* vertically center its content */
  display: table;
  height: 100%;
  width: 100%;
}
.cd-radial-slider-content .wrapper > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 17%;
  color: #000;
}
.cd-radial-slider-content .wrapper .caption {
  min-width: 50%;
  background: #fff;
  color: #000;
  position: absolute;
  bottom: 15px;
  left: 20px;
  padding: 10px 30px;
  text-align: left;
}
@media (max-width: 767px) {
  .cd-radial-slider-content .wrapper .caption {
    padding: 5px 30px;
  }
}
.cd-radial-slider-content .wrapper .caption .name {
  font-size: rem-calc(30px);
}
@media (max-width: 767px) {
  .cd-radial-slider-content .wrapper .caption .name {
    font-size: rem-calc(25px);
    line-height: rem-calc(28px);
    margin: 0;
    padding: 0;
  }
}
.cd-radial-slider-content .wrapper .caption .title {
  font-size: rem-calc(16px);
}
@media (max-width: 767px) {
  .cd-radial-slider-content .wrapper .caption .title {
    font-size: rem-calc(14px);
    margin: 0;
    padding: 0;
  }
}
.cd-radial-slider-content h2 {
  font-size: 2rem;
}
.cd-radial-slider-content p {
  font-size: 1.4rem;
  margin: 0.6em auto 0.8em;
}
.cd-radial-slider-content .cd-btn {
  display: inline-block;
  padding: 1em;
  border: 2px solid #000;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  font-weight: bold;
}
.visible .cd-radial-slider-content {
  visibility: visible;
  opacity: 1;
}
.prev-slide .cd-radial-slider-content {
  transform: translateX(50px);
}
.next-slide .cd-radial-slider-content {
  transform: translateX(-50px);
}
.content-reveal-left .cd-radial-slider-content, .content-reveal-right .cd-radial-slider-content {
  /* animate slide content when entering the viewport */
  animation-delay: 0.1s;
  animation-fill-mode: both;
  opacity: 1;
  visibility: visible;
}
.content-hide-left .cd-radial-slider-content, .content-hide-right .cd-radial-slider-content {
  /* animate slide content when leaving the viewport */
  opacity: 0;
  visibility: hidden;
}
.content-reveal-left .cd-radial-slider-content, .content-reveal-right .cd-radial-slider-content, .content-hide-left .cd-radial-slider-content, .content-hide-right .cd-radial-slider-content {
  animation-duration: 0.4s;
}
.content-reveal-left .cd-radial-slider-content {
  animation-name: cd-reveal-left;
}
.content-reveal-right .cd-radial-slider-content {
  animation-name: cd-reveal-right;
}
.content-hide-left .cd-radial-slider-content {
  animation-name: cd-hide-left;
}
.content-hide-right .cd-radial-slider-content {
  animation-name: cd-hide-right;
}

.cd-round-mask {
  /* wrapper for the svg mask elements */
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
  display: none;
}

/* -------------------------------- 

Slider navigation

-------------------------------- */
.cd-radial-slider-navigation li {
  position: absolute;
  z-index: 6;
  right: 3.58%;
  top: 42.5%;
  height: 45px;
  width: 45px;
  background: url(/wp-content/themes/jankelley/assets/images/arrow.svg) center center/contain;
}
@media (min-width: 1025px) {
  .cd-radial-slider-navigation li {
    width: 75px;
    height: 75px;
  }
}
.cd-radial-slider-navigation li.prev {
  right: -5%;
  transform: rotate(180deg) translateY(50%);
  top: 50%;
}
.cd-radial-slider-navigation li.next {
  left: -5%;
  top: 50%;
  transform: translateY(-50%);
}
.cd-radial-slider-navigation li a {
  display: block;
  height: 100%;
  /* replace text with image */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  transition: transform 0.2s;
}
.cd-radial-slider-navigation li a::after {
  /* arrow icon */
  content: "";
  position: absolute;
  text-align: center;
  height: 16px;
  width: 16px;
}
.cd-radial-slider-navigation li a:hover {
  transform: scale(1.1);
}
.cd-radial-slider-navigation li:last-of-type {
  right: auto;
}
.cd-radial-slider-navigation li:last-of-type a::after {
  background-position: -16px 0;
}

/* -------------------------------- 

Keyframes

-------------------------------- */
@keyframes cd-reveal-left {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
  }
}
@keyframes cd-reveal-right {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
  }
}
@keyframes cd-hide-left {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50px);
  }
}
@keyframes cd-hide-right {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateX(50px);
  }
}
@keyframes cd-clicked {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
}
#videomodal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 99999;
}
#videomodal .close {
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 15px;
  display: inline-block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border: none;
  border-radius: 50%;
  padding: 4px;
  background: transparent;
}
#videomodal .close:hover {
  cursor: pointer;
}
#videomodal .close:before, #videomodal .close:after {
  content: "";
  position: absolute;
  height: 4px;
  width: 50%;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  background: #000;
  border-radius: 5px;
  margin-top: -2px;
}
#videomodal .close:before {
  transform: translateX(-50%) rotate(-45deg);
}
#videomodal .close:after {
  transform: translateX(-50%) rotate(45deg);
}
#videomodal .videomodalcontainer .videomodalcontent {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: #000;
  width: 80vw;
  max-width: 1350px;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  overflow: hidden;
}
@media (max-width: 767px) {
  #videomodal .videomodalcontainer .videomodalcontent {
    width: 100%;
  }
}
#videomodal .videomodalcontainer .videomodalcontent .title {
  color: #fff;
}
#videomodal .videomodalcontainer .videomodalcontent .title h2 {
  font-size: 3.75rem;
  line-height: 3.8125rem;
  margin-bottom: 30px;
}
#videomodal .videomodalcontainer .videomodalcontent .navbar {
  width: 100%;
  align-self: flex-start;
  display: flex;
}
#videomodal .videomodalcontainer .videomodalcontent .navbar .previoussession:hover, #videomodal .videomodalcontainer .videomodalcontent .navbar .nextsession:hover {
  cursor: pointer;
}
#videomodal .videomodalcontainer .videomodalcontent .navbar .previoussession {
  align-self: flex-start;
  background: #53C3C0;
  border-top-left-radius: 30px;
  padding: 10px 20px 10px 50px;
  position: relative;
  color: #000;
  font-size: 1rem;
}
@media (max-width: 767px) {
  #videomodal .videomodalcontainer .videomodalcontent .navbar .previoussession {
    text-indent: -9999px;
    padding: 10px 30px;
    width: 60px;
  }
}
#videomodal .videomodalcontainer .videomodalcontent .navbar .previoussession:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.662' height='25.482' viewBox='0 0 30.662 25.482'%3E%3Cpath id='Path_4110' data-name='Path 4110' d='M377.884,176.1c.031-.047.062-.093.089-.142s.055-.106.081-.16c.013-.029.031-.057.043-.087s.01-.033.017-.048c.022-.058.04-.117.058-.176s.028-.095.04-.144.021-.115.03-.173.013-.1.018-.15,0-.119,0-.18,0-.1,0-.144-.013-.123-.022-.184c-.007-.047-.013-.093-.024-.138s-.031-.119-.05-.18-.028-.092-.044-.137c-.008-.021-.013-.042-.021-.062-.015-.037-.037-.07-.054-.105s-.043-.09-.068-.134-.063-.105-.1-.156-.055-.08-.085-.118-.082-.1-.126-.146c-.02-.022-.037-.046-.059-.068l-10.5-10.5a2.242,2.242,0,0,0-3.171,3.17l6.671,6.67H349.844a2.243,2.243,0,0,0,0,4.486h20.767l-6.67,6.671a2.243,2.243,0,0,0,3.172,3.174l10.5-10.5c.022-.022.039-.047.061-.07.042-.045.083-.092.12-.14S377.855,176.141,377.884,176.1Z' transform='translate(-347.601 -162.112)' fill='%23010101'/%3E%3C/svg%3E%0A") no-repeat center center/contain;
}
@media (max-width: 767px) {
  #videomodal .videomodalcontainer .videomodalcontent .navbar .previoussession:before {
    width: 20px;
    height: 16px;
    left: 20px;
  }
}
#videomodal .videomodalcontainer .videomodalcontent .navbar .title {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px 50px;
  flex-direction: column;
}
#videomodal .videomodalcontainer .videomodalcontent .navbar .title h3 {
  color: #fff;
  font-size: 1.875rem;
  margin: 0;
}
@media (max-width: 767px) {
  #videomodal .videomodalcontainer .videomodalcontent .navbar .title h3 {
    font-size: 1rem;
  }
}
#videomodal .videomodalcontainer .videomodalcontent .navbar .title .category {
  width: 30%;
  font-size: 0.875rem;
  flex-basis: 1;
  white-space: nowrap;
  margin-top: 5px;
}
@media (max-width: 767px) {
  #videomodal .videomodalcontainer .videomodalcontent .navbar .title .category {
    display: none;
  }
}
#videomodal .videomodalcontainer .videomodalcontent .navbar .title .category a {
  color: #fff;
}
#videomodal .videomodalcontainer .videomodalcontent .navbar .nextsession {
  align-self: flex-start;
  background: #53C3C0;
  border-top-right-radius: 30px;
  padding: 10px 50px 10px 20px;
  position: relative;
  color: #000;
  font-size: 1rem;
}
@media (max-width: 767px) {
  #videomodal .videomodalcontainer .videomodalcontent .navbar .nextsession {
    text-indent: -9999px;
    padding: 10px 30px 10px;
    width: 60px;
  }
}
#videomodal .videomodalcontainer .videomodalcontent .navbar .nextsession:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.662' height='25.482' viewBox='0 0 30.662 25.482'%3E%3Cpath id='Path_4110' data-name='Path 4110' d='M377.884,176.1c.031-.047.062-.093.089-.142s.055-.106.081-.16c.013-.029.031-.057.043-.087s.01-.033.017-.048c.022-.058.04-.117.058-.176s.028-.095.04-.144.021-.115.03-.173.013-.1.018-.15,0-.119,0-.18,0-.1,0-.144-.013-.123-.022-.184c-.007-.047-.013-.093-.024-.138s-.031-.119-.05-.18-.028-.092-.044-.137c-.008-.021-.013-.042-.021-.062-.015-.037-.037-.07-.054-.105s-.043-.09-.068-.134-.063-.105-.1-.156-.055-.08-.085-.118-.082-.1-.126-.146c-.02-.022-.037-.046-.059-.068l-10.5-10.5a2.242,2.242,0,0,0-3.171,3.17l6.671,6.67H349.844a2.243,2.243,0,0,0,0,4.486h20.767l-6.67,6.671a2.243,2.243,0,0,0,3.172,3.174l10.5-10.5c.022-.022.039-.047.061-.07.042-.045.083-.092.12-.14S377.855,176.141,377.884,176.1Z' transform='translate(-347.601 -162.112)' fill='%23010101'/%3E%3C/svg%3E%0A") no-repeat center center/contain;
}
@media (max-width: 767px) {
  #videomodal .videomodalcontainer .videomodalcontent .navbar .nextsession:before {
    width: 20px;
    height: 16px;
    right: 20px;
  }
}
#videomodal .videomodalcontainer .videomodalcontent .videocontainer {
  padding: 20px 20px 0;
}
#videomodal .videomodalcontainer .videomodalcontent .videocontainer .youtube-player {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  margin: 5px;
}
#videomodal .videomodalcontainer .videomodalcontent .videocontainer .youtube-player > div.video {
  height: 100%;
  position: absolute;
  width: 100%;
  cursor: pointer;
}
#videomodal .videomodalcontainer .videomodalcontent .videocontainer .youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent;
}
#videomodal .videomodalcontainer .videomodalcontent .videocontainer .youtube-player img {
  object-fit: cover;
  display: block;
  left: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  transition: 0.4s all;
}
#videomodal .videomodalcontainer .videomodalcontent .videocontainer .youtube-player img:hover {
  -webkit-filter: brightness(75%);
  -moz-filter: brightness(75%);
  filter: brightness(75%);
}
#videomodal .videomodalcontainer .videomodalcontent .videocontainer .youtube-player .play {
  height: 48px;
  width: 68px;
  left: 50%;
  top: 50%;
  margin-left: -34px;
  margin-top: -24px;
  position: absolute;
  cursor: pointer;
}
#videomodal .videomodalcontainer .videomodalcontent .videocontainer .youtube-player .play:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='93.802' height='93.802' viewBox='0 0 93.802 93.802'%3E%3Cg id='Group_3700' data-name='Group 3700' transform='translate(-992 -1962)'%3E%3Cpath id='Path_4109' data-name='Path 4109' d='M46.9,0A46.9,46.9,0,1,1,0,46.9,46.9,46.9,0,0,1,46.9,0Z' transform='translate(992 1962)' fill='%2353c3c0'/%3E%3Cpath id='Polygon_1' data-name='Polygon 1' d='M11.956,0,23.912,20.724H0Z' transform='translate(1053.08 1997.994) rotate(90)'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center/contain;
  border-radius: 15px;
}
#videomodal .videomodalcontainer .videomodalcontent .transcriptholder {
  display: flex;
  justify-content: flex-end;
  padding: 5px 30px 10px;
}
#videomodal .videomodalcontainer .videomodalcontent .transcriptholder a {
  color: #fff;
}
#videomodal.open {
  display: flex;
  align-items: center;
  justify-content: center;
}

.splitting.cells img {
  width: 100%;
  display: block;
}

@supports (display: grid) {
  .splitting.cells {
    position: relative;
    overflow: hidden;
    background-size: cover;
    visibility: hidden;
  }
  .splitting .cell-grid {
    background: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template: repeat(var(--row-total), 1fr)/repeat(var(--col-total), 1fr);
  }
  .splitting .cell {
    background: inherit;
    position: relative;
    overflow: hidden;
  }
  .splitting .cell-inner {
    background: inherit;
    position: absolute;
    visibility: visible;
    /* Size to fit the whole container size */
    width: calc(100% * var(--col-total));
    height: calc(100% * var(--row-total));
    /* Position properly */
    left: calc(-100% * var(--col-index));
    top: calc(-100% * var(--row-index));
  }
  /* Helper variables for advanced effects */
  .splitting .cell {
    --center-x: calc((var(--col-total) - 1) / 2);
    --center-y: calc((var(--row-total) - 1) / 2);
    /* Offset from center, positive & negative */
    --offset-x: calc(var(--col-index) - var(--center-x));
    --offset-y: calc(var(--row-index) - var(--center-y));
    /* Absolute distance from center, only positive */
    --distance-x: calc( (var(--offset-x) * var(--offset-x)) / var(--center-x) );
    /* Absolute distance from center, only positive */
    --distance-y: calc( (var(--offset-y) * var(--offset-y)) / var(--center-y) );
  }
}
/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
  display: inline-block;
}

/* Psuedo-element chars */
.splitting .char {
  position: relative;
}

/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: inherit;
  user-select: none;
}

/* Expanded CSS Variables */
.splitting {
  /* The center word index */
  --word-center: calc((var(--word-total) - 1) / 2);
  /* The center character index */
  --char-center: calc((var(--char-total) - 1) / 2);
  /* The center character index */
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  /* Pecent (0-1) of the word's position */
  --word-percent: calc(var(--word-index) / var(--word-total));
  /* Pecent (0-1) of the line's position */
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  /* Percent (0-1) of the char's position */
  --char-percent: calc(var(--char-index) / var(--char-total));
  /* Offset from center, positive & negative */
  --char-offset: calc(var(--char-index) - var(--char-center));
  /* Absolute distance from center, only positive */
  --distance: calc(
     (var(--char-offset) * var(--char-offset)) / var(--char-center)
  );
  /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
  --distance-sine: calc(var(--char-offset) / var(--char-center));
  /* Distance from center where 1 is far left/far right, 0 is center */
  --distance-percent: calc((var(--distance) / var(--char-center)));
}

section.challenger {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
  padding: 100px 10vw 100px 100px;
}
@media (max-width: 1023px) {
  section.challenger {
    padding: 20px 0px 40px;
    margin-top: 20vw;
  }
}
section.challenger .container {
  margin: 0;
}
@media (max-width: 1023px) {
  section.challenger .container {
    padding: 0 20px;
    width: calc(100% - 40px);
  }
}
@media (max-width: 1023px) {
  section.challenger .container:first-child {
    padding: 30vw 20px 0;
  }
  section.challenger .container:first-child h2 {
    order: 2;
  }
  section.challenger .container:first-child .badge {
    order: 1;
  }
}
section.challenger h2 {
  font-size: 7vw;
  line-height: 8vw;
  margin-bottom: 30px;
}
section.challenger h2 sup {
  font-family: "radikal", sans-serif;
  font-size: 2vw;
}
@media (max-width: 1023px) {
  section.challenger h2 {
    font-size: 7vw;
    line-height: 10vw;
    width: 100%;
  }
  section.challenger h2 sup {
    font-size: 3vw;
  }
}
@media (max-width: 767px) {
  section.challenger h2 {
    font-size: 10vw;
    line-height: 10vw;
    width: 100%;
  }
  section.challenger h2 sup {
    font-size: 4vw;
  }
}
@media (min-width: 1281px) {
  section.challenger h2 {
    font-size: 90px;
    line-height: 5.9375rem;
  }
}
section.challenger .badge {
  margin: 0 0 80px 0px;
  position: absolute;
  height: 20vw;
  width: 20vw;
  max-width: 400px;
  max-height: 400px;
  display: inline-block;
  background: #53C3C0;
  border-radius: 30vw;
  right: -12vw;
  top: -18vw;
}
@media (max-width: 1023px) {
  section.challenger .badge {
    right: unset;
    top: -24vw;
    left: -20vw;
    height: 60vw;
    width: 60vw;
  }
}
@media (max-width: 767px) {
  section.challenger .badge {
    right: unset;
    top: -38vw;
    left: -30vw;
    height: 60vw;
    width: 60vw;
  }
}
section.challenger .badge .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75%;
  height: 75%;
  transform: translate(-50%, -50%);
}
section.challenger .badge .text {
  position: absolute;
  top: 15.5%;
  left: 15.5%;
  width: 70%;
  height: 70%;
  -webkit-animation: spin 25s linear infinite;
  -moz-animation: spin 25s linear infinite;
  animation: spin 25s linear infinite;
}
section.challenger .badge .text.paused {
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(-360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
section.challenger .copy {
  width: 100%;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1199px) {
  section.challenger .copy {
    flex-direction: column;
    width: 100%;
  }
}
section.challenger .copy .col-50, section.challenger .copy p {
  width: 50%;
  max-width: 470px;
  margin-bottom: 30px;
  margin: 0 30px 30px 0;
}
@media (max-width: 1199px) {
  section.challenger .copy .col-50, section.challenger .copy p {
    max-width: unset;
    width: 90%;
  }
}
section.challenger .copy .mr-40 {
  box-sizing: border-box;
  margin-right: 40px;
}
@media (max-width: 1023px) {
  section.challenger .copy .mr-40 {
    margin-right: 0px;
  }
}
section.challenger .copy .link {
  width: 100%;
}
section.challenger .copy .link .btn {
  margin-top: 0;
}

.cases {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
}
.cases .container {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
.cases .case {
  position: relative;
  width: calc(60% - 30px);
  margin-bottom: 50px;
}
@media (max-width: 1023px) {
  .cases .case {
    width: 100%;
    margin-bottom: 40px;
  }
}
.cases .case:nth-child(2) {
  width: calc(60% - 30px);
  margin-top: 10vw;
}
.cases .case:nth-child(2) .image {
  height: 35vw;
  max-height: 540px;
}
@media (max-width: 1023px) {
  .cases .case:nth-child(2) {
    width: 100%;
    height: unset;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .cases .case:nth-child(2) .image {
    height: unset;
  }
}
.cases .case:nth-child(3n+3) {
  width: calc(60% - 30px);
}
.cases .case:nth-child(3n+3) .image {
  height: 35vw;
  max-height: 540px;
}
@media (max-width: 1023px) {
  .cases .case:nth-child(3n+3) {
    width: 100%;
    height: unset;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .cases .case:nth-child(3n+3) .image {
    height: unset;
  }
}
.cases .case:nth-child(3n+4) {
  width: 40%;
  height: 50vw;
  margin-top: 5vw;
}
.cases .case:nth-child(3n+4) .image {
  height: 40vw;
  max-height: 750px;
}
@media (max-width: 1023px) {
  .cases .case:nth-child(3n+4) {
    width: 100%;
    height: unset;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .cases .case:nth-child(3n+4) .image {
    height: 100vw;
  }
}
.cases .case:nth-child(1) {
  width: 40%;
  height: 50vw;
}
.cases .case:nth-child(1) .image {
  height: 40vw;
  max-height: 750px;
}
@media (max-width: 1023px) {
  .cases .case:nth-child(1) {
    width: 100%;
    height: unset;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .cases .case:nth-child(1) .image {
    height: 100vw;
  }
}
.cases .case:nth-child(5n) {
  width: 40%;
  height: 50vw;
  margin-top: -15vw;
}
.cases .case:nth-child(5n) .image {
  height: 40vw;
}
@media (max-width: 1023px) {
  .cases .case:nth-child(5n) {
    width: 100%;
  }
}
.cases .case .title {
  position: relative;
  padding: 20px;
  color: #000000;
}
@media (max-width: 1023px) {
  .cases .case .title {
    padding: 20px 0;
  }
}
.cases .case .title h3 {
  font-family: "radikal-bold", sans-serif;
  font-size: 2vw;
  margin: 0;
  max-width: 75%;
}
@media (max-width: 1023px) {
  .cases .case .title h3 {
    font-size: 7vw;
    max-width: 100%;
  }
}
.cases .case .title p {
  font-size: 1rem;
  line-height: 1.125rem;
  margin-top: 5px;
  max-width: 75%;
}
@media (max-width: 1023px) {
  .cases .case .title p {
    max-width: 100%;
  }
}
.cases .case .image {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.cases .case .image img {
  border-radius: 20px;
  transform-origin: center;
  object-position: center;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.cases .case a {
  right: 20px;
  top: 0;
  position: absolute;
  text-decoration: none;
  padding: 10px 20px;
}
@media (max-width: 1023px) {
  .cases .case a {
    right: 0;
    position: relative;
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  section.problem {
    margin: 0 auto -150px auto;
    padding-bottom: 150px;
  }
}
section.problem img {
  border: 5px solid black;
  border-radius: 20px;
  width: 75%;
  display: block;
}

section.solution {
  padding: 50px 0 100px;
}
section.solution.curved {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
}

.cta {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
  padding: 50px 0px 50px;
  text-align: center;
}
.cta.nocurve.top {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}
.cta.nocurve.bottom {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}
.cta .container {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  padding-top: 100px;
  padding-bottom: 0;
}
@media (max-width: 1023px) {
  .cta .container {
    padding: 40px 20px 0;
    text-align: left;
  }
}
.cta .container h2 {
  font-size: 7.1875rem;
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .cta .container h2 {
    font-size: 10vw;
    line-height: 10.5vw;
    text-align: left;
  }
}
.cta .container p {
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 1023px) {
  .cta .container p {
    text-align: left;
    max-width: unset;
  }
}
.cta .container a {
  color: #fff;
}
.cta .container .btn {
  margin-left: auto;
  margin-right: auto;
  color: #000;
}
@media (max-width: 1023px) {
  .cta .container .btn {
    margin-left: 0;
  }
}
.cta .container .btn:hover {
  color: #fff;
}
.cta .container form {
  width: 100%;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}
@media (max-width: 1023px) {
  .cta .container form {
    flex-direction: column;
    align-items: flex-start;
  }
}
.cta .container form .inputs {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .cta .container form .inputs {
    flex-direction: column;
    margin: 0;
  }
}
.cta .container form .inputs .title h2 {
  margin-bottom: 30px;
}
.cta .container form .inputs .fields {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 1023px) {
  .cta .container form .inputs .fields {
    flex-direction: column;
  }
}
.cta .container form .inputs .fields .formfield {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-right: 10px;
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .cta .container form .inputs .fields .formfield {
    width: 100%;
    margin-bottom: 20px;
  }
}
.cta .container form .inputs .fields .formfield.checkbox {
  flex-direction: row;
  margin-top: 20px;
  width: 25%;
}
.cta .container form .inputs .fields .formfield label {
  font-size: 1rem;
  margin-bottom: 10px;
}
.cta .container form .inputs .fields .formfield input[type=text], .cta .container form .inputs .fields .formfield input[type=email], .cta .container form .inputs .fields .formfield textarea {
  appearance: none;
  background: none;
  border: none;
  border: 1px solid #fff;
  border-radius: 40px;
  min-height: 55px;
  outline: none;
  padding: 5px 10px;
  width: 100%;
  color: #fff;
}
.cta .container form .inputs .fields .formfield textarea {
  padding: 10px 30px;
  min-height: 85px;
}
.cta .container form .inputs .fields .formfield input[type=checkbox] {
  appearance: none;
  border: 1px solid #fff;
  align-self: flex-start;
  margin: 8px 8px 0 0;
  width: 40px;
  height: 18px;
  margin-left: 20px;
}
.cta .container form .inputs .fields .formfield .checkboxcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-top: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.75rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 767px) {
  .cta .container form .inputs .fields .formfield .checkboxcontainer {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
.cta .container form .inputs .fields .formfield .checkboxcontainer p {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.cta .container form .inputs .fields .formfield .checkboxcontainer a {
  color: #fff;
}
.cta .container form .inputs .fields .formfield .checkboxcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.cta .container form .inputs .fields .formfield .checkboxcontainer input:checked ~ .checkmark:after {
  display: block;
}
.cta .container form .inputs .fields .formfield .checkmark {
  position: absolute;
  top: 8px;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #fff;
  border-radius: 40px;
  color: #fff;
}
.cta .container form .inputs .fields .formfield .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cta .container form .submitbutton {
  display: inline-block;
  padding: 10px 40px;
  background: #fff;
  color: #000000;
  border: solid 2px #fff;
  border-radius: 40px;
  text-decoration: none;
  transition: background 0.5s;
  width: auto;
  font-size: 1rem;
}
.cta .container form .submitbutton:hover {
  background: #000000;
  cursor: pointer;
  color: #fff;
}
.cta .container form .submitbutton:hover button {
  color: #fff;
}
.cta .container form .submitbutton button {
  appearance: none;
  background: none;
  border: none;
  font-size: 1rem;
  color: #000000;
  font-family: "Radikal", sans-serif;
  font-weight: bold;
}

section.whatwedo ul.services {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
}
@media (max-width: 1023px) {
  section.whatwedo ul.services {
    flex-direction: column;
  }
}
section.whatwedo ul.services li {
  font-size: 1.75rem;
  display: inline-block;
  width: 33%;
  border-bottom: 1px solid #ccc;
  padding: 40px 20px 40px 0;
}
section.whatwedo ul.services li:nth-last-child(-n+2) {
  border-bottom: none;
}
@media (max-width: 1023px) {
  section.whatwedo ul.services li {
    width: 100%;
    font-size: 1.375rem;
    padding: 20px 10px 20px 0;
  }
}

section.humanology, section.culture {
  padding-top: 100px;
}
@media (max-width: 1023px) {
  section.humanology, section.culture {
    margin-bottom: 90px;
  }
}
section.humanology .container, section.culture .container {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

section.leadershipteam .container {
  margin: 0 auto;
}
section.leadershipteam .container .owners {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}
@media (max-width: 767px) {
  section.leadershipteam .container .owners {
    flex-direction: column;
    text-align: center;
  }
}
section.leadershipteam .container .owners > div {
  margin: 1.5%;
  width: 22%;
  max-width: 22%;
}
@media (max-width: 1023px) {
  section.leadershipteam .container .owners > div {
    margin: 0;
    width: 48%;
    max-width: 48%;
  }
}
@media (max-width: 767px) {
  section.leadershipteam .container .owners > div {
    width: 100%;
    max-width: 100%;
  }
}
section.leadershipteam .container .owners img {
  max-width: 75%;
  height: auto;
  margin: 0 auto;
}
section.leadershipteam .container .text-center h2 {
  text-align: center;
}

section.perks.white {
  background: #fff;
  color: #000;
}
section.perks.black {
  background: #000;
  color: #fff;
  margin: 0 auto;
  max-width: 1600px;
  width: calc(100% - 40px);
  border-radius: 20px;
  padding: 150px 0;
}
section.perks.black.three .container .perk {
  width: 32%;
}
section.perks.black.four .container .perk {
  width: 24%;
}
section.perks.black .container .perk {
  width: 24%;
}
section.perks.black .container .perk__title {
  font-weight: normal;
  font-size: 1.75rem;
  line-height: 2rem;
}
section.perks.black .container img {
  filter: invert(1);
}
section.perks.black .container .btn {
  background: #F6EB44;
  margin-left: auto;
  margin-right: auto;
  border-color: #F6EB44;
}
section.perks .container {
  max-width: 1400px;
  margin: 0 auto;
}
section.perks h2 {
  margin-bottom: 0;
}
section.perks .perkslist {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  margin-top: 50px;
}
@media (max-width: 1023px) {
  section.perks .perkslist {
    flex-direction: column;
    margin-top: 0px;
  }
}
section.perks .perkslist .perk {
  box-sizing: border-box;
  width: 32%;
  margin: 20px 0;
  padding: 25px;
}
@media (max-width: 1023px) {
  section.perks .perkslist .perk {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
  }
}
section.perks .perkslist .perk__icon {
  width: 85px;
  height: 85px;
  margin: 10px auto 35px;
}
@media (max-width: 767px) {
  section.perks .perkslist .perk__icon {
    width: 20%;
    margin: 0 0px 0 0;
  }
}
section.perks .perkslist .perk__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
section.perks .perkslist .perk__title {
  font-family: "Radikal", sans-serif;
  font-weight: bold;
  font-size: 2.25rem;
  margin-bottom: 30px;
  line-height: 2rem;
  flex: 1;
}
@media (max-width: 1023px) {
  section.perks .perkslist .perk__title {
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  section.perks .perkslist .perk__title {
    font-size: 7vw;
  }
}
@media (max-width: 767px) {
  section.perks .perkslist .perk__title {
    width: 70%;
    margin-bottom: 0px;
  }
}
section.perks .perkslist .perk__copy {
  font-size: 1.3125rem;
}
@media (max-width: 1023px) {
  section.perks .perkslist .perk__copy {
    width: 100%;
  }
}

section.opportunities {
  padding-top: 150px;
  padding-bottom: 150px;
}
@media (max-width: 767px) {
  section.opportunities {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
section.opportunities h2 {
  max-width: 1100px;
  margin: 50px auto;
  text-align: center;
}
@media (max-width: 1023px) {
  section.opportunities h2 {
    text-align: left;
  }
}
section.opportunities h3 {
  margin-top: 150px;
  margin-bottom: 100px;
  text-align: center;
}
section.opportunities p {
  max-width: 900px;
  margin: 50px auto;
  text-align: center;
}
section.opportunities p .btn {
  margin: 0 auto;
  color: #fff;
}
section.opportunities p .btn:hover {
  color: #EB586B;
}
section.opportunities .joblist {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
@media (max-width: 1023px) {
  section.opportunities .joblist {
    flex-direction: column;
  }
}
section.opportunities .joblist .job {
  width: 31%;
  margin: 1%;
  background: #ffffff;
  border-top-right-radius: 25px;
  box-sizing: border-box;
  padding: 50px 30px;
  color: #000000;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1023px) {
  section.opportunities .joblist .job {
    width: 100%;
    margin-bottom: 55px;
  }
}
section.opportunities .joblist .job__title {
  font-size: 1.75rem;
  margin-bottom: 30px;
  line-height: 2rem;
}
section.opportunities .joblist .job__description {
  line-height: 2rem;
  flex: 1;
}
section.opportunities .joblist .job__link {
  margin-top: auto;
}

section.instagram a {
  color: #fff;
  text-decoration: underline;
}
section.instagram h2 {
  font-size: 3.125rem;
}
@media (max-width: 767px) {
  section.instagram h2 .instagramuser {
    font-size: 8vw;
  }
}
section.instagram .instagram-feed {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 1023px) {
  section.instagram .instagram-feed {
    flex-wrap: wrap;
  }
}
section.instagram .instagram-feed__wrapper {
  max-width: 330px;
  width: 23%;
  height: 330px;
}
@media (max-width: 1023px) {
  section.instagram .instagram-feed__wrapper {
    width: 100%;
  }
}
@media (max-width: 1023px) and (max-width: 1023px) {
  section.instagram .instagram-feed__wrapper {
    margin-bottom: 20px;
  }
}
section.instagram .instagram-feed__wrapper img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

section.centeredtext .container {
  margin: 0 auto;
}
section.centeredtext h2 {
  margin: 0px auto 50px;
  padding-top: 100px;
  text-align: center;
}
@media (max-width: 1023px) {
  section.centeredtext h2 {
    text-align: left;
    margin: 0px auto 30px;
    padding-top: 50px;
  }
}
section.centeredtext h3 {
  margin-top: 150px;
  margin-bottom: 100px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1023px) {
  section.centeredtext h3 {
    text-align: left;
  }
}
section.centeredtext p {
  max-width: 900px;
  margin: 50px auto;
  text-align: center;
}
@media (max-width: 1023px) {
  section.centeredtext p {
    text-align: left;
    margin: 0 auto 50px;
  }
}
section.centeredtext img {
  margin: 100px auto;
}
@media (max-width: 1023px) {
  section.centeredtext img {
    margin: 50px auto;
  }
}

section.portfolio {
  max-width: 1600px;
  margin: 0 auto;
  width: calc(100% - 40px);
}
section.portfolio .container {
  width: 100%;
}
section.portfolio h2 {
  text-align: center;
  width: 100%;
  display: block;
}

.porfoliowrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  width: 100%;
  margin-bottom: 150px;
}
@media (max-width: 1023px) {
  .porfoliowrapper {
    flex-direction: column;
    margin-bottom: 0px;
  }
}
.porfoliowrapper .project {
  position: relative;
  width: 31%;
  display: flex;
  flex-direction: column;
  margin-bottom: 100px;
  margin-right: 2%;
}
.porfoliowrapper .project.hidden {
  display: none;
}
@media (max-width: 1023px) {
  .porfoliowrapper .project {
    width: 100%;
    margin-bottom: 50px;
    margin-right: unset;
  }
  .porfoliowrapper .project:last-child {
    margin-bottom: 0;
  }
}
.porfoliowrapper .project:nth-child(3n+2) {
  margin-bottom: 20px;
  top: 100px;
}
@media (max-width: 1023px) {
  .porfoliowrapper .project:nth-child(3n+2) {
    top: unset;
    margin-bottom: 50px;
  }
}
.porfoliowrapper .project a {
  text-decoration: none;
  margin-top: 30px;
}
.porfoliowrapper .project a .title h3, .porfoliowrapper .project a .title p, .porfoliowrapper .project a .title button {
  text-decoration: none;
  color: #000000;
}
.porfoliowrapper .project a .title button {
  color: #ffffff;
}
.porfoliowrapper .project .title {
  background: #ffffff;
  padding: 0px 0px;
  color: #000000;
  flex: 1;
}
@media (max-width: 1023px) {
  .porfoliowrapper .project .title {
    padding: 40px 0px;
  }
}
.porfoliowrapper .project .title h3 {
  font-family: "radikal-bold", sans-serif;
  font-size: 3vw;
  margin: 0;
}
@media (min-width: 1281px) {
  .porfoliowrapper .project .title h3 {
    font-size: 2.5rem;
  }
}
@media (max-width: 1023px) {
  .porfoliowrapper .project .title h3 {
    font-size: 7vw;
  }
}
@media (max-width: 767px) {
  .porfoliowrapper .project .title h3 {
    font-size: 9vw;
  }
}
.porfoliowrapper .project .title p {
  font-size: 1.1875rem;
  line-height: 1.75rem;
}
.porfoliowrapper .project .title p + p {
  margin-top: 20px;
}
.porfoliowrapper .project .title p.campaign {
  font-size: 19px;
  line-height: 2.5vw;
}
@media (max-width: 1023px) {
  .porfoliowrapper .project .title p.campaign {
    display: none;
  }
}
.porfoliowrapper .project .image {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 510px;
  overflow: hidden;
  max-height: 510px;
  margin-bottom: 25px;
  border-radius: 20px;
}
@media (max-width: 1023px) {
  .porfoliowrapper .project .image {
    margin-bottom: 20px;
    max-height: 265px;
  }
}
.porfoliowrapper .project .image img {
  transform-origin: center;
  object-position: center;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

body.jkbuild .bg-white.allresources {
  margin: 0 auto 50px;
}
body.jkbuild .bg-white.allresources.singlerow .resource {
  height: 100%;
}

section.resources h2 {
  text-align: center;
  width: 100%;
  margin-bottom: 150px;
  display: block;
}

.resourcewrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
}
@media (max-width: 1023px) {
  .resourcewrapper {
    flex-direction: column;
  }
}
.resourcewrapper .resource {
  position: relative;
  width: 31%;
  margin: 40px 1% 20px;
  display: flex;
  flex-direction: column;
}
.resourcewrapper .resource.hidden {
  display: none;
}
@media (max-width: 1023px) {
  .resourcewrapper .resource {
    width: 100%;
    margin-bottom: 50px;
  }
  .resourcewrapper .resource:first-child {
    margin-top: 0;
  }
}
.resourcewrapper .resource:nth-child(3n+2) {
  margin-bottom: 20px;
  top: 100px;
}
@media (max-width: 1023px) {
  .resourcewrapper .resource:nth-child(3n+2) {
    top: unset;
    margin-bottom: 50px;
  }
}
.resourcewrapper .resource a {
  text-decoration: none;
}
.resourcewrapper .resource a .title h3, .resourcewrapper .resource a .title p {
  text-decoration: none;
  color: #000000;
}
.resourcewrapper .resource .categories {
  background: #ffffff;
  padding: 30px 0px 10px;
  font-family: "Radikal", sans-serif;
  font-weight: bold;
}
@media (max-width: 1023px) {
  .resourcewrapper .resource .categories {
    padding: 30px 0px 10px;
  }
}
.resourcewrapper .resource .categories p {
  font-size: 1rem;
}
.resourcewrapper .resource .title {
  background: #ffffff;
  padding: 0px 0px 60px;
  color: #000000;
  flex: 1;
}
@media (max-width: 1023px) {
  .resourcewrapper .resource .title {
    padding: 0px 0px 30px;
  }
}
.resourcewrapper .resource .title h3 {
  font-size: 2.5rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .resourcewrapper .resource .title h3 {
    font-size: 2.5rem;
  }
}
@media (max-width: 767px) {
  .resourcewrapper .resource .title h3 {
    font-size: 8vw;
  }
}
.resourcewrapper .resource .title p {
  margin-top: 30px;
  font-size: 1.1875rem;
  line-height: 1.75rem;
}
.resourcewrapper .resource .title p.campaign {
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-top: 10px;
}
@media (max-width: 1023px) {
  .resourcewrapper .resource .title p.campaign {
    display: none;
  }
}
.resourcewrapper .resource .image {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 350px;
  overflow: hidden;
  max-height: 350px;
  margin-bottom: 25px;
  border-radius: 20px;
}
@media (max-width: 1023px) {
  .resourcewrapper .resource .image {
    margin-bottom: 20px;
    max-height: 265px;
  }
}
.resourcewrapper .resource .image img {
  transform-origin: center;
  object-position: center;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.resourcewrapper .resource .image .gated_content {
  display: none;
}
.resourcewrapper .resource.frontdoor .image .gated_content {
  position: absolute;
  width: 100%;
  background: #53C3C0;
  min-height: 50px;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #000;
  text-transform: uppercase;
  font-family: "Radikal", sans-serif;
  font-weight: bold;
}
.resourcewrapper .resource.frontdoor .image .gated_content:after {
  position: relative;
  top: -3px;
  margin-left: 5px;
  content: "";
  width: 12px;
  height: 15px;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 11.9 15.2'%3E%3Cdefs%3E%3C/defs%3E%3Cpath fill='%23000000' stroke-width='0' d='M10.6,5.3v-.7c0-.2,0-.4,0-.5h0c0-.1,0-.1,0-.1C10.2,1.7,8.2,0,5.9,0,3.6,0,1.7,1.7,1.4,4h0c0,.3,0,.5,0,.7v.7C.6,5.3,0,5.9,0,6.6v7.3c0,.7.6,1.3,1.3,1.3h9.2c.7,0,1.3-.6,1.3-1.3v-7.3c0-.7-.6-1.3-1.3-1.3ZM8.6,5.3H3.3v-.7c0-.2,0-.4,0-.5,0-.2.1-.5.3-.7,0,0,0-.1,0-.2,0,0,0-.1.1-.2,0,0,.1-.1.2-.2,0,0,0,0,.1-.1,0,0,.2-.1.2-.2,0,0,0,0,.1,0,0,0,.2-.1.3-.2,0,0,0,0,.1,0,.1,0,.2,0,.3,0,0,0,0,0,.1,0,.2,0,.3,0,.5,0h0c1.1,0,2,.6,2.4,1.6.1.3.2.7.2,1v.7Z'/%3E%3C/svg%3E") no-repeat center center/contain;
}
.resourcewrapper #loadmore {
  flex-basis: 100%;
  width: 100%;
  margin-top: 150px;
  display: none;
}
@media (max-width: 1023px) {
  .resourcewrapper #loadmore {
    margin-top: 50px;
  }
}
.resourcewrapper .loadmore {
  display: table;
  margin: 0px auto;
  padding: 10px 40px;
  background: #fff;
  color: #000;
  border: solid 2px #fff;
  text-decoration: none;
  transition: background 0.5s;
}
.resourcewrapper .loadmore:hover {
  color: #fff;
  background: transparent;
}

#moreposts {
  padding-top: 150px;
  margin-bottom: 100px;
}
#moreposts h2 {
  text-align: center;
  font-size: 5.3125rem;
  width: calc(100% - 40px);
  margin: 0px auto 25px;
}
@media (max-width: 1023px) {
  #moreposts h2 {
    font-size: 10vw;
    line-height: 10vw;
  }
}
.contentwrapper {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 50px 0;
}
.contentwrapper video {
  height: auto;
}
.contentwrapper figure {
  margin: 50px auto;
  text-align: center;
}
.contentwrapper blockquote {
  font-weight: bold;
  font-style: italic;
  font-size: 1.25rem;
  width: calc(100% - 40px);
  max-width: 800px;
  margin: 50px auto;
}
.contentwrapper h2 {
  font-size: 4rem;
  margin: 50px 0 30px;
}
@media (max-width: 767px) {
  .contentwrapper h2 {
    font-size: 2.5rem;
  }
}
.contentwrapper h3 {
  font-size: 2.75rem;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .contentwrapper h3 {
    margin-top: 30px;
    font-size: 1.5625rem;
    line-height: 2.1875rem;
  }
}
.contentwrapper ul + p, .contentwrapper div + p, .contentwrapper p + div, .contentwrapper ol + p, .contentwrapper p + ol {
  margin-top: 30px;
}
.contentwrapper ul li, .contentwrapper ol li {
  font-size: 1.1875rem;
  line-height: 2.125rem;
}
@media (max-width: 767px) {
  .contentwrapper ul li, .contentwrapper ol li {
    font-size: 1rem;
    line-height: 1.75rem;
  }
}
.contentwrapper p > iframe {
  width: 100%;
  max-width: 900px;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .contentwrapper p {
    font-size: 1rem;
  }
}
.contentwrapper a {
  color: #EB586B;
}
.contentwrapper a:hover {
  text-decoration: underline;
}

#gccallout {
  padding: 0 2.25rem;
}
#gccallout .container {
  max-width: calc(100% - 40px);
  margin: 0px auto 100px;
  border: 2px solid #53C3C0;
  border-radius: 20px;
  background-color: #000;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  color: #fff;
  padding: 90px 70px;
  text-align: center;
}
@media (max-width: 1023px) {
  #gccallout .container {
    padding: 10px 30px 40px;
  }
}
@media (max-width: 767px) {
  #gccallout .container {
    padding: 10px 20px 40px;
    border-width: 8px;
  }
}
#gccallout .container h3 {
  font-size: 3.125rem;
}
@media (min-width: 1025px) {
  #gccallout .container h3 {
    font-size: 3.125rem;
  }
}
@media (max-width: 1023px) {
  #gccallout .container h3 {
    margin-top: 50px;
    font-size: 2.1875rem;
  }
}
@media (max-width: 767px) {
  #gccallout .container h3 {
    font-size: 7vw;
  }
}
#gccallout .container p {
  font-size: 1.5625rem;
  line-height: 2.25rem;
}
@media (max-width: 1023px) {
  #gccallout .container p {
    font-size: 2.1875rem;
  }
}
#gccallout .container ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.9375rem;
  line-height: 2.25rem;
}
@media (max-width: 1023px) {
  #gccallout .container ul {
    font-size: 1.5625rem;
    line-height: 1.625rem;
  }
}
@media (max-width: 767px) {
  #gccallout .container ul {
    font-size: 4vw;
    line-height: 5vw;
  }
}
#gccallout .container ul li {
  padding-left: 70px;
  position: relative;
  min-height: 60px;
  margin-top: 30px;
}
@media (max-width: 1023px) {
  #gccallout .container ul li {
    padding-left: 40px;
    margin-top: 10px;
  }
}
#gccallout .container ul li:before {
  content: "";
  width: 58px;
  height: 48px;
  position: absolute;
  left: 0;
  top: -10px;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 58.3 48.6'%3E%3Cpath id='Path_2808' fill='%236ecaca' stroke-width='0' data-name='Path 2808' d='M51.9,0l-3.3,4.1-6,7.4-13,16-13.5-11-5.2,6.4,19.9,16.2,11.8-14.5,6-7.4,9.8-12-6.4-5.2Z'/%3E%3Cpath id='Path_2809' fill='%236ecaca' stroke-width='0' data-name='Path 2809' d='M42.5,42.5H6V6.1h36.3L47.2,0H0v48.5h48.5v-25.7l-6,7.4v12.2Z'/%3E%3C/svg%3E") no-repeat left center/contain;
}
@media (max-width: 1023px) {
  #gccallout .container ul li:before {
    width: 40px;
    height: 30px;
    top: -5px;
  }
}
@media (max-width: 767px) {
  #gccallout .container ul li:before {
    top: 0;
  }
}
#gccallout .container .gclink {
  margin: 0 auto;
}

#gcmodal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 99999;
  color: #fff;
}
#gcmodal .close {
  position: absolute;
  z-index: 2;
  top: -15px;
  right: -15px;
  display: inline-block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border: none;
  border-radius: 50%;
  padding: 4px;
  background: #EB586B;
  color: #fff;
}
#gcmodal .close:hover {
  cursor: pointer;
}
#gcmodal .close:before, #gcmodal .close:after {
  content: "";
  position: absolute;
  height: 4px;
  width: 50%;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -2px;
}
#gcmodal .close:before {
  transform: translateX(-50%) rotate(-45deg);
}
#gcmodal .close:after {
  transform: translateX(-50%) rotate(45deg);
}
#gcmodal .gcmodalcontainer {
  position: relative;
}
#gcmodal .gcmodalcontainer .gcmodalcontentwrap {
  overflow: scroll;
  max-height: 85vh;
  max-width: 90vw;
}
#gcmodal .gcmodalcontainer .gcmodalcontent {
  position: relative;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
  background: #000;
  width: 80vw;
  max-width: 1350px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding: 100px 50px 0;
  text-align: left;
}
@media (max-width: 767px) {
  #gcmodal .gcmodalcontainer .gcmodalcontent {
    width: 100%;
  }
}
#gcmodal .gcmodalcontainer .gcmodalcontent h2 {
  font-size: 3.125rem;
  text-align: left;
  margin: 0 0 30px 0;
}
#gcmodal .gcmodalcontainer .gcmodalcontent p {
  text-align: left;
  margin: 0 auto 20px;
  font-size: 1rem;
  line-height: 1.5rem;
}
#gcmodal .gcmodalcontainer .gcmodalcontent a {
  color: #fff;
}
#gcmodal .gcmodalcontainer .gcmodalcontent a.btn {
  color: #000000;
}
#gcmodal .gcmodalcontainer .gcmodalcontent a.btn:hover {
  color: #fff;
}
#gcmodal .gcmodalcontainer .gcmodalcontent form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: unset;
}
#gcmodal .gcmodalcontainer .gcmodalcontent form input[type=text], #gcmodal .gcmodalcontainer .gcmodalcontent form input[type=email] {
  color: #fff;
  border: 1px solid #fff;
}
#gcmodal .gcmodalcontainer .gcmodalcontent form span#errors {
  flex-basis: 100%;
  margin-bottom: 30px;
}
#gcmodal .gcmodalcontainer .gcmodalcontent form label.error {
  font-size: 1rem;
}
@media (max-width: 767px) {
  #gcmodal .gcmodalcontainer .gcmodalcontent form {
    flex-direction: column;
  }
  #gcmodal .gcmodalcontainer .gcmodalcontent form .fieldgroup.fifty {
    width: 100%;
  }
}
#gcmodal .gcmodalcontainer .gcmodalcontent .thankyou {
  text-align: center;
  margin: 0 auto;
}
#gcmodal .gcmodalcontainer .gcmodalcontent .thankyou h4 {
  font-size: 1.875rem;
  text-align: center;
  margin: 0 auto 10px;
}
@media (max-width: 767px) {
  #gcmodal .gcmodalcontainer .gcmodalcontent .thankyou h4 {
    text-align: left;
  }
}
#gcmodal .gcmodalcontainer .gcmodalcontent .thankyou p {
  text-align: center;
}
@media (max-width: 767px) {
  #gcmodal .gcmodalcontainer .gcmodalcontent .thankyou p {
    text-align: left;
  }
}
#gcmodal .gcmodalcontainer .gcmodalcontent .thankyou a {
  margin: 0 auto;
}
@media (max-width: 767px) {
  #gcmodal .gcmodalcontainer .gcmodalcontent .thankyou a {
    margin: 0;
  }
}
#gcmodal .gcmodalcontainer .gcmodalcontent .thankyou .downloadlink {
  color: #53C3C0;
  text-align: center;
}
#gcmodal .gcmodalcontainer .gcmodalcontent .thankyou .downloadlink p a {
  margin: 0 auto;
}
#gcmodal.open {
  display: flex;
  align-items: center;
  justify-content: center;
}

.jk-build section.brands {
  padding-bottom: 50px;
}
@media (max-width: 1023px) {
  .jk-build section.brands {
    padding-top: 0px;
  }
}

section.brands {
  padding-top: 50px;
  width: calc(100% - 40px);
  max-width: 1600px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  section.brands {
    padding-top: 50px;
  }
}
@media (max-width: 1023px) {
  section.brands .container {
    width: 100%;
    padding: 0;
  }
}
section.brands p {
  max-width: 900px;
  margin: 50px auto;
  text-align: center;
}
@media (max-width: 1023px) {
  section.brands p {
    text-align: left;
  }
}
section.brands .brandlogos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 50px;
  align-items: center;
}
@media (max-width: 1023px) {
  section.brands .brandlogos {
    padding: 0px;
    text-align: left;
    justify-content: space-around;
  }
}
section.brands .brandlogos img {
  align-self: center;
  margin-bottom: 20px;
  padding: 0 35px;
  max-height: 85px;
  max-width: 270px;
}
@media (max-width: 1023px) {
  section.brands .brandlogos img {
    max-height: 85px;
    max-width: 230px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  section.brands .brandlogos img {
    max-height: 84px;
    max-width: 40%;
    padding-right: 5px;
    padding-left: 5px;
  }
}

section.laptop .container {
  position: relative;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  section.laptop .container {
    padding-top: 30%;
  }
}
@media only screen and (max-width: 730px) and (min-width: 400px) {
  section.laptop .container {
    padding-top: 40%;
  }
}
section.laptop .container img {
  margin: 0 auto;
  z-index: 1;
  position: relative;
}
@media (max-width: 1023px) {
  section.laptop .container img {
    margin-top: -25%;
  }
}

section.gallery .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
section.gallery .container.text-center {
  text-align: center;
}
section.gallery .container.text-center h2 {
  text-align: center;
  margin: 50px auto;
}
section.gallery .gallerycarousel {
  width: 100%;
  max-width: calc(100% - 80px);
  margin: 0 auto;
}
@media (min-width: 1025px) {
  section.gallery .gallerycarousel {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
  }
}
section.gallery .gallerycarousel .slick-list {
  border-top-left-radius: 80px;
  overflow: hidden;
}
section.gallery .gallerycarousel .slide {
  position: relative;
}
section.gallery .gallerycarousel img {
  margin: 0 auto;
  max-width: 100%;
}
@media (min-width: 1025px) {
  section.gallery .gallerycarousel img {
    margin: 0 auto;
    max-width: 100%;
  }
}
section.gallery .gallerycarousel .caption {
  min-width: 50%;
  background: #fff;
  color: #000;
  position: absolute;
  bottom: 15px;
  left: 20px;
  padding: 10px 30px;
  text-align: left;
}
section.gallery .gallerycarousel .caption .name {
  font-size: 1.875rem;
}
section.gallery .gallerycarousel .caption .title {
  font-size: 1rem;
}
section.gallery .gallerycarousel .slick-prev:before, section.gallery .gallerycarousel .slick-next:before {
  display: none;
}
section.gallery .gallerycarousel .slick-prev, section.gallery .gallerycarousel .slick-next {
  margin: 0;
  padding: 0;
  width: 45px;
  height: 45px;
  border: none;
  position: absolute;
  text-indent: -999px;
  overflow: hidden;
  z-index: 1;
}
section.gallery .gallerycarousel .slick-prev:hover, section.gallery .gallerycarousel .slick-next:hover {
  cursor: pointer;
}
@media (min-width: 1025px) {
  section.gallery .gallerycarousel .slick-prev, section.gallery .gallerycarousel .slick-next {
    width: 75px;
    height: 75px;
  }
}
section.gallery .gallerycarousel .slick-prev {
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/arrow.svg) center center/contain;
}
section.gallery .gallerycarousel .slick-next {
  right: -35px;
  transform: rotate(180deg) translateY(50%);
  top: 50%;
  background: url(../images/arrow.svg) center center/contain;
}

@media (max-width: 1023px) {
  section.stats .container {
    padding: 0;
  }
}
section.stats p {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
section.stats ul.statslist {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 50px;
  padding: 0;
}
@media (max-width: 1023px) {
  section.stats ul.statslist {
    flex-wrap: wrap;
  }
}
section.stats ul.statslist li {
  background: #000000;
  color: #fff;
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 60px 20px;
  font-size: 20px;
  font-weight: normal;
  line-height: 27px;
  border-radius: 20px;
  min-height: 200px;
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  section.stats ul.statslist li {
    height: 100%;
  }
}
@media (min-width: 1025px) {
  section.stats ul.statslist li {
    font-size: 25px;
    width: unset;
    max-width: unset;
    margin: 20px 10px;
    padding: 60px 30px;
  }
}
section.stats ul.statslist li .prefix {
  font-size: 3.5rem;
  display: inline;
}
@media (min-width: 1025px) {
  section.stats ul.statslist li .prefix {
    font-size: 3vw;
  }
}
@media (max-width: 767px) {
  section.stats ul.statslist li .prefix {
    font-size: 10vw;
  }
}
section.stats ul.statslist li .suffix {
  font-size: 3.5rem;
  display: inline;
}
@media (min-width: 1025px) {
  section.stats ul.statslist li .suffix {
    font-size: 3vw;
  }
}
@media (max-width: 767px) {
  section.stats ul.statslist li .suffix {
    font-size: 10vw;
  }
}
section.stats ul.statslist li .number {
  font-size: 8vw;
  line-height: 5rem;
  display: flex;
  font-family: "radikal", sans-serif;
  font-weight: bold;
}
@media (min-width: 1025px) {
  section.stats ul.statslist li .number {
    font-size: 8vw;
    line-height: 7.25rem;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  section.stats ul.statslist li .number {
    font-size: 17vw;
  }
}
section.stats ul.statslist li .unit {
  font-size: 1.625rem;
  line-height: 3.1875rem;
  font-family: "radikal-bold", sans-serif;
}
@media (min-width: 1025px) {
  section.stats ul.statslist li .unit {
    font-size: 3.1875rem;
  }
}
@media (max-width: 767px) {
  section.stats ul.statslist li .unit {
    font-size: 8vw;
  }
}
section.stats ul.statslist li .label {
  font-size: 1.75rem;
  line-height: 1.75rem;
  color: #fff;
}
@media (max-width: 767px) {
  section.stats ul.statslist li .label {
    font-size: 1.125rem;
  }
}
section.stats ul.statslist li.blue {
  color: #53C3C0;
}
section.stats ul.statslist li.yellow {
  color: #F6EB44;
}
section.stats ul.statslist li.coral {
  color: #EB586B;
}
section.values {
  padding: 100px 0 50px;
}
section.values .background {
  display: none;
}
@media (max-width: 1023px) {
  section.values .container {
    padding: 0;
  }
}
section.values h3 {
  margin: 0 0 50px;
  font-weight: normal;
}
section.values h2 {
  margin: 0 0 50px;
}
section.values p {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 1023px) {
  section.values p {
    text-align: left;
  }
}
section.values ul.valueslist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 200px;
  margin-bottom: 0px;
  padding: 0;
}
@media (max-width: 1023px) {
  section.values ul.valueslist {
    margin-bottom: -100px;
  }
}
section.values ul.valueslist li {
  flex-basis: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 35px 35px;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 27px;
  border-radius: 20px;
  background: #000000;
  margin-bottom: 10px;
}
@media (min-width: 769px) {
  section.values ul.valueslist li {
    flex-basis: 46%;
    padding: 150px 35px 35px;
    min-height: 200px;
  }
}
@media (min-width: 1025px) {
  section.values ul.valueslist li {
    font-size: 1.5625rem;
    flex-basis: 19%;
  }
}
section.values ul.valueslist li:nth-child(odd) {
  margin-top: -50px;
}
@media (max-width: 1023px) {
  section.values ul.valueslist li:nth-child(odd) {
    margin-top: 0px;
  }
}
section.values ul.valueslist li:first-child {
  margin-top: 0;
}
section.values ul.valueslist li:nth-child(2n) {
  margin-top: 50px;
}
@media (max-width: 1023px) {
  section.values ul.valueslist li:nth-child(2n) {
    margin-top: 0px;
  }
}
section.values ul.valueslist li.teal {
  color: #53C3C0;
}
section.values ul.valueslist li.yellow {
  color: #F6EB44;
}
section.values ul.valueslist li.coral {
  color: #EB586B;
}
section.values ul.valueslist li.green {
  color: #c6f874;
}
section.values ul.valueslist li:nth-child(n+1) {
  top: 0px;
}
@media (min-width: 1025px) {
  section.values ul.valueslist li:nth-child(n+1) {
    top: -100px;
  }
}
section.values ul.valueslist li:nth-child(n+2) {
  top: 0px;
}
@media (min-width: 1025px) {
  section.values ul.valueslist li:nth-child(n+2) {
    top: 200px;
  }
}
section.values ul.valueslist li:nth-child(n+3) {
  top: 0px;
}
@media (min-width: 1025px) {
  section.values ul.valueslist li:nth-child(n+3) {
    top: -100px;
  }
}
section.values ul.valueslist li:nth-child(n+4) {
  top: 0px;
}
@media (min-width: 1025px) {
  section.values ul.valueslist li:nth-child(n+4) {
    top: 100px;
  }
}
section.values ul.valueslist li:nth-child(n+5) {
  top: 0px;
}
@media (min-width: 1025px) {
  section.values ul.valueslist li:nth-child(n+5) {
    top: -50px;
  }
}
section.values ul.valueslist li h3 {
  font-size: 1.6875rem;
  line-height: 1.8125rem;
  margin-top: 30px;
  text-align: left;
}
section.values ul.valueslist li p {
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: left;
  color: #fff;
}
section.values.black {
  background: #000;
  color: #fff;
  padding: 100px 0 250px;
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
}
section.values.black .container h3 {
  margin: 30px 0;
}
section.values.black .container ul.valueslist {
  padding: 0;
}
section.values.black .container ul.valueslist li {
  padding-top: 50px;
  flex-basis: 23%;
  border: 5px solid #fff;
  width: 24%;
}
@media (max-width: 1023px) {
  section.values.black .container ul.valueslist li {
    width: 100%;
    flex-basis: unset;
  }
}
section.values.split .background {
  display: block;
  background: #000;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  bottom: 0;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  top: 65%;
  width: 100%;
  margin: 0 auto;
  max-width: 1600px;
  width: calc(100% - 40px);
}
section.values.split .container {
  margin: 0 auto;
  max-width: 1600px;
  width: calc(100% - 80px);
}
section.values.split .container ul.valueslist {
  padding: 0;
}
section.values.split .container ul.valueslist li {
  padding-top: 50px;
  flex-basis: 23%;
  border: 5px solid #fff;
  width: 24%;
}
@media (max-width: 1023px) {
  section.values.split .container ul.valueslist li {
    width: 100%;
    flex-basis: unset;
  }
}

section.pods {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}
section.pods .container {
  display: flex;
}
@media (max-width: 1023px) {
  section.pods .container {
    width: 100%;
  }
}
section.pods .container .podlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 100px;
  margin: 0;
  padding: 100px 0 0;
}
section.pods .container .podlist li {
  list-style: none;
  background: #000;
  flex-basis: 22%;
  position: relative;
  border: solid 5px #fff;
  padding: 113px 40px 40px;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 27px;
  border-radius: 20px;
  min-height: 200px;
  color: #fff;
  text-align: left;
}
@media (max-width: 1023px) {
  section.pods .container .podlist li {
    flex-basis: 100%;
    margin: 20px auto;
    padding: 40px 40px;
  }
}
section.pods .container .podlist li:nth-child(odd) {
  margin-top: 0px;
}
section.pods .container .podlist li:first-child {
  margin-top: 0;
}
section.pods .container .podlist li:nth-child(2n) {
  margin-top: 50px;
}
@media (max-width: 1023px) {
  section.pods .container .podlist li:nth-child(2n) {
    margin-top: 0;
  }
}
section.pods .container .podlist li.blue {
  color: #53C3C0;
}
section.pods .container .podlist li.yellow {
  color: #F6EB44;
}
section.pods .container .podlist li.coral {
  color: #EB586B;
}
section.pods .container .podlist li:nth-child(n+1) {
  top: 0px;
}
@media (min-width: 1025px) {
  section.pods .container .podlist li:nth-child(n+1) {
    top: -300px;
  }
}
@media (max-width: 767px) {
  section.pods .container .podlist li:nth-child(n+1) {
    top: 0;
  }
}
section.pods .container .podlist li:nth-child(n+2) {
  top: 0px;
}
@media (min-width: 1025px) {
  section.pods .container .podlist li:nth-child(n+2) {
    top: 200px;
  }
}
@media (max-width: 767px) {
  section.pods .container .podlist li:nth-child(n+2) {
    top: 0;
  }
}
section.pods .container .podlist li:nth-child(n+3) {
  top: 0px;
}
@media (min-width: 1025px) {
  section.pods .container .podlist li:nth-child(n+3) {
    top: -250px;
  }
}
@media (max-width: 767px) {
  section.pods .container .podlist li:nth-child(n+3) {
    top: 0;
  }
}
section.pods .container .podlist li:nth-child(n+4) {
  top: 0px;
}
@media (min-width: 1025px) {
  section.pods .container .podlist li:nth-child(n+4) {
    top: 150px;
  }
}
@media (max-width: 767px) {
  section.pods .container .podlist li:nth-child(n+4) {
    top: 0;
  }
}
section.pods .container .podlist li h3 {
  font-size: 1.6875rem;
}
section.pods .container .podlist li p {
  color: #fff;
  font-size: 1rem;
}

section.awards h2 {
  text-align: center;
  margin: 50px auto 0;
}
@media (max-width: 1023px) {
  section.awards h2 {
    margin: 0px auto 0;
    text-align: left;
  }
}
section.awards p {
  max-width: 900px;
  margin: 50px auto;
  text-align: center;
}
@media (max-width: 1023px) {
  section.awards p {
    text-align: left;
    margin: 10px 0;
  }
}
section.awards .awardslist {
  width: 100%;
}
section.awards .awardlogos, section.awards .partners {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 50px;
  max-width: 1200px;
}
@media (max-width: 1023px) {
  section.awards .awardlogos, section.awards .partners {
    padding: 0px;
    justify-content: flex-start;
  }
}
section.awards .awardlogos .logo, section.awards .partners .logo {
  width: 50%;
  box-sizing: border-box;
  max-width: 140px;
  height: 100px;
  margin: 25px 45px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  section.awards .awardlogos .logo, section.awards .partners .logo {
    padding: 15px 20px;
    margin: 0;
    max-width: 190px;
    height: 100px;
  }
}
section.awards .awardlogos .logo a, section.awards .partners .logo a {
  width: 100%;
  height: 100%;
}
section.awards .awardlogos .logo img, section.awards .partners .logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
section.awards .partners {
  align-items: center;
}
section.awards .partners .logo.partner {
  max-width: 170px;
  margin: 5px 20px;
  max-height: 90px;
}
@media (max-width: 767px) {
  section.awards .partners .logo.partner {
    max-width: 30%;
    margin: 0;
  }
}
section.awards .partners .logo.partner:nth-child(2) {
  max-height: 125px;
}
section.awards .partners .logo.partner img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 1023px) {
  section.nextevent.pt-50 {
    padding-top: 250px;
  }
}
section.nextevent .squ-inner {
  max-height: unset !important;
}
section.nextevent .container.mt-100 {
  margin-top: 3rem;
}
section.nextevent .eventcontainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: none;
  background: #fff;
  padding: 2px 90px 2px 2px;
  max-width: 1400px;
  border-top-right-radius: 5rem;
  margin-bottom: 130px;
}
@media (max-width: 1023px) {
  section.nextevent .eventcontainer {
    flex-direction: column;
    padding: 0 0 50px 0;
    overflow: hidden;
  }
}
section.nextevent .eventcontainer .image {
  max-width: 265px;
  align-self: stretch;
  width: 100%;
}
@media (max-width: 1023px) {
  section.nextevent .eventcontainer .image {
    max-width: unset;
    height: 200px;
  }
}
section.nextevent .eventcontainer .image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media (max-width: 1023px) {
  section.nextevent .eventcontainer .image img {
    object-position: top;
  }
}
section.nextevent .eventcontainer .text {
  color: #000;
  padding: 35px 80px 35px 65px;
}
@media (max-width: 1023px) {
  section.nextevent .eventcontainer .text {
    padding: 30px;
  }
}
section.nextevent .eventcontainer .text .bluetext {
  color: #53C3C0;
  font-size: 22px;
  line-height: 42px;
}
section.nextevent .eventcontainer .text .title h3 {
  font-size: 2.875rem;
  margin-bottom: 10px;
}
@media (max-width: 1023px) {
  section.nextevent .eventcontainer .text .title h3 {
    margin-top: 0;
    font-size: 2.25rem;
  }
}
section.nextevent .eventcontainer .text .copy p {
  font-size: 1.75rem;
}
@media (max-width: 1023px) {
  section.nextevent .eventcontainer .text .copy p {
    font-size: 1.25rem;
  }
}
section.nextevent .eventcontainer .link {
  max-width: 200px;
  width: 100%;
}
section.nextevent .eventcontainer .link a {
  margin: 0;
  width: 100%;
  text-align: center;
}
@media (max-width: 1023px) {
  section.nextevent h3 {
    margin-bottom: 10px;
    margin-top: 0px;
  }
}
section.nextevent h4 {
  font-size: 1.8rem;
  font-weight: normal;
  margin-bottom: 15px;
}
@media (max-width: 1023px) {
  section.nextevent h4 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
section.nextevent img {
  width: 100%;
}
section.nextevent .btn {
  display: inline-block;
  margin-right: 10px;
}

section.reel .squ-inner, section.reelcontent .squ-inner {
  max-height: unset !important;
}
section.reel h2, section.reelcontent h2 {
  margin-bottom: 0;
}
section.reel p, section.reelcontent p {
  max-width: 900px;
  margin: 0 auto;
}
section.reel p .btn, section.reelcontent p .btn {
  margin: 10px auto 50px;
}

.venndiagram {
  display: flex;
  position: relative;
  width: 100%;
  padding-top: 100%;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .venndiagram {
    width: 625px;
    padding-top: 625px;
  }
}
@media (max-width: 699px) {
  .venndiagram {
    width: 100%;
    padding-top: 100%;
  }
}
.venndiagram .venn {
  position: absolute;
  display: block;
  background: rgba(83, 195, 192, 0.9);
  mix-blend-mode: color-burn;
  border-radius: 50%;
  width: 65%;
  height: 65%;
  opacity: 0;
}
.venndiagram .venn.insights {
  top: 0;
  left: 50%;
  transform: translateX(-50%) scale(0);
}
.venndiagram .venn.tech {
  bottom: 0;
  left: 0%;
  transform: scale(0);
}
.venndiagram .venn.goals {
  bottom: 0;
  left: 100%;
  transform: translateX(-100%) scale(0);
}
.venndiagram .text, .venndiagram .humanologytext {
  position: absolute;
  font-size: 1.375rem;
  line-height: 1.5rem;
  color: #fff;
  text-align: center;
  transform: translateX(-50%) translateY(-50%) scale(0);
  opacity: 0;
}
@media (max-width: 767px) {
  .venndiagram .text, .venndiagram .humanologytext {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
.venndiagram .text.insights, .venndiagram .humanologytext.insights {
  left: 50%;
  top: 25%;
}
.venndiagram .text.tech, .venndiagram .humanologytext.tech {
  left: 20%;
  top: 70%;
}
.venndiagram .text.goals, .venndiagram .humanologytext.goals {
  left: 80%;
  top: 70%;
}
.venndiagram .text.humanology, .venndiagram .humanologytext.humanology {
  left: 50%;
  top: 55%;
}

@media (max-width: 1023px) {
  section.venn {
    margin-top: 50px;
  }
  section.venn h3 {
    margin-top: 0;
  }
}

@media (min-width: 1025px) {
  body.generic-page .hero h1 {
    font-size: 110px;
  }
}
@media (max-width: 1023px) {
  body.generic-page .hero h1 {
    font-size: 4.0625rem;
  }
}
@media (max-width: 767px) {
  body.generic-page .hero h1 {
    font-size: 12vw;
  }
}
body.generic-page .hero .arrow {
  display: none;
}
body.generic-page .hero .content {
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  body.generic-page .hero .image img {
    min-height: 450px;
  }
}
body.generic-page .content {
  max-width: 900px;
  margin: 0 auto 100px;
}
body.generic-page .content blockquote p {
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 2.5rem;
  font-style: italic;
  margin: 30px auto;
  max-width: 85%;
}
body.generic-page .content blockquote p a {
  text-decoration: underline;
  color: #EB586B;
}
body.generic-page .content iframe {
  display: block;
  width: 100%;
  max-height: 315px;
  min-height: 315px;
  max-width: 560px;
  margin: 20px auto;
}
@media (max-width: 767px) {
  body.generic-page .content iframe {
    max-width: unset;
    max-height: unset;
    min-height: 200px;
  }
}
body.generic-page .content ul, body.generic-page .content ol {
  margin: 10px 0 10px 20px;
  padding: 0;
  font-size: 1.1875rem;
}
body.generic-page .content ul li a, body.generic-page .content ol li a {
  text-decoration: underline;
  color: #EB586B;
}
body.generic-page .content ul li h4, body.generic-page .content ol li h4 {
  font-size: 1.1875rem;
  font-weight: bold;
  margin: 24px 0 10px;
}
body.generic-page .content ul li p, body.generic-page .content ol li p {
  font-size: 1.1875rem;
}
body.generic-page .content a {
  text-decoration: underline;
  color: #EB586B;
}
body.generic-page .content a.btn {
  color: #fff;
}
body.generic-page .content a.btn:hover {
  color: #EB586B;
}
body.generic-page h2 {
  font-size: 3.75rem;
  margin: 40px 0 20px;
}

@media (max-width: 1023px) {
  section.thinking {
    margin-bottom: -150px;
  }
}
section.thinking .container {
  padding: 100px 2.25rem;
  text-align: center;
}
@media (max-width: 1023px) {
  section.thinking .container {
    padding: 0px 2.25rem;
    margin-bottom: 150px;
  }
}
section.thinking .container h2 {
  color: #fff;
}
@media (max-width: 1023px) {
  section.thinking .container h2 {
    padding-bottom: 50px;
  }
}
section.thinking .container .squ-inner {
  margin: 0 auto;
  max-width: 840px;
}
section.thinking .container .squ-inner > div {
  width: 100%;
}
@media (max-width: 1023px) {
  section.thinking .container .squ-inner {
    max-width: 100%;
    max-height: 100%;
    display: flex;
  }
  section.thinking .container .squ-inner img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

section.videos .container h3 {
  font-size: 2.875rem;
  margin-top: 70px;
}
@media (min-width: 1025px) {
  section.videos .container h3 {
    font-size: 2.875rem;
  }
}
@media (max-width: 1023px) {
  section.videos .container h3 {
    margin-top: 50px;
    font-size: 2.1875rem;
  }
}
section.videos .container p {
  font-size: 1.1875rem;
  line-height: 2.375rem;
}
section.videos .container .squ-inner {
  margin: 0 auto;
  max-width: 840px;
}
section.videos .container ul.videolist {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin-bottom: 50px;
  width: 100%;
}
@media (max-width: 1023px) {
  section.videos .container ul.videolist {
    flex-direction: column;
    margin-top: 100px;
  }
}
section.videos .container ul.videolist li.video {
  max-width: 32%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1023px) {
  section.videos .container ul.videolist li.video {
    max-width: 100%;
    margin-bottom: 100px;
  }
}
section.videos .container ul.videolist li.video .squ-inner {
  height: 265px;
  max-width: 100%;
  max-height: 100%;
  display: flex;
}
section.videos .container ul.videolist li.video .squ-inner > div {
  width: 100%;
}
@media (max-width: 1023px) {
  section.videos .container ul.videolist li.video .squ-inner {
    width: 100%;
  }
}
section.videos .container ul.videolist li.video .videomodal-btn img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
section.videos .container ul.videolist li.video .btn {
  display: inline-block;
}
section.videos .videomodal {
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
}
section.videos .videomodal .modal-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 75%;
  max-width: 960px;
  height: auto;
  max-height: 75%;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
}
section.videos .videomodal .modal-content .close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: -45px;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}
section.videos .videomodal .modal-content .close:hover {
  cursor: pointer;
}
section.videos .videomodal .modal-content .close:before, section.videos .videomodal .modal-content .close:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px !important;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}
section.videos .videomodal .modal-content .close:before {
  transform: rotate(-45deg);
}
section.videos .videomodal .modal-content .close:after {
  transform: rotate(45deg);
}
section.videos .videomodal .modal-content .videoholder {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
section.videos .videomodal .modal-content .videoholder video-js {
  position: absolute;
  width: 100%;
  height: 100%;
}
section.videos .videomodal .modal-content .videoholder iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
section.videos .videomodal .modal-content .caption {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}
@media (max-width: 1023px) {
  section.videos .videomodal .modal-content .caption {
    flex-direction: column;
  }
}
@media (max-width: 1023px) {
  section.videos .videomodal .modal-content .caption .info {
    text-align: center;
  }
}
section.videos .videomodal .modal-content .caption .info .title {
  max-width: 90%;
  font-size: 1.5625rem;
  line-height: 1.75rem;
}
@media (max-width: 1023px) {
  section.videos .videomodal .modal-content .caption .info .title {
    margin-bottom: 10px;
  }
}
section.videos .videomodal .modal-content .caption .externallink {
  min-width: 20%;
}
section.videos .videomodal .modal-content .caption .externallink a.btn {
  margin: 0;
}

section.report {
  background: black;
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
}
section.report .container {
  width: 100%;
  border-radius: 20px;
  background-color: #000;
  background-size: cover;
  background-position: bottom right 80%;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  color: #fff;
  padding: 90px 70px 40px;
  margin-bottom: 100px;
}
@media (max-width: 1023px) {
  section.report .container {
    padding: 90px 30px 40px;
    background: none;
    width: 100%;
    background-size: auto 250px;
    background-position: top right;
    background-repeat: no-repeat;
  }
}
@media (max-width: 767px) {
  section.report .container {
    padding: 250px 30px 40px;
  }
}
section.report .container .content {
  width: 60vw;
  max-width: 850px;
}
@media (max-width: 1023px) {
  section.report .container .content {
    width: 100%;
    max-width: 100%;
  }
}
section.report .container h3 {
  font-size: 3.75rem;
}
@media (min-width: 1025px) {
  section.report .container h3 {
    font-size: 3.75rem;
  }
}
@media (max-width: 1023px) {
  section.report .container h3 {
    margin-top: 50px;
    font-size: 2.1875rem;
    width: 60vw;
  }
}
@media (max-width: 767px) {
  section.report .container h3 {
    width: 100%;
  }
}
section.report .container .contactsuccess {
  text-align: left;
  font-size: 1.875rem;
  margin: 30px 0;
}
section.report .container form {
  max-width: 100%;
  margin: 0;
}
section.report .container form .label {
  display: inline-block;
  margin: 20px 0 10px;
}
section.report .container form a {
  color: #fff;
}
section.report .container form label {
  color: #fff;
}
section.report .container form label.error {
  font-size: 16px;
  color: #EB586B;
}
section.report .container form input[type=text] {
  border: 1px solid #fff;
  padding: 3px 15px;
  min-height: 58px;
  color: #fff;
}
section.report .container form input[type=text]:-ms-input-placeholder {
  color: #fff;
}
section.report .container form input[type=text]::-ms-input-placeholder {
  color: #fff;
}
section.report .container form input[type=submit] {
  font-family: "Radikal-bold", sans-serif;
  display: inline-block;
  padding: 10px 40px;
  background: #fff;
  color: #000000;
  border: solid 2px #fff;
  text-decoration: none;
  transition: background 0.5s;
  width: auto;
  font-size: 1rem;
}
section.report .container form input[type=submit]:hover {
  background: #000000;
  cursor: pointer;
  color: #fff;
}
section.report .container form .checkboxcontainer {
  font-size: 0.9375rem;
  line-height: 1.5625rem;
}
section.report .container form .checkboxcontainer span {
  color: #fff;
}
section.report .container form .checkboxcontainer .fineprint {
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-top: 30px;
  display: block;
  color: #fff;
}

section.jkbuildcta {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  section.jkbuildcta {
    padding-bottom: 0;
  }
}
section.jkbuildcta.nocurve.top {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}
section.jkbuildcta.nocurve.bottom {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}
section.jkbuildcta .container {
  max-width: 1300px;
  margin: 0 auto;
  width: calc(100% - 40px);
}
section.jkbuildcta .container h2 {
  text-align: center;
}
@media (max-width: 1023px) {
  section.jkbuildcta .container h2 {
    text-align: left;
  }
}
section.jkbuildcta .container p {
  text-align: center;
  margin: 0 auto;
  max-width: 800px;
}
@media (max-width: 1023px) {
  section.jkbuildcta .container p {
    text-align: left;
  }
}
section.jkbuildcta .container #ctaFormholder {
  margin: 50px auto;
  max-width: 800px;
  text-align: left;
}
section.jkbuildcta .container .contactsuccess {
  font-size: 1.875rem;
  margin: 30px 0;
}
section.jkbuildcta .container form {
  margin: 0 auto;
}
section.jkbuildcta .container form .label {
  visibility: hidden;
}
section.jkbuildcta .container form label {
  display: block;
  color: #fff;
  text-align: left;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  section.jkbuildcta .container form label {
    font-size: 1.1875rem;
  }
}
section.jkbuildcta .container form input[type=text] {
  border: 1px solid #fff;
  padding: 3px 15px;
  min-height: 58px;
  color: #fff;
}
section.jkbuildcta .container form input[type=text]:-ms-input-placeholder {
  color: #fff;
}
section.jkbuildcta .container form input[type=text]::-ms-input-placeholder {
  color: #fff;
}
section.jkbuildcta .container form textarea {
  border: 1px solid #fff;
  border-radius: 20px;
  color: #fff;
  min-height: 100px;
}
section.jkbuildcta .container form input[type=submit] {
  display: block;
  padding: 10px 40px;
  text-decoration: none;
  transition: background 0.5s;
  width: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 1rem;
}
@media (max-width: 1023px) {
  section.jkbuildcta .container form input[type=submit] {
    margin: 0;
  }
}
section.jkbuildcta .container form .checkboxcontainer {
  font-size: 0.9375rem;
  line-height: 1.5625rem;
}
section.jkbuildcta .container form .checkboxcontainer span {
  color: #fff;
}
section.jkbuildcta .container form .checkboxcontainer .fineprint {
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-top: 30px;
  display: block;
  color: #fff;
}
section.jkbuildcta .container form .checkboxcontainer .fineprint a {
  color: #fff;
}

section.jkbuild .container {
  align-items: center;
}

section#whyjankelley .squ-inner img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

section.midpagecta .container {
  max-width: 1500px;
  margin: 0 auto;
  border-radius: 20px;
  background-color: #000;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 0;
  overflow: hidden;
}
@media (max-width: 1023px) {
  section.midpagecta .container {
    flex-direction: column;
  }
}
section.midpagecta .container .content {
  max-width: 70%;
  text-align: left;
  padding: 95px 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 1023px) {
  section.midpagecta .container .content {
    order: 2;
    width: 100%;
    max-width: 100%;
    padding: 0px 30px 40px;
  }
}
section.midpagecta .container .content .btn {
  display: inline-block;
}
section.midpagecta .container .image {
  position: relative;
  width: 30%;
}
@media (max-width: 1023px) {
  section.midpagecta .container .image {
    order: 1;
    width: 100%;
    max-width: 100%;
  }
}
section.midpagecta .container .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  section.midpagecta .container .image img {
    max-height: 350px;
  }
}

#HumiJobBoard header {
  position: unset;
}
#HumiJobBoard h3 {
  margin-top: unset;
  margin-bottom: unset;
}
#HumiJobBoard footer {
  display: none;
}
#HumiJobBoard .humi-job-board-content {
  display: flex;
  width: 100%;
  padding: 0;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  #HumiJobBoard .humi-job-board-content {
    flex-direction: column;
  }
}
#HumiJobBoard .humi-job-board-category {
  widtH: 100%;
  margin-bottom: 100px;
}
#HumiJobBoard .humi-job-board-category header h3 {
  color: #fff;
  text-align: left;
  margin-left: 20px;
  font-size: 2.5rem;
}
#HumiJobBoard .humi-job-board-category header .humi-job-board-category-header-posting-count {
  display: none;
}
#HumiJobBoard .humi-job-board {
  border: none;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
#HumiJobBoard .humi-job-board .humi-job-board-postings {
  border: none;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding-left: 0;
}
#HumiJobBoard .humi-job-board .humi-job-board-posting {
  width: 31%;
  margin: 1%;
  background: #ffffff;
  border-top-right-radius: 25px;
  box-sizing: border-box;
  padding: 50px 30px;
  color: #000000;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  #HumiJobBoard .humi-job-board .humi-job-board-posting {
    width: 100%;
  }
}
@media (min-width: 769px) {
  #HumiJobBoard .humi-job-board .humi-job-board-posting {
    width: 47%;
  }
}
@media (min-width: 1025px) {
  #HumiJobBoard .humi-job-board .humi-job-board-posting {
    width: 31%;
  }
}
#HumiJobBoard .humi-job-board .humi-job-board-posting .humi-job-board-posting-title {
  font-size: 1.75rem;
  margin-bottom: 30px;
  line-height: 2rem;
  text-align: left;
}
#HumiJobBoard .humi-job-board .humi-job-board-posting .humi-job-board-posting-title a {
  color: #000;
  text-decoration: none;
}
#HumiJobBoard .humi-job-board .humi-job-board-posting .humi-job-board-posting-details {
  text-transform: capitalize;
  flex: 1;
  font-weight: normal;
  font-size: 1rem;
  line-height: 2rem;
}
#HumiJobBoard .humi-job-board .humi-job-board-posting .humi-job-board-posting-link {
  margin-top: auto;
}
#HumiJobBoard .humi-job-board .humi-job-board-posting .humi-job-board-posting-link a {
  font-family: "radikal-regular", Helvetica, Arial, sans-serif;
  display: table;
  margin-top: 40px;
  padding: 10px 40px;
  background: #EB586B;
  color: #ffffff;
  border: solid 2px #EB586B;
  text-decoration: none;
  transition: background 0.5s;
}
@media (min-width: 769px) {
  #HumiJobBoard .humi-job-board .humi-job-board-posting .humi-job-board-posting-link a {
    padding: 10px 20px;
  }
}
@media (min-width: 1025px) {
  #HumiJobBoard .humi-job-board .humi-job-board-posting .humi-job-board-posting-link a {
    padding: 10px 40px;
  }
}
#HumiJobBoard .humi-job-board .humi-job-board-posting .humi-job-board-posting-link a:hover {
  background: transparent;
  cursor: pointer;
  color: #EB586B;
}
#HumiJobBoard .humi-job-board .humi-job-board-posting .humi-job-board-postings {
  color: #000;
  padding: 0;
  text-align: left;
}
#HumiJobBoard .humi-job-board .humi-job-board-posting .humi-job-board-postings .humi-job-board-posting-title {
  font-size: 1.75rem;
  margin-bottom: 30px;
  line-height: 2rem;
  text-align: left;
}
#HumiJobBoard .humi-job-board .humi-job-board-posting .humi-job-board-postings .humi-job-board-posting-title a {
  color: #000;
  text-decoration: none;
}
#HumiJobBoard .humi-job-board .humi-job-board-posting .humi-job-board-postings .humi-job-board-posting-details {
  text-transform: capitalize;
  flex: 1;
  font-weight: normal;
  font-size: 1rem;
  line-height: 2rem;
}
#HumiJobBoard .humi-job-board .humi-job-board-posting .humi-job-board-postings .humi-job-board-posting-link {
  margin-top: auto;
}
#HumiJobBoard .humi-job-board .humi-job-board-posting .humi-job-board-postings .humi-job-board-posting-link a {
  display: table;
  margin-top: 40px;
  padding: 10px 40px;
  background: #EB586B;
  color: #ffffff;
  border: solid 2px #EB586B;
  text-decoration: none;
  transition: background 0.5s;
}
#HumiJobBoard .humi-job-board .humi-job-board-posting .humi-job-board-postings .humi-job-board-posting-link a:hover {
  background: transparent;
  cursor: pointer;
  color: #EB586B;
}

section#categorymenu {
  margin: 50px auto 0;
  padding: 50px 0;
}
section#categorymenu .container {
  align-items: center;
}
section#categorymenu .container ul.catlist {
  display: flex;
  justify-content: flex-start;
  margin: 50px auto;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
@media (max-width: 1023px) {
  section#categorymenu .container ul.catlist {
    margin: 150px auto 50px;
  }
}
@media (max-width: 767px) {
  section#categorymenu .container ul.catlist {
    margin: 0px 0 0px;
    justify-content: space-between;
  }
}
section#categorymenu .container ul li {
  margin-right: 5px;
}
@media (max-width: 767px) {
  section#categorymenu .container ul li {
    width: calc(50% - 8px);
  }
}
section#categorymenu .container ul li a {
  margin: 5px;
  border: 2px solid #000000;
  background: transparent;
  color: #000000;
}
@media (max-width: 1023px) {
  section#categorymenu .container ul li a {
    width: 100%;
    text-align: center;
    padding: 10px 20px;
  }
}
section#categorymenu .container ul li a.active, section#categorymenu .container ul li a:hover {
  background: #000000;
  color: #fff;
}
section#categorymenu .container > span {
  font-size: 24px;
  font-weight: bold;
  margin-right: 20px;
}
section#categorymenu .container .filter-menus {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin: 15px 0;
}
section#categorymenu .container .filter-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 200px;
}
section#categorymenu .container .filter-group label {
  font-weight: 600;
  font-size: 14px;
  display: none;
}
section#categorymenu .container .filter-select {
  padding: 10px 15px;
  border: 3px solid #000;
  border-radius: 60px;
  font-size: 20px;
  font-weight: bold;
  background-color: white;
  cursor: pointer;
  transition: border-color 0.3s ease;
}
section#categorymenu .container .filter-select:hover,
section#categorymenu .container .filter-select:focus {
  border-color: #999;
  outline: none;
}
section#categorymenu .container .apply-filters-btn {
  padding: 10px 15px;
  border: 3px solid #000;
  border-radius: 60px;
  font-size: 20px;
  font-weight: bold;
  background-color: #000000;
  color: #F6EB44;
  cursor: pointer;
  transition: all 0.3s ease;
}
section#categorymenu .container .apply-filters-btn:hover {
  background-color: #fff;
  color: #000000;
}
section#categorymenu .container .apply-filters-btn:active {
  background-color: #fff;
  color: #000000;
}
section#categorymenu .container .reset-filters-link {
  display: inline-block;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.3s ease;
}
section#categorymenu .container .reset-filters-link:hover {
  color: #000;
  text-decoration: none;
}

#stayinformedFormholderJKBuild {
  width: 100%;
  margin: 50px auto 0;
  background: #000;
  color: #fff;
  padding: 50px 50px 50px;
  border-top-right-radius: 80px;
}
@media (max-width: 767px) {
  #stayinformedFormholderJKBuild {
    padding: 0;
  }
}
#stayinformedFormholderJKBuild .icon {
  width: 85px;
  height: 85px;
  margin: 30px auto 50px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='85.26' height='85.26' viewBox='0 0 85.26 85.26'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1758' data-name='Rectangle 1758' width='45.259' height='33.025' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Email_Icon' transform='translate(-1364 -694)'%3E%3Cpath id='Path_423' data-name='Path 423' d='M42.63,0A42.63,42.63,0,1,1,0,42.63,42.63,42.63,0,0,1,42.63,0Z' transform='translate(1364 694)' fill='%23eb586b'/%3E%3Cg id='Group_1951' data-name='Group 1951' transform='translate(1384 720.117)'%3E%3Cg id='Group_1950' data-name='Group 1950' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_426' data-name='Path 426' d='M20.2,20.85a4.262,4.262,0,0,0,4.868,0L45.26,6.723V3.314A3.315,3.315,0,0,0,41.946,0H3.314A3.315,3.315,0,0,0,0,3.314V6.723Z' transform='translate(0 0)' fill='%23fff'/%3E%3Cpath id='Path_427' data-name='Path 427' d='M35.147,17.944,47.7,32.074a3.278,3.278,0,0,0,.449-1.635V8.851Z' transform='translate(-2.888 -0.728)' fill='%23fff'/%3E%3Cpath id='Path_428' data-name='Path 428' d='M31.42,19.479,25.829,23.39a5.411,5.411,0,0,1-6.183,0l-5.591-3.91L1.3,33.842a3.281,3.281,0,0,0,2.117.784H42.053a3.287,3.287,0,0,0,2.123-.788Z' transform='translate(-0.107 -1.601)' fill='%23fff'/%3E%3Cpath id='Path_429' data-name='Path 429' d='M0,8.851V30.439a3.284,3.284,0,0,0,.452,1.642L13,17.945Z' transform='translate(0 -0.728)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center/contain;
}
@media (max-width: 1023px) {
  #stayinformedFormholderJKBuild .icon {
    margin: 50px 0;
  }
}
#stayinformedFormholderJKBuild h2 {
  margin-bottom: 30px;
}
#stayinformedFormholderJKBuild p {
  text-align: center;
  margin: 0 auto 50px;
}
@media (max-width: 767px) {
  #stayinformedFormholderJKBuild p {
    text-align: left;
  }
}
#stayinformedFormholderJKBuild form {
  max-width: 900px;
  display: flex;
  flex-wrap: wrap;
}
#stayinformedFormholderJKBuild form .fieldgroup {
  width: calc(50% - 20px);
  margin: 10px 10px 50px;
}
@media (max-width: 767px) {
  #stayinformedFormholderJKBuild form .fieldgroup {
    width: 100%;
    margin: 10px 10px 30px;
  }
}
#stayinformedFormholderJKBuild form .fieldgroup.casl, #stayinformedFormholderJKBuild form .fieldgroup.submit {
  width: 100%;
}
#stayinformedFormholderJKBuild .thankyou {
  text-align: center;
  margin: 0 auto;
}
#stayinformedFormholderJKBuild .thankyou h4 {
  font-size: 1.875rem;
  color: #EB586B;
}
@media (max-width: 767px) {
  #stayinformedFormholderJKBuild .thankyou {
    text-align: left;
  }
}

@media (min-width: 1025px) {
  body.jkbuild .pagination-container, body.humanology-insight .pagination-container {
    display: block;
    width: 100%;
    margin: 100px auto 0;
  }
}

.pagination-container {
  margin: 50px auto;
  flex-basis: 100%;
  min-height: 50px;
}
.pagination-container .container {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-container .container .page-numbers {
  border: 2px solid #000000;
  padding: 5px;
  transition: all 0.25s;
  border-radius: 50px;
  margin: 10px 5px;
  width: 60px;
  height: 60px;
  color: #000000;
  background: transparent;
  font-family: "Radikal", sans-serif;
  font-size: 1rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.pagination-container .container .page-numbers:hover, .pagination-container .container .page-numbers.active {
  cursor: pointer;
  background: #000000;
  color: #fff;
}
.pagination-container .container .page-numbers:hover button, .pagination-container .container .page-numbers.active button {
  color: #fff;
}
.pagination-container .container .page-numbers.current {
  cursor: pointer;
  background: #000000;
  color: #fff;
}
.pagination-container .container .page-numbers.prev, .pagination-container .container .page-numbers.next {
  position: relative;
  width: 30px;
  height: 30px;
  display: block;
  margin-left: 10px;
  transition: opacity 0.5s;
  text-indent: -9999px;
  border: none;
}
.pagination-container .container .page-numbers.prev button, .pagination-container .container .page-numbers.next button {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
.pagination-container .container .page-numbers.prev button:hover, .pagination-container .container .page-numbers.next button:hover {
  cursor: pointer;
}
.pagination-container .container .page-numbers.next {
  content: "";
  color: #fff;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.661' height='25.482' viewBox='0 0 30.661 25.482'%3E%3Cpath id='Path_393' data-name='Path 393' d='M30.283,13.986c.031-.047.062-.093.089-.142s.055-.106.081-.16c.013-.029.031-.057.043-.087s.01-.033.017-.048c.022-.058.04-.117.058-.176s.028-.095.039-.144.021-.115.03-.173.013-.1.018-.15,0-.119,0-.18,0-.1,0-.144-.013-.123-.022-.184c-.007-.047-.013-.093-.024-.138s-.031-.119-.05-.18-.028-.092-.044-.137c-.008-.021-.013-.042-.021-.062-.015-.037-.037-.07-.054-.105s-.043-.09-.068-.134-.063-.105-.1-.156-.055-.08-.085-.118-.082-.1-.126-.146c-.02-.022-.037-.046-.059-.068L19.512.657a2.242,2.242,0,1,0-3.171,3.17l6.671,6.67H2.243a2.243,2.243,0,0,0,0,4.486H23.011l-6.67,6.671a2.243,2.243,0,0,0,3.172,3.174l10.5-10.5c.022-.022.039-.047.061-.07.042-.045.083-.092.12-.14S30.254,14.029,30.283,13.986Z'  fill='%23000'/%3E%3C/svg%3E%0A") no-repeat center center/contain;
}
.pagination-container .container .page-numbers.prev {
  content: "";
  color: #fff;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.661' height='25.482' viewBox='0 0 30.661 25.482'%3E%3Cpath id='Path_393' data-name='Path 393' d='M30.283,13.986c.031-.047.062-.093.089-.142s.055-.106.081-.16c.013-.029.031-.057.043-.087s.01-.033.017-.048c.022-.058.04-.117.058-.176s.028-.095.039-.144.021-.115.03-.173.013-.1.018-.15,0-.119,0-.18,0-.1,0-.144-.013-.123-.022-.184c-.007-.047-.013-.093-.024-.138s-.031-.119-.05-.18-.028-.092-.044-.137c-.008-.021-.013-.042-.021-.062-.015-.037-.037-.07-.054-.105s-.043-.09-.068-.134-.063-.105-.1-.156-.055-.08-.085-.118-.082-.1-.126-.146c-.02-.022-.037-.046-.059-.068L19.512.657a2.242,2.242,0,1,0-3.171,3.17l6.671,6.67H2.243a2.243,2.243,0,0,0,0,4.486H23.011l-6.67,6.671a2.243,2.243,0,0,0,3.172,3.174l10.5-10.5c.022-.022.039-.047.061-.07.042-.045.083-.092.12-.14S30.254,14.029,30.283,13.986Z' transform='translate(30.661 25.482) rotate(-180)' fill='%23000'/%3E%3C/svg%3E%0A") no-repeat center center/contain;
}
.pagination-container .container ul {
  display: flex;
  align-items: center;
  position: relative;
  bottom: 0;
  justify-content: center;
  width: 100%;
  margin: 0px auto 50px;
  text-align: center;
  padding: 0;
  list-style: none;
}
.pagination-container .container ul li {
  margin: 10px 5px;
}
.pagination-container .container ul li.disabled {
  opacity: 0.2;
  cursor: default;
}
.pagination-container .container ul li.pagelink {
  border: 2px solid #000000;
  padding: 5px;
  transition: all 0.25s;
  border-radius: 50px;
}
.pagination-container .container ul li.pagelink:hover, .pagination-container .container ul li.pagelink.active {
  cursor: pointer;
  background: #000000;
  color: #fff;
}
.pagination-container .container ul li.pagelink:hover button, .pagination-container .container ul li.pagelink.active button {
  color: #fff;
}
.pagination-container .container ul li.pagelink button {
  width: 60px;
  height: 60px;
  border: none;
  color: #000000;
  background: transparent;
  font-family: "Radikal", sans-serif;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .pagination-container .container ul li.pagelink button {
    width: 38px;
    height: 38px;
  }
}
.pagination-container .container ul li.pagelink button:hover {
  cursor: pointer;
}
.pagination-container .container ul li.prev, .pagination-container .container ul li.next {
  position: relative;
  width: 30px;
  height: 30px;
  display: block;
  margin-left: 10px;
  transition: opacity 0.5s;
}
.pagination-container .container ul li.prev button, .pagination-container .container ul li.next button {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
.pagination-container .container ul li.prev button:hover, .pagination-container .container ul li.next button:hover {
  cursor: pointer;
}
.pagination-container .container ul li.next {
  content: "";
  color: #fff;
  transform: rotate(180deg);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.661' height='25.482' viewBox='0 0 30.661 25.482'%3E%3Cpath id='Path_393' data-name='Path 393' d='M30.283,13.986c.031-.047.062-.093.089-.142s.055-.106.081-.16c.013-.029.031-.057.043-.087s.01-.033.017-.048c.022-.058.04-.117.058-.176s.028-.095.039-.144.021-.115.03-.173.013-.1.018-.15,0-.119,0-.18,0-.1,0-.144-.013-.123-.022-.184c-.007-.047-.013-.093-.024-.138s-.031-.119-.05-.18-.028-.092-.044-.137c-.008-.021-.013-.042-.021-.062-.015-.037-.037-.07-.054-.105s-.043-.09-.068-.134-.063-.105-.1-.156-.055-.08-.085-.118-.082-.1-.126-.146c-.02-.022-.037-.046-.059-.068L19.512.657a2.242,2.242,0,1,0-3.171,3.17l6.671,6.67H2.243a2.243,2.243,0,0,0,0,4.486H23.011l-6.67,6.671a2.243,2.243,0,0,0,3.172,3.174l10.5-10.5c.022-.022.039-.047.061-.07.042-.045.083-.092.12-.14S30.254,14.029,30.283,13.986Z' transform='translate(30.661 25.482) rotate(-180)' fill='%23000'/%3E%3C/svg%3E%0A") no-repeat center center/contain;
}
.pagination-container .container ul li.prev {
  content: "";
  color: #fff;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.661' height='25.482' viewBox='0 0 30.661 25.482'%3E%3Cpath id='Path_393' data-name='Path 393' d='M30.283,13.986c.031-.047.062-.093.089-.142s.055-.106.081-.16c.013-.029.031-.057.043-.087s.01-.033.017-.048c.022-.058.04-.117.058-.176s.028-.095.039-.144.021-.115.03-.173.013-.1.018-.15,0-.119,0-.18,0-.1,0-.144-.013-.123-.022-.184c-.007-.047-.013-.093-.024-.138s-.031-.119-.05-.18-.028-.092-.044-.137c-.008-.021-.013-.042-.021-.062-.015-.037-.037-.07-.054-.105s-.043-.09-.068-.134-.063-.105-.1-.156-.055-.08-.085-.118-.082-.1-.126-.146c-.02-.022-.037-.046-.059-.068L19.512.657a2.242,2.242,0,1,0-3.171,3.17l6.671,6.67H2.243a2.243,2.243,0,0,0,0,4.486H23.011l-6.67,6.671a2.243,2.243,0,0,0,3.172,3.174l10.5-10.5c.022-.022.039-.047.061-.07.042-.045.083-.092.12-.14S30.254,14.029,30.283,13.986Z' transform='translate(30.661 25.482) rotate(-180)' fill='%23000'/%3E%3C/svg%3E%0A") no-repeat center center/contain;
}

.pagination-number,
.pagination-button {
  font-size: 1.1rem;
  background-color: #fff;
  border: none;
  margin: 0.25rem 0.25rem;
  cursor: pointer;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 0.2rem;
}

.pagination-number:hover,
.pagination-button:not(.disabled):hover {
  background: #fff;
}

.pagination-number.active {
  color: #fff;
  background: #000000;
}

section#allvideos .container .videolist {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media (max-width: 1023px) {
  section#allvideos .container .videolist {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  section#allvideos .container .videolist {
    flex-direction: column;
  }
}
section#allvideos .container .videolist:after {
  content: "";
  flex: auto;
  max-width: 33%;
}
section#allvideos .container .videolist .no-results {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  display: block;
  font-size: 40px;
  max-width: 100%;
  margin-bottom: 100px;
}
section#allvideos .container .videolist .video {
  border-top-left-radius: 70px;
  overflow: hidden;
  width: 31%;
  max-width: 31%;
  margin: 20px 1% 20px;
  display: flex;
  flex-direction: column;
  height: 460px;
  position: relative;
}
@media (max-width: 1023px) {
  section#allvideos .container .videolist .video {
    width: 48%;
    max-width: unset;
    margin: 0 1% 40px;
  }
}
@media (max-width: 767px) {
  section#allvideos .container .videolist .video {
    width: 100%;
    margin: 0 0 40px;
    height: 360px;
  }
}
section#allvideos .container .videolist .video.hidden {
  display: none;
}
section#allvideos .container .videolist .video .image {
  height: 100%;
  position: relative;
  color: #000;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  scale: 1;
  order: 1;
}
section#allvideos .container .videolist .video .image img {
  max-width: unset;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
section#allvideos .container .videolist .video .image .videoinfo {
  position: absolute;
  display: flex;
  bottom: 20px;
  left: 20px;
}
section#allvideos .container .videolist .video .image .videoinfo a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  background-color: #fff;
  color: #000;
  text-decoration: none;
  min-width: 195px;
}
section#allvideos .container .videolist .video .image .videoinfo a .brand {
  font-size: 0.75rem;
  line-height: 1.375rem;
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
section#allvideos .container .videolist .video .image .videoinfo a .brand a {
  min-width: unset;
  padding: 0;
}
section#allvideos .container .videolist .video .image .videoinfo a .client {
  font-size: 1.875rem;
  line-height: 1.375rem;
  margin-bottom: 5px;
}
section#allvideos .container .videolist .video .image .videoinfo a .status {
  font-size: 0.8125rem;
  line-height: 1.375rem;
  position: relative;
}
section#allvideos .container .videolist .video .image .videoinfo a .status:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.027' height='12.57' viewBox='0 0 11.027 12.57'%3E%3Cpath id='Polygon_2' data-name='Polygon 2' d='M6.285,0,12.57,11.027H0Z' transform='translate(11.027) rotate(90)' fill='%23010101'/%3E%3C/svg%3E%0A") no-repeat center center/contain;
  content: "";
  width: 15px;
  height: 8px;
  display: inline-block;
  position: relative;
}
section#allvideos .container .videolist .video .videocontent {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  order: 2;
}
section#allvideos .container .videolist .video .videocontent .latest {
  color: #53C3C0;
  font-size: 0.75rem;
  text-transform: uppercase;
}
section#allvideos .container .videolist .video .videocontent .title {
  font-size: 1.875rem;
  line-height: 2.25rem;
  padding: 50px 0 20px;
}
section#allvideos .container .videolist .video .videocontent .category {
  font-size: 0.875rem;
  margin: 5px 0 10px;
}
section#allvideos .container .videolist .video .videocontent .category a {
  text-decoration: underline;
  color: #fff;
}
section#allvideos .container .videolist .video .videocontent .excerpt p {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

body.home section#featured {
  margin-bottom: 200px;
  height: 100vh;
}

section#featured {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 150px;
}
@media (max-width: 1023px) {
  section#featured {
    background-size: auto 50%;
    background-position: top center;
  }
}
@media (max-width: 767px) {
  section#featured {
    padding-top: 200px;
  }
}
section#featured header {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
section#featured .overlay {
  z-index: 0;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgb(0, 0, 0);
  background: radial-gradient(circle at 80% 0%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0) 1%, rgb(0, 0, 0) 80%);
}
@media (max-width: 1023px) {
  section#featured .overlay {
    background: radial-gradient(circle at 40% 0%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 80%);
  }
}
section#featured .overlay .gradient {
  z-index: 0;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 55%, rgb(0, 0, 0) 100%);
}
@media (max-width: 1023px) {
  section#featured .overlay .gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgb(0, 0, 0) 100%);
  }
}
section#featured .video-container {
  z-index: 0;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
}
section#featured .video-container .background-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%); /* Center the video */
  object-fit: cover; /* Ensure the video covers the entire container, potentially cropping */
  z-index: -1;
}
section#featured .container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 160px 45px 150px 45px;
  position: relative;
  display: block;
}
@media (max-width: 1023px) {
  section#featured .container {
    padding-bottom: 100px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
section#featured .container .secondarylogo {
  max-width: 365px;
  height: 155px;
  margin: 0 0 20px;
}
section#featured .container .secondarylogo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  object-position: left;
}
section#featured .container > h1 {
  font-size: 6.125rem;
  line-height: 6.1875rem;
  width: 60%;
  position: relative;
  color: #fff;
}
@media (max-width: 1023px) {
  section#featured .container > h1 {
    font-size: 3.5375rem;
    line-height: 3.375rem;
    width: 100%;
    margin-bottom: 20px;
  }
}
section#featured .container > h1 .play-button {
  display: inline-block;
  position: relative;
  height: 68px;
  width: 68px;
  right: -30%;
  top: 50%;
  margin-left: -34px;
  margin-top: -24px;
  position: absolute;
  cursor: pointer;
  z-index: 999;
  text-indent: -9999px;
  background: #F6EB44 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='93.802' height='93.802' viewBox='0 0 93.802 93.802'%3E%3Cg id='Group_3700' data-name='Group 3700' transform='translate(-992 -1962)'%3E%3Cpath id='Path_4109' data-name='Path 4109' d='M46.9,0A46.9,46.9,0,1,1,0,46.9,46.9,46.9,0,0,1,46.9,0Z' transform='translate(992 1962)' fill='%23F6EB44'/%3E%3Cpath id='Polygon_1' data-name='Polygon 1' fill='%23000000' d='M11.956,0,23.912,20.724H0Z' transform='translate(1053.08 1997.994) rotate(90)'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center/contain;
  border-radius: 50%;
}
@media (max-width: 1023px) {
  section#featured .container > h1 .play-button {
    height: 75px;
    width: 75px;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    top: -100px;
  }
}
section#featured .container > p {
  font-size: 1.125rem;
  line-height: 1.9375rem;
  width: 35%;
  margin-bottom: 50px;
  color: #fff;
}
@media (max-width: 1023px) {
  section#featured .container > p {
    font-size: 1rem;
    line-height: 1.5rem;
    width: 100%;
  }
}
section#featured .container .videotile {
  display: flex;
  background: #fff;
  border-radius: 20px;
  max-width: 55%;
  padding: 20px 50px 20px 20px;
  min-height: 150px;
}
@media (max-width: 1023px) {
  section#featured .container .videotile {
    flex-direction: column;
    max-width: 100%;
    padding: 40px 20px 20px;
  }
}
section#featured .container .videotile .videoinfo {
  display: flex;
  order: 1;
}
@media (max-width: 1023px) {
  section#featured .container .videotile .videoinfo {
    order: 2;
    width: 100%;
  }
}
section#featured .container .videotile .videoinfo a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  background-color: #000000;
  border-radius: 20px;
  color: #F6EB44;
  text-decoration: none;
  min-width: 195px;
}
@media (max-width: 1023px) {
  section#featured .container .videotile .videoinfo a {
    width: 100%;
    margin-top: 30px;
  }
}
section#featured .container .videotile .videoinfo a .time {
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-bottom: 20px;
}
section#featured .container .videotile .videoinfo a .status {
  font-size: 1.875rem;
  line-height: 1.75rem;
  position: relative;
  padding-right: 50px;
}
section#featured .container .videotile .videoinfo a .status:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.027' height='12.57' viewBox='0 0 11.027 12.57'%3E%3Cpath id='Polygon_2' data-name='Polygon 2' d='M6.285,0,12.57,11.027H0Z' transform='translate(11.027) rotate(90)' fill='%23F6EB44'/%3E%3C/svg%3E%0A") no-repeat center center/contain;
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  right: 0;
  bottom: 5px;
}
@media (max-width: 1023px) {
  section#featured .container .videotile .videoinfo a .status {
    padding-right: 75%;
    font-size: 1.5rem;
    line-height: 1.3125rem;
  }
}
section#featured .container .videotile .videocontent {
  margin-left: 20px;
  color: #000;
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  order: 2;
}
@media (max-width: 1023px) {
  section#featured .container .videotile .videocontent {
    order: 1;
    margin-left: 0px;
  }
}
section#featured .container .videotile .videocontent .latest {
  font-family: "Radikal", sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 10px;
}
section#featured .container .videotile .videocontent .title {
  font-family: "Radikal", sans-serif;
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 2rem;
  margin-bottom: 10px;
}
section#featured .container .videotile .videocontent .category {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin: 5px 0;
}
section#featured .container .videotile .videocontent .category a {
  text-decoration: underline;
  color: #000;
}
section#featured .container .videotile .videocontent .excerpt p {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
section#featured .container .arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 150px;
  position: absolute;
  bottom: 150px;
  right: 20px;
}
section#featured .container .arrow .line {
  margin-bottom: 10px;
  border-left: 1px solid #ffffff;
  width: 1px;
  height: 100%;
  display: inline-block;
}
@media (min-width: 1200px) {
  section#featured .container .arrow .line {
    -moz-animation: arrow 2s ease-in-out infinite;
    -webkit-animation: arrow 2s ease-in-out infinite;
    animation: arrow 2s ease-in-out infinite;
  }
}
@media (max-width: 1023px) {
  section#featured .container .arrow {
    display: none;
  }
}
@keyframes arrow {
  0% {
    height: 100px;
  }
  50% {
    height: 150px;
  }
  100% {
    height: 100px;
  }
}

section#pastsessions {
  padding-top: 100px;
}
@media (max-width: 1023px) {
  section#pastsessions {
    padding-top: 0px;
  }
}
section#pastsessions.moreposts h2 {
  text-align: center;
  font-size: 5.3125rem;
  width: calc(100% - 40px);
  margin: 100px auto 50px;
}
section#pastsessions .container .sessionlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  section#pastsessions .container .sessionlist {
    flex-direction: column;
  }
}
section#pastsessions .container .sessionlist:after {
  content: "";
  flex: auto;
  max-width: 33%;
}
section#pastsessions .container .sessionlist .no-results {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  display: block;
  font-size: 40px;
  max-width: 100%;
  margin-bottom: 100px;
}
section#pastsessions .container .sessionlist .sessionvideo, section#pastsessions .container .sessionlist .post-item {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  max-width: 31%;
  margin-right: 1%;
  margin-left: 1%;
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1023px) {
  section#pastsessions .container .sessionlist .sessionvideo, section#pastsessions .container .sessionlist .post-item {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    overflow: unset;
  }
}
section#pastsessions .container .sessionlist .sessionvideo .image, section#pastsessions .container .sessionlist .post-item .image {
  min-height: 20vw;
  border-radius: 20px;
  position: relative;
  color: #fff;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  scale: 1;
  order: 1;
  overflow: hidden;
}
@media (max-width: 1023px) {
  section#pastsessions .container .sessionlist .sessionvideo .image, section#pastsessions .container .sessionlist .post-item .image {
    margin-top: 50px;
    min-height: 80vw;
  }
}
section#pastsessions .container .sessionlist .sessionvideo .image img, section#pastsessions .container .sessionlist .post-item .image img {
  max-width: unset;
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
section#pastsessions .container .sessionlist .sessionvideo .image .videoinfo, section#pastsessions .container .sessionlist .post-item .image .videoinfo {
  position: absolute;
  display: flex;
  bottom: 20px;
  left: 20px;
}
section#pastsessions .container .sessionlist .sessionvideo .image .videoinfo a, section#pastsessions .container .sessionlist .post-item .image .videoinfo a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  background-color: #000000;
  border-radius: 10px;
  color: #F6EB44;
  text-decoration: none;
  min-width: 195px;
  min-height: 120px;
}
section#pastsessions .container .sessionlist .sessionvideo .image .videoinfo a .time, section#pastsessions .container .sessionlist .post-item .image .videoinfo a .time {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
section#pastsessions .container .sessionlist .sessionvideo .image .videoinfo a .status, section#pastsessions .container .sessionlist .post-item .image .videoinfo a .status {
  font-size: 1.5625rem;
  line-height: 1.375rem;
  position: relative;
  padding-right: 50%;
}
section#pastsessions .container .sessionlist .sessionvideo .image .videoinfo a .status:after, section#pastsessions .container .sessionlist .post-item .image .videoinfo a .status:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.027' height='12.57' viewBox='0 0 11.027 12.57'%3E%3Cpath id='Polygon_2' data-name='Polygon 2' d='M6.285,0,12.57,11.027H0Z' transform='translate(11.027) rotate(90)' fill='%23F6EB44'/%3E%3C/svg%3E%0A") no-repeat center center/contain;
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  right: 0;
  bottom: 2px;
}
section#pastsessions .container .sessionlist .sessionvideo .videocontent, section#pastsessions .container .sessionlist .post-item .videocontent {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  order: 2;
}
section#pastsessions .container .sessionlist .sessionvideo .videocontent .latest, section#pastsessions .container .sessionlist .post-item .videocontent .latest {
  color: #EB586B;
  font-size: 0.75rem;
  text-transform: uppercase;
}
section#pastsessions .container .sessionlist .sessionvideo .videocontent .title, section#pastsessions .container .sessionlist .post-item .videocontent .title {
  font-family: "Radikal", sans-serif;
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 2.25rem;
  padding: 50px 0 20px;
}
section#pastsessions .container .sessionlist .sessionvideo .videocontent .category, section#pastsessions .container .sessionlist .post-item .videocontent .category {
  font-size: 0.875rem;
  margin: 5px 0 10px;
}
section#pastsessions .container .sessionlist .sessionvideo .videocontent .category a, section#pastsessions .container .sessionlist .post-item .videocontent .category a {
  text-decoration: underline;
  color: #000000;
}
section#pastsessions .container .sessionlist .sessionvideo .videocontent .excerpt p, section#pastsessions .container .sessionlist .post-item .videocontent .excerpt p {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

section#notificationsignup {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
  background: #000;
  color: #fff;
}
section#notificationsignup.nocurve.top {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}
section#notificationsignup.nocurve.bottom {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}
section#notificationsignup .container {
  padding: 150px 45px;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1023px) {
  section#notificationsignup .container {
    padding: 90px 20px 50px;
  }
}
section#notificationsignup .container .title {
  max-width: 1300px;
  width: 100%;
}
section#notificationsignup .container .title h2 {
  font-size: 8vw;
  line-height: 8vw;
  text-align: center;
}
@media (min-width: 1401px) {
  section#notificationsignup .container .title h2 {
    font-size: 7.1875rem;
    line-height: 7.5rem;
  }
}
@media (max-width: 1023px) {
  section#notificationsignup .container .title h2 {
    text-align: left;
  }
}
section#notificationsignup .container .title p {
  text-align: center;
  max-width: 80%;
  margin: 0 auto 50px;
}
@media (max-width: 1023px) {
  section#notificationsignup .container .title p {
    text-align: left;
    max-width: unset;
  }
}
section#notificationsignup .container .title p a {
  color: #fff;
}
section#notificationsignup .container form {
  width: 100%;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1023px) {
  section#notificationsignup .container form {
    flex-direction: column;
    align-items: flex-start;
  }
}
section#notificationsignup .container form .inputs {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1023px) {
  section#notificationsignup .container form .inputs {
    flex-direction: column;
    margin: 0;
  }
}
section#notificationsignup .container form .inputs .title h2 {
  margin-bottom: 30px;
}
section#notificationsignup .container form .inputs .fields {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 1023px) {
  section#notificationsignup .container form .inputs .fields {
    flex-direction: column;
  }
}
section#notificationsignup .container form .inputs .fields .formfield {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-right: 10px;
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  section#notificationsignup .container form .inputs .fields .formfield {
    width: 100%;
    margin-bottom: 20px;
  }
}
section#notificationsignup .container form .inputs .fields .formfield.checkbox {
  flex-direction: row;
  margin-top: 20px;
  width: 25%;
}
section#notificationsignup .container form .inputs .fields .formfield label {
  font-size: 1rem;
  margin-bottom: 10px;
}
section#notificationsignup .container form .inputs .fields .formfield input[type=text] {
  appearance: none;
  background: none;
  border: none;
  border: 1px solid #fff;
  border-radius: 40px;
  min-height: 55px;
  outline: none;
  padding: 5px 10px;
  width: 100%;
  color: #fff;
}
section#notificationsignup .container form .inputs .fields .formfield input[type=checkbox] {
  appearance: none;
  border: 1px solid #fff;
  align-self: flex-start;
  margin: 8px 8px 0 0;
  width: 40px;
  height: 18px;
  margin-left: 20px;
}
section#notificationsignup .container form .inputs .fields .formfield .checkboxcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-top: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.75rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 767px) {
  section#notificationsignup .container form .inputs .fields .formfield .checkboxcontainer {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
section#notificationsignup .container form .inputs .fields .formfield .checkboxcontainer p {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
section#notificationsignup .container form .inputs .fields .formfield .checkboxcontainer a {
  color: #fff;
}
section#notificationsignup .container form .inputs .fields .formfield .checkboxcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
section#notificationsignup .container form .inputs .fields .formfield .checkboxcontainer input:checked ~ .checkmark:after {
  display: block;
}
section#notificationsignup .container form .inputs .fields .formfield .checkmark {
  position: absolute;
  top: 8px;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #fff;
  border-radius: 40px;
  color: #fff;
}
section#notificationsignup .container form .inputs .fields .formfield .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
section#notificationsignup .container form .submitbutton {
  display: inline-block;
  padding: 10px 40px;
  background: #fff;
  color: #000000;
  border: solid 2px #fff;
  border-radius: 40px;
  text-decoration: none;
  transition: background 0.5s;
  width: auto;
  font-size: 1rem;
}
section#notificationsignup .container form .submitbutton:hover {
  background: #000000;
  cursor: pointer;
  color: #fff;
}
section#notificationsignup .container form .submitbutton:hover button {
  color: #fff;
}
section#notificationsignup .container form .submitbutton button {
  appearance: none;
  background: none;
  border: none;
  font-size: 1rem;
  color: #000000;
}
section .error {
  color: #F57171;
}

section.wesupport.bg-black .supportlist .support__icon img {
  filter: invert(1);
}
section.wesupport .container {
  max-width: 1400px;
}
section.wesupport h2 {
  margin-bottom: 0;
}
section.wesupport .supportlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  margin-top: 50px;
}
@media (max-width: 1023px) {
  section.wesupport .supportlist {
    flex-direction: column;
    margin-top: 0px;
  }
}
section.wesupport .supportlist .support {
  box-sizing: border-box;
  width: 24%;
  margin: 20px 0;
  padding: 25px;
}
@media (max-width: 1023px) {
  section.wesupport .supportlist .support {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 20px 0 0;
    margin: 0 0 20px;
  }
}
section.wesupport .supportlist .support__icon {
  width: 85px;
  height: 85px;
  margin: 10px auto 35px;
}
@media (max-width: 767px) {
  section.wesupport .supportlist .support__icon {
    width: 20%;
    margin: 0 0px 0 0;
  }
}
section.wesupport .supportlist .support__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
section.wesupport .supportlist .support__title {
  font-size: 1.375rem;
  line-height: 1.8125rem;
  margin-bottom: 30px;
  flex: 1;
}
@media (max-width: 1399px) {
  section.wesupport .supportlist .support__title {
    font-size: 1.75rem;
    line-height: 2rem;
  }
}
@media (max-width: 1023px) {
  section.wesupport .supportlist .support__title {
    margin-left: 20px;
    font-size: 5vw;
    line-height: 5vw;
  }
}
@media (max-width: 767px) {
  section.wesupport .supportlist .support__title {
    width: 70%;
    margin-bottom: 0px;
  }
}
section.wesupport .supportlist .support__copy {
  font-size: 1.3125rem;
}
@media (max-width: 1023px) {
  section.wesupport .supportlist .support__copy {
    width: 100%;
  }
}

section.support {
  display: flex;
  width: calc(100% - 40px);
  max-width: 1600px;
  margin: 0 auto;
}
@media (max-width: 1399px) {
  section.support {
    flex-direction: column;
  }
}
@media (max-width: 1399px) {
  section.support .container {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  section.support .container {
    text-align: left;
  }
}
section.support .container.title {
  width: 25%;
}
@media (max-width: 1399px) {
  section.support .container.title {
    width: 100%;
    text-align: center;
    max-width: 940px;
    margin: 0 auto 40px;
    justify-content: center;
  }
}
@media (max-width: 1023px) {
  section.support .container.title {
    text-align: left;
  }
}
section.support .container.title h2 {
  text-align: left;
  font-size: 5vw;
  line-height: 4.5vw;
  margin: 0 0 30px 0;
  padding: 0;
}
@media (min-width: 1601px) {
  section.support .container.title h2 {
    font-size: 90px;
    line-height: 90px;
  }
}
@media (max-width: 1399px) {
  section.support .container.title h2 {
    text-align: center;
    margin: 0 auto 20px;
  }
}
@media (max-width: 1023px) {
  section.support .container.title h2 {
    text-align: left;
    font-size: 10vw;
    line-height: 10vw;
  }
}
section.support .container.title .text-center, section.support .container.title h2.headline + p {
  text-align: left;
  margin: 0;
}
@media (max-width: 1399px) {
  section.support .container.title .text-center, section.support .container.title h2.headline + p {
    text-align: center;
  }
}
section.support .container > ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 1023px) {
  section.support .container > ul {
    flex-direction: column;
    width: 100%;
  }
}
section.support .container > ul li {
  background: #000000;
  margin: 0 10px 15px;
  width: 33%;
  border-radius: 20px;
  padding: 60px 35px 30px;
  color: #fff;
}
@media (max-width: 1023px) {
  section.support .container > ul li {
    width: 100%;
    margin: 0 0px 15px;
  }
}
section.support .container > ul li .title {
  font-size: 2.25rem;
  line-height: 2.3125rem;
  color: #EB586B;
  display: block;
  margin-right: 6vw;
  margin-bottom: 10px;
  flex-grow: 1;
}
@media (max-width: 1023px) {
  section.support .container > ul li .title {
    margin-bottom: 20px;
  }
}
section.support .container > ul li:first-child .title {
  color: #F6EB44;
}
section.support .container > ul li:last-child .title {
  color: #53C3C0;
}
section.support .container > ul li ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.375rem;
}
section.support .container > ul li ul li {
  margin: 0 0 25px 0;
  padding: 0;
  width: 100%;
}

.accessibleInfo {
  position: relative;
  margin: 5px 10px;
}
.accessibleInfo .accessibleBtn {
  border: 1px solid #000000;
  border-radius: 100%;
  margin: 0px 5px 0 0;
  padding: 0px;
  width: 19px;
  height: 19px;
  cursor: pointer;
  background: #000000;
}
.accessibleInfo .accessibleBtn svg {
  object-fit: contain;
  width: 100%;
  height: 100%;
  fill: #fff;
}
.accessibleInfo .accessibleBtn:focus {
  outline: 2px solid #EB586B;
  outline-offset: 3px;
}
.accessibleInfo .accessibleContent {
  color: #000000;
  z-index: 99;
  display: none;
  background: #fff;
  border: 3px solid #EB586B;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  position: absolute;
  max-width: 500px;
  font-size: 0.8em;
}
.accessibleInfo .accessibleContent a {
  color: #000000;
}

section.insights .container {
  flex-direction: column;
}
section.insights .container .headline, section.insights .container p {
  max-width: 950px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (max-width: 1023px) {
  section.insights .container .headline, section.insights .container p {
    text-align: left;
  }
}
section.insights .container .headline a, section.insights .container p a {
  margin: 30px auto;
}
section.insights .container ul {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 40px 0 40px;
}
@media (max-width: 1023px) {
  section.insights .container ul {
    margin: 0px 0 40px;
  }
}
section.insights .container ul li {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
  width: 100%;
  padding: 1vw 5vw;
  margin-bottom: 25px;
  background: #000000;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 3vw;
  position: relative;
}
@media (min-width: 1501px) {
  section.insights .container ul li {
    font-size: 2.6875rem;
  }
}
@media (max-width: 1023px) {
  section.insights .container ul li {
    margin: 0 0 30px;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    font-size: 7vw;
    padding-bottom: 10vw;
  }
}
section.insights .container ul li .number {
  color: #EB586B;
  font-size: 10vw;
  display: block;
  width: 10vw;
  margin-right: 6vw;
}
@media (max-width: 1023px) {
  section.insights .container ul li .number {
    font-size: 25vw;
  }
}
section.insights .container ul li:first-child .number {
  color: #F6EB44;
}
section.insights .container ul li:last-child .number {
  color: #53C3C0;
}

@media (max-width: 1023px) {
  section.wecanhelp .container {
    margin: 0 auto;
  }
}
section.wecanhelp p {
  max-width: 960px;
  margin: 0 auto;
}

@media (max-width: 1023px) {
  body.home section.jkbuild .curvedcorners {
    min-height: 400px;
  }
}

@media (max-width: 1023px) {
  section.helpclients {
    margin-top: 50px;
  }
  section.helpclients h3 {
    margin-top: 0px;
  }
}

@media (max-width: 1023px) {
  section.helpclients {
    margin-top: 50px;
  }
  section.helpclients h3 {
    margin-top: 0px;
  }
  section.helpclients p {
    color: #000;
    border: 4px solid red;
  }
}

section.wedocontent .container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}
@media (max-width: 1023px) {
  section.wedocontent .container {
    margin: 0 auto;
  }
}
section.wedocontent .inpagenavigation {
  width: 40%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 767px) {
  section.wedocontent .inpagenavigation {
    display: none;
  }
}
section.wedocontent .inpagenavigation a {
  position: relative;
  text-decoration: none;
  color: #939393;
  font-size: 2.0625rem;
  line-height: 2.8125rem;
  font-weight: normal;
  margin: 10px 0;
  transition: all 0.5s;
}
@media (max-width: 1023px) {
  section.wedocontent .inpagenavigation a {
    font-size: 3.5vw;
    line-height: 4vw;
  }
}
section.wedocontent .inpagenavigation a svg {
  display: inline-block;
  position: relative;
  right: 0;
  margin-left: 10px;
  content: "";
  width: 20px;
  height: 20px;
  transition: all 0.5s;
}
@media (max-width: 1023px) {
  section.wedocontent .inpagenavigation a svg {
    width: 15px;
    height: 15px;
  }
}
section.wedocontent .inpagenavigation a svg path {
  stroke: #000;
  transition: all 0.5s;
}
section.wedocontent .inpagenavigation a.active {
  color: #fff;
  transition: all 0.5s;
}
section.wedocontent .inpagenavigation a.active svg path {
  stroke: #fff;
}
section.wedocontent .inpagenavigation a.active.teal {
  color: #53C3C0;
}
section.wedocontent .inpagenavigation a.active.coral {
  color: #EB586B;
}
section.wedocontent .inpagenavigation a.active.yellow {
  color: #F6EB44;
}
section.wedocontent .inpagenavigation a.active.green {
  color: #c6f874;
}
section.wedocontent .inpagescrollcontent {
  width: 60%;
}
@media (max-width: 767px) {
  section.wedocontent .inpagescrollcontent {
    width: 100%;
  }
}
section.wedocontent .inpagescrollcontent .sectionanchor {
  margin-bottom: 100px;
  margin-top: -100px;
}
section.wedocontent .inpagescrollcontent section {
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  section.wedocontent .inpagescrollcontent section {
    padding-bottom: 50px;
  }
}
section.wedocontent .inpagescrollcontent h3.title {
  font-size: 5.9375rem;
  line-height: 7.1875rem;
}
@media (max-width: 1023px) {
  section.wedocontent .inpagescrollcontent h3.title {
    font-size: 8vw;
    line-height: 9vw;
  }
}
@media (max-width: 767px) {
  section.wedocontent .inpagescrollcontent h3.title {
    font-size: 11vw;
    line-height: 12vw;
  }
}
section.wedocontent .inpagescrollcontent h3.title.teal {
  color: #53C3C0;
}
section.wedocontent .inpagescrollcontent h3.title.coral {
  color: #EB586B;
}
section.wedocontent .inpagescrollcontent h3.title.yellow {
  color: #F6EB44;
}
section.wedocontent .inpagescrollcontent h3.title.green {
  color: #c6f874;
}
section.wedocontent .inpagescrollcontent .text {
  font-size: 1.1875rem;
  line-height: 2.375rem;
}
@media (max-width: 767px) {
  section.wedocontent .inpagescrollcontent .text {
    font-size: 5vw;
    line-height: 8vw;
  }
}
section.wedocontent .inpagescrollcontent .text p {
  font-size: 1.1875rem;
  line-height: 2.375rem;
}
@media (max-width: 767px) {
  section.wedocontent .inpagescrollcontent .text p {
    font-size: 5vw;
    line-height: 8vw;
  }
}
section.wedocontent .inpagescrollcontent .listings {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 50px;
}
@media (max-width: 1023px) {
  section.wedocontent .inpagescrollcontent .listings {
    margin-top: 30px;
  }
}
section.wedocontent .inpagescrollcontent .listings .list {
  width: 48%;
}
@media (max-width: 1023px) {
  section.wedocontent .inpagescrollcontent .listings .list {
    width: 100%;
  }
}
section.wedocontent .inpagescrollcontent .listings .list h4 {
  font-size: 1.9375rem;
  line-height: 2.25rem;
  font-weight: bold;
  margin: 30px 0 50px;
}
@media (max-width: 1023px) {
  section.wedocontent .inpagescrollcontent .listings .list h4 {
    font-size: 5vw;
    line-height: 6vw;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  section.wedocontent .inpagescrollcontent .listings .list h4 {
    font-size: 7vw;
    line-height: 8vw;
    margin-bottom: 20px;
  }
}
section.wedocontent .inpagescrollcontent .listings .list ul {
  margin-bottom: 30px;
}
section.wedocontent .inpagescrollcontent .listings .list ul li {
  font-size: 1.5rem;
  line-height: 2.0625rem;
  margin-bottom: 10px;
}
@media (max-width: 1023px) {
  section.wedocontent .inpagescrollcontent .listings .list ul li {
    font-size: 2.5vw;
    line-height: 4vw;
  }
}
@media (max-width: 767px) {
  section.wedocontent .inpagescrollcontent .listings .list ul li {
    font-size: 4.5vw;
    line-height: 6vw;
  }
}

section.fifty .container {
  display: flex;
  align-items: center;
}
section.fifty .container a {
  color: #EB586B;
}
section.fifty .container a.btn {
  color: #F6EB44;
}
section.fifty .container a:hover {
  color: #000000;
}
section.fifty .container .curvedcorners.contain img {
  object-fit: contain;
}
section.fifty.left .col-40 {
  order: 1;
}
section.fifty.left .col-40 video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
section.fifty.left .col-60 {
  order: 2;
}
section.fifty.right .col-40 {
  order: 2;
}
section.fifty.right .col-40 video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
section.fifty.right .col-60 {
  order: 1;
}

section.logobar {
  width: calc(100% - 40px);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 50px;
  align-items: center;
  box-sizing: border-box;
}
@media (max-width: 1023px) {
  section.logobar {
    padding: 0px;
    text-align: left;
    justify-content: space-around;
  }
}
@media (max-width: 767px) {
  section.logobar {
    padding-top: 50px;
  }
}
section.logobar .container h2 {
  flex-basis: 100%;
}
@media (max-width: 1023px) {
  section.logobar .container {
    width: 100%;
    padding: 0;
  }
}
section.logobar .container.logos {
  justify-content: center;
  align-items: center;
}
@media (max-width: 1023px) {
  section.logobar .container.logos {
    justify-content: space-between;
  }
}
section.logobar .container.logos .logo {
  position: relative;
  margin-bottom: 40px;
  max-height: 85px;
  height: 85px;
  width: 200px;
  padding: 0 35px;
}
@media (max-width: 1023px) {
  section.logobar .container.logos .logo {
    width: 45%;
    padding: 0 5px;
  }
}
section.logobar .container.logos .logo a {
  display: block;
  height: 100%;
  width: 100%;
}
section.logobar .container.logos .logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
section.logobar p {
  max-width: 900px;
  margin: 50px auto;
  text-align: center;
}
@media (max-width: 1023px) {
  section.logobar p {
    text-align: left;
  }
}
section.logobar.auto .logos .logo {
  width: 250px;
}
section.logobar.fourperrow {
  max-width: 1000px;
}
section.logobar.sevenperrow {
  max-width: 1600px;
}
section#about {
  width: 100%;
}
section#about .container {
  display: flex;
  padding-top: 160px;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  section#about .container {
    padding-top: 150px;
  }
}
section#about .container .content {
  padding-top: 150px;
  width: 50%;
  padding-bottom: 150px;
}
@media (max-width: 1023px) {
  section#about .container .content {
    width: 100%;
    padding-bottom: 50px;
    padding-top: 0;
  }
}
section#about .container .content h2 {
  margin-bottom: 30px;
  font-size: 3.75rem;
}
@media (max-width: 1023px) {
  section#about .container .content h2 {
    font-size: 13vw;
  }
}
@media (max-width: 1023px) {
  section#about .container .content p {
    width: 100%;
  }
}
section#about .container .image {
  position: absolute;
  display: block;
  width: 60%;
  align-self: flex-end;
  right: 0;
  bottom: -5px;
  margin: 0;
  padding: 0;
}
section#about .container .image img {
  content-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  section#about .container .image {
    width: 100%;
    padding: 0;
    position: relative;
  }
}
section#about .container .image .overlay {
  display: block;
  z-index: 1;
  position: absolute;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 20%, rgb(0, 0, 0) 100%);
}

section#vision {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  padding: 140px 100px 0px;
  background: #000;
  color: #fff;
}
@media (max-width: 1023px) {
  section#vision {
    padding: 50px 0px;
  }
}
section#vision .container .visionswrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
}
@media (max-width: 1023px) {
  section#vision .container .visionswrapper {
    flex-direction: column;
  }
}
section#vision .container .visionswrapper:after {
  content: "";
  flex: 1;
}
section#vision .container .visionswrapper .vision {
  border-radius: 20px;
  max-width: 31%;
  margin: 0px 2% 50px;
  padding: 50px 30px 30px;
  border: 5px solid #fff;
  border-top-right-radius: 70px;
  color: #EB586B;
}
@media (max-width: 1023px) {
  section#vision .container .visionswrapper .vision {
    max-width: unset;
    margin: 0 0 20px;
    border-radius: 20px;
    border: 2px solid #fff;
  }
}
section#vision .container .visionswrapper .vision:first-child {
  margin-left: 0px;
  color: #F6EB44;
}
section#vision .container .visionswrapper .vision:last-child {
  margin-right: 0px;
  color: #53C3C0;
}
section#vision .container .visionswrapper .vision .icon {
  width: 85px;
  height: 85px;
  margin-bottom: 30px;
}
section#vision .container .visionswrapper .vision .icon img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
section#vision .container .visionswrapper .vision .title {
  font-size: 2.1875rem;
  line-height: 2.25rem;
  margin-bottom: 20px;
}
section#vision .container .visionswrapper .vision .text {
  color: #fff;
  font-size: 1.1875rem;
  line-height: 2rem;
}
section#vision .container .visionswrapper .vision .text a {
  color: #53C3C0;
}

#thankyoumodal {
  display: none;
}

.wysiwyg.content {
  max-width: 900px;
  margin: 0 auto 100px;
}
.wysiwyg.content h2 {
  font-size: 3.75rem;
  margin: 40px 0 20px;
}
.wysiwyg.content blockquote p {
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 2.5rem;
  font-style: italic;
  margin: 30px auto;
  max-width: 85%;
}
.wysiwyg.content blockquote p a {
  text-decoration: underline;
  color: #EB586B;
}
.wysiwyg.content iframe {
  display: block;
  width: 100%;
  max-height: 315px;
  min-height: 315px;
  max-width: 560px;
  margin: 20px auto;
}
@media (max-width: 767px) {
  .wysiwyg.content iframe {
    max-width: unset;
    max-height: unset;
    min-height: 200px;
  }
}
.wysiwyg.content ul, .wysiwyg.content ol {
  margin: 10px 0 10px 20px;
  padding: 0;
  font-size: 1.1875rem;
}
.wysiwyg.content ul li a, .wysiwyg.content ol li a {
  text-decoration: underline;
  color: #EB586B;
}
.wysiwyg.content ul li h4, .wysiwyg.content ol li h4 {
  font-size: 1.1875rem;
  font-weight: bold;
  margin: 24px 0 10px;
}
.wysiwyg.content ul li p, .wysiwyg.content ol li p {
  font-size: 1.1875rem;
}
.wysiwyg.content a {
  text-decoration: underline;
  color: #EB586B;
}
.wysiwyg.content a.btn {
  color: #fff;
}
.wysiwyg.content a.btn:hover {
  color: #EB586B;
}

section.faqs {
  padding: 170px 0 50px;
}
section.faqs .container {
  flex-direction: column;
}
section.faqs .container h2.headline {
  margin-bottom: 70px;
}
section.faqs .container .faqwrapper .accordion-item {
  position: relative;
  background: #F4F4F4;
  border-radius: 20px;
  margin-bottom: 32px;
  padding: 60px 70px;
}
section.faqs .container .faqwrapper .accordion-item .tab-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.faqs .container .faqwrapper .accordion-item .tab-title .accordion-title {
  flex: 1;
}
section.faqs .container .faqwrapper .accordion-item .tab-title .accordion-title span.question {
  display: inline-block;
  width: 100%;
  max-width: 100%;
}
section.faqs .container .faqwrapper .accordion-item .tab-title .accordion-title span.question h3 {
  font-size: 43px;
  line-height: 45px;
  font-weight: 700;
  width: 95%;
  max-width: unset;
  color: #000000;
  margin: 0;
  text-transform: none;
  padding: 30px 0;
}
@media (max-width: 1023px) {
  section.faqs .container .faqwrapper .accordion-item .tab-title .accordion-title span.question h3 {
    font-size: 33px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  section.faqs .container .faqwrapper .accordion-item .tab-title .accordion-title span.question h3 {
    font-size: 20px;
    line-height: 1.5rem;
    letter-spacing: 0.2rem;
    width: 100%;
  }
}
section.faqs .container .faqwrapper .accordion-item .tab-title:hover {
  cursor: pointer;
}
section.faqs .container .faqwrapper .accordion-item .tab-title:hover .openclose .status {
  color: #fff;
}
section.faqs .container .faqwrapper .accordion-item .tab-title:hover .openclose .status span {
  background: #fff;
}
section.faqs .container .faqwrapper .accordion-item .tab-title .openclose {
  position: relative;
  width: 100px;
  min-width: 100px;
  height: 100px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #000000;
  border-radius: 50px;
  /* Create the "+" shape by positioning the spans absolutely */
}
section.faqs .container .faqwrapper .accordion-item .tab-title .openclose .status {
  color: #fff;
  width: 50px;
  height: 50px;
  border: 0;
  font-size: 1.5em;
  position: relative;
  transition: all 0.5s;
  left: 50%;
  transform: translateX(-50%);
}
section.faqs .container .faqwrapper .accordion-item .tab-title .openclose .status span {
  position: absolute;
  transition: 300ms;
  background: #fff;
}
section.faqs .container .faqwrapper .accordion-item .tab-title .openclose .status span:first-child {
  top: 25%;
  bottom: 25%;
  width: 10%;
  left: 45%;
}
section.faqs .container .faqwrapper .accordion-item .tab-title .openclose .status span:last-child {
  left: 25%;
  right: 25%;
  height: 10%;
  top: 45%;
}
@media (max-width: 1279px) {
  section.faqs .container .faqwrapper .accordion-item .tab-title .openclose {
    margin: 0;
  }
}
@media (max-width: 767px) {
  section.faqs .container .faqwrapper .accordion-item .tab-title .openclose {
    right: 0;
    padding: 5px;
    bottom: unset;
    margin-top: 0;
    max-height: 100px;
    max-width: 80px;
  }
}
section.faqs .container .faqwrapper .accordion-item .tab-content .text {
  font-size: 19px;
  line-height: 38px;
}
section.faqs .container .faqwrapper .accordion-item.active .tab-title .openclose .status span {
  transform: rotate(90deg);
  background: #fff;
}
section.faqs .container .faqwrapper .accordion-item.active .tab-title .openclose .status span:last-child {
  left: 50%;
  right: 50%;
}
section.comparison-table .container {
  flex-direction: column;
}
section.comparison-table .container .table {
  max-width: 915px;
  margin: 50px auto;
}
section.comparison-table .container .table .row {
  width: 100%;
  display: flex;
  font-size: 18px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  section.comparison-table .container .table .row {
    flex-direction: column;
  }
}
section.comparison-table .container .table .row .column1, section.comparison-table .container .table .row .column2 {
  padding: 30px 30px 30px 50px;
  width: 50%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1023px) {
  section.comparison-table .container .table .row .column1, section.comparison-table .container .table .row .column2 {
    width: 100%;
  }
}
section.comparison-table .container .table .row.header {
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 1023px) {
  section.comparison-table .container .table .row.header {
    display: none;
  }
}
section.comparison-table .container .table .row.header .column1 {
  color: #000000;
  background: #fff;
  border-bottom: none;
  padding-top: 50px;
}
section.comparison-table .container .table .row.header .column2 {
  color: #F6EB44;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 50px 50px 30px;
}
section.comparison-table .container .table .row.header .column2:after {
  display: none;
}
@media (max-width: 1023px) {
  section.comparison-table .container .table .row.footer {
    display: none;
  }
}
section.comparison-table .container .table .row.footer .column1 {
  background: #fff;
  border-bottom-left-radius: 20px;
  border-bottom: none;
  padding: 10px;
}
section.comparison-table .container .table .row.footer .column2 {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 10px 10px 10px 45px;
}
section.comparison-table .container .table .row.footer .column2:after {
  display: none;
}
section.comparison-table .container .table .row:nth-child(2) .column1 {
  border-top-left-radius: 20px;
}
@media (max-width: 1023px) {
  section.comparison-table .container .table .row:nth-child(2) .column1 {
    border-top-right-radius: 20px;
  }
}
section.comparison-table .container .table .row:nth-last-child(2) .column1 {
  border-bottom-left-radius: 20px;
  border-bottom: none;
}
@media (max-width: 1023px) {
  section.comparison-table .container .table .row:nth-last-child(2) .column1 {
    border-bottom-left-radius: unset;
  }
}
@media (max-width: 1023px) {
  section.comparison-table .container .table .row:nth-last-child(2) .column2 {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
section.comparison-table .container .table .row .column1 {
  background: #F4F4F4;
  border-bottom: 1px solid #BDBDBD;
  padding: 30px 50px;
}
section.comparison-table .container .table .row .column2 {
  background: #000000;
  color: #fff;
  padding: 30px 30px 30px 95px;
}
section.comparison-table .container .table .row .column2:after {
  content: "";
  display: block;
  position: absolute;
  left: 40px;
  top: 30px;
  width: 45px;
  height: 33px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42.242' height='33.329' viewBox='0 0 42.242 33.329'%3E%3Cpath id='Path_4417' data-name='Path 4417' d='M36.124,0,15.03,21.094l-8.913-8.86L0,18.352,15.03,33.329,42.241,6.117Z' transform='translate(0 0)' fill='%23d0f785'/%3E%3C/svg%3E%0A") no-repeat center center/contain;
}
@media (max-width: 1023px) {
  section.comparison-table .container .table .row .column2:after {
    left: 50px;
    top: 22px;
    width: 35px;
    height: 35px;
  }
}

section.hero.privacy {
  padding-bottom: 100px;
}

section.content.privacy {
  padding: 100px 0;
}
section.content.privacy .container {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  font-size: 1rem;
}
section.content.privacy .container h2 {
  margin: 30px 0px 20px;
  font-size: 3rem;
}
section.content.privacy .container p, section.content.privacy .container li {
  font-size: 1rem;
  margin: 10px 0;
}

body.page-humanology-for-good {
  /** Box Model  */
}
body.page-humanology-for-good h1, body.page-humanology-for-good h2, body.page-humanology-for-good h3 {
  font-family: "Radikal", Arial, sans-serif;
}
body.page-humanology-for-good .container {
  width: calc(100% - 40px);
  max-width: 1400px;
  margin: 0 auto;
  padding-left: unset;
  padding-right: unset;
}
body.page-humanology-for-good section form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin: 50px auto 0;
}
body.page-humanology-for-good section form .fieldgroup {
  width: calc(50% - 10px);
  margin-bottom: 30px;
}
body.page-humanology-for-good section form .fieldgroup.fullwidth {
  width: 100%;
}
body.page-humanology-for-good section form .fieldgroup.fileupload {
  margin-bottom: 20px;
}
body.page-humanology-for-good section form .fieldgroup.submit {
  text-align: center;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section form .fieldgroup {
    width: 100%;
  }
}
body.page-humanology-for-good section form .fieldgroup.casl {
  margin-top: 50px;
}
body.page-humanology-for-good section form .fieldgroup.casl a {
  text-decoration: none;
  color: #003043;
}
body.page-humanology-for-good section form .fieldgroup.submit {
  margin-top: 30px;
  display: inline-block;
  margin: 30px auto;
  width: unset;
}
body.page-humanology-for-good section form .fieldgroup.submit.uploading {
  position: relative;
  width: auto;
}
body.page-humanology-for-good section form .fieldgroup.submit.uploading:before {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  content: "";
}
body.page-humanology-for-good section form .fieldgroup.submit.uploading:after {
  content: "";
  margin: auto;
  border: 10px solid #EAF0F6;
  border-radius: 50%;
  border-top: 10px solid #B2DBED;
  animation: spinner 4s linear infinite;
  position: absolute;
  top: 25%;
  left: 40%;
  transform: translateX(-50%) translateY(-50%);
  width: 20px;
  height: 20px;
}
body.page-humanology-for-good section form .uploadmessage {
  display: none;
  width: 100%;
}
body.page-humanology-for-good section form label {
  margin-bottom: 10px;
  color: #003043;
  font-size: 18px;
  line-height: 33px;
  display: block;
}
body.page-humanology-for-good section form label.error {
  color: #EB586B;
}
body.page-humanology-for-good section form input[type=text], body.page-humanology-for-good section form input[type=email], body.page-humanology-for-good section form select {
  font-size: 18px;
  line-height: 19px;
  padding: 0 20px;
  background: #fff;
  color: #000;
}
body.page-humanology-for-good section form textarea {
  font-family: sans-serif;
  font-size: 18px;
  line-height: 19px;
  padding: 20px;
  background: #fff;
  color: #000;
}
body.page-humanology-for-good section form input[type=text] {
  appearance: none;
  border: none;
  height: 80px;
  width: 100%;
}
body.page-humanology-for-good section form select {
  appearance: none;
  border: none;
  height: 80px;
  width: 50%;
  outline: none;
  color: #000;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.31' height='8.069' viewBox='0 0 13.31 8.069'%3E%3Cpath id='Path_2672' data-name='Path 2672' d='M-9645-575l5.948,5.948L-9645-563.1' transform='translate(-562.397 9645.707) rotate(90)' fill='none' stroke='%23003043' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat right 20px center/20px;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section form select {
    width: 100%;
  }
}
body.page-humanology-for-good section form input[type=submit] {
  font-family: "Radikal", Arial, sans-serif;
  border: none;
  background: #003043;
  color: #fff;
  padding: 35px 60px 30px;
  font-size: 25px;
  line-height: 16px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section form input[type=submit] {
    padding: 20px 40px 15px;
    font-size: 18px;
    line-height: 33px;
  }
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body.page-humanology-for-good section form input[type=file] {
  appearance: none;
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}
body.page-humanology-for-good section form .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body.page-humanology-for-good section form .inputfile {
    width: auto;
    height: auto;
    opacity: 1;
    overflow: auto;
    position: relative;
    z-index: 0;
  }
}
body.page-humanology-for-good section form .inputfile + label {
  color: #003043;
  display: inline-block;
  margin-top: 30px;
  text-decoration: underline;
  border: 3px solid #fff;
  position: relative;
  border-radius: 5px;
  padding: 0px 25px;
  display: flex;
  flex-direction: column;
  height: 170px;
  min-width: 250px;
  width: auto;
  text-align: center;
  justify-content: center;
  text-decoration: none;
}
body.page-humanology-for-good section form .inputfile + label .small {
  font-size: 14px;
}
body.page-humanology-for-good section form .inputfile + label.error {
  color: #EB586B;
}
body.page-humanology-for-good section form .inputfile:focus + label,
body.page-humanology-for-good section form .inputfile + label:hover {
  cursor: pointer;
  background-color: #fff;
}
body.page-humanology-for-good section form .inputfile + label {
  cursor: pointer;
}
body.page-humanology-for-good section form .inputfile:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
body.page-humanology-for-good section form textarea {
  appearance: none;
  border: none;
  min-height: 170px;
  width: 100%;
}
body.page-humanology-for-good section form .checkboxcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1.375rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section form .checkboxcontainer {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
body.page-humanology-for-good section form .checkboxcontainer span {
  display: block;
  margin-bottom: 10px;
}
body.page-humanology-for-good section form .checkboxcontainer span.fineprint {
  font-size: 14px;
  line-height: 20px;
  color: #003043;
}
body.page-humanology-for-good section form .checkboxcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
body.page-humanology-for-good section form .checkboxcontainer input:checked ~ .checkmark:after {
  display: block;
}
body.page-humanology-for-good section form .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #fff;
}
body.page-humanology-for-good section form .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #003043;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.page-humanology-for-good section#header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 200px;
  background: #fff;
}
body.page-humanology-for-good section#header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#header .container {
    flex-direction: column;
    align-items: flex-start;
  }
}
body.page-humanology-for-good section#header .copy {
  max-width: 700px;
  padding-right: 50px;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#header .copy {
    max-width: 100%;
    width: 100%;
    margin-left: unset;
  }
}
body.page-humanology-for-good section#header .copy h1 {
  font-size: 110px;
  line-height: 104px;
  color: #EB586B;
  margin-bottom: 30px;
  padding-right: 50px;
  font-weight: 700;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#header .copy h1 {
    font-size: 45px;
    line-height: 50px;
    padding-right: 0;
  }
}
body.page-humanology-for-good section#header .copy p {
  font-size: 18px;
  line-height: 33px;
  max-width: 430px;
  display: block;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#header .copy p {
    font-size: 18px;
    line-height: 31px;
    max-width: unset;
  }
}
@media (max-width: 1279px) {
  body.page-humanology-for-good section#header .copy {
    padding: 0;
  }
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#header .copy {
    max-width: 100%;
  }
}
body.page-humanology-for-good section#header .image {
  border-top-left-radius: 85px;
  min-height: 735px;
  max-width: 600px;
  height: 735px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
body.page-humanology-for-good section#header .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#header .image {
    width: 100%;
    height: 435px;
    min-height: 435px;
    margin-top: 50px;
    border-top-left-radius: 40px;
  }
  body.page-humanology-for-good section#header .image .play {
    height: 100%;
  }
}
@media (max-width: 767px) {
  body.page-humanology-for-good section#header .image {
    height: 360px;
    min-height: 360px;
  }
}
body.page-humanology-for-good section#cause {
  padding: 100px 0;
  text-align: center;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#cause {
    text-align: left;
  }
}
body.page-humanology-for-good section#cause .container .title {
  width: 100%;
}
body.page-humanology-for-good section#cause .container .title h2 {
  text-align: center;
  margin: 40px auto;
  font-size: 62px;
  line-height: 57px;
  color: #EB586B;
  font-weight: 700;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#cause .container .title h2 {
    font-size: 36px;
    line-height: 45px;
    text-align: left;
  }
}
body.page-humanology-for-good section#cause .text {
  font-size: 18px;
  line-height: 33px;
  max-width: 950px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#cause .text {
    font-size: 18px;
    line-height: 31px;
  }
}
body.page-humanology-for-good section#cause .graphics {
  position: relative;
  margin-top: 100px;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
body.page-humanology-for-good section#cause .graphics .container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  text-align: left;
}
body.page-humanology-for-good section#cause .graphics .hfglogo {
  max-height: 445px;
  max-width: 365px;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#cause .graphics .hfglogo {
    max-height: 300px;
    height: 300px;
    margin-bottom: 30px;
  }
  body.page-humanology-for-good section#cause .graphics .hfglogo img {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
}
body.page-humanology-for-good section#cause .graphics .hfggraphic {
  z-index: -1;
  position: absolute;
  right: 0;
  top: 80px;
  max-width: 80%;
  width: 80%;
  height: 100%;
  border-bottom-left-radius: 85px;
  overflow: hidden;
}
body.page-humanology-for-good section#cause .graphics .hfggraphic img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#cause .graphics .hfggraphic {
    top: 0;
    position: relative;
    max-width: 100%;
    width: 100%;
    border-bottom-left-radius: 45px;
  }
}
body.page-humanology-for-good section#prize {
  background: rgb(235, 235, 234) 0%;
  background-image: url("/wp-content/themes/jankelley/assets/images/clouds.jpg"); /* fallback */
  background-image: url("/wp-content/themes/jankelley/assets/images/clouds.jpg"), linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 70%, rgb(235, 235, 234) 70%, rgb(235, 235, 234) 100%);
  background-repeat: no-repeat;
  background-position: center bottom 300px;
  background-size: contain;
  padding: 200px 0;
}
@media (max-width: 1279px) {
  body.page-humanology-for-good section#prize {
    padding: 100px 0px;
  }
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#prize {
    padding: 50px 0px;
    background-size: cover;
  }
}
body.page-humanology-for-good section#prize h2 {
  font-weight: bold;
  font-size: 62px;
  line-height: 57px;
  color: #EB586B;
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#prize h2 {
    font-size: 36px;
    line-height: 45px;
    text-align: left;
  }
}
body.page-humanology-for-good section#prize .text {
  width: 100%;
  text-align: center;
}
body.page-humanology-for-good section#prize p {
  font-size: 18px;
  line-height: 33px;
  max-width: 950px;
  margin: 30px auto;
  text-align: center;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#prize p {
    font-size: 18px;
    line-height: 31px;
    text-align: left;
  }
}
body.page-humanology-for-good section#prize .project .image {
  height: 300px;
}
body.page-humanology-for-good section#prize .project p {
  text-align: left;
}
body.page-humanology-for-good section#prize .project p.campaign {
  margin: 10px 0 0;
}
body.page-humanology-for-good section#prize .recipient {
  margin-top: 100px;
}
body.page-humanology-for-good section#prize .container {
  justify-content: center;
}
body.page-humanology-for-good section#prize .container p {
  text-align: left;
}
body.page-humanology-for-good section#prize .boxes {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#prize .boxes {
    flex-direction: column;
  }
}
body.page-humanology-for-good section#prize .boxes .box {
  background: #fff;
  border: 20px solid #EB586B;
  padding: 30px 30px;
  width: 30%;
  max-width: 375px;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#prize .boxes .box {
    width: 100%;
    margin: 15px auto;
  }
}
body.page-humanology-for-good section#prize .boxes .box h3 {
  font-weight: bold;
  font-size: 40px;
  line-height: 48px;
  color: #EB586B;
  text-align: left;
  margin: 40px 0;
}
body.page-humanology-for-good section#prize .boxes .box p {
  text-align: left;
}
body.page-humanology-for-good section#recipient {
  margin: 100px 0;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#recipient {
    margin: 50px 0;
  }
}
body.page-humanology-for-good section#recipient .container {
  position: relative;
  max-width: 1000px;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#recipient .container {
    padding: 0;
    width: 100%;
    margin: 0;
  }
}
body.page-humanology-for-good section#recipient .container .logo {
  position: absolute;
  width: 170px;
  height: 170px;
  background: #fff;
  border-radius: 85px;
  border: 1px solid #E7E7E9;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 10%;
  left: -85px;
}
body.page-humanology-for-good section#recipient .container .logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#recipient .container .logo {
    position: relative;
    top: 50px;
    left: unset;
    right: 0;
  }
}
body.page-humanology-for-good section#recipient .container .image {
  width: 50%;
  border-top-right-radius: 80px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#recipient .container .image {
    width: 100%;
  }
}
body.page-humanology-for-good section#recipient .container .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
body.page-humanology-for-good section#recipient .container .content {
  background: #B2DBED;
  padding: 50px 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 60%;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#recipient .container .content {
    position: relative;
    width: 100%;
    top: unset;
    right: unset;
    transform: unset;
  }
}
body.page-humanology-for-good section#recipient .container .content .title h2 {
  font-family: "Radikal", Arial, sans-serif;
  text-align: left;
  font-size: 40px;
  line-height: 48px;
  color: #003043;
  margin-bottom: 10px;
}
body.page-humanology-for-good section#recipient .container .content .text p {
  margin: 0;
  text-align: left;
  font-size: 18px;
  line-height: 27px;
  color: #003043;
}
body.page-humanology-for-good section#video {
  background: rgb(235, 235, 234) 0%;
  padding: 75px 125px 125px;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#video {
    padding: 20px 0 50px;
  }
}
body.page-humanology-for-good section#video .container {
  display: flex;
  justify-content: center;
  width: calc(100% - 40px);
  max-width: 1100px;
  margin: 0 auto;
}
body.page-humanology-for-good section#video .container .play {
  width: 100%;
  height: 100%;
  max-width: 1100px;
  display: inline-block;
  overflow: hidden;
}
body.page-humanology-for-good section#video .container .play:hover {
  cursor: pointer;
}
body.page-humanology-for-good section#video .container .play img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
body.page-humanology-for-good section#video .container .play img.curve.tl {
  object-fit: contain;
  border-top-left-radius: 80px;
}
body.page-humanology-for-good section#howtoapply {
  background: linear-gradient(180deg, rgb(235, 235, 234) 0%, rgb(235, 235, 234) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
  position: relative;
}
body.page-humanology-for-good section#howtoapply .contentwrap {
  background: #B2DBED;
  border-top-right-radius: 85px;
  max-width: 75%;
  position: relative;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#howtoapply .contentwrap {
    max-width: 100%;
  }
}
body.page-humanology-for-good section#howtoapply .container {
  display: flex;
  height: 100%;
  padding: 50px 0;
  margin-bottom: 150px;
  background: #B2DBED;
  border-top-right-radius: 85px;
  max-width: 1000px;
}
@media (max-width: 1279px) {
  body.page-humanology-for-good section#howtoapply .container {
    padding: 50px 0px;
    margin-bottom: 0;
  }
}
body.page-humanology-for-good section#howtoapply .container .content {
  width: 60%;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#howtoapply .container .content {
    width: 100%;
  }
}
body.page-humanology-for-good section#howtoapply .container .content h2 {
  font-weight: bold;
  color: #003043;
  font-size: 62px;
  line-height: 57px;
  margin: 50px 0;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#howtoapply .container .content h2 {
    font-size: 36px;
    line-height: 45px;
  }
}
body.page-humanology-for-good section#howtoapply .container .content p {
  color: #003043;
  font-size: 18px;
  line-height: 33px;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#howtoapply .container .content p {
    font-size: 18px;
    line-height: 31px;
  }
}
body.page-humanology-for-good section#howtoapply .container .content .btn {
  font-family: "Radikal", "Arial", sans-serif;
  display: inline-block;
  margin-top: 50px;
  background: #fff;
  color: #003043;
  font-weight: 700;
  padding: 20px 45px;
  text-decoration: none;
  border: none;
  font-weight: bold;
}
body.page-humanology-for-good section#howtoapply .container .content .btn a {
  font-weight: bold;
}
@media (max-width: 767px) {
  body.page-humanology-for-good section#howtoapply .container .content .btn {
    display: block;
    text-align: center;
    padding: 10px;
  }
}
body.page-humanology-for-good section#howtoapply .container .sun {
  width: 40%;
  max-width: 315px;
  margin: -40px auto 0;
}
body.page-humanology-for-good section#howtoapply .container .sun img {
  object-fit: contain;
  width: 100%;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#howtoapply .container .sun {
    display: none;
  }
}
body.page-humanology-for-good section#howtoapply .videobox {
  position: absolute;
  left: 50%;
  top: 20%;
  max-height: 675px;
  z-index: 2;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#howtoapply .videobox {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
  }
}
body.page-humanology-for-good section#howtoapply .videobox img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 675px;
}
body.page-humanology-for-good section#howtoapply .videobox .caption {
  z-index: 1;
  padding: 20px 50px;
  background: #fff;
  color: #EB586B;
  position: absolute;
  right: 0;
  top: 0;
  border-bottom-left-radius: 30px;
  font-size: 18px;
  font-weight: 700;
}
body.page-humanology-for-good section#faq {
  padding: 100px 0;
}
@media (max-width: 1279px) {
  body.page-humanology-for-good section#faq {
    padding: 100px 20px;
  }
}
body.page-humanology-for-good section#faq .container {
  flex-direction: column;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#faq .container {
    margin: 0;
    width: 100%;
  }
}
body.page-humanology-for-good section#faq h2 {
  font-size: 62px;
  line-height: 57px;
  text-align: center;
  color: #EB586B;
  margin: 50px;
  font-weight: bold;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#faq h2 {
    font-size: 36px;
    line-height: 45px;
  }
}
body.page-humanology-for-good section#faq .hiddenfaqs {
  display: none;
}
body.page-humanology-for-good section#faq .hiddenfaqs.show {
  display: block;
}
body.page-humanology-for-good section#faq .showall {
  text-align: center;
  padding: 50px 0;
}
body.page-humanology-for-good section#faq .showall a {
  color: #fff;
  margin: 0 auto;
  padding: 20px 45px;
  background: #003043;
  text-decoration: none;
}
body.page-humanology-for-good section#faq .showall a:focus {
  outline: 4px solid #EB586B;
}
body.page-humanology-for-good section#faq .downloadfaq {
  display: flex;
  margin: 15px auto 50px;
  align-items: center;
}
body.page-humanology-for-good section#faq .downloadfaq a {
  display: flex;
  align-items: center;
  margin: 0 auto;
  color: #003043;
  text-align: center;
}
body.page-humanology-for-good section#faq .downloadfaq a:after {
  content: "";
  width: 20px;
  height: 20px;
  position: relative;
  margin-left: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19.417' height='19.382' viewBox='0 0 19.417 19.382'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1756' data-name='Rectangle 1756' width='19.417' height='19.382' transform='translate(0 0)' fill='%23003043'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_1946' data-name='Group 1946' transform='translate(0 -0.003)'%3E%3Cg id='Group_1945' data-name='Group 1945' transform='translate(0 0.003)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_424' data-name='Path 424' d='M278.99,7.045H275.6l5.249,6.921,5.249-7h-3.437V0H278.99Z' transform='translate(-271.136 -0.003)' fill='%23003043'/%3E%3Cpath id='Path_425' data-name='Path 425' d='M.019,729.533h1.71c0,1.475.06,2.895-.019,4.307-.061,1.092.22,1.524,1.423,1.5,4.425-.07,8.851-.056,13.277,0,1.049.013,1.368-.339,1.323-1.345-.066-1.461-.017-2.926-.017-4.456h1.667c0,1.966.1,3.946-.04,5.909a1.858,1.858,0,0,1-2.05,1.637c-5.076.028-10.153.038-15.229-.006A1.911,1.911,0,0,1,.039,735.12c-.074-1.813-.019-3.631-.019-5.586Z' transform='translate(0 -717.729)' fill='%23003043'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center/contain;
}
body.page-humanology-for-good section#faq .accordion-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-top: 1px solid #B2DBED;
}
body.page-humanology-for-good section#faq .accordion-item:last-child {
  border-bottom: 1px solid #B2DBED;
}
@media (max-width: 1279px) {
  body.page-humanology-for-good section#faq .accordion-item {
    padding: 30px 0;
  }
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#faq .accordion-item {
    padding: 0;
  }
}
body.page-humanology-for-good section#faq .accordion-item .tab-title {
  position: relative;
}
@media (max-width: 767px) {
  body.page-humanology-for-good section#faq .accordion-item .tab-title {
    max-width: 100%;
    padding-right: 80px;
  }
}
body.page-humanology-for-good section#faq .accordion-item .tab-title:hover {
  cursor: pointer;
}
body.page-humanology-for-good section#faq .accordion-item .tab-title:hover .openclose .status {
  color: #EB586B;
}
body.page-humanology-for-good section#faq .accordion-item .tab-title:hover .openclose .status span {
  background: #EB586B;
}
body.page-humanology-for-good section#faq .accordion-item .tab-title .openclose {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Create the "+" shape by positioning the spans absolutely */
}
body.page-humanology-for-good section#faq .accordion-item .tab-title .openclose .status {
  color: #EB586B;
  width: 50px;
  height: 50px;
  border: 0;
  font-size: 1.5em;
  position: relative;
  transition: all 0.5s;
}
body.page-humanology-for-good section#faq .accordion-item .tab-title .openclose .status span {
  position: absolute;
  transition: 300ms;
  background: #A5A4A2;
  border-radius: 2px;
}
body.page-humanology-for-good section#faq .accordion-item .tab-title .openclose .status span:first-child {
  top: 25%;
  bottom: 25%;
  width: 10%;
  left: 45%;
}
body.page-humanology-for-good section#faq .accordion-item .tab-title .openclose .status span:last-child {
  left: 25%;
  right: 25%;
  height: 10%;
  top: 45%;
}
@media (max-width: 1279px) {
  body.page-humanology-for-good section#faq .accordion-item .tab-title .openclose {
    margin: 0;
  }
}
@media (max-width: 767px) {
  body.page-humanology-for-good section#faq .accordion-item .tab-title .openclose {
    right: 0;
    padding: 5px;
    bottom: unset;
    margin-top: 0;
    max-height: 100px;
    max-width: 80px;
  }
}
body.page-humanology-for-good section#faq .accordion-item .tab-title .accordion-title span.question {
  display: inline-block;
  width: 100%;
  max-width: 100%;
}
body.page-humanology-for-good section#faq .accordion-item .tab-title .accordion-title span.question h3 {
  font-size: 26px;
  line-height: 28px;
  font-weight: 700;
  width: 80%;
  max-width: unset;
  color: #003043;
  margin: 0;
  text-transform: none;
  padding: 30px 0;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#faq .accordion-item .tab-title .accordion-title span.question h3 {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  body.page-humanology-for-good section#faq .accordion-item .tab-title .accordion-title span.question h3 {
    font-size: 20px;
    line-height: 1.5rem;
    letter-spacing: 0.2rem;
    width: 100%;
  }
}
body.page-humanology-for-good section#faq .accordion-item .tab-content {
  border-top: none;
  font-size: 18px;
  line-height: 33px;
  padding-top: 0px;
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}
@media (max-width: 767px) {
  body.page-humanology-for-good section#faq .accordion-item .tab-content {
    padding-top: 10px;
    flex-direction: column;
  }
}
body.page-humanology-for-good section#faq .accordion-item .tab-content .image {
  position: relative;
  display: inline-block;
  padding-right: 50px;
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  body.page-humanology-for-good section#faq .accordion-item .tab-content .image {
    padding: 20px;
    max-height: 200px;
  }
}
body.page-humanology-for-good section#faq .accordion-item .tab-content .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  body.page-humanology-for-good section#faq .accordion-item .tab-content .image img {
    max-height: 200px;
  }
}
body.page-humanology-for-good section#faq .accordion-item .tab-content .text {
  width: 100%;
}
body.page-humanology-for-good section#faq .accordion-item .tab-content .text p {
  max-width: 80%;
  font-size: 18px;
  line-height: 33px;
}
@media (max-width: 1279px) {
  body.page-humanology-for-good section#faq .accordion-item .tab-content .text p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  body.page-humanology-for-good section#faq .accordion-item .tab-content .text p {
    font-size: 1rem;
    line-height: 1.3rem;
    max-width: 100%;
  }
}
body.page-humanology-for-good section#faq .accordion-item .tab-content .text p a {
  color: #EB586B;
  text-decoration: none;
}
body.page-humanology-for-good section#faq .accordion-item.active .tab-title .openclose .status span {
  transform: rotate(90deg);
  background: #EB586B;
}
body.page-humanology-for-good section#faq .accordion-item.active .tab-title .openclose .status span:last-child {
  left: 50%;
  right: 50%;
}
body.page-humanology-for-good section#submissionform {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  background: #B2DBED;
  margin-top: 200px;
  padding: 130px 0 150px;
}
@media (max-width: 1279px) {
  body.page-humanology-for-good section#submissionform {
    padding: 130px 30px 150px;
  }
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#submissionform {
    margin-top: 50px;
    padding: 80px 20px 50px;
  }
}
body.page-humanology-for-good section#submissionform .container {
  margin: 0 auto;
  width: 100%;
  flex-direction: column;
}
body.page-humanology-for-good section#submissionform .groupphoto {
  border-radius: 20px;
  width: 100%;
  max-width: 825px;
  margin: -350px auto 100px;
  overflow: hidden;
}
body.page-humanology-for-good section#submissionform .groupphoto img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#submissionform .groupphoto {
    margin: -35vw auto 10vw;
    border-top-left-radius: 45px;
  }
}
body.page-humanology-for-good section#submissionform h2 {
  font-size: 62px;
  line-height: 57px;
  text-align: center;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  margin: 40px auto;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#submissionform h2 {
    font-size: 36px;
    line-height: 45px;
    text-align: left;
  }
}
body.page-humanology-for-good section#submissionform h3 {
  font-weight: bold;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#submissionform h3 {
    font-size: 30px;
    line-height: 40px;
    text-align: left;
  }
}
body.page-humanology-for-good section#submissionform p {
  font-size: 18px;
  line-height: 33px;
  text-align: center;
  max-width: 850px;
  margin: 20px auto;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#submissionform p {
    font-size: 18px;
    line-height: 31px;
    text-align: left;
  }
}
body.page-humanology-for-good section#submissionform .thankyou {
  text-align: center;
}
body.page-humanology-for-good section#submissionform .thankyou h4 {
  text-align: center;
}
body.page-humanology-for-good section#stayinformed {
  background: #fff;
  background-image: url("../images/clouds.jpg"); /* fallback */
  background-image: url("../images/clouds.jpg"), linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(235, 235, 234) 50%, rgb(235, 235, 234) 100%);
  background-repeat: no-repeat;
  background-position: center bottom -250px;
  background-size: 100%;
  padding: 100px 0 120px;
}
@media (max-width: 1279px) {
  body.page-humanology-for-good section#stayinformed {
    padding: 100px 20px;
  }
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#stayinformed {
    padding: 50px 20px;
    background-size: cover;
  }
}
body.page-humanology-for-good section#stayinformed .container {
  flex-direction: column;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#stayinformed .container {
    width: 100%;
  }
}
body.page-humanology-for-good section#stayinformed .container .icon {
  width: 85px;
  height: 85px;
  margin: 30px auto;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='85.26' height='85.26' viewBox='0 0 85.26 85.26'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1758' data-name='Rectangle 1758' width='45.259' height='33.025' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Email_Icon' transform='translate(-1364 -694)'%3E%3Cpath id='Path_423' data-name='Path 423' d='M42.63,0A42.63,42.63,0,1,1,0,42.63,42.63,42.63,0,0,1,42.63,0Z' transform='translate(1364 694)' fill='%23eb586b'/%3E%3Cg id='Group_1951' data-name='Group 1951' transform='translate(1384 720.117)'%3E%3Cg id='Group_1950' data-name='Group 1950' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_426' data-name='Path 426' d='M20.2,20.85a4.262,4.262,0,0,0,4.868,0L45.26,6.723V3.314A3.315,3.315,0,0,0,41.946,0H3.314A3.315,3.315,0,0,0,0,3.314V6.723Z' transform='translate(0 0)' fill='%23fff'/%3E%3Cpath id='Path_427' data-name='Path 427' d='M35.147,17.944,47.7,32.074a3.278,3.278,0,0,0,.449-1.635V8.851Z' transform='translate(-2.888 -0.728)' fill='%23fff'/%3E%3Cpath id='Path_428' data-name='Path 428' d='M31.42,19.479,25.829,23.39a5.411,5.411,0,0,1-6.183,0l-5.591-3.91L1.3,33.842a3.281,3.281,0,0,0,2.117.784H42.053a3.287,3.287,0,0,0,2.123-.788Z' transform='translate(-0.107 -1.601)' fill='%23fff'/%3E%3Cpath id='Path_429' data-name='Path 429' d='M0,8.851V30.439a3.284,3.284,0,0,0,.452,1.642L13,17.945Z' transform='translate(0 -0.728)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center/contain;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#stayinformed .container .icon {
    margin: 0;
  }
}
body.page-humanology-for-good section#stayinformed .container h2 {
  font-weight: bold;
  text-align: center;
  color: #EB586B;
  font-size: 62px;
  line-height: 91px;
  margin: 30px auto;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#stayinformed .container h2 {
    font-size: 36px;
    line-height: 29px;
    text-align: left;
  }
}
body.page-humanology-for-good section#stayinformed .container h3 {
  margin: 30px auto;
  text-align: center;
  font-size: 36px;
  line-height: 29px;
  font-weight: bold;
  margin: 40px auto;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#stayinformed .container h3 {
    text-align: left;
  }
}
body.page-humanology-for-good section#stayinformed .container p {
  text-align: center;
  font-size: 18px;
  line-height: 27px;
  max-width: 715px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  body.page-humanology-for-good section#stayinformed .container p {
    text-align: left;
    max-width: unset;
  }
}
body.page-humanology-for-good section#stayinformed .container a.btn {
  margin: 30px auto;
}
body.page-humanology-for-good section#stayinformed .container form {
  max-width: 1200px;
  margin: 50px auto 0;
}
body.page-humanology-for-good section#stayinformed .container form input {
  border: 1px solid #8F8F8F;
}
body.page-humanology-for-good section#stayinformed .container form input[type=submit] {
  margin: 0 auto;
  padding: 20px 60px;
  font-size: 18px;
  line-height: 19px;
}
body.page-humanology-for-good section#stayinformed .container form .checkmark {
  border: 1px solid #8F8F8F;
}
body.page-humanology-for-good section#legal {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  background: #000000;
  padding: 50px 0 0;
}
body.page-humanology-for-good section#legal p, body.page-humanology-for-good section#legal ul, body.page-humanology-for-good section#legal li {
  color: #fff;
}
body.page-humanology-for-good footer {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}
body.page-humanology-for-good footer .legal {
  padding: 40px 0;
  margin-top: 75px;
  border-top: 1px solid #fff;
  font-size: 14px;
  line-height: 20px;
}
body.page-humanology-for-good footer .legal ul, body.page-humanology-for-good footer .legal ol {
  margin: 0 0 0 18px;
  padding: 0;
}
body.digitalexperience {
  font-size: 1.1875rem;
  line-height: 2.125rem;
  overflow-x: clip;
}
body.digitalexperience #ballsinholes {
  position: absolute;
}
body.digitalexperience form span.checkmark {
  border: 1px solid #000000;
}
body.digitalexperience form span.checkmark:after {
  border-color: #000000;
}
body.digitalexperience h3 {
  margin-bottom: 1.9375rem;
}
body.digitalexperience.home .hero {
  background: #000000;
  color: #fff;
  padding-bottom: 100px;
}
body.digitalexperience.home .hero .container {
  flex-direction: column;
}
body.digitalexperience.home .hero .container .headline {
  margin-bottom: 50px;
}
body.digitalexperience.contact footer {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
body.digitalexperience .hero .content__image {
  max-width: 330px;
  max-height: 230px;
  overflow: hidden;
}
body.digitalexperience .hero .image > div {
  display: flex;
}
body.digitalexperience .video .circle, body.digitalexperience .webdev .circle {
  top: -120px;
  left: -80px;
  z-index: 0;
}
body.digitalexperience .video .circle svg, body.digitalexperience .webdev .circle svg {
  height: 100%;
  width: 100%;
}
body.digitalexperience .video .circle circle, body.digitalexperience .webdev .circle circle {
  height: 100%;
  width: 100%;
  fill: #53C3C0;
  transform: scale(4);
}
body.digitalexperience .dxreel .circlediv {
  background: #EB586B;
  top: 30%;
  right: 0;
  z-index: 0;
}
body.digitalexperience .col-50 {
  width: 100%;
  margin-bottom: 30px;
  order: 1;
}
@media (max-width: 1023px) {
  body.digitalexperience .col-50 {
    order: 1;
  }
}
@media (min-width: 1025px) {
  body.digitalexperience .col-50 {
    width: 50%;
    margin-bottom: 0;
  }
}
@media (max-width: 1023px) {
  body.digitalexperience .col-50.squeeze {
    order: 1;
  }
}
body.digitalexperience .col-50:first-child.squeeze > p {
  max-width: 90%;
}
body.digitalexperience .col-50:last-child.squeeze {
  padding: 0 3rem 0 5rem;
}
@media (max-width: 1023px) {
  body.digitalexperience .col-50:last-child.squeeze {
    padding: 0;
  }
}
body.digitalexperience .col-50 p a {
  color: #EB586B;
  text-decoration: underline;
}
body.digitalexperience .col-50 ul {
  margin: 20px 0;
  padding: 0 0 0 15px;
  columns: 2;
  column-gap: 40px;
}
@media (max-width: 1023px) {
  body.digitalexperience .col-50 ul {
    columns: 1;
  }
}
body.digitalexperience header .nav.turtle .logo {
  height: 65px;
}
body.digitalexperience header .nav.turtle .logo a {
  height: 45px;
}
body.digitalexperience header .nav .logo {
  align-items: center;
  display: flex;
  transition: all 0.5s;
  width: unset;
}
@media (max-width: 1023px) {
  body.digitalexperience header .nav .logo {
    height: 45px;
  }
}
body.digitalexperience header .nav .logo a {
  transition: all 0.5s;
  height: 77px;
  display: flex;
  align-items: center;
  width: 100%;
  text-decoration: none;
}
@media (max-width: 1023px) {
  body.digitalexperience header .nav .logo a {
    height: 45px;
  }
}
body.digitalexperience header .nav .logo a .plus {
  font-family: "radikal-bold", sans-serif;
  font-size: 1.0625rem;
  display: inline-block;
  margin: 0 15px;
  color: #000000;
  text-decoration: none;
}
body.digitalexperience header .nav .logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
@media (max-width: 1023px) {
  body.digitalexperience header .nav .logo img {
    width: auto;
  }
}
body.digitalexperience header .nav .menu.jkcom {
  align-items: center;
}
body.digitalexperience header .nav .menu.jkcom li:nth-last-child(2) {
  display: table;
  color: #ffffff;
  text-decoration: none;
  transition: background 0.5s;
  border-radius: 40px;
  transition: all 0.5s;
}
body.digitalexperience header .nav .menu.jkcom li:nth-last-child(2):hover {
  background: transparent;
  cursor: pointer;
  color: #EB586B;
}
body.digitalexperience footer .container {
  align-items: flex-start;
}
body.digitalexperience footer .container .contactinfo {
  max-width: 175px;
  line-height: 1.5rem;
}
body.digitalexperience footer .container .rightmenu {
  align-self: flex-end;
}
body.digitalexperience form .fieldgroup.three {
  max-width: 32%;
  width: 100%;
}
@media (max-width: 1023px) {
  body.digitalexperience form .fieldgroup.three {
    max-width: 100%;
  }
}
body.digitalexperience section.connecting .container.copy {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
@media (max-width: 1023px) {
  body.digitalexperience section.connecting .container:first-child h2 {
    order: 2;
  }
  body.digitalexperience section.connecting .container:first-child .badge {
    order: 1;
  }
}
body.digitalexperience section.connecting h2 {
  font-size: 7vw;
  line-height: 1;
  margin-bottom: 4rem;
}
body.digitalexperience section.connecting h2 span {
  display: block;
  margin-left: 100px;
}
@media (max-width: 1023px) {
  body.digitalexperience section.connecting h2 span {
    margin-left: 0;
    display: inline;
  }
}
@media (max-width: 1023px) {
  body.digitalexperience section.connecting h2 {
    line-height: 8vw;
    width: 100%;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1281px) {
  body.digitalexperience section.connecting h2 {
    font-size: 6vw;
  }
}
@media (max-width: 767px) {
  body.digitalexperience section.connecting h2 {
    font-size: 3rem;
    line-height: 3.4375rem;
  }
}
body.digitalexperience section.connecting .copy {
  width: 100%;
  box-sizing: border-box;
  max-width: 980px;
  padding: 0;
  margin-left: 150px;
}
@media (max-width: 1023px) {
  body.digitalexperience section.connecting .copy {
    margin-left: unset;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
body.digitalexperience section.connecting .copy .col-50 {
  max-width: 440px;
}
body.digitalexperience section.connecting .copy .mr-40 {
  box-sizing: border-box;
  margin-right: 40px;
}
@media (max-width: 1023px) {
  body.digitalexperience section.connecting .copy .mr-40 {
    margin-right: 0px;
  }
}
body.digitalexperience section.connecting .graphics {
  margin: 0 0 80px 100px;
  position: absolute;
  right: 0;
  top: -150px;
  height: 100%;
  width: 20%;
  display: block;
}
@media (max-width: 1023px) {
  body.digitalexperience section.connecting .graphics {
    display: none;
  }
}
body.digitalexperience section.connecting .graphics .dxlogo {
  display: block;
  position: relative;
}
body.digitalexperience section.connecting .graphics .dxlogo .bb {
  position: absolute;
  display: block;
  fill: #53C3C0;
  width: 200px;
  height: 200px;
  top: 0;
  right: 0;
}
body.digitalexperience section.connecting .graphics .dxlogo .sb {
  position: absolute;
  display: block;
  fill: #53C3C0;
  width: 90px;
  height: 90px;
  top: 0;
  right: 0;
}
body.digitalexperience section.connecting .graphics .dxlogo .tb {
  position: absolute;
  display: block;
  fill: #53C3C0;
  width: 70px;
  height: 70px;
  top: 0;
  right: 0;
}
body.digitalexperience section.connecting .graphics .dxlogo .by {
  position: absolute;
  display: block;
  display: block;
  fill: #F6EB44 !important;
  width: 150px;
  height: 150px;
  top: 0;
  right: 0;
}
body.digitalexperience section.connecting .graphics .dxlogo .sy {
  position: absolute;
  display: block;
  fill: #F6EB44;
  width: 75px;
  height: 75px;
  top: 0;
  right: 0;
}
body.digitalexperience section.connecting .graphics .dxlogo .bc {
  position: absolute;
  display: block;
  fill: #EB586B;
  width: 150px;
  height: 150px;
  top: 0;
  right: 0;
}
body.digitalexperience section.connecting .graphics .dxlogo .sc {
  position: absolute;
  display: block;
  fill: #EB586B;
  width: 90px;
  height: 90px;
  top: 0;
  right: 0;
}
body.digitalexperience section.connecting .graphics .logo {
  position: absolute;
  width: 100%;
  height: 100%;
}
body.digitalexperience section.connecting .graphics .text {
  position: absolute;
  -webkit-animation: spin 25s linear infinite;
  -moz-animation: spin 25s linear infinite;
  animation: spin 25s linear infinite;
}
body.digitalexperience section.analysis {
  padding: 0 1.25rem 100px;
}
body.digitalexperience section.analysis .container {
  border: 5px solid #53C3C0;
  border-radius: 20px;
  background-color: #000;
  display: flex;
  flex-direction: column;
  color: #fff;
  padding: 90px 70px 40px;
  width: 100%;
}
@media (max-width: 1023px) {
  body.digitalexperience section.analysis .container {
    padding: 10px 30px 40px;
    border-width: 7px;
  }
}
body.digitalexperience section.analysis .container .content {
  max-width: 100%;
}
@media (max-width: 1023px) {
  body.digitalexperience section.analysis .container .content {
    max-width: 100%;
  }
}
body.digitalexperience section.analysis .container .content .header {
  display: flex;
}
@media (max-width: 1023px) {
  body.digitalexperience section.analysis .container .content .header {
    flex-direction: column;
  }
}
body.digitalexperience section.analysis .container .content .header .text {
  max-width: 80%;
}
@media (max-width: 1023px) {
  body.digitalexperience section.analysis .container .content .header .text {
    max-width: 100%;
    margin-bottom: 30px;
  }
}
body.digitalexperience section.analysis .container .content .header .text h3 {
  font-size: 4.8125rem;
  max-width: 700px;
  margin-bottom: 1.9375rem;
}
@media (min-width: 1025px) {
  body.digitalexperience section.analysis .container .content .header .text h3 {
    font-size: 4.8125rem;
  }
}
@media (max-width: 1023px) {
  body.digitalexperience section.analysis .container .content .header .text h3 {
    margin-top: 50px;
    font-size: 2.1875rem;
  }
}
body.digitalexperience section.analysis .container .content .header .text p {
  max-width: 80%;
  font-size: 1.1875rem;
  line-height: 2.0625rem;
}
@media (max-width: 1023px) {
  body.digitalexperience section.analysis .container .content .header .text p {
    max-width: 100%;
  }
}
body.digitalexperience section.analysis .container .content .image {
  display: block;
  width: 300px;
  min-width: 300px;
  min-height: 215px;
  height: 215px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: -30px;
  background: url(~/assets/images/GraphThing.svg) no-repeat center center/contain;
}
@media (max-width: 1023px) {
  body.digitalexperience section.analysis .container .content .image {
    margin: 0px auto;
    display: none;
  }
}
body.digitalexperience section.analysis .container .content form .checkmark {
  color: #fff;
  border-color: #fff;
}
body.digitalexperience section.analysis .container .content form .checkmark:after {
  border-color: #fff;
}
body.digitalexperience section.analysis .container .contactsuccess {
  text-align: left;
  font-size: 1.875rem;
  margin: 30px 0;
}
body.digitalexperience section.analysis .container form {
  max-width: unset;
}
body.digitalexperience section.analysis .container form .fieldgroupcontainer {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  body.digitalexperience section.analysis .container form .fieldgroupcontainer {
    flex-direction: column;
  }
}
body.digitalexperience section.analysis .container form a {
  color: #fff;
}
body.digitalexperience section.analysis .container form label {
  color: #fff;
}
body.digitalexperience section.analysis .container form input[type=text] {
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 3px 15px;
  min-height: 58px;
  color: #fff;
}
body.digitalexperience section.analysis .container form input[type=text]::placeholder {
  color: #7B7B7B;
  opacity: 1;
  display: none;
}
body.digitalexperience section.analysis .container form input[type=text]:-ms-input-placeholder {
  color: #fff;
}
body.digitalexperience section.analysis .container form input[type=text]::-ms-input-placeholder {
  color: #fff;
}
body.digitalexperience section.analysis .container form textarea {
  margin-top: 10px;
  border-radius: 20px;
  border: 1px solid #fff;
  color: #fff;
}
body.digitalexperience section.analysis .container form input[type=submit] {
  font-family: "radikal-bold", sans-serif;
  display: inline-block;
  padding: 10px 40px;
  background: #fff;
  color: #000000;
  border: solid 2px #000000;
  text-decoration: none;
  transition: background 0.5s;
  width: auto;
  border-radius: 40px;
}
body.digitalexperience section.analysis .container form input[type=submit]:hover {
  background: transparent;
  cursor: pointer;
  color: #EB586B;
}
body.digitalexperience section.analysis .container form .checkboxcontainer {
  font-size: 0.9375rem;
  line-height: 1.5625rem;
}
body.digitalexperience section.analysis .container form .checkboxcontainer span {
  color: #fff;
}
body.digitalexperience section.analysis .container form .checkboxcontainer span .checkmark {
  border: 1px solid #000000;
}
body.digitalexperience section.analysis .container form .checkboxcontainer .fineprint {
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-top: 30px;
  display: block;
  color: #fff;
}
body.digitalexperience section.dxportfolio {
  background: #fff;
}
body.digitalexperience section.dxportfolio.related .dxportfoliowrapper {
  justify-content: space-evenly;
}
body.digitalexperience section.dxportfolio .container {
  flex-direction: column;
}
body.digitalexperience section.dxportfolio h2 {
  text-align: center;
  width: 100%;
  display: block;
  color: #000000;
}
@media (max-width: 1023px) {
  body.digitalexperience section.dxportfolio h2 {
    text-align: left;
  }
}
body.digitalexperience section.dxportfolio p.text {
  max-width: 900px;
  margin: 50px auto;
  text-align: center;
  color: #fff;
}
@media (max-width: 1023px) {
  body.digitalexperience section.dxportfolio p.text {
    text-align: left;
  }
}
body.digitalexperience .dxportfoliowrapper {
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  width: 100%;
  margin-top: 90px;
}
@media (max-width: 1023px) {
  body.digitalexperience .dxportfoliowrapper {
    flex-direction: column;
    margin-top: 10px;
  }
}
body.digitalexperience .dxportfoliowrapper .project {
  position: relative;
  width: 32%;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  border-radius: 20px;
}
body.digitalexperience .dxportfoliowrapper .project.hidden {
  display: none;
}
@media (max-width: 1023px) {
  body.digitalexperience .dxportfoliowrapper .project {
    width: 100%;
    margin-bottom: 50px;
  }
}
body.digitalexperience .dxportfoliowrapper .project:nth-child(3n+2) {
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  body.digitalexperience .dxportfoliowrapper .project:nth-child(3n+2) {
    top: unset;
    margin-bottom: 50px;
  }
}
body.digitalexperience .dxportfoliowrapper .project .title {
  padding: 20px 0px 60px;
  color: #000000;
  flex: 1;
}
@media (max-width: 1023px) {
  body.digitalexperience .dxportfoliowrapper .project .title {
    padding: 40px 0px;
  }
}
body.digitalexperience .dxportfoliowrapper .project .title h3 {
  font-size: 2.5rem;
  margin: 0;
}
@media (max-width: 767px) {
  body.digitalexperience .dxportfoliowrapper .project .title h3 {
    font-size: 10vw;
  }
}
body.digitalexperience .dxportfoliowrapper .project .title p {
  font-size: 1.1875rem;
  line-height: 2.375rem;
}
body.digitalexperience .dxportfoliowrapper .project .title p.campaign {
  font-size: 1.4rem;
  line-height: 1.875rem;
  margin-top: 10px;
}
@media (max-width: 1023px) {
  body.digitalexperience .dxportfoliowrapper .project .title p.campaign {
    display: none;
  }
}
body.digitalexperience .dxportfoliowrapper .project .image {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 350px;
  overflow: hidden;
  max-height: 350px;
  border-radius: 20px;
}
@media (max-width: 1023px) {
  body.digitalexperience .dxportfoliowrapper .project .image {
    margin-bottom: 20px;
    max-height: 265px;
  }
}
body.digitalexperience .dxportfoliowrapper .project .image img {
  transform-origin: center;
  object-position: center;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
body.digitalexperience .dxportfoliowrapper #loadmore {
  flex: 1;
  width: 100%;
  margin-top: 150px;
  display: none;
}
@media (max-width: 1023px) {
  body.digitalexperience .dxportfoliowrapper #loadmore {
    margin-top: 50px;
  }
}
body.digitalexperience .dxportfoliowrapper .loadmore {
  display: table;
  margin: 0px auto;
  padding: 10px 40px;
  background: #fff;
  color: #000;
  border: solid 2px #fff;
  text-decoration: none;
  transition: background 0.5s;
}
body.digitalexperience .dxportfoliowrapper .loadmore:hover {
  color: #fff;
  background: transparent;
}
body.digitalexperience section.dxreel {
  display: none;
}
body.digitalexperience section.dxreel .squ-inner {
  max-height: unset !important;
}
body.digitalexperience section.dxreel h2 {
  margin-bottom: 0;
  text-align: center;
  margin: 0 auto 30px;
}
@media (max-width: 1023px) {
  body.digitalexperience section.dxreel h2 {
    text-align: left;
    margin: 0 0 20px;
  }
}
body.digitalexperience section.dxreel p.text {
  max-width: 900px;
  margin: 0 auto 50px;
  text-align: center;
}
@media (max-width: 1023px) {
  body.digitalexperience section.dxreel p.text {
    text-align: left;
  }
}
body.digitalexperience section.dxreel .reelwrapper {
  display: flex;
  justify-content: center;
}
@media (max-width: 1023px) {
  body.digitalexperience section.dxreel .reelwrapper {
    min-height: 250px;
  }
}
body.digitalexperience section.dxreel .reelwrapper .play.js-modal-btn {
  height: 100%;
}
body.digitalexperience section.needs {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  padding-bottom: 0;
}
body.digitalexperience section.needs h2 {
  margin-bottom: 0;
  text-align: center;
  margin: 0 auto 30px;
}
@media (max-width: 1023px) {
  body.digitalexperience section.needs h2 {
    text-align: left;
    margin: 0 0 20px;
  }
}
body.digitalexperience section.needs .container .text {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 1023px) {
  body.digitalexperience section.needs .container .text {
    text-align: left;
    margin-bottom: 0;
  }
}
body.digitalexperience section.needs .needswrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
}
body.digitalexperience section.needs .needswrapper .need {
  display: block;
  width: 100%;
  border: 4px solid #000;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 20px;
}
@media (min-width: 1025px) {
  body.digitalexperience section.needs .needswrapper .need {
    width: calc(50% - 30px);
  }
}
body.digitalexperience section.needs .needswrapper .need .titlecontent {
  font-size: 1.6875rem;
  line-height: 2.1875rem;
  display: flex;
  align-items: center;
  transition: all 0.5s;
}
@media (max-width: 1023px) {
  body.digitalexperience section.needs .needswrapper .need .titlecontent {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
body.digitalexperience section.needs .needswrapper .need .titlecontent span.checkbox {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  border: 4px solid #000;
  width: 42px;
  min-width: 42px;
  height: 42px;
  margin-top: 5px;
}
body.digitalexperience section.needs .needswrapper .need .titlecontent span.title {
  display: inline-block;
  transition: all 0.5s;
}
body.digitalexperience section.needs .needswrapper .need .titlecontent span.text {
  font-size: 1rem;
  line-height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
  transition: all 0.5s;
}
body.digitalexperience section.needs .needswrapper .need.selected {
  border-color: #68D0CE;
}
body.digitalexperience section.needs .needswrapper .need.selected span.checkbox {
  border-color: #68D0CE;
}
body.digitalexperience section.needs .needswrapper .need.selected span.checkbox .check {
  position: absolute;
  left: 0;
  top: -13px;
  width: calc(100% + 5px);
  height: 100%;
  min-width: 50px;
  min-height: 50px;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 49.2 42' style='enable-background:new 0 0 49.2 42;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23242323;stroke-width:0;stroke-miterlimit:10;%7D .st1%7Bfill:%23000000;%7D%0A%3C/style%3E%3Cpath id='Path_2808_00000094582257422843258730000000302314358705647239_' class='st0' d='M39.4,4.2l-2.9,3.5l-5.2,6.3L20.3,27.8 L8.7,18.3l-4.5,5.5l17.1,13.9l10.1-12.4l5.2-6.3L45,8.7L39.4,4.2z'/%3E%3Cpath id='Path_2808' class='st1' d='M39.4,4.2l-2.9,3.5l-5.2,6.3L20.3,27.8L8.7,18.3l-4.5,5.5l17.1,13.9l10.1-12.4l5.2-6.3L45,8.7 L39.4,4.2z'/%3E%3C/svg%3E%0A") no-repeat center center/contain;
  display: block;
  position: absolute;
}
body.digitalexperience section.needs .needswrapper .need.selected span.title {
  display: none;
}
body.digitalexperience section.needs .needswrapper .need.selected span.text {
  display: inline-block;
}
body.digitalexperience section.cta {
  margin-top: 100px;
}
@media (min-width: 1025px) {
  body.digitalexperience section.cta {
    padding: 100px 0 20px;
  }
}
body.digitalexperience section.cta .container {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  padding-top: 100px;
  padding-bottom: 0;
}
@media (max-width: 1023px) {
  body.digitalexperience section.cta .container {
    padding-top: 20px;
  }
}
body.digitalexperience section.cta .container h2, body.digitalexperience section.cta .container p {
  text-align: center;
}
@media (max-width: 1023px) {
  body.digitalexperience section.cta .container h2, body.digitalexperience section.cta .container p {
    text-align: left;
  }
}
body.digitalexperience section.opportunity {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
}
body.digitalexperience section.opportunity .container {
  display: flex;
}
body.digitalexperience section.opportunity .container h2 {
  margin-bottom: 1.9375rem;
}
body.digitalexperience section.opportunity .container .podlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 150px;
  padding-top: 100px;
  padding-left: 0;
}
body.digitalexperience section.opportunity .container .podlist ul {
  padding: 0;
}
body.digitalexperience section.opportunity .container .podlist li {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #000;
  flex-basis: 18%;
  position: relative;
  border: solid 11px #F6EB44;
  padding: 50px 20px 20px;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 27px;
  border-radius: 20px;
  min-height: 200px;
  color: #fff;
  text-align: left;
}
@media (max-width: 1023px) {
  body.digitalexperience section.opportunity .container .podlist li {
    flex-basis: 100%;
    margin: 20px auto;
  }
}
body.digitalexperience section.opportunity .container .podlist li:nth-child(odd) {
  margin-top: 0px;
}
body.digitalexperience section.opportunity .container .podlist li:first-child {
  margin-top: 0;
}
body.digitalexperience section.opportunity .container .podlist li:nth-child(2n) {
  margin-top: 50px;
}
@media (max-width: 1023px) {
  body.digitalexperience section.opportunity .container .podlist li:nth-child(2n) {
    margin-top: 0;
  }
}
body.digitalexperience section.opportunity .container .podlist li.blue {
  border-color: #53C3C0;
}
body.digitalexperience section.opportunity .container .podlist li.yellow {
  border-color: #F6EB44;
}
body.digitalexperience section.opportunity .container .podlist li.coral {
  border-color: #EB586B;
}
body.digitalexperience section.opportunity .container .podlist li:nth-child(n+1) {
  top: 0px;
}
@media (min-width: 1025px) {
  body.digitalexperience section.opportunity .container .podlist li:nth-child(n+1) {
    top: -300px;
  }
}
@media (max-width: 767px) {
  body.digitalexperience section.opportunity .container .podlist li:nth-child(n+1) {
    top: 0;
  }
}
body.digitalexperience section.opportunity .container .podlist li:nth-child(n+2) {
  top: 0px;
}
@media (min-width: 1025px) {
  body.digitalexperience section.opportunity .container .podlist li:nth-child(n+2) {
    top: 200px;
  }
}
@media (max-width: 767px) {
  body.digitalexperience section.opportunity .container .podlist li:nth-child(n+2) {
    top: 0;
  }
}
body.digitalexperience section.opportunity .container .podlist li:nth-child(n+3) {
  top: 0px;
}
@media (min-width: 1025px) {
  body.digitalexperience section.opportunity .container .podlist li:nth-child(n+3) {
    top: -250px;
  }
}
@media (max-width: 767px) {
  body.digitalexperience section.opportunity .container .podlist li:nth-child(n+3) {
    top: 0;
  }
}
body.digitalexperience section.opportunity .container .podlist li:nth-child(n+4) {
  top: 0px;
}
@media (min-width: 1025px) {
  body.digitalexperience section.opportunity .container .podlist li:nth-child(n+4) {
    top: 150px;
  }
}
@media (max-width: 767px) {
  body.digitalexperience section.opportunity .container .podlist li:nth-child(n+4) {
    top: 0;
  }
}
body.digitalexperience section.opportunity .container .podlist li h3 {
  font-size: 1.6875rem;
}
body.digitalexperience section.opportunity .container .podlist li p {
  font-size: 1rem;
}
body.digitalexperience section.halfpagers .halfpage {
  position: relative;
}
body.digitalexperience section.halfpagers .halfpage .circle {
  top: -120px;
  left: -80px;
  z-index: 0;
  mix-blend-mode: unset;
}
body.digitalexperience section.halfpagers .halfpage .circle svg {
  height: 100%;
  width: 100%;
}
body.digitalexperience section.halfpagers .halfpage .circle circle {
  height: 100%;
  width: 100%;
  fill: #53C3C0;
  transform: scale(4);
}
body.digitalexperience section.halfpagers .halfpage:not(:first-child) .circle {
  display: none;
}
body.digitalexperience section.halfpagers .halfpage .col-50 {
  order: 1;
}
@media (max-width: 767px) {
  body.digitalexperience section.halfpagers .halfpage .col-50 {
    order: 1;
  }
}
body.digitalexperience section.halfpagers .halfpage .col-50.squeeze {
  order: 2;
}
@media (max-width: 767px) {
  body.digitalexperience section.halfpagers .halfpage .col-50.squeeze {
    order: 2;
  }
}
@media (max-width: 767px) {
  body.digitalexperience section.halfpagers .halfpage:nth-child(2n) .container {
    order: 1;
  }
}
body.digitalexperience section.halfpagers .halfpage:nth-child(2n) .col-50 {
  order: 2;
}
@media (max-width: 767px) {
  body.digitalexperience section.halfpagers .halfpage:nth-child(2n) .col-50 {
    order: 1;
  }
}
body.digitalexperience section.halfpagers .halfpage:nth-child(2n) .col-50.squeeze {
  order: 1;
}
@media (max-width: 767px) {
  body.digitalexperience section.halfpagers .halfpage:nth-child(2n) .col-50.squeeze {
    order: 2;
  }
}
body.digitalexperience section.halfpagers .halfpage img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
body.digitalexperience section.services {
  margin-bottom: 100px;
}
body.digitalexperience section.services .container {
  padding: 0;
  width: calc(100% - 40px);
}
body.digitalexperience section.services .text {
  margin: 0 auto;
  max-width: 900px;
  text-align: center;
  margin-bottom: 3.125rem;
}
@media (max-width: 1023px) {
  body.digitalexperience section.services .text {
    text-align: left;
  }
}
body.digitalexperience section.services .cd-radial-slider-wrapper {
  width: calc(100% - 100px);
  border: 8px solid #EB586B;
  border-radius: 20px;
  height: unset;
  max-width: unset;
  max-height: unset;
}
@media (max-width: 767px) {
  body.digitalexperience section.services .cd-radial-slider-wrapper {
    width: calc(100% - 20px);
  }
}
@media (max-width: 767px) {
  body.digitalexperience section.services .cd-radial-slider-wrapper .cd-radial-slider .svg-wrapper {
    padding: 0;
    height: 0;
  }
}
@media (max-width: 767px) {
  body.digitalexperience section.services .cd-radial-slider-navigation {
    position: absolute;
    top: 500px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 29px);
    margin: 0 auto;
  }
}
body.digitalexperience section.services .cd-radial-slider-navigation li.next {
  left: -42px;
}
body.digitalexperience section.services .cd-radial-slider-navigation li.prev {
  right: -42px;
}
@media (max-width: 767px) {
  body.digitalexperience section.services .cd-radial-slider-content {
    position: relative;
    height: unset;
  }
}
body.digitalexperience section.services .cd-radial-slider-content .wrapper {
  display: flex;
}
body.digitalexperience section.services .cd-radial-slider-content .wrapper .content {
  padding: 125px;
  display: flex;
  text-align: left;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  body.digitalexperience section.services .cd-radial-slider-content .wrapper .content {
    flex-direction: column;
    padding: 20px;
  }
}
body.digitalexperience section.services .cd-radial-slider-content .wrapper .content .image {
  max-width: 540px;
  border-radius: 20px;
  overflow: hidden;
  width: 45%;
  margin-right: 5%;
  height: 100%;
}
@media (max-width: 767px) {
  body.digitalexperience section.services .cd-radial-slider-content .wrapper .content .image {
    width: 100%;
    margin-right: 0;
    height: 250px;
  }
}
body.digitalexperience section.services .cd-radial-slider-content .wrapper .content .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
body.digitalexperience section.services .cd-radial-slider-content .wrapper .content .copy {
  width: 50%;
}
@media (max-width: 767px) {
  body.digitalexperience section.services .cd-radial-slider-content .wrapper .content .copy {
    width: 100%;
  }
}
body.digitalexperience section.services .cd-radial-slider-content .wrapper .content .copy p {
  font-size: 1.1875rem;
}
body.digitalexperience section.relatedwork h2 {
  margin-bottom: 1.9375rem;
}
body.digitalexperience section.relatedwork div.text {
  margin: 0 auto 4.0625rem;
  max-width: 900px;
  text-align: center;
}
@media (max-width: 1023px) {
  body.digitalexperience section.relatedwork div.text {
    text-align: left;
  }
}
body.digitalexperience section.relatedwork .porfoliowrapper {
  justify-content: center;
  padding: 0;
}
body.digitalexperience section.brands {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
}
body.digitalexperience section.brands .container {
  width: calc(100% - 40px);
}
body.digitalexperience section.gallery {
  margin-top: 100px;
}
body.digitalexperience section.solution {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
}

@media (max-width: 1023px) {
  body.videoprocess header .nav .container, body.page-our-video-work header .nav .container {
    flex-wrap: nowrap;
  }
}
body.videoprocess header .nav.turtle .logo, body.page-our-video-work header .nav.turtle .logo {
  height: 65px;
}
body.videoprocess header .nav.turtle .logo a, body.page-our-video-work header .nav.turtle .logo a {
  height: 45px;
}
body.videoprocess header .nav.turtle .btn, body.page-our-video-work header .nav.turtle .btn {
  padding: 5px 20px;
}
body.videoprocess header .nav .logo, body.page-our-video-work header .nav .logo {
  transition: all 0.5s;
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  body.videoprocess header .nav .logo, body.page-our-video-work header .nav .logo {
    height: 45px;
  }
}
body.videoprocess header .nav .logo a, body.page-our-video-work header .nav .logo a {
  transition: all 0.5s;
  height: 77px;
  display: flex;
  align-items: center;
  width: 100%;
  text-decoration: none;
}
@media (max-width: 1023px) {
  body.videoprocess header .nav .logo a, body.page-our-video-work header .nav .logo a {
    height: 45px;
  }
}
body.videoprocess header .nav .logo a .plus, body.page-our-video-work header .nav .logo a .plus {
  font-family: "radikal-bold", sans-serif;
  font-size: 1.0625rem;
  display: inline-block;
  margin: 0 15px;
  color: #fff;
  text-decoration: none;
}
body.videoprocess header .nav .logo img, body.page-our-video-work header .nav .logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
@media (max-width: 1023px) {
  body.videoprocess header .nav .logo img, body.page-our-video-work header .nav .logo img {
    width: auto;
  }
}
@media (max-width: 1023px) {
  body.videoprocess header .nav nav, body.page-our-video-work header .nav nav {
    position: relative;
    width: unset;
  }
}
body.videoprocess header .nav .menu.jkcom, body.page-our-video-work header .nav .menu.jkcom {
  align-items: center;
}
@media (max-width: 1023px) {
  body.videoprocess header .nav .menu.jkcom, body.page-our-video-work header .nav .menu.jkcom {
    height: unset;
    opacity: 1;
    top: unset;
  }
}
body.videoprocess header .nav .menu.jkcom li:last-child, body.page-our-video-work header .nav .menu.jkcom li:last-child {
  font-size: 1rem;
  display: table;
  padding: 10px 40px;
  background: #EB586B;
  color: #ffffff;
  border: solid 2px #EB586B;
  text-decoration: none;
  transition: background 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1023px) {
  body.videoprocess header .nav .menu.jkcom li:last-child, body.page-our-video-work header .nav .menu.jkcom li:last-child {
    padding: 5px 20px;
    font-size: 1rem;
  }
}
body.videoprocess header .nav .menu.jkcom li:last-child:hover, body.page-our-video-work header .nav .menu.jkcom li:last-child:hover {
  background: transparent;
  cursor: pointer;
  color: #EB586B;
}
body.videoprocess header .nav .menu.jkcom li:last-child a, body.page-our-video-work header .nav .menu.jkcom li:last-child a {
  font-size: 1rem;
}
@media (max-width: 1199px) {
  body.videoprocess .hero .image, body.page-our-video-work .hero .image {
    height: unset;
    min-height: 300px;
    overflow: hidden;
    margin-bottom: unset;
    top: -200px;
  }
}
@media (max-width: 767px) {
  body.videoprocess .hero .image, body.page-our-video-work .hero .image {
    top: -200px;
  }
}
body.videoprocess .hero .image img, body.page-our-video-work .hero .image img {
  object-position: center;
}
@media (max-width: 1199px) {
  body.videoprocess .hero .squ-inner, body.page-our-video-work .hero .squ-inner {
    max-height: 300px;
  }
}
body.videoprocess .hero .circle circle, body.page-our-video-work .hero .circle circle {
  transform: translateX(28%) translateY(50%) scale(0.55);
}
@media (max-width: 1023px) {
  body.videoprocess .hero .circle circle, body.page-our-video-work .hero .circle circle {
    transform: translateX(90%) translateY(90%) scale(0.35);
  }
}
body.videoprocess .hero .content__image, body.page-our-video-work .hero .content__image {
  top: 200px;
  max-width: 330px;
  max-height: 230px;
  overflow: hidden;
}
@media (max-width: 767px) {
  body.videoprocess .hero .content__image, body.page-our-video-work .hero .content__image {
    max-width: 230px;
  }
}
body.videoprocess .ourstudio, body.page-our-video-work .ourstudio {
  padding-top: 50px;
}
body.videoprocess .cta, body.page-our-video-work .cta {
  margin-top: 100px;
}
body.videoprocess .cta .container, body.page-our-video-work .cta .container {
  max-width: 1200px;
  text-align: center;
}
body.videoprocess .cta .container h2.headline, body.page-our-video-work .cta .container h2.headline {
  text-align: center;
  font-size: 7.1875rem;
  line-height: 6.875rem;
}
@media (max-width: 767px) {
  body.videoprocess .cta .container h2.headline, body.page-our-video-work .cta .container h2.headline {
    font-size: 12vw;
    line-height: 13vw;
  }
}
body.videoprocess .cta .container a.btn, body.page-our-video-work .cta .container a.btn {
  margin: 0 auto;
}
body.videoprocess .cta .container a.btn:hover, body.page-our-video-work .cta .container a.btn:hover {
  color: #fff;
}

#about {
  width: 100%;
}
#about .container {
  display: flex;
  padding-top: 160px;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  #about .container {
    padding-top: 150px;
  }
}
#about .container .content {
  padding-top: 150px;
  width: 50%;
  padding-bottom: 150px;
}
@media (max-width: 1023px) {
  #about .container .content {
    width: 100%;
    padding-bottom: 50px;
    padding-top: 0;
  }
}
#about .container .content h2 {
  margin-bottom: 30px;
  font-size: 3.75rem;
}
@media (max-width: 1023px) {
  #about .container .content h2 {
    font-size: 13vw;
  }
}
@media (max-width: 1023px) {
  #about .container .content p {
    width: 100%;
  }
}
#about .container .image {
  position: absolute;
  display: block;
  width: 60%;
  align-self: flex-end;
  right: 0;
  bottom: -5px;
  margin: 0;
  padding: 0;
}
#about .container .image img {
  content-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  #about .container .image {
    width: 100%;
    padding: 0;
    position: relative;
  }
}
#about .container .image .overlay {
  display: block;
  z-index: 1;
  position: absolute;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 20%, rgb(0, 0, 0) 100%);
}

#vision {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  padding: 140px 100px 0px;
  background: #000;
  color: #fff;
}
@media (max-width: 1023px) {
  #vision {
    padding: 50px 0px;
  }
}
#vision .container .visionswrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
}
@media (max-width: 1023px) {
  #vision .container .visionswrapper {
    flex-direction: column;
  }
}
#vision .container .visionswrapper:after {
  content: "";
  flex: 1;
}
#vision .container .visionswrapper .vision {
  border-radius: 20px;
  max-width: 31%;
  margin: 0px 2% 50px;
  padding: 50px 30px 30px;
  border: 5px solid #fff;
  border-top-right-radius: 70px;
  color: #EB586B;
}
@media (max-width: 1023px) {
  #vision .container .visionswrapper .vision {
    max-width: unset;
    margin: 0 0 20px;
    border-radius: 20px;
    border: 2px solid #fff;
  }
}
#vision .container .visionswrapper .vision:first-child {
  margin-left: 0px;
  color: #F6EB44;
}
#vision .container .visionswrapper .vision:last-child {
  margin-right: 0px;
  color: #53C3C0;
}
#vision .container .visionswrapper .vision .icon {
  width: 85px;
  height: 85px;
  margin-bottom: 30px;
}
#vision .container .visionswrapper .vision .icon img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
#vision .container .visionswrapper .vision .title {
  font-size: 2.1875rem;
  line-height: 2.25rem;
  margin-bottom: 20px;
}
#vision .container .visionswrapper .vision .text {
  color: #fff;
  font-size: 1.1875rem;
  line-height: 2rem;
}
#vision .container .visionswrapper .vision .text a {
  color: #53C3C0;
}

#about-ci, #about-hi {
  width: 100%;
}
#about-ci .container, #about-hi .container {
  display: flex;
  padding-top: 30px;
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
}
#about-ci .container .content, #about-hi .container .content {
  padding-top: 50px;
  width: 45%;
  padding-bottom: 150px;
}
@media (max-width: 1023px) {
  #about-ci .container .content, #about-hi .container .content {
    width: 100%;
    padding-bottom: 50px;
    padding-top: 0;
  }
}
#about-ci .container .content h2, #about-hi .container .content h2 {
  margin-bottom: 30px;
  font-size: 3.75rem;
}
@media (max-width: 767px) {
  #about-ci .container .content h2, #about-hi .container .content h2 {
    font-size: 13vw;
  }
}
@media (max-width: 1023px) {
  #about-ci .container .content p, #about-hi .container .content p {
    width: 100%;
  }
}
#about-ci .container .image, #about-hi .container .image {
  position: absolute;
  display: block;
  width: 60%;
  align-self: flex-end;
  right: 0;
  bottom: -5px;
  margin: 0;
  padding: 0;
}
#about-ci .container .image img, #about-hi .container .image img {
  content-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  #about-ci .container .image, #about-hi .container .image {
    position: relative;
    width: 100%;
    padding: 0;
  }
}
#about-ci .container .image .overlay, #about-hi .container .image .overlay {
  display: block;
  z-index: 1;
  position: absolute;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 20%, rgb(0, 0, 0) 100%);
}

body.drive-conversions .hero h1, body.page-drive-conversions-build-brands .hero h1 {
  font-size: 5.375rem;
  line-height: 5.625rem;
}
@media (max-width: 1023px) {
  body.drive-conversions .hero h1, body.page-drive-conversions-build-brands .hero h1 {
    font-size: 10vw;
    line-height: 12vw;
  }
}
body.drive-conversions .hero a, body.page-drive-conversions-build-brands .hero a {
  position: relative;
}
body.drive-conversions .hero .image, body.page-drive-conversions-build-brands .hero .image {
  max-height: 700px;
  position: relative;
}
@media (max-width: 1279px) {
  body.drive-conversions .hero .image, body.page-drive-conversions-build-brands .hero .image {
    max-height: 500px;
  }
}
@media (max-width: 767px) {
  body.drive-conversions .hero .image, body.page-drive-conversions-build-brands .hero .image {
    max-height: 300px;
  }
}
body.drive-conversions .hero .image .secondarylogo, body.page-drive-conversions-build-brands .hero .image .secondarylogo {
  position: absolute;
  bottom: 0px;
  left: 30px;
  width: 75px;
  height: auto;
  margin-bottom: 30px;
}
body.drive-conversions .hero .image .secondarylogo img, body.page-drive-conversions-build-brands .hero .image .secondarylogo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
body.drive-conversions .cta.apply, body.page-drive-conversions-build-brands .cta.apply {
  display: flex;
  border-radius: 20px;
  overflow: hidden;
  background: #000;
  padding: 0;
  justify-content: space-between;
  margin: 0;
  order: 2;
}
@media (max-width: 1023px) {
  body.drive-conversions .cta.apply, body.page-drive-conversions-build-brands .cta.apply {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  body.drive-conversions .cta.apply, body.page-drive-conversions-build-brands .cta.apply {
    flex-direction: column;
  }
}
body.drive-conversions .cta.apply .content, body.page-drive-conversions-build-brands .cta.apply .content {
  width: 70%;
  padding: 20px 40px;
  text-align: left;
  display: flex;
  flex-direction: column;
  color: #fff;
  justify-content: center;
}
@media (max-width: 767px) {
  body.drive-conversions .cta.apply .content, body.page-drive-conversions-build-brands .cta.apply .content {
    padding: 20px;
    width: 100%;
  }
}
body.drive-conversions .cta.apply .content .title, body.page-drive-conversions-build-brands .cta.apply .content .title {
  font-size: 2.3125rem;
  line-height: 2.75rem;
  margin-bottom: 10px;
}
body.drive-conversions .cta.apply .content .text, body.page-drive-conversions-build-brands .cta.apply .content .text {
  font-size: 1.4375rem;
  line-height: 1.875rem;
  margin-bottom: 10px;
}
body.drive-conversions .cta.apply .content .button, body.page-drive-conversions-build-brands .cta.apply .content .button {
  display: inline-block;
}
body.drive-conversions .cta.apply .content .button .btn, body.page-drive-conversions-build-brands .cta.apply .content .button .btn {
  margin-top: 10px;
  position: relative;
}
body.drive-conversions .cta.apply .content .button .btn svg.markerarrow, body.page-drive-conversions-build-brands .cta.apply .content .button .btn svg.markerarrow {
  top: unset;
  bottom: 0;
}
body.drive-conversions .cta.apply .image, body.page-drive-conversions-build-brands .cta.apply .image {
  width: 30%;
  min-height: unset;
  border-radius: 0;
  margin-left: 0;
}
@media (max-width: 1023px) {
  body.drive-conversions .cta.apply .image, body.page-drive-conversions-build-brands .cta.apply .image {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  body.drive-conversions .cta.apply .image, body.page-drive-conversions-build-brands .cta.apply .image {
    width: 100%;
    max-height: 250px;
    margin: 0 0 20px 0;
  }
}
body.drive-conversions .cta .container form .fields .formfield.fifty, body.page-drive-conversions-build-brands .cta .container form .fields .formfield.fifty {
  width: 48%;
}
@media (max-width: 767px) {
  body.drive-conversions #nav .btn.black, body.page-drive-conversions-build-brands #nav .btn.black {
    padding: 15px 30px;
    margin-top: 0;
  }
}
body.drive-conversions .splide__arrow, body.page-drive-conversions-build-brands .splide__arrow {
  background: #F6EB44;
  opacity: 1;
  height: 75px;
  width: 75px;
}
@media (max-width: 1023px) {
  body.drive-conversions .splide__arrow, body.page-drive-conversions-build-brands .splide__arrow {
    height: 45px;
    width: 45px;
  }
}
body.drive-conversions .splide__arrow:hover, body.page-drive-conversions-build-brands .splide__arrow:hover {
  opacity: 1;
}
body.drive-conversions .splide__arrow svg, body.page-drive-conversions-build-brands .splide__arrow svg {
  fill: #000000;
  height: 30px;
  width: 30px;
}
body.drive-conversions section.approach .container, body.page-drive-conversions-build-brands section.approach .container {
  flex-direction: column;
}
body.drive-conversions section.approach .container .headline, body.page-drive-conversions-build-brands section.approach .container .headline {
  max-width: 1200px;
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  body.drive-conversions section.approach .container .headline, body.page-drive-conversions-build-brands section.approach .container .headline {
    text-align: left;
  }
}
body.drive-conversions section.approach .container p, body.page-drive-conversions-build-brands section.approach .container p {
  text-align: center;
  margin: 20px auto 50px;
  max-width: 900px;
}
@media (max-width: 1023px) {
  body.drive-conversions section.approach .container p, body.page-drive-conversions-build-brands section.approach .container p {
    text-align: left;
  }
}
body.drive-conversions section.approach .container .accordion, body.page-drive-conversions-build-brands section.approach .container .accordion {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 40px 0 40px;
}
@media (max-width: 1023px) {
  body.drive-conversions section.approach .container .accordion, body.page-drive-conversions-build-brands section.approach .container .accordion {
    margin: 0px 0 40px;
  }
}
body.drive-conversions section.approach .container .accordion .accordion-item, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item {
  max-width: 1600px;
  width: calc(100% - 40px);
  margin: 0 auto;
  border-radius: 20px;
  width: 100%;
  padding: 1vw 5vw;
  margin-bottom: 25px;
  background: #000000;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  font-size: 3vw;
  position: relative;
  font-family: "radikal", sans-serif;
}
@media (min-width: 1501px) {
  body.drive-conversions section.approach .container .accordion .accordion-item, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item {
    font-size: 2.6875rem;
  }
}
@media (max-width: 1023px) {
  body.drive-conversions section.approach .container .accordion .accordion-item, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item {
    margin: 0 0 30px;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    font-size: 7vw;
  }
}
body.drive-conversions section.approach .container .accordion .accordion-item .accordion-button, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item .accordion-button {
  display: flex;
  width: 100%;
  align-items: center;
  padding-right: 140px;
}
@media (max-width: 1023px) {
  body.drive-conversions section.approach .container .accordion .accordion-item .accordion-button, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item .accordion-button {
    padding-right: 20px;
    padding: 20px 0;
  }
}
@media (max-width: 1023px) {
  body.drive-conversions section.approach .container .accordion .accordion-item .accordion-button .title, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item .accordion-button .title {
    line-height: 30px;
    font-size: 25px;
    width: 100%;
    padding-right: 40px;
  }
}
body.drive-conversions section.approach .container .accordion .accordion-item .accordion-button .status, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item .accordion-button .status {
  content: "";
  position: absolute;
  right: 40px;
  background: #fff;
  border-radius: 50px;
  width: 100px;
  height: 100px;
  transition: all 0.5s;
}
@media (max-width: 1023px) {
  body.drive-conversions section.approach .container .accordion .accordion-item .accordion-button .status, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item .accordion-button .status {
    width: 30px;
    height: 30px;
    right: 20px;
  }
}
body.drive-conversions section.approach .container .accordion .accordion-item .accordion-button .status span, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item .accordion-button .status span {
  position: absolute;
  transition: 300ms;
  background: #000000;
  border-radius: 2px;
}
body.drive-conversions section.approach .container .accordion .accordion-item .accordion-button .status span:first-child, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item .accordion-button .status span:first-child {
  top: 35%;
  bottom: 35%;
  width: 10%;
  left: 45%;
}
body.drive-conversions section.approach .container .accordion .accordion-item .accordion-button .status span:last-child, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item .accordion-button .status span:last-child {
  left: 35%;
  right: 35%;
  height: 10%;
  top: 45%;
}
body.drive-conversions section.approach .container .accordion .accordion-item .accordion-button .number, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item .accordion-button .number {
  color: #EB586B;
  font-size: 12vw;
  display: block;
  width: 10vw;
  margin-right: 6vw;
}
@media (max-width: 1023px) {
  body.drive-conversions section.approach .container .accordion .accordion-item .accordion-button .number, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item .accordion-button .number {
    font-size: 12vw;
  }
}
body.drive-conversions section.approach .container .accordion .accordion-item .accordion-panel, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item .accordion-panel {
  padding: 0 18px 50px 0px;
  display: none;
  overflow: hidden;
  font-family: "radikal", sans-serif;
  font-size: 1.1875rem;
  line-height: 38px;
  column-count: 2;
  margin-left: 16vw;
}
@media (max-width: 1023px) {
  body.drive-conversions section.approach .container .accordion .accordion-item .accordion-panel, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item .accordion-panel {
    column-count: 1;
    padding: 20px 18px 30px 0px;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
body.drive-conversions section.approach .container .accordion .accordion-item.active .status span, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item.active .status span {
  transform: rotate(90deg);
}
body.drive-conversions section.approach .container .accordion .accordion-item.active .status span:last-child, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item.active .status span:last-child {
  left: 50%;
  right: 50%;
}
body.drive-conversions section.approach .container .accordion .accordion-item:first-child .number, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item:first-child .number {
  color: #F6EB44;
}
body.drive-conversions section.approach .container .accordion .accordion-item:nth-child(2) .number, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item:nth-child(2) .number {
  color: #EB586B;
}
body.drive-conversions section.approach .container .accordion .accordion-item:nth-child(3) .number, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item:nth-child(3) .number {
  color: #53C3C0;
}
body.drive-conversions section.approach .container .accordion .accordion-item:last-child .number, body.page-drive-conversions-build-brands section.approach .container .accordion .accordion-item:last-child .number {
  color: #C6F874;
}
body.drive-conversions section.partners .container, body.page-drive-conversions-build-brands section.partners .container {
  text-align: center;
}
@media (max-width: 1023px) {
  body.drive-conversions section.partners .container, body.page-drive-conversions-build-brands section.partners .container {
    text-align: left;
  }
}
body.drive-conversions section.partners .container div.text, body.page-drive-conversions-build-brands section.partners .container div.text {
  margin: 0 auto;
  max-width: 900px;
}
body.drive-conversions section.partners .container p, body.page-drive-conversions-build-brands section.partners .container p {
  text-align: center;
}
@media (max-width: 1023px) {
  body.drive-conversions section.partners .container p, body.page-drive-conversions-build-brands section.partners .container p {
    text-align: left;
  }
}
body.drive-conversions section.partners .splide__slide, body.page-drive-conversions-build-brands section.partners .splide__slide {
  text-align: center;
  padding: 75px 30px;
  justify-content: center;
  align-items: center;
  display: flex;
}
@media (max-width: 1023px) {
  body.drive-conversions section.partners .splide__slide, body.page-drive-conversions-build-brands section.partners .splide__slide {
    padding: 0px 30px 0;
  }
}
@media (max-width: 767px) {
  body.drive-conversions section.partners .splide__slide, body.page-drive-conversions-build-brands section.partners .splide__slide {
    padding: 0px 30px 0;
  }
}
body.drive-conversions section.partners .splide__slide img, body.page-drive-conversions-build-brands section.partners .splide__slide img {
  display: inline-block;
  max-width: 100%;
  max-height: 105px;
  margin: 0 auto;
}
body.drive-conversions section.casestudies .container .text-center, body.page-drive-conversions-build-brands section.casestudies .container .text-center {
  flex-direction: column;
}
body.drive-conversions section.casestudies .headline, body.page-drive-conversions-build-brands section.casestudies .headline {
  max-width: 1200px;
  margin-bottom: 0;
}
body.drive-conversions section.casestudies .headline .text-centered, body.page-drive-conversions-build-brands section.casestudies .headline .text-centered {
  margin: 0 auto;
}
@media (max-width: 1023px) {
  body.drive-conversions section.casestudies .headline, body.page-drive-conversions-build-brands section.casestudies .headline {
    text-align: left;
  }
}
body.drive-conversions section.casestudies p, body.page-drive-conversions-build-brands section.casestudies p {
  text-align: center;
  margin: 20px auto 50px;
  max-width: 900px;
}
@media (max-width: 1023px) {
  body.drive-conversions section.casestudies p, body.page-drive-conversions-build-brands section.casestudies p {
    text-align: left;
    margin: 20px 0 50px;
  }
}
body.drive-conversions section.casestudies .case, body.page-drive-conversions-build-brands section.casestudies .case {
  position: relative;
  width: 31%;
  display: flex;
  flex-direction: column;
  margin-bottom: 100px;
  margin-right: 2%;
}
body.drive-conversions section.casestudies .case.hidden, body.page-drive-conversions-build-brands section.casestudies .case.hidden {
  display: none;
}
@media (max-width: 1023px) {
  body.drive-conversions section.casestudies .case, body.page-drive-conversions-build-brands section.casestudies .case {
    width: 100%;
    margin-bottom: 50px;
    margin-right: unset;
  }
  body.drive-conversions section.casestudies .case:last-child, body.page-drive-conversions-build-brands section.casestudies .case:last-child {
    margin-bottom: 0;
  }
}
body.drive-conversions section.casestudies .case div, body.page-drive-conversions-build-brands section.casestudies .case div {
  text-decoration: none;
  margin-top: 30px;
}
body.drive-conversions section.casestudies .case div.play.btn, body.page-drive-conversions-build-brands section.casestudies .case div.play.btn {
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
  display: inline-block;
}
body.drive-conversions section.casestudies .case div.play.btn:hover, body.page-drive-conversions-build-brands section.casestudies .case div.play.btn:hover {
  cursor: pointer;
}
body.drive-conversions section.casestudies .case div .title h3, body.drive-conversions section.casestudies .case div .title p, body.drive-conversions section.casestudies .case div .title button, body.page-drive-conversions-build-brands section.casestudies .case div .title h3, body.page-drive-conversions-build-brands section.casestudies .case div .title p, body.page-drive-conversions-build-brands section.casestudies .case div .title button {
  text-decoration: none;
  color: #000000;
}
body.drive-conversions section.casestudies .case div .title button, body.page-drive-conversions-build-brands section.casestudies .case div .title button {
  color: #ffffff;
}
body.drive-conversions section.casestudies .case .title, body.page-drive-conversions-build-brands section.casestudies .case .title {
  background: #ffffff;
  padding: 0px 0px;
  color: #000000;
  flex: 1;
}
@media (max-width: 1023px) {
  body.drive-conversions section.casestudies .case .title, body.page-drive-conversions-build-brands section.casestudies .case .title {
    padding: 0px;
  }
}
body.drive-conversions section.casestudies .case .title h3, body.page-drive-conversions-build-brands section.casestudies .case .title h3 {
  font-family: "radikal-bold", sans-serif;
  font-size: 3vw;
  margin: 0 0 30px;
}
@media (min-width: 1281px) {
  body.drive-conversions section.casestudies .case .title h3, body.page-drive-conversions-build-brands section.casestudies .case .title h3 {
    font-size: 2.5rem;
  }
}
@media (max-width: 1023px) {
  body.drive-conversions section.casestudies .case .title h3, body.page-drive-conversions-build-brands section.casestudies .case .title h3 {
    font-size: 7vw;
  }
}
@media (max-width: 767px) {
  body.drive-conversions section.casestudies .case .title h3, body.page-drive-conversions-build-brands section.casestudies .case .title h3 {
    font-size: 9vw;
  }
}
body.drive-conversions section.casestudies .case .title p, body.page-drive-conversions-build-brands section.casestudies .case .title p {
  text-align: left;
  font-size: 1.1875rem;
  line-height: 1.75rem;
}
body.drive-conversions section.casestudies .case .title p + p, body.page-drive-conversions-build-brands section.casestudies .case .title p + p {
  margin-top: 20px;
}
body.drive-conversions section.casestudies .case .title p.campaign, body.page-drive-conversions-build-brands section.casestudies .case .title p.campaign {
  font-size: 1.4vw;
  line-height: 2.5vw;
}
@media (max-width: 1023px) {
  body.drive-conversions section.casestudies .case .title p.campaign, body.page-drive-conversions-build-brands section.casestudies .case .title p.campaign {
    font-size: 2vw;
    line-height: 2.5vw;
  }
}
@media (max-width: 1023px) {
  body.drive-conversions section.casestudies .case .title p.campaign, body.page-drive-conversions-build-brands section.casestudies .case .title p.campaign {
    display: none;
  }
}
body.drive-conversions section.casestudies .case .image, body.page-drive-conversions-build-brands section.casestudies .case .image {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  max-height: 510px;
  margin-bottom: 25px;
  border-radius: 20px;
}
@media (max-width: 1023px) {
  body.drive-conversions section.casestudies .case .image, body.page-drive-conversions-build-brands section.casestudies .case .image {
    margin-bottom: 20px;
    max-height: 265px;
  }
}
body.drive-conversions section.casestudies .case .image img, body.page-drive-conversions-build-brands section.casestudies .case .image img {
  transform-origin: center;
  object-position: center;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
body.drive-conversions section.tools .container, body.page-drive-conversions-build-brands section.tools .container {
  text-align: center;
}
@media (max-width: 1023px) {
  body.drive-conversions section.tools .container, body.page-drive-conversions-build-brands section.tools .container {
    text-align: left;
  }
}
body.drive-conversions section.tools .container div.text, body.page-drive-conversions-build-brands section.tools .container div.text {
  margin: 0 auto 40px;
  max-width: 900px;
}
body.drive-conversions section.tools .container p, body.page-drive-conversions-build-brands section.tools .container p {
  text-align: center;
}
@media (max-width: 1023px) {
  body.drive-conversions section.tools .container p, body.page-drive-conversions-build-brands section.tools .container p {
    text-align: left;
  }
}
body.drive-conversions section.tools .splide__slide, body.page-drive-conversions-build-brands section.tools .splide__slide {
  text-align: center;
  justify-content: center;
  padding: 25px 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1023px) {
  body.drive-conversions section.tools .splide__slide, body.page-drive-conversions-build-brands section.tools .splide__slide {
    padding: 10px 30px 0;
  }
}
@media (max-width: 767px) {
  body.drive-conversions section.tools .splide__slide, body.page-drive-conversions-build-brands section.tools .splide__slide {
    align-items: center;
    display: flex;
    padding: 0px 30px 0;
  }
}
body.drive-conversions section.tools .splide__slide img, body.page-drive-conversions-build-brands section.tools .splide__slide img {
  display: inline-block;
  max-width: 185px;
  max-height: 85px;
  margin: 0 auto;
  object-fit: contain;
}
body.drive-conversions section.ourthinking .container, body.page-drive-conversions-build-brands section.ourthinking .container {
  text-align: center;
}
@media (max-width: 1023px) {
  body.drive-conversions section.ourthinking .container, body.page-drive-conversions-build-brands section.ourthinking .container {
    text-align: left;
  }
}
body.drive-conversions section.ourthinking .container p, body.page-drive-conversions-build-brands section.ourthinking .container p {
  text-align: center;
  margin: 0 auto 50px;
  max-width: 600px;
}
body.drive-conversions section.ourthinking .container p a, body.page-drive-conversions-build-brands section.ourthinking .container p a {
  color: #EB586B;
}
@media (max-width: 1023px) {
  body.drive-conversions section.ourthinking .container p, body.page-drive-conversions-build-brands section.ourthinking .container p {
    text-align: left;
    margin: 0 0 50px;
  }
}
body.drive-conversions section.ourthinking .container .title, body.page-drive-conversions-build-brands section.ourthinking .container .title {
  font-size: 1.875rem;
  line-height: 2.25rem;
  padding: 0 !important;
}
body.drive-conversions section.ourthinking .container .excerpt, body.page-drive-conversions-build-brands section.ourthinking .container .excerpt {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
body.drive-conversions section.ourthinking .container .sessionlist, body.page-drive-conversions-build-brands section.ourthinking .container .sessionlist {
  justify-content: center !important;
  align-items: center !important;
  margin-bottom: 50px;
  text-align: left;
}
body.drive-conversions section.ourthinking .container .sessionlist:after, body.page-drive-conversions-build-brands section.ourthinking .container .sessionlist:after {
  display: none;
}
body.drive-conversions section.ourthinking .container .sessionlist .sessionvideo, body.page-drive-conversions-build-brands section.ourthinking .container .sessionlist .sessionvideo {
  max-width: 900px !important;
  flex-direction: row !important;
}
@media (max-width: 1023px) {
  body.drive-conversions section.ourthinking .container .sessionlist .sessionvideo, body.page-drive-conversions-build-brands section.ourthinking .container .sessionlist .sessionvideo {
    flex-direction: column !important;
  }
}
body.drive-conversions section.ourthinking .container .sessionlist .sessionvideo .image, body.page-drive-conversions-build-brands section.ourthinking .container .sessionlist .sessionvideo .image {
  width: calc(50% - 50px);
  margin-right: 25px;
}
@media (max-width: 1023px) {
  body.drive-conversions section.ourthinking .container .sessionlist .sessionvideo .image, body.page-drive-conversions-build-brands section.ourthinking .container .sessionlist .sessionvideo .image {
    width: 100% !important;
    margin-right: unset;
  }
}
body.drive-conversions section.ourthinking .container .sessionlist .sessionvideo .videocontent, body.page-drive-conversions-build-brands section.ourthinking .container .sessionlist .sessionvideo .videocontent {
  width: calc(50% - 50px);
  align-self: center !important;
}
@media (max-width: 1023px) {
  body.drive-conversions section.ourthinking .container .sessionlist .sessionvideo .videocontent, body.page-drive-conversions-build-brands section.ourthinking .container .sessionlist .sessionvideo .videocontent {
    width: calc(100% - 40px);
    align-self: flex-start !important;
    padding-top: 30px;
  }
}
body.drive-conversions section.ourthinking .container .videoinfo, body.page-drive-conversions-build-brands section.ourthinking .container .videoinfo {
  text-align: left;
}
body.drive-conversions section.portfolio .project, body.page-drive-conversions-build-brands section.portfolio .project {
  top: unset;
}
body.drive-conversions section.portfolio .project .image, body.page-drive-conversions-build-brands section.portfolio .project .image {
  max-height: 415px;
  margin-bottom: 70px;
}
@media (max-width: 1023px) {
  body.drive-conversions section.portfolio .project .image, body.page-drive-conversions-build-brands section.portfolio .project .image {
    max-height: 250px;
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  body.drive-conversions section.portfolio .project .image, body.page-drive-conversions-build-brands section.portfolio .project .image {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  body.drive-conversions section.portfolio .project .title, body.page-drive-conversions-build-brands section.portfolio .project .title {
    padding-top: 0;
  }
}
body.drive-conversions section.portfolio .project .title h3, body.page-drive-conversions-build-brands section.portfolio .project .title h3 {
  margin-bottom: 20px;
}
@media (min-width: 1281px) {
  body.drive-conversions section.portfolio .project .title h3, body.page-drive-conversions-build-brands section.portfolio .project .title h3 {
    font-size: 40px;
    line-height: 41px;
  }
}
@media (max-width: 1023px) {
  body.drive-conversions section.portfolio .project .title h3, body.page-drive-conversions-build-brands section.portfolio .project .title h3 {
    font-size: 4vw;
  }
}
@media (max-width: 767px) {
  body.drive-conversions section.portfolio .project .title h3, body.page-drive-conversions-build-brands section.portfolio .project .title h3 {
    font-size: 7vw;
    line-height: 9vw;
  }
}
body.drive-conversions section.portfolio .project .title p.category, body.page-drive-conversions-build-brands section.portfolio .project .title p.category {
  font-family: radikal-bold, sans-serif;
  font-weight: bold;
}
body.drive-conversions section#cta .container #ctaFormholder, body.page-drive-conversions-build-brands section#cta .container #ctaFormholder {
  margin: 0 auto;
}
body.drive-conversions section#cta .container .fineprint, body.page-drive-conversions-build-brands section#cta .container .fineprint {
  margin: 30px 0;
  text-align: left;
}
body.drive-conversions section#cta .errors, body.page-drive-conversions-build-brands section#cta .errors {
  margin-bottom: 20px;
}
body.drive-conversions section#cta form, body.page-drive-conversions-build-brands section#cta form {
  text-align: left;
  margin: 0 auto;
}
body.drive-conversions section#cta form p, body.page-drive-conversions-build-brands section#cta form p {
  text-align: left;
  margin-left: 0px;
}
body.drive-conversions section#cta form .full, body.page-drive-conversions-build-brands section#cta form .full {
  width: 100%;
}
body.drive-conversions section#cta form .fifty, body.page-drive-conversions-build-brands section#cta form .fifty {
  width: 50%;
}
@media (max-width: 767px) {
  body.drive-conversions section#cta form .fifty, body.page-drive-conversions-build-brands section#cta form .fifty {
    width: 100%;
  }
}
body.drive-conversions section#cta form input[type=text], body.drive-conversions section#cta form input[type=email], body.drive-conversions section#cta form input[type=tel], body.drive-conversions section#cta form textarea, body.page-drive-conversions-build-brands section#cta form input[type=text], body.page-drive-conversions-build-brands section#cta form input[type=email], body.page-drive-conversions-build-brands section#cta form input[type=tel], body.page-drive-conversions-build-brands section#cta form textarea {
  border: 1px solid #fff;
  color: #fff;
}
body.drive-conversions section#cta form textarea, body.page-drive-conversions-build-brands section#cta form textarea {
  width: 100%;
  flex: 1;
  color: #fff;
}
body.drive-conversions section#cta form .fieldgroup.hidden, body.page-drive-conversions-build-brands section#cta form .fieldgroup.hidden {
  position: absolute;
}
body.drive-conversions section#cta form .formfields, body.page-drive-conversions-build-brands section#cta form .formfields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.drive-conversions section#cta form a, body.page-drive-conversions-build-brands section#cta form a {
  color: #fff;
}
body.drive-conversions section#cta .contactsuccess, body.page-drive-conversions-build-brands section#cta .contactsuccess {
  font-size: 2.25rem;
  margin-top: 50px;
  max-width: 800px;
}
body.drive-conversions .modal-content, body.page-drive-conversions-build-brands .modal-content {
  display: none;
}
body.drive-conversions #modal, body.drive-conversions #downloadmodal, body.drive-conversions #applymodal, body.page-drive-conversions-build-brands #modal, body.page-drive-conversions-build-brands #downloadmodal, body.page-drive-conversions-build-brands #applymodal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccc;
  z-index: 99999;
  overflow-y: scroll;
}
body.drive-conversions #modal.open, body.drive-conversions #downloadmodal.open, body.drive-conversions #applymodal.open, body.page-drive-conversions-build-brands #modal.open, body.page-drive-conversions-build-brands #downloadmodal.open, body.page-drive-conversions-build-brands #applymodal.open {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.drive-conversions #modal .modalcontainer, body.drive-conversions #downloadmodal .modalcontainer, body.drive-conversions #applymodal .modalcontainer, body.page-drive-conversions-build-brands #modal .modalcontainer, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer, body.page-drive-conversions-build-brands #applymodal .modalcontainer {
  position: relative;
  width: 100%;
}
body.drive-conversions #modal .modalcontainer .closewrapper, body.drive-conversions #downloadmodal .modalcontainer .closewrapper, body.drive-conversions #applymodal .modalcontainer .closewrapper, body.page-drive-conversions-build-brands #modal .modalcontainer .closewrapper, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .closewrapper, body.page-drive-conversions-build-brands #applymodal .modalcontainer .closewrapper {
  position: absolute;
  top: 15px;
  right: 15px;
  display: inline-block;
  background: #000;
  color: #F6EB44;
  border-radius: 20px;
  height: 40px;
  width: 120px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding-right: 20px;
  font-size: 12px;
}
body.drive-conversions #modal .modalcontainer .closewrapper:hover, body.drive-conversions #downloadmodal .modalcontainer .closewrapper:hover, body.drive-conversions #applymodal .modalcontainer .closewrapper:hover, body.page-drive-conversions-build-brands #modal .modalcontainer .closewrapper:hover, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .closewrapper:hover, body.page-drive-conversions-build-brands #applymodal .modalcontainer .closewrapper:hover {
  cursor: pointer;
}
body.drive-conversions #modal .modalcontainer .closewrapper .close, body.drive-conversions #downloadmodal .modalcontainer .closewrapper .close, body.drive-conversions #applymodal .modalcontainer .closewrapper .close, body.page-drive-conversions-build-brands #modal .modalcontainer .closewrapper .close, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .closewrapper .close, body.page-drive-conversions-build-brands #applymodal .modalcontainer .closewrapper .close {
  position: absolute;
  z-index: 2;
  top: 3px;
  right: 3px;
  display: inline-block;
  width: 34px;
  height: 34px;
  overflow: hidden;
  border: none;
  border-radius: 50%;
  padding: 4px;
  background: #F6EB44;
}
body.drive-conversions #modal .modalcontainer .closewrapper .close:hover, body.drive-conversions #downloadmodal .modalcontainer .closewrapper .close:hover, body.drive-conversions #applymodal .modalcontainer .closewrapper .close:hover, body.page-drive-conversions-build-brands #modal .modalcontainer .closewrapper .close:hover, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .closewrapper .close:hover, body.page-drive-conversions-build-brands #applymodal .modalcontainer .closewrapper .close:hover {
  cursor: pointer;
}
body.drive-conversions #modal .modalcontainer .closewrapper .close:before, body.drive-conversions #modal .modalcontainer .closewrapper .close:after, body.drive-conversions #downloadmodal .modalcontainer .closewrapper .close:before, body.drive-conversions #downloadmodal .modalcontainer .closewrapper .close:after, body.drive-conversions #applymodal .modalcontainer .closewrapper .close:before, body.drive-conversions #applymodal .modalcontainer .closewrapper .close:after, body.page-drive-conversions-build-brands #modal .modalcontainer .closewrapper .close:before, body.page-drive-conversions-build-brands #modal .modalcontainer .closewrapper .close:after, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .closewrapper .close:before, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .closewrapper .close:after, body.page-drive-conversions-build-brands #applymodal .modalcontainer .closewrapper .close:before, body.page-drive-conversions-build-brands #applymodal .modalcontainer .closewrapper .close:after {
  content: "";
  position: absolute;
  height: 4px;
  width: 50%;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  background: #000;
  border-radius: 5px;
  margin-top: -2px;
}
body.drive-conversions #modal .modalcontainer .closewrapper .close:before, body.drive-conversions #downloadmodal .modalcontainer .closewrapper .close:before, body.drive-conversions #applymodal .modalcontainer .closewrapper .close:before, body.page-drive-conversions-build-brands #modal .modalcontainer .closewrapper .close:before, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .closewrapper .close:before, body.page-drive-conversions-build-brands #applymodal .modalcontainer .closewrapper .close:before {
  transform: translateX(-50%) rotate(-45deg);
}
body.drive-conversions #modal .modalcontainer .closewrapper .close:after, body.drive-conversions #downloadmodal .modalcontainer .closewrapper .close:after, body.drive-conversions #applymodal .modalcontainer .closewrapper .close:after, body.page-drive-conversions-build-brands #modal .modalcontainer .closewrapper .close:after, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .closewrapper .close:after, body.page-drive-conversions-build-brands #applymodal .modalcontainer .closewrapper .close:after {
  transform: translateX(-50%) rotate(45deg);
}
body.drive-conversions #modal .modalcontainer .modalcontent, body.drive-conversions #downloadmodal .modalcontainer .modalcontent, body.drive-conversions #applymodal .modalcontainer .modalcontent, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: #fff;
  width: 99vw;
  max-width: 1500px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  overflow-x: clip;
  overflow-y: scroll;
  padding: 80px 0px 0px;
  max-height: 100vh;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent, body.drive-conversions #downloadmodal .modalcontainer .modalcontent, body.drive-conversions #applymodal .modalcontainer .modalcontent, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent {
    width: 100%;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent h2, body.drive-conversions #downloadmodal .modalcontainer .modalcontent h2, body.drive-conversions #applymodal .modalcontainer .modalcontent h2, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent h2, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent h2, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent h2 {
  color: #000;
  font-weight: bold;
}
body.drive-conversions #modal .modalcontainer .modalcontent .title, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .title, body.drive-conversions #applymodal .modalcontainer .modalcontent .title, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .title, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .title, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .title {
  margin: 0 auto 30px;
}
body.drive-conversions #modal .modalcontainer .modalcontent .title h2, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .title h2, body.drive-conversions #applymodal .modalcontainer .modalcontent .title h2, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .title h2, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .title h2, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .title h2 {
  font-size: 5vw;
  line-height: 5.2vw;
  margin: 0 auto 30px;
}
@media (min-width: 1281px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .title h2, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .title h2, body.drive-conversions #applymodal .modalcontainer .modalcontent .title h2, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .title h2, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .title h2, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .title h2 {
    font-size: 82px;
    line-height: 86px;
  }
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .title h2, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .title h2, body.drive-conversions #applymodal .modalcontainer .modalcontent .title h2, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .title h2, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .title h2, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .title h2 {
    font-size: 12vw;
    line-height: 13vw;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent ul, body.drive-conversions #downloadmodal .modalcontainer .modalcontent ul, body.drive-conversions #applymodal .modalcontainer .modalcontent ul, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent ul, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent ul, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent ul {
  margin: 30px 0 0 18px;
  padding: 0;
  font-size: 1.1875rem;
  line-height: 1.5rem;
}
body.drive-conversions #modal .modalcontainer .modalcontent ul li, body.drive-conversions #downloadmodal .modalcontainer .modalcontent ul li, body.drive-conversions #applymodal .modalcontainer .modalcontent ul li, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent ul li, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent ul li, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent ul li {
  margin-bottom: 30px;
}
body.drive-conversions #modal .modalcontainer .modalcontent .container, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .container, body.drive-conversions #applymodal .modalcontainer .modalcontent .container, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .container, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .container, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .container {
  width: calc(100% - 40px);
}
body.drive-conversions #modal .modalcontainer .modalcontent .container.row, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .container.row, body.drive-conversions #applymodal .modalcontainer .modalcontent .container.row, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .container.row, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .container.row, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .container.row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .container.row, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .container.row, body.drive-conversions #applymodal .modalcontainer .modalcontent .container.row, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .container.row, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .container.row, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .container.row {
    flex-direction: column;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent .container.column, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .container.column, body.drive-conversions #applymodal .modalcontainer .modalcontent .container.column, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .container.column, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .container.column, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .container.column {
  display: flex;
  flex-direction: column;
}
body.drive-conversions #modal .modalcontainer .modalcontent .col-50, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .col-50, body.drive-conversions #applymodal .modalcontainer .modalcontent .col-50, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .col-50, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .col-50, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .col-50 {
  width: 48%;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .col-50, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .col-50, body.drive-conversions #applymodal .modalcontainer .modalcontent .col-50, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .col-50, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .col-50, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .col-50 {
    width: 100%;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent .logos, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .logos, body.drive-conversions #applymodal .modalcontainer .modalcontent .logos, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .logos, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .logos, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .logos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 40px 20px;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .logos, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .logos, body.drive-conversions #applymodal .modalcontainer .modalcontent .logos, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .logos, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .logos, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .logos {
    flex-direction: column;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent .logos img, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .logos img, body.drive-conversions #applymodal .modalcontainer .modalcontent .logos img, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .logos img, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .logos img, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .logos img {
  max-width: 130px;
  max-height: 50px;
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy {
  padding: 80px 50px;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .casestudy, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy {
    padding: 50px 20px;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy > .title, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy > .title, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy > .title, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy > .title, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy > .title, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy > .title {
  text-align: center;
  max-width: 1000px;
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .image, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .image, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .image, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .image, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .image, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .image {
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .image, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .image, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .image, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .image, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .image, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .image {
    height: 250px;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .image img, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .image img, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .image img, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .image img, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .image img, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .stats, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .stats, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .stats, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .stats, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .stats, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .stats {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: -50px auto 100px;
  z-index: 1;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .stats, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .stats, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .stats, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .stats, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .stats, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .stats {
    flex-direction: column;
    margin-bottom: 20px;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .stats .stat, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .stats .stat, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .stats .stat, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .stats .stat {
  width: 32%;
  padding: 50px 30px;
  background: #000;
  border-radius: 20px;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .stats .stat, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .stats .stat, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .stats .stat, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .stats .stat {
    width: 100%;
    padding: 30px 20px;
    margin-bottom: 30px;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .number {
  font-family: radikal-bold, sans-serif;
  font-size: 5vw;
  line-height: 7.25rem;
  font-weight: bold;
}
@media (min-width: 1281px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .number {
    font-size: 88px;
    line-height: 116px;
  }
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .number {
    font-size: 12vw;
    line-height: 13vw;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint {
  font-size: 2vw;
  line-height: 2.5vw;
  font-weight: bold;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint {
    font-size: 6vw;
    line-height: 7vw;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .stats .stat .text, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .text, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .text, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .stats .stat .text, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .text, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .text {
  font-size: 1.1875rem;
  line-height: 2.125rem;
  font-weight: bold;
  color: #fff;
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .number, body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .datapoint, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .number, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .datapoint, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .number, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .datapoint, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .number, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .datapoint, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .number, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .datapoint, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .number, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .datapoint {
  color: #F6EB44;
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .number, body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .datapoint, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .number, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .datapoint, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .number, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .datapoint, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .number, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .datapoint, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .number, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .datapoint, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .number, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .datapoint {
  color: #EB586B;
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .number, body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .datapoint, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .number, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .datapoint, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .number, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .datapoint, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .number, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .datapoint, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .number, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .datapoint, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .number, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .datapoint {
  color: #53C3C0;
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo {
    flex-direction: column;
    margin-bottom: 50px;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col {
  width: calc(65% - 40px);
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child {
  width: calc(35% - 40px);
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child {
    width: 100%;
  }
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col {
    width: 100%;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .happening, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .happening, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .happening, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .happening, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .happening, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .happening {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .happening, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .happening, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .happening, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .happening, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .happening, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .happening {
    flex-direction: column;
    margin-bottom: 50px;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .happening .title, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .happening .title, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .happening .title, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .happening .title, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .happening .title, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .happening .title {
  width: 100%;
  flex-basis: 100%;
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .happening .col, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .happening .col, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .happening .col, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .happening .col, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .happening .col, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .happening .col {
  width: 30%;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .happening .col, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .happening .col, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .happening .col, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .happening .col, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .happening .col, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .happening .col {
    width: 100%;
    margin-bottom: 30px;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .happening .col h4, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .happening .col h4, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .happening .col h4, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .happening .col h4, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .happening .col h4, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .happening .col h4 {
  font-family: radikal-bold, sans-serif;
  font-size: 2.5rem;
  line-height: 2.5625rem;
  font-weight: 700;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .casestudy .happening .col h4, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .casestudy .happening .col h4, body.drive-conversions #applymodal .modalcontainer .modalcontent .casestudy .happening .col h4, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .casestudy .happening .col h4, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .casestudy .happening .col h4, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .casestudy .happening .col h4 {
    font-size: 6vw;
    line-height: 8vw;
    margin-bottom: 20px;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent .bg-black, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .bg-black, body.drive-conversions #applymodal .modalcontainer .modalcontent .bg-black, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .bg-black, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .bg-black, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .bg-black {
  padding: 50px;
  color: #fff;
}
body.drive-conversions #modal .modalcontainer .modalcontent .bg-black h2, body.drive-conversions #modal .modalcontainer .modalcontent .bg-black p, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .bg-black h2, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .bg-black p, body.drive-conversions #applymodal .modalcontainer .modalcontent .bg-black h2, body.drive-conversions #applymodal .modalcontainer .modalcontent .bg-black p, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .bg-black h2, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .bg-black p, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .bg-black h2, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .bg-black p, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .bg-black h2, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .bg-black p {
  color: #fff;
}
body.drive-conversions #modal .modalcontainer .modalcontent .bg-black.form, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .bg-black.form, body.drive-conversions #applymodal .modalcontainer .modalcontent .bg-black.form, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .bg-black.form, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .bg-black.form, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .bg-black.form {
  margin: 0;
  padding: 100px 50px;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .bg-black.form, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .bg-black.form, body.drive-conversions #applymodal .modalcontainer .modalcontent .bg-black.form, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .bg-black.form, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .bg-black.form, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .bg-black.form {
    padding: 40px 20px;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent .bg-black.form .container, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .bg-black.form .container, body.drive-conversions #applymodal .modalcontainer .modalcontent .bg-black.form .container, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .bg-black.form .container, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .bg-black.form .container, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .bg-black.form .container {
  justify-content: center;
}
body.drive-conversions #modal .modalcontainer .modalcontent .bg-black.form .downloadctaFormholder, body.drive-conversions #modal .modalcontainer .modalcontent .bg-black.form .auditFormholder, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .bg-black.form .downloadctaFormholder, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .bg-black.form .auditFormholder, body.drive-conversions #applymodal .modalcontainer .modalcontent .bg-black.form .downloadctaFormholder, body.drive-conversions #applymodal .modalcontainer .modalcontent .bg-black.form .auditFormholder, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .bg-black.form .downloadctaFormholder, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .bg-black.form .auditFormholder, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .bg-black.form .downloadctaFormholder, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .bg-black.form .auditFormholder, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .bg-black.form .downloadctaFormholder, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .bg-black.form .auditFormholder {
  width: 100%;
}
body.drive-conversions #modal .modalcontainer .modalcontent .bg-black.form .contactsuccess, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .bg-black.form .contactsuccess, body.drive-conversions #applymodal .modalcontainer .modalcontent .bg-black.form .contactsuccess, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .bg-black.form .contactsuccess, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .bg-black.form .contactsuccess, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .bg-black.form .contactsuccess {
  margin-top: 50px;
  text-align: center;
}
body.drive-conversions #modal .modalcontainer .modalcontent .bg-black.form .contactsuccess p, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .bg-black.form .contactsuccess p, body.drive-conversions #applymodal .modalcontainer .modalcontent .bg-black.form .contactsuccess p, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .bg-black.form .contactsuccess p, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .bg-black.form .contactsuccess p, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .bg-black.form .contactsuccess p {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
body.drive-conversions #modal .modalcontainer .modalcontent .bg-black.form .contactsuccess a.btn, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .bg-black.form .contactsuccess a.btn, body.drive-conversions #applymodal .modalcontainer .modalcontent .bg-black.form .contactsuccess a.btn, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .bg-black.form .contactsuccess a.btn, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .bg-black.form .contactsuccess a.btn, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .bg-black.form .contactsuccess a.btn {
  margin: 0 auto;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent .block, body.drive-conversions #downloadmodal .modalcontainer .modalcontent .block, body.drive-conversions #applymodal .modalcontainer .modalcontent .block, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent .block, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent .block, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent .block {
    margin-top: 50px;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent form, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form, body.drive-conversions #applymodal .modalcontainer .modalcontent form, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form {
  margin: 0 auto;
  max-width: 1100px;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent form, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form, body.drive-conversions #applymodal .modalcontainer .modalcontent form, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form {
    padding: 0;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent form .formfields, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .formfields, body.drive-conversions #applymodal .modalcontainer .modalcontent form .formfields, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .formfields, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .formfields, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .formfields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent form .formfields .fieldgroup, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .formfields .fieldgroup, body.drive-conversions #applymodal .modalcontainer .modalcontent form .formfields .fieldgroup, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .formfields .fieldgroup, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .formfields .fieldgroup, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .formfields .fieldgroup {
    margin-bottom: 30px;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent form .formfields .fieldgroup.hidden, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .formfields .fieldgroup.hidden, body.drive-conversions #applymodal .modalcontainer .modalcontent form .formfields .fieldgroup.hidden, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .formfields .fieldgroup.hidden, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .formfields .fieldgroup.hidden, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .formfields .fieldgroup.hidden {
  display: none;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .formfields .fieldgroup.submit, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .formfields .fieldgroup.submit, body.drive-conversions #applymodal .modalcontainer .modalcontent form .formfields .fieldgroup.submit, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .formfields .fieldgroup.submit, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .formfields .fieldgroup.submit, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .formfields .fieldgroup.submit {
  flex-basis: 100%;
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent form .formfields .fieldgroup.fifty, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .formfields .fieldgroup.fifty, body.drive-conversions #applymodal .modalcontainer .modalcontent form .formfields .fieldgroup.fifty, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .formfields .fieldgroup.fifty, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .formfields .fieldgroup.fifty, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .formfields .fieldgroup.fifty {
    width: 100%;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent form .label, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .label, body.drive-conversions #applymodal .modalcontainer .modalcontent form .label, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .label, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .label, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .label {
  visibility: hidden;
}
body.drive-conversions #modal .modalcontainer .modalcontent form label, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form label, body.drive-conversions #applymodal .modalcontainer .modalcontent form label, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form label, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form label, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form label {
  display: block;
  color: #fff;
  text-align: left;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  body.drive-conversions #modal .modalcontainer .modalcontent form label, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form label, body.drive-conversions #applymodal .modalcontainer .modalcontent form label, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form label, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form label, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form label {
    font-size: 1.1875rem;
  }
}
@media (max-width: 767px) {
  body.drive-conversions #modal .modalcontainer .modalcontent form label, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form label, body.drive-conversions #applymodal .modalcontainer .modalcontent form label, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form label, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form label, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form label {
    margin-bottom: 10px;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent form input[type=text], body.drive-conversions #downloadmodal .modalcontainer .modalcontent form input[type=text], body.drive-conversions #applymodal .modalcontainer .modalcontent form input[type=text], body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form input[type=text], body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form input[type=text], body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form input[type=text] {
  border: 1px solid #fff;
  padding: 3px 15px;
  min-height: 58px;
  color: #fff;
  font-size: 16px;
}
body.drive-conversions #modal .modalcontainer .modalcontent form input[type=text]:-ms-input-placeholder, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form input[type=text]:-ms-input-placeholder, body.drive-conversions #applymodal .modalcontainer .modalcontent form input[type=text]:-ms-input-placeholder, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form input[type=text]:-ms-input-placeholder, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form input[type=text]:-ms-input-placeholder, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form input[type=text]:-ms-input-placeholder {
  color: #fff;
}
body.drive-conversions #modal .modalcontainer .modalcontent form input[type=text]::-ms-input-placeholder, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form input[type=text]::-ms-input-placeholder, body.drive-conversions #applymodal .modalcontainer .modalcontent form input[type=text]::-ms-input-placeholder, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form input[type=text]::-ms-input-placeholder, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form input[type=text]::-ms-input-placeholder, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form input[type=text]::-ms-input-placeholder {
  color: #fff;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .otherinput, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .otherinput, body.drive-conversions #applymodal .modalcontainer .modalcontent form .otherinput, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .otherinput, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .otherinput, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .otherinput {
  display: none;
  margin-top: 20px;
  align-items: center;
  position: relative;
  width: 100%;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .otherinput.show, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .otherinput.show, body.drive-conversions #applymodal .modalcontainer .modalcontent form .otherinput.show, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .otherinput.show, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .otherinput.show, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .otherinput.show {
  display: flex;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .otherinput:before, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .otherinput:before, body.drive-conversions #applymodal .modalcontainer .modalcontent form .otherinput:before, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .otherinput:before, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .otherinput:before, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .otherinput:before {
  position: relative;
  content: "If other:";
  color: #fff;
  display: inline-block;
  margin-right: 20px;
  white-space: nowrap;
}
body.drive-conversions #modal .modalcontainer .modalcontent form select, body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form select, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect, body.drive-conversions #applymodal .modalcontainer .modalcontent form select, body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form select, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form select, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form select, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #fff;
  border-radius: 40px;
  color: #fff;
  background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.31' height='8.069' viewBox='0 0 13.31 8.069'%3E%3Cpath id='Path_2672' data-name='Path 2672' d='M-9645-575l5.948,5.948L-9645-563.1' transform='translate(-562.397 9645.707) rotate(90)' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center right 30px/15px;
  width: 100%;
  min-height: 58px;
  padding: 3px 15px;
  position: relative;
  font-size: 16px;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect, body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  min-height: 58px;
  text-align: left;
  color: #fff;
  z-index: 9999;
  font-size: 16px;
  background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.31' height='8.069' viewBox='0 0 13.31 8.069'%3E%3Cpath id='Path_2672' data-name='Path 2672' d='M-9645-575l5.948,5.948L-9645-563.1' transform='translate(-562.397 9645.707) rotate(90)' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center right 30px/15px;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect .multiselect__select, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__select, body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__select, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect .multiselect__select, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__select, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__select {
  line-height: 16px;
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 40px;
  height: 38px;
  right: 1px;
  top: 1px;
  padding: 4px 8px;
  margin: 0;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: transform 0.2s ease;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags, body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags {
  min-height: 40px;
  display: block;
  border-radius: 5px;
  font-size: 14px;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags input, body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags input[type=text], body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags input, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags input[type=text], body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags input, body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags input[type=text], body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags input, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags input[type=text], body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags input, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags input[type=text], body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags input, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags input[type=text] {
  margin-top: 30px;
  border: 1px solid blue;
  font-size: 16px;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag, body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag {
  padding: 3px 25px 3px 15px;
  background: #EB586B;
  color: #fff;
  border-radius: 20px;
  margin: 2px;
  position: relative;
  display: inline-block;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag span, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag span, body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag span, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag span, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag span, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag span {
  white-space: nowrap;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon, body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon {
  display: block;
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  padding: 5px;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 50%;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  background: #000;
  border-radius: 1px;
  margin-top: -2px;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before {
  transform: translateX(-50%) rotate(-45deg);
}
body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after {
  transform: translateX(-50%) rotate(45deg);
}
body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect .multiselect__content-wrapper, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__content-wrapper, body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__content-wrapper, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect .multiselect__content-wrapper, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__content-wrapper, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__content-wrapper {
  left: 0;
  position: absolute;
  display: block;
  background: #000;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect .multiselect__placeholder, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__placeholder, body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__placeholder, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect .multiselect__placeholder, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__placeholder, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__placeholder {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  font-size: 16px;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect ul, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect ul, body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect ul, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect ul, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect ul, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect ul {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect ul li, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect ul li, body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect ul li, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect ul li, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect ul li, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect ul li {
  margin: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  height: unset;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect ul li > span, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect ul li > span, body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect ul li > span, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect ul li > span, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect ul li > span, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect ul li > span {
  padding: 10px 20px 10px;
  display: block;
  width: 100%;
  font-size: 16px;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .multiselect ul li[aria-selected=true], body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .multiselect ul li[aria-selected=true], body.drive-conversions #applymodal .modalcontainer .modalcontent form .multiselect ul li[aria-selected=true], body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .multiselect ul li[aria-selected=true], body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .multiselect ul li[aria-selected=true], body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .multiselect ul li[aria-selected=true] {
  background: #aaa;
  color: #000;
}
body.drive-conversions #modal .modalcontainer .modalcontent form textarea, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form textarea, body.drive-conversions #applymodal .modalcontainer .modalcontent form textarea, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form textarea, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form textarea, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form textarea {
  border: 1px solid #fff;
  border-radius: 20px;
  color: #fff;
  min-height: 100px;
}
body.drive-conversions #modal .modalcontainer .modalcontent form input[type=submit], body.drive-conversions #downloadmodal .modalcontainer .modalcontent form input[type=submit], body.drive-conversions #applymodal .modalcontainer .modalcontent form input[type=submit], body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form input[type=submit], body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form input[type=submit], body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form input[type=submit] {
  display: block;
  padding: 10px 40px;
  text-decoration: none;
  transition: background 0.5s;
  width: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 1rem;
}
@media (max-width: 1023px) {
  body.drive-conversions #modal .modalcontainer .modalcontent form input[type=submit], body.drive-conversions #downloadmodal .modalcontainer .modalcontent form input[type=submit], body.drive-conversions #applymodal .modalcontainer .modalcontent form input[type=submit], body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form input[type=submit], body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form input[type=submit], body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form input[type=submit] {
    margin: 0;
  }
}
body.drive-conversions #modal .modalcontainer .modalcontent form .checkboxcontainer, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .checkboxcontainer, body.drive-conversions #applymodal .modalcontainer .modalcontent form .checkboxcontainer, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .checkboxcontainer, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .checkboxcontainer, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .checkboxcontainer {
  font-size: 0.9375rem;
  line-height: 1.5625rem;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .checkboxcontainer span, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .checkboxcontainer span, body.drive-conversions #applymodal .modalcontainer .modalcontent form .checkboxcontainer span, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .checkboxcontainer span, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .checkboxcontainer span, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .checkboxcontainer span {
  color: #fff;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .checkboxcontainer .fineprint, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .checkboxcontainer .fineprint, body.drive-conversions #applymodal .modalcontainer .modalcontent form .checkboxcontainer .fineprint, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .checkboxcontainer .fineprint, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .checkboxcontainer .fineprint, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .checkboxcontainer .fineprint {
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-top: 30px;
  display: block;
  color: #fff;
}
body.drive-conversions #modal .modalcontainer .modalcontent form .checkboxcontainer .fineprint a, body.drive-conversions #downloadmodal .modalcontainer .modalcontent form .checkboxcontainer .fineprint a, body.drive-conversions #applymodal .modalcontainer .modalcontent form .checkboxcontainer .fineprint a, body.page-drive-conversions-build-brands #modal .modalcontainer .modalcontent form .checkboxcontainer .fineprint a, body.page-drive-conversions-build-brands #downloadmodal .modalcontainer .modalcontent form .checkboxcontainer .fineprint a, body.page-drive-conversions-build-brands #applymodal .modalcontainer .modalcontent form .checkboxcontainer .fineprint a {
  color: #fff;
}

section.fourohfour {
  padding: 150px 0 100px;
}
section.fourohfour .container {
  flex-direction: column;
}

@media (max-width: 1023px) {
  body.omnichannel .hero .container, body.page-building-materials-omnichannel-commerce .hero .container {
    padding-bottom: 50px;
  }
}
body.omnichannel .hero .titlewrap h1, body.page-building-materials-omnichannel-commerce .hero .titlewrap h1 {
  font-size: 5.0625rem;
  line-height: 5.3125rem;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  body.omnichannel .hero .titlewrap h1, body.page-building-materials-omnichannel-commerce .hero .titlewrap h1 {
    font-size: 11vw;
    line-height: 13vw;
  }
}
body.omnichannel .hero .titlewrap h2, body.page-building-materials-omnichannel-commerce .hero .titlewrap h2 {
  font-size: 2.5rem;
  line-height: 2.8125rem;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  body.omnichannel .hero .titlewrap h2, body.page-building-materials-omnichannel-commerce .hero .titlewrap h2 {
    font-size: 6vw;
    line-height: 8vw;
  }
}
body.omnichannel .hero .content, body.page-building-materials-omnichannel-commerce .hero .content {
  order: 1;
}
@media (max-width: 767px) {
  body.omnichannel .hero .content, body.page-building-materials-omnichannel-commerce .hero .content {
    order: 1;
  }
}
body.omnichannel .hero .content .text, body.page-building-materials-omnichannel-commerce .hero .content .text {
  margin-bottom: 30px;
}
body.omnichannel .hero .content .text p p, body.page-building-materials-omnichannel-commerce .hero .content .text p p {
  font-size: 1.4375rem;
  line-height: 2.875rem;
}
body.omnichannel .hero .image, body.page-building-materials-omnichannel-commerce .hero .image {
  max-height: 700px;
  position: relative;
}
@media (max-width: 1279px) {
  body.omnichannel .hero .image, body.page-building-materials-omnichannel-commerce .hero .image {
    max-height: 500px;
  }
}
@media (max-width: 767px) {
  body.omnichannel .hero .image, body.page-building-materials-omnichannel-commerce .hero .image {
    max-height: 300px;
  }
}
body.omnichannel .hero .image .secondarylogo, body.page-building-materials-omnichannel-commerce .hero .image .secondarylogo {
  position: absolute;
  bottom: 0px;
  left: 30px;
  width: 75px;
  height: auto;
  margin-bottom: 30px;
}
body.omnichannel .hero .image .secondarylogo img, body.page-building-materials-omnichannel-commerce .hero .image .secondarylogo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
body.omnichannel .cta h2, body.page-building-materials-omnichannel-commerce .cta h2 {
  text-align: center;
}
body.omnichannel .cta.apply, body.page-building-materials-omnichannel-commerce .cta.apply {
  display: flex;
  border-radius: 20px;
  overflow: hidden;
  background: #000;
  padding: 0;
  justify-content: space-between;
  margin: 0;
  order: 2;
}
@media (max-width: 1023px) {
  body.omnichannel .cta.apply, body.page-building-materials-omnichannel-commerce .cta.apply {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  body.omnichannel .cta.apply, body.page-building-materials-omnichannel-commerce .cta.apply {
    flex-direction: column;
  }
}
body.omnichannel .cta.apply .content, body.page-building-materials-omnichannel-commerce .cta.apply .content {
  width: 70%;
  padding: 20px 40px;
  text-align: left;
  display: flex;
  flex-direction: column;
  color: #fff;
  justify-content: center;
}
@media (max-width: 767px) {
  body.omnichannel .cta.apply .content, body.page-building-materials-omnichannel-commerce .cta.apply .content {
    padding: 20px;
    width: 100%;
  }
}
body.omnichannel .cta.apply .content .title, body.page-building-materials-omnichannel-commerce .cta.apply .content .title {
  font-size: 2.3125rem;
  line-height: 2.75rem;
  margin-bottom: 10px;
}
body.omnichannel .cta.apply .content .text, body.page-building-materials-omnichannel-commerce .cta.apply .content .text {
  font-size: 1.4375rem;
  line-height: 1.875rem;
  margin-bottom: 10px;
}
body.omnichannel .cta.apply .content .button, body.page-building-materials-omnichannel-commerce .cta.apply .content .button {
  display: inline-block;
}
body.omnichannel .cta.apply .content .button .btn, body.page-building-materials-omnichannel-commerce .cta.apply .content .button .btn {
  margin-top: 10px;
  position: relative;
}
body.omnichannel .cta.apply .content .button .btn svg.markerarrow, body.page-building-materials-omnichannel-commerce .cta.apply .content .button .btn svg.markerarrow {
  top: unset;
  bottom: 0;
}
body.omnichannel .cta.apply .image, body.page-building-materials-omnichannel-commerce .cta.apply .image {
  width: 30%;
  min-height: unset;
  border-radius: 0;
  margin-left: 0;
}
@media (max-width: 1023px) {
  body.omnichannel .cta.apply .image, body.page-building-materials-omnichannel-commerce .cta.apply .image {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  body.omnichannel .cta.apply .image, body.page-building-materials-omnichannel-commerce .cta.apply .image {
    width: 100%;
    max-height: 250px;
    margin: 0 0 20px 0;
  }
}
@media (max-width: 1023px) {
  body.omnichannel section.threequestions, body.page-building-materials-omnichannel-commerce section.threequestions {
    margin-bottom: 50px;
  }
}
body.omnichannel section.threequestions .container, body.page-building-materials-omnichannel-commerce section.threequestions .container {
  justify-content: space-between;
}
@media (max-width: 1023px) {
  body.omnichannel section.threequestions .container, body.page-building-materials-omnichannel-commerce section.threequestions .container {
    flex-direction: column;
  }
}
body.omnichannel section.threequestions .container .col, body.page-building-materials-omnichannel-commerce section.threequestions .container .col {
  width: 30%;
  border: 2px solid #EB586B;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  font-size: 1.875rem;
  line-height: 2.25rem;
  padding: 40px 20px;
}
@media (max-width: 1023px) {
  body.omnichannel section.threequestions .container .col, body.page-building-materials-omnichannel-commerce section.threequestions .container .col {
    width: 100%;
    margin-bottom: 30px;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  body.omnichannel section.threequestions .container .col, body.page-building-materials-omnichannel-commerce section.threequestions .container .col {
    font-size: 7vw;
  }
}
body.omnichannel section.threequestions .container .col .questionmark, body.page-building-materials-omnichannel-commerce section.threequestions .container .col .questionmark {
  box-sizing: border-box;
  font-size: 138px;
  font-weight: bold;
  max-width: 80px;
  margin: 20px 20px 20px 0;
}
body.omnichannel section.threequestions .container .col:first-child, body.page-building-materials-omnichannel-commerce section.threequestions .container .col:first-child {
  border-color: #F6EB44;
}
body.omnichannel section.threequestions .container .col:first-child .questionmark, body.page-building-materials-omnichannel-commerce section.threequestions .container .col:first-child .questionmark {
  color: #F6EB44;
}
body.omnichannel section.threequestions .container .col:nth-child(2), body.page-building-materials-omnichannel-commerce section.threequestions .container .col:nth-child(2) {
  border-color: #EB586B;
}
body.omnichannel section.threequestions .container .col:nth-child(2) .questionmark, body.page-building-materials-omnichannel-commerce section.threequestions .container .col:nth-child(2) .questionmark {
  color: #EB586B;
}
body.omnichannel section.threequestions .container .col:nth-child(3), body.page-building-materials-omnichannel-commerce section.threequestions .container .col:nth-child(3) {
  border-color: #53C3C0;
}
body.omnichannel section.threequestions .container .col:nth-child(3) .questionmark, body.page-building-materials-omnichannel-commerce section.threequestions .container .col:nth-child(3) .questionmark {
  color: #53C3C0;
}
body.omnichannel section.centeredtext, body.page-building-materials-omnichannel-commerce section.centeredtext {
  width: calc(100% - 40px);
  margin: 0 auto;
}
body.omnichannel section.centeredtext .container, body.page-building-materials-omnichannel-commerce section.centeredtext .container {
  width: 100%;
}
body.omnichannel section.centeredtext.narrow, body.page-building-materials-omnichannel-commerce section.centeredtext.narrow {
  max-width: 900px;
}
body.omnichannel section.centeredtext.large, body.page-building-materials-omnichannel-commerce section.centeredtext.large {
  margin: 80px auto;
}
body.omnichannel section.centeredtext.large p, body.page-building-materials-omnichannel-commerce section.centeredtext.large p {
  font-size: 1.9375rem;
  line-height: 3.625rem;
}
@media (max-width: 767px) {
  body.omnichannel section.centeredtext.large p, body.page-building-materials-omnichannel-commerce section.centeredtext.large p {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
body.omnichannel section.centeredtext p, body.page-building-materials-omnichannel-commerce section.centeredtext p {
  max-width: 1500px;
}
body.omnichannel section.venn, body.page-building-materials-omnichannel-commerce section.venn {
  max-width: 1500px;
  margin: 0 auto;
}
body.omnichannel section.venn .container, body.page-building-materials-omnichannel-commerce section.venn .container {
  justify-content: space-between;
}
@media (max-width: 1023px) {
  body.omnichannel section.venn .container, body.page-building-materials-omnichannel-commerce section.venn .container {
    flex-direction: column;
  }
}
body.omnichannel section.venn .container h3, body.page-building-materials-omnichannel-commerce section.venn .container h3 {
  font-size: 95px;
}
@media (max-width: 1023px) {
  body.omnichannel section.venn .container h3, body.page-building-materials-omnichannel-commerce section.venn .container h3 {
    font-size: 10vw;
    line-height: 11vw;
  }
}
body.omnichannel section.venn .col-50, body.page-building-materials-omnichannel-commerce section.venn .col-50 {
  width: 48%;
}
@media (max-width: 1023px) {
  body.omnichannel section.venn .col-50, body.page-building-materials-omnichannel-commerce section.venn .col-50 {
    width: 100%;
  }
}
body.omnichannel section.venn .clickablevenn, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn {
  position: relative;
}
body.omnichannel section.venn .clickablevenn img, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn img {
  width: 100%;
}
body.omnichannel section.venn .clickablevenn .clickable, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn .clickable {
  display: block;
  position: absolute;
  font-size: 1.4vw;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  width: 30%;
}
@media (min-width: 1281px) {
  body.omnichannel section.venn .clickablevenn .clickable, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn .clickable {
    font-size: 22px;
    line-height: 26px;
  }
}
@media (max-width: 1023px) {
  body.omnichannel section.venn .clickablevenn .clickable, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn .clickable {
    font-size: 3vw;
  }
}
@media (max-width: 767px) {
  body.omnichannel section.venn .clickablevenn .clickable, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn .clickable {
    font-size: 3vw;
    line-height: 4vw;
    width: 30%;
  }
}
body.omnichannel section.venn .clickablevenn .clickable .btn, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn .clickable .btn {
  background: transparent;
  margin: 5px auto 0;
  border: 1px solid #000;
  font-size: 1vw;
  text-transform: none;
  padding: 5px 10px;
  font-weight: 500;
}
@media (min-width: 1281px) {
  body.omnichannel section.venn .clickablevenn .clickable .btn, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn .clickable .btn {
    font-size: 18px;
    line-height: 26px;
  }
}
@media (max-width: 1023px) {
  body.omnichannel section.venn .clickablevenn .clickable .btn, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn .clickable .btn {
    font-size: 2vw;
  }
}
@media (max-width: 767px) {
  body.omnichannel section.venn .clickablevenn .clickable .btn, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn .clickable .btn {
    padding: 2px 8px;
    font-size: 2.5vw;
    line-height: 4vw;
  }
}
body.omnichannel section.venn .clickablevenn .clickable.direct, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn .clickable.direct {
  left: 50%;
  top: 8%;
  transform: translateX(-50%);
}
body.omnichannel section.venn .clickablevenn .clickable.retail, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn .clickable.retail {
  left: 20%;
  top: 65%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  body.omnichannel section.venn .clickablevenn .clickable.retail, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn .clickable.retail {
    top: 63%;
    left: 18%;
  }
}
body.omnichannel section.venn .clickablevenn .clickable.social, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn .clickable.social {
  left: 82%;
  top: 65%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  body.omnichannel section.venn .clickablevenn .clickable.social, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn .clickable.social {
    top: 63%;
  }
}
body.omnichannel section.venn .clickablevenn .clicktolearnmore, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn .clicktolearnmore {
  width: 150px;
  position: absolute;
  right: -30px;
  top: 20px;
}
@media (max-width: 767px) {
  body.omnichannel section.venn .clickablevenn .clicktolearnmore, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn .clicktolearnmore {
    display: none;
  }
}
body.omnichannel section.venn .clickablevenn .clicktolearnmore .markerarrow, body.page-building-materials-omnichannel-commerce section.venn .clickablevenn .clicktolearnmore .markerarrow {
  position: absolute;
  right: 50%;
  left: unset;
  top: 80%;
  transform: rotate(-30deg);
  width: 50px;
}
body.omnichannel section.opportunities, body.page-building-materials-omnichannel-commerce section.opportunities {
  padding: 0;
}
body.omnichannel section.opportunities .container, body.page-building-materials-omnichannel-commerce section.opportunities .container {
  justify-content: space-between;
}
@media (max-width: 767px) {
  body.omnichannel section.opportunities .container, body.page-building-materials-omnichannel-commerce section.opportunities .container {
    flex-direction: column;
  }
}
body.omnichannel section.opportunities .container .opportunity, body.page-building-materials-omnichannel-commerce section.opportunities .container .opportunity {
  width: 49%;
  background: #000;
  border-radius: 20px;
  margin-bottom: 2%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
@media (max-width: 767px) {
  body.omnichannel section.opportunities .container .opportunity, body.page-building-materials-omnichannel-commerce section.opportunities .container .opportunity {
    width: 100%;
  }
}
body.omnichannel section.opportunities .container .opportunity .number, body.page-building-materials-omnichannel-commerce section.opportunities .container .opportunity .number {
  display: block;
  font-size: 7vw;
  margin-right: 2vw;
  width: 10vw;
}
@media (max-width: 767px) {
  body.omnichannel section.opportunities .container .opportunity .number, body.page-building-materials-omnichannel-commerce section.opportunities .container .opportunity .number {
    font-size: 15vw;
    margin-right: 10vw;
  }
}
body.omnichannel section.opportunities .container .opportunity .title, body.page-building-materials-omnichannel-commerce section.opportunities .container .opportunity .title {
  font-family: radikal-regular, Helvetica, Arial, sans-serif;
  font-size: 2vw;
}
@media (max-width: 767px) {
  body.omnichannel section.opportunities .container .opportunity .title, body.page-building-materials-omnichannel-commerce section.opportunities .container .opportunity .title {
    font-size: 4vw;
  }
}
body.omnichannel section.opportunities .container .opportunity:first-child .number, body.page-building-materials-omnichannel-commerce section.opportunities .container .opportunity:first-child .number {
  color: #F6EB44;
}
body.omnichannel section.opportunities .container .opportunity:nth-child(2) .number, body.page-building-materials-omnichannel-commerce section.opportunities .container .opportunity:nth-child(2) .number {
  color: #EB586B;
}
body.omnichannel section.opportunities .container .opportunity:nth-child(3) .number, body.page-building-materials-omnichannel-commerce section.opportunities .container .opportunity:nth-child(3) .number {
  color: #53C3C0;
}
body.omnichannel section.opportunities .container .opportunity:nth-child(4) .number, body.page-building-materials-omnichannel-commerce section.opportunities .container .opportunity:nth-child(4) .number {
  color: #c6f874;
}
body.omnichannel section.isp .container, body.page-building-materials-omnichannel-commerce section.isp .container {
  padding: 0;
  width: 100%;
}
body.omnichannel section.isp table, body.page-building-materials-omnichannel-commerce section.isp table {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  body.omnichannel section.isp table, body.page-building-materials-omnichannel-commerce section.isp table {
    border: none;
  }
}
@media (max-width: 1023px) {
  body.omnichannel section.isp table thead, body.page-building-materials-omnichannel-commerce section.isp table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
body.omnichannel section.isp table tr, body.page-building-materials-omnichannel-commerce section.isp table tr {
  min-height: 45px;
}
@media (max-width: 1023px) {
  body.omnichannel section.isp table tr, body.page-building-materials-omnichannel-commerce section.isp table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em;
  }
}
body.omnichannel section.isp table tr th, body.page-building-materials-omnichannel-commerce section.isp table tr th {
  border: 2px solid #fff;
  color: #fff;
  background-color: #000;
  padding: 15px;
}
body.omnichannel section.isp table tr th:first-child, body.page-building-materials-omnichannel-commerce section.isp table tr th:first-child {
  border-top-left-radius: 20px;
  max-width: 20%;
}
@media (max-width: 1023px) {
  body.omnichannel section.isp table tr th:first-child, body.page-building-materials-omnichannel-commerce section.isp table tr th:first-child {
    border-top-left-radius: unset;
  }
}
body.omnichannel section.isp table tr th:last-child, body.page-building-materials-omnichannel-commerce section.isp table tr th:last-child {
  border-top-right-radius: 20px;
}
@media (max-width: 1023px) {
  body.omnichannel section.isp table tr th:last-child, body.page-building-materials-omnichannel-commerce section.isp table tr th:last-child {
    border-top-right-radius: unset;
  }
}
body.omnichannel section.isp table tr, body.page-building-materials-omnichannel-commerce section.isp table tr {
  border-bottom: 2px solid #000;
}
@media (max-width: 1023px) {
  body.omnichannel section.isp table tr, body.page-building-materials-omnichannel-commerce section.isp table tr {
    border: 0;
  }
}
body.omnichannel section.isp table tr:first-child td:first-child, body.page-building-materials-omnichannel-commerce section.isp table tr:first-child td:first-child {
  color: #F6EB44;
}
body.omnichannel section.isp table tr:nth-child(2) td:first-child, body.page-building-materials-omnichannel-commerce section.isp table tr:nth-child(2) td:first-child {
  color: #EB586B;
}
body.omnichannel section.isp table tr:nth-child(3) td:first-child, body.page-building-materials-omnichannel-commerce section.isp table tr:nth-child(3) td:first-child {
  color: #53C3C0;
}
body.omnichannel section.isp table tr:last-child td:first-child, body.page-building-materials-omnichannel-commerce section.isp table tr:last-child td:first-child {
  border-bottom-left-radius: 20px;
}
@media (max-width: 1023px) {
  body.omnichannel section.isp table tr:last-child td:first-child, body.page-building-materials-omnichannel-commerce section.isp table tr:last-child td:first-child {
    border-bottom-left-radius: unset;
  }
}
body.omnichannel section.isp table tr:last-child td:last-child, body.page-building-materials-omnichannel-commerce section.isp table tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
}
@media (max-width: 1023px) {
  body.omnichannel section.isp table tr:last-child td:last-child, body.page-building-materials-omnichannel-commerce section.isp table tr:last-child td:last-child {
    border-bottom-right-radius: unset;
  }
}
body.omnichannel section.isp table td, body.page-building-materials-omnichannel-commerce section.isp table td {
  font-size: 1.3125rem;
  line-height: 2.375rem;
  text-align: left;
  min-height: 50px;
  padding: 30px;
  background: #000;
  background-color: #EFEFEF;
  border: 2px solid #fff;
}
@media (max-width: 1023px) {
  body.omnichannel section.isp table td, body.page-building-materials-omnichannel-commerce section.isp table td {
    display: flex;
    justify-content: space-between;
    align-items: left;
    flex-direction: column;
    font-size: 0.9rem;
    line-height: 1.2rem;
    width: 100%;
    padding: 10px 15px;
  }
  body.omnichannel section.isp table td:before, body.page-building-materials-omnichannel-commerce section.isp table td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: auto;
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-weight: normal;
    text-transform: none;
    margin-bottom: 10px;
  }
}
body.omnichannel section.isp table td:first-child, body.page-building-materials-omnichannel-commerce section.isp table td:first-child {
  background: #000;
  width: 10%;
  color: #fff;
  font-size: 1.4375rem;
  line-height: 2.8125rem;
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  body.omnichannel section.isp table td:first-child, body.page-building-materials-omnichannel-commerce section.isp table td:first-child {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.5rem;
    justify-content: unset;
    border-bottom: 2px solid #000;
  }
  body.omnichannel section.isp table td:first-child:before, body.page-building-materials-omnichannel-commerce section.isp table td:first-child:before {
    margin-right: unset;
  }
}
body.omnichannel section.isp table td a, body.page-building-materials-omnichannel-commerce section.isp table td a {
  margin: 3px;
  display: block;
}
body.omnichannel section.isp table td a.inline, body.page-building-materials-omnichannel-commerce section.isp table td a.inline {
  display: inline-block;
}
@media (max-width: 1023px) {
  body.omnichannel section.isp table td a, body.page-building-materials-omnichannel-commerce section.isp table td a {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
body.omnichannel section.midpagecta, body.page-building-materials-omnichannel-commerce section.midpagecta {
  margin-top: 100px;
}
@media (max-width: 1023px) {
  body.omnichannel section.midpagecta, body.page-building-materials-omnichannel-commerce section.midpagecta {
    margin-top: 50px;
  }
}
body.omnichannel section.midpagecta .content, body.page-building-materials-omnichannel-commerce section.midpagecta .content {
  padding: 50px 70px;
}
@media (max-width: 767px) {
  body.omnichannel section.midpagecta .content, body.page-building-materials-omnichannel-commerce section.midpagecta .content {
    padding: 20px 20px 40px;
  }
}
@media (max-width: 1023px) {
  body.omnichannel section.midpagecta .content h3, body.page-building-materials-omnichannel-commerce section.midpagecta .content h3 {
    margin: 20px 0;
  }
}
body.omnichannel section.midpagecta .content .btn, body.page-building-materials-omnichannel-commerce section.midpagecta .content .btn {
  position: relative;
}
body.omnichannel section.midpagecta .content .btn .markerarrow, body.page-building-materials-omnichannel-commerce section.midpagecta .content .btn .markerarrow {
  top: -30px;
}
body.omnichannel section.brands, body.page-building-materials-omnichannel-commerce section.brands {
  margin: 50px auto 100px;
}
@media (max-width: 767px) {
  body.omnichannel section.brands, body.page-building-materials-omnichannel-commerce section.brands {
    margin: 50px 20px 50px;
  }
}
body.omnichannel section.brands .brandlogos, body.page-building-materials-omnichannel-commerce section.brands .brandlogos {
  padding: 0;
}
@media (max-width: 767px) {
  body.omnichannel section.brands .brandlogos, body.page-building-materials-omnichannel-commerce section.brands .brandlogos {
    justify-content: space-between;
  }
}
body.omnichannel section.brands .brandlogos img, body.page-building-materials-omnichannel-commerce section.brands .brandlogos img {
  width: 25%;
  max-height: 65px;
}
@media (max-width: 1023px) {
  body.omnichannel section.brands .brandlogos img, body.page-building-materials-omnichannel-commerce section.brands .brandlogos img {
    width: 22%;
    max-height: 45px;
  }
}
@media (max-width: 767px) {
  body.omnichannel section.brands .brandlogos img, body.page-building-materials-omnichannel-commerce section.brands .brandlogos img {
    max-width: 150px;
    width: 45%;
    max-height: 45px;
    margin-bottom: 40px;
  }
}
@media (max-width: 1023px) {
  body.omnichannel section.portfolio h2, body.page-building-materials-omnichannel-commerce section.portfolio h2 {
    text-align: left;
  }
}
body.omnichannel section.portfolio .porfoliowrapper .project, body.page-building-materials-omnichannel-commerce section.portfolio .porfoliowrapper .project {
  width: 48%;
  top: unset;
}
@media (max-width: 1023px) {
  body.omnichannel section.portfolio .porfoliowrapper .project, body.page-building-materials-omnichannel-commerce section.portfolio .porfoliowrapper .project {
    width: 100%;
  }
}
body.omnichannel section.portfolio .porfoliowrapper .project .image, body.page-building-materials-omnichannel-commerce section.portfolio .porfoliowrapper .project .image {
  max-height: 415px;
  margin-bottom: 70px;
}
@media (max-width: 1023px) {
  body.omnichannel section.portfolio .porfoliowrapper .project .image, body.page-building-materials-omnichannel-commerce section.portfolio .porfoliowrapper .project .image {
    max-height: 250px;
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  body.omnichannel section.portfolio .porfoliowrapper .project .image, body.page-building-materials-omnichannel-commerce section.portfolio .porfoliowrapper .project .image {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  body.omnichannel section.portfolio .porfoliowrapper .project .title, body.page-building-materials-omnichannel-commerce section.portfolio .porfoliowrapper .project .title {
    padding-top: 0;
  }
}
body.omnichannel section.portfolio .porfoliowrapper .project .title h3, body.page-building-materials-omnichannel-commerce section.portfolio .porfoliowrapper .project .title h3 {
  margin-bottom: 20px;
}
@media (min-width: 1281px) {
  body.omnichannel section.portfolio .porfoliowrapper .project .title h3, body.page-building-materials-omnichannel-commerce section.portfolio .porfoliowrapper .project .title h3 {
    font-size: 40px;
    line-height: 41px;
  }
}
@media (max-width: 1023px) {
  body.omnichannel section.portfolio .porfoliowrapper .project .title h3, body.page-building-materials-omnichannel-commerce section.portfolio .porfoliowrapper .project .title h3 {
    font-size: 4vw;
  }
}
@media (max-width: 767px) {
  body.omnichannel section.portfolio .porfoliowrapper .project .title h3, body.page-building-materials-omnichannel-commerce section.portfolio .porfoliowrapper .project .title h3 {
    font-size: 7vw;
    line-height: 9vw;
  }
}
body.omnichannel section.portfolio .porfoliowrapper .project .title p.category, body.page-building-materials-omnichannel-commerce section.portfolio .porfoliowrapper .project .title p.category {
  font-family: radikal-bold, sans-serif;
  font-weight: bold;
}
body.omnichannel section.actionable, body.page-building-materials-omnichannel-commerce section.actionable {
  margin-bottom: 100px;
}
@media (max-width: 1023px) {
  body.omnichannel section.actionable, body.page-building-materials-omnichannel-commerce section.actionable {
    margin-bottom: 50px;
  }
}
body.omnichannel section.actionable .container, body.page-building-materials-omnichannel-commerce section.actionable .container {
  align-items: center;
}
@media (max-width: 1023px) {
  body.omnichannel section.actionable .container, body.page-building-materials-omnichannel-commerce section.actionable .container {
    flex-direction: column;
  }
}
body.omnichannel section.actionable .container .col-50, body.page-building-materials-omnichannel-commerce section.actionable .container .col-50 {
  width: 60%;
}
@media (max-width: 1023px) {
  body.omnichannel section.actionable .container .col-50, body.page-building-materials-omnichannel-commerce section.actionable .container .col-50 {
    width: 100%;
  }
}
body.omnichannel section.actionable .container .col-50:first-child, body.page-building-materials-omnichannel-commerce section.actionable .container .col-50:first-child {
  width: 40%;
}
@media (max-width: 1023px) {
  body.omnichannel section.actionable .container .col-50:first-child, body.page-building-materials-omnichannel-commerce section.actionable .container .col-50:first-child {
    width: 100%;
  }
}
body.omnichannel section.actionable .container .text-center, body.page-building-materials-omnichannel-commerce section.actionable .container .text-center {
  text-align: left;
}
body.omnichannel section.actionable .container .cta, body.page-building-materials-omnichannel-commerce section.actionable .container .cta {
  padding: 0 0 20px;
}
@media (max-width: 1023px) {
  body.omnichannel section.actionable .container .cta, body.page-building-materials-omnichannel-commerce section.actionable .container .cta {
    margin: 0;
    width: 100%;
  }
}
body.omnichannel section.actionable .container .cta a, body.page-building-materials-omnichannel-commerce section.actionable .container .cta a {
  text-decoration: none;
  color: #fff;
  display: flex;
  border-radius: 20px;
  overflow: hidden;
  background: #000;
  padding: 0;
  justify-content: space-between;
  position: relative;
  margin: 0;
}
@media (max-width: 767px) {
  body.omnichannel section.actionable .container .cta a, body.page-building-materials-omnichannel-commerce section.actionable .container .cta a {
    flex-direction: column;
  }
}
body.omnichannel section.actionable .container .cta a .content, body.page-building-materials-omnichannel-commerce section.actionable .container .cta a .content {
  width: 60%;
  padding: 20px 40px;
  text-align: left;
  display: flex;
  flex-direction: column;
  color: #fff;
  align-self: center;
}
@media (max-width: 767px) {
  body.omnichannel section.actionable .container .cta a .content, body.page-building-materials-omnichannel-commerce section.actionable .container .cta a .content {
    width: 100%;
    padding: 40px 20px 20px;
  }
}
body.omnichannel section.actionable .container .cta a .content .title, body.page-building-materials-omnichannel-commerce section.actionable .container .cta a .content .title {
  font-size: 2.3125rem;
  line-height: 2.75rem;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  body.omnichannel section.actionable .container .cta a .content .title, body.page-building-materials-omnichannel-commerce section.actionable .container .cta a .content .title {
    font-size: 8vw;
  }
}
body.omnichannel section.actionable .container .cta a .content .button, body.page-building-materials-omnichannel-commerce section.actionable .container .cta a .content .button {
  display: inline-block;
}
body.omnichannel section.actionable .container .cta a .content .button .btn, body.page-building-materials-omnichannel-commerce section.actionable .container .cta a .content .button .btn {
  margin-top: 10px;
  position: relative;
}
body.omnichannel section.actionable .container .cta a .content .button .btn svg.markerarrow, body.page-building-materials-omnichannel-commerce section.actionable .container .cta a .content .button .btn svg.markerarrow {
  top: unset;
  bottom: 0;
}
body.omnichannel section.actionable .container .cta a .image, body.page-building-materials-omnichannel-commerce section.actionable .container .cta a .image {
  min-height: unset;
  border-radius: 0;
  margin-left: 0;
  position: relative;
}
@media (max-width: 767px) {
  body.omnichannel section.actionable .container .cta a .image, body.page-building-materials-omnichannel-commerce section.actionable .container .cta a .image {
    width: 100%;
    height: 300px;
  }
}
body.omnichannel section.actionable .container .cta a .image img, body.page-building-materials-omnichannel-commerce section.actionable .container .cta a .image img {
  position: relative;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
body.omnichannel section.actionable .container .cta a .image img.play, body.page-building-materials-omnichannel-commerce section.actionable .container .cta a .image img.play {
  z-index: 1;
  object-fit: unset;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  transform: translate(-50%, -50%);
}
@media (max-width: 1023px) {
  body.omnichannel footer, body.page-building-materials-omnichannel-commerce footer {
    padding-top: 0;
  }
}
body.omnichannel .modal-content, body.page-building-materials-omnichannel-commerce .modal-content {
  display: none;
}
body.omnichannel #modal, body.omnichannel #downloadmodal, body.omnichannel #applymodal, body.page-building-materials-omnichannel-commerce #modal, body.page-building-materials-omnichannel-commerce #downloadmodal, body.page-building-materials-omnichannel-commerce #applymodal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccc;
  z-index: 99999;
  overflow-y: scroll;
}
body.omnichannel #modal.open, body.omnichannel #downloadmodal.open, body.omnichannel #applymodal.open, body.page-building-materials-omnichannel-commerce #modal.open, body.page-building-materials-omnichannel-commerce #downloadmodal.open, body.page-building-materials-omnichannel-commerce #applymodal.open {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.omnichannel #modal .modalcontainer, body.omnichannel #downloadmodal .modalcontainer, body.omnichannel #applymodal .modalcontainer, body.page-building-materials-omnichannel-commerce #modal .modalcontainer, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer {
  position: relative;
  width: 100%;
}
body.omnichannel #modal .modalcontainer .closewrapper, body.omnichannel #downloadmodal .modalcontainer .closewrapper, body.omnichannel #applymodal .modalcontainer .closewrapper, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .closewrapper, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .closewrapper, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .closewrapper {
  position: absolute;
  top: 15px;
  right: 15px;
  display: inline-block;
  background: #000;
  color: #F6EB44;
  border-radius: 20px;
  height: 40px;
  width: 120px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding-right: 20px;
  font-size: 12px;
}
body.omnichannel #modal .modalcontainer .closewrapper:hover, body.omnichannel #downloadmodal .modalcontainer .closewrapper:hover, body.omnichannel #applymodal .modalcontainer .closewrapper:hover, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .closewrapper:hover, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .closewrapper:hover, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .closewrapper:hover {
  cursor: pointer;
}
body.omnichannel #modal .modalcontainer .closewrapper .close, body.omnichannel #downloadmodal .modalcontainer .closewrapper .close, body.omnichannel #applymodal .modalcontainer .closewrapper .close, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .closewrapper .close, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .closewrapper .close, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .closewrapper .close {
  position: absolute;
  z-index: 2;
  top: 3px;
  right: 3px;
  display: inline-block;
  width: 34px;
  height: 34px;
  overflow: hidden;
  border: none;
  border-radius: 50%;
  padding: 4px;
  background: #F6EB44;
}
body.omnichannel #modal .modalcontainer .closewrapper .close:hover, body.omnichannel #downloadmodal .modalcontainer .closewrapper .close:hover, body.omnichannel #applymodal .modalcontainer .closewrapper .close:hover, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .closewrapper .close:hover, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .closewrapper .close:hover, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .closewrapper .close:hover {
  cursor: pointer;
}
body.omnichannel #modal .modalcontainer .closewrapper .close:before, body.omnichannel #modal .modalcontainer .closewrapper .close:after, body.omnichannel #downloadmodal .modalcontainer .closewrapper .close:before, body.omnichannel #downloadmodal .modalcontainer .closewrapper .close:after, body.omnichannel #applymodal .modalcontainer .closewrapper .close:before, body.omnichannel #applymodal .modalcontainer .closewrapper .close:after, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .closewrapper .close:before, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .closewrapper .close:after, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .closewrapper .close:before, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .closewrapper .close:after, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .closewrapper .close:before, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .closewrapper .close:after {
  content: "";
  position: absolute;
  height: 4px;
  width: 50%;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  background: #000;
  border-radius: 5px;
  margin-top: -2px;
}
body.omnichannel #modal .modalcontainer .closewrapper .close:before, body.omnichannel #downloadmodal .modalcontainer .closewrapper .close:before, body.omnichannel #applymodal .modalcontainer .closewrapper .close:before, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .closewrapper .close:before, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .closewrapper .close:before, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .closewrapper .close:before {
  transform: translateX(-50%) rotate(-45deg);
}
body.omnichannel #modal .modalcontainer .closewrapper .close:after, body.omnichannel #downloadmodal .modalcontainer .closewrapper .close:after, body.omnichannel #applymodal .modalcontainer .closewrapper .close:after, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .closewrapper .close:after, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .closewrapper .close:after, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .closewrapper .close:after {
  transform: translateX(-50%) rotate(45deg);
}
body.omnichannel #modal .modalcontainer .modalcontent, body.omnichannel #downloadmodal .modalcontainer .modalcontent, body.omnichannel #applymodal .modalcontainer .modalcontent, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 99vw;
  max-width: 1500px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  overflow-x: clip;
  overflow-y: scroll;
  padding: 80px 0px 0px;
  max-height: 100vh;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent, body.omnichannel #downloadmodal .modalcontainer .modalcontent, body.omnichannel #applymodal .modalcontainer .modalcontent, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent {
    width: 100%;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent h2, body.omnichannel #downloadmodal .modalcontainer .modalcontent h2, body.omnichannel #applymodal .modalcontainer .modalcontent h2, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent h2, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent h2, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent h2 {
  color: #000;
  font-weight: bold;
  text-align: center;
}
body.omnichannel #modal .modalcontainer .modalcontent .title h2, body.omnichannel #downloadmodal .modalcontainer .modalcontent .title h2, body.omnichannel #applymodal .modalcontainer .modalcontent .title h2, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .title h2, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .title h2, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .title h2 {
  font-size: 5vw;
  line-height: 5.2vw;
  margin-bottom: 30px;
}
@media (min-width: 1281px) {
  body.omnichannel #modal .modalcontainer .modalcontent .title h2, body.omnichannel #downloadmodal .modalcontainer .modalcontent .title h2, body.omnichannel #applymodal .modalcontainer .modalcontent .title h2, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .title h2, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .title h2, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .title h2 {
    font-size: 82px;
    line-height: 86px;
  }
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .title h2, body.omnichannel #downloadmodal .modalcontainer .modalcontent .title h2, body.omnichannel #applymodal .modalcontainer .modalcontent .title h2, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .title h2, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .title h2, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .title h2 {
    font-size: 12vw;
    line-height: 13vw;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent ul, body.omnichannel #downloadmodal .modalcontainer .modalcontent ul, body.omnichannel #applymodal .modalcontainer .modalcontent ul, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent ul, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent ul, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent ul {
  margin: 30px 0 0 18px;
  padding: 0;
  font-size: 1.1875rem;
  line-height: 1.5rem;
}
body.omnichannel #modal .modalcontainer .modalcontent ul li, body.omnichannel #downloadmodal .modalcontainer .modalcontent ul li, body.omnichannel #applymodal .modalcontainer .modalcontent ul li, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent ul li, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent ul li, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent ul li {
  margin-bottom: 30px;
}
body.omnichannel #modal .modalcontainer .modalcontent .container, body.omnichannel #downloadmodal .modalcontainer .modalcontent .container, body.omnichannel #applymodal .modalcontainer .modalcontent .container, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .container, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .container, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .container {
  width: calc(100% - 40px);
}
body.omnichannel #modal .modalcontainer .modalcontent .container.row, body.omnichannel #downloadmodal .modalcontainer .modalcontent .container.row, body.omnichannel #applymodal .modalcontainer .modalcontent .container.row, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .container.row, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .container.row, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .container.row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .container.row, body.omnichannel #downloadmodal .modalcontainer .modalcontent .container.row, body.omnichannel #applymodal .modalcontainer .modalcontent .container.row, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .container.row, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .container.row, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .container.row {
    flex-direction: column;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent .container.column, body.omnichannel #downloadmodal .modalcontainer .modalcontent .container.column, body.omnichannel #applymodal .modalcontainer .modalcontent .container.column, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .container.column, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .container.column, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .container.column {
  display: flex;
  flex-direction: column;
}
body.omnichannel #modal .modalcontainer .modalcontent .col-50, body.omnichannel #downloadmodal .modalcontainer .modalcontent .col-50, body.omnichannel #applymodal .modalcontainer .modalcontent .col-50, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .col-50, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .col-50, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .col-50 {
  width: 48%;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .col-50, body.omnichannel #downloadmodal .modalcontainer .modalcontent .col-50, body.omnichannel #applymodal .modalcontainer .modalcontent .col-50, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .col-50, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .col-50, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .col-50 {
    width: 100%;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent .logos, body.omnichannel #downloadmodal .modalcontainer .modalcontent .logos, body.omnichannel #applymodal .modalcontainer .modalcontent .logos, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .logos, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .logos, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .logos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 40px 20px;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .logos, body.omnichannel #downloadmodal .modalcontainer .modalcontent .logos, body.omnichannel #applymodal .modalcontainer .modalcontent .logos, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .logos, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .logos, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .logos {
    flex-direction: column;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent .logos img, body.omnichannel #downloadmodal .modalcontainer .modalcontent .logos img, body.omnichannel #applymodal .modalcontainer .modalcontent .logos img, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .logos img, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .logos img, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .logos img {
  max-width: 130px;
  max-height: 50px;
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy {
  padding: 80px 50px;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .casestudy, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy {
    padding: 50px 20px;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy > .title, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy > .title, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy > .title, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy > .title, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy > .title, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy > .title {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto 70px;
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy .image, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .image, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .image, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .image, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .image, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .image {
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .casestudy .image, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .image, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .image, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .image, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .image, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .image {
    height: 250px;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy .image img, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .image img, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .image img, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .image img, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .image img, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy .stats, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .stats, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .stats, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .stats, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .stats, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .stats {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: -50px auto 100px;
  z-index: 1;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .casestudy .stats, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .stats, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .stats, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .stats, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .stats, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .stats {
    flex-direction: column;
    margin-bottom: 20px;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy .stats .stat, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .stats .stat, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .stats .stat, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .stats .stat {
  width: 32%;
  padding: 50px 30px;
  background: #000;
  border-radius: 20px;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .casestudy .stats .stat, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .stats .stat, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .stats .stat, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .stats .stat {
    width: 100%;
    padding: 30px 20px;
    margin-bottom: 30px;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .number {
  font-family: radikal-bold, sans-serif;
  font-size: 5vw;
  line-height: 7.25rem;
  font-weight: bold;
}
@media (min-width: 1281px) {
  body.omnichannel #modal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .number {
    font-size: 88px;
    line-height: 116px;
  }
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .number, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .number {
    font-size: 12vw;
    line-height: 13vw;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint {
  font-size: 2vw;
  line-height: 2.75rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .datapoint {
    font-size: 6vw;
    line-height: 7vw;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy .stats .stat .text, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .text, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .text, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .stats .stat .text, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat .text, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .stats .stat .text {
  font-size: 1.1875rem;
  line-height: 2.125rem;
  font-weight: bold;
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .number, body.omnichannel #modal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .datapoint, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .number, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .datapoint, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .number, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .datapoint, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .number, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .datapoint, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .number, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .datapoint, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .number, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:first-child .datapoint {
  color: #F6EB44;
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .number, body.omnichannel #modal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .datapoint, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .number, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .datapoint, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .number, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .datapoint, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .number, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .datapoint, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .number, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .datapoint, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .number, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(2) .datapoint {
  color: #EB586B;
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .number, body.omnichannel #modal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .datapoint, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .number, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .datapoint, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .number, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .datapoint, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .number, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .datapoint, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .number, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .datapoint, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .number, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .stats .stat:nth-child(3) .datapoint {
  color: #53C3C0;
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo {
    flex-direction: column;
    margin-bottom: 50px;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col {
  width: calc(65% - 40px);
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child {
  width: calc(35% - 40px);
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col:first-child {
    width: 100%;
  }
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .backgroundinfo .col {
    width: 100%;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy .happening, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .happening, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .happening, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .happening, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .happening, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .happening {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .casestudy .happening, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .happening, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .happening, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .happening, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .happening, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .happening {
    flex-direction: column;
    margin-bottom: 50px;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy .happening .title, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .happening .title, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .happening .title, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .happening .title, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .happening .title, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .happening .title {
  width: 100%;
  flex-basis: 100%;
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy .happening .col, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .happening .col, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .happening .col, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .happening .col, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .happening .col, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .happening .col {
  width: 30%;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .casestudy .happening .col, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .happening .col, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .happening .col, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .happening .col, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .happening .col, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .happening .col {
    width: 100%;
    margin-bottom: 30px;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent .casestudy .happening .col h4, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .happening .col h4, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .happening .col h4, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .happening .col h4, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .happening .col h4, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .happening .col h4 {
  font-family: radikal-bold, sans-serif;
  font-size: 2.5rem;
  line-height: 2.5625rem;
  font-weight: 700;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .casestudy .happening .col h4, body.omnichannel #downloadmodal .modalcontainer .modalcontent .casestudy .happening .col h4, body.omnichannel #applymodal .modalcontainer .modalcontent .casestudy .happening .col h4, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .casestudy .happening .col h4, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .casestudy .happening .col h4, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .casestudy .happening .col h4 {
    font-size: 7vw;
    line-height: 9vw;
    margin-bottom: 20px;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent .bg-black, body.omnichannel #downloadmodal .modalcontainer .modalcontent .bg-black, body.omnichannel #applymodal .modalcontainer .modalcontent .bg-black, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .bg-black, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .bg-black, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .bg-black {
  padding: 50px;
  color: #fff;
}
body.omnichannel #modal .modalcontainer .modalcontent .bg-black h2, body.omnichannel #modal .modalcontainer .modalcontent .bg-black p, body.omnichannel #downloadmodal .modalcontainer .modalcontent .bg-black h2, body.omnichannel #downloadmodal .modalcontainer .modalcontent .bg-black p, body.omnichannel #applymodal .modalcontainer .modalcontent .bg-black h2, body.omnichannel #applymodal .modalcontainer .modalcontent .bg-black p, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .bg-black h2, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .bg-black p, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .bg-black h2, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .bg-black p, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .bg-black h2, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .bg-black p {
  color: #fff;
}
body.omnichannel #modal .modalcontainer .modalcontent .bg-black.form, body.omnichannel #downloadmodal .modalcontainer .modalcontent .bg-black.form, body.omnichannel #applymodal .modalcontainer .modalcontent .bg-black.form, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .bg-black.form, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .bg-black.form, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .bg-black.form {
  margin: 0;
  padding: 100px 50px;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .bg-black.form, body.omnichannel #downloadmodal .modalcontainer .modalcontent .bg-black.form, body.omnichannel #applymodal .modalcontainer .modalcontent .bg-black.form, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .bg-black.form, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .bg-black.form, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .bg-black.form {
    padding: 40px 20px;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent .bg-black.form .container, body.omnichannel #downloadmodal .modalcontainer .modalcontent .bg-black.form .container, body.omnichannel #applymodal .modalcontainer .modalcontent .bg-black.form .container, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .bg-black.form .container, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .bg-black.form .container, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .bg-black.form .container {
  justify-content: center;
}
body.omnichannel #modal .modalcontainer .modalcontent .bg-black.form .downloadctaFormholder, body.omnichannel #modal .modalcontainer .modalcontent .bg-black.form .auditFormholder, body.omnichannel #downloadmodal .modalcontainer .modalcontent .bg-black.form .downloadctaFormholder, body.omnichannel #downloadmodal .modalcontainer .modalcontent .bg-black.form .auditFormholder, body.omnichannel #applymodal .modalcontainer .modalcontent .bg-black.form .downloadctaFormholder, body.omnichannel #applymodal .modalcontainer .modalcontent .bg-black.form .auditFormholder, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .bg-black.form .downloadctaFormholder, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .bg-black.form .auditFormholder, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .bg-black.form .downloadctaFormholder, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .bg-black.form .auditFormholder, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .bg-black.form .downloadctaFormholder, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .bg-black.form .auditFormholder {
  width: 100%;
}
body.omnichannel #modal .modalcontainer .modalcontent .bg-black.form .contactsuccess, body.omnichannel #downloadmodal .modalcontainer .modalcontent .bg-black.form .contactsuccess, body.omnichannel #applymodal .modalcontainer .modalcontent .bg-black.form .contactsuccess, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .bg-black.form .contactsuccess, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .bg-black.form .contactsuccess, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .bg-black.form .contactsuccess {
  margin-top: 50px;
  text-align: center;
}
body.omnichannel #modal .modalcontainer .modalcontent .bg-black.form .contactsuccess p, body.omnichannel #downloadmodal .modalcontainer .modalcontent .bg-black.form .contactsuccess p, body.omnichannel #applymodal .modalcontainer .modalcontent .bg-black.form .contactsuccess p, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .bg-black.form .contactsuccess p, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .bg-black.form .contactsuccess p, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .bg-black.form .contactsuccess p {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
body.omnichannel #modal .modalcontainer .modalcontent .bg-black.form .contactsuccess a.btn, body.omnichannel #downloadmodal .modalcontainer .modalcontent .bg-black.form .contactsuccess a.btn, body.omnichannel #applymodal .modalcontainer .modalcontent .bg-black.form .contactsuccess a.btn, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .bg-black.form .contactsuccess a.btn, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .bg-black.form .contactsuccess a.btn, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .bg-black.form .contactsuccess a.btn {
  margin: 0 auto;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent .block, body.omnichannel #downloadmodal .modalcontainer .modalcontent .block, body.omnichannel #applymodal .modalcontainer .modalcontent .block, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent .block, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent .block, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent .block {
    margin-top: 50px;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent form, body.omnichannel #downloadmodal .modalcontainer .modalcontent form, body.omnichannel #applymodal .modalcontainer .modalcontent form, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form {
  margin: 0 auto;
  max-width: 1100px;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent form, body.omnichannel #downloadmodal .modalcontainer .modalcontent form, body.omnichannel #applymodal .modalcontainer .modalcontent form, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form {
    padding: 0;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent form .formfields, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .formfields, body.omnichannel #applymodal .modalcontainer .modalcontent form .formfields, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .formfields, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .formfields, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .formfields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent form .formfields .fieldgroup, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .formfields .fieldgroup, body.omnichannel #applymodal .modalcontainer .modalcontent form .formfields .fieldgroup, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .formfields .fieldgroup, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .formfields .fieldgroup, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .formfields .fieldgroup {
    margin-bottom: 30px;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent form .formfields .fieldgroup.hidden, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .formfields .fieldgroup.hidden, body.omnichannel #applymodal .modalcontainer .modalcontent form .formfields .fieldgroup.hidden, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .formfields .fieldgroup.hidden, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .formfields .fieldgroup.hidden, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .formfields .fieldgroup.hidden {
  display: none;
}
body.omnichannel #modal .modalcontainer .modalcontent form .formfields .fieldgroup.submit, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .formfields .fieldgroup.submit, body.omnichannel #applymodal .modalcontainer .modalcontent form .formfields .fieldgroup.submit, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .formfields .fieldgroup.submit, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .formfields .fieldgroup.submit, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .formfields .fieldgroup.submit {
  flex-basis: 100%;
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent form .formfields .fieldgroup.fifty, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .formfields .fieldgroup.fifty, body.omnichannel #applymodal .modalcontainer .modalcontent form .formfields .fieldgroup.fifty, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .formfields .fieldgroup.fifty, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .formfields .fieldgroup.fifty, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .formfields .fieldgroup.fifty {
    width: 100%;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent form .label, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .label, body.omnichannel #applymodal .modalcontainer .modalcontent form .label, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .label, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .label, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .label {
  visibility: hidden;
}
body.omnichannel #modal .modalcontainer .modalcontent form label, body.omnichannel #downloadmodal .modalcontainer .modalcontent form label, body.omnichannel #applymodal .modalcontainer .modalcontent form label, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form label, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form label, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form label {
  display: block;
  color: #fff;
  text-align: left;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  body.omnichannel #modal .modalcontainer .modalcontent form label, body.omnichannel #downloadmodal .modalcontainer .modalcontent form label, body.omnichannel #applymodal .modalcontainer .modalcontent form label, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form label, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form label, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form label {
    font-size: 1.1875rem;
  }
}
@media (max-width: 767px) {
  body.omnichannel #modal .modalcontainer .modalcontent form label, body.omnichannel #downloadmodal .modalcontainer .modalcontent form label, body.omnichannel #applymodal .modalcontainer .modalcontent form label, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form label, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form label, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form label {
    margin-bottom: 10px;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent form label.error, body.omnichannel #downloadmodal .modalcontainer .modalcontent form label.error, body.omnichannel #applymodal .modalcontainer .modalcontent form label.error, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form label.error, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form label.error, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form label.error {
  color: #EB586B;
  font-size: 16px;
}
body.omnichannel #modal .modalcontainer .modalcontent form input[type=text], body.omnichannel #downloadmodal .modalcontainer .modalcontent form input[type=text], body.omnichannel #applymodal .modalcontainer .modalcontent form input[type=text], body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form input[type=text], body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form input[type=text], body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form input[type=text] {
  border: 1px solid #fff;
  padding: 3px 15px;
  min-height: 58px;
  color: #fff;
  font-size: 16px;
}
body.omnichannel #modal .modalcontainer .modalcontent form input[type=text]:-ms-input-placeholder, body.omnichannel #downloadmodal .modalcontainer .modalcontent form input[type=text]:-ms-input-placeholder, body.omnichannel #applymodal .modalcontainer .modalcontent form input[type=text]:-ms-input-placeholder, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form input[type=text]:-ms-input-placeholder, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form input[type=text]:-ms-input-placeholder, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form input[type=text]:-ms-input-placeholder {
  color: #fff;
}
body.omnichannel #modal .modalcontainer .modalcontent form input[type=text]::-ms-input-placeholder, body.omnichannel #downloadmodal .modalcontainer .modalcontent form input[type=text]::-ms-input-placeholder, body.omnichannel #applymodal .modalcontainer .modalcontent form input[type=text]::-ms-input-placeholder, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form input[type=text]::-ms-input-placeholder, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form input[type=text]::-ms-input-placeholder, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form input[type=text]::-ms-input-placeholder {
  color: #fff;
}
body.omnichannel #modal .modalcontainer .modalcontent form .otherinput, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .otherinput, body.omnichannel #applymodal .modalcontainer .modalcontent form .otherinput, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .otherinput, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .otherinput, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .otherinput {
  display: none;
  margin-top: 20px;
  align-items: center;
  position: relative;
  width: 100%;
}
body.omnichannel #modal .modalcontainer .modalcontent form .otherinput.show, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .otherinput.show, body.omnichannel #applymodal .modalcontainer .modalcontent form .otherinput.show, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .otherinput.show, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .otherinput.show, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .otherinput.show {
  display: flex;
}
body.omnichannel #modal .modalcontainer .modalcontent form .otherinput:before, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .otherinput:before, body.omnichannel #applymodal .modalcontainer .modalcontent form .otherinput:before, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .otherinput:before, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .otherinput:before, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .otherinput:before {
  position: relative;
  content: "If other:";
  color: #fff;
  display: inline-block;
  margin-right: 20px;
  white-space: nowrap;
}
body.omnichannel #modal .modalcontainer .modalcontent form select, body.omnichannel #modal .modalcontainer .modalcontent form .multiselect, body.omnichannel #downloadmodal .modalcontainer .modalcontent form select, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect, body.omnichannel #applymodal .modalcontainer .modalcontent form select, body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form select, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form select, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form select, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #fff;
  border-radius: 40px;
  color: #fff;
  background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.31' height='8.069' viewBox='0 0 13.31 8.069'%3E%3Cpath id='Path_2672' data-name='Path 2672' d='M-9645-575l5.948,5.948L-9645-563.1' transform='translate(-562.397 9645.707) rotate(90)' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center right 30px/15px;
  width: 100%;
  min-height: 58px;
  padding: 3px 15px;
  position: relative;
  font-size: 16px;
}
body.omnichannel #modal .modalcontainer .modalcontent form .multiselect, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect, body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  min-height: 58px;
  text-align: left;
  color: #fff;
  z-index: 9999;
  font-size: 16px;
  background: #000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.31' height='8.069' viewBox='0 0 13.31 8.069'%3E%3Cpath id='Path_2672' data-name='Path 2672' d='M-9645-575l5.948,5.948L-9645-563.1' transform='translate(-562.397 9645.707) rotate(90)' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center right 30px/15px;
}
body.omnichannel #modal .modalcontainer .modalcontent form .multiselect .multiselect__select, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__select, body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__select, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect .multiselect__select, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__select, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__select {
  line-height: 16px;
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 40px;
  height: 38px;
  right: 1px;
  top: 1px;
  padding: 4px 8px;
  margin: 0;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: transform 0.2s ease;
}
body.omnichannel #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags, body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags {
  min-height: 40px;
  display: block;
  border-radius: 5px;
  font-size: 14px;
}
body.omnichannel #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags input, body.omnichannel #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags input[type=text], body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags input, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags input[type=text], body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags input, body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags input[type=text], body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags input, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags input[type=text], body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags input, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags input[type=text], body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags input, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags input[type=text] {
  margin-top: 30px;
  border: 1px solid blue;
  font-size: 16px;
}
body.omnichannel #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag, body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag {
  padding: 3px 25px 3px 15px;
  background: #EB586B;
  color: #fff;
  border-radius: 20px;
  margin: 2px;
  position: relative;
  display: inline-block;
}
body.omnichannel #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag span, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag span, body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag span, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag span, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag span, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag span {
  white-space: nowrap;
}
body.omnichannel #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon, body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon {
  display: block;
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  padding: 5px;
}
body.omnichannel #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.omnichannel #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 50%;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  background: #000;
  border-radius: 1px;
  margin-top: -2px;
}
body.omnichannel #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:before {
  transform: translateX(-50%) rotate(-45deg);
}
body.omnichannel #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:after {
  transform: translateX(-50%) rotate(45deg);
}
body.omnichannel #modal .modalcontainer .modalcontent form .multiselect .multiselect__content-wrapper, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__content-wrapper, body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__content-wrapper, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect .multiselect__content-wrapper, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__content-wrapper, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__content-wrapper {
  left: 0;
  position: absolute;
  display: block;
  background: #000;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}
body.omnichannel #modal .modalcontainer .modalcontent form .multiselect .multiselect__placeholder, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__placeholder, body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__placeholder, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect .multiselect__placeholder, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect .multiselect__placeholder, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect .multiselect__placeholder {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  font-size: 16px;
}
body.omnichannel #modal .modalcontainer .modalcontent form .multiselect ul, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect ul, body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect ul, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect ul, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect ul, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect ul {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
body.omnichannel #modal .modalcontainer .modalcontent form .multiselect ul li, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect ul li, body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect ul li, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect ul li, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect ul li, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect ul li {
  margin: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  height: unset;
}
body.omnichannel #modal .modalcontainer .modalcontent form .multiselect ul li > span, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect ul li > span, body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect ul li > span, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect ul li > span, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect ul li > span, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect ul li > span {
  padding: 10px 20px 10px;
  display: block;
  width: 100%;
  font-size: 16px;
}
body.omnichannel #modal .modalcontainer .modalcontent form .multiselect ul li[aria-selected=true], body.omnichannel #downloadmodal .modalcontainer .modalcontent form .multiselect ul li[aria-selected=true], body.omnichannel #applymodal .modalcontainer .modalcontent form .multiselect ul li[aria-selected=true], body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .multiselect ul li[aria-selected=true], body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .multiselect ul li[aria-selected=true], body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .multiselect ul li[aria-selected=true] {
  background: #aaa;
  color: #000;
}
body.omnichannel #modal .modalcontainer .modalcontent form textarea, body.omnichannel #downloadmodal .modalcontainer .modalcontent form textarea, body.omnichannel #applymodal .modalcontainer .modalcontent form textarea, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form textarea, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form textarea, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form textarea {
  border: 1px solid #fff;
  border-radius: 20px;
  color: #fff;
  min-height: 100px;
}
body.omnichannel #modal .modalcontainer .modalcontent form input[type=submit], body.omnichannel #downloadmodal .modalcontainer .modalcontent form input[type=submit], body.omnichannel #applymodal .modalcontainer .modalcontent form input[type=submit], body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form input[type=submit], body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form input[type=submit], body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form input[type=submit] {
  display: block;
  padding: 10px 40px;
  text-decoration: none;
  transition: background 0.5s;
  width: auto;
  margin: 0 auto;
  text-align: center;
  font-size: 1rem;
}
@media (max-width: 1023px) {
  body.omnichannel #modal .modalcontainer .modalcontent form input[type=submit], body.omnichannel #downloadmodal .modalcontainer .modalcontent form input[type=submit], body.omnichannel #applymodal .modalcontainer .modalcontent form input[type=submit], body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form input[type=submit], body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form input[type=submit], body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form input[type=submit] {
    margin: 0;
  }
}
body.omnichannel #modal .modalcontainer .modalcontent form .checkboxcontainer, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .checkboxcontainer, body.omnichannel #applymodal .modalcontainer .modalcontent form .checkboxcontainer, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .checkboxcontainer, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .checkboxcontainer, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .checkboxcontainer {
  font-size: 0.9375rem;
  line-height: 1.5625rem;
}
body.omnichannel #modal .modalcontainer .modalcontent form .checkboxcontainer span, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .checkboxcontainer span, body.omnichannel #applymodal .modalcontainer .modalcontent form .checkboxcontainer span, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .checkboxcontainer span, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .checkboxcontainer span, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .checkboxcontainer span {
  color: #fff;
}
body.omnichannel #modal .modalcontainer .modalcontent form .checkboxcontainer .fineprint, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .checkboxcontainer .fineprint, body.omnichannel #applymodal .modalcontainer .modalcontent form .checkboxcontainer .fineprint, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .checkboxcontainer .fineprint, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .checkboxcontainer .fineprint, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .checkboxcontainer .fineprint {
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-top: 30px;
  display: block;
  color: #fff;
}
body.omnichannel #modal .modalcontainer .modalcontent form .checkboxcontainer .fineprint a, body.omnichannel #downloadmodal .modalcontainer .modalcontent form .checkboxcontainer .fineprint a, body.omnichannel #applymodal .modalcontainer .modalcontent form .checkboxcontainer .fineprint a, body.page-building-materials-omnichannel-commerce #modal .modalcontainer .modalcontent form .checkboxcontainer .fineprint a, body.page-building-materials-omnichannel-commerce #downloadmodal .modalcontainer .modalcontent form .checkboxcontainer .fineprint a, body.page-building-materials-omnichannel-commerce #applymodal .modalcontainer .modalcontent form .checkboxcontainer .fineprint a {
  color: #fff;
}

/*# sourceMappingURL=style.css.map */