.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 101;
	display: none;
	top: 0;
	left: 0; 
	}

.reveal-modal {
    /* background: #022042; */
	/* background: #eee url(http://www.dpshardwar.com/images/modal-gloss.png) no-repeat -200px -80px;
	visibility: hidden;
	top: 0px; 
	left: 0px;
	margin-left:0px;
	width: 100%;
	position: absolute;
	z-index: 1001;
	padding:10px; */

	z-index: 100000;
/*    background: rgb(30, 70, 113);*/
    color: rgb(0, 0, 0);
    border-radius: 0px;
	padding: 9px;
    margin: 40px auto;
    width: 500px;
    position: relative;
    display: table;
	
	}
	
.reveal-modal-fad {
	background: #1E4671;
	visibility: hidden;
	top: 0px; 
	left: 0px;
	width: 100%;
	height:auto;
	position: absolute;
	z-index: 1002;
	padding:10px;
	color:#fff;
	padding-left:106px;
	padding-top:40px;
	min-height:800px;
}
.reveal-modal-fad .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
top: 27px;
    right: 31px;
	color: #fff;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
} 

.reveal-modal-mobile {
	margin:0 auto;
	padding:20px;
	z-index: 100000;
}
	
	/*
	@media (max-width: 480px) {
		.reveal-modal{ 
		padding: 10px 10px;
		margin-left: -150px;
		width:350px;
		}
	}
	
	@media (min-width: 480px) and (max-width: 768px) {
		.reveal-modal{ 
		padding: 0px 10px;
		margin-left: -240px;}
	}
	
	*/
.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: 33px;
	right: 19px;
	color: #000000;
	text-shadow: 0 1px 1px rbga(0, 0, 0, .6);
	font-weight: bold;
	cursor: pointer;
}