@charset "utf-8";
/* CSS Document */

/* common --> */
html, body {
	width: 100%;
	height: 100%;
	min-height: 100%;
}
body {
	padding: 0;
	margin: 0;
	color: #53331d;
	font-size: 7px;
	font-family: 'Neo Sans W01', Gotham, 'Helvetica Neue', Helvetica, Calibri, Arial, sans-serif
}
.mti-active body {
	font-size: 8px;
}
h1, h2 {
	font-family: 'Slate W01 Bold', Gotham, 'Helvetica Neue', Helvetica, Calibri, Arial, sans-serif;
	font-weight: normal;
}

a{
	color:inherit;
	text-decoration:none;
}
a:focus{
	color:inherit;
	text-decoration:none;
}
a:visited{
	color:inherit;
	text-decoration:none;
}

h1 strong, h2 strong {
	font-weight: normal;
}
p strong {
	font-family: 'Neo Sans W01 Medium', Gotham, 'Helvetica Neue', Helvetica, Calibri, Arial, sans-serif;
	font-weight: normal;
}
.button {
	font-family: 'Neo Sans W01 Light', Gotham, 'Helvetica Neue', Helvetica, Calibri, Arial, sans-serif;
	font-size: 16px;
}
::-moz-selection {
	color: #fff;
	background-color: #53331d;
}
::selection {
	color: #fff;
	background-color: #53331d;
}
@media screen and (max-width:519px), screen and (max-height:439px) {
	body {
		font-size: 12px;
		background: url(../img/lp-left.jpg?v) no-repeat center center;
		background-size: cover;
	}
}
@media screen and (min-width:620px) and (min-height:490px) {
	body {
		font-size: 9px;
	}
	.mti-active body {
		font-size: 10px;
	}
}
@media screen and (min-width:720px) and (min-height:520px) {
	body {
		font-size: 11px;
	}
	.mti-active body {
		font-size: 12px;
	}
}
@media screen and (min-width:820px) and (min-height:550px) {
	body {
		font-size: 13px;
	}
	.mti-active body {
		font-size: 14px;
	}
}
@media screen and (min-width:1050px) and (min-height:620px) {
	body {
		font-size: 15px;
	}
	.mti-active body {
		font-size: 16px;
	}
}
/* <-- common */

/* head --> */
.lp-head {
	position: relative;
}
.lp-head h1 {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 2;
	margin: 0 0 0 -65px;
	font-size: 1.5em;
}
.lp-head p {
	position: absolute;
	top: 155px;
	left: 0;
	right: 0;
	z-index: 2;
	margin: 0;
	font-size: 1.375em;
	text-align: center;
	text-transform: uppercase;
}
/* <-- head */

