.jouele-control-button,.jouele-progress-area{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}

.jouele-load-bar:after,.jouele-mine-bar:after{
    background:#bfbfbf
}

.jouele{
    display:block;
    position:relative;
    font-family:Helvetica,Arial,sans-serif;
    line-height:16px;
}

.jouele,.jouele *{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}

.jouele-invisible-object img{
    display:none
}

.jouele-progress-area{
    position:relative;
    width:100%;
    height:11px;
    float: left;
    margin-left: 3px;
    user-select:none;
}

.jouele-mine{
    width:100%;
    top:0;
    height:11px;
    position:absolute
}

.jouele-load-bar,.jouele-mine-bar,.jouele-play-bar{
    position:absolute;
    box-sizing:border-box
}

.jouele-load-bar:after,.jouele-mine-bar:after,.jouele-play-bar:after{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    right:0;
    height:1px
}

.jouele-mine-bar{
    height:11px;
    width:100%;
    top:0;
    z-index:10
}

.jouele-load-bar{
    height:11px;
    width:100%;
    top:0;
    z-index:20;
    cursor:pointer
}

.jouele-play-bar{
    height:11px;
    top:0;
    z-index:30;
    cursor:pointer
}

.jouele-play-bar:after{
    background-color:#000;
    transition:background-color .16s linear
}

.jouele-status-playing .jouele-play-bar:after{
    background-color:#3d7a13;
}

.jouele-mine:hover .jouele-play-bar:after{
    background-color:#3d7a13;
    transition:none
}

.jouele-play-lift{
    left:0;
    top:50%;
    width:5px;
    height:5px;
    margin:-2px 0 0;
    border-radius:50%;
    z-index:40;
    background-color:#000;
    cursor:pointer;
    position:absolute;
    transition:width .16s linear,height .16s linear,margin .16s linear,background-color .16s linear
}

.jouele-status-playing .jouele-play-lift{background-color:#3d7a13;}

.jouele-mine:hover .jouele-play-lift{
    background-color:#3d7a13;
    width:7px;
    height:7px;
    margin-top:-3px;
    margin-left:-1px;
    transition:none
}

.jouele-play-lift:before{
    content:'';
    width:100%;
    height:100%;
    padding:2px;
    font-size:0;
    position:absolute;
    left:-3px;
    top:-3px;
    border:1px solid #000;
    border-radius:50%;
    transition:border-color .16s linear,opacity .16s linear;
    -webkit-animation:preloader-animate .75s ease infinite;
    -moz-animation:preloader-animate .75s ease infinite;
    -o-animation:preloader-animate .75s ease infinite;
    animation:preloader-animate .75s ease infinite;
    display:none\0/;
    opacity:0
}

.jouele-play-lift_buffering:before{
    opacity:1;
    display:block\0/
}

.jouele-status-playing .jouele-play-lift:before{border-color:#3d7a13;}

.jouele-mine:hover .jouele-play-lift:before{
    border-color:#3d7a13;;
    transition:none
}

@-webkit-keyframes preloader-animate{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-moz-keyframes preloader-animate{0%,100%{-moz-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.2);transform:scale(1.2)}}@-o-keyframes preloader-animate{0%,100%{-o-transform:scale(1);transform:scale(1)}50%{-o-transform:scale(1.2);transform:scale(1.2)}}@keyframes preloader-animate{0%,100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}}

.jouele-info-area{
    z-index:100;
    position:relative;
    overflow:hidden;
    padding:0 0 2px;
    margin:0 0 0 -4px
}

.jouele-control{
    overflow:hidden;
    font-size:13px;
    line-height:1
}

.jouele-control *{line-height:1}

.jouele-control-button{
    float:left;
    user-select:none
}

.jouele-control-link{
    cursor:pointer;
    padding:0!important;
    margin:0!important;
    background:0 0!important;
    display:block!important;
    text-decoration:none!important;
    border:0!important;
    color:currentColor!important
}

.jouele-control-button-icon{display:block}

.jouele-control-button_nosvg .jouele-control-button-icon{
    display:inline-block;
    vertical-align:middle;
    width:16px;
    height:16px;
    background:url(i/jouele-sprite.png) no-repeat
}

.jouele-control-button_nosvg .jouele-control-button-icon_unavailable{background-position:0 50%}

.jouele-control-button_nosvg .jouele-control-button-icon_play{background-position:-16px 50%}

.jouele-control-button_nosvg .jouele-control-button-icon_pause{background-position:-32px 50%}

.jouele-control-button_nosvg:hover .jouele-control-button-icon_pause,.jouele-control-button_nosvg:hover .jouele-control-button-icon_play{
    background-position:-48px 50%
}

.jouele-svg{
    vertical-align:middle;
    width:16px;
    height:16px
}

.jouele-svg-color{transition:fill .16s linear}

.jouele-control-button-icon_play .jouele-svg-color,.jouele-control-button-icon_unavailable .jouele-svg-color{fill:#000}

.jouele-control-button-icon_pause .jouele-svg-color{fill:#3d7a13;}

.jouele-control-button:hover .jouele-control-button-icon_pause .jouele-svg-color,.jouele-control-button:hover .jouele-control-button-icon_play .jouele-svg-color{
    fill:#3d7a13;
    transition:none
}

.jouele-control-text{
    line-height:1.2!important;
    padding:0 2em 0 0;
    overflow:hidden;
    word-wrap:break-word;
    white-space:normal
}

.jouele-time{
    float:right;
    font-size:11px;
    color:#606060;
    text-align:right;
    white-space:nowrap;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}

.jouele-play-time{
    float:left;
    margin-right:.65em
}

.jouele-total-time{float:right}

.jouele-total-time__approx{padding-right:.3em}

.jouele_timeline_hide .jouele-progress-area{
    margin-top:-16px;
    display:none\0/;
    opacity:0;
    transition:opacity .33s ease-out,margin-top .33s ease-out
}

.jouele-status-playing .jouele-progress-area{
    margin-top:0;
    opacity:1;
    display:block\0/
}

.jouele-hidden{display:none!important}

.jouele-skin-dark .jouele-load-bar:after,.jouele-skin-dark .jouele-play-bar:after{background:currentColor}

.jouele-skin-dark .jouele-status-playing .jouele-play-bar:after,.jouele-skin-dark.jouele-status-playing .jouele-play-bar:after{
    background-color:#3d7a13;
}

.jouele-skin-dark .jouele-mine:hover .jouele-play-bar:after{background-color:#3d7a13;}

.jouele-skin-dark .jouele-play-lift{background-color:currentColor}

.jouele-skin-dark .jouele-status-playing .jouele-play-lift,.jouele-skin-dark.jouele-status-playing .jouele-play-lift{
    background-color:#3d7a13;
}

.jouele-skin-dark .jouele-mine:hover .jouele-play-lift{background-color:#3d7a13;}

.jouele-skin-dark .jouele-control-button-icon_play .jouele-svg-color,.jouele-skin-dark .jouele-control-button-icon_unavailable .jouele-svg-color{
    fill:currentColor
}