

.carousel-inner .item img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><fecolormatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'></fecolormatrix></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
/*    filter: grayscale(100%);*/
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.carousel-inner .item img:hover {
    filter: url("data:image/svg+xml;utf8,#grayscale");
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}


.carousel-control { width: 5%!important;  opacity: 1 !important; color: #FFFFFF!important; text-shadow: 0 1px 15px #000!important; /*text-shadow: none !important;*/ }
.carousel-control:hover, .carousel-control:focus { color: #00a5e2!important; }
.carousel-control.left, .carousel-control.right { background-image: none !important; }
.carousel-control.left { left: -2em!important; }
.carousel-control.right { right: -2em!important; }


/* override position and transform in 3.3.x */
/*.carousel-inner .item.left.active {*/
/*  transform: translateX(-33%);*/
/*}*/
/*.carousel-inner .item.right.active {*/
/*  transform: translateX(33%);*/
/*}*/

/*.carousel-inner .item.next {*/
/*  transform: translateX(33%)*/
/*}*/
/*.carousel-inner .item.prev {*/
/*  transform: translateX(-33%)*/
/*}*/

/*.carousel-inner .item.right,*/
/*.carousel-inner .item.left { */
/*  transform: translateX(0);*/
/*}*/



