.cycle-slideshow {
    height:100vh !important;
    }
 

/*!
 *  Theme Name: Goose Island
 *  Theme URL: http://gooseisland.com
 *  Description: Chicago's Craft Beer
 *  Author:
 *  Author URI:
 *  Version: 1.0
 */
@import url("//hello.myfonts.net/count/2b3053");
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: "BrandonGrotesque";
  src: url("assets/fonts/2B3053_5_0.eot");
  src: url("assets/fonts/2B3053_5_0.eot?#iefix") format("embedded-opentype"), url("assets/fonts/2B3053_5_0.woff") format("woff"), url("assets/fonts/2B3053_5_0.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "BrandonGrotesque";
  src: url("assets/fonts/2B3053_2_0.eot");
  src: url("assets/fonts/2B3053_2_0.eot?#iefix") format("embedded-opentype"), url("assets/fonts/2B3053_2_0.woff") format("woff"), url("assets/fonts/2B3053_2_0.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "BrandonGrotesque";
  src: url("assets/fonts/2B3053_3_0.eot");
  src: url("assets/fonts/2B3053_3_0.eot?#iefix") format("embedded-opentype"), url("assets/fonts/2B3053_3_0.woff") format("woff"), url("assets/fonts/2B3053_3_0.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "BrandonGrotesque";
  src: url("assets/fonts/2B3053_4_0.eot");
  src: url("assets/fonts/2B3053_4_0.eot?#iefix") format("embedded-opentype"), url("assets/fonts/2B3053_4_0.woff") format("woff"), url("assets/fonts/2B3053_4_0.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "BrandonGrotesque";
  src: url("assets/fonts/2B3053_6_0.eot");
  src: url("assets/fonts/2B3053_6_0.eot?#iefix") format("embedded-opentype"), url("assets/fonts/2B3053_6_0.woff") format("woff"), url("assets/fonts/2B3053_6_0.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "BrandonGrotesque";
  src: url("assets/fonts/2B3053_7_0.eot");
  src: url("assets/fonts/2B3053_7_0.eot?#iefix") format("embedded-opentype"), url("assets/fonts/2B3053_7_0.woff") format("woff"), url("assets/fonts/2B3053_7_0.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "BrandonGrotesque";
  src: url("assets/fonts/2B3053_8_0.eot");
  src: url("assets/fonts/2B3053_8_0.eot?#iefix") format("embedded-opentype"), url("assets/fonts/2B3053_8_0.woff") format("woff"), url("assets/fonts/2B3053_8_0.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "BrandonGrotesque";
  src: url("assets/fonts/2B3053_9_0.eot");
  src: url("assets/fonts/2B3053_9_0.eot?#iefix") format("embedded-opentype"), url("assets/fonts/2B3053_9_0.woff") format("woff"), url("assets/fonts/2B3053_9_0.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "BrandonGrotesque";
  src: url("assets/fonts/2B3053_A_0.eot");
  src: url("assets/fonts/2B3053_A_0.eot?#iefix") format("embedded-opentype"), url("assets/fonts/2B3053_A_0.woff") format("woff"), url("assets/fonts/2B3053_A_0.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "BrandonGrotesque";
  src: url("assets/fonts/2B3053_B_0.eot");
  src: url("assets/fonts/2B3053_B_0.eot?#iefix") format("embedded-opentype"), url("assets/fonts/2B3053_B_0.woff") format("woff"), url("assets/fonts/2B3053_B_0.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

<!--@font-face {
  font-family: "fontello";
  src: url("assets/fonts/fontello.eot?98763708");
  src: url("assets/fonts/fontello.eot?98763708#iefix") format("embedded-opentype"), url("assets/fonts/fontello.woff?98763708") format("woff"), url("assets/fonts/fontello.ttf?98763708") format("truetype"), url("assets/fonts/fontello.svg?98763708#icon-font") format("svg");
  font-weight: normal;
  font-style: normal;
}-->

@font-face {
  font-family: "fontello";
  src: url("assets/fonts/fontello/fontello.eot");
  src: url("assets/fonts/fontello/fontello.eot") format("embedded-opentype"), url("assets/fonts/fontello/fontello.woff") format("woff"), url("assets/fonts/fontello/fontello.ttf") format("truetype"), url("assets/fonts/fontello/fontello.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello" !important;
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  width: 1em;
  margin: 0em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}

.icon-facebook:before {
  content: "\e801";
  top: 1px;
  right: 1px;
}

.icon-twitter:before {
  content: "\e802";
  top: 1px;
  left: 0px;
}

.icon-instagram:before {
  content: "\e800";
  top: 1px;
}

.icon-youtube:before {
  content: "\e804";
  top: 1px;
}

.icon-mail:before {
  content: "\e807";
  top: 1px;
}

.icon-linkedin:before {
  content: "\e808";
}

.icon-tumblr:before {
  content: "\e805";
  top:1px;
  right:1px;
}

.icon-vimeo:before {
  content: "\e806";
  top:1px;
}

.icon-pinterest:before {
  content: "\e803";
  top: 2px;
}

.cf, .clear {
  zoom: 1;
}
.cf:before, .clear:before, .cf:after, .clear:after {
  content: "";
  display: table;
}
.cf:after, .clear:after {
  clear: both;
}

.visually-hidden {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.title-wrap.dark, .owl-nav .owl-prev,
.owl-nav .owl-next, body.agegate .bg-img, body.beerinfo .beer-types, .beers .calendar-wrap, .blog-coming-soon, .find-beer section .results-wrap, .find-beer section .results-wrap .results i, .food-pairings-coming-soon, .home #video, .home .thumbs a, .our-story .video-wrap, .our-story .brewery-wrap, .our-story .barrels-wrap, .our-story .people-wrap {
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(assets/images/bg-size.htc);
  background-position: center center;
}

.find-beer section {
  background-repeat: no-repeat;
  background-size: contain;
  -ms-behavior: url(assets/images/bg-size.htc);
  background-position: top center;
}

[role="main"], .site-footer .nav-bottom ul, .site-footer .menu-static, .page-header .breadcrumbs, .page-title, .title-wrap.dark h1, .beers .title-wrap h1, .our-story .title-wrap h1, .terms h2,
.privacy h2, nav.sticky ul, .wysiwyg-content, .find-beer section .content-wrap, .find-beer section .controls, .our-story section .content-wrap {
  max-width: 66.25em;
  width: 100%;
  margin: 0 auto;
}

.page-title span, .title-wrap.dark h1 span, .beers .title-wrap h1 span, .our-story .title-wrap h1 span, .terms h2 span,
.privacy h2 span, .terms h2,
.privacy h2 {
  font-size: 1.125em;
}
@media screen and (min-width: 60em) {
  .page-title span, .title-wrap.dark h1 span, .beers .title-wrap h1 span, .our-story .title-wrap h1 span, .terms h2 span,
  .privacy h2 span, .terms h2,
  .privacy h2 {
    font-size: 1.75em;
  }
}

*, *:before, *:after {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media print {
  *, *:before, *:after {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

.gm-style img {
  max-width: none;
}

body {
  background: white;
  font-family: "BrandonGrotesque", sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #231f20;
}
@media print {
  body {
    width: 8in;
  }
}

[role="main"] {
  padding-bottom: 8em;
}
@media screen and (min-width: 60em) {
  [role="main"] {
    padding-bottom: 0;
    margin-bottom: 7.5em;
  }
}

a {
  color: #231f20;
  text-decoration: none;
}
a:hover {
  color: #a08958;
}

img {
  max-width: 100%;
  height: auto;
}

hr {
  margin: 1em 0;
  border: 0;
  border-bottom: 1px solid #a4abba;
}

iframe {
  display: block;
  border: none;
}
iframe.cochon, iframe.migration {
  width: 90%;
  height: 1000px;
  margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
  position: relative;
  line-height: 1.1em;
  margin-bottom: 0.5em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #231f20;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
  font-weight: bold;
}
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
  font-weight: normal;
}
h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small {
  text-transform: none;
}

h3 {
  color: #a08958;
}

p, dl {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.25em;
}

i, em {
  font-style: italic;
}

b, strong {
  font-weight: bold;
}

ul, ol, dd {
  line-height: 1.5em;
}

ul, ol {
  margin-bottom: 1.625em;
  padding-left: 20px;
}

li {
  font-size: inherit;
  line-height: 1.5em;
}

ol {
  list-style-type: decimal;
}

ul {
  list-style-type: disc;
}

input {
  font-family: "BrandonGrotesque", sans-serif;
  font-weight: normal;
}

.button {
  font-family: "BrandonGrotesque", sans-serif;
  font-weight: normal;
  display: block;
  height: 4.0625em;
  color: #f8fcee;
  background: url(assets/images/bg-asphalt.jpg) 20% 80% repeat;
  text-transform: uppercase;
  text-align: center;
  line-height: 4.0625em;
  cursor: pointer;
  border-width: 0;
}
.button.large {
  height: 2.5em;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 2.8125em;
}
@media screen and (min-width: 60em) {
  .button.large {
    font-size: 1.6875em;
    letter-spacing: 0.125em;
  }
}
.button.white {
  color: #231f20;
  background-image: url(assets/images/bg-asphalt-white.jpg);
}

.dot, .beers .calendar-wrap i {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: #231f20;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
  border-radius: 999px;
}
.dot.gold, .beers .calendar-wrap i.gold {
  background: #a08958;
}
.dot.blue, .beers .calendar-wrap i.blue {
	background: #99ccff;
}
.dot.tr, .beers .calendar-wrap i.tr {
  background: transparent !important;
}

input, textarea, select {
  border-radius: 0;
  border-width: 0;
  outline: none;
  padding: 5px 10px;
  margin: 0;
  font-family: "BrandonGrotesque", sans-serif;
  font-weight: normal;
}

input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.chosen-container {
  display: inline-block;
  height: 30px;
  font-size: 0.9375em;
  background-color: white;
  font-family: "BrandonGrotesque", sans-serif;
  font-weight: normal;
  cursor: pointer;
}

input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 5px;
  background-color: white;
  width: 35px;
}
input[type="checkbox"]:checked {
  background-color: #a08958;
  box-shadow: inset 0 0 0 7px white;
}

input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
}

input:focus,
textarea:focus {
  outline: none;
  border-color: blue;
}

input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
  height: auto;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.placeholder {
  color: black;
}

input::-webkit-input-placeholder {
  color: black;
}

input:-moz-placeholder {
  color: black;
}

input::-moz-placeholder {
  color: black;
}

input:-ms-input-placeholder {
  color: black;
}

input:focus::-webkit-input-placeholder {
  color: #eeeeee;
}

input:focus:-moz-placeholder {
  color: #eeeeee;
}

input:focus::-moz-placeholder {
  color: #eeeeee;
}

input:focus:-ms-input-placeholder {
  color: #eeeeee;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

@media screen and (min-width: 30em) {
  head {
    font-family: "mq-min-mini";
  }

  body:after {
    content: "mq-min-mini";
    display: none;
  }
}
@media screen and (min-width: 37.5em) {
  head {
    font-family: "mq-min-small";
  }

  body:after {
    content: "mq-min-small";
    display: none;
  }
}
@media screen and (min-width: 48em) {
  head {
    font-family: "mq-min-medium";
  }

  body:after {
    content: "mq-min-medium";
    display: none;
  }
}
@media screen and (min-width: 60em) {
  head {
    font-family: "mq-min-large";
  }

  body:after {
    content: "mq-min-large";
    display: none;
  }
}
@media screen and (min-width: 67.5em) {
  head {
    font-family: "mq-min-xlarge";
  }

  body:after {
    content: "mq-min-xlarge";
    display: none;
  }
}
@media screen and (min-width: 77.5em) {
  head {
    font-family: "mq-min-xxlarge";
  }

  body:after {
    content: "mq-min-xxlarge";
    display: none;
  }
}
@media screen and (max-width: 37.4375em) {
  head {
    font-family: "mq-max-mini";
  }

  body:after {
    content: "mq-max-mini";
    display: none;
  }
}
@media screen and (min-device-width: 48em) and (max-device-width: 59.9375em) and (orientation: portrait) {
  head {
    font-family: "mq-portrait";
  }

  body:after {
    content: "mq-portrait";
    display: none;
  }
}
@media screen and (min-device-width: 48em) and (max-device-width: 80em) and (orientation: landscape) {
  head {
    font-family: "mq-landscape";
  }

  body:after {
    content: "mq-landscape";
    display: none;
  }
}
@media screen and (max-width: 59.9375em) {
  head {
    font-family: "mq-small";
  }

  body:after {
    content: "mq-small";
    display: none;
  }
}
.row {
  width: 100%;
  margin: 0 auto;
  max-width: 66.25em;
}

.columns, .wysiwyg-content {
  padding-right: 0.625em;
  padding-left: 0.625em;
}
@media screen and (max-width: 67.4375em) {
  .columns, .wysiwyg-content {
    padding-right: 1.25em;
    padding-left: 1.25em;
  }
}

.col-1 {
  width: 8.33333%;
}

.col-2 {
  width: 16.66667%;
}

.col-3 {
  width: 25%;
}

.col-4, .beers .calendar-wrap .beer-types h2,
.beers .calendar-wrap .beer-types h3 {
  width: 33.33333%;
}

.col-5 {
  width: 41.66667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33333%;
}

.col-8, .beers .calendar-wrap .beer-types ul {
  width: 66.66667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33333%;
}

.col-11 {
  width: 91.66667%;
}

.col-12 {
  width: 100%;
}

[class*='col-'] {
  float: left;
}
@media screen and (max-width: 47.9375em) {
  [class*='col-'] {
    float: none;
    width: 100%;
  }
}

.site-footer {
  text-align: center;
}
@media screen and (min-width: 60em) {
  .site-footer {
    margin-top: 0;
  }
}
@media screen and (min-width: 60em) {
  .site-footer nav {
    margin-top: 0;
  }
}
.site-footer ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-footer li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.site-footer a {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}
.site-footer .nav-top {
  position: absolute;
  width: 100%;
  height: 5em;
  top: -4.0625em;
  margin-bottom: 0;
}
@media screen and (min-width: 60em) {
  .site-footer .nav-top {
    height: 3.125em;
    top: -3.125em;
    background-color: #231f20;
    box-shadow: 0px -5px 15px -1px #262626;
  }
}
.site-footer .nav-top:before {
  position: absolute;
  top: 26%;
  right: 0;
  left: 0;
  width: 100%;
  height: 30px;
  content: "";
  background-color: #231f20;
  box-shadow: 0px 0px 10px 2px #262626;
}
@media screen and (min-width: 37.5em) {
  .site-footer .nav-top:before {
    height: 45px;
  }
}
@media screen and (min-width: 60em) {
  .site-footer .nav-top:before {
    display: none;
  }
}
.site-footer .nav-top.stuck {
  position: fixed;
  top: auto;
  bottom: -1.25em;
  width: 100%;
  z-index: 10;
}
@media screen and (min-width: 60em) {
  .site-footer .nav-top.stuck {
    bottom: 0;
  }
}
.site-footer .nav-bottom {
  padding: 1.875em 0em;
  background: url(assets/images/footer-menu-bottom.jpg) left top repeat;
  box-shadow: 0px -5px 6px -2px rgba(0, 0, 0, 0.4);
}
.site-footer .nav-bottom div {
  padding: 1.25em 0.625em;
  background: url(assets/images/footer-menu-lines.jpg) left center repeat;
}
@media screen and (min-width: 60em) {
  .site-footer .nav-bottom div {
    padding: 0;
    padding-top: 0.1875em;
  }
}
.site-footer .menu-static li {
  display: inline-block;
  left: -2px;
  width: 23%;
  margin: 0 -4px 0 0;
  padding: 0 1%;
}
@media screen and (min-width: 30em) {
  .site-footer .menu-static li {
    width: 21%;
    padding: 0 2%;
  }
}
@media screen and (min-width: 37.5em) {
  .site-footer .menu-static li {
    width: 19%;
  }
}
@media screen and (min-width: 60em) {
  .site-footer .menu-static li {
    width: 25%;
    height: 5em;
  }
}
.site-footer .menu-static a {
  display: block;
  color: white;
  font-weight: 600;
  line-height: 2.5em;
  text-transform: uppercase;
}
@media screen and (min-width: 60em) {
  .site-footer .menu-static a {
    line-height: 3.4375em;
  }
}
.site-footer .menu-static a:hover, .site-footer .menu-static a.active {
  color: #a08958;
}
.site-footer .menu-static a.active i {
  background: #a08958;
}
.site-footer .menu-static span {
  display: none;
}
@media screen and (min-width: 60em) {
  .site-footer .menu-static span {
    display: block;
  }
}
.site-footer .menu-static img {
  display: block;
  top: 1.375em;
  width: 1.75em;
  height: auto;
  margin: 0 auto;
}
@media screen and (min-width: 37.5em) {
  .site-footer .menu-static img {
    top: 1.5em;
    width: 2.25em;
  }
}
@media screen and (min-width: 60em) {
  .site-footer .menu-static img {
    display: none;
  }
}
.site-footer .menu-top {
  margin-bottom: 1.5625em;
}
.site-footer .menu-top li {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 37.5em) {
  .site-footer .menu-top li {
    width: auto;
    margin: 0em 1.125em;
  }
}
@media screen and (min-width: 60em) {
  .site-footer .menu-top li {
    margin: 0em 1.5em;
  }
}
.site-footer .menu-top a {
  position: relative;
  height: 1.5625em;
  color: #4b4847;
  font-size: 1.125em;
  line-height: 1.5em;
}
.site-footer .menu-top a:hover {
  color: #231f20;
}
.site-footer .menu-bottom li {
  width: 100%;
  margin: 0 auto;
  color: #a08958;
  font-weight: 700;
  font-size: 0.875em;
  text-transform: uppercase;
}
@media screen and (min-width: 37.5em) {
  .site-footer .menu-bottom li {
    width: auto;
    margin: 0 1.5625em 0 0;
  }
}
@media screen and (min-width: 60em) {
  .site-footer .menu-bottom li {
    margin: 0 4.0625em 0 0;
  }
}
.site-footer .menu-bottom li:last-child {
  margin-right: 0;
  color: #231f20;
}

.site-header {
  text-align: center;
  padding: 1.25em 0;
}
.site-header .site-title {
  display: none;
  vertical-align: middle;
}
.site-header .site-title.mobile {
  display: block;
  margin-bottom: 1.25em;
}
.site-header .site-title.mobile a {
  margin: 0 auto;
  width: 5em;
}
@media screen and (min-width: 60em) {
  .site-header .site-title.mobile {
    display: none;
  }
}
@media screen and (min-width: 60em) {
  .site-header .site-title.desktop {
    display: inline-block;
    width: 7.5em;
  }
}
@media screen and (min-width: 67.5em) {
  .site-header .site-title.desktop {
    width: 11.25em;
  }
}
.site-header .site-title a {
  display: block;
}
.site-header .site-title img {
  display: block;
}
.site-header nav,
.site-header ul,
.site-header li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-header .find-beer-form {
  zoom: 1;
  margin: 10px auto;
  width: 90%;
}
.site-header .find-beer-form:before, .site-header .find-beer-form:after {
  content: "";
  display: table;
}
.site-header .find-beer-form:after {
  clear: both;
}
@media screen and (min-width: 37.5em) {
  .site-header .find-beer-form {
    width: 60%;
  }
}
@media screen and (min-width: 60em) {
  .site-header .find-beer-form {
    display: none;
  }
}
.site-header .find-beer-form .zip-code {
  float: left;
  width: 60%;
  height: 2.1875em;
  padding-top: 0;
  font-size: 1em;
  text-align: center;
  line-height: 2.5em;
}
.site-header .find-beer-form .button {
  float: left;
  width: 40%;
  height: 2.1875em;
  line-height: 2.625em;
}
.site-header .hide-mobile {
  display: none !important;
}
.site-header .mobile-only {
  display: inline-block !important;
}
@media screen and (min-width: 60em) {
  .site-header .hide-mobile {
    display: inline-block !important;
  }
  .site-header .mobile-only {
  	display: none !important;
  }
}
.site-header .nav-header {
  display: block;
}
.site-header ul.menu {
  margin: 0;
}
@media screen and (max-width: 37.4375em) {
  .site-header ul.menu {
    display: block;
  }
}
@media screen and (min-width: 37.5em) and (max-width: 59.9375em) {
  .site-header ul.menu {
    padding: 0 1.875em;
    vertical-align: middle;
  }
}
.site-header ul.menu li {
  vertical-align: middle;
}
@media screen and (max-width: 59.9375em) {
  .site-header ul.menu li {
    display: block;
  }
}
@media screen and (min-width: 60em) {
  .site-header ul.menu li {
    width: 8em;
  }
}
@media screen and (min-width: 67.5em) {
  .site-header ul.menu li {
    width: 8.5em;
  }
}
@media screen and (min-width: 77.5em) {
  .site-header ul.menu li {
    width: 9em;
  }
}
.site-header ul.menu a {
  display: inline-block;
  width: 100%;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 60em) {
  .site-header ul.menu a {
    line-height: 1.75em;
    padding: 1.25em 0;
  }
}
.site-header ul.menu a span {
  padding-top: 0.1875em;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 1em;
}
@media screen and (min-width: 60em) {
  .site-header ul.menu a span {
    font-size: 1.25em;
  }
}
@media screen and (min-width: 67.5em) {
  .site-header ul.menu a span {
    font-size: 1.375em;
  }
}
@media screen and (min-width: 60em) {
  .site-header li:hover ul {
    display: block;
  }
}
@media screen and (min-width: 60em) {
  .site-header .menu-social {
    padding-top: 2.1875em;
  }
}
.site-header .menu-social li {
  padding: 0em 0.125em;
}
@media screen and (min-width: 60em) {
  .site-header .menu-social li {
    padding: 0 0.5em 0 0;
    top: -8px;
  }
}
.site-header .menu-social li:last-child {
  padding-right: 0;
}
.site-header .menu-social a {
  display: block;
  width: 1.25em;
  height: 1.25em;
  background: #231f20;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
  border-radius: 999px;
  line-height: 1em;
}
@media screen and (min-width: 37.5em) {
  .site-header .menu-social a {
    width: 1.75em;
    height: 1.75em;
  }
}
.site-header .menu-social a:hover {
  background: #a08958;
}
.site-header .menu-social i {
  display: block;
  color: #eaeaea;
  vertical-align: middle;
  font-size: 0.7em;
  line-height: 11px;
  position: relative;
  top: 5px;
}
@media screen and (min-width: 37.5em) {
  .site-header .menu-social i {
    font-size: 1em;
    line-height: 19px;
  }
}
.site-header ul.sub-nav {
  display: none;
  position: absolute;
  top: 3em;
  z-index: 5;
}
.site-header ul.sub-nav li {
  display: block;
  margin: 0;
  margin: 0 0 0.125em 0;
  padding: 0;
}
.site-header ul.sub-nav a {
  width: 9.6875em;
  height: 1.625em;
  padding: 0;
  color: #f8fcee;
  font-size: 1.125em;
  line-height: 1.875em;
  text-align: center;
  background: #231f20;
}
.site-header ul.sub-nav a:hover {
  background: #a08958;
}

.page-header .breadcrumbs {
  margin-bottom: 1.25em;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 67.4375em) {
  .page-header .breadcrumbs {
    padding-right: 1.25em;
    padding-left: 1.25em;
  }
}
.page-header .breadcrumbs li {
  display: inline-block;
  height: 1.125em;
  margin-right: 0.625em;
  padding-right: 1.875em;
  background: url(assets/images/icon-star.png) center right no-repeat;
  font-weight: 700;
  font-size: 0.875em;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.title-wrap {
  height: 3.125em;
  margin-bottom: 2.5em;
}
@media screen and (min-width: 60em) {
  .title-wrap {
    height: 5.3125em;
  }
}
@media screen and (max-width: 67.4375em) {
  .title-wrap {
    padding-right: 1.25em;
    padding-left: 1.25em;
  }
}
.title-wrap.dark {
  background-image: url(assets/images/bg-asphalt.jpg);
  background-repeat: repeat !important;
}
@media screen and (min-width: 60em) {
  .title-wrap.dark {
    height: 3.125em;
  }
}

.page-title, .title-wrap.dark h1, .beers .title-wrap h1, .our-story .title-wrap h1, .terms h2,
.privacy h2 {
  margin-bottom: 0;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 3.125em;
}
@media screen and (min-width: 60em) {
  .page-title, .title-wrap.dark h1, .beers .title-wrap h1, .our-story .title-wrap h1, .terms h2,
  .privacy h2 {
    line-height: 5.9375em;
    letter-spacing: 0.125em;
  }
}
.page-title span, .title-wrap.dark h1 span, .beers .title-wrap h1 span, .our-story .title-wrap h1 span, .terms h2 span,
.privacy h2 span {
  display: block;
  color: #f8fcee;
  font-weight: 700;
  letter-spacing: 0.125em;
}

nav.sticky {
  position: fixed;
  top: -4.0625em;
  left: 0;
  right: 0;
  height: 2.1875em;
  background-color: #231f20;
  box-shadow: 0px 0px 15px -1px #4b4847;
  text-align: center;
  z-index: 100;
  -webkit-transition: top 0.25s ease-in-out;
}
@media screen and (min-width: 60em) {
  nav.sticky {
    display: block;
    height: 3.125em;
  }
}
nav.sticky.stuck {
  top: 0;
}
nav.sticky ul {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}
nav.sticky li {
  display: inline-block;
  margin: 0 3px;
}
@media screen and (min-width: 37.5em) {
  nav.sticky li {
    width: 16%;
    margin: 0 -4px 0 0;
  }
}
nav.sticky a {
  display: block;
  color: white;
  font-weight: 600;
  font-size: 0.6875em;
  line-height: 3.4375em;
  text-transform: uppercase;
}
@media screen and (min-width: 37.5em) {
  nav.sticky a {
    font-size: 1em;
    line-height: 2.5em;
  }
}
@media screen and (min-width: 60em) {
  nav.sticky a {
    line-height: 3.4375em;
  }
}
nav.sticky a:hover, nav.sticky a.active {
  color: #a08958;
}
@media screen and (max-width: 59.9375em) {
  nav.sticky span {
    display: none;
  }
}
nav.sticky span:nth-of-type(2) {
  display: inline;
}
@media screen and (min-width: 60em) {
  nav.sticky span:nth-of-type(2) {
    display: none;
  }
}
@media screen and (min-width: 60em) {
  body.our-barrels nav.sticky span:nth-of-type(2) {
    display: inline;
  }
}
.wysiwyg-content h3 {
  margin-bottom: 0;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: underline;
}
.wysiwyg-content .heading {
  font-weight: 900;
  text-transform: uppercase;
}
.wysiwyg-content .strong {
  font-weight: 700;
  text-transform: uppercase;
}
.wysiwyg-content .ul {
  text-decoration: underline;
}
.wysiwyg-content a {
  font-weight: 400;
  text-decoration: underline;
}
.wysiwyg-content p {
  line-height: 1.25em;
}

.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: center;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border-top: 0;
  background: white;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  text-decoration: none;
  white-space: nowrap;
  line-height: 35px;
  text-align: left !important;
}

.chosen-container-single .chosen-default {
  color: #999999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("assets/images/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("assets/images/chosen-sprite.png") no-repeat 0px 2px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaaaaa;
  background: white url("assets/images/chosen-sprite.png") no-repeat 100% -20px;
  background: url("assets/images/chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
} 

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 8px 6px 4px;
  list-style: none;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #cccccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #f8f8f7;
  color: #a08958;
}

.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaaaaa;
  background-color: white;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, white));
  background-image: -webkit-linear-gradient(#eeeeee 1%, white 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, white 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, white 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px;
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999999;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("assets/images/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #cccccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #cccccc;
  cursor: default;
}

.chosen-container-active .chosen-single {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, white));
  background-image: -webkit-linear-gradient(#eeeeee 20%, white 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, white 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, white 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111111 !important;
}

.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url("assets/images/chosen-sprite.png") no-repeat -30px -20px;
  background: url("assets/images/chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("assets/images/chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0px;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-content p {
  margin-bottom: 1em;
  font-size: 1.125em;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: white;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close .mfp-close:hover, .mfp-close .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close .mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  display: none;
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  width: 86px;
  height: 32px;
  font-size: 1em;
  line-height: 1em;
  color: white;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow i {
  position: absolute;
  font-size: 0.9em;
}

.mfp-arrow-left {
  right: 100px;
  text-align: right;
}
.mfp-arrow-left i {
  top: 10px;
  left: 0;
}
.mfp-arrow-left span:after {
  content: "Previous";
  font-weight: 400;
}

.mfp-arrow-right {
  right: 32px;
  width: 56px;
  text-align: left;
}
.mfp-arrow-right i {
  top: 10px;
  right: 0;
}
.mfp-arrow-right span:after {
  content: "Next";
  font-weight: 400;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrowopen-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  padding: 0 1.25em !important;
  -ms-touch-action: pan-y;
}
@media screen and (min-width: 60em) {
  .owl-carousel {
    padding: 0 5em !important;
  }
}
@media screen and (min-width: 77.5em) {
  .owl-carousel {
    padding: 0 !important;
  }
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 2;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
}
.owl-carousel .owl-page,
.owl-carousel .owl-buttons div {
  cursor: pointer;
}
.owl-carousel .grabbing {
  cursor: url(assets/images/owl-grabbing.png) 8 8, move;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 1;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 34px;
  height: 40px;
  margin-top: -20px;
  color: transparent;
  background-image: url(assets/images/icon-arrow-left.png);
}
@media screen and (min-width: 60em) {
  .owl-nav .owl-prev,
  .owl-nav .owl-next {
    width: 69px;
    height: 81px;
    margin-top: -40px;
  }
}
@media screen and (min-width: 77.5em) {
  .owl-nav .owl-prev,
  .owl-nav .owl-next {
    left: -80px;
  }
}
.owl-nav .owl-next {
  right: 0;
  left: auto;
  background-image: url(assets/images/icon-arrow-right.png);
}
@media screen and (min-width: 77.5em) {
  .owl-nav .owl-next {
    right: -80px;
  }
}

.wallpaper,
.wallpaper .wallpaper-container,
.wallpaper .wallpaper-media {
  -webkit-transition: none !important;
  transition: none !important;
}

.wallpaper {
  overflow: hidden;
  position: relative;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.wallpaper .wallpaper-media {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}

.wallpaper .wallpaper-media.animated {
  -webkit-transition: opacity 0.5s linear !important;
  transition: opacity 0.5s linear !important;
}

.wallpaper .wallpaper-media img,
.wallpaper .wallpaper-media video,
.wallpaper .wallpaper-media iframe {
  display: block;
  height: 100%;
  width: 100%;
}

.wallpaper .wallpaper-embed.ready:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.wallpaper .wallpaper-embed.ready iframe {
  z-index: 0;
}

.wallpaper .wallpaper-media.native {
  background-position: center;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.wallpaper .wallpaper-media.native img {
  display: none;
}

.wallpaper .wallpaper-media.fixed {
  background-position: center;
  background-attachment: fixed;
  height: 100%;
  width: 100%;
}

.wallpaper .wallpaper-media.fixed img {
  display: none;
}

body.agegate {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}
body.agegate .bg-img {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(assets/images/bg-agegate.jpg);
  z-index: 1;
}
body.agegate .modal {
  top: 80px;
  margin: 0 auto 100px auto;
  padding: 0 0 30px 0;
  width: 90%;
  max-width: 850px;
  background: url(assets/images/bg-white.png);
  overflow: visible;
  z-index: 2;
}
@media screen and (min-width: 48em) {
  body.agegate .modal {
    top: 100px;
  }
}
@media screen and (min-width: 60em) {
  body.agegate .modal {
    top: 150px;
  }
}
body.agegate .modal .header {
  overflow: visible;
  z-index: 3;
}
body.agegate .modal .header img {
  display: block;
  top: -40px;
  max-width: 4.6875em;
  margin: 0 auto -20px;
  z-index: 4;
}
@media screen and (min-width: 48em) {
  body.agegate .modal .header img {
    top: -70px;
    max-width: 8.75em;
    margin-bottom: -40px;
  }
}
body.agegate .modal h1 {
  background-color: #231f20;
  color: white;
  font-size: 20px;
  line-height: 1.5;
  padding: 9px 10px 0 10px;
  margin-bottom: 30px;
  background-image: url(assets/images/bg-asphalt.jpg);
}
@media screen and (min-width: 48em) {
  body.agegate .modal h1 {
    font-size: 34px;
  }
}
body.agegate .modal p {
  font-weight: bold;
  padding: 0 15px;
}
body.agegate .modal .birthday-picker {
  zoom: 1;
}
body.agegate .modal .birthday-picker:before, body.agegate .modal .birthday-picker:after {
  content: "";
  display: table;
}
body.agegate .modal .birthday-picker:after {
  clear: both;
}
body.agegate .modal .birthday-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
body.agegate .modal .birthday-picker li {
  display: inline-block;
  background-color: white;
  padding: 5px 5px 0 5px;
  font-weight: bold;
  cursor: pointer;
}
body.agegate .modal .birthday-picker li:hover, body.agegate .modal .birthday-picker li.selected {
  background-color: #231f20;
  color: #a08958;
}
body.agegate .modal .birthday-picker label {
  display: inline-block;
  width: 25%;
  padding-right: 20px;
  text-align: right;
  font-weight: bold;
}
body.agegate .modal .birthday-picker select {
  width: 50%;
}
body.agegate .modal .birthday-picker .month-desktop {
  display: none;
  margin-top: 20px;
  margin-bottom: 25px;
}
@media screen and (min-width: 48em) {
  body.agegate .modal .birthday-picker .month-desktop {
    display: block;
  }
}
body.agegate .modal .birthday-picker .month-desktop li {
  text-transform: uppercase;
  margin: 0 3px;
}
body.agegate .modal .birthday-picker .month-mobile {
  margin-bottom: 10px;
}
@media screen and (min-width: 48em) {
  body.agegate .modal .birthday-picker .month-mobile {
    display: none;
  }
}
body.agegate .modal .birthday-picker .day-desktop {
  display: none;
  margin-bottom: 25px;
}
@media screen and (min-width: 48em) {
  body.agegate .modal .birthday-picker .day-desktop {
    display: block;
  }
}
body.agegate .modal .birthday-picker .day-desktop li {
  font-size: 14px;
}
body.agegate .modal .birthday-picker .day-mobile {
  margin-bottom: 10px;
}
@media screen and (min-width: 48em) {
  body.agegate .modal .birthday-picker .day-mobile {
    display: none;
  }
}
body.agegate .modal .birthday-picker .year-desktop {
  display: none;
  zoom: 1;
  margin: 0 auto;
  width: 90%;
}
@media screen and (min-width: 48em) {
  body.agegate .modal .birthday-picker .year-desktop {
    display: block;
  }
}
body.agegate .modal .birthday-picker .year-desktop:before, body.agegate .modal .birthday-picker .year-desktop:after {
  content: "";
  display: table;
}
body.agegate .modal .birthday-picker .year-desktop:after {
  clear: both;
}
body.agegate .modal .birthday-picker .year-desktop .left-navigation,
body.agegate .modal .birthday-picker .year-desktop .right-navigation {
  float: left;
  width: 5%;
  line-height: 30px;
  cursor: pointer;
  padding-top: 5px;
}
body.agegate .modal .birthday-picker .year-desktop ul {
  position: absolute;
  white-space: nowrap;
  right: -375px;
}
body.agegate .modal .birthday-picker .year-desktop li:nth-of-type(10) {
  margin-right: 10px;
}
body.agegate .modal .birthday-picker .year-desktop .year-wrapper {
  float: left;
  width: 90%;
  overflow-x: hidden;
  position: relative;
  height: 2em;
}
body.agegate .modal .birthday-picker .year-mobile {
  margin-bottom: 10px;
}
@media screen and (min-width: 48em) {
  body.agegate .modal .birthday-picker .year-mobile {
    display: none;
  }
}
body.agegate .modal .not-old-enough {
  padding-top: 10px;
  font-weight: bold;
  margin-bottom: 0;
}
body.agegate footer.legal-links {
  margin: 0 auto;
  padding-top: 20px;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.5em;
}
body.agegate footer.legal-links a {
  display: block;
  margin: 0 20px;
  color: #4b4847;
  text-transform: uppercase;
}
@media screen and (min-width: 48em) {
  body.agegate footer.legal-links a {
    display: inline-block;
  }
}
body.agegate footer.legal-links a:hover {
  color: #231f20;
}

body.beerinfo {
  background: url(assets/images/bg-brick.jpg) top left repeat;
}
body.beerinfo section {
  zoom: 1;
}
body.beerinfo section:before, body.beerinfo section:after {
  content: "";
  display: table;
}
body.beerinfo section:after {
  clear: both;
}
body.beerinfo section[role="main"] {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 60em) {
  body.beerinfo section[role="main"] {
    padding-bottom: 3.125em;
  }
}
body.beerinfo .beer-types {
  background-image: url(assets/images/bg-asphalt.jpg);
  padding: 20px 0;
  text-align: center;
  clear:both;
}
body.beerinfo .beer-types .row {
	clear:both;
    padding-bottom:28px;
}
@media screen and (min-width: 48em) {
  body.beerinfo .beer-types .row:first-of-type {
    margin-bottom: 20px;
  }
}
body.beerinfo .beer-types .chosen-container,
body.beerinfo .beer-types select {
  width: 90% !important;
  margin: 0 auto 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.875em;
}
@media screen and (min-width: 48em) {
  body.beerinfo .beer-types .chosen-container,
  body.beerinfo .beer-types select {
    width: 30% !important;
    margin-right: 3%;
    margin-bottom: 0;
  }
  <!--body.beerinfo .beer-types .chosen-container:last-of-type,
  body.beerinfo .beer-types select:last-of-type {
    margin-right: 0;
  }-->
}
@media screen and (min-width: 60em) {
  body.beerinfo .beer-types .chosen-container,
  body.beerinfo .beer-types select {
    font-size: 1.125em;
  }
}
body.beerinfo .beer-types .row:last-child .chosen-container:last-child,
body.beerinfo .beer-types .row:last-child select:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 59.9375em) {
  body.beerinfo .beer-nav-top {
    display: none;
  }
}
@media screen and (min-width: 60em) {
  body.beerinfo .beer-nav-bottom {
    display: none;
  }
}
body.beerinfo .beer-nav-bottom .beer-types {
  margin-bottom: 8.125em;
}
body.beerinfo a.prev-button,
body.beerinfo a.next-button {
  display: none;
  opacity: 0.46;
}
body.beerinfo a.prev-button:hover,
body.beerinfo a.next-button:hover {
  opacity: 0.7;
}
@media screen and (min-width: 48em) {
  body.beerinfo a.prev-button,
  body.beerinfo a.next-button {
    display: inline-block;
    float: left;
    width: 10%;
    text-align: center;
    margin-top: 375px;
  }
}
@media screen and (min-width: 60em) {
  body.beerinfo a.prev-button,
  body.beerinfo a.next-button {
    margin-top: 475px;
  }
}
body.beerinfo .content {
  zoom: 1;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 20px;
}
body.beerinfo .content:before, body.beerinfo .content:after {
  content: "";
  display: table;
}
body.beerinfo .content:after {
  clear: both;
}
@media screen and (min-width: 48em) {
  body.beerinfo .content {
    float: left;
    width: 80%;
    padding-bottom: 100px;
  }
  body.beerinfo .content.on-right {
    text-align: right;
  }
  body.beerinfo .content.on-right .beer-info {
    margin-left: auto;
  }
}
body.beerinfo .content .beer-info {
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);
  zoom: 1;
  text-align: left;
  padding: 25px 20px;
}
@media screen and (min-width: 60em) {
  body.beerinfo .content .beer-info {
    width: 500px;
  }
}
body.beerinfo .content .row {
  zoom: 1;
  margin-bottom: 1em;
}
body.beerinfo .content .row:before, body.beerinfo .content .row:after {
  content: "";
  display: table;
}
body.beerinfo .content .row:after {
  clear: both;
}
body.beerinfo .content .row.buttons {
  margin-bottom: 0;
}
body.beerinfo .content a {
  color: #a08958;
  font-weight: bold;
}
body.beerinfo .content a.button {
  color: white;
}
body.beerinfo .content h1 {
  color: white;
  font-size: 2.1875em;
  text-shadow: 2px 3px 0px rgba(0, 0, 0, 0.75);
  margin-top: -43px;
  margin-bottom: 0;
  text-align: left;
  margin-left: auto;
}
@media screen and (min-width: 48em) {
  body.beerinfo .content h1 {
    text-shadow: 3px 4px 0px rgba(0, 0, 0, 0.75);
  }
}
@media screen and (min-width: 60em) {
  body.beerinfo .content h1 {
    width: 500px;
    margin-top: 45px;
    margin-bottom: 0.5em;
    font-size: 2.8125em;
  }
}
body.beerinfo .content h3 {
  margin-bottom: 0;
}
body.beerinfo .content h3:after {
  content: ":";
}
body.beerinfo .content p {
  line-height: 1.5;
  margin-bottom: 0;
}
body.beerinfo .content ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
body.beerinfo .content .video {
  margin: 0 0 30px 0;
  text-align: center;
}
@media screen and (min-width: 48em) {
  body.beerinfo .content .video {
    margin: 30px auto;
    width: 333px;
  }
}
body.beerinfo #bg-wrap {
  width: 100%;
}
@media screen and (min-width: 60em) {
  body.beerinfo #bg-wrap {
    display: none;
  }
}
body.beerinfo .beer-background {
	clear:both;
}
@media screen and (min-width: 60em) {
  body.beerinfo .beer-background {
    margin-bottom: 3em;
    padding-bottom: 2em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
  }
}
body.beerinfo .beer-background.beer-312-urban-pale-ale {
  background-image: url(assets/images/beer-bg/312-urban-pale-ale-full.jpg);
}
body.beerinfo .beer-background.beer-312-urban-wheat-ale {
  background-image: url(assets/images/beer-bg/312-urban-wheat-ale-full.jpg);
}
body.beerinfo .beer-background.backyard-rye-BCS {
  background-image: url(assets/images/beer-bg/backyard-rye-BCS-full.jpg);
}
body.beerinfo .beer-background.big-john {
  background-image: url(assets/images/beer-bg/big-john-full.jpg);
}
body.beerinfo .beer-background.bourbon-county-barleywine {
  background-image: url(assets/images/beer-bg/bourbon-county-barleywine-full.jpg);
}
body.beerinfo .beer-background.bourbon-county-coffee-stout {
  background-image: url(assets/images/beer-bg/bourbon-county-coffee-full.jpg);
}
body.beerinfo .beer-background.bourbon-county-rare {
  background-image: url(assets/images/beer-bg/bourbon-county-rare-full.jpg);
}
body.beerinfo .beer-background.bourbon-county-stout {
  background-image: url(assets/images/beer-bg/bourbon-county-stout-full.jpg);
}
body.beerinfo .beer-background.bourbon-county-vanilla {
  background-image: url(assets/images/beer-bg/bourbon-county-vanilla-full.jpg);
}
body.beerinfo .beer-background.bramble-rye-bourbon-county {
  background-image: url(assets/images/beer-bg/bramble-rye-bourbon-county-full.jpg);
}
body.beerinfo .beer-background.cherry-rye-bourbon-county {
  background-image: url(assets/images/beer-bg/cherry-rye-bourbon-county-full.jpg);
}
body.beerinfo .beer-background.class-of-88 {
  background-image: url(assets/images/beer-bg/class-of-88-full.jpg);
}
body.beerinfo .beer-background.cucumbersome {
  background-image: url(assets/images/beer-bg/cucumbersome-full.jpg);
}
body.beerinfo .beer-background.demolition {
  background-image: url(assets/images/beer-bg/demolition-full.jpg);
}
body.beerinfo .beer-background.devon-ave {
  background-image: url(assets/images/beer-bg/devon-ave-full.jpg);
}
body.beerinfo .beer-background.endless-IPA {
  background-image: url(assets/images/beer-bg/endless-IPA-full.jpg);
}
body.beerinfo .beer-background.festivity-ale {
  background-image: url(assets/images/beer-bg/festivity-ale-full.jpg);
}
body.beerinfo .beer-background.fleur {
  background-image: url(assets/images/beer-bg/fleur-full.jpg);
}
body.beerinfo .beer-background.forcone-pale-ale {
  background-image: url(assets/images/beer-bg/forcone-pale-ale-full.jpg);
}
body.beerinfo .beer-background.gillian {
  background-image: url(assets/images/beer-bg/gillian-full.jpg);
}
body.beerinfo .beer-background.golden-goddess {
  background-image: url(assets/images/beer-bg/golden-goddess-full.jpg);
}
body.beerinfo .beer-background.green-line-pale-ale {
  background-image: url(assets/images/beer-bg/green-line-pale-ale-full.jpg);
}
body.beerinfo .beer-background.halia {
  background-image: url(assets/images/beer-bg/halia-full.jpg);
}
body.beerinfo .beer-background.harvest-ale {
  background-image: url(assets/images/beer-bg/harvest-ale-full.jpg);
}
body.beerinfo .beer-background.honkers-ale {
  background-image: url(assets/images/beer-bg/honkers-ale-full.jpg);
}
body.beerinfo .beer-background.india-pale-ale {
  background-image: url(assets/images/beer-bg/india-pale-ale-full.jpg);
}
body.beerinfo .beer-background.juliet {
  background-image: url(assets/images/beer-bg/juliet-full.jpg);
}
body.beerinfo .beer-background.king-henry {
  background-image: url(assets/images/beer-bg/king-henry-full.jpg);
}
body.beerinfo .beer-background.kisetsu {
  background-image: url(assets/images/beer-bg/kisetsu-full.jpg);
}
body.beerinfo .beer-background.leisure-suit {
  background-image: url(assets/images/beer-bg/leisure-suit-full.jpg);
}
body.beerinfo .beer-background.lolita {
  background-image: url(assets/images/beer-bg/lolita-full.jpg);
}
body.beerinfo .beer-background.madame-rose {
  background-image: url(assets/images/beer-bg/madame-rose-full.jpg);
}
body.beerinfo .beer-background.matilda-lambicus {
  background-image: url(assets/images/beer-bg/matilda-lambicus-full.jpg);
}
body.beerinfo .beer-background.matilda {
  background-image: url(assets/images/beer-bg/matilda-full.jpg);
}
body.beerinfo .beer-background.mild-winter {
  background-image: url(assets/images/beer-bg/mild-winter-full.jpg);
}
body.beerinfo .beer-background.night-stalker {
  background-image: url(assets/images/beer-bg/night-stalker-full.jpg);
}
body.beerinfo .beer-background.nut-brown-ale {
  background-image: url(assets/images/beer-bg/nut-brown-ale-full.jpg);
}
body.beerinfo .beer-background.oatmeal-stout {
  background-image: url(assets/images/beer-bg/oatmeal-stout-full.jpg);
}
body.beerinfo .beer-background.pepe-nero {
  background-image: url(assets/images/beer-bg/pepe-nero-full.jpg);
}
body.beerinfo .beer-background.pere-jacques {
  background-image: url(assets/images/beer-bg/pere-jacques-full.jpg);
}
body.beerinfo .beer-background.proprietors-BCS {
  background-image: url(assets/images/beer-bg/proprietors-BCS-full.jpg);
}
body.beerinfo .beer-background.rasselbock {
  background-image: url(assets/images/beer-bg/rasselbock-full.jpg);
}
body.beerinfo .beer-background.run-the-jewels {
  background-image: url(assets/images/beer-bg/run-the-jewels-full.jpg);
}
body.beerinfo .beer-background.sofie {
  background-image: url(assets/images/beer-bg/sofie-full.jpg);
}
body.beerinfo .beer-background.summertime {
  background-image: url(assets/images/beer-bg/summertime-full.jpg);
}
body.beerinfo .beer-background.ten-hills {
  background-image: url(assets/images/beer-bg/ten-hills-full.jpg);
}
body.beerinfo .beer-background.the-illinois {
  background-image: url(assets/images/beer-bg/the-illinois-full.jpg);
}
body.beerinfo .beer-background.the-ogden {
  background-image: url(assets/images/beer-bg/the-ogden-full.jpg);
}
body.beerinfo .beer-background.two-more-weeks {
  background-image: url(assets/images/beer-bg/two-more-weeks-full.jpg);
}
body.beerinfo .beer-background.rambler-IPA {
  background-image: url(assets/images/beer-bg/rambler-ipa-full.jpg);
}
body.beerinfo .beer-background.oktoberfest {
  background-image: url(assets/images/beer-bg/oktoberfest-full.jpg);
}

@media screen and (min-width: 60em) {
  body.beerinfo .nav-top {
    top: -3.1em;
  }
}

.beers {
  background: url(assets/images/bg-brick.jpg) top left repeat;
}
.beers section [role="main"] {
  margin-bottom: 0;
  padding-bottom: 3.125em;
}
.beers .site-header {
  padding-bottom: 1.5625em;
}
.beers .title-wrap {
  background: none;
  box-shadow: 0px 0px 30px -5px #4b4847;
}
.beers .title-wrap h1 span {
  color: #231f20;
}
.beers h2 {
  margin-bottom: 0;
  padding: 0.625em 1.25em 0;
  font-size: 1.25em;
}
@media screen and (min-width: 67.5em) {
  .beers h2 {
    padding: 0.9375em 0 0;
  }
}
.beers .beers-wrap {
  padding-top: 1.5625em;
  box-shadow: 0px 0px 30px -5px #4b4847;
}
.beers .beers-wrap [role="main"] {
  padding-bottom: 4.6875em;
}
.beers .beers-wrap .title-wrap {
  box-shadow: none;
}
.beers .beers-wrap h2 {
  margin-bottom: 0.625em;
}
.beers .beers-wrap h3 {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
}
@media screen and (max-width: 37.4375em) {
  .beers .beers-wrap h3 {
    height: 3.125em;
  }
}
.beers .beers-wrap article {
  display: inline-block;
  width: 50%;
  margin: 0 -4px 0.625em 0;
  padding: 0 7%;
  text-align: center;
  vertical-align: top;
}
@media screen and (min-width: 30em) {
  .beers .beers-wrap article {
    width: 10.8125em;
    margin: 0 auto 0.625em;
    padding: 0;
  }
}
@media screen and (min-width: 67.5em) {
  .beers .beers-wrap article {
    width: 17%;
    margin-right: 3.125em;
  }
}
.beers .beers-wrap a,
.beers .beers-wrap img {
  display: block;
  margin: 0 auto;
}
.beers .beers-wrap img {
  width: 100%;
  height: auto;
  max-width: 7.625em;
  margin-bottom: 0.9375em;
}
@media screen and (max-width: 37.4375em) {
  .beers .beers-wrap img {
    width: 90%;
  }
}
.beers .calendar-wrap {
  background-image: url(assets/images/bg-citymap.jpg);
}
.beers .calendar-wrap i {
  margin-left: -4px;
}
.beers .calendar-wrap .title-wrap {
  margin-bottom: 0;
  background: url(assets/images/bg-gold.png) left bottom repeat-x;
}
@media screen and (min-width: 48em) {
  .beers .calendar-wrap .title-wrap h1 span {
    float: left;
    top: -4px;
  }
}
.beers .calendar-wrap .title-wrap ul {
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 48em) {
  .beers .calendar-wrap .title-wrap ul {
    float: right;
    top: -3px;
  }
}
@media screen and (min-width: 60em) {
  .beers .calendar-wrap .title-wrap ul {
    top: 15px;
  }
}
@media screen and (min-width: 67.5em) {
  .beers .calendar-wrap .title-wrap ul {
    top: -4px;
  }
}
.beers .calendar-wrap .title-wrap li {
  display: block;
  float: left;
  text-transform: uppercase;
  line-height: 3.125em;
}
.beers .calendar-wrap .title-wrap li:last-child {
  line-height: 0;
  float: left;
  margin-left: 0;
  clear:both;
} 
@media screen and (min-width: 48em) {
  .beers .calendar-wrap .title-wrap li {
    text-align: right;
  }
.beers .calendar-wrap .title-wrap li:last-child {
  float: right;
  clear: both;
  margin-left: 3.75em;
  line-height: 0;
}                                     
}
@media screen and (min-width: 67.5em) {
  .beers .calendar-wrap .title-wrap li {
    line-height: 5.4375em;
  }
}
.beers .calendar-wrap .title-wrap li:first-child {
  margin-right: 3.75em;
}
.beers .calendar-wrap .title-wrap li:first-child i {
  background-color: #a08958;
}
.beers .calendar-wrap .title-wrap li:last-child i {
  background-color: #99ccff;
}
.beers .calendar-wrap .title-wrap i {
  top: 0.1875em;
  margin-right: 0.625em;
  width: 1.125em;
  height: 1.125em;
}
.beers .calendar-wrap .beer-types {
  clear: both;
  overflow: hidden;
}
.beers .calendar-wrap .beer-types article {
  clear: both;
}
@media screen and (min-width: 60em) {
  .beers .calendar-wrap .beer-types article {
    //height: 1.375em;
    margin-bottom: 0.125em;
  }
}
@media screen and (max-width: 47.9375em) {
  .beers .calendar-wrap .beer-types article {
    padding: 1.25em;
  }
}
.beers .calendar-wrap .beer-types article.gray {
  background-color: transparent;
  background-color: rgba(75, 72, 71, 0.2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#334B4847,endColorstr=#334B4847);
  zoom: 1;
}
.beers .calendar-wrap .beer-types article.gold i {
  background: #a08958;
}
.beers .calendar-wrap .beer-types article.blue i {
	background: #99ccff;
}
.beers .calendar-wrap .beer-types article i {
  top: 0.0625em;
}
.beers .calendar-wrap .beer-types h2,
.beers .calendar-wrap .beer-types h3 {
  display: inline-block;
  margin: 0 -4px 0 0;
  padding: 0 1.25em;
  color: #231f20;
  font-size: 1em;
}
@media screen and (max-width: 47.9375em) {
  .beers .calendar-wrap .beer-types h2,
  .beers .calendar-wrap .beer-types h3 {
    width: 100%;
  }
}
.beers .calendar-wrap .beer-types h2 {
  padding-top: 2.5em;
}
@media screen and (max-width: 47.9375em) {
  .beers .calendar-wrap .beer-types h2 {
    margin: 1.25em 0;
    padding: 0.75em 1.125em;
    color: white;
    background: #a08958 url(assets/images/bg-gold.png) left bottom repeat-x;
    font-size: 1.125em;
  }
}
@media screen and (min-width: 60em) {
  .beers .calendar-wrap .beer-types h2:first-child {
    padding-top: 1.875em;
  }
}
.beers .calendar-wrap .beer-types h2 + ul {
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (max-width: 47.9375em) {
  .beers .calendar-wrap .beer-types h2 + ul {
    display: none;
  }
}
.beers .calendar-wrap .beer-types h3 {
  font-weight: 700;
  padding: 0 0 1.25em;
}
@media screen and (min-width: 48em) {
  .beers .calendar-wrap .beer-types h3 {
    font-weight: 400;
    padding: 0.35em 1.25em;
  }
}
.beers .calendar-wrap .beer-types ul {
  display: inline-block;
  margin: 0 -4px 0 0;
  padding: 0;
  text-align: center;
}
@media screen and (max-width: 47.9375em) {
  .beers .calendar-wrap .beer-types ul {
    width: 100%;
    text-align: left;
    vertical-align: top;
  }
}
.beers .calendar-wrap .beer-types li {
  display: inline-block;
  width: 33%;
  margin: 0 -4px 0 0;
}
@media screen and (min-width: 37.5em) {
  .beers .calendar-wrap .beer-types li {
    width: 8.33%;
  }
}
.beers .calendar-wrap .beer-types li span {
  display: inline-block;
  text-transform: uppercase;
}
@media screen and (max-width: 37.4375em) {
  .beers .calendar-wrap .beer-types li span {
    width: 2.8125em;
    font-size: 0.875em;
  }
}
@media screen and (min-width: 37.5em) {
  .beers .calendar-wrap .beer-types li span {
    display: block;
  }
}
@media screen and (min-width: 48em) {
  .beers .calendar-wrap .beer-types li span {
    display: none;
  }
}
@media screen and (max-width: 37.4375em) {
  .beers .calendar-wrap .beer-types li i {
    width: 0.75em;
    height: 0.75em;
  }
}
@media screen and (min-width: 37.5em) {
  .beers .calendar-wrap .beer-types li i {
    margin-left: 7px;
  }
}
@media screen and (min-width: 48em) {
  .beers .calendar-wrap .beer-types li i {
    margin: 0 auto;
  }
}
@media screen and (min-width: 60em) {
  .beers .awards-wrap {
    margin-bottom: 7em;
  }
}
.beers .awards-wrap article {
  width: 96%;
  margin: 0 2% 0.9375em;
  padding: 1.25em;
  background-color: transparent;
  background-color: rgba(248, 252, 238, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3F8FCEE,endColorstr=#B3F8FCEE);
  zoom: 1;
}
@media screen and (min-width: 48em) {
  .beers .awards-wrap article {
    width: 48%;
    margin: 0 0.9375em 0.9375em 0;
  }
}
@media screen and (min-width: 60em) {
  .beers .awards-wrap article {
    width: 31.334%;
  }
}
.beers .awards-wrap article h2 {
  margin: 0 0 -15px 0;
  padding: 0;
  font-weight: 900;
  font-size: 1.5625em;
}
.beers .awards-wrap article h3 {
  margin-bottom: 0;
  padding-top: 1.25em;
  color: #a08958;
  text-transform: uppercase;
}
.beers .awards-wrap article p {
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.2em;
}

body.blog {
  background: url(assets/images/bg-brick.jpg) top left repeat;
}
body.blog .title-wrap {
  margin-bottom: 0;
}

.blog-coming-soon {
  background-image: url(assets/images/bg-blog-coming-soon-small.jpg);
  height: 600px;
}
@media screen and (min-width: 48em) {
  .blog-coming-soon {
    background-image: url(assets/images/bg-blog-coming-soon-large.jpg);
  }
}
@media screen and (min-width: 60em) {
  .blog-coming-soon {
    height: 750px;
  }
}
@media screen and (min-width: 77.5em) {
  .blog-coming-soon {
    height: 1099px;
  }
}

.brewpubs {
  background: url(assets/images/bg-brick.jpg) top left repeat;
}
.brewpubs .site-header {
  padding-bottom: 1.5625em;
}
.brewpubs section {
  text-align: center;
}
.brewpubs .pub-wrap {
  display: inline-block;
  width: 90%;
  margin-bottom: 2.5em;
  padding: 1.25em 1.25em 0.9375em;
  background-color: transparent;
  background-color: rgba(248, 252, 238, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3F8FCEE,endColorstr=#B3F8FCEE);
  zoom: 1;
  text-align: left;
}
@media screen and (min-width: 60em) {
  .brewpubs .pub-wrap {
    width: 27.5em;
    margin: 0 3.5em 0 0;
    padding: 2.5em 2.5em 1.5625em;
  }
}
@media screen and (min-width: 67.5em) {
  .brewpubs .pub-wrap {
    width: 31.25em;
  }
}
.brewpubs .pub-wrap:last-child {
  margin-right: 0;
}
.brewpubs .pub-wrap img {
  width: 100%;
  height: auto;
}
.brewpubs .pub-wrap img.pub {
  margin-bottom: 1.5625em;
}
.brewpubs .pub-wrap h2 {
  margin-bottom: 0.625em;
  font-size: 1.75em;
  font-weight: 700;
  letter-spacing: 0.125em;
}
.brewpubs .pub-wrap p {
  margin-bottom: 1.25em;
}
.brewpubs .pub-wrap .map {
  margin-bottom: 1.25em;
  width: 100% !important;
  height: 300px !important;
}

body.careers {
  background: url(assets/images/bg-brick.jpg) top left repeat;
}
body.careers section #resumator-loading {
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}
body.careers section article {
  background-color: #f8fcee;
  font-size: 20px;
  width: 90%;
  margin: 0 auto 40px auto;
  padding: 20px 25px;
}
@media screen and (min-width: 60em) {
  body.careers section article {
    padding: 35px 45px;
    width: auto;
    margin: 0 0 40px 0;
  }
}
body.careers section article .expander-container {
  text-align: right;
}
body.careers section article a.expander {
  display: none;
  text-transform: uppercase;
  font-weight: bold;
  color: #a08958;
}
body.careers section article a.expander:before {
  content: "+ Show ";
}
@media screen and (min-width: 48em) {
  body.careers section article a.expander {
    display: initial;
  }
}
body.careers section article .description {
  height: 200px;
  overflow: hidden;
}
body.careers section article .mobile-show-more {
  margin: 0 auto 20px auto;
}
@media screen and (min-width: 48em) {
  body.careers section article .mobile-show-more {
    display: none !important;
  }
}
body.careers section article .share {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 48em) {
  body.careers section article .share {
    text-align: left;
    margin-bottom: 0;
  }
}
body.careers section article .share a {
  display: inline-block;
  width: 1.875em;
  height: 1.875em;
  margin-left: 10px;
  background: #231f20;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
  border-radius: 999px;
  font-size: 0.75em;
  line-height: 1em;
  text-align: center;
}
@media screen and (min-width: 48em) {
  body.careers section article .share a {
    top: -9px;
  }
}
body.careers section article .share a:hover {
  background: #a08958;
}
body.careers section article .share i {
  display: inline-block;
  top: 0.3125em;
  color: #eaeaea;
  font-size: 1.07em;
  vertical-align: middle;
}
body.careers section article .buttons {
  text-align: center;
}
@media screen and (min-width: 48em) {
  body.careers section article .buttons {
    text-align: right;
  }
}
body.careers section article .button {
  height: 2.8125em;
  line-height: 3.125em;
  display: inline-block;
  padding: 0 20px;
  font-weight: bold;
}
body.careers section article.toggled .description {
  height: auto;
}
body.careers section article.toggled a.expander:before {
  content: "- Hide ";
}
body.careers section h2 {
  font-size: 28px;
}
body.careers section .row {
  zoom: 1;
  margin-bottom: 20px;
}
body.careers section .row:before, body.careers section .row:after {
  content: "";
  display: table;
}
body.careers section .row:after {
  clear: both;
}
body.careers section .title {
  color: #a08958;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
}
body.careers section .title:after {
  content: ":";
}
@media screen and (min-width: 48em) {
  body.careers section .title {
    display: initial;
  }
}
body.careers section .answer {
  display: inline-block;
  margin-bottom: 10px;
}
@media screen and (min-width: 48em) {
  body.careers section .answer {
    padding-right: 20px;
    margin-bottom: 0;
  }
}
body.careers section ol {
  list-style-type: none;
  counter-reset: list-count;
  margin: 0;
  padding-left: 0;
}
body.careers section ol li:before {
  display: inline-block;
  content: counter(list-count) ".";
  counter-increment: list-count;
  font-weight: bold;
  width: 20px;
  text-align: right;
  margin-right: 5px;
}
body.careers section ul {
  margin-left: 10px;
}
@media screen and (min-width: 48em) {
  body.careers section ul {
    margin-left: 40px;
  }
}
body.careers section .we-love-you-all {
  display: block;
  color: #a08958;
  text-align: center;
  text-decoration: underline;
}
@media screen and (min-width: 48em) {
  body.careers section .we-love-you-all {
    font-size: 1.375em;
  }
}

.cochon,
.migration,
.rare_form {
  background: url(assets/images/bg-brick.jpg) top left repeat;
}
.cochon section,
.migration section {
  padding-bottom: 8em;
}
@media screen and (min-width: 60em) {
  .cochon section,
  .migration section {
    padding-bottom: 10em;
  }
}

body.connect {
  background: url(assets/images/bg-brick.jpg) top left repeat;
}
body.connect section {
  max-width: none;
}

body.contact {
  background: url(assets/images/bg-brick.jpg) top left repeat;
}

@media screen and (min-width: 60em) {
  section.contact {
    padding-bottom: 4em;
  }
}
section.contact .infoboxes {
  text-align: center;
}
section.contact .infobox {
  padding: 20px 25px;
  background-color: #262626;
  background-image: url(assets/images/infobox-background.jpg);
  color: #f8fcee;
  width: 90%;
  max-width: 310px;
  height: 262px;
  margin: 0 auto 20px auto;
}
section.contact .infobox:nth-of-type(2) {
  background-position: 311px 0px;
}
section.contact .infobox:nth-of-type(3) {
  background-position: 622px;
}
@media screen and (min-width: 37.5em) {
  section.contact .infobox {
    margin: 0 auto 20px auto;
  }
}
@media screen and (min-width: 48em) {
  section.contact .infobox {
    float: left;
    width: 33.333%;
  }
}
@media screen and (min-width: 60em) {
  section.contact .infobox {
    margin-right: 45px;
    margin-bottom: 55px;
    width: 30%;
    text-align: left;
  }
  section.contact .infobox:nth-of-type(3) {
    margin-right: 0;
  }
}
@media screen and (min-width: 67.5em) {
  section.contact .infobox {
    margin-right: 65px;
  }
}
section.contact .infobox h3 {
  margin-bottom: 5px;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.125em;
}
section.contact .infobox p {
  margin: 0;
  font-size: 22px;
  line-height: 1.3em;
}
section.contact .infobox p.emphasized {
  margin-top: 30px;
  font-style: italic;
}
section.contact .infobox a {
  color: #f8fcee;
  text-decoration: underline;
}
section.contact .infobox a:hover {
  color: #a08958;
}
section.contact .contact-form {
  background-color: #f3f6ed;
  line-height: 1.3;
  margin: 0 auto;
  width: 100%;
  height: 800px;
}
section.contact .contact-form h2 {
  font-size: 28px;
}
section.contact .contact-form h3 {
  font-size: 21px;
  margin-top: 20px;
}
section.contact .field {
  display: inline-block;
  width: 100%;
  padding: 0 0 10px 0;
}
section.contact .field.small {
  width: 50%;
}
@media screen and (min-width: 37.5em) {
  section.contact .field {
    padding: 10px 15px 10px 0;
    float: left;
    width: 50%;
  }
  section.contact .field.small {
    width: 13%;
  }
  section.contact .field.medium {
    width: 37%;
  }
  section.contact .field.full {
    width: 100%;
  }
  section.contact .field.full input,
  section.contact .field.full select {
    width: 50%;
  }
}
section.contact .field.required label:before {
  content: "*";
  margin-right: 0.125em;
  color: #a08958;
}
section.contact .field label {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
}
section.contact .field label em,
section.contact .field label small,
section.contact .field label .small {
  text-transform: none;
  font-weight: normal;
  line-height: 1.3;
  display: block;
}
@media screen and (min-width: 37.5em) {
  section.contact .field label em,
  section.contact .field label small,
  section.contact .field label .small {
    display: inline;
  }
}
section.contact .field input,
section.contact .field select,
section.contact .field textarea {
  width: 100%;
}
section.contact .field input.small,
section.contact .field select.small,
section.contact .field textarea.small {
  width: 13%;
}
section.contact .field input.medium,
section.contact .field select.medium,
section.contact .field textarea.medium {
  width: 37%;
}
section.contact .row.buttons {
  margin: 30px 0 20px 0;
}
section.contact .birthday .field {
  width: 33%;
}
section.contact .characters-remaining {
  display: inline-block;
  width: 55px;
  background-color: white;
  color: #231f20;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
}
section.contact #contact-comments {
  height: 190px;
}
section.contact #contact-agree {
  width: 30px;
  height: 30px;
}

body.events {
  background: url(assets/images/bg-brick.jpg) top left repeat;
}
body.events section {
  zoom: 1;
}
body.events section:before, body.events section:after {
  content: "";
  display: table;
}
body.events section:after {
  clear: both;
}
@media screen and (min-width: 48em) {
  body.events section[role="main"] {
    margin-bottom: 9.375em;
    padding: 0 20pxr;
  }
}
body.events .slider {
  text-align: center;
  position: relative;
  margin-bottom: 40px;
  overflow: hidden;
}
body.events .slider ul.slides {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 815px;
  z-index: 5;
  position: relativer;
}
body.events .slider ul.slides li {
  display: block;
  width: 100%;
  z-index: 1;
  line-height: 0;
  position: absolute;
  top: 0;
  left: -100px;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  cursor: pointer;
}
body.events .slider ul.slides li.previous {
  top: 0;
  left: 100px;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
}
body.events .slider ul.slides li.active {
  position: relative;
  left: -60px;
  z-index: 5;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transform: scale(1);
  -webkit-transform: scale(1);
  cursor: default;
}
body.events .slider ul.slides li.only {
  position: relative;
  left: 0;
  z-index: 5;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transform: scale(1);
  -webkit-transform: scale(1);
  cursor: default;
}
body.events .slider ul.slides li.active .slide-label {
  opacity: 1;
}
body.events .slider ul.slides li img {
  width: 100%;
}
body.events .slider ul.slides li .slide-label {
  position: absolute;
  bottom: 20px;
  left: -3px;
  width: 90%;
  font-size: 32px;
  font-weight: 600;
  line-height: 32px;
  text-align: left;
  text-transform: uppercase;
  padding: 24px 0 15px 30px;
  background-color: transparent;
  background-color: rgba(248, 252, 238, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3F8FCEE,endColorstr=#B3F8FCEE);
  zoom: 1;
  letter-spacing: 0.125em;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: 100;
}
body.events .slider ul.slides li .slide-label:hover {
  background-color: transparent;
  background-color: rgba(248, 252, 238, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCF8FCEE,endColorstr=#CCF8FCEE);
  zoom: 1;
}
body.events .slider ul.nav {
  position: relative;
  height: 50px;
  list-style-type: none;
  padding: 20px 0 0 0;
  margin: 0 auto;
  z-index: 5;
}
body.events .slider ul.nav li {
  display: inline-block;
  background-color: #cbc8c7;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  margin: 5px;
  cursor: pointer;
}
body.events .slider ul.nav li.active, body.events .slider ul.nav li:hover {
  background-color: #969494;
}
body.events aside {
  width: 90%;
  margin: 0 auto 20px auto;
}
@media screen and (min-width: 48em) {
  body.events aside {
    float: left;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 0;
  }
}
body.events .search-box {
  display: none;
  zoom: 1;
  margin-bottom: 25px;
  padding: 25px;
  background-color: #231f20;
  background-image: url(assets/images/footer-menu-slate.jpg);
}
body.events .search-box:before, body.events .search-box:after {
  content: "";
  display: table;
}
body.events .search-box:after {
  clear: both;
}
@media screen and (min-width: 48em) {
  body.events .search-box {
    height: 245px;
  }
}
body.events .search-box h2 {
  color: white;
  font-size: 1.5625em;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.125em;
}
body.events .search-box input,
body.events .search-box select {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
body.events .search-box .buttons {
  text-align: center;
}
body.events .search-box .buttons .button {
  margin: 0 auto;
  padding: 0 20px;
  font-weight: 600;
  font-size: 1.5em;
}
body.events .event-list {
  background-color: #f3f6ed;
  padding: 20px 15px;
  overflow: hidden;
  overflow-y: auto;
}
body.events .event-list h2 {
  color: #a08958;
  font-size: 1.5625em;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.125em;
}
body.events .event-list .content {
  height: 680px;
  padding-right: 10px;
  overflow: hidden;
  overflow-y: auto;
}
body.events .event-list .event {
  display: block;
  border-top: 1px solid #a08958;
  padding: 15px 0;
  line-height: 1.3;
}
body.events .event-list .event .date {
  text-transform: uppercase;
  font-weight: bold;
}
body.events .event-list .event .location,
body.events .event-list .event .type {
  display: inline;
  color: #a08958;
  font-size: 15px;
}
body.events .event-list .event .type:before {
  content: "\b7\a0";
}
body.events .event-wrap {
  zoom: 1;
  background-color: #f3f6ed;
  padding: 20px;
  width: 90%;
  margin: 0 auto;
}
body.events .event-wrap:before, body.events .event-wrap:after {
  content: "";
  display: table;
}
body.events .event-wrap:after {
  clear: both;
}
@media screen and (min-width: 48em) {
  body.events .event-wrap {
    float: left;
    width: 65%;
    height: 760px;
  }
}
body.events .event-wrap .event-info {
  visibility: hidden;
}
body.events .event-wrap h2 {
  color: #a08958;
  font-weight: 600;
  font-size: 2.125em;
  letter-spacing: 0.125em;
}
body.events .event-wrap .event-image {
  margin-bottom: 25px;
  width: 100%;
}
@media screen and (min-width: 48em) {
  body.events .event-wrap .details {
    float: left;
    width: 55%;
    margin-right: 5%;
  }
}
body.events .event-wrap .map {
  width: 100% !important;
  height: 250px !important;
  margin-top: 15px;
  text-align: center;
}
@media screen and (min-width: 48em) {
  body.events .event-wrap .map {
    float: left;
    width: 40% !important;
    margin-top: 0;
  }
}
body.events .event-wrap .map img {
  margin: 0 auto;
}
body.events .event-wrap .info-row {
  font-size: 0.875em;
  margin-bottom: 5px;
}
@media screen and (min-width: 48em) {
  body.events .event-wrap .info-row {
    font-size: 1.125em;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 60em) {
  body.events .event-wrap .info-row {
    font-size: 1.25em;
    margin-bottom: 15px;
  }
}
body.events .event-wrap .info-label {
  color: #a08958;
  font-weight: bold;
  text-transform: uppercase;
}
body.events .event-wrap .info-label:after {
  content: ":";
  margin-right: 10px;
}
body.events .event-wrap p {
  line-height: 1.2;
  margin-top: 20px;
  margin-bottom: 0;
}
body.events .event-wrap a {
  color: #a08958;
  text-decoration: underline;
}

.find-beer {
  background: url(assets/images/bg-brick.jpg) top left repeat;
}
.find-beer section {
  max-width: none;
  padding: 0 1.25em;
  background-image: url(assets/images/bg-city.jpg);
  box-shadow: 0px -5px 30px -10px #4b4847;
}
@media screen and (min-width: 67.5em) {
  .find-beer section {
    padding: 0 0 4em;
  }
}
.find-beer section .content-wrap {
  padding: 6.25em 0 0;
}
@media screen and (min-width: 30em) {
  .find-beer section .content-wrap {
    padding: 9.375em 0 0;
  }
}
@media screen and (min-width: 48em) {
  .find-beer section .content-wrap {
    padding: 15.625em 0 0;
  }
}
@media screen and (min-width: 67.5em) {
  .find-beer section .content-wrap {
    padding: 21.875em 0 0;
  }
}
.find-beer section h2 {
  font-weight: 900;
  font-size: 1.875em;
  text-align: center;
  letter-spacing: 0.1875em;
}
@media screen and (min-width: 48em) {
  .find-beer section h2 {
    font-size: 2.875em;
  }
}
@media screen and (min-width: 60em) {
  .find-beer section h2 {
    margin-bottom: 0.3125em;
    font-size: 3.375em;
  }
}
@media screen and (min-width: 67.5em) {
  .find-beer section h2 {
    font-size: 4.125em;
  }
}
.find-beer h3 {
	text-align:center;
    font-size:1.4em;
    margin-bottom:0;
}
.find-beer h4 {
    color:#a08958;
    font-size:1.4em;                                      
}                                      
.find-beer .order-online div {
	display:block;
    margin:auto;
    padding:15px;
    width:334px;
}                                    
.find-beer .order-online div.link {
	padding: 17px;
    margin: 0px 10px;
    display: inline-block;
    color: white;
    background: url(assets/images/infobox-background.jpg);                                            
	font-weight: 700;
    width: 8.125em;                                            
	height:2.8125em;
    font-size:1em;                                            
	text-transform: uppercase;
	letter-spacing: 0.0625em;
    text-align:center;
} 
.find-beer section p {
  margin-bottom: 1.75em;
  font-size: 1.25em;
  text-align: center;
}
.find-beer section .controls {
  margin-bottom: 0.625em;
}
.find-beer section .controls .control-wrap {
  height: 5em;
  vertical-align: top;
}
.find-beer section .controls .control-wrap div.link-out {                                        
	font-weight: 700;                                                                                  
	text-transform: uppercase;
    text-align:center;
    display:inline-block;
}
.find-beer section .controls .control-wrap div.or {                                        
	font-weight: 700;                                                                                  
	text-transform: uppercase;
    text-align:center;
    display:inline-block;
    color:#a08958;

}     
@media screen and (min-width: 40em) {
  .find-beer section .controls .control-wrap {
    display: inline-block;
    margin: 0 -4px 0 0;
  }
}
@media screen and (min-width: 63em) {
  .find-beer section .controls .control-wrap {
    height: 3.75em;
    padding-right: 1.25em;
  }
}
@media screen and (min-width: 40em) {
  .find-beer section .controls .control-wrap:nth-of-type(1) {
    width: 45%;
    margin-right: 5%;
  }
}
@media screen and (min-width: 63em) {
  .find-beer section .controls .control-wrap:nth-of-type(1) {
    width: 19%;
    margin-right: -4px;
  }
}
@media screen and (min-width: 40em) {
  .find-beer section .controls .control-wrap:nth-of-type(2) {
    width: 50%;
  }
}
@media screen and (min-width: 63em) {
  .find-beer section .controls .control-wrap:nth-of-type(2) {
    width: 20%;
  }
}
@media screen and (min-width: 40em) {
  .find-beer section .controls .control-wrap:nth-of-type(3) {
    width: 48%;
  }
}
@media screen and (min-width: 63em) {
  .find-beer section .controls .control-wrap:nth-of-type(3) {
    width: 30%;
  }
}
@media screen and (min-width: 40em) {
  .find-beer section .controls .control-wrap:nth-of-type(4) {
    width: 23%;
    text-align:right;
  }
}
@media screen and (min-width: 63em) {
  .find-beer section .controls .control-wrap:nth-of-type(4) {
    width: 13%;
  }
}
<!--@media screen and (min-width: 48em) {
  .find-beer section .controls .control-wrap:nth-of-type(4) {
    text-align: right;
  }
}        -->                                        
.find-beer section .controls .control-wrap:nth-of-type(5) {
  padding-right: 0;
}
@media screen and (min-width: 40em) {
  .find-beer section .controls .control-wrap:nth-of-type(5) {
    width: 29%;
    text-align: right;
  }
}
@media screen and (min-width: 63em) {
  .find-beer section .controls .control-wrap:nth-of-type(5) {
    width: 18%;
  }
}
.find-beer section label {
  display: block;
  margin-bottom: 0.5em;
  color: #a08958;
  font-weight: 900;
  font-size: 1.25em;
  text-transform: uppercase;
}
.find-beer section label.normal {
  display: inline;
  color: #231f20;
  font-weight: bold;
  font-size: 1em;
}
.find-beer section input {
  font-size: 1em;
}
.find-beer section input[type="radio"] {
  display: inline-block;
  margin-left: 1.25em;
  margin-right: 0.625em;
  font-size: 1em;
}
.find-beer section input[type="radio"]:nth-of-type(1) {
  margin-left: 0;
}
.find-beer section input[type="text"] {
  top: 0.0625em;
  width: 100%;
  height: 2.1875em;
  padding-top: 8px;
}
.find-beer section input[type="submit"] {
  width: 8.125em;
  height: 2.8125em;
  color: white;
  background: url(assets/images/infobox-background.jpg);
  font-weight: 700;
  font-size: 1em;
  line-height: 2.4375em;
  text-transform: uppercase;
  letter-spacing: 0.0625em;
}
.find-beer section input[type="submit"]:hover {
  cursor: pointer;
}
.find-beer section span {
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
}
.find-beer section .chosen-container,
.find-beer section select {
  width: 100% !important;
  height: 2.1875em !important;
}
.find-beer section .results-wrap {
  padding: 1.5625em;
  background: url(assets/images/bg-asphalt-tile.jpg);
  zoom: 1;
}
.find-beer section .results-wrap:before, .find-beer section .results-wrap:after {
  content: "";
  display: table;
}
.find-beer section .results-wrap:after {
  clear: both;
}
.find-beer section .results-wrap h3,
.find-beer section .results-wrap h4 {
  margin-bottom: 0;
  font-size: 1.5em;
}
.find-beer section .results-wrap h3 {
  color: #a08958;
}
.find-beer section .results-wrap h3 span {
  color: white;
}
.find-beer section .results-wrap h4 {
  color: white;
  line-height: 1em;
}
@media screen and (min-width: 60em) {
  .find-beer section .results-wrap .results,
  .find-beer section .results-wrap .map {
    float: left;
    width: 50%;
  }
}
.find-beer section .results-wrap .results {
  margin-bottom: 1.5625em;
}
@media screen and (min-width: 60em) {
  .find-beer section .results-wrap .results {
    height: 31.25em;
    margin: 0;
    padding-right: 1.5625em;
    overflow: hidden;
  }
}
.find-beer section .results-wrap .results ul {
  height: 30.9375em;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
}
.find-beer section .results-wrap .results li {
  height: auto;
  padding: 0.9375em 0;
  border-top: 1px solid #a08958;
  clear: both;
}
@media screen and (min-width: 48em) {
  .find-beer section .results-wrap .results li {
    height: 5.9375em;
  }
}
.find-beer section .results-wrap .results i {
  display: block;
  float: left;
  width: 1.875em;
  height: 2.8125em;
  margin: 0.625em 1.25em 1.5625em;
  padding-top: 0.375em;
  background-image: url(assets/images/icon-mapdot-white.png);
  text-align: center;
  font-weight: 900;
  z-index: 5;
  cursor: pointer;
}
.find-beer section .results-wrap .results .loading,
.find-beer section .results-wrap .results .no-results,
.find-beer section .results-wrap .results .found-results,
.find-beer section .results-wrap .results .illegal-state {
  display: none;
}
.find-beer section .results-wrap .results div span {
  display: block;
  font-size: 0.75em;
  line-height: 1.25em;
}
.find-beer section .results-wrap .results div span:nth-of-type(1) {
  margin-bottom: 0.3125em;
  color: #a08958;
  font-weight: 900;
}
.find-beer section .results-wrap .results div span:nth-of-type(2) {
  color: white;
}
.find-beer section .results-wrap .results div span:nth-of-type(3) a {
  color: white;
  font-weight: 400;
  font-style: italic;
  text-transform: none;
}
.find-beer section .results-wrap .map {
  height: 31.25em;
}

body.food-pairings {
  background: url(assets/images/bg-brick.jpg) top left repeat;
}
body.food-pairings .title-wrap {
  margin-bottom: 0;
}

.food-pairings-coming-soon {
  background-image: url(assets/images/bg-food-pairings-coming-soon-small.jpg);
  height: 600px;
}
@media screen and (min-width: 48em) {
  .food-pairings-coming-soon {
    background-image: url(assets/images/bg-food-pairings-coming-soon-large.jpg);
  }
}
@media screen and (min-width: 60em) {
  .food-pairings-coming-soon {
    height: 750px;
  }
}
@media screen and (min-width: 77.5em) {
  .food-pairings-coming-soon {
    height: 1099px;
  }
}

.fulton-wood {
  background: url(assets/images/bg-brick.jpg) top left repeat;
}

.home {
  background: black;
}
.home .site-header {
  padding-top: 1.25em;
}
@media screen and (min-width: 60em) {
  .home .site-header {
    padding-top: 2.5em;
  }
}
@media screen and (min-width: 67.5em) {
  .home .site-header {
    padding-top: 2.5em;
  }
}
@media screen and (min-width: 60em) {
  .home .site-title {
    top: 0;
  }
  .home .site-title img {
    display: block;
    max-width: 8.75em;
    margin: 0 auto;
  }
  .home .nav-large a,
  .home .nav-small a,
  .home .site-title a {
    height: 8.75em;
    line-height: 8.75em;
  }
  .home .menu-social {
    padding-top: 1.25em;
  }
  .home .menu-social a {
    width: 1.875em;
    height: 1.875em;
  }
  .home .menu-social i {
    line-height: 19px;
    font-size: 1em;
  }
}
.home section {
  max-width: none;
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: center;
}
.home #video {
  position: fixed;
  width: 100%;
  height: 100%;
  background-image: url(assets/images/bg-barrelstacks.jpg);
  z-index: 0;
}
.home #video .cycle-slide {
  display: none;
}
.home #video.cycle-slideshow .cycle-slide {
  display: block;
  //left: -110% !important;
  width: auto;
  min-width: 100%;
  max-width: none;
  height: 100%;
}
@media screen and (min-width: 30em) {
  .home #video.cycle-slideshow .cycle-slide {
  //  left: -57% !important;
  }
}
@media screen and (min-width: 37.5em) {
  .home #video.cycle-slideshow .cycle-slide {
   // left: -27% !important;
  }
}
@media screen and (min-width: 48em) {
  .home #video.cycle-slideshow .cycle-slide {
   // left: -17% !important;
  }
}
@media screen and (min-width: 60em) {
  .home #video.cycle-slideshow .cycle-slide {
    display: none;
  }
}
.home .quote {
  display: block;
  width: 90%;
  max-width: 23.0625em;
  height: auto;
  margin: 0 auto 1.875em;
}
@media screen and (min-width: 48em) {
  .home .quote {
    margin-bottom: 3.125em;
  }
}
@media screen and (min-width: 60em) {
  .home .quote {
    margin-bottom: 5em;
  }
}
.home .search {
  margin-bottom: 1.875em;
}
@media screen and (min-width: 60em) {
  .home .search {
    margin-bottom: 25px;
  }
}
.home .search input {
  width: 90%;
  max-width: 23.125em;
  height: 2.1875em;
  padding-top: 0.625em;
  background: white url(assets/images/icon-search.png) 98% 45% no-repeat;
  border: none;
  font-size: 1em;
}
.home div#newsletter {
    width:90%;
	max-width:23.125em;
    margin:auto;
    display:block;
}
.home div#newsletter div.label, .home h3, .home h2 {
    color:white;
    background:#9f895a;
}
.home div#newsletter div.label {
	padding: 8px 0px;
}
.home .form {
	background: url(assets/images/home/texture-bg.png);
}
.home #email-submit {
    background:#9f895a;
	text-transform:uppercase;
	text-align:center;
	color:white;
    border:none;
    font-family:"BrandonGrotesque", sans-serif;
    width:90px;
    letter-spacing:2px;
    outline:none;
    padding-top:6px;
    cursor:pointer;
}
.home #email-form {
    padding:20px 2px 22px;
    max-width: 23.125em;
    margin:auto;
    display:block;
}
.home #email-form input {
    width:45%;
	height:2em;
    margin-bottom:0.85em;
}

.home #email-form input::-webkit-input-placeholder { color:#949597; }
.home #email-form input::-moz-placeholder { color:#949597; } /* firefox 19+ */
.home #email-form input:-ms-input-placeholder { color:#949597; } /* ie */
.home #email-form input:-moz-placeholder { color:#949597; }

.home #email-form input.left {
	margin-right:4.5%;
}

.home #click-here {
	background:transparent;
    border: white 2px solid;
    color:white;
    font-family:"BrandonGrotesque", sans-serif;
    text-transform:uppercase;
    font-weight:bold;
    padding:6px 10px 4px;
    margin-top:9px;
    margin-bottom:13px;
    font-size:1em;
    cursor:pointer;
}
.home #click-here:focus {
	outline:0;
}
.home div#newsletter {
  margin-bottom: 1.875em;
}
.home div#newsletter.active {
	width:100%;
    max-width:none;
}
.home h2 {
	letter-spacing:4.5px;
    margin-bottom:0px;
    line-height:1.4em;
}
.home h3 {
	font-weight:normal;
    letter-spacing:0.5px;
	font-size: 0.70em;
    margin-bottom:0px;
}
@media screen and (max-width: 500px) {
  .home h2 {
    font-size:1.3em;
    margin-top:10px;
  }
  .home h3 {
    font-size:1em;
    margin:3% 6%;
    line-height:1.3em;
  }
  .home #click-here {
	font-size:1.3em;
    margin-top:14px;
    margin-bottom:18px;
  }
}
.home div.message {
    display:none;
    color:white;
    font-family:"BrandonGrotesque", sans-serif;
    text-transform:uppercase;
    font-size:1.2em;
    font-weight:bold;
    background: url('assets/images/home/texture-bg.png');
    width:100%;
    text-align:center;
    padding:25px 0px 30px;
}
.home div.errorMessage {
    display:none;
    color:white;
    font-family:"BrandonGrotesque", sans-serif;
    text-transform:uppercase;
    font-size:1.2em;
    font-weight:bold;
    width:100%;
    text-align:center;
    padding:25px 0px 30px;
}
.home div.message p {
	max-width:35em;
    text-align:center;
    margin:auto;
    display:block;
}
@media screen and (min-width: 48em) {
  .home div#newsletter {
    margin-bottom: 6.25em;
  }
}
@media screen and (min-width: 60em) {
  .home div#newsletter {
    margin-bottom: 12.5em;
  }
}
@media screen and (max-width: 1024px) {
    .home #email-form input, .home #email-form input.left {
		width:90%;
        margin-right:0;
        height:2.5em;
    }
    .home #email-form input:last-of-type {
		margin-bottom:1.5em;
    }
    .home div.errorMessage, .home div.message {
		width:70%;
		margin:auto;
    } 
}
body {
    -webkit-text-size-adjust: 100%;
}
.home .thumbs {
  margin: 0 auto;
  background: black;
  zoom: 1;
}
.home .thumbs:before, .home .thumbs:after {
  content: "";
  display: table;
}
.home .thumbs:after {
  clear: both;
}
.home .thumbs a {
  display: block;
  float: left;
  width: 50%;
  background: #231f20;
}
@media screen and (min-width: 37.5em) {
  .home .thumbs a {
    width: 33.333%;
  }
}
@media screen and (min-width: 48em) {
//  .home .thumbs a {
//    width: 25%;
//  }
}
@media screen and (min-width: 60em) {
  .home .thumbs a {
    width: 16.666%;
  }
}
.home .thumbs a:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.home .thumbs span {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.75em;
  padding: 0.55em 0em 0em 0em;
  background: url(assets/images/bg-asphalt-tile.jpg) center;
  color: #f8fcee;
  font-weight: 700;
  font-size: 0.875em;
  text-align: center;
  text-transform: uppercase;
  z-index: 1;
}
@media screen and (min-width: 30em) {
  .home .thumbs span {
    font-size: 1em;
  }
}
@media screen and (min-width: 48em) {
  .home .thumbs span {
    font-size: 1.125em;
  }
}
@media screen and (min-width: 60em) {
  .home .thumbs span {
    font-size: 1em;
  }
}
@media screen and (min-width: 67.5em) {
  .home .thumbs span {
    font-size: 1.125em;
  }
}
@media screen and (min-width: 77.5em) {
  .home .thumbs span {
    font-size: 1.25em;
  }
}
.home .thumbs img {
  display: block;
  width: 100%;
  height: auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.home .description {
  padding: 4.0625em 0em 2.1875em;
  background: url(assets/images/bg-concrete.jpg);
  color: #231f20;
}
@media screen and (min-width: 60em) {
  .home .description {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
    filter: alpha(opacity=70);
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
  }
}
.home .description .text-wrap {
  padding: 1.5625em 0em;
  background: white;
}
.home .description p {
  max-width: 42.8125em;
  margin: 0 auto;
  padding: 0 1.25em;
  color: black;
  font-size: 1.125em;
  line-height: 1.4em;
}
@media screen and (min-width: 60em) {
  .home .description p {
    padding: 0;
    font-size: 1.5625em;
    line-height: 1.2em;
  }
}
.home .site-footer .nav-top {
  display: none;
}

.autocomplete-suggestions {
  background-color: white;
  width: 90% !important;
  max-width: 23.125em;
}
.autocomplete-suggestions .autocomplete-suggestion {
  padding: 5px 10px;
  font-size: 1em;
  line-height: 1.25em;
}
.autocomplete-suggestions .autocomplete-suggestion:hover {
  background-color: #f8fcee;
  font-weight: bold;
  cursor: pointer;
}

.lt-ie9 .site-header .sub-nav li a {
  width: 10.625em;
}
.lt-ie9 .site-header i {
  top: 0 !important;
}
.lt-ie9 nav.sticky span:nth-of-type(2) {
  display: none;
}
.lt-ie9 .page-header .breadcrumbs li {
  height: 1.4375em;
}
.lt-ie9 body.home #video img {
  display: none;
}
.lt-ie9 body.home #video .background-size-polyfill img {
  display: block;
}
.lt-ie9 body.home .quote {
  width: 23.0625em;
  height: 17.3125em;
}
.lt-ie9 body.beers .beers-wrap img {
  max-height: 13.6875em;
}
.lt-ie9 body.beers .beer-types article {
  padding-bottom: 5px;
}
.lt-ie9 body.beerinfo .beer-types {
  z-index: 10;
}
.lt-ie9 body.beerinfo .beer-types .row {
  margin-bottom: 20px;
}
.lt-ie9 body.beerinfo .beer-types .row:last-child {
  margin-bottom: 0;
}
.lt-ie9 body.contact .infobox {
  margin-right: 3.1875em;
}
.lt-ie9 body.contact .infobox:last-child {
  margin-right: 0;
}
.lt-ie9 .owl-nav a {
  color: transparent;
  text-indent: -999px;
}
.lt-ie9 .owl-nav .owl-next {
  right: 0 !important;
  left: auto !important;
  background-image: url(assets/images/icon-arrow-right.png) !important;
}
@media screen and (min-width: 77.5em) {
  .lt-ie9 .owl-nav .owl-next {
    right: -80px !important;
  }
}

