.layout-showcase {
	position: relative;
}
.layout-showcase::after {
	clear: both; display: table; content: "";
}
.layout-showcase ul {
	list-style: none !important; margin: 0px; padding: 0px;
}
.pagination-active {
	margin-bottom: 35px;
}
.layout-showcase .sprocket-features-list {
	padding: 0px !important; overflow: hidden; position: relative;
}
.layout-showcase .sprocket-features-list li {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; opacity: 0;
}
.layout-showcase .sprocket-features-list li.active {
	height: auto; display: block; position: static; opacity: 1;
}
.arrows-active .sprocket-features-list {
	margin-right: 35px; margin-left: 35px;
}
.layout-showcase .sprocket-features-img-container img {
	margin-right: 25px; float: left;
}
.layout-showcase .sprocket-features-arrows .arrow {
	border-radius: 1em; top: 50%; width: 24px; height: 24px; text-align: center; font-size: 2.2em; margin-top: -12px; display: block; position: absolute; z-index: 10; cursor: pointer; opacity: 0.5; background-repeat: no-repeat;
}
.layout-showcase .sprocket-features-arrows .arrow span {
	display: none;
}
.layout-showcase .sprocket-features-arrows .prev {
	background-position: 0px -138px; left: 0px;
}
.layout-showcase .sprocket-features-arrows .next {
	background-position: 0px -85px; right: 0px;
}
.layout-showcase .sprocket-features-arrows .arrow:hover {
	opacity: 1;
}
.arrows-onhover .sprocket-features-arrows .arrow {
	opacity: 0;
}
.arrows-onhover.sprocket-features:hover .sprocket-features-arrows .arrow {
	opacity: 1;
}
.layout-showcase .sprocket-features-pagination {
	padding: 0px !important; left: 50px; bottom: 15px; position: absolute; z-index: 10;
}
.layout-showcase .sprocket-features-pagination-hidden {
	display: none;
}
.layout-showcase .sprocket-features-pagination li {
	padding: 6px; border-radius: 1em; display: inline-block; cursor: pointer; opacity: 0.4; box-shadow: inset 0px 3px 3px rgba(0,0,0,0.4);
}
.layout-showcase .sprocket-features-pagination li.active {
	opacity: 1;
}
.layout-showcase .sprocket-features-pagination li span {
	line-height: 1em; font-size: 0.85em; display: none;
}
.pagination-active .sprocket-features-pagination {
	bottom: -30px;
}
.layout-showcase .sprocket-features-pagination li {
	transition:opacity 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in;
}
.layout-showcase .sprocket-features-arrows .arrow {
	transition:opacity 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in;
}