*,
*:after,
*:before {
    box-sizing             : border-box;
    -webkit-box-sizing     : border-box;
    -moz-box-sizing        : border-box;
    -webkit-font-smoothing : antialiased;
    -moz-font-smoothing    : antialiased;
    -o-font-smoothing      : antialiased;
    font-smoothing         : antialiased;
    text-rendering         : optimizeLegibility;

}
.mediPlayer{position: relative;}
.mediPlayer .control {
    opacity        : 0; /* transition: opacity .2s linear; */
    pointer-events : none;
    cursor         : pointer;
}

.mediPlayer .not-started .play, .mediPlayer .paused .play {
    opacity : 1;

}
.mediPlayer .listenFullBut{
    display: none;
    position: absolute;
    top: 65px;
     left: 50%; 
    font-size: 13px;
    text-transform: uppercase;
    background-color: #FFFFFF;
    color: #000000;
    width: 120px;
    margin-left: -60px;  

    text-align: center;
    padding: 3px;
}
.mediPlayer .listenFullBut a:link, .mediPlayer .listenFullBut a:active, .mediPlayer .listenFullBut a:visited{ color:#000000;}

.mediPlayer .listenFullBut:before{
    content:'';
    position: absolute;
    top:-10px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-bottom: solid 10px #FFFFFF;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;

}


.no-touch .mediPlayer:hover .listenFullBut{display: block;}



.mediPlayer .playing .pause {
    opacity : 1;

}

.mediPlayer .playing .play {
    opacity : 0;
}

.mediPlayer .ended .stop {
    opacity        : 1;
    pointer-events : none;
}

.mediPlayer .precache-bar .done {
    opacity : 0;
}

.mediPlayer .not-started .progress-bar, .mediPlayer .ended .progress-bar {
    display : none;
}

.mediPlayer .ended .progress-track {
    stroke-opacity : 1;
}

.mediPlayer .progress-bar,
.mediPlayer .precache-bar {
    transition        : stroke-dashoffset 500ms;

    stroke-dasharray  : 298.1371428256714;
    stroke-dashoffset : 298.1371428256714;
}