.player-wrapper{position:relative;overflow:hidden;}
.allContainer{overflow:hidden;width:100%;height:100%;max-height:100%;max-width:100%;background:transparent;position:absolute;touch-action:manipulation;}
.allContainer video{display:block;position:absolute;width:100%;height:100%;background:none;}
.allContainer.mouseOver .controls{bottom:0;-webkit-transition:bottom .3s ease;-o-transition:bottom .3s ease;transition:bottom .3s ease;}
.allContainer.mouseOver .player-title,.allContainer.imaMode .player-title{top:0;-webkit-transition:top .3s ease;
-o-transition:top .3s ease;transition:top .3s ease;}
.icont, .playerContainer{width:100%;height:100%;max-height:100%;max-width:100%;overflow:hidden;top:0px;left:0px;position:absolute;}
.icont{display:none;}
.allContainer.imaMode .icont{display:block;}
.allContainer.imaMode .controls-bar-time,.allContainer.imaMode #controls-playlist-prev-button,.allContainer.imaMode #controls-playlist-next-button,.allContainer.imaMode .resolution-switch,.allContainer.imaMode .player-shares,.allContainer.imaMode .player-subtitles,
.allContainer.imaMode .player-title {display:none;}
.noSelect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;
user-select:none;-webkit-tap-highlight-color:transparent;}
.play-click{width:100%;height:80%;max-height:100%;max-width:100%;background:transparent;position:absolute;top:10%;left:0;
cursor:pointer;z-index:11;display:none;-webkit-user-select:none;
-moz-user-select:none;-ms-user-select:none;user-select:none;}
.play-click.play-click-mute{display:block;}
.play-click.play-click-mute .play-click-wait,.play-click.play-click-mute .play-click-play{display:none;}
.play-click.play-click-wait{display:block;}
.play-click.play-click-wait .play-click-mute,.play-click.play-click-wait .play-click-play{display:none;}
.play-click.play-click-play{ display:block; }
.play-click.play-click-play .play-click-mute,.play-click.play-click-play .play-click-wait{display:none;}
.play-click-inner{position:absolute;left:50%;top:50%;width:10%;min-width:40px;max-width:80px;height:auto;margin:-5%;
-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;cursor:pointer;}
.prevnext-buttons{cursor:pointer;}

.player-title{position:absolute;top:-100%;left:0;right:0;height:3vh;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(255,255,255,0)));
background:-webkit-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(255,255,255,0) 100%);
background:-o-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(255,255,255,0) 100%);
background:linear-gradient(to bottom,rgba(0,0,0,.5) 0,rgba(255,255,255,0) 100%);
-webkit-transition:bottom .3s ease;-o-transition:bottom .3s ease;transition:bottom .3s ease;text-align:right;}

