html, body {
width: 96%;
height: 96%;
  background: #FFFFFF;
}

#img0 {
opacity: 1.0;
height: 100%;
width: 100%;
background: transparent;
border-radius: 0.0vmin;
border-style: solid;
border-color: #f5cdff;
border-width: 0.1vmin;
}

#img10 {
opacity: 10;
height: 100%;
width: 100%;
background: transparent;
border-radius: 0.0vmin;
border-style: solid;
border-color: #f5cdff;
border-width: 0.1vmin;
}

#img11 {
opacity: 1.0;
height: 100%;
width: 100%;
background: transparent;
object-fit: contain;
border-radius: 0.0vmin;
border-style: solid;
border-color: #f5cdff;
border-width: 0.1vmin;
overflow:hidden;
}


#img12 {
opacity: 1.0;
height: 100%;
width: 100%;
background: #FFFFFF;
border-radius: 0.0vmin;
border-style: solid;
border-color: #f5cdff;
border-width: 0.1vmin;
}

#img13 {
opacity: 1.0;
  max-width:100%; 
  max-height:100%;
  margin:auto;
  display:block;
object-fit: contain;
border-radius: 0.0vmin;
border-style: solid;
border-color: #f5cdff;
border-width: 0.1vmin;
background: #FFFFFF;
}
#img14 {
opacity: 1.0;
  max-width:100%; 
  max-height:100%;
  margin:auto;
  display:block;
object-fit: contain;
border-radius: 0.0vmin;
border-style: solid;
border-color: #f5cdff;
border-width: 0.1vmin;
background: #FFFFFF;
}
#img1 {
opacity: 1.0;
height: 100%;
width:  100%;
object-fit: none;
border-radius: 0.0vmin;
border-style: solid;
border-color: #f5cdff;
border-width: 0.1vmin;
}

#img3 {
opacity: 1.0;
height: 99%;
width: 99%;
border-radius: 0.0vmin;
border-style: solid;
border-color: #f5cdff;
border-width: 0.1vmin;
}
#img31 {
opacity: 1.0;
height: 99%;
width: 99%;
object-fit: contain;
border-radius: 0.0vmin;
}
.container0 {
  z-index:0;
  opacity:1.0;
  width:100%;   
  height:100%;
  position: absolute;
  top:0vmin;
  left:0vmin;
  overflow-y: scroll;
}

#container01 {
  width: 100%;
  height:100%;
  overflow:hidden;
  opacity:1.0;
  position: absolute;
}

.container0::-webkit-scrollbar { 
  /* This is the magic bit */
  display: none;
}

