.phoen-contianer{position:fixed;z-index:9;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(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,.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 0 20px;font-size:30px;font-weight:300}.popup .form .form-element{margin:15px 0}.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}