.titin{display:inline-block;vertical-align:middle;color:#fff;position:absolute;left:.5vw;text-align:left;top:50%;
-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.titinc{display:inline-block;color:#fff;position:absolute;left:.5vw;text-align:left;top:50%;width:auto;height:100%;transform:translateY(-50%);padding:0.5vh 1vw;}
#atitin{z-index:1;display:none;width:0px;height:100%;top:50%;transform:translateY(-50%);left:0px;padding:0.5vh 1vw;}


.controls{position:absolute;bottom:-100%;left:0;right:0;z-index:22;padding:1vh 2vw 1vh;width:100%;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(0,0,0,.6)));
background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,.6) 100%);
background:-o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,.6) 100%);
background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(0,0,0,.6) 100%);
-webkit-transition:bottom .3s ease;-o-transition:bottom .3s ease;transition:bottom .3s ease;}
.controls svg{fill:#fff;}
.controls-bar{color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;
-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.controls-bar svg{width:3vw;display:block;cursor:pointer;}
.controls-bar-buttons,.controls-bar-volume,.controls-bar-time{margin:0 1.5vw 0 0;}
.controls-bar-buttons.play .button-pause{display:none;}
.controls-bar-buttons.play .button-replay{display:none;}
.controls-bar-buttons.pause .button-play{display:none;}
.controls-bar-buttons.pause .button-replay{display:none;}
.controls-bar-buttons.replay .button-play{display:none;}
.controls-bar-buttons.replay .button-pause{display:none;}
.controls-bar .controls-bar-volume-icon{display:inline-block;vertical-align:middle;margin-right:1vw;}
.controls-bar .volume-handle{width:auto;}
.volume-slider{background:rgba(255,255,255,.3);width:10vw;position:relative;min-width:40px;max-width:200px;}
.volume-track{background-color:rgba(255,255,255,.7);height:3px;display:block;}
.volume-full,.volume-slider{display:inline-block;vertical-align:middle;}
.volume-handle{ position:absolute; display:block; top:50%; cursor:pointer; -webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);transform:translateY(-50%);}
.controls-bar-volume.volm0 .volm66,.controls-bar-volume.volm0 .volm33,.controls-bar-volume.volm0 .mute{display:none;}
.controls-bar-volume.volm66 .volm0,.controls-bar-volume.volm66 .volm33,.controls-bar-volume.volm66 .mute{display:none;}
.controls-bar-volume.volm33 .volm0,.controls-bar-volume.volm33 .volm66,.controls-bar-volume.volm33 .mute{display:none;}
.controls-bar-volume.mute .volm0,.controls-bar-volume.mute .volm33,.controls-bar-volume.mute .volm66{display:none;}
.controls-right{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:right;}
.resolution-list,.player-subtitles-list,.player-share-list{display:none;position:absolute;right:0;bottom:100%;
background:rgba(0,0,0,.6);padding:1vh 1vw;text-align:center;}
.resolution-list div,.player-subtitles-list div,.player-share-list div{padding:.5vw .5vh;cursor:pointer;}
.resolution-switch,.player-subtitles,.player-shares{position:relative;}
.resolution-switch:hover .resolution-list,.resolution-switch:hover .player-subtitles-list,.player-subtitles:hover .resolution-list,.player-subtitles:hover .player-subtitles-list,
.player-shares:hover .player-share-list{display:block;}
.resolution-switch #HQ{fill:#fff;}
.progress-bar{margin:1vh 1vw;padding-bottom:2.5vw;position:relative;cursor:pointer;min-height:4px;box-sizing:border-box;}
.buffered-bar{background:rgba(255,255,255,.4);height:4px;display:block;position:absolute;left:0;top:0;}
.total-bar{width:100%;height:4px;display:block;background:rgba(255,255,255,.3);}
.played-bar{height:100%;background:#342267;position:absolute;left:0;top:0;}
.cues-bar{height:100%;background:transparent;position:absolute;left:0;top:0;width:100%;pointer-events:none;touch-events:none;}
div.cues-bar > div.cue{width:3px;background:yellow;height:100%;position:absolute;top:0px;}
.controls-bar .fullscreen-off{display:none;}
.fullscreen .controls-bar .fullscreen-on{display:none;}
.fullscreen .controls-bar .fullscreen-off{display:block;}
.fullscreen .onlogo{height:100%;}
.player-share-list{padding :0px;width:auto;}
.player-share-list div{width:32px;height:32px;cursor:pointer;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%); 
-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;border-radius:4px;background-size:416px 32px;
display:inline-block;position:relative;}
.player-share-list div:hover{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);
filter:grayscale(0%);filter:none;}
.sharefb{background:url( '/img/ikony.png' ) -384px 0px;}
.sharegoogle{background:url( '/img/ikony.png' ) -224px 0px;}
.sharewykop{background:url( '/img/ikony.png' ) -320px 0px;}
.sharepinterest{background:url( '/img/ikony.png' ) -128px 0px;}
.sharetweeter{background:url( '/img/ikony.png' ) -160px 0px ;}
.shareinsta{background:url( '/img/insta2.png' ) 0px 0px ;background-size:32px 32px;}
.sharelinkedin{background:url( '/img/ikony.png' ) -192px 0px;}
.sharevkontakte{background:url( '/img/ikony.png' ) -96px 0px;}
.sharetumblr{background:url( '/img/ikony.png' ) -32px 0px;}
.shareodnoklassniki{background:url( '/img/ikony.png' ) -64px 0px;}
.sharelivejournal{background:url( '/img/ikony.png' ) -352px 0px;}
.sharereddit{background:url( '/img/ikony.png' ) -288px 0px;}
.grayed{opacity:0.5;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;cursor:initial;}


