.rotating-slider{margin:5em auto;height:360px;position:relative;width:480px;}.rotating-slider ul.direction-controls{list-style:none;margin:0;padding:0;}.rotating-slider ul.direction-controls li.left-arrow{position:absolute;top:0%;right:150%;transform:translateY(-50%);}.rotating-slider ul.direction-controls li.right-arrow{position:absolute;top:0%;left:150%;transform:translateY(-50%);}.rotating-slider ul.direction-controls li button{background:rgba(0,0,0,0.2);border:none;color:white;cursor:pointer;font-size:1.5em;font-weight:bold;height:2.5em;line-height:1.5em;padding:0;text-align:center;transition:background 0.25s;width:2.5em;}.rotating-slider ul.direction-controls li button:hover{background:rgba(0,0,0,0.6);}.rotating-slider ul.slides{border-radius:50%;height:100%;margin:0;overflow:hidden;padding:0;position:relative;top:0;left:50%;transform:translateX(-50%)rotate(0);transform-origin:center center;width:100%;}.rotating-slider ul.slides li{color:#fff;box-sizing:content-box;display:block;list-style:none;position:absolute;top:0;left:50%;text-align:center;transform-origin:bottom center;width:100%;cursor:pointer;}.rotating-slider ul.slides li.inner{box-sizing:border-box;padding:4em;height:100%;width:100%;}