@charset "UTF-8";
/* CSS Document */

	* {
		box-sizing:border-box;
	} 

	html, body {
	  	height:100%;
	}

	body {
		margin:0;
		background:#000000;
	}

	img {
		border:none;	
		outline:none;
	}

	input {
		border-radius:0;
		-webkit-appearance:none;
	}

	.no-js #loader { 
		display:none;  
	}
	.js #loader { 
		display:block;
		position:absolute;
		left:100px; 
		top:0; 
	}

	.se-pre-con {
		position:fixed;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		z-index:99999;
		background:url("../images/loading.gif") center no-repeat #000000;
	}

	.navigation {
		opacity:0;
	}

	.navigation nav {
		display:flex;
		width:100%;
		height:112px;
		background-image:linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1));
		align-items:center;
		justify-content:center;
		position:fixed;
		top:0;
		z-index:9999;
	}

	.navigation a {
		font-size:17px;
		text-decoration:none;
		color:#b9b3ab;
		margin:0 20px 0 24px; 
		font-family: "Playfair", serif;
		text-transform:uppercase;
		letter-spacing:4px;
		transition:0.3s;
		text-shadow:0 0 5px #000000;
	}

	.navigation a:hover {
		color:#b95401;
	}

	.logo {
		width:75px;
		height:100%;
		margin:15px 15px 0 15px;
		filter: drop-shadow(0 0 5px #000000);
	}

	.mobile_logo {
		display:none;
		filter: drop-shadow(0 0 5px #000000);
	}

	.video {
		width:100%;
		height:100vh;
		display:flex;
		justify-content:center;
		align-items:center;
	}

	.video a {
		display:flex;
		justify-content:center;
		align-items:center;
	}

	.play-button {
		width:65%;
		position:fixed;
		z-index:1;
	}

	.play-button-mobile {
		display:none;
	}

	.video video {
		object-fit:cover;
		width:100vw;
		height:100vh;
		position:fixed;
		top:0;
		left:0;
		opacity:.25;
	}

	.header-down-arrow {
  		position:fixed;
    	bottom:8vh;
    	left:0;
    	right:0;
  		text-align:center;
		animation:fade-slide-up 2s 0s ease-out infinite;
		z-index:2;
	}

	@keyframes fade-slide-up {
		0% {
			transform:translateY(4vh);
	  	}
		
		50% {
			transform:translateY(2vh);
		}
		
	  	100% {
			transform:translateY(4vh);
	  	}
	}

	.header-down-arrow a {
		opacity:.65;
		transition:.3s;
	}

	.header-down-arrow a:hover {
		opacity:1;
	}

	.header-down-arrow img {
		width:50px;
	}

	.music {
		width:100%;
		height:100vh;
		background-repeat:repeat;
		background-attachment:fixed;
		position:relative;
		z-index:3;
		display:flex;
		align-items:center;
		justify-content:center;
	}

	.youtube_videos {
		width:90%;
		height:auto;
		margin:0 auto;
		display:-ms-flexbox; /* IE10 */
  		display:flex;
  		-ms-flex-wrap:wrap; /* IE10 */
  		flex-wrap:wrap;
  		padding:0 5px;
	}

	.thumbnails {
		-ms-flex:25%; /* IE10 */
	  	flex:25%;
	  	max-width:25%;
	  	padding:0 5px;
	}	

	.thumbnails img {
		width:100%;
		margin-top:10px;
  		vertical-align:middle;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}

	.thumbnails:hover img {
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
	}

	.stage {
		width:100%;
		height:auto;
		background:url('../images/stage_background.png');
		background-repeat:repeat;
		background-attachment:fixed;
		padding:150px 0;
		position:relative;
		z-index:3;
		text-align:center;
	}

	.stage img {
		height:150px;
		margin:0 auto 10px auto;
		display:block;
	}

	.stage a {
		margin:0px 10px 0px 10px;
		padding:10px 0 10px 5px;
		width:300px;
		font-family: "Playfair", serif;
		font-size:30px;
		line-height:30px;
		text-transform:uppercase;
		text-decoration:none;
		letter-spacing:10px;
		color:#000000;
		border:3px solid #000000;
		transition:.3s;
		display:inline-block;
		text-align:center;
		font-weight:bold;
	}

	.stage a:hover {
		background:#b95401;
		color:#ffffff;
		border:3px solid #b95401;
	}

	.about {
		width:100%;
		height:auto;
		background:url('../images/about_background.png');
		background-repeat:repeat;
		background-attachment:fixed;
		padding:100px 0;
		position:relative;
		z-index:3;
		text-align:center;
		opacity:.85;
	}

	.about-logo {
		height:150px;
		margin:0 auto;
		display:block;
	}

	.about p {
		width:1100px;
		margin:0 auto;
		padding:50px 0;
		color:#ffffff;
		font-family: "Playfair", serif;
		font-size:18px;
		line-height:28px;
	}

	.photos {
		width:100%;
		height:auto;
		position:relative;
		z-index:3;
	}

	.desktop_photos {
		display:block;
	}

	.mobile_photos {
		display:none;
	}

	.contact {
		width:100%;
		height:auto;	
		padding:100px 0 25px 0;
		background:#000000;
		position:relative;
		z-index:3;
		text-align:center;
		margin-top:-5px;
	}

	.contact img {
		height:150px;
		margin:0 auto 25px auto;
		display:block;
	}

	.contact form {
		width:940px;
		margin:0 auto;	
	}

	.contact form textarea {
		width:940px;
		height:200px;
		resize:vertical;
	}

	.contact-titles {
		width:940px;
		color:#ffffff;
		transition: all 0.3s;
		background-color:#000000;
		border:#666666 2px solid;
	}

	[placeholder="NAME"] {
		font-family: "Playfair", serif;
		font-size:20px;
		line-height:20px;
		letter-spacing:2px;
		margin:0 auto 10px auto;
		padding:9px 15px 8px 15px;
	}

	[placeholder="EMAIL"] {
		font-family: "Playfair", serif;
		font-size:20px;
		line-height:20px;
		letter-spacing:2px;
		margin:10px auto;
		padding:9px 15px 8px 15px;
	}

	[placeholder="MESSAGE"] {
		font-family: "Playfair", serif;
		font-size:20px;
		line-height:20px;
		letter-spacing:2px;
		margin:10px auto 6px auto;
		padding:15px 15px 8px 15px;
	}

	[type="text"] {
		cursor:pointer;
		transition: all .35s ease-in-out;
		-moz-transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
	}

	[type="text"]:hover { 
		cursor:pointer;
		border-color:#b95401;
		transition: all .35s ease-in-out;
		-moz-transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
	}

	textarea {
		cursor:pointer;
		transition: all .35s ease-in-out;
		-moz-transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
	}

	textarea:hover {
		cursor:pointer;
		border-color:#b95401;
		transition: all .35s ease-in-out;
		-moz-transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
	}

	[type="submit"] {
		width:940px;
		margin-top:10px;
		padding:15px 0 15px 15px;
		background:#666666;
		border:0;
		cursor:pointer;
		font-family: "Playfair", serif;
		font-weight:bold;
		letter-spacing:15px;
		color:#000000;
		font-size:30px;
		line-height:30px;
		transition: all .35s ease-in-out;
		-moz-transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
	}

	[type="submit"]:hover { 
		background:#b95401;
		color:#ffffff;
		transition: all .35s ease-in-out;
		-moz-transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
	}

	.social-icons {
		width:100%;
		margin:20px 0 15px 0;
		padding:0;
		text-decoration:none;
		list-style:none;	
		text-align:center;
	}

	.social-icons img {
		width:50px;
		height:50px;
	}

	.social-icons li {
		display:inline-block;
		padding:10px;
	}

	.social-icons li a {
		padding:0;
		text-decoration:none;
		position:relative;
		opacity:.5;
		transition: opacity .35s ease-in-out;
		-moz-transition: opacity .35s ease-in-out;
		-webkit-transition: opacity .35s ease-in-out;
	}

	.social-icons li a:hover {
		opacity: 1;
		transition: opacity .35s ease-in-out;
		-moz-transition: opacity .35s ease-in-out;
		-webkit-transition: opacity .35s ease-in-out;
	}

	.manager {
		text-align:center;
		margin-bottom:25px;
	}

	.manager h1 {
		margin:0;
		padding:0;
		color:#666666;
		font-family: "Playfair", serif;
		font-size:30px;
		line-height:35px;
	}

	.manager h2 {
		margin:0;
		padding:0 0 0 5px;
		color:#666666;
		font-family: "Playfair", serif;
		font-size:17px;
		line-height:17px;
		letter-spacing:5px;
		text-transform:uppercase;
	}

	.manager a {
		margin:0 auto;
		padding:2px 0 0 2px;
		color:#666666;
		font-family: "Playfair", serif;
		font-size:20px;
		line-height:20px;
		text-transform:uppercase;
		text-decoration:none;
		letter-spacing:2px;
		width:100px;
		transition: all .35s ease-in-out;
		-moz-transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
	}

	.manager a:hover {
		color:#b95401;
		transition: all .35s ease-in-out;
		-moz-transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
	}

	.footer p {
		width:100%;
		color:#666666;
		padding:0 0 0 3px;
		font-family:'Roboto', sans-serif;
		font-weight:900;
		font-size:10px;
		letter-spacing:3px;
		text-transform:uppercase;
		text-decoration:none;
		text-align:center;
	}

	.line {
		display:inline;
	}

	.mobile_break {
		display:none;
	}



@media (max-width:1200px) and (min-width:810px) {
	
	.navigation nav {
		height:132px;
	}
	
 	.logo {
		width:250px;
		height:100%;
		margin:15px 15px 0 15px;
	}
	
	.play-button {
		width:75%;
	}
	
}



@media (max-width:809px) and (min-width:541px) {
	
	.navigation nav {
		height:78px;
	}
	
	.navigation a {
		margin:0 10px 0 14px;
	}
	
 	.logo {
		display:none;
	}
	
	.mobile_logo {
		margin:15px 10px 0 10px;
		width:50px;
		height:100%;
		display:inline;
	}
	
	.play-button {
		width:85%;
	}
	
	.thumbnails {
		-ms-flex:50%; /* IE10 */
	  	flex:50%;
	  	max-width:50%;
	}	
	
	.about p {
		width:90%;
	}
	
	.desktop_photos {
		display:none;
	}

	.mobile_photos {
		display:block;
	}
	
	.contact form {
		width:540px;	
	}

	.contact form textarea {
		width:540px;
	}

	.contact-titles {
		width:540px;
	}

	[type="submit"] {
		width:540px;
		margin-top:10px;
		padding:15px 0 8px 15px;
		background:#ffffff;
		border:0;
		cursor:pointer;
		letter-spacing:15px;
		color:#000000;
		font-size:35px;
		line-height:35px;
		opacity:.5;
		transition: all .35s ease-in-out;
		-moz-transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
	}

	[type="submit"]:hover { 
		opacity:1;
		transition: opacity .35s ease-in-out;
		-moz-transition: opacity .35s ease-in-out;
		-webkit-transition: opacity .35s ease-in-out;
	}

	.line {
		display:none;	
	}

	.mobile_break {
		display:inline;
	}
	
}



@media (max-width:540px) {
	
	.navigation nav {
		height:61px;
	}

	.navigation a {
		font-size:15px;
		margin:0 5px 0 8px;
		letter-spacing:3px;
	}
	
	.logo {
		display:none;
	}
	
	.mobile_logo {
		margin:15px 5px 0 5px;
		width:35px;
		height:100%;
		display:inline;
	}
	
	.play-button {
		display:none;
	}
	
	.play-button-mobile {
		width:75%;
		display:block;
		position:fixed;
		z-index:1;
	}
	
	.music {
		padding:50px 0;
	}
	
	.music-logo img {
		height:100px;
	}
	
	.thumbnails {
		-ms-flex:100%; /* IE10 */
	  	flex:100%;
	  	max-width:100%;
	}	
	
	.about {
		padding:50px 0;
	}
	
	.about-logo {
		height:100px;
		margin-bottom:25px;
	}
	
	.about p {
		width:90%;
		padding-top:25px;
	}
	
	.stage {
		padding:50px 0;
	}
	
	.stage img {
		height:100px;
	}
	
	.stage-schedule {
		width:90%;
		margin:0 auto;
		padding-bottom:50px;
	}
	
	.desktop_photos {
		display:none;
	}

	.mobile_photos {
		display:block;
	}
	
	.contact {
		padding:50px 0 25px 0;
	}
	
	.contact img {
		height:100px;
	}

	.contact form {
		width:300px;
		margin:0 auto;	
	}

	.contact form textarea {
		width:300px;
		height:200px;
		resize:vertical;
	}

	.contact-titles {
		width:300px;
		color:#ffffff;
		transition: all 0.3s;
		background-color:#000000;
		border:#ffffff 1px solid;
	}

	[placeholder="NAME"] {
		font-size:18px;
		line-height:18px;
		letter-spacing:2px;
		margin:0 0 10px 0;
		padding:9px 15px 5px 15px;
	}

	[placeholder="EMAIL"] {
		font-size:18px;
		line-height:18px;
		letter-spacing:2px;
		margin:10px 0 10px 0;
		padding:9px 15px 5px 15px;
	}

	[placeholder="MESSAGE"] {
		font-size:18px;
		line-height:18px;
		letter-spacing:2px;
		margin:10px 0 6px 0;
		padding:15px 15px 10px 15px;
	}

	[type="text"] {
		opacity:.5;
		cursor:pointer;
		transition: opacity .35s ease-in-out;
		-moz-transition: opacity .35s ease-in-out;
		-webkit-transition: opacity .35s ease-in-out;
	}

	[type="text"]:hover { 
		opacity:1;
		cursor:pointer;
		transition: opacity .35s ease-in-out;
		-moz-transition: opacity .35s ease-in-out;
		-webkit-transition: opacity .35s ease-in-out;
	}

	textarea {
		opacity:.5;
		cursor:pointer;
		transition: opacity .35s ease-in-out;
		-moz-transition: opacity .35s ease-in-out;
		-webkit-transition: opacity .35s ease-in-out;
	}

	textarea:hover {
		opacity:1;
		cursor:pointer;
		transition: opacity .35s ease-in-out;
		-moz-transition: opacity .35s ease-in-out;
		-webkit-transition: opacity .35s ease-in-out;
	}

	[type="submit"] {
		width:300px;
		margin-top:10px;
		padding:15px 0 8px 15px;
		background:#ffffff;
		border:0;
		cursor:pointer;
		letter-spacing:15px;
		color:#000000;
		font-size:25px;
		line-height:25px;
		opacity:.5;
		transition: all .35s ease-in-out;
		-moz-transition: all .35s ease-in-out;
		-webkit-transition: all .35s ease-in-out;
	}

	[type="submit"]:hover { 
		opacity:1;
		transition: opacity .35s ease-in-out;
		-moz-transition: opacity .35s ease-in-out;
		-webkit-transition: opacity .35s ease-in-out;
	}

	.social-icons {
		width:100%;
		margin:25px 0 15px 0;
		padding:0;
		text-decoration:none;
		list-style:none;	
		text-align:center;
	}

	.social-icons img {
		width:35px;
		height:35px;
	}

	.social-icons li {
		display:inline-block;
		padding:5px;
	}

	.social-icons li a {
		padding:0;
		text-decoration:none;
		position:relative;
		opacity:.5;
		transition: opacity .35s ease-in-out;
		-moz-transition: opacity .35s ease-in-out;
		-webkit-transition: opacity .35s ease-in-out;
	}

	.social-icons li a:hover {
		opacity: 1;
		transition: opacity .35s ease-in-out;
		-moz-transition: opacity .35s ease-in-out;
		-webkit-transition: opacity .35s ease-in-out;
	}

	.footer p {
		width:100%;
		color:#555555;
		padding:0 0 0 3px;
		font-family:'Roboto', sans-serif;
		font-weight:900;
		font-size:10px;
		letter-spacing:3px;
		text-transform:uppercase;
		text-decoration:none;
		text-align:center;
	}

	.line {
		display:none;	
	}

	.mobile_break {
		display:inline;
	}
	
}