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

}


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



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




* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	-webkit-font-smoothing: subpixel-antialiased;
}

html, body{
	height: 100%;
}

body {
	overflow: hidden;
	background: #030f17 url('img/scrawl-uv.jpg') center center no-repeat;
	background-size: cover;
	   font-family: 'GothamHTF-Light',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: lighter;
	background-color: #000;
	color: #fff;

} 
 
.fader {background:black; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999;}
 .torch-search .reveal,
.torch-search .fb-share,
.torch-search .skip-splash {display:none;}


.signup-state {
/*background-image: url('http://www.crowdsurge.com/store/images/imaginedragon/bg-main2.jpg');*/
background-image: url('img/bg3.jpg');
	background-size: cover;
	
	
/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='img/bg2.jpg',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='img/bg2.jpg',
sizingMethod='scale')";	*/
	
}

.tour-listings {
/*	background-image: url('img/tour-bg.jpg');*/
background-image: url('img/bg3.jpg');
	background-size: cover;
	
/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='img/bg3.jpg',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='img/bg3.jpg',
sizingMethod='scale')";	*/
	


}


.listings-body {height: auto; overflow: scroll;}
.img-preload {
	text-indent: -9999px;
	direction: ltr;
	display:none;
}

.torch {
	position: absolute;
	z-index: 4000;
	width: 100%;
	height: 100%;
	background-image: url('img/reverse-torch.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: crosshair;
}
			
	.reveal {
	background: url("img/intothenight.png") no-repeat 0 0;
	background-size:66%;
	bottom: 20px;
	height: 85px;
	left: 44px;
	position: absolute;
	text-indent: -9999px;
	width: 188px;
	
} 
.reveal:hover  {
	background-position:0 -84px;
	}
	
	
.lt-ie9 .reveal:hover  {
	background-position:0 -0px;
	}
		
	
.reveal a {
	display: block;
	z-index: 9999;
	position: relative;
	width: 100%;
	height: 100%;
	
	cursor: pointer;
}

.signup-container {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
}

.signup {
	position: relative;
	width: 300px;
	height: 100%;
	margin: 50px auto;
	color: #fff;
	text-align: center;
}

.signup-push {
	width: 225px;
	height: 152px;
	margin: 0 auto 50px auto;
	background:url('img/page2-call.png') no-repeat center center;
	-webkit-transform: rotate(-8deg);
}

.signup-facebook {
	border: 1px dotted #fff;
	padding: 10px 20px 10px 45px;
	background: url('img/fb-icon.png') no-repeat 8px center;
	color: #fff;
	font-size: 21px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
}

.signup-facebook:hover {
	border-style: solid;
	background-color: #3B5998;
}
			
.signup-split {
	width: 20%;
	min-width: 275px;
	margin: 10px auto 0px auto;
	padding: 10px 0;
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	text-transform: uppercase;
}

.listings {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 50px 0;
	text-align: center;
	}





.artist-logo {
	width: 100%;
	height: 40px;
	margin-bottom: 25px;
	background: url('img/id-logo.png') no-repeat center center;
	
	text-indent: -9999px;
	direction: ltr;
}


.tour-header {
	margin-bottom: 50px;
	color: #fff;
	font-size: 32px;
	font-weight: 800;
	text-transform: uppercase;
}

.listings-iframe {
	width: 640px;
	margin: 0 auto;
	color: #fff;
	font-size: 21px;
	font-family: 'GothamHTF-Light',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
 font-weight:100; 
}
.listings-iframe h4 {text-transform:uppercase;  font-weight:100; font-size:18px; line-height:32px; letter-spacing:2px;}
.listings-iframe h4 b {font-family:'GothamHTF-book'; font-weight:bold; font-style:italic;}
.listings-iframe p {
	margin-bottom: 20px; text-transform:uppercase;  font-weight:100;  font-size:14px; line-height:22px;
}

#logo {margin-bottom:20px;}
.onsaletext {display:block; padding-top:40px; background:url(img/separator.png) no-repeat center top; margin:20px 50px;}


.fblistings {
	display: block;

margin:0 auto;
	
	text-indent: -9999px;
	direction: ltr;
	
	width: 133px;
	height: 47px;
	background: url('img/fb-share2.png') no-repeat 0 0;
}

	.fblistings:hover {background-position:0 -50px;}



.tour-note {
	display: block;
	padding-top: 20px;
	border-top: 2px solid #fff;
	font-family: Georgia, serif;
	font-style: italic;
}

img#moon {width:175px; height:175px; margin:10px auto 30px;}
.signup {width:360px;}
.signup  a {color:white; text-decoration:none; text-transform:uppercase; text-align:left; font-size:19px; letter-spacing:1px; }
.signup  a:hover {color:#f15017;}
.signup  a  .arrow{ background:url(img/arrow.png) no-repeat; display:block; width:17px; height:17px; position:absolute;  right:24px; top: 19px;}

.signup h3 {text-transform:uppercase; letter-spacing:2px; font-weight:lighter;display:block; font-size:16px; margin:60px auto 10px;}
.signup #login-choice #fb-choice {pointer-events:none;text-indent:-99999px;position:relative;display:block; background:url(img/box2.png) no-repeat; font-family:'99linescratchregular';width:361px; height:54px; margin:0 auto 15px;  } 
.signup #login-choice #email-choice {text-indent:-99999px;position:relative;display:block; background:url(img/box2.png) no-repeat; font-family:'99linescratchregular';width:361px; height:54px; margin:15px auto 20px; background-position: 0 -55px;  } 

 

.signup  a:hover  .arrow{ background-position:0 -15px;}
.signup #login-choice #fb-choice .fblogo {position:absolute;display:block; background:url(img/facebooklogo.png) no-repeat; width:17px; height:26px; left:18px; top:15px;  }
 
.signup #login-choice #fb-choice:hover .fblogo{ background-position:0 -27px;}


.signup #login-choice #fb-choice:hover {background-position:0 -110px;}
.signup #login-choice #email-choice:hover {background-position:0 -165px;}
.eventstatus .action_button {pointer-events:none;}

.signup-section {
	margin-bottom: 10px;
}

.signup-label {
	display: block;
	width: 100px;
	margin-bottom: 5px;
	text-align: left;
}

.signup-field {
	display: block;
	width: 300px;
}

.signup-field {
	padding: 10px;
	font-size: 16px;
	background: rgba(255,255,255,0.75);
	border-radius: 4px;
}

.signup-field:focus {
	background: #fff;
	outline-color: #9d2611;
}

.signup-optin {
	font-size: 12px;
	font-weight: 400;
	text-shadow: 0 1px 0 #000;
}

.signup-optin input {
	margin-right: 10px;
}

.signup-submit {
	width: 100%;
	margin-top: 20px;
	padding: 10px;
	background: #9d2611;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.signup-submit:hover,
.signup-submit:focus {
	background: #ff3e1d;
}
			
.skip-splash {
	position: absolute;
	top: 0; 
	right: 0; 
	width: 132px;
	height: 76px;
	background: url('img/skip-button.png') no-repeat top right;
	direction: ltr;
}
	
.skip-splash a {
	display: block;
	z-index: 9999; color:#222222;
	position: relative;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
	
	cursor: pointer;
}
.signup-state {background-color: #000; }
.signup-state .fb-share {display:none;}
.fb-share {
	position: absolute;
	top: 56%;
	left: 92%;
	margin-top: -29px;
	margin-left: -133px;
	
	text-indent: -9999px;
	direction: ltr;
	
	width: 133px;
	height: 47px;
	background: url('img/fb-share2.png') no-repeat 0 0;
}

#fb-share {cursor: pointer !important;}

	.fb-share:hover {background-position:0 -50px;}
.fb-share a {
	display: block;
	z-index: 9999;
	position: relative;
	width: 100%;
	height: 100%; 
	
	cursor: pointer;
}

#fb-return, #email-login	{text-align:left;font-family: 'GothamHTF-Light',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-transform:uppercase; letter-spacing:1px;}
#email-login p {text-align:center; width:343px;}
#email-login #e-email{position:relative;display:block; background:url(img/boxes.png) no-repeat; width:360px; height:54px; margin:10px auto 05px;  	font-family: 'GothamHTF-Light',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-transform:uppercase; letter-spacing:0px; color:white; padding:2px 35px 0 20px; font-weight:100; font-size:16px; } 
#email-login #e-pass {position:relative;display:block; background:url(img/boxes.png) no-repeat; width:360px; height:54px; margin:15px auto 10px; background-position: 0 -55px;  	font-family: 'GothamHTF-Light',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-transform:uppercase; letter-spacing:0px; color:white; padding:2px 35px 0 20px; font-weight:100; font-size:16px;  } 
#email-login .error #e-email { background-position: 0 -110px;} 
#email-login #e-pass.error { background-position:  0 -110px;} 
#fb-emaildisplay {color:#e84d17; font-family: 'GothamHTF-Light',"HelveticaNeue-Light", "Helvetica Neue Light", sans-serif; text-transform:uppercase; letter-spacing:1px; font-size:18px;}
#fb-return {text-align:center;}
input:focus {outline:none;}
#e-submit, #fb-submit {
background: transparent;
   background:  url("img/arrow.png") no-repeat scroll right 2px rgba(0, 0, 0, 0);
    border: 0 none;
    color: #FFFFFF;
    display: inline-block;
    
    font-family: '99linescratchregular';
    font-size: 20px;
    letter-spacing: 1px;
    margin:10px auto 0 122px;
    padding: 1px 27px 0 0;
    text-align: left;
    text-transform: uppercase;
    width: 107px;  cursor:pointer;}
 
 
  .lt-ie9 #email-login #e-email  {line-height:50px;}
  .lt-ie9  #e-submit, .lt-ie9 #fb-submit {background:transparent;}
   .lt-ie9 #email-login .check,   .lt-ie9 #fb-return .check{font-family:helvetica;}
 
    #fb-submit {  margin-left: 12px; width: 121px;}
    
 #fb-submit:hover , #e-submit:hover {  color:#e84d17;  background-position: right -33px;}   
    
#email-login .check,   #fb-return .check{font-size:10px; letter-spacing:0;}
#e-consent {margin-right:10px;}




        #success {display: none;}
	#fb-return {display: none;}
	#email-login {display: none;}
	#listings {display: none;}

#privacy {position:absolute; bottom:20px; color:white; left:50%; margin-left:-30px; font-family:'GothamHTF-Light'; font-size:10px; text-decoration:none;}


/* MOBILE */

@media only screen 
and (max-width : 660px) {

	.listings-iframe {width: auto;}

}


@media only screen 
and (max-width : 420px) {

	form {margin-left: 20px; margin-right: 20px;}	
	.signup {width:auto;}
	.listings {margin: 0 20px; width: auto;}
	#logo {width: 100%;}
	img#moon {
		width: 125px;
		height: 125px;
	}
	.fblistings {width: 100px; height: 35px; background-size: 100px 70px;}
		.fblistings:hover {background-position: 0 -35px;}
	.onsaletext {margin: 20px 20px;}
	
	.skip-splash {width: 100px; height: 58px; background-size: 100px 58px;}
	
	.signup #login-choice #fb-choice, signup #login-choice #fb-choice:hover {width: 280px; height: 42px; background-size: 280px 172px;}
	.signup #login-choice #email-choice, .signup #login-choice #email-choice:hover {width: 280px; height: 42px; background-size: 280px 172px; background-position: 0 -45px;}
	
	#email-login #e-email {width: 280px; background-size: 280px 172px; background-position: 0 4px; height: 48px;}
	#email-login .error #e-email { background-position: 0 -82px;}
	#email-login p {text-align: center; width: auto;}
	
	#privacy {bottom:auto; right: auto; top:20px; left: 20px;}






/*
 * Torch Flicker
**/

@-webkit-keyframes torch-flicker {
  0%   { opacity: 0.2; }
  20%  { opacity: 0.35; }
  35%  { opacity: 0.3; }
  56%  { opacity: 0.35; }
  80%  { opacity: 0.4; }
  100% { opacity: 0.3; }
}
@-moz-keyframes torch-flicker {
  0%   { opacity: 0.2; }
  20%  { opacity: 0.35; }
  35%  { opacity: 0.3; }
  56%  { opacity: 0.35; }
  80%  { opacity: 0.4; }
  100% { opacity: 0.3; }
}
@-o-keyframes torch-flicker {
  0%   { opacity: 0.2; }
  20%  { opacity: 0.35; }
  35%  { opacity: 0.3; }
  56%  { opacity: 0.35; }
  80%  { opacity: 0.4; }
  100% { opacity: 0.3; }
}
@keyframes torch-flicker {
  0%   { opacity: 0.2; }
  20%  { opacity: 0.35; }
  35%  { opacity: 0.3; }
  56%  { opacity: 0.35; }
  80%  { opacity: 0.4; }
  100% { opacity: 0.3; }
}