<style type="text/css">
#login-and-register-popup.white-popup{width: 850px; height: 360px;}
.pf_popup_signin_popup .mfp-content{width: 850px !important; height: 360px;}
</style>
<div id="pf_popup_login_box" class="pf_popup_login_both">
<div id="pf_popup_login_content">
<div id="pf_popup_login_box_left" class="pf_popup_login_avgrund-blur">
<h1>Register</h1>
<div id="pf_popup_login_login">
Insert your account informations:<br>
<!-- Register Form -->
<form name="pf_popup_login_login" id="pf_popup_login_register_form" action="#" method="POST" accept-charset="utf-8">
<input type="text" placeholder="First Name" id="pf_popup_login_first_name" name="pf_popup_login_first_name" class="pf_popup_login_register pf_popup_login_user" title="First Name">
<input type="text" placeholder="Last Name" id="pf_popup_login_last_name" name="pf_popup_login_last_name" class="pf_popup_login_register pf_popup_login_user" title="Last Name">
<input type="email" placeholder="Email" id="pf_popup_login_email" class="pf_popup_login_register pf_popup_login_email" title="Email">
<input type="password" name="pf_popup_login_password" id="pf_popup_login_register_password" placeholder="Password" class="pf_popup_login_register pf_popup_login_password" title="Password">
<input type="submit" value="Register" class="pf_popup_login_btn_register">
</form>
</div>
</div>
<!-- Right Box (Login form) -->
<div id="pf_popup_login_box_right" class="pf_popup_login_avgrund-blur">
<h1>Login</h1>
<!-- Social Buttons -->
<div class="pf_popup_login_social">
Login using social network:<br>
<div class="pf_popup_login_twt pf_connect pf_twitter">
<a href="#" onclick="twitterPopup = window.open('https://crocheadcoilholders.com/modules/popupnotification/twitterconnect.php', '_blank', 'toolbar=yes, scrollbars=yes, resizable=yes, top=100, left=300, width=700, height=600');">Sign In with Twitter</a>
</div>
<div class="pf_popup_login_fb pf_connect pf_facebook">
<a href="#">Sign In with Facebook</a>
</div>
<div class="pf_popup_login_gp pf_connect pf_googlePlus" style="float:left;">
<span
class="g-signin"
data-callback="gpConnectCallback"
data-clientid="943682092784-685baa2apii5jugnt4ulfhpqhue2pmnb.apps.googleusercontent.com"
data-cookiepolicy="single_host_origin"
data-scope="email">Sign In with Google
</span>
</div>
</div>
<!-- Login Box -->
<div id="pf_popup_login_login" style="clear:both;">
<!-- Login Subtitle -->
Or
insert your account information:<br>
<!-- Login Form -->
<form name="pf_popup_login_login_form" id="pf_popup_login_login_form" action="#" method="POST">
<input type="text" placeholder="Email" id="pf_popup_login_l_user" class="pf_popup_login_login pf_popup_login_user" title="Email">
<input type="password" name="pf_popup_login_password" placeholder="Password" id="pf_popup_login_l_password" class="pf_popup_login_login pf_popup_login_password" title="Password">
<input type="submit" value="Login" class="pf_popup_login_btn_login">
</form>
</div>
<!-- Login Bottom Text -->
<div id="pf_popup_login_bottom_text">
Don't have an account? <a href="javascript:document.getElementById('pf_popup_login_first_name').focus()" title="Create new account">Create new account</a>.<br>
Forgot your <a href="https://crocheadcoilholders.com/index.php?controller=password" title="Recovery Password">Password</a>?
</div>
</div>
</div>
</div>
<style type="text/css">
.popup_remove_padding .white-popup{margin0;padding:0;}
#login-and-register-popup.white-popup{margin0;padding:0;}
.pf_popup_login_both .pf_popup_login_register,
.pf_popup_login_both .pf_popup_login_login{
width:100%;
}
#pf_popup_login_box.pf_popup_login_both input{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pf_popup_login_both #pf_popup_login_box_right input[type="text"],
.pf_popup_login_both #pf_popup_login_box_right input[type="password"]{
width:100%;
}
</style>