@font-face {
	font-family: 'League';
	src: url('../fonts/League_Gothic-webfont.eot');
	src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/League_Gothic-webfont.woff') format('woff'), url('../fonts/League_Gothic-webfont.ttf') format('truetype'), url('../fonts/League_Gothic-webfont.svg#webfontpm5EArBj') format('svg');
	font-weight: normal;
	font-style: normal;
}

*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;padding:0}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

body {
	font-size: small;
	font-family:'Open Sans', sans-serif;
	background-color: #000;
	color: #fff;
	margin: 0;
	padding: 0;
	line-height: 2;
	}
	
	@media (min-width: 1024px) {
		body {font-size: medium;}
	}
	

	/** font styles **/
h1, h2, h3 {
	font-family:'League', sans-serif; 
	text-align: center; 
	font-weight:normal;
	-webkit-font-smoothing: antialiased;
	line-height:1; 
	margin: 20px 0;
	}
	
h1 {font-size: 4em;}
h2 {font-size: 3em;}
h3 {font-size: 2.3em;}
li > h1 {text-transform: uppercase; line-height: 1em; font-size: 4em;}

p {display: block; margin-bottom: 20px; font-size: 1.2em;}
p:last-child{margin-bottom: 0;}

	@media (min-width: 1024px) {
		h2, h3 {line-height:1em; margin: 1em 0;}	
		h1 {font-size: 6em;}
	}

a, input[type=submit] {
	text-decoration: none;
	-o-transition:color .2s ease-out;
	-ms-transition:color .2s ease-out;
	-moz-transition:color .2s ease-out;
	-webkit-transition:color .2s ease-out;
	}
