/* Media Player */
#audioplayer {
	display: none;
	visibility: hidden;
}
span.music-preview-label {
	display: block;
	float: left;
}
span.mejs-time-total.mejs-time-slider {
	outline: none;
}
.mejs-container.svg.mejs-audio {
}

.mejs-container {
	display: none!important;
	position: fixed !important;
	bottom: 0;
	left: 0;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

	z-index: 11;
	background: rgba(255, 255, 255,.96)!important;

	-webkit-animation-timing-function: cubic-bezier(.10, .70, .10, 1);
	-webkit-animation-duration: 800ms;
/*
	-moz-animation-timing-function: cubic-bezier(.10, .70, .10, 1);
	-moz-animation-duration: 800ms;
*/
	animation-timing-function: cubic-bezier(.10, .70, .10, 1);
	animation-duration: 800ms;
	
	-webkit-animation-name: fadeInUp;
/* 	-moz-animation-name: fadeInUp; */
	animation-name: fadeInUp;

}
.backDrop .mejs-container {
	-webkit-backdrop-filter: blur(10px);
	background: rgba(255, 255, 255,.9)!important;
}
div.mejs-inner {
/*
	margin: 0 auto;
	max-width: 955px;
*/
/* 	position: relative; */
}
.mejs-controls .mejs-time-handle {
/* 	display: block!important; */
/* 	background: #fff ;  default */
	box-shadow: 0 1px 3px rgba(154, 154, 154, 0.8), 0 -1px 0px rgba(224, 224, 224, 0.5);;
	-webkit-box-shadow: 0 1px 3px rgba(154, 154, 154, 0.8), 0 -1px 0px rgba(224, 224, 224, 0.5);;
	-webkit-border-radius: 50%!important;
	-moz-border-radius: 50%!important;
	border-radius: 50%!important;
	border: solid 1px #fff!important;
	top: -1px!important;
}

.mejs-container .mejs-controls {
	margin: 0 auto;
	max-width: 955px;
	position: relative;


	background: transparent!important;
/* 	width: calc(100% - 34px)!important; */
	padding: 0 17px!important;

}
.mejs-container .mejs-controls.backDrop {
	background: rgba(255, 255, 255,.4)!important;
	-webkit-backdrop-filter: blur(20px);
}
.mejs-controls .mejs-time-rail .mejs-time-total {
	background: linear-gradient(rgba(143, 143, 143, 0.8),rgba(143, 143, 143, 0.8))!important;
}
.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
/* 	background: #e0e0e0!important; */
	background: #aaaaaa!important;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: #d4d4d4!important;
/*
	background: -webkit-gradient(linear,0 0,0 100%,from(#c0c0c0),to(#c6c6c6))!important;
	background: -webkit-linear-gradient(top,#c0c0c0,#c6c6c6)!important;
	background: -moz-linear-gradient(top,#c0c0c0,#c6c6c6)!important;
	background: -o-linear-gradient(top,#c0c0c0,#c6c6c6)!important;
	background: -ms-linear-gradient(top,#c0c0c0,#c6c6c6)!important;
	background: linear-gradient(#c0c0c0,#c6c6c6)!important;
*/
}
.mejs-container .mejs-controls .mejs-time {
	color: #676767!important;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
	border:none!important;
}
.mejs-controls .mejs-button button {
	-webkit-mask-image: url(controls.svg);
	mask-image:url(controls.svg);
	-webkit-mask-size: 144px;
	mask-size: 144px;
}
.backDrop .mejs-controls .mejs-button button {
	background: #3b3b3b !important;
}
.mejs-controls .mejs-button.mejs-pause button {
	-webkit-mask-position: 0px 16px;
	mask-position: 0px 16px;
}
.mejs-controls .mejs-button.mejs-mute button {
	-webkit-mask-position: -16px 16px;
	mask-position: -16px 16px;
}
.mejs-controls .mejs-button.mejs-unmute button {
	-webkit-mask-position: -16px 0;
	mask-position: -16px 0;
}

.mejs-airplay-button button {
	width: 20px;
	height: 20px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.mejs-airplay-button.mejs-airplay-off button {
/*  
	background-image: -webkit-named-image(wireless-playback)!important; 
	background-size: 100% 100%;
    background-repeat: no-repeat;
*/
	-webkit-mask-image: -webkit-named-image(wireless-playback);
	-webkit-mask-size: 100% 100%;
	background-color: #3b3b3b!important;
	background-image: none!important;
}
.mejs-airplay-button.mejs-airplay-on button {
	-webkit-mask-image: -webkit-named-image(wireless-playback);
	-webkit-mask-size: 100% 100%;
	background-color: dodgerblue!important;
	background-image: none!important;
}

.mejs-time-current::after {
	content: "";
	position: absolute;
	right: -1px;
/* 	background: #a6a6a6; */
	background: #6d6d6d;
	width: 1.5px;
	height: 14px;
	top: -3.5px;
	display: block;
}
.mejs-time-current {
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
	-webkit-border-top-right-radius: 0!important;
	-webkit-border-bottom-right-radius: 0!important;
}
.mejs-controls .mejs-time-rail {
	padding-top: 7px!important;
}
.mejs-controls .mejs-time-rail span:not(.mejs-time-float), .mejs-controls .mejs-time-rail a {
	height: 7px!important;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
	margin: 3px!important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	height: 7px!important;
	top: 12px!important;
}

.fadeOutDown {
	-webkit-animation: fadeOutDown 800ms cubic-bezier(.10, .70, .10, 1)!important;
	-moz-animation: fadeOutDown 800ms cubic-bezier(.10, .70, .10, 1)!important;
	-o-animation: fadeOutDown 800ms cubic-bezier(.10, .70, .10, 1)!important;
	-ms-animation: fadeOutDown 800ms cubic-bezier(.10, .70, .10, 1)!important;
	animation: fadeOutDown 800ms cubic-bezier(.10, .70, .10, 1)!important;
	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;

}
.fadeOutUp {
	-webkit-animation: fadeOutUp 800ms cubic-bezier(.10, .70, .10, 1)!important;
	-moz-animation: fadeOutUp 800ms cubic-bezier(.10, .70, .10, 1)!important;
	-o-animation: fadeOutUp 800ms cubic-bezier(.10, .70, .10, 1)!important;
	-ms-animation: fadeOutUp 800ms cubic-bezier(.10, .70, .10, 1)!important;
	animation: fadeOutUp 800ms cubic-bezier(.10, .70, .10, 1)!important;
}

@-webkit-keyframes fadeInUp{
	0%{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transform:translateY(30px)}
	100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0)}
}
@keyframes fadeInUp{
	0%{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);transform:translateY(30px)}
	100%{opacity:1;-ms-filter:none;filter:none;transform:translateY(0)}
}
@-webkit-keyframes fadeInDown{
	0%{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transform:translateY(-50px)}
	100%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0)}
}
@keyframes fadeInDown{
	0%{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);transform:translateY(-50px)}
	100%{opacity:1;-ms-filter:none;filter:none;transform:translateY(0)}
}
@-webkit-keyframes fadeOutDown{
	0%{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0px)}
	100%{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transform:translateY(50px)}
}
@keyframes fadeOutDown{
	0%{opacity:1;-ms-filter:none;filter:none;transform:translateY(0px)}
	100%{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);transform:translateY(50px)}
}