/*==========================================================
	1. IMPORT FILES
==========================================================*/
/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300,800);

/*==========================================================
	2. MAIN
==========================================================*/

	* { 
		margin: 0;
		padding: 0;
		outline:none;
	} 
	body {
		font-family: 'Roboto', sans-serif;
		font-size:13px;
		color:#6d6d6d;
		background:#FFF;
		font-weight:300;
		line-height:18px;
	}
	html, body {
		height: 100%;
		width: 100%;
	}
	img {
		height: auto;
		max-width: 100%;
	}
	.hidden { display: none; }
	.alignleft { float: left; }
	.alignright { float: right; }
	.aligncenter {
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;
	}
	strong {
		font-weight:500;
		}
	.clear {
		clear: both;
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
		width:100%;
	}
	::-moz-selection  {
		color: #fff;
		text-shadow:none;
		background:#8d84e4;
	}
	::selection {
		color: #fff;
		text-shadow:none;
		background:#8d84e4;
	}
	*,
	*:after,
	*:before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
		margin: 0;
	}
	a { 
		padding: 0;
		margin: 0;
		color:#fff;
		text-decoration: none;
		transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		-webkit-transition:all .3s ease-in-out;
	}
	a:hover,
	a:focus {
	  text-decoration: none;
	  color:#fff;
	}
	a img { 
		border: none; 
		vertical-align: bottom;
	}
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		color:#2f2f2f;
		margin-bottom: 5px;
	}
	1.jpg {font-size: 30px; margin-top:0; line-height:35px; color:#2f2f2f}
	h2 {font-size: 22px; margin-top:0;}
	h3 {font-size: 20px; margin-top:0;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	h6 {font-size: 14px;}
	
	a img {
		border: none; 
	}
	section::before,
	section::after {
		position: absolute;
		content: '';
		pointer-post-wraps: none;
	}	
	.first {clear:both}
	.last{margin-right:0}
	
	embed,
	object {
		max-width: 100%;
	}
	p {
		line-height:22px;
		margin-bottom:10px;
	}
	input,
	textarea {
		border:1px solid #e4e4e4;
		background-color:#fbfbfb;
		border-radius: 3px;
		padding:10px 15px;
		transition:all ease-in-out .3s;
		-moz-transition:all ease-in-out .3s;
		-ms-transition:all ease-in-out .3s;
		-o-transition:all ease-in-out .3s;
		-webkit-transition:all ease-in-out .3s;
		}
		
	input:focus,
	textarea:focus {
		-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
		box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
		border-color:#d7d7d7;
		}
		
	/*Background colors*/
	.bg-blue {
		background-color:#428BCA !important;
	}
	.bg-green {
		background-color:#5CB85C !important;
	}
	.bg-cyan {
		background-color:#5BC0DE !important;
	}
	.bg-yellow {
		background-color:#F0AD4E !important;
	}
	.bg-red {
		background-color:#D9534F !important;
	}
	.bg-gray {
		background-color:#F1F1F1 !important;
	}
	.bg-violet {
		background-color:#8D84E4 !important;
	}
	.bg-black {
		background-color:#3D3D3D !important;
	}
	.bg-orange {
		background-color:#FF8400 !important;
	}
	.bg-pink {
		background-color:#FF6BB1 !important;
	}
.wrapper {
	margin:0 auto;
	padding:0;
	background-color:#ffffff;
	}
body.boxed {
	background:url(img/backgrounds/bg-6.html) top center no-repeat fixed;
	background-size:cover;
	}
body.boxed .wrapper {
	width:100%;
	max-width:1170px;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,.05);
	-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,.05);
	-ms-box-shadow:0px 0px 5px 0px rgba(0,0,0,.05);
	-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.05);
	}	
.wrapper.boxed .nav-container {
	background:none;
	border-bottom:0;
	box-shadow:none;
	}
.wrapper.boxed .nav-container .inner {
	border-bottom: 1px solid #ececec;
	box-shadow:0 3px 2px 0 rgba(0,0,0,.03);
	background:#fff;
	}
.wrapper.boxed header.dark .nav-container .inner {
	background-color: #202124;
	border-bottom: 1px solid #202124;
	}		
.back-to-top {
	position: fixed;
	bottom: 2em;
	right: 10px;
	background-color: #3d3d3d;
	font-size: 12px;
	display: none;
	width:40px;
	height:40px;
	border-radius:3px;
	text-align:center;
	line-height:35px;
	font-size:20px;
	color:#FFF;
	z-index:9999;
}
.back-to-top:hover {	
	background-color: #8d84e4;
	color:#FFF;
}		
.fl {
	float:left;
	}
.fr {
	float:right;
	}			
#main {
	margin:0;
	padding:20px 0 40px 0;
	}
.alert {
	font-size:14px;
	}
.alert.b-line {
	border-width:3px;
	background:none;
	box-sizing:border-box;
	border-radius:0;
	}	
.alert i {
    font-size: 16px;
    margin-right: 10px;
}	
.padding50 {
	padding:50px auto;
	}		
.one-section {
	overflow:hidden;
	position: relative;
	width:100%;
	height:auto;
	}
.full-screen {
	position:relative;
	}
.middle-content {
	left: 50%;
    position:absolute;
    text-align: center;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 9;
	}	

.mask-color {
	opacity:.5;
	z-index:0;
	}	
.background-stretch {
    background-size: cover !important;
}	
.full-bg-position {
	position:absolute;
	margin:0;
	top:0;
	left:0;
	width:100%;
	}	
/* Background */
.animate-bg {
	animation: animate-bg 20s linear infinite; 
	}
@keyframes animate-bg
{
    0% { background-position: 0 0, 0 0;}
    100% { background-position: 3000px 0, 0 0;}
}

