/* CSS Document */
/* dark orange F15A24 */
/* face orange #F1A463 */




@viewport {  
   orientation: portrait;  
 }  
 
html,body{

	background:url('img/background_all.png') no-repeat,#CFE1EB;
   background-attachment: fixed;
   background-position: center top;
   background-size: auto 100%;

	overscroll-behavior:none;
	 -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    margin: 0;
    max-width: 100%;
	width: 100vw;
	height: 100vh;
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	overflow-y:scroll;
	overflow-x:none;
	width: 100%;
    overflow-x: hidden;
	overscroll-behavior:none;
	-webkit-user-select: none;	
	-webkit-tap-highlight-color: transparent;
	font-family: classic-comic, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:2em;


}

.sociallogoholder{
	cursor:pointer;	
	text-align:center;
}

.sociallogo{
	width:200px;	
	height:200px;	
	
}


.paralink{
color:#F1A463;
text-decoration:none;

}

#container{
height:100%;
width:100%;
max-width:1080px;
margin:auto;

}



#top_banner{
height:20%;	
width:100%;
}

#top_bar{
height:5%;
background-color:#CAC3BA;
	
}



.mainwindow{

width:95%;
height:95%;
margin:auto;
margin-top:2%;
	
}

#content_main{
height:75%;	
}

#base_bar{

background-image:url(img/base_background.png);
background-repeat:no-repeat;
background-size: cover;
width:100%;
max-width:1080px;
position:fixed;
left: 50%;
    transform: translate(-50%, 0);
bottom:0;
margin:auto;	
}


.base_button{
	float:left;
	width:16%;
	height:105px;
	cursor:pointer;
}

.base_button_images{
width:100%;	
	
}


#logo_holder{
	margin-top:20%;
	width:50%;
	margin:auto;	
}


#headertext{
	height:80%;
	margin:auto;
	text-align:center;
	font-size:80%;	
}

#bigzotlogo{
width:100%;
height:100%;	
	
}

#menu_holder{

position:fixed;
	z-index:99999999;
}
.menu_unit{
width:100%;
	
}

.menu_block{
	
	background-color:#CAC3BA;
	color:#534741;
height:90%;
	width:100%;
		
}

.menu_sub{
	
	background-color:#534741;
	height:10%;
	width:90%;
	margin-left:10%;
	
}


.menu_text{
padding:5%;


}

.inputLegend{
font-size:4vw;	
color:#47564F;
}

.para{

color:#000000;
}

.headtext{

color:#000000;
}

.inputForm{

background-color:#FFFFFF;
opacity:0.5;
width:92%;
border:1px solid #47564F;
font-family: classic-comic, sans-serif;
font-size:100%;	
padding:2%;

	
}

.inputButton{
color:#FFFFFF;
background-color:#F15A25;	
border:0px;
font-family: classic-comic, sans-serif;
font-size:130%;	
padding:5%;	
	
}


.linkButton{
color:#FFFFFF;
background-color:#F15A25;	
border:0px;
font-family: classic-comic, sans-serif;
font-size:100%;	
padding:5%;
margin-top:10%;
text-decoration:none;
	
}


.slideshow {
  max-width: 800px;
  height: 800px;
  margin: 0 auto 0;
  outline: none;
}

.slideimage{
	width:100%;
	height:100%;	
	
}