/*--------------------------------- cursor animation*/
  div.cursor {
  /* setting position of cursor */
  z-index:0;
  position: absolute;
  top: 45.0%;  
  left: 50%; 
  transform: translate(-43%, -43%);
  /*display settings*/
  display: inline-block;
  /*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 }
}


#container10 {
  z-index:16;
   opacity:1.0;
   background: transparent;
  max-width:80.5vmin;      
  max-height:51.5vmin;
  position: absolute;  
  top: 231.5vmin;   
  left:9.75vmin;
border-style: solid;
border-color: #f5cdff;
border-width: 0.1vmin;
}

#container12 {
  z-index:16;
   opacity:1.0;
   background: transparent;
  max-width:80.5vmin;      
  max-height:51.5vmin;
  position: absolute;  
  top: 311.5vmin;   
  left:9.75vmin;
border-style: solid;
border-color: #f5cdff;
border-width: 0.1vmin;
}

#container13 {
  z-index:16;
   opacity:1.0;
   background: transparent;
  max-width:80.5vmin;      
  max-height:51.5vmin;
  position: absolute;  
  top: 151.5vmin;   
  left:9.75vmin;
border-style: solid;
border-color: #f5cdff;
border-width: 0.1vmin;
}

#container11 {
  z-index: 16;
  opacity: 0;
  background: #FFFFFF;
  max-width: 80.5vmin;      
  max-height: 8vh;
  position: absolute;  
  overflow: hidden;
  top: 390vmin;
  left:9.75vmin;
}

#container1111 {
  z-index: 16;
  opacity: 0;
  background: #FFFFFF;
  max-width: 80.5vmin;      
  max-height: 8vh;
  position: absolute;  
  overflow: hidden;
  top: 320vmin;
  left:9.75vmin;
}

#container11111 {
  z-index: 16;
  opacity: 0;
  background: #FFFFFF;
  max-width: 80.5vmin;      
  max-height: 8vh;
  position: absolute;  
  overflow: hidden;
  top: 360vmin;
  left:9.75vmin;
}

#container111 {
  z-index: 16;
   opacity: 0;
  background: #FFFFFF;
  max-width: 80.5vmin;      
  max-height: 8vh;
  position: absolute;  
  overflow: hidden;
  top: 175vmin;
  left:9.75vmin;
}
#container112 {
  z-index: 16;
   opacity: 0;
  background: #FFFFFF;
  max-width: 80.5vmin;      
  max-height: 8vh;
  position: absolute;  
  overflow: hidden;
  top: 208.5vmin;
  left:9.75vmin;
}
#container113 {
  z-index: 16;
   opacity: 0;
  background: #FFFFFF;
  max-width: 80.5vmin;      
  max-height: 8vh;
  position: absolute;  
  overflow: hidden;
  top: 223vmin;
  left:9.75vmin;
}
#container114 {
  z-index: 16;
   opacity: 0;
  background: #FFFFFF;
  max-width: 80.5vmin;      
  max-height: 8vh;
  position: absolute;  
  overflow: hidden;
  top: 113.75vw;
  left:9.75vmin;
}
#container15 {
  z-index:16;
   opacity:1.0;
   background: #fff;
  width:80.5vmin; 
  height: 51.5vmin;     
  position: absolute;  
  top: 390.0vmin;
  left:9.75vmin;
border-style: solid;
border-color: #f5cdff;
border-width: 0.1vmin;
}

#map {
  z-index:16;
   opacity:1.0;
   background: #fff;
  width:51.5vmin; 
  height: 51.5vmin;     
  position: absolute;  
  top: 9.0vmin;
  left:9.75vmin;
border-style: solid;
border-color: #f5cdff;
border-width: 0.1vmin;
}
#container161 {
  z-index:16;
   opacity:1.0;
   background:transparent;
  width: 50vmin; 
  display: block;
  height: 70vmin;     
  position: relative;  
  top: 9.0vmin;
  left:9.5vmin;
border-style: solid;
border-color: #f5cdff;
border-width: 0.1vmin;
}

#container16 {
  z-index:16;
   opacity:1.0;
   background:transparent;
  width:51.5vmin; 
  height: 70.5vmin;     
  position: absolute;  
  top: 9.0vmin;
  left:9.75vmin;
border-style: solid;
border-color: #f5cdff;
border-width: 0.1vmin;
}


/*--------------------------------- Dr. No */

#container1 {
   opacity:1.0;
  max-width:23vmin;   
  max-height:23vmin;
  position: absolute;
  top:9vmin;
  left:9.75vmin;
}

#text1 {
  z-index:90;
  position: absolute;
  top:20%;   
  left:10%;
  color:#000;
  opacity:1;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}

/*--------------------------------- Mac */
#container2 {
   opacity:1.0;
  max-width:23vmin;     
  max-height:23vmin;
  position: absolute;
  top: 37.5vmin;   
  left:9.75vmin;
}

#text2 {
  z-index:100;
  position: absolute;
  top:20%;   
  left:10%;
  color:#000;
  opacity:1;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}

/*--------------------------------- $Narrator */
#container3 {
   opacity:1.0;
  max-width:23vmin;
  max-height:23vmin;
  position: absolute;
  top: 66vmin;   
  left:9.75vmin;
}

#text3 {
  z-index:100;
  position: absolute;
  top:20%;   
  left:10%;
  color:#000;
  opacity:1;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}

