/* mixin for multiline */
/*
Media query mixin
 */
.imageHeader {
  width: 100%;
  position: relative;}
  .imageHeader.centercenter .imageHeader__heading {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .imageHeader.centercenter .imageHeader__heading .heading__inspiring-text {
      width: 100%; font-family: "font1";
      text-align: center !important;
      font-size: 80px;
      line-height: 1.1em; margin-bottom:20px; }
      .imageHeader.centercenter .imageHeader__heading .heading__inspiring-text .titleSecondLine {
        font-size: 80px;
        text-transform: uppercase; }
    .imageHeader.centercenter .imageHeader__heading .heading__description {
      font-size: 20px;
      line-height: 160%; }
    .imageHeader.centercenter .imageHeader__heading div.heading__inspiring-text {
      margin: 30px 0 0 0;
      font-size: 38px;
      text-transform: uppercase;
      font-weight: 500;
      font-family: 'brandon-grotesque', Arial, sans-serif;
      transform: unset;
      color: #69c8cc; }
  @media (min-width: 765px) {
    .imageHeader.centercenter {
      height: 115vh; }
      .imageHeader.centercenter .imageHeader__heading {
        max-width: 900px; }
      .imageHeader.centercenter .imageHeader .heading__inspiring-text {
        width: 100%;
        text-align: center !important; } }
  @media (min-width: 765px) and (max-width: 991px) {
    .imageHeader.centercenter {
      height: 100vh; } }
  @media (max-width: 764px) {
    .imageHeader.centercenter {
      height: 100vh; }
      .imageHeader.centercenter .imageHeader__fade-up {
        height: 60%;
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
      .imageHeader.centercenter .imageHeader__heading {
        bottom: unset; }
        .imageHeader.centercenter .imageHeader__heading h3.heading__inspiring-text {
          transform: unset;
          line-height: 1.4em;
          font-size: 40px;
          margin: 0 0 10px 0; }
          .imageHeader.centercenter .imageHeader__heading h3.heading__inspiring-text .titleSecondLine {
            font-size: 60px; }
        .imageHeader.centercenter .imageHeader__heading .heading__description {
          font-size: 18px;
          line-height: 160%; }
        .imageHeader.centercenter .imageHeader__heading div.heading__inspiring-text {
          font-size: 24px; } }
  .imageHeader__img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .imageHeader__fade-up {
    position: absolute;
    width: 100%;
    height: 70%;
    bottom: -1px;
    left: 0px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    pointer-events: none; }
  .imageHeader__heading {
    position: absolute;
    left: 5%;
    bottom: 20%;
    width: 90%;
    pointer-events: none; }
    .imageHeader__heading .heading__title {
      font-size: 42px !important; }
  .imageHeader__overlay {
    position: absolute;
    object-position: 100% 50%;
    object-fit: contain;
    z-index: 50; }
  .imageHeader__video360-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .imageHeader__video360-wrapper.visible {
    display: block; }
  .imageHeader__video-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .imageHeader__video {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden; }
  .imageHeader__video360 {
    width: 100%;
    height: 100%; }
  @media (min-width: 765px) {
    .imageHeader {
      height: 85vh; }
      .imageHeader.-less-height {
        height: 35vw; }
      .imageHeader__overlay {
        bottom: -125px;
        right: 0px;
        width: 380px;
        height: 275px; }
      .imageHeader__img.-video {
        display: none; }
      .imageHeader__heading {
        /* width: 120%; */ }
      .imageHeader .heading__inspiring-text {
        /* width: 120%; */
        text-align: left !important; } }
  @media (min-width: 765px) and (max-width: 991px) {
    .imageHeader {
      height: 85vh; }
      .imageHeader.-less-height {
        height: 35vw; }
      .imageHeader__overlay {
        bottom: -12.5vw;
        right: 0px;
        width: 35vw;
        height: 25vw; }
      .imageHeader__img.-video {
        display: none; }
      .imageHeader__fade-up {
        height: 80%;
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); }
      .imageHeader__heading {
        bottom: 10%; }
        .imageHeader__heading .heading__title {
          padding: 0 9px;
          font-size: 42px !important; }
        .imageHeader__heading .heading__description {
          padding: 0 9px; } }
  @media (max-width: 764px) {
    .imageHeader {
      height: 85vh; }
      .imageHeader.-less-height {
        height: 80vw; }
      .imageHeader__overlay {
        bottom: -22.5vw;
        right: 0px;
        width: 55vw;
        height: 45vw; }
      .imageHeader__video-wrapper {
        display: none; }
      .imageHeader__fade-up {
        height: 80%;
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); }
      .imageHeader__heading {
        bottom: 10%; }
        .imageHeader__heading .heading__title {
          padding: 0 9px;
          font-size: 42px !important; }
        .imageHeader__heading .heading__description {
          padding: 0 9px; } }
