body {
	font-family: 'Rockwell';
}
.join-now-btn {
	background: linear-gradient(#ff6a23, #ff4c14);
	padding: 10px 70px;
	border: 2px solid #da5b1b;
	font-family: 'Octanis Sans';
	font-size: 28px;
	line-height: 30px;
	color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.join-now-btn i {
	color: #FFF !important;
	font-size: 0 !important;
	transition: all 0.2s ease-in-out;
}
.join-now-btn:hover {
	background: transparent;
	color: #ff6a23;
	text-decoration: none;
}
.join-now-btn:hover i {
	color: #ff6a23 !important;
	font-size: 28px !important;
	margin-left: 10px;
}
.download-btn {
	background: linear-gradient(#ff6a23, #ff4c14);
	padding: 10px 20px;
	border: 2px solid #da5b1b;
	font-family: 'Octanis Sans';
	font-size: 28px;
	line-height: 30px;
	color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.download-btn i {
	color: #FFF !important;
	font-size: 0 !important;
	transition: all 0.2s ease-in-out;
}
.download-btn:hover {
	background: transparent;
	color: #ff6a23;
	text-decoration: none;
}
.download-btn:hover i {
	color: #ff6a23 !important;
	font-size: 28px !important;
	margin-left: 10px;
}
.title-separator {
	width: 155px;
	height: 5px;
	background: #d7e0ef;
	text-align: center;
	margin: 40px auto;
}
.aligncenter {
	text-align: center;
}
.alignright {
	text-align: right;
}
a:hover {
	text-decoration: none !important;
}
h1.page-title {
	font-size: 55px;
    color: #FFF;
    font-weight: 700;
    text-align: center;
}
h1.page-title span {
	color: #fefe8e;
}
h2.title {
	color: #3664b1;
	text-align: center;
	font-size: 45px;
	font-weight: 700;
}
p.section-description {
	font-size: 20px;
	font-family: 'Rockwell';
	color: #8d8d8d;
	margin-bottom: 50px;
	text-align: center;
}
.policy p {
	font-size: 20px;
	color: #403f3f;
	margin-bottom: 20px;
}
/* Fonts */
	@font-face {
	    font-family: DancingScript;
	    src: url(../fonts/DancingScript.otf);
	    font-weight: 400;
	}
	@font-face {
	    font-family: Rockwell;
	    src: url(../fonts/Rockwell.ttf);
	    font-weight: 400;
	}
	@font-face {
	    font-family: Rockwell;
	    src: url(../fonts/Rockwell-Bold.ttf);
	    font-weight: 700;
	}
	@font-face {
	    font-family: Rockwell;
	    src: url(../fonts/Rockwell-ExtraBold.ttf);
	    font-weight: 900;
	}
	@font-face {
	    font-family: Rockwell;
	    src: url(../fonts/Rockwell-Italic.ttf);
	    font-weight: 400;
	    font-style: italic;
	}
	@font-face {
	    font-family: Rockwell;
	    src: url(../fonts/Rockwell-BoldItalic.ttf);
	    font-weight: 700;
	    font-style: italic;
	}
	@font-face {
	    font-family: Rockwell Condensed;
	    src: url(../fonts/Rockwell-Condensed.ttf);
	    font-weight: 400;
	}
	@font-face {
	    font-family: Rockwell Condensed;
	    src: url(../fonts/Rockwell-Condensed-Bold.ttf);
	    font-weight: 700;
	}
	@font-face {
	    font-family: Octanis Sans;
	    src: url(../fonts/Octanis-Sans.ttf);
	    font-weight: 400;
	}
	@font-face {
	    font-family: Octanis Sans;
	    src: url(../fonts/Octanis-SansItalic.ttf);
	    font-weight: 400;
	    font-style: italic;
	}
	@font-face {
	    font-family: Octanis Sans Rounded;
	    src: url(../fonts/Octanis-SansRounded.ttf);
	    font-weight: 400;
	}
	@font-face {
	    font-family: Octanis Sans Rounded;
	    src: url(../fonts/Octanis-SansRoundedItalic.ttf);
	    font-weight: 400;
	    font-style: italic;
	}
	@font-face {
	    font-family: Octanis Slab;
	    src: url(../fonts/Octanis-Slab.ttf);
	    font-weight: 400;
	}
/* Top Bar */
	.top-bar {
		background: #e64749;
		padding: 7px 0;
		text-align: center;
		position: fixed;
	    top: 0;
	    width: 100%;
	    z-index: 99999;
	}
	.top-bar span {
		color: #FFF;
		font-family: 'Rockwell';
		font-size: 17px;
		padding: 8px 0;
	}
	.top-bar a.btn {
		padding: 5px 35px;
		font-family: 'Rockwell';
		font-weight: 700;
		font-size: 16px;
		color: #FFF;
		border: 1px solid #FFF;
		margin-left: 15px;
		letter-spacing: 1px;
		border-radius: 0;
	}
	.top-bar a.btn:hover {
		background: #FFF;
		color: #e64749;
	}
	.top-bar a.close {
		color: #FFF;
	    font-weight: 400;
	    padding: 8px 0;
	    font-size: 15px;
	}
	.top-bar a.close:hover {
		cursor: pointer;
	}
/* Menu */
	.main-menu {
		text-align: right;
		width: 100vw;
	}
	#menu-toggle {
		padding-right: 50px;
	    position: absolute;
	    top: 90px;
	    right: 0;
	    z-index: 9999;
	}
	#menu-toggle i {
		color: #FFF;
		font-size: 50px;
	}
	#menu-toggle span {
		display: block;
		font-family: 'Rockwell';
		font-weight: 700;
		font-size: 13px;
		color: rgba(255,255,255,0.4);
		text-align: center;
	}
	#menu-close i {
		padding: 5px 15px;
		color: #b5e9ff;
		background: #0a0c3f;
		font-size: 40px;
		border-radius: 5px;
	    margin-right: 40px;
	    margin-top: 90px;
	    margin-bottom: 10px;
	}
	.menu-holder {
		width: 0;
		overflow: hidden;
		background: #b5e9ff;
		color: #0a0c3f;
		position: fixed;
	    top: 0;
	    right: 0;
	    z-index: 999999;
	    height: 100%;
	    transition: all 0.2s ease-in-out;
	}
	.w-380 {
		width: 380px;
	}
	.w-60 {
		width: 60%;
	}
	.menu {
		text-align: left;
		padding-left: 0 !important;
	}
	.menu-item {
		text-align: left;
	}
	.menu-item.active,
	.menu-item:hover {
		background: #8cdafb;
	}
	.menu .menu-item {
		list-style: none;
	}
	.menu .menu-item a {
		color: #0a0c3f;
		font-family: 'Rockwell';
		font-size: 25px;
	    padding: 17px 0 17px 70px;
	    display: block;
	}
	.menu .menu-item a.active {
		font-weight: 600;
		text-decoration: underline;
	}
	.show {
		display: block;
	}
