<?php
// UNCOMMENT TO USE
//	global $website_title;
//	$website_title = "";
//
//	global $website_description;
//	$website_description = "";
//
//	global $website_image;
//	$website_image = "#";

include('views/_header.tpl.php');
?>

<!--<link href='//fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300' rel='stylesheet' type='text/css'>

<script type="text/javascript">
$(document).ready(function() {

});
</script>-->

<style type="text/css">
	body, html {
		/*		position: fixed;
		top: 0;
		bottom: -72px;
		background-attachment: fixed;*/
		/*background: url('/static/bgs/heart_hands.jpg') center center no-repeat;*/
		background: url('/static/bgmount.jpg') no-repeat center center fixed;
		/*background-color: #000;*/
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0;
		padding: 0;
		/*overflow-x: hidden;*/
		overflow-y: auto;
		font-family: Montserrat,'Open Sans',Helvetica,'Helvetica Neue','Lato', sans-serif;
		font-weight: 300;
		color: #fff;
		height: auto;
		min-height: 100vh;
		/* background-color: #000; */
	}
	html {
		/*background: url('/static/bgs/heart_hands.jpg') no-repeat center center fixed;
		background-size: cover;*/
		/*background: url('/static/images/lbstartup.jpg') no-repeat center center !important;*/
		/*background-size: 500px !important;*/
		/*background-color: #191919 !important;*/
		/*overflow: hidden !important;*/
	}
	body {
		height: 100%;
		overflow: auto;
		/*background: #191919 !important;*/
		/*overflow: hidden;*/
	}
	#header {
		border-bottom: 0px solid #555;
	}
	div.spacer {
		padding-top: 50px;
	}
	::-webkit-scrollbar {
		/*width: 12px; */              /* width of the entire scrollbar */
		background: #333 !important;
	}

	::-webkit-scrollbar-track {
		background: #333 !important;        /* color of the tracking area */
	}

	::-webkit-scrollbar-thumb {
		background-color: #000 !important;    /* color of the scroll thumb */
		border-radius: 20px;       /* roundness of the scroll thumb */
		border: 3px solid #333 !important;  /* creates padding around scroll thumb */
	}

	::-webkit-scrollbar:horizontal{
		height: 8px;
		background-color: #000 !important;
	}
	::-webkit-scrollbar-thumb:horizontal{
		background: #000 !important;
		border-radius: 10px;
	}
	h1 {
		font-size: 36px;
		font-family: Montserrat,Raleway, 'Open Sans', Helvetica, sans-serif;
	}
	span, a, a:active, a:hover {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	a, a:link, a:visited, a:active {
		color: #00A1FE;
	}
	a:hover {
		color: #4dd0ff;
	}
	#imageSlider {
		width: 100%;
		position: relative;
		/*overflow-x: scroll;*/
		overflow: hidden;
	}
	#sliderWrapper {
		left: 0;
		width: 100%;
		/*width: calc(100% - 80px);*/
		white-space: nowrap !important;
		height: 100%;
		position: relative;
		overflow-x: scroll;
	}
	#next {
		margin-top: 200px;
		height: 97px;
		position: absolute;
		right: 10px;
		z-index: 1;
		width: 50px;
	}
	#prev {
		margin-top: 200px;
		height: 97px;
		position: absolute;
		left: 10px;
		z-index: 1;
		width: 50px;
	}
	.appcontent {
		padding-top: 25px;
	}
	a.btn-o, a.btn-o:active, a.btn-o:visited, a.btn-o:link {
		color: #eee !important;
	}
	a.btn-o:hover {
		color: #fff !important;
		border: 3px solid #5cd3fe;
		background-color: #9f27a2;
		background-image: linear-gradient(45deg, #99269c, #4dc4ff);
	}
	.btn-o, .btn-o a, .btn-o a:link, .btn-o a:active, .btn-o a:visited, .btn-oo a {
		border: 3px solid #29baff;
		background-color: #8b248d;
		background-image: linear-gradient(45deg, #8b248d, #099bf2);
		text-shadow: -1px -1px -1px rgba(0,0,0,.5);
		padding: 12px 15px;
		width: 150px;
		height: 20px;
		line-height: 20px;
		display: inline-block;
		font-family: 'Open Sans', Montserrat,Arial,sans-serif;
		font-weight: 400;
		font-size: 16px;
		color: #fff;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		box-shadow: 0 3px 10px rgb(0 0 0 / 30%);
	}
	.intro {
		margin: 20px auto;
		font-size: 20px;
		line-height: 29px;
		text-align: center;
	}
	.bottomlinks {
		margin: 20px auto 0;
	}

	ul.benefits {
		/*background:red;*/
		margin-block-start: .5em;
		margin-block-end: .5em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		padding-inline-start: 20px;
		padding-inline-end: 20px;
		list-style-type: none; /* Remove bullets */
		max-width: 530px;
		margin: 0 auto 20px;
		text-align: left;
	}
	ul.benefits li {
		/*background:red;*/
		width: 100%;
		font-weight: 500;
		color: #fff;
		text-shadow: 1px -1px -1px rgba(0,0,0,.5);
		margin-right: 0px;
		line-height: 24px;
		font-size: 19px;
		margin-bottom: 9px;
	}
	.mclear {
		display: inline;
	}
	/*	footer#footer {
	position:absolute;
	width:100%;
	background:none !important;
	bottom: 0 !important;
	}*/
	#footer .copyright {
		background: none;
	}
	#footer {
		border-top: 0px solid #eee;
	}

	/* ///////////////////////////////////////////////////////// */
	/*                        MOBILE STYLES                      */
	/* ///////////////////////////////////////////////////////// */

	@media (min-width: 980px) and (max-width: 1024px) {

	}

	/* Portrait tablet to landscape and desktop */
	@media (min-width: 768px) and (max-width: 979px) {

	}

	/* Landscape phone to portrait tablet */
	@media (max-width: 767px) {

	}

	/* Landscape phones and down */
	@media (max-width: 586px) {
		.appcontent {
			padding-top: 0px;
		}
		h1 {
			margin-top: 30px;
			font-size: 32px;
			line-height: 35px;
			font-family: Montserrat,Raleway, 'Open Sans', Helvetica, sans-serif;
		}
		.intro {
			text-align: left;
			font-weight: 400;
		}
		#footer .term-privacy a, #footer .site-copyright a {
			font-size: 17px;
			font-family: 'Open Sans', sans-serif;
			font-weight: 300;
		}
		#footer .site-copyright, #footer .site-copyright a {
			font-weight: 300;
			font-size: 15px;
		}
	}

	/* Landscape phones and down */
	@media (max-width: 480px) {
		/*		div.spacer {
		padding-top: 0px;
		}*/
		.intro {
			margin: 20px auto 30px;
		}
		.bottomlinks {
			margin: 20px auto 0;
		}
		#next {
			margin-top: 200px;
			height: auto;
			padding: 10px;
			position: absolute;
			right: 5px;
			z-index: 1;
			width: 40px;
			background: rgba(0,0,0,.7);
		}
		#prev {
			margin-top: 200px;
			height: auto;
			padding: 10px;
			position: absolute;
			left: 5px;
			z-index: 1;
			width: 40px;
			background: rgba(0,0,0,.7);
		}
		#footer .copyright {
			padding: 0 !important;
		}
	}
	@media (max-width: 375px) {
		.intro {
			margin: 10px auto 15px;
		}
		h1 {
			font-size: 26px !important;
			font-family: Montserrat,Raleway, 'Open Sans', Helvetica, sans-serif;
		}
	}
