@font-face {
  font-family: 'EuclidFlex';
  src: url('./webfonts/EuclidFlex.eot');
  src: url('./webfonts/EuclidFlex.eot?#iefix') format('embedded-opentype'), 
    url('./webfonts/EuclidFlex.woff') format('woff'),
    /* url('./../../EuclidFlex.ttf') format('truetype'),  */
    url('./webfonts/EuclidFlex.svg') format('svg'); 

  font-style: normal;
  font-weight: 500;
}

/* @font-face {
  font-family: 'EuclidFlex';
  src: url('EuclidFlexBold.eot'); 
  src: url('EuclidFlexBold.eot?#iefix') format('embedded-opentype'), 
    url('EuclidFlexBold.woff') format('woff'), 
    url('EuclidFlexBold.ttf') format('truetype'),
    url('EuclidFlexBold.svg') format('svg');

  font-style: normal;
  font-weight: 700;
} */

.web.screensaver{
  display:none;
  visibility:hidden;
  pointer-events:none;
}



.screensaver {
  display:flex;
  width:2880px; 
  height:1620px;
  z-index: 120;
  position:fixed;
  top:0;
  left:0;
  background-color:rgba(1, 1, 1, 0.2);
  font-size:36px;
  line-height:1.5em;
  color:white;
}
.screensaver.hidden{display:none;}
/*.screensaver .screensaverLogo{
  background-color: #FFFFFF;
  border-radius: 10px;
  width: 250px;
  text-align: center;
  padding: 10px;
  position:absolute;
}*/

/*@keyframes hor-movement {
  from {
    left: 0%;
  }
  to {
    left: calc(100% - 125px);
  }
}

@keyframes ver-movement {
  from {
    top: 0%;
  }
  to {
    top: calc(100% - 50px);
  }
}*/

/*.screensaverLogo {
  animation-name: hor-movement, ver-movement;
  animation-duration: 12s, 15s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
}*/

.screensaver .marquee{
  position:absolute;
  width:2880px;
  height:48px;
  overflow-x: hidden;
  overflow-y:hidden;
  margin:30px 0;
}

.screensaver .marquee.marquee-01{
  top:0;
  left:0;
}

.screensaver .marquee.marquee-02{
  bottom:0;
  left:0;
}

.screensaver .marquee .track{
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 32s linear infinite;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}


#debug{
  position:absolute;
  top:0px;
  left:50px;
  z-index:50;
}
#debug.hidden{
display:none;
}

.ggskin_hotspot.hidden{
  display:none;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
  moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family:"EuclidFlex", Arial, sans-serif;
  font-size:30px;
}








/* VIDEOWALL VERSION */

body{
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
body.videowall .hotspot-wrapper{
  display:flex;
}

body.videowall .hotspot-expander, body.videowall .hotspot-executor{
  position:relative;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  border:none;
  padding:0;
  margin:0;
  display:flex;
  justify-content:center;
  align-items:center;
  height:auto;
  background-color:#1F1E1C;
  color:#FFFFFF;
  font-size:24px;
  line-height:1em;
  cursor: pointer;
}

body.videowall .hotspot-expander{
  width:40px;
  min-width:40px;
  height:40px;
  border-radius:20px;
  z-index:1;
}

body.videowall .hotspot-expander.open{
  /* background-color:#DD6464; */
  
  background-color:black;
  z-index:11;
}

body.videowall .hotspot-executor{
  z-index:0;
  -ms-transform: scaleX(0); /* IE 9 */
  -webkit-transform: scaleX(0); /* Safari */
  transform: scaleX(0);
  transform-origin: 0 0;
  width:auto;
  height:40px;
  /*overflow:hidden;*/
  transition:.25s transform ease-in-out;
  padding:0 40px 0 40px;
  margin-left:-20px;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px;
  white-space: nowrap; 
  min-width: auto;

}

body.videowall .hotspot-executor:after{
  position:relative;
  margin-left:30px;
  content:"\FF0B";
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:30px;
  line-height:1em;
  margin-top:0px;
  width:40px;
  height:40px;
  margin-right:-40px;
  outline:3px solid #FFFFFF;
  border-radius:50%;
  animation: pulse 1.5s infinite;  
  /*border:2px solid white;*/
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255,255,255, 1);
  }
  70% {
    box-shadow: 0 0 0 20px rgba(255,255,255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}

body.videowall .hotspot-executor.open{
  -ms-transform: scaleX(1); /* IE 9 */
  -webkit-transform: scaleX(1); /* Safari */
  transform: scaleX(1);
  height:40px;
  background-color:black;
  z-index:10;
}


body.videowall .hotspot-wrapper.focus-group .hotspot-expander{
    /* background-color:#DD6464; */
  background-color:black;
}
body.videowall .hotspot-wrapper.focus-group .hotspot-executor{
    /* background-color:#DD6464; */
  background-color:black;
}
body.videowall .hotspot-wrapper.focus-group .hotspot-executor:after{}
body.videowall .hotspot-wrapper.focus-group .hotspot-executor.open{}



body.videowall iframe{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  border:none;
  width:100%;
  height:100%;
  background-color:#1F1E1C;
}

body.videowall button{
  font-family:"EuclidFlex", Arial, sans-serif; 
  font-size:30px;
  line-height:1em;   
}

body.videowall{
  font-family:"EuclidFlex", Arial, sans-serif;
  font-size:30px;
  line-height:1em;
  background-color:#1F1E1C;
  overflow: hidden;
}

body.videowall h2{
  font-size:30px;
  line-height:1em;
  margin-bottom:20px;
}

body.videowall p, body.videowall ol, body.videowall li{
  font-family:"EuclidFlex", Arial, sans-serif;
  font-size:30px;
  line-height:48px;  
}

body.videowall p{
  font-size:28px;
  line-height:1.35em;
}

body.videowall main.application{
  position:relative;
  display:flex;
  width: 2880px; 
  height: 1620px;  
}

body.videowall main.application .loader-container{
  position:fixed;
  width:100%;
  height:100%;
  display:none;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  background-color:white;
  z-index:9999;
}
body.videowall main.application .loader-container .loading-outer{
  width:200px;
  height:20px;
  background-color:white;
  border:1px solid #1F1E1C;
  padding:1px;
  margin-top:4px;
  border-radius:2px;
}
body.videowall main.application .loader-container .loading-outer .loading-inner{
  width:50%;
  height:100%;
  background-color:#1F1E1C;
}

body.videowall main.application .application-left{
  padding-top:85px;
  position:relative;
  width: 480px; 
  height: 1720px;
  transition: 0.5s width ease-in-out;
}




body.videowall main.application .application-left iframe{
  position:relative;
}

body.videowall main.application .application-right{
  position:relative;
  width: 2400px; 
  height: 1620px;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;
  transition: 0.5s width ease-in-out;
}
body.videowall.caca main.application .application-left{
  width: 0px; 
 
  
}
body.videowall.caca main.application .application-right{
  width: 2880px; 
  
}
body.videowall main.application .application-right .splashpage{
  height:100%;
  width:100%;
  
  z-index: 40;
  position:absolute;
  
  opacity: 60%;
}
body.videowall main.application .application-right #splashpageIn{
  height:100%;
  width:100%;
  background-color: #FFFFFF;

  position:absolute;
 bottom:0px;
  
}
body.videowall main.application .application-right #container{
  position:absolute;
  /* left:0px; */
  width:2880px; 
  height:1620px;
  z-index:1;
}

