@charset "UTF-8";
/* CSS Document */
		
		
		
		
		
	.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
background: rgb(65,138,138);
background: linear-gradient(180deg, rgba(65,138,138,0.8) 0%, rgba(117,214,214,0.8) 100%);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
		    overflow: auto!important; /* Enable scroll if needed */

}
	  
	  
	  .modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

	  
	  
.modalDialog > div {
	width: 70%;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: transparent;
	
}




	   /*change sizes on mobile */ 
@media (min-width: 768px) { 
	
	
}
		

	   /*change sizes on mobile */ 
@media (max-width: 767px) { 
	
		  
.modalDialog > div {
	width: 90%;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background-color: transparent;
	
}
	
	
	
	  }