/*
* CSS: Player Radio Infita
* Por Iván Hermosilla Araya / ivan.hermosilla@mega.cl
* Última actualización: 12/09/2018
*/


/* Contenidos
–––––––––––––––––––––
- 01. 

*/

player {
    display: block;
    position: absolute;
    width: 300px;
    height: 340px;
    background-color: #1d2532;
    top: 0px;
    right: 0px;
    z-index: 9999;
}
player .contenedor {
    height: 107px;
    display: block;
}
/*top player*/
player .top {
    display: block;
    position: relative;
    padding: 0px;
    background-color: #293039;
    height: 168.75px;
}
/*video player*/
player .top .video-player {
    display: block;
    position: relative;
    width: 100%;
}
player .top #mdstrm-player {
    width: 100%!important;
    height: 0!important;
    padding-bottom: 56.25%!important;
    position: relative!important;
}
player .top #mdstrm-player video {
    position: absolute!important;
    width: 0!important;
    height: 0!important;
    min-height: 100%!important;
    min-width: 100%!important;
}
/*audio-player*/
player .top .audio-player {
    display: block;
    position: relative;
    width: 100%;
}
player .top .audio-player .contenedor-info {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 10px;
}
player .top .audio-player .contenedor-info .cover {
    display: block;
    position: relative;
    float: left;
    width: 30%;
}
player .top .audio-player .contenedor-info .info-track {
    display: block;
    position: relative;
    float: left;
    width: 70%;
    padding: 0px 0px 0px 10px;
}
player .top .audio-player .contenedor-info audio {
    width: 100%;
    margin-top: 10px;
}
player .top .audio-player .contenedor-info .info-track p.titulo-cancion {
    font-family: 'NeoSansStd-Medium';
    font-size: 18px;
    padding: 0px;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
}
player .top .audio-player .contenedor-info .info-track p.programa-artista {
    font-family: 'NeoSansStd-Medium';
    font-size: 14px;
    padding: 0px;
    color: #a9b8ca;
    text-align: left;
}
player .top .audio-player .contenedor-info .info-track p.escuchando {
    font-family: 'NeoSansStd-Medium';
    font-size: 12px;
    color: #a9b8ca;
    text-align: left;
    background-color: rgba(256,256,256,0.05);
    padding: 2px 4px 1px;
    margin-bottom: 6px;
}
/*middle player*/
player .middle {
    display: block;
    position: relative;
    background-color: #252e38;
}
/*tabs*/
player .middle #tabs-player.ui-widget.ui-widget-content {
    border: 0px solid #fff !important;
    background: transparent !important;
    padding: 0px !important;
}
player .ui-tabs .ui-tabs-nav {
    margin: 0px !important;
    padding: 0px !important;
    border: none !important;
    background: transparent !important;
}
player .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 14px 5px 10px 5px !important;
    font-size: 12px !important;
    font-family: 'NeoSansStd-Medium';
    text-transform: uppercase !important;
}
player .ui-tabs .ui-tabs-nav li {
    margin: 0px !important;
    width: 50% !important;
    border: 0px !important;
    background: #151c26;
    cursor: pointer !important;
}
player .ui-tabs .ui-tabs-nav li:hover {
    background: #506175;
}
player .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 0px !important;
    background: #02aeef !important;
    padding-bottom: 0px !important;
    cursor: pointer !important;
}
player .ui-state-default a, .ui-state-default a:link {
    color: #fff !important;
}
player .ui-tabs .ui-tabs-panel {
    padding: 0px !important;
}
player #lastsPodcasts .contenedor {
    display: block;
    position: relative;
    overflow: hidden;
    overflow-y: scroll;
}
player #lastsPodcasts .contenedor::-webkit-scrollbar {
  width: 12px;
  height: 12px;
    padding: 2px;
}
player #lastsPodcasts .contenedor::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
player #lastsPodcasts .contenedor::-webkit-scrollbar-thumb {
  background: rgba(32, 39, 47, 0.7);
    border-radius: 10px;
    padding: 2px;
    margin: 4px;
}
player #lastsPodcasts .contenedor::-webkit-scrollbar-thumb:hover {
  background: rgba(32, 39, 47, 0.7);
    padding: 2px;
}
player #lastsPodcasts .contenedor::-webkit-scrollbar-thumb:active {
  background: rgba(32, 39, 47, 0.7);
    padding: 2px;
}
player #lastsPodcasts .contenedor::-webkit-scrollbar-track {
  background: rgba(256, 256, 256, 0.15);
  border: 0px none #ffffff;
}
player #lastsPodcasts .contenedor::-webkit-scrollbar-track:hover {
  background: rgba(256, 256, 256, 0.15);
}
player #lastsPodcasts .contenedor::-webkit-scrollbar-track:active {
  background: rgba(256, 256, 256, 0.15);
}
player #lastsPodcasts .contenedor::-webkit-scrollbar-corner {
  background: transparent;
}

player #lastsPodcasts .contenedor .item-podcast {
    display: table;
    position: relative;
    width: 100%;
    height: 104px;
    background-color: #2f3945;
    border-top: 1px solid #37434e;
    padding: 2px 10px;
}
player #lastsPodcasts .contenedor .item-podcast .datos {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 70%;
}
player #lastsPodcasts .contenedor .item-podcast .datos h2 {
    font-family: 'NeoSansStd-Medium';
    font-size: 16px;
    padding: 0px;
    margin-bottom: 0px;
}
player #lastsPodcasts .contenedor .item-podcast .datos h2 a {
    color: #fff;
}
player #lastsPodcasts .contenedor .item-podcast .datos p.titulo {
    font-family: 'NeoSansStd-Regular';
    font-size: 12px;
    padding: 0px;
    color: #a9b8ca;
    margin-bottom: 4px;
} 
player #lastsPodcasts .contenedor .item-podcast .datos p.hora {
    font-family: 'NeoSansStd-Medium';
    font-size: 12px;
    padding: 0px;
    color: #576a82;
    float: left;
} 
player #lastsPodcasts .contenedor .item-podcast .btns {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 30%;
    text-align: right;
}


player #lastsPodcasts .contenedor .item-podcast a.compartir {
    display: block;
    position: relative;
    float: left;
    font-family: 'NeoSansStd-Medium';
    font-size: 12px;
    background-color: #465669;
    color: #fff;
    padding: 2px 4px 1px 4px;
    margin-right: 4px;
    margin-top: -2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}
player #lastsPodcasts .contenedor .item-podcast a.compartir:hover {
    background-color: #fff;
    color:#02aeef; 
}
player #lastsPodcasts .contenedor .item-podcast .rrss {
    display: none;
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100%;
    background-color: #141c26;
}
player #lastsPodcasts .contenedor .item-podcast .rrss.active {
    display: table;
}
player #lastsPodcasts .contenedor .item-podcast .rrss .social {
    display: table-cell;
	vertical-align: middle;
    text-align: center;
    width: 300px;
}
player #lastsPodcasts .contenedor .item-podcast .rrss .social p {
    font-size: 14px !important;
    font-family: 'NeoSansStd-Medium';
    color: #fff;
    margin-bottom: 10px;
}
player #lastsPodcasts .contenedor .item-podcast .rrss .social ul {
    list-style: none;
}
player #lastsPodcasts .contenedor .item-podcast .rrss .social ul li {
    display: inline-block;
    padding: 0px;
}
player #lastsPodcasts .contenedor .item-podcast .rrss .social ul li a {
    display: block;
    text-align: center;
    color: #657487;
    font-size: 30px;
    -webkit-opacity: 0.85;
    -moz-opacity: 0.85;
    -o-opacity: 0.85;
    -ms-opacity: 0.85;
    opacity: 0.85;
    cursor: pointer;
}
player #lastsPodcasts .contenedor .item-podcast .rrss .social ul li a i {
    padding-top: 3px;
}
player #lastsPodcasts .contenedor .item-podcast .rrss .social ul li a:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    -ms-opacity: 1;
    opacity: 1;
}
player #lastsPodcasts .contenedor .item-podcast .rrss .social span.cerrar {
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 30px;
    height: 30px;
    background-color: #283039;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
}
player #lastsPodcasts .contenedor .item-podcast .rrss .social span.cerrar:hover {
    background-color: #576577;
}
player #lastsPodcasts .contenedor .item-podcast .rrss .social span.cerrar i {
    padding-top: 6px;
}