/*--------------------------------- $events */
#container4 {
  z-index:0;
  opacity:1.0;
  max-width: 52vmin;
  max-height:52vmin;
  position: absolute;
  top:37.5vmin;   
  left:9.75vmin;
}

#text4 {
  z-index:100;
  position: absolute;
  top:67%;   
  left:10%;
  color:#000;
  opacity:0.5;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:6.0vmin;
  font-weight:normal;

}

#text41 {
  z-index:100;
  position: absolute;
  top:67%;   
  left:10%;
  color:#fff;
  opacity:0.5;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:6.0vmin;
  font-weight:normal;

}

/*--------------------------------- $publications */
#container5 {
  z-index:0;
  opacity:1.0;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1.25vmin;
  font-weight: normal;
  line-height: 3vmin;
  max-width:23vmin;      
  max-height:23vmin;
  position: absolute;
  top: 9vmin;   
  left:67.75vmin;
}

#text5 {
  z-index:90;
  position: absolute;
  top:20%;   
  left:10%;
  color:#000;
  opacity:1;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}

/*--------------------------------- $publications */
#text500 {
  position: absolute;
  top:50%;   
  left:0;
  color:#000;
  opacity:1.0;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}

#text501 {
  position: absolute;
  top:70%;   
  left:0;
  color:#000;
  opacity:1.0;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}


/*--------------------------------- $publications */
#container511 {
   opacity:1.0;
  width:23vmin;   
  height:23vmin;
  position: absolute;
  top:9vmin;
  left:9.75vmin;
}

/*--------------------------------- $publications */
#container512 {
  width:23vmin;      
  height:23vmin;
  position: absolute;
  top:9vmin;   
  left:38.75vmin;
}

/*--------------------------------- $publications */
#container513 {
  opacity:1.0;
  width:23vmin;      
  height:23vmin;
  position: absolute;
  top:9vmin; 
  left:67.75vmin; 
}

/*--------------------------------- $publications */
#container521 {
   opacity:1.0;
  width:23vmin;   
  height:23vmin;
  position: absolute;
  top:37.5vmin;
  left:9.75vmin;
}

/*--------------------------------- $publications */
#container522 {
  width:23vmin;      
  height:23vmin;
  position: absolute;
  top:37.5vmin;   
  left:38.75vmin;
}

/*--------------------------------- $publications */
#container523 {
  opacity:1.0;
  width:23vmin;      
  height:23vmin;
  position: absolute;
  top:37.5vmin;  
  left:67.75vmin;
}

/*--------------------------------- $publications */
#container531 {
  z-index:0;
   opacity:1.0;
  width:23vmin;   
  height:23vmin;
  position: absolute;
  top:66vmin; 
  left:9.75vmin;
}

/*--------------------------------- $publications */
#container532 {
   opacity:1.0;
  width:23vmin;      
  height:23vmin;
  position: absolute;
  top:66vmin;   
  left:38.75vmin;
}

/*--------------------------------- $publications */
#container533 {
  opacity:1.0;
  width:23vmin;      
  height:23vmin;
  position: absolute;
  top:66vmin; 
  left:67.75vmin;
}

#container541 {
  z-index:0;
   opacity:1.0;
  width:23vmin;   
  height:23vmin;
  position: absolute;
 top: 94.5vmin; 
  left:9.75vmin;
}

/*--------------------------------- $publications */
#container542 {
   opacity:1.0;
  width:23vmin;      
  height:23vmin;
  position: absolute;
  top: 94.5vmin;   
  left:38.75vmin;
}

/*--------------------------------- $publications */
#container543 {
  opacity:1.0;
  width:23vmin;      
  height:23vmin;
  position: absolute;
  top: 94.5vmin; 
  left:67.75vmin;
}

/*--------------------------------- $publications */
#container51 {
  z-index:0;
  opacity:1.0;
  width:23vmin;      
  height:23vmin;
  position: absolute;
  top: 9vmin;   
  left:38.75vmin;
}

#text51 {
  z-index:90;
  position: absolute;
  top:20%;   
  left:10%;
  color:#000;
  opacity:1;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}
