/*SITE CONTAIN*/
html,
body{
zoom: 100%;
width:100%;
height:100%;
margin:0;
padding:0;
z-index: -99;
background-color: #191919;
}
#header_contain{
position:relative;
background-color: #161616;
min-height:206px;
z-index: 1;
}

h1{
font-size:22px;
}
.pointer{
cursor: pointer;
}
br{
  padding:0;
  margin:0;
}
/*SITE CONTAIN END*/

/*CONTENT CONTAIN*/
#content_contain{
margin:0;
padding:20px 0 0 0 ;
margin-left: auto;
margin-right: auto;
}
#content{
margin:0;
padding:0;
margin-left: auto;
margin-right: auto;
max-width:980px;
}
/*CONTENT CONTAIN END*/

/*HEADER*/
#header{
margin-left: auto;
margin-right: auto;
max-width:980px;
min-height:150px;
background: url('/images/common/logo.png') no-repeat center;
background-size: 275px 106px;
}
/*HEADER END*/

/*NAVIGATION*/
.nav_top_bg{
width:100%;
height:54px;
border-top:1px solid #e1b10e;
border-bottom:1px solid #000000;
}
.nav_top{
margin-left: auto;
margin-right: auto;
text-align:center;
}

/*NAVIGATION END*/

/*FOOTER*/


.footer_top_contain{
border-top:1px solid #000000;
position:relative;
overflow: auto;
background-color: #161616;
padding:20px;
}
.footer_bottom_contain{
position:relative;
overflow: hidden;
background-color: #191919;
}
.footer_top{
   overflow: auto;
   margin-left: auto;
   margin-right: auto;
   max-width:980px;
}

.footer_top ul{
   list-style-type: none;
   text-align:center;
   margin:0;
   padding:0;
}
.footer_top li{
   overflow: auto;
   display:inline-block;
   color:#ffffff;
   text-decoration:none;
}
.footer_top a{
   font-family: arial;
   font-weight:normal;
   font-size: 8px;
   color:#ffffff;
   text-decoration:none;
}
.icon_home{
   margin:2px;
   width:46px;
   height:46px;
   background: url('/images/common/footer_icons.png') no-repeat 0px 0px;
}
.icon_mail{
   margin:2px;
   width:46px;
   height:46px;
   background: url('/images/common/footer_icons.png') no-repeat 0px -47px;
}
.icon_phone{
   margin:2px;
   width:46px;
   height:46px;
   background: url('/images/common/footer_icons.png') no-repeat -47px 0px;
}
.icon_facebook{
   margin:2px;
   width:46px;
   height:46px;
   background: url('/images/common/footer_icons.png') no-repeat -47px -47px;
}
.footer_bottom{
   overflow: auto;
   margin-left: auto;
   margin-right: auto;
   max-width:980px;
   padding:15px 20px 0 20px;
   min-height: 200px;
}
.footer_bottom p{
   text-align:center;
   font-family: arial;
   font-weight:normal;
   font-size: 12px;
   color:#ffffff;
}

/*FOOTER END*/

@font-face {
   font-family: font1;
   src: url(/fonts/Black_Crayon.ttf);
}
@font-face {
   font-family: font3;
   src: url(/fonts/Colored_Crayons.ttf);
}

.hero_home_1 {
   margin-bottom:10px;
   font-family: font1;
}
.hero_home_2 {
   margin-bottom:10px;
   font-family: font1;
}
.hero_home_3 {
   margin-bottom:10px;
   font-family: font3;
}
.hero_home_4 {
   margin-bottom:10px;
   font-family: font1;
}
.hero_home_5 {
   margin-bottom:10px;
   font-family: font1;
}
.hero_home_6 {
   margin-bottom:10px;
   font-family: font3;
}
.hero_home_7 {
   margin-bottom:10px;
   font-family: font1;
}
.hero_home_8 {
   margin-bottom:10px;
   font-family: font3;
}
.hero_home_9 {
   margin-bottom:10px;
   font-family: font3;
}
.hero_home_10 {
   margin-bottom:10px;
   font-family: font1;
}
.hero_home_11 {
   margin-bottom:10px;
   font-family: font3;
}
.hero_home_12 {
   margin-bottom:10px;
   font-family: font1;
}
.hero_home_13 {
   margin-bottom:10px;
   font-family: font1;
}
.hero_home_14 {
   margin-bottom:10px;
   font-family: font3;
}
.hero_home_15 {
   margin-bottom:10px;
   font-family: font1;
}
.hero_home_16 {
   margin-bottom:10px;
   font-family: font1;
}
.hero_home_17 {
   margin-bottom:10px;
   font-family: font1;
}
.hero_home_18 {
   margin-bottom:10px;
   font-family: font3;
}
.hero_home_19 {
   margin-bottom:10px;
   font-family: font3;
}
.hero_home_20 {
   margin-bottom:10px;
   font-family: font3;
}


