<!--Zoho Campaigns Web-Optin Form's Header Code Starts Here-->

<script type="text/javascript" src="https://zcsub-cmpzourl.maillist-manage.com/js/optin.min.js" onload="setupSF('sf3zc98ad23ffc5d09379162da3b3982937d73f186be2121b72705e5312183a0e168','ZCFORMVIEW',false,'light',false,'0')"></script>
<script type="text/javascript">
	function runOnFormSubmit_sf3zc98ad23ffc5d09379162da3b3982937d73f186be2121b72705e5312183a0e168(th){
		/*Before submit, if you want to trigger your event, "include your code here"*/
	};
</script>

<style>
::-webkit-input-placeholder {
    color: rgb(106, 73, 162)
}
</style>

<!--Zoho Campaigns Web-Optin Form's Header Code Ends Here--><!--Zoho Campaigns Web-Optin Form Starts Here-->

<div id="sf3zc98ad23ffc5d09379162da3b3982937d73f186be2121b72705e5312183a0e168" data-type="signupform" style="opacity: 1;">
	<div id="customForm">
		<div name="SIGNUP_BODY" changeitem="BG_IMAGE" style="width: 300px; height: 380px; position: relative; margin: auto; background-color: rgb(255, 255, 255); overflow: hidden">
			<div changeitem="ELEGANTFORM_IMAGE" style="width: 100%; height: 100%; position: absolute; bottom: 0">
				<img src="https://campaign-image.com/zohocampaigns/1301d85c_sign_form_bg_41.png" style="width: 100%; height: 100%; position: relative">
			</div>
			<div style="width: 300px; height: 380px; position: relative; font-family: &quot;Arial&quot;; margin: auto">
				<div style="position:relative;">
					<div id="Zc_SignupSuccess" style="display:none;position:absolute;margin-left:4%;width:90%;background-color: white; padding: 3px; border: 3px solid rgb(194, 225, 154);  margin-top: 10px;margin-bottom:10px;word-break:break-all">
						<table width="100%" cellspacing="0" cellpadding="0" border="0">
							<tbody>
								<tr>
									<td width="10%">
										<img class="successicon" src="https://zcsub-cmpzourl.maillist-manage.com/images/challangeiconenable.jpg" align="absmiddle">
									</td>
									<td>
										<span id="signupSuccessMsg" style="color: rgb(73, 140, 132); font-family: sans-serif; font-size: 14px;word-break:break-word">&nbsp;&nbsp;Thank you for Signing Up</span>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<form method="POST" id="zcampaignOptinForm" style="margin: 0px; width: 100%; color: rgb(255, 255, 255)" action="https://zcsub-cmpzourl.maillist-manage.com/weboptin.zc" target="_zcSignup">
					<div style="background-color: rgb(255, 235, 232); padding: 10px; color: rgb(210, 0, 0); font-size: 11px; border: 1px solid rgb(255, 217, 211); opacity: 1; position: absolute; width: 80%; margin: 20px 10%; box-shadow: rgb(27, 27, 27) 0px 5px 12px 0px; display: none; display: none" id="errorMsgDiv">Please correct the marked field(s) below.</div>
					<link rel="stylesheet">
					<div style="text-align: center; width: 100%; float: left; position: absolute; z-index: 2; bottom: 75px">
						<div style="font-size: 22px; font-weight: 500; line-height: 1.556; margin: 0px; color: rgb(106, 73, 162); width: 100%; float: left; text-align: center; font-family: Georgia">Sign-up to stay in touch!</div>
						<div style="font-size: 18px; color: rgb(72, 72, 72); line-height: 1.5; width: 100%; float: left; margin: 10px 0px; font-weight: 400; font-family: Georgia">We have lots of updates soon. Be the first to know.</div>
						<div style="text-align: center; margin: 20px 0; width: 210px; height: 35px; margin: auto; margin-bottom: 10px; display: inline-block">
							<div id="Zc_SignupSuccess" style="position: absolute; width: 87%; background-color: white; padding: 3px; border: 3px solid rgb(194, 225, 154); word-break: break-all; opacity: 1; display: none">
								<div style="width: 20px; padding: 5px; display: table-cell">
									<img class="successicon" src="https://campaigns.zoho.com/images/challangeiconenable.jpg" style="width: 20px">
								</div>
								<div style="display: table-cell">
									<span id="signupSuccessMsg" style="color: rgb(73, 140, 132); font-family: sans-serif; font-size: 14px; line-height: 30px; display: block"></span>
								</div>
							</div>
							<input type="text" placeholder="Email Address" changeitem="SIGNUP_FORM_FIELD" name="CONTACT_EMAIL" id="EMBED_FORM_EMAIL_LABEL" style="border-width: 0 0 1px; border: 1px solid rgb(106, 73, 162); background-color: rgb(240, 240, 240); border-style: solid; width: 100%; height: 100%; z-index: 4; outline: none; padding: 5px 5px; box-sizing: border-box; color: rgb(136, 136, 136); font-family: &quot;Poppins&quot;, &quot;Arial&quot;; font-size: 12px">
						</div>
						<div style="position: relative; width: 210px; height: 35px; display: inline-block">
							<input type="button" style="text-align: center; border-radius: 0px; background-color: rgb(106, 73, 162); width: 100%; height: 100%; z-index: 5; border: 0; color: rgb(255, 255, 255); cursor: pointer; outline: none; font-family: &quot;Arial&quot;; font-size: 14px" name="SIGNUP_SUBMIT_BUTTON" id="zcWebOptin" value="SIGN UP">
						</div>
					</div>
					<input type="hidden" id="fieldBorder" value="">
					<input type="hidden" id="submitType" name="submitType" value="optinCustomView">
					<input type="hidden" id="emailReportId" name="emailReportId" value="">
					<input type="hidden" id="formType" name="formType" value="QuickForm">
					<input type="hidden" name="zx" id="cmpZuid" value="126551834">
					<input type="hidden" name="zcvers" value="3.0">
					<input type="hidden" name="oldListIds" id="allCheckedListIds" value="">
					<input type="hidden" id="mode" name="mode" value="OptinCreateView">
					<input type="hidden" id="zcld" name="zcld" value="">
					<input type="hidden" id="zctd" name="zctd" value="">
					<input type="hidden" id="document_domain" value="">
					<input type="hidden" id="zc_Url" value="zcsub-cmpzourl.maillist-manage.com">
					<input type="hidden" id="new_optin_response_in" value="0">
					<input type="hidden" id="duplicate_optin_response_in" value="0">
					<input type="hidden" name="zc_trackCode" id="zc_trackCode" value="ZCFORMVIEW">
					<input type="hidden" id="zc_formIx" name="zc_formIx" value="3zc98ad23ffc5d09379162da3b3982937d73f186be2121b72705e5312183a0e168">
					<input type="hidden" id="viewFrom" value="URL_ACTION">
					<span style="display: none" id="dt_CONTACT_EMAIL">1,true,6,Contact Email,2</span>
					<span style="display: none" id="dt_FIRSTNAME">1,false,1,First Name,2</span>
					<span style="display: none" id="dt_LASTNAME">1,false,1,Last Name,2</span>
				</form>
			</div>
		</div>
	</div>
	<img src="https://zcsub-cmpzourl.maillist-manage.com/images/spacer.gif" id="refImage" onload="referenceSetter(this)" style="display:none;">
