/* Padded Slideshow block CSS Document */
.show-neighbors {
  overflow: hidden;
  /* hide clones of neighboring slides on mobile */ }
  .show-neighbors .item__third:first-child,
  .show-neighbors .item__third:last-child {
    display: none; }
  @media (min-width: 500px) {
    .show-neighbors {
      /* slides receive these classes only while moving */
      /* now the content of the current slide occupies only a third of it between the clones of two adjacent slides */ }
      .show-neighbors .carousel-indicators {
        margin-right: 25%;
        margin-left: 25%; }
      .show-neighbors .carousel-control-prev,
      .show-neighbors .carousel-control-next {
        background: rgba(255, 255, 255, 0.3);
        width: 25%;
        z-index: 11;
        /* .carousel-caption has z-index 10 */ }
      .show-neighbors .carousel-inner {
        width: 150%;
        left: -25%; }
      .show-neighbors .carousel-item-next:not(.carousel-item-start),
      .show-neighbors .carousel-item-end.active {
        -webkit-transform: translate3d(33%, 0, 0);
        transform: translate3d(33%, 0, 0); }
      .show-neighbors .carousel-item-prev:not(.carousel-item-end),
      .show-neighbors .carousel-item-start.active {
        -webkit-transform: translate3d(-33%, 0, 0);
        transform: translate3d(-33%, 0, 0); }
      .show-neighbors .item__third {
        display: block !important;
        float: left;
        position: relative;
        /* captions can now be added */
        width: 33.33333333%; } }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 0px; }

.slick-dots {
  position: absolute;
  bottom: 10px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 0 4px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      display: block;
      height: 12px;
      width: 12px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 0;
      cursor: pointer;
      border-radius: 50%;
      opacity: 0.5; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none;
        opacity: 1; }
  .slick-dots li.slick-active button {
    opacity: 1; }

@media screen and (min-width: 768px) {
  .slick-dots {
    margin-bottom: 80px; } }