* { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; }

.audio_player .playlist { list-style: none;   counter-reset: my-awesome-counter; }
.audio_player .playlist li { counter-increment: my-awesome-counter; }
.audio_player { width: 100%; float: left; position: relative; }
.audio_player .player { margin-top: 15px; box-shadow: 0px -3px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px -3px 5px rgba(0,0,0,0.3);   padding: 0 50px; background: #6fb1ff;  height: auto;  position: relative;  width: 100%;  z-index: 9; height: 80px; }
/*.audio_player .playlist { display: none; }*/
.audio_player .cover { border-radius: 5px 5px 5px 5px;  height: 94px;  left: 20px;  position: absolute;  top: 30px;  width: 94px; display: none; }
.audio_player .title,
.audio_player .artist { left: 50px;  position: absolute;  -moz-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;}
.audio_player .title { width: calc(100% - 320px); text-overflow:ellipsis; white-space: nowrap; overflow: hidden; color: #ffffff;  font-size: 18px; line-height: 22px;  font-weight: bold; text-transform: uppercase; top: 10px;}
.audio_player .artist {  color: #eeeeee;  font-size: 12px;  top: 40px; display: none; }
.audio_player .controls {  cursor: pointer;  left: auto;  position: absolute; top: 50%; margin-top:-25px; right: 50px; width: 170px; }
.audio_player .controls .stop {  display: none; }
.audio_player .controls .play { margin: 0 8px !important; background: #fe5d49 url(../images/play-pause.png) left top no-repeat; background-size:100% 200%; border-radius: 50%; -webkit-border-radius: 50%; }
.audio_player .controls .pause { margin: 0 8px !important; background: #fe5d49 url(../images/play-pause.png) left 100% no-repeat; background-size:100% 200%; border-radius: 50%; -webkit-border-radius: 50%;display: none; }
.audio_player .controls .rew { background: url(../images/prev.png) center center no-repeat; background-size: 18px auto; }
.audio_player .controls .fwd { background: url(../images/next.png) center center no-repeat; background-size: 18px auto; }
.audio_player .volume {  height: 11px;  left: 230px;  position: absolute;  top: 142px;  width: 140px; display: none; }
.audio_player .progressbar {  background-color: rgba(255,255,255,0.3);  cursor: pointer;  z-index: 1;  right: 6.875em; /* 110 */  height: 2px;  left: 50px;  position: absolute;  width: calc(100% - 320px);  top: 45px;  margin: 0;}
.audio_player .progressbar div {  width: 0%;  height: 2px;  position: absolute;  left: 0;  top: 0;}
.audio_player .bar-loaded {  background-color: rgba(255,255,255,0.3);  z-index: 1;}
.audio_player .bar-played {position: relative;z-index: 2;background:#06739c; }
.audio_player .bar-played:after { width: 10px; height: 10px; content:''; position:absolute; right:-5px; top: -4px; background:#fe5d49; content:''; border-radius: 50%; -webkit-border-radius: 50%; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5); } 
.audio_player .timeHolder {  color: #ffffff;  font-size: 15px; line-height: 19px; font-weight: bold;  bottom: 8px;  position: absolute;  margin: 0px;  width: calc(100% - 320px); }
.audio_player .time-duration { float: right !important; }
.audio_player .time-separator { display: none; }


.audio_player .pl {  background: url(../images/playlist.png) no-repeat;  cursor: pointer;  height: 40px;  left: 330px;  position: absolute;  top: 20px;  width: 39px;}
.audio_player .pl:hover {  top: 21px;}
.audio_player .controls .play,
.audio_player .controls .pause {  width: 50px;  height: 50px;  margin: 0 0px 0px 0px;}
.audio_player .controls .play,
.audio_player .controls .pause,
.audio_player .controls .rew,
.audio_player .controls .fwd,
.audio_player .controls .stop {  text-indent: -10000px;  border: none;  float: left;}
.audio_player .controls .rew,
.audio_player .controls .fwd,
.audio_player .controls .stop {  width: 50px;  height: 50px;  margin: 0;}
.audio_player .controls .stop {  background: url(../images/stop.png) no-repeat;}
.audio_player .hidden {  display: none;}
.audio_player .controls .visible {  display: block;}
.audio_player .mute .volume-btn {  background: url(../images/volume-off.png) no-repeat;}
.audio_player .volume-btn {  background: url(../images/volume-up.png) no-repeat;  height: 20px;  width: 20px;  float: left;  position: relative;  top: -4px;}
.audio_player .volume-adjust {  height: 11px;  position: relative;  width: 80%;  background: #fff;  float: right;}
.audio_player .volume-adjust > div > div {  height: 11px;  background: #151b48;}
.audio_player .novolume .progressbar {  right: 4.375em; /* 70 */}
.audio_player .time-current,
.audio_player .time-duration,
.audio_player .time-separator {  color: #ffffff;  font-size: 14px; line-height: 18px; font-weight: bold;  float: left;}
.audio_player .volume .ui-slider-handle {  background: url("../images/spr.png") no-repeat scroll -201px -188px    rgba(0, 0, 0, 0);  height: 13px;  width: 13px;}




@media only screen and (max-width: 1209px) {
.audio_player .controls { right:0px; }
.audio_player .player { padding: 0 20px; }
.audio_player .title, .audio_player .artist { left: 20px; }
.audio_player .progressbar { left: 20px; width: calc(100% - 210px); }
.audio_player .timeHolder { width: calc(100% - 210px); }
.audio_player .title { width: calc(100% - 210px); }
}