/* 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');}


/* fade in effect */

html {
 /*background-color:#dac6c2;*/
 background-color:#000;
 /*background-image:  linear-gradient(to right, #141414, black, #141414);*/
}



.stream::-webkit-scrollbar-track-piece:start {
    background: transparent url('images/scroller_bg.png') repeat-y !important;
}

.stream::-webkit-scrollbar-track-piece:end {
    background: transparent url('images/scroller_bg.png') repeat-y !important;
}


.stream::-webkit-scrollbar
{
    width:0px;
}
.stream::-webkit-scrollbar-track-piece
{
    background-color:transparent;
}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

body {
 opacity: 1;
 transition: 1s opacity;
 background:	#transparent;
 overflow: hidden;
}
    
body.fade-out {
 opacity: 0;
 transition: none;
}




a:link {
 color : #fff;
 text-decoration: none;
}
a:visited {
 color : #ffd2d2;
 text-decoration: none
}

a:hover {
  color: #ff1400;
  text-decoration: underline;
}

a:active {
  color: #d40000;
  text-decoration: underline;
}

 */

.unselectable {
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}



/* scrollbox */
  
.scroll-box {
 z-index:80;
 position: absolute;
 height: 66px;
 left: 50%;
 transform: translate(-50%, -50%);
 overflow-y: hidden;
 overflow-x: hidden;
 margin-top: 60px;
}

.image {
 z-index:80;
 cursor: pointer;
 color: #fff;
 background: #transparent;
 border-bottom:1px solid transparent;
 border-top:1px solid transparent;
 border-left:1px solid transparent;
 border-right:1px solid transparent;
 margin-left:8px;
 margin-right:8px;
 outline: none; 
 outline: 0;
 height: 64px;
 width: 64px;
 object-fit: contain; 
}

.lazyload{
 z-index:80;
 cursor: pointer;
 color: #fff;
 background: #transparent;
 border-bottom:1px solid transparent;
 border-top:1px solid transparent;
 border-left:1px solid transparent;
 border-right:1px solid transparent;
 margin-left:8px;
 margin-right:8px;
 outline: none; 
 outline: 0;
 height: 64px;
 width: 64px;
 object-fit: contain; 
}

.lazyloaded{
 z-index:80;
 cursor: pointer;
 color: #fff;
 background: #transparent;
 border-bottom:1px solid transparent;
 border-top:1px solid transparent;
 border-left:1px solid transparent;
 border-right:1px solid transparent;
 margin-left:8px;
 margin-right:8px;
 outline: none; 
 outline: 0;
 height: 64px;
 width: 64px;
 object-fit: contain; 
}

.active_now{
 position: fixed;
 margin-left:8px;
 margin-right:8px;
 height: 64px;
 width: 64px;
 z-index:80;
 cursor: pointer;
 color: #fff;
 background: #transparent;
 border-bottom:1px solid transparent;
 border-top:1px solid transparent;
 border-left:1px solid transparent;
 border-right:1px solid transparent;
 outline: none; 
 outline: 0;
 display: none;
}

.image2 {
	z-index:80;
    height: 40px;
    width: 40px;
    object-fit: contain; 
}

.scroll-arrows {
	z-index:80;
    text-align: center;
}

.scroll-arrows div {
	z-index:80;
    display: inline-block;
    margin-top:15px;
    width: 41px;
    padding: 0px;
    cursor: pointer;
    color: #fff;
    background: #transparent;
}

#textI {
	position: absolute;
	width:90%;
	height:86%;
	bottom: 20px;
	color:#fff;
	font-family: Inconsolata;  
	font-size:20px;
	font-weight:normal;
	overflow-y:scroll;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#text1 {
  z-index:100;
  position: absolute;
  width:82px;
  text-align: left;
  color:#fff;
  top: 20px;
  opacity:0.8;
  font-family: Inconsolata;  
  font-size:20px;
  font-weight:normal;
  outline: none;
}

#text0 {
	z-index:101;
	position: absolute;
    color: #fff;
    font-family: Inconsolata;
    font-size: 20px;
    font-weight: normal;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80vmin;
    height: 41px;
}