player #lastsPodcasts .contenedor .item-podcast .btns div {
    background-color: #161d27;
    padding: 4px 8px;
    color: #fff;
    border-radius: 5px;
    font-family: 'NeoSansStd-Medium';
    font-size: 14px;
    cursor: pointer;
}
player #lastsPodcasts .contenedor .item-podcast .btns div:hover {
    background-color: #02aeef;
}
player #lastsPodcasts .contenedor .item-podcast .btns div {
    margin-bottom:  6px;
    text-align: center;
}
player #lastsPodcasts .contenedor .item-podcast .btns div + div + div {
    margin-bottom: 6px;
    text-align: center;
}
player #lastsPodcasts .contenedor .item-podcast:hover {
    background-color: #3a4958;
}
player #lastSongsList  {
    display: block;
    position: relative;
    overflow: hidden;
    overflow-y: scroll;
}
player #lastSongsList::-webkit-scrollbar {
  width: 12px;
  height: 12px;
    padding: 2px;
}
player #lastSongsList::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
player #lastSongsList::-webkit-scrollbar-thumb {
  background: rgba(32, 39, 47, 0.7);
    border-radius: 10px;
    padding: 2px;
    margin: 4px;
}
player #lastSongsList::-webkit-scrollbar-thumb:hover {
  background: rgba(32, 39, 47, 0.7);
    padding: 2px;
}
player #lastSongsList::-webkit-scrollbar-thumb:active {
  background: rgba(32, 39, 47, 0.7);
    padding: 2px;
}
player #lastSongsList::-webkit-scrollbar-track {
  background: rgba(256, 256, 256, 0.15);
  border: 0px none #ffffff;
}
player #lastSongsList::-webkit-scrollbar-track:hover {
  background: rgba(256, 256, 256, 0.15);
}
player #lastSongsList::-webkit-scrollbar-track:active {
  background: rgba(256, 256, 256, 0.15);
}
player #lastSongsList::-webkit-scrollbar-corner {
  background: transparent;
}

player #lastSongsList .contenedor {
    
}
player #lastSongsList .contenedor .item-track {
    display: table;
    position: relative;
    width: 100%;
    height: 69.5px;
    background-color: #2f3945;
    border-top: 1px solid #37434e;
    padding: 2px 14px;
}
player #lastSongsList .contenedor .item-track:hover {
    background-color: #3a4958;
}
player #lastSongsList .contenedor .item-track .cover {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 20%;
}
player #lastSongsList .contenedor .item-track .info-track {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 80%;
    padding-left: 10px;
}
player #lastSongsList .contenedor .item-track .info-track p.nombre-track {
    font-family: 'NeoSansStd-Medium';
    font-size: 14px;
    padding: 0px;
    color: #fff;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 196px;
    text-transform: uppercase;
}
player #lastSongsList .contenedor .item-track .info-track p.artista {
    font-family: 'NeoSansStd-Medium';
    font-size: 14px;
    padding: 0px;
    color: #a9b8ca;
    text-align: left;
}
player #lastSongsList .contenedor .item-track .info-track p.linea-tiempo {
    font-family: 'NeoSansStd-Medium';
    font-size: 12px;
    padding: 0px;
    color: #576a82;
    text-align: right;
    padding-top: 2px;
}