/*OUR BARRELS*/

body.our-barrels {
  background: url(assets/images/bg-brick.jpg) top left repeat;
  font-family:"BrandonGrotesque", sans-serif;
}

body.our-barrels .our-barrels-nav {
    background:url(assets/images/our-barrels/OurBarrels-navBg.jpg) top left;
    color:white;
}
body.our-barrels .our-barrels-nav .title {
	padding-top:30px;
    padding-bottom:20px;
}
.our-barrels section div.content-wrap {
  margin-bottom: 0;
}
.our-barrels section div.content-wrap.padded {
  padding: 3.75em 45px 4.375em;
}
@media screen and (max-width: 67.4375em) {
  .our-barrels section div.content-wrap.padded {
    padding-right: 2em;
    padding-left: 2em;
  }
}
.our-barrels section div.content-wrap h3 {
  color: #696667;
  font-weight: 400;
  font-size: 1.75em;
  text-align: center;
  text-transform: none;
}
.our-barrels section div.content-wrap h3.left {
	text-align:left;
}
.our-barrels section div.content-wrap p {
  font-size: 1.25em;
  line-height: 1.5em;
}
.our-barrels.history section div.content-wrap p {
  color:#696667;
}
.our-barrels.history section.chicago-barrel-warehouse div.content-wrap p {
  color: #231f20;
}
.our-barrels.barrels section div.content-wrap p {
  margin-left:5%;
  margin-right:5%;
  font-size:1.25em;
}
.our-barrels.barrels section div.content-wrap li {
  font-size:20px;
  line-height:1.25em;
  padding:14px 0px 0px;
}
.our-barrels.barrels section div.content-wrap h2 {
  font-size:1.7em;
  font-weight:800;
  margin-left:5%;
  margin-right:5%;  
}
.our-barrels section div.content-wrap p:last-child {
  margin-bottom: 0;
}
.our-barrels section div.content-wrap div.video-frame {
  margin-bottom: 2.8125em;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
div.video-frame iframe,
div.video-frame object,
div.video-frame embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.our-barrels .site-header {
  padding-bottom: 1.5625em;
}
.our-barrels .title-wrap {
  background: none;
  box-shadow: 0px 0px 30px -5px #4b4847;
}
.our-barrels .title-wrap h1 span {
  color: #231f20;
}
body.our-barrels h2 {
  margin-bottom: 10px;
  font-size: 1.5em;
  font-weight:bolder;
}
@media screen and (min-width: 67.5em) {
  body.our-barrels h2.top-padded {
    padding: 2em 0 0;
  } 
}

.our-barrels .site-footer {
  background: url(assets/images/bg-wall.png) left bottom repeat-x;
}
.our-barrels .nav-bottom {
  box-shadow: 0px 0px 15px -1px #222222;
}
body.our-barrels .menu-wrap button {
	width:30%;
}
body.our-barrels div.divider {
    height:30px;
    width:100%;
	background:url(assets/images/bg-asphalt-tile.jpg) center;
}
body.our-barrels .title {
	text-transform:uppercase;
    text-align:center;
    font-size:35px;
	font-weight:bolder;
}
body.our-barrels div.content-wrap {
	max-width:70em;
    width:85%;
    margin:auto;
}
@media screen and (max-width:375px) {
    body.our-barrels div.content-wrap {
        width:100%;
    }
}
body.our-barrels div.content-wrap ol {
	margin:auto 5%;
}
body.our-barrels div.content-wrap ol.outer {
	margin-bottom:200px;
}
@media screen and (max-width:55em) {
    body.our-barrels section.section-wrap {
		margin:2% 0;
    }
}
body.our-barrels img.full-width {
	width:100%;
    height:auto;
}

/* OUR BARRELS NAV*/
body.our-barrels nav.sticky {
  position: fixed;
  top: -4.0625em;
  left: 0;
  right: 0;
  height: 3.125em;
  background-color: #231f20;
  box-shadow: 0px 0px 15px -1px #4b4847;
  text-align: center;
  z-index: 100;
  -webkit-transition: top 0.25s ease-in-out;
}
body.our-barrels nav.sticky img {
	display:none;
}
@media screen and (min-width: 60em) {
  body.our-barrels nav.sticky {
    display: block;
    height: 3.125em;
  }
}
body.our-barrels nav.sticky.stuck {
  top: 0;
}
body.our-barrels nav.sticky ul {
  margin: 0 auto;
  padding:0;
  list-style-type: none;
  height:3.125em;
}
body.our-barrels nav li {
  display: inline-block;
  margin: 0 3px;
}
@media screen and (min-width: 37.5em) {
  body.our-barrels nav.sticky li, body.our-barrels nav.initial li {
    width: auto;
    margin: 0 15px;
    height: 3.125em;
  }
  body.our-barrels nav.sticky, body.our-barrels nav.initial {
	text-align: center;
  }
}
body.our-barrels nav.sticky a, body.our-barrels nav.initial a {
  display: block;
  color: white;
  font-weight: 600;
  font-size: 0.6875em;
  text-transform: uppercase;
  height: 3.125em;
}
body.our-barrels nav.initial a {
  height: 2.5em;
}
body.our-barrels nav.initial {
	padding-bottom:7px;
}
body.our-barrels nav.initial ul {
	margin-bottom:0px;
}
body.our-barrels nav.sticky a:hover,body.our-barrels nav.sticky a.active, body.our-barrels nav.initial a:hover,body.our-barrels nav.initial a.active {
    border-bottom: #b2301e solid 2px;
}
@media screen and (min-width: 37.5em) {
  body.our-barrels nav.sticky a, body.our-barrels nav.initial a {
    font-size: 1em;
    line-height: 3.125em;
  }
  body.our-barrels nav.sticky a:hover,body.our-barrels nav.sticky a.active, body.our-barrels nav.initial a:hover,body.our-barrels nav.initial a.active {
      border-bottom: #b2301e solid 3px;
  }
}
@media screen and (min-width: 60em) {
  body.our-barrels nav.sticky a, body.our-barrels nav.initial a {
    line-height: 3.125em;
  }
}
@media screen and (max-width: 59.9375em) {
  body.our-barrels nav.sticky span {
    display: none;
  }
}
@media screen and (max-width: 900px) {
    body.our-barrels nav.sticky img {
        display:block;
        float:right;
  		position: relative;
        padding-right:15px;
        padding-top:10px;
    }
    body.our-barrels nav.mobile-nav.active > ul {
		display:block;
    }
    body.our-barrels nav.mobile-nav ul {
		margin-top:2.1875em;
        display:none;
    }
    body.our-barrels nav.mobile-nav li {
		clear:both;
        float:right;
        padding-right:15px;
        height:2.8em;
        margin:0;
        width:100%;
        text-align:right;
        background-color:#696667;
    }
    body.our-barrels nav.sticky a:hover,body.our-barrels nav.sticky a.active {
		border-bottom:none;
    }
    body.our-barrels nav.sticky {
		height:2.2em;
    }
}
@media screen and (max-width: 595px) {
    body.our-barrels nav.initial li {
		margin:auto;
        display:block;
        border:none;
        text-align:center;
    }
    body.our-barrels nav.initial ul {
		padding-bottom:7px;
        padding-left:0;
    }
    body.our-barrels nav.initial a {
		height:2em;
        font-size:1em;
    }
    body.our-barrels nav.initial a:hover {
		border-bottom:none;
        color:#a08958;
    }
    body.our-barrels .our-barrels-nav .title {
		padding-bottom:10px;
        padding-top:16px;
    }
}
/*OUR BARRELS SECTION BACKGROUNDS*/

body.our-barrels section.grit-grain {
	background:url(assets/images/our-barrels/grit-grain-bg.jpg) left top repeat-x;
}

body.our-barrels section.history {
	background:url(assets/images/our-barrels/history-bg.jpg) left top repeat-x;
}

body.our-barrels section.wine-barrels {
	background:url(assets/images/our-barrels/winebarrel-bg.jpg) left top repeat-x;
}

body.our-barrels section.bourbon-barrels {
	background:url(assets/images/our-barrels/bourbon-barrels-bg.jpg) left top repeat-x;
}

body.our-barrels section.chicago-barrel-warehouse {
	background:url(assets/images/our-barrels/chicago-barrel-house-bg.jpg) left top repeat-x;
}

@media screen and (min-width: 1000px) {
    body.our-barrels section.grit-grain, body.our-barrels section.history, body.our-barrels section.wine-barrels, body.our-barrels section.bourbon-barrels, body.our-barrels section.chicago-barrel-warehouse, body.our-barrels section.grit-grain, body.our-barrels .our-barrels-nav {
		background-size:100%;
    }
}

/*OUR BARRELS EPISODE MENU*/
/* Episode Nav */
body.our-barrels section.menu-wrap button.released:hover, body.our-barrels section.menu-wrap button.released:active, body.our-barrels section.menu-wrap button.active, body.our-barrels section div#menu-mobile li.active {
  border-left: #b2301e solid 4px;
}
div.menu-wrap {
  width:100%;
}
div.menu-wrap h2 {
  font-size:30px;
}
button.menu-grid {
  width:31%;
  margin-left:2%;
  height:60px;
  display:inline-block;
  border:none;
  outline:none;
  background-color:#969696;
  color:#ffffff;
  margin-bottom:10px;
  padding:0;
  font-family:"BrandonGrotesque", sans-serif;
  text-transform:uppercase;
  font-size:12px;
}
button.menu-grid.released {
  background-color:#ffffff;
  color:black;
}
button.menu-grid.left {
  margin-left:0;
}
button.menu-grid div {
  height:60px;
  display:table-cell;
  vertical-align:middle;
  text-align:left;
  padding:0px 10px;
  line-height:15px;
}
button.menu-grid div.chapt {
  width:115px;
  background-color:#6e6553;
  color:#3d3930;
  font-size:15px;
  padding:0px 12px;
  font-weight:bold;
  text-align:center;
}
button.menu-grid.two div.chapt, button.menu-grid div.chapt {
	line-height: 51px;
}
button.menu-grid.active div.chapt, button.menu-grid.released:hover div.chapt, button.menu-grid.released:active div.chapt {
    width:111px;
}
button.menu-grid.released div.chapt {
  background-color:#a08858;
  color:white;
}
div.menu-wrap p:nth-of-type(2) {
  margin-bottom:40px;
}
@media screen and (max-width: 1210px) {
	button.menu-grid div.chapt {
		width:85px;
        font-size:10px;
    }
    body.our-barrels section.menu-wrap button.released.active div.chapt, body.our-barrels section.menu-wrap button.released:active div.chapt, body.our-barrels section.menu-wrap button.released:hover div.chapt {
        width:81px;
    }
}
@media screen and (max-width: 1095px) {
    body.our-barrels {
		cursor: pointer;
    }
    body.our-barrels section button.menu-grid {
		display:none;
    }
    body.our-barrels section div#menu-mobile {
		display:block;
        width:400px;
        max-width:95%;
        margin:50px auto 12px auto;
        color:white;
        background-color:#231f20;
        height:50px;
        z-index:3;
    }
    body.our-barrels section div#prev-next {
        display:block;
        width:400px;
        max-width:95%;
        margin:auto;
    }
    body.our-barrels section div#prev-next img {
        width:195px;
        max-width:48%;
        display:inline-block;
        height:50px;
    }
    body.our-barrels section div#prev-next a.disabled, body.our-barrels section div#prev-next div.disabled {
		opacity:0.5;
    }
    body.our-barrels section div#prev-next a#prev.disabled, body.our-barrels section div#prev-next a#next.disabled, body.our-barrels section div#prev-next div:has(a#prev-arrow.disabled), body.our-barrels section div#prev-next div:has(a#next-arrow.disabled) {
		opacity:0.5;
    }
    /**body.our-barrels section div#prev-next img:first-of-type {
		margin-right:2.5%;
    }*/
    body.our-barrels section div#prev-next #prev {
		margin-right:3%;
    }
    body.our-barrels section div#prev-next img.arrow {
        display:none;
    }
    div#menu-mobile ul {
		display:none;
        color:#231f20;
        list-style:none;
        list-style-type:none;
        padding-left:0px;
        width:100%;
    }
    div#menu-mobile.active > ul {
		display:block;
    }
    div#menu-mobile li {
		text-align:left;
        color:#6f6652;
        text-transform:uppercase;
        height:93px;
    }
	div#menu-mobile li:before {
		content: '';
  		display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em; 
    }
    div#menu-mobile li p {
		display: inline-block;
  		vertical-align: middle;
  		width: 100%;
        padding:0px 25px;
    }
    div#menu-mobile li.released {
        color:black;
    }
    html.no-js body.our-barrels div#menu-mobile ul li {
		background-color:#b7a682;
        position:relative;
        list-style: none;
    }
    html body.our-barrels div#menu-mobile ul li:nth-child(odd) {
		background-color:#a08958;
    }
    html body.our-barrels div#menu-mobile ul li:nth-child(even) {
		background-color:#b7a682;
    }
    div#menu-mobile p.menu-top {
		display:block;
        margin: auto;
        height: 50px;
    }
    div#menu-mobile p span {
		padding:12px 10px;
        float:left;
        height:100%;
        font-size:25px;
        letter-spacing:2px;
    }
    div#menu-mobile p span#arrow {
		margin: 12px 20px 12px 25px;
        padding:0px;
        height:26px;
        width:24px;
        background: url(assets/images/our-barrels/arrow-right.png) center no-repeat;
    } 
    div#menu-mobile.active p span#arrow {
		background: url(assets/images/our-barrels/arrow-down.png) center no-repeat;
    }
    body.our-barrels section.episode-wrap div#episode div.content-wrap div.video-frame {
		height:0px;
    	-webkit-backface-visibility: visible;
    }
}
@media screen and (max-width: 540px) {
    body.our-barrels section div#prev-next a#prev, body.our-barrels section div#prev-next a#next {
		display:none;
    }
    body.our-barrels section div#prev-next a {
		height:100%;
    }
    body.our-barrels section div#prev-next div {
        max-width:48%;
        width:195px;
        display:inline-block;
        height:50px;
        color:white;
        background-color:#231f20;
        margin:auto;
    }
    body.our-barrels section div#prev-next div:first-of-type {
        margin-right:2.5%;
    }
    body.our-barrels section div#prev-next img.arrow {
		display:block;
        height:26px;
        width:24px;
        margin:12px auto;
    } 
}
@media screen and (max-width: 550px) {
	body.our-barrels section div#menu-mobile li {
		height:130px;
    }
}
@media screen and (min-width: 1095px) {
    body.our-barrels section button.menu-grid {
		display:inline-block;
    }
    body.our-barrels section div#menu-mobile, body.our-barrels section div#prev-next {
		display:none;
    }
}

