.connected-carousels-photo{
    position: relative;
    overflow: hidden;
    height: 100%;
}
.connected-carousels-photo:before{
	content: "";
	z-index: 80;
	position: absolute;
	left: 0; top: 0;
	width: 100px;
	height: 100%;
	min-height: 100%;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
.connected-carousels-photo:after{
	content: "";
	z-index: 80;
	position: absolute;
	right: 0; top: 0;
	width: 100px;
	height: 100%;
	min-height: 100%;
	background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
	.connected-carousels-photo .carousel-photo ul {
	    width: 20000em;
	    position: relative;
	    list-style: none;
	    margin: 0;
	    padding: 0;
	}
		.connected-carousels-photo .carousel-photo ul li {
			float: left;
			margin: 25px 10px 40px;
		}
			.connected-carousels-photo .carousel-photo ul li img{
				float: left;
			}
			.connected-carousels-photo .carousel-photo ul li span{
				clear: both;
				color: #fff;
				float:left;
				margin: 10px;
			}

/** Stage carousel controls **/
.connected-carousels-photo .prev-stage,
.connected-carousels-photo .next-stage {
    display: table;
    position: absolute;
    top: 40%;
    left: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: none;
    border-radius: 0;
    z-index: 90;
}
.connected-carousels-photo .prev-stage {
    left: 10px;
}
.connected-carousels-photo .next-stage {
    right: 20px;
}
.connected-carousels-photo .prev-stage.inactive,
.connected-carousels-photo .next-stage.inactive {
    display: none;
}
.connected-carousels-photo .prev-stage i,
.connected-carousels-photo .next-stage i {
    color: #000;
    text-decoration: none;
    display: inline-block;
    width: auto; height: auto;
    border: 1px solid #000;
    border-radius: 50%;
    text-align: center;
    font-size: 50px;
    line-height: 50px;
    padding: 0;
    margin: 0;
    width: 50px;
    vertical-align: middle;
    opacity: 0.3;
}
.connected-carousels-photo .prev-stage:hover,
.connected-carousels-photo .next-stage:hover{
	 text-decoration: none;
	  background: none;
}
.connected-carousels-photo .prev-stage:hover i,
.connected-carousels-photo .next-stage:hover i {
    display: block;
    opacity: 0.7;
    transition: all .2s;
}
.connected-carousels-photo .jcarousel-pagination {
    position: absolute;
     bottom: 5px;
     left: 50%;
     top: auto;
     -webkit-transform: translate(-50%, 0);
     -ms-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
     margin: 0;
     z-index: 51;
}
.connected-carousels-photo .jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    height: 8px;
    width: 8px;
    line-height: 10px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;
    margin: 5px 7px;
    outline: none;
    transition: background-color 0.4s ease 0s;
}
.connected-carousels-photo .jcarousel-pagination a.active {
    background-color: rgba(0, 0, 0, 0.5);
    color: #000;
    height: 16px;
    width: 16px;
    margin: 5px 3px;
    transition: background-color 0.4s ease 0s;
}
	.connected-carousels-photo .jcarousel-pagination a.active:hover, .connected-carousels-photo .jcarousel-pagination a.active:hover{
		 background-color: rgba(0, 0, 0, 1);
	}