@charset "UTF-8";
/* CSS Document */


.jwplayer.jw-skin-jw8 .jw-background-color {
/*    background: transparent !important;
    background-color: transparent !important;*/
     background-color: blue !important; 
}
.jwplayer.jw-skin-jw8 .jw-reset, .jw-reset-text {
    background: transparent !important;
    background-color: transparent !important;
  /* background: #dfdcf500 !important; */
}
.jwplayer.jw-skin-jw8 .jw-icon-volume.jw-open::after, .jw-settings-menu .jw-icon[aria-check=true]::after, .jw-settings-open .jw-icon-settings::after {
    /* opacity:1 !important; */
    opacity:0 !important;
}
.jwplayer.jw-skin-jw8 .jw-controlbar .jw-overlay {
    position: absolute;
    bottom: auto;
    left: 200%;
    margin: 0;
    min-height: 44px;
    min-width: 44px;
    opacity: 1;
    pointer-events: none;

    /* transition: 150ms cubic-bezier(0,.25,.25,1);
    transition-property: opacity,visibility;
    transition-delay: 0s,150ms; */

    transition: none !important;
    transition-property: none !important;

	transform: translate(-20%,0) rotate(90deg) ;
    width: 100%;
    z-index: 1;
}
.jwplayer.jw-skin-jw8 .jw-icon-settings::after, .jw-icon-volume::after, .jw-settings-menu .jw-icon::after {
    height: 100%;
    width: 24px;
    box-shadow: inset 0 -3px 0 -1px currentColor;
    margin: auto;
    opacity: 0 !important;
    transition: none !important;
}

.jwplayer.jw-skin-jw8 .jw-flag-audio-player {
/*
    background: transparent !important;
    background-color: transparent !important;
*/
     background-color: blue !important; 
}

.jwplayer.jw-skin-jw8 .jw-flag-audio-player .jw-flag-horizontal-slider ~ .jw-horizontal-volume-container, .jwplayer:not(.jw-flag-small-player) .jw-flag-horizontal-slider ~ .jw-horizontal-volume-container {
    display: flex;
    /* transition: width .3s cubic-bezier(0,.25,.25,1); */
    width: 0;
    transition: none !important;
}
.jwplayer.jw-skin-jw8 .jw-flag-audio-player .jw-flag-horizontal-slider ~ .jw-horizontal-volume-container.jw-open .jwplayer:not(.jw-flag-small-player) .jw-flag-horizontal-slider ~ .jw-horizontal-volume-container.jw-open {
    /* width: 240px; */
    width: 100%;
    padding-right: 0 !important;
}
.jwplayer.jw-skin-jw8 .jw-flag-audio-player .jw-flag-horizontal-slider ~ .jw-horizontal-volume-container.jw-open .jw-slider-volume .jwplayer:not(.jw-flag-small-player) .jw-flag-horizontal-slider ~ .jw-horizontal-volume-container.jw-open .jw-slider-volume  {
    padding-right: 0 !important;
}
.jwplayer.jw-skin-jw8 .jw-horizontal-volume-container:hover {
    transform: none !important;
    padding-right: 0 !important;
}
.jwplayer.jw-skin-jw8 .jw-flag-audio-player .jw-flag-horizontal-slider ~.jw-horizontal-volume-container.jw-open {
    width:100% !important;
    padding-right: 0 !important;
}
.jwplayer.jw-skin-jw8 .jw-flag-audio-player .jw-flag-horizontal-slider ~ .jw-horizontal-volume-container.jw-open .jw-slider-volume, .jwplayer:not(.jw-flag-small-player) .jw-flag-horizontal-slider ~ .jw-horizontal-volume-container.jw-open .jw-slider-volume {
    padding-right: 12px !important;
}
/* .jw-open { 
    background: #eb20c6 !important;
    width:100% !important;
} */
.jwplayer.jw-skin-jw8 .jw-flag-audio-player .jw-flag-horizontal-slider ~ .jw-horizontal-volume-container, .jwplayer:not(.jw-flag-small-player) .jw-flag-horizontal-slider ~ .jw-horizontal-volume-container {
    display: flex;
    /* transition: width .3s cubic-bezier(0,.25,.25,1); */
    /* width: 240px; */
    width: 100%;
    transition: none !important;
    /* background-color: #ff2e2e; */
    background: transparent !important;
}
.jwplayer.jw-skin-jw8 .jw-flag-audio-player .jw-flag-horizontal-slider ~ .jw-horizontal-volume-container .jw-slider-volume, .jwplayer:not(.jw-flag-small-player) .jw-flag-horizontal-slider ~ .jw-horizontal-volume-container .jw-slider-volume {
    /* transition: opacity .3s; */
    transition: none !important;
    opacity: 1;
}
.jwplayer.jw-skin-jw8 .jw-slider-time {
display:none;
    width: 0%;
}
.jwplayer.jw-skin-jw8 .jw-horizontal-volume-container .jw-slider-volume .jw-slider-time {
    height: 17px;
    /* width: 200px; */
    width: 100%;
    align-items: center;
    background: transparent !important;
    /* background: #63ac51 !important; */
    padding: 0 12px;
}
.jwplayer.jw-skin-jw8 .jw-slider-horizontal .jw-buffer, .jw-slider-horizontal .jw-cue, .jw-slider-horizontal .jw-knob, .jw-slider-horizontal .jw-progress, .jw-slider-horizontal .jw-rail {
    top: 50%;
    transition: none !important;
    opacity: 1 !important;  
}
.jwplayer.jw-skin-jw8 .jw-knob { 
    background:#ffffff !important;
    transition: none !important;
    opacity: 1 !important; 
}
.jwplayer.jw-skin-jw8 .jw-slider-horizontal .jw-slider-container {
    height: 5px;
    width: 100%;
    background: #AECC5C !important;
}
.jwplayer.jw-skin-jw8 .jw-slider-vertical {
    align-items: center;
    flex-direction: column;
    /* transform: rotate(90deg); */
}
.jwplayer.jw-skin-jw8 .jw-slider-vertical .jw-slider-container {
    height: 88px;
    width: 5px;
    /* background-color: blue; */
    /* background: brown; */
}
.jwplayer.jw-skin-jw8 .jw-flag-audio-player .jw-controlbar .jw-icon-volume {
    margin-right: 0;
    background: transparent !important;
    background-color: transparent !important;
    /* transition: margin-right 150ms cubic-bezier(0,.25,.25,1); */
    transition:none;
}
.jwplayer.jw-skin-jw8 .jw-icon-volume.jw-open::after, .jw-settings-menu .jw-icon[aria-check=true]::after, .jw-settings-open .jw-icon-settings::after {
    opacity:1;
}

.jwplayer.jw-skin-jw8 .jw-icon-next { display: none !important;}
.jwplayer.jw-skin-jw8 .jw-icon-playback { display: none !important;}
.jwplayer.jw-skin-jw8 .jw-icon-rewind { display: none !important;}
.jwplayer.jw-skin-jw8 .jw-text-live::before { display: none !important; }
.jwplayer.jw-skin-jw8 .jw-flag-audio-player .jw-controlbar .jw-horizontal-volume-container ~ .jw-slider-time {
    /* transition: opacity .3s,width .3s; */
    display: none !important;
}


@media screen and (max-width: 574px) {
}
@media screen and (max-width: 486px) {
}
@media screen and (max-width: 414px) {

}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 825px) {
}
@media screen and (max-width: 625px) {
}
@media screen and (max-width: 425px) {
}