<footer id="footer" style="padding-top:0px; font-family:Montserrat,'Open Sans',Helvetica,sans-serif">
	<div class="copyright" style="font-size:12px;">
		<div class="container_12">
			<div class="grid_12">
				<a class="logo-footer" href="/" title="Home" 
					style="margin-top:11px; font-family:Montserrat,'Open Sans'; 
					font-size:20px; font-weight:600; 
					color:#B4B4B4;">YOUR<span style="color:#000">BRAND</span></a>
				<p class="rs term-privacy" style="font-weight:300;">
					<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;"><?= $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:20px; 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; margin-bottom:5px;" 
								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:10px important; height:48px; font-size:17px;
									font-weight:400" />
								</label>

								<label for="txt_password_login">
									<input name="password" id="txt_password_login"
									class="txt fill-width" type="password"
									placeholder="Enter password" style="padding:10px important; 
									height:48px; font-size:17px; font-weight:400" />
								</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/join">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 #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();
		});

		$("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>
<!--<script rel="preload" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"
   type="text/javascript"> </script>-->
<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 type="text/javascript">
	jQuery(function() {
		$(window).load(function () {
			//		var image = new Image();
			//		image.src = "/path/to/huge/file.jpg";
			$(".comp-logo").each(function (index, element) {
				var self = $(this);
				if (self.is(":visible")) {
					var imgSrc = self.data("image");
					//alert(imgSrc);
					self.attr("src", imgSrc);
				}
			});
		});
	});
	
	window.addEventListener('load', function() {
		setTimeout(runConsent, 5000);
	}, false);

	function runConsent(){
		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://base.basepages.com/cookies"
			},
			onInitialise: function(status) {
				if (status == cookieconsent.status.allow)
					myScripts();
			},
			onStatusChange: function(status) {
				if (this.hasConsented())
					myScripts();
			}
		})
	}
</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>

<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/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>
<script type="text/javascript" src="/static/js/script.js"> </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>

<!-- DOUBLE CHECK IF WE NEED THESE -->
<!--<link rel="stylesheet" href="/static/css/my_styles.css?<?php echo rand(); ?>"/>
<link rel="stylesheet" href="/static/css/md-slider.css"/>
<link rel="stylesheet" href="/static/css/responsiveslides.css"/>-->