html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    position: relative;
    font-size: 15px;
	line-height: 24px;
	font-family: 'Conv_ProximaNova-Reg', 'Arial', 'Helvetica CY', 'Nimbus Sans L', sans-serif;
	color: #000000;
    background: #000000;
	-webkit-text-size-adjust: none;
	min-width: 320px;
}

@font-face {
    font-family: 'Conv_ProximaNova-Reg';
    src: url('fonts/ProximaNova-Reg.eot');
    src: url('fonts/ProximaNova-Reg.eot?#iefix') format('embedded-opentype'),
		 url('fonts/ProximaNova-Reg.woff') format('woff'),
		 url('fonts/ProximaNova-Reg.ttf') format('truetype'),
		 url('fonts/ProximaNova-Reg.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'flyerfontsallages';
    src: url('fonts/Flyerfonts-AllAges-webfont.eot');
    src: url('fonts/Flyerfonts-AllAges-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Flyerfonts-AllAges-webfont.woff2') format('woff2'),
         url('fonts/Flyerfonts-AllAges-webfont.woff') format('woff'),
         url('fonts/Flyerfonts-AllAges-webfont.ttf') format('truetype'),
         url('fonts/Flyerfonts-AllAges-webfont.svg#flyerfontsallages') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neucharegular';
    src: url('fonts/Neucha-webfont.eot');
    src: url('fonts/Neucha-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Neucha-webfont.woff2') format('woff2'),
         url('fonts/Neucha-webfont.woff') format('woff'),
         url('fonts/Neucha-webfont.ttf') format('truetype'),
         url('fonts/Neucha-webfont.svg#neucharegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'traveling__typewriterregular';
    src: url('fonts/TRAVELINGTYPEWRITER-webfont.eot');
    src: url('fonts/TRAVELINGTYPEWRITER-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/TRAVELINGTYPEWRITER-webfont.woff2') format('woff2'),
         url('fonts/TRAVELINGTYPEWRITER-webfont.woff') format('woff'),
         url('fonts/TRAVELINGTYPEWRITER-webfont.ttf') format('truetype'),
         url('fonts/TRAVELINGTYPEWRITER-webfont.svg#traveling__typewriterregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'annie_use_your_telescopeRg';
    src: url('fonts/ANNIEUSEYOURTELESCOPE-webfont.eot');
    src: url('fonts/ANNIEUSEYOURTELESCOPE-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ANNIEUSEYOURTELESCOPE-webfont.woff2') format('woff2'),
         url('fonts/ANNIEUSEYOURTELESCOPE-webfont.woff') format('woff'),
         url('fonts/ANNIEUSEYOURTELESCOPE-webfont.ttf') format('truetype'),
         url('fonts/ANNIEUSEYOURTELESCOPE-webfont.svg#annie_use_your_telescopeRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'appo_paintregular';
    src: url('fonts/APPOPAIN-webfont.eot');
    src: url('fonts/APPOPAIN-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/APPOPAIN-webfont.woff2') format('woff2'),
         url('fonts/APPOPAIN-webfont.woff') format('woff'),
         url('fonts/APPOPAIN-webfont.ttf') format('truetype'),
         url('fonts/APPOPAIN-webfont.svg#appo_paintregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

img {
	border: 0;
	max-width: 100%;
}

form, fieldset {
	margin: 0;
	padding: 0;
	border: 0 none;
}

a {
	outline: 0;
	color: #000000;
}

a:hover {
	text-decoration: none;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
	border: 0;
	padding: 0;
}

h2 {
    font-family: 'flyerfontsallages';
	font-size: 50px;
	font-weight: normal;
	line-height: 60px;
	margin: 0 0 20px 0;
}

p {
	margin: 0 0 24px 0;
}

.about-us-box {
    background: url('../img/about-us-box.png') no-repeat;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/about-us-box.png',sizingMethod='scale')";
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/about-us-box.png',sizingMethod='scale');
	-webkit-box-shadow: 1px 1px 33px rgba(0,0,0,0.75), 0 0 27px rgba(0,0,0,0.20) inset;
	-moz-box-shadow: 1px 1px 33px rgba(0,0,0,0.75), 0 0 27px rgba(0,0,0,0.20) inset;
	box-shadow: 1px 1px 33px rgba(0,0,0,0.75), 0 0 27px rgba(0,0,0,0.20) inset;
	padding: 54px 66px 66px 78px;
	max-width: 912px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	font-family: 'traveling__typewriterregular';
}

.about-us-box .about-us-box-header {
    color: #067B37;
	font-size: 30px;
	line-height: 42px;
	margin-bottom: 15px;
    font-family: 'flyerfontsallages';
}

.about-us-box .about-us-box-title {
    width: 193px;
	height: 34px;
    background-image: url('../img/about-us-box-title.png');
	position: absolute;
	right: 51px;
	top: 51px;
}

.beer h2 {
    color: #FFFFFF;
	font-size: 60px;
	margin: 0 0 35px 0;
}

.beer-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	font-size: 0;
	line-height: 0;
	letter-spacing: -4px;
}

.beer-list > li {
	display: inline-block;
	vertical-align: top;
	height: 49px;
	font-size: 14px;
	line-height: 49px;
	letter-spacing: normal;
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.75);	
	box-shadow: 1px 1px 5px rgba(0,0,0,0.75);
	width: 295px;
	margin: 0 10px 6px 10px;
	text-transform: uppercase;
	font-family: 'Georgia', 'Century Schoolbook L', serif;
	/* font-family: 'traveling__typewriterregular'; */
    background: url('../img/beer-item.png') no-repeat;
}

.bg ul,
.bg ul > li,
.bg .bx-wrapper,
.bg .bx-wrapper .bx-viewport,
.bg .bg-item {
	width: 100% !important;
	height: 100% !important;
	position: fixed !important;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: -200;
}

.bg ul > li {
	background-repeat: no-repeat;
	background-position: center center;
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
}

.box {
	text-align: center;
}

.button {
    width: 154px;
	height: 47px;
	margin: 0 auto;
	display: block;
	text-decoration: none;
    background: url('../img/button.png') no-repeat;
    font-family: 'flyerfontsallages';
	font-size: 22px;
	line-height: 47px;
	color: #067a37;
	border: 0 none;
	cursor: pointer;
}

.carousel, .carousel-menus {
	position: relative;
}

.carousel ul, .carousel-menus ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.carousel ul > li, .carousel-menus ul > li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.carousel-menus ul > li {
	
}



.carousel .bx-wrapper .bx-next,
.carousel-menus .bx-wrapper .bx-next {
    background: url('../img/carousel-next.png') no-repeat;
	right: -93px;
}

.carousel .bx-wrapper .bx-prev,
.carousel-menus .bx-wrapper .bx-prev  {
    background: url('../img/carousel-prev.png') no-repeat;
	left: -93px;
}

.carousel .bx-wrapper .bx-next,
.carousel .bx-wrapper .bx-prev,
.carousel-menus .bx-wrapper .bx-next,
.carousel-menus .bx-wrapper .bx-prev{
	height: 107px;
	width: 55px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
}

.carousel-box {
	padding: 0 100px;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: '';
}

.clearfix:after {
	clear: both;
}

.col {
	overflow: hidden;
}



.container {
    max-width: 1024px;
    margin: 0 auto;
	padding: 84px 10px 30px 10px;
}

.currently-pouring{
	color:#fff;
	font-family: 'traveling__typewriterregular';
	font-size:24px;

}

.employment h2 {
    color: #fff;
	font-size: 57px;
}

.employment p {
    color: #FFFFFF;
	font-size: 18px;
	line-height: 21px;
	margin: 32px auto;
	max-width: 400px;
    font-family: 'traveling__typewriterregular';
}

.fixed-nav {
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 200;
	width: 41px;
    background: url('../img/fixed-nav.jpg') no-repeat;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fixed-nav.jpg',sizingMethod='scale')";
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fixed-nav.jpg',sizingMethod='scale');
}

.fixed-nav > ul {
	margin: 18px 0 18px 2px;
	padding: 0;
	list-style-type: none;
}

.fixed-nav > ul > li {
	margin-top: 11px;
}

.fixed-nav > ul > li:first-child {
	margin: 0;
}

.fixed-nav > ul > li > a {
	display: block;
	margin: 0 auto;
	height: 18px;
	width: 18px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #000000;
}

.fixed-nav .active {
	background: #109949;
}

.flash {
	width: 277px;
	height: 214px;
	position: absolute;
	left: 50%;
	bottom: 38px;
	margin-left: -138px;
	overflow: hidden;
}

.flash > iframe {
	width: 277px;
	height: 214px;
	display: block;
	border: 0 none;
}

footer {
	background-image: url('../img/bg/bg-footer.jpg');
	background-position: center top;
	background-repeat: no-repeat;
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
	position: relative;
	z-index: 3;
}

footer .donate {
	position: absolute;
	left: 15px;
	bottom: 15px;
	text-decoration: none;
	color: #85cb63;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	padding: 0 5px;
	background: #000000;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
   font-family: 'traveling__typewriterregular';
}

footer .footer-info {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0;
	line-height: 0;
	letter-spacing: -4px;
}

footer .footer-info > li {
   /*  font-family: 'neucharegular'; */
   font-family: 'traveling__typewriterregular';
	color: #FFFFFF;
	line-height: 24px;
	font-size: 14px;
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	width: 24%;
}

footer .footer-info > li > h2 {
	color: #3e9315;
}

footer .footer-info > li > p {
	margin: 0 0 24px 0;
}

footer .footer-info > li > p > span {
	color: #85cb63;
	font-size:15px;
}

footer .footer-info .footer-info-sep {
    width: 1.33333%;
	display: inline-block;
	vertical-align: middle;
	height: 216px;
    background: url('../img/footer-v-line.png') no-repeat center center;
}

footer .footer-info .footer-social {
	margin: 0 auto 30px;
	padding: 0;
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
}

footer .footer-info .footer-social > li {
	float: left;
	margin-left: 14px;
}

footer .footer-info .footer-social > li:first-child {
	margin: 0;
}

footer .footer-info .footer-social > li > a {
	display: block;
	height: 65px;
	width: 65px;
}

footer .footer-info .footer-social .fb {
    background: url('../img/footer-social.png') no-repeat left top;
}

footer .footer-info .footer-social .in {
    background: url('../img/footer-social.png') no-repeat -157px top;
	width: 66px;
}

footer .footer-info .footer-social .tw {
    background: url('../img/footer-social.png') no-repeat -79px top;
}

footer .footer-info .mailing-list-button {
    width: 164px;
	height: 53px;
	margin: 0 auto;
	display: block;
	text-decoration: none;
    background: url('../img/mailing-list-button.png') no-repeat;
    font-family: 'flyerfontsallages';
	font-size: 22px;
	line-height: 53px;
	color: #3e9315;
}

footer .footer-info .no-margin {
	margin: 0
}

footer .made-in {
	position: absolute;
	right: 15px;
	bottom: 15px;
	text-decoration: none;
	color: #FFFFFF;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	padding: 0 9px;
	background: #000000;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=36);
	-moz-opacity: 0.36;
	-khtml-opacity: 0.536;
	opacity: 0.36;
   font-family: 'traveling__typewriterregular';
}

footer .made-in > span {
	font-weight: bold;
	font-style: italic;
}

.form {
	text-align: left;
	min-width: 500px;
}

.form fieldset {
	margin-bottom: 9px;
}

.form label {
	width: 90px;
	line-height: 28px;
	float: left;
}

.form .form-button {
	margin: 0;
	padding-top: 14px;
	text-align: center;
	padding-left: 90px;
}

.form .pull-left, .form .pull-right {
	width: 48%;
}

.form-center {
	max-width: 680px;
	margin: 0 auto;
}

.gallery h2 {
	color: #FFFFFF;
}

.gallery .carousel {
	max-width: 715px;
	margin: 0 auto;
	border: 10px solid #000;
	display: block;
	-webkit-box-shadow: 1px 1px 38px rgba(0,0,0,0.85);
	-moz-box-shadow: 1px 1px 38px rgba(0,0,0,0.85);
	box-shadow: 1px 1px 38px rgba(0,0,0,0.85);
}

.gallery .carousel img {
	display: block;
}

.gallery .carousel .bx-wrapper .bx-next {
    background: url('../img/carousel-next.png') no-repeat;
}

.gallery .carousel .bx-wrapper .bx-prev {
    background: url('../img/carousel-prev.png') no-repeat;
}

header {
	position: relative;
	z-index: 10;
}

header .header-box {
	width: 100%;
	height: 100%;
    background: url('../img/header-box.png') no-repeat;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 5;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/header-box.png',sizingMethod='scale')";
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/header-box.png',sizingMethod='scale');
}

header .logo {
	width: 358px;
	height: 358px;
    background: url('../img/logo.png') no-repeat;
    position: absolute;
    top: 34px;
    left: 22px;
	z-index: 10;
}

header .scroll-down {
	width: 84px;
	height: 36px;
    background: url('../img/scroll-down.png') no-repeat;
    position: absolute;
    bottom: 18px;
    left: 50%;
	margin-left: -42px;
	z-index: 15;
	cursor: pointer;
}

.menus h2 {
	color: #FFFFFF;
	font-size: 40px;
	line-height: 45px;
	margin: 0 0 10px 0;
}

.carousel-menus {
	max-width: 223px;
	margin: 0 auto;
}

.carousel-menus img {
	width: 203px;
	border: 10px solid #000000;
	display: block;
}

.mobile-only{
	display: none;
}

nav {
	height: 54px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
    background: url('../img/nav.png') no-repeat;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/nav.png',sizingMethod='scale')";
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/nav.png',sizingMethod='scale');
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.5);
	box-shadow: 0 3px 3px rgba(0,0,0,0.5);
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
	padding: 4px 0;
}

nav.fixed {
	position: fixed;
	bottom: auto;
	top: 0;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	text-align: justify;
	text-align-last: justify;
}

nav ul:after {
	content: '';
	display: inline-block;
	width: 100%;
	height:	0;
	overflow: hidden;
}

nav ul > li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	height: 54px;
}

nav ul > li > a {
	line-height: 42px;
	font-size: 28px;
	text-decoration: none;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.75);
	color: #FFFFFF;
    font-family: 'flyerfontsallages';
	height: 54px;
	padding: 0 10px;
}

nav ul > li > a:hover, nav .active {
    color: #067a37;
}

nav .container {
	padding: 0 10px;
}

nav .nav-button {
	text-align: center;
	height: 5px;
	width: 30px;
	background: #FFFFFF;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 20px;
	display: none;
	z-index: 200;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

nav .nav-button:after {
	height: 5px;
	border-bottom: 5px solid #FFFFFF;
	content: '';
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

nav .nav-button:before {
	height: 5px;
	border-top: 5px solid #FFFFFF;
	content: '';
	position: absolute;
	left: 0;
	top: -10px;
	width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.news .carousel {
	max-width: 350px;
	margin: 0 auto;
}

.news .button {
    background: url('../img/learn-more-button.png') no-repeat;
	margin-top: 35px;
}

.news-date {
	font-size: 23px;
	line-height: 27px;
	margin-bottom: 20px;
    font-family: 'appo_paintregular';
}

.news-header {
	font-size: 35px;
	line-height: 38px;
    font-family: 'appo_paintregular';
}

.news-text {
	font-size: 18px;
	line-height: 22px;
	font-family: 'traveling__typewriterregular';
	padding-bottom:50px;
}

.private-events h2 {
    color: #fff;
}

.private-events p {
    color: #FFFFFF;
	font-size: 18px;
	line-height: 21px;
	margin: 32px auto;
	max-width: 500px;
    font-family: 'traveling__typewriterregular';
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.scroll-pane {
	width: 100%;
	height: 288px;
	overflow: auto;
}

.scroll-pane  .jspContainer {
	overflow: hidden;
	position: relative;
}

.scroll-pane  .jspPane {
	position: absolute;
}

.scroll-pane  .jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
}

.scroll-pane .jspTrack {
	background: #B6A593;
	background: rgba(0,0,0,0.2);
	position: relative;
}

.scroll-pane .jspDrag {
	background: #067B37;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

section {
	background-position: center top;
	background-repeat: no-repeat;
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
	position: relative;
	z-index: 3;
}

.select {
    background: #EFEFEF url('../img/select-arrow.png') no-repeat right top;
	border-top: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@-moz-document url-prefix() { 

  .select {
     background: #EFEFEF;
  }
  
}

.select > select {
	width: 100%;
	height: 27px;
	background: none;
	border: 0 none;
	-webkit-border-radius: 0;
	display: block;
	margin: 0;
	outline: 0;
    font-size: 14px;
	color: #292529;
	line-height: 27px;
	padding: 0 0 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
}

.textarea {
    background: #EFEFEF;
	border-top: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-right: 0 none;
	border-bottom: 0 none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 138px;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	display: block;
	margin: 0;
	outline: 0;
    font-size: 14px;
	color: #292529;
	line-height: 19px;
	padding: 4px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	resize: none;
	overflow: auto;
}

.textfield {
    background: #EFEFEF;
	border-top: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-right: 0 none;
	border-bottom: 0 none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 28px;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	display: block;
	margin: 0;
	outline: 0;
    font-size: 14px;
	color: #292529;
	line-height: 19px;
	padding: 4px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.set-mode {
	float: left;
}

.tabs-nav, .tabs-nav-menus {
	padding-top: 30px;
}

.tabs-nav > ul, .tabs-nav-menus > ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
}

.tabs-nav > ul > li, .tabs-nav-menus > ul > li {
	float: left;
	vertical-align: top;
	line-height: 46px;
	font-size: 25px;
	margin-left: 25px;
	position: relative;
}

.tabs-nav > ul > li:before, .tabs-nav-menus > ul > li:before {
	width: 10px;
	height: 10px;
	content: '';
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;	
	border-radius: 50%;
	background: #067a37;
	position: absolute;
	left: -17px;
	top: 50%;
	margin-top: -5px;
}

.tabs-nav > ul > li:first-child, .tabs-nav-menus > ul > li:first-child {
	margin: 0;
}

.tabs-nav > ul > li:first-child:before, .tabs-nav-menus > ul > li:first-child:before {
	display: none;
}

.tabs-nav > ul > li > a, .tabs-nav-menus > ul > li > a {
	color: #067a37;
    font-family: 'flyerfontsallages';
	text-decoration: none;
}

.tabs-nav .active, .tabs-nav-menus .active{
/* 	color: #067a37; */
	text-shadow: 0px 0px 4px #FFFFFF;
	
}


.tabs-nav-menus > ul > li a,
.beer .tabs-nav > ul > li a{
	text-shadow: 0 1px #000;
}

.beer .tabs-nav .active{
	text-shadow: 0px 0px 4px #FFFFFF;
}

.beer .tabs-nav > ul > li:before{
	
	text-shadow: 0 1px #000;
}

.order-online-columns { width: 400px; margin:40px auto; }
.order-online-columns .column { width:33%; float:left;}
.like-table { display:table; height:155px; }
.like-table-cell { display:table-cell; vertical-align:middle; }

.chownow-order-online { position:absolute; top:auto; right:auto; z-index: 100; bottom:65px; left:20px;}

.and-son-logo { display:block; width:150px; margin:auto; }
.and-son-logo-mobile { display:none; }
.flash { height: 366px; }



.button-order-online { background:rgba(0,0,0,.8) url(../img/carousel-next-gallery.png) no-repeat calc(100% - 20px) center; background-size:1em; padding:20px; border:3px solid #fff; font-size:25px; position:absolute; bottom:80px; left:30px; display:block; width:250px; height:100px; color:#fff; text-decoration:none; display:flex; align-items:center;box-sizing:border-box;z-index:99;  }
.button-order-online.location-one { bottom: 194px; }
.button-order-online .address { font-size:18px;display:block; }

.order-online-modal { font-size:18px;  display:none; border:3px solid #fff; position:fixed; top:50%; left:50%; padding:40px; background:#000; color:#fff; text-align:center; z-index:1000; transform:translate(-50%, -50%); }
.order-online-modal a { color:#fff; }
.close-modal { position: absolute; top: 15px; right: 20px; display: block; font-weight: bold; text-decoration: none; background: #fff; border-radius: 20px; padding: 5px; text-align: center; color: #000 !important; height: 15px; width: 15px; line-height: 13px; font-weight: bold; } 

@media (max-width:576px){
	.button-order-online { padding:11px; font-size:18px; bottom:23px; width:165px; height:73px; left:18px; background:rgba(0,0,0,.8) url(../img/carousel-next-gallery.png) no-repeat calc(100% - 11px) center; background-size:1em; }
	.button-order-online.location-one { bottom: 100px; }
	.button-order-online .address  { font-size:12px; }
	.order-online-modal { width:60%; }
	
}


@media (max-width:1100px){
	.and-son-logo-mobile { display:block; width:150px; position:absolute; bottom:20px; right:40px; z-index:100; }
}

@media screen and (max-width:468px){
	.order-online-columns { width: 350px }
}


@media screen and (max-width: 1100px) {
	
	.flash {
		display: none;
	}

}

@media screen and (max-width: 1000px) {
	
	.fixed-nav {
		display: none;
	}
	
	nav ul > li > a {
		font-size: 24px;
		padding: 0 5px;
	}

}

@media screen and (max-width: 900px) {
	
	footer {
		padding-bottom: 30px;
	}
	
	footer .footer-info > li {
		display: block;
		width: auto;
	}

	footer .footer-info .footer-info-sep {
		width: auto;
		display: block;
		height: 14px;
		background: url('../img/footer-h-line.png') no-repeat center center;
		margin: 20px 0;
	}

}

@media screen and (max-width: 767px) {

	.about-us {
		background-image: url('../img/bg/bg-about-us.jpg');
	}
	
	.beer {
		background-image: url('../img/bg/bg-beer.jpg');
	}

	.bg ul,
	.bg ul > li,
	.bg .bx-wrapper,
	.bg .bx-wrapper .bx-viewport,
	.bg .bg-item {
		position: absolute !important;
	}
	
	.employment {
		background-image: url('../img/bg/bg-employment.jpg');
	}
	
	.gallery {
		background-image: url('../img/bg/bg-gallery.jpg');
	}

	header ul > li {
		background-attachment: scroll;
	}

	header .logo {
		width: 258px;
		height: 258px;
		-o-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		-khtml-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		background-size: 100% 100%;
		top: 50%;
		left: 50%;
		margin-top: -129px;
		margin-left: -129px;
	}
	
	.menus {
		background-image: url('../img/bg/bg-menus.jpg');
	}
	
	nav {
		position: fixed;
		bottom: auto;
		top: 0;
	}

	nav ul {
		display: none;
		margin: 0;
		width: 100%;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 100;
		background: #6A4125;
		display: none;
		text-align:center !important;
		text-align-last:center !important;
	}

	nav ul:after {
		display: none;
	}

	nav ul > li {
		display: block;
		height: 54px;
	}
	
	nav .nav-button {
		display: block;
	}
	
	.news {
		background-image: url('../img/bg/bg-news.jpg');
	}
	
	.parallax-mirror {
		display: none !important;
	}
	
	.private-events {
		background-image: url('../img/bg/bg-private-events.jpg');
	}
	
	.set-mode {
		float: right;
	}
	
	.mobile-only{
		display: inline-block;
	}

	.chownow-order-online {
		top:80px;
		bottom:auto;
		left:50%;
		margin-left:-126px;
	}
}

@media screen and (max-width: 600px) {

	
	.about-us-box {
		padding: 20px;
	}
	
	.about-us-box .about-us-box-title {
		display: none;
	}
	
	.carousel .bx-wrapper .bx-next {
		right: -35px;
	}

	.carousel .bx-wrapper .bx-prev {
		left: -35px;
	}

	.carousel .bx-wrapper .bx-next,
	.carousel .bx-wrapper .bx-prev,
	.carousel-menus .bx-wrapper .bx-next,
	.carousel-menus .bx-wrapper .bx-prev  {
		height: 30px;
		width: 15px;
		margin-top: -15px;
		-o-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		-khtml-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	.carousel-menus .bx-wrapper .bx-prev{
		left:-35px;
	}
	
	.carousel-menus .bx-wrapper .bx-next{
		right:-35px;
	}
	

	.carousel-box {
		padding: 0 30px;
	}
	
	.form {
		min-width: 0;
	}
	
	.form label {
		width: auto;
		float: none;
		display: block;
	}

	.form .form-button {
		padding-left: 0;
	}

	.form .pull-left, .form .pull-right {
		width: auto;
		float: none;
	}
	
	.gallery .carousel .bx-wrapper .bx-next {
		background: url('../img/carousel-next-gallery.png') no-repeat;
		-o-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		-khtml-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		background-size: 100% 100%;
	}

	.gallery .carousel .bx-wrapper .bx-prev {
		background: url('../img/carousel-prev-gallery.png') no-repeat;
		-o-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		-khtml-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	.tabs-nav > ul > li {
		font-size: 30px;
		margin-left: 40px;
	}
	
	.tabs-nav-menus > ul > li{
		margin-left:8px;
		font-size:25px;
	}
	
	.tabs-nav-menus > ul > li:before{
		content: '';
		width:0;
		height:0;
	}

	.tabs-nav > ul > li:before {
		left: -25px;
	}
	
	.tabs-nav-menus span{
		display: none;
	}
	
	
	section{
		min-height: 400px;
	}
	
	

}

/* Grub Hub Order Online */
.grubhub-container{
	position: static;
	margin-top:20px;
}

/* Caviar Order Online */
.caviar-container{
	position: static;
	margin-top:5px;
}


.video{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	z-index: 10000;
	display: none;
}

.video-badge{
	width:250px;
	height:142px;
	background: #000;
	border:1px solid #fff;
	position: absolute;
	bottom:20px;
	left:20px;
	z-index: 100;
	cursor:pointer;
}

.close-video{
	position: absolute;
	top:0px;
	left:50%;
	width:140px;
	margin-left:-70px;
	z-index: 100001;
	font-size:16px;
	font-weight: bold;
	color:#fff;
	background: #000;
	text-align: center;
	padding:5px 20px 5px;
	box-sizing: border-box;
	text-decoration: none;
	display: inline-block;
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}



@media screen and (max-width: 467px) {
	.video-badge{
		left: 22px;
    margin-left: auto;
    width: 145px;
    height: 82px;
	
	}

	.and-son-logo-mobile {
		width: 107px;
		bottom: 4px;
		right: 18px;
	}
}