/*==========================================================
	PAGE STYLE
==========================================================*/
.under-wrap {
	position:relative;
	width:100%;
	height:100%;
	}	
.under-wrap .pattern {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:88;
	opacity:.5;
	background:url(img/pattern.png);
	}	
	.under-content {
		position:absolute;
		max-width:800px;
		z-index:99;
		color:#FFF;
		}	
	.under-content .btn {
		margin:20px auto;
		display:block;
		}	
	.under-content h1  {
		width:100%;
		text-align:center;
		color:#fff;
		font-weight:100;
		}
	.under-content h5 {
		width:100%;
		text-align:center;
		color:#FFF;
		font-weight:100;
		}
	.under-content h1 {
		text-transform:uppercase;
		font-weight:bold;
		}
	.under-content h5 {
		opacity:.7;
		}			
	.under-content .logo {
		margin:0 auto 20px auto;
		display:block;
		width:100%;
		text-align:center;
		}
	.under-content .logo img {
		position:relative;
		}
	.under-content .logo:after {
		content:'';
		width:100px;
		height:2px;
		left:50%;
		top:77px;
		margin-left:-160px;
		position:absolute;
		}
	.under-content .logo:before {
		content:'';
		width:100px;
		height:2px;
		right:50%;
		top:77px;
		margin-right:-160px;
		position:absolute;
		}
		
		.bottom-info {
			width:500px;
			position:absolute;
			left:50%;
			bottom:30px;
			margin:0 0 0 -250px;
			z-index:90;
			text-align:center;
			color:#FFF;
			text-align:center;
			}
		.bottom-info p {
			margin:20px auto;
			opacity:.7;
			}	
		div.newsletter {
			display: table;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			border: 1px solid rgba(255,255,255,.2);
			background: rgba(255,255,255,.05);
			padding: 3px;
			margin:20px auto 0;
		}
	
		div.email-wrapper {
			float: left;
		}
	
		div.email-wrapper input[type=text] {
			background:none;
			padding: 10px 12px;
			border:none;
			color: #9f9e9e;
		}
	
		div.submit-wrapper {
			float: right;
			margin-left: 10px;
		}
	
		div.submit-wrapper input[type=submit] {
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			padding: 10px 24px;
			color: white;
			background: #5CB85C; 
			cursor: pointer;
			border:none;
		}
	
		div.submit-wrapper input[type=submit]:hover,
		div.submit-wrapper input[type=submit]:active {
			background: #66c975; 
		}
		
		/* Single image */
		.under-wrap.single-image {
			background:url(img/backgrounds/bg-6.html) top center no-repeat;
			background-size:cover;
			}
		.under-wrap.single-image .pattern {
			background-color:rgba(0,0,0,.4);
			opacity:1;
			}
		/* Gradient background */	
		.under-wrap.gradient-bg {
			background:url("images/backgrounds/banner.svg") no-repeat scroll center bottom,linear-gradient(-45deg, #673c8e, #236295, #9869ff) repeat scroll 0 0 rgba(0, 0, 0, 0);
			background-size:cover;
			/*if ie9 */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673c8e', endColorstr='#9869ff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */	
			}
		.under-wrap.gradient-bg div.email-wrapper input[type="text"] {
				color:#fff;
			}
		/* Slide image */
		.under-wrap.slide-images,
		.under-wrap.video-background {
			overflow:hidden;
			position:relative;
			}
		.under-wrap.slide-images #under-slides {
			background:#000000;
			}
		.under-wrap.slide-images #under-slides img {
			opacity:.4
			}	
		/* Video background */		
		.under-wrap.video-background .pattern	{
			background-color:rgba(86,61,130,.8);
			}
		/* Parallax background */
		.under-wrap.parallax-bg {
			overflow:hidden;
			height:100%;
			width:100%;
			}
			
			@keyframes lighthouse {
				0% {
					transform: rotateZ(0deg) translate3d(0px, 20%, 0px) rotateZ(0deg);
				}
				100% {
					transform: rotateZ(360deg) translate3d(0px, 20%, 0px) rotateZ(-360deg);
				}
			}

			@-moz-keyframes lighthouse {
				0% {
					transform: rotateZ(0deg) translate3d(0px, 20%, 0px) rotateZ(0deg);
				}
				100% {
					transform: rotateZ(360deg) translate3d(0px, 20%, 0px) rotateZ(-360deg);
				}
			}
	
			@-webkit-keyframes lighthouse {
				0% {
					transform: rotateZ(0deg) translate3d(0px, 20%, 0px) rotateZ(0deg);
				}
				100% {
					transform: rotateZ(360deg) translate3d(0px, 20%, 0px) rotateZ(-360deg);
				}
			}
			
			#parallax-content {
				width: 100%;
				height:100%;
				position:absolute;
				margin: 0 auto;
				padding: 0;
				z-index:-1;
			}
			.under-wrap.parallax-bg .main-bg {
				background:url(img/backgrounds/1.jpg);
				background-size:cover;
				width:100%;
				height:100%;
				position:absolute;
				top:0;
				left:0;
				z-index:-2;
				}
			.lighthouse {
				background:url(img/backgrounds/midground.png) repeat ;
				animation: 20s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s none infinite lighthouse;
				position: absolute;
				transform-origin: 50% 90% 0;
				width:100%;
				height:100%
			}
			
			.layer:nth-child(1) {
				opacity:.1;
				background:url(img/backgrounds/1.jpg);
				background-size:cover;
				position:absolute
			}
			
			.layer:nth-child(2) {
				opacity: 0.30;
			}
			
			.layer:nth-child(3) {
				opacity: 0.45;
				background:url(img/backgrounds/foreground.png) repeat 90% 110%;
			}