/* Home Page */
	/* CountDown */
		.main-example {
			margin: 0 auto;
			width: 430px;
		}
		.main-example .countdown-container {
			height: 130px;
		}
		.main-example .time {
			border-radius: 5px;
			margin-right: 12px;
			display: inline-block;
			text-align: center;
			position: relative;
			height: 87px;
			width: 70px;
			-webkit-perspective: 479px;
			-moz-perspective: 479px;
			-ms-perspective: 479px;
			-o-perspective: 479px;
			perspective: 479px;
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			-o-backface-visibility: hidden;
			backface-visibility: hidden;
			-webkit-transform: translateZ(0);
			-moz-transform: translateZ(0);
			-ms-transform: translateZ(0);
			-o-transform: translateZ(0);
			transform: translateZ(0);
			-webkit-transform: translate3d(0, 0, 0);
			-moz-transform: translate3d(0, 0, 0);
			-ms-transform: translate3d(0, 0, 0);
			-o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		.main-example .count {
			background: #FFF;
			color: #0a0c3f;
			font-family: 'Octanis Slab';
			display: block;
			font-size: 3em;
			line-height: 1.7em;
			overflow: hidden;
			position: absolute;
			text-align: center;
			top: 0;
			width: 100%;
			-webkit-transform: translateZ(0);
			-moz-transform: translateZ(0);
			-ms-transform: translateZ(0);
			-o-transform: translateZ(0);
			transform: translateZ(0);
			-webkit-transform-style: flat;
			-moz-transform-style: flat;
			-ms-transform-style: flat;
			-o-transform-style: flat;
			transform-style: flat;
		}
		.main-example .count.top {
			border-top: 1px solid rgba(0, 0, 0, 0.2);
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
			border-radius: 5px 5px 0 0;
			height: 50%;
			-webkit-transform-origin: 50% 100%;
			-moz-transform-origin: 50% 100%;
			-ms-transform-origin: 50% 100%;
			-o-transform-origin: 50% 100%;
			transform-origin: 50% 100%;
		}
		.main-example .count.bottom {
			background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent);
			background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), transparent);
			background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), transparent);
			background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.1), transparent);
			background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1), transparent);
			border-top: 1px solid #000;
			border-bottom: 1px solid #000;
			border-radius: 0 0 5px 5px;
			line-height: 0;
			height: 50%;
			top: 50%;
			-webkit-transform-origin: 50% 0;
			-moz-transform-origin: 50% 0;
			-ms-transform-origin: 50% 0;
			-o-transform-origin: 50% 0;
			transform-origin: 50% 0;
		}
		.main-example .label {
			font-size: normal;
			margin-top: 5px;
			display: block;
			position: absolute;
			top: 95px;
			width: 100%;
			font-family: 'Octanis Sans';
			font-size: 15px;
			color: rgba(255,255,255,0.5);
			text-transform: uppercase;
		}
		/* Animation start */
		.main-example .count.curr.top {
			-webkit-transform: rotateX(0deg);
			-moz-transform: rotateX(0deg);
			-ms-transform: rotateX(0deg);
			-o-transform: rotateX(0deg);
			transform: rotateX(0deg);
			z-index: 3;
		}
		.main-example .count.next.bottom {
			-webkit-transform: rotateX(90deg);
			-moz-transform: rotateX(90deg);
			-ms-transform: rotateX(90deg);
			-o-transform: rotateX(90deg);
			transform: rotateX(90deg);
			z-index: 2;
		}
		/* Animation end */
		.main-example .flip .count.curr.top {
			-webkit-transition: all 250ms ease-in-out;
			-moz-transition: all 250ms ease-in-out;
			-ms-transition: all 250ms ease-in-out;
			-o-transition: all 250ms ease-in-out;
			transition: all 250ms ease-in-out;
			-webkit-transform: rotateX(-90deg);
			-moz-transform: rotateX(-90deg);
			-ms-transform: rotateX(-90deg);
			-o-transform: rotateX(-90deg);
			transform: rotateX(-90deg);
		}
		.main-example .flip .count.next.bottom {
			-webkit-transition: all 250ms ease-in-out 250ms;
			-moz-transition: all 250ms ease-in-out 250ms;
			-ms-transition: all 250ms ease-in-out 250ms;
			-o-transition: all 250ms ease-in-out 250ms;
			transition: all 250ms ease-in-out 250ms;
			-webkit-transform: rotateX(0deg);
			-moz-transform: rotateX(0deg);
			-ms-transform: rotateX(0deg);
			-o-transform: rotateX(0deg);
			transform: rotateX(0deg);
		}
		@media screen and (max-width:48em) {
			.main-example {
				width: 100%;
			}

			.main-example .countdown-container {
				height: 100px;
			}

			.main-example .time {
				height: 70px;
				width: 48px;
			}

			.main-example .count {
				font-size: 1.5em;
				line-height: 70px;
			}

			.main-example .label {
				font-size: 0.8em;
				top: 72px;
			}

		}
		.countdown {
			color: white;
			padding: 2em 0 2em;
			font-size: 125%;
		}
		.countdown h1 {
			color: white;
			line-height: 1em;
		}
		@media screen and (max-width:48em) {
			.countdown {
				padding: 0;
			}

			.countdown h1 {
				display: none;
			}

		}
	/* Header Home */
		.header-home {
			background: url(../images/backgrounds/header-home.jpg);
		    background-position: left bottom;
			height: 705px;
			padding-top: 130px;
		}
		.header-home h1 {
			color: #FFF;
			font-family: 'Rockwell';
			font-weight: 700;
			font-size: 55px;
			text-align: center;
		}
		.header-home h1 span {
			color: #fefe8e;
		}
	/* Pre-Launch Checklist */
		.prelaunch-checklist .col-md-3 img {
			position: absolute;
		    right: 0;
		}
		.prelaunch-checklist .col-md-9 {
			padding: 0;
		}
		.prelaunch-checklist h2 {
			font-family: 'Rockwell';
			font-size: 35px;
			font-weight: 700;
			color: #0b4d85;
			text-align: left;
			margin-bottom: 20px;
		}
		.prelaunch-checklist h2 span {
			color: #ff7128;
			font-weight: 400;
		}
		.prelaunch-checklist .col-md-4:first-child {
			padding-left: 0;
		}
		.prelaunch-checklist .col-md-4:nth-child(3) {
			padding-right: 0;
		}
		.prelaunch-checklist input {
			padding: 15px 20px;
			border: 2px solid #0b4d85;
			font-family: 'Rockwell';
			font-size: 18px;
			line-height: 20px;
			width: 100%;
			color: #0b4d85;
		}
		.prelaunch-checklist input[type=text]::placeholder,
		.prelaunch-checklist input[type=email]::placeholder {
			color: rgba(0, 68, 136, 0.65);
		}

		.prelaunch-checklist input:focus {
			border-color: #ff7128;
			outline: none;
		}
		.prelaunch-checklist .btn-holder {
			text-align: center;
		}
		.prelaunch-checklist .btn-holder .join-now-btn {
			padding: 10px 0;
			width: 100%;
		}
		.prelaunch-checklist .get-book-link {
			color: #ff7128;
			font-family: 'Rockwell';
			font-size: 16px;
			transform: translateY(50px);
	    	display: inline-block;
		}
		.prelaunch-checklist .get-book-link:hover {
			opacity: 0.7;
		}
		.prelaunch-checklist .get-book-arrow {
			position: absolute;
	    	left: -50px;
			transform: translateY(70px);
		}
	/* Are you bored */
		.are-you-bored {
			padding: 20px 0 105px 0;
			margin-top: 130px;
		}
		.are-you-bored h2 { 
	      	font-family: 'Rockwell'; 
	      	font-weight: 700; 
	      	font-size: 45px; 
	      	color: #000; 
	      	text-align: center; 
	      	margin-bottom: 0;
	      	margin-top: 40px;
	    } 
		.are-you-bored h2 span {
			color: #3664b1;
		}
		.are-you-bored ul li {
			color: #0d4f88;
			font-family: 'Rockwell';
			font-style: italic;
			font-size: 20px;
			padding: 10px 0;
		}
		.are-you-bored ul li i {
			color: #5397d2;
			margin-right: 15px;
		}
		.are-you-bored h3 {
			font-size: 45px;
			color: #000;
			font-weight: 700;
			text-align: center;
			margin-top: 80px;
		}
		.are-you-bored p {
			color: #3664b1;
			font-size: 24px;
			font-family: 'Rockwell';
			font-style: italic;
			text-align: center;
			margin: 40px 0;
		}
	/* Our Team */
		.our-team {
			padding: 105px 0;
			text-align: center;
		}
		.our-team * {
			text-align: center;
		}
		.our-team img {
			max-width: 100%;
		}
		.our-team h5.name {
			font-family: 'Rockwell';
			color: #000;
			font-size: 35px;
			font-weight: 700;
		}
		.our-team h6.position {
			font-size: 20px;
			font-family: 'Octanis Sans';
			color: rgba(0,0,0,0.6);
		}
		.our-team p.description {
			margin-top: 20px;
			color: #383838;
			font-size: 15px;
		}
	/* Testimonials */
		.testimonials {
			padding: 105px 0;
		}
		#testimonials {
			margin-bottom: 15px;
		}
		#testimonials .owl-item .image {
			width: auto;
	    	position: absolute;
		    border: 4px solid #FFF;
		    border-radius: 50%;
		    top: 0;
		    left: 35px;
		}
		#testimonials .owl-item .testimonial-box {
			background: #FFF;
		    box-shadow: 0 0 20px rgba(0,0,0,0.3);
		    padding: 20px 10px 20px 20px;
		    margin: 0 20px;
		    margin-top: 55px;
		    margin-bottom: 20px;
		}
		#testimonials .owl-item .position {
			text-align: right;
		    font-family: 'Octanis Sans';
		    font-size: 18px;
		    color: #ff6a23;
		    padding-right: 40px;
		}
		#testimonials .owl-item .name {
			font-family: 'Octanis Sans';
		    font-size: 20px;
		    margin-top: 20px;
		}
		#testimonials .owl-item .testimonial {
			font-size: 15px;
	    	color: #717171;
		}
		#testimonials .owl-item i {
			font-size: 35px;
		    display: block;
		    text-align: right;
		    color: #898989;
		    padding-right: 10px;
		}
		#testimonials .owl-nav button {
			font-size: 30px;
		    color: #d4d4d4;
		    position: absolute;
		    top: 45%;
		}
		#testimonials .owl-nav button:hover,
		#testimonials .owl-nav button:focus {
			color: #ff6a23;
			outline: none;
		}
		.owl-nav button.owl-prev {
		    left: -30px;
		}
		.owl-nav button.owl-next {
		    right: -30px;
		}
	/* How It Works */
		.how-it-works {
			padding: 280px 0;
			background-image: url(../images/backgrounds/clouds-up.png), url(../images/backgrounds/clouds-down.png), url(../images/backgrounds/stars.jpg);
			background-attachment: scroll, scroll, fixed;
		    background-position: center top, center bottom, center;
		    background-repeat: no-repeat, no-repeat, no-repeat;
		    background-size: contain, contain, cover;
			height: 1743px;
		}
		.feature {
			margin-bottom: 60px;
			margin-top: 10px;
		}
		.feature .image-holder {
			text-align: center;
	    	height: 322px;
		}
		.feature .image-holder img {
			max-width: 100%;
		}
		.feature .description {
			text-align: center;
			font-family: 'Roboto';
			font-weight: 300;
			color: #3664b1;
			font-size: 20px;
		}
		.video-preview {
			padding-top: 80px;
		}
		.video-holder {
			text-align: center;
			margin-top: 30px;
		}
		.video-holder iframe {
			border: 4px solid #FFF;
	    	box-shadow: 0 0 50px rgba(0,0,0,0.5);
		}
	/* What Different */
		.what-different {
			padding: 0;
		}
		.what-different .stories {
			margin-top: 40px;
		}
		#stories .owl-item {
			padding-bottom: 20px;
		}
		#stories .owl-item .image-holder img {
			width: 250px;
			height: 250px;
			object-fit: cover;
		    border-radius: 50%;
		    box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
		    display: inline-block;
		    float: left;
		}
		#stories .owl-item .story-content {
			padding-left: 300px;
			padding-top: 40px;
		}
		#stories .owl-item .story-content i {
			font-size: 25px;
	    	color: #3664b1;
		}
		#stories .owl-item .story-content p {
			color: #000;
		    font-size: 20px;
		    padding-left: 40px;
		    margin-top: -10px;
		}
		#stories .owl-item .story-content .button-holder {
			margin-top: 50px;
			margin-left: 40px;
		}
		#stories .owl-nav button {
			font-size: 55px;
		    color: #3664b1;
		    position: absolute;
		    top: 30%;
		}
		#stories .owl-nav button.owl-prev {
		    left: -80px;
		}
		#stories .owl-nav button.owl-next {
		    right: -80px;
		}
		#stories .owl-nav button:hover,
		#stories .owl-nav button:focus {
			color: #ff6a23;
			outline: none;
		}
	/* Getting Started */
		.getting-started {
			background-image: url(../images/backgrounds/clouds-2-up.png), url(../images/backgrounds/clouds-2-down.png), url(../images/backgrounds/stars.jpg);
			background-attachment: scroll, scroll, fixed;
		    background-position: center top, center bottom, center;
		    background-repeat: no-repeat, no-repeat, no-repeat;
		    background-size: contain, contain, cover;
			height: 2060px;
			padding: 360px 0;
		}
		.getting-started .steps {
			margin-top: 20px;
		}
		.getting-started .step {
			border: 5px solid #3859ad;
			padding: 90px 50px;
			text-align: center;
		}
		.getting-started .step h4 {
			font-size: 30px;
			color: #3664b1;
			margin-top: 0;
			margin-bottom: 20px;
		}
		.getting-started .step p {
			font-family: 'Roboto';
			font-weight: 300;
			font-size: 25px;
			color: #3664b1;;
			margin-bottom: 40px;
		}
		.getting-started .step .number {
			color: #ff581a;
			font-size: 90px;
			font-weight: 700;
			width: 150px;
			height: 150px;
			background: #FFF;
			text-align: center;
			padding: 10px 0;
			border-radius: 50%;
			box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
			position: absolute;
			transition: all 0.4s ease-in-out;
		}
		.getting-started .step#step-1 .number {
			left: -58px;
	    	margin-top: 15px;
		}
		.getting-started .step img {
			width: auto;
			position: absolute;
		}
		.getting-started .step#step-1 img {
			right: -233px;
	    	transform: translateY(-50px);
		}
		.getting-started .step#step-2 {
			margin-top: 260px;
		}
		.getting-started .step#step-2 .number {
			right: -55px;
	    	margin-top: -165px;
		}
		.getting-started .step#step-2 img {
			left: -233px;
	    	transform: translateY(-90px);
		}
	/* Payments */
		.payments {
			overflow: hidden;
	    	position: relative;
			height: 2006px;
		}
		.payments .col-md-5 {
			padding: 0 60px;
		}
		.payment-option {
			text-align: center;
			border: 5px solid #3859ad;
			padding: 40px 0;
		}
		.payment-option .price-box {
			background: linear-gradient(#ff7027, #ff3307);
		    border: 2px solid #da5b1b;
		    width: 190px;
		    height: 190px;
		    display: block;
		    margin: 0 auto;
		    border-radius: 50%;
		    padding: 30px 0;
		    color: #FFF;
		    box-shadow: 0 0 30px rgba(0,0,0,0.45)
		}
		.payment-option .price-box .price {
			font-weight: 700;
		    font-size: 60px;
		    display: block;
		    line-height: 70px;
		}
		.payment-option .price-box .period {
			font-size: 20px;
		}
		.payment-option .price-box .period span {
			display: block;
		    font-weight: 700;
		    font-size: 25px;
		}
		.payment-option .aligncenter {
			margin-top: 70px;
		}
		.bonuses {
			text-align: center;
		}
		.bonuses .bonus {
			color: #3664b1;
			padding-top: 40px;
		}
		.bonuses .bonus:first-child {
			padding-top: 70px;
		}
		.bonuses .bonus > i {
			font-size: 36px;
		}
		.bonuses .bonus h3 {
			font-size: 30px;
			font-weight: 700;
			margin: 10px 0;
		}
		.bonuses .bonus a {
			font-size: 28px;
			color: #3664b1;
		}
		#home .join h2 {
			margin-top: 250px;
			}
		.join h5 {
			color: #000;
			font-size: 30px;
			text-align: center;
			font-weight: 700;
			margin: 40px 30px;
		}
	/* Footer Home */
		#home footer {
			background: url(../images/backgrounds/footer-clouds.png) ,url(../images/backgrounds/footer-home.jpg);
			background-position: center top, bottom center;
			background-repeat: no-repeat, no-repeat;
			padding: 180px 0 25px 0;
		}
		#home footer .footer-logo {
			margin-bottom: 10px;
		}
		#home footer p {
			font-size: 18px;
		    color: #012443;
		    margin-bottom: 30px;
		}
		#home footer a {
			display: block;
		    color: #012443;
		    font-size: 20px;
		    margin: 10px 0;
		}
		#home footer a i {
			margin-right: 5px;
		}
		.fa-phone {
			transform: rotate(90deg);
		}
		#home footer .footer-nav {
			margin-top: 70px;
		}
		#home footer .footer-nav ul li {
			padding: 5px 0;
		}
		#home footer .footer-nav ul li a {
			font-size: 25px;
			color: #000;
		}
		#home footer .footer-nav ul li a:hover {
			opacity: 0.7;
		}
		#home footer .login-form {
			margin-top: 30px;
		}
		#home footer .login-form h5 {
			color: #3664b1;
			font-size: 30px;
			text-align: center;
			font-weight: 700;
			margin-bottom: 30px;
		}
		#home footer .login-form .field-holder {
			text-align: center;
		}
		#home footer .login-form .field-holder input {
			font-size: 16px;
		    padding: 10px 15px;
		    border: 1px solid #176eb7;
		    background: transparent;
		    width: 70%;
		    margin-bottom: 20px;
		    font-family: 'Roboto';
		}
		#home footer .login-form .field-holder input:focus {
			border-color: #ff6a23;
			outline: none;
		}
		#home footer .login-form button {
			background: #176eb7;
			color: #FFF;
			width: 70%;
			display: block;
			margin: 0 auto;
			border: 2px solid #176eb7;
			font-family: 'Roboto';
			font-weight: 400;
			font-size: 15px;
			padding: 10px 0;
			text-transform: uppercase;
		}
		#home footer .login-form button:hover {
			background: transparent;
			color: #176eb7;
		}
		#home footer .footer-socials {
			text-align: center;
			margin-top: 100px;
		}
		#home footer .footer-socials a {
			display: inline-block;
		    background: linear-gradient(#ff7129, #ff5318);
		    border: 2px solid #da5b1b;
		    width: 50px;
		    height: 50px;
		    font-size: 30px;
		    color: #FFF;
		    text-align: center;
		    padding: 3px 0;
		    margin: 0 14px;
		    transition: all 0.2s ease-in-out;
		}
		#home footer .footer-socials a:hover {
			transform: scale(1.5);
		}
		#home footer .footer-socials a i {
			margin-right: 0;
		}
		#home footer .copyright {
			font-family: 'Roboto';
			font-weight: 300;
			font-size: 11px;
			color: #4e7a92;
			float: left;
			margin-top: 90px;
		}
		#home footer .copyright a {
			display: inline;
			font-family: 'Roboto';
			font-weight: 300;
			font-size: 11px;
			color: #4e7a92;
			text-decoration: underline !important;
		}
		.copyright a:hover,
		.links a:hover {
			color: #000 !important;
		}
		#home footer .links {
			float: right;
			margin-top: 90px;
		}
		#home footer .links a {
			display: inline;
			font-family: 'Roboto';
			font-weight: 300;
			font-size: 11px;
			color: #4e7a92;
			padding: 0 10px;
		}
		#home footer .links a:first-child {
			border-right: 1px solid #71abc6;
		}
		.go-to-top {
			position: fixed;
			z-index: 99999999;
		    bottom: 60px;
		    right: 40px;
		    background: #FFF;
		    border: 2px solid #FFF;
		    color: #ff6a23;
		    font-size: 40px;
		    padding: 5px;
		    border-radius: 50%;
		    text-align: center;
		    box-shadow: 0 0 20px rgba(0,0,0,0.2);
		    display: none;
		}
		.go-to-top:hover {
			background: #ff6a23;
			color: #FFF;
			cursor: pointer;
		}
		.go-to-top i {
			padding: 0 16px;
		}
		.go-to-top:hover i {
			-webkit-animation-name: scrollTop;
		    -webkit-animation-duration: 1s;
		    animation-name: scrollTop;
		    animation-duration: 1s;
		}
		@-webkit-keyframes scrollTop {
		    0%   {transform: translateY(0);}
		    25%  {transform: translateY(-15px);}
		    50%  {transform: translateY(0);}
		    75%  {transform: translateY(-15px);}
		    100% {transform: translateY(0);}
		}
		@keyframes scrollTop {
		    0%   {transform: translateY(0);}
		    25%  {transform: translateY(-15px);}
		    50%  {transform: translateY(0);}
		    75%  {transform: translateY(-15px);}
		    100% {transform: translateY(0);}
		}
