/* 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; }