.slider {
position: relative;
width: 100%;
height: 378px;
overflow: hidden;
}
.slides {
height: 100%; overflow: hidden; -webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide {
height: 100%;
float: left;
clear: none;
}
.slider-arrows {}
.slider-arrow {
position: absolute;
display: block;
margin-bottom: -20px;
padding: 20px;
}
.slider-arrow--right { bottom: 50%; right: 30px; }
.slider-arrow--left { bottom: 50%; left: 30px; }
.slider-nav {
position: absolute;
width: 98% !important;
left: 0 !important;
margin-left: 0 !important;
padding-right: 2% !important;
text-align: right;
}
.slider-nav__item {
width: 12px;
height: 12px;
clear: none;
display: inline-block;
margin-right: 10px;
background: #fff;
}
@media (max-width: 768px) {
.slider, ul.slides, ul.slides li { height: auto; }
}