/*bottom player*/
player .bottom {
    display: block;
    position: absolute;
    bottom: 0px;
    background-color: #1d2532;
}
player .bottom .btn-podcast {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
}
player .bottom .btn-podcast a:after {
    content: "\f113";
    font-family: "LineAwesome";
    padding-left: 10px;
}
player .bottom.on .btn-podcast a:after {
    content: "\f110";
    font-family: "LineAwesome";
    padding-left: 10px;
}
player .bottom .btn-podcast a {
    background-color: #506175;
    width: 300px;
    display: block;
    font-family: 'NeoSansStd-Medium';
    text-transform: uppercase !important;
    color: #fff;
    font-size: 14px;
    height: 25px;
    line-height: 1.8;
    cursor: pointer;
}
player .bottom .btn-podcast a:hover {
    background-color: #6e85a0;
}
player .bottom .lista-programas {
    display: none !important;
    height: 0px;
    -webkit-transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
player .bottom .lista-programas.on {
    display: block !important;
    height: 146px;
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
player .bottom .lista-programas {
    display: block;
    position: relative;
    overflow: hidden !important;
    overflow-y: scroll !important;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}
player .bottom .lista-programas ul {
    height: 246px;
    display: block;
    position: relative;
    overflow-y: visible;
}
player .bottom .lista-programas ul li a {
    width: 100%;
    background-color: #2f3945;
    border-top: 1px solid #404c5a;
    display: block;
    position: relative;
    padding: 8px 20px;
    font-family: 'NeoSansStd-Medium';
    font-size: 16px;
    color: #a9b8ca;
}
player .bottom .lista-programas ul li a:hover {
    background-color: #404c5a;
}
player .bottom .lista-programas ul li a i:before {
    position: absolute;
    right: 10px;
    top: 7px;
}
player .bottom .lista-programas::-webkit-scrollbar {
  width: 12px;
  height: 12px;
    padding: 2px;
}
player .bottom .lista-programas::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
player .bottom .lista-programas::-webkit-scrollbar-thumb {
  background: rgba(32, 39, 47, 0.7);
    border-radius: 10px;
    padding: 2px;
    margin: 4px;
}
player .bottom .lista-programas::-webkit-scrollbar-thumb:hover {
  background: rgba(32, 39, 47, 0.7);
    padding: 2px;
}
player .bottom .lista-programas::-webkit-scrollbar-thumb:active {
  background: rgba(32, 39, 47, 0.7);
    padding: 2px;
}
player .bottom .lista-programas::-webkit-scrollbar-track {
  background: rgba(256, 256, 256, 0.15);
  border: 0px none #ffffff;
}
player .bottom .lista-programas::-webkit-scrollbar-track:hover {
  background: rgba(256, 256, 256, 0.15);
}
player .bottom .lista-programas::-webkit-scrollbar-track:active {
  background: rgba(256, 256, 256, 0.15);
}
player .bottom .lista-programas::-webkit-scrollbar-corner {
  background: transparent;
}


/*Equalizador animado*/
.equalizador {
    height: 20px;
    width: 30px;
    margin: 0 0;
    padding: 0 0 0 0;
    position: absolute;
    bottom: 72px;
    right: 4px;
}
.barra {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    background: #8596a9;
}
.columnas {
    width: 4px;
    float: left;
    margin: 0 1px 0 0;
    padding: 0;
    height: 20px;
    position: relative;
    list-style-type: none;
}
.columnas:nth-child(1) .barra {
    -webkit-animation: barra 2s 1s ease-out alternate infinite;
    -moz-animation: barra 2s 1s ease-out alternate infinite;
    -o-animation: barra 2s 1s ease-out alternate infinite;
    -ms-animation: barra 2s 1s ease-out alternate infinite;
    animation: barra 2s 1s ease-out alternate infinite;
}

.columnas:nth-child(2) .barra {
    -webkit-animation: barra 2s 0.5s ease-out alternate infinite;
    -moz-animation: barra 2s 0.5s ease-out alternate infinite;
    -o-animation: barra 2s 0.5s ease-out alternate infinite;
    -ms-animation: barra 2s 0.5s ease-out alternate infinite;
    animation: barra 2s 0.5s ease-out alternate infinite;
}

.columnas:nth-child(3) .barra {
    -webkit-animation: barra 2s 1.5s ease-out alternate infinite;
    -ms-animation: barra 2s 1.5s ease-out alternate infinite;
    -moz-animation: barra 2s 1.5s ease-out alternate infinite;
    -o-animation: barra 2s 1.5s ease-out alternate infinite;
    animation: barra 2s 1.5s ease-out alternate infinite;
}

.columnas:nth-child(4) .barra {
    -webkit-animation: barra 2s 0.25s ease-out alternate infinite;
    -moz-animation: barra 2s 0.25s ease-out alternate infinite;
    -ms-animation: barra 2s 0.25s ease-out alternate infinite;
    -o-animation: barra 2s 0.25s ease-out alternate infinite;
    animation: barra 2s 0.25s ease-out alternate infinite;
}

.columnas:nth-child(5) .barra {
    -webkit-animation: barra 2s 2s ease-out alternate infinite;
    -moz-animation: barra 2s 2s ease-out alternate infinite;
    -ms-animation: barra 2s 2s ease-out alternate infinite;
    -o-animation: barra 2s 2s ease-out alternate infinite;
    animation: barra 2s 2s ease-out alternate infinite;
}

.columnas:last-child {
    margin-right: 0;
}

@keyframes barra {
0% {
    height: 2px;
    background: #02aeef;
}
10% {
    height: 6px;
    background: #02aeef;
}
20% {
    height: 10px;
    background: #02aeef;
}
30% {
    height: 4px;
    background: #02aeef;
}
40% {
    height: 14px;
    background: #02aeef;
}
50% {
    height: 18px;
    background: #02aeef;
}
60% {
    height: 6px;
    background: #02aeef;
}
70% {
    height: 16px;
    background: #02aeef;
}
80% {
    height: 10px;
    background: #02aeef;
}
90% {
    height: 6px;
    background: #02aeef;
}
100% {
    height: 2px;
    background: #02aeef;
}
}


/*-------  PLAYER MOBILE ------*/
player.mobile {
    display: none;
}
.mini-player-mobile {
    display: none;
}

@media (min-width: 320px) and (max-width: 1024px){ 
player.mobile {
    display: block;
    position: sticky;
    position: -webkit-sticky;
    width: 100%;
    height: auto;
    background-color: #1d2532;
    top: 0px;
    right: 0px;
    z-index: 9999;
    height: 60px;
}
player.mobile .contenedor {
    height: auto;
    display: block;
    height: 100%;
}
.mini-player-mobile {
    display: block;
} 
.mini-player-mobile.disable {
    display: none;
}   
/*top player*/
player.mobile .top {
    display: block;
    position: relative;
    padding: 0px;
    background-color: #293039;
    height: 30%;
}
/*video player*/
player.mobile .top .video-player {
    display: block;
    position: relative;
    width: 100%;
}
player.mobile .top .video-player .contenedor-video {
    width: 100%!important;
    height: 0!important;
    padding-bottom: 56.25%!important;
    position: relative!important;
}
player.mobile .top .video-player .contenedor-video iframe {
    position: absolute!important;
    width: 0!important;
    height: 0!important;
    min-height: 100%!important;
    min-width: 100%!important;
}
/*audio-player*/
player.mobile .top .audio-player {
    display: block;
    position: relative;
    width: 100%;
}
player.mobile .top .audio-player .contenedor-info {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 10px;
}
player.mobile .top .audio-player .contenedor-info .cover {
    display: block;
    position: relative;
    float: left;
    width: 30%;
}
player.mobile .top .audio-player .contenedor-info .info-track {
    display: block;
    position: relative;
    float: left;
    width: 70%;
    padding: 0px 0px 0px 10px;
}
player.mobile .top .audio-player .contenedor-info audio {
    width: 100%;
    margin-top: 10px;
}
player.mobile .top .audio-player .contenedor-info .info-track p.titulo-cancion {
    font-family: 'NeoSansStd-Medium';
    font-size: 30px;
    padding: 0px;
    color: #fff;
    text-align: left;
}
player.mobile .top .audio-player .contenedor-info .info-track p.programa-artista {
    font-family: 'NeoSansStd-Medium';
    font-size: 18px;
    padding: 0px;
    color: #a9b8ca;
    text-align: left;
}
/*middle player*/
player.mobile .middle {
    display: block;
    position: relative;
    background-color: #252e38;
    height: 53%;
    padding-bottom: 50px;
}
/*tabs*/
player.mobile .middle #tabs-player-mobile.ui-widget.ui-widget-content {
    border: 0px solid #fff !important;
    background: transparent !important;
    padding: 0px !important;
}
player.mobile .ui-tabs .ui-tabs-nav {
    margin: 0px !important;
    padding: 0px !important;
    border: none !important;
    background: transparent !important;
}
player.mobile .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 17px 20px 15px 12px !important;
    font-size: 14px !important;
    font-family: 'NeoSansStd-Medium';
    text-transform: uppercase !important;
    width: 100%;
    text-align: center;
}
player.mobile .ui-tabs .ui-tabs-nav li {
    margin: 0px !important;
    width: 50% !important;
    border: 0px !important;
    background: #151c26;
    cursor: pointer !important;
}
player.mobile .ui-tabs .ui-tabs-nav li:hover {
    background: #506175;
}
player.mobile .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 0px !important;
    background: #00b0f1 !important;
    padding-bottom: 0px !important;
    cursor: pointer !important;
}
player.mobile .ui-state-default a, .ui-state-default a:link {
    color: #fff !important;
}
player.mobile .ui-tabs .ui-tabs-panel {
    padding: 0px !important;
}
player.mobile #lastsPodcasts .contenedor {
    display: block;
    position: relative;
    overflow: hidden;
    overflow-y: scroll;
}
player.mobile #lastsPodcasts .contenedor::-webkit-scrollbar {
  width: 12px;
  height: 12px;
    padding: 2px;
}
player.mobile #lastsPodcasts .contenedor::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
player.mobile #lastsPodcasts .contenedor::-webkit-scrollbar-thumb {
  background: rgba(32, 39, 47, 0.7);
    border-radius: 10px;
    padding: 2px;
    margin: 4px;
}
player.mobile #lastsPodcasts .contenedor::-webkit-scrollbar-thumb:hover {
  background: rgba(32, 39, 47, 0.7);
    padding: 2px;
}
player.mobile #lastsPodcasts .contenedor::-webkit-scrollbar-thumb:active {
  background: rgba(32, 39, 47, 0.7);
    padding: 2px;
}
player.mobile #lastsPodcasts .contenedor::-webkit-scrollbar-track {
  background: rgba(256, 256, 256, 0.15);
  border: 0px none #ffffff;
}
player.mobile #lastsPodcasts .contenedor::-webkit-scrollbar-track:hover {
  background: rgba(256, 256, 256, 0.15);
}
player.mobile #lastsPodcasts .contenedor::-webkit-scrollbar-track:active {
  background: rgba(256, 256, 256, 0.15);
}
player.mobile #lastsPodcasts .contenedor::-webkit-scrollbar-corner {
  background: transparent;
}



player #lastsPodcasts .contenedor .item-podcast {
    display: table;
    position: relative;
    width: 100%;
    height: 104px;
    background-color: #2f3945;
    border-top: 1px solid #37434e;
    padding: 2px 14px;
}
player #lastsPodcasts .contenedor .item-podcast .datos {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 70%;
}
player #lastsPodcasts .contenedor .item-podcast .datos h2 {
    font-family: 'NeoSansStd-Medium';
    font-size: 16px;
    padding: 0px;
    margin-bottom: 4px;
}
player #lastsPodcasts .contenedor .item-podcast .datos h2 a {
    color: #fff;
}
player #lastsPodcasts .contenedor .item-podcast .datos p.titulo {
    font-family: 'NeoSansStd-Regular';
    font-size: 14px;
    padding: 0px;
    color: #a9b8ca;
    margin-bottom: 4px;
} 
player #lastsPodcasts .contenedor .item-podcast .datos p.hora {
    font-family: 'NeoSansStd-Medium';
    font-size: 12px;
    padding: 0px;
    color: #576a82;
} 
player #lastsPodcasts .contenedor .item-podcast .btns {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 20%;
    text-align: right;
}
player #lastsPodcasts .contenedor .item-podcast .btns a.video {
    background-color: #161d27;
    padding: 4px 8px;
    color: #fff;
    border-radius: 5px;
    font-family: 'NeoSansStd-Medium';
    font-size: 14px;
}
player #lastsPodcasts .contenedor .item-podcast .btns a.video:hover {
    background-color: #00b2f3;
}
player #lastsPodcasts .contenedor .item-podcast .btns a.audio {
    background-color: #161d27;
    padding: 4px 8px;
    color: #fff;
    border-radius: 5px;
    font-family: 'NeoSansStd-Medium';
    font-size: 14px;
}
player #lastsPodcasts .contenedor .item-podcast .btns a.audio:hover {
    background-color: #465669;
}
player #lastsPodcasts .contenedor .item-podcast .btns div {
    padding-bottom: 14px
}
player #lastsPodcasts .contenedor .item-podcast .btns div + div {
    padding-bottom: 0px
}
player #lastsPodcasts .contenedor .item-podcast:hover {
    background-color: #3a4958;
}
player #lastSongsList  {
    display: block;
    position: relative;
    overflow: hidden;
    overflow-y: scroll;
    height: auto;
}
player #lastSongsList::-webkit-scrollbar {
  width: 12px;
  height: 12px;
    padding: 2px;
}
player #lastSongsList::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
player #lastSongsList::-webkit-scrollbar-thumb {
  background: rgba(32, 39, 47, 0.7);
    border-radius: 10px;
    padding: 2px;
    margin: 4px;
}
player #lastSongsList::-webkit-scrollbar-thumb:hover {
  background: rgba(32, 39, 47, 0.7);
    padding: 2px;
}
player #lastSongsList::-webkit-scrollbar-thumb:active {
  background: rgba(32, 39, 47, 0.7);
    padding: 2px;
}
player #lastSongsList::-webkit-scrollbar-track {
  background: rgba(256, 256, 256, 0.15);
  border: 0px none #ffffff;
}
player #lastSongsList::-webkit-scrollbar-track:hover {
  background: rgba(256, 256, 256, 0.15);
}
player #lastSongsList::-webkit-scrollbar-track:active {
  background: rgba(256, 256, 256, 0.15);
}
player #lastSongsList::-webkit-scrollbar-corner {
  background: transparent;
}

