/*############################################*/
/* sap-dark-1 */
/*############################################*/

.sap-dark-1{
	position:fixed;
	width:100%;
	left:0;
	bottom:0;
	min-width: 320px;	
	z-index:9999999;
	background:#2d2e30;
}
.sap-dark-1 .sap-player-holder{
	position: relative;
	left:0;
	border-top: 3px solid #ccc;
	width: 100%;
    float: left;
    margin-right: -210px;
}
.sap-dark-1 .sap-icon-color{
	color:#fff !important;
	-webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; 
}
.sap-dark-1 .sap-icon-rollover-color{
	color:#36CC99 !important;
	-webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; 
}
.sap-dark-1 .sap-contr-btn-i{
	position: absolute;
    top: 0;
    left: 0;
	width:25px;
	height:25px;
	text-align: center;
	display: inline-block;
	font-size: 15px!important;
	line-height: 25px!important;
}

.sap-dark-1 .sap-playback-toggle-ex{
	position: absolute;
	width:30px;
	height:30px;
	top:-33px;
	right:35px;
	background-color: #2d2e30;
	cursor: pointer;
	display: none;
}
.sap-dark-1 .sap-player-toggle{
	position: absolute;
	width:30px;
	height:30px;
	top:-33px;
	right:0;
	background-color: #2d2e30;
	cursor: pointer;
}
.sap-dark-1 .sap-playback-toggle-ex i,
.sap-dark-1 .sap-player-toggle i{
	width:30px;
	height:30px;
	line-height: 30px!important;
}
.sap-dark-1 .sap-player-wrapper-left{
 	margin-right: 210px;
}
.sap-dark-1 .sap-player-wrapper-right{
	width:210px;
	float: right;
	background:#2d2e30;
	margin-top:15px;
	padding-bottom:10px;
}
.sap-dark-1 .sap-right-controls{
	margin-right:20px;
}



.sap-dark-1 .sap-player-thumb{
	position: relative;
	width:66px;
	height:50px;
	margin-left:20px;
	margin-top: 12px;
	margin-bottom: 10px;
	float: left;
	border:1px solid #ccc;
	overflow: hidden;
}
.sap-dark-1 .sap-player-thumb img{
	display: block;
	width: 100%;
    height: auto;
    min-height: 50px;
}
.sap-dark-1 .sap-info{
	margin-top:10px;
	margin-left:12px; 
	float: left;
	pointer-events:none;
}
.sap-dark-1 .sap-player-title{
	position: absolute;
	font-size:15px;
	color:#fff;
	margin: 0;
	padding:0;
}
.sap-dark-1 .sap-player-artist{
	position: relative;
	top:20px;
	font-size:13px;
	color:#36CC99;
	margin: 0;
	padding:0;
}


.sap-dark-1 .sap-center-controls{
	position: absolute;
	display: inline-block;
	height: 30px;
	top:10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
    background:#2d2e30;
}
.sap-dark-1 .sap-prev-toggle{
	position:relative;
	left:0;
	top:2px;
	width:25px;
	height:25px;
	float:left;
	margin-right:20px;
}
.sap-dark-1 .sap-playback-toggle{
	position:relative;
	top:0;
	width:30px;
	height:30px;
	float:left;
	margin-right:20px;
}
.sap-dark-1 .sap-playback-toggle i{
	width:30px;
	height:30px;
	line-height:30px!important;
	font-size: 22px!important;
}
.sap-dark-1 .sap-next-toggle{
	position:relative;
	top:2px;
	width:25px;
	height:25px;
	float:left;
}



.sap-dark-1 .sap-random-toggle,
.sap-dark-1 .sap-loop-toggle{
	position:relative;
	width:25px;
	height:25px;
	float:right;
	margin-left:5px;
}
.sap-dark-1 .sap-playlist-toggle,
.sap-dark-1 .sap-popup-toggle{
	position:relative;
	width:25px;
	height:25px;
	float:right;
	margin-left:5px;
	cursor: pointer;
}

.sap-dark-1 .sap-volume-toggle{
	position:relative;
	width:25px;
	height:25px;
	float:right;
}
.sap-dark-1 .sap-volume-seekbar{
	position:relative;
	left:0;
	top:4px;
	width:70px;
	height:16px;
	float:right;
	cursor: pointer;
	touch-action: none;
}
.sap-dark-1 .sap-volume-bg{
	position:absolute;
	top:8px;
	left:10px;
	width:50px;
	height:1px;
	background:#36CC99;
}
.sap-dark-1 .sap-volume-level{
	position:absolute;
	top:8px;
	left:10px;
	width:0;
	height:1px;
	background:#ffffff;
}
.sap-dark-1 .sap-seekbar{
	position:absolute;
	top:50px;
	left:250px;
	right:250px;
	height:16px;
	cursor: pointer;
	touch-action: none;
}
.sap-dark-1 .sap-progress-bg{
	position:relative;
	background:#36CC99;
	width:100%;
	top:8px;
	height:1px;
}
.sap-dark-1 .sap-load-level{
	position:absolute;
	background:#36CC99;
	top:8px;
	height:1px;
}
.sap-dark-1 .sap-progress-level{
	position:absolute;
	background:#fff;
	top:8px;
	height:1px;	
}



