@charset "UTF-8";
/*This contains the variables, functions and mixins of the v2 style that can be used on the block and page css.*/
/*$input-height-inner: add($btn-line-height * 1, $input-btn-padding-y * 2);
$input-height-inner-half: add($btn-line-height * .5, $input-btn-padding-y);
$input-height-inner-quarter: add($btn-line-height * .25, $input-btn-padding-y * .5);

$input-height: add($btn-line-height * 1, add($input-btn-padding-y * 2, 1, false));
$input-height-sm: add($btn-line-height * 1, add($input-btn-padding-y-sm * 2, 1, false));
$input-height-lg: add($btn-line-height * 1, add($input-btn-padding-y-lg * 2, 1, false));*/
.hero-carousel-block {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  /*down-arrow*/
  /*Carousel*/ }
  .hero-carousel-block .offset-y {
    margin-top: var(--offset-y); }
  .hero-carousel-block .button-offset-y {
    margin-top: var(--button-offset-y); }
  .hero-carousel-block:has(.hero-form) {
    overflow: unset; }
    @media (min-width: 768px) {
      .hero-carousel-block:has(.hero-form) {
        overflow: hidden; } }
  .hero-carousel-block:has(.hero-video) .hero-carousel-text-container {
    pointer-events: none; }
  .hero-carousel-block.alignment-top .hero-carousel-text-container {
    align-self: flex-start; }
  .hero-carousel-block.alignment-bottom .hero-carousel-text-container {
    align-self: flex-end; }
    @media (min-width: 768px) {
      .hero-carousel-block.alignment-bottom .hero-carousel-text-container {
        bottom: 50px; } }
  .hero-carousel-block .hero-carousel-text-container {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .hero-carousel-block .hero-carousel-text-container .hero-carousel-text-inner {
      width: 100%;
      padding: 30px 14px 41px 14px; }
      @media (min-width: 768px) {
        .hero-carousel-block .hero-carousel-text-container .hero-carousel-text-inner {
          padding: 30px 40px 41px 40px; } }
    .hero-carousel-block .hero-carousel-text-container.stretch-on-mobile {
      width: 100%; }
    @media (min-width: 768px) {
      .hero-carousel-block .hero-carousel-text-container.stretch-on-mobile {
        width: initial; }
      .hero-carousel-block .hero-carousel-text-container.stretch-on-non-mobile {
        width: 100%; } }
    .hero-carousel-block .hero-carousel-text-container.alignment-center {
      left: 50%;
      transform: translate(-50%); }
    .hero-carousel-block .hero-carousel-text-container.alignment-left {
      left: 0; }
    .hero-carousel-block .hero-carousel-text-container.alignment-right {
      right: 0; }
    @media (min-width: 768px) {
      .hero-carousel-block .hero-carousel-text-container {
        width: initial;
        height: initial;
        display: initial; }
        .hero-carousel-block .hero-carousel-text-container.alignment-left {
          left: 80px; }
          .hero-carousel-block .hero-carousel-text-container.alignment-left .hero-carousel-divider {
            margin-left: 0; }
        .hero-carousel-block .hero-carousel-text-container.alignment-right {
          right: 80px; }
          .hero-carousel-block .hero-carousel-text-container.alignment-right .hero-carousel-divider {
            margin-right: 0; } }
    @media (min-width: 992px) {
      .hero-carousel-block .hero-carousel-text-container.alignment-left {
        left: 85px; }
      .hero-carousel-block .hero-carousel-text-container.alignment-right {
        right: 85px; } }
    @media (min-width: 1200px) {
      .hero-carousel-block .hero-carousel-text-container.alignment-left {
        left: 150px; }
      .hero-carousel-block .hero-carousel-text-container.alignment-right {
        right: 150px; } }
    .hero-carousel-block .hero-carousel-text-container .hero-carousel-text * {
      line-height: 1; }
    .hero-carousel-block .hero-carousel-text-container .hero-carousel-divider {
      background-color: currentColor;
      opacity: 1;
      margin: 10px auto; }
    .hero-carousel-block .hero-carousel-text-container .hero-carousel-buttons {
      display: flex;
      flex-direction: column; }
      @media (min-width: 768px) {
        .hero-carousel-block .hero-carousel-text-container .hero-carousel-buttons {
          flex-direction: row;
          justify-content: center;
          align-items: center; } }
  .hero-carousel-block .hero-carousel-img-wrapper[data-video-state="paused"] .video-loading {
    display: none; }
  .hero-carousel-block .hero-carousel-img-wrapper[data-video-state="loading"] .video-play {
    display: none; }
  .hero-carousel-block .hero-carousel-img-wrapper[data-video-state="playing"] .video-play {
    display: none; }
  .hero-carousel-block .hero-carousel-img-wrapper[data-video-state="playing"] .video-loading {
    display: none; }
  .hero-carousel-block .hero-carousel-img-wrapper[data-video-state="playing"] .video-cover {
    visibility: hidden; }
  .hero-carousel-block .hero-carousel-img-wrapper img {
    position: relative; }
  .hero-carousel-block .hero-carousel-img-wrapper .hero-carousel-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px; }
  .hero-carousel-block .hero-carousel-img-wrapper .hero-video {
    width: 100%;
    height: 100%; }
    .hero-carousel-block .hero-carousel-img-wrapper .hero-video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1; }
  .hero-carousel-block .hero-carousel-img-wrapper .video-play {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 50%;
    z-index: 2;
    padding: 0;
    border: 0; }
  .hero-carousel-block .hero-carousel-img-wrapper .video-loading {
    position: absolute;
    z-index: 3;
    background: url("/Areas/GLHomes/Images/loading-blue.gif") center center no-repeat;
    background-size: contain;
    height: 75px;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
    width: 75px; }
  .hero-carousel-block .hero-down-arrow {
    animation: arrow 1s ease-in-out infinite alternate;
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    cursor: pointer;
    overflow: visible;
    display: none; }