player #lastSongsList .contenedor {
    
}
player #lastSongsList .contenedor .item-track {
    display: table;
    position: relative;
    width: 100%;
    height: 69.5px;
    background-color: #2f3945;
    border-top: 1px solid #37434e;
    padding: 2px 14px;
}
player #lastSongsList .contenedor .item-track:hover {
    background-color: #3a4958;
}
player #lastSongsList .contenedor .item-track .cover {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 20%;
}
player #lastSongsList .contenedor .item-track .info-track {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 80%;
    padding-left: 10px;
}
player #lastSongsList .contenedor .item-track .info-track p.nombre-track {
    font-family: 'NeoSansStd-Medium';
    font-size: 16px;
    padding: 0px;
    color: #fff;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 250px;
}
player #lastSongsList .contenedor .item-track .info-track p.artista {
    font-family: 'NeoSansStd-Medium';
    font-size: 14px;
    padding: 0px;
    color: #a9b8ca;
    text-align: left;
}
player #lastSongsList .contenedor .item-track .info-track p.linea-tiempo {
    font-family: 'NeoSansStd-Medium';
    font-size: 12px;
    padding: 0px;
    color: #576a82;
    text-align: right;
    padding-top: 2px;
}

/*bottom player*/
player .bottom {
    display: block;
    position: relative;
    bottom: 0px;
    background-color: #1d2532;
    width: 100%;
    height: 9%;
}
player .bottom .btn-podcast {
    display: block;
    position: relative;
    text-align: center;
    width: 85%;
    float: left;
}
player .bottom .btn-contraer {
    display: block;
    position: relative;
    text-align: center;
    width: 15%;
    float: left;
    background-color: #293039;
    height: 50px;
    font-size: 30px;
}
player .bottom .btn-contraer a.contraer.mini-player {
    display: block;
    width: 100%;
    height: 60px;
    padding-top: 15px !important;
}
player .bottom .btn-podcast a:after {
    content: "\f113";
    font-family: "LineAwesome";
    padding-left: 10px;
}
player .bottom .btn-podcast.open a:after {
    content: "\f110";
    font-family: "LineAwesome";
    padding-left: 10px;
}
player .bottom .btn-podcast a {
    background-color: #506175;
    width: 100%;
    display: block;
    font-family: 'NeoSansStd-Medium';
    text-transform: uppercase !important;
    color: #fff;
    font-size: 16px;
    height: 50px;
    line-height: 3;
}
player .bottom .btn-podcast a:hover {
    background-color: #6e85a0;
}
player .bottom .lista-programas {
    display: none !important;
    height: 0px;
    -webkit-transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
player .bottom.on .lista-programas {
    display: inline-block !important;
    width: 100%;
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
player .bottom .lista-programas {
    display: block;
    position: relative;
    overflow: hidden !important;
    overflow-y: scroll !important;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}
player .bottom .lista-programas ul {
    height: 246px;
    display: block;
    position: relative;
    overflow-y: visible;
}
player .bottom .lista-programas ul li a {
    width: 100%;
    background-color: #2f3945;
    border-top: 1px solid #404c5a;
    display: block;
    position: relative;
    padding: 5px 20px;
    font-family: 'NeoSansStd-Medium';
    font-size: 14px;
    color: #a9b8ca;
}
player .bottom .lista-programas ul li a:hover {
    background-color: #404c5a;
}
player .bottom .lista-programas ul li a i:before {
    position: absolute;
    right: 10px;
    top: 7px;
}
player .bottom .lista-programas::-webkit-scrollbar {
  width: 12px;
  height: 12px;
    padding: 2px;
}
player .bottom .lista-programas::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
player .bottom .lista-programas::-webkit-scrollbar-thumb {
  background: rgba(32, 39, 47, 0.7);
    border-radius: 10px;
    padding: 2px;
    margin: 4px;
}
player .bottom .lista-programas::-webkit-scrollbar-thumb:hover {
  background: rgba(32, 39, 47, 0.7);
    padding: 2px;
}
player .bottom .lista-programas::-webkit-scrollbar-thumb:active {
  background: rgba(32, 39, 47, 0.7);
    padding: 2px;
}
player .bottom .lista-programas::-webkit-scrollbar-track {
  background: rgba(256, 256, 256, 0.15);
  border: 0px none #ffffff;
}
player .bottom .lista-programas::-webkit-scrollbar-track:hover {
  background: rgba(256, 256, 256, 0.15);
}
player .bottom .lista-programas::-webkit-scrollbar-track:active {
  background: rgba(256, 256, 256, 0.15);
}
player .bottom .lista-programas::-webkit-scrollbar-corner {
  background: transparent;
}
    
    
/*mini player*/    
.mini-player-mobile .contenedor-info {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0px;
    height: 60px;
}
.mini-player-mobile .contenedor-info .cover {
    display: block;
    position: relative;
    float: left;
    width: 15%;
    padding: 6px 4px 4px 4px;
}
.mini-player-mobile .contenedor-info .cover img {
    width: 50px;
}
.mini-player-mobile .contenedor-info .cover span.play-cover {
    position: absolute;
    font-size: 32px;
    color: rgba(256,256,256,0.75);
    left: 3px;
    top: 7px;
}
.mini-player-mobile .contenedor-info .cover a.btn-mp {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 6px;
    left: 4px;
    background-color: #1c2532;
    cursor: pointer;
}    
.mini-player-mobile .contenedor-info .info-track {
    display: block;
    position: relative;
    float: left;
    width: 70%;
    padding: 6px 30px 0px 0px;
    height: 60px;
}
.mini-player-mobile .contenedor-info .btn-expandir {
    display: block;
    position: relative;
    float: left;
    width: 15%;
    height: 60px;
    font-size: 30px;
    background-color: #404b5a;
    text-align: center;
}
.mini-player-mobile .contenedor-info .btn-expandir .expandir.mini-player {
    width: 100%;
    display: block;
    height: 60px;
    padding-top: 15px;
}    
.mini-player-mobile .contenedor-info audio {
    width: 100%;
    margin-top: 10px;
}
.mini-player-mobile .contenedor-info .info-track p.titulo-cancion {
    font-family: 'NeoSansStd-Medium';
    font-size: 18px;
    padding: 0px;
    color: #fff;
    text-align: left;
}
.mini-player-mobile .contenedor-info .info-track p.escuchando {
    font-family: 'NeoSansStd-Medium';
    font-size: 10px;
    color: #a9b8ca;
    text-align: left;
    background-color: rgba(256,256,256,0.05);
    padding: 2px 4px 1px;
} 
.mini-player-mobile .contenedor-info .info-track p.programa-artista {
    font-family: 'NeoSansStd-Medium';
    font-size: 14px;
    padding: 0px;
    color: #a9b8ca;
    text-align: left;
    margin-top: -4px;
}
.mini-player-mobile .contenedor-info .equalizador-mini {
    height: 20px;
    width: 30px;
    margin: 0 0;
    padding: 0 0 0 0;
    position: absolute;
    bottom: 6px;
    right: 62px;
}    
player.mobile.full .bottom.disable-expandir .btn-contraer {
    display: none;
}
player.mobile.full .bottom.disable-expandir .btn-podcast {
    width: 100%;
}
    
player.mobile.full .bottom.disable-expandir #lista.lista-programas {
    display: inline-block !important;
    width: 100%;
    height:167px;
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -moz-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    -o-transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950); 
    transition-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
    
/*equalizador - mini player*/
.equalizador-mini {
    height: 20px;
    width: 30px;
    margin: 0 0;
    padding: 0 0 0 0;
    position: absolute;
    bottom: 72px;
    right: 4px;
}
.equalizador-mini .barra {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    background: #8596a9;
}
.equalizador-mini .columnas {
    width: 4px;
    float: left;
    margin: 0 1px 0 0;
    padding: 0;
    height: 20px;
    position: relative;
    list-style-type: none;
}
.mini-player-mobile .contenedor-info .equalizador-mini.on .columnas:nth-child(1) .barra {
    -webkit-animation: barra 2s 1s ease-out alternate infinite;
    -moz-animation: barra 2s 1s ease-out alternate infinite;
    -o-animation: barra 2s 1s ease-out alternate infinite;
    -ms-animation: barra 2s 1s ease-out alternate infinite;
    animation: barra 2s 1s ease-out alternate infinite;
}

.mini-player-mobile .contenedor-info .equalizador-mini.on .columnas:nth-child(2) .barra {
    -webkit-animation: barra 2s 0.5s ease-out alternate infinite;
    -moz-animation: barra 2s 0.5s ease-out alternate infinite;
    -o-animation: barra 2s 0.5s ease-out alternate infinite;
    -ms-animation: barra 2s 0.5s ease-out alternate infinite;
    animation: barra 2s 0.5s ease-out alternate infinite;
}

.mini-player-mobile .contenedor-info .equalizador-mini.on .columnas:nth-child(3) .barra {
    -webkit-animation: barra 2s 1.5s ease-out alternate infinite;
    -ms-animation: barra 2s 1.5s ease-out alternate infinite;
    -moz-animation: barra 2s 1.5s ease-out alternate infinite;
    -o-animation: barra 2s 1.5s ease-out alternate infinite;
    animation: barra 2s 1.5s ease-out alternate infinite;
}

.mini-player-mobile .contenedor-info .equalizador-mini.on .columnas:nth-child(4) .barra {
    -webkit-animation: barra 2s 0.25s ease-out alternate infinite;
    -moz-animation: barra 2s 0.25s ease-out alternate infinite;
    -ms-animation: barra 2s 0.25s ease-out alternate infinite;
    -o-animation: barra 2s 0.25s ease-out alternate infinite;
    animation: barra 2s 0.25s ease-out alternate infinite;
}

.mini-player-mobile .contenedor-info .equalizador-mini.on.on .columnas:nth-child(5) .barra {
    -webkit-animation: barra 2s 2s ease-out alternate infinite;
    -moz-animation: barra 2s 2s ease-out alternate infinite;
    -ms-animation: barra 2s 2s ease-out alternate infinite;
    -o-animation: barra 2s 2s ease-out alternate infinite;
    animation: barra 2s 2s ease-out alternate infinite;
}

.mini-player-mobile .contenedor-info .equalizador-mini.on .columnas:last-child {
    margin-right: 0;
}

@keyframes .equalizador-mini.on barra {
0% {
    height: 2px;
    background: #00b0f1;
}
10% {
    height: 6px;
    background: #00b0f1;
}
20% {
    height: 10px;
    background: #00b0f1;
}
30% {
    height: 4px;
    background: #00b0f1;
}
40% {
    height: 14px;
    background: #00b0f1;
}
50% {
    height: 18px;
    background: #00b0f1;
}
60% {
    height: 6px;
    background: #00b0f1;
}
70% {
    height: 16px;
    background: #00b0f1;
}
80% {
    height: 10px;
    background: #00b0f1;
}
90% {
    height: 6px;
    background: #00b0f1;
}
100% {
    height: 2px;
    background: #00b0f1;
}
}    
    
   
/*  VARIABLES MINI PLAYER MOBILE*/
.mini-player-mobile .contenedor-info .info-track p.escuchando span.escuchando {
    display: none;
}
.mini-player-mobile .contenedor-info .info-track p.escuchando span.escuchando.disable {
    display: inline-block;
}
.mini-player-mobile .contenedor-info .info-track p.escuchando span.senal-vivo.active {
    display: none;
}
.mini-player-mobile .contenedor-info .cover a.btn-mp.on span.play-cover i.icono-play {
    display:none;
}
.mini-player-mobile .contenedor-info .cover a.btn-mp span.play-cover i.icono-player-pausa {
    display:none;
}
.mini-player-mobile .contenedor-info .cover a.btn-mp.on span.play-cover i.icono-player-pausa {
    display:block;
    -webkit-text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    -moz-text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    -ms-text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    -o-text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}
.mini-player-mobile .contenedor-info .cover a.btn-mp.on {
    background-color: transparent;
}
    
.mini-player-mobile .contenedor-info .equalizador-mini .columnas:nth-child(1) .barra {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none;
}

.mini-player-mobile .contenedor-info .equalizador-mini .columnas:nth-child(2) .barra {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none;
}

.mini-player-mobile .contenedor-info .equalizador-mini .columnas:nth-child(3) .barra {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none;
}

.mini-player-mobile .contenedor-info .equalizador-mini .columnas:nth-child(4) .barra {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none;
}

.mini-player-mobile .contenedor-info .equalizador-mini .columnas:nth-child(5) .barra {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none;
}

.mini-player-mobile .contenedor-info .equalizador-mini .columnas:last-child {
    margin-right: 0;
}

@keyframes .mini-player-mobile .contenedor-info .equalizador-mini barra {
0% {
    height: 20px;
    background: #27303c;
}
10% {
    height: 20px;
    background: #27303c;
}
20% {
    height: 20px;
    background: #27303c;
}
30% {
    height: 20px;
    background: #27303c;
}
40% {
    height: 20px;
    background: #27303c;
}
50% {
    height: 20px;
    background: #27303c;
}
60% {
    height: 20px;
    background: #27303c;
}
70% {
    height: 20px;
    background: #27303c;
}
80% {
    height: 20px;
    background: #27303c;
}
90% {
    height: 20px;
    background: #27303c;
}
100% {
    height: 20px;
    background: #27303c;
}
}        
    
    
    
    
/*Player overlay*/
.player-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(46, 57, 69);
    opacity: 0;
    visibility:hidden;
    z-index: 999999;
    display: block;
    -webkit-transition: visibility 0s ease, opacity .0s ease !important;
    -moz-transition: visibility 0s ease, opacity .0s ease !important;
    -o-transition: visibility 0s ease, opacity .0s ease !important;
    transition: visibility 0s ease, opacity .0s ease !important;
}
.player-overlay input::-webkit-input-placeholder {
    color:#b9b9b9;
}
.player-overlay input:-moz-placeholder {
    color: #b9b9b9;
}
.player-overlay input:-ms-input-placeholder { 
    color: #b9b9b9; 
}
.player-overlay.open {
    opacity: 1;
    visibility: visible;
}
.player-overlay.open .buscador.cerrar {
    font-size: 50px;
    color: #ffffff;
    position: absolute;
    right: 50px;
    top: 20px;
}    
body.scrollbar-player {
    overflow: hidden;
    
}  
    