/*OUR BARRELS EPISODES*/
div#episode, div#episode h3 {
	color:#696667;
}
div#episode div h1 {
	font-weight:bolder;
    padding:10px 0px;
    font-size:1.4em;
    color:#231f20;
}
div#episode div h3{
    text-transform:none;
    font-weight:500;
}
div#episode div h3.left {
	text-transform:uppercase;

}
/*OUR BARRELS HISTORY*/
body.our-barrels div.timeline {
	margin-bottom:19em;
}
body.our-barrels div.timeline h2 {
	padding:0;
    margin:0;
}
body.our-barrels div.timeline div.timeline-date {
	height:50px;
    display:block;
    margin:auto;
    font-size:30px;
    font-weight:bold;
    background-color:#a08957;
    color:#ededed;
    width:130px;
}
body.our-barrels div.timeline div.timeline-date:first-of-type {
	margin-top:55px;
}
body.our-barrels div.timeline div.timeline-date p {
    width:100%;
    text-align:center;
    padding-top:2px;
    padding-bottom:2px;
}
body.our-barrels div.timeline div.timeline-div {
	height:25px;
    display:block;
    margin:auto;
    background-color:#a08957;
    width:4px;
}
body.our-barrels div.timeline div.timeline-details {
    background-color:rgba(47,47,47,0.1);
    border-top:rgba(47,47,47,0.2) 1.2em solid;
    color:#696667;
    padding: 1.6em 2em 2.3em;
}
html.no-js body.our-barrels div.timeline div.timeline-details {
	background-color:#dedbde;
    border-top:#bdbabd 1.2em solid;
}
body.our-barrels div.timeline div.timeline-details {
	width:100%;
}
body.our-barrels img.timeline-img {
	display:block;
    width:100%;
    height:200px;
}
body.our-barrels div.timeline-title {
	color:#696667;
}
body.our-barrels div.timeline-title h3 {
    color:#696667;
	font-weight:400;
}
/*OUR WINE/BOURBON BARRELS*/
body.our-barrels div.barrels div.barrels-row {
	width:70%;
    display:block;
    margin-left:25%;
    margin-right:5%;
    margin-bottom:40px;
}
body.our-barrels.bourbon h2, h2.top-padded {
  margin-top:40px;
}
div.barrels-row img, div.barrels-details {
	display:block;
    width:100%;
}
body.our-barrels div.content-wrap.barrels {
	margin-top:50px;
}
body.our-barrels div.content-wrap.barrels:last-of-type {
	margin-bottom:115px;
}
img.barrels-img {
	width:15%;
    display:block;
    float:left;
    margin-left:5%;
}
body.our-barrels div.barrels div.barrels-row:first-of-type {
	margin-top:50px;
}
html.no-js body.our-barrels div.barrels div.barrels-details {
	background-color:#dedbde;
}
html.no-js body.our-barrels div.barrels div.barrels-details h2 {
	background-color:#bdbabd;
}
html body.our-barrels div.barrels div.barrels-details {
    background-color:rgba(47,47,47,0.1);
    color:#696667;
}
html body.our-barrels div.barrels div.barrels-details h2 {
    background-color:rgba(47,47,47,0.2);
    padding: 0.5em 1.0em 0.4em;
	margin:0;
    font-size:1.25em;
}
div.barrels div.barrels-row div.barrels-details p {
  padding:8px 20px 0px;
  margin:0;
}
div.barrels div.barrels-row div.barrels-details p:last-of-type {
  padding-bottom:25px;
}
section.bourbon-barrels div.content-wrap p:first-of-type, section.wine-barrels div.content-wrap p:first-of-type {
  margin-bottom:0px;
}
body.our-barrels div.barrels div.barrels-details ol {
	padding:0em 40px 25px;
}
div.barrels div.barrels-row ul {
  margin:0;
  padding:8px 20px 8px 65px;
}
section.bourbon-barrels div.content-wrap ol, section.wine-barrels div.content-wrap ol {
  margin-bottom:16px;
  padding:0px 35px;
}
body.our-barrels p#bottom-text {
  font-style: italic;
  color:#221e1f;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 18px;
  text-align: center;
  padding:50px 0px 40px;
}
.our-story {
  background: url(assets/images/bg-brick.jpg) top left repeat;
}
.our-story section .content-wrap {
  margin-bottom: 0;
}
.our-story section .content-wrap.padded {
  padding: 3.75em 0 4.375em;
}
@media screen and (max-width: 67.4375em) {
  .our-story section .content-wrap.padded {
    padding-right: 1.25em;
    padding-left: 1.25em;
  }
}
.our-story section .content-wrap h3 {
  color: #231f20;
  font-weight: 400;
  font-size: 2.125em;
  text-align: center;
}
.our-story section .content-wrap p {
  font-size: 1.25em;
  line-height: 1.25em;
}
.our-story section .content-wrap p:last-child {
  margin-bottom: 0;
}
.our-story section .content-wrap .video-frame {
  margin-bottom: 2.8125em;
}
.our-story .site-header {
  padding-bottom: 1.5625em;
}
.our-story .title-wrap {
  background: none;
  box-shadow: 0px 0px 30px -5px #4b4847;
}
.our-story .title-wrap h1 span {
  color: #231f20;
}
.our-story h2 {
  margin-bottom: 0;
  padding: 0.625em 1.25em 0;
  font-size: 1.25em;
}
@media screen and (min-width: 67.5em) {
  .our-story h2 {
    padding: 0.9375em 0 0;
  }
}
.our-story .video-wrap {
  background-image: url(assets/images/bg-citymap-dark.jpg);
  box-shadow: 0px 0px 30px -5px #4b4847;
}
.our-story .video-wrap .content-wrap {
  padding: 6.25em 0;
}
@media screen and (max-width: 67.4375em) {
  .our-story .video-wrap .content-wrap {
    padding: 3.125em 1.25em;
  }
}
.our-story .video-wrap .content-wrap .video-frame {
  margin-bottom: 0;
}
.our-story .video-wrap .story-sections {
  padding-top: 4.375em;
  zoom: 1;
}
.our-story .video-wrap .story-sections:before, .our-story .video-wrap .story-sections:after {
  content: "";
  display: table;
}
.our-story .video-wrap .story-sections:after {
  clear: both;
}
.our-story .video-wrap .story-sections article {
  margin-bottom: 3.125em;
}
@media screen and (min-width: 60em) {
  .our-story .video-wrap .story-sections article {
    float: left;
    width: 30%;
    margin-bottom: 0;
    margin-right: 5%;
  }
  .our-story .video-wrap .story-sections article:last-of-type {
    margin-right: 0;
  }
}
.our-story .video-wrap .story-sections h4 {
  margin-bottom: 0;
  color: white;
  font-size: 1.75em;
  font-weight: 900;
}
.our-story .video-wrap .story-sections h5 {
  color: #a08958;
  font-size: 1.125em;
  font-weight: 700;
}
.our-story .video-wrap .story-sections p {
  color: white;
}
.our-story .history-wrap {
  background: url(assets/images/bg-siding.jpg) top left repeat;
}
.our-story .history-wrap .title-wrap {
  margin-bottom: 0;
  background: url(assets/images/bg-siding-green.jpg) top left repeat-x;
}
.our-story .brewery-wrap {
  background-image: url(assets/images/bg-road.jpg);
}
.our-story .brewery-wrap .title-wrap {
  margin-bottom: 0;
  box-shadow: none !important;
}
.our-story .brewery-wrap .title-wrap span {
  color: white;
}
.our-story .brewery-wrap .content-wrap {
  color: white;
}
.our-story .brewery-wrap .content-wrap h3 {
  color: white;
}
.our-story .barrels-wrap {
  background-image: url(assets/images/bg-barrel.jpg);
}
.our-story .barrels-wrap .title-wrap {
  margin-bottom: 0;
  box-shadow: none !important;
}
.our-story .barrels-wrap .title-wrap span {
  color: white;
}
.our-story .barrels-wrap .content-wrap {
  color: white;
}
.our-story .barrels-wrap .content-wrap h3 {
  color: white;
}
.our-story .hops-wrap {
  background-image: url(assets/images/bg-hops.jpg);
}
.our-story .hops-wrap .title-wrap {
  margin-bottom: 0;
  box-shadow: none !important;
}
.our-story .hops-wrap .title-wrap span {
  color: white;
}
.our-story .hops-wrap .content-wrap {
  color: white;
}
.our-story .hops-wrap .content-wrap h3 {
  color: white;
}
.our-story .people-wrap {
  background-image: url(assets/images/bg-plaster.jpg);
}
.our-story .people-wrap .title-wrap {
  margin-bottom: 0;
}
.our-story .people-wrap .content-wrap {
  padding-bottom: 0 !important;
}
.our-story .people-wrap .bio-wrap {
  margin-bottom: 1.25em;
  zoom: 1;
}
.our-story .people-wrap .bio-wrap:before, .our-story .people-wrap .bio-wrap:after {
  content: "";
  display: table;
}
.our-story .people-wrap .bio-wrap:after {
  clear: both;
}
.our-story .people-wrap .bio-wrap .bio {
  visibility: hidden;
}
.our-story .people-wrap .bio-wrap h4 {
  margin-bottom: 0.3125em;
  font-size: 1.75em;
  font-weight: 700;
}
@media screen and (min-width: 48em) {
  .our-story .people-wrap .bio-wrap h4 {
    clear: right;
    float: right;
    width: 55%;
  }
}
@media screen and (min-width: 60em) {
  .our-story .people-wrap .bio-wrap h4 {
    width: 50%;
  }
}
.our-story .people-wrap .bio-wrap span {
  display: block;
  color: #a08958;
}
.our-story .people-wrap .bio-wrap img {
  display: inline-block;
  height: auto;
}
@media screen and (min-width: 48em) {
  .our-story .people-wrap .bio-wrap img {
    float: left;
    width: 39%;
  }
}
@media screen and (min-width: 60em) {
  .our-story .people-wrap .bio-wrap img {
    width: 44%;
  }
}
.our-story .people-wrap .bio-wrap p {
  margin-bottom: 1.125em;
  font-size: 1.25em;
  font-weight: 600;
}
@media screen and (min-width: 48em) {
  .our-story .people-wrap .bio-wrap p {
    clear: right;
    float: right;
    width: 55%;
  }
}
@media screen and (min-width: 60em) {
  .our-story .people-wrap .bio-wrap p {
    width: 50%;
  }
}
.our-story .people-wrap .people-wrap {
  padding: 5em 0 7.8125em;
  background: url(assets/images/bg-wall.png) left top repeat-x;
}
@media screen and (min-width: 60em) {
  .our-story .people-wrap .people-wrap {
    padding-bottom: 13.4375em;
  }
}
.our-story .people-wrap .people-wrap .content-wrap {
  padding-top: 0 !important;
}
.our-story .people-wrap .people-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 47.9375em) {
  .our-story .people-wrap .people-wrap ul {
    text-align: center;
  }
}
.our-story .people-wrap .people-wrap ul a {
  display: block;
  text-align: center;
}
.our-story .people-wrap .people-wrap img {
  max-width: 11.875em;
  margin: 0 auto;
}
.our-story .site-footer {
  background: url(assets/images/bg-wall.png) left bottom repeat-x;
}
.our-story .nav-bottom {
  box-shadow: 0px 0px 15px -1px #222222;
}

