.promo-carousel-wrapper {
  padding-bottom: 5px;
  width: 100%;
  background-color: #f0f0f0; }
  @media (min-width: 992px) {
    .promo-carousel-wrapper {
      padding: 25px 0 35px; } }
  .promo-carousel-wrapper .promo-carousel-container {
    width: 100%; }
    @media (min-width: 992px) {
      .promo-carousel-wrapper .promo-carousel-container .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-line-pack: justify;
        align-content: space-between; } }
  .promo-carousel-wrapper .simple-promo-wrapper {
    background-color: transparent;
    border: none;
    text-align: center;
    width: 100%; }
    @media (min-width: 992px) {
      .promo-carousel-wrapper .simple-promo-wrapper {
        display: inline-block; } }
  .promo-carousel-wrapper .slick-track {
    width: 100%; }
    .promo-carousel-wrapper .slick-track .slick-slide {
      width: 50%; }
  .promo-carousel-wrapper ul.slick-dots {
    position: relative;
    z-index: 300;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    margin-top: 20px; }
    @media (min-width: 576px) {
      .promo-carousel-wrapper ul.slick-dots {
        max-width: 540px; } }
    @media (min-width: 768px) {
      .promo-carousel-wrapper ul.slick-dots {
        max-width: 720px; } }
    @media (min-width: 992px) {
      .promo-carousel-wrapper ul.slick-dots {
        max-width: 960px; } }
    @media (min-width: 1200px) {
      .promo-carousel-wrapper ul.slick-dots {
        max-width: 1140px; } }
    .promo-carousel-wrapper ul.slick-dots > li {
      display: inline-block;
      margin-right: 20px;
      width: 100%;
      color: transparent; }
      .promo-carousel-wrapper ul.slick-dots > li button {
        color: transparent;
        height: 10px;
        background-color: transparent;
        width: 100%;
        border-radius: 0;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 2px solid #868686; }
        .promo-carousel-wrapper ul.slick-dots > li button:hover {
          cursor: pointer; }
        .promo-carousel-wrapper ul.slick-dots > li button:focus, .promo-carousel-wrapper ul.slick-dots > li button:hover {
          border-bottom: 3px solid #868686; }
        .promo-carousel-wrapper ul.slick-dots > li button:focus {
          outline: 2px dotted #868686; }
      .promo-carousel-wrapper ul.slick-dots > li.slick-active button {
        border-bottom: 3px solid #868686; }