/*--------------------------------- $publications */
#container52 {
   opacity:1.0;
  width:23vmin;      
  height:23vmin;
  position: absolute;
  top: 66vmin;   
  left:67.75vmin;
}

#text52 {
  z-index:90;
  position: absolute;
  top:30%;   
  left:10%;
  color:#000;
  opacity:0.5;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}

/*--------------------------------- $publications */
#container53 {
  z-index:0;
   opacity:1.0;
  width:23vmin;      
  height:23vmin;
  position: absolute;
  top: 447.5vmin; 
  left:9.75vmin;
}

#text53 {
  z-index:90;
  position: absolute;
  top:30%;   
  left:10%;
  color:#000;
  opacity:0.5;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}

/*--------------------------------- $publications */
#container54 {
  z-index:0;
   opacity:1.0;
  width:23vmin;      
  height:23vmin;
  position: absolute;
  top: 94.5vmin; 
  left:9.75vmin;
}

#text54 {
  z-index:90;
  position: absolute;
  top:30%;   
  left:10%;
  color:#000;
  opacity:0.5;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}

/*--------------------------------- $publications */
#container55 {
   opacity:1.0;
  width:80.5vmin;      
  height:103vmin;
  position: absolute;
  top: 66vmin;   
  left:9.75vmin;
}

#text55 {
  position: absolute;
  top:2.5%;   
  left:5%;
  color:#000;
  opacity:0.5;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}

/*--------------------------------- $publications */
#container57 {
 left:9.5vmin;
 top:19vmin;
   opacity:1.0;
  width:80.5vw;      
  height:180vmin;
  position: relative;
  display: block;
}

#text57 {
  position: absolute;
  top:2.5%;   
  left:5%;
  color:#000;
  opacity:0.5;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}

#container58 {
   opacity:1.0;
  width:80%;      
  height:231.5vmin;
  position: absolute;
  top: 66vmin;   
  left:9.75vmin;
}

#text58 {
  position: absolute;
  top:6vmin;   
  left:6vmin;
  right:6vmin;
  color:#000;
  opacity:1.5;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:3.0vmin;
  font-weight:normal;
}

#text580 {
  position: absolute;
  top:6vmin;   
  left:6vmin;
  right:6vmin;
  color:#000;
  opacity:1.5;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}

/*--------------------------------- $publications */
#container56 {
   opacity:1.0;
  width:80.5vmin;      
  height:150.5vmin;
  position: absolute;
  top: 9vmin;   
  left:9.75vmin;
}

#text56 {
  position: absolute;
  top:2.5%;   
  left:5%;
  color:#000;
  opacity:0.5;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}


/*--------------------------------- $impressum */


#container6 {
  z-index:60;
  opacity:1.0;
  width:100%;
  height:10.2%;
  position: absolute;
  background: #FFFFFF;
  top: 89.8%;
  /*height: 20vmin;*/
  left:0;
  bottom:-1%;

}

#container61 {
  z-index:60;
  opacity:1.0;
  width:100%;
  height:10.2%;
  position: relative;
  background: #FFFFFF;
  /*height: 20vmin;*/
  top:5vmin;
  left:0;
  bottom:-1%;

}

#text6 {
  z-index:100;
  position: absolute;
  top:0%;   
  left:9.75vmin;
  color:#000;
  opacity:0;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:3.0vmin;
  font-weight:normal;
}

#text7 {
  z-index:100;
  position: absolute;
  top:0%;   
  left:29.25vmin;
  color:#000;
  opacity:0;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:3.0vmin;
  font-weight:normal;
}

#text8 {
  z-index:100;
  position: absolute;
  top:0%;   
  left:49.25vmin;
  color:#000;
  opacity:0;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:3.0vmin;
  font-weight:normal;
}

#text9 {
  z-index:100;
  position: absolute;
  top:-3vmin;   
  right:9.75vmin;
  color:#000;
  opacity:0.2;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:5.0vmin;
  font-weight:normal;
}
#text91 {
  z-index:100;
  position: absolute;
  width:100%;
  top:-2vmin;   
  text-align: center;
  color:#000;
  opacity:0.5;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}
