* { 
margin:0;
padding:0;
scrollbar-width: thin;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
  -webkit-animation: bugfix infinite 1s;
  font-family: 'OpenSansRegular';
    
 
}
  

  p {text-align:justify;} 

body {
 
  padding: 0;
  background-color:#d8d8d6;
  }



label {
  cursor: pointer;
  user-select: none;
}

/* styling */
label {
  display: inline-block;
  font-size: 16px;
  line-height: 15px;
  height: 15px;
   text-align:center;
  color: #5E5B72;
  text-align: center;
  }
  #redirect {
position:absolute;
top:120px;
  left:6px;
 font-size:18px;
   z-index:300;
  }
   
#redirect a {background: none;color:#ba0404;font-size:22px;padding:0 500px 500px 0; } 



#redirect:active {
  background: black;
  color: white;
}

#redirect .delayed {
  transition: all 0.2s;
  transition-delay: 300ms;
}

#redirect.delayed:active {
  transition: none;
}
div.floatr {
	width:200px;
	
	padding:10px 0 10px 10px;
float:right;}
div.floatl {
	width:200px;
	
	margin:5px 10px 0px 0px;
float:left;}
div.emaillink{
	margin:20px auto;
	border:1px solid black;

height:30px;
width:200px;
padding:30px 0 20px 70px;}
div.emaillink p a{margin:0 0 8px 0;
font-size:27px;
line-height:12px;
color:#5e5e5e;
text-decoration:none;}
div.emaillink:hover{
	border:1px solid red;}	

div.emaillink p a:hover{
	color:red;}	
	
	
 hr {
        width: 80%;
        margin: 10px auto;}

#headertop {
	width: 1380px;
	height:68px;
	position: relative;
	font-family: 'khula', sans-serif;background-repeat: no-repeat;color:#f2ebd2;
	font-size:19pt;
	margin:40px 0px 0px 80px;
	padding-top:13px;
	}
     
   
#innercontainer {
	
	padding:0;
	position:relative;
	height:960px;
	width:1751px;
	overflow:visible;
	margin:0 auto 500px auto;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
background: rgb(89,91,97);
background:  linear-gradient(180deg, rgb(76, 93, 126) 0%, rgb(156, 188, 216) 27%, rgb(186, 218, 233) 41%, rgb(188, 212, 216) 56%, rgb(215, 215, 190) 67%, rgb(222, 222, 192) 77%, rgb(247, 240, 199) 89%, rgb(250, 246, 226) 100%);
background-repeat:no-repeat;
 
}
#copright {
  position: absolute;
  margin-left: 82px;
  width:61.5%
  height: 85%;
  z-index: 2000;
}	
#band {
width:100%;
height:36px;
background:#c50c0c;
position:absolute;
top:28px;}
#bandbottom{
width:100%;

height:36px;
background:#f3e491;}
#headerbottom{
font-family:'Open Sans';
font-size:15px;		
text-align: center;
 
 
  height:60px;
 margin:0 0 3px 80px;
  padding-top:14px;
width:801px; 
}	

#lines {width:180px;
height:fit-content;
position:absolute;
top:294px;
left:5.25em;
background:	#faf8f1;
box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
padding:8px 11px 6px 11px;
font-size:12px;
border-radius:5px;
z-index:2000;
display:none;}



#slides {margin-left:82px;width:793px;height:757px;background:url('../images/png2/terranullis.png');box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 20px 0 rgba(0, 0, 0, 0.19);}	
p {
  font-size: 16px;
  line-height: 23px;
  color: #2a2a2a;
  margin-bottom: 3px;
  
  font-weight:regular;
}
p.center {
  font-size: 16px;
  line-height: 18px;
  color: #2a2a2a;
  margin-bottom: 3px;
text-align:center;
font-family: 'OpenSansRegular';
}

p.semibold {
	 font-size: 16px;
  line-height: 23px;
  font-weight:semibold;
  color: #2a2a2a;
margin-bottom: 3px;
font-family: 'OpenSansRegular';}

p.title {font-size:16px;
	text-align:center;
	line-height:23px;
	color: #424242;
margin-bottom: 3px;
font-family: 'OpenSansRegular';}
p.imgtitle{
	font-size:12px;
	text-align:center;
	margin: 0;
	padding:0;
	line-height:13px;
	}
	
img {margin-bottom:3px;
     outline:none;
     text-decoration:none;
     border:none;
position:relative;}
 /* stroke */
nav.stroke ul li a,
nav.fill ul li a {
  position: relative;
}
nav.stroke ul li a:after,
nav.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #333;
  height: 1px;
}
nav.stroke ul li a:hover:after {
  width: 100%;
}
nav {
  max-width: 960px;
  linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 25%, #ffffff 75%, rgba(255, 255, 255, 0) 100%);
  margin: 0 auto;
  padding: 60px 0;
}

nav ul {
  text-align: center;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%);
  
}

nav ul li {
  display: inline-block;
}

nav ul li a {
  padding: 0 3px 0 5px;
   color: #f2ebd2;
  font-size: 16px;
  text-decoration: none;
  display: block;
}

