/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	color: #333;font-family: 'Alegreya SC', serif;
	vertical-align: baseline;
	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
    background: white;
  }
}

@font-face {
	font-family: 'midwayfont';
	src: url('midwayfont.eot');
	src: local('?'), url('midwayfont.woff') format('woff'), url('midwayfont.ttf') format('truetype'), url('midwayfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.antispam { display:none;}
img {max-width: 100%;}
.main_h {
  position: fixed;
  right: 0px;
  max-height: 110px;
  z-index: 8;
  width: 100%;
  padding-top: 0px;
  background: #333;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  top: -100px;
  padding-bottom: 6px;
  font-family: "midwayfont";
  text-transform: uppercase; 
}

.aboutphoto {margin-top:-15px;}

@media only screen and (max-width: 480px) {
  .toplink img  {
margin-right:-45px;
  }
}
.animation-element img{
  opacity: 1;
  position: relative;
  z-index:8;
  margin-top:-375px;
}
@media only screen and (max-width: 1024px) {
  .animation-element img  {
  margin-top:-300px;
  }
}
@media only screen and (max-width: 768px) {
  .animation-element img  {
  margin-top:-250px; 
  }
}
@media only screen and (max-width: 480px) {
  .animation-element img  {
   opacity: 0;
   display:none;
  }
}
@media only screen and (max-width: 768px) {
  .whiskeyslide img  {
  max-width:75%; max-height:75%; 
  }
}
@media only screen and (max-width: 768px) and (orientation:landscape){.whiskeyslide{display:none;}}

@media only screen and (max-width: 768px) and (orientation:landscape){.beerslide{display:none;}}
@media only screen and (max-width: 768px) and (orientation:landscape){.banner{display:none;}}
@media only screen and (max-width: 768px) and (orientation:landscape){.banner2{display:none;}}
.animation-element.slide-left img{
  opacity: 1;
  -moz-transition: all 2s linear;
  -webkit-transition: all 2s linear;
  -o-transition: all 2s linear;
  transition: all 2s linear;
  -moz-transform: translate3d(-200px, 0px, 0px);
  -webkit-transform: translate3d(-200px, 0px, 0px);
  -o-transform: translate(-200px, 0px);
  -ms-transform: translate(-200px, 0px);
  transform: translate3d(-200px, 0px, 0px);
  -webkit-transition-delay: 2s; /* Safari */
    transition-delay: 2s;

}

.animation-element.slide-left.in-view img{
  opacity: 1;
  -moz-transform: translate3d(300px, 0px, 0px);
  -webkit-transform: translate3d(300px, 0px, 0px);
  -o-transform: translate(300px, 0px);
  -ms-transform: translate(300px, 0px);
  transform: translate3d(300px, 0px, 0px);

}
@media only screen and (max-width: 768px) {
  .animation-element.slide-left img {
  opacity: 1;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
  }
}
@media only screen and (max-width: 768px) {
  .animation-element.slide-left.in-view img {
  opacity: 1;
  -moz-transform: translate3d(200px, 0px, 0px);
  -webkit-transform: translate3d(200px, 0px, 0px);
  -o-transform: translate(200px, 0px);
  -ms-transform: translate(200px, 0px);
  transform: translate3d(200px, 0px, 0px);
  }
}
@media only screen and (max-width: 480px) {
 .animation-element.slide-left img {
  opacity: 0;
  display:none;;
  }
}
@media only screen and (max-width: 480px) {
 .animation-element.slide-left.in-view img {
  opacity: 0;
  display:none;
  }
}


.animation-element.slide-right img{
  opacity: 1;
  -moz-transition: all 2s linear;
  -webkit-transition: all 2s linear;
  -o-transition: all 2s linear;
  transition: all 2s linear;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  margin-top:-425px;
  -webkit-transition-delay: 2s; /* Safari */
    transition-delay: 2s;
 
}

.animation-element.slide-right.in-view img{
  opacity: 1;
  -moz-transform: translate3d(-400px, 0px, 0px);
  -webkit-transform: translate3d(-400px, 0px, 0px);
  -o-transform: translate(-400px, 0px);
  -ms-transform: translate(-400px, 0px);
  transform: translate3d(-400px, 0px, 0px);
  margin-top:-425px;
 
}
@media only screen and (max-width: 1024px) {
  .animation-element.slide-right.in-view img {
  margin-top:-370px;
  }
}
@media only screen and (max-width: 1024px) {
  .animation-element.slide-right img {
  margin-top:-370px;
  }
}
@media only screen and (max-width: 768px) {
  .animation-element.slide-right img {
  margin-top:-300px;
  }
}
@media only screen and (max-width: 768px) {
  .animation-element.slide-right.in-view img {
  margin-top:-300px;
  }
}
@media only screen and (max-width: 480px) {
  .animation-element.slide-right img {
   opacity: 0;
  display:none;
  }
}
@media only screen and (max-width: 480px) {
  .animation-element.slide-right.in-view img {
  opacity: 0;
  display:none;
  }
}

.whiskeyslide {background: url("../images/barback.jpg");height:478px; width:100%; position:relative;z-index:6; }
.whiskeyslide p{font-family: 'Rye', cursive;
font-size: 4vw; color:#f68e1d; text-transform:none;  text-decoration: none; position: relative;
padding-top:3%; float:left; padding-left:15px;
text-shadow: 2px 2px 10px #000000;z-index:7;
}
.beerslide {background: url("../images/beerback.jpg"); height:478px; width:100%; position:relative;z-index:6; }
@media only screen and (max-width: 768px) {
  .beerslide {
  background-size:contain;background-repeat: no-repeat;margin-top:-86px;
  }
}
@media only screen and (max-width: 480px) {
  .beerslide {margin-top:-315px;
  }
}
@media only screen and (max-width: 480px) {
  .beerslide h2 {font-family: "midwayfont";
color:white; text-transform:uppercase; text-decoration: none;
font-size: 30px;padding-top:30px; padding-left:30px;text-shadow: 1px 1px 10px #000000;z-index:998;position:relative;
  }
}
@media only screen and (max-width: 480px) {
  .whiskeyslide h2 {font-family: "midwayfont";
color:white; text-transform:uppercase; text-decoration: none;
font-size: 30px;padding-top:30px; padding-left:30px;text-shadow: 1px 1px 10px #000000;z-index:998;position:relative;
  }
}



@media only screen and (max-width: 768px) {
  .whiskeyslide {
  background-size:contain;background-repeat: no-repeat;
  }
}
.choosebeer p{font-family: 'Alegreya SC', serif;
font-size: 4vw; color:#f68e1d; text-transform:none; text-decoration: none; position:relative;
padding-top:12%; text-align:right; padding-right:15px;
text-shadow: 2px 2px 10px #000000; float:right; line-height: 1.5;z-index:7;
}
@media only screen and (max-width: 1920px) {
  .whiskeyslide p {
 font-size: 2.5vw;
  }
}
@media only screen and (max-width: 1920px) {
  .beerslide p {
 font-size: 2.5vw;
  }
}
@media only screen and (max-width: 1920px) {
  .choosefood p {
 font-size: 2.5vw;
  }
}
@media only screen and (max-width: 1600px) {
  .whiskeyslide p {
 font-size: 3vw;
  }
}
@media only screen and (max-width: 1600px) {
  .beerslide p {
 font-size: 3vw;
  }
}
@media only screen and (max-width: 1600px) {
  .choosefood p {
 font-size: 3vw;
  }
}
@media only screen and (max-width: 1280px) {
  .whiskeyslide p {
 font-size: 4vw;
  }
}
@media only screen and (max-width: 1280px) {
  .beerslide p {
 font-size: 4vw;
  }
}
@media only screen and (max-width: 1280px) {
  .choosefood p {
 font-size: 4vw;
  }
}
@media only screen and (max-width: 1023px) {
  .whiskeyslide p {
 font-size: 4vw;
  }
}
@media only screen and (max-width: 1023px) {
  .beerslide p {
 font-size: 4vw;
  }
}
@media only screen and (max-width: 1024px) {
  .choosefood p {
 font-size: 4vw;
  }
}
.foodslide { height:700px; width:100%; position:relative; }
.brunch {background: url("../images/foodback.jpg"); height:350px; width:100%; position:relative;z-index:6;}
.food{background: url("../images/foodback2.jpg"); height:350px; width:100%; position:relative;z-index:6;}
.choosefood p{font-family: "midwayfont";
font-size: 60px; color:white; text-transform:uppercase; text-decoration: none;
padding-top:130px; padding-left:50px;
text-shadow: 1px 1px 10px #000000;z-index:998;position:relative;z-index:7;
}
@media only screen and (max-width: 768px) {
  .brunch {
  background-size:contain;background-repeat: no-repeat;
  }
}
@media only screen and (max-width: 768px) {
  .food {
  background-size:contain;background-repeat: no-repeat;margin-top:-63px;
  }
}
@media only screen and (max-width: 480px) {
  .food {
  background-size:contain;background-repeat: no-repeat;margin-top:-231px;
  }
}
@media only screen and (max-width: 480px) {
  .choosefood p {
  font-size: 30px;padding-top:30px; padding-left:30px;
  }
}
@media only screen and (max-width: 768px) {
  .sec02{
  margin-top:-100px;
  }
}
@media only screen and (max-width: 768px) {
  .sec03{
  margin-top:-150px;
  }
}
@media only screen and (max-width: 768px) {
  .sec04{
  margin-top:60px;
  }
}
@media only screen and (max-width: 857px) {
  .sec04{
  margin-top:70px;
  }
}
@media only screen and (max-width: 600px) {
  .sec04{
  margin-top:160px;
  }
}
@media only screen and (max-width: 480px) {
  .sec03{
  margin-top:-40px;
  }
}
@media only screen and (max-width: 480px) {
  .sec04{
  margin-top:20px;
  }
}
@media only screen and (max-width: 320px) {
  .sec03{
  margin-top:-40px;
  }
}
@media only screen and (max-width: 384px) {
  .sec04{
  margin-top:-60px;
  }
}
@media only screen and (max-width: 375px) {
  .sec04{
  margin-top:-20px;
  }
}
@media only screen and (max-width: 360px) {
  .sec04{
  margin-top:-160px;
  }
}


.status{position:relative;background:none;width:100%; height:30px;text-align:center;top:-20px;z-index:1000;}


#cols {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap:0px;
	list-style: none;
	text-align: center;
	font-size: 10px;
	line-height: 1;
	font-family: "midwayfont";
	color: #333;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin:0;
	padding-bottom: 20px;
	
			
}
#cols ul {-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
                         /* Actually FF 20+ */}
