div.play-click-inner{opacity:1;margin:0px;width:15%;padding:0px;transform:translate(-50%,-50%);min-width:55px;}


.allContainer.imaMode .play-click{width:auto;height:auto;left:50%;top:50%;transform:translate( -50% , -50% );}
.allContainer.imaMode div.play-click-inner{width:auto;height:auto;position:static;transform:none;margin:0;}
.allContainer.imaMode .play-click-inner > svg{ width : 15vw; height: auto; min-width:55px;}
.allContainer.imaMode div.play-click-inner{opacity:1;height:auto;margin:0px;padding:0px;transform:none;min-width:55px;}

.player-title{top:-100%;height: calc( 1em + 5vh );box-sizing:border-box;line-height:normal;font-size:0.9em;}
div#OControls{height:auto;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(rgba(34,34,34,0),rgba(34,34,34,0.7));}
div.progress-bar{margin:0vh 2vw 2vh 2vw; padding-top:2vh;}
.total-bar, .buffered-bar, .played-bar, .cues-bar{ top:2vh ; }
div.onlogo{ padding: 4px 4px; right:0px; }

.player-title > #titin > #titinc{ top:50%; padding:2vh 1vw; transform:translateY(-50%); height:100%; display:none; }
.allContainer.imaMode > .player-title > #atitin{ top:50%; padding:2vh 1vw; transform:translateY(-50%); height:100%; }
.player-title > #titin{ top:0; padding:0; transform:none; display : none ; }


#controls-bar{background:none;padding:0vh 0vw;margin:4vh 1vw;height:auto;min-height:0px;border-box:content-box;}
#controls-bar>.controls-bar-buttons{margin:0vh 2.3vw 0vh 1.5vw;width:auto;height:9.5vh;max-height:9.5vh;min-height:9.5vh;min-width:2vw;}
#controls-bar>.player-full-screen.controls-bar-buttons{margin:0vh 1.5vw 0vh 1.5vw;}
#controls-bar>div.controls-bar-time{font-size:0.9em;line-height:normal;width:auto;height:auto;max-height:100%;min-height:0px;}
#controls-bar .volume-handle{ height:366%;max-height:366%;min-height:366%;width:auto; }
path.pcptriangle{ transform: translate(8%,8%) scale(0.84); }
#controls-bar>.resolution-switch>svg,#controls-bar>.player-subtitles>svg,
#controls-bar>.player-shares>svg{height:100%;width:auto;max-height:100%;min-height:0%;}


@media(min-width: 400px){
#controls-bar .controls-bar-buttons{width:auto;height:8vh;max-height:8vh;min-height:8vh;}
#controls-bar>.controls-bar-buttons{min-width:none;margin:0vh 2.5vw 0vh 1.5vw;}
#controls-bar>.controls-bar-time{font-size:1em;}
}

@media(min-width: 500px){
#controls-bar .controls-bar-buttons{width:auto;height:7vh;max-height:7vh;min-height:7vh;}
#controls-bar{margin:1vh 1vw 0.5vh 1vw;}
div.progress-bar{margin:1vh 2vw;}

.player-title{font-size:1em;height:calc( 1em + 3vh );}
.player-title>#titin>#titinc{padding:1vh 1vw;}
.allContainer.imaMode>.player-title>#atitin{padding:1vh 1vw;}
}

@media(min-width: 600px){
div.play-click-inner{min-width:65px;max-width:90px;}
#controls-bar .controls-bar-buttons{width:auto;height:5vh;max-height:5vh;min-height:5vh;} 
#controls-bar>.controls-bar-time{font-size:12px;}
div.progress-bar{margin:0.5vh 2vw;}
}

@media(min-width: 750px){
#controls-bar>.controls-bar-time{font-size:13px;}
}

@media(min-width: 900px){
#controls-bar .controls-bar-buttons{width:auto;height:4vh;max-height:4vh;min-height:4vh;} 
#controls-bar>.controls-bar-time{font-size:14px;}
#controls-bar{padding:0; margin:0.6vh 1vw 0.3vh 1vw;}
div.progress-bar{margin:0.3vh 2vw;}

.player-title{font-size:1em;height:calc( 1em + 2vh );}
.player-title > #titin > #titinc{padding:0.5vh 1vw;}
.allContainer.imaMode > .player-title > #atitin{padding:0.5vh 1vw;}
}

@media(min-width: 1200px){
div.play-click-inner{min-width:80px;max-width:120px;}
#controls-bar .controls-bar-buttons{width:auto;height:2.5vh;max-height:2.5vh;min-height:2.5vh;margin:1.5vh 2.5vw 1.5vh 1.5vw;} 
#controls-bar>.controls-bar-time{font-size:16px;}
div.progress-bar{margin:0.1vh 2vw;}
#OControls{ padding:0; }
#controls-bar .volume-handle{ height:400%;max-height:400%;min-height:400%;width:auto; }
#controls-bar .volume-slider{ max-width:80px; height:4px; }
}

.fullscreen .progress-bar>div#total-bar,.fullscreen .progress-bar>div#buffered-bar,.fullscreen .progress-bar> div#played-bar,
.fullscreen .progress-bar> div#cues-bar{ top:1.5vh ; height:5px; }
.fullscreen div.onlogo{ padding: 5px 0; right:0px; margin:0 2vw;}
.fullscreen #MovieTitle{ background:linear-gradient(rgba(34,34,34,0),rgba(34,34,34,0)); }
.fullscreen .total-bar,.fullscreen  .buffered-bar,.fullscreen  .played-bar,.fullscreen  .cues-bar{ top:1.5vh ; height:5px; }
.fullscreen .player-title{font-size:1em;height:calc( 1em + 2vh );}
.fullscreen .player-title > #titin > #titinc{ top:50%; padding:0.5vh 1vw; transform:translateY(-50%); height:100%; }
.fullscreen .allContainer.imaMode > .player-title > #atitin{ top:50%; padding:0.6vh 1vw; transform:translateY(-50%); height:100%; }