/* Team Page */
	.header-story {
		background: url(../images/backgrounds/header-story.jpg);
		background-position: center bottom;
		padding: 50px 0 150px 0;
	}
	.header-story .parallax-element.spaceman {
		top: 40px;
		right: 8vw;
	}
	.see-story-arrow {
		transform: rotateY(180deg);
	    position: absolute;
	    bottom: 130px;
	    right: 180px;
	}
	.see-story {
		position: absolute;
	    bottom: 140px;
	    right: 40px;
	    font-size: 15px;
	    color: #ff591b;
	    z-index: 99;
	    text-decoration: underline;
	}
	.see-story:hover {
	    color: #ff591b;
		opacity: 0.8;
		text-decoration: none;
	}
	.story-team-member {
		margin-bottom: 100px;
	}
	.story-team-member img.member-image {
		max-width: 100%;
	}
	.story-team-member p {
		color: #0a0c3f;
		font-size: 20px;
	}
	.story-team-member.member-1 .col-md-6 p {
		margin-top: 100px;
	}
	.story-team-member.member-3 .col-md-6 p {
		margin-top: 100px;
	}
	.story-team-member h4,
	.story-team-member p b {
		font-size: 25px;
		font-weight: 700;
		color: #ff6820;
	}
	.story-team-member .button-holder {
		margin-top: 40px;
	}
	.story-team-member.member-2 .member-image {
		float: right;
	}
	.story-team-member.member-2 .see-story-arrow {
		transform: rotate(0);
		bottom: 0;
    	left: 80px;
	}
	.story-team-member.member-2 .see-story {
		bottom: 20px;
    	left: -60px;
	}
	#story footer {
		background: url(../images/backgrounds/footer-story.jpg);
		padding-top: 300px;
		text-align: center;
	}
	#story footer h2 {
		color: #ff7128;
		font-size: 45px;
	}
	#story footer p {
		font-size: 20px;
		color: #FFF;
		margin: 20px 0 40px 0;
	}
	#story footer .bottom-footer {
		margin-top: 150px;
    	background: #8fd7f6;
    	padding: 25px 0;
	}
	#story footer .copyright {
		font-family: 'Roboto';
		font-weight: 300;
		font-size: 11px;
		color: #4e7a92;
		float: left;
	}
	#story footer .copyright a {
		display: inline;
		font-family: 'Roboto';
		font-weight: 300;
		font-size: 11px;
		color: #4e7a92;
		text-decoration: underline !important;
	}
	#story footer .links {
		float: right;
	}
	#story footer .links a {
		display: inline;
		font-family: 'Roboto';
		font-weight: 300;
		font-size: 11px;
		color: #4e7a92;
		padding: 0 10px;
	}
	#story footer .links a:first-child {
		border-right: 1px solid #71abc6;
	}