#cols li {display: inline-block; line-height: 1.1;}
#cols img {background: #333; border: 1px solid #333; }
#cols span {
	color: black;font-weight: bold;}
#cols2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap:0px; /* Firefox */
    column-gap:0px;
	list-style: none;
	text-align: center;
	font-size: 10px;
	line-height: 1;
	font-family: "midwayfont";
	color: #333;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin:0;
	padding-bottom: 20px;		
}
#cols2 ul {-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
                         /* Actually FF 20+ */}
#cols2 li {display: inline-block; line-height: 1.1;}
#cols2 img {background: #333; border: 1px solid #333;}
#cols2 span {
	color: black;font-weight: bold;}
.banner {background: url('../images/banner.png'); height: 81px; letter-spacing: -2;}
.banner2 {background: url('../images/banner2.png'); height: 81px; letter-spacing: -2;}
.banner3 {background: url('../images/banner.png'); height: 81px; letter-spacing: -2;}
.banner4 {background: url('../images/banner2.png'); height: 81px; letter-spacing: -2;}
@media only screen and (max-width: 1024px) {.banner  {background-size:contain;background-repeat:no-repeat;background-position: center;}}
@media only screen and (max-width: 1024px) {.banner2  {background-size:contain;background-repeat:no-repeat;background-position: center;}}
@media only screen and (max-width: 1024px) {.banner3  {background-size:contain;background-repeat:no-repeat;background-position: center;}}
@media only screen and (max-width: 1024px) {.banner4  {background-size:contain;background-repeat:no-repeat;background-position: center;}} 
@media only screen and (max-width: 480px) {.banner  {background:none;}}
@media only screen and (max-width: 480px) {.banner2  {background:none;}}
@media only screen and (max-width: 480px) {.banner3  {background:none;}}
@media only screen and (max-width: 480px) {.banner4  {background:none;}} 
@media only screen and (max-width: 1024px) {.sec01 h1{margin-left:-10px;font-size: 20px !important;}}
@media only screen and (max-width: 1024px) {.sec02 h1{margin-left:-10px;font-size: 20px !important;}}
@media only screen and (max-width: 1024px) {.sec03 h1{margin-left:-10px;font-size: 20px !important;}}
@media only screen and (max-width: 1024px) {.sec04 h2{margin-left:-10px;font-size: 20px !important;}}
@media only screen and (max-width: 480px) {.sec01 h1{opacity:0;}}
@media only screen and (max-width: 480px) {.sec02 h1{opacity:0;}}
@media only screen and (max-width: 480px) {.sec03 h1{opacity:1;}}
@media only screen and (max-width: 480px) {.sec04 h2h1{opacity:1;}}
@media screen and (min-device-width: 481px) and (max-device-width: 90000px) {.mobilewhiskey {opacity:0;display:none;}}
@media screen and (min-device-width: 481px) and (max-device-width: 90000px) {.mobilebeer {opacity:0;display:none;}}
@media screen and (min-device-width: 481px) and (max-device-width: 90000px) {.mobilebrunch {opacity:0;display:none;}}
@media screen and (min-device-width: 481px) and (max-device-width: 90000px) {.mobilefood {opacity:0;display:none;}}
@media only screen and (max-width: 480px) {.mobilewhiskey{opacity:1;display: block;margin-bottom:-3px;}}
@media only screen and (max-width: 480px) {.mobilebeer{opacity:1;display: block;margin-bottom:-3px;}}
@media only screen and (max-width: 480px) {.mobilebrunch{opacity:1;display: block;margin-bottom:-3px;}}
@media only screen and (max-width: 480px) {.mobilefood{opacity:1;display: block;}}
@media only screen and (max-width: 480px) {.sec01{opacity:0;display:none;}}
@media only screen and (max-width: 480px) {.sec02{opacity:0;display:none;}}
@media only screen and (max-width: 480px) {.whiskeyslide{opacity:0;display:none;}}
@media only screen and (max-width: 480px) {.beerslide{opacity:0;display:none;}}
@media only screen and (max-width: 480px) {.foodslide{opacity:0;display:none;}}
@media only screen and (max-width: 480px) {.choosewhiskey{opacity:0;display:none;}}
@media only screen and (max-width: 480px) {.choosebeer{opacity:0;display:none;}}
@media only screen and (max-width: 854px) {.events h2{font-size: 1.25em !important;}}
@media only screen and (max-width: 854px) {.events a{font-size: 1.25em !important;}}
@media only screen and (max-width: 705px) {.sec04{margin-top:120px;}}
@media only screen and (max-width: 663px) {.sec04{margin-top:140px;}}
@media only screen and (max-width: 625px) {.sec04{margin-top:160px;}}
@media only screen and (max-width: 412px) {.sec04{margin-top:30px;}}
@media only screen and (max-width: 384px) {.sec04{margin-top:-10px;}}
@media only screen and (max-width: 360px) {.sec04{margin-top:-70px;}}
@media only screen and (max-width: 320px) {.sec04{margin-top:-140px;}}