.play-click-inner{pointer-events:none;touch-action:manipulation;}
svg{pointer-events:none;touch-action:manipulation;}
path{pointer-events:none;touch-action:manipulation;}
div{touch-action:manipulation;}
video{touch-action:manipulation;}
img{touch-action:manipulation;}
iframe{touch-action:manipulation;}
.list-item-selected{font-weight:700;color:red;}
::cue{color:#e7e7e7;background-color:transparent;text-shadow:#070707 -1px -1px 2px,#070707 -1px 1px 2px,#070707 1px -1px 2px,#070707 1px 1px 2px;
font-size:5vmin;margin-bottom:20px;}


.subtitle-list-item:hover{text-decoration:underline;}
.resolution-list-item:hover{text-decoration:underline;}
.player-subtitles-list,.player-share-list,.resolution-list{z-index:1;}

.player-title{font-size:1em;line-height:normal;height:calc( 1em + 1.6vh );top:-100%;}
.fullscreen .player-title{font-size:1em;line-height:normal;height:calc( 1em + 1.6vh );top:-100%;}
.titin{height:100%;max-height:100px;white-space:pre;padding:0;margin:0;}


.volume-panel{width:auto;position:relative;display:flex;flex-direction:column;justify-content:center;padding-left:2vw;}
.volume-handle{pointer-events:inherit;}
.controls-bar-volume-icon{pointer-events:inherit;}
img.logo{position:absolute;right:1%;bottom:100%;width:auto;height:auto;max-width:150px;max-height:50px;display:block;}
.allContainer.imaMode .logo{display:none;}
.allContainer.imaMode .progress-bar{display:none;}
.allContainer.imaMode .controls{ padding-bottom:0.8vh; padding-top:0.8vh; }
.allContainer.imaMode .player-title { display:block; }
.progress-bar{ touch-action:manipulation ; }
.total-bar{ position:absolute ; top:1vh ; height:4px ; touch-action:manipulation ; }
.buffered-bar{ position:absolute ; top:1vh ; height:4px ; touch-action:manipulation ; }
.played-bar{ position:absolute ; top:1vh ; height:4px ; touch-action:manipulation ; }
.cues-bar{ position:absolute ; top:1vh ; height:4px ; touch-action:manipulation ; }
.controls-bar-buttons,.controls-bar-volume,.controls-bar-time{ margin:0 2vw 0 0 ; touch-action:manipulation ;}
#controls-play-button{margin:0 1vw 0 0;touch-action:manipulation;cursor:pointer;}
.controls-right{ margin:0 0 0 2vw ; touch-action:manipulation ;}
.preSkipContainer{-webkit-tap-highlight-color:rgba(0,0,0,0);bottom:21px;cursor:default;padding:15px 0 15px 15px;pointer-events:auto;
position:absolute;right:0;z-index:100000;opacity:0.9;width:auto;}
.preSkipButton{background:rgba(0,0,0,0.8);min-width:155px;padding:10px;}
.preSkipText{color:#e6e6e6;font-size:100%;padding-right:0px;text-align:center;display:inline-block;width:100%;
vertical-align:middle;line-height:21px;}
.skipContainer{-webkit-tap-highlight-color:rgba(0,0,0,0);bottom:22px;cursor:pointer;padding:15px 0 15px 15px;pointer-events:auto;
position:absolute;right:0;z-index:100000;width:auto;}
.skipAction{-webkit-tap-highlight-color:rgba(0,0,0,0);background:rgba(0,0,0,0.8);border:1px solid rgba(255,255,255,0.5);
border-right:0;box-sizing:content-box;color:#fff;cursor:pointer;direction:ltr;font-size:18px;min-width:150px;padding:10px 7px;
text-align:center;}
.skipIcon{
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAAAAABjvpF0AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAnRSTlMAAHaTzTgAAAACYktHRAD/h4/MvwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEFJREFUGNNjYKARmC+PYP//D2cghJEEEcIogjBhNEGIMIYgSBiL4P14DMH78RjaQUJoghAhFEGYEJIgQghJkB4AAG9cX5X8X+CRAAAAAElFTkSuQmCC);
background-repeat:no-repeat;display:inline-block;height:25px;margin-left:2px;vertical-align:middle;width:20px;}