/* HERO */
.home_content_contain{
  max-width:978px;
  overflow: hidden;
  background: url('/images/common/home_hero_bg.jpg') repeat;
   opacity: 0.80;
  filter: alpha(opacity=80); /* For IE8 and earlier */
  border:1px solid #ffffff;
  margin:0 20px 0 20px;
  padding:0;
}
.home_content_contain a{
    text-decoration:none;
    color:#ffffff;
    font-size:18px;
    margin:0;
    padding:0;
}
.home_content_contain ul{
    list-style-type: none;
    margin:0;
    padding:20px;
}

.home_header_contain{
  max-width:978px;
  text-align:center;
  padding:10px 5px 5px 5px;
  border-bottom:1px solid #ffffff;
}
.home_header_contain h1{
  font-family: font3;
  font-weight:normal;
  font-size: 33px;
  color:#ffffff;
  margin:0;
  padding:0;
}

.home_body_contain_left{
  float:left;
  overflow:hidden;
  
}
.home_body_contain_right{
  float:left;
  overflow:hidden;
}

/* CONTENT */

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/* STRUCTURE */
#pagewrap {
    position:relative;
    z-index: 1;
    overflow: auto;
	padding:0;
	margin:20px 0 20px 0;
	max-width: 978px;
}
#pagewrap p{
  font-family: arial;
  font-weight:normal;
  font-size: 12px;
  color:#ffffff;
}
#pagewrap h2{
  font-family: arial;
  font-weight:bold;
  font-size: 20px;
  color:#ffffff;
  text-decoration:underline;
}
#offer1 {
  background: url('/images/common/home_hero_bg.jpg') repeat;
   opacity: 0.80;
  filter: alpha(opacity=80); /* For IE8 and earlier */
  border:1px solid #ffffff;
	padding: 0 20px 0 20px;
	margin:0 20px 20px 20px;
}
#offer1 p{
}
#offer2 {
  background: url('/images/common/home_hero_bg.jpg') repeat;
   opacity: 0.80;
  filter: alpha(opacity=80); /* For IE8 and earlier */
  border:1px solid #ffffff;
	padding: 0 20px 0 20px;
	margin:0 20px 20px 20px;
}
#offer1 p{
}
#offer3 {
  background: url('/images/common/home_hero_bg.jpg') repeat;
   opacity: 0.80;
  filter: alpha(opacity=80); /* For IE8 and earlier */
  border:1px solid #ffffff;
	padding: 0 20px 0 20px;
	margin:0 20px 20px 20px;
}
#offer1 p{
}

/*CONTENT*/

@media screen and (min-width: 480px) {
    #offer1 {  float:left;width:34%;min-height:211px;}
    #offer2 {  float:right;width:34%;margin-left:0;}
    #offer3 {  clear: left;}
    #offer3 {  text-align:center;}
}
@media screen and (min-width: 540px) {
    #offer1 {  float:left;width:35%;}
    #offer2 {  float:right;width:35%;min-height:211px;margin-left:0;}
    #offer3 {  clear: left;}
}
@media screen and (min-width: 600px) {
    #offer1 {  float:left;width:37%;min-height:0;}
    #offer2 {  float:right;width:37%;min-height:0;margin-left:0;}
    #offer3 {  clear: left;}
}
@media screen and (min-width: 650px) {
    #offer1 {  float:left;width:38%;}
    #offer2 {  float:right;width:38%;margin-left:0;}
    #offer3 {  clear: left;}
}
@media screen and (min-width: 700px) {
    #offer1 {  float:left;width:39%;}
    #offer2 {  float:right;width:39%;margin-left:0;}
    #offer3 {  clear: left;}
}
@media screen and (min-width: 768px) {
    #offer1 {  float:left;width:40%;}
    #offer2 {  float:right;width:40%;margin-left:0;}
    #offer3 {  clear: left;}
}
@media screen and (min-width: 900px) {
    #offer1 {  float:left;width:42%;}
    #offer2 {  float:right;width:42%;margin-left:0;}
    #offer3 {  clear: left;}
}
@media screen and (min-width: 1030px) {
    #offer1 {  float:left;width:271px;	margin:0 20px 0 0;}
    #offer2 {  float:left;width:270px;margin:0 20px 0 0;}
    #offer3 {  clear: none;float:left;width:271px;margin:0 0 0 0;}
    #offer3 {  text-align:left;}
}