#text911 {
  z-index:100;
  position: absolute;
  width:100%;
  top:-2vmin;   
  text-align: center;
  color:#000;
  opacity:0.2;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}
#text92 {
  z-index:100;
  position: absolute;
  width:v4min;
  top:-2vmin;   
  left:48%;
  text-align: center;
  color:#000;
  opacity:0.5;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}

#text921 {
  z-index:100;
  position: absolute;
  width:v4min;
  top:-2vmin;   
  left:48%;
  text-align: center;
  color:#000;
  opacity:0.2;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:4.0vmin;
  font-weight:normal;
}

#text93 {
  z-index:100;
  position: absolute;
  top:-3vmin;   
  right:9.75vmin;
  color:#000;
  opacity:0.5;
  font-family: Gotham Light,"M Hei PRC W45","M Hei HK W42","M Hei HK W40","HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:5.0vmin;
  font-weight:normal;
  }
  
#container7 {
  z-index:18;
  opacity:1.0;
  width:100%;
  height:8vmin;
  position: absolute;
  background: #FFFFFF;
  top: 0%;
  /*height: 20vmin;*/
  left:0;
  bottom:-1%;

}

#container8 {
  z-index:18;
  opacity:1.0;
  width:7%;
  height:90%;
  position: absolute;
  background: #FFFFFF;
  top: 0%;
  left:93%;

}

#fadet {
  z-index:90;
  opacity:0.4;
  width:100%;   
  height:1vmin;
  position: absolute;
  top:8vmin;
  left:0;
  background: -moz-linear-gradient( rgba(255,255,255,1), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */
  background: linear-gradient( rgba(255,255,255,1), rgba(255,255,255,0)); /* Standard syntax (must be last) */
  background: -webkit-linear-gradient( rgba(255,255,255,1), rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( rgba(255,255,255,1), rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */
}

#fadeb {
  z-index:90;
  opacity:0.4;
  width:100%;   
  height:0.8%;
  position: absolute;
  top:89%;
  left:0;
  background: -moz-linear-gradient( rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient( rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax (must be last) */
  background: -webkit-linear-gradient( rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
}

/*--------------------------------- $bg animation */
 #cf {
  
  height:96%;
  width:96%;
  top:2%;
  left:2%;
  position:absolute;
  top: 0; bottom:0; left: 0; right:0;
  margin: auto;
}

#cf img {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
 
@keyframes cfFadeInOut {
 
  0% {
    opacity:1;
  }
  4.99% {
    opacity:1;
  }
  6.66% {
    opacity:0;
  }
  98.44% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

#cf img:nth-of-type(1) {
  animation-delay: 210s;
}
#cf img:nth-of-type(2) {
  animation-delay: 195s;
}
#cf img:nth-of-type(3) {
  animation-delay: 180s;
}
#cf img:nth-of-type(4) {
  animation-delay: 165s;
}
#cf img:nth-of-type(5) {
  animation-delay: 150s;
}
#cf img:nth-of-type(6) {
  animation-delay: 135s;
}
#cf img:nth-of-type(7) {
  animation-delay: 120s;
}
#cf img:nth-of-type(8) {
  animation-delay: 105s;
}
#cf img:nth-of-type(9) {
  animation-delay: 90s;
}
#cf img:nth-of-type(10) {
  animation-delay: 75s;
}
#cf img:nth-of-type(11) {
  animation-delay: 60s;
}
#cf img:nth-of-type(12) {
  animation-delay: 45s;
}
#cf img:nth-of-type(13) {
  animation-delay: 30s;
}
#cf img:nth-of-type(14) {
  animation-delay: 15s;
}
#cf img:nth-of-type(15) {
  animation-delay: 0;
}

#cf img.top { 

width: 100%;
height:auto; 
position:absolute;
top: 0; bottom:0; left: 0; right:0;
margin: auto;
animation-name: cfFadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 225s;
animation-direction: repeat;
}