@keyframes arrow {
  0% {
    opacity: 0.4; }
  100% {
    bottom: 4%;
    opacity: 1; } }
    @media (min-width: 768px) {
      .hero-carousel-block .hero-down-arrow {
        bottom: 5%;
        height: 25px;
        width: 39px;
        display: block; } }
    .hero-carousel-block .hero-down-arrow .icon {
      fill: rgba(255, 255, 255, 0.9);
      transform: rotate(90deg); }
      @media (min-width: 768px) {
        .hero-carousel-block .hero-down-arrow .icon {
          height: 39px;
          width: 25px; } }
      .hero-carousel-block .hero-down-arrow .icon:hover {
        opacity: 1; }
  .hero-carousel-block .hero-form {
    display: none;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    animation: fadeIn 1s;
    -webkit-animation: fadeIn 1s;
    -moz-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
    background: rgba(0, 0, 0, 0.5); }
    .hero-carousel-block .hero-form .hero-form-wrapper {
      position: absolute;
      left: 50%;
      top: 0;
      transform: translate(-50%, 0);
      min-width: 80%;
      box-shadow: 0 10px 20px -9px rgba(0, 0, 0, 0.38), 0 10px 10px 0px rgba(0, 0, 0, 0.19); }
      @media (min-width: 768px) {
        .hero-carousel-block .hero-form .hero-form-wrapper {
          min-width: unset;
          top: 50%;
          transform: translate(-50%, -50%); } }
      .hero-carousel-block .hero-form .hero-form-wrapper .hero-form-cancel::after {
        content: "✖";
        height: 20px;
        width: 20px;
        position: absolute;
        top: 5px;
        right: 5px;
        color: gray;
        cursor: pointer;
        border: 1px solid;
        border-radius: 50%;
        text-align: center;
        font-size: 12px; }
    .hero-carousel-block .hero-form.hero-form-hidden {
      display: none !important; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .hero-carousel-block .owl-carousel.hero-carousel {
    z-index: initial; }
  .hero-carousel-block .owl-nav {
    display: none; }
    @media (min-width: 768px) {
      .hero-carousel-block .owl-nav {
        display: block;
        text-align: center;
        z-index: 1;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        margin-top: var(--button-offset-y); } }
  .hero-carousel-block .owl-dots {
    position: absolute;
    z-index: 2;
    bottom: 10px;
    width: 100%;
    text-align: center;
    margin-bottom: var(--margin-bottom); }
    @media (min-width: 992px) {
      .hero-carousel-block .owl-dots {
        bottom: 15px; } }
  .hero-carousel-block .owl-dot {
    margin: 0 6px 0 6px; }
  .hero-carousel-block .owl-next {
    margin-left: 85%; }
  .hero-carousel-block .owl-item {
    flex-shrink: 0;
    margin: 0;
    align-items: normal;
    position: relative; }
  .hero-carousel-block .owl-item > div {
    overflow: hidden;
    height: 100%; }
  .hero-carousel-block .owl-carousel .owl-stage:after {
    content: ""; }