html,body,div { margin:0; padding:0; border:0; outline:0;}

.slider { position:relative width: 100%; overflow: hidden; margin:0; padding:0; border:0; }

.slides { margin:0; padding:0; border:0; overflow: hidden;
/*  ORIGINAL = 700ms */
-webkit-transition: all 900ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-moz-transition: all 900ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-ms-transition: all 900ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-o-transition: all 900ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
transition: all 900ms cubic-bezier(0.165, 0.840, 0.440, 1.000) }

.slide { float: left; list-style-type: none; clear: none }

.slider-nav { position: absolute; bottom:-30px; }
.slider-nav__item { width: 20px; height: 20px; float: left; clear:none; display:block; margin: 0 7px; background: #CCCCCC; }
.slider-nav__item:hover { background: #666666; }
.slider-nav__item--current { background: #40B2B8; }

@media (max-width: 768px) {
.slider-nav { position: absolute; bottom:-20px; }
.slider-nav__item { width: 15px; height: 15px; float: left; clear:none; display:block; margin: 0 5px; background: #CCCCCC; }
.slider-nav__item:hover { background: #666666; }
.slider-nav__item--current { background: #40B2B8; }
}