#music{margin-top:-15px;border:1px rgba(0,0,0,.25)}.audio-control #mute.button{width:36px}.audio-control .button{display:inline-block;background:none;border:none;padding:10px;font-size:18px;line-height:1;position:relative;top:-20px;cursor:pointer}.audio-control #play-pause{font-size:70px;margin:0 28px;top:0;padding:0}.audio-control .button .fa-fw{text-align:left}.audio-control .shuffle-audio,.audio-control .repeat-audio{display:none}.playlist{}ul#playlist{list-style:none;margin-top:0;margin-bottom:0}ul#playlist li:hover{background-color:rgba(0,0,0,.05);cursor:pointer}ul#playlist li{text-align:center}ul#playlist li .left{display:inline-block}ul#playlist li div .button{background:none;border:none;padding:0 10px 15px;font-size:18px;line-height:1;position:relative;top:3px}ul#playlist li .middle{display:inline;height:100%}.canvas-wrapp{position:relative;padding:0 40px}#waveform{position:relative;background-color:transparent}.song{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:80%;vertical-align:middle}.length{padding-left:15px;padding-right:15px;color:#fff;vertical-align:middle}.current-ellapsed-time{position:relative}#current-time{position:absolute;right:0;bottom:0;color:#fff;background:transparent;padding-left:5px;padding-right:5px;z-index:200;display:table;width:100%}#current-time span{font-size:14px}.ellapsed-time{position:absolute;top:19px;left:-40px}.current-time{position:absolute;top:19px;right:-35px}.song-title-wrap{position:relative;text-align:center;margin:22px 0 17px}#current-song{color:#fff;padding-left:5px;padding-right:5px;z-index:200;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:75%;margin:0 auto 18px;font-weight:400;font-size:24px}.song-title-wrap h5{font-size:14px;text-transform:uppercase;font-weight:400}#playlist #mute{position:absolute;right:0}.album-name{margin:10px;font-family:'Lato',sans-serif;color:#1e1e1e;font-size:20px}.next-pre-wrapp{text-align:center}.volume-control{position:relative;display:table;width:375px;margin:30px auto 0}.volume-wrap{height:10px;position:relative;width:335px;display:table;margin-top:-4px;cursor:pointer}.volume{cursor:pointer;position:absolute;width:100%;top:2px;height:4px;background-color:rgba(255,255,255,.5);opacity:1;transition:opacity 1s;z-index:8}.volume-bar{display:block;opacity:1;height:4px;position:absolute;top:0;left:0;background-color:#fff;z-index:10;width:80%;transition:opacity 1s}.volume-bar:before{content:'';height:15px;width:15px;background:#fff;display:inline-block;position:absolute;border-radius:50%;left:100%;top:-6px;box-shadow:0 2px 10px 0 rgba(255,255,255,.5)}.volume3{width:0;height:0;border-style:solid;border-width:0 0 50px 100px;border-color:transparent transparent #007bff transparent;line-height:0;_border-color:#000 #000 #007bff #000;_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000')}.author-image-wrap{margin-bottom:28px}.author-image-wrap img{width:125px;height:125px;border-style:solid;border-width:6px;border-color:rgba(255,255,255,.28);border-radius:50%;display:inline-block}