.main section.bg-light {
	background-color: #ffffff;
	background-image: url('../images/light-bg.svg');
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNCcgaGVpZ2h0PScyMCc+PHBhdGggZmlsbD0nI2Q5ZDlkOScgc3Ryb2tlPScjZDlkOWQ5JyBzdHJva2Utd2lkdGg9JzEnIGQ9J00gMCAwIGwgMTQgMjAnIC8+PHBhdGggZmlsbD0nI2Q5ZDlkOScgIHN0cm9rZT0nI2Q5ZDlkOScgIHN0cm9rZS13aWR0aD0nMScgZD0nbSAwIDIwIGwgMTQgLTIwJyAvPjwvc3ZnPg==");
	background-repeat: repeat;
}

.main section.bg-dark {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNCcgaGVpZ2h0PScyMCc+PHBhdGggZmlsbD0nI2Q5ZDlkOScgc3Ryb2tlPScjZDlkOWQ5JyBzdHJva2Utd2lkdGg9JzEnIGQ9J00gMCAwIGwgMTQgMjAnIC8+PHBhdGggZmlsbD0nI2Q5ZDlkOScgIHN0cm9rZT0nI2Q5ZDlkOScgIHN0cm9rZS13aWR0aD0nMScgZD0nbSAwIDIwIGwgMTQgLTIwJyAvPjwvc3ZnPg==");
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='20'><path fill='#2e2e2e' stroke='#2e2e2e' stroke-width='1' d='M 0 0 l 12 20' /><path fill='#2e2e2e'  stroke='#2e2e2e'  stroke-width='1' d='m 0 20 l 12 -20' /></svg>");
	background-repeat: repeat;
	background-color: #393939;
}

.wrapper {
	height: 100% !important;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (max-width: 850px) {
	.main-logo {
		width: 100%;
		padding: 0 30px;
	}

	.logo-svg {
		width: 100%;
	}
}

.page1 h1 {	visibility: hidden; margin: 0;	height: 0;}

.scroll-down {
	text-align: center;
	font-size: 36px;
	color: #cfcfcf;
	position: absolute;
	font-weight: 500;
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
	bottom: 50px;
	line-height: 50px;
	cursor: pointer;
}

@media screen and (max-width: 850px) {
	.scroll-down {
		font-size: 26px;
		line-height: 30px;
	}

	.scroll-down--img {
		width: 40%;
		height: auto;
	}
}

/* .page2 {
	background-image: url('../images/about-section-bg.jpg');
	background-size: cover;
} */

.about {
	font-family: 'Lane-Narrow',sans-serif;
	padding: 30px 0 30px 140px;
	width: 100%;
	max-width: 720px;
}

.about-svg{
	width: 470px;
    left: -20px;
    position: relative;
    margin-bottom: 30px;
    margin-top: 50px;
}

.about--title h2{
	visibility: hidden;
	height: 0;
	margin: 0;
}

.about p {
	text-align: justify;
	line-height: 32px;
	font-size: 20px;
	color: #aaaaaa;
}

.contact {
	font-family: 'Lane-Narrow',sans-serif;
	padding: 30px 0 30px 140px;
	width: 560px;
}

.contact-svg{
	width: 350px;
	left: -20px;
	position: relative;
	margin-bottom: 30px;
    margin-top: 50px;
}

.contact--title h2{
	visibility: hidden;
	height: 0;
	margin: 0;
}

.contact p {
	text-align: justify;
	line-height: 32px;
	font-size: 20px;
	color: #aaaaaa;
}

@media screen and (max-width: 1300px) {
	.about {
		padding: 30px 0 30px 5%;
		width: 55%;
		max-width: 720px;
	}
	.contact {
		padding: 30px 0 30px 5%;
		width: 55%;
		max-width: 720px;
	}
	.about p{
		font-size: 18px;
	}
}

@media screen and (max-width: 740px) {
	.about {
		padding: 20px 20px 40px;
		width: 100%;
		max-width: 460px;
		margin: 0 auto;
	}
	.about-svg {
		width: 100%;
		max-width: 470px;
		left: -16px;
		position: relative;
		margin-bottom: 18px;
	}
	.contact {
		padding: 20px;
		width: 100%;
		max-width: 460px;
		margin: 0 auto;
	}
	.contact-svg {
		width: 100%;
		max-width: 350px;
		left: -22px;
		position: relative;
		margin-bottom: 18px;
	}
}

@media screen and (max-width: 470px) {
	.about p {
		line-height: 28px;
		font-size: 16px;
	}
}






/******************
	Mobile
*******************/


.body--mobile .wrapper {
	overflow: auto;
	height: auto!important;
}

.body--mobile .section {
	position: relative;
}

.body--narrow .about p {
	line-height: 30px;
}

.body--narrow .about-svg{
	margin-bottom: 20px;
	margin-top: 40px;
}

.body--narrow .contact-svg{
	margin-bottom: 20px;
	margin-top: 40px;
}


/******************
	OneScroll
*******************/
.main {float: left;
	width: 100%;
	margin: 0 auto;
}

.onepage-wrapper {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	padding: 0;
	-webkit-transform-style: preserve-3d;
}

.onepage-wrapper .section {
	width: 100%;
	height: 100%;
}

.onepage-pagination {
	position: absolute;
	right: 10px;
	top: 50%;
	z-index: 5;
	list-style: none;
	margin: 0;
	padding: 0;
}
.onepage-pagination li {
	padding: 0;
	text-align: center;
}
.onepage-pagination li a{
	padding: 10px;
	width: 4px;
	height: 4px;
	display: block;

}
.onepage-pagination li a:before{
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	background: rgba(255,255,255,0.85);
}

.onepage-pagination li a.active:before{
	width: 12px;
	height: 12px;
	background: none;
	border: 2px solid #f3f3f3;
	margin-top: -4px;
	left: 6px;
}

.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
	overflow: auto;
}

.disabled-onepage-scroll .onepage-wrapper .section {
	position: relative !important;
	top: auto !important;
	left: auto !important;
}
.disabled-onepage-scroll .onepage-wrapper {
	-webkit-transform: none !important;
	-moz-transform: none !important;
	transform: none !important;
	-ms-transform: none !important;
	min-height: 100%;
}


.disabled-onepage-scroll .onepage-pagination {
	display: none;
}

body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
	position: inherit;
}

@font-face {
	font-family: 'Lane-Narrow';
	src: url('../fonts/lanenar_.eot');
	src: url('../fonts/lanenar_.eot?#iefix') format('embedded-opentype'),
	url('../fonts/lanenar_.woff') format('woff'),
	url('../fonts/lanenar_.ttf') format('truetype'),
	url('../fonts/lanenar_.svg#Lane-Narrow') format('svg');
}

.viewing-page-1 .onepage-pagination li a:before {
	background: rgba(0,0,0,0.85);
}

.viewing-page-1 .onepage-pagination li a.active:before {
	border: 2px solid #484848;
	background: transparent;
}



/******************
	Parallax
*******************/

.parallax-bg {
	height: 1295px;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url('../images/parallax-bg.jpg');
	position: absolute;
	height: 100%;
	width: 100%;
	background-position: 0 -50%;
	transition: all 1000ms;
}

.body--narrow .parallax-bg {
	background-image: url('../images/parallax-bg--narrow.jpg');
}

.body2 .parallax-bg {
	background-image: url('../images/parallax-bg.jpg');
}

.viewing-page-2 .parallax-bg {
	background-position:0 0%;
}

.viewing-page-3 .parallax-bg {
	background-position: 0 100%;
}

.body--mobile .parallax-bg {
	position: fixed;
	background-position: 0%;
}