@media only screen and (max-width: 480px) {
  #cols span  {
  font-weight: normal;
  letter-spacing: 0;
  }
}
@media only screen and (max-width: 480px) {
  #cols b  {
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0;
  }
}
#cols li {
	padding-bottom: 40px;
}
#contact-formmars {
background: url('../images/cincinnatiorange.jpg');
  border: 1px solid #333;
  padding: 15px;
  width: 100%;
  color: #333;
  font-family: 'Alegreya SC', serif;
  font-size: 20px;
  min-height: 420px;
}
@media only screen and (max-width: 480px) {
  #contact-formmars  {
  padding: 2px;
  min-height: 300px;
  }
}
@media only screen and (max-width: 320px) {
  #contact-formmars label  {
  margin-top: 0px;
  
  }
}
@media only screen and (max-width: 320px) {
  #contact-formmars input[type="text"]  {
  margin-top: -20px;
  
  }
}


#contact-formmars fieldset {
  border: none;
  position: relative;
  padding:0;margin:0;
  z-index: 7;
}

#contact-formmars label {
  display: block;
  margin-bottom: 12px;
}
@media only screen and (max-width: 480px) {
  #contact-formmars label  {
  padding-top: 2px;
  
  }
}
#contact-formmars input[type="text"] {
 border:2px solid #333;
  border-radius:5px;
  font-size: 16px;
  width: 302px;
  height: 40px;
  font-family: 'Alegreya SC', serif;
}

