<style type="text/css">
	.form .txt, input.datepicker {
		height:45px;
		line-height:45px;
	}
	button.btn { color:#ccc; }
	button.btn:hover { color:#fff; }
	a.btn.btn-fb { color:#ccc; }
	a.btn.btn-fb:hover { color:#fff; }
	.btn-fb a, .btn-fb a:active, .btn-fb a:link, .btn-fb a:visited {
	    color: #ccc;
	    text-shadow: none;
	}
</style>

<footer id="footer" style="padding-top:30px; font-family:Montserrat,'Open Sans',Helvetica,sans-serif">
	<div class="container_12 main-footer" style="display:nonex; padding:20px; 
	font-size:17px; line-height:27px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;">
        <div class="grid_3 about-us">
            <h3 class="rs title">About YourSite</h3>
            <p class="rs description">This is where a short description can go.</p>
			<p class="rs email">
				<i class="fa fa-envelope"></i> <a class="fc-default  be-fc-orange" 
				href="mailto:contact@yoursite.com">contact@yoursite.com</a></p>
            <p class="rs"><i class="fa fa-phone"></i> +1 (555) 555-1234</p>
            
            <div class="tw-social-icon">
	        	<a href="<?= $website_options['facebook_url'] ?>" title="Like Us on Facebook" 
	            class="facebook"><strong><i class="fa fa-facebook"></i></strong></a>
	            <a href="<?= $website_options['twitter_url'] ?>" title="Follow Us on Twitter" 
	            class="twitter"><i class="fa fa-twitter"></i></a>
	            <a href="<?= $website_options['linkedin_url'] ?>" 
	            title="Connect with us on LinkedIn"
	             class="linkedin"><i class="fa fa-linkedin"></i></a>
	            <a href="<?= $website_options['instagram_url'] ?>" title="Follow us on Instagram" 
	            class="instagram"><i class="fa fa-instagram"></i></a>
	            <a href="mailto: <?= $website_options['contact_email'] ?>" 
	            title="Click here to email us" class="emailicon"><i 
	            class="fa fa-envelope-o"></i></a>
           	</div>

        </div><!--end: .contact-info -->
        
        <div class="clear clear-2col"></div>
        
        <div class="grid_3 email-newsletter">
            <h3 class="rs title">Section Title</h3>
            <div class="inner">
                <p class="rs description">
					Lorem Ipsum has been the industry's standard dummy text ever 
					since the 1500s...
                </p>
				<a class="btn btn-black" href="#" style="margin-top:15px; height:48px; 
				line-height:48px; max-width:150px;">Learn more</a>
            </div>
        </div><!--end: .email-newsletter -->
        
        <div class="grid_3 email-newsletter" style="display:nonex;">
            <h3 class="rs title">Email Capture</h3>
            <div class="inner">
                <p class="rs description">Quick Email Capture that saves directly to your Admin.</p>
                <form action="#">
                    <div class="form form-email">
                        <label class="lbl" for="txt-email">
                            <input id="txt-email" type="text" class="txt fill-width" 
                            placeholder="Enter your e-mail address"/>
                        </label>
						<button class="btn btn-black" type="submit" 
							style="margin-top:15px; max-width:150px;">Submit</button>
                    </div>
                </form>
            </div>
        </div><!--end: .email-newsletter -->
        <div class="grid_3">
            <h3 class="rs title">Footer Links</h3>
            <div class="footer-menu">
                <ul class="rs">
                    <li><a class="be-fc-orange" href="/about">About</a></li>
                    <?php
                    if (isset($_SESSION['loggedin'])) {
                    ?>
					<li><a class="be-fc-orange" href="#">+Add New &raquo;</a></li>
                    <?php
                    } else {
                    ?>
                        <a href="#login" class="loginpop nav-title" 
                        style="color:#219ED9;">Start a Project &raquo;</a>
                    <?php
                    }
                    ?>
                    <li><a class="be-fc-orange" href="/faq">How it Works</a></li>
                    <li><a class="be-fc-orange" href="/contact">Contact</a></li>
                </ul>
                <ul class="rs">
                    <li><a class="be-fc-orange" href="#">Browse Projects</a></li>
                    <li><a class="be-fc-orange" href="/profile/edit">Edit Profile</a></li>
                    <li><a class="be-fc-orange" href="#">Store/Redeem</a></li>
                    <li><a class="be-fc-orange" href="#">Leaderboard</a></li>
                </ul>
                <div class="clear"></div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
	<div class="copyright" style="font-size:12px;">
        <div class="container_12">
            <div class="grid_12">
				<a class="logo-footer" href="/" title="Home"><img 
				src="/<?= $website_options['footer_logo'] ?>" 
				onerror="this.src='/static/system/base_pages_logo.png'"
				alt="Home" style="max-width:175px; height:auto; max-height:35px; 
				margin-bottom:0px; margin-top:2px;" /></a>
				<p class="rs term-privacy" style="font-weight:300; font-size:15px;">
					<a href="/about" title="About">About</a>
						<span class="sep">/</span>
					<a class="" href="/faqs">FAQ</a> 	
						<span class="sep">/</span>						
					<!--<a class="" href="/sitemap.xml">Sitemap</a>
						<span class="sep">/</span>-->
                    <!--<a class="" href="/privacy">Privacy</a>
						<span class="sep">/</span>-->
                    <a class="" href="/auth/join">Join free</a>
                </p>
                <p class="rs ta-c fc-gray-dark site-copyright" 
					style="font-weight:300; 
					font-size:14px;"><?= $website_options['footer_copyright'] ?>	
				</p>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</footer><!--end: #footer -->
<a href="#" class="scrollup">Scroll</a>
</div>

<!-- FIXED BOTTOM MENU BAR (LIKE NATIVE APPS) FOR MOBILE DEVICE EXPERIENCE -->
<div id="bottomtray" class="bottomtray" style="display:none;">
	<a href="#"><div class="bottomicons"><i class="fa fa-home monly"></i></div></a>
	<a href="#"><div class="bottomicons"><i class="fa fa-usd monly"></i></div></a>
	<a href="#"><div class="bottomicons"><i class="fa fa-plus monly"></i></div></a>
	<a href="#"><div class="bottomicons"><i class="fa fa-cog monly"></i></div></a>
	<a href="#"><div class="bottomicons"><i class="fa fa-phone monly"></i></div></a>	
</div>		

<!--////////////////////////////////////////////////////////////-->
<!--///////////////  LIGHTBOX POPUPS START HERE  ///////////////-->
<!--////////////////////////////////////////////////////////////-->

<!-- LOGIN FORM -->
<div style="display:none;">
<div id="login" class="regFrm">
    <div class="overlay-bl-bg"></div>
    <div class="container_12 pop-content" style="height:auto; padding-bottom:0px !important; 
		min-width:200px; width:100%; max-width:400px; overflow-y:hidden; background:red;
    	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">
		<div class="" style="height:auto; margin-bottom:0px !important;">
            <div class="form login-form" style="height:auto; background:#fff !important;">
				<!-- FORM STARTS HERE -->
				<form method="post" action="/auth/login" style="height:auto; font-weight:300; 
				font-size:15px;">            
                    <div class="box-white" style="border:0px; padding-top:10px; height:auto; 
                    margin-bottom:0px;">
						<center><img src="/<?= $website_options['footer_logo'] ?>" 
						onerror="this.src='/static/system/base_pages_logo.png'"
						alt="Home" style="max-height:85px;" loading="lazy" /></center>
						
                        <p class="rs" style="text-align:center;">
                        	Have an Account already? Login...
                        </p>
                        <div class="form-action" style="padding-bottom:0px !important; 
                        margin-bottom:0px !important;">
                            <label for="txt_email_login">
                                <input name="email" id="txt_email_login" class="txt fill-width" 
                                type="email" placeholder="Enter your e-mail address" 
                                style="padding:20px 10px important; font-size:17px; 
                                font-weight:300" />
                            </label>
                            
                            <label for="txt_password_login">
                                <input name="password" id="txt_password_login" 
                                class="txt fill-width" type="password" 
                                placeholder="Enter password" style="padding:20px 10px !important;
                                font-size:17px; font-weight:300" />
                            </label>
                            
							<div style="float:left; width:50%;">
								<label for="chk_remember" class="rs clearfix">
                                	<input id="chk_remember" name="remember" type="checkbox" 
									class="chk-remember" style="padding-top:0px !important; 
									background:none; float:left;" />
									<span class="lbl-remember" style="float:left; font-size:12px; 
									background:none; width:90px;">Remember me</span>
                           		</label>
							</div>
							<div style="float:right; width:50%; padding-top:0px; margin-top:-4px;
								text-align:right;">
								<a href="/auth/forgot" class="fc-orange" 
								style="font-size:12px;">Forgot password?</a>
							</div>
                            <div class="clear"></div>
							<br />
                            <p class="rs ta-c pb10" style="margin-bottom:0px; padding-bottom:0px;">
                                <input type="hidden" name="redirect_me" 
                                value="<?= $_SERVER['REQUEST_URI'] ?>" />
                                <button class="btn-blue" type="submit" 
                                style="line-height:50px !important; min-height:50px !important; 
                                font-family: 'Open Sans', sans-serif; padding:0px 25px !important;
								font-weight: 700; font-size: 1.077em; text-transform: uppercase; 
								display:inline-block; border:0px solid; margin-top:-3px; 
								min-width:100px !important; width:90%; 
								-webkit-border-radius: 50px; -moz-border-radius: 50px; 
								border-radius: 50px;">Login</button>
                            </p>
							<br />
							<center>or <a href="/auth/register">sign up free &raquo;</a></center>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</div>

<!-- REGISTER FORM -->
<div style="display:none;">
<div id="register" class="regFrm">
    <div class="overlay-bl-bg"></div>
    <div class="container_12 pop-content" style="min-width:300px; max-width:400px;">
        <div class="" style="background:none !important;">
            <div class="form login-form">
                <form method="post" action="/auth/register">
                    <h3 class="rs title-form">Register, it&rsquo;s free!</h3>
                    <div class="box-white" style="padding-top:0px; height:330px">
                        <!--<h4 class="rs title-box">New to YourBrand?</h4>-->
                        <!--<p class="rs">Sign up with email or Facebook</p>-->
                        <div class="form-action">
						
						    <?php if (!isset($_GET['r'])) : ?>
						        <input name="ref" id="refcode" class="txt fill-width"
						            type="text" placeholder="Enter Ref/Promo Code" /><br />
								<input type="hidden" id="userefcode" name="refby" 
								value="<?= $refby ?>" />
							<?php elseif ($_GET['r']) : ?>
								<span style="font-size:13px;">Referred huh? Promo 
								Code: <span style="color:#3FD300; 
								font-weight:bold;"><?= $_GET['r']?></span> accepted!</span><br />
								<input type="hidden" id="userefcode" name="refby" 
								value="<?= $_GET['r']?>" />
						    <?php endif; ?>						
						
                            <label for="txt_name">
                                <input name="name" id="txt_name" class="txt fill-width" 
                                type="text" placeholder="Enter full name" />
                            </label>
                            <div class="wrap-2col clearfix" style="margin-bottom:0px;">
                                <label for="txt_email">
                                    <input id="email" name="email" id="txt_email" 
                                    class="txt fill-width" type="email" 
                                    placeholder="Enter your e-mail address" />
                                </label>
                                <label for="txt_password">
                                    <input id="password" name="password" id="txt_password" 
                                    class="txt fill-width" type="password" 
                                    placeholder="Enter password" />
                                </label>                   
                                           
                                <!--<label for="txt_re_password">
                                    <input name="password2" id="txt_re_password" 
                                    class="txt fill-width" type="password" 
                                    placeholder="Re-enter password"/>
                                </label>  -->                        
                   				<!--
                                <label for="txt_name">
                                    Type of Account:
                                    <select name="account_type">
                                        <option value="Company">Company</option>
                                        <option value="Person">Person</option>
                                    </select>
                                </label><br />
                    			-->
                                <input type="hidden" name="account_type" value="Customer" />
                            </div>
                           	<span style="text-align:left;">
								<input name="check_terms" id="check_terms" class="txt" 
								type="checkbox" style="width:25px; margin-bottom:1px" />
								I Agree to the <a href="/terms" class="fc-orange">Terms</a>.
							</span>
							<br /><br />
							<p class="rs ta-c" style="margin-bottom:0px;">
                                <button id="submit" class="btn btn-fb register-trigger" 
                                type="submit" style="margin-bottom:2px;">Register</button>
                            </p>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</div>

<!-- GENERAL LIGHTBOX -->
<div style="display:none;">
<div id="general" class="" style="max-width:750px;">
    <div class="overlay-bl-bg"></div>
    <div class="container_6 pop-content">
        <div class="" style="background:none !important;">
            <div class="form login-form" style="background:none !important;">               
                <!-- CONTENT CONTAINER STARTS HERE -->
                <div class="box-white" style="border:0px; max-height:300px;
                height:auto; padding:0px; background:none !important; 
                margin-top:-30px !important;">
                    <div style="background:#fff; float:left; padding:25px; color:#444; font-size:16px;
                    font-weight:300; text-align:left; font-family: 'Open Sans',sans-serif; 
                    font-weight:normal; line-height:24px;">                   
	                        
	                    <h2 style="text-align:center;">
	                      	TITLE HERE
	                    </h2>
	                    
						Lorem Ipsum has been the industry's standard dummy text ever since 
						the 1500s, when an unknown printer took a galley of type and 
						scrambled it to make a type ...
						
	               		<br /><br />
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

<!-- CALL TO ACTION -->
<div style="display:none;">
<div id="calltoaction" class="" style="max-width:550px;">
    <div class="overlay-bl-bg"></div>
    <div class="container_6 pop-content">
        <div class="" style="background:none !important;">
            <div class="form login-form">
                <form method="post" action="/auth/register">
                    <h3 class="rs title-form">Subscribe to our Newsletter!</h3>
                    <!-- CONTENT CONTAINER STARTS HERE -->
                    <div class="box-white" style="background: #ccc url(/static/system/ctabg.jpg); 
                    border:0px; max-height:300px; height:300px; padding:0px; min-width:550px;">
                    	<div style="background:rgba(0,0,0,.77); float:left; width:260px; 
                    	height:250px; padding:25px; color:#fff;">
	                        <h4 class="rs title-box">Stay Up To Date</h4>
	                        <p class="rs">
	                        	Get the lastest news &amp; exclusive deals by joining our 
	                        	mailing list.
	                        </p>
	                        <br />
	                        <span style="color:#ff0000;">Note:</span> Lightbox has already 
	                        been installed for your convenience - and can easily be
	                        used for many different ideas. Simply open the footer.tpl.php 
	                        file, look for a code block titled CALL TO ACTION then
	                        add your own text or code. You can even easily change this 
	                        background image.
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</div>

<!-- CALL TO ACTION #2 -->
<div style="display:none;">
	<div id="calltoaction2" class="" style="max-width:550px;">
		<div class="overlay-bl-bg"></div>
		<div class="container_6 pop-content">
			<div class="" style="background:none !important;">
				<div class="form login-form">
					<form method="post" action="/auth/register">
						<h3 class="rs title-form">Subscribe to our Newsletter!</h3>
						<!-- CONTENT CONTAINER STARTS HERE -->
						<div class="box-white" style="font-size:17px; line-height:27px; 
						font-weight:300; max-height:300px; min-height:200px; padding:20px; 
						min-width:500px;">
							
							<h4 class="rs title-box">Stay Up To Date</h4>
							<p class="rs">
								Get the lastest news &amp; exclusive deals by joining our
								mailing list.
							</p>
							<br />
							<span style="color:#ff0000;">Note:</span> Lightbox has already
							been installed for your convenience - and can easily be
							used for many different ideas. Simply open the footer.tpl.php
							file, look for a code block titled CALL TO ACTION then
							add your own text or code. You can even easily change this
							background image.
						
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
$(document).ready(function() {
	$('#comingsoon,#comingsoon2,#comingsoon3,.comingsoon').click(function (e) {
		alert('Coming Soon!');
		//$("#chevron_pp").toggleClass('fa-chevron-down fa-chevron-down open');
		//$("#pp_inputs").toggle();
		e.preventDefault();
	});
	
	///////////////////////////////////////////////
	// FOR THE WEB APP SPLASH SCREEN
	
	$('#showWAIS').click(function () {
		//alert('WAIS!');
		$('#mask').fadeIn(0);
		$('#mask').fadeTo("fast",0.90);

		//transition effect
		$('#dialog').fadeIn(0);
	});
	
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();

		$('#mask').hide();
		$('.window').hide();
	});

	//if mask is clicked
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});

	// FOR THE WEB APP SPLASH SCREEN
	///////////////////////////////////////////////
		
	$("input, select, textarea").bind("focus",function() {
		$("#bottomtray").hide()
	});
	
	$("input, select, textarea").bind("blur",function() {
		$("#bottomtray").hide()
	});
	
	$('a.confirm').click(function(event) {
		event.preventDefault();
	    var url = $(this).attr('href');
//	    if ($(this).attr('question')) {
//	    	var confirm_box = confirm($(this).attr('question'));
//	    } else {
//	    	var confirm_box = confirm('Are you sure???');
//	    }
		var confirm_box = confirm('Are you sure?');
	    if (confirm_box) {
	       window.location = url;
	    }
		return false;
	});
	
	$('form').on('keyup', '#refcode', function(e){	  
		e.preventDefault();

		var code = $("#refcode").val();
		$.ajax({
		  url: "/auth/validatePC",
		  type: "POST",
		  data: {c: code},
		  success: function(d) {
			if (d) {
			  $("#userefcode").val(code); 
			  $("#refcode").css("background", "#27C427");
			  $("#refmsg").html("Your code is valid and accepted!");
			}
			else {
			  $("#refcode").css("background", "#cd1000");
			  $("#refmsg").html("That code is not valid. : (");
			}
		  }
		});
		return false;
	});
	
    $(".register-trigger, .connect-fb").click(function(e){
        if (! $("#check_terms").is(":checked")) {
            e.preventDefault();
			var confirm_box = confirm('You must check the Terms checkbox.');
            return false;
        }

        return true;
    });
	
	$('#submit').click(function() {
		var emailAddress = $('#email').val();
		// Checking Empty Fields
		if ($.trim(emailAddress).length == 0 || $("#password").val()=="") {
			alert('Please fill out email and password.');
			return false;
			//e.preventDefault();
		} else {
			if (isValidEmailAddress(emailAddress)) {
				alert('Nice! Your Email is valid, you may continue...');
			} else {
				alert("Please enter a valid email address");
				return false;
				//e.preventDefault();
			}
		}
	});
});
// DOCUMENT READY ENDS HERE 