.sitemap {
  background: url(assets/images/bg-brick.jpg) top left repeat;
}
.sitemap .brewpubs ul {
  margin-bottom: 0;
}
.sitemap .brewpubs li {
  margin-left: 2.5em;
}
.sitemap .brewpubs li:nth-of-type(1) {
  margin-left: 0;
  list-style: none;
  text-transform: uppercase;
  text-decoration: underline;
}

.terms,
.privacy {
  background: url(assets/images/bg-brick.jpg) top left repeat;
}
.terms h2,
.privacy h2 {
  line-height: 3.125em;
}
/***********************

REGISTRATION FORM STYLES 

************************/
.chosen-container {
	float:right;
}
body.rare_form div.kimbiaDiv {
	padding-left:15%;
}
body.rare_form div.content {
  margin:auto;
    display:block;
    padding-top:50px;
    margin-bottom:45px;
    clear:both;
}
body.rare_form p, body.rare_form div {
	font-size:20px;
}
body.rare_form h1 {
  text-shadow:rgba(172,172,172,0.75) 2px 3px 0px;
    font-family: BrandonGrotesque, sans-serif;
    font-size:40px;
    color:black;
    display:block;
    margin-bottom:15px;
}
body.rare_form img#rare_bottle {
  height:auto;
    max-width:20%;
    display:inline-block;
    float:left;
}
body.rare_form div.content div.description {
  display:inline-block;
  max-width:80%;
  float:left;
}
body.rare_form div.content div.description p:first-of-type {
  text-transform:uppercase;
    color:#AB9A6D;
    font-size:21px;
    font-weight:bold;
    padding-top:10px;
}
body.rare_form div.content div.description div.text {
    display:block;
    background-color:#f4f5ed;
    padding:0px 15px 10px;
}
body.rare_form div.registrationDetails {
	margin-right:2%;
}
body.rare_form div.registrationFAQ, body.rare_form div.registrationDetails {
    width:49%;
    margin-top:20px;
    display:inline-block;
    background-color:black;
    color:#f4f5ed;
    float:right;
  	font-family: BrandonGrotesque, sans-serif;
    font-size:40px;
    text-align:center;
    z-index:10;
}
div#registrationFAQ, div#registrationDetails {
	color:black;
    font-size:15px;
    text-align:left;
    z-index:12;
}
body.rare_form h2 {
	text-align:center;
}
body.rare_form div.registrationDetails h2 {
	text-align:left;
}
body.rare_form div.registrationDetails h1 {
	text-align:center;
    text-shadow:none;
    font-size:30px;
}
body.rare_form div.registrationDetails p, body.rare_form div.registrationDetails p:first-of-type {
	text-transform:uppercase;
    font-size:20px;
    color:black;
    font-weight:bold;
}
body.rare_form main {
	margin-bottom:1518px;
} 
div.FAQbox {
	padding:10px;
}
@media screen and (max-width: 638px) {
    body.rare_form main {
        margin-bottom:2000px;
    }
    div.FAQbox {
		font-size:30px;
    }
	body.rare_form div.content div.description p:first-of-type {
      font-size:16px;
    }
    body.rare_form div.content div.description h1 {
      font-size:32px;
    }
}
@media screen and (max-width: 400px) {
    body.rare_form main {
        margin-bottom:2950px;
    }
    div.FAQbox {
		font-size:20px;
    }
}
body.rare_form div.form {
	clear:both;
	margin:auto;
    display:block;
    max-width:100%;
    padding:0px 70px;
}
body.rare_form div.form * {
	max-width:100%;
}
chosen-container chosen-container-single chosen-container-single-nosearch {
float:left;
margin-bottom:10px;
}