body.videowall main.application .application-right .videos-container{
  position:absolute;
  width:2400px; 
  height:1620px;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;  
  z-index:5;
  transition: 0.5s opacity ease-in-out;
}


body main.application .application-right .videos-container .livedata{
  width:100%;
  height:100%;
  position: absolute;
  z-index:6;
  pointer-events: none;
}
body main.application .application-right .videos-container .livedata .databox{
    /* background-color:#DD6464; */
    background-color:black;
  color:#FFFFFF;
  position:absolute;
  padding:30px;
  display:none;
  width:500px !important;
  height:auto !important;
  border:3px solid #1F1E1C;
  border-radius:12px;
  text-align:center; 
}
body main.application .application-right .videos-container .livedata .databox.visible{
  display:block;
}
body main.application .application-right .videos-container .livedata .databox .title{
  font-size:30px;
  line-height:1em;
  margin-bottom:10px;
}
body main.application .application-right .videos-container .livedata .databox .content{
  font-size:48px;
  line-height:1.25em;
}
body.videowall main.application .application-right .videos-container.hidden{
  display:none;
}
body.videowall main.application .application-right .videos-container .videos-close{
  position:absolute;

  top:0px;
  left:0px;
  width: 40px;
  height: 40px;
  background-color: red;
  z-index:4;
  cursor:pointer;
}
body.videowall main.application .application-right .videos-container .video-wrapper{
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;    
}

body.videowall main.application .application-right .videos-container .video-wrapper video{
  position:absolute;
  width:auto;
  height:100%;
  z-index:3;
  
}

body.videowall main.application .application-right .videos-container .video-wrapper .subtitles-element{
  position:relative;
  width:auto;
  height:auto;
  /*bottom:100px;*/
  /*background-color:rgba(255,255,255,1);*/
  font-size:25px;
  line-height:1em;
  /*padding:10px;*/
  z-index:6;
}

body.videowall main.application .application-right .list-container{
  position:absolute;
  background-color:rgba(255,255,255,1);
  width:530px;
  height:auto;
  padding:50px 30px 30px;
  left:0;
  top:460px;
  bottom:unset;
  z-index:20;
  border-bottom-right-radius:60px;
  border-top-right-radius:0;
  transition:.15s bottom ease-in-out;
  display:flex;
  flex-direction:column;
}

body.videowall.a11y-active main.application .application-right .list-container{
  height:660px;
  top:unset;
  bottom:0px;
  border-bottom-right-radius:0;
  border-top-right-radius:0;  
}

body.videowall main.application .application-right .list-container .list-qr-code-container{
  position:absolute;
  top:-220px;
  left:0;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:white;
  padding:20px;
}
body.videowall main.application .application-right .list-container .list-qr-code-container .list-qr-code-qr-code-wrapper{  
  display:flex;
  justify-content:center;
  align-items:center;
}
body.videowall main.application .application-right .list-container .list-qr-code-container .list-qr-code-qr-code-wrapper svg,
body.videowall main.application .application-right .list-container .list-qr-code-container .list-qr-code-qr-code-wrapper img{  
  display:block;
  width:158px;
}
body.videowall main.application .application-right .list-container .list-qr-code-container .list-qr-code-instructions-wrapper{  
  margin:0 20px;
  font-size:24px;
  line-height:30px;
}

body.videowall main.application .application-right .list-container .list-progress-bar-container{  
  position:absolute;
  width:100%;
  left:0;
  top:-4px;
  opacity:0;
}

body.videowall main.application .application-right .list-container .list-progress-bar-container .progress-bar-outer{  
  width:100%;
  height:4px;
}

body.videowall main.application .application-right .list-container .list-progress-bar-container .progress-bar-outer div.progress-bar-inner{  
  width:0%;
  height:4px;
    /* background-color:#DD6464; */
  background-color:black;
}

body.videowall main.application .application-right .list-container .list-play-button-container{  
  position:absolute;
  z-index:-1;
  /*right:30px;
  top:55px;*/
  left:0;
  bottom:50px;
  pointer-events: all;
  display:flex;
  flex-direction:row;
  opacity:0;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}

body.videowall.a11y-active main.application .application-right .list-container .list-play-button-container{  
  bottom:30px;
}

body.videowall main.application .application-right .list-container .list-play-button-container button{  
  margin:0 3px;
}

body.videowall main.application .application-right .list-container .list-play-button-container button.close-button{  
  width:40px;
  height:40px;
  font-size:24px;
  line-height:1em;
  /*opacity:0;*/
}
body.videowall main.application .application-right .list-container .list-play-button-container button.play-pause-button{  
  width:40px;
  height:40px;
  font-size:18px;
  line-height:1em;
  /*opacity:0;*/
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-color:#1F1E1C;
  color:#FFFFFF;
  border:none;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor: pointer;
}
body.videowall main.application .application-right .list-container .list-play-button-container button.play-pause-button .play-symbol{}
body.videowall main.application .application-right .list-container .list-play-button-container button.play-pause-button .play-symbol svg,
body.videowall main.application .application-right .list-container .list-play-button-container button.play-pause-button .play-symbol img{
  display:block;
  height:30px;
  width:auto;
}
body.videowall main.application .application-right .list-container .list-play-button-container button.play-pause-button .pause-symbol{}
body.videowall main.application .application-right .list-container .list-play-button-container button.play-pause-button .pause-symbol svg,
body.videowall main.application .application-right .list-container .list-play-button-container button.play-pause-button .pause-symbol img{
  display:block;
  height:30px;
  width:auto;
}

