/* =========================================== *
 * 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,
.carousel-caption {
  z-index:10;
}
.carousel {
  z-index:1;
  color: #fff;
}
/* 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-indicators > li,
.carousel-control:before {
	display: inline-block;
	border: 2px solid white;
}

.carousel-control:before,
.carousel-control:after {
	border: 4px solid white;
}

/* CAROUSEL CONTROL */
.carousel-control {
  font-size: 4.5em;
}
.carousel-control,
.carousel-control:before {
	top: 46%;
	top: calc(50% - .8em);
}
.carousel-control.left {
	left: 2%;
}
.carousel-control.right {
	right: 2%;
}
.carousel-control > span {
	display:none;
}
.carousel-control:before {
  top: 3pt;
  content: "";
  border-bottom: 0;
  border-left: 0;
  width: 0.4em;
  height: 0.4em;
  border-radius: .05em;
}
.carousel-control.left::before{
	left: 16pt;
  -webkit-transform: translate(3px,0) rotate(-135deg);
  transform: translate(3px,0) rotate(-135deg);
  -ms-transform: translate(3px,0) rotate(-135deg);
}
.carousel-control.right::before {
	right: 24pt;
  -webkit-transform: translate(9px,0) rotate(45deg);
  transform: translate(9px,0) rotate(45deg);
  -ms-transform: translate(9px,0) rotate(45deg);
}

.carousel-control.right:after{right: 0;} 
.carousel-control:after {
	position: absolute;
	top:16pt;
	content: "";
	height: 1em;
	width: 1em;
	border-radius: 50%;
}
/* =========================================== *
 * 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);
  }
}
.carousel-inner>.item[class*=e][class*=t],
.carousel-inner>[class*=e][class*=t],
.carousel-inner>.item[class*=e],
.carousel-inner>.active {
  left:0;
}
.carousel-inner>.next,
.carousel-inner>.prev {
  top:0;
}
.carousel-inner>.prev,
.carousel-inner>.active.left {
  left:-100%;
}

@media (max-width:767px) {
	.carousel-control {
		transform: scale(.7);
		-webkit-transform: scale(.7);
    transform-origin: 0 -1% 0 0;
    -webkit-transform-origin: 0 -1% 0 0;
	}
}