.connected-carousels .stage {
    position: relative;
	max-width:350px;
	margin:10px auto 0;	
}
.connected-carousels .stage:hover {
	-webkit-box-shadow: 0 0 0 1px #e5e5e5;
	box-shadow: 0 0 0 1px #e5e5e5;
}
.connected-carousels .stage img {
	display:block;
	max-width:100%;
	margin: 0 auto;
	height: auto !important;
}

.connected-carousels .navigation {
	width:280px;
    
    margin: 20px auto 10px;
    position: relative;
}
.connected-carousels .navigation li { border:1px solid #d9d9d9; margin:4px; cursor: pointer; position:relative; }
.connected-carousels .navigation img { width:60px; height:60px; }

.connected-carousels .navigation li.active {
    border-color: #7cba5d;

}


.connected-carousels .navigation li.active:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-bottom-color: #7cba5d; border-width: 5px; margin-left: -5px; }

.connected-carousels .carousel {
    overflow: hidden;
    position: relative;
}

.connected-carousels .carousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.connected-carousels .carousel li {
    float: left;
}

.prev-navigation,
.next-navigation { width:30px; height:30px; display:block; font-size:20px; position:absolute; top:50%; margin-top:-15px; background:rgba(0,0,0,.4); color:#fff; text-align:center; line-height:24px; cursor:pointer;}
.prev-navigation:hover,
.next-navigation:hover,
.prev-navigation:focus,
.next-navigation:focus { background:rgba(0,0,0,.65); color:#fff; }
.prev-navigation { left:-35px; }
.next-navigation { right:-35px; }

.navigation .inactive { display: none; }


@media (max-width: 767px) {
.connected-carousels .navigation { width:210px; }	
}
@media (max-width: 459px) {
.connected-carousels .navigation { width:140px; }	
}