.text0 {
	z-index:101;
	position: absolute;
    color: #fff;
    font-family: Inconsolata;
    font-size: 20px;
    font-weight: normal;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80vmin;
    height: 41px;
}

#text000 {
z-index:90;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
top: 19.1%;
right: 1.0vw;
position: absolute;
  color:#fff;
  opacity:1.5;
  height:41px;
  width:41px;
  text-align: center;
  font-family: Inconsolata;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
}

#text01 {
z-index:90;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
top: 19.1%;
margin-top: 82px;
right: 1.0vw;
position: absolute;
  color:#fff;
  opacity:1.5;
  height:41px;
  width:41px;
  text-align: center;
  font-family: Inconsolata;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
}

#text010 {
z-index:90;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
top: 19.1%;
margin-top: 82px;
right: 1.0vw;
position: absolute;
  color:#fff;
  opacity:1.5;
  height:41px;
  width:41px;
  text-align: center;
  font-family: Inconsolata;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
}


#text02 {
z-index:90;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
top: 19.1%;
margin-top: 41px;
right: 1.0vw;
position: absolute;
  color:#fff;
  opacity:1.5;
  height:41px;
  width:41px;
  text-align: center;
  font-family: Inconsolata;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
}


#text00 {
 text-align: center;
}

.text11 {
  z-index:100;
  color:#fff;
  font-family: Inconsolata;  
  font-size:20px;
  font-weight:normal;
  outline: none;
}

.marker {
  z-index:100;
  position: absolute;
  width:82px;
  text-align: center;
  color:#fff;
  top: -21px;
  opacity:1.0;
  font-family: Inconsolata;  
  font-size:20px;
  font-weight:normal;
  outline: none;
}

#text3 {
z-index:89;
margin-bottom: 20px;
bottom:0px;
right: 1.0vw;
position: absolute;
  color:#fff;
  opacity:1.5;
  height:41px;
  width:41px;
  font-family: Inconsolata;  
  font-size:40px;
  font-weight:normal;
  outline: none;
}

#text4 {
z-index:89;
margin-bottom: 20px;
top:15px;
left: 1.0vw;
position: absolute;
  color:#fff;
  opacity:0.7;
  height:40px;
  width:4opx;
  font-family: UbuntuMono;  
  font-size:40px;
  font-weight:normal;
  outline: none;
  text-align: center;
}


/* toggle clean view */

.show0 {
z-index:89;
margin-left: 0px;
top: 19.1%;
right: 1.0vw;
position: absolute;
  color:#cbcbcb;
  opacity:1.5;
  height:82px;
  width:41px;
  font-family: UbuntuMono;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
  text-align: center;
  margin-top:0;
  margin-bottom:0;
}

/* Sidemenus & stuff */

#sidemenu{
z-index:90;
margin-left: 0px;
margin-top:25px;
right: 0.8vw;
position: absolute;
  color:#fff;
  opacity:0.7;
  height:165px;
  width:41px;
  font-family: UbuntuMono;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
  text-align: center;
}
.sidemenu-txt{
z-index:89;
  color:#fff;
  opacity:0.7;
  height:82px;
  width:41px;
  font-family: UbuntuMono;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
  text-align: center;
}
.sidemenu-txt1{
z-index:89;
  color:#FFD2D2;
  opacity:0.7;
  height:82px;
  width:41px;
  font-family: UbuntuMono;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
  text-align: center;
}

#sidemenu2{
z-index:89;
margin-left: 0.8vw;
margin-left: 0.8vw;
margin-top: 25px;
position: absolute;
  color:#fff;
  opacity:0.7;
  height:82px;
  width:41px;
  font-family: UbuntuMono;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
  text-align: center;
}

.sidemenu-txt2{
z-index:89;
  color:#fff;
  opacity:0.7;
  height:82px;
  width:41px;
  font-family: UbuntuMono;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
  text-align: center;
  object-fit:contain;
}

#sidemenu3{
top: 130px;
bottom: 0.8vh;
left: 0.0vw;
position: absolute;
color: #fff;
width: 300px;
outline: none;
display: none;
}