#player-m .bottom.on .lista-programas::-webkit-scrollbar {
  width: 12px;
  height: 12px;
    padding: 2px;
}
#player-m .bottom.on .lista-programas::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
#player-m .bottom.on .lista-programas::-webkit-scrollbar-thumb {
  background: #2c333b;
    border-radius: 10px;
    padding: 2px;
    margin: 4px;
}
#player-m .bottom.on .lista-programas::-webkit-scrollbar-thumb:hover {
  background: #2c333b;
    padding: 2px;
}
#player-m .bottom.on .lista-programas::-webkit-scrollbar-thumb:active {
  background: #2c333b;
    padding: 2px;
}
#player-m .bottom.on .lista-programas::-webkit-scrollbar-track {
  background: #4b5157;
  border: 0px none #ffffff;
}
#player-m .bottom.on .lista-programas::-webkit-scrollbar-track:hover {
  background: #4b5157;
}
#player-m .bottom.on .lista-programas::-webkit-scrollbar-track:active {
  background: #4b5157;
}
#player-m .bottom.on .lista-programas::-webkit-scrollbar-corner {
  background: transparent;
}    
    
    
/*Variables */
body.scrollbar-player header {
    z-index: 999999999;
    top: 0px;
    position: absolute;
}
body.scrollbar-player player .bottom {
    position: absolute;
    bottom: 0px;
} 
body.scrollbar-player player.mobile .top {
    margin-top: 60px;
}    
body.scrollbar-player player .bottom.on {
    position: absolute;
    top: 280px;
} 
player .bottom.on .lista-programas {
    height: 408px;
}    
player .bottom.on .lista-programas ul {
    height: 408px;
}
player .bottom.on .btn-podcast {
    width: 100%;
}    
player .bottom.on .btn-contraer {
    width: 0%; 
}
 

} /*-----*/




