@charset "utf-8";
/* CSS Document */
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

img{max-width:100%;}

a{color:inherit;}

body, html{ padding:0; margin:0; font-family: 'Roboto', sans-serif;}

#header {width:100%; position:fixed; height:115px;
	 z-index:5;
}
#menu {width:95%; max-width:1100px; margin:auto;
	padding-top:20px; text-align:center;
}
#menubutton{float:left;}
#logo {position:absolute; top:15px; left:52%;
	margin-left:-150px; z-index:6;
}
#joinbuttonmenu{float:right; max-width:70%;}
#cancelbuttonmenu{float:left; margin-left:3%; max-width:70%;}
#headerspace{height:115px;}
#popupmenu{position:fixed; width:100%; text-align:center;
	height:100%; background:url(images/menubg.png); display:none;
	 z-index:4;
}
#popupmenu img{max-width:95%;}
#privacypopup{position:absolute; width:100%;
	text-align:center; background:url(images/popupbg.png);
	display:none; z-index:4;
}
#privacycontent{width:90%; text-align:left; max-width:810px;
	margin:auto; margin-top:180px; margin-bottom:70px;
	border-left:solid 1px #000; padding-left:15px;
}
#agreementpopup{position:absolute;  width:100%;
	text-align:center; background:url(images/popupbg.png);
}
#agreementcontent{width:90%; text-align:left; max-width:810px;
	margin:auto; margin-top:180px; margin-bottom:90px;
	border-left:solid 1px #000; padding-left:15px;
}
#footer{width:100%; background-color:#000; color:#FFF;
}
#footercontent{width:95%; max-width:1100px; margin:auto;
	padding-top:30px; padding-bottom:100px;
}
#footercontent a{text-decoration:none;}
#footercontent a:hover{text-decoration:underline;}

.twothirds{width:67%; display:inline-block; vertical-align:top;}
.half{width:50%; display:inline-block; vertical-align:top;}
.third{width:33%; display:inline-block; vertical-align:top;}
.almosthalf{width:45%; display:inline-block; vertical-align:top;}

