/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	opacity: 0.75;
	z-index: 5000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; 
	filter: alpha(opacity=75);
}
	
.reveal-modal {
	/*visibility: hidden;*/
	text-align: left;
	top: 0 !important;
	width: 100%;
	height: 100%;	
	position: fixed;
	z-index: 10100;
	margin: 0;
	padding: 0;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-weight: 300;
	color: #fff;
	background: #404041;
}
.container {
	width: 90%;
	max-width: 800px;
	margin: 20px auto 0 auto;
	text-align: left;
	z-index: 50;
	position: relative;
	font-size: 1rem;
	line-height: 1.4rem;
}
	.container > a {
		border: 2px solid #fff;
		display: block;
		position: absolute;
		top: 44px;
	}
		.container > a > img { width: 100%; display: block; }

	.container .close-reveal-modal {
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 2px;
		text-align: center;
		background: none;
		color: #fff;
		text-decoration: none;
		font-weight: 300;
		font-size: 14px;
		line-height: 14px;
		text-transform: uppercase;
	}
		.container .close-reveal-modal a {
			color: #fff;
			display: block;
			padding: 14px 0 14px 14px;
			width: 100%;
			font-weight: 500;
			letter-spacing: .1em;
			min-width: 100px;
			min-height: 44px;
			vertical-align: middle;
		}
			.container .close-reveal-modal a .char {
				font-weight: 900;
				font-size: 20px;
				vertical-align: bottom;
				padding-left: 6px;
			}
			.container .close-reveal-modal a:hover {
				/* background: #2C2C2D; */
				color: #1EC0DA;
			}