.BoxedCallout {
  border: thin solid black;
  border-bottom: 3px solid #d52b1e; }
  .BoxedCallout ._image-panel {
    text-align: center; }
  .BoxedCallout ._text-panel {
    color: black; }
    .BoxedCallout ._text-panel::after {
      display: block;
      content: "";
      clear: both; }
    .BoxedCallout ._text-panel ._heading {
      margin: 1rem 0; }
    .BoxedCallout ._text-panel ul {
      padding-left: 1.4rem; }
    .BoxedCallout ._text-panel ._cta {
      font-weight: bold;
      color: black;
      float: right;
      margin-right: -10px; }
      .BoxedCallout ._text-panel ._cta::after {
        content: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpolyline points='1,1 5,5 1,9' fill='none' stroke='black' stroke-width='1.5' /%3E%3C/svg%3E");
        height: 1.1em;
        width: 0.66em;
        vertical-align: -0.25em;
        margin-left: 0.6em;
        display: inline-block; }
      .BoxedCallout ._text-panel ._cta:hover {
        color: inherit;
        text-decoration: none;
        opacity: 1; }
  @media (max-width: 689px) {
    .BoxedCallout {
      padding: 30px 30px 20px; }
      .BoxedCallout ._image-panel {
        background-image: none !important; }
        .BoxedCallout ._image-panel img {
          max-width: 100%; } }
  @media (min-width: 690px) {
    .BoxedCallout {
      display: flex; }
      .BoxedCallout ._image-panel {
        width: 50%;
        position: relative;
        background-position: center;
        background-size: cover; }
        .BoxedCallout ._image-panel img {
          position: absolute;
          right: 5%;
          bottom: -60px;
          max-width: 90%; }
      .BoxedCallout ._text-panel {
        width: 50%;
        padding: 30px 5% 20px; } }

.elevator {
  position: relative; }

.elevator-indicators {
  list-style: none;
  padding: 0;
  margin: 0;
  float: right;
  -webkit-transform: translateY(calc(0.5 * (100vh - 77px) - 50%));
          transform: translateY(calc(0.5 * (100vh - 77px) - 50%)); }
  .elevator-indicators li {
    opacity: 0.25;
    cursor: pointer; }
    .elevator-indicators li::after {
      content: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='9px' height='9px' viewBox='-9 -9 18 18'%3E%3Ccircle fill='none' stroke='%23d52b1e' stroke-width='4' r='7'/%3E%3C/svg%3E");
      line-height: 9px; }
    .elevator-indicators li.active {
      opacity: 1; }

.HomeHero {
  position: relative;
  background-position: center;
  background-size: cover; }
  .HomeHero h1,
  .HomeHero h2 {
    font-size: 3.2rem; }
  @media (min-width: 690px) {
    .HomeHero h1,
    .HomeHero h2 {
      font-size: 4rem; } }
  @media (min-width: 920px) {
    .HomeHero h1,
    .HomeHero h2 {
      font-size: 6.5rem; } }
  .HomeHero:lang(es-mx) {
    background-image: url("/images/backgrounds/homepage/home-hero-mx-ebfad7e7.jpg"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .HomeHero:lang(es-mx) {
      background-image: url("/images/backgrounds/homepage/home-hero-mx_2x-29cd90b4.jpg"); } }
  @media (max-width: 689px) {
    .HomeHero {
      background-image: url("/images/homepage/hero-bg-mobile-us-84fbdd4f.jpg"); }
      .HomeHero:lang(es-mx) {
        background-image: url("/images/backgrounds/homepage/home-hero-mx-mobile-5c0b033d.jpg"); }
      .HomeHero:lang(de-at), .HomeHero:lang(de), .HomeHero:lang(fr-be), .HomeHero:lang(fr-ca), .HomeHero:lang(fr), .HomeHero:lang(it), .HomeHero:lang(nl-be), .HomeHero:lang(nl), .HomeHero:lang(pl), .HomeHero:lang(pt) {
        background-image: url("/images/homepage/hero-bg-mobile-eu-6c476c33.jpg"); }
      .HomeHero:lang(en-nz) {
        background-image: url("/images/homepage/hero-bg-mobile-au-38c045c3.jpg"); } }
  .HomeHero ._backdrop {
    display: none; }
  @media (min-width: 690px) {
    .HomeHero {
      min-height: 560px;
      position: relative;
      overflow: hidden; }
      .HomeHero ._backdrop,
      .HomeHero ._overlay, .HomeHero::after {
        display: block;
        position: absolute; }
      .HomeHero ._overlay, .HomeHero::after {
        width: 100%;
        height: 100%; }
      .HomeHero ._backdrop {
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .HomeHero ._overlay {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; } }
  .HomeHero ._overlay {
    background-color: rgba(0, 0, 0, 0.35); }
  @media (min-width: 920px) {
    .HomeHero ._overlay {
      background-color: rgba(0, 0, 0, 0.15); } }
  .HomeHero ._detail p {
    color: white;
    font-size: 1.4rem;
    margin-bottom: 0; }
  .HomeHero.-gradient {
    position: relative; }
    .HomeHero.-gradient::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      background-image: linear-gradient(35deg, rgba(0, 0, 0, 0.9) 0%, transparent 70%); }
    .HomeHero.-gradient ._overlay {
      z-index: 2; }
  .HomeHero.-animated ._overlay {
    -webkit-animation-name: ub2202204;
            animation-name: ub2202204;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }

@-webkit-keyframes ub2202204 {
  from {
    background-color: black; }
  to {
    background-color: rgba(0, 0, 0, 0.15); } }

@keyframes ub2202204 {
  from {
    background-color: black; }
  to {
    background-color: rgba(0, 0, 0, 0.15); } }
  .HomeHero.-animated ._heading-wrapper {
    overflow-y: hidden; }
    .HomeHero.-animated ._heading-wrapper ._heading {
      -webkit-animation-name: u5b15b3f4;
              animation-name: u5b15b3f4;
      -webkit-animation-duration: 1s;
              animation-duration: 1s;
      -webkit-animation-delay: 1s;
              animation-delay: 1s;
      -webkit-animation-fill-mode: both;
              animation-fill-mode: both; }

@-webkit-keyframes u5b15b3f4 {
  from {
    opacity: 0;
    -webkit-transform: translateY(20%);
            transform: translateY(20%); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes u5b15b3f4 {
  from {
    opacity: 0;
    -webkit-transform: translateY(20%);
            transform: translateY(20%); }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }
  .HomeHero.-animated ._detail {
    -webkit-animation-name: ud877aecb;
            animation-name: ud877aecb;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }

@-webkit-keyframes ud877aecb {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes ud877aecb {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .HomeHero.-animated ._actions {
    -webkit-animation-name: u7ffe32ed;
            animation-name: u7ffe32ed;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-delay: 3.3s;
            animation-delay: 3.3s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }

@-webkit-keyframes u7ffe32ed {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes u7ffe32ed {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .HomeHero.-animated::after {
    content: '';
    background-color: white;
    -webkit-animation-name: u0a28c4a2;
            animation-name: u0a28c4a2;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }

@-webkit-keyframes u0a28c4a2 {
  from {
    left: 0; }
  to {
    left: 100%; } }

@keyframes u0a28c4a2 {
  from {
    left: 0; }
  to {
    left: 100%; } }
  @media (max-width: 689px) {
    .HomeHero.-animated ._overlay {
      -webkit-animation: none;
              animation: none; }
    .HomeHero.-animated ._heading-wrapper ._heading {
      -webkit-animation: none;
              animation: none; }
    .HomeHero.-animated ._detail {
      -webkit-animation: none;
              animation: none; }
    .HomeHero.-animated ._actions {
      -webkit-animation: none;
              animation: none; } }

.SectionIndicator ._title {
  font-family: "NeueHaasGroteskText W02", "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  font-size: 0.9rem;
  fill: rgba(0, 0, 0, 0.15); }

.SectionIndicator ._blip, .SectionIndicator ._track {
  fill: #d52b1e;
  stroke: #d52b1e; }

.SectionIndicator ._section.active ._title {
  fill: #000000; }

.SectionIndicator ._section.active ~ ._section ._blip, .SectionIndicator ._section.active ~ ._section ._track {
  fill: transparent;
  stroke: rgba(0, 0, 0, 0.15); }

.SectionIndicator [data-smooth-scroll] {
  cursor: pointer; }

.hp_customer-video {
  display: -ms-grid;
  display: grid;
  color: #ffffff; }
  .hp_customer-video:hover {
    color: #ffffff; }
    .hp_customer-video:hover svg {
      opacity: 0.75; }
  .hp_customer-video img, .hp_customer-video svg {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1; }
  .hp_customer-video img {
    display: block;
    width: 100%; }
  .hp_customer-video svg {
    margin: auto;
    width: 60px;
    height: 60px; }

.hp_customer-quote {
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.2;
  color: #000000; }

.hp_customer-source {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: #000000; }

.hp_solutions-slider {
  display: none;
  width: 100vw;
  height: 100vh;
  pointer-events: none; }
  @media (min-width: 920px) {
    .hp_solutions-slider {
      display: flex; } }
  .hp_solutions-slider svg {
    margin: auto 0 auto auto;
    max-width: 100%;
    pointer-events: all; }

.hp_benefits-desc {
  color: #ffffff;
  font-size: 1.05rem;
  line-height: 1.35; }

.hp_promo-whitebox {
  border: thin solid black;
  padding: 25px 25px; }
  .hp_promo-whitebox img {
    max-width: 100%; }
  .hp_promo-whitebox h4 {
    margin-top: 20px; }
  .hp_promo-whitebox ul {
    padding-left: 18px; }
  .hp_promo-whitebox li {
    color: black;
    font-family: "NeueHaasGroteskDisp W02", "Helvetica Neue", Arial, sans-serif;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-bottom: 0.5rem; }
  .hp_promo-whitebox-cta {
    display: block;
    padding-top: 10px; }
  .hp_promo-whitebox-link-text-ext {
    display: none; }
  @media (min-width: 690px) {
    .hp_promo-whitebox {
      display: flex;
      align-items: center;
      padding: 40px 50px; }
      .hp_promo-whitebox-image {
        order: 1;
        flex-shrink: 0.5;
        margin-left: auto; }
      .hp_promo-whitebox img {
        margin-top: -10px; }
      .hp_promo-whitebox h4 {
        margin-top: 0;
        max-width: 100%; }
      .hp_promo-whitebox-text {
        padding-right: 20px;
        flex-grow: 0.5; }
      .hp_promo-whitebox-link-text-ext {
        display: inline; } }
  @media (min-width: 1190px) {
    .hp_promo-whitebox h4 {
      margin: 0;
      max-width: 8em; }
    .hp_promo-whitebox p {
      max-width: 22em; }
    .hp_promo-whitebox-text {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; } }