</div>
<input type="hidden" id="signupFormType" value="QuickForm_Vertical">
<div id="zcOptinOverLay" oncontextmenu="return false" style="display:none;text-align: center; background-color: rgb(0, 0, 0); opacity: 0.5; z-index: 100; position: fixed; width: 100%; top: 0px; left: 0px; height: 988px;"></div>
<div id="zcOptinSuccessPopup" style="display:none;z-index: 9999;width: 800px; height: 40%;top: 84px;position: fixed; left: 26%;background-color: #FFFFFF;border-color: #E6E6E6; border-style: solid; border-width: 1px;  box-shadow: 0 1px 10px #424242;padding: 35px;">
	<span style="position: absolute;top: -16px;right:-14px;z-index:99999;cursor: pointer;" id="closeSuccess">
		<img src="https://zcsub-cmpzourl.maillist-manage.com/images/videoclose.png">
	</span>
	<div id="zcOptinSuccessPanel"></div>
</div>

<!--Zoho Campaigns Web-Optin Form Ends Here-->

.zshero-left-column .zpelem-spacer:first-child { display: none; }


.zphero { background: transparent; }
.zphero .zsborder-text-box { padding: 15px; }

.header-title {

  visibility : hidden;
  
  }

@media all and (min-width: 992px) {
     .theme-header .zpcontainer {

    padding:1px 1px !important;

  }

  .theme-header-topbar {

      padding:4px 0px !important;}
    .zphero .zsborder-text-box { padding: 30px; }
    .zphero .zsborder-box { padding: 30px; background: #0b0501; margin-left: -150px; position: relative; z-index: 1; }
    .zphero .zsoverlay-image-left { margin-left: -80px; margin-top: 410px; }
    .zphero .zsoverlay-image-right { margin-left: -100px; margin-bottom: 395px; }
    .zphero .zsoverlay-button { margin-bottom: -52px; }
    .zphero .zshero-left-column .zpelem-spacer:first-child { display: block; }
}