</style>

<!--<img src="/static/bgs/heart_hands.jpg" alt="" id="bg">-->
<div style="position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.1); width:100%;
	height:100%;"></div>
<div class="home-feature-category" style="background:none; border:none; width:100%;
max-width:4000px; padding:0px; margin:0; overflow:hidden">

	<div class="container_12 clearfix" style="width:100%; padding:0px; margin:0; overflow:hidden">
		<div class="grid_12 marked-category" style="width:100% !important; padding:0px; margin:0;
		overflow:hidden;">

			<div class="appcontent" style="text-align:left; padding-left:0px; font-size:17px;
			 overflow:hidden; text-shadow:0px 1px 1px rgba(0,0,0,.7); position:relative; top:0;
			 width:100%; min-height:310px; background:none;">

				<br /><br /><br /><br /><br /><br />
				<h1 style="text-shadow:0px 1px 1px rgba(0,0,0,.7); text-align:center; margin-bottom:10px;
				font-family: Montserrat,Raleway, 'Open Sans', Helvetica, sans-serif;">
					<a href="/" style="text-decoration:none; color:#fff; font-weight:400;
					font-family: Montserrat,Raleway, 'Open Sans', Helvetica, sans-serif;">
					COMING SOON</a>
				</h1>

				<div class="intro" style="padding:15px; max-width:1100px;
					font-family: Montserrat,Raleway, 'Open Sans', Helvetica, sans-serif; color:#fff;">

					<div style="padding:20px 10px 0; font-size:17px; line-height:27px;
					max-width:500px; margin:0 auto;">
						If you have any questions, please feel free to email us at
						<a href="mailto:hello@basepages.com?subject=BASEPages Inquiry"
						title="Click to email" style="font-weight:500;">hello@basepages.com</a> or
						call/text us at <a href="tel:312-857-3511" title="Click to call"
						style="font-weight:500;">312-857-3511</a> (CST)
					</div>
					<br /><br /><br />
					<center>
						<a href="/" title="Back to Home">
							<i class="fa fa-angle-left" aria-hidden="true"
						style=""></i> Back to Home</a></center>
					<br />

				</div>
				<div class="clear"></div>
			</div>
			<!-- APP CONTENT ENDS -->
			<div class="clear"></div>
			<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
		</div>
		<!-- GRID_12 ENDS -->
	</div>
	<!-- CONTAINER_12 ENDS -->
</div>
<!-- HOME-FEATURE-CATEGORY ENDS -->

<?php include('views/_footer_m.tpl.php'); ?>