@charset "UTF-8";

html, body					{	height : 100%;	width : 100%;	margin : 0;padding : 0;	}
* 							{ 	padding : 0;	margin : 0;	}
a img, img 					{ 	border : 0; outline : none; }
/*Opera Fix*/ body:before 	{	content:"";	height:100%;	float:left;	width:0;	margin-top:-32767px;}
body 						{	margin : 0;	}
div 						{	font-family: 'Open Sans', sans-serif; letter-spacing: 0; 	font-size : 12px; }
a 							{ 	font-family: 'Open Sans', sans-serif; text-decoration: none; }
header 						{ 	width: 100%;  	position: relative; overflow: hidden; z-index:10 }
header img 					{	width:100%; 	height:auto;}
.video 						{ 	display:block; width:100%; 	height:auto; margin-top:-150px;      }
.overlay 					{	position: absolute;	width : 100%;	background : url(../images/dots.png);	background-size: 2px;	opacity : 0.9;	z-index : 998;	height : 100%;}
.logo 						{	transition : all 0.2s ease-in-out; background:url(../images/logo.webp); background-size:cover; z-index : 999; width:40%; padding-bottom:18%; position:absolute; left:30%;     }
.logo.active 				{	transition : all 0.9s ease-in-out;top:0%; margin-top:-27% }
.audio_toggle 				{ 	background:url(../images/audio.svg);	background-size:cover;  width: 37px; height: 30px; cursor: pointer; margin:10px; border: none; z-index : 1000; position:absolute; }
.bg_content 				{	width:100%;  background:transparent; float:left; margin-top:-400px; z-index:100; position:relative}
.pg_content 				{	overflow:auto;width:100%;   background:#91008c;  color:#fff; font-size:13px; font-weight:300;  line-height:170% ;  z-index: 5;  padding-bottom:20px; position: relative;  }
.pg_content a 				{	color:#fff;   font-weight:400;   }
.pg_content img 			{	width:100%; margin-top:40px; margin-bottom:20px;  }
.bg_content img 			{	width:100%; margin-top:80px; display: block;}
.bar 						{	display:block; z-index: 5;  position: relative;}
.bar img 					{	width:100%;}
#slide 		 				{   background-color: #000; overflow: hidden; position:relative;     width: 100%;    display: block;   z-index: 4; margin-top:-80px; }
#slide 	img	 				{   width:100%; display: block;  }
.slider  					{   width:100%; float:left;        	}
.slide 						{	position: relative; 		overflow:hidden;	}
section  					{	width:50%; margin-left:25%;}
footer 						{	background:url(../images/footer_bg.png) repeat;	margin-top:-50px;  z-index: 5; position: relative; width: 100%; min-height: 300px; margin-left: auto; margin-right: auto;   padding: 0; clear: both; color : #fff; }
.footer_logo 				{	width:30%; display:block;  text-align:center;      position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
.footer_logo img 			{ 	width:100%}
.credit 					{	width: 100%;  float: left;  text-align: center;  font-size: 11px;  font-weight: 600;  margin-top: 270px; }
.credit a 					{ 	color:#fff;font-weight:400;}

.socials { width: 100%;  float: left;  text-align: center; font-size:30px;}
.socials a{ color:#fff; margin:4px;}
.socials img {width:48px}


.tickets { width:100%;   margin-top:30px;  display:block; }
 h2 {font-family: 'Open Sans', sans-serif; font-weight:600; font-size : 26px; margin-top:40px; }

 

.show {width:100%; min-height:10px;    }
.dates  {float:left;   width:25%;  font-weight:600; margin-bottom: 15px; text-transform:uppercase; }
.venues {margin-left:10px; float:left;     font-weight:600;  text-transform:uppercase; }
.buy  {float:right; text-align:right;   font-weight:600; font-size : 16px;   }
.buy  a{ font-weight:600;}
hr   {border-top: 0.5px solid white;    margin-bottom:15px; clear: both;}
  
  
 

@media only screen and (max-width:1200px) {
	
	
.video 						{ 	width:100%; 	height:auto; margin-top:0px!important      }
.bg_content 				{	margin-top:-300px;  }
section 					{	width:70%; margin-left:15%;}
.logo 						{	width:60%; padding-bottom:28%;  left:20%;     }
.footer_logo 				{	width:50%; }
	
}
 
 @media only screen and (max-width:900px) {
	
.bg_content img 			{ 	margin-top:40px;  }
section 					{	width:90%; margin-left:5%;}
.bg_content 				{	margin-top:-100px;  }
.footer_logo 				{	width:70%; }
.credit 					{	margin-top: 250px; }
#slide img 		 			{   width: 200%;   margin-left:-50%;  	}

}