.flexwrapper{display:flex;}
.flexcell{display:inline-flex;}
.redbarrier{display:inline-block; background:#ED1941; width:6px; bottom:15px; margin-left:20px; margin-right:20px; margin-top:15px; margin-bottom:15px;}

.centertext{text-align:center;}
.righttext{text-align:right;}

#wrapper{min-width:1150px;}

.contentblock{width:100%; background-repeat:no-repeat; 
	background-attachment:scroll; background-position:center center;
    -webkit-background-size: cover; -moz-background-size: cover; 
	-o-background-size: cover; background-size: cover;
	padding-top:15px;
	padding-bottom:15px;
}
.darkbg{width:100%;
	padding-bottom:10px; padding-top:330px; color:#FFF;
}
.redbg{width:100%; background:#ED1941;
	padding-bottom:10px; padding-top:10px; color:#FFF;
}
.nobg{background:none !important;}
	
.whitefont{color:#FFF;}
.redfont{color:#ED1941;}
.bolditalic{font-weight:700; font-style:italic;}

.content{width:95%; max-width:700px; margin:auto;}

.sponsors img{margin-top:15px; float:right;}
.formtitles{width:360px; display:inline-block; vertical-align:top;
	position:relative; padding-right:10px;
}
.formcontent{width:65%; display:inline-block; vertical-align:top;}

.vertpadding40{padding-top:40px; padding-bottom:40px;}

.nobottomspace{margin-bottom:0; padding-bottom:0;}
.notopspace{margin-top:0; padding-top:0;}

.buttonstyle{display:inline-block; text-decoration:none !important; color:#FFF; padding:15px; border:2px solid #FFF;}

h1, h2, h3, h4 , h5 , h6 {font-family: 'Oswald', sans-serif;
	font-weight:700; text-transform:uppercase;
	margin-top:10px; margin-bottom:10px;
}
.sentencecase{text-transform:none;}
.superlarge {font-size:140px;}
.largefont{font-size:90px;}
.slightlylarger{font-size:55px;}
h1{font-size:85px; line-height:0.95em;}
h2{font-size:45px; line-height:1.1em;}
h3{font-size:40px; line-height:1.1em;}
h4{font-size:30px; line-height:1.1em;}
h5{font-weight:400; font-size:24px; line-height:1.1em;}
h6{font-size:21px; line-height:1.1em;}
p, li{font-family: 'Roboto', sans-serif; font-size:21px;
	margin-top:15px; margin-bottom:15px;
}

.formtitles h5 {line-height:1em;}
#formline2{top:410px; position:absolute; z-index:3;}
#formline3{top:570px; position:absolute; z-index:3;}
#formline4{top:725px; position:absolute; z-index:3;}
#formline5{top:910px; position:absolute; z-index:3;}
#formline6{top:1015px; position:absolute; z-index:3;}
#formline7{top:1085px; position:absolute; z-index:3;}
#formline8{top:700px; position:absolute; z-index:3;}

input{height:22px;}
.formlabel{display:table-cell;}
.formlabel h6{white-space:nowrap;}
.formfield{display:table-cell; width:100%; vertical-align:middle; padding-left:10px;}
.formfield input{width:100%; vertical-align:sub;}

.debitlist {padding-left:60px; position:relative;}
.debitlist > li{padding-left:15px;}
.debitlist1 > li:before{content: "1.";}
.debitlist2 > li:before{content: "2.";}
.debitlist3 > li:before{content: "3.";}
.debitlist4 > li:before{content: "4.";}
.debitlist5 > li:before{content: "5.";}
.debitlist6 > li:before{content: "6.";}
.debitlist7 > li:before{content: "7.";}
.debitlist8 > li:before{content: "8.";}
.debitlist9 > li:before{content: "9.";}
.debitlist > li:before{position: absolute; counter-increment: item;
	left:20px; margin-top:2px;}

@media only screen and (max-width: 1170px) {
	.formcontent{width:calc(100% - 361px);}
}
@media only screen and (max-width: 1125px) {
	#cancelbuttonmenu, #joinbuttonmenu{
		width:250px;
	}
}
@media only screen and (max-width: 815px) {
	.twothirds, .half, .third{width:100%;}
	.sponsors img{float:none;}
	.formtitles {height:60px; width:100%;}
	.formcontent{width:100%;}
	.darkbg{padding-top:100px;}
	#id_8{padding-bottom:100px}
}
@media only screen and (max-width: 600px) {
	#menubutton{width:40px;}
}
@media only screen and (max-width: 490px) {
	#logo{left:auto; margin-left:0; right:15px; width:230px; max-width:60%;}
	.superlarge {font-size:55px;}
    .largefont{font-size:45px;}
	.slightlylarger{font-size:35px;}
	h1{margin-left:55px;}
	h1{font-size:30px;}
	h2{font-size:28px;}
	h3{font-size:25px;}
	h4{font-size:22px;}
	h5{font-size:20px;}
	p, li{font-size:15px;}
	.darkbg{padding-top:50px;}
	.flexwrapper{display:block;}
	.flexcell{display:inline-block;}
	.half, .almosthalf{width:100%; display:block;}
	.righttext{text-align:left;}
	.redbarrier {display:block; width:100%; height:6px; margin-top:8px; margin-bottom:8px; margin-left:0px; margin-right:0px;}
}
@media only screen and (max-width: 300px) {
	.superlarge {font-size:40px;}
    .largefont{font-size:35px;}
	.slightlylarger{font-size:30px;}
	h1{font-size:25px;}
	h2{font-size:20px;}
	h3{font-size:22px;}
	h4{font-size:25px;}
	h5{font-size:16px;}
	p, li{font-size:12px;}
}