#sap-playlist-list{
	display:none;
}
.sap-dark-1 .sap-playlist-holder{
	position:relative;
	top:0;
	width:100%;
	overflow:hidden;
	border-top: 1px solid #444;
	opacity: 0;
}
.sap-dark-1 .sap-playlist-inner{
	margin:20px;
	min-height:100px;
	max-height:200px;
}
.sap-dark-1 .sap-playlist-item{
	position: relative;
	top:0;
	left:0;
	line-height: 30px;
	overflow: hidden;
}
.sap-dark-1 .sap-playlist-item > a {
    border: 0;
}
.sap-dark-1 .sap-playlist-non-selected {
	display: block;
	float:left;
	color:#aaa!important;
	text-decoration: none; 
	box-shadow: none!important;
}
.sap-dark-1 .sap-playlist-selected {
	display: block;
	float:left;
	color:#fff!important;
	text-decoration: none; 
	box-shadow: none!important;
}
.sap-dark-1 .sap-active{
	background: #36CC99!important;
}
.sap-dark-1 .sap-playlist-item:hover{
	background: #36CC99!important;
}
.sap-dark-1 .sap-active a{
	color:#fff!important;
}
.sap-dark-1 .sap-playlist-item:hover a{
	color:#fff!important;
}
.sap-dark-1 .sap-download, .sap-dark-1 .sap-link{
	float:right;
	width:30px;
	text-align: center;
	color:#fff!important;
	font-size: 13px!important;
	box-shadow: none!important;
}
.sap-dark-1 .sap-download i, .sap-dark-1 .sap-link i{
	line-height:30px;
	color:inherit;
}
.sap-dark-1 .sap-playlist-title{
	margin-left:5px!important;
	font-size:14px;
	color:inherit;
}
.sap-dark-1 .sap-playlist-filter-msg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	line-height:140px;
	display: none;
}
.sap-dark-1 .sap-playlist-filter-msg p{
	font-size:15px!important;
	color:#36CC99!important;
	vertical-align: middle!important;
    text-align:center!important;
	padding:0!important; 	
	margin:0!important; 
	line-height: inherit!important;
}
.sap-dark-1 .sap-bottom-bar{
	position:relative;
	top:0;
	clear:both;
	height:30px;
	width:100%;
	overflow:hidden;
	border-top: 1px solid #444;
}
.sap-dark-1 .sap-search-filter{
	position:relative;
	width:125px!important;
	height:18px!important;
	top:50%;
	margin:-9px 0 0 20px!important;
	padding:0!important;
	border:0!important;
	-moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
	border-radius:0 !important;
	background:#eee !important;
	color:#333 !important;
	box-shadow:none!important; 
	line-height:1!important; 
	float: left;
}

.sap-dark-1 .sap-sr-bar-i{
	display: inline-block;
	font-size: 15px!important;
	line-height: 30px!important;
}
.sap-dark-1 .sap-sort-alpha{
	position:relative;
	left:5px;
	top:0;
	width:25px;
	height:100%;
	text-align: center;
	float: left;
}
.sap-dark-1 .sap-share-item{
	position:relative;
	top:0;
	right:10px;
	width:25px;
	height:100%;
	margin-right:10px;
	text-align: center;
	float: right;
}





.sap-dark-1 .sap-tooltip{
	position:absolute;
	background:#36CC99;
	text-align:center;
	color:#fff!important;
	z-index:10000;
	pointer-events:none;
	display:none;
}
.sap-dark-1 .sap-tooltip p {
	width:inherit;
	font-size:12px!important;
	margin:0 5px !important;
	padding:0 !important;
	line-height:20px !important;
	white-space:nowrap;
	color:inherit;
}

