/**
 * Ref: http://meandmax.github.io/lory/
 */
 
/**
 * (optional) define here the style definitions which should be applied on the slider container
 * e.g. width including further controls like arrows etc.
 */
.slider {
	
}

.slider > .frame {
	/**
	 * (optional) wrapper width, specifies width of the slider frame.
	 */
	width: 880px;
	position: relative;
	line-height: 0;
	overflow: hidden;
	white-space: nowrap;
}

.slider > .frame > .slides {
	display: inline-block;
}

.slider > .frame > .slides > li {
	position: relative;
	display: inline-block;
	list-style: none outside none;
	
	/**
	 * (optional) if the content inside the slide element has a defined size.
	 */
	width: 880px;
}

.slider > .prev, .slider > .next {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	display: block;
	cursor: pointer;
}

.slider > .next {
	right: 0;
}

.slider > .prev {
	left: 0;
}

.slider > .next svg, .slider > .prev svg {
	width: 25px;
}