nav ul li a:hover {color:#f2ebd2;}
 
}
 #slides {background-position: top;
display:hidden; 
             position:relative;
			 margin-right:10px;
             float:left;
			 width:793px;
			 height:757px;
 background:url('../images/png2/terranullis.png');
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 background-repeat:no-repeat;}

 .menus {width:80px;
 height:40px;
float:left;
 position:relative;border:black}
 
 
    
 .alert_box
 {position: absolute;
  top: 158px;
  left: 586px;
  transform: translate(-50% , -50%);}
.show_button{
  position: absolute;
  top: 20px;
  left: -185px;
  transform: translate(-50% , -50%);
}
.show_button{
  
  font-size: 15px;
 
  cursor: pointer;
  outline: none;
  border: none;
  color: #2D2B3D;

  transition: all 0.3s ease;
}
.show_button3{
  
  font-size: 13px;
 line-height:56px;
  cursor: pointer;
  outline: none;
  border: none;
  color: #f2ebd2;

  transition: all 0.3s ease;
}
.show_button4{
  
  font-size: 13px;
 line-height:55px;
  cursor: pointer;
  outline: none;
  border: none;
  color: #f2ebd2;
padding-right:100px;
  transition: all 0.3s ease;
}
.show_button:hover{
  color:red;
}

.alert_box{
  
  
  background: url("../images/png2/key.jpg");
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 575px;
  max-height:211px;
  font-size:14px;
  box-shadow:2px 2px 8px 0px rgba(102, 102, 102, 0.6); 
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50% , -50%) scale(0.97);
  transition: all 0.3s ease;
}
#check:checked ~ .alert_box{
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50% , -50%) scale(1);
}
#check:checked ~ .background{
  opacity: 1;
  pointer-events: auto;
}
#check{
  display: none;
}
.alert_box .icon{
  height: 100px;
  width: 100px;
  color: #f23b26;
  border: 3px solid #f23b26;
  border-radius: 50%;
  line-height: 97px;
  font-size: 50px;
}
.alert_box header{
  font-size: 35px;
  font-weight: 500;
  margin: 10px 0;
}
.alert_box p{
  font-size: 20px;
}
.alert_box .btns{
  margin-top: 20px;
}
.btns label{
	
	
  display: inline-flex;
  height: 186px;
  padding: 148px 520px;
  font-size: 20px;
  font-weight: 400;
  cursor: pointer;
  width:620px;
  outline: none;
  margin: 0 10px;
  border: none;
  color: #2D2B3D;
  font-size:15px;
  transition: all 0.3s ease;
}
.btns label:first-child{
  background: ;
}
.btns label:first-child:hover{
  ;
}
.btns label:last-child{
  background:;
}
.btns label:last-child:hover{
  color:red ;
}


  #thumbnails a:hover {	color:#F7571D;}
#thumbnails a {color:#CDD0D6;}
 #fbx.fbx .fbClose{background-image:url(floatbox/graphics/white/close..png)}
 #line2 {width:900px;}
 
  #wrapper {width:1240px;position:relative;color:#5E5B72;margin:0;}
  
#inpages {
	width:550px;
	height:auto;
	line-height:20px;
margin:20px 90px;
text-align:justify;
font-size:17px;
font-family: 'OpenSansRegular';}
  
div.list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #f2ebd2;
}

div.list p {
  float: left;
  border-right:1px solid #898578;
  padding:0 2px 0 2px;
   font-size: 10pt;
 font-family: 'khula_regularregular', sans-serif;
 line-height:11px;
 margin:0;
}