.sap-dark-1 .sap-preloader{
    position: absolute;
    width: 60px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.sap-dark-1 .sap-preloader span{
    display:block;
    bottom:0;
    width: 9px;
    height: 5px;
    background:#36CC99;
    position:absolute;
    animation: sap_preloader 1.5s  infinite ease-in-out;
}
.sap-dark-1 .sap-preloader span:nth-child(2){
	left:11px;
	animation-delay: .2s;
}
.sap-dark-1 .sap-preloader span:nth-child(3){
	left:22px;
	animation-delay: .4s;
}
.sap-dark-1 .sap-preloader span:nth-child(4){
	left:33px;
	animation-delay: .6s;
}
.sap-dark-1 .sap-preloader span:nth-child(5){
	left:44px;
	animation-delay: .8s;
}
@keyframes sap_preloader {
    0% {height:5px;transform:translateY(0px);}
    25% {height:30px;transform:translateY(15px);}
    50% {height:5px;transform:translateY(0px);}
    100% {height:5px;transform:translateY(0px);}
}


.sap-dark-1 .sap-hidden {
	opacity: 0; 
	filter: alpha(opacity=0); 
}
.sap-dark-1 .sap-visible {
	opacity: 1;
	-webkit-transition: opacity 500ms ease-out;
	-moz-transition: opacity 500ms ease-out;
	transition: opacity 500ms ease-out;
}


/* scroll */
.sap-dark-1 .sap-playlist-inner .mCSB_inside > .mCSB_container {
    margin-right: 30px;
}



@media screen and (max-width: 768px) {
    .sap-dark-1 .sap-seekbar{
	    left:150px;
		right: 150px;
	}
}
@media screen and (max-width: 641px) {
	.sap-dark-1 .sap-player-holder {
        margin-right:0;
    }
    .sap-dark-1 .sap-player-wrapper-left {
        margin-right:0;
        width:100%;
    }
    .sap-dark-1 .sap-player-wrapper-right {
    	margin-top:0;
        clear:left;
        float:left;
        width:100%;
    }
    .sap-dark-1 .sap-seekbar{
	    left:100px;
		right:25px;
	}
	.sap-dark-1 .sap-center-controls{
		left:15px;
		top:72px;
   		transform: none;
	}
	.sap-dark-1 .sap-player-title{
		position: absolute;
		overflow: hidden;
		white-space: nowrap;
	    text-overflow: ellipsis;
	    width: -webkit-calc(100% - 125px);
	    width: -moz-calc(100% - 125px);
	    width: calc(100% - 125px);
	}
	
}
@media screen and (max-width: 360px) {
	.sap-dark-1 .sap-prev-toggle,
	.sap-dark-1 .sap-playback-toggle{
		margin-right:5px;
	}
	input.sap-dark-1 .sap-search-filter[type="text"]{
		width:100px!important;
	}
}




/*############################################*/
/* sap-dark-2 */
/*############################################*/

.sap-dark-2{
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	min-width: 310px;	
	line-height:normal!important;
	z-index:9999999;
}
.sap-dark-2 .sap-player-outer{
	position: absolute;
	width: 100%;
	bottom:0;
}
.sap-dark-2 .sap-player-holder{
	position: relative;
	left:0;
	width: 100%;
    float: left;
    margin-right: -210px;
    background:#27363b;
}
.sap-dark-2 .sap-icon-color{
	color:#eee !important;
	-webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; 
}
.sap-dark-2 .sap-icon-rollover-color{
	color:#ffa48f !important;
	-webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; 
}
.sap-dark-2 .sap-contr-btn-i{
	position: absolute;
    top: 0;
    left: 0;
	width:25px;
	height:25px;
	text-align: center;
	display: inline-block;
	font-size: 15px!important;
	line-height: 25px!important;
}

.sap-dark-2 .sap-playback-toggle-ex{
	position: absolute;
	width:30px;
	height:30px;
	top:-34px;
	right:35px;
	background-color: #27363b;
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	cursor: pointer;
	display: none;
	z-index: 2;
}
.sap-dark-2 .sap-player-toggle{
	position: absolute;
	width:30px;
	height:30px;
	top:-34px;
	right:0;
	background-color: #27363b;
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	cursor: pointer;
	z-index: 2;
	box-sizing: content-box;
}
.sap-dark-2 .sap-playback-toggle-ex i,
.sap-dark-2 .sap-player-toggle i{
	width:30px;
	height:30px;
	line-height: 30px!important;
}
.sap-dark-2 .sap-player-wrapper-left{
 	margin-right: 210px;
}
.sap-dark-2 .sap-player-wrapper-right{
	width:210px;
	float: right;
	padding-bottom:10px;
	background:#27363b;
}
.sap-dark-2 .sap-right-controls{
	position: relative;
	margin-top:15px;
	margin-right:20px;
}



.sap-dark-2 .sap-player-thumb{
	position: relative;
	width:60px;
	height:60px;
	float: left;
	overflow: hidden;
}
.sap-dark-2 .sap-player-thumb img{
	display: block;
	height: 100%;
	width: auto!important;
}
.sap-dark-2 .sap-info{
	display: inline-block;
	margin-top:10px;
	margin-left:12px; 
	float: left;
	pointer-events:none;
}
.sap-dark-2 .sap-player-title{
	position: absolute;
	font-size:15px;
	color:#fff;
	margin:0!important;
	padding:0;
}
.sap-dark-2 .sap-player-artist{
	position: relative;
	top:20px;
	font-size:13px;
	color:#ffa48f;
	margin:0!important;
	padding:0;
}


.sap-dark-2 .sap-center-controls{
	position: absolute;
	display: inline-block;
	height: 30px;
	top:15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
    background:#27363b;
}
.sap-dark-2 .sap-prev-toggle{
	position:relative;
	left:0;
	top:2px;
	width:25px;
	height:25px;
	float:left;
	margin-right:20px;
}
.sap-dark-2 .sap-playback-toggle{
	position:relative;
	top:0;
	width:30px;
	height:30px;
	float:left;
	margin-right:20px;
}
.sap-dark-2 .sap-playback-toggle i{
	width:30px;
	height:30px;
	line-height:30px!important;
	font-size: 26px!important;
}
.sap-dark-2 .sap-next-toggle{
	position:relative;
	top:2px;
	width:25px;
	height:25px;
	float:left;
}



.sap-dark-2 .sap-random-toggle,
.sap-dark-2 .sap-loop-toggle{
	position:relative;
	width:25px;
	height:25px;
	float:right;
	margin-left:5px;
}
.sap-dark-2 .sap-playlist-toggle,
.sap-dark-2 .sap-popup-toggle{
	position:relative;
	width:25px;
	height:25px;
	float:right;
	margin-left:5px;
	cursor: pointer;
}

.sap-dark-2 .sap-volume-toggle{
	position:relative;
	width:25px;
	height:25px;
	float:right;
}
.sap-dark-2 .sap-volume-seekbar{
	position:relative;
	left:0;
	top:5px;
	width:70px;
	height:16px;
	float:right;
	cursor: pointer;
	touch-action: none;
}
.sap-dark-2 .sap-volume-bg{
	position:absolute;
	top:6px;
	left:10px;
	width:50px;
	height:3px;
	background:#ccc;
}
.sap-dark-2 .sap-volume-level{
	position:absolute;
	top:6px;
	left:10px;
	width:0;
	height:3px;
	background:#ffa48f;
}
.sap-dark-2 .sap-seekbar{
	position:absolute;
	top:-14px;
	left:0;
	width: 100%;
	height:20px;
	cursor: pointer;
	touch-action: none;
}
.sap-dark-2 .sap-progress-bg{
	position:relative;
	background:#ccc;
	width:100%;
	top:11px;
	height:3px;
}
.sap-dark-2 .sap-load-level{
	position:absolute;
	background:#ccc;
	top:11px;
	height:3px;
}
.sap-dark-2 .sap-progress-level{
	position:absolute;
	background:#ffa48f;
	top:11px;
	height:3px;	
}




.sap-dark-2 .sap-playlist-holder{
	position:absolute;
	width:100%;
	overflow:hidden;
	border-top: 2px solid #444;
	background:#27363b;
	opacity: 0;
}
.sap-dark-2 .sap-playlist-inner{
	margin:20px;
	min-height:215px;
	max-height:215px;
}
.sap-dark-2 .sap-playlist-item{
	position: relative;
	top:0;
	left:0;
	overflow: hidden;
	margin-bottom:5px!important;
}
.sap-dark-2 .sap-playlist-item > a {
    border: 0;
}
.sap-dark-2 .sap-playlist-item:last-child {  
	margin-bottom:0!important;
}
.sap-dark-2 .sap-playlist-non-selected {
	display: block;
	float:left;
	color:#aaa!important;
	text-decoration: none; 
	box-shadow: none!important;
}
.sap-dark-2 .sap-playlist-selected {
	display: block;
	float:left;
	color:#fff!important;
	text-decoration: none; 
	box-shadow: none!important;
}
.sap-dark-2 .sap-active{
	background: #ddd!important;
}
.sap-dark-2 .sap-playlist-item:hover{
	background: #ddd!important;
}
.sap-dark-2 .sap-active a{
	color:#fff!important;
}
.sap-dark-2 .sap-playlist-item:hover a{
	color:#fff!important;
}
.sap-dark-2 .sap-download, .sap-dark-2 .sap-link{
	float:right;
	width:30px;
	text-align: center;
	color:#fff!important;
	font-size: 13px!important;
	box-shadow: none!important;
}
.sap-dark-2 .sap-download i, .sap-dark-2 .sap-link i{
	line-height:50px;
	color:inherit;
}
.sap-dark-2 .sap-playlist-thumb{
	position: relative;
	margin:4px;
	width:40px;
	height:40px;
	float: left;
	border:1px solid #aaa;
	overflow: hidden;
	margin-right:15px!important;
}
.sap-dark-2 .sap-playlist-thumb img{
	display: block;
	height: 100%;
	width: auto!important;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.sap-dark-2 .sap-playlist-selected .sap-playlist-thumb img,
.sap-dark-2 .sap-playlist-item:hover .sap-playlist-thumb img{
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
.sap-dark-2 .sap-playlist-title{
	position: relative;
	top:7px;
	font-size:15px;
	color:inherit;
}
.sap-dark-2 .sap-playlist-filter-msg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	line-height:200px;
	display: none;
}
.sap-dark-2 .sap-playlist-filter-msg p{
	font-size:15px!important;
	color:#fff!important;
	vertical-align: middle!important;
    text-align:center!important;
	padding:0!important; 	
	margin:0!important; 
	line-height:inherit!important;
}
.sap-dark-2 .sap-bottom-bar{
	position:relative;
	top:0;
	clear:both;
	height:30px;
	width:100%;
	overflow:hidden;
}
.sap-dark-2 .sap-search-filter{
	position:relative;
	width:125px!important;
	height:18px!important;
	top:50%;
	margin:-9px 0 0 20px!important;
	padding:0!important;
	border:0!important;
	-moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
	border-radius:0 !important;
	background:#ddd !important;
	color:#333 !important;
	box-shadow:none!important; 
	line-height:1!important; 
	float: left;
	outline: none;
}

.sap-dark-2 .sap-sr-bar-i{
	display: inline-block;
	font-size: 15px!important;
	line-height: 30px!important;
}
.sap-dark-2 .sap-sort-alpha{
	position:relative;
	left:5px;
	top:0;
	width:25px;
	height:100%;
	text-align: center;
	float: left;
}
.sap-dark-2 .sap-share-item{
	position:relative;
	top:0;
	right:10px;
	width:25px;
	height:100%;
	margin-right:10px;
	text-align: center;
	float: right;
}





.sap-dark-2 .sap-tooltip{
	position:absolute;
	background:#ffa48f;
	color:#fff!important;
	text-align:center;
	z-index:10000;
	pointer-events:none;
	display:none;
}
.sap-dark-2 .sap-tooltip p {
	width:inherit;
	font-size:12px!important;
	margin:0 5px !important;
	padding:0 !important;
	line-height:20px !important;
	white-space:nowrap;
	color:inherit;
}


.sap-dark-1 .sap-preloader{
    position: absolute;
    width: 60px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.sap-dark-1 .sap-preloader span{
    display:block;
    bottom:0;
    width: 9px;
    height: 5px;
    background:#36CC99;
    position:absolute;
    animation: sap_preloader 1.5s  infinite ease-in-out;
}
.sap-dark-1 .sap-preloader span:nth-child(2){
	left:11px;
	animation-delay: .2s;
}
.sap-dark-1 .sap-preloader span:nth-child(3){
	left:22px;
	animation-delay: .4s;
}
.sap-dark-1 .sap-preloader span:nth-child(4){
	left:33px;
	animation-delay: .6s;
}
.sap-dark-1 .sap-preloader span:nth-child(5){
	left:44px;
	animation-delay: .8s;
}
@keyframes sap_preloader {
    0% {height:5px;transform:translateY(0px);}
    25% {height:30px;transform:translateY(15px);}
    50% {height:5px;transform:translateY(0px);}
    100% {height:5px;transform:translateY(0px);}
}


.sap-dark-2 .sap-hidden {
	opacity: 0; 
	filter: alpha(opacity=0); 
}
.sap-dark-2 .sap-visible {
	opacity: 1;
	-webkit-transition: opacity 500ms ease-out;
	-moz-transition: opacity 500ms ease-out;
	transition: opacity 500ms ease-out;
}


/* scroll */
.sap-dark-2 .sap-playlist-inner .mCSB_inside > .mCSB_container {
    margin-right: 30px;
}




@media screen and (max-width: 641px) {
	.sap-dark-2 .sap-player-holder {
        margin-right:0;
    }
    .sap-dark-2 .sap-player-wrapper-left {
        margin-right:0;
        width:100%;
    }
    .sap-dark-2 .sap-player-wrapper-right {
    	margin-top:0;
        clear:left;
        float:left;
        width:100%;
    }
	.sap-dark-2 .sap-center-controls{
		left:15px;
		top:72px;
   		transform: none;
	}
	.sap-dark-2 .sap-player-title{
		position: absolute;
		overflow: hidden;
		white-space: nowrap;
	    text-overflow: ellipsis;
	    width: -webkit-calc(100% - 125px);
	    width: -moz-calc(100% - 125px);
	    width: calc(100% - 125px);
	}
	
}
@media screen and (max-width: 360px) {
	.sap-dark-2 .sap-prev-toggle,
	.sap-dark-2 .sap-playback-toggle{
		margin-right:5px;
	}
	.sap-dark-2 .sap-search-filter{
		width:100px!important;
	}
}




/*############################################*/
/* sap-light-1 */
/*############################################*/

.sap-light-1{
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
}
.sap-light-1 .sap-player-holder{
	position: absolute;
	display: flex;
	width:100%;
	height:50px;
	bottom:0;
	background: #ededed;
	-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}
.sap-light-1 .sap-icon-color{
	color:#555 !important;
	-webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; 
}
.sap-light-1 .sap-icon-rollover-color{
	color:#fff !important;
	-webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; 
}
.sap-light-1 .sap-contr-btn-i{
	position:relative;
	top:0;
	left:0;
	width:50px;	
	height:100%;
	text-align: center;
	display: inline-block;
	font-size: 16px!important;
	line-height: 50px!important;
}
.sap-light-1 .sap-contr-btn-vol-i{
	font-size: 18px!important;
}
.sap-light-1 .sap-playback-toggle{
	position:relative;
	width:50px;	
	height:100%;
	float: left;
}
.sap-light-1 .sap-prev-toggle{
	position:relative;
	width:50px;	
	height:100%;
	float: left;
}
.sap-light-1 .sap-next-toggle{
	position:relative;
	width:50px;	
	height:100%;
	float: left;
}
.sap-light-1 .sap-media-time-current{
	position:relative;
	width:60px;	
	height:100%;
	color:#666;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	margin:0;
	padding: 0;
	float: left;
}
.sap-seekbar-wrap{
	position: relative;
	flex-grow: 1;
}
.sap-light-1 .sap-seekbar{
	position: absolute;
	left:0;
	right: 0;
	height:100%;
	touch-action: none;
	cursor: pointer;
	overflow: hidden;
}
.sap-light-1 .sap-progress-bg{
	position:absolute;
	height:2px;
	background:#777;
	top:50%;
	margin-top:-1px;
	left:10px;
	right:10px;
}
.sap-light-1 .sap-load-level{
	position:absolute;
	height:2px;
	background:#999;
	top:50%;
	margin-top:-1px;
	left:10px;
	right:10px;
	width:0;
}
.sap-light-1 .sap-progress-level{
	position:absolute;
	height:2px;
	background:#fff;
	top:50%;
	margin-top:-1px;
	left:10px;
	right:10px;
	width:0;
}
.sap-player-wrapper-right{
	float: right;
}
.sap-light-1 .sap-media-time-total{
	position:relative;
	width:60px;	
	height:100%;
	color:#666;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	margin:0;
	padding: 0;
	float: left;
}
.sap-light-1 .sap-info-toggle{
	position:relative;
	width:50px;	
	height:100%;
	cursor: pointer;
	float: left;
}
.sap-light-1 .sap-playlist-toggle{
	position:relative;
	width:50px;	
	height:100%;
	float: left;
}
.sap-light-1 .sap-popup-toggle{
	position:relative;
	width:50px;	
	height:100%;
	float: left;
}
.sap-light-1 .sap-volume-wrapper{
	position:relative;
	width:50px;	
	height:100%;
	float: left;
}
.sap-light-1 .sap-volume-seekbar{
	position:absolute;
	top:-80px;
	float: left;
	width:50px;
	height:80px;
	display:none;
	cursor: pointer;
	touch-action: none;
	background:#ededed;
	-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}
.sap-light-1 .sap-volume-wrapper:hover .sap-volume-seekbar{
	display: block;
}
.sap-light-1 .sap-volume-bg{
	position:absolute;
	width:2px;
	height:60px;
	background:#777;
	left:24px;
	bottom:10px;
}
.sap-light-1 .sap-volume-level{
	position:absolute;
	width:2px;
	height:60px;
	background:#fff;
	left:24px;
	bottom:10px;
}
.sap-light-1 .sap-volume-seekbar-shadow-hider{
	position:absolute;
	width:50px;
	height:10px;
	background:#ededed;
	left:0;
	bottom:-5px;
	pointer-events:none;
}


.sap-light-1 .sap-info{
	position: absolute;
	left: 50%;
	bottom: 60px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
	max-width:400px;
	width:100%;
	background:#ededed;
	-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
	z-index:50;
	padding:20px 20px 10px 20px;
	display: none;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box; 
}
.sap-light-1 .sap-info-data{
	max-height: 300px;
}
.sap-light-1 .sap-info-close{
	position: absolute;
	right:-10px;
	top:-10px;
	cursor: pointer;
}
.sap-light-1 .sap-player-title{
	color:#111;
	margin:0;
	margin-right: 20px;
	margin-bottom: 10px;
	padding:0;
}
.sap-light-1 .sap-player-artist{
	color:#111;
	margin:0;
	margin-right: 20px;
	margin-bottom: 10px;
	padding:0;
	overflow: hidden;
	max-height: 150px;
	 display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;  
}
.sap-light-1 .sap-share-holder{
	height:30px;
}
.sap-light-1 .sap-share-item{
	position:relative;
	bottom:0;
	left:0;
	width:25px;
	height:30px;
	margin-right:5px;
	text-align: center;
	float: left;
}
.sap-light-1 .sap-sr-bar-i{
	display: inline-block;
	font-size: 15px!important;
	line-height: 30px!important;
}




.sap-light-1 .sap-playlist-holder{
	position:absolute;
	bottom:50px;
	left:0;
	width:100%;
	overflow:hidden;
    background: #eff1f2;
    opacity: 0;
}
.sap-light-1 .sap-playlist-inner{
	max-height:320px;
	margin:5px 20px;
}
.sap-light-1 .sap-playlist-item{
	position: relative;
	top:0;
	left:0;
	overflow: hidden;
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
.sap-light-1 .sap-playlist-item > a {
    border: 0;
}
.sap-light-1 .sap-playlist-item:last-child {  
	margin-bottom:0px!important;
	border-bottom:0px!important;
}
.sap-light-1 .sap-playlist-non-selected {
	color:#444!important;
	text-decoration: none; 
	overflow: hidden;
	box-shadow: none!important;
	display: table;
	float: left;
}
.sap-light-1 .sap-playlist-selected {
	color:#fff!important;
	text-decoration: none; 
	overflow: hidden;
	box-shadow: none!important;
	display: table;
	float: left;
}
.sap-light-1 .sap-playlist-thumb{
	position:relative;
	top:0;
	left:0;
	width:70px;
	height:70px;
	float:left;
	background:#444;
	border: 1px solid #555;
	overflow:hidden;
	border-radius: 100%;
}
.sap-light-1 .sap-playlist-thumb img{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
}
.sap-light-1 .sap-playlist-title{
	font-size:16px;
	padding-left:10px;
	color:inherit;
	display:table-cell;
 	vertical-align:middle;
}
.sap-light-1 .sap-download, .sap-light-1 .sap-link{
	float:right;
	width:30px;
	text-align: center;
	color:#fff!important;
	font-size: 13px!important;
	box-shadow: none!important;
}
.sap-light-1 .sap-download i, .sap-light-1 .sap-link i{
	line-height:30px;
	color:inherit;
}


.sap-light-1 .sap-preloader{
    position: absolute;
    width: 60px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.sap-light-1 .sap-preloader span{
    display:block;
    bottom:0;
    width: 9px;
    height: 5px;
    background:#AFF0F6;
    position:absolute;
    animation: sap_preloader 1.5s  infinite ease-in-out;
}
.sap-light-1 .sap-preloader span:nth-child(2){
	left:11px;
	animation-delay: .2s;
}
.sap-light-1 .sap-preloader span:nth-child(3){
	left:22px;
	animation-delay: .4s;
}
.sap-light-1 .sap-preloader span:nth-child(4){
	left:33px;
	animation-delay: .6s;
}
.sap-light-1 .sap-preloader span:nth-child(5){
	left:44px;
	animation-delay: .8s;
}
@keyframes sap_preloader {
    0% {height:5px;transform:translateY(0px);}
    25% {height:30px;transform:translateY(15px);}
    50% {height:5px;transform:translateY(0px);}
    100% {height:5px;transform:translateY(0px);}
}



.sap-light-1 .sap-tooltip{
	position:absolute;
	background: #555;
	color:#fff!important;
	-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
	text-align:center;
	z-index:10000;
	pointer-events:none;
	display:none;
}
.sap-light-1 .sap-tooltip p {
	width:inherit;
	font-size:12px!important;
	margin:0 5px !important;
	padding:1px 2px !important;
	line-height:20px !important;
	white-space:nowrap;
	color:inherit;
}
.sap-light-1 .sap-tooltip-num{
	direction: ltr !important;
}



.sap-light-1 .sap-hidden {
	opacity: 0; 
	filter: alpha(opacity=0); 
}
.sap-light-1 .sap-visible {
	opacity: 1;
	-webkit-transition: opacity 500ms ease-out;
	-moz-transition: opacity 500ms ease-out;
	transition: opacity 500ms ease-out;
}


/* scroll */
.sap-light-1 .sap-playlist-inner .mCSB_inside > .mCSB_container {
    margin-right: 30px;
}




@media only screen and (max-width: 768px) {
	.sap-light-1 .sap-media-time-total, 
	.sap-light-1 .sap-media-time-current{
		display: none;
	}
}
@media only screen and (max-width: 600px) {
	.sap-light-1 .sap-prev-toggle, 
	.sap-light-1 .sap-next-toggle{
		display: none;
	}
}




/*############################################*/
/* sap-light-2 */
/*############################################*/

.sap-light-2{
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
	min-width: 320px;
}
.sap-light-2 .sap-player-holder{
	position: fixed;
	height: 60px;
	left:0;
	bottom:0;
	background:#fafafa;
	width: 100%;
    margin-right: -210px;
    -moz-box-shadow: 0px -2px 8px #888;
	-webkit-box-shadow: 0px -2px 8px #ccc;
	box-shadow: 0px -2px 3px #999;
}
.sap-light-2 .sap-icon-color{
	color:#5a5a5a !important;
	-webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; 
}
.sap-light-2 .sap-icon-rollover-color{
	color:#ff7e00 !important;
	-webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out; 
}
.sap-light-2 .sap-contr-btn-i{
	position: absolute;
    top: 0;
    left: 0;
	width:25px;
	height:25px;
	text-align: center;
	display: inline-block;
	font-size: 20px!important;
	line-height: 25px!important;
}
.sap-light-2 .sap-player-wrapper-right{
	position: absolute;
	right: 0;
	margin-top:20px;
	padding-bottom:10px;
}
.sap-light-2 .sap-right-controls{
	width:215px;
	margin-right:20px;
}


.sap-light-2 .sap-seekbar{
	position:absolute;
	top:-5px;
	left:60px;
	right:0px;
	height:16px;
	cursor: pointer;
	touch-action: none;
}
.sap-light-2 .sap-progress-bg{
	position:relative;
	background:#ccc;
	width:100%;
	top:5px;
	height:3px;
}
.sap-light-2 .sap-load-level{
	position:absolute;
	background:#ddd;
	top:5px;
	height:3px;
}
.sap-light-2 .sap-progress-level{
	position:absolute;
	background:#ff7e00;
	top:5px;
	height:3px;	
}



.sap-light-2 .sap-player-thumb{
	position: relative;
	width:60px;
	height:60px;
	float: left;
	overflow: hidden;
}
.sap-light-2 .sap-player-thumb img{
	display: block;
	height: 100%;
	width: auto!important;
}
.sap-light-2 .sap-player-title{
	position:relative;
	top:22px;
	left:12px;
	float:left;
	max-width:500px;
	width:100%;
	height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.sap-light-2 .sap-center-controls{
	position: absolute;
	height: 60px;
	top:0px;
    left: 50%;
    margin-left: -122px;
}
.sap-light-2 .sap-loop-toggle,
.sap-light-2 .sap-prev-toggle,
.sap-light-2 .sap-playback-toggle,
.sap-light-2 .sap-next-toggle,
.sap-light-2 .sap-random-toggle{
	position:relative;
	left:0px;
	top:20px;
	width:25px;
	height:25px;
	float:left;
	margin-right:25px;
}
.sap-light-2 .sap-random-toggle{
	margin-right:0;
}

.sap-light-2 .sap-playlist-toggle,
.sap-light-2 .sap-popup-toggle{
	position:relative;
	width:25px;
	height:25px;
	float:right;
	margin-left:15px;
}
.sap-light-2 .sap-playlist-toggle i,
.sap-light-2 .sap-popup-toggle i{
	font-size: 18px!important;
}
.sap-light-2 .sap-volume-toggle{
	position:relative;
	width:25px;
	height:25px;
	float:right;
}
.sap-light-2 .sap-volume-seekbar{
	position:relative;
	left:5px;
	top:0px;
	width:70px;
	height:25px;
	float:right;
	cursor: pointer;
	touch-action: none;
}
.sap-light-2 .sap-volume-bg{
	position:absolute;
	top:10px;
	left:10px;
	width:50px;
	height:4px;
	background:#ccc;
}
.sap-light-2 .sap-volume-level{
	position:absolute;
	top:10px;
	left:10px;
	width:0px;
	height:4px;
	background:#ff7e00;
}






.sap-light-2 .sap-playlist-holder{
	position:absolute;
	bottom:60px;
	left:0px;
	width:100%;
	height: 310px;
    background:#ededed;
    opacity: 0;
}
.sap-light-2 .sap-playlist-inner{
	height:260px;
}
.sap-light-2 .sap-playlist-item{
	width:180px;
	height:220px;
	background:#fafafa;
	margin:10px;
	-moz-box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 2px #999;
	box-shadow: 1px 1px 2px #999;
	overflow: hidden;
	float:left;
}
.sap-light-2 .sap-playlist-item > a {
    border: 0;
}
.sap-light-2 .sap-playlist-non-selected {
	display: block;
	width:100%;
	float:left;
	color:#ccc!important;
	text-decoration: none; 
	box-shadow: none!important;
}
.sap-light-2 .sap-playlist-selected {
	display: block;
	width:100%;
	float:left;
	color:#fff!important;
	text-decoration: none; 
	box-shadow: none!important;
}
.sap-light-2 .sap-playlist-item.sap-active{
	background: #ff7e00!important;
}
.sap-light-2 .sap-playlist-item:hover{
	background: #ff7e00!important;
}
.sap-light-2 .sap-playlist-thumb{
	display: block;
	position:relative;
	margin:10px 10px 0 10px;
	width:160px;
	height:160px;
	overflow:hidden;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;     
	-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;   
}
.sap-light-2 .sap-playlist-thumb img{
	display:block;
	height:100%;
	width:auto!important;
	min-width: 200px;
}
.sap-light-2 .sap-playlist-title{
	display: block;
	font-size:12px;
	position: relative;
	margin:6px 10px;
	color:inherit!important;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
    overflow: hidden; 
    line-height: 1.4!important;
}


.sap-light-2 .sap-playlist-filter-msg{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	line-height:280px;
	display: none;
}
.sap-light-2 .sap-playlist-filter-msg p{
	font-size:18px!important;
	color:#fff!important;
	vertical-align: middle!important;
    text-align:center!important;
	padding:0!important; 	
	margin:0!important; 
	line-height:inherit!important;
}
.sap-light-2 .sap-bottom-bar{
	position:relative;
	top:0px;
	clear:both;
	height:30px;
	width:100%;
	overflow:hidden;
}
.sap-light-2 .sap-search-filter{
	position:relative;
	width:125px!important;
	height:18px!important;
	top:50%;
	margin:-9px 0 0 20px!important;
	padding:0!important;
	border:0!important;
	-moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
	border-radius:0 !important;
	background:#ddd !important;
	color:#333 !important;
	box-shadow:none!important; 
	line-height:1!important; 
	float: left;
	outline: none;
}

.sap-light-2 .sap-sr-bar-i{
	display: inline-block;
	font-size: 16px!important;
	line-height: 30px!important;
}
.sap-light-2 .sap-sort-alpha{
	position:relative;
	left:5px;
	top:0px;
	width:25px;
	height:100%;
	text-align: center;
	float: left;
}
.sap-light-2 .sap-share-item{
	position:relative;
	top:0px;
	right:10px;
	width:25px;
	height:100%;
	margin-right:10px;
	text-align: center;
	float: right;
}







.sap-light-2 .sap-preloader{
    position: absolute;
    width: 60px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.sap-light-2 .sap-preloader span{
    display:block;
    bottom:0px;
    width: 9px;
    height: 5px;
    background:#ff7e00;
    position:absolute;
    animation: sap_preloader 1.5s  infinite ease-in-out;
}
.sap-light-2 .sap-preloader span:nth-child(2){
	left:11px;
	animation-delay: .2s;
}
.sap-light-2 .sap-preloader span:nth-child(3){
	left:22px;
	animation-delay: .4s;
}
.sap-light-2 .sap-preloader span:nth-child(4){
	left:33px;
	animation-delay: .6s;
}
.sap-light-2 .sap-preloader span:nth-child(5){
	left:44px;
	animation-delay: .8s;
}
@keyframes sap_preloader {
    0% {height:5px;transform:translateY(0px);}
    25% {height:30px;transform:translateY(15px);}
    50% {height:5px;transform:translateY(0px);}
    100% {height:5px;transform:translateY(0px);}
}






.sap-light-2 .sap-tooltip{
	position:absolute;
	background:#ff7e00;
	color:#fff!important;
	text-align:center;
	z-index:10000;
	pointer-events:none;
	-moz-box-shadow: 0px -2px 8px #888;
	-webkit-box-shadow: 0px -2px 8px #888;
	box-shadow: 1px 1px 3px #888;
	display:none;
}
.sap-light-2 .sap-tooltip p {
	width:inherit;
	font-size:12px!important;
	margin:0 5px !important;
	padding:0 !important;
	line-height:20px !important;
	white-space:nowrap;
	color:inherit;
}



.sap-light-2 .sap-hidden {
	opacity: 0; 
	filter: alpha(opacity=0); 
}
.sap-light-2 .sap-visible {
	opacity: 1;
	-webkit-transition: opacity 500ms ease-out;
	-moz-transition: opacity 500ms ease-out;
	transition: opacity 500ms ease-out;
}





@media screen and (max-width: 920px) {
    .sap-light-2 .sap-center-controls{
	    margin-left:-30px;
	}
	.sap-light-2 .sap-player-title{
		max-width:270px;
	}
}
@media screen and (max-width: 768px) {
	.sap-light-2 .sap-player-holder{
		height:110px;
	}
	.sap-light-2 .sap-playlist-holder{
		bottom:110px;
	}
    .sap-light-2 .sap-center-controls{
		top:50px;
	}
	.sap-light-2 .sap-center-controls{
	    margin-left:-112px;
	}
}
@media screen and (max-width: 568px) {
	.sap-light-2 .sap-player-title{
		max-width:200px;
	}
}
@media screen and (max-width: 450px) {
	.sap-light-2 .sap-player-holder{
		height:150px;
	}
	.sap-light-2 .sap-playlist-holder{
		bottom:150px;
	}
	.sap-light-2 .sap-player-wrapper-right{
		top:100px;
		right:auto;
		left:50%;
		margin-left: -110px;
	}
	.sap-light-2 .sap-player-title{
		max-width:300px;
	}
}