@charset "UTF-8";
.carousel {
  /* ol */
}
.carousel .carousel-control-prev .chevron-left, .carousel .carousel-control-next .chevron-right {
  text-decoration: none;
  display: flex;
  justify-content: center;
  width: 40px;
  height: 60px;
  margin: -20px 0 0;
  position: absolute;
  border-radius: 2px;
  align-items: center;
  top: 50%;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  font-size: 2rem;
}
.carousel .carousel-control-prev .chevron-left {
  left: -100px;
  z-index: 100;
}
.carousel .carousel-control-next .chevron-right {
  right: -100px;
  z-index: 101;
}
.carousel .carousel-control-next:focus .chevron-right, .carousel .carousel-control-next:hover .chevron-right {
  right: 25%;
  opacity: 0.8 !important;
}
.carousel .carousel-control-prev:focus .chevron-left, .carousel .carousel-control-prev:hover .chevron-left {
  left: 25%;
  opacity: 0.8 !important;
}
.carousel .carousel-control-next .chevron-right:after {
  content: '';
}
.carousel .carousel-control-prev .chevron-left:after {
  content: '';
}
.carousel .carousel-indicators {
  padding: 20px 0 0 0;
  bottom: auto;
  top: 0;
  margin: 0;
  margin-right: 0;
  margin-left: 0;
}
.carousel .carousel-indicators li {
  width: 3.333%;
}
.carousel .overlayslider {
  position: absolute;
  opacity: 0.5;
  width: 100%;
  height: 100%;
}
.carousel .overlayslider .carousel-caption {
  background: none;
}
/*********************************************************************/
/* Bootstrap 4 Multiple Item Carousel */
/*********************************************************************/
#threeItems .carousel-item .teaser, #fourItems .carousel-item .teaser {
  background: #fff;
}
/* medium - display 2  */
@media (min-width: 768px) {
  #fourItems .carousel-inner .carousel-item-right.active, #fourItems .carousel-inner .carousel-item-next, #threeItems .carousel-inner .carousel-item-right.active, #threeItems .carousel-inner .carousel-item-next {
    transform: translateX(50%);
  }
  #fourItems .carousel-inner .carousel-item-left.active, #fourItems .carousel-inner .carousel-item-prev, #threeItems .carousel-inner .carousel-item-left.active, #threeItems .carousel-inner .carousel-item-prev {
    transform: translateX(-50%);
  }
}
/* large - display 3 */
@media (min-width: 992px) {
  #threeItems .carousel-inner .carousel-item-right.active, #threeItems .carousel-inner .carousel-item-next {
    transform: translateX(33%);
  }
  #threeItems .carousel-inner .carousel-item-left.active, #threeItems .carousel-inner .carousel-item-prev {
    transform: translateX(-33%);
  }
}
/* large - display 3 */
@media (min-width: 992px) {
  #fourItems .carousel-inner .carousel-item-right.active, #fourItems .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }
  #fourItems .carousel-inner .carousel-item-left.active, #fourItems .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
}
@media (max-width: 768px) {
  #threeItems .carousel-inner .carousel-item > div {
    display: none;
  }
  #threeItems .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}
@media (max-width: 768px) {
  #fourItems .carousel-inner .carousel-item > div {
    display: none;
  }
  #fourItems .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}
#threeItems .carousel-inner .carousel-item.active, #threeItems .carousel-inner .carousel-item-next, #threeItems .carousel-inner .carousel-item-prev, #fourItems .carousel-inner .carousel-item.active, #fourItems .carousel-inner .carousel-item-next, #fourItems .carousel-inner .carousel-item-prev {
  display: flex;
}
#threeItems .carousel-inner .carousel-item-right, #threeItems .carousel-inner .carousel-item-left, #fourItems .carousel-inner .carousel-item-right, #fourItems .carousel-inner .carousel-item-left {
  transform: translateX(0);
}