/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
	visibility:hidden;
	width:380px;
	height: auto;
	padding:8px;
	background:rgba(255,255,255,.9);
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	position:absolute !important;
	top:10% !important;
	left:50% !important;
	margin-top:-94px !important;
	margin-left:-180px !important;
	z-index:101;
		}
		.reveal-modal h3 {margin-left: 40px;}
		.reveal-modal ul {list-style:none;}
		.reveal-modal ul li a:link, .reveal-modal ul li a:visited {
	text-decoration:none;
	color: #88A04C;
	padding-left: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
		.reveal-modal ul li a:hover, .reveal-modal ul li a:active {
	text-decoration:none;
	color: #A11F17;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #A11F17;
	padding-left: 10px;

}
		

		
	@media only screen and (max-width: 767px) {
        
	.reveal-modal {
		width:284px;
		height:auto;
		padding:8px;
	top:3% !important;

		margin-left:-150px !important;
		margin-top:-78px;
	}
	
}
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 11px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		}