/* UbuntuMono font */
@font-face { font-family: UbuntuMono; src: url('fonts/UbuntuMono-R.ttf'); } 
@font-face { font-family: UbuntuMono; font-weight: bold; src: url('fonts/UbuntuMono-B.ttf');}
@font-face { font-family: UbuntuMono; font-style: italic; src: url('fonts/UbuntuMono-RI.ttf');}

/* Inconsolata font */
@font-face { font-family: Inconsolata; src: url('fonts/Inconsolata-Regular.ttf'); } 
@font-face { font-family: Inconsolata; font-weight: bold; src: url('fonts/Inconsolata-Bold.ttf');}

html, body {
  background: #FFFFFF;
  
  -webkit-font-smoothing: antialiased;
}

/*--------------------------------- cursor animation*/
  div.cursor {
  /* setting position of cursor */
  z-index:90;
  font-size: 14vmin;
  font-weight: normal;
  line-height: 12vmin;
  position: absolute;
  top: 50vh;  
  left: 50vw; 
  transform: translate(-43%, -43%);
  /*display settings*/
  display: inline-block;
  background: #FFFFFF;
  margin-left: 1px;
  /*animation sequence*/
  -webkit-animation: blink 1.36s linear 0s infinite;
  -moz-animation: blink 1.36s linear 0s infinite;
  -ms-animation: blink 1.36s linear 0s infinite;
  -o-animation: blink 1.36s linear 0s infinite;
}

@-webkit-keyframes blink {
  z-index:100;
  0%   { background: #fff }
  47%  { background: #fdfffd }
  50%  { background: #000 }
  97%  { background: #000 }
  100% { background: #fff }
}

@-moz-keyframes blink {
  z-index:90;
  0%   { background: #fff }
  47%  { background: #fdfffd }
  50%  { background: #000 }
  97%  { background: #000 }
  100% { background: #fff }
}

@-ms-keyframes blink {
  z-index:90;
  0%   { background: #fff }
  47%  { background: #fdfffd }
  50%  { background: #000 }
  97%  { background: #000 }
  100% { background: #fff }
}

@-o-keyframes blink {
  z-index:90;
  0%   { background: #fff }
  47%  { background: #fdfffd }
  50%  { background: #000 }
  97%  { background: #000 }
  100% { background: #fff }
}

/*--------------------------------- cursor container */

#container-0 {
  background: #FFFFFF;
  opacity:0.0;
  width: 100%;
  height:100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index:1;
}

/*--------------------------------- images */
#img0 {
z-index:1;
border-radius: 1vmin;
opacity: 0.0;
height: 100%;
width: 100%;
object-fit: contain;
}

#img1 {
opacity: 0.0;
height: 100%;
width:  100%;
object-fit: none;
}

/*--------------------------------- video container */
 
#vids {
  z-index:100;
  opacity:1.0;
  width:80vw;   
  height:55vw;
  max-height:70vh;
  position: absolute;
  top: 10vh;
  left: 10vw;
}

#vids2 { 
  background: #000000;
  z-index:100;
  opacity:1.0;
  width:80vw;   
  height:55vw;
  max-height:70vh;
  position: absolute;
  top: 10vh;
  left: 10vw;
}

#vids3 { 
  background: #000000;
  z-index:100;
  opacity:0;
  width:80vw;   
  height:55vw;
  max-height:70vh;
  position: absolute;
  top: 10vh;
  left: 10vw;
}

#vidimg {
width:  100%;
height: auto; 

position:absolute;
top: 0; bottom:0; left: 0; right:0;
margin: auto;
}

#vid1 {
  z-index:100;
  opacity:1.0;
  max-width:88%;   
  max-height:55%;
  position: absolute;
  top: 10%;
  left: 10%;
  
}
/*--------------------------------- text container */

#container1 {
  z-index:100;
  opacity:1.0;
  width:80vw;   
  height:55vw;
  max-height:70vh;
  position: absolute;
  
  top: 10vh;
  left: 10vmin;
}

#text1 {
  z-index:90;
  position: absolute;
  color:#000;
  opacity:0.5;
font-family: UbuntuMono !important;  font-size: 100%;
  font-size:4.0vmin;
  font-weight:normal;
  align-content: center;
}

#text-new1 {
  z-index: 90;
  position: absolute;
  color: #fff;
  opacity: 1.0;
  height: 10vh;
  width: 100%;
font-family: UbuntuMono !important;  font-size: 100%;
  font-weight: normal;
  text-align: center;
  top : 0%;
  left: 0%;
}

#text-new2 {
  z-index:90;
  position: absolute;
  color:#ff0000;
  opacity:1.0;
  height: 10vh;
  width: 100%;
font-family: UbuntuMono;  font-size:100%;
  font-weight:normal;
  text-align: center;
top: 0; bottom:0; left: 0; right:0;
margin: auto;
}

#text2 {
  z-index:90;
  position: absolute;
  color:#000;
  opacity:0.5;
  width:62vw;
font-family: UbuntuMono;  font-size:100%;
  font-weight:normal;
  align-content: center;
}

/*--------------------------------- $menubar */


#container6 {
  z-index:18;
  opacity:1.0;
  width:100%;
  height:8vmin;
  position: absolute;
  /*height: 20vmin;*/
  left:0;
  bottom:0%;

}

#container8 {
  z-index:18;
  opacity:1.0;
  width:100px;
  height:98%;
  position: absolute;
  background: transparent;
  top: 0%;
  right:0%;
}

#container81 {
  z-index:18;
  opacity:1.0;
  width:100px;
  height:98%;
  position: absolute;
  background: transparent;
  top: 0%;
  left:0%;
}

#container60 {
  display: block;
  filter: invert(100%);
  z-index:18;
  opacity:1.0;
  width:960px;
  height:160px;
  position: relative;  
  margin:auto;
}
#container61 {
  display: block;
  z-index:18;
  opacity:1.0;
  width:960px;
  height:160px;
  position: relative;  
  margin:auto;
}

#container66 {
  width: 99%; 
  position: absolute; 
  bottom: 60px; 
  overflow-y: scroll;
}
#container67 {
  width: 99%; 
  position: absolute; 
  bottom: 60px; 
  overflow-y: scroll;
}