#contact-formmars input#name {
  font-family: 'Alegreya SC', serif;
  border-radius:5px;
   color:black;
   margin-bottom: 15px;
}
.g-recaptcha {
padding-top: 15px;
padding-bottom: 15px;
 border-radius:5px;;}

#contact-formmars input#email {
  border-radius:5px;
   color:black;
   margin-bottom: 15px;
}
#contact-formmars textarea#message {
   border:2px solid #333;
   border-radius:5px;
  vertical-align: top;
  width: 302px;
  height: 100px;
  color : black;
   font-family: 'Alegreya SC', serif;
}
[type="submit"] {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  width:302px;
  background-image: linear-gradient(#b55100, black);
  
  border-radius:5px;
  border:2px solid #333;
  cursor:pointer;
  color:white;
  font-size:24px;
  padding: 10px 0 10px 0;
  transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
  -webkit-appearance:none;
opacity: 1;
  
}
[type="submit"]:hover { background:black; }
#contactcols {
background: url('../images/whitebg.jpg');
font-family: "Book Antiqua", "Palatino Linotype", Georgia, serif;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
	list-style: inline;
	text-align: center;
	color: #333;
	font-size: 18px;
	display: block;
    width: 100%;
	padding-top: 10px;
	text-transorm:none;	
}
@media only screen and (max-width: 480px) {
  #contactcols  {
  display: none;
  }
}
span {#333;font-family: "Book Antiqua", "Palatino Linotype", Georgia, serif; text-transform: none;}
#cols2 span{
	font-family: "Book Antiqua", "Palatino Linotype", Georgia, serif; text-transform: none;}
