/*! Blue Monday Skin for jPlayer 2.9.2 ~ (c) 2009-2014 Happyworm Ltd ~ MIT License */.jp-audio :focus,.jp-audio-stream :focus,.jp-video :focus {
 outline:0
}
.jp-audio button::-moz-focus-inner,.jp-audio-stream button::-moz-focus-inner,.jp-video button::-moz-focus-inner {
 border:0
}
.jp-audio,.jp-audio-stream,.jp-video {
 font-size:16px;
 font-family:Verdana,Arial,sans-serif;
 line-height:1.6;
 color:#666;
 /*! border:1px solid #009be3; */
 background-color:#f2f2f2;
}
.jp-audio {
 width:100%;
}
.jp-audio-stream {
 width:182px
}
.jp-video-270p {
 width:480px
}
.jp-video-360p {
 width:640px
}
.jp-video-full {
 width:480px;
 height:270px;
 position:static!important;
 position:relative
}
.jp-video-full div div {
 z-index:1000
}
.jp-video-full .jp-jplayer {
 top:0;
 left:0;
 position:fixed!important;
 position:relative;
 overflow:hidden
}
.jp-video-full .jp-gui {
 position:fixed!important;
 position:static;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:1001
}
.jp-video-full .jp-interface {
 position:absolute!important;
 position:relative;
 bottom:0;
 left:0
}
.jp-interface {
position: fixed;border-top: 1px solid #cecece;
background-color: #f2f2f2;
width: 100%;
bottom: 0;
display: none;height: 48px;z-index: 99999;
}
.jp-audio .jp-interface,.jp-audio-stream .jp-interface {
 /*! height:80px */
}
.jp-video .jp-interface {
 border-top:1px solid #009be3
}
.jp-controls-holder {
 clear:both;
 width:440px;
 margin:0 auto;
 position:relative;
 overflow:hidden;
 top:-8px
}
.jp-interface .jp-controls {
 margin:0;
 padding:0;
 overflow:hidden
}
.jp-audio .jp-controls {
 /*width:15%;*/height: 48px;
 /*! padding:20px 20px 0; */
 display: inline-block;
 /*margin-top:5px;*/ margin-right: 30px;
}
.jp-audio-stream .jp-controls {
 position:absolute;
 top:20px;
 left:20px;
 width:142px
}
.jp-video .jp-type-single .jp-controls {
 width:78px;
 margin-left:200px
}
.jp-video .jp-type-playlist .jp-controls {
 width:134px;
 margin-left:172px
}
.jp-video .jp-controls {
 float:left
}
.jp-controls button { display: inline-block;text-indent: -9999px;border: none;cursor: pointer;height: 100%;background-position: center;background-color: transparent;}
.jp-play {background-image: url(../image/player_start.svg); background-repeat: no-repeat;}
.jp-play:focus {
/* background:url(../image/spritesheet1.png) -7px -5px no-repeat;*/
}
.jp-state-playing .jp-play {
background-image: url(../image/player_playing.svg); background-repeat: no-repeat;
}
.jp-state-playing .jp-play:focus {
/* background:url(../image/spritesheet1.png) -7px -60px no-repeat;*/
}
.jp-next,.jp-previous,.jp-stop, .jp-play {
 width: 24px;
height: 100%;
margin: 0 0 0 12px;
 /*margin-top:6px*/padding: 0;
}
.jp-stop {
 background:url(../image/jplayer.blue.monday.jpg) 0 -83px no-repeat;
 margin-left:10px
}
.jp-stop:focus {
 background:url(../image/jplayer.blue.monday.jpg) -29px -83px no-repeat
}
.jp-previous {
    background-image: url(../image/player_prev.svg); background-repeat: no-repeat;
 /*background:url(../image/spritesheet1.png) -18px -205px no-repeat;*/
}
.jp-previous:focus {
 /*background:url(../image/spritesheet1.png) -18px -205px no-repeat;*/
}
.jp-next {
  background-image: url(../image/player_next.svg); background-repeat: no-repeat;
}
.jp-next:focus {
 /*background:url(../image/spritesheet1.png) -30px -246px no-repeat;*/
}
.jp-progress {
 overflow:hidden;
 background-color:#ccc;
}
.jp-audio .jp-progress {
 /*! position:absolute; *//*! top:32px; */height:3px;position: relative;top: -2px;
}
.jp-audio .jp-type-single .jp-progress {
 left:110px;
 width:186px
}
.jp-audio .jp-type-playlist .jp-progress {
 width:80%;
 display: inline-block;
}
.jp-video .jp-progress {
 top:0;
 left:0;
 width:100%;
 height:10px
}
.jp-seek-bar {
 background:#cccccc;
 width:0;
 height:100%;
 cursor:pointer
}
.jp-play-bar {
 background:#f6490d;
 width:0;
 height:100%
}
.jp-seeking-bg {
 /*background:url(../image/jplayer.blue.monday.seeking.gif)*/
}
.jp-state-no-volume .jp-volume-controls {
 display:none
}
.jp-volume-controls {
 position: relative;
width: 15%;
display: inline-block;
text-align: center; 
line-height: 46px;
vertical-align: top;
}
.jp-audio-stream .jp-volume-controls {
 left:70px
}
.jp-video .jp-volume-controls {
 top:12px;
 left:50px
}
.jp-volume-controls button {
 display:inline-block !important;background-color: transparent;
 overflow:hidden;
 text-indent:-9999px;
 border:none;
 cursor:pointer;
 width: 18px;background-position: center;padding: 0;
}
.jp-mute,.jp-volume-max {
 width:18px;  margin-right:4px; 
}
.jp-volume-max {
 left:74px
}
.jp-mute {
background-image: url(../image/player_volume.svg);background-repeat: no-repeat;
}
.jp-mute:focus {
 /*background:url(../image/spritesheet1.png) -30px -288px no-repeat;*/
}
.jp-state-muted .jp-mute {
 background-image: url(../image/player_volume-muted.svg);background-repeat: no-repeat;
}
.jp-state-muted .jp-mute:focus {
 /*background:url(../image/spritesheet1.png) -30px -320px no-repeat;*/
}
.jp-volume-max {
 background:url(../image/jplayer.blue.monday.jpg) 0 -186px no-repeat
}
.jp-volume-max:focus {
/* background:url(../image/jplayer.blue.monday.jpg) -19px -186px no-repeat*/
}
.jp-volume-bar {
 /*! overflow:hidden;
 background:url(../image/jplayer.blue.monday.jpg) 0 -250px repeat-x; */
 background:#cccccc;
 height:3px;
 cursor:pointer;
 display: inline-block;
 width: 70%;
 vertical-align: middle; position: relative;top: -2px;
}
.jp-volume-bar-value {
 /*background:url(../image/jplayer.blue.monday.jpg) 0 -256px repeat-x;*/
 background:#f6490d;
 width:0;
 height:3px
}
.jp-audio .jp-time-holder {
 position:absolute;
 top:50px
}
.jp-audio .jp-type-single .jp-time-holder {
 left:110px;
 width:186px
}
.jp-audio .jp-type-playlist .jp-time-holder {
 left:166px;
 width:130px
}
.jp-current-time,.jp-duration {
 width:60px;
 font-size:.70em;
 color:#333;
}
.jp-current-time {
 color:#f6490d;
 display:inline-block;
 width:8%;
 cursor:default
}
.jp-duration {
 display:inline-block;
 width:8%;
 text-align:right;
 cursor:pointer
}
.jp-video .jp-current-time {
 margin-left:20px
}
.jp-video .jp-duration {
 margin-right:20px
}
.jp-details {
 font-weight:700;
 text-align:center;
 cursor:default
}
.jp-detail {
    display: inline-block;
    vertical-align: top;
    line-height: 42px;
	width:14%;
    margin-left: 5px;
}
.jp-detail .image{    width: 30px; box-shadow:0px 0px 0px 2px #f6490d; 
    height: 30px;
    display: none;}