body.videowall main.application .application-right .list-container .list-play-button-container button.play-pause-button .play-symbol{display:flex;}
body.videowall main.application .application-right .list-container .list-play-button-container button.play-pause-button .pause-symbol{display:none;}
body.videowall main.application .application-right .list-container .list-play-button-container button.play-pause-button.pause .play-symbol{display:none;}
body.videowall main.application .application-right .list-container .list-play-button-container button.play-pause-button.pause .pause-symbol{display:flex;}

body.videowall main.application .application-right .list-container .list-play-button-container .play-pause-button:before{  
/*  display:block;
  margin-left:4px;
  font-size:18px;
  content:"▶";*/
}
body.videowall main.application .application-right .list-container .list-play-button-container .play-pause-button.pause:before{  
/*  content:"||";*/
}
body.videowall main.application .application-right .list-container .list-play-button-container .mute-button,
body.videowall main.application .application-right .list-container .list-play-button-container .volume-up-button,
body.videowall main.application .application-right .list-container .list-play-button-container .volume-down-button
{  
  width:40px;
  height:40px;
  font-size:18px;
  line-height:1em;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-color:#1F1E1C;
  color:#FFFFFF;
  border:none;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor: pointer;  
}

body.videowall main.application .application-right .list-container hr{
  background-color:#1F1E1C;
  height:2px;
  border:none;
  margin:40px 0;
}

body.videowall.a11y-active main.application .application-right .list-container hr{
}

body.videowall main.application .application-right .list-container .scroll-container{
  position:absolute;
  right:30px;
  top:60px;
  display:none;
}

body.videowall.a11y-active main.application .application-right .list-container .scroll-container{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

body.videowall.a11y-active main.application .application-right .list-container .scroll-container button{
  display:flex;
  justify-content:center;
  align-items:center;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  border:none;
  /*border-radius:50%;*/
  width:40px;
  height:40px;
  background-color:#1F1E1C;
  color:#FFFFFF;
  cursor:pointer;
  z-index:1;
}

body.videowall main.application .application-right .list-container ol.list-numbers{
  height:auto;
  overflow-y:hidden;
  margin-left:0em;
}
body.videowall.a11y-active main.application .application-right .list-container ol.list-numbers{
  /*overflow-y:scroll;*/
  overflow-y:hidden;
  height:auto;
  max-height:390px;
}


body.videowall main.application .application-right .list-container ol.list-numbers li{
  margin-left:2em;
}

body.videowall main.application .application-right .list-container ol.list-numbers li button{
  background-color:transparent;
  border:none;
  cursor:pointer;
  padding:5px;
  
}


body.videowall main.application .application-right .list-container ol.list-numbers li div.menu-description{
  /*display:none;*/
  font-size:25px;
  line-height:1.35em;
  margin-left:-1em;
  height:0;
  opacity:0;
  overflow:hidden;
}

body.videowall main.application .application-right .list-container ol.list-numbers li div.menu-description>div{
  margin-top:16px;
  margin-bottom:32px;
  margin-right:40px;
}


body.videowall main.application .application-right .list-container ol.list-numbers li button.focus-group{
    /* background-color:#DD6464; */
  background-color:black;
  color:#FFFFFF;
  outline:none;
  font-weight:700;
}

body.videowall main.application .application-right .list-container ol.list-numbers li button:focus{
  /*  /* background-color:#DD6464; */
  background-color:black;
  color:#FFFFFF;
  outline:none;
  font-weight:700;*/
}




body.videowall main.application .application-right .list-container div.narrator-container{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  opacity:0;
  height:0;
  overflow:hidden;
}
body.videowall main.application .application-right .list-container div.narrator-container .narrator-video-crop{
  width:320px;
  min-width:320px;
  height:320px;
  min-height:320px;
  border-radius:50%;
  overflow:hidden;
  margin-top:30px;
  margin-bottom:10px;
}
body.videowall.a11y-active main.application .application-right .list-container div.narrator-container .narrator-video-crop{
  width:240px;
  min-width:240px;
  height:240px;
  min-height:240px;
}
body.videowall main.application .application-right .list-container div.narrator-container .narrator-video-crop video{
  width:100%;
  height:auto;
  display:block;
}
body.videowall main.application .application-right .list-container div.narrator-container .narrator-video-crop img{
  display:none;
}
body.videowall.web main.application .application-right .list-container div.narrator-container .narrator-video-crop video{
  display:none;
}
body.videowall.web main.application .application-right .list-container div.narrator-container .narrator-video-crop img{
  display:block;
  width:100%;
  height:auto;
  display:block;
}


body.videowall main.application .application-right .list-container div.narrator-container .narrator-video-crop img{  }
body.videowall main.application .application-right .list-container div.narrator-container .narrator-title{
  margin-top:30px;
}
body.videowall main.application .application-right .list-container div.narrator-container .narrator-title h6{
  display:block;
  font-size:26px;
  line-height:1em;
  margin-bottom:20px;
}
body.videowall main.application .application-right .list-container div.narrator-container .narrator-subtitles{}

body.videowall main.application .application-right .list-container div.narrator-container .narrator-subtitles .subtitles-element{
  height:200px;
  font-size:25px;
  line-height:32px;
  text-align:center;
}

body.videowall main.application .application-right .list-container ul.list-videos{
  list-style-type:none;
  overflow:hidden;
}

body.videowall main.application .application-right .list-container ul.list-videos li{}

body.videowall main.application .application-right .list-container ul.list-videos li button{
  background-color:transparent;
  border:none;
  cursor:pointer;  
}

body.videowall main.application .application-right .list-container ul.list-controls{
  list-style-type:none;  
  display:flex;
  justify-content:flex-end;
  overflow:hidden;
  margin-left:-10px;
  width:100%;
}

body.videowall.a11y-active main.application .application-right .list-container ul.list-controls{

}

body.videowall main.application .application-right .list-container ul.list-controls li{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin-left:10px;
  /*width:100%;*/
}

body.videowall main.application .application-right .list-container ul.list-controls li:first-child{
  width:100%;
}


body.videowall main.application .application-right .list-container ul.list-controls li label{
  font-size:18px;
  line-height:1em;
  margin-bottom:10px;
  margin-top:10px;
}

body.videowall.a11y-active main.application .application-right .list-container ul.list-controls li label{
}

body.videowall main.application .application-right .list-container ul.list-controls li button{
  background-color:transparent;
  border:none;
  cursor:pointer;  
  width:60px;
  height:60px;
  background-color:#1F1E1C;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
}

body.videowall main.application .application-right .list-container ul.list-controls li button svg,
body.videowall main.application .application-right .list-container ul.list-controls li button img{
  display:block;
  width:60px;
  height:60px;  
}
body.videowall main.application .application-right .list-container ul.list-controls li button#a11yButton{
}
body.videowall main.application .application-right .list-container ul.list-controls li button#a11yButton .access-symbol{
  display:block;
}
body.videowall main.application .application-right .list-container ul.list-controls li button#a11yButton .non-access-symbol{
  display:none;
}
body.videowall.a11y-active main.application .application-right .list-container ul.list-controls li button#a11yButton{
}
body.videowall.a11y-active main.application .application-right .list-container ul.list-controls li button#a11yButton .access-symbol{
  display:none;
}
body.videowall.a11y-active main.application .application-right .list-container ul.list-controls li button#a11yButton .non-access-symbol{
  display:block;
}

