/*
CSSGrid is a Responsive CSS Grid designed to work on web and mobile devices. (www.cssgrid.co)
Please don't steal. Support this grid and buy a license from: http://codecanyon.net/item/responsive-html5-css-grid/4928861

Columns Fixed (f)

*/

.video {
	background-color:#fff;
	position:absolute;
	width:276px;
	height:155px;
	top:50%;
	margin-top:-90px;
	left:50%;
	margin-left:-138px;
	border: 0px solid #fff;
}

.top {
	height:50px;
}
.bottom {
	height:50px;
	font-size:14px;
	letter-spacing:3px;
	line-height:50px;
}
.left {
	width:30px;
}
.right {
	width:30px;
}
.end {
	height:50px;
}
.space-top {
	height:50px;
}
.block-full-1,
.block-full-2,
.block-full-3,
.block-full-4,
.block-full-5,
.block-full-6,
.block-full-7 {
	left:0;
	/* Firefox */
	width:100%;
	height: -moz-calc(100% - 100px);
	/* WebKit */
	height: -webkit-calc(100% - 100px);
	/* Opera */
	height: -o-calc(100% - 100px);
	/* Standard */
	height: calc(100% - 100px);
}
.block-full-6 {
	height:1180px;
}
.block-full-1-push,
.block-full-2-push,
.block-full-3-push,
.block-full-4-push,
.block-full-5-push,
.block-full-6-push {
	width:100%;
	height:50%;
	top:0;
	left:0;
}
.block-relative {
	left:30px;
	/* Firefox */
	width: -moz-calc(100% - 60px);
	/* WebKit */
	width: -webkit-calc(100% - 60px);
	/* Opera */
	width: -o-calc(100% - 60px);
	/* Standard */
	width: calc(100% - 60px);
}
.img-desktop {
	display:none;
}
.img-mobile {
	display:block;
}

.arrow-down a {
	width:100%;
	left:0;
	font-size:16px;
	letter-spacing:3px;
	padding-top:10px;
	padding-bottom:35px;
	margin-bottom:15px;
	background-size:26px;
	-moz-background-size:26px;
}
.arrow-left a {
	left:25px;
	top:50%;
	margin-top:-25px;
	background-size:12px;
	-moz-background-size:12px;
	display:none;
}
.arrow-right a {
	right:25px;
	top:50%;
	margin-top:-25px;
	background-size:12px;
	-moz-background-size:12px;
	display:none;
}

.waypoint {
	height:25px;
	margin-top:-25px;
}
.waypoint-space {
/*	padding-top:25%;
	margin-top:-25%!important;
	margin-bottom:-40px;*/
}

.box1 {
	font-family:'baron_neue_boldbold', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	font-size:22px;
	line-height:30px;
	letter-spacing:4px;
	position:absolute;
	width:240px;
	height:130px;
	padding:0;
	text-align:center;
	top:50%;
	margin-top:-100px;
	left:50%;
	margin-left:-120px;
}
.box2 {
	font-family:'baron_neue_boldbold', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	font-size:22px;
	line-height:30px;
	letter-spacing:4px;
	position:absolute;
	width:240px;
	height:160px;
	padding:0;
	text-align:center;
	top:50%;
	margin-top:-120px;
	left:50%;
	margin-left:-120px;
}
.box1 .txt-inner,
.box2 .txt-inner {
	padding:20px;
}


.p2,
.p3 {
	padding:20px;
}
.p2 .one {
	margin-bottom:30px;
}
.p2 .two {
	margin-bottom:0;
}
.padding-text {
	padding-left:0;
	padding-right:0;
}

.nav-button {
	font-size:16px;
	width:100px;
	line-height:30px;
	top:50%;
	margin-top:-15px;
	margin-left:-35px;
}
.nav-button a,
.contact-button a {
	line-height:30px;
	background-color:#fff;
	display:block;
}

.contact-button {
	font-size:16px;
	width:100px;
	line-height:30px;
	top:50%;
	margin-top:-15px;
	margin-left:-33px;
}


.nav {
}
.nav ul {
	height:260px;
	top:50%;
	margin-top:-130px;
}
.nav ul li a {
	font-size:22px;
	line-height:32px;
	letter-spacing:3px;
}
.nav ul li a:hover {
	letter-spacing:2px;
}
.contact-closeme {
	width:70px;
	height:70px;
}
.contact-closeme a {
	width:40px;
	height:40px;
	display:block;
}

.contact-on {
}
.contact-inner {
	margin:0;
	max-height:100%;
	overflow-x:hidden;
	position:relative;
	overflow-y:auto;
	color:#000;
}
h3 {
	font-size:16px;
	letter-spacing:4px;
	text-align:left;
	padding-left:5%;
	width:80%;
	z-index:2;
	top:0;
	padding-top:0;
	padding-bottom:5px;
	margin-bottom:0;
	background-image:none;
}
.title3 {
	font-size:20px;
	line-height:20px;
	padding-left:20px;
	padding-right:20px;
}
.title4 {
	margin-top:5px;
	font-size:16px;
	padding-left:20px;
	padding-right:20px;
	line-height:24px;
	letter-spacing:1px;
}
.thanks {
	top:6px;
	left:6px;
}
.raywhite {
	float:none;
	margin:0 auto;
	padding-left:20px;
	height:50px;
}
.smallprint {
	font-size:9px;
	line-height:13px;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	margin-top:10px;
}