/* Mission Page */
	body#mission {
		background: url(../images/backgrounds/stars-mission.png), url(../images/backgrounds/mission.jpg);
		background-attachment: fixed, scroll;
	    background-position: center, center;
	    background-repeat: no-repeat;
	    background-color: #0a0c3f;
	    height: 6000px;
	}
	.header-mission {
		padding: 50px 0 0 0;
	}
	#mission .page-title {
		font-size: 65px;
	}
	.dollars {
		background: url(../images/mission/planet-pin.png);
		width: 204px;
		height: 298px;
		color: #FFF;
		font-size: 45px;
		font-weight: 700;
		text-align: center;
	}
	.dollars-holder {
		position: absolute;
	    z-index: 999;
	}
	.dollars-holder h2 {
		color: #d2e8fb;
		font-size: 35px;
		text-transform: uppercase;
		margin-bottom: 15px;
		text-align: center;
	}
	.planet-text h3 {
		font-size: 35px;
		margin: 0;
	}
	.planet-text p {
		font-size: 25px;
		color: #FFF;
	}
	.planet-text .button-holder {
		margin-top: 35px;
	}
	.planet {
		transition: all 0.2s ease-in-out;
		position: relative;
		z-index: 20;
	}
	.planet:hover {
		-webkit-filter: drop-shadow(0 0 20px rgba(255,255,255,0.5));
	    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='rgba(255,255,255,0.5)')";
		filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='rgba(255,255,255,0.5)')";
	}
	/*Planets*/
		/* Earth */
			.earth {
				position: relative;
	    		top: -35px;
			}
			.line-1 {
				transform: translateX(75px);
			}
			.earth .planet {
				transform: translate(30px, -35px);
			}
			.earth .dollars-holder {
			    top: -320px;
			    right: 20px;
			}
			.earth .planet-text {
				transform: translate(100px, -20px);
			}
			.earth .planet-text h3 {
				color: #9cee4f;
			}
		/* Moon */
			.moon {
				position: relative;
				top: -65px;
			}
			.line-2 {
				transform: translateX(-100px);
			}
			.moon .planet {
				transform: translate(200px, -40px);
			}
			.moon .dollars-holder {
			    top: -365px;
	    		left: 200px;
			}
			.moon .dollars {
				background: url(../images/mission/moon-pin.png);
			}
			.moon .planet-text {
				transform: translate(50px, -140px);
			}
			.moon .planet-text h3 {
				color: #b7c7ff;
			}
		/* Mars */
			.mars {
				position: relative;
				top: -160px;
			}
			.mars .planet {
				transform: translate(-25px, -40px);
			}
			.mars .dollars-holder {
			    top: -330px;
	    		right: 55px;
			}
			.mars .planet-text {
				transform: translate(50px, -140px);
			}
			.mars .planet-text h3 {
				color: #e47e7e;
			}
		/* Jupiter */
			.jupiter {
				position: relative;
				top: -230px;
				overflow: hidden;
			}
			.line-4 {
				transform: translateX(20px);
			}
			.jupiter .planet {
				transform: translate(-30px, -30px);
			}
			.jupiter .dollars-holder {
				top: -300px;
	    		left: 140px;
			}
			.jupiter .planet-text {
				transform: translate(-150px, -40px);
			}
			.jupiter .planet-text h3 {
				color: #f9e6bd;
			}
		/* Saturn */
			.saturn {
				position: relative;
	    		top: -430px;
			}
			.line-5 {
				transform: translateX(-65px);
			}
			.saturn .planet {
				transform: translate(-50px, -25px);
			}
			.saturn .dollars-holder {
				top: -290px;
	    		right: 270px;
			}
			.saturn .planet-text {
				transform: translateY(90px);
			}
			.saturn .planet-text h3 {
				color: #f09e60;
			}
		/* Uranus */
			.uranus {
				position: relative;
	    		top: -470px;
			}
			.line-6 {
				transform: translateX(10px);
			}
			.uranus .planet {
				transform: translate(70px, -25px);
			}
			.uranus .dollars-holder {
				top: -310px;
	    		left: 165px;
			}
			.uranus .planet-text {
				transform: translateY(-80px);
			}
			.uranus .planet-text h3 {
				color: #73d9d6;
			}
		/* Neptune */
			.neptune {
				position: relative;
	    		top: -570px;
			}
			.line-7 {
				transform: translateX(-50px);
			}
			.neptune .planet {
				transform: translateY(-15px);
			}
			.neptune .dollars-holder {
				top: -310px;
	    		right: 20px;
			}
			.neptune .planet-text {
				transform: translate(50px, 140px);
			}
			.neptune .planet-text h3 {
				color: #adc4e5;
			}
		/* Pluto */
			.pluto {
				position: relative;
	    		top: -610px;
			}
			.pluto .planet {
				transform: translate(60px, -30px);
			}
			.pluto .dollars-holder {
				top: -320px;
	    		left: 40px;
			}
			.pluto .dollars {
				background: url(../images/mission/pluto-pin.png);
				width: 247px;
				height: 280px;
				padding-top: 5px;
			}
			.pluto .planet-text {
				transform: translateY(-100px);
			}
			.pluto .planet-text h3 {
				color: #a7a9ab;
			}
	/* Congrats */
		.congrats {
			position: relative;
    		top: -700px;
    		padding-top: 160px;
		}
		.line-9 {
			position: absolute;
    		right: 9vw;
    		top: 0;
		}
		.congrats h2 {
			font-size: 75px;
		    font-weight: 700;
		    color: #fefe8e;
		    text-transform: uppercase;
		    display: inline-block;
		    vertical-align: middle;
		    padding: 0 20px;
		    margin: 0;
		}
		.congrats h4 {
			color: #FFF;
			font-size: 40px;
			margin: 0;
		}
		.finish {
    		background: url(../images/mission/finish.png);
    		background-position: center bottom;
    		background-repeat: no-repeat;
    		background-size: contain;
    		height: 57vw;
    		position: relative;
    		top: -550px;
		}
		.mission-rocket {
			position: absolute;
    		bottom: 15vw;
    		left: 31vw;
    		height: 22.25vw;
		}
		.mission-spaceman {
			position: absolute;
		    bottom: 10vw;
		    right: 37.5vw;
		    height: 24.76vw;
		}
	/* Footer */
		#mission footer {
			position: relative;
    		margin-top: -700px;
		}
		#mission footer .bottom-footer {
			margin-top: 150px;
	    	background: #8fd7f6;
	    	padding: 25px 0;
		}
		#mission footer .copyright {
			font-family: 'Roboto';
			font-weight: 300;
			font-size: 11px;
			color: #4e7a92;
			float: left;
		}
		#mission footer .copyright a {
			display: inline;
			font-family: 'Roboto';
			font-weight: 300;
			font-size: 11px;
			color: #4e7a92;
			text-decoration: underline !important;
		}
		#mission footer .links {
			float: right;
		}
		#mission footer .links a {
			display: inline;
			font-family: 'Roboto';
			font-weight: 300;
			font-size: 11px;
			color: #4e7a92;
			padding: 0 10px;
		}
		#mission footer .links a:first-child {
			border-right: 1px solid #71abc6;
		}