// Function that validates email address through a regular expression.
	function isValidEmailAddress(emailAddress) {
	  var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
		return pattern.test(emailAddress);
	}	
</script>

</body>
</html>

<!-- ######################################################## -->
<!-- ##################   COOKIES MODULE   ################## -->
<!-- ######################################################## -->

<style>
	#cookieconsent\:desc {
		font-weight: 300 !important;
	}
	.text-secondary a:hover {
		color:#007bff !important;
	}
	
	.cc-btn.cc-deny {
		background: #b00c29 !important;
	}
	.cc-btn.cc-deny:hover {
		background: #cf0e32 !important;
		text-decoration: none !important;
	}
	a.cc-btn.cc-deny:hover {
		text-decoration: none !important;
	}	
	.slick-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 20px;
		height: 20px;
		padding: 5px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background:transparent;
	}	
	.slick-prev:before, .slick-next:before {
		font-family: 'slick';
		font-size: 20px;
		line-height: 1;
		opacity: .75;
		color: #ccc;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}		
</style>
<link rel="preload" href="/static/css/cookieconsent.min.css" as="style"
onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="/static/css/cookieconsent.min.css" type="text/css"></noscript>
<script src="/static/js/cookieconsent.min.js" data-cfasync="false" defer> </script>
<script>
	window.addEventListener('load', function() {
		window.cookieconsent.initialise({
			revokeBtn: "<div class='cc-revoke'></div>",
			type: "opt-in",
			theme: "classic",
			palette: {
				popup: {
					background: "rgba(0,0,0,.77)",
					text: "#fff"
				},
				button: {
					background: "#fd0",
					text: "#000"
				}
			},
			content: {
				link: "Cookie Notice",
				href: "https://basepages.com/cookies"
			},
			onInitialise: function(status) {
				if (status == cookieconsent.status.allow)
					myScripts();
			},
			onStatusChange: function(status) {
				if (this.hasConsented())
					myScripts();
			}
		})
	});

	function myScripts(){

	}
</script>
<link rel="preload" href="/static/js/addtohomescreen.css" as="style"
onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="/static/js/addtohomescreen.css" type="text/css"></noscript>

<script src="/static/js/addtohomescreen.js" defer> </script>
<script type="application/javascript" defer>
	addToHomescreen();
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap" as="style"
onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap"></noscript>
<script type="text/javascript" src="/static/js/fancybox/jquery.fancybox.pack.js" defer> </script>
<link rel="preload" href="/static/js/fancybox/jquery.fancybox.css" as="style"
onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="/static/js/fancybox/jquery.fancybox.css" type="text/css"
	media="screen"></noscript>
<link rel="preload" href="//fonts.googleapis.com/css?family=Open+Sans:400,600,700,300" as="style"
onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,600,700,300" type='text/css'></noscript>
<script src="https://kit.fontawesome.com/528dc48127.js" crossorigin="anonymous" defer> </script>
<link rel="icon" type="image/x-icon" href="/<?= $website_options['website_favicon'] ?>" />
<link rel="icon" type="image/png" href="/<?= $website_options['website_favicon'] ?>" sizes="16x16" />
<script src="/static/js/stay_standalone.js" type="text/javascript" defer> </script>
<script type="text/javascript" src="/static/js/jquery.sidr.min.js" defer> </script>
<script type="text/javascript" src="/static/js/lbRealtime.js" defer> </script>