@charset "utf-8";
/* CSS Document */



html { 
	
	display:block !important;
	width:100% !important;
	height:auto !important;
	min-height:90vh !important;
	position:fixed !important; 
	background-color: rgba(78,78,78,1.00) !important; 
	overflow: hidden !important;
	font-family: "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";

}


body { 
	
	width:100vw !important;
	min-width:320px !important;
	height: 100vh !important;
	position:relative !important; 
	margin:auto auto !important; 
	display: block !important; 
	float:none !important;
	-webkit-overflow-scrolling: touch;
	overflow-y:scroll !important;
	overflow-x:hidden !important; 

}





nav#sidebar 		{ 	position: 	absolute !important;
						top: 		0px !important;
						max-width: 	100% !important;
						min-width:  100% !important;
						left: 		-100% !important; 

} 



nav#sidebar.open	{   left: 		0% !important; overflow-y: auto; } 



nav#sidebar > div:first-child  { position:absolute !important; left:auto !important; right: -58px !important }



nav#sidebar:not(.open) > ul { height:auto !important; min-height:80px !important; max-height:none !important; overflow-y: visible; }

nav#sidebar:not(.open) > ul,
nav#sidebar:not(.open) > form { display:inline-block !important;  min-height:80px !important; position: relative !important; float:left !important; clear:both !important}






/* Simulate iPhone 6 6s 7 */

body,body:before, body:after 			{ max-width:  100vw !important; }
body, nav#sidebar, nav#sidebar.open 	{ max-height: 100vh !important;  }
 nav#sidebar, nav#sidebar.open, body  	{ min-height: 100vh !important; }

.slidMain, .slidContent, .slidSlides 	{ height:45vh !important; }


div#page > header a.home { width:100%; background-size: 320px; background-position: center top;  }
div#page > header h5, nav.inlineNav { width:100%; max-width:100%; clear: both;   }
div#page > header h5 { position:absolute; top:1px; left:0px; }

nav.inlineNav > ul { justify-content:  space-evenly;  -ms-flex: 1 1 auto; flex-wrap: wrap; display:none; visibility:hidden; opacity:0; z-index:0; width:0px; height:0px; overflow: hidden;}

nav.inlineNav > ul li > div, 
nav.inlineNav > ul li > a > div { min-height:32px; }
	
.slidSlides > div > div > div.slidContent { padding:   100px 24px 24px 30px; font-size: 40px; }
.slidSlides > div > div > div.slidContent > small { font-size:13.5px; margin-top: 28px; margin-bottom: 7px;  }



body { overflow-x:hidden !important; }

	
	/* Simulate iPhone Addlines */
	body:before,
	body:after 	{ 	
		
		content:			''; 
		display:			none; 
		width:				100%; 
		position:			fixed; 
		height:				32px; 
		background-color: 	rgba(255,255,0,1); 
		z-index: 			16777271 !important; 
		background-size: 	cover; 
		background-repeat: 	no-repeat;
	
	}
	body:before { height:71px; top:calc(50vh - 348px) !important; background-image: url("pic/iPhoneTop.png") }
	body:after  { height:45px; top:calc(50vh + 274px) !important; background-image: url("pic/iPhoneBottom.png") }

	
	nav#sidebar ul li > a > div > span { display:none !important }
	nav#sidebar ul li > a > div { min-height: 30px !important; }
	nav#sidebar ul li > a > div > p { min-height: 10px !important; }
	
	
	
	nav#sidebar 		{ 	
		
							position: 	fixed !important;
							top:		0px !important;
							max-width: 	100% !important;
							min-width: 	100% !important;
							left: 		-100% !important;
		
						} 

	
	nav#sidebar.open { left: 0px !important;  }
	
	
	nav#sidebar:not(.open) { background: none !important; } 
	nav#sidebar:not(.open) > ul, nav#sidebar:not(.open) > form { display:none !important; }
	
	
	


div#page { margin-bottom: 76px !important }



p.important { text-align: center; width:100%; padding:12px 20px !important; font-size:0.8rem !important; box-sizing: border-box; font-style: normal; color: rgba(21,21,21,1.00); background: rgba(252,252,252,1.00); border-radius: 3px; 

border:1px solid rgba(0,231,198,1.00);


}










div#page > header, div#page > header a.home {
    height: 100px !important; 
    min-height: 100px !important;
}


div#page > header a.home {
    background-size: 200px;
	margin-top:	0px !important;
	background-position: center center !important;
}


div#page > div#innerContent { padding-top: 0px !important; }







@media only screen and (min-height: 770px) { 
	
	body,body:before, body:after, nav#sidebar { max-width:  375px !important; }
	body, nav#sidebar, nav#sidebar.open 	{ max-height: 667px !important;  }
 	nav#sidebar, nav#sidebar.open, body  { min-height: 667px !important; }
	.slidMain, .slidContent, .slidSlides 	{ height:280px !important; }
	
	body { 

		margin-top:calc(50vh - 420px) !important; 	
		border-radius: 36px; 
		-webkit-box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.8); 
		box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.8); 
		border-left: 	16px solid rgba(0,0,0,1);
		border-right:	16px solid rgba(0,0,0,1);
		border-top:  	72px solid rgba(0,0,0,1);
		border-bottom:  78px solid rgba(0,0,0,1);
		box-sizing: content-box !important;
	
	}  

	body:before,
	body:after 	{ display: inline-block; }
	nav#sidebar { min-width: 320px !important; left: calc(50vw - 560px) !important; } 
	nav#sidebar.open { left: calc(50vw - 187px) !important;  }
	nav#sidebar { top:71px !important; }
 	nav#sidebar, nav#sidebar.open 				 	 { max-height: calc(667px - 116px) !important; }
 	nav#sidebar, nav#sidebar.open 					 { min-height: calc(667px - 116px) !important; }
	div#page 			{ margin-top:71px !important; margin-bottom: 45px !important;  }
	
	
	nav#sidebar 		{ top: calc(50vh - 277px) !important; } 
	nav#sidebar.open  	{ min-height: calc( 667px - 116px ) !important; max-height: calc( 667px - 116px ) !important; }
	
}