#slides a:hover {text-decoration:none;color:red;}
#slides a{text-decoration:none;color:#029f27;}
 .scroll a {
  
  color: #5E5B72;
  
  font-size: 15px;
font-family: 'khula', sans-serif;
  padding: 1px;
  text-decoration: none;
}
 p.accordion-content{margin:0 0 4px 4px;}
 .maptextcol1 a:hover{color:red;}
 #maptextr p{color:#2b2f36;line-height:15px;font-size:14px;margin:0 0 3px 0px;}
 p {color:#2b2f36;line-height:16px;font-size:15px;margin:0 0 4px 0px;}
 p.red{color:red;display:inline;font-size:12px;margin:0 0 0 20px;}
 p.blue{color:blue;display:inline;font-size:12px;margin:0 0 0 20px;}
 p.green{color:#085d02;display:inline;font-size:12px;margin:0 0 0 10px;}
 p.grey{color:#5b5c5b;display:inline;font-size:12px;margin:0 0 0 10px;}
 p.hundredsdec{color:#a7dfa3;display:inline;font-size:12px;margin:0;background:white;padding:0 5px;}
 p.hundredcurrent{color:#98ef92;display:inline;font-size:12px;margin:0 0 0 5px;background:white;padding:0 5px;}
 p.hundredsosrain{color:#e6d8a8;display:inline;font-size:12px;margin:0 0 0 5px;background:white;padding:0 5px;}
 p.hundredsosraincurrent{color:#f6dd87;display:inline;font-size:12px;margin:0 0 0 5px;background:white;padding:0 5px;}
 
  
.imageshundreds {
position:absolute;
top:-100px;
	left:618px;;
	width: 178px;
	height:auto;
	z-index:100;
	font-family: 'khula_regularregular', sans-serif;
	font-size:9pt;
    text-align:center;
    padding:10px 12px 10px 8px;
    background:#E8D3A0;
       -webkit-box-shadow: 10px 15px 20px 0px rgba(76, 76, 76, 0.8);
     box-shadow: 10px 15px 20px 0px rgba(76, 76, 76, 0.8); 
    -moz-box-shadow: 10px 15px 20px 0px rgba(76, 76, 76, 0.8);	

}

#thumbnails p {
width:100px;}

#railwaysright a:hover {
	color:#F7571D;}
#railwaysright a {
   color: #525C75;}
    
#railwayswhite {

width:1380px;
height:1234px;

}  
#railwaysgreen {
width:750px;
height:681px;
padding:2px;
}  

#railwaysleft {

width:620px;
float:left;
height:549px;
margin-left:5px;}
#topmenu {
	float:left;
padding:3px 23px;}

span.previous{
	position:absolute;
		bottom:205px;
	left:-3px;
	width:20px;
	height:20px;
	background:#faf8f1;
 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.02), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
font-family: 'khula_regularregular', sans-serif;
	font-size:12px;
	line-height:15px;
	text-align:left;
	padding:7px;
border-radius:12px;}
span.maptextmain{
	position:absolute;
		bottom:5px;
	left:3px;
	width:565px;
	height:fit-content;
	background:#faf8f1;
 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
font-family: 'khula_regularregular', sans-serif;
	font-size:12px;
	line-height:15px;
	text-align:left;
	padding:8px 11px 6px 11px;
	border-radius: 5px;
	}
	span.maptextmainw{
	position:absolute;
		bottom:5px;
	left:3px;
	width:500px;
	height:fit-content;
	background:#faf8f1;
 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
font-family: 'khula_regularregular', sans-serif;
	font-size:12px;
	line-height:15px;
	text-align:left;
	padding:8px 11px;
	border-radius: 5px;
	}
	
span.maptextrouter{
	position:absolute;
top:-2px;
left:884px;
border-radius: 5px;
	
	}
	span.maptextrinner{
		display:block;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6), 0 6px 5px 0 rgba(0, 0, 0, 0.15);
	width:336px;
	height:fit-content;
	background:#faf8f1;
    font-family: 'khula_regularregular', sans-serif;
	font-size:14px;
	line-height:15px;
	text-align:left;
	padding:11px;
	color:#2b2f36;margin:0 0 5px 4px;
	border-radius: 5px;
	}
	
	span.maptextr{
		position:absolute;
top:-2px;
right:-446px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6), 0 6px 5px 0 rgba(0, 0, 0, 0.15);
	width:350px;
	height:fit-content;
	background:#faf8f1;
    font-family: 'khula_regularregular', sans-serif;
	font-size:14px;
	line-height:15px;
	text-align:left;
	padding:11px;
	text-align:justify;
	color:#2b2f36;margin:0 0 3px 0px;
	border-radius: 5px;
	
	}
	span.maptextimg{
		width:350px;
		
	height:fit-content;}

#slides .maptextcol1{text-align:left;display:block !important;}

#slides .maptextbottom{position:absolute;
bottom:10px;
left:0;}	
span.date{
	padding:12px 0 0 18px;
	width:420px;
	font-family: 'khula_regularregular', sans-serif;
	font-size:25px;
	color:#2D2B3D;
	position: absolute;
right: 22px;
text-align: right;
	}
	

#slides p.textbottom {
background:#F7F5EA;
width:737px;
height:150px;
color:#2D2B3D;}


.maptextr p{}	
#slides .maptextrcol1{text-align:left;}

#slides .maptextrbottom{position:absolute;
bottom:0;
left:0;}
	
#slides .datedown{
	position:absolute;
	display:block !important;
	top:45px;
	left:18px;
	width:420px;
	height:auto;
	background:none;
	
background-repeat: no-repeat;
font-family: 'khula_regularregular', sans-serif;
	font-size:25px;
	color:#592803;
	}
.right
{float:right;
width:450px;
height:250px;
background:white;
margin-right:30px;}
	
.maps {display:none;width:793px;height:757px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.19);background-repeat:no-repeat;position:relative; }

.img-magnifier-container {
  position:relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 100px;
  height: 100px;
}
  .fade {
        border: 0;
        height: 1px;
  background-image: linear-gradient(to right, #ccc, #000000, #ccc);}
			   


/* By Dominik Biedebach @domobch */
nav ul {
  list-style: none;
  text-align: left;
}
nav ul li {
  display: inline-block;
}
nav ul li a {
  display: block;
  text-decoration: none;
  color: #aaa;
  margin: 0 10px;
}
nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}
nav ul li a:hover {
  color: #555;
}
nav.stroke ul li a,
nav.fill ul li a {
  position: relative;
}
nav.stroke ul li a:after,
nav.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #333;
  height: 1px;
}
nav.stroke ul li a:hover:after {
  width: 100%;
}