@media screen and (min-width: 300px) {
    .home_body_contain_left{text-align:left;}
    .home_body_contain_right{text-align:left;}
    .home_body_contain_left ul{padding:20px 0 0 20px;}
    .home_body_contain_right ul{padding:0 0 10px 20px;}
}
@media screen and (min-width: 480px) {
    .home_body_contain_left{text-align:left;}
    .home_body_contain_right{text-align:left;}
    .home_body_contain_left ul{padding:20px 0 0 20px;}
    .home_body_contain_right ul{padding:0 0 10px 20px;}
}
@media screen and (min-width: 600px) {
    .home_body_contain_left{width:100%;text-align:center;}
    .home_body_contain_right{width:100%;text-align:center;}
    .home_body_contain_left ul{padding:20px 0 0 0;}
    .home_body_contain_right ul{padding:0 0 10px 0;}
    .home_header_contain h1{font-size: 40px;}
}
@media screen and (min-width: 768px) {
    .home_body_contain_left{width:50%;text-align:left;}
    .home_body_contain_right{width:50%;text-align:left;}
    .home_body_contain_left ul{padding:20px;}
    .home_body_contain_right ul{padding:20px;}
    .home_header_contain h1{font-size: 42px;}
    }
@media screen and (min-width: 900px) {
    .home_body_contain_left{width:50%;text-align:left;}
    .home_body_contain_right{width:50%;text-align:left;}
    .home_header_contain h1{font-size: 44px;}
}
@media screen and (min-width: 1030px) {
        .home_content_contain{margin:0;}
    .home_header_contain h1{font-size: 46px;}
}

@media screen and (min-width: 1200px) {
    .home_body_contain_left{width:50%;text-align:left;}
    .home_body_contain_right{width:50%;text-align:left;}
    .home_header_contain h1{font-size: 48px;}
}


/* HERO */
.beer_content_contain{
  max-width:978px;
  overflow: auto;
}
.beer_header_contain{
  max-width:978px;
  text-align:center;
}
.beer_header_contain h1{
  font-family: font3;
  font-weight:normal;
  font-size: 50px;
  color:#ffffff;
  margin:0;
  padding:0;
}
.beer_body_contain_left{
  float:left;
  max-width:467px;
  padding: 0 20px 0 20px;
}
.beer_body_contain_left p{
  font-family: verdana;
  font-weight:normal;
  font-size: 15px;
  color:#ffffff;
}
.beer_body_contain_right{
  float:left;
  padding:0;
    overflow:hidden;
}
.beer_body_contain_right img{
  overflow:hidden;
  margin-bottom:20px;
}
.gmaps{
  margin:0 20px 20px 20px;
  overflow:hidden;
}
   
@media screen and (min-width: 245px) {   
    .beer_body_contain_right{ width:100%;text-align:center;}
    .beer_body_contain_right img{  width:245px;height:163px;}
    .beer_body_contain_left{  float:left;text-align:left;max-width:980px;padding: 0 20px 0 20px;}
    .gmaps{width:245px;height:163px;}
}
@media screen and (min-width: 320px) {
    .beer_body_contain_right{ width:100%;height:100%;text-align:center;}
    .beer_body_contain_right img{  width:320px;height:213px;}
    .beer_body_contain_left{  float:left;text-align:left;max-width:980px;padding: 0 20px 0 20px;}
    .gmaps{width:320px;height:213px;}
}
@media screen and (min-width: 480px) {
    .beer_body_contain_right img{  width:480px;height:320px;}
    .beer_body_contain_left{ padding: 0 40px 0 50px;}
    .beer_header_contain h1{font-size: 40px;}
    .gmaps{width:480px;height:320px;}
}
@media screen and (min-width: 600px) {
    .beer_body_contain_right img{  width:600px;height:400px;}
    .beer_body_contain_left{ padding: 0 60px 0 70px;}
    .beer_header_contain h1{font-size: 60px;}
    .gmaps{width:600px;height:400px;}
}
@media screen and (min-width: 768px) {
    .beer_body_contain_right img{  width:700px;height:467px;}
    .beer_body_contain_left{ padding: 0 80px 0 90px;}
    .beer_header_contain h1{font-size: 70px;}
    .gmaps{width:700px;height:467px;}
}
@media screen and (min-width: 900px) {
    .beer_body_contain_right img{  width:750px;height:500px;}
    .beer_body_contain_left{ padding: 0 100px 0 110px;}
    .beer_header_contain h1{font-size: 80px;}
    .gmaps{width:750px;height:500px;}
}
@media screen and (min-width: 1200px) {
    .beer_body_contain_right{  float:right;width:488px;}
    .beer_body_contain_right img{  width:446px;height:297px;}
    .beer_body_contain_left{  float:left;text-align:left;max-width:467px;padding:0;}
    .beer_header_contain h1{font-size: 90px;}
    .gmaps{width:446px;height:297px;}
}
/*FOR EVENS PAGE*/

