.film-slider {
  width: 90%;
  margin: 0 auto;
  text-align: center; }
  .film-slider *, .film-slider *::after, .film-slider *::before {
    box-sizing: border-box; }
  .film-slider .slider-group {
    position: relative; }
    .film-slider .slider-group.businesses {
      border-bottom: 1px dotted #fff;
      padding: 0 0 20px 0; }
      @media only screen and (min-width: 768px) {
        .film-slider .slider-group.businesses {
          padding: 0 0 20px 20px; } }
      @media only screen and (min-width: 1300px) {
        .film-slider .slider-group.businesses {
          padding: 0 0 40px 40px; } }
    .film-slider .slider-group.stories {
      padding: 20px 0 0 0; }
      @media only screen and (min-width: 768px) {
        .film-slider .slider-group.stories {
          padding: 20px 0 0 20px; } }
      @media only screen and (min-width: 1300px) {
        .film-slider .slider-group.stories {
          padding: 40px 0 0 40px; } }
  .film-slider .slider {
    position: relative;
    width: calc(100% - 70px);
    /* width of arrows + L/R offsets */
    margin: 0 auto; }
    .film-slider .slider .viewport {
      position: relative;
      overflow-x: hidden; }
      .film-slider .slider .viewport ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        width: 1000%;
        transition: transform 500ms ease; }
      .film-slider .slider .viewport li {
        background: none;
        padding: 0;
        margin: 0;
        float: left;
        display: block;
        padding: 0 10px; }
        .film-slider .slider .viewport li > a {
          display: block; }
        .film-slider .slider .viewport li img {
          width: 100%;
          margin-bottom: 20px; }
        .film-slider .slider .viewport li p {
          color: inherit; }
      .film-slider .slider .viewport .image {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
        margin-bottom: 20px; }
        .film-slider .slider .viewport .image > div {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-position: top center;
          background-size: cover;
          background-repeat: no-repeat; }
      .film-slider .slider .viewport.three-across li {
        padding: 0 10px; }
        @media only screen and (min-width: 1024px) {
          .film-slider .slider .viewport.three-across li {
            width: 250px;
            padding: 60px; } }
      .film-slider .slider .viewport.four-across li {
        width: 200px;
        padding: 0 10px; }
    .film-slider .slider .controls {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      pointer-events: none; }
      .film-slider .slider .controls > span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 30px;
        height: 45px;
        display: block;
        pointer-events: auto;
        cursor: pointer; }
      .film-slider .slider .controls .next {
        right: -25px; }
      .film-slider .slider .controls .prev {
        left: -25px; }
      .film-slider .slider .controls .stop {
        opacity: .2;
        pointer-events: none;
        cursor: default; }

.quick-pick-slider,
.also-like-slider,
.category-slider {
  padding: 55px 0 0; }
  .quick-pick-slider .v-pad-bot,
  .also-like-slider .v-pad-bot,
  .category-slider .v-pad-bot {
    padding: 0; }

.quick-pick-slider {
  background: #70b6c9; }
  .quick-pick-slider, .quick-pick-slider h1, .quick-pick-slider h2, .quick-pick-slider h3, .quick-pick-slider h4, .quick-pick-slider h5, .quick-pick-slider h6 {
    color: #fff; }

.also-like-slider {
  background: #ededed; }
  .also-like-slider, .also-like-slider h1, .also-like-slider h2, .also-like-slider h3, .also-like-slider h4, .also-like-slider h5, .also-like-slider h6 {
    color: #000; }

.category-slider {
  background: #000;
  text-align: center; }
  .category-slider, .category-slider h1, .category-slider h2, .category-slider h3, .category-slider h4, .category-slider h5, .category-slider h6 {
    color: #fff; }