/*  Template Name: Testing new    */

<script type="text/javascript">
$('#investName').keydown(function (e) {
if (e.shiftKey || e.ctrlKey || e.altKey) {
e.preventDefault();
} else {
var key = e.keyCode;
if (!((key == 8) || (key == 32) || (key == 46) || (key >= 35 && key <= 40) || (key >= 65 && key <= 90))) {
e.preventDefault();
}
}
});

$('#investLastName').keydown(function (e) {
if (e.shiftKey || e.ctrlKey || e.altKey) {
e.preventDefault();
} else {
var key = e.keyCode;
if (!((key == 8) || (key == 32) || (key == 46) || (key >= 35 && key <= 40) || (key >= 65 && key <= 90))) {
e.preventDefault();
}
}
});
</script>

<style>
.pop-logo {
    margin: 12px 0 0;
    text-align: center;
}
.investform li {
    width: 100%;
	list-style:none;
}

.pop-logo img {
    width: auto;
}
.investform input {
    border-radius: 5px;
    float: left;
    margin: 5px 0 0;
    width: 74%;
}


.investform .checkbox {
    float: right;
    margin: 10px 0 0;
    width: 77%;
}
.investform .checkbox input {
    margin: 7px 10px 0 0;
    width: 3%;
}

.investform .checkbox label {
    font-size: 17px;
    padding: 0 0 20px;
    width: auto;
    clear: none;
}
.investform label {
    float: left;
    font-size: 20px;
    margin: 0;
    padding: 14px 0 10px 17px;
    width: 25%;
    clear: both;
}
.invest-submit {
    float: left;
    margin: 0 0 0 165px;
    width: 35%;
}
.invest-submit input{
	width:100%;
}
.investform input[type="submit"]:hover {
    border: medium none;
    padding: 11px 24px 13px;
}

.investform input[type="text"], .investform input[type="email"] {
    background: #2a2a2a none repeat scroll 0 0;
    border-color: #191919;
    border-style: solid;
    padding: 10px;
    color:#fff;
}
.investform #error{
	font-size:9px;
	float:right;
	clear:both;
	color:#333;
	font-weight:bold;
}
.investform .error {
    clear: both;
    color: #333;
    float: right;
    font-size: 12px;
    font-weight: 400;
    margin:  0;
}
.invest-pop {
    border: 5px solid #fff;
    padding: 15px;
    width: 100%;
	position:relative;
}
.invest-pop-title {
    font-family: RockwellBold;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 3px;
    padding: 12px 0;
    text-align: center;
    text-transform: uppercase;
}
.investform {
    background: rgba(50, 50, 50, 0.5) none repeat scroll 0 0;
    overflow: auto;
  padding: 15px 0 0;
}
.pop-message {
    font-size: 15px;
    padding: 20px 0 0;
    text-align: center;
}

html .mfp-content div, html .mfp-content iframe {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}

.invest-cancel {
    clear: both;
    float: left;
    margin: 18px 0 0;
}
.investform {
margin: 0 0 10px !important;
}
.investform ul {
    list-style-type: disc;
    margin: 0 auto;
    padding: 0;
    width: 90%;
}
.gfield_required{
	font-size: 14px;
  margin: 0 0 0 4px;
   color: #ff0000;
clear:both;
	}
.rqrd-fld{
	font-size: 14px;
  color: #ff0000;
  font-weight: bold;
clear:both;
	}
