.phoen-contianer {
position: fixed;
z-index: 9;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.popup {
position:fixed;
z-index: 99999;
top:-150%;
left:50%;
opacity:0;
transform:translate(-50%,-50%) scale(1.25);
width:500px;
padding:20px 30px;
background:#fff;
box-shadow:2px 2px 5px 5px rgba(0,0,0,0.15);
transition:top 0ms ease-in-out 200ms,
opacity 200ms ease-in-out 0ms,
transform 200ms ease-in-out 0ms; 
}
.popup {
top:50%;
opacity:1;
transform:translate(-50%,-50%) scale(1);
transition:top 0ms ease-in-out 0ms,
opacity 200ms ease-in-out 0ms,
transform 200ms ease-in-out 0ms;
}
.popup .close-btn {
position:absolute;
top:10px;
right:10px;
width:15px;
height:15px;
background:#888;
color:#eee;
text-align:center;
line-height:12px;
border-radius:15px;
cursor:pointer;
}
.popup .form h2 {
text-align:center;
color:#222;
margin:10px 0px 20px;
font-size:30px;
font-weight: 300;
}
.popup .form .form-element {
margin:15px 0px;
}
.popup .form .form-element label {
font-size:16px;
color:#222;
}
.popup .form .form-element input[type="email"],
.popup .form .form-element input[type="text"],
.popup .form .form-element input[type="password"] {
margin-top:5px;
display:block;
width:100%;
padding:10px;
outline:none;
border:1px solid #aaa;
}
.popup .form .form-element input[type="checkbox"] {
margin-right:5px;
}
.popup .form .form-element input[type="submit"] {
width:100%;
border:none;
outline:none;
font-size:16px;
background:#222;
color:#f5f5f5;
cursor:pointer;
text-decoration: none;
}
.popup .form .form-element a {
display:block;
text-align:center;
font-size:15px;
color:#1a79ca;
text-decoration:none;
font-weight:600;
}