/* iPhone 5
––––––––––––––––––––––––––– */
@media (min-width: 320px) and (max-width: 374px){
player.mobile .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 12px !important;
}
player #lastsPodcasts .contenedor .item-podcast .btns  {
    width: 25%;
} 
player .bottom .lista-programas ul li a {
    padding: 16px 20px;
}
player .bottom .lista-programas ul li a i:before {
    top: 20px;
}
.mini-player-mobile .contenedor-info .btn-expandir {
    width: 20%;
}
.mini-player-mobile .contenedor-info .info-track {
    width: 62.5%;
}
.mini-player-mobile .contenedor-info .cover {
    width: 17.5%;
}  
player .bottom .btn-podcast {
    width: 80%;
}
player .bottom .btn-contraer {
    width: 20%;
    height: 60px;
}
player .bottom .btn-podcast a {
    height: 60px;
    line-height: 3.6;
}   
player #lastsPodcasts .contenedor .item-podcast .btns div {
    padding-bottom: 22px;
}
player #lastsPodcasts .contenedor .item-podcast .btns a.video, player #lastsPodcasts .contenedor .item-podcast .btns a.audio  {
    padding: 8px 8px;
}
player.mobile .top .audio-player {
    height: 180px;
}    
    
/*fix*/    
player.mobile .top .audio-player .contenedor-info .info-track p.titulo-cancion {
    font-size: 20px;
}   
player.mobile .top .audio-player .contenedor-info .info-track p.programa-artista {
    font-size: 16px;
}  
player #lastsPodcasts .contenedor .item-podcast .btns div {
    font-size: 12px;
}   
body.scrollbar-player player .bottom.on {
    top: 230px;
}
#bodySite.scrollbar-player header.header-fixed, body.scrollbar-player header.header-fixed, body#bodySite.scrollbar-player header.header-fixed {
    top: 0 !important;
    position: fixed !important;
} 
player.mobile .top {
    height: 32% !important;
}
player.mobile #lastsPodcasts .contenedor {
    padding-bottom: 30px;
}
player #lastSongsList .contenedor .item-track .info-track p.nombre-track {
    width: 220px;
}
.mini-player-mobile .contenedor-info .equalizador-mini {
    right: 61px;
}       
player #lastsPodcasts .contenedor .item-podcast .rrss .social {
    width: 320px;
}
    
} /*/////////*/




/* iPhone 6,7,8,9
––––––––––––––––––––––––––– */
@media (min-width: 375px) and (max-width: 413px){
    
player.mobile .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 14px !important;
}
player #lastsPodcasts .contenedor .item-podcast .btns  {
    width: 25%;
} 
player .bottom .lista-programas ul li a {
    padding: 16px 20px;
}
player .bottom .lista-programas ul li a i:before {
    top: 20px;
}
.mini-player-mobile .contenedor-info .btn-expandir {
    width: 18%;
}
.mini-player-mobile .contenedor-info .info-track {
    width: 67%;
}
.mini-player-mobile .contenedor-info .cover {
    width: 15%;
}  
player .bottom .btn-podcast {
    width: 82%;
}
player .bottom .btn-contraer {
    width: 18%;
    height: 60px;
}
player .bottom .btn-podcast a {
    height: 60px;
    line-height: 3.6;
}   
player #lastsPodcasts .contenedor .item-podcast .btns div {
    padding-bottom: 22px;
}
player #lastsPodcasts .contenedor .item-podcast .btns a.video, player #lastsPodcasts .contenedor .item-podcast .btns a.audio {
    padding: 8px 8px;
}
player.mobile .top .audio-player {
    height: 210px;
}   
    
/*fix*/
player.mobile .top .audio-player .contenedor-info .info-track p.titulo-cancion {
    font-size: 20px;
}   
player.mobile .top .audio-player .contenedor-info .info-track p.programa-artista {
    font-size: 16px;
}  
player #lastsPodcasts .contenedor .item-podcast .btns div {
    font-size: 14px;
}   
body.scrollbar-player player .bottom.on {
    top: 270px;
}
#bodySite.scrollbar-player header.header-fixed, body.scrollbar-player header.header-fixed, body#bodySite.scrollbar-player header.header-fixed {
    top: 0 !important;
    position: fixed !important;
} 
player.mobile .top {
    height: 33% !important;
}
player.mobile #lastsPodcasts .contenedor {
    padding-bottom: 30px;
}
player #lastSongsList .contenedor .item-track .info-track p.nombre-track {
    width: 258px;
}
.mini-player-mobile .contenedor-info .equalizador-mini {
    right: 65px;
}         
player #lastsPodcasts .contenedor .item-podcast .rrss .social {
    width: 375px;
}    
    
} /*/////////*/




/* iPhone 6,7,8,9 Plus +
––––––––––––––––––––––––––– */
@media (min-width: 414px) and (max-width: 449px){
    
player.mobile .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 14px !important;
}
player #lastsPodcasts .contenedor .item-podcast .btns  {
    width: 25%;
} 
player .bottom .lista-programas ul li a {
    padding: 16px 20px;
}
player .bottom .lista-programas ul li a i:before {
    top: 20px;
}
.mini-player-mobile .contenedor-info .btn-expandir {
    width: 16%;
}
.mini-player-mobile .contenedor-info .info-track {
    width: 69%;
}
.mini-player-mobile .contenedor-info .cover {
    width: 15%;
}  
player .bottom .btn-podcast {
    width: 84%;
}
player .bottom .btn-contraer {
    width: 16%;
    height: 60px;
}
player .bottom .btn-podcast a {
    height: 60px;
    line-height: 3.6;
}   
player #lastsPodcasts .contenedor .item-podcast .btns div {
    padding-bottom: 22px;
}
player #lastsPodcasts .contenedor .item-podcast .btns a.video, player #lastsPodcasts .contenedor .item-podcast .btns a.audio {
    padding: 8px 8px;
}
player.mobile .top .audio-player {
    height: 233px;
}      