#img61 {
  display: block;
  z-index:36;
  opacity:1.0;
  width:960px;
  height:160px;
  position: relative;  
  margin:auto;
}

  #text00 {
  z-index:100;
  position: absolute;
  opacity:0.5;
  display: inline-block;
  top:45%;
  right:5.0vmin;
  color:#000;
  font-family: UbuntuMono;  font-size:200%;
  font-weight:normal;
  }
  
  #text01 {
  z-index:100;
  opacity:0.5;
  color:#000;
  font-family: UbuntuMono;  font-size:200%;
  font-weight:normal;
  top:50%;
  }

#text6 {
  z-index:100;
  position: absolute;
  top:-55%;   
  left:10vmin;
  color:#000;
  opacity:0.5;
font-family: UbuntuMono;  font-size:200%;
  font-weight:normal;
}

#text61 {
  z-index:100;
  position: absolute;
  top:-55%;   
  left:10vmin;
  color:#000;
  opacity:0.5;
font-family: UbuntuMono;  font-size:200%;
  font-weight:normal;
}

#text7 {
  z-index:100;
  position: absolute;
  top:-4vmin;   
  left:34.0vmin;
  color:#000;
  opacity:0.5;
font-family: UbuntuMono;  font-size:200%;
  font-weight:normal;
}

#text8 {
  z-index:100;
  position: absolute;
  top:-4vmin;   
  left:56.0vmin;
  color:#000;
  opacity:1.0;
font-family: UbuntuMono;  font-size:120%;
  font-weight:normal;
}

#text9 {
  z-index:100;
  position: absolute;
  top:-4vmin;   
  right:10.0vmin;
  color:#000;
  opacity:0.5;
font-family: UbuntuMono; font-size:200%;
  font-weight:normal;
}
#text61 {
  z-index:100;
  position: absolute;
  top:-4vmin;   
  left:10vmin;
  color:#000;
  opacity:0.3;
font-family: UbuntuMono;  font-size:120%;
  font-weight:normal;
}

#text71 {
  z-index:100;
  position: absolute;
  top:-4vmin;   
  left:31.5vmin;
  color:#000;
  opacity:0.2;
font-family: UbuntuMono;  font-size:120%;
  font-weight:normal;
}

#text81 {
  z-index:100;
  position: absolute;
  top:-4vmin;   
  left:54.0vmin;
  color:#000;
  opacity:0.2;
font-family: UbuntuMono;  font-size:120%;
  font-weight:normal;
}

#text91 {
  z-index:100;
  position: absolute;
  top:-55%;   
  right:10.0vmin;
  color:#000;
  opacity:0.2;
font-family: UbuntuMono;  font-size:120%;
  font-weight:normal;
}
 #text93 {
  z-index:100;
  position: absolute;
  top:-55%;   
  right:9.75vmin;
  color:#000;
  opacity:0.5;
  font-family: UbuntuMono;  font-size:200%;
  font-weight:normal;
  }
/*--------------------------------- $PPT-Dread Loader */

.loaderimg1 {
position: absolute;
top: -100%;
left: -100%;
width: 300%;
height: 300%;
background: transparent;
/*border: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left:  1px solid #c3bbc6;
border-top:  1px solid #c3bbc6;
border-right:  1px solid #c3bbc6;*/
object-fit:contain;
}

.loaderimg2 {
position: absolute;
top: -100%;
left: -100%;
width: 300%;
height: 300%;
background: transparent;
/*border: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left:  1px solid #c3bbc6;
border-top:  1px solid #c3bbc6;
border-right:  1px solid #c3bbc6;*/
object-fit:contain;
display: none;
}

#loader_sequence {
z-index:0;
position: absolute;
width: 100%;
height: 100%;
object-fit:contain;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow:hidden;
}

#dynamic_loader_segment {
/*width:98vmin;
height:65.44vmin;*/
width:98%;
height:98%;
z-index:0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display:none;
}

#static_loader_segment {
/*width:98vmin;
height:65.44vmin;*/
width:98%;
height:98%;
z-index:10;
position: absolute;
background: transparent;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display:none;
}