/* demo page styles */
* {
	margin: 0;
	padding: 0;
}
body {
    color:#fff;
    background:#000;
 	width:100%;
	height:100%;
	margin:auto;
    padding:0;
    font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;
    text-align:center;
}
container {
    border:0px #333 solid;
    margin:0px auto;
    border-radius:0px;
}

nav {
  background-color: #000000;
    width: 100%;
    display: table;
}

nav button {
	border: none;
 }

#logo{
    display: table-cell;
  width: 50px;
  align: left;
    margin:5px 5px;
    padding:5px 5px;
}

#logo2{
    margin:5px 5px;
    padding:5px 5px;
    display: table-cell;
   align: right;
 width: 50px;
}

#transition{
    display: table-cell;
  align: center;
}


.styleButton {
    background-color: Transparent;
    overflow: hidden;
}

button {
    background-color: Transparent;
    cursor:pointer;
    overflow: hidden;
    padding: 5px;
    border: none;
}

#topmenu{
       display: none;
}

#menu{
	position: fixed;
	width:100%;
	height:105px;
	bottom: 0px;
	background-color: #000000;
}
.image_carousel li {
	font-family:helvetica,arial,sans-serif;
	font-size:11px;
	border: 1px solid #333;
    	margin: 4px;
	padding: 0px;
	display: block;
	float: left;
	text-align: center;
}
.image_carousel li.menuLinks {
	height: 90px;
    	overflow: hidden;
    	white-space: nowrap;
    	line-height:30px;
}

.clearfix {
	float: none;
	clear: both;
}

video {
  	position: fixed;
  	right: 0; bottom: 0;
	min-width: 100%;
	min-height: 100%;
    	pointer-events: none;
}


#video-foreground2 {
  overflow: hidden;
mix-blend-mode: difference;
    display:none;
    	pointer-events: none;
}

.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;

}
#video-foreground, #video-foreground2,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16/9) {
	#video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
	#video-foreground { width: 300%; left: -100%; }
}
@media (min-aspect-ratio: 16/9) {
	#video-foreground2 { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
	#video-foreground2 { width: 300%; left: -100%; }
}
@supports (object-fit: cover) {
  #video-foreground2 > video {
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
  }
}