/* 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: #000; }
  .fifty-video .modal-dialog .modal-content {
    width: 90%;
    max-width: 53.375rem; }
  .fifty-video .modal-dialog iframe {
    width: 100%;
    background-color: #000;
    z-index: 1020; }

.fiftybanner-container {
  min-height: 35.5rem;
  overflow: hidden;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .fiftybanner-container {
      min-height: 35.5rem;
      width: 100%;
      max-width: 90rem; } }
  .fiftybanner-container .text-container {
    color: #fff;
    min-height: 17.75rem;
    overflow: hidden;
    width: 100%;
    z-index: 1; }
    @media (min-width: 768px) {
      .fiftybanner-container .text-container {
        height: auto;
        max-width: 45rem; } }
    .fiftybanner-container .text-container .text-wrapper {
      width: 100%;
      max-height: 32.5rem;
      height: auto;
      overflow: visible;
      margin: 0 auto;
      line-height: 1.5; }
      @media (min-width: 576px) {
        .fiftybanner-container .text-container .text-wrapper {
          max-width: 82%; } }
      @media (min-width: 992px) {
        .fiftybanner-container .text-container .text-wrapper {
          max-width: 50%; } }
      .fiftybanner-container .text-container .text-wrapper .heading h3,
      .fiftybanner-container .text-container .text-wrapper .heading h4,
      .fiftybanner-container .text-container .text-wrapper .heading h5,
      .fiftybanner-container .text-container .text-wrapper .heading h6,
      .fiftybanner-container .text-container .text-wrapper .heading p {
        font-size: 1.5rem; }
        @media (min-width: 768px) {
          .fiftybanner-container .text-container .text-wrapper .heading h3,
          .fiftybanner-container .text-container .text-wrapper .heading h4,
          .fiftybanner-container .text-container .text-wrapper .heading h5,
          .fiftybanner-container .text-container .text-wrapper .heading h6,
          .fiftybanner-container .text-container .text-wrapper .heading p {
            font-size: 1.875rem; } }
        @media (min-width: 992px) {
          .fiftybanner-container .text-container .text-wrapper .heading h3,
          .fiftybanner-container .text-container .text-wrapper .heading h4,
          .fiftybanner-container .text-container .text-wrapper .heading h5,
          .fiftybanner-container .text-container .text-wrapper .heading h6,
          .fiftybanner-container .text-container .text-wrapper .heading p {
            font-size: 2.25rem; } }
    .fiftybanner-container .text-container .description {
      margin-bottom: 1.5rem;
      width: 100%; }
    .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; } }
      .fiftybanner-container .text-container .btn h2,
      .fiftybanner-container .text-container .btn h3,
      .fiftybanner-container .text-container .btn h4,
      .fiftybanner-container .text-container .btn h5,
      .fiftybanner-container .text-container .btn h6,
      .fiftybanner-container .text-container .btn p {
        font-size: 1rem;
        margin-bottom: 0;
        line-height: 2.125rem; }
    .fiftybanner-container .text-container.black {
      color: #000; }
    .fiftybanner-container .text-container.white {
      color: #fff; }
  .fiftybanner-container .image-container {
    min-height: 17.75rem; }
    @media (min-width: 768px) {
      .fiftybanner-container .image-container {
        min-height: 35.5rem; } }
    .fiftybanner-container .image-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-container .image {
          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 {
    position: absolute;
    left: 0;
    bottom: 0; }
    @media (min-width: 768px) {
      .fiftybanner-container.transparent-dark .text-container-wrapper, .fiftybanner-container.transparent-light .text-container-wrapper {
        height: 100%;
        top: 0;
        right: 50%; } }
  .fiftybanner-container.transparent-dark .image-container,
  .fiftybanner-container.transparent-dark picture,
  .fiftybanner-container.transparent-dark .image, .fiftybanner-container.transparent-light .image-container,
  .fiftybanner-container.transparent-light picture,
  .fiftybanner-container.transparent-light .image {
    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%;
      top: 0;
      right: auto; } }
  .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); }