.carousel
{
  overflow: hidden;
  position: relative;
}

.carousel__slides
{
  position: relative;
  height: 0;
  padding-bottom: 33.85417%;
}

.carousel__slides > *
{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

.carousel__slide
{
  transform: translateX(0%);
  z-index: 0;
  overflow: hidden;
}

.no-js .carousel__slide:nth-child(n+2)
{
  display: none;
}

.carousel__slide img
{
  display: block;
  width: 100%;
}

.carousel__slidebg
{
  display: block;
  transform: translateX(0%);
}

.carousel__slide.previous
{
  transform: translateX(-100%);
  z-index: 2;
}

.carousel__slide.previous .carousel__slidebg
{
  transform: translateX(100%);
}

.carousel__slide.next
{
  transform: translateX(100%);
  z-index: 2;
}

.carousel__slide.next .carousel__slidebg
{
  transform: translateX(-100%);
}

.carousel__slide.current, .carousel__slide.slidingout
{
  transform: translateX(0%);
  z-index: 1;
}

.carousel__slide.current .carousel__slidebg, .carousel__slide.slidingout .carousel__slidebg
{
  transform: translateX(0%);
}

.carousel__slide.slidingin
{
  transform: translateX(0%);
  z-index: 3;
}

.carousel__slide.slidingin .carousel__slidebg
{
  transform: translateX(0%);
}

.carousel--hoverprev.nottransitioning .carousel__slide.previous
{
  transform: translateX(-80%);
}

.carousel--hoverprev.nottransitioning .carousel__slide.previous .carousel__slidebg
{
  transform: translateX(80%);
}

.carousel--hovernext.nottransitioning .carousel__slide.next
{
  transform: translateX(80%);
}

.carousel--hovernext.nottransitioning .carousel__slide.next .carousel__slidebg
{
  transform: translateX(-80%);
}

.transitioning .carousel__slide.slidingin
{
  transition: transform .5s;
}

.transitioning .carousel__slide.slidingin .carousel__slidebg
{
  transition: transform .5s;
}

.nottransitioning .carousel__slide.next, .nottransitioning .carousel__slide.next .carousel__slidebg, .nottransitioning .carousel__slide.previous, .nottransitioning .carousel__slide.previous .carousel__slidebg
{
  transition: transform .5s;
}

.carousel__controls
{
  position: absolute;
  z-index: 10;
  bottom: 10px;
  left: 50%;
  width: 50px;
  margin-left: -25px;
}

.carousel__prev svg, .carousel__next svg
{
  width: 25px;
  height: 12.5px;
}

.carousel__prev .svgfill, .carousel__next .svgfill
{
  fill: #FFF;
  transition: all .5s;
}

.carousel__prev a:hover .svgfill, .carousel__prev a:focus .svgfill, .carousel__next a:hover .svgfill, .carousel__next a:focus .svgfill
{
  fill: #f7931e;
  border: 20px solid #333;
}

.carousel__prev.disabled, .carousel__next.disabled
{
  opacity: 0;
}

.carousel__prev.disabled a, .carousel__next.disabled a
{
  cursor: default;
}

.carousel__prev
{
  float: left;
}

.carousel__next
{
  float: right;
}

@media (min-width: 769px)
{
  .carousel__slides
  {
     padding-bottom: 33.85417%; 
  }
}

.carousel__prev2, .carousel__next2
{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 15%;
  z-index: 9;
  cursor: pointer;
}

.carousel__prev2
{
  left: 0;
  cursor: url("./assets/images/hero-slider/icons/left-arrow.cur"), url("https://chatime.com/wp-content/themes/chatime/images/cursors/left-arrow.png"), auto;
}

.carousel__next2
{
  right: 0;
  cursor: url("./assets/images/hero-slider/icons/right-arrow.cur"), url("https://chatime.com/wp-content/themes/chatime/images/cursors/right-arrow.png"), auto;
}