#contactcols ul{
	color: #333;font-family: "Book Antiqua", "Palatino Linotype", Georgia, serif; text-transform: none;}
.address {
	font-size: 18px;
    color: white;
    font-family: 'Alegreya SC', serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0px;
	}
.hero {
  position: absolute;
  background-size: cover;
  text-align: center;
  color: #fff;
  top: 20%;
  min-height: 650px;
  width: 100%;
  z-index: 7;
  font-family: "midwayfont", sans-serif;
  text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
  .hero  {
   min-height: 355px;
  }
}

 @media only screen and (max-width: 766px) {
  .hero  {
   top: 5%;
  }
}

.hero h1 {
  font-size: 70px;
  color: white;
  font-family: "midwayfont", sans-serif;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0px;
  top: 50%;
  left: 50%;
  margin-bottom: -10px;
  text-shadow: 2px 2px 10px #000000;
  
}

.hero h2 {
  font-size: 20px;
  color: white;
  font-family: "midwayfont", sans-serif;
  font-weight: normal;
  font-style: normal;
  left: 50%;
  letter-spacing: 2px;
  text-shadow: 2px 2px 10px #000000;
  margin-bottom: -8px;
  }
 @media only screen and (max-width: 480px) {
  .hero h2 {
    margin-bottom: 0px;
  }
}
#bottlecap{position:fixed; left:5px; top:300px; z-index: 9999;}
@media only screen and (max-width: 1024px) {
  #bottlecap img{opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
    
  }
}
#rotate {
  font-family: 'Kaushan Script', cursive;
  font-style: normal;
  font-weight: normal;
  color: white;
  font-size: 1.1em;
  letter-spacing: 0;
  text-shadow: 2px 2px 10px #000000;
  top: 50%;
  left: 50%;
  padding-top: 15px;
  padding-bottom: 0px;
  text-transform: none;
  
}

 @media only screen and (max-width: 480px) {
  .hero img{
    max-width:75%;max-height:75%;
  }
}
 @media only screen and (max-width: 480px) and (orientation: landscape) {
  .hero img{
    max-width:20%;max-height:20%;
  }
}