body.videowall main.application .application-right .list-container ul.list-controls li button#allVideosButton{
  width:100%; 
  color:white; 
  border-radius:30px; 
  font-size:24px;
  padding-bottom:1px;
}

body.videowall main.application .application-right .list-container ul.list-media{
  list-style-type:none;
  display:none;
}

body.videowall main.application .videos-modal{
  position:fixed;
  top:0;
  left:0;
  width:2880px; 
  height:1620px; 
  /* background-color:rgba(255,255,255,1);   */
   background-color:#1F1E1C;
  z-index:30;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  visibility:hidden;
  opacity:0;
  transition:0.15s opacity ease-in-out;
}

body.videowall.a11y-active main.application .videos-modal{
  justify-content:flex-end;
}

body.videowall main.application .videos-modal.show{
  visibility:visible;
  opacity:1;
}

body.videowall main.application .videos-modal h2{
  color:white;
}

body.videowall main.application .videos-modal ul{
  margin:0;
  padding:0;
  display:flex;
  list-style-type:none;
  margin:60px 0;
}

body.videowall main.application .videos-modal ul li{
  margin:0 20px;
}

body.videowall main.application .videos-modal ul li button{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  border:none;
  background-color:transparent;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:white;
}

body.videowall main.application .videos-modal ul li button img{
  width:300px;
}

body.videowall main.application .videos-modal ul li button label{
  font-size:30px;
  line-height:1.25em;
  margin-top:10px;
}

body.videowall main.application .videos-modal ul.controls-container{}
body.videowall main.application .videos-modal ul.controls-container{}

body.videowall main.application .videos-modal ul.controls-container li button#videosModalCloseButton{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  border:none;
  background-color:transparent;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  border:4px solid #2F2F2F;
  width:60px;
  height:60px;
  border-radius:50%;
  margin:0;
  padding:0;  
}

body.videowall main.application .videos-modal ul.controls-container li button#videosModalCloseButton img{
  width:60px;
  height:60px;
}

body.videowall main.application .videos-modal ul.controls-container li button#videosModalA11yButton{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  border:none;
  background-color:transparent;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  border:4px solid #2F2F2F;
  width:60px;
  height:60px;
  border-radius:50%;
  margin:0;
  padding:0;
}

body.videowall.a11y-active main.application .videos-modal ul.controls-container li button#videosModalA11yButton{
  background-color:#DD6464 !important;
}

body.videowall main.application .videos-modal ul.controls-container li button#videosModalA11yButton .access-symbol{
  display:flex;
}

body.videowall.a11y-active main.application .videos-modal ul.controls-container li button#videosModalA11yButton .access-symbol{
  display:none;
}

body.videowall main.application .videos-modal ul.controls-container li button#videosModalA11yButton .access-symbol img{
  width:60px;
  height:60px;
}

body.videowall main.application .videos-modal ul.controls-container li button#videosModalA11yButton .non-access-symbol{
  display:none;
}

body.videowall.a11y-active main.application .videos-modal ul.controls-container li button#videosModalA11yButton .non-access-symbol{
  display:flex;
}



body.videowall main.application .videos-modal ul.controls-container li button#videosModalA11yButton .non-access-symbol img{
  width:60px;
  height:60px;
}





body.videowall main.application .application-right .info-modal{
  position:fixed;
  top:0;
  left:0;
  width:2880px; 
  height:1620px;
  background-color:white;  
  z-index:30;
  display:flex;  
  flex-direction:row;
  justify-content:center;
  align-items:flex-start;  
  visibility:hidden;
  opacity:0;
  transition:0.15s opacity ease-in-out;
  padding:100px;
}

body.videowall main.application .application-right .info-modal.show{ 
  visibility:visible;
  opacity:1;
}

body.videowall main.application .application-right .info-modal>div{
  position:relative;
  display:flex;
  flex-direction:column;
}

body.videowall main.application .application-right .info-modal>div:nth-of-type(1){
  flex:3;
}

body.videowall main.application .application-right .info-modal>div:nth-of-type(2){
  flex:1;
}

body.videowall main.application .application-right .info-modal>div:nth-of-type(-1){
  flex:3;
}

body.videowall main.application .application-right .info-modal>div h2{
  font-size:36px;
  line-height:1em;
  width:100%;
  margin-bottom:2em;
}

body.videowall main.application .application-right .info-modal>div .credits{
  display:flex;
  flex-wrap:wrap;
}

body.videowall main.application .application-right .info-modal>div .credits .credited{
  font-size: 24px;
  line-height:1.25em;
  width:calc((100% / 3) - 10px);
  margin:20px 10px 20px 0;
}
body.videowall main.application .application-right .info-modal>div .credits .credited .credited-title{
  font-weight: bold;
}

body.videowall main.application .application-right .info-modal>div .credits .credited .credited-name{
}

body.videowall main.application .application-right .info-modal>div .line {
}

body.videowall main.application .application-right .info-modal>div ul{
  margin:0;
  padding:0;
  display:flex;
  flex-direction:row;
  list-style-type:none;  
  margin:20px 0;
}

body.videowall main.application .application-right .info-modal>div ul li{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  /*margin:0 20px;*/
  min-width:240px;  
}

body.videowall main.application .application-right .info-modal>div ul li svg{
  display:block;
}

body.videowall main.application .application-right .info-modal>div ul li label{
  text-align:left;
  font-size:25px;
  line-height:1.25em;
  margin-top:10px;
  width:170px;
}


body.videowall main.application .application-right .info-modal button{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  border:none;
  background-color:transparent;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  position:fixed;
  top:1440px;
  left:100px;
  bottom:unset;
}












body.videowall main.application  .video-player-modal{
  position:fixed;
  top:0;
  left:0;
  width:2880px;
  height:1620px;
  /* background-color:rgba(255,255,255,1); */
  background-color:#1F1E1C;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  z-index:31;
  /*display:none;*/
  visibility:hidden;
  opacity:0;
  transition:.15s opacity ease-in-out;
}