.events_body_contain_right{
  float:left;
  padding:0;
  overflow:hidden;
}
.events_body_contain_right img{
  overflow:hidden;
  margin-bottom:20px;
}
@media screen and (min-width: 245px) {   
    .events_body_contain_right{ width:100%;text-align:center;}
    .events_body_contain_right img{  width:245px;height:349px;}
}
@media screen and (min-width: 320px) {
    .events_body_contain_right{ width:100%;height:100%;text-align:center;}
    .events_body_contain_right img{  width:320px;height:456px;}
}
@media screen and (min-width: 480px) {
    .events_body_contain_right img{  width:480px;height:684px;}
}
@media screen and (min-width: 600px) {
    .events_body_contain_right img{  width:600px;height:855px;}
}
@media screen and (min-width: 768px) {
    .events_body_contain_right img{  width:700px;height:998px;}
}
@media screen and (min-width: 900px) {
    .events_body_contain_right img{  width:750px;height:1069px;}
}
@media screen and (min-width: 1200px) {
    .events_body_contain_right{  float:right;width:488px;}
    .events_body_contain_right img{  width:446px;height:636px;}
}
    
/* OFFERS END */

/* NAV */
.section p {
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto
}
.nav-collapse.disable-pointer-events {
	pointer-events:none !important;
}
.nav-collapse {
	z-index:1;
	font-family:"proxima-nova-extra-condensed",sans-serif
}
.nav-collapse,.nav-collapse * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.nav-collapse,.nav-collapse ul {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	float:left
}
@media screen and (min-width:46.25em) {
	.nav-collapse,.nav-collapse ul {
		text-align:center
	}
}
.nav-collapse li {
	float:left;
	width:100%;
	display:block
}
@media screen and (min-width:46.25em) {
	.nav-collapse li {
		float:none;
		display:inline-block;
		*display:block;
		*float:left;
		width:auto;
		margin-left:.4em;
		margin-right:.2em
	}
}
.nav-collapse a {
	text-transform:uppercase;
	text-align:left;
	font-weight:400;
	font-size:13px;
	letter-spacing:2px;
	color:#ffffff;
	text-decoration:none;
	width:100%;
	background:#161616;
	border-top:1px solid #353535;
	padding:20px;
	float:left
}
.nav-collapse a:focus {
	background:#272727;
	outline:none
}
@media screen and (min-width:46.25em) {
	.nav-collapse a {
		_float:none;
		-webkit-font-smoothing:antialiased;
		margin:0;
		padding:20px;
		height:54px;
		font-size:13px;
		background:transparent;
		color:#ffffff;
		border:0;
		-webkit-transition:background .5s ease;
		-moz-transition:background .5s ease;
		-o-transition:background .5s ease;
		transition:background .5s ease
	}
	.nav-collapse a:hover,.nav-collapse a:focus {
		background:#272727;
	    
	}
}
@media screen and (min-width:46.25em) {
	.nav-collapse .active a {
		-webkit-font-smoothing:subpixel-antialiased;
		color:white;
		background:#f43c12
	}
	.nav-collapse .active a:hover {
		text-decoration:none
	}
	.nav-collapse .active a:focus {
		background:#ca2d09
	}
}
.js .nav-collapse {
	clip:rect(0 0 0 0);
	max-height:0;
	position:absolute;
	display:block;
	overflow:hidden
}
@media screen and (min-width:46.25em) {
	.js .nav-collapse {
		position:relative !important;
		max-height:none
	}
}
.nav-collapse.opened {
	max-height:9999px
}
.nav-toggle {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	width:65px;
	height:54px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background: url("/images/common/button.jpg") no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio:1.3),screen and (min--moz-device-pixel-ratio:1.3),screen and (-o-min-device-pixel-ratio:2 / 1),screen and (min-device-pixel-ratio:1.3),screen and (min-resolution:192dpi),screen and (min-resolution:2dppx) {
	.nav-toggle {
		background-image:url("/images/common/button.jpg");
		-webkit-background-size:65px 56px !important;
		-moz-background-size:65px 56px !important;
		-o-background-size:65px 56px !important;
		background-size:65px 56px !important
	}
}
@media screen and (min-width:46.25em) {
	.nav-toggle {
		display:none
	}