html,body,#bg,#bg table,#bg td{width:100%;height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; overflow:hidden; }
body {overflow:hidden;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;

}

input{
border:0; 
padding:0px; 
font-family:Arial, sans-serif; 
font-size:15px;

margin:2px 2px 2px; 

}
input, button
{
color:#000000;
}


#bg {width:100%; height:100%;
	top: 0px;
	left: 0px;
	background-image: url(bgs/3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	overflow:hidden;
	z-index:1;
	}
#bg2 {width:100%; height:100%; 
	background-image: url(bgs/2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	}
#bg3 {width:100%; height:100%; 
	background-image: url(bgs/3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	}
#bg4 {width:100%; height:100%; 
	background-image: url(bgs/4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	}
#bg5 {width:100%; height:100%; 
	background-image: url(bgs/5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	}
#bg6 {width:100%; height:100%; 
	background-image: url(bgs/6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	}
#bg7 {width:100%; height:100%; 
	background-image: url(bgs/7.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	}
#bg8 {width:100%; height:100%; 
	background-image: url(bgs/8.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	}
#bg9 {width:100%; height:100%; 
	background-image: url(bgs/9.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	}
#bg10 {width:100%; height:100%; 
	background-image: url(bgs/10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	}

#logo{position:absolute; width:50%; right:0px; top:0px; z-index:16; margin: 0 0; text-align:right; pointer-events:none;}
#logo_mobile{position:absolute; width:80%; right:10px; top:4%; z-index:16; margin: 0 0; text-align:right;}
#menu{position:absolute; width:102%; min-width: 1100px; height:55px; top:0px; z-index:15; margin: 0 0; text-align:left; background:#000000; }
#menu_cover{ background: url(img/completely-transparent.png); background-repeat:repeat; position:absolute; width:102%; min-width: 1100px; height:35px; top:30px; z-index:16; margin: 0 0; text-align:left; }
#cont{position:absolute; width:100%; top:70px; z-index:1; margin: 0 auto; text-align:left; overflow:hidden; height:355px; background:none; background-repeat:no-repeat; background-position:center;}
#mid{background:none; position:absolute; width:100%; min-width: 1000px; top:106px; z-index:2; margin: 0 auto; overflow:hidden; height:390px; padding:0px; line-height: 130%;}
#textarea{background: none ; background-repeat:repeat; position:absolute; width:900px; min-width: 700px; top:0px; z-index:3; margin: 0 auto; overflow:auto; height:330px; color:#FFFFFF; text-shadow: 1.5px 1.5px #000000; filter: Shadow(Color=#252525, Direction=135, Strength=2);}

#cont_mobile {
position: absolute;
top:0px;
right:5px;
width: 90%;
height: 100%;
overflow:auto;
z-index: 10;
}

@media screen and (max-width: 1140px) { 
    #textarea { font-size: 2.5vw; }
}


nav ul ul {
	display: none;
	
}

	nav ul li:hover > ul {
		display: block;

	}
	
	nav ul {
	padding: 0px 0px;
	list-style: none;
	position: relative;
	display: inline-table;
	
	
}
	nav ul:after {
		content: ""; clear: both; display: block; 
	}

nav ul li {
	float: left;
	margin-left:0px;
	left:15px;
	
}

	nav ul li:hover 
{

}

		nav ul li:hover a {
			color: #fff;
			
		}
	

	nav ul li a {
		display: block; padding: 0px 0px;
		color: #CCCCCC; text-decoration: none;
		text-align:left;

	}

nav ul ul {
	
	position: absolute; top: 100%;
			background:#000000;
			width:500%;
			padding:15px;
			border-bottom:#222222;
			border-bottom-style:solid;
			border-width:thin;


}



	nav ul ul li {
		border-bottom: 0px solid #CCCCCC;
		position: relative;
		width:200%;
		
		
		
	}
		nav ul ul li a {
		margin-top:0px;
			padding: 0px 0px;
			color: #000000;
			float: left;
			padding: 0px 10px;
			

		}	
			nav ul ul li a:hover {
				background:url(img/transparent.png);
			}



nav ul ul ul {
	position: absolute; left: 100%; top:0;
}




#mnu {position: absolute; top:0px; left:10px; z-index:20; }
div.window { 


  color: white;
  padding:15px;
  width: 30px;
  left: 15px;

  border-radius: 0px;
  

  text-align: left;
  font-family: BlueHighway, Arial Black, sans-serif;
  font-size: 18px;

}
div.window label { 

  display: block;
  
  font-size: larger;
  transition: .4s all linear; 
}
div.window label:hover { 

  cursor: pointer; 
}
input.toggle ~ div { 

  height: 0px; 
  overflow: hidden;
  transition: .6s all cubic-bezier(0.730, -0.485, 0.145, 1.620)
}
input.toggle:checked ~ div { z-index:20; overflow:hidden; width:auto; height:100%; background:#000000; top:0px; left:0px; position:fixed; }
input.toggle:checked + label {width: 30px;}
input.toggle { display: none;}