/* nav --> */
.lp-nav-button {
	width: 170px;
	margin: 1.5em 0;
}
.lp-nav-button span {
	display: block;
	padding: .75em 1em;
	border-radius: 5px;
	color: #fff;
	font-size: .875em;
	text-align: center;
	-webkit-transition: background-color .2s ease-out;
	   -moz-transition: background-color .2s ease-out;
			transition: background-color .2s ease-out;
}
.lp-nav-pomm .lp-nav-button span {
	background-color: #97c31a;
}
.lp-nav-schm .lp-nav-button span {
	background-color: #00adb7;
}
.lp-nav-item:hover .lp-nav-button span,
.lp-nav-item:focus .lp-nav-button span,
.lp-nav-item:active .lp-nav-button span {
	background-color: #53331d;
}
@media screen and (max-width:519px), screen and (max-height:439px) {
	.lp-nav {
		padding: 180px 10px 10px 10px;
	}
	.lp-nav-item {
		color: #53331d;
		text-decoration: none;
	}
	.lp-nav-title,
	.lp-nav-welcome {
		display: none;
	}
	.lp-nav-button {
		width: 80%;
		margin: 4em auto;
	}
	.lp-nav-schm .lp-nav-button {
		margin-bottom: 0;
	}
}
@media screen and (max-height:399px) {
	.lp-nav-button {
		margin: 2em auto;
	}
}
@media screen and (min-width:520px) and (min-height:440px) {
	.lp-nav {
		position: relative;
		z-index: 1;
		height: 100%;
	}
	.lp-nav-item {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 1;
		overflow: hidden;
		color: #53331d;
		text-decoration: none;
	}
	.lp-nav-pomm {
		left: 0;
		right: 50%;
		text-align: right;
	}
	.lp-nav-schm {
		right: 0;
		left: 50%;
	}
	.lp-nav-item:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
	}
	.lp-nav-pomm:before {
		background: url(../img/lp-left.jpg?v) no-repeat center center;
	}
	.lp-nav-schm:before {
		background: url(../img/lp-right.jpg?v) no-repeat center center;
	}
	.lp-nav-item:before {
		background-size: cover;
		opacity: 0.45;
		-webkit-transition: opacity .2s ease-out, -webkit-transform .8s ease-out;
		   -moz-transition: opacity .2s ease-out, -moz-transform .8s ease-out;
				transition: opacity .2s ease-out, transform .8s ease-out;
	}
	.lp-nav-item:hover:before,
	.lp-nav-item:focus:before,
	.lp-nav-item:active:before {
		opacity: 1;
		-webkit-transform: scale(1.1);
		   -moz-transform: scale(1.1);
				transform: scale(1.1);
	}
	.lp-nav-cnt {
		position: relative;
		padding: 260px 35px 0 35px;
	}
	.lp-nav-pomm .lp-nav-cnt {
		padding-left: 20px;
	}
	.lp-nav-schm .lp-nav-cnt {
		padding-right: 20px;
	}
	.lp-nav-cnt:before {
		content: '';
		display: block;
		width: 57px;
		height: 57px;
		position: absolute;
		top: 180px;
		background: url(../img/sprite-arrows.png);
		background-size: 200%;
		-webkit-transition: transform .2s ease-out;
		   -moz-transition: transform .2s ease-out;
				transition: transform .2s ease-out;
	}
	.no-backgroundsize .lp-nav-cnt:before {
		background: url(../img/sprite-arrows-low.png);
	}
	.lp-nav-pomm .lp-nav-cnt:before {
		right: 20px;
		background-position: 0 0;
	}
	.lp-nav-schm .lp-nav-cnt:before {
		left: 20px;
		background-position: -100% 0;
	}
	.lp-nav-pomm:hover .lp-nav-cnt:before,
	.lp-nav-pomm:focus .lp-nav-cnt:before,
	.lp-nav-pomm:active .lp-nav-cnt:before {
		-webkit-transform: rotate(-45deg);
		   -moz-transform: rotate(-45deg);
				transform: rotate(-45deg);
	}
	.lp-nav-schm:hover .lp-nav-cnt:before,
	.lp-nav-schm:focus .lp-nav-cnt:before,
	.lp-nav-schm:active .lp-nav-cnt:before {
		-webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
				transform: rotate(45deg);
	}
	.lp-nav-welcome {
		margin: 0;
		font-family: 'Slate W01 Bold', Gotham, 'Helvetica Neue', Helvetica, Calibri, Arial, sans-serif;
		font-size: 1.5em;
		line-height: 1.25em;
		text-transform: uppercase;
	}
	.lp-nav-title {
		margin: 0;
		font-size: 3.5em;
		line-height: .9em;
		text-transform: uppercase;
	}
	.lp-nav-pomm .lp-nav-title strong {
		color: #9ab91f;
	}
	.lp-nav-schm .lp-nav-title strong {
		color: #00adb7;
	}
	.lp-nav-title span {
		display: block;
	}
	.lp-nav-pomm .lp-nav-button {
		float: right;
	}
	.lp-nav-schm .lp-nav-button {
		float: left;
	}
}
@media screen and (min-width:720px) and (min-height:520px) {
	.lp-nav-cnt {
		padding: 280px 35px 0 35px;
	}
	.lp-nav-cnt:before {
		top: 200px;
	}
}
@media screen and (min-width:1050px) and (min-height:620px) {
	.lp-nav-cnt {
		position: relative;
		padding: 320px 75px 0 75px;
	}
	.lp-nav-cnt:before {
		top: 230px;
	}
	.lp-nav-pomm .lp-nav-cnt {
		padding-left: 40px;
	}
	.lp-nav-schm .lp-nav-cnt {
		padding-right: 40px;
	}
	.lp-nav-pomm .lp-nav-cnt:before {
		right: 50px;
	}
	.lp-nav-schm .lp-nav-cnt:before {
		left: 50px;
	}
}
/* <-- nav */