#nortmachine {
	opacity:1.0;
	background: #fff;
	width:1000px; 
	height:750px;     
	position: absolute;
}

#n11 {
  z-index:16;
  opacity:1.0;
  width:22.5vw; 
  height:18.75vw;     
  position: absolute;  
  top: 10vw;
  left:5vw;
  
}
#n12 {
  z-index:16;
  opacity:1.0;
  width:22.5vw; 
  height:18.75vw;     
  position: absolute;  
  top: 10vw;
  left:27.5vw;
}

#n13 {
  z-index:16;
  opacity:1.0;
  width:22.5vw; 
  height:18.75vw;     
  position: absolute;  
  top: 10vw;
  left:50vw;
}

#n14 {
  z-index:16;
  opacity:1.0;
  width:22.5vw; 
  height:18.75vw;     
  position: absolute;  
  top: 10vw;
  left:72.5vw;
}

#n21 {
  z-index:16;
  opacity:1.0;
  width:25vw; 
  height:18.75vw;     
  position: absolute;  
  top: 28.75vw;
  left:5vw;
  
}
#n22 {
  z-index:16;
  opacity:1.0;
  width:22.5vw; 
  height:18.75vw;     
  position: absolute;  
  top: 28.75vw;
  left:27.5vw;
}

#n23 {
  z-index:16;
  opacity:1.0;
  width:22.5vw; 
  height:18.75vw;     
  position: absolute;  
  top: 28.75vw;
  left:50vw;
}

#n24 {
  z-index:16;
  opacity:1.0;
  width:22.5vw; 
  height:18.75vw;     
  position: absolute;  
  top: 28.75vw;
  left:72.5vw;
}

#n31 {
  z-index:16;
  opacity:1.0;
  width:25vw; 
  height:18.75vw;     
  position: absolute;  
  top: 47.5vw;
  left:5vw;
  
}
#n32 {
  z-index:16;
  opacity:1.0;
  width:22.5vw; 
  height:18.75vw;     
  position: absolute;  
   top: 47.5vw;
  left:27.5vw;
}

#n33 {
  z-index:16;
  opacity:1.0;
  width:22.5vw; 
  height:18.75vw;     
  position: absolute;  
   top: 47.5vw;
  left:50vw;
}

#n34 {
  z-index:16;
  opacity:1.0;
  width:22.5vw; 
  height:18.75vw;     
  position: absolute;  
   top: 47.5vw;
  left:72.5vw;
}

#n41 {
  z-index:16;
  opacity:1.0;
  width:25vw; 
  height:18.75vw;     
  position: absolute;  
  top: 66.25vw;
  left:5vw;
  
}
#n42 {
  z-index:16;
  opacity:1.0;
  width:22.5vw; 
  height:18.75vw;     
  position: absolute;  
   top: 66.25vw;
  left:27.5vw;
}

#n43 {
  z-index:16;
  opacity:1.0;
  width:22.5vw; 
  height:18.75vw;     
  position: absolute;  
    top: 66.25vw;
  left:50vw;
}

#n44 {
  z-index:16;
  opacity:1.0;
  width:22.5vw; 
  height:18.75vw;     
  position: absolute;  
   top: 66.25vw;
  left:72.5vw;
}
#n51 {
  z-index:16;
  opacity:1.0;
  width:25vw; 
  height:18.75vw;     
  position: absolute;  
  top: 85.0vw;
  left:5vw;
  
}
#n52 {
  z-index:16;
  opacity:1.0;
  width:22.5vw; 
  height:18.75vw;     
  position: absolute;  
  top: 85.0vw;
  left:27.5vw;
}

#n53 {
  z-index:16;
  opacity:1.0;
  width:22.5vw; 
  height:18.75vw;     
  position: absolute;  
  top: 85.0vw;
  left:50vw;
}

#n54 {
  z-index:16;
  opacity:1.0;
  width:22.5vw; 
  height:18.75vw;     
  position: absolute;  
  top: 85.0vw;
  left:72.5vw;
}