.imagy {
	height: 0;
	overflow: hidden;
	padding-top: 52%;
	position: relative;
}
.imagy-showcase {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	z-index: 10;
}
.imagy-showcase img {
	height: auto;
	max-width: 100%;
}
.imagy-showcase-item	{
	background: #fff;
	overflow: hidden;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
}
.imagy-controls {
	display: none;
}
@media ( min-width: 768px ) {
	padding-top: 49%;
}
@media ( min-width: 992px ) {
	.imagy {
		margin: 0 -15px;
		padding-top: 36.666666666%;
	}
	.imagy-showcase {
		margin-right: -7px;
		margin-left: 15px;
		right: 25%;
	}
	.imagy-controls {
		display: block;
		margin: -8px;
		padding: 0 15px;
		position: absolute; top: 0; right: 0; bottom: 0; left: 75%;
		z-index: 20;
	}
	.imagy-controls-list {
		border-spacing: 8px;
		display: table;
		height: 100%;
		list-style: none;
		padding: 0;
		table-layout: fixed;
		width: 100%;
	}
	.imagy-control-item {
		cursor: pointer;
		display: table-row;
	}

	.imagy-control-item-content {
		background: #eee;
		color: #141414;
		display: table-cell;
		padding: 10px 20px;
		position: relative;
		text-shadow: 0 1px 0 rgba ( 255, 255, 255, .3 );
		vertical-align: middle;
		width: 100%;
		-webkit-transition: background ease-in-out .5s;
			 -moz-transition: background ease-in-out .5s;
						transition: background ease-in-out .5s;
	}
	.imagy-control-item.active .imagy-control-item-content {
		background: #ddd;
		width: 100.0001%;
	}
	.imagy-control-item-content:after,
	.imagy-control-item-content:before {
		border-top: 25px solid rgba(0, 0, 0, 0);
		border-right: 0 solid;
		border-bottom: 25px solid rgba(0, 0, 0, 0);
		color: #eee;
		content: "";
		display: block;
		height: 0;
		margin-top: -25px;
		position: absolute; top: 50%; right: 100%;
		vertical-align: middle;
		width: 0;
		-webkit-transition: border ease-in-out .5s, color ease-in-out .5s;
			 -moz-transition: border ease-in-out .5s, color ease-in-out .5s;
						transition: border ease-in-out .5s, color ease-in-out .5s;
	}
	.imagy-control-item-content:before {
		border-top-width: 36px;
		border-bottom-width: 36px;
		color: #fff;
		margin-top: -36px;
	}
	.imagy-control-item-title	{
		display:block;
		overflow:hidden;
		-webkit-text-overflow:ellipsis;
			 -moz-text-overflow:ellipsis;
						text-overflow:ellipsis;
		white-space:nowrap;
	}
	.imagy-control-item-descr {
		font-size: 85%;
		height: 2.65em;
		overflow: hidden;
	}
	
	.imagy-control-item.active .imagy-control-item-content:after {
		border-right-width: 25px;
		color: #ddd;
	}
	.imagy-control-item.active .imagy-control-item-content:before {
		border-right-width: 36px;
	}


	.imagy-control-item-title {
		font-weight: bold;
	}
}