@media (min-width: 320px) {

.investform label {
    font-size: 16px;
    padding: 12px 0 0;
}
.investform .checkbox label {
    font-size: 10px;
    padding: 0;
}
.investform .checkbox {
    float: left;
    width: 100%;
}
.invest-submit {
    float: right;
    margin: 0;
    width: 35%;
}
.invest-pop-title {
	font-size:22px;	
}
.investform label {
	width:100%;	
}

.investform input {
	width:100%;	
}
.pop-message {
    font-size: 14px;	
}

}
@media (min-width: 360px) {
.investform .checkbox label {
    font-size: 12px;
}	
}
@media (min-width: 480px) {
.investform .checkbox label {
    font-size: 18px;
}	
.pop-message {
    font-size: 20px;	
}
}
@media (min-width: 640px) {
.investform label {
    font-size: 15px;
    padding: 14px 0 10px;
}


.investform .checkbox label {
    font-size: 10px;
    padding: 0;
}
.investform .checkbox label {
    font-size: 17px;
    padding: 0 0 20px;
    width: auto;
}
.invest-submit {
    float: right;
    margin: 0;
    width: 35%;
}

.invest-pop-title {
    font-size: 27px;
}
.pop-message {
    font-size: 15px;
}
}
@media (min-width: 768px) {
	.invest-pop-title {
  	  font-size: 30px;
	}
	.investform input {
    	width: 74%;
	}
	.investform label {
		width: 25%;
	}
	.pop-message {
    	font-size: 15px;
	}
}
@media (min-width: 1024px) {
	.investform label {
		width: 25%;
                font-size:19px;
	}
       .pop-message {
          font-size: 18px;
        }

}

.invest-pop > div#cookie {
    background: #333 none repeat scroll 0 0;
    color: yellow;
    font-weight: bold;
    height: 100%;

    left: 0;
    opacity: 0.95;
    padding: 200px 20px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
	display:none;
}
</style>
<script>  
/*	function are_cookies_enabled(){
		var cookieEnabled = (navigator.cookieEnabled) ? true : false;
	
		if (typeof navigator.cookieEnabled == "undefined" && !cookieEnabled)
		{ 
			document.cookie="testcookie";
			cookieEnabled = (document.cookie.indexOf("testcookie") != -1) ? true : false;
		}
		if(cookieEnabled == false) {
			   
			   $('#cookie').show();
		}
	}
	window.onload=are_cookies_enabled;*/
</script>
<div class="invest-pop">
<div id="cookie"> <strong>ERROR</strong>: Cookies are blocked or not supported by your browser. You must enable cookies to fill this form.<br> 
  <br>
  <p><a href="https://mineshaftbrewingpc.com"> Back to Home </a> | <a href="https://www.wikihow.com/Enable-Cookies-in-Your-Internet-Web-Browser" target="_blank">Need Help </a></p> </div>
<div class="invest-pop-title">WE ARE HAPPY TO HAVE YOU HERE!</div>
<p class="pop-logo"><img width="150" alt="" src="https://mineshaftbrewingpc.com/wp-content/themes/msb/images/logo.png"></p>
<div class="pop-message">This page provides comprehensive information to help you invest with us. <br/>
To gain access, simply fill in the information below:
</div>
<form name="investform" id="investform" width="100%" action="https://mineshaftbrewingpc.com/invest/" method="post">
  <input type="hidden" name="sent" id="sent" value="1" />
  <div class="investform">
    <ul>
    <li>
      <label>First Name<span class="gfield_required">*</span></label>
      <input type="text" name="your_name"  id="investName" placeholder="First Name"   value="" required />
      <span id="error_name"></span>
    </li>
        <li>
      <label>Last Name<span class="gfield_required">*</span></label>
      <input type="text" name="last_name"  id="investLastName" placeholder="Last Name"   value="" required />
      <span id="error_name"></span>
    </li>
    <li>
      <label>Email<span class="gfield_required">*</span></label>
      <input type="email" name="your_email" id="investEmail"  placeholder="tim@mineshaftbrewingpc.com"  value="" required />
    	<span id="error_email"></span>
    </li>
    <li>
	  <label>Phone <span class="gfield_required">*</span></label>
      <input type="text" placeholder="(954) 295-5032"  name="your_phone" id="investPhone" maxlength="20" value="" required />
      <span id="error_phone"></span>
    </li>
    <li>
    <p class="checkbox">		
    	<input type="checkbox" value="yes" checked  name="subscribe" >	
        <label>I would like to receive emails/promotions</label>
    </p>
	</li>
    <li class="rqrd-fld"><span class="gfield_required">*</span>Required Fields.</li>
    <li> 
   
  <p class="invest-cancel"><a href="https://mineshaftbrewingpc.com"> Cancel </a></p>
  <p class="invest-submit"> <input type="submit" class="" name="send" value="SUBMIT"> </p>
   </li>
   </ul>
  </div>
</form>
</div>