/* Planet Pages */
	.header-planet {
		background-image: url(../images/backgrounds/planet-page.png);
		background-attachment: fixed;
		height: 800px;
		background-position: center top;
		padding-top: 90px;
		overflow: hidden;
		position: relative;
		margin-bottom: 50px;
	}
	.header-planet .header-rocket {
    	top: 500px;
	}
	.header-planet .header-rocket-smoke {
		top: 670px;
	}
	.planet-title {
		color: #FFF;
		font-weight: 700;
		font-size: 55px;
		text-align: center;
	}
	.planet-description {
		color: #FFF;
		font-size: 22px;
		text-align: center;
		margin: 0 8vw 30px 8vw;
	}
	.progress-holder {
		text-align: center;
	}
	.progress {
		width: 530px;
	    margin: 0 auto 50px auto;
	    border-radius: 15px;
	    height: 16px;
	    display: inline-block;
    	vertical-align: middle;
	}
	.progress-bar {
		border-radius: 15px;
	}
	.progress-label {
		font-size: 25px;
	    color: #FFF;
	    font-weight: 700;
	    display: inline-block;
	    vertical-align: top;
	    transform: translateY(-10px);
    	margin: 0 10px;
	}
	.clouds-planet {
		position: absolute;
	    top: 0;
	    height: 850px;
	    width: 100%;
	}
	.clouds-planet > img {
		bottom: 0;
    	position: absolute;
    	z-index: 10;
	}
	.planet-image {
		text-align: center;
	    width: 100%;
	    position: absolute;
	    bottom: -100px;
	    z-index: 9;
	}
	.content-planet {
		text-align: center;
		padding-bottom: 150px;
	}
	.content-planet p {
		font-size: 20px;
		color: #403f3f;
		margin-bottom: 20px;
	}
	.content-planet .button-holder {
		margin-top: 50px;
	}
	footer.footer-planet {
		background: url(../images/backgrounds/footer-story.jpg);
		padding-top: 300px;
		text-align: center;
	}
	footer.footer-planet h2 {
		color: #ff7128;
		font-size: 45px;
	}
	footer.footer-planet h2 span {
		color: #8fd7f6;
	}
	footer.footer-planet p {
		font-size: 20px;
		color: #FFF;
		margin: 20px 0 40px 0;
	}
	footer.footer-planet .bottom-footer {
		margin-top: 150px;
    	background: #8fd7f6;
    	padding: 25px 0;
	}
	footer.footer-planet .copyright {
		font-family: 'Roboto';
		font-weight: 300;
		font-size: 11px;
		color: #4e7a92;
		float: left;
	}
	footer.footer-planet .copyright a {
		display: inline;
		font-family: 'Roboto';
		font-weight: 300;
		font-size: 11px;
		color: #4e7a92;
		text-decoration: underline !important;
	}
	footer.footer-planet .links {
		float: right;
	}
	footer.footer-planet .links a {
		display: inline;
		font-family: 'Roboto';
		font-weight: 300;
		font-size: 11px;
		color: #4e7a92;
		padding: 0 10px;
	}
	footer.footer-planet .links a:first-child {
		border-right: 1px solid #71abc6;
	}
	/* Earth */
		#earth .header-planet {
			background-color: #025389;
		}
		#earth .planet-title span {
			color: #9df251;
		}
		#earth .progress {
			background: #0094bb;
		}
		#earth .progress-bar {
			background: #9df251;
		}
	/* Moon */
		#moon .header-planet {
			background-color: #464646;
		}
		#moon .planet-title span {
			color: #cecece;
		}
		#moon .progress {
			background: #5d5d5d;
		}
		#moon .progress-bar {
			background: #cecece;
		}
	/* Mars */
		#mars .header-planet {
			background-color: #8f2323;
		}
		#mars .planet-title span {
			color: #ff9191;
		}
		#mars .progress {
			background: #e85251;
		}
		#mars .progress-bar {
			background: #ff9191;
		}
	/* Jupiter */
		#jupiter .header-planet {
			background-color: #f8e1b1;
		}
		#jupiter .planet-title,
		#jupiter .progress-label,
		#jupiter .planet-description {
			color: #792e10;
		}
		#jupiter .planet-title span {
			color: #cd6e3d;
		}
		#jupiter .progress {
			background: #f0ca9a;
		}
		#jupiter .progress-bar {
			background: #cd6e3d;
		}
	/* Saturn */
		#saturn .header-planet {
			background-color: #e36e17;
		}
		#saturn .planet-title span {
			color: #ffdfa7;
		}
		#saturn .progress {
			background: #ee9553;
		}
		#saturn .progress-bar {
			background: #ffdfa7;
		}
		#saturn .header-planet .join-now-btn:hover {
			color: #FFF;
			border-color: #FFF;
		}
		#saturn .header-planet .join-now-btn:hover i {
			color: #FFF !important;
		}
	/* Uranus */
		#uranus .header-planet {
			background-color: #0bbbb7;
		}
		#uranus .planet-title span {
			color: #acffda;
		}
		#uranus .progress {
			background: #0fceca;
		}
		#uranus .progress-bar {
			background: #acffda;
		}
	/* Neptune */
		#neptune .header-planet {
			background-color: #2c4874;
		}
		#neptune .planet-title span {
			color: #81acec;
		}
		#neptune .progress {
			background: #375584;
		}
		#neptune .progress-bar {
			background: #81acec;
		}
	/* Pluto */
		#pluto .header-planet {
			background-color: #6a4020;
		}
		#pluto .planet-title span {
			color: #fdff51;
		}
		#pluto .progress {
			background: #905c34;
		}
		#pluto .progress-bar {
			background: #fdff51;
		}
