#popup
{  
	border:2px solid #00c2ff;
	top:50%;
	position:relative;
	margin: 0 auto;
	background:#fff;
	z-index: 99999;
}
#overlay_signup
{
	position:absolute;
	top:0px;
	visibility:hidden;
	opacity:1;
	left:0px;
	height:100%;
	width:100%;
	text-align:center;
	
}
#overlay_signup:target
{
	visibility:visible;
	-webkit-animation: fade 400ms ease;
}
#overlay_signup:target > #popup
{
	
	 -webkit-animation: moveFromBottom 400ms ease;
}
@-webkit-keyframes fade
{
	from {
	   
	   
		
		opacity: 0;
	}
	to {
		
		
		opacity: 1;        
	}
}
@-webkit-keyframes moveFromBottom
{
	from {
	   
	   
		-webkit-transform: scale(.5);
		opacity: 0;
	}
	to {
		
		-webkit-transform: scale(1);
		opacity: 1;        
	}
}
@-moz-keyframes fade
{
	from {
	   
	   
		
		opacity: 0;
	}
	to {
		
		
		opacity: 1;        
	}
}


@-moz-keyframes moveFromBottom
{
	from {
	   
	   
		-webkit-transform: scale(.5);
		opacity: 0;
	}
	to {
		
		-webkit-transform: scale(1);
		opacity: 1;        
	}
}


@-ms-keyframes fade
{
	from {
	   
	   
		
		opacity: 0;
	}
	to {
		
		
		opacity: 1;        
	}
}


@-ms-keyframes moveFromBottom
{
	from {
	   
	   
		-webkit-transform: scale(.5);
		opacity: 0;
	}
	to {
		
		-webkit-transform: scale(1);
		opacity: 1;        
	}
}


@-o-keyframes fade
{
	from {
	   
	   
		
		opacity: 0;
	}
	to {
		
		
		opacity: 1;        
	}
}


@-o-keyframes moveFromBottom
{
	from {
	   
	   
		-webkit-transform: scale(.5);
		opacity: 0;
	}
	to {
		
		-webkit-transform: scale(1);
		opacity: 1;        
	}
}

 @keyframes fade
{
	from {
	   
	   
		
		opacity: 0;
	}
	to {
		
		
		opacity: 1;        
	}
}


@keyframes moveFromBottom
{
	from {
	   
	   
		-webkit-transform: scale(.5);
		opacity: 0;
	}
	to {
		
		-webkit-transform: scale(1);
		opacity: 1;        
	}
}

.close_button
{
	position:absolute;
	right:1px;
	cursor:pointer;
	border:none;
	margin-top:-30px;
}