a {color: #c51212;}	
a:active, a:visited {color: #8A0D0D;}
a:hover, a:focus, 
input[type=submit]:hover, input[type=submit]:focus {color: #f19a39;}

.pacifico {font-family:'Pacifico', sans-serif; margin: 0; padding: 0;}
.league {font-family:'League', sans-serif; text-transform: uppercase; margin: 0; padding: 0;}

.font1 {font-size: 1em; line-height: 0.5em;}
.font15 {font-size: 1.5em; line-height: 0.5em;}
.font2 {font-size: 2em; line-height: 0.5em;}
.font3 {font-size: 3em;}
.font4 {font-size: 4em; line-height: 1.2em;}
.font6 {font-size: 3em; line-height: 1;}
.font8 {font-size: 8em;}

	@media (min-width: 680px) {
		.font3 {font-size: 4em; line-height: 1;}
		.font4 {line-height: 2em;}
		.font6 {font-size: 6em; line-height: 1.5em;}
	}

.subheading {font-size: 2em;line-height: 1.5em;color: #f19a39;}
.red {color: #c51212; font-weight:bold;}
.orange {color:#f19a39!important;}


/** element styles **/
section {padding: 5%; overflow: hidden;}
section#info,
section#hotels,
section#contact-us {padding-bottom: 0;}
	
article {overflow: hidden;}
nav {padding:0 5%;}
footer {text-align: center; padding: 0.5em; line-height: 1.3;}

ul {list-style:none; margin: 0;	padding: 0; width: 100%; overflow: hidden;}	

.list {text-align: justify;}
.list2 li,
.list3 li,
.list4 li,
.list5 li {display: inline-block; width: 100%; margin-bottom:2%; vertical-align: top; text-align: left;}
.list2:after,
.list3:after,
.list5:after{content: ''; display: inline-block; width: 100%;}
.list .placeholder{padding: 0; margin: 0; height: 1px; }

#info .list2 li,
#contact-us .list3 li{border-bottom:4px dotted #9c000e;margin-bottom: 20px; padding-bottom: 5%;}

#info .list2 li:nth-child(n+2),
#contact-us .list3 li:nth-child(n+3) {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}

	@media (min-width: 580px){
		.list4 li,
		.list5 li{width: 48%; margin-bottom: 4%;}
	}
	
	@media (min-width: 768px) {
		#info .list2 li,
		#contact-us .list3 li {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
		.list2 li,
		.list3 li {width: 47%; margin-bottom: 4%;}
	}
	
	@media (min-width: 992px){
		.list3 li,
		.list5 li {width: 30%; margin-bottom: 2%;}
		.list4 li {width: 23%;}
	}

	@media (min-width: 1280px){
		.list5 li {width: 23%;}
	}

	@media (min-width: 1600px){
		.list5 li {width: 18%;}
	}

li.divider2 {border-top:4px dotted #9c000e; height: 4px; margin: 3% 5%; width: 100%;}
ul.links li {margin-right: 0; overflow: hidden; padding: 0; display: block;}

input, textarea {
	padding: 3%;
	border: 0;
	margin: 0 2% 40px;
    width: 96%;
	display: block;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	}
textarea {height: 205px;}
label.error {color: red; display: block; margin: -40px 2% 10px;}
input.error, textarea.error {border: 1px solid red;}
	
img {max-width: 100%;}	

.button {background-color: #8A0D0D; font-family: 'League',sans-serif; font-size: 2.2em; margin: 0 auto 40px; padding: 0; text-align: center; text-transform: uppercase; line-height:60px; height: 60px; width: 50%; min-width: 250px; max-width: 350px;	border: 0; color: #fff; display:block;}
.button a {color: #fff;}
.button a:hover, a:focus {color: #f19a39;}

.logo {margin: 10px 0;}
.center {width:75%; margin: 0 auto; display:block; text-align:center; overflow: hidden;}
	.center .font15 {line-height: 1.5em;}
	img.center {width: 100%!important;}
	
	@media (min-width: 680px) {
		.logo {margin: 40px 0;}
	}
	
	@media (min-width: 1180px) {
		.center {width:60%;}
	}
	
	@media (min-width: 1600px) {
		.center {width:50%;}
	}

.borders {width:90%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px; margin: 20px auto;}

	@media (min-width: 900px) {
		.borders {width:70%;}
	}
	@media (min-width: 1180px) {
		.borders {width:60%;}
	}
	@media (min-width: 1600px) {
		.borders {width:40%;}
	}

.clearfix {clear:both;} 
.lazy{display: none;}	


/** icons **/
.icon {width: 35%; height: 0; padding-bottom:35%; margin: 40px auto;}
.icon_aboutus {background: url(../img/icons_sprite.png) no-repeat;background-position: 0 0;background-size: 400%;}
.icon_photos {background: url(../img/icons_sprite.png) no-repeat;background-position: 49% 0;background-size: 400%;}
.icon_info {background: url(../img/icons_sprite.png) no-repeat;background-position: 67% 0;background-size: 400%;}
.icon_contact {background: url(../img/icons_sprite.png) no-repeat;background-position: 100% 0;background-size: 400%;}
.icon_search {background: url(../img/icons_sprite.png) no-repeat;background-position: 0 49%;background-size: 400%;}
.icon_donate {background: url(../img/icons_sprite.png) no-repeat;background-position: 33% 49%;background-size: 400%;}
.icon_artists {background: url(../img/icons_sprite.png) no-repeat;background-position: 67% 49%;background-size: 400%;}
.icon_merch {background: url(../img/icons_sprite.png) no-repeat;background-position: 100% 49%;background-size: 400%;}

.icon_tickets {background: url(../img/icons_sprite.png) no-repeat;background-position: 0 100%; width: 50%; height: 0; padding-bottom:33%; margin: 40px auto;background-size: 260%;}

ul.links li {clear: both; padding: 0.4em;}	

	@media (min-width: 568px) {
		.icon {width: 25%; padding-bottom:25%;}
		.icon_tickets {width: 35%; padding-bottom:23%;}
		.icon_twitter {background: url(../img/icons_sprite.png) no-repeat; background-position: 44% 80%; width: 5%; height: 0; padding-bottom: 5%; float: left; background-size: 800%; margin-right: 10px;}
		.icon_facebook {background: url(../img/icons_sprite.png) no-repeat; background-position: 59% 80%; width: 5%; height: 0; padding-bottom: 5%; float: left; margin-right: 10px;background-size: 800%;}	
	}
	@media (min-width: 768px) {
		.icon {width: 30%; padding-bottom:30%; }
		.icon_tickets {width: 50%; padding-bottom:33%;}
	}
	@media (min-width: 992px) {
		.icon {margin: 20px auto;}
		ul.list3 .icon {width: 50%; padding-bottom:50%;}
	}
	@media (min-width: 1024px) {
		.icon {width: 35%; padding-bottom:35%;}
		ul.list3 .icon {width: 45%; padding-bottom:45%;}
	}
	
	@media (min-width: 1180px) {
		.icon {width: 28%; padding-bottom:28%; margin-bottom: 40px;}
		ul.list3 .icon {width: 40%; padding-bottom:40%;}
	}
	
	@media (min-width: 1600px) {
		.icon_tickets {width: 35%; padding-bottom:23%;}
		.icon {width: 23%; padding-bottom:23%;}
	}
	

/** NAV **/
#menu {background-color: #9c000e;}
ul.top-level .menu-button img {width:45px; height: 32px; margin: 0.5em 0 0;}
ul.top-level li:hover ul.menu {visibility: visible; height: 300px;}

ul.menu {list-style: none; margin:0 auto; padding: 0; width: 100%;text-align: center; visibility:hidden; height: 0; overflow: hidden; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s;}
	ul.menu li {margin-bottom: 10px;}
	ul.menu li a {color: #fff; display: block; padding: 0.5em; white-space: nowrap;}
	ul.menu li a:hover,
	ul.menu li.active {background-color:#c51212;}

	@media (min-width: 768px) {
		ul.menu li {display: inline-block; margin: 0;}
		ul.menu li a {padding: 5px 20px;}
		ul.top-level .menu-button {display: none; padding: 0;}
		ul.menu,
		ul.top-level li:hover ul.menu {visibility:visible; height: 100%;}
	}
		
	@media (min-width: 1024px) {
		ul.menu li a {padding: 8px 25px;}
	}	
	
	
/**** MAIN CONTENT ****/
.section-image {text-align:center; color:#fff; padding: 5%;}

	
/** COUNTER **/
#countdown1 {background: url(../img/counter-bg.jpg) no-repeat; background-size:cover; text-align: center;}
#countdown1.section-image {padding: 2%;}
ul.countdown {display: flex; align-items: center; justify-content: center;}
ul.countdown li {flex: auto;}
ul.countdown li span {font-size: 2.7em;font-weight: 300;margin-bottom:20px; line-height: 1;}
ul.countdown li.seperator {font-size: 3em;flex-basis: 5%;}
ul.countdown li p {font-size: 0.8em;text-transform: uppercase;}

	@media (min-width: 680px) {
		ul.countdown li {display: inline-block; float: none;width: 19%;}
		ul.countdown li span {font-size: 5.5em;font-weight: 300;display: block;margin-bottom:20px;}
		ul.countdown li.seperator {font-size: 5em;}
		ul.countdown li p {font-size: 0.9em;}
	}
	
	@media (min-width: 768px) {
		ul.countdown li span {font-size: 7em;}
	}

#countdown .done {padding: 5% 2%;}
#countdown .done .font3 {line-height: 1;}
#countdown .done .font6 {line-height: 2;}

#countdown1 h1 {line-height:1.5;}


/** EVENTS **/
.date-banner {margin: 40px auto;}
.date {background-color: #c51212; text-align: center; margin: 0 auto;color: #fff;font-size: 2em; line-height: 1em; overflow: hidden; padding: 0.5em; }
.date:before, .date:after{display: none;}

	@media (min-width: 580px) {
		.date-banner {width: 90%; position: relative; margin: 80px auto;}
		.date {height: 75px; font-size: 3em; line-height: 1.5em; padding: 0;white-space:nowrap; width: 90%; }
		.date:before, .date:after {content: ""; position: absolute; display: block; bottom: 0.5em; border: 1em solid #9c000e; z-index: -1;}
		.date:before {left: -1em; border-right-width: 3.5em; border-left-color: transparent;}
		.date:after {right: -1em; border-left-width: 3.5em; border-right-color: transparent;}
	}
	
	@media (min-width: 900px) {
		.date {height:90px;font-size: 3.5em;}
	}
	
	@media (min-width: 1180px) {
		.date {height:150px;font-size: 5em;}
	}
	
#schedule h3.subheading {margin-bottom: 0; line-height: 1.2em;}
#schedule li h2 {margin: 20px 0;}

#schedule ul li {text-align: center;}
#schedule ul.list3 li:nth-child(5),
#schedule .button {margin-bottom: 0;}

	
/** LINE-UP JB */
#lineup-jb h2 {margin-bottom: 0;}
#lineup-jb p {display: none;}
#lineup-jb ul img {margin: 1em 0; width: 100%;}

	@media (min-width: 768px) {
		#lineup-jb {background: url(../img/lineup-bg.jpg) no-repeat; background-size:cover;}
		#lineup-jb p {font-size: 1em; display: block; margin-top: 0;}
	}
	
	
/** LINE-UP **/
#lineup {background-color:#9c000e;padding: 2% 5%;}
#lineup .button{background-color:#f19a39;}
#lineup h1,
#lineup h2 {margin-bottom: 0;}
#lineup h3 {font-family: 'Pacifico'; line-height: 1.2em; color: #f19a39;}
#lineup .photos {text-align: center;}

	@media (min-width: 1024px) { 
		#schedule p,
		#lineup p {font-size: 1em;}
	}	
	
	@media (min-width: 1600px) { 
		#schedule p,
		#lineup p {font-size: 1.1em;}
	}	
 	
	
/** VIDEO **/
section#video {padding:0;}
.videowrapper {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;}
.videowrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}


/** ELVIS **/
#elvis {background: url(../img/elvis-bg.jpg) no-repeat -135px 0; background-size:cover;}
#elvis p {text-shadow: 0px 2px 2px #000;}

	@media (min-width: 580px) {
		#elvis {background-position: 0 0;}
	}
	
	@media (min-width: 1280px) {
		#elvis {background-attachment: fixed;background-size:100%;}
	}

	
/** LOCATION **/
#location {display: none;}

	@media (min-width: 992px) {
		#location {display: block; background: url(../img/location-bg.jpg) no-repeat;background-size:cover;}
		#location p {margin: 30px 0;}
	}

	
/** ACCOMMODATION **/
#hotels {background: url(../img/bg_light.png) repeat; color: #000;}
#hotels h1 {line-height: 1; color: #8a0d0d; margin: 0 0 20px; font-size: 4em;}
#hotels h2 {margin-bottom: 20px;}
#hotels li img {box-shadow:0 2px 3px #666; border:10px solid #fff; width: 70%; margin: 0 auto; display: block;}


#press {background-color: #f19a39; text-align: center;}
#press h1 {font-size: 4em; margin: 0 0 20px; }
#press .button {margin-top: 1em; margin-bottom: 0;}

/** SPONSORS **/
#sponsors {background-color: #8a0d0d; text-align: center;}
#sponsors h1 {margin-top: 0;}
#sponsors li {text-align: center; vertical-align: middle;}
#sponsors li img {background-color: #fff; padding: 1em;}
#sponsors .button {margin-bottom: 0; background-color: #f19a39; color: #8a0d0d;}
#sponsors .button a {color: #fff;}
#sponsors .button a:hover, a:focus {color: #8a0d0d;}

	/**@media (min-width: 768px) {
		#sponsors ul.list2 li:nth-child(1n) {text-align: right;}
		#sponsors ul.list2 li:nth-child(2n) {text-align: left;}
	}**/


/** SOCIAL **/
section.borders {margin: 5% auto 20px; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.link {text-align: center;}

	@media (min-width: 992px) {
		.back-to-top {position: fixed; bottom: 2em; right: 0px; text-decoration: none; color: #000000;	background-color: #fff;	font-size: 0.9em; padding: 0.5em 1em; display: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
	}

@media print {
    * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
	}
	a, a:visited {
		color: #fff !important;
		text-decoration: underline;
	}
	a[href]:after { content: " (" attr(href) ")"}
	abbr[title]:after { content: " (" attr(title) ")"}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr, img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-weight: bold;
	}
}