/* Advanced Training Page */
	#training #menu-toggle i,
	#training #menu-toggle span {
		color: #3664b1;
	}
	.header-training {
		background: url(../images/backgrounds/training-clouds-down.png), url(../images/backgrounds/stars.jpg);
	    background-position: left bottom, center;
	    background-attachment: scroll, fixed;
	    background-repeat: no-repeat, no-repeat;
	    background-size: contain, cover;
		padding: 130px 0 350px 0;
		width: 100%;
	}
	.header-training h1 {
		color: #3664b1;
		font-family: 'Rockwell';
		font-weight: 700;
		font-size: 55px;
		text-align: center;
	}
	.header-training h1 span {
		font-size: 85px;
		display: block;
	}
	.header-training h6 {
		text-align: center;
		color: rgba(0, 0, 51, 0.7);
		font-size: 20px;
		margin: 15px 0 40px 0;
	}
	.trainings {
		padding-bottom: 30px;
	}
	.trainings h3 {
		color: #000;
		font-size: 45px;
		text-align: center;
		font-weight: 700;
		margin-bottom: 80px;
	}
	.trainings .screenshot {
		margin-bottom: 80px;
		text-align: center;
	}
	.trainings .screenshot img {
		max-width: 100%;
		box-shadow: 0 0 30px rgba(0,0,0,0.3);
	}
	.mail-creen img {
		width: 300px;
	}
	.mail-screen-title {
		margin-top: 100px;
	}
	.start-training {
		background-image: url(../images/backgrounds/clouds-2-up.png), url(../images/backgrounds/clouds-2-down.png), url(../images/backgrounds/stars.jpg);
		background-attachment: scroll, scroll, fixed;
	    background-position: center top, center bottom, center;
	    background-repeat: no-repeat, no-repeat, no-repeat;
	    background-size: contain, contain, cover;
		padding: 250px 0;
		position: relative;
		overflow: hidden;
	}
	.start-training .col-md-5 {
		padding: 0 60px;
	}
	.start-training .ipad {
		top: 400px;
	}
	.start-training .like {
	    top: 1200px;
	}
	.start-training h2.title {
		margin-bottom: 30px;
	}
	.start-training .section-description {
		color: #000;
		font-size: 24px;
	}
	#training .bonuses h4 {
		color: #000;
		font-size: 45px;
		text-align: center;
		font-weight: 700;
		margin: 120px 0 20px 0;
	}
	#training footer .copyright {
		font-family: 'Roboto';
		font-weight: 300;
		font-size: 11px;
		color: #4e7a92;
		float: left;
		padding-bottom: 30px;
	}
	#training footer .copyright a {
		display: inline;
		font-family: 'Roboto';
		font-weight: 300;
		font-size: 11px;
		color: #4e7a92;
		text-decoration: underline !important;
	}
	#training footer .links {
		float: right;
		padding-bottom: 30px;
	}
	#training footer .links a {
		display: inline;
		font-family: 'Roboto';
		font-weight: 300;
		font-size: 11px;
		color: #4e7a92;
		padding: 0 10px;
	}
	#training footer .links a:first-child {
		border-right: 1px solid #71abc6;
	}
