/* function to convert the calc function in to rem based
$first- should be in % */
/** Slick Carousel Starts **/
/** Slick Carousel Ends **/
/* override default breakpoints */
.fifty-video .modal-dialog {
  position: relative;
  top: 1.75rem;
  height: auto;
  width: 90%;
  max-width: 53.375rem;
  margin: auto; }
  .fifty-video .modal-dialog .modal-header {
    background-color: #000000; }
  .fifty-video .modal-dialog .modal-content {
    width: 90%;
    max-width: 53.375rem; }
  .fifty-video .modal-dialog iframe {
    width: 100%;
    background-color: #000000;
    z-index: 1020; }

.fiftybanner-container {
  overflow: hidden;
  margin: 0 auto;
  max-width: 90rem; }
  .fiftybanner-container .image {
    min-height: 17.75rem;
    -o-object-fit: cover;
       object-fit: cover;
    font-family: 'object-fit: cover;'; }
    @media (min-width: 768px) {
      .fiftybanner-container .image {
        height: 35.5rem; } }
  .fiftybanner-container .text-container {
    color: #fff;
    overflow: hidden;
    width: 100%;
    z-index: 1;
    min-height: 90vw; }
    @media (min-width: 768px) {
      .fiftybanner-container .text-container {
        max-width: 45rem;
        min-height: 17.75rem; } }
    .fiftybanner-container .text-container .text-eyebrow {
      color: #fff; }
    .fiftybanner-container .text-container.black {
      color: #000; }
      .fiftybanner-container .text-container.black .text-eyebrow {
        color: #696158; }
    .fiftybanner-container .text-container .text-wrapper {
      line-height: 1.5;
      padding: 2.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media (min-width: 576px) {
        .fiftybanner-container .text-container .text-wrapper {
          padding: 0;
          max-width: 82%; } }
      @media (min-width: 992px) {
        .fiftybanner-container .text-container .text-wrapper {
          max-width: 50%; } }
    .fiftybanner-container .text-container .description {
      margin-bottom: 1.5rem; }
    .fiftybanner-container .text-container .btn {
      font-size: 1rem;
      line-height: 2.1;
      width: 15.25rem; }
      @media (min-width: 768px) {
        .fiftybanner-container .text-container .btn {
          min-width: 45%;
          width: auto; } }
    @media (max-width: 991.98px) {
      .fiftybanner-container .text-container {
        text-align: center !important; } }
    .fiftybanner-container .text-container .image {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
  .fiftybanner-container .image-container {
    min-height: 17.75rem;
    max-height: 90vw; }
    @media (min-width: 768px) {
      .fiftybanner-container .image-container {
        height: auto;
        min-height: 35.5rem; } }
  .fiftybanner-container .fifty-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    background: none;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border: none;
    width: 5rem;
    height: 5rem;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%; }
    .fiftybanner-container .fifty-play-button:focus {
      outline: none;
      -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); }
    .fiftybanner-container .fifty-play-button::before {
      content: ' ';
      border-style: solid;
      border-width: 1.1875rem 0 1.1875rem 1.75rem;
      border-color: transparent transparent transparent #fff;
      display: inline-block;
      position: absolute;
      left: 1.875rem;
      top: 1.375rem; }
  .fiftybanner-container .close {
    z-index: 1; }
  .fiftybanner-container.transparent-dark .text-container-wrapper, .fiftybanner-container.transparent-light .text-container-wrapper {
    margin-top: 17.75rem;
    min-height: 17.75rem; }
    @media (min-width: 768px) {
      .fiftybanner-container.transparent-dark .text-container-wrapper, .fiftybanner-container.transparent-light .text-container-wrapper {
        height: unset;
        margin-top: 0; } }
  .fiftybanner-container.transparent-dark .image-container, .fiftybanner-container.transparent-light .image-container {
    position: absolute;
    height: 100%;
    min-height: 35.5rem; }
  @media (min-width: 768px) {
    .fiftybanner-container.transparent-dark.right .text-container-wrapper, .fiftybanner-container.transparent-light.right .text-container-wrapper {
      left: 50%; } }
  .fiftybanner-container.transparent-light .text-container {
    background-color: rgba(255, 255, 255, 0.7); }
  .fiftybanner-container.transparent-dark .text-container {
    background-color: rgba(0, 0, 0, 0.7); }
  @media (min-width: 768px) {
    .fiftybanner-container.opaque .image-container {
      max-height: 100%; } }
  @media (min-width: 992px) {
    .fiftybanner-container.opaque .image-container {
      max-height: 35.5rem; } }
  .fiftybanner-container.opaque .text-container {
    min-height: 17.75rem; }
    .fiftybanner-container.opaque .text-container .text-wrapper {
      height: 100%;
      z-index: 1; }
    .fiftybanner-container.opaque .text-container img {
      position: absolute;
      left: 0; }
  @media (min-width: 768px) {
    .fiftybanner-container {
      min-height: 35.5rem; } }
  @media (min-width: 992px) {
    .fiftybanner-container {
      max-height: 35.5rem; } }

.fiftybanner-container .black .heading {
  color: #000; }

.fiftybanner-container .white .heading {
  color: #fff; }

@media (min-width: 992px) {
  .fiftybanner-container .text-container .text-wrapper {
    max-width: 100%; }
  .fiftybanner-container .text-container .text-cta-section {
    max-width: 52%; }
  .fiftybanner-container .text-container.align-items-center .text-cta-section {
    margin: 0 auto; }
  .fiftybanner-container .text-container.align-items-start .text-cta-section {
    margin: 0; } }

@media (min-width: 992px) {
  .fiftybanner-container .text-container .text-wrapper {
    max-width: 82%; }
  .fiftybanner-container .text-container .text-cta-section {
    max-width: 65%; } }