/* */
.player .jp-jplayer{
	display:none;
	max-height:0;
	max-width:0;
}
.player .jp-video,.player .jp-video .jp-interface{
	border:0;
	background:rgba(0,0,0,0);
}
.player  .jp-previous,.player  .jp-play, .player  .jp-next,.player  .jp-stop,.player  .jp-shuffle,.player  .jp-mute,.player  .jp-volume-max,.player  .jp-volume-bar{
	color:#FFF;
	text-indent: inherit;
	background-image:none;
	position: inherit;
	float:left;
	padding-left:0;
	padding-right:0;
	background: none !important;
}
.player  .jp-play{
	width: 20px;
	padding-left: 5px;
	padding-right: 5px;
}
.player  .jp-shuffle{
	padding-top:11px;
	font-size:20px;
}
.player  .jp-previous:hover{

}
.player .jp-controls-holder{
	top:0;
	background: linear-gradient(to right, #3B41B3 , #7636C2 );
	padding: 5px !important;
	padding-right: 0 !important;
}
.player  .jp-volume-controls{
	padding-top:12px;
	left:auto !important;
	right:auto;
	position:initial;
	float:left;
	width:auto;
}
.player  .jp-interface{
	max-width:calc(100% - 210px);
	position:inherit;
	float:left;
}
.player  .jp-volume-max{
	width:35px;
}
.player  .jp-volume-bar{
	margin-top: 7px;
	height: 5px;
	margin-left: 5px;
	background-color: #FFF !important;
}
.player  .jp-playlist{
    margin-top:20px;
	background-color:rgba(0,0,0,0);
	border:0;
}
@media screen and (max-width: 767px){
    .player  .jp-playlist{
          max-height: 400px;
         overflow: scroll;
    }
}
.player  .jp-video .jp-current-time,.player .jp-video .jp-duration{
	 width: auto;
    padding-left: 10px;
    padding-right: 7px;
    margin-top: -3px;
}
.player .jp-video .jp-duration{
	margin-top: -12px;
}
.player  .jp-video .jp-progress{
	background: none;
}
.player .jp-seek-bar{
	background-image: inherit;
	background-color:#B69BE0;
}
.player .jp-play-bar{
	background-image: inherit;
	background-color:#CF3A4E;
}
.player .current-time:after{
	content: '';
    border: 3px solid #FFF;
    float: right;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    margin-top: -3px;
    position: absolute;
    margin-right: 0;
    background-color:#CF3A4E;
    margin-left: -10px;
}
.player .jp-video .jp-progress{
	width:calc(100% - 100px);
	overflow: hidden;
	height: 5px;
	margin-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

/* audio song list */
.player  div.jp-type-playlist div.jp-playlist li.jp-playlist-current{
	padding: 10px;
	list-style-type:none;
	float:left;
	text-align:left;
}
.player  div.jp-type-playlist div.jp-playlist li.jp-playlist-current .pause-icon{
	padding-left:9px;
}
.player  div.jp-type-playlist div.jp-playlist li.jp-playlist-current .pause-icon,.player  div.jp-type-playlist div.jp-playlist li.jp-playlist-current .play-icon{
	color:#CF3A4E;
	border-color:#CF3A4E;
}
.player  div.jp-type-playlist div.jp-playlist li a{
	font-family: 'Raleway-Medium';
	color:#4b4e51;
}
.player  .jp-playlist-item-remove{
	display:none;
}
.player  .jp-playlist ul{
	padding:0 5px;
	margin-top:10px;
	width:100%;
}
.player div.jp-type-playlist div.jp-playlist li{
	margin-top:20px;
	padding: 10px !important;
	list-style-type:none;
	float:left;
	text-align:left;
	width:100%;
	padding: 10px;
  -webkit-box-shadow: 0px 0px 10px -2px rgba(75,78,81,0.3);
  -moz-box-shadow: 0px 0px 10px -2px rgba(75,78,81,0.3);
  box-shadow: 0px 0px 10px -2px rgba(75,78,81,0.3);
  font-size: 14px;
  line-height: 27px;
}
.player div.jp-type-playlist div.jp-playlist li:first-child{
    margin-top:0px;   
}
.player div.jp-type-playlist div.jp-playlist li  .play-icon,.player div.jp-type-playlist div.jp-playlist li  .pause-icon{
	float:left;
	padding: 7px 6px 7px 10px;
	border: 1px solid #4b4e51;
	border-radius: 35px;
	margin-left: 10px;
	margin-right: 10px;
	cursor:pointer;
 }
.player div.jp-type-playlist div.jp-playlist li .time{
	float:right;
	font-family: 'Poppins-SemiBold';
}
.player  div.jp-type-playlist div.jp-playlist li .pause-icon{
	display:none;
}
.player  div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove{
	display:none !important;
}
.player .jp-video.jp-state-playing .jp-play.fa.fa-pause,.player .jp-video.jp-state-playing .jp-play.fa.fa-play,.player .jp-video.jp-state-playing div.jp-playlist li.jp-playlist-current .pause-icon{
		display:block;
}
.player .jp-video.jp-state-playing div.jp-playlist li.jp-playlist-current .pause-icon{
    cursor:auto;
}
.player .jp-video.jp-state-playing .jp-play.fa.fa-play,.player .jp-video .jp-play.fa.fa-pause,.player .jp-video.jp-state-playing div.jp-playlist li.jp-playlist-current .play-icon{
	display:none;
}
@media screen and (max-width: 767px){
    
    .player .jp-interface{
        max-width:100%;
    }
   .player .jp-video .jp-volume-controls{
          margin: auto;
          width: 110px;         
          position: absolute;
          float: right;
          right: 0;
          top: 0;
    }
    .player .jp-state-no-volume .jp-volume-controls,.player .jp-state-no-volume .jp-volume-bar,.player .jp-state-no-volume .jp-volume-max{
        display:block;
    }
    .player .jp-volume-bar{
        margin-top:15px;
    }
}