.allContainer{ 
  position : absolute ; 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
  touch-action : none ;
}
.allContainer video {
    display: block;
    position : absolute ;
    width : 100%;
    height : 100% ;
    background: none ;
}
.icont{
  width:100%;
  height:100%;
  max-height:100%;
  max-width : 100% ;
  overflow:hidden;
  top:0px;
  left:0px;
  position:absolute;
  display : none ;
}
.playerContainer{
  width:100%;
  height:100%;
  max-height:100%;
  max-width : 100% ;
  overflow:hidden;
  top:0px;
  left:0px;
  position:absolute;
}
.allContainer.imaMode .icont{ display : block ; }
.play-click-inner { pointer-events : none ; touch-action : none ; }
svg{ pointer-events : none ; touch-action : none ; }
path{ pointer-events : none ; touch-action : none ; }
div{ touch-action : none ; }
video{ touch-action : none ; }
img{ touch-action : none ; }
iframe{ touch-action : none ; }
.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;
}
.titin{
  height : 100% ;
  max-height : 100px ; 
  white-space : nowrap ;
}
.subtitle-list-item:hover{ text-decoration : underline ; }
.resolution-list-item:hover{ text-decoration : underline ; }
.player-subtitles-list{ z-index : 1 ; }
.player-share-list{ z-index : 1 ; }
.resolution-list{ z-index : 1 ; }
.player-title { height:1.4em }
.volume-panel {
  display : inline-block ;
  width : auto ;
  position: relative ;
}
.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{ margin-top:-1vh; padding-top:1vh; margin-bottom:0; padding-bottom:1.5vh; touch-action : none ; }
.total-bar{ position : absolute ; top : 1vh ; height : 4px ; touch-action : none ; }
.buffered-bar{ position : absolute ; top : 1vh ; height : 4px ; touch-action : none ; }
.played-bar{ position : absolute ; top : 1vh ; height : 4px ; touch-action : none ; }
.cues-bar{ position : absolute ; top : 1vh ; height : 4px ; touch-action : none ; }
.controls-bar-buttons,.controls-bar-volume,.controls-bar-time{ margin: 0 2vw 0 0 ; touch-action : none ;}
#controls-play-button{ margin: 0 1vw 0 0 ; touch-action : none ; }
.controls-right{ margin: 0 0 0 2vw ; touch-action : none ;}

.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: 1000;
  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: 1000;
  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;
}
.titin{ top : 60% ; }
.controls-bar svg { width: 2.5vw }
@media(min-width: 1200px) {
.controls-bar .volume-handle { width:1.5vw }
.controls-bar svg { width: 2vw }
.allContainer { font-size:110% }
.controls{ padding: 1vh 2vw 1.4vh; }
}
@media(min-width: 1366px) {
.fullscreen .controls-bar .volume-handle { width:1vw }
.fullscreen .controls-bar svg { width: 1.5vw }
.fullscreen .allContainer { font-size:110% }
.controls-bar .volume-handle { width:1.3vw }
.controls-bar svg { width: 2vw }
.controls{ padding: 1vh 2vw 1.2vh; }
}
@media(min-width: 1920px) {
.fullscreen .controls-bar .volume-handle { width:1.5vw }
.fullscreen .controls-bar svg { width: 2vw }
.fullscreen .allContainer { font-size:150% }
.allContainer { font-size:150% }
.controls{ padding: 1vh 2vw 1vh; }
}
@media(max-width: 800px) {
.controls-bar svg { width: 3vw }
}
@media(max-width: 760px) {
.play-click { height:75% }
}
@media(max-width: 700px) {
.controls-bar .volume-handle { width:2.2vw }
.allContainer { font-size:90% }
}
@media(max-width: 650px) {
.onlogo { height:85% }
}
@media(max-width: 600px) {
.controls-bar svg { width:4vw }
.progress-bar{ margin-bottom:0vh; padding-bottom:1.5vh; padding-top:1.5vh; margin-top:-0.5vh; }
}
@media(max-width: 550px) {
.controls-bar svg { width:6vw }
.controls-bar .volume-handle { width:3.2vw }
.volume-slider { width:15vw }
}
@media(max-width: 500px) {
.play-click { height:70% }
.allContainer { font-size:80% }
}
@media(max-width: 400px) {
.progress-bar{ margin-bottom:0vh; padding-bottom:2.5vh; padding-top:1.5vh; margin-top:-0.5vh; }
}
@media(max-width: 380px) {
.allContainer { font-size:70% }
}

div.onlogo{
  position : absolute ;
  width : auto ;
  height : 100% ;
  max-height : 50px ;
  z-index:9999 ;
  right : 1vw ;
  top : 0px; 
  cursor : pointer ;
}
.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 ;
}
.allContainer.imaMode div.onlogo{ display : none ; }