#sidemenutest{
top: 130px;
bottom: 0.8vh;
left: 0.0vw;
position: absolute;
color: #fff;
width: 300px;
outline: none;
}

#quaters{
margin-left: 132.5px;
margin-top: 0px;
width:95px;
}

#months{
margin-left: 132.5px;
margin-top: 0px;
width:73px;
}

#stream {
top:0%;
margin-left:0.8vw;
position:absolute;
width:300px;
direction: rtl;
left:0px;
bottom: 20px;
scrollbar-width: none;
}

.stream {
overflow: auto;
}

#test0 {
z-index:100;
direction:ltr;
}

#test00 {
z-index:100;
direction:ltr;
margin-left: 0.8vw;
margin-top:0;
}


.sidemenu-txt31{
z-index:80;
margin-left: 0px;
margin-left: 0px;
left: 8px;
position: absolute;
  color:#afafaf;
  font-family: UbuntuMono;  
  font-size:100%;
  font-weight:normal;
  outline: none; 
  text-align: center;
  overflow: auto;
  background-color:#000;
  margin-bottom:0;
margin-top:0;

}
.sidemenu-txt33 {
 z-index:80;
 margin-left: 14px;
 position: absolute;
  font-family: UbuntuMono;  
  font-size:100%;
  font-weight:normal;
  outline: none; 
  overflow: auto;
  background-image:linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,9));
  margin-bottom:0;
margin-top:0;
opacity:0.7;
}

.sidemenu-txt330{
 z-index:79;
 margin-left: 14px;
 position: absolute;
  font-family: UbuntuMono;  
  font-size:100%;
  font-weight:normal;
  outline: none; 
  overflow: auto;
  background-image:linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,9));
  margin-bottom:0;
margin-top:0;
opacity:0.7;
}


.sidemenu-txt331{
 z-index:80;
 margin-left: 14px;
 position: absolute;
  font-family: UbuntuMono;  
  font-size:100%;
  font-weight:normal;
  outline: none; 
  overflow: none;
  background-image:linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,9));
  margin-bottom:0;
margin-top:0;
opacity:0.7;
}

.sidemenu-txt332{
 z-index:80;
 position: relative;
  font-family: UbuntuMono;  
  font-size:100%;
  font-weight:normal;
  outline: none; 
  overflow: none;
  background-image:linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,9));
  margin-bottom:0;
margin-top:0;
opacity:0.7;
}


.sidemenu-txt333{
 z-index:100;
  font-family: UbuntuMono;  
  font-size:100%;
  font-weight:normal;
  outline: none; 
  background-image:linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,9));
  margin-bottom:0;
margin-top:0;

opacity:0.7;
}

.sidemenu-txt334{
 z-index:80;
 margin-left: 14px;
 position: absolute;
  font-family: UbuntuMono;  
  font-size:100%;
  font-weight:normal;
  outline: none; 
  overflow: auto;
  background-image:linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,9));
  margin-bottom:0;
margin-top:0;
opacity:0.7;
}


.sidemenu-txt3333{
 z-index:100;
 position: absolute;
  font-family: UbuntuMono;  
  font-size:100%;
  font-weight:normal;
  outline: none; 
  overflow: auto;
  background-image:linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,9));
  margin-bottom:0;
margin-top:0;
opacity:0.7;
}

.sidemenu-txt3{
z-index:0;
direction:ltr;
margin-left: 14px;
position: absolute;
  font-family: UbuntuMono;  
  font-size:100%;
  font-weight:normal;
  outline: none; 
  text-align: center;
  overflow: auto;
  background-image:linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0.9));
opacity:0.7;
}

.sidemenu-txt32{
z-index:89;
opacity:0.7;
margin-left: 0px;
left: 8px;
  color:#FFD2D2;
  font-family: UbuntuMono;  
  font-size:100%;
  font-weight:normal;
  outline: none; 
  text-align: center;
  overflow: auto;
}


.hide0 {
z-index:89;
margin-left: 0px;
top: 19.1%;
right: 1.0vw;
position: absolute;
  color:#fff;
  opacity:1.5;
  height:41px;
  width:41px;
  font-family: UbuntuMono;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
  text-align: center;
}