.jp-detail .title{display: inline-block;vertical-align: top;font-size: 12px; color: #333;width:98%;    overflow: hidden;
    text-overflow: ellipsis;    white-space: nowrap;}
.jp-detail .image img{    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;}
.jp-details,.jp-playlist {
 width:100%;
 background-color:#fff;

}
.jp-type-playlist .jp-details,.jp-type-single .jp-details {
 border-top:none
}
.jp-details .jp-title {
 margin:0;
 padding:5px 20px;
 font-size:.72em;
 font-weight:700
}
.jp-playlist ul {
 list-style-type:none;
 margin:0;
 padding:0 0;
 font-size:.72em
     border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;height: calc(100% - 47px);overflow-y: scroll;
}
.is-playing.current-playing{ color:#F96D00; }
.jp-playlist li {
 padding:5px 0 4px 20px;
 border-bottom:1px solid #e5e5e5;
}
.jp-playlist li div {
 /*display:inline-block;
 width:100%;*/
}
.jp-playlist li .audio_title{ width: 80%; }
.jp-playlist li .audio_action{ }
div.jp-type-playlist div.jp-playlist li:last-child {
 border-bottom:none
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
 list-style-type:none;
 background:#fddbcf;
 list-style-position:inside;
}
div.jp-type-playlist div.jp-playlist a {
 color:#333;
 text-decoration:none
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current,div.jp-type-playlist div.jp-playlist a:hover {
 /*color:#0d88c1*/
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {  
 font-weight:500; color:#333;position: relative;top: -3px;
}
div.jp-type-playlist div.audio_action a{ margin: 0 3px; vertical-align: middle;}
div.jp-type-playlist div.jp-playlist a:hover{color: #F6490D;} 
div.jp-type-playlist div.jp-playlist span.jp-free-media {
 float:right;
 display:inline;
 text-align:right;
 margin-right:10px
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a {
 color:#666
} 
span.jp-artist {
 font-size:.8em;
 color:#666
}
.jp-video-play {
 width:100%;
 overflow:hidden;
 cursor:pointer;
 background-color:transparent
}
.jp-video-270p .jp-video-play {
 margin-top:-270px;
 height:270px
}
.jp-video-360p .jp-video-play {
 margin-top:-360px;
 height:360px
}
.jp-video-full .jp-video-play {
 height:100%
}
.jp-video-play-icon {
 position:relative;
 display:block;
 width:112px;
 height:100px;
 margin-left:-56px;
 margin-top:-50px;
 left:50%;
 top:50%;
 background:url(../image/jplayer.blue.monday.video.play.png) no-repeat;
 text-indent:-9999px;
 border:none;
 cursor:pointer
}
.jp-video-play-icon:focus {
 background:url(../image/jplayer.blue.monday.video.play.png) 0 -100px no-repeat
}
.jp-jplayer,.jp-jplayer audio {
 width:0;
 height:0
}
.jp-jplayer {
 background-color:#000
}
.jp-toggles {
 padding:0;
 margin:0 auto;
 overflow:hidden
}
.jp-audio .jp-type-single .jp-toggles {
 width:25px
}
.jp-audio .jp-type-playlist .jp-toggles {
 width:55px;
 margin:0;
 position:absolute;
 left:325px;
 top:50px
}
.jp-video .jp-toggles {
 position:absolute;
 right:16px;
 margin:10px 0 0;
 width:100px
}
.jp-toggles button {
 display:block;
 float:left;
 width:25px;
 height:18px;
 text-indent:-9999px;
 line-height:100%;
 border:none;
 cursor:pointer
}
.jp-full-screen {
 background:url(../image/jplayer.blue.monday.jpg) 0 -310px no-repeat;
 margin-left:20px
}
.jp-full-screen:focus {
 background:url(../image/jplayer.blue.monday.jpg) -30px -310px no-repeat
}
.jp-state-full-screen .jp-full-screen {
 background:url(../image/jplayer.blue.monday.jpg) -60px -310px no-repeat
}
.jp-state-full-screen .jp-full-screen:focus {
 background:url(../image/jplayer.blue.monday.jpg) -90px -310px no-repeat
}
.jp-repeat {
 background:url(../image/jplayer.blue.monday.jpg) 0 -290px no-repeat
}
.jp-repeat:focus {
 background:url(../image/jplayer.blue.monday.jpg) -30px -290px no-repeat
}
.jp-state-looped .jp-repeat {
 background:url(../image/jplayer.blue.monday.jpg) -60px -290px no-repeat
}
.jp-state-looped .jp-repeat:focus {
 background:url(../image/jplayer.blue.monday.jpg) -90px -290px no-repeat
}
.jp-shuffle {
 background:url(../image/jplayer.blue.monday.jpg) 0 -270px no-repeat;
 margin-left:5px
}
.jp-shuffle:focus {
 background:url(../image/jplayer.blue.monday.jpg) -30px -270px no-repeat
}
.jp-state-shuffled .jp-shuffle {
 background:url(../image/jplayer.blue.monday.jpg) -60px -270px no-repeat
}
.jp-state-shuffled .jp-shuffle:focus {
 background:url(../image/jplayer.blue.monday.jpg) -90px -270px no-repeat
}
.jp-no-solution {
 padding:5px;
 font-size:.8em;
 background-color:#f2f2f2;
 border:2px solid #009be3;
 color:#000;
 display:none
}
.jp-no-solution a {
 color:#000
}
.jp-no-solution span {
 font-size:1em;
 display:block;
 text-align:center;
 font-weight:700
}
.progress_with_time{
    display: inline-block;
width: 45%;
vertical-align:top; 
line-height: 42px;
}
.jp-downlist { display:inline-block; width:8%; margin-top:0;line-height: 46px; margin-left:15px; vertical-align: top;text-align: center;}


.jp-downlist button, .jp-downlist a {
 display:inline-block; 
 font-size: 0;
 border:none;vertical-align: middle; margin: 
 cursor:pointer;margin: 0 5px;
}
.jp-download {
 width:20px;
 height:20px; 
background-image: url(../image/audio-download.svg); background-size: 20px;
background-repeat: no-repeat;position: relative;
top: -2px;position: relative;
}
.jp-download:focus {
 /*background:url(../image/spritesheet1.png) -27px -572px no-repeat;*/
}
.jp-list {
 width:20px;
 height:20px; 
position: relative;
background-repeat: no-repeat;
}
.jp-list:after{content: "\f0c9";font: normal normal normal 17px/1 FontAwesome;position: absolute;top: -1px;top: -2px;left: 0;right: 0;}
.jp-list:focus:after {
 color:#f6490d;
}
div.jp-type-playlist .playlist_title { /*background:#f2f2f2;  border-radius:5px 5px 0 0;*/background-color: #f8f9fa; padding:10px; border-bottom: 1px solid #e5e5e5; position: relative;}
div.jp-type-playlist .playlist_title .title{color:#333; font-size:16px;}
div.jp-type-playlist { position:relative; }
div.jp-type-playlist div.jp-playlist{ float:right; position:absolute; bottom:55px; right:0; height: 400px;
max-height: calc(100vh - 120px); box-shadow: 0 0 4px rgba(0,0,0,.25); width: 420px; max-width: 100%;}
div.jp-type-playlist div.jp-playlist ul li { line-height:35px; padding:5px 10px; }
div.jp-type-playlist div.jp-playlist ul li .playlist_image{ display:inline-block; width:84%;}
div.jp-type-playlist div.jp-playlist ul li .playlist_image img {max-height:100%; max-width:100%;height:40px; width:40px;  object-fit: cover;  }
div.jp-type-playlist div.jp-playlist ul li .playlist_image span{ font-size:13px; display: inline-block; margin-left: 0; width: 90%; white-space: nowrap; overflow: hidden; vertical-align: top;
    text-overflow: ellipsis;}
div.jp-type-playlist div.jp-playlist ul li .download_track {  font-size:18px; }
div.jp-type-playlist div.jp-playlist ul li a.jp-playlist-item-remove { font-size:22px; margin-right:0;margin-left: 6px; }
div.jp-type-playlist div.jp-playlist ul li.jp-playlist-current .jp-playlist-item-remove{ display:none; }
.jp-playlist-close{font-size: 28px;position: absolute;right: 10px;top: 0; color: #333;}
.jp-player-close{font-size: 30px; text-decoration: none !important; 
position: absolute;
right: 20px;
top: 1px;
color: #333;}
@media (max-width:1175px) {
    .jp-downlist, .jp-detail{margin-left: 10px;}
}
@media screen and (max-width: 1175px) and (min-width: 992px) {
    .jp-next, .jp-previous, .jp-stop, .jp-play{margin: 0 0 0 8px;}
    .jp-audio .jp-controls{margin-right: 10px;}
    .progress_with_time{width: 44%;}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .progress_with_time{ width: 38%; }
    .jp-volume-controls{width: 12%;}
    .jp-volume-bar{width: 67%;}
    .jp-next, .jp-previous, .jp-stop, .jp-play{margin: 0 0 0 5px;width: 20px;}
    .jp-audio .jp-controls{margin-right: 10px;}
    .progress_with_time{width: 40%;}
    .jp-current-time, .jp-duration{width: 13%;}
    .jp-audio .jp-type-playlist .jp-progress{width: 68%;}
    .jp-downlist{width: 10%;}
}
@media (max-width:767px) {
    div.jp-type-playlist div.jp-playlist ul li{line-height: 28px;}
    div.jp-type-playlist div.jp-playlist{height: 290px;}
}
@media screen and (max-width: 767px) and (min-width: 576px) {
    .jp-volume-bar{ display: none !important; }
    .jp-controls button{margin: 0 0 0 0;} 
    .jp-volume-controls{width: 6%;}
    .jp-volume-bar{width: 57%;}
    .jp-next, .jp-previous, .jp-stop, .jp-play{margin: 0 0 0 5px;width: 20px;}
    .jp-audio .jp-controls{margin-right: 6px;}
    .progress_with_time{width: 40%;}
    .jp-current-time, .jp-duration{width: 16%;}
    .jp-audio .jp-type-playlist .jp-progress{width: 60%;}
    .jp-downlist{width: 17%;}
}
@media screen and (max-width: 575px) and (min-width: 400px) {
    .jp-volume-bar{ display: none !important; }
    .jp-controls button{margin: 0 0 0 0;} 
    .jp-volume-controls{ display: none;}
    .jp-volume-bar{width: 57%;}
    .jp-next, .jp-previous, .jp-stop, .jp-play{margin: 0 0 0 5px;width: 20px;}
    .jp-audio .jp-controls{margin-right: 6px;}
    .progress_with_time{width: 60%;}
    .jp-current-time, .jp-duration{width: 16%;}
    .jp-audio .jp-type-playlist .jp-progress{width: 60%;}
    .jp-downlist{width: 11%;}
    .jp-download{ display: none !important; }
    .jp-player-close{right: 10px;}
    .jp-downlist{margin-left: 0;}
}
@media (max-width:575px) {
	.jp-detail {margin-left: 0;
position: absolute;
left: 0;
right: 0;
width: 100%;
text-align: center;
top: -11px;}
.jp-detail .title{ font-size:10px; }
}
@media (max-width:400px) {    
    .jp-volume-bar{ display: none !important; }
    .jp-controls button{margin: 0 0 0 0;}
    .progress_with_time{ width: 57%; }
    .jp-volume-controls{ display: none;}
    .jp-volume-bar{width: 57%;}
    .jp-next, .jp-previous, .jp-stop, .jp-play{margin: 0;width: 20px;}
    .jp-audio .jp-controls{margin-right: 6px;} 
    .jp-current-time, .jp-duration{width: 24%;}
    .jp-audio .jp-type-playlist .jp-progress{width: 43%;}
    .jp-downlist{width: 8%;}
    .jp-download{ display: none !important; }
    .jp-player-close{right: 10px;}
    .jp-downlist{margin-left: 0;} 
    .jp-downlist button, .jp-downlist a{margin: 0;}
    .jp-player-close{top: 0;font-size: 26px;}
}
.jp-headphones{position: fixed;z-index: 999999;bottom: 15px;left: 15px; display: none;}
.jp-headphones i{background-color: #F96D00;padding: 6px;border-radius: 3px;color: #fff;font-size: 18px;cursor: pointer;}
.no-results + .no-results, .lectures-list ol + .no-results{ display:none !important; }