/*	--------------------------------------------------
	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: -180px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		height:auto;
		background: #eee;
		position: absolute;
		z-index: 101;
		padding: 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
    .reveal-modal p{
         margin: 0px 0 0 0;
		}

	    .reveal-modal img {
	    width:500px ;
	    height:auto;	   
		}
		

		
		
	.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;
		text-decoration:none;
		background-color:#C3262B;
		padding:10px;
		top: -15px;
		-webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        border-radius: 80px;
        right: -10px;
    	color: #fff;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 




	@media (max-width: 991px) {

	.reveal-modal {
		visibility: hidden;
		top: 100px !important; 
        left: 5%;
        margin-left: 0px;
        width: 90%;
    	height:auto;
		background: #eee;
		position:fixed;
		z-index: 101;
		padding: 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
		
		
	    .reveal-modal img {
	    width:100% ;
	    height:auto;

	   
		}
		}
		
		
		@media screen and (max-width:768px) {


	.reveal-modal {
		visibility: hidden;
		top: 100px !important; 
		left: 5%;
        margin-left: 0px;
        width: 90%;
        height: auto;
    	background: #eee;
		position:fixed;
		z-index: 101;
		padding: 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
		
	    .reveal-modal p{
         margin: 0px 0 0 0;
		}

	    .reveal-modal img {
	    width:100% ;
	    height:auto;	   
		}


}	

		
@media screen and (max-width:480px) {


	.reveal-modal {
		visibility: hidden;
		top: 100px !important; 
		left: 5%;
        margin-left: 0px;
        width: 90%;
        height: auto;
    	background: #eee;
		position:fixed;
		z-index: 101;
		padding: 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
		
	    .reveal-modal p{
         margin: 0px 0 0 0;
		}

	    .reveal-modal img {
	    width:100% ;
	    height:auto;	   
		}


}	
@media screen and (max-width:320px) {


	.reveal-modal {
		visibility: hidden;
		top: 100px !important; 
		left: 5%;
        margin-left: 0px;
        width: 90%;
        height: auto;
    	background: #eee;
		position:fixed;
		z-index: 101;
		padding: 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
		
	    .reveal-modal p{
         margin: 0px 0 0 0;
		}

	    .reveal-modal img {
	    width:100% ;
	    height:auto;	   
		}


}