/*fix*/
player.mobile .top .audio-player .contenedor-info .info-track p.titulo-cancion {
    font-size: 20px;
}   
player.mobile .top .audio-player .contenedor-info .info-track p.programa-artista {
    font-size: 16px;
}  
player #lastsPodcasts .contenedor .item-podcast .btns div {
    font-size: 14px;
}   
body.scrollbar-player player .bottom.on {
    top: 310px;
}
#bodySite.scrollbar-player header.header-fixed, body.scrollbar-player header.header-fixed, body#bodySite.scrollbar-player header.header-fixed {
    top: 0 !important;
    position: fixed !important;
} 
player.mobile .top {
    height: 34% !important;
}
player.mobile #lastsPodcasts .contenedor {
    padding-bottom: 20px;
}
player #lastSongsList .contenedor .item-track .info-track p.nombre-track {
    width: 258px;
}    
.mini-player-mobile .contenedor-info .equalizador-mini {
    right: 65px;
}      
player #lastsPodcasts .contenedor .item-podcast .rrss .social {
    width: 414px;
}    
    
} /*/////////*/
@media (min-width: 450px) and (max-width: 500px){
player.mobile .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 14px !important;
}
player #lastsPodcasts .contenedor .item-podcast .btns  {
    width: 25%;
} 
player .bottom .lista-programas ul li a {
    padding: 16px 20px;
}
player .bottom .lista-programas ul li a i:before {
    top: 20px;
}
.mini-player-mobile .contenedor-info .btn-expandir {
    width: 14%;
}
.mini-player-mobile .contenedor-info .info-track {
    width: 66%;
}
.mini-player-mobile .contenedor-info .cover {
    width: 20%;
}  
player .bottom .btn-podcast {
    width: 86%;
}
player .bottom .btn-contraer {
    width: 14%;
    height: 60px;
}
player .bottom .btn-podcast a {
    height: 60px;
    line-height: 3.6;
}   
player #lastsPodcasts .contenedor .item-podcast .btns div {
    padding-bottom: 22px;
}
player #lastsPodcasts .contenedor .item-podcast .btns a.video, player #lastsPodcasts .contenedor .item-podcast .btns a.audio {
    padding: 8px 8px;
}
player.mobile .top .audio-player {
    height: 259px;
} 
/*fix*/
player.mobile .top .audio-player .contenedor-info .info-track p.titulo-cancion {
    font-size: 20px;
}   
player.mobile .top .audio-player .contenedor-info .info-track p.programa-artista {
    font-size: 16px;
}  
player #lastsPodcasts .contenedor .item-podcast .btns div {
    font-size: 14px;
}   
body.scrollbar-player player .bottom.on {
    top: 310px;
}
#bodySite.scrollbar-player header.header-fixed, body.scrollbar-player header.header-fixed, body#bodySite.scrollbar-player header.header-fixed {
    top: 0 !important;
    position: fixed !important;
} 
player.mobile .top {
    height: 34% !important;
}
player.mobile #lastsPodcasts .contenedor {
    padding-bottom: 20px;
}
player #lastSongsList .contenedor .item-track .info-track p.nombre-track {
    width: 258px;
}  
.mini-player-mobile .contenedor-info .equalizador-mini {
    right: 65px;
}           
player #lastsPodcasts .contenedor .item-podcast .rrss .social {
    width: 450px;
}
    
}/*//////*/
@media (min-width: 501px) and (max-width: 550px){
player.mobile .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 14px !important;
}
player #lastsPodcasts .contenedor .item-podcast .btns  {
    width: 25%;
} 
player .bottom .lista-programas ul li a {
    padding: 16px 20px;
}
player .bottom .lista-programas ul li a i:before {
    top: 20px;
}
.mini-player-mobile .contenedor-info .btn-expandir {
    width: 13%;
}
.mini-player-mobile .contenedor-info .info-track {
    width: 67%;
}
.mini-player-mobile .contenedor-info .cover {
    width: 20%;
}  
player .bottom .btn-podcast {
    width: 87%;
}
player .bottom .btn-contraer {
    width: 13%;
    height: 60px;
}
player .bottom .btn-podcast a {
    height: 60px;
    line-height: 3.6;
}   
player #lastsPodcasts .contenedor .item-podcast .btns div {
    padding-bottom: 22px;
}
player #lastsPodcasts .contenedor .item-podcast .btns a.video, player #lastsPodcasts .contenedor .item-podcast .btns a.audio {
    padding: 8px 8px;
}
player.mobile .top .audio-player {
    height: 286px;
}
/*fix*/
player.mobile .top .audio-player .contenedor-info .info-track p.titulo-cancion {
    font-size: 20px;
}   
player.mobile .top .audio-player .contenedor-info .info-track p.programa-artista {
    font-size: 16px;
}  
player #lastsPodcasts .contenedor .item-podcast .btns div {
    font-size: 14px;
}   
body.scrollbar-player player .bottom.on {
    top: 310px;
}
#bodySite.scrollbar-player header.header-fixed, body.scrollbar-player header.header-fixed, body#bodySite.scrollbar-player header.header-fixed {
    top: 0 !important;
    position: fixed !important;
} 
player.mobile .top {
    height: 34% !important;
}
player.mobile #lastsPodcasts .contenedor {
    padding-bottom: 20px;
}
player #lastSongsList .contenedor .item-track .info-track p.nombre-track {
    width: 258px;
}        
.mini-player-mobile .contenedor-info .equalizador-mini {
    right: 65px;
}    
player #lastsPodcasts .contenedor .item-podcast .rrss .social {
    width: 501px;
}
    
}/*//////*/
@media (min-width: 551px) and (max-width: 600px){
player.mobile .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 14px !important;
}
player #lastsPodcasts .contenedor .item-podcast .btns  {
    width: 25%;
} 
player .bottom .lista-programas ul li a {
    padding: 16px 20px;
}
player .bottom .lista-programas ul li a i:before {
    top: 20px;
}
.mini-player-mobile .contenedor-info .btn-expandir {
    width: 11%;
}
.mini-player-mobile .contenedor-info .info-track {
    width:69%;
}
.mini-player-mobile .contenedor-info .cover {
    width: 20%;
}  
player .bottom .btn-podcast {
    width: 89%;
}
player .bottom .btn-contraer {
    width: 11%;
    height: 60px;
}
player .bottom .btn-podcast a {
    height: 60px;
    line-height: 3.6;
}   
player #lastsPodcasts .contenedor .item-podcast .btns div {
    padding-bottom: 22px;
}
player #lastsPodcasts .contenedor .item-podcast .btns a.video, player #lastsPodcasts .contenedor .item-podcast .btns a.audio {
    padding: 8px 8px;
}
player.mobile .top .audio-player {
    height: 316px;
}
player.mobile .top .audio-player .contenedor-info .info-track p.titulo-cancion {
    font-size: 24px;
} 
player.mobile .top .audio-player .contenedor-info .info-track p.programa-artista {
    font-size: 18px;
}
/*fix*/
player.mobile .top .audio-player .contenedor-info .info-track p.titulo-cancion {
    font-size: 20px;
}   
player.mobile .top .audio-player .contenedor-info .info-track p.programa-artista {
    font-size: 16px;
}  
player #lastsPodcasts .contenedor .item-podcast .btns div {
    font-size: 14px;
}   
body.scrollbar-player player .bottom.on {
    top: 310px;
}
#bodySite.scrollbar-player header.header-fixed, body.scrollbar-player header.header-fixed, body#bodySite.scrollbar-player header.header-fixed {
    top: 0 !important;
    position: fixed !important;
} 
player.mobile .top {
    height: 34% !important;
}
player.mobile #lastsPodcasts .contenedor {
    padding-bottom: 20px;
}
player #lastSongsList .contenedor .item-track .info-track p.nombre-track {
    width: 258px;
}  
.mini-player-mobile .contenedor-info .equalizador-mini {
    right: 65px;
}  
player #lastsPodcasts .contenedor .item-podcast .rrss .social {
    width: 551px;
}

}/*//////*/
@media (min-width: 601px) and (max-width: 640px){
player.mobile .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 14px !important;
}
player #lastsPodcasts .contenedor .item-podcast .btns  {
    width: 25%;
} 
player .bottom .lista-programas ul li a {
    padding: 16px 20px;
}
player .bottom .lista-programas ul li a i:before {
    top: 20px;
}
.mini-player-mobile .contenedor-info .btn-expandir {
    width: 11%;
}
.mini-player-mobile .contenedor-info .info-track {
    width:69%;
}
.mini-player-mobile .contenedor-info .cover {
    width: 20%;
}  
player .bottom .btn-podcast {
    width: 89%;
}
player .bottom .btn-contraer {
    width: 11%;
    height: 60px;
}
player .bottom .btn-podcast a {
    height: 60px;
    line-height: 3.6;
}   
player #lastsPodcasts .contenedor .item-podcast .btns div {
    padding-bottom: 22px;
}
player #lastsPodcasts .contenedor .item-podcast .btns a.video, player #lastsPodcasts .contenedor .item-podcast .btns a.audio {
    padding: 8px 8px;
}
player.mobile .top .audio-player {
    height: 344px;
}
player.mobile .top .audio-player .contenedor-info .info-track p.titulo-cancion {
    font-size: 24px;
} 
player.mobile .top .audio-player .contenedor-info .info-track p.programa-artista {
    font-size: 18px;
}
/*fix*/
player.mobile .top .audio-player .contenedor-info .info-track p.titulo-cancion {
    font-size: 20px;
}   
player.mobile .top .audio-player .contenedor-info .info-track p.programa-artista {
    font-size: 16px;
}  
player #lastsPodcasts .contenedor .item-podcast .btns div {
    font-size: 14px;
}   
body.scrollbar-player player .bottom.on {
    top: 310px;
}
#bodySite.scrollbar-player header.header-fixed, body.scrollbar-player header.header-fixed, body#bodySite.scrollbar-player header.header-fixed {
    top: 0 !important;
    position: fixed !important;
} 
player.mobile .top {
    height: 34% !important;
}
player.mobile #lastsPodcasts .contenedor {
    padding-bottom: 20px;
}
player #lastSongsList .contenedor .item-track .info-track p.nombre-track {
    width: 258px;
}       
.mini-player-mobile .contenedor-info .equalizador-mini {
    right: 65px;
}  
player #lastsPodcasts .contenedor .item-podcast .rrss .social {
    width: 601px;
}
    
}/*//////*/


