.jp_player_main{font-family: roboto;}
.jp-gui.jp-interface{background: #114382;}
.jp-audio {width: 100%;}
.jp-audio .jp-interface{background: #114382; padding: 13px 90px 10px 90px; height: auto; margin: 0 0 20px;}
.jp-audio .jp-type-playlist .jp-progress {left: auto;width: 100%; position: relative; top: auto;}
.jp-audio .jp-controls {width: 230px;padding: 0; float: left; margin: 0 16px 0 0;}
.jp-audio .jp-type-playlist .jp-time-holder {left: auto;width: 100%;position: relative;margin: 0 0 30px; top: auto; color: #c8c8c8; font-style: normal; font-size: 12px;}
.jp-duration, .jp-current-time{font-style: normal; font-size: 12px;}
.jp-volume-controls, .jp-audio .jp-type-playlist .jp-toggles {position: relative; left: auto; right: auto; top: auto;}
.jp_player_control {display: inline-block;width: 100%; padding-left: 20px;}
.jp-volume-controls{width: 215px; float: left; height: 20px; margin: 15px 30px 0 0}
.jp-toggles{float: left; width: 80px;}
.jp-interface h4 {font-size: 20px;color: #fff;margin: 0;font-family: roboto; line-height: 26px; font-weight: normal;}
.jp-interface span{font-size: 13px; color: #94a5bf; display: inline-block; font-family: roboto; float: left;}
.player_title{display: inline-block;width: 100%;margin: 0 0 14px;}
.jp-seek-bar {background: #052750;}
.jp-play-bar {background: #CFD9E6; border-radius: 30px;}
.jp-audio .jp-type-playlist .jp-progress {height: 28px;border-radius: 30px;background: #052750;}

.jp-state-shuffled .jp-shuffle:focus, .jp-state-shuffled .jp-shuffle, .jp-state-looped .jp-repeat:focus, .jp-state-looped .jp-repeat, .jp-shuffle:focus, .jp-repeat:focus, .jp-shuffle, .jp-repeat, .jp-volume-max:focus, .jp-volume-max, .jp-state-muted .jp-mute:focus, .jp-state-muted .jp-mute, .jp-mute:focus, .jp-mute, .jp-stop:focus, .jp-stop, .jp-next:focus, .jp-next, .jp-state-playing .jp-play:focus, .jp-state-playing .jp-play, .jp-play:focus, .jp-play, .jp-previous:focus, .jp-previous{background: url(../image/player_sprite.png) no-repeat;}

.jp-previous{background-position:  0 -174px ; height: 42px; width: 51px;}
.jp-previous:focus {background-position: -63px -174px; }
.jp-play {width: 55px;height: 56px; margin: 0 10px;}
.jp-play:focus {background-position: -63px 0}
.jp-state-playing .jp-play {background-position: 0 -62px}
.jp-state-playing .jp-play:focus{background-position: -63px -62px}
.jp-next{height: 42px; width: 42px; background-position:-11px -225px;}
.jp-next:focus {background-position: -73px -225px}
.jp-stop{height: 42px; width: 42px; background-position:-7px -125px; }
.jp-stop:focus{background-position:-72px -125px;}
.jp-volume-bar{width: 158px; height: 8px; background: #052750; top: 7px; left: 26px;}
.jp-volume-bar-value{background: #CFD9E6; height: 8px;}
.jp-volume-max {left: 194px;}
.jp-mute {background-position: -24px -281px;height: 23px;width: 26px;}
.jp-mute:focus{background-position: -57px -281px;}
.jp-state-muted .jp-mute{background-position:-85px -281px !important}
.jp-state-muted .jp-mute:focus{background-position:-116px -281px !important}

.jp-volume-max{background-position: -24px -317px;height: 23px;width: 26px;}
.jp-volume-max:focus{background-position: -55px -317px;height: 23px;width: 26px;}
.jp-repeat {background-position: -18px -401px;height: 23px;width: 26px;height: 32px !important;width: 31px !important;}
.jp-state-looped .jp-repeat:focus, .jp-state-looped .jp-repeat, .jp-repeat:focus{background-position:-57px -401px;}
.jp-shuffle{background-position:-18px -363px;height: 23px;width: 26px;height: 32px !important;width: 31px !important;}
.jp-state-shuffled .jp-shuffle:focus, .jp-state-shuffled .jp-shuffle, .jp-shuffle:focus{background-position:-56px -363px;}

.jp-audio .jp-type-playlist .jp-toggles{width: 85px; padding: 10px 0 0;}

.jp-audio, .jp-audio-stream, .jp-video, .jp-details, .jp-playlist{border:0; background: #fff}
.jp-playlist li, div.jp-type-playlist div.jp-playlist li:last-child{ }
div.jp-type-playlist div.jp-playlist a.jp-playlist-current, div.jp-type-playlist div.jp-playlist a.post-name-link:hover, .jp-playlist li:hover a.post-name-link, .jp-playlist li a.post-name-link:hover, .jp-playlist li:hover .jp-artist{color: #052750 !important;}
div.jp-type-playlist div.jp-playlist a{font-weight: 500; font-size: 14px; font-family: roboto}
.jp-playlist ul{font-size: 14px; padding: 0;}
.jp-playlist li {border-bottom: 1px solid #e5e5e5; position: relative; display: inline-block; width: 100%; padding:0; float: left;}

.download-series-item{float: right; background: #052750;padding: 5px 20px;color: #fff !important;font-size: 12px !important; border-radius: 30px; text-transform: uppercase;font-weight: normal; position:absolute;right: 31px; bottom: 22px;}
.jp-playlist li:hover a.download-series-item{color: #fff !important}
.download-series-item:hover{color: red !important}
.post-name-link{float: left; line-height: 25px; vertical-align: middle; margin: 0 8px 0 0;}
span.jp-artist{float: left;color: #727272;font-size: 12px;letter-spacing: 0.2px; display: inline-block; clear: both; font-family: roboto; text-transform: capitalize;}
li.jp-playlist-current .play-icon{background: url(../image/video_paush_icon.png) no-repeat;}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current{padding-left:0 !important}
div.jp-type-playlist div.jp-playlist li:last-child, .jp-playlist li{padding-left:0; }


.series-chapter-title {float: left;clear: both;width: 100%;padding: 10px 10px 10px 15px;font-size: 18px;text-transform: uppercase;font-weight: normal;color: #fff;background: #718fb4;}
.item-inner-chapter{display: inline-block !important;width: 100%;padding: 15px 150px 15px 30px;}
.item-inner-chapter:hover {background: #cee2fa;}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current{list-style:none; }
.jp-playlist li .item-outer-display:hover, div.jp-type-playlist div.jp-playlist li.jp-playlist-current .item-inner-chapter, li.jp-playlist-current .item-outer-display{background: #cee2fa;}
.item-outer-display{display: inline-block !important; width: 100%; padding:15px 10px}
.item-outer-first{border-top:4px solid #052750;}
li.jp-playlist-current .jp-artist, li.jp-playlist-current a.post-name-link{color: #052750 !important}
.jp-playlist-current{background: #cee2fa;}


/*VIDEO PLAYER*/
.jp_video_main{width: 100%}
.jp_video_main .jp-interface{background: #114382;padding: 20px 50px 20px 50px;height: auto;margin: 0 0 20px;}
.jp-volume-controls {width: 190px;}
.jp-video .jp-controls {margin: 0;}
.jp-video .jp-controls-holder {width: 640px; margin: 40px auto 0}
.jp-jplayer{width: 100% !important}
.jp-controls{background:transparent;}
.jp-controls {width: 250px;}
.jp_video_main .jp-previous, .jp_video_main .jp-next, .jp_video_main .jp-stop{margin: 6px 5px 0 !important}
.jp_video_main .jp-play{margin: 0 5px 0 !important}
.jp_video_main .jp-volume-controls {width: 215px;float: left;height: 20px;margin: 10px 10px 0 0;}
.jp_video_main .jp-volume-bar {margin:13px auto 0;width: 158px;height: 8px;background: #052750;}
.jp_video_main .jp-audio .jp-controls {width: 230px;padding: 0; float: left; margin: 0 16px 0 0;}
.jp_video_main .jp-mute {height: 23px;width: 26px;}
.jp_video_main .jp-volume-max {left: 194px !important;}
.jp-video .jp-volume-controls .jp-volume-max, .jp-video .jp-volume-controls .jp-mute, .jp-video .jp-volume-controls .jp-unmute {top: 6px;}
.jp_video_main .jp-video .jp-toggles {width: 130px;margin: 10px 0 0;}
.jp_video_main .jp-toggles{width: 135px}
.jp-full-screen, .jp-full-screen:focus, .jp-state-full-screen .jp-full-screen, .jp-state-full-screen .jp-full-screen:focus{background: url(../image/scale-video.png) no-repeat; height: 22px !important; width: 22px !important; margin-top: 4px;}

div.jp-video .jp-progress {height: 28px;border:0;}
.jp-seek-bar{background: #052750;height: 28px;border-radius: 30px;}
.div.jp-seeking-bg{background:#052750;}
.jp_video_main .jp-current-time, .jp-duration{color: #c8c8c8;font-size: 12px;}
.jp-details .jp-title{background:#104381; padding: 3px 15px; color: #fff}
.jp-details .jp-title .play-icon{display: none;}
.jp-details .jp-title a{display: none;}
.jp-details .jp-title a:hover{color: #104381; text-decoration: none;}
.jp-jplayer{position: relative;}
.jp-jplayer::before{content: ""; background: rgba(0, 0, 0, 0.3); position:absolute; left: 0; right: 0; height: 100%;}
.jp-state-playing .jp-jplayer::before{background: transparent; display: none;}
.jp-video-play-icon, .jp-video-play-icon:focus{background: url(../image/play_icon.png) no-repeat; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); -o-transform: translateY(-50%);-ms-transform: translateY(-50%);width: 69px;height: 60px;}



@media only screen and (max-width: 1199px) {
	.jp-audio .jp-interface{padding: 13px 30px 10px 30px}
	.jp_video_main .jp-interface {padding: 20px;}
	.jp-video .jp-controls-holder {width: 100%}
.jp_video_main .jp-volume-bar, .jp_video_main .jp-volume-max, .jp_video_main .jp-volume-bar-value{display: block !important;}
    
}
@media only screen and (max-width: 991px) {
.jp-video .jp-toggles {margin: 20px 0 0 15px;}
.jp-video-play-icon{margin-top: -20px }
}
@media only screen and (max-width: 767px) {
.jp_player_control {padding-left: 0;}
.jp-volume-controls {margin: 15px 10px 0 0;}
.jp-audio .jp-type-playlist .jp-progress {height: 18px;}
.jp-interface h4 {font-size: 18px;}
.jp-interface span {font-size: 11px;}
.series-chapter-title {padding: 6px 10px 6px 15px;font-size: 15px;}
.jp-playlist-item{position: absolute;right: 150px;top: 32px;}
.item-inner-chapter {padding: 15px 180px 15px 30px;position: relative;}
.jp-video .jp-toggles {margin: 12px 0 0 15px;}
.jp-seek-bar {height: 20px;}
.jp-video-270p .jp-video-play {margin-top: -376px;height: 376px;}
}


@media only screen and (max-width: 650px) {
	.jp-toggles{float: left; clear: both; margin-left: 12px !important; }

}

@media only screen and (max-width: 550px) {
	.jp-toggles{float: left; clear: none; margin-left: 0 !important; }

}

@media only screen and (max-width: 480px) {
	.jp-toggles{float: left; clear: none; margin-left: 0 !important; }
	.downloads-btn {float: right; padding: 0 10px 10px 10px; float: left; width: 100%; clear: both;text-align: left;}
	.item-inner-chapter {padding: 15px 40px 10px 10px;position: relative;}
	.download-series-item {position: inherit;right: auto;bottom: auto;left: 0;float: left;}
	.jp-playlist-item {right: 15px;}
	.jp-video-play-icon {margin-top: 60px;margin-left: -37px;}


}
@media only screen and (max-width: 375px) {
	.jp-toggles{float: left; clear: both; margin-left: 0 !important; }
	.jp-audio .jp-type-playlist .jp-toggles {margin-left: 10px !important;}
	.jp-toggles{margin: 32px 0 0 18px !important; clear: both;}
	.jp_video_main .jp-volume-controls {margin: 10px 0 0 18px;}
	.jp-video-play-icon {margin-top: 100px;margin-left: -37px;}

}