/* function to convert the calc function in to rem based
$first- should be in % */
/** Slick Carousel Starts **/
/** Slick Carousel Ends **/
/* Embedded images styles for: Basic Page, Blog, Landing page
    ========================================================================== */
/* override default breakpoints */
.banner-container.video-banner {
  height: 80vh;
  margin: unset;
  overflow: hidden; }
  .banner-container.video-banner .overlay {
    z-index: 3;
    height: 80vh;
    width: 100%;
    top: 0; }
    @media (max-width: 991.98px) {
      .banner-container.video-banner .overlay {
        opacity: 1; } }
  .banner-container.video-banner .media {
    width: 100%;
    height: 100%; }
    .banner-container.video-banner .media .mobile-video {
      position: absolute;
      top: 50%;
      width: 100%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
    .banner-container.video-banner .media .desktop-video {
      position: absolute;
      height: auto;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      min-width: 100%;
      min-height: 100%;
      width: auto;
      max-width: none; }
  .banner-container.video-banner .image-container {
    position: absolute;
    z-index: 2;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: 80vh;
    top: 50%;
    left: 50%;
    max-width: none;
    overflow: hidden; }
    .banner-container.video-banner .image-container img {
      -o-object-fit: cover;
         object-fit: cover;
      font-family: "object-fit: cover;";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      min-width: auto;
      max-width: inherit; }
  .banner-container.video-banner .hide {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s 0.3s, opacity 0.3s linear;
    transition: visibility 0s 0.3s, opacity 0.3s linear; }
  .banner-container.video-banner .text-cta-container {
    width: 100%;
    z-index: 3; }
    @media (max-width: 991.98px) {
      .banner-container.video-banner .text-cta-container .text-container {
        text-align: center; } }
  .banner-container.video-banner .play-pause {
    position: relative;
    border: 0 transparent;
    background: transparent;
    line-height: 0;
    cursor: pointer;
    width: 2.75rem;
    height: 1.75rem;
    padding: 0;
    background-color: #878480;
    border-radius: 2.5rem;
    outline: 0; }
    .banner-container.video-banner .play-pause .icon {
      height: 100%;
      width: 100%;
      pointer-events: none; }
    .banner-container.video-banner .play-pause .icon.pause {
      display: none;
      height: 0.75rem;
      width: 0.75rem;
      margin: 0 auto; }
    .banner-container.video-banner .play-pause .icon.play {
      height: 0.75rem;
      width: 0.5625rem;
      margin: 0 auto; }
    .banner-container.video-banner .play-pause.btn-white svg {
      fill: #fff; }
    .banner-container.video-banner .play-pause.btn-black svg {
      fill: #000; }
    .banner-container.video-banner .play-pause:focus, .banner-container.video-banner .play-pause:hover, .banner-container.video-banner .play-pause:active {
      -webkit-box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5);
              box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5);
      background-color: #656360;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .banner-container.video-banner .play-pause:focus::after, .banner-container.video-banner .play-pause:hover::after, .banner-container.video-banner .play-pause:active::after {
        top: 50%;
        left: 50%; }
    .banner-container.video-banner .play-pause:focus {
      border: 0.0625rem solid #656360; }
      .banner-container.video-banner .play-pause:focus::after {
        content: '';
        position: absolute;
        border: 0.0625rem solid #fff;
        border-radius: 2.5rem;
        height: 100%;
        width: 100%;
        top: 0rem;
        left: 0rem; }
  .banner-container.video-banner .text .heading-1 {
    margin: 0 auto 2rem; }
  .banner-container.video-banner .text .heading-1 + .text-description {
    margin-top: spacer(-9); }
  .banner-container.video-banner .text-links,
  .banner-container.video-banner .control {
    width: 100%; }
  .banner-container.video-banner .text-links > div {
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .banner-container.video-banner .text-links > div {
        margin-right: 1.5625rem;
        margin-bottom: 0;
        min-width: 10.9375rem; } }
    @media (min-width: 768px) {
      .banner-container.video-banner .text-links > div:last-child {
        margin-right: 0;
        margin-bottom: 0; } }
  .banner-container.video-banner .text-links a {
    width: 100%; }
  .banner-container.video-banner .control {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-left: 8%;
    padding-right: 8%;
    z-index: 3; }
    @media (min-width: 768px) {
      .banner-container.video-banner .control {
        padding-left: 5%;
        padding-right: 5%; } }
  .banner-container.video-banner .playing .icon.play {
    display: none; }
  .banner-container.video-banner .playing .icon.pause {
    display: block; }

.banner-container.video-banner {
  height: 46.875rem;
  min-height: 46.875rem;
  color: #FFFFFF; }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .banner-container.video-banner {
      height: 40.625rem;
      min-height: 40.625rem; } }
  @media (max-width: 767.98px) {
    .banner-container.video-banner {
      height: 37.5rem;
      min-height: 37.5rem; } }
  .banner-container.video-banner .overlay {
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(15, 15, 15, 0)), color-stop(42%, rgba(15, 15, 15, 0.12)), to(rgba(15, 15, 15, 0.72)));
    background-image: linear-gradient(180deg, rgba(15, 15, 15, 0) 0%, rgba(15, 15, 15, 0.12) 42%, rgba(15, 15, 15, 0.72) 100%);
    opacity: 1; }
  .banner-container.video-banner .media,
  .banner-container.video-banner .image-container {
    height: 100%; }
  .banner-container.video-banner .text-cta-container {
    max-width: 100%;
    z-index: 4;
    padding: 1.5rem;
    color: #FFFFFF; }
    @media (min-width: 768px) {
      .banner-container.video-banner .text-cta-container {
        padding: 2.5rem; } }
    .banner-container.video-banner .text-cta-container .text-container {
      width: 100%;
      max-width: 38.75rem;
      color: inherit;
      text-align: center; }
      .banner-container.video-banner .text-cta-container .text-container .text-eyebrow {
        font: var(--type-style-4-font);
        text-transform: var(--type-style-4-transform);
        letter-spacing: var(--type-style-4-letter-spacing);
        color: inherit;
        margin-bottom: 0.625rem; }
        @media (max-width: 991.98px) {
          .banner-container.video-banner .text-cta-container .text-container .text-eyebrow {
            margin-bottom: 0.5rem; } }
      .banner-container.video-banner .text-cta-container .text-container .heading {
        font: var(--type-style-1-font);
        text-transform: var(--type-style-1-transform);
        letter-spacing: var(--type-style-1-letter-spacing);
        color: inherit;
        margin-bottom: 1.5rem; }
        @media (max-width: 991.98px) {
          .banner-container.video-banner .text-cta-container .text-container .heading {
            margin-bottom: 1rem; } }
      .banner-container.video-banner .text-cta-container .text-container .banner-description {
        display: block;
        max-width: 35rem;
        margin-right: auto;
        margin-left: auto;
        color: inherit;
        font: normal 400 1.125rem/1.5rem var(--font-serif-regular); }
        .banner-container.video-banner .text-cta-container .text-container .banner-description p {
          font: inherit;
          color: inherit; }
      .banner-container.video-banner .text-cta-container .text-container.text-left, .banner-container.video-banner .text-cta-container .text-container.text-md-left {
        text-align: left; }
        .banner-container.video-banner .text-cta-container .text-container.text-left .banner-description, .banner-container.video-banner .text-cta-container .text-container.text-md-left .banner-description {
          margin-left: 0;
          margin-right: auto; }
      .banner-container.video-banner .text-cta-container .text-container.text-center, .banner-container.video-banner .text-cta-container .text-container.text-md-center {
        text-align: center; }
        .banner-container.video-banner .text-cta-container .text-container.text-center .banner-description, .banner-container.video-banner .text-cta-container .text-container.text-md-center .banner-description {
          margin-left: auto;
          margin-right: auto; }
      .banner-container.video-banner .text-cta-container .text-container.text-right, .banner-container.video-banner .text-cta-container .text-container.text-md-right {
        text-align: right; }
        .banner-container.video-banner .text-cta-container .text-container.text-right .banner-description, .banner-container.video-banner .text-cta-container .text-container.text-md-right .banner-description {
          margin-left: auto;
          margin-right: 0; }
    .banner-container.video-banner .text-cta-container .cta-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 1rem;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%; }
      .banner-container.video-banner .text-cta-container .cta-container .btn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: auto;
        min-width: 10.625rem;
        min-height: 2.625rem;
        margin-top: 1.5rem;
        padding: 0.875rem 1.5rem;
        font: var(--type-style-5-font);
        text-transform: var(--type-style-5-transform);
        letter-spacing: var(--type-style-5-letter-spacing);
        text-decoration: none; }
        .banner-container.video-banner .text-cta-container .cta-container .btn + .btn {
          margin-left: 0; }
        .banner-container.video-banner .text-cta-container .cta-container .btn.btn-white {
          color: #0F0F0F;
          background-color: #F7F7F7; }
    .banner-container.video-banner .text-cta-container .text-container.text-left .cta-container {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .banner-container.video-banner .text-cta-container .text-container.text-center .cta-container {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .banner-container.video-banner .text-cta-container .text-container.text-right .cta-container {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    @media (min-width: 768px) {
      .banner-container.video-banner .text-cta-container .text-container.text-md-left .cta-container {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
      .banner-container.video-banner .text-cta-container .text-container.text-md-center .cta-container {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .banner-container.video-banner .text-cta-container .text-container.text-md-right .cta-container {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
  .banner-container.video-banner .control {
    z-index: 5;
    padding-right: 1.25rem;
    padding-left: 1.25rem; }
    @media (min-width: 768px) {
      .banner-container.video-banner .control {
        padding-right: 2.5rem;
        padding-left: 2.5rem; } }
    .banner-container.video-banner .control .play-pause-container {
      margin-bottom: 1.25rem; }
      @media (min-width: 768px) {
        .banner-container.video-banner .control .play-pause-container {
          margin-bottom: 2.5rem; } }
  .banner-container.video-banner .play-pause {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 2.5rem;
    min-height: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    line-height: 0;
    border-radius: 28px;
    background: rgba(15, 15, 15, 0.5);
    cursor: pointer; }
    .banner-container.video-banner .play-pause svg {
      fill: #F7F7F7; }
    .banner-container.video-banner .play-pause .icon {
      width: 100%;
      height: 100%;
      pointer-events: none; }
    .banner-container.video-banner .play-pause .icon.play {
      width: 100%;
      height: 100%;
      margin: auto; }
    .banner-container.video-banner .play-pause .icon.pause {
      width: 1.5rem;
      height: 1.5rem;
      margin: auto; }
    .banner-container.video-banner .play-pause:hover, .banner-container.video-banner .play-pause:active, .banner-container.video-banner .play-pause:focus {
      background: rgba(15, 15, 15, 0.5);
      border: none; }
      .banner-container.video-banner .play-pause:hover::after, .banner-container.video-banner .play-pause:active::after, .banner-container.video-banner .play-pause:focus::after {
        content: none; }
  .banner-container.video-banner .play-pause.playing .icon.play {
    display: none; }
  .banner-container.video-banner .play-pause.playing .icon.pause {
    display: block; }
  .banner-container.video-banner .play-pause[aria-pressed='true'] .icon.play {
    display: none; }
  .banner-container.video-banner .play-pause[aria-pressed='true'] .icon.pause {
    display: block; }
  .banner-container.video-banner .play-pause[aria-pressed='false'] .icon.play {
    display: block; }
  .banner-container.video-banner .play-pause[aria-pressed='false'] .icon.pause {
    display: none; }