/*	--------------------------------------------------
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;
	top: 100px; 
	left: 50%;
	margin-left: -400px;
	width: 800px;
	background: #e5e6e8;/*#eee url(../img/bg-form.jpg) no-repeat;*/
	background-size:cover;
	border-bottom:3px solid #fedc99;
	position: absolute;
	padding: 30px;
	z-index: 101;
	/*border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
	box-shadow: 0 0 10px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal.small 	{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 	{ width: 400px; margin-left: -240px;}
.reveal-modal.large 	{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 	{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 5px;
	right: 5px;
	color: #aaa;
	text-shadow: 0 -1px 1px #000;
	font-weight: bold;
	cursor: pointer;
	width: 15px;
	height: 15px;
} 

.reveal-modal .img{margin:-30px 20px -30px -20px}
.reveal-modal h3{font-size: 20px !important;}
.reveal-modal p{display:block;}
.reveal-modal input{margin:12px 0}
.reveal-modal input[type="submit"]{width:100%}
.reveal-modal div>img{margin:20px 0px;}

#progress{
	background:#ebebeb;
	text-align:center;
	margin:-30px -15px 20px;
	box-shadow: 0 3px 5px #777;
	-moz-box-shadow: 0 3px 5px #777;
	-webkit-box-shadow: 0 3px 5px #777;
	width:104%;
}
#progress img{width:100%}
.big{
	top:20px;
	width: 980px;
	margin-left: -500px;
	padding: 20px 10px;
}
.big h3,.big h4{text-align:center}
.big p{margin:5px 0}
.big .text{color:#000080 !important}

@media screen and (max-width:980px){
	.reveal-modal {width:500px;left:70%}
	#progress{width:500px}
}