/*
	Author: Lumberjacks
	Template: Shortcut (Coming Soon)
	Version: 1.0
	URL: http://themeforest.net/user/Lumberjacks/
*/



/* TABLE OF CONTENTS

	1. Import section
	2. Basic styles
	3. Typography
	4. Header
	5. Menu
	6. Main content
	7. Footer
	8. Breakpoints

*/



/* 1. IMPORT SECTION */

	@import url("bootstrap.css");
	@import url("http://fonts.googleapis.com/css?family=Roboto:900&subset=latin,latin-ext");
	@import url("font-awesome.min.css");
	@import url("animate.css");




/* 2. BASIC STYLES */

	html, body {
		height: 100%;
		width: 100%;
		overflow: hidden;
	}

	body {
		font: 80px Lato, "Century Gothic", "Trebuchet MS", Helvetica, sans-serif;
		background-color: #fff;
		color: #fff;
		font-weight: 900;
		-webkit-font-smoothing: antialiased;
		text-rendering: optimizeLegibility;
		text-transform: uppercase;
	}

	 p, h1, h2, h3, h4, h5, h6, span, div {
 		margin-top: 0;
 		margin-bottom: 0;
 		padding-top: 0;
 		padding-bottom: 0;
 		line-height: 0.8em;
 		white-space: nowrap;
 	}

	*,
	*:after,
	*:before {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	::selection {
	  background: #fff;
	  color: #22A7F0;
	}
	::-moz-selection {
	  background: #fff;
	  color: #22A7F0;
	}

	a { 
		color: inherit;
		transition: all 0.25s ease-in-out 0s;
		-moz-transition: all 0.25s ease-in-out 0s;
		-webkit-transition: all 0.25s ease-in-out 0s;
		-o-transition: all 0.25s ease-in-out 0s;
		-ms-transition: all 0.25s ease-in-out 0s;
	}

	a:hover {
		color: inherit;
	}

	a, a:hover, a:active, a:focus {
		outline: 0;
		border: 0;
		text-decoration: none;
		color: inherit;
	}

	.lj-float-left {
		float: left;
	}

	.lj-float-right {
		float: right;
	}
	
	.lj-block-center {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.lj-show {
		display: block !important;
	}
	
	.lj-hide {
		display: none !important;
		visibility: hidden !important;
	}

	.lj-preloader {
		background: url('../img/preloader.svg') no-repeat center center;
		bottom: 0;
		height: 100%;
		left: 0;
		overflow: hidden;
		position: fixed;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 99999;
	}



/* 3. TYPOGRAPHY */

   
	.lj-text-uppercase {
		text-transform: uppercase;
	}

	.lj-text-center {
		text-align: center;
	}

	.lj-text-left {
		text-align: left;
	}

	.lj-text-right {
		text-align: right;
	}

	.lj-text-justify {
		text-align: justify;
	}

	.lj-text-underline {
		text-decoration: underline;
	}

	.lj-text-italic {
		font-style: italic;
	}


/* 4. HEADER */

	header {
		width: 100%;
		height: 100%;
		position: relative;
		text-align: center;
		background: transparent;
	}
	
	header > .container {
		height: 100%;
		position: relative;
	}

	.lj-overlay {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
	}

	.background-holder {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		width: 100%;
		z-index: 0;
	}
	
	.lj-background-repeat {
	    background-repeat: repeat;
	}
	
	.lj-background-no-repeat {
		background-repeat: no-repeat;
	}
	
	.lj-overlay-none {
		display: none;
		visibility: hidden;
	}
	
	.lj-overlay-image {
		background-repeat: repeat;
	}
	
	.lj-overlay-color {
	    background-color: rgba(0,0,0,0.5);
	}
	
	.lj-overlay-gradient {
		background: -moz-linear-gradient(215deg,  rgba(137,231,255,0.8) 0%, rgba(236,135,192,0.8) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(236,135,192,0.8)), color-stop(100%,rgba(196,255,0,0.8))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(215deg,  rgba(137,231,255,0.8) 0%,rgba(236,135,192,0.8) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(215deg,  rgba(137,231,255,0.8) 0%,rgba(236,135,192,0.8) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(215deg,  rgba(137,231,255,0.8) 0%,rgba(236,135,192,0.8) 100%); /* IE10+ */
		background: linear-gradient(215deg,  rgba(137,231,255,0.8) 0%,rgba(236,135,192,0.8) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89e7ff', endColorstr='#ec87c0',GradientType=1 ) progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/1x1.png'); /* IE6-9 fallback on horizontal gradient */
		pointer-events:none;
	}

	.yt-background {
		background-image: url('../img/video.jpg');
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-attachment: fixed;
	}

	.mobile .mbYTP_wrapper,
	.tablet .mbYTP_wrapper {
    	z-index: -1 !important;
	}

	.mobile .lj-controls,
	.tablet .lj-controls {
    	display: none;
	}

	#canvas_holder {
		position: absolute;
		top: 0px;
		left: 0px;
		width:100%; 
		height:100%;
		z-index: 0;
	}
		
	#map_canvas {
		width:100%;
		height:100%; 
		position: absolute; 
		top: 0px; 
		left: 0px; 
		overflow: hidden;
	}
		
	#holder {
		width: 300px;
		background: rgba(0,0,0,0.8);
		z-index: 1000;
		position: absolute;
		color: white;
		padding: 10px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		-webkit-border-radius: 10px;
		-ms-border-radius: 10px;
	}

	.gmnoprint {
		cursor: default !important;
	}

	.wrapper {
	    width: 100%;
	    height: auto;
	    position: relative;
	    top: 50%;
	}

    .lj-cut div {
		display: none;
	}

 	.lj-cut div:first-child {
 		display: block !important;
 	}

	img.lj-logo {
		height: 56px;
		width: 230px;
	}

    .lj-countdown {
    	display: inline-block;
    }

    p i.fa {
    	margin-right: 10px;
    	margin-left: 10px;
    }

/* 5. MENU */

	.menu {
 		position: fixed;
 		top: 0;
 		width: 100%;
 		z-index: 5;
 	}

 	.logo {
 		text-align: left;
 		margin-top: 20px;
 	}

 	.lj-socials {
 		margin-top: 20px;
 		text-align: right;
 		outline: none;
 		color: inherit;
 	}

 	.lj-socials a:before {
 		content: '';
 		display: block;
 		background: #fff;
 		width: 50px;
 		height: 0px;
 		top: -20px;
 		position: absolute;
 		transition: all 0.25s ease-in-out 0s;
		-moz-transition: all 0.25s ease-in-out 0s;
		-webkit-transition: all 0.25s ease-in-out 0s;
		-o-transition: all 0.25s ease-in-out 0s;
		-ms-transition: all 0.25s ease-in-out 0s;
 	}

 	.lj-socials a:hover{
 		color: #22A7F0;
 		z-index: 10;
 	}

 	.lj-socials a:hover:before {
 		height: 2.3em;
 		z-index: 0;
 	}

 	.lj-socials ul {
 		list-style: none;
 		margin-top: 0;
 		margin-bottom: 0;
 		padding-left: 0;
 	}

 	.lj-socials li {
 		display: inline-block;
 		line-height: 0.5em;
 		font-size: 0.5em;
 	}

/* 6. MAIN CONTENT */

    .line-1 {
    	font-size: 1em;
    }

 	.line-2 {
 		font-size: 0.5em;
 	}

  	.line-3 {
 		font-size: 1.3em;
 	}

  	.line-4 {
 		font-size: 1em;
 	}

 	.line-5 {
 		font-size: 0.8em;
 	}

/* 7. FOOTER */

 	.footer {
 		position: fixed;
 		bottom: 0;
 		width: 100%;
 		z-index: 5;
 		text-align: left;
 		margin-bottom: 30px;
 		font-size: 0.4em;
 		line-height: 1em;
 	}

 	.countdown {
    	display: inline-block;
    }

 	.lj-controls {
 		text-align: right;
 		outline: none;
 		color: inherit;
 	}

 	.lj-controls a:hover {
 		color: #22A7F0;
 	}

 	.lj-controls ul {
 		list-style: none;
 		margin-top: 0;
 		margin-bottom: 0;
 		padding-left: 0;
 	}

 	.lj-controls li {
 		display: inline-block;
 		text-align: center;
 	}

 	.lj-controls li:first-child {
 		padding-right: 10px;
 	}


/* 8. BREAKPOINTS */

	@media (max-width: 767px) {

		body {
			font-size: 6em;
			overflow-y: visible;
			overflow-x: hidden;
		}

		.mobile header > .container {
			height: 70%;
			padding-top: 70px;
			padding-bottom: 70px;
			font-size: 0.5em;
		}

		.mobile .menu {
			position: relative;
		}

		.logo {
			text-align: center;
		}

		.lj-socials {
			text-align: center;
			margin-top: 0;
		}

		.lj-socials a:hover {
			color: #fff;
		}

		.lj-socials a:before {
			display: none;
		}

		.footer {
			text-align: center;
		}

		.mobile .footer {
			position: relative;
		}

		.footer span {
			white-space: normal;
		}

		.lj-controls {
			display: none;
		}

	}