.onlogo{height:100%;width:auto;display:inline-block;vertical-align:middle;position:absolute;right:.5vw;padding:0.5vh 0vw;max-height:50px;z-index:9999;
        top:50%;transform:translateY(-50%);cursor:pointer;fill:white;}
.onlogo svg{display:block;}

.allContainer.imaMode > div.title > div.onlogo{ display:none ; }
div.onlogo>img{ display:block ; max-height:50px; }
.simframe{position:absolute;width:100%;height:100%;display:flex;flex-flow:row nowrap;z-index:23;}
.simframe>div{flex-shrink:1;flex-grow:1;flex-basis:50%;flex:1 1 50%;background-size:auto 100%;background-position:center;
background-repeat:no-repeat;position:relative;cursor:pointer;}
.nexts{display:flex;flex-flow:column nowrap;}
.nextNext{flex-shrink:1;flex-grow:1;flex-basis:50%;flex:1 1 50%;background-size:100% auto;background-position:center;
background-repeat:no-repeat;position:relative ;}
.nextsTitle{position:absolute;width:100%;height:auto;left:0px;bottom:0px;margin-bottom:1vh;padding:1vh 1vw;color:white;font-size:1.5rem;}
#simCount{top:45%;left:45%;display:inline-block;color:white;background-color:transparent;position:relative;font-size:1.5em;}
.allContainer.imaMode .play-click{width:10%;height:20%;left:45%;top:40%;}
.allContainer.imaMode .play-click-inner{width:100%;height:100%;top:0px;left:0px;transform:none;}
.allContainer.imaMode div.onlogo{ display:none ; }
.age_sign_container{text-align:left;padding-top:1vmin;position:relative;padding-left:1vmin;width:100%;top:1.4em;}
.age_sign{background-color:white;width:5%;height:auto;display:inline-block;border-radius:15%;}
.age_sign>svg{display:block;width:100%;height:auto;}
.age_sign_container > .age_sign{ display : none ; }
.age_sign_container.age_12 > .age_sign_12{ display : inline-block ; }
.age_sign_container.age_16 > .age_sign_16{ display : inline-block ; }
.age_sign_container.age_18 > .age_sign_18{ display : inline-block ; }
.allContainer.imaMode div.age_sign_container > .age_sign{ display : none ; }
#player-full-screen{cursor:pointer;}
div.warningdiv{display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:black;color:white;font: bold 1.2rem Arial,sans-serif;vertical-align:middle;cursor:default;}
div.warningdiv>span{display:inline-block;}
.agewicon{margin:0px 16px;width:15%;height:auto;background-size:contain;display:inline-block;vertical-align:middle;}
.agewicon>img{display:block;width:100%;height:auto;}
.buttonyes{padding:5px 8px;background-color:#e0e0e0;border-radius:12%;margin:0px 10px;border:1px solid black;color:black;cursor:pointer;}

.controls-bar-time{font-size:0.8em;line-height:0.9em;white-space:nowrap;}
.fullscreen .controls-bar-time{font-size:1em;line-height:1.1em;}

@media(orientation:portrait){
.allContainer{font-size:2vh;} 
.fullscreen .allContainer{font-size:2vh;} 
}
@media(orientation:landscape){
.allContainer{font-size:1.5vw;} 
.fullscreen.allContainer{font-size:1.5vw;} 
}
@media (max-width:1000px) and (orientation:landscape){.allContainer{font-size:2vw;} .fullscreen.allContainer{font-size:2vw;} }
@media (max-width:800px) and (orientation:landscape){.allContainer{font-size:2.5vw;} .fullscreen.allContainer{font-size:2.5vw;} }
@media (max-width:700px) and (orientation:landscape){.allContainer{font-size:3vw;} .fullscreen.allContainer{font-size:3vw;} }
@media (max-width:600px) and (orientation:landscape){.allContainer{font-size:3.5vw;} .fullscreen.allContainer{font-size:3.5vw;} }
@media (max-width:500px) and (orientation:landscape){.allContainer{font-size:4vw;} .fullscreen.allContainer{font-size:4vw;} }
@media (max-width:400px) and (orientation:landscape){.allContainer{font-size:4.5vw;} .fullscreen .allContainer{font-size:4.5vw;} }

.pcpcircle{stroke-width:4px;fill:none;}
.pcpinnerarea{stroke:none;}
.pcptriangle{}

.pcmcircle{stroke-width:4px;fill:none;}
.pcminnerarea{stroke:none;}
.pcmspeaker{stroke-width:0px;stroke:none;}

.littlecircle{stroke:none;stroke-width:0px;opacity:0.3;}
.button-ppr{cursor:pointer;}
.controls-bar>svg{pointer-events:all;}
.controls-bar>.button-play,.controls-bar>.button-pause,.controls-bar>.button-replay,.controls-bar>.volm0,.controls-bar>.volm33,
.controls-bar>.volm66,.controls-bar>.mute,.controls-bar.fullscreen>.fullscreen-on,.controls-bar>.fullscreen-off{display:none;}
.controls-bar.play>.button-play,.controls-bar.pause>.button-pause,.controls-bar.replay>.button-replay,
.controls-bar.volm0>.volm0,.controls-bar.volm33>.volm33,.controls-bar.volm66>.volm66,.controls-bar.mute>.mute,
.controls-bar>.fullscreen-on,.controls-bar.fullscreen>.fullscreen-off{display:block;}
.controls-bar>.controls-playlist-prev-button{ order:10 ; }
.controls-bar>.buttons-ppr{ order:20 ; }
.controls-bar>.controls-playlist-next-button{ order:30 ; }

.controls-bar>.controls-bar-time{ order:40 ; }
.controls-bar>.controls-bar-volume-icon{ order:50 ; }
.controls-bar>.volume-panel{ order:60 ; }
.controls-bar>.player-shares{order:80;}
.controls-bar>.resolution-switch{order:80;}
.controls-bar>.player-subtitles{order:90;}
.controls-bar>.player-full-screen{order:100;}
.controls-bar>.controls-spacer{flex-grow:1;order:65;}

.controls-bar{padding:1vh 1vw;} 
.progress-bar{ padding-bottom:0px; }
#OControls{ display:flex;flex-direction:column;justify-content:flex-end; margin-top:0px;padding:1vh 1vw;}
svg.player-full-screen{margin:0;}
@media(min-width:400px){ 
#OControls{ padding:0 2vw; } 
.controls-bar{padding:1vh 2vw;} 
.controls-bar-buttons,.controls-bar-volume,.controls-bar-time{margin:0 2vw 0 0;}
.controls-bar-time{font-size:0.9em;line-height:1em;white-space:nowrap;}
.volume-slider{min-width:50px;}
}
@media(min-height:400px){
#OControls{ padding:0 2vw; } 
.controls-bar{padding:1vh 2vw;} 
.controls-bar-buttons,.controls-bar-volume,.controls-bar-time{margin:0 2vw 0 0;}
.controls-bar-time{font-size:0.9em;line-height:1em;white-space:nowrap;}
.volume-slider{min-width:50px;}
}
.controls-bar .volume-handle{ height:400%;max-height:400%;min-height:400%; }


.controls-bar svg.controls-bar-buttons,.controls-bar>.resolution-switch>svg,.controls-bar>.player-shares>svg,
.controls-bar>.player-subtitles>svg,.controls-bar div.volume-panel{width:auto;height:7vh;max-height:17px;min-height:12px;}