body.videowall main.application  .video-player-modal.show{
  visibility:visible;
  opacity:1;
}

body.videowall main.application  .video-player-modal>div{
  /*width:1000px;*/
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

body.videowall main.application  .video-player-modal>div .video-player-video-wrapper{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

body.videowall main.application  .video-player-modal>div .video-player-video-wrapper>div{
  position:relative;
  width:2400px;
}
body.videowall main.application  .video-player-modal>div .video-player-video-wrapper>div video{
  position:relative;
  display:block;
  width:100%;
  height:auto;
}

body.videowall main.application  .video-player-modal>div .video-player-video-wrapper>div .video-player-subtitles-element{
  position:relative;
  height: 80px;
  width:100%;
  background-color:#1F1E1C;
  margin:0 auto;
  bottom:0;
  color:white;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:36px;
}

body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container{
  display:flex;
  flex-direction:column;
}

body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container>div{
  display:flex;
  justify-content:space-between;
}

body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container>div>div{
  display:flex;
  justify-content:center;
  align-items:center;
  width:calc(100%/3);
}

body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container>div>div:first-of-type{
  justify-content:flex-start;
}

body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container>div>div:last-of-type{
  justify-content:flex-end;
}

body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container label{
  color:white;
}

body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container button{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  border:none;
  background-color: #1F1E1C;
  color:white;
  cursor:pointer;
  width:60px;
  height:60px;
  display:flex;
  justify-content:center;
  align-items:center;
  border:4px solid #2F2F2F;
  border-radius:50%;
  margin-right:8px;
}

body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container button>div{
}

body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container button>div svg,
body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container button>div img{
  display:block;
  height:60px;
  width:auto;
}
body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container button#videoPlayPauseButton{
}
body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container button#videoPlayPauseButton .play-symbol{
  display:block;
}
body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container button#videoPlayPauseButton .pause-symbol{
  display:none;
}
body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container button#videoPlayPauseButton.pause{
}
body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container button#videoPlayPauseButton.pause .play-symbol{
  display:none;
}
body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container button#videoPlayPauseButton.pause .pause-symbol{
  display:block;
}

body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container button#videoPlayerMuteButton.active {
  background-color:#DD6464;
}


body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container input[type="range"]{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none; 
  background:transparent; 
  flex:1;
}

input[type=range] {}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  background: #2F2F2F;
}
input[type=range]::-webkit-slider-thumb, input[type=range]:disabled::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: blue;
  margin-top: -3px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #2F2F2F;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8px;
  background: #2F2F2F;
}
input[type=range]::-moz-range-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: blue;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8px;
  background: #2F2F2F;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2F2F2F;
}
input[type=range]::-ms-fill-upper {
  background: #2F2F2F;
}
input[type=range]::-ms-thumb {
  height: 20px;
  width: 20px;
  background: blue;
}
input[type=range]:focus::-ms-fill-lower {
  background: #2F2F2F;
}
input[type=range]:focus::-ms-fill-upper {
  background: #2F2F2F;
}









body.videowall main.application  .video-player-modal>div .video-player-video-wrapper div.controls-container p{
  width:100px;
  height:60px;
  background-color:#1F1E1C;
  color:white;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:24px;
  line-height:1em;
}

body.videowall main.application  .video-player-modal>div .video-player-close-wrapper{
  position:relative;
  bottom:60px;
  display:none;
}

body.videowall main.application  .video-player-modal>div .video-player-close-wrapper .close-button{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  border:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  cursor:pointer;  
  width:60px;
  height:60px;
  background-color:#1F1E1C !important;
  color:#FFFFFF !important;
  border-radius:50%;
  margin:0;
  padding:0;
  border:4px solid #2F2F2F;
}




body.videowall main.application  .video-player-modal>div .video-player-previous-next-wrapper{
  position:absolute;
  z-index:1;
  width:360px;
  height:100%;
  /*width:2880px;*/
  /*height:1620px;*/
  display:none;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  display:none;
  pointer-events:none;
}

body.videowall main.application  .video-player-modal>div .video-player-previous-next-wrapper.show{
  display:flex;
}

body.videowall main.application  .video-player-modal>div .video-player-previous-next-wrapper.previous-wrapper{
  display:none !important;
  top:0;
  left:0;
  align-items:flex-start;
}

body.videowall main.application  .video-player-modal>div .video-player-previous-next-wrapper.next-wrapper{
  /* top:0;
  right:0;
  align-items:flex-end; */
}

body.videowall button.video-player-previous-next-button{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  background-color:transparent;
  border:none;
  background-color:#1F1E1C;
  color:white;
  padding:20px;
  pointer-events:auto;
}

body.videowall button.video-player-previous-next-button>div{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
}

body.videowall button.video-player-previous-next-button>div img{
  display:block;
}


body.videowall button.video-player-previous-next-button .video-player-previous-next-arrow{
  padding:0 10px;
  display:none;

}

body.videowall button.video-player-previous-next-button .video-player-previous-next-image{
  width:100%;
  height:100%;
}

body.videowall button.video-player-previous-next-button .video-player-previous-next-label{
  display:block;
  font-size:30px;
  line-height:1em;
  margin:40px 0 0;
  font-weight:600;
}

body.videowall button.video-player-previous-next-button .video-player-previous-next-countdown{
  display:block;
  font-size:24px;
  line-height:1.15em;
  margin:20px 0;
}

body.videowall .close-button{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  border:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  cursor:pointer;  
  width:60px;
  height:60px;
  background-color:#1F1E1C !important;
  color:#FFFFFF !important;
  border-radius:50%;
  margin:0;
  padding:0;
}







body.videowall #muteButton{
  background-color:#1F1E1C;
}

body.videowall #muteButton.active{
    background-color:#DD6464;
  /* background-color:black; */
}

body.videowall #a11yButton{
  background-color:#1F1E1C !important;
}

body.videowall.a11y-active #a11yButton{
  background-color:#DD6464 !important;
    
    /* background-color:black !important; */
}






















body.videowall.web .screensaver{
  width:100%;
  height:100%;
}

body.videowall.web .hotspot-expander, body.videowall .hotspot-executor{
}

body.videowall.web .hotspot-expander{
  min-width:30px;
  width:30px;
  height:30px;
}


body.videowall.web .hotspot-executor{
  height:30px;
}

body.videowall.web .hotspot-executor:after{
  width:30px;
  height:30px;
  font-size:20px;
}

body.videowall.web .hotspot-executor.open{
}

body.videowall.web .hotspot-wrapper.focus-group .hotspot-executor:after{}
body.videowall.web .hotspot-wrapper.focus-group .hotspot-executor.open{}

