.frame ul,.pages{list-style:none;padding:0}.controls,.pages,.time-line{text-align:center}.wrap{position:relative;margin:3em 0}.frame{height:250px;line-height:0;overflow:hidden}.frame ul{margin:0;height:100%;font-size:50px}.frame ul li{float:left;width:10%;height:100vh;margin:0 1px 0 0;padding:0;background:0 0}.frame ul li.active{color:#fff;background:#f6f6f6}.scrollbar{margin:0 0 1em;height:2px;background:#ccc;line-height:0}.scrollbar .handle{width:100px;height:100%;background:#292a33;cursor:pointer}.scrollbar .handle .mousearea{position:absolute;top:-9px;left:0;width:100%;height:20px}.pages{bottom:10%;margin:20px 0;position:absolute;right:5%;width:10px}.pages li{display:inline-block;width:14px;height:14px;margin:0 4px;text-indent:-999px;border-radius:10px;cursor:pointer;overflow:hidden;background:#fff;border:1px solid #1672bc}.pages li.active,.pages li:hover{background:#1672bc}.pages li:first-child{content:""}.controls{margin:25px 0}.oneperframe{height:100vh;line-height:0}.oneperframe ul li{width:100%}.oneperframe ul li.active{background:0 0}.crazy ul li:nth-child(2n){width:100px;margin:0 4px 0 20px}.crazy ul li:nth-child(3n){width:300px;margin:0 10px 0 5px}.crazy ul li:nth-child(4n){width:400px;margin:0 30px 0 2px}.time-line{max-width:75%;margin:0 auto;padding:20px;text-transform:uppercase}