a{color: #0088CC;}
#video_popup iframe{height:430px !important; width:640px !important; background:#000 !important}
div.jp-audio, div.jp-audio-stream, div.jp-video {font-size:12px; /* font-family:klinic_slabbook; */color: #666; display:table-cell;}
div.jp-video-360p {width:100%; float:left; position:relative;}
div.jp-video-full {position: fixed; top:0; right:0; bottom:0; left:0; z-index:23456789 !important; width: 100%;height:100%;background:none;}
div.jp-interface {background-color: #6A3E22; float: left; list-style: none outside none; margin: 0; padding: 0; width: 100%; position:absolute;bottom:0!important; z-index:99999!important;}
.video-control{ padding:0 10px; float:left; width:100%;}
.mfp-iframe-holder .mfp-content{ width:640px;}
/* @group CONTROLS */
.jp-type-playlist{ position:relative;}
.new_class_add{position:fixed;top:0;bottom:0;right:0;left:0;z-index:123456789}
div.jp-video div.jp-controls,
div.jp-video div.jp-interface div.jp-controls div{display:inline;float: left;}
a.jp-play, a.jp-pause { width:24px; text-decoration:none; color:#f3de70; font-size:20px; margin-right:10px; transition: all 0.5s ease;}
a.jp-play:hover,a.jp-pause:hover  { color:#fffba6 !important; text-decoration:none !important;}
a.jp-pause {display: none;}
a.jp-stop, a.jp-previous, a.jp-next {width:24px; text-decoration:none; color:#f3de70; font-size:20px; text-align:center; margin-right:10px;}
a.jp-stop {margin-left:10px;}
a.jp-stop:hover,a.jp-previous:hover,a.jp-next:hover { color:#fffba6 !important; text-decoration:none !important;}
div.jp-video div.jp-progress { overflow:hidden; background-color:#060407; height:5px; float:left; width:100%; }
div.jp-seek-bar { background:#f3de70; width:0px; height:100%; cursor: pointer;}
div.jp-play-bar { background:#060407; width:0px; height:100%; transition:width 0.25s; -moz-transition:width 0.25s; -webkit-transition:width 0.25s; -o-transition:width 0.25s; }

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
                   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
                   background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
                   background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
                   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
                   -webkit-animation: progress-bar-stripes 2s linear infinite;
                   -moz-animation: progress-bar-stripes 2s linear infinite;
                   -ms-animation: progress-bar-stripes 2s linear infinite;
                   -o-animation: progress-bar-stripes 2s linear infinite;
                   animation: progress-bar-stripes 2s linear infinite;
                   -webkit-background-size: 40px 40px;
                   -moz-background-size: 40px 40px;
                   -o-background-size: 40px 40px;
                   background-size: 40px 40px;
}

/* @end */

/* @group volume controls */


a.jp-mute, a.jp-unmute, a.jp-volume-max { width:24px; float:left; text-decoration:none; color:#f3de70; font-size:20px;}
a.jp-mute:hover,a.jp-unmute:hover,a.jp-volume-max:hover { color:#fffba6 !important; text-decoration:none !important;}
a.jp-unmute {display: none;}
div.jp-volume-bar{float:right; overflow:hidden; background:#a29c1c; width:50px; height:6px; cursor: pointer; margin:10px 5px 0 5px; position: absolute !important;}
div.jp-volume-bar-value {background:#f3de70; width:0px; height:6px;}

/* @end */

/* @group current time and duration */

div.jp-audio div.jp-time-holder {float:left !important; width:100% !important;}
div.jp-audio div.jp-type-single div.jp-time-holder { left:110px; width:186px;}
div.jp-audio div.jp-type-playlist div.jp-time-holder {width:auto;}
div.jp-current-time {float: left; display:inline;}
div.jp-duration { float: right !important; display:inline; text-align: right !important;}
div.jp-video div.jp-current-time {margin-left:5px;}
div.jp-video div.jp-duration { margin-right:5px;}

/* @end */

/* @group playlist */

div.jp-title {font-size:16px; line-height:2; color:#f3de70; text-align:center; background-color:transparent !important;}

div.jp-title, div.jp-playlist { width:100%; background-color:#ccc;	/*border-top:1px solid #009be3;*/ }
div.jp-type-single div.jp-title, div.jp-type-playlist div.jp-title, div.jp-type-single div.jp-playlist { border-top:none;}
div.jp-title ul, div.jp-playlist ul { list-style-type:none; margin:0 !important; padding:0 !important; font-size:12px;}
div.jp-title li { padding:5px 0;  font-weight:bold;}
div.jp-playlist li { list-style-type:none !important;}
div.jp-playlist li div { display:inline; float:left; width:100%;}

/* @end */

div.jp-video-play { width:100%; overflow:hidden; cursor:pointer; background-color:rgba(0,0,0,0);  top:0; bottom:0; left:0; right:0; position:absolute; text-align:center; vertical-align:middle;}
div.jp-video-360p div.jp-video-play {/*margin-top:-360px; height:360px;*/}
a.jp-video-play-icon { position:absolute; font-size:50px; top:50%; left:50%; margin-left:-20px; margin-top:-30px; text-align:center; color:#f3de70; text-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);}
div.jp-video-play:hover a.jp-video-play-icon{text-decoration:none !important;}

div.jp-jplayer audio, div.jp-jplayer {width:0px; height:0px;}
div.jp-jplayer{background-color:#000; text-align:center;}
#jquery_jplayer_1{text-align:center;}

div.jp-toggles { list-style-type:none; padding:0; overflow:hidden;float:right;}
div.jp-audio .jp-type-single div.jp-toggles {width:25px;}
div.jp-audio .jp-type-playlist div.jp-toggles{width:24px; float:right !important;}
div.jp-toggles div{display:block; float:right;}
div.jp-toggles div a{display:block; width:18px; height:24px; line-height:100%;font-size:20px; text-decoration:none; color:#666; text-align:center;}
a.jp-full-screen { color:#f3de70 !important; margin-left: 10px; }
a.jp-restore-screen { margin-left: 10px; }
a.jp-repeat { color:#f3de70 !important }
a.jp-repeat-off { }
a.jp-shuffle { margin-left: 5px; }
a.jp-shuffle-off { margin-left: 5px; }
/* @end */

/* @group NO SOLUTION error feedback */

.jp-no-solution { padding:5px; font-size:.8em; background-color:#eee; 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:bold;}

/* @end */
.vlm_scroll { float:left !important; height:28px; width:24px; overflow:hidden; position:relative; transition:width 1s; -moz-transition:width 1s; -webkit-transition:width 1s; -o-transition:width 1s; }
.vlm_scroll:hover { width:80px; transition:width 0.25s; -moz-transition:width 0.25s; -webkit-transition:width 0.25s; -o-transition:width 0.25s; }
.vlm_scroll div.speaker { float:left; height:24px; position:relative; z-index:1; margin-top:3px }
.albume_name { float:left; margin:10px 0; font-weight:bold; font-size:14px; width:100%; }

.jaudio_h { float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; }
.playlist_h { float:left; width:100%; height:140px; overflow:auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; }
.progress_h { display:block; width:100%; height:10px; position:relative; }


@media (max-width:992px){ div.video{ min-width:750px; max-width:750px;}}
@media (max-width:768px){
	div.jp-video-full {position: fixed; top:0; right:0; bottom:0px; left:0; z-index:23456789 !important; margin:auto !important;  width: 100%; height: 100%; min-height:100%; min-width:100%;}
		
}

@media (max-width:767px) {
	div.jp-interface{ position:relative;}
	.mfp-container {
    height: 430px;
    margin-top: -215px;
    position: relative;
    top: 50%;
	}
	.mfp-iframe-holder .mfp-content{ width:100%;}
	.video{ max-width:640px; }
	div.video{min-width:inherit;}
	div.jp-video-360p{}
	#video_popup iframe{ width:100% !important;}
/*	.mfp-container{ height:auto;}*/
	.mfp-container:before{height:auto;}
    /*.new_class_add{position:relative;top:0;bottom:0;right:0; width: 100%;left:0;z-index:123456789}*/
  
    div.audioplaylist_h > .album_img { display:block; width:100%; }  
    div.jp-audio { display:block; width:100%; }
    .img_h { width:100% !important;} 
    div.jp-audio {display: table-row; }
	div.jp-jplayer, div.jp-jplayer img, div.jp-jplayer iframe, div.jp-jplayer object, div.jp-jplayer video{ height:360px !important; vertical-align:top}
}

@media (max-width:670px){
div.jp-jplayer, div.jp-jplayer img, div.jp-jplayer iframe, div.jp-jplayer object, div.jp-jplayer video{ height:256px !important; vertical-align:top}	
}

/*@media (max-width:600px){
div.jp-jplayer, div.jp-jplayer img, div.jp-jplayer iframe, div.jp-jplayer object, div.jp-jplayer video{ height:200px !important; vertical-align:top}	
}*/
@media (max-height:400px) {
	.mfp-container{ margin-top:inherit; top:inherit;}
	}


.jp-progress > [id*="tt_time"] { visibility:hidden;  position:absolute; padding:3px; background:#000; color:#FFF; top:-30px; margin-left:-15px; }
.jp-progress:hover > [id*="tt_time"] { visibility:visible;  }

/*audio*/

div.audioplaylist_h { width:100%; border:1px solid #999; display:table; }
div.audioplaylist_h > .album_img { display:table-cell; vertical-align:middle; }
.album_img { width:250px; height:250px; background:#999; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; }
.album_img table, .album_img table tbody { width:100%; height:100% } 
.album_img table td { width:100%; height:100%; text-align:center; vertical-align:middle; } 

.img_h { width:250px;text-align:center; line-height:245px; float:left; } 
.img_h img { text-align:center; vertical-align:middle; }
div.jp-type-single div.jp-title, div.jp-type-playlist div.jp-title, div.jp-type-single div.jp-playlist { border-top:none; }
div.jp-title, div.jp-playlist { width:100%; background-color:#fff; float:left; }
div.jp-current-time, div.jp-duration { width:auto; font-size:14px; color:#fef000; }
.current_audio { float:left; width:100%; font-weight:bold; }