body.videowall.web button{
  font-size:15px;
  line-height:1em;   
}

body.videowall.web{
  font-size:15px;
  line-height:1em;
}

body.videowall.web h2{
  font-size:15px;
  line-height:1em;
  margin-bottom:20px;
}

body.videowall.web p, body.videowall.web ol, body.videowall.web li{
  font-size:15px;
  line-height:24px;  
}

body.videowall.web p{
  font-size:14px;
  line-height:1.35em;
}

body.videowall.web main.application{
  position:relative;
  width: 100%; 
  height: 100vh;  
}
body.videowall.web main.application .loader-container{
  /*display:flex;*/
  display:none;
}
body.videowall.web main.application .loader-container .loading-outer{}
body.videowall.web main.application .loader-container .loading-outer .loading-inner{}
body.videowall.web main.application .application-left{
  display:none;
}

body.videowall.web main.application .application-right{
  position:relative;
  width: 100%; 
  height: 100%;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;
}
body.videowall.web main.application .application-right #container{
  width:calc(100vh * 1.777778); 
  height:100%;
}

body.videowall.web main.application .application-right .videos-container{
  width:calc(100vh * 1.777778); 
  height:100%;
}

body.videowall.web main.application .application-right .videos-container .livedata .databox{
  padding:30px;
  display:none;
  width:500px !important;
  height:auto !important;
  border:3px solid #1F1E1C;
  border-radius:12px;
}
body.videowall.web main.application .application-right .videos-container .livedata .databox .title{
  font-size:15px;
  line-height:1em;
  margin-bottom:10px;
}
body.videowall.web main.application .application-right .videos-container .livedata .databox .content{
  font-size:24px;
  line-height:1.25em;
}
body.videowall.web main.application .application-right .videos-container .videos-close{
  width: 40px;
  height: 40px;
}
body.videowall.web main.application .application-right .videos-container .video-wrapper{
}

body.videowall.web main.application .application-right .videos-container .video-wrapper video{
}

body.videowall.web main.application .application-right .videos-container .video-wrapper .subtitles-element{
  font-size:12.5px;
  line-height:1em;
}

body.videowall.web main.application .application-right .list-container{
  width:260px;
  padding:25px 15px 15px;
  left:0;
  top:unset;
  display:flex;
  flex-direction:column;
  border-bottom-right-radius: 30px;
}

body.videowall.web main.application .application-right .list-container .list-qr-code-container{
  display:none;
}

body.videowall.web main.application .application-right .list-container .list-progress-bar-container{  
}

body.videowall.web main.application .application-right .list-container .list-progress-bar-container .progress-bar-outer{  
  width:100%;
  height:4px;
}

body.videowall.web main.application .application-right .list-container .list-progress-bar-container .progress-bar-outer div.progress-bar-inner{  
  width:0%;
  height:4px;
}

body.videowall.web main.application .application-right .list-container .list-play-button-container{  
  bottom:20px;
}

body.videowall.web main.application .application-right .list-container .list-play-button-container button{  
  /* margin-bottom:8px; */
}

body.videowall.web main.application .application-right .list-container .list-play-button-container button.close-button{  
  width:20px;
  height:20px;
  font-size:12px;
  line-height:1em;
  /*opacity:0;*/
}
body.videowall.web main.application .application-right .list-container .list-play-button-container button.play-pause-button{  
  width:20px;
  height:20px;
  font-size:9px;
  line-height:1em;
}


body.videowall.web main.application .application-right .list-container .list-play-button-container button.play-pause-button .play-symbol{}
body.videowall.web main.application .application-right .list-container .list-play-button-container button.play-pause-button .play-symbol svg,
body.videowall.web main.application .application-right .list-container .list-play-button-container button.play-pause-button .play-symbol img{
  /*height:7px;*/
  height:20px;
}
body.videowall.web main.application .application-right .list-container .list-play-button-container button.play-pause-button .pause-symbol{}
body.videowall.web main.application .application-right .list-container .list-play-button-container button.play-pause-button .pause-symbol svg,
body.videowall.web main.application .application-right .list-container .list-play-button-container button.play-pause-button .pause-symbol img{
  /*height:7px;*/
  height:20px;
}

body.videowall.web main.application .application-right .list-container .list-play-button-container button.play-pause-button .play-symbol{display:flex;}
body.videowall.web main.application .application-right .list-container .list-play-button-container button.play-pause-button .pause-symbol{display:none;}
body.videowall.web main.application .application-right .list-container .list-play-button-container button.play-pause-button.pause .play-symbol{display:none;}
body.videowall.web main.application .application-right .list-container .list-play-button-container button.play-pause-button.pause .pause-symbol{display:flex;}




body.videowall.web main.application .application-right .list-container .list-play-button-container .play-pause-button:before{  
/*  margin-left:4px;
  font-size:18px;
  content:"▶";*/
}
body.videowall.web main.application .application-right .list-container .list-play-button-container .play-pause-button.pause:before{  
/*  content:"||";*/
}

body.videowall.web main.application .application-right .list-container .list-play-button-container .mute-button,	
body.videowall.web main.application .application-right .list-container .list-play-button-container .volume-up-button,
body.videowall.web main.application .application-right .list-container .list-play-button-container .volume-down-button{    
  background-color:#1F1E1C;
  width:20px;
  height:20px;
  font-size:18px;
  line-height:1em;
}

body.videowall.web main.application .application-right .list-container .list-play-button-container .mute-button img,	
body.videowall.web main.application .application-right .list-container .list-play-button-container .volume-up-button img,
body.videowall.web main.application .application-right .list-container .list-play-button-container .volume-down-button img{  
  width:20px;
  height:20px;  
}

