.reproductor a:link, .reproductor a:visited, .reproductor a:hover, .reproductor a:active, .reproductor a:focus, .reproductor button, .reproductor select, .reproductor select:focus, .reproductor input, .reproductor option{
	outline:none !important;
	-moz-outline: none !important;
	-moz-user-focus: none !important;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
	text-decoration: none;	
}
.reproductor{
	font-family: 'Barlow', sans-serif;
	position: fixed;
	bottom:0;
	width: 100%;
	padding: 0px;
	background-color: #080808;
	color: #FFF;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
	z-index: 9999;
}
.reproductor .bg{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	filter: blur(20px);
	opacity: 0.25;
	background-size: cover;
	background-position: center center;
}
.title-container{
	position: relative;
	padding-top: 15px;
	padding-left: 85px;
	height: 70px;
}
.title-container .radio-image{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 70px;
	height: 70px;
}
.title-container .listening{
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
    font-size: 11px;
    letter-spacing: 0.5px;
    line-height: 20px;
    font-weight: 700;
    background-color: #f44941;
    padding: 0px 15px;
	display: inline-block;
	border-radius: 10px;
}
.title-container .jp-title{
	width: 270px;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
    font-size: 13px;
    padding-top: 2px;
}
.reproductor button{
	display:inline-block;
	margin-bottom:0;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	background-image:none;
	border:0;
	white-space:nowrap;
	padding:0px;
	border-radius:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}	
.jp-play {
	position: absolute;
	top: 10px;
	bottom: auto;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	background-color: #f44941;
	color: #FFF;
	border-radius: 50%;
}
.jp-play:hover{
	-webkit-box-shadow: 0px 0px 50px 25px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 50px 25px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 50px 25px rgba(0,0,0,0.5);
}
.jp-play:before{
	font-family: FontAwesome;
	content: "\f04b";
}
.jp-state-playing .jp-play:before{
	content: "\f04c";
}
.title-volume-container .store-icons{
	position: absolute;
	top: 20px;
	right: 15px;
	display: inline-block;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	list-style: none;
	border-left: 1px solid rgba(255,255,255,0.3);	
}
.title-volume-container .store-icons li{
	margin: 0px 3px;
	padding: 0px;
	display: inline-block;
}
.title-volume-container .store-icons li a img{
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
	filter: gray;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: 0.5;
}
.title-volume-container .store-icons li a:hover img{
	-webkit-filter: grayscale(0);
	filter: none;
	opacity: 1;
}
.jp-no-solution{
	height: 70px;
	text-align: center;
	padding: 25px;
}
.jp-volume-controls {
	position: absolute;
	top: 30px;
	right: 140px;
	width: 100px;
}
.jp-volume-controls .jp-volume-bar{
	height: 8px;
	background-color: #000;
	border-radius: 4px;
	cursor: pointer;
	margin-top: 2px;
}
.jp-volume-controls .jp-volume-bar-value{
	background-color: #f44941;
	height: 100%;
	border-radius: 4px;
}
.equalizer {
	display: inline-block;
	height: 10px;
	width: 8px;
	position: relative;
	margin: 0px 5px 0px 0px;
	padding:0px;
}
.equalizer li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float:left;
	width: 2px;
	height: 2px;
	background:#FFF;
	position: absolute;
	bottom:0;
}
.equalizer li:nth-child(1){
	left: 0px;	
}
.equalizer li:nth-child(2){
	left: 3px;	
}
.equalizer li:nth-child(3){
	left: 6px;	
}
.jp-state-playing .equalizer li:nth-child(1) { 
	-webkit-animation: equalizerbar 1s 0s ease-out alternate infinite;
	-moz-animation: equalizerbar 1s 0s ease-out alternate infinite;
	-o-animation: equalizerbar 1s 0s ease-out alternate infinite;
	animation: equalizerbar 1s 0s ease-out alternate infinite;
}
.jp-state-playing .equalizer li:nth-child(2) { 
	-webkit-animation: equalizerbar 1s 0.5s ease-out alternate infinite;
	-moz-animation: equalizerbar 1s 0.5s ease-out alternate infinite;
	-o-animation: equalizerbar 1s 0.5s ease-out alternate infinite;
	animation: equalizerbar 1s 0.5s ease-out alternate infinite;
}
.jp-state-playing .equalizer li:nth-child(3) { 
	-webkit-animation: equalizerbar 1s 0.2s ease-out alternate infinite;
	-moz-animation: equalizerbar 1s 0.2s ease-out alternate infinite;
	-o-animation: equalizerbar 1s 0.2s ease-out alternate infinite;
	animation: equalizerbar 1s 0.2s ease-out alternate infinite;
}
@-webkit-keyframes equalizerbar {
  0% {height: 1px;}
  10% {height: 3px;}
  20% {height: 5px;}
  30% {height: 2px;}
  40% {height: 7px;}
  50% {height: 10px;}
  60% {height: 3px;}
  70% {height: 8px;}
  80% {height: 5px;}
  90% {height: 3px;}
  100% {height: 1px;}
}
@-moz-keyframes equalizerbar {
  0% {height: 1px;}
  10% {height: 3px;}
  20% {height: 5px;}
  30% {height: 2px;}
  40% {height: 7px;}
  50% {height: 10px;}
  60% {height: 3px;}
  70% {height: 8px;}
  80% {height: 5px;}
  90% {height: 3px;}
  100% {height: 1px;}
}
@-o-keyframes equalizerbar {
  0% {height: 1px;}
  10% {height: 3px;}
  20% {height: 5px;}
  30% {height: 2px;}
  40% {height: 7px;}
  50% {height: 10px;}
  60% {height: 3px;}
  70% {height: 8px;}
  80% {height: 5px;}
  90% {height: 3px;}
  100% {height: 1px;}
}
@keyframes equalizerbar {
  0% {height: 1px;}
  10% {height: 3px;}
  20% {height: 5px;}
  30% {height: 2px;}
  40% {height: 7px;}
  50% {height: 10px;}
  60% {height: 3px;}
  70% {height: 8px;}
  80% {height: 5px;}
  90% {height: 3px;}
  100% {height: 1px;}
}
@media screen and (max-width: 767px) {
	.title-container{
		padding-right: 190px;
	}
	.jp-play {
		left: auto;
		right: 120px;
		margin-left: 0;
		margin-right: 0;
	}
	.jp-volume-controls{
		display: none;
	}

}