.clients-carousel{position:relative;}
.clients-carousel:before, .clients-carousel:after{position:absolute; content:''; top:0px; width:33.33%; background:rgba(255, 255, 255, 0.9); bottom:0px; z-index:1;}
.clients-carousel:before{left:0px;}
.clients-carousel:after{right:0px;}
.carousel-inner img{max-width:100%; height:auto;}
.clients-carousel .carousel-inner{transition: 500ms ease-in-out left;}
.clients-carousel .carousel-inner .active.left{left:-33%;}
.clients-carousel .carousel-inner .active.right{left:33%;}
.clients-carousel .carousel-inner .next{left: 33%;}
.clients-carousel .carousel-inner .prev{left: -33%;}
.carousel-control.left, .carousel-control.right {background-image: none;top: 0;z-index: 3; bottom: auto; right: 0;left: auto;background: #cdcdcd !important; padding: 10px; width: 30px; height: 30px; border-radius: 4px; opacity: 1;}
.carousel-control.left{right:40px;}
.controllers{position:absolute; top:-40px; right:0px; z-index:2;}
.controllers .fa{text-shadow: none;display: inherit;margin-top: -5px;}
.controllers .fa-angle-right{margin-right:-4px;}
@media all and (transform-3d), (-webkit-transform-3d) {
.clients-carousel .carousel-inner .item{
	transition: 500ms ease-in-out left;
	transition: 500ms ease-in-out all;
	backface-visibility: visible;
	transform: none!important;
  }
}
@media(max-width:767px){
	.clients-carousel{margin-bottom:30px;}
	.controllers {top: auto; right: 50%; margin-right: -34px;margin-top: 10px;}
}