body.videowall main.application .application-right .list-container .list-play-button-container .mute-button.active{	background-color:#DD6464;}
body.videowall.web main.application .application-right .list-container hr{
  background-color:#1F1E1C;
  height:1px;
  border:none;
  margin:20px 0;
}

body.videowall.web main.application .application-right .list-container .scroll-container{
  right:30px;
  top:300px;
}

body.videowall.web main.application .application-right .list-container ol.list-numbers{
}


body.videowall.web main.application .application-right .list-container ol.list-numbers li{
  margin-left:2em;
}

body.videowall.web main.application .application-right .list-container ol.list-numbers li button{
  padding:5px;
}


body.videowall.web main.application .application-right .list-container ol.list-numbers li div.menu-description{
}

body.videowall.web main.application .application-right .list-container ol.list-numbers li div.menu-description>div{
}



body.videowall.web main.application .application-right .list-container div.narrator-container{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  opacity:0;
  height:0;
 }
/*
body.videowall.web main.application .application-right .list-container div.narrator-container .narrator-video-crop{
  width:160px;
  min-width:160px;
  height:160px;
  min-height:160px;
  margin-top:30px;
  margin-bottom:10px;
}
*/
body.videowall.web main.application .application-right .list-container div.narrator-container .narrator-video-crop{display:none;}
body.videowall.web main.application .application-right .list-container div.narrator-container .narrator-video-crop video{
}


body.videowall.web main.application .application-right .list-container div.narrator-container .narrator-title{
  margin-top:30px;
}
body.videowall.web main.application .application-right .list-container div.narrator-container .narrator-title h6{
  font-size:15px;
  line-height:1em;
  margin-bottom:10px;
}
body.videowall.web main.application .application-right .list-container div.narrator-container .narrator-title h6.narratorLabel{
  font-size:13px;
  line-height:1em;
  margin-bottom:10px;
  text-align: center;
  font-weight: lighter;
}
body.videowall.web main.application .application-right .list-container div.narrator-container .narrator-subtitles{}

body.videowall.web main.application .application-right .list-container div.narrator-container .narrator-subtitles .subtitles-element{
  height:120px;
  font-size:13px;
  line-height:1.25em;
}



body.videowall.web main.application .application-right .list-container ul.list-videos li{}

body.videowall.web main.application .application-right .list-container ul.list-videos li button{}

body.videowall.web main.application .application-right .list-container ul.list-controls{}

body.videowall.web main.application .application-right .list-container ul.list-controls li{
  margin-left:10px;
}
body.videowall.web main.application .application-right .list-container ul.list-controls li:last-child{
  display:none;
}

body.videowall.web main.application .application-right .list-container ul.list-controls li label{
  font-size:9px;
  line-height:1em;
  margin-bottom:10px;
  margin-top:10px;
}

body.videowall.web main.application .application-right .list-container ul.list-controls li button{
  width:30px;
  height:30px;
}

body.videowall.web main.application .application-right .list-container ul.list-controls li button svg,
body.videowall.web main.application .application-right .list-container ul.list-controls li button img{
  width:30px;
  height:30px;  
}

body.videowall.web main.application .application-right .list-container ul.list-controls li button#allVideosButton{
  font-size:12px;
  width:100%; 
  color:white; 
  border-radius:30px; 
}
body.videowall.web main.application .application-right .videos-modal{
  position:fixed;
  left:0;
  top:0;
  width:100%; 
  height:100%; 
}

body.videowall.web main.application .application-right .videos-modal h2{

}









body.videowall.web main.application .videos-modal ul{
  margin:30px 0;  
}

body.videowall.web main.application .videos-modal ul li{
  margin:0 20px;
}

body.videowall.web main.application .videos-modal ul li button{}

body.videowall.web main.application .videos-modal ul li button img{
  width:100px;
}

body.videowall.web main.application .videos-modal ul li button label{
  font-size:12px;
  line-height:1.25em;
  margin-top:10px;
}

body.videowall.web main.application .videos-modal ul.controls-container{}

body.videowall.web main.application .videos-modal ul.controls-container li{}

body.videowall.web main.application .videos-modal ul.controls-container li:nth-of-type(2){
  display:none;
}

body.videowall.web main.application .videos-modal ul.controls-container li button#videosModalCloseButton{
  width:30px;
  height:30px;
}

body.videowall.web main.application .videos-modal ul.controls-container li button#videosModalCloseButton img{
  width:30px;
  height:30px;
}

body.videowall.web main.application .videos-modal ul.controls-container li button#videosModalA11yButton{
  width:30px;
  height:30px;
}

body.videowall.web.a11y-active main.application .videos-modal ul.controls-container li button#videosModalA11yButton{
  width:30px;
  height:30px;
}

body.videowall.web main.application .videos-modal ul.controls-container li button#videosModalA11yButton .access-symbol{}

body.videowall.web.a11y-active main.application .videos-modal ul.controls-container li button#videosModalA11yButton .access-symbol{}

body.videowall.web main.application .videos-modal ul.controls-container li button#videosModalA11yButton .access-symbol img{
  width:30px;
  height:30px;
}

body.videowall.web main.application .videos-modal ul.controls-container li button#videosModalA11yButton .non-access-symbol{}

body.videowall.web.a11y-active main.application .videos-modal ul.controls-container li button#videosModalA11yButton .non-access-symbol{}

body.videowall.web main.application .videos-modal ul.controls-container li button#videosModalA11yButton .non-access-symbol img{
  width:30px;
  height:30px;
}










body.videowall.web main.application .application-right .info-modal{
  position:fixed;
  left:0;
  top:0;
  width:100%; 
  height:100%;
}

body.videowall.web main.application .application-right .info-modal>div{}

body.videowall main.application .application-right .info-modal>div:nth-of-type(1){
  flex:6;
}

body.videowall main.application .application-right .info-modal>div:nth-of-type(2){
  flex:1;
}

body.videowall main.application .application-right .info-modal>div:nth-of-type(-1){
  flex:2;
}

body.videowall.web main.application .application-right .info-modal>div h2{
  font-size:15px;
}

body.videowall.web main.application .application-right .info-modal>div .credits{
}

body.videowall.web main.application .application-right .info-modal>div .credits .credited{
  width: calc((100% / 4) - 10px);
  font-size:12px;
  margin:10px 10px 10px 0;
}

body.videowall.web main.application .application-right .info-modal>div .credits .credited .credited-title{
}

body.videowall.web main.application .application-right .info-modal>div .credits .credited .credited-name{
}

body.videowall.web main.application .application-right .info-modal>div .line {
}

body.videowall.web main.application .application-right .info-modal>div ul{
  margin:10px 0;
}

body.videowall.web main.application .application-right .info-modal>div ul li{
  min-width:0;
}

body.videowall.web main.application .application-right .info-modal>div ul li svg{
  display:block;
  width:50px;
  height:auto;
}

body.videowall.web main.application .application-right .info-modal>div ul li label{
  font-size:12px;
  line-height:1.25em;
  margin-top:10px;
}


body.videowall.web main.application .application-right .info-modal button{
  top: unset;
  left:100px;
  bottom:100px;
}







body.videowall.web main.application .application-right .video-player-modal{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  margin:0;
  padding:0;
}