/* Loader */
	#loader-wrapper {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 100000;
	}
	#loader {
	    display: block;
	    position: relative;
	    left: 50%;
	    top: 50%;
	    width: 150px;
	    height: 150px;
	    margin: -75px 0 0 -75px;
	    border-radius: 50%;
	    border: 3px solid transparent;
	    border-top-color: #3498db;
	    -webkit-animation: spin 2s linear infinite;
	    animation: spin 2s linear infinite;
	    z-index: 1001;
	}

	    #loader:before {
	        content: "";
	        position: absolute;
	        top: 5px;
	        left: 5px;
	        right: 5px;
	        bottom: 5px;
	        border-radius: 50%;
	        border: 3px solid transparent;
	        border-top-color: #e74c3c;

	        -webkit-animation: spin 3s linear infinite;
	        animation: spin 3s linear infinite;
	    }

	    #loader:after {
	        content: "";
	        position: absolute;
	        top: 15px;
	        left: 15px;
	        right: 15px;
	        bottom: 15px;
	        border-radius: 50%;
	        border: 3px solid transparent;
	        border-top-color: #f9c922;

	        -webkit-animation: spin 1.5s linear infinite;
	          animation: spin 1.5s linear infinite;
	    }

	    @-webkit-keyframes spin {
	        0%   { 
	            -webkit-transform: rotate(0deg);
	            -ms-transform: rotate(0deg);
	            transform: rotate(0deg);
	        }
	        100% {
	            -webkit-transform: rotate(360deg);
	            -ms-transform: rotate(360deg);
	            transform: rotate(360deg);
	        }
	    }
	    @keyframes spin {
	        0%   { 
	            -webkit-transform: rotate(0deg);
	            -ms-transform: rotate(0deg);
	            transform: rotate(0deg);
	        }
	        100% {
	            -webkit-transform: rotate(360deg);
	            -ms-transform: rotate(360deg);
	            transform: rotate(360deg);
	        }
	    }

	    #loader-wrapper .loader-section {
	        position: fixed;
	        top: 0;
	        width: 51%;
	        height: 100%;
	        background: #222222;
	        z-index: 1000;
	        -webkit-transform: translateX(0);
	        -ms-transform: translateX(0);
	        transform: translateX(0);
	    }

	    #loader-wrapper .loader-section.section-left {
	        left: 0;
	    }

	    #loader-wrapper .loader-section.section-right {
	        right: 0;
	    }

	    /* Loaded */
	    .loaded #loader-wrapper .loader-section.section-left {
	        -webkit-transform: translateX(-100%);
	            -ms-transform: translateX(-100%);
	                transform: translateX(-100%);

	        -webkit-transition: all 0.3s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	                transition: all 0.3s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    }

	    .loaded #loader-wrapper .loader-section.section-right {
	        -webkit-transform: translateX(100%);
	            -ms-transform: translateX(100%);
	                transform: translateX(100%);

	-webkit-transition: all 0.3s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	        transition: all 0.3s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	    }
	    
	    .loaded #loader {
	        opacity: 0;
	        -webkit-transition: all 0.3s ease-out;  
	                transition: all 0.3s ease-out;
	    }
	    .loaded #loader-wrapper {
	        visibility: hidden;

	        -webkit-transform: translateY(-100%);
	            -ms-transform: translateY(-100%);
	                transform: translateY(-100%);

	        -webkit-transition: all 0.3s 1s ease-out;  
	                transition: all 0.3s 1s ease-out;
	    }
/* Error Pages */
	body#error {
		position: relative;
		overflow: hidden;
	}
	#error .header-planet {
		background-color: #0A0C3F;
		height: 100vh;
	}
	#error .clouds-planet {
		height: 100vh;
	}
	#error .clouds-planet img {
		width: 100%;
	}
	#error .header-planet .header-rocket {
		top: 34vw;
	}
	#error .header-planet .header-rocket-smoke {
	    top: 43vw;
	}
	#error .parallax-element.spaceman {
	    top: 30vw;
	}
	#error h1 {
		color: #FFF;
	    font-size: 13vw;
	    line-height: 10vw;
	    text-align: center;
	    margin-bottom: 0;
	}
	#error h2 {
		color: #FFF;
	    text-align: center;
	    font-size: 6vw;
	    line-height: 6vw;
	    margin: 0;
	    text-transform: uppercase;
	}
	#error h4 {
		text-align: center;
	    color: #FFF;
	    margin: 50px 0;
	    font-size: 2vw;
	}