@media only screen and (max-width: 480px) {
  #rotate {
    font-size: 1em;
  }
}
.divider1 {
	background: #333 url("bg1.png");
	height: 200px;
	width:100%;
}
.socials {
	padding-bottom: 20px;}
.socials img{
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	max-width: 100%;
	width:45px;
	height:45px;

}
@media only screen and (max-width: 766px) {
  .socials img {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
  }
}
.socials img:hover{
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
 @media only screen and (max-width: 480px) {
  .socials  {
  padding-bottom: 10px;
  }
}

.mouse {
  display: block;
  margin: 0 auto;
  width: 26px;
  height: 46px;
  border-radius: 13px;
  border: 2px solid white;
  position: absolute;
  left: 50%;
  top: 400px;
  margin-left: -14px;
  z-index:8;
}
.mouse span {
  display: block;
  margin: 6px auto;
  width: 3px;
  height: 3px;
  border-radius: 4px;
  background: white;
  border: 1px solid transparent;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}
.mouse p {
	width: 150px;
	text-align: center;
	letter-spacing: 0px;
	margin-left: -65px;
	margin-top: 40px;
	color: white;
	font-size: 8px;
	
}

.flexslider .slides > li { 
  background-position: center;
  height: 100%;
  max-width: 100%;
  display: none; 
  -webkit-backface-visibility: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.flexslider-container, 
.flexslider .slides, 
.flex-viewport {
    height: 100%;
}

html, 
body {
  height: 100%;
  min-height: 100%;
  max-width: 100%;
  
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  max-width: 100%;
  background: black url('../images/tilebg4.png');
}

ul.slides {
  margin: 0;
  padding: 0;
}
.price {opacity: 0;
  filter: alpha(opacity=0); /* For IE8 and earlier */ height:0px; width:0px;}
.flexslider {
  margin: 0; 
  padding: 0; 
  max-width: 100%; 
  height: 100%; 
  border: 0px; 
  overflow: hidden;
  box-shadow: 0px 1px 50px #333;
  margin-top:0px;
}
@media only screen and (max-width: 766px) {
  .main_h {
    padding-top: 5px;
  }
}


.open-nav {
  max-height: 400px !important;
  
}
.open-nav .mobile-toggle {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

.sticky {
  background: #333 url('../images/bg.png');
  opacity: 1;
  filter: alpha(opacity=100); /* For IE8 and earlier */
  top: 0px;
  width: 100%;
  padding-bottom:3px;
  box-shadow: 0px 3px 5px #333;
  
}

.toplink {position:fixed; z-index:9; bottom:-4px; right:0px;}
@media only screen and (max-width: 920px) {
  .sticky {
    opacity: 0.0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
  }
}
sticky2 {background: url('bg1.png');width: 100%;
}
@media only screen and (max-width: 480px) {
  .sticky {
    display: none;
  }
}

.logo {
  width: 100px;
  float: left;
  margin-top: 0px;
  display: block;
  line-height: 1;
  font-size: 12px;
  padding-bottom: 5px;margin-right: 10px; 
}
.logo h1{
	font-family: "midwayfont", sans-serif;
    font-size: 40px;
	color: white;
    font-weight:normal;
    text-align: center;
    line-height: 1;
    margin-bottom: -5px;
	padding-top: -50px;
	
}
.logo h2{
	font-family: "midwayfont", sans-serif;
    font-size: 14px;
	color: white;
    font-weight:normal;
	padding-top: 1.5px;
	text-align: center;
}
.logo img {
	display:block;}
@media only screen and (max-width: 766px) {
  .logo {
  	padding-top: 5px;
    line-height: 1;
  }
}
@media only screen and (max-width: 480px) {
  .logo img {
    display:none;
  }
}

@media only screen and (max-width: 766px) {
  .logo {
    float: none;
  }
}

nav {
 background: url('../images/taps.png');	
  float: left;
  width: 750px;
  z-index: 9;
  top:-20px;
  left: -10;
   
}

@media only screen and (max-width: 766px) {
  nav {
    width: 100%;
  }
}
nav ul {
position: relative;
  height: 200px;
  top: 20px;
  width: 750x;
  right: -45px; 
}
nav a {
  font-family: "midwayfont", sans-serif;
  font-size: 22px;
  color: white;
  font-weight:normal;
  font-style: normal;
  top:35px;
  float: left;
  position: relative;
  padding-right:38px;    
}

section ul {list-style-type: none; 
}
.sec01 {padding-top: 0px; position:relative; }
.sec02 {padding-top: 50px; position:relative;}
.sec03 {padding-top: 50px; position:relative;height:970px;}
.sec04 {padding-top: 50px;position:relative;}

.sec01 h1 {
 font-family: "midwayfont", sans-serif;
  font-size: 30px;
  color: #333333;
  font-weight:normal;
  font-style: normal;
  padding-top: 34px;
  padding-bottom: 40px;
  letter-spacing: -2px;
  }
 .sec01 h2 {
  font-family: "midwayfont", sans-serif;
  font-size: 20px;
  color: #333333;
  font-weight:normal;
  font-style: normal;
  text-transform: uppercase;
  }
.sec01 h3 {
 font-family: "Kaushan Script", CURSIVE;
 padding-bottom: 20px;
  font-size: 18px;
  color: #333333;
  font-weight:normal;
  font-style: normal;
  text-transform: none;
  }
  
 .sec01 li {
 font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 18px;
  color: #333333;
  font-weight:normal;
  font-style: normal;
  text-transform: uppercase;
  }
.sec02 h1 {
 font-family: "midwayfont", sans-serif;
  font-size: 30px;
  color: #333333;
  font-weight:normal;
  font-style: normal;
  padding-top: 34px;
  letter-spacing: -2px;
  }
 .sec03 h1 {
 font-family: "midwayfont", sans-serif;
  font-size: 30px;
  color: #333333;
  font-weight:normal;
  font-style: normal;
  padding-top: 34px;
  padding-bottom: 40px;
  letter-spacing: -2px;
  }
   .events h2 {
font-family: 'Alegreya SC', serif;
  font-size: 30px;
  color: #333333;
  font-weight:normal;
  font-style: normal;
  padding-top: 34px;
  padding-bottom: 40px;
  letter-spacing: -1px;
  line-height:1.5;
  }
   .events a {
font-family: 'Alegreya SC', serif;
  font-size: 30px;
  color: #ff6b00;
  font-weight:normal;
  font-style: normal;
  padding-top: 34px;
  padding-bottom: 40px;
  letter-spacing: -1px;
  }
  
  .sec03 p { font-family: "Book Antiqua", "Palatino Linotype", Georgia, serif; text-transform: none; text-align:center;position:relative; float:left; text-indent: 1.0em; }
 @media only screen and (max-width: 480px) {
  .sec03 p {
    font-size:3vw;
  }
  }
 
.sec04 h2 {
 font-family: "midwayfont", sans-serif;
  font-size: 30px;
  color: #333333;
  font-weight:normal;
  font-style: normal;
  padding-top: 34px;
  padding-bottom: 40px;
  letter-spacing: -2px;}

 .sec02 p {
  font-family: "Book Antiqua", "Palatino Linotype", Georgia, serif;
  font-size: 18px;
  color: #333333;
  font-weight:normal;
  font-style: normal;
  text-transform: none;

  }

  .sec04 p {
 color: #333;font-family: 'Alegreya SC', serif;
  font-size: 18px;
  color: #333333;
  font-weight:normal;
  font-style: normal;
  }
 
@media only screen and (max-width: 766px) {
  .sec02 p {
    font-size: 14px;
	font-weight: bold;
  }
  }
@media only screen and (max-width: 480px) {
  .sec02 p {
    font-size: 12px;
	font-weight: bold;
  }
  }
@media only screen and (max-width: 480px) {
  .sec01  {
   padding-top: 100px;
  }
}
@media only screen and (max-width: 320px) {
  .sec01  {
   padding-top: 0px;
  }
}

@media only screen and (max-width: 766px) {
  nav ul {
    padding-top: 10px;
    margin-bottom: 22px;
    float: left;
    text-align: center;
    width: 100%;
  }
}
nav ul li {
  display: inline-block;
  padding-right: 20;
  
  
  
}
@media only screen and (max-width: 766px) {
  nav ul li {
    width: 100%;
    padding: 7px 0;
    margin: 0;
	line-height: 1;
  }
}


.mobile-toggle {
  display: none;
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  right: 22px;
  top: 20px;
  width: 30px;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
@media only screen and (max-width: 766px) {
  .mobile-toggle {
    display: block;
	
  }
}

.mobile-toggle span {
  width: 30px;
  height: 4px;
  margin-bottom: 6px;
  border-radius: 1000px;
  background: white;
  display: block;
  
}

.footer {
   background: #333 url('../images/bg2.png');
   width: 100%;
   height: 380px;
   display:block;
   text-align: center;
   margin-top: 1px;
   POSTION:ABSOLUTE;
}

.footer p {
font-family: 'Kaushan Script', cursive;
  font-style: normal;
  font-weight: normal;
  color: white;
  font-size: 25px;;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 2px 2px 10px #000000;}
   .footer img {
   	bottom: 0;}
#copyright {
	text-align: center;
	color: white;
  	font-family: 'Alegreya SC', serif;
  	text-size: 2px;
	background: black;
	height: 55px;
	padding-top: 7px;
}

#footcolumns {
    font-family: "Book Antiqua", "Palatino Linotype", Georgia, serif; text-transform: none;
    -webkit-column-count: 3 ; /* Chrome, Safari, Opera */
    -moz-column-count: 3 ; /* Firefox */
    column-count: 3 ;
	-webkit-column-width: 33.3%;
     -moz-column-width: 33.3%;
          column-width: 33.3%;
	-moz-column-fill: auto;
    column-fill: auto;
	padding-top: 1.5%;
	}
#footsocials img {}
#footcolumns li {padding: 2%; }
#footcolumns p {padding: 0 0; margin-bottom: -10px; margin-top: -5px;}
#footcolumns ul {margin-top: 10px; }
#footcolumns a {color: white; text-shadow: 2px 2px 10px #000000;}
#footcolumns h1 {color: #333;font-family: 'Alegreya SC', serif;
  font-style: normal;
  font-weight: normal;
  color: white;
  font-size: 25px;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 2px 2px 10px #000000; padding: 2%; margin-top: 0px; line-height:.55;}
#footcolumns h2 {font-family: "Book Antiqua", "Palatino Linotype", Georgia, serif; text-transform: none;
color: white; text-shadow: 2px 2px 10px #000000; text-transform: uppercase; padding: 2%; font-size: 18px; line-height:.5;}

@media only screen and (max-width: 1023px) {
  #footcolumns {
  -webkit-column-count: 1 ; /* Chrome, Safari, Opera */
    -moz-column-count: 1 ; /* Firefox */
    column-count: 1 ;
	height: 1150px;
	padding-top: 20px;
	
  }
}
@media only screen and (max-width: 1023px) {
  .footer {
    height: 1150px;
  }
}
@media only screen and (max-width: 766px) {
  #footcolums {
    height: 1100px;
  }
}
@media only screen and (max-width: 766px) {
  .footer {
    height: 1100px;
  }
}

#boom {
position:fixed;
	top: 75px;
	z-index: 1200;
}
.vertical-text {
            font-family:'julius_blackregular', sans-serif;
			background: white;
			color: #333;
			font-size: 16px;
			padding: 5px;
			border: 1px solid #333;
			}
	
#footcolumns img {padding: 0 0;}	
.row {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  position: relative;
  top: 0px;
  left: 0px; 
  box-shadow: 0px 1px 50px #333;
 
  background: url('../images/whitebg.jpg');
}
.row content {
 height: 1000px;
 width: 100%;}
 

@media only screen and (max-width: 766px) {
  .mouse {
    display: none;
  }
}
@media only screen and (max-width: 766px) {
  .mouse span {
    display: none;
  }
}
@media only screen and (max-width: 766px) {
  .mouse p {
    display: none;
  }
}

.light {padding-bottom: 40px;}
* {
  box-sizing: border-box;
}
a {
  text-decoration: none;
}



p {
  margin-bottom: 20px;
  font-size: 17px;
  line-height: 2;
  text-transform: uppercase;
}

.content {
  padding: 50px 2% 50px;
}

@-webkit-keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }



}