.fullscreen #controls-bar .controls-bar-buttons{width:auto;height:3vh;max-height:3vh;min-height:3vh;margin:0vh 1.5vw 0vh 1vw;} 
.fullscreen #controls-bar>.player-full-screen.controls-bar-buttons{margin:0vh 0.5vw 0vh 1vw;}
.fullscreen #controls-bar>div.controls-bar-time{font-size:16px;margin:0vh 1.5vw 0vh 1vw;height:auto;min-height:0%;max-height:100%;}
.fullscreen #OControls{ padding:0; min-height:12.5vh; }
.fullscreen #controls-bar{padding:0; margin:1.7vh 1vw;}

@media (min-dpi:135) and (min-width: 1200px){
div.play-click-inner{min-width:80px;max-width:120px;}
#controls-bar .controls-bar-buttons{width:auto;height:8vh;max-height:8vh;min-height:8vh;} 
#controls-bar>.controls-bar-time{font-size:2vh;}
div.progress-bar{margin:0.1vh 2vw;padding-bottom:1vh;}
#OControls{ padding:0; }
.fullscreen #controls-bar>div.controls-bar-time{font-size:3vh;margin:0vh 1.5vw 0vh 1vw;height:auto;min-height:0%;max-height:100%;}
}

@media(orientation:portrait){
#controls-bar .controls-bar-buttons{width:auto;height:5vh;max-height:5vh;min-height:5vh;}
#controls-bar>.controls-bar-time{font-size:4vw;}
.fullscreen #controls-bar>div.controls-bar-time{font-size:3vh;margin:0vh 1.5vw 0vh 1vw;height:auto;min-height:0%;max-height:100%;}
.fullscreen .player-title > #titin > #titinc{padding:0vh 1vw;transform:none;top:0px;}
.fullscreen.allContainer.imaMode > .player-title > #atitin{padding:0vh 1vw;transform:none;top:0px;}
.fullscreen.allContainer.imaMode .play-click {}
}


#controls-bar>.controls-bar-time{order:62;}
body{background-color:none;}
#MovieTitle{background:rgba(34,34,34,0);}
div.titin,div.titinc{color:white;}
#controls-bar>svg.button-ppr{fill:white;}
#controls-bar>svg.prevnext-buttons{stroke:none;fill:white;}
#controls-bar>svg.controls-bar-volume-icon{stroke:none;fill:white;transform:scaleY(1.1);margin-top:0.9vh;margin-bottom:0.9vh;}
#controls-bar>.controls-bar-time{color:white;}
#controls-bar>.volume-panel>.volume-slider{background-color:rgba(255,255,255,0.3);}
#controls-bar>.volume-panel>.volume-track{background-color:rgba(0,0,0,0.2);}
.controls-bar svg.volume-handle{stroke:none;fill:white;width:3vw;}
#controls-bar>svg.player-full-screen{stroke:none;fill:white;}
#controls-bar>.resolution-switch svg{stroke:none;fill:white;}
#controls-bar>.player-subtitles svg{stroke:none;fill:white;}
#controls-bar>.player-shares svg{stroke:none;fill:white;}
.progress-bar> div#total-bar{background-color:rgba(255,255,255,0.1);height:3px;}
.progress-bar> div#buffered-bar{background-color:rgba(255,255,255,0.2);height:3px;}
.progress-bar> div#played-bar{background-color:white;height:3px;}
.progress-bar> svg.play-handle{stroke:white;fill:white;}




#atitin{background-color:rgba(34,34,34,0.4);color:white;}
svg > .pcpcircle{stroke:none;}
svg > .pcpinnerarea{fill:white;}
svg > .pcptriangle{fill:black;}
svg > .pcmcircle{stroke:none;}
svg > .pcminnerarea{fill:none;}
svg > .pcmspeaker{fill:white;}
svg > .littlecircle{fill:white;}
#controls-bar>svg.button-ppr:hover{stroke:none;fill:white;}
#controls-bar>svg.prevnext-buttons:hover{stroke:none;fill:white;}
#controls-bar>svg.controls-bar-volume-icon:hover{stroke:none;fill:white;}
#controls-bar>.controls-bar-time:hover{color:white;}
.volume-panel:hover .volume-slider{background-color:rgba(255,255,255,0.3);}
.volume-panel:hover .volume-track{background-color:white;}
.volume-panel:hover svg.volume-handle{stroke:none;fill:white;}
#controls-bar>svg.player-full-screen:hover{stroke:none;fill:white;}
#controls-bar>.resolution-switch:hover svg{stroke:none;fill:white;}
#controls-bar>.player-subtitles:hover svg{stroke:none;fill:white;}
#controls-bar>.player-shares:hover svg{stroke:none;fill:white;}
#controls-bar>svg.prevnext-buttons:hover{stroke:none;fill:white;}
.play-click:hover>div.play-click-inner>svg>.pcpcircle{stroke:none;}
.play-click:hover>div.play-click-inner>svg>.pcpinnerarea{fill:white;}
.play-click:hover>div.play-click-inner>svg>.pcptriangle{fill:black;}
.play-click:hover>div.play-click-inner>svg>.pcmcircle{stroke:none;}
.play-click:hover>div.play-click-inner>svg>.pcminnerarea{fill:none;}
.play-click:hover>div.play-click-inner>svg>.pcmspeaker{fill:white;}
.play-click:hover>div.play-click-inner>svg>g>.littlecircle{fill:white;}