@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);

body {
  font-size: 14px;
  line-height: 1.6;
  font-family: "Oswald" sans-serif;
  color: #2e2d33;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  
  min-width: 600px;
 
  overflow: hidden;
  background-color: #000;
  color: #fff;
}


@media screen and (max-width:767px){
	
	body {  
		min-width: 600px;
		width: 600px;
	 }

}

video#bgvid { 
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-size: cover; 
}


.rays {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}
.rays .rayinner {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
}
.rays1 {		background-image: url(../images/rays1.png); 	}
.rays2 {		background-image: url(../images/rays2.png);	}
.rays3 {		background-image: url(../images/rays3.png);	}
.rays4 {		background-image: url(../images/rays4.png); }

.blockout {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	background-position: center center;
	background-repeat: no-repeat;
	
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	top: 0; margin-top: 0;
    transition: all 30s;
}
.rays1 .blockout, .rays2 .blockout, .rays3 .blockout, .rays4 .blockout {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	top: 0; margin-top: 0;
    transition: all 30s;
}

.rays1 .blockout {
	background-image: url(../images/rays1mask.png);
    transition: all 30s;
}
.rays1 .blockout.animate {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
	top: 0%; margin-top: -160px;
    transition: all 30s;
}
.rays2 .blockout {
	background-image: url(../images/rays2mask.png);
    transition: all 30s;
}
.rays2 .blockout.animate {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
	top: 0%; margin-top: -160px;
    transition: all 30s;
}
.rays3 .blockout {
	background-image: url(../images/rays3mask.png);
    transition: all 30s;
}
.rays3 .blockout.animate {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
	top: 0%; margin-top: -160px;
    transition: all 30s;
}
.rays4 .blockout {
	background-image: url(../images/rays4mask.png);
    transition: all 30s;
}
.rays4 .blockout.animate {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
	top: 0%; margin-top: -160px;
    transition: all 30s;
}

.blackout {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/blackout.png);
}
.shinebar {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	background-position: -2000px 0px;
	background-repeat: repeat-x;
	background-image: url(../images/shinebar.png);
}

.stage {
	position: absolute;
	width: 418px;
	height: 630px;
	clear: both;
	text-align: center;
	margin: 0 auto;
	top: 50%;
	margin-top: -315px;
	left: 50%;
	margin-left: -209px;
}
	
.logo {
	position: relative;
	width: 418px;
	height: 226px;
	margin: 0 auto;
	clear: both;
}
.logo img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

.vodka {
	margin: 0 auto;
	margin-top: 40px;
	clear: both;
	position: absolute;
	top: 210px;
	width: 100%;
	left: 0px;
}
.vodka img {
	margin: 0 auto;
	display: none;
}

.contact {
	position: absolute;
	top: 400px;
	width: 100%;
	left: 0px;
	
	display: none;
	
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-family: 'Questrial', sans-serif;
}

a {
	color: #937f56;
	text-decoration: none;
}
a:hover {
	color: #fff;
}


.social {
	position: relative;
	margin: 10px;
	font-size: 24px;
}
/*.fb { color: #48ab8e; }
.tw { color: #d1b40e; }
.in { color: #cb3090; }*/



.audio-control {
	font-size: 2em;
	position: absolute;
	top: 20px;
	right: 30px;
	text-align: center;
	
	border-radius: 80px;
	background: #fff;
	height: 50px;
	width: 50px;
	display: table;
	
	color: #000;
}

.audio-control.pulse {
  -webkit-animation: pulse 0.5s linear 1;
  -moz-animation: pulse 0.5s linear 1;
  animation: pulse 0.5s linear 1;
}

.audio-control .fa {
	vertical-align: middle;
	display: table-cell;
}


@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale(1.1);
  }

  to {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  from {
    -moz-transform: scale(1.1);
  }

  to {
    -moz-transform: scale(1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}




@-webkit-keyframes shines {
  from {
	  background-position: -2000px 0px;
  }
  to {
	  background-position: 2000px 0px;
  }
}
@-moz-keyframes shines {
  from {
	  background-position: -2000px 0px;
  }
  to {
	  background-position: 2000px 0px;
  }
}
@keyframes shines {
  from {
	  background-position: -2000px 0px;
  }
  to {
	  background-position: 2000px 0px;
  }
}