/* =========================================== *
 * CUSTOMIZE BOOTSTRAP CAROUSEL
 * =========================================== */
.carousel-inner {
  overflow:hidden;
}
.carousel,
.carousel-inner,
.carousel-inner>.item,
.carousel-control:before {
  position:relative;
}
.carousel-inner>.next,
.carousel-inner>.prev,
[class*=carousel-]:not([class*=inner]) {
	position:absolute;
}
.carousel-indicators {
  right: 0;
  left:0;
}

.carousel,
.carousel-inner,
.carousel-inner > .item,
.carousel-inner > .item > img {
  width: 100%;
}
.carousel-inner,
.carousel-caption,
.carousel-inner > .item {
  margin: 0;
  height: 100%;
}

/* CAROUSEL */
.carousel-inner>.item {
  display:none;
  -webkit-transition:.6s ease-in-out left;
  transition:.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
  display:block;
}
.carousel-indicators > li,
.carousel-control:before {
	display: inline-block;
}
.carousel-indicators,
.carousel-caption {
  z-index:10;
}
.carousel {
  z-index:1;
}

/* CAPTION & INDICATORS */
.carousel-indicators {
	bottom: .5em;
	text-align: center;
}
.carousel-indicators > li {
	width: 14px;
	height: 14px;
	margin: 0 3px;
	border-radius: 50%;
	cursor: pointer;
}
.carousel-indicators > .active {
	background-color: #fff;
}
.carousel-control:before {
	border: 4px solid #d52229;
}
.carousel-indicators > li {
	border: 2px solid white;
}

/* CAROUSEL CONTROL */
.carousel-control {
  font-size: 3.5em;
}
.carousel-control,
.carousel-control:before {
	top: 50%;
	top: calc(50% - 20px);
}

/* HERE */
.carousel-control.left,
/* CHANGE */
.carousel-inner>.item[class*=e][class*=t],
.carousel-inner>[class*=e][class*=t]:not([class*=-control]),
.carousel-inner>.item[class*=e],
.carousel-inner>.active {
  left:0;
}

.carousel-control {
	right: 0;
	width: 32px;

	height: 40px;
	background-color: #000;
	text-align: center;
}
.carousel-control:before {
	margin: auto 11px 11px 11px;
}
.carousel-control.right:before {
	margin-left: 1px;
}
.carousel-control:before {
  content: "";
  border-bottom: 0;
  border-left: 0;

  width: 20px;
  height: 20px;
  border-radius: 2px;
}
.carousel-control.left::before{
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
}
.carousel-control.right::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.ie .carousel-control { line-height: 1.5;}
/* =========================================== *
 * CAROUSEL SLIDE ANIMATION
 * =========================================== */
@media all and (transform-3d),
	(-webkit-transform-3d) {

  .carousel-inner>.item {
    -webkit-transition:-webkit-transform .6s ease-in-out;
    transition:transform .6s ease-in-out;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-perspective:1000px;
    perspective:1000px;
  }
  .carousel-inner>.item.active.right,
  .carousel-inner>.item.next {
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0);
  }
  .carousel-inner>.item.active.left,
  .carousel-inner>.item.prev {
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0);
  }
  .carousel-inner>.item.active,
  .carousel-inner>.item.next.left,
  .carousel-inner>.item.prev.right {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
  }
}

/* HERE */
.carousel-inner>.next,
.carousel-inner>.prev {
  top:0;
}
.carousel-inner>.prev,
.carousel-inner>.active.left {
  left:-100%;
}