/**
* Demo Page Styles
*/


/*footer {
margin: 0 auto;
padding: 20px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
text-align: center;
background: #2E435A;
color: #fff;
}*/

/**
* Slider specific styles
*/

.slider {
position: relative;
width: 320px;
margin: 0 auto 40px;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}

.frame {
position: relative;
width: 270px;
margin: 0 auto;
font-size: 0;
line-height: 0;
overflow: hidden;
white-space: nowrap;
}

.frame li {
position: relative;
display: inline-block;
font-family: 'Source Sans Pro', sans-serif;
height: 130px;
text-align: center;
font-size: 15px;
line-height: 30px;
background: #2E435A;
color: #fff;
}

.slides {
display: inline-block;
}
.slides img{
width: 320px;
height: 120px;
}
.simple li {
width: 270px;
margin-right: 10px;
}

.variablewidth li {
width: 280px;
margin-right: 10px;

}

.multipleelements li, .multislides li, .ease li {
width: 60px;
margin-right: 10px;
}

.simple li:last-child,
.variablewidth li:last-child,
.multipleelements li:last-child,
.multislides li:last-child,
.ease li:last-child {
margin-right: 0;
}

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

.next {
right: 0;
}

.prev {
left: 0;
}


@media screen and (min-width: 980px ) {
/**
 * Demo Page Styles
 */

.examplecode {
    width: 1060px;
}

/**
 * Slider specific styles
 */

.slider {
    width: 1200px;
    margin: 0 auto 20px;
}

.frame {
    width: 1060px;
}

.simple li {
    width: 1060px;
}

.variablewidth li {
    width: 280px;
    margin-right: 10px;
}

.multipleelements li, .multislides li, .ease li {
    width: 320px;
    margin-right: 50px;
    height: 320px;
    border-radius: 5px;
    background: #fff;
    color: #262626;
}
}