/* function to convert the calc function in to rem based
$first- should be in % */
/** Slick Carousel Starts **/
/** Slick Carousel Ends **/
/* override default breakpoints */
@media (min-width: 768px) {
  .inline-video .img-wrapper {
    max-width: 44.375rem; } }

@media (min-width: 768px) and (max-width: 991.98px) {
  .inline-video .img-wrapper {
    max-width: 43.25rem; } }

.inline-video .play-video {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .inline-video .play-video-btn {
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.7);
    height: 2.5rem;
    width: 2.5rem;
    border: none; }
    @media (min-width: 768px) {
      .inline-video .play-video-btn {
        height: 4rem;
        width: 4rem; } }
    .inline-video .play-video-btn.stretched-link:focus::after {
      border: 0.0625rem solid #8f8f8f;
      border-radius: 50%;
      top: -0.25rem;
      right: -0.25rem;
      bottom: -0.25rem;
      left: -0.25rem; }
    .inline-video .play-video-btn svg {
      fill: #fff;
      border-radius: 0.0625rem;
      height: 1.125rem;
      width: 0.875rem; }
      @media (min-width: 768px) {
        .inline-video .play-video-btn svg {
          height: 1.8125rem;
          width: 1.4375rem; } }
    .inline-video .play-video-btn:hover {
      background-color: #000; }
    .inline-video .play-video-btn:focus {
      outline: none; }