/* Phablets +
––––––––––––––––––––––––––– */
@media (min-width: 641px) and (max-width: 699px){ 
player.mobile .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 14px !important;
}
player #lastsPodcasts .contenedor .item-podcast .btns  {
    width: 25%;
} 
player .bottom .lista-programas ul li a {
    padding: 16px 20px;
}
player .bottom .lista-programas ul li a i:before {
    top: 20px;
}
.mini-player-mobile .contenedor-info .btn-expandir {
    width: 11%;
}
.mini-player-mobile .contenedor-info .info-track {
    width:69%;
}
.mini-player-mobile .contenedor-info .cover {
    width: 20%;
}  
player .bottom .btn-podcast {
    width: 89%;
}
player .bottom .btn-contraer {
    width: 11%;
    height: 60px;
}
player .bottom .btn-podcast a {
    height: 60px;
    line-height: 3.6;
}   
player #lastsPodcasts .contenedor .item-podcast .btns div {
    padding-bottom: 22px;
}
player #lastsPodcasts .contenedor .item-podcast .btns a.video, player #lastsPodcasts .contenedor .item-podcast .btns a.audio {
    padding: 8px 8px;
}
player.mobile .top .audio-player {
    height: 366px;
}
player.mobile .top .audio-player .contenedor-info .info-track p.titulo-cancion {
    font-size: 24px;
} 
player.mobile .top .audio-player .contenedor-info .info-track p.programa-artista {
    font-size: 18px;
}
/*fix*/
player.mobile .top .audio-player .contenedor-info .info-track p.titulo-cancion {
    font-size: 20px;
}   
player.mobile .top .audio-player .contenedor-info .info-track p.programa-artista {
    font-size: 16px;
}  
player #lastsPodcasts .contenedor .item-podcast .btns div {
    font-size: 14px;
}   
body.scrollbar-player player .bottom.on {
    top: 310px;
}
#bodySite.scrollbar-player header.header-fixed, body.scrollbar-player header.header-fixed, body#bodySite.scrollbar-player header.header-fixed {
    top: 0 !important;
    position: fixed !important;
} 
player.mobile .top {
    height: 34% !important;
}
player.mobile #lastsPodcasts .contenedor {
    padding-bottom: 20px;
}
player #lastSongsList .contenedor .item-track .info-track p.nombre-track {
    width: 258px;
}    
.mini-player-mobile .contenedor-info .equalizador-mini {
    right: 65px;
} 
player #lastsPodcasts .contenedor .item-podcast .rrss .social {
    width: 641px;
}
    
} /*/////////*/

@media (min-width: 700px) and (max-width: 767px){ 
player.mobile .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 14px !important;
}
player #lastsPodcasts .contenedor .item-podcast .btns  {
    width: 25%;
} 
player .bottom .lista-programas ul li a {
    padding: 16px 20px;
}
player .bottom .lista-programas ul li a i:before {
    top: 20px;
}
.mini-player-mobile .contenedor-info .btn-expandir {
    width: 10%;
}
.mini-player-mobile .contenedor-info .info-track {
    width:70%;
}
.mini-player-mobile .contenedor-info .cover {
    width: 20%;
}  
player .bottom .btn-podcast {
    width: 90%;
}
player .bottom .btn-contraer {
    width: 10%;
    height: 60px;
}
player .bottom .btn-podcast a {
    height: 60px;
    line-height: 3.6;
}   
player #lastsPodcasts .contenedor .item-podcast .btns div {
    padding-bottom: 22px;
}
player #lastsPodcasts .contenedor .item-podcast .btns a.video, player #lastsPodcasts .contenedor .item-podcast .btns a.audio {
    padding: 8px 8px;
}
player.mobile .top .audio-player {
    height: 398px;
}
player.mobile .top .audio-player .contenedor-info .info-track p.titulo-cancion {
    font-size: 24px;
} 
player.mobile .top .audio-player .contenedor-info .info-track p.programa-artista {
    font-size: 18px;
}
/*fix*/
player.mobile .top .audio-player .contenedor-info .info-track p.titulo-cancion {
    font-size: 20px;
}   
player.mobile .top .audio-player .contenedor-info .info-track p.programa-artista {
    font-size: 16px;
}  
player #lastsPodcasts .contenedor .item-podcast .btns div {
    font-size: 14px;
}   
body.scrollbar-player player .bottom.on {
    top: 310px;
}
#bodySite.scrollbar-player header.header-fixed, body.scrollbar-player header.header-fixed, body#bodySite.scrollbar-player header.header-fixed {
    top: 0 !important;
    position: fixed !important;
} 
player.mobile .top {
    height: 34% !important;
}
player.mobile #lastsPodcasts .contenedor {
    padding-bottom: 20px;
}
player #lastSongsList .contenedor .item-track .info-track p.nombre-track {
    width: 258px;
}    
.mini-player-mobile .contenedor-info .equalizador-mini {
    right: 65px;
}   
player #lastsPodcasts .contenedor .item-podcast .rrss .social {
    width: 700px;
}
    
} /*/////////*/

/* iPad vertical +
––––––––––––––––––––––––––– */
@media (min-width: 768px) and (max-width: 1024px){ 
player.mobile {
    width: 760px;
    margin: 0 auto;
}    
player.mobile .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    font-size: 14px !important;
}
player #lastsPodcasts .contenedor .item-podcast .btns  {
    width: 25%;
} 
player .bottom .lista-programas ul li a {
    padding: 16px 20px;
}
player .bottom .lista-programas ul li a i:before {
    top: 20px;
}
.mini-player-mobile .contenedor-info .btn-expandir {
    width: 9%;
}
.mini-player-mobile .contenedor-info .info-track {
    width:71%;
}
.mini-player-mobile .contenedor-info .cover {
    width: 20%;
}  
player .bottom .btn-podcast {
    width: 91%;
}
player .bottom .btn-contraer {
    width: 9%;
    height: 60px;
}
player .bottom .btn-podcast a {
    height: 60px;
    line-height: 3.6;
}   
player #lastsPodcasts .contenedor .item-podcast .btns div {
    padding-bottom: 22px;
}
player #lastsPodcasts .contenedor .item-podcast .btns a.video, player #lastsPodcasts .contenedor .item-podcast .btns a.audio {
    padding: 8px 8px;
}
player.mobile .top .audio-player {
    height: 432px;
}
player.mobile .top .audio-player .contenedor-info .info-track p.titulo-cancion {
    font-size: 24px;
} 
player.mobile .top .audio-player .contenedor-info .info-track p.programa-artista {
    font-size: 18px;
}
    
/*fix*/
player.mobile .top .audio-player .contenedor-info .info-track p.titulo-cancion {
    font-size: 50px;
}   
player.mobile .top .audio-player .contenedor-info .info-track p.programa-artista {
    font-size: 30px;
}  
player #lastsPodcasts .contenedor .item-podcast .btns div {
    font-size: 14px;
}   
body.scrollbar-player player .bottom.on {
    bottom: 350px;
    top: auto;
}
#bodySite.scrollbar-player header.header-fixed, body.scrollbar-player header.header-fixed, body#bodySite.scrollbar-player header.header-fixed {
    top: 0 !important;
    position: fixed !important;
} 
player.mobile .top {
    height: 48% !important;
}
player.mobile #lastsPodcasts .contenedor {
    padding-bottom: 20px;
}
player #lastSongsList .contenedor .item-track .info-track p.nombre-track {
    width: 600px;
    font-size: 20px;
}        
body.scrollbar-player player.mobile .top {
    margin-top: 100px !important;
}    
player.mobile .top .audio-player .contenedor-info .cover {
    width: 50%;
}    
player.mobile .top .audio-player .contenedor-info .info-track {
    width: 50%;
}    
player .top .audio-player .contenedor-info .info-track p.escuchando {
    font-size: 24px;
}
player #lastsPodcasts .contenedor .item-podcast .datos p.titulo {
    font-size: 16px;
}    
player #lastsPodcasts .contenedor .item-podcast .datos h2 {
    font-size: 20px;
}
player.mobile #lastsPodcasts .contenedor {
    height: 60%;
}  
player #lastSongsList .contenedor .item-track .cover {
    width: 10%;
} 
.mini-player-mobile .contenedor-info .equalizador-mini {
    right: 65px;
}   
.mini-player-mobile .contenedor-info .info-track {
    width: 81%;
}  
.mini-player-mobile .contenedor-info .cover {
    width: 10%;
}   
player #lastsPodcasts .contenedor .item-podcast .rrss .social {
    width: 768px;
}
    
} /*/////////*/