/* CSS Document */

.carousel-control {width: 8%;}
.carousel-inner .item .col-xs-4 {padding: 4px 2px!important;}

/*----Modified Carousel Indicators---*/
.carousel-indicators {
	position: absolute;	
	bottom: 0;
	width: 100%; 
	left: auto;
	background: rgba(0, 0, 0, 0.75);
	margin: 0;
	padding: 5px;
}
.carousel-indicators li {border-radius: 0; width: 30px; height: 5px; border: none; background-color: #fff; margin:0;}
.carousel-indicators .active {border-radius: 0; width: 30px; height: 5px; border: none; background-color: #b9192a; margin:0;}


/*---Custom 3 Slide Styles---*/
.multi-item-carousel .carousel-inner > .item {
  transition: 500ms ease-in-out left;
}
.multi-item-carousel .carousel-inner .active.left {
  left: -33%;
}
.multi-item-carousel .carousel-inner .active.right {
  left: 33%;
}
.multi-item-carousel .carousel-inner .next {
  left: 33%;
}
.multi-item-carousel .carousel-inner .prev {
  left: -33%;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .multi-item-carousel .carousel-inner > .item {
    transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out all;
    -webkit-backface-visibility: visible;
            backface-visibility: visible;
    transform: none!important;
  }
}
.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
  background-image: none;
}

@media only screen and (max-width : 768px) {
	.carousel-indicators {position: relative; background: #333;}
    
    .carousel-indicators li {width: 10px; height: 5px; }
    .carousel-indicators .active {width: 10px; height: 5px;} 
}