.show {
z-index:89;
margin-left: 0px;
top: 19.1%;
left: 1.0vw;
position: absolute;
  color:#fff;
  opacity:1.0;
  height:41px;
  width:41px;
  font-family: UbuntuMono;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
  text-align: center;
}

.hide {
z-index:89;
margin-left: 0px;
top: 19.1%;
left: 1.0vw;
position: absolute;
  color:#fff;
  opacity:1.0;
  height:41px;
  width:41px;
  font-family: UbuntuMono;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
  text-align: center;
}



/* page forward / backward */

.arrow-right {
z-index:89;
position: absolute;
right: 10vw;
  color:#fff;
  opacity:0.7;
  height:41px;
  width:33vw;
  font-family: Inconsolata;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
  text-align: left;
  bottom: 25px;
  display: none;
}

.arrow-left {
z-index:89;
position: absolute;
left: 10vw;
  color:#fff;
  opacity:0.7;
  height:41px;
  width:33vw;
  font-family: Inconsolata;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
  text-align: right;
  bottom: 25px;
  display: none;
}

.arrow-right0 {
z-index:89;
position: absolute;
right: 10vw;
  color:#fff;
  opacity:0.7;
  height:41px;
  width:33vw;
  font-family: Inconsolata;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
  text-align: left;
  bottom: 25px;
}

.arrow-left0 {
z-index:89;
position: absolute;
left: 10vw;
  color:#fff;
  opacity:0.7;
  height:41px;
  width:33vw;
  font-family: Inconsolata;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
  text-align: right;
  bottom: 25px;
}

.data_arrow-left {
z-index:89;
position: absolute;
cursor: pointer;
left: 10vw;
  color:#fff;
  opacity:0.7;
  height:41px;
  width:33vw;
  font-family: Inconsolata;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
  text-align: right;
  bottom: 25px;
  display: none;
}

.data_arrow-right {
z-index:89;
position: absolute;
cursor: pointer;
right: 10vw;
  color:#fff;
  opacity:0.7;
  height:41px;
  width:33vw;
  font-family: Inconsolata;  
  font-size:40px;
  font-weight:normal;
  outline: none; 
  text-align: left;
  bottom: 25px;
}
/* scrollbar navigation */

#arrow-up {
z-index:80;
position:absolute;
color: #fff;
opacity:1.5;
left:1.0vw;
  font-family: Inconsolata;  font-size:40.0px;
  font-weight:normal;
}
#arrow-down {
z-index:80;
position:absolute;
color: #fff;
opacity:1.5;
right:1.0vw;
  font-family: Inconsolata;  font-size:40.0px;
  font-weight:normal;
}

/* fullscreen toggle */

#tfull {
z-index:80;
position:absolute;
color: #fff;
bottom: 1.0vw;
right: 1.0vw;
  font-family: Inconsolata;  font-size:40.0px;
  font-weight:normal;
}

/* main image settings */

.mainimg0 {
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;
overflow:visible;
}

.mainimg1 {
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;*/
overflow:visible;
}

.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;
}

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

#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;
}

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

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

#textmenu {
  z-index: 100;
  width: auto;
  height: auto;
  position: absolute;
  margin-top: 25px;
  transform: translate(-50%, -50%);
  left: 50%;
  right: 50%;
}

#textdiv {
  z-index: 95;
  width: auto;
  height: auto;
  background: black;
  opacity: 0.95;
  position: absolute;
  right: 0.8vw;
  left: 0.8vw;
  top: 25px;
  bottom: 15px;
}

#mainbody {
z-index:0;
position: absolute;
max-width: 100%;
max-height: 100%;
}


.mainimg {
z-index:0;
background-clip: padding-box;
position: absolute;
max-width: 98.0%;
max-height: 98.0%;
/*border-bottom: 1px solid #fff;
border-left:  1px solid #c3bbc6;
border-top:  1px solid #c3bbc6;
border-right:  1px solid #c3bbc6;*/
object-fit:contain;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display:none;
background: linear-gradient(to right, #cab5a5, #b4a599);
}