body.videowall.web main.application .application-right .video-player-modal>div{
  position:relative;
  width:100%;
  height:100%;
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-video-wrapper{
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-video-wrapper>div{
  width:100%;
  max-width:1200px;
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-video-wrapper>div video{
}
body.videowall.web main.application .application-right .video-player-modal>div .video-player-video-wrapper>div .video-player-subtitles-element{
  height:60px;
  font-size:24px;
}


body.videowall.web main.application .application-right .video-player-modal>div .video-player-video-wrapper div.controls-container{
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-video-wrapper div.controls-container>div{
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-video-wrapper div.controls-container>div>div{
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-video-wrapper div.controls-container>div>div:first-of-type{
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-video-wrapper div.controls-container>div>div:last-of-type{
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-video-wrapper div.controls-container button{
  width:30px;
  height:30px;
  border:2px solid #2F2F2F;
  margin-right:4px;
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-video-wrapper div.controls-container button>div{
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-video-wrapper div.controls-container button>div svg,
body.videowall.web main.application .application-right .video-player-modal>div .video-player-video-wrapper div.controls-container button>div img,
body.videowall.web main.application .application-right .video-player-modal>div .video-player-video-wrapper div.controls-container button img{
  /*height:7px;*/
  height:30px;
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-video-wrapper div.controls-container input[type="range"]{
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-video-wrapper div.controls-container label[type="range"]{
}











body.videowall.web main.application .application-right .video-player-modal>div .video-player-video-wrapper div.controls-container p{
  width:50px;
  height:30px;
  font-size:12px;
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-close-wrapper{
  bottom:20px;
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-close-wrapper .close-button{
  width:30px;
  height:30px;
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-previous-next-wrapper{
  position:absolute;
  width:140px;
  height:100%;
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-previous-next-wrapper.show{
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-previous-next-wrapper.previous-wrapper{
}

body.videowall.web main.application .application-right .video-player-modal>div .video-player-previous-next-wrapper.next-wrapper{
}

body.videowall.web button.video-player-previous-next-button{
  padding:10px;
}

body.videowall.web button.video-player-previous-next-button .video-player-previous-next-arrow{
}

body.videowall.web button.video-player-previous-next-button .video-player-previous-next-image{
  width:100px
}

body.videowall.web button.video-player-previous-next-button .video-player-previous-next-label{
  font-size:14px;
  font-weight:600;
  margin:20px 0 0;
}

body.videowall.web button.video-player-previous-next-button .video-player-previous-next-countdown{
  font-size:12px;
  line-height:1em;
  margin:10px 0 0;
}

body.videowall.web  .close-button{
  width:30px;
  height:30px;
}















body.mobile{
  height:100vh;
  display:flex;
  flex-direction:column;
}

body.mobile header{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
}
body.mobile header>div{
  display:flex;
  flex-direction:column;  
  justify-content:space-between;
  align-items:center;
  background-color:#1F1E1C;
  color:white;
}
body.mobile header>div.header-left{
  
}
body.mobile header>div.header-right{
  flex:1;
  display:flex;
  flex-direction:row; 
  justify-content:center;
  height:100%;
}
body.mobile header>div h1{
  font-size:18px;
  line-height:1em;
  margin:0;
  padding:0;
}
body.mobile header>div img{
  display:block;
  width:80px;
  margin:10px;
}

body.mobile main{
  display:flex;
  flex-direction:column;
  flex:1;
}

body.mobile main section{
  height:100%;
}

body.mobile main section .container{
  height:100%;
  max-width:100%;
  margin:0;
  padding:0;
}

body.mobile main section .container .row{
  height:100%;
  padding:0;
  margin:0;  
}

body.mobile main section .container .row .col{
  height:100%;
  padding:0;
  margin:0;
}

body.mobile main section .container .row .col>div{
  height:100%;
  display:flex;
  flex-direction:column;
}

body.mobile main section .container .row .col>div div{
  display:block;
  width:100%;
  height:calc( 100vw * 0.5625 );
  /* background-color:black; */
}

body.mobile main section .container .row .col>div label{
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#1F1E1C;
  color:white;
  font-size:12px;
  line-height:1em;
  text-transform:uppercase;
  padding:10px 0;
}

body.mobile main section .container .row .col>div ul{
  flex:1;
  display:flex;
  flex-direction:column;
  margin:0; 
  padding:0;
}

body.mobile main section .container .row .col>div ul li{
  flex:1;
  display:flex;
  flex-direction:column;
  margin:0;
  padding:0;  
}

body.mobile main section .container .row .col>div ul li button{
  flex:1;
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  border:none;
  background-color:transparent;
  font-size:18px;
  line-height:1em;
  border-bottom:1px solid #1F1E1C;
}

body.mobile footer{
  display:flex;
  flex-direction:column;
}

body.mobile .modal{}

body.mobile .modal .modal-dialog{}

body.mobile .modal .modal-dialog .modal-content{}

body.mobile .modal .modal-dialog .modal-content .modal-header{
  border:none !important;
  height:78px;
}

body.mobile .modal .modal-dialog .modal-content .modal-header button{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  border:none;
  background-color:transparent;
  font-size:18px;
  line-height:1em;  
}

body.mobile .modal .modal-dialog .modal-content .modal-body{
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
body.mobile .modal .modal-dialog .modal-content .modal-body>div{
  display:flex;
  justify-content:center;
  align-items:center;
  font-size: 18px;
  line-height:1.25em;  
  text-align:center;
  margin-bottom:20px;
  max-width:200px;
}
body.mobile .modal .modal-dialog .modal-content .modal-body button{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-color:#1F1E1C;
  color:white;
  border:none;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size: 15px;
  line-height:1em;
  padding:14px 14px;
  border-radius:2px;
}
body.mobile .modal .modal-dialog .modal-content .modal-body iframe{
  display:block;
  width:100%;
  height: calc( 100vw * 0.5625 );
}

body.mobile .modal .modal-dialog .modal-content .modal-footer{
  border:none !important;
  height:78px;
}

body.mobile .modal-backdrop{}

body.videowall .application .application-left .hide-top{
  position:absolute;
  z-index: 10;
  left:0px;
  top:0px;
  width: 100%;
  height:235px;
  background-color: rgb(240, 245, 247);
}
body.videowall .application .application-left .hide-top img{
  padding:40px;
  width: 100%;
}
body.videowall .application .application-left .hide-bottom{
  position:absolute;
  z-index: 10;
  left:0px;
  bottom:0px;
  width: 100%;
  height:90px;
  background-color: rgb(240, 245, 247);
}



#clickForSound{
  cursor: pointer;
  display:none;
  position:absolute;
  bottom:30px;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width:300px;
  height:60px;
  background-color:rgba(0, 0, 0, 0.7);
  color:white;
  text-align: center;
  z-index: 10000;
  line-height:60px;
  border-radius: 30px;
  
  
}

#clickForSound.show{
  display: block;
}