/* Barrel Icon */
div.floating-icon {
  display:none;
}

body.home div.floating-icon {
  display:block;
  position:fixed;
  bottom:0;
  right:0;
  width:350px;
    z-index:999;
}                                                           
@media screen and (max-width: 67.4375em) {
  body.home div.floating-icon {
      top:0;
      width:120px;
  }
}


/*OUR HOPS*/

body.our-hops {
  background: url(assets/images/bg-brick.jpg) top left repeat;
  font-family:"BrandonGrotesque", sans-serif;
}

body.our-hops .our-hops-nav {
    background:url(assets/images/our-hops/hops-farm.jpg) top left;
    background-size: cover;
    color:white;
    background-position: center;
}
body.our-hops .our-hops-nav .title {
	padding-top:30px;
    padding-bottom:20px;
}

body.our-hops section {
    background: url(assets/images/our-hops/VR-bg.jpg) bottom center;
    background-size: cover;
}

.our-hops section div.content-wrap {
  margin-bottom: 0;
}
.our-hops section div.content-wrap.padded {
  padding: 3.75em 45px 6.375em;
}

.our-hops .threesixty-disclaimer {
	position: relative;
	top: -30px;
	color: white;
	font-size: 1em !important;
}

@media screen and (max-width: 67.4375em) {
  .our-hops section div.content-wrap.padded {
    padding-right: 2em;
    padding-left: 2em;
  }
}
.our-hops section div.content-wrap h3 {
  color: #696667;
  font-weight: 400;
  font-size: 1.75em;
  text-align: center;
  text-transform: none;
}
.our-hops section div.content-wrap h3.left {
	text-align:left;
}
.our-hops section div.content-wrap p {
  font-size: 1.25em;
  line-height: 1.5em;
}
.our-hops.history section div.content-wrap p {
  color:#696667;
}
.our-hops.history section.chicago-barrel-warehouse div.content-wrap p {
  color: #231f20;
}
.our-hops.barrels section div.content-wrap p {
  margin-left:5%;
  margin-right:5%;
  font-size:1.25em;
}
.our-hops.barrels section div.content-wrap li {
  font-size:20px;
  line-height:1.25em;
  padding:14px 0px 0px;
}
.our-hops.barrels section div.content-wrap h2 {
  font-size:1.7em;
  font-weight:800;
  margin-left:5%;
  margin-right:5%;  
}
.our-hops section div.content-wrap p:last-child {
  margin-bottom: 0;
}
.our-hops section div.content-wrap div.video-frame {
  margin-bottom: 2.8125em;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
div.video-frame iframe,
div.video-frame object,
div.video-frame embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.our-hops .site-header {
  padding-bottom: 1.5625em;
}
.our-hops .title-wrap {
  background: none;
  box-shadow: 0px 0px 30px -5px #4b4847;
}
.our-hops .title-wrap h1 span {
  color: #231f20;
}
body.our-hops h2 {
  margin-bottom: 10px;
  font-size: 1.5em;
  font-weight:bolder;
}
@media screen and (min-width: 67.5em) {
  body.our-hops h2.top-padded {
    padding: 2em 0 0;
  } 
}

.our-hops .site-footer {
  background: url(assets/images/bg-wall.png) left bottom repeat-x;
}
.our-hops .nav-bottom {
  box-shadow: 0px 0px 15px -1px #222222;
}
body.our-hops .menu-wrap button {
	width:30%;
}
body.our-hops div.divider {
    height:30px;
    width:100%;
	background:url(assets/images/bg-asphalt-tile.jpg) center;
}
body.our-hops .title {
	text-transform:uppercase;
    text-align:center;
    font-size:35px;
	font-weight:bolder;
}
body.our-hops div.content-wrap {
	max-width:70em;
    width:85%;
    margin:auto;
}
@media screen and (max-width:375px) {
    body.our-hops div.content-wrap {
        width:100%;
    }
}
body.our-hops div.content-wrap ol {
	margin:auto 5%;
}
body.our-hops div.content-wrap ol.outer {
	margin-bottom:200px;
}
@media screen and (max-width:55em) {
    body.our-hops section.section-wrap {
		margin:2% 0;
    }
}
body.our-hops img.full-width {
	width:100%;
    height:auto;
}


/* OUR HOPS NAV*/
body.our-hops nav.sticky {
  position: fixed;
  top: -4.0625em;
  left: 0;
  right: 0;
  height: 3.125em;
  background-color: #231f20;
  box-shadow: 0px 0px 15px -1px #4b4847;
  text-align: center;
  z-index: 100;
  -webkit-transition: top 0.25s ease-in-out;
}
body.our-hops nav.sticky img {
	display:none;
}
@media screen and (min-width: 60em) {
  body.our-hops nav.sticky {
    display: block;
    height: 3.125em;
  }
}
body.our-hops nav.sticky.stuck {
  top: 0;
}
body.our-hops nav.sticky ul {
  margin: 0 auto;
  padding:0;
  list-style-type: none;
  height:3.125em;
}
body.our-hops nav li {
  display: inline-block;
  margin: 0 3px;
}
@media screen and (min-width: 37.5em) {
  body.our-hops nav.sticky li, body.our-hops nav.initial li {
    width: auto;
    margin: 0 15px;
    height: 3.125em;
  }
  body.our-hops nav.sticky, body.our-hops nav.initial {
	text-align: center;
  }
}
body.our-hops nav.sticky a, body.our-hops nav.initial a {
  display: block;
  color: white;
  font-weight: 600;
  font-size: 0.6875em;
  text-transform: uppercase;
  height: 3.125em;
}
body.our-hops nav.initial a {
  height: 2.5em;
}
body.our-hops nav.initial {
	padding-bottom:7px;
}
body.our-hops nav.initial ul {
	margin-bottom:0px;
}
body.our-hops nav.sticky a:hover,body.our-hops nav.sticky a.active, body.our-hops nav.initial a:hover,body.our-hops nav.initial a.active {
    border-bottom: #b2301e solid 2px;
}
@media screen and (min-width: 37.5em) {
  body.our-hops nav.sticky a, body.our-hops nav.initial a {
    font-size: 1em;
    line-height: 3.125em;
  }
  body.our-hops nav.sticky a:hover,body.our-hops nav.sticky a.active, body.our-hops nav.initial a:hover,body.our-hops nav.initial a.active {
      border-bottom: #b2301e solid 3px;
  }
}
@media screen and (min-width: 60em) {
  body.our-hops nav.sticky a, body.our-barrels nav.initial a {
    line-height: 3.125em;
  }
}
@media screen and (max-width: 59.9375em) {
  body.our-hops nav.sticky span {
    display: none;
  }
}
@media screen and (max-width: 900px) {
    body.our-hops nav.sticky img {
        display:block;
        float:right;
  		position: relative;
        padding-right:15px;
        padding-top:10px;
    }
    body.our-hops nav.mobile-nav.active > ul {
		display:block;
    }
    body.our-hops nav.mobile-nav ul {
		margin-top:2.1875em;
        display:none;
    }
    body.our-hops nav.mobile-nav li {
		clear:both;
        float:right;
        padding-right:15px;
        height:2.8em;
        margin:0;
        width:100%;
        text-align:right;
        background-color:#696667;
    }
    body.our-hops nav.sticky a:hover,body.our-hops nav.sticky a.active {
		border-bottom:none;
    }
    body.our-hops nav.sticky {
		height:2.2em;
    }
}
@media screen and (max-width: 595px) {
    body.our-hops nav.initial li {
		margin:auto;
        display:block;
        border:none;
        text-align:center;
    }
    body.our-hops nav.initial ul {
		padding-bottom:7px;
        padding-left:0;
    }
    body.our-hops nav.initial a {
		height:2em;
        font-size:1em;
    }
    body.our-hops nav.initial a:hover {
		border-bottom:none;
        color:#a08958;
    }
    body.our-hops .our-hops-nav .title {
		padding-bottom:10px;
        padding-top:16px;
    }
}

/* ELK MOUNTAIN CALLOUT */

.elk-mountain-callout {
	padding: 30px;
	color: white;
	background-color: rgba(0, 0, 0, 0.1);
    min-height: 330px;
}
.elk-mountain-callout-logo {
    display: block;
    margin: auto;
    padding-bottom: 20px;
}

@media screen and (min-width: 801px) {
	.elk-mountain-callout-logo {
    	float: right;
        padding-left: 30px;
    }
    .elk-mountain-callout h2 {
        padding-top: 40px;
	}
    .elk-mountain-callout p {
    	padding-bottom: 40px;
	}
}