.myform {
	padding-top:10px;
	width:90%;
	margin-left:5%;
}
input.thisfield {
	margin-left:0;
	width:100%;
	padding-top:5px;
	padding-bottom:6px;
	margin-bottom:5px;
	text-align:left;
}
input.submit {
	font-size:14px;
	padding-top:6px;
	padding-bottom:7px;
	padding-left:10px;
	padding-right:10px;
	width:140px;
}
.mandatory {
	font-family:'baron_neue_boldbold', Arial, sans-serif;
	font-weight:normal;
	font-size:10px;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:0;
	width:100%;
	text-align:left;
	margin-left:0;
}
.error-msg {
	color:#ff3333;
	font-size:12px;
	text-align:left;
	margin-left:0;
	padding-top:5px;
}


.jstyling-select {	font-family:'baron_neue_boldbold', Arial, sans-serif;font-weight:normal; margin: 0; margin-left:0; margin-right:0; padding-top:5px;margin-top:0px; margin-bottom:5px; position:relative; padding: 0; color:#ffffff; text-align:left;font-size:15px; background-color:transparent;
float:left;
}
.jstyling-select { padding-top:0; padding-bottom:3px; width:100%;border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #ecb8a6;
	cursor: pointer; margin-bottom:0;
	}
.jstyling-select-s { height: 30px; line-height: 30px; background: url(../images/dd.png) no-repeat right center; padding-left:0;}
.jstyling-select-l div {height: 30px; line-height: 30px; border-top: 1px solid #ecb8a6; padding:0; background-color:#333;} 





.f1, /* outer div width */
.f2,
.f3,
.f4,
.f5,
.f6,
.f7,
.f8 {
	width:462px;
}


.f1 .one {
	width:100%;
}


.f2 .one {
	width:226px;
	float:left;
}
.f2 .two {
	width:226px;
	/*
	To set the correct position for the last column, add up all columns to the left and add on the padding.
	In this case: 226 + 10 = 236
	*/
	margin-left:236px;
}


.f3 .one {
	width:148px;
	float:left;
}
.f3 .one-two {
	width:305px;
	margin-left:0px;
	float:left;
}
.f3 .two {
	width:148px;
	margin-left:9px;
	float:left;
}
.f3 .two-three {
	width:305px;
	margin-left:157px;
}
.f3 .three {
	width:148px;
	/*
	To set the correct position for the last column, add up all columns to the left and add on the padding.
	In this case: 148 x 2 + 9 + 9 = 314
	*/
	margin-left:314px;
}


.f4 .one {
	width:108px;
	float:left;
}
.f4 .one-two {
	width:226px;
	float:left;
}
.f4 .one-three {
	width:344px;
	float:left;
}
.f4 .two {
	width:108px;
	margin-left:10px;
	float:left;
}
.f4 .two-three {
	width:226px;
	margin-left:10px;
	float:left;
}
.f4 .two-four {
	width:344px;
	margin-left:118px;
}
.f4 .three {
	width:108px;
	margin-left:10px;
	float:left;
}
.f4 .three-four {
	width:226px;
	margin-left:236px;
}
.f4 .four {
	width:108px;
	margin-left:354px;
}


.f5 .one {
	width:86px;
	float:left;
}
.f5 .one-two {
	width:180px;
	float:left;
}
.f5 .one-three {
	width:274px;
	float:left;
}
.f5 .one-four {
	width:368px;
	float:left;
}
.f5 .two {
	width:86px;
	float:left;
	margin-left:8px;
}
.f5 .two-three {
	width:180px;
	float:left;
	margin-left:8px;
}
.f5 .two-four {
	width:274px;
	margin-left:8px;
	float:left;
}
.f5 .two-five {
	width:368px;
	margin-left:94px;
}
.f5 .three {
	width:86px;
	float:left;
	margin-left:8px;
}
.f5 .three-five {
	width:274px;
	margin-left:188px;
}
.f5 .four {
	width:86px;
	float:left;
	margin-left:8px;
}
.f5 .four-five {
	width:180px;
	margin-left:282px;
}
.f5 .five {
	width:86px;
	margin-left:376px;
}


.f6 .one {
	width:72px;
	float:left;
}
.f6 .one-two {
	width:150px;
	float:left;
}
.f6 .one-three {
	width:228px;
	float:left;
}
.f6 .one-four {
	width:306px;
	float:left;
}
.f6 .one-five {
	width:384px;
	float:left;
}
.f6 .two {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .two-three {
	width:150px;
	float:left;
	margin-left:6px;
}
.f6 .two-four {
	width:228px;
	float:left;
	margin-left:6px;
}
.f6 .two-five {
	width:306px;
	float:left;
	margin-left:6px;
}
.f6 .two-six {
	width:384px;
	margin-left:78px;
}
.f6 .three {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .three-four {
	width:150px;
	float:left;
	margin-left:6px;
}
.f6 .three-five {
	width:228px;
	float:left;
	margin-left:6px;
}
.f6 .three-six {
	width:306px;
	margin-left:156px;
}
.f6 .four {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .four-five {
	width:150px;
	float:left;
	margin-left:6px;
}
.f6 .four-six {
	width:228px;
	margin-left:234px;
}
.f6 .five {
	width:72px;
	float:left;
	margin-left:6px;
}
.f6 .five-six {
	width:150px;
	margin-left:312px;
}
.f6 .six {
	width:72px;
	margin-left:390px;
}


.f7 .one {
	width:60px;
	float:left;
}
.f7 .one-two {
	width:127px;
	float:left;
}
.f7 .one-three {
	width:194px;
	float:left;
}
.f7 .one-four {
	width:261px;
	float:left;
}
.f7 .one-five {
	width:328px;
	float:left;
}
.f7 .one-six {
	width:395px;
	float:left;
}
.f7 .two {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .two-three {
	width:127px;
	float:left;
	margin-left:7px;
}
.f7 .two-four {
	width:194px;
	float:left;
	margin-left:7px;
}
.f7 .two-five {
	width:261px;
	float:left;
	margin-left:7px;
}
.f7 .two-six {
	width:328px;
	float:left;
	margin-left:7px;
}
.f7 .two-seven {
	width:395px;
	margin-left:67px;
}
.f7 .three {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .three-four {
	width:127px;
	float:left;
	margin-left:7px;
}
.f7 .three-five {
	width:194px;
	float:left;
	margin-left:7px;
}
.f7 .three-six {
	width:261px;
	float:left;
	margin-left:7px;
}
.f7 .three-seven {
	width:328px;
	margin-left:134px;
}
.f7 .four {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .four-five {
	width:127px;
	float:left;
	margin-left:7px;
}
.f7 .four-seven {
	width:261px;
	margin-left:201px;
}
.f7 .five {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .five-seven {
	width:194px;
	margin-left:268px;
}
.f7 .six {
	width:60px;
	float:left;
	margin-left:7px;
}
.f7 .six-seven {
	width:127px;
	margin-left:335px;
}
.f7 .seven {
	width:60px;
	margin-left:402px;
}


.f8 .one {
	width:56px;
	float:left;
}
.f8 .one-two {
	width:114px;
	float:left;
}
.f8 .one-three {
	width:170px;
	float:left;
}
.f8 .one-four {
	width:230px;
	float:left;
}
.f8 .one-five {
	width:288px;
	float:left;
}
.f8 .one-six {
	width:346px;
	float:left;
}
.f8 .one-seven {
	width:404px;
	float:left;
}
.f8 .two {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .two-three {
	width:112px;
	float:left;
	margin-left:2px;
}
.f8 .two-four {
	width:172px;
	float:left;
	margin-left:2px;
}
.f8 .two-five {
	width:230px;
	float:left;
	margin-left:2px;
}
.f8 .two-six {
	width:288px;
	float:left;
	margin-left:2px;
}
.f8 .two-seven {
	width:346px;
	float:left;
	margin-left:2px;
}
.f8 .two-eight {
	width:404px;
	margin-left:58px;
}
.f8 .three {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .three-four {
	width:114px;
	float:left;
	margin-left:2px;
}
.f8 .three-five {
	width:172px;
	float:left;
	margin-left:2px;
}
.f8 .three-six {
	width:230px;
	float:left;
	margin-left:2px;
}
.f8 .three-seven {
	width:288px;
	float:left;
	margin-left:2px;
}
.f8 .three-eight {
	width:346px;
	margin-left:116px;
}
.f8 .four {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .four-five {
	width:116px;
	float:left;
	margin-left:2px;
}
.f8 .four-six {
	width:174px;
	float:left;
	margin-left:2px;
}
.f8 .four-seven {
	width:232px;
	float:left;
	margin-left:2px;
}
.f8 .four-eight {
	width:290px;
	margin-left:172px;
}
.f8 .five {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .five-six {
	width:114px;
	float:left;
	margin-left:2px;
}
.f8 .five-seven {
	width:172px;
	float:left;
	margin-left:2px;
}
.f8 .five-eight {
	width:230px;
	margin-left:232px;
}
.f8 .six {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .six-seven {
	width:114px;
	float:left;
	margin-left:2px;
}
.f8 .six-eight {
	width:172px;
	margin-left:290px;
}
.f8 .seven {
	width:56px;
	float:left;
	margin-left:2px;
}
.f8 .seven-eight {
	width:114px;
	margin-left:348px;
}
.f8 .eight {
	width:56px;
	margin-left:406px;
}