@import url('https://fonts.googleapis.com/css?family=Merriweather|Montserrat:100,300,400,700');
/* /// GENERAL /// */
html,
body{
	height:100%;
	width:100%;
}
body{
	position:relative;
	font-size:62.5%;
}
::selection{
	background:#ffb7b7;
}
::-moz-selection{
	background:#ffb7b7;
}
/* /// NAVIGATION START /// */
nav{
	display:block;
	position:fixed;
	top:0;
	height:12em;
	width:inherit;
	z-index:10;
}
/* /// LOGO /// */
nav > a > img{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position:absolute;
  top:0;
  left:0;
  padding:2em 3em;
	height:100%;
	width:auto;
	z-index:10;
}
/* /// REGULAR MENU /// */
nav > ul{
	position:fixed;
	padding:0;
	margin:0;
	line-height:12em;
	list-style:none;
	font-family:'Montserrat', sans-serif;
	font-weight:300;
	text-transform:uppercase;
  left:60em;
  z-index:10;
}
nav > ul li{
	position:relative;
	font-size:1.65em;
	margin:0 1em 0 0;
	float:left;
	transition:all 175ms cubic-bezier(0.360, 0.205, 0.000, 0.775);
}
nav > ul li span{
	opacity:0.25;
	color:white;
	pointer-events:none;
}
nav > ul:hover li{
	opacity:0.35;
}
nav > ul li:nth-child(odd):hover{
	opacity:1;
}
nav > ul li a{
	text-decoration:none;
	color:white;
}
/* /// MENU FOR NARROW-SCREEN-ESTATE-SITUATIONS /// */
nav input + label{
	position:fixed;
	top:4em;
	right:4em;
	height:3em;
	width:3em;
	z-index:9;
}
nav label:hover{
  cursor:pointer;
}
nav input + label span{
	display:block;
	position:absolute;
	top:50%;
	left:0;
	height:0.4em;
	width:inherit;
	margin-top:-0.1em;
	background:#555;
	transition:all 775ms cubic-bezier(0.360, 0.205, 0.000, 0.775);
	z-index:9;
}
nav input + label:hover span{
	background:white;
}
nav input + label span:first-child{
	top:0.5em;
}
nav input + label span:last-child{
	top:2.5em;
}
nav input:checked + label span{
	opacity:0;
	top:50%;
}
nav input:checked + label span:first-child{
	opacity:1;
	transform:rotate(765deg);
}
nav input:checked + label span:last-child{
	opacity:1;
	transform:rotate(-765deg);
}
/* /// HIDDEN MENU CONTAINER /// */
nav input ~ aside{
  position:fixed;
  top:0;
  left:0;
  width:inherit;
  height:12em;
  transition:300ms;
  transition-delay:250ms;
  background:black; /* /// Navigation Background Color /// */
}
nav input:checked ~ aside{
  height:100%;
  transition-delay:0ms;
}
/* /// HIDDEN MENU NAVIGATION /// */
nav input ~ aside > ul{
	padding:0;
	margin:0;
	list-style:none;
  text-align:center;
  position:absolute;
  top:25%;
	left:50%;
	transform:translateX(-50%);
  pointer-events:none;
  white-space:nowrap;
}
nav input ~ aside > ul > li{
	position:relative;
  opacity:0;
  transition:500ms;
  transition-delay:0s;
}
nav input:checked ~ aside > ul > li > a{
  transition:all 275ms cubic-bezier(0.360, 0.205, 0.000, 0.775);
}
nav input:checked ~ aside > ul:hover > li > a{
  color:#404040;
}
nav input:checked ~ aside > ul > li > a:hover{
  color:white
}
nav input ~ aside > ul > li > a{
  display:block;
  text-decoration:none;
  text-transform:uppercase;
  color:white;
  font-size:4.5em;
  font-family:'Montserrat', sans-serif;
	font-weight:100;
  padding:1em;
}
nav input:checked ~ aside > ul{
  pointer-events:auto;
}
nav input:checked ~ aside > ul > li{
  opacity:1;
  transition-delay:475ms;
}
/* /// UNDERLINE ANIMATION /// */
nav > ul li:nth-child(odd):after,nav input:checked ~ aside > ul > li:after{
	position:absolute;
	display:block;
	width:0%;
	height:0.1em;
	left:0;
	bottom:2.25em;
	content:"";
	transition:all 150ms cubic-bezier(0.360, 0.205, 0.000, 0.775);
	background:white;
}
nav > ul li:hover:after,nav input:checked ~ aside > ul > li:hover:after{
	width:100%;
}
/* /// STEPS /// */
.narrow,.narrow-step{
	display:none;
}
nav input:checked ~ .narrow-step{
	display:block;
}
/* /// MAP /// */
nav aside img{
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	height:75%;
	opacity:0;
	pointer-events:none;
}
nav input:checked ~ aside img{
	opacity:0.1;
  transition-delay:475ms;
}
/* /// NAVIGATION END /// */
/* /// LANDING START /// */
header{
	position:relative;
	display:block;
	height:100%;
	max-height:100vh;
	width:inherit;
	background:black;
	overflow:hidden;
}
header > img{
	opacity:0.35;
}
header > video{
	opacity:0.2;
}
.hero{
	padding:5em 0 0 0;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	max-width:80%;
	text-align:center;
}
header > .hero h1,
header > .hero h2{
	margin:0;
	padding:0;
}
header > .hero h1{
	font-family:'Montserrat', sans-serif;
	font-weight:500;
	font-size:15em;
	color:#ffcd02;
}
header > .hero h2{
	font-family:'Montserrat', sans-serif;
	font-weight:500;
	font-size:7.5em;
	color:white;
}
header > .hero p{
	font-family:'Montserrat', sans-serif;
	font-weight:300;
	font-size:3.25em;
	line-height:1.75em;
	color:white;
}
/* /// UPCOMING EVENT ALERT /// */
.event-alert{
	display:block;
	position:relative;
	margin:12em 0 0 0;
	padding:2em 3em;
	width:inherit;
	background:#ffcd02;
	z-index:3;
}
.event-alert a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:all 150ms cubic-bezier(0.360, 0.205, 0.000, 0.775);
}
.event-alert a:hover{
	background:rgba(255, 255, 255, 0.25);
}
.event-alert span{
	display:block;
	max-width:90%;
	padding:0;
	margin:0;
	font-family:'Montserrat', sans-serif;
	text-transform:uppercase;
	letter-spacing:0.075em;
	line-height:1.5em;
	color:black;
	pointer-events:none;
	font-size:2em;
}
.event-alert span > b:nth-of-type(2){
	color:white;
}
.event-alert-bg{
	-webkit-animation:event-alert 4250ms linear infinite alternate both;
					animation:event-alert 4250ms linear infinite alternate both;
}
@-webkit-keyframes event-alert{
	0%{
		background:#ffcd02;
	}
	100%{
		background:#ff9000;
	}
}
@keyframes event-alert{
	0%{
		background:#ffcd02;
	}
	100%{
		background:#ff9000;
	}
}
/* /// SCROLL-DOWN ANIMATION /// */
.scroll-down{
	position:absolute;
	right:0;
	left:0;
	bottom:12em;
  margin:auto; 
  width:3.5em;
  height:5.5em;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	pointer-events:none;
}
.scroll-down span{
	position:absolute;
	bottom:-3.5em;
	left:50%;
	transform:translateX(-50%);
	font-family:'Montserrat', sans-serif;
	font-size:1.25em;
	font-weight:100;
	text-transform:uppercase;
	color:white;
	white-space:nowrap;
}
.mouse{
	position:relative;
	padding:2.5em 1.5em;
	border:0.25em solid white;
	border-radius:2.5em;
	opacity:0.75;
}
.wheel{
	width:0;
	height:0.8em;
	border:0.15em solid white;
	position:absolute;
	top:1em;
	right:0;
	left:0;
  margin:auto;
	border-radius:25%;
	background-color:white;
	animation-name:scroll-wheel-animation;
	animation-duration:2.5s;
	transition:all 6s cubic-bezier(0.360, 0.205, 0.000, 0.775);
	animation-iteration-count:infinite;	
}
@keyframes scroll-wheel-animation{
	0%{
		opacity:0;
	}
	10%{
		transform:translateY(0);
		opacity:1;
	}
	40%{
		transform:translateY(0.75em);
		opacity:0;
	}
	100%{
		transform:translateY(0);
		opacity:0;
	}
}
/* /// STATISTICS /// */
main{
	position:relative;
	display:block;
	width:inherit;
	min-height:100%;
	background:white;
	overflow:auto;
	padding-bottom:10em;
}
#about{
	position:absolute;
	top:-105px;
}
.about{
	margin:0 0 5em 0;
}
.about-container{
	max-width:168em;
	margin:0 auto;
	border-left:3px double #ececec;
	border-right:3px double #ececec;
	overflow:hidden;
}
.about-intro{
	margin:0 0 5em 0;
}
.about-intro,
.about-container{
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:10em;
	text-align:center;
}
.about-intro{
	background:#111;
	color:white;
	overflow:hidden;
}
.about-intro img{
	position:absolute;
	height:inherit;
	max-width:90em;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	opacity:0.1;
	pointer-events:none;
}
.about-container img{
	position:relative;
	max-width:90%;
	height:auto;
	padding:4em 0;
	margin:0;
}
.about-container > h1,
.about-container > p,
.about-intro > h1,
.about-intro > p{
	font-family:'Montserrat', sans-serif;
}
.about-container > p,
.about-intro > p{
	position:relative;
	text-align:justify;
}
.about-container > h1,
.about-intro > h1{
	position:relative;
	font-size:5em;
	line-height:1.25em;
	padding:0 0 0.5em 0;
	margin:0;
	text-transform:uppercase;
}
.about-container > h1{
	font-weight:700;
}
.about-intro > h1{
	font-weight:500;
}
.about-container > h1:after,
.about-intro > h1:after{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	display:inline-block;
	width:2em;
	height:0.025em;
	bottom:0.25em;
	content:"";
	background:#ffcd02;
}
.about-container > p,
.about-intro > p{
	max-width:75em;
	margin:0 auto;
	padding:1.25em;
	font-size:2em;
	font-weight:300;
	line-height:2.15em;
}
/* /// NEWSLETTER /// */
.newsletter{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:7.5em 7.5em 4em 7.5em;
	position:relative;
	display:block;
	width:inherit;
	background:#ececec;
	overflow:hidden;
}
.newsletter > form > .input{
	font-weight:300;
}
.newsletter > form,
.newsletter-description{
	max-width:150em;
	margin:0 auto;
}
.newsletter-description > h2,
.newsletter-description > p{
	position:relative;
	font-family:'Montserrat', sans-serif;
}
.newsletter-description > h2{
	display:inline-block;
	background:black;
	text-transform:uppercase;
	font-size:4.5em;
	font-weight:500;
	line-height:1em;
	color:white;
	margin:0;
	padding:0.25em 0.5em;
}
.newsletter-description > h2:after{
	position:absolute;
	left:0;
	display:inline-block;
	width:2em;
	height:0.025em;
	bottom:-0.4em;
	content:"";
	background:black;
}
.newsletter-description > p{
	font-size:1.75em;
	line-height:2em;
	text-align:justify;
	padding:1.5em 0 0.5em 0;
}
.newsletter-description > span{
	position:relative;
	font-family:'Montserrat', sans-serif;
	font-size:1.15em;
	line-height:5em;
	text-align:justify;
}
.newsletter-description > span a{
	text-decoration:none;
	color:#ffb7b7;
}
.newsletter-description > span a:hover{
	color:#fc3e3e;
}
.newsletter > form > .input,
.newsletter > form > .submit{
	position:relative;
	font-family:'Montserrat', sans-serif;
	display:inline-block;
	font-size:2em;
	border-radius:0;
	-webkit-appearance:none;
}
.newsletter > form > .input{
	min-width:60%;
	border:1px solid white;
	margin:0 1em 0 0;
	padding:1em 1.25em;
}
.newsletter > form > .submit{
	text-transform:uppercase;
	border:1px solid transparent;
	background:#ffb7b7;
	padding:1em 1.25em;
	color:white;
	cursor:pointer;
	transition:all 250ms ease;
	-webkit-animation:subscribe 2250ms linear infinite alternate both;
					animation:subscribe 2250ms linear infinite alternate both;
}
@-webkit-keyframes subscribe{
	0%{
		background:#ffb7b7;
	}
	100%{
		background:#fc3e3e;
	}
}
@keyframes subscribe{
	0%{
		background:#ffb7b7;
	}
	100%{
		background:#fc3e3e;
	}
}
.newsletter > form > .submit:hover{
	-webkit-animation:none;
	animation:none;
}
.newsletter > form > .submit:hover{
	background:black;
}
.newsletter > form > .submit::-moz-focus-inner{ 
	border:0;
}
.newsletter > form > .input:focus::-webkit-input-placeholder{
	color:transparent;
}
.newsletter > form > .input:focus::-moz-placeholder{
	color:transparent;
}
.newsletter > form > .input:focus:-ms-input-placeholder{
	color:transparent;
}
.newsletter > form > .input:focus:-moz-placeholder{
	color:transparent;
}
.newsletter > img{
	position:absolute;
	height:inherit;
	max-width:135em;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	opacity:0.05;
	pointer-events:none;
}
.gutter-gradient{
	position:absolute;
	right:0;
	left:0;
	bottom:0;
	height:12.5em;
	background:none;
	background:-moz-linear-gradient(top,  rgba(236,236,236,0) 0%, rgba(236,236,236,1) 80%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,236,236,0)), color-stop(80%,rgba(236,236,236,1)));
	background:-webkit-linear-gradient(top,  rgba(236,236,236,0) 0%,rgba(236,236,236,1) 80%);
	background:-o-linear-gradient(top,  rgba(236,236,236,0) 0%,rgba(236,236,236,1) 80%);
	background:-ms-linear-gradient(top,  rgba(236,236,236,0) 0%,rgba(236,236,236,1) 80%);
	background:linear-gradient(to bottom,  rgba(236,236,236,0) 0%,rgba(236,236,236,1) 80%);
}
/* /// ABOUT-STATISTICS /// */
.statistics{
	background:#f6f6f6;
	color:black;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:10em;
}
.statistics > h1,
.statistics > p{
	font-family:'Montserrat', sans-serif;
}
.statistics > p{
	position:relative;
	text-align:justify;
}
.statistics > h1{
	position:relative;
	font-size:5em;
	line-height:1.25em;
	padding:0 0 0.5em 0;
	margin:0;
	text-transform:uppercase;
	text-align:center;
}
.statistics > h1{
	font-weight:700;
}
.statistics > h1:after{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	display:inline-block;
	width:2em;
	height:0.025em;
	bottom:0.25em;
	content:"";
	background:#ffcd02;
}
.statistics > p{
	max-width:75em;
	margin:0 auto;
	padding:1.25em;
	font-size:2em;
	font-weight:300;
	line-height:2.15em;
}
.statistics-wrapper{
	padding:5em 0 0 0;
	max-width:160em;
	margin:0 auto;
}
.statistics-container{
	width:20%;
	height:30em;
	float:left;
}
.statistics-container:nth-of-type(odd),
.statistics-container:nth-of-type(even){
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.statistics-container:nth-of-type(odd){ /* IMAGES */
	padding:0.75em;
}
.statistics-container:nth-of-type(even){ /* NUMBERS */
	padding:3em;
}
.statistics-container > h2,
.statistics-container > h3{
	font-family:'Montserrat', sans-serif;
	padding:0;
	margin:0;
}
.statistics-container > h2{
	font-size:7.5em;
	font-weight:700;
	color:#253d95;
}
.statistics-container > h3{
	font-size:2.25em;
	font-weight:300;
}
/* /// EVENTS /// */
.latest-event{
	position:relative;
	margin:10em 0 0 0;
	width:100%;
	height:40em;
	background:black;
}
.latest-event > figure > img{
	opacity:0.35;
}
.latest-event a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:all 150ms cubic-bezier(0.360, 0.205, 0.000, 0.775);
}
.latest-event a:hover{
	background:rgba(255, 255, 255, 0.15);
}
.latest-event-date-container{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:25em;
	height:25em;
	border-radius:50%;
	background:#111;
	color:white;
	pointer-events:none;
}
.latest-event-date-container > span{
	font-family:'Montserrat', sans-serif;
	font-weight:100;
	font-size:4em;
	white-space:nowrap;
	padding:0;
	margin:0;
	position:absolute;
	top:1em;
	left:50%;
	transform:translateX(-50%);
}
.latest-event-date-container > h1{
	font-family:'Montserrat', sans-serif;
	font-size:6em;
	white-space:nowrap;
	padding:0;
	margin:0;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.event-container,
.event-unit{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.event-container{
	max-width:168em;
	margin:0 auto;
	position:relative;
	padding:5em 0 0 0;
}
.event-unit{
	position:relative;
	height:auto;
	overflow:auto;
	width:inherit;
	background:white;
	padding:5em;
}
.event-unit a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:all 150ms cubic-bezier(0.360, 0.205, 0.000, 0.775);
}
.event-unit a:hover{
	background:rgba(0, 0, 0, 0.25);
}
.event-cover,
.event-description{
	pointer-events:none;
}
.event-unit:nth-of-type(odd){
	background:#f7f7f7;
}
.event-cover{
	position:relative;
	height:15em;
	width:20%;
	background:black;
	float:left;
}
.event-cover > figure > img{
	pointer-events:none;
}
.event-date-container{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	border-radius:50%;
	height:7.5em;
	width:7.5em;
	background:#111;
	color:white;
	font-family:'Montserrat', sans-serif;
}
.event-date:nth-of-type(1),
.event-date:nth-of-type(2){
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}
.event-date:nth-of-type(1){
	text-transform:uppercase;
	font-size:2em;
	font-weight:700;
	top:0.75em;
}
.event-date:nth-of-type(2){
	font-size:2em;
	font-weight:300;
	bottom:0.75em;
}
.event-description{
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:0 0 0 5em;
	height:auto;
	width:80%;
	float:left;
}
.event-description > h2,
.event-description > p{
	font-family:'Montserrat', sans-serif;
	padding:0;
	margin:0;
}
.event-description > h2{
	display:inline-block;
	position:relative;
	font-size:3.5em;
	line-height:1.25em;
	font-weight:700;
	text-transform:uppercase;
	color:black;
	padding:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.event-description > h2:after{
	position:absolute;
	left:0;
	bottom:-0.25em;
	display:inline-block;
	width:2em;
	height:0.025em;
	content:"";
	background:#fc3e3e;
}
.event-description > p{
	padding:1.25em 0 0 0;
	font-size:1.6em;
	line-height:1.75em;
	font-weight:300;
	text-align:justify;
}
/* /// OPTIONAL EVENTS /// */
.optional-events{
	position:relative;
	max-width:168em;
	height:auto;
	margin:0 auto 5em auto;
	position:relative;
	overflow:auto;
	background:#ececec;
}
.optional-events-description-container,
.optional-events-header,
.optional-events-container,
.optional-events-container > ul,
.optional-events-container > ul li,
.optional-events-container > ul li h3,
.optional-events-container > ul li p,
.optional-events-container > ul li span{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.optional-events-header{
	width:100%;
	padding:3em;
	background:black;
}
.optional-events-header > h2{
	font-family:'Montserrat', sans-serif;
	font-size:3em;
	font-weight:500;
	text-transform:uppercase;
	padding:0;
	margin:0;
	color:white;
}
.optional-events-description-container,
.optional-events-container{
	float:left;
}
.optional-events-description-container{
	width:33.33333333333333%;
	padding:5em;
}
.optional-events-container{
	width:66.66666666666666%;
}
.optional-events-description-container > p{
	padding:0;
	margin:0;
	font-family:'Montserrat', sans-serif;
	font-weight:300;
	font-size:1.6em;
	line-height:2.25em;
	text-align:justify;
}
.optional-events-container > ul,
.optional-events-container > ul li{
	list-style:none;
	margin:0;
	padding:0;
}
.optional-events-container > ul,
.optional-events-container > ul li,
.optional-events-container > ul li h3,
.optional-events-container > ul li p,
.optional-events-container > ul li span{
	font-family:'Montserrat', sans-serif;
	margin:0;
	padding:0;
}
.optional-events-container > ul li h3,
.optional-events-container > ul li p,
.optional-events-container > ul li span{
	pointer-events:none;
}
.optional-events-container > ul li a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:all 150ms cubic-bezier(0.360, 0.205, 0.000, 0.775);
}
.optional-events-container > ul li a:hover{
	background:rgba(0, 0, 0, 0.15);
}
.optional-events-container > ul li{
	position:relative;
	padding:2.5em;
}
.optional-events-container > ul li:nth-of-type(odd){
	background:#f7f7f7;
}
.optional-events-container > ul li:nth-of-type(even){
	background:white;
}
.optional-events-container > ul li h3{
	padding:0.15em 0 0 0;
	position:relative;
	font-size:3em;
	font-weight:700;
	text-transform:uppercase;
}
.optional-events-container > ul li h3:after{
	position:absolute;
	left:0;
	bottom:-0.1em;
	display:inline-block;
	width:100%;
	height:0.025em;
	content:"";
	background:black;
}
.optional-events-container > ul li p{
	padding:0.75em 0 0 0;
	font-size:1.6em;
	line-height:1.75em;
	font-weight:300;
}
.optional-events-container > ul li span{
	font-size:1.5em;
	font-weight:300;
}
/* /// EVENT DETAIL /// */
.event-detail-header{
	position:relative;
	margin:10em 0 0 0;
	width:100%;
	height:60em;
	background:black;
}
.event-detail-header > figure > img{
	opacity:0.35;
}
.event-detail-header > h1{
	font-family:'Montserrat', sans-serif;
	font-size:10em;
	color:white;
	padding:0;
	margin:0;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	max-width:90%;
	text-align:center;
}
.event-detail-container{
	max-width:168em;
	margin:5em auto;
	border-left:3px double #ececec;
	border-right:3px double #ececec;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:5em 10em;
	text-align:center;
}
.event-detail-container img{
	position:relative;
	max-width:90%;
	height:auto;
	padding:2.5em 0;
	margin:0;
}
.event-detail-container > h2,
.event-detail-container > p{
	font-family:'Montserrat', sans-serif;
}
.event-detail-container > h2{
	position:relative;
	font-size:4.5em;
	font-weight:500;
	line-height:1.25em;
	padding:0 0 0.5em 0;
	margin:0;
	text-transform:uppercase;
}
.event-detail-container > h2:after{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	display:inline-block;
	width:2em;
	height:0.025em;
	bottom:0.25em;
	content:"";
	background:#ffcd02;
}
.event-detail-container > p{
	max-width:75em;
	margin:0 auto;
	padding:1.25em;
	font-size:1.75em;
	font-weight:300;
	line-height:2.25em;
	position:relative;
	text-align:justify;
}
/* /// EVENT-DETAIL-GALLERY /// */
.event-detail-gallery{
	max-width:168em;
	margin:5em auto;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:5em 10em;
}
.event-detail-gallery-unit{
	display:block;
	width:20%;
	height:25em;
	float:left;
}
/* /// CONTACT /// */
.contact-description{
	max-width:168em;
	margin:0 auto;
	padding:7.5em 0;
	text-align:center;
	overflow:hidden;
}
.contact-description > h2,
.contact-description > p,
.contact-description > a{
	position:relative;
	font-family:'Montserrat', sans-serif;
}
.contact-description > h2{
	position:relative;
	font-size:5em;
	line-height:1.25em;
	padding:0 0 0.5em 0;
	margin:0;
	text-transform:uppercase;
	font-weight:700;
}
.contact-description > h2:after{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	display:inline-block;
	width:2em;
	height:0.025em;
	bottom:0.25em;
	content:"";
	background:#ffcd02;
}
.contact-description > p{
	position:relative;
	font-size:1.75em;
	line-height:2em;
	padding:1.5em 0 0.5em 0;
}
.contact-description > a span{
	font-size:2.5em;
}
.contact-description > a{
	display:inline-block;
	padding:2em 3em;
	margin:0 1em;
	text-decoration:none;
	transition:all 225ms cubic-bezier(0.360, 0.205, 0.000, 0.775);
}
.contact-description > a:nth-of-type(1){
	background:#ececec;
	color:black;
}
.contact-description > a:nth-of-type(2){
	background:#3b5998;
	color:white;
}
.contact-description > a:hover{
	background:black;
	color:white;
}
/* /// RESOURCES /// */
.resources-container{
	position:relative;
	display:block;
	margin:12em 0 0 0;
	width:100%;
}
.resources-nav{
	display:block;
	position:fixed;
	top:0;
	margin:12em 0 0 0;
	padding:0 1.5em;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	height:6em;
	width:inherit;
	background:#222;
	z-index:3;
	text-align:center;
	transition:all 250ms cubic-bezier(0.360, 0.205, 0.000, 0.775);
}
.resources-nav > ul{
}
.resources-nav > ul,
.resources-nav > ul li{
	list-style:none;
	margin:0;
	padding:0;
}
.resources-nav > ul li{
	line-height:6em;
	display:inline;
}
.resources-nav > ul li img,
.resources-nav > ul li a{
	display:inline-block;
	margin:0 0.625em;
	vertical-align:middle;
}
.resources-nav > ul li img{
	height:1.5em;
	width:auto;
	opacity:0.75;
	margin:0;
}
.resources-nav > ul li a{
	font-size:1.5em;
	font-weight:300;
	font-family:'Montserrat', sans-serif;
	text-decoration:none;
	color:white;
	transition:all 250ms cubic-bezier(0.360, 0.205, 0.000, 0.775);
	margin:0 1.25em 0 0.625em;
}
.resources-nav > ul li a:hover{
	color:#fc3e3e;
}
.resources-content,
.resources-content > ol li{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.resources-content{
	max-width:128em;
	margin:0 auto;
	padding:13.5em 0;
	overflow:hidden;
}
.resources-content > ol{
	padding:0;
	margin:0;
}
.resources-content > ol li{
	position:relative;
	width:100%;
	padding:0.5em 5em 0.5em 2em;
}
.resources-content > ol li:nth-child(odd){
	background:#ececec;
}
.resources-content > ol li h3{
	font-size:1.5em;
	font-family:'Montserrat', sans-serif;
	line-height:1.75em;
}
.resources-content > ol li a{
	position:absolute;
	right:2em;
	top:50%;
	transform:translateY(-50%);
}
.resources-content > ol li a img{
	height:1.5em;
	width:auto;
}
/* /// FOOTER /// */
footer{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	height:10em;
	width:inherit;
	background:#ececec;
}
footer > .copy{
	position:absolute;
	display:table;
	text-align:center;
	bottom:0;
	padding:2em;
	background:#ddd;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
footer > .copy span{
	display:table-cell;
	vertical-align:middle;
	text-transform:uppercase;
	font-family:'Montserrat', sans-serif;
	font-size:1.25em;
	font-weight:100;
	line-height:1.75em;
	letter-spacing:0.15em;
	max-width:90%;
	color:#555;
}
footer > .copy span a{
	padding:0 0.5em;
	width:1.5em;
	height:auto;
}
footer > .copy span a img{
	vertical-align:middle;
	padding:0;
	margin:0;
	width:inherit;
	height:inherit;
}
/* /// IMG-AUTO-SCALER /// */
.scaler{
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
.scaler > img,
.scaler > video,
.stats-unit img{
	position:absolute;
	top:-9999px;
	right:-9999px;
	bottom:-9999px;
	left:-9999px;
	margin:auto;
}
.portrait > img,
.portrait > video{
	min-width:100%;
	max-height:auto;
}
.landscape > img,
.landscape> video{
	max-width:auto;
	min-height:100%;
}
.square > img,
.scaler > video{
	min-width:100%;
	min-width:100%;
}
/* /// ROTATE /// */
.rotate{
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
}
/* /// BREAKPOINTS /// */
@media screen and (max-width:1780px){
	.about-container,
	.event-detail-container{
		border-left:none;
		border-right:none;
	}
	.statistics-container{
		width:33.33333333333333%;
	}
	.event-detail-header > h1{
		font-size:9em;
	}
}
@media screen and (max-width:1700px){
	.event-container{
		padding:0;
	}
	.optional-events{
		margin:0 auto 0 auto;
	}
	.event-detail-gallery{
		max-width:100%;
		padding:5em;
	}
	.resources-content{
		padding:6em 0;
	}
}
@media screen and (max-width:1440px){
	.content-container{
		padding:0;
		border-left:none;
		border-right:none;
	}
	.hero,
	footer > .copy,
	.statistics-container{
		font-size:83.333333333333332%;
	}
	.event-detail-header > h1{
		font-size:8em;
	}
	.event-detail-gallery{
		padding:0 5em 5em 5em;
		margin:0;
	}
	.event-detail-gallery-unit{
		width:25%;
	}
}
/* /// SPLASH /// */
.logo{
	height:10em;
	width:25em;
	position:absolute;
	top:25%;
	left:50%;
	transform:translate(-50%,-50%);
}
.logo img{
	width:inherit;
	height:auto;
}
.logo p{
	text-transform:uppercase;
	font-size:1.5em;
	text-align:justify;
	line-height:1.5em;
	font-family:'Montserrat', sans-serif;
	padding:0 0 2.5em 0;
}
/* /// HERO /// */
@media screen and (min-width:1240px) and (min-height:1140px), screen and (min-height:1240px){
	.hero{
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
	}
}
@media screen and (max-width:1240px){
	.hero{
		width:80%;
	}
	.about-intro,
	.about-container,
	.statistics,
	.event-detail-container,
	.contact-description{
		font-size:83.333333333333332%;
		padding:8em;
	}
	.optional-events-description-container > p{
		font-size:1.4em;
		line-height:2em;
	}
	.event-detail-header > h1{
		font-size:6em;
	}
}
@media screen and (max-width:1240px), screen and (max-height:1240px){
	.hero{
		padding:10em 0 0 0;
		font-size:75%;
	}
}
@media screen and (max-width:720px), screen and (max-height:800px){
	.hero{
		font-size:50%;
	}
}
@media screen and (max-width:320px), screen and (max-height:500px){
	.hero{
		padding:5em 0 0 0;
	}
}
/* /// HERO END /// */
@media screen and (max-width:1240px){
	/* /// NAVIGATION /// */
	nav,
	.event-alert,
	.resources-container{
		font-size:83.333333333333332%;
	}
	.event-detail-gallery-unit{
		width:33.33333333333333%;
	}
}
@media screen and (max-width:1100px){
	/* /// NAVIGATION /// */
	.narrow-step{
		display:block;
	}
	.wide-step{
		display:none;
	}
	.optional-events-description-container{
		padding:3.5em;
	}
	.latest-event-date-container > span{
		top:2em;
		font-size:3em;
	}
	.latest-event-date-container > h1{
		font-size:4.5em;
	}
}
@media screen and (max-width:1000px){
	/* /// NAVIGATION /// */
	.statistics-container{
		width:100%;
	}
	.statistics-container:nth-of-type(even){
		height:auto;
	}
	.optional-events-description-container,
	.optional-events-container{
		width:100%;
	}
}
@media screen and (max-width:800px){
	.newsletter{
		padding:5em;
		font-size:83.333333333333332%;
	}
	.newsletter > form > .input,
	.newsletter > form > .submit{
		min-width:100%;
		max-width:100%;
		margin:0;
	}
	.newsletter > form > .input{
		margin:0 0 1em 0;
	}
	.newsletter-description > h2,
	.newsletter-description > h2:after{
		left:50%;
		transform:translateX(-50%);
	}
	.event-unit{
		padding:2.5em;
	}
	.event-description{
		padding:0 0 0 2.5em;
	}
	.optional-events-header > h2{
		text-align:center;
	}
	.event-detail-header > h1{
		font-size:5em;
	}
	.event-detail-gallery-unit{
		width:50%;
	}
}
@media screen and (max-width:720px){
	/* /// NAVIGATION /// */
	nav input ~ aside > ul > li > a{
	  font-size:3.75em;
	}
	.about-container,
	.about-intro,
	.statistics,
	.event-detail-container,
	.contact-description{
		padding:7.5em 5em;
	}
}
@media screen and (max-width:640px){
	/* /// NAVIGATION /// */
	.wide{
		display:none;
	}
	.narrow{
		display:block;
	}
	nav > a > img{
	  padding:1.75em 3em;
	}
	nav input ~ aside > ul > li > a{
	  font-size:3em;
	}
	.latest-event-date-container > span{
		top:0em;
		font-size:2em;
	}
	.latest-event-date-container > h1{
		font-size:3em;
		white-space:normal;
		text-align:center;
	}
}
@media screen and (max-width:605px){
	/* /// NAVIGATION /// */
	nav input ~ aside > ul{
		padding:0;
		margin:0;
	}
	nav input ~ aside > ul > li > a{
	  font-size:2.75em;
	  font-weight:500;
	}
	nav section ul li:after,nav input:checked ~ aside > ul > li:after{
		bottom:0.75em;
	}
	.scroll-down{
		display:none;
	}
	.statistics-container:nth-of-type(even){
		padding:2em 3em;
	}
	.event-unit{
		font-size:83.333333333333332%;
	}
	.event-description > h2{
		color:black;
		background:none;
		padding:0;
	}
	.optional-events-header > h2{
		font-size:2em;
	}
	.event-detail-header > h1{
		font-size:4.5em;
	}
	.event-detail-gallery-unit{
		width:100%;
	}
	.contact-description > a{
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		width:100%;
		margin:1em 0;
	}
}
@media screen and (min-width:414px){
	header > img{
		display:none;
	}
}
@media screen and (max-width:414px){
	.hero{
		font-size:43.75%;
	}
	.hero p{
		text-align:justify;
	}
	header > video{
		display:none;
	}
	main > .stats-container{
		padding:2em;
	}
	.about-container,
	.about-intro,
	.statistics,
	.event-detail-container,
	.contact-description{
		padding:7.5em 3.5em;
	}
	.about-container h1,
	.about-intro h1,
	.statistics h1,
	.contact-description h2{
		font-size:4.5em;
		line-height:1.25em;
	}
	.event-detail-container h2{
		font-size:4.25em;
		line-height:1.25em;
	}
	.about-container p,
	.about-intro p,
	.statistics p,
	.event-detail-container p,
	.contact-description p{
		font-size:1.5em;
		text-align:justify;
	}
	.newsletter{
		padding:2.5em;
	}
	.statistics-container:nth-of-type(odd){
		height:20em;
	}
	.event-cover{
		width:100%;
		margin:0 0 2em 0;
	}
	.event-description{
		width:100%;
		padding:0;
	}
	.event-detail-header > h1{
		font-size:3.5em;
	}
@media screen and (max-width:360px){
	.content-container h1:after{
		width:90%;
	}
	.content-container h1{
		font-size:3.5em;
	}
@media screen and (max-width:360px){
	.content-container h1:after{
		width:90%;
	}
	.content-container h1{
		font-size:3.5em;
	}
	.hero{
		font-size:37.5%;
	}
	.contact-description > a span{
		font-size:2.25em;
	}
}
@media screen and (max-width:340px){
	.hero{
		font-size:31.25%;
	}
	.contact-description > a span{
		font-size:2em;
	}
	.resources-nav > ul li a{
		font-size:1.5em;
	}
	.resources-nav > ul li a{
		margin:0 0.9375em 0 0.625em;
	}
}
@media print{
  video{
	 display:none;
	}
}