/* Typography */
/* Colours */
/* Breakpoints:*/
/* MIXINS */
body {
  font-size: 16px;
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  line-height: 1.6;
  color: #3c4951;
  padding-top: 119px !important; }
  @media (max-width: 991px) {
    body {
      padding-top: 115px !important; } }
  @media (max-width: 767px) {
    body {
      font-size: 14px;
      padding-top: 110px !important; } }
  body.locked {
    overflow: hidden; }

/* TYPOGRAPHY */
h1, .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--malt-part-1 .text h2 {
  font-family: "PerpetuaTitlingMT-Light", "Georgia", serif;
  font-size: 100px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1.15em;
  letter-spacing: 4px; }
  @media (max-width: 1199px) {
    h1, .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--malt-part-1 .text h2 {
      font-size: 86px; } }
  @media (max-width: 991px) {
    h1, .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--malt-part-1 .text h2 {
      font-size: 68px;
      letter-spacing: 3px; } }
  @media (max-width: 767px) {
    h1, .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--malt-part-1 .text h2 {
      font-size: 48px;
      letter-spacing: 2.5px; } }
  @media (max-width: 479px) {
    h1, .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--malt-part-1 .text h2 {
      font-size: 42px; } }

h2 {
  font-family: "PerpetuaTitlingMT-Light", "Georgia", serif;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 65px;
  line-height: 1.2em;
  letter-spacing: 3px; }
  @media (max-width: 1199px) {
    h2 {
      font-size: 52px; } }
  @media (max-width: 767px) {
    h2 {
      font-size: 40px; } }
  @media (max-width: 479px) {
    h2 {
      font-size: 32px; } }

h3 {
  font-family: "PerpetuaTitlingMT-Light", "Georgia", serif;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 42px;
  line-height: 1.3em;
  letter-spacing: 1.5px; }
  @media (max-width: 1499px) {
    h3 {
      font-size: 34px; } }
  @media (max-width: 1199px) {
    h3 {
      font-size: 28px; } }
  @media (max-width: 767px) {
    h3 {
      font-size: 26px; } }
  @media (max-width: 479px) {
    h3 {
      font-size: 22px; } }

h4 {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.3em;
  margin-bottom: 1em; }
  @media (max-width: 767px) {
    h4 {
      font-size: 24px; } }
  @media (max-width: 479px) {
    h4 {
      font-size: 20px; } }

a {
  color: #51becc; }

.text a {
  display: inline-block;
  text-decoration: none;
  position: relative;
  color: #3c4951;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }
  .text a:after {
    content: '';
    width: 100%;
    bottom: -2px;
    left: 0px;
    height: 2px;
    background-color: #51becc;
    position: absolute;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out; }
  .text a:hover {
    color: #d06b25; }
    .text a:hover:after {
      background-color: #d06b25; }

.text.text-col a:after {
  background-color: #3c4951; }

.text.text-col a:hover:after {
  background-color: #d06b25; }

u {
  text-decoration: none;
  position: relative; }

u:after {
  content: '';
  width: 100%;
  bottom: -2px;
  left: 0px;
  height: 2px;
  background-color: #51becc;
  position: absolute; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

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

.hidden {
  display: none !important; }

@media (max-width: 767px) {
  .hidden-mobile {
    display: none; } }

/* COLOR CLASSES */
.white {
  color: #ffffff; }

.white-bg {
  background-color: #ffffff; }

.black {
  color: #000000; }

.black-bg {
  background-color: #000000; }

.whiteSmoke-bg {
  background-color: #f5f5f5; }

.harveysBlue-bg {
  background-color: #51becc; }

/* Helper Classes */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.reduced-gutters {
  padding-left: 5px;
  padding-right: 5px; }

.fullHeight {
  height: 100%; }

/* Dividers */
/* Buttons */
button {
  border-radius: 0px !important;
  border: none; }
  button .button {
    outline: 0;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none; }

.button {
  display: inline-block;
  font-size: 11px;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 10px 15px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 1;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-appearance: none; }
  .button i {
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms; }
  .button:hover, .button:focus {
    text-decoration: none; }
  .button.main {
    color: #ffffff;
    padding: 25px;
    width: 100%;
    max-width: 250px;
    -webkit-box-shadow: -4px 4px 0px 0px rgba(0, 0, 0, 0.2);
            box-shadow: -4px 4px 0px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden; }
    .button.main:before {
      content: "";
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      -webkit-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
      width: 100%;
      z-index: -1;
      background: linear-gradient(45deg, #7d3800 0%, #7d3800 60%, #d06b25 51%, #d06b25 100%); }
    .button.main:after {
      content: "";
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -2;
      background-color: #d06b25; }
    .button.main.no-shadow {
      -webkit-box-shadow: none;
              box-shadow: none; }
    .button.main:hover:before {
      left: -25%; }
  .button.flat {
    padding: 25px;
    color: #ffffff;
    background-color: #d06b25;
    overflow: hidden;
    position: relative;
    letter-spacing: 1px;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out; }
    .button.flat:before {
      content: '';
      position: absolute;
      left: -100%;
      top: 0%;
      width: 100%;
      height: 100%;
      background-color: #7d3800;
      background: linear-gradient(45deg, #7d3800 0%, #7d3800 75%, #d06b25 51%, #d06b25 100%);
      z-index: -1;
      -webkit-transition: all 300ms ease-out;
      transition: all 300ms ease-out; }
    .button.flat:focus:before, .button.flat:hover:before {
      left: 0%; }

/* Pager */
.pager .previous {
  text-align: left; }

.pager .next {
  text-align: right; }

.pager a {
  display: inline-block;
  color: #d06b25;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  top: 50%;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }
  .pager a:after {
    content: '';
    position: absolute;
    bottom: -7px;
    width: calc(100% - 20px);
    height: 2px;
    background-color: #d06b25;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
  .pager a.previous:after {
    right: 0px; }
  .pager a.next:after {
    left: 0px; }
  .pager a:hover {
    text-decoration: none;
    color: #7d3800; }
    .pager a:hover:after {
      width: 100%;
      background-color: #7d3800; }

/* Form style */
form .form-item {
  margin-bottom: 30px; }
  form .form-item.ffl-wrapper {
    position: relative;
    padding-top: 25px; }
    form .form-item.ffl-wrapper .ffl-label {
      color: #8d8582;
      cursor: text;
      position: absolute;
      margin-bottom: 0px;
      -webkit-transition-duration: 300ms;
              transition-duration: 300ms;
      -webkit-transition-duration: ease-out;
              transition-duration: ease-out;
      top: 25px;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      font-size: 18px; }
    form .form-item.ffl-wrapper.ffl-floated .ffl-label {
      cursor: default;
      top: 0px;
      font-size: 0.8em;
      color: #3c4951; }
  form .form-item label {
    display: block;
    font-size: 12px; }
  form .form-item input[type="text"],
  form .form-item input[type="email"],
  form .form-item input[type="tel"],
  form .form-item input[type="password"],
  form .form-item textarea {
    background-color: transparent;
    padding: 0px 0px 15px 0px;
    border: none;
    border-bottom: 1px solid #8d8582;
    font-size: 18px;
    line-height: 1em;
    width: 100%;
    outline: none;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out; }
    @media (max-width: 767px) {
      form .form-item input[type="text"],
      form .form-item input[type="email"],
      form .form-item input[type="tel"],
      form .form-item input[type="password"],
      form .form-item textarea {
        font-size: 16px;
        padding-bottom: 10px; } }
    form .form-item input[type="text"]:focus,
    form .form-item input[type="email"]:focus,
    form .form-item input[type="tel"]:focus,
    form .form-item input[type="password"]:focus,
    form .form-item textarea:focus {
      border-bottom: 2px solid #d06b25;
      -webkit-transition: all 300ms ease-out;
      transition: all 300ms ease-out; }
  form .form-item select {
    width: 100%; }
  form .form-item.js-form-type-checkbox label {
    display: inline; }
  form .form-item.webform-type-radios legend {
    font-size: 18px; }
  form .form-item.webform-type-radios .fieldset-wrapper .form-item {
    margin-bottom: 10px; }
    form .form-item.webform-type-radios .fieldset-wrapper .form-item input {
      display: none; }
    form .form-item.webform-type-radios .fieldset-wrapper .form-item label {
      position: relative;
      padding-left: 35px;
      font-size: 18px;
      cursor: pointer; }
      form .form-item.webform-type-radios .fieldset-wrapper .form-item label:before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        left: 0px;
        top: 3px;
        border: 2px solid #8d8582;
        border-radius: 10px; }
      form .form-item.webform-type-radios .fieldset-wrapper .form-item label:after {
        content: '';
        position: absolute;
        left: 5px;
        top: 8px;
        width: 10px;
        height: 10px;
        background-color: #d06b25;
        border-radius: 5px;
        opacity: 0; }
    form .form-item.webform-type-radios .fieldset-wrapper .form-item input:checked ~ label:before {
      border-color: #d06b25; }
    form .form-item.webform-type-radios .fieldset-wrapper .form-item input:checked ~ label:after {
      opacity: 1; }

form .select2.select2-container--open .select2-selection--single {
  border-bottom: 2px solid #d06b25; }

form .select2 .select2-selection--single {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #3c4951;
  outline: none;
  padding-bottom: 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }
  form .select2 .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
    font-size: 18px; }

form .form-actions {
  text-align: center; }
  form .form-actions.form-wrapper .webform-button--submit {
    display: none !important; }

/* Shared Generic elements */
section {
  padding-top: 60px;
  padding-bottom: 60px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
  @media (max-width: 767px) {
    section {
      padding-top: 30px;
      padding-bottom: 30px; } }
  section .icon {
    text-align: center;
    color: #d06b25;
    font-size: 90px;
    line-height: 1em;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      section .icon {
        font-size: 72px; } }
  section .title {
    color: #51becc;
    text-align: center;
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      section .title {
        margin-bottom: 30px; } }
  section .intro {
    font-size: 21px;
    max-width: 560px;
    margin: auto;
    margin-bottom: 40px;
    text-align: center; }
    @media (max-width: 1199px) {
      section .intro {
        font-size: 19px; } }
    @media (max-width: 767px) {
      section .intro {
        font-size: 16px;
        margin-bottom: 30px; } }

.white-popup {
  position: relative;
  background: #FFF;
  padding: 30px;
  width: auto;
  max-width: 650px;
  margin: 20px auto; }
  @media (max-width: 767px) {
    .white-popup {
      padding: 15px; } }
  .white-popup h3 {
    color: #51becc;
    margin-bottom: 0.5em; }
  .white-popup button.dismiss {
    padding: 15px 30px;
    margin: auto;
    display: block;
    margin-top: 30px; }

.image-popup {
  position: relative;
  background: #FFF;
  width: auto;
  max-width: 600px;
  margin: 20px auto;
  padding-bottom: 30px; }
  @media (max-width: 767px) {
    .image-popup {
      padding-bottom: 15px; } }
  .image-popup h3 {
    color: #51becc;
    margin-bottom: 0.5em; }
  .image-popup button,
  .image-popup a.button {
    padding: 15px 30px;
    margin: auto;
    display: block;
    margin-top: 15px; }
    @media (max-width: 767px) {
      .image-popup button,
      .image-popup a.button {
        margin-top: 15px; } }
    .image-popup button.dismiss,
    .image-popup a.button.dismiss {
      color: #3c4951;
      background-color: #e5e5e5;
      padding: 15px 30px; }
  .image-popup .mfp-close {
    color: #ffffff !important; }

/* Table */
/* System message */
section.message #block-messages > div > div {
  padding-top: 30px;
  padding-bottom: 30px; }

.system-message {
  text-align: center;
  padding-top: 30px;
  padding: 15px;
  background-color: #d06b25;
  color: #ffffff; }
  .system-message .sf-dump {
    text-align: left; }

/* Admin edit buttons */
#block-harveys-brewery-local-tasks {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  background-color: #e5e5e5;
  position: relative;
  top: 0px;
  /*
  .role-authenticated &{
    display: none;
  }
  .role-author &{
    display: block!important;
  }
  .role-manager &{
    display: block!important;
  }*/ }
  #block-harveys-brewery-local-tasks ul {
    list-style: none;
    margin: 0px;
    padding: 0px; }
    #block-harveys-brewery-local-tasks ul li {
      display: inline-block;
      padding-left: 10px;
      padding-right: 10px; }
      #block-harveys-brewery-local-tasks ul li a {
        font-size: 11px;
        text-decoration: none;
        -webkit-transition-duration: 300ms;
                transition-duration: 300ms;
        padding-left: 5px;
        padding-right: 5px;
        text-transform: uppercase;
        color: #3c4951; }
        #block-harveys-brewery-local-tasks ul li a:hover {
          color: #d06b25; }

/* Scroll indicator */
.scroll-indicator {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 10px;
  padding-right: 45px;
  text-align: right;
  width: 120px;
  letter-spacing: 1px;
  bottom: -15px; }
  .scroll-indicator .mouse-icon {
    width: 30px;
    height: 50px;
    border: 2px solid #ffffff;
    border-radius: 15px;
    position: absolute;
    right: 0px;
    top: -12.5px; }
    .scroll-indicator .mouse-icon:before {
      content: '';
      position: absolute;
      display: block;
      top: 10px;
      left: 50%;
      margin-left: -1px;
      width: 2px;
      height: 8px;
      background-color: #ffffff;
      -webkit-animation: mouseScroll;
              animation: mouseScroll;
      -webkit-animation-duration: 1s;
              animation-duration: 1s;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out; }
    .scroll-indicator .mouse-icon:after {
      content: '';
      display: block;
      width: 2px;
      height: 100%;
      background-color: #ffffff;
      left: 50%;
      margin-left: -1px;
      position: absolute;
      top: calc(100% + 15px); }

/* User forms */
section.user-forms .container {
  max-width: 700px; }
  section.user-forms .container form label {
    font-size: 16px; }

/* Slick */
.slick-slider ul.slick-dots {
  text-align: center;
  padding: 0px;
  margin: 0px; }
  .slick-slider ul.slick-dots li {
    display: inline-block;
    padding-left: 7.5px;
    padding-right: 7.5px; }
    .slick-slider ul.slick-dots li button {
      background-color: transparent;
      width: 10px;
      height: 10px;
      border: 2px solid #51becc;
      border-radius: 10px !important;
      font-size: 0px;
      outline: none;
      cursor: pointer;
      padding: 0px;
      -webkit-transition-duration: 300ms;
              transition-duration: 300ms; }
    .slick-slider ul.slick-dots li.slick-active button {
      background-color: #51becc; }

/* Overrides */
.video-js button.vjs-big-play-button {
  border: none;
  border-radius: 100px !important;
  width: 100px;
  height: 100px;
  font-size: 72px !important;
  line-height: 100px;
  margin-top: -50px;
  font-size: 50px;
  background-color: #d06b25;
  margin-left: -50px; }
  .video-js button.vjs-big-play-button:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    width: 100%;
    border-radius: 100%;
    background: linear-gradient(45deg, #7d3800 0%, #7d3800 45%, #d06b25 46%, #d06b25 100%);
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
  .video-js button.vjs-big-play-button .vjs-control-text {
    font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    position: absolute;
    bottom: -30px;
    line-height: 1em;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    letter-spacing: 2px;
    font-weight: 500;
    height: auto;
    clip: inherit; }

.video-js:hover button.vjs-big-play-button:before {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }

.tooltip.show {
  opacity: 1; }

.tooltip .tooltip-inner {
  max-width: 575px;
  text-align: left;
  padding: 30px;
  background-color: #d06b25;
  font-size: 15px;
  line-height: 1.4em;
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif; }

/* Custom Icons */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?icodbn");
  src: url("../fonts/icomoon.eot?icodbn#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?icodbn") format("truetype"), url("../fonts/icomoon.woff?icodbn") format("woff"), url("../fonts/icomoon.svg?icodbn#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-artwork:before {
  content: "\e918"; }

.icon-arrow-left:before {
  content: "\e914"; }

.icon-arrow-up:before {
  content: "\e915"; }

.icon-arrow-right:before {
  content: "\e916"; }

.icon-arrow-down:before {
  content: "\e917"; }

.icon-map-pin:before {
  content: "\e913"; }

.icon-close:before {
  content: "\e912"; }

.icon-social:before {
  content: "\e900"; }

.icon-mail:before {
  content: "\e901"; }

.icon-search:before {
  content: "\e902"; }

.icon-bottle:before {
  content: "\e903"; }

.icon-solar-power:before {
  content: "\e904"; }

.icon-pint:before {
  content: "\e905"; }

.icon-beer-tap:before {
  content: "\e906"; }

.icon-trophy:before {
  content: "\e907"; }

.icon-hop:before {
  content: "\e908"; }

.icon-keg:before {
  content: "\e909"; }

.icon-cube:before {
  content: "\e90a"; }

.icon-eye:before {
  content: "\e90b"; }

.icon-nose:before {
  content: "\e90c"; }

.icon-mouth:before {
  content: "\e90d"; }

.icon-drop:before {
  content: "\e90e"; }

.icon-grain-plant:before {
  content: "\e90f"; }

.icon-expand:before {
  content: "\e910"; }

.icon-cow:before {
  content: "\e911"; }

/* Header */
header {
  top: 0px;
  padding-top: 20px;
  padding-bottom: 0px;
  position: fixed;
  width: 100%;
  background-color: #ffffff;
  border-bottom: 1px solid #e5e5e5;
  z-index: 10;
  -webkit-transition: top 300ms;
  transition: top 300ms;
  /*
	.search-icon{
		
		
		i{
			
		}
	}*/ }
  @media (max-width: 991px) {
    header {
      padding-top: 15px;
      padding-bottom: 15px; } }
  header .container {
    position: relative; }
  header .mobile-menu-button {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    text-align: center;
    z-index: 10; }
    @media (max-width: 991px) {
      header .mobile-menu-button {
        display: block; } }
    header .mobile-menu-button .menu-btn {
      cursor: pointer;
      position: relative;
      display: inline-block;
      padding-left: 30px;
      padding-right: 30px;
      height: 100%;
      -webkit-transition-duration: 300ms;
              transition-duration: 300ms;
      -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out; }
      @media (max-width: 479px) {
        header .mobile-menu-button .menu-btn {
          padding-left: 25px;
          padding-right: 25px; } }
      header .mobile-menu-button .menu-btn.open {
        background-color: #d06b25; }
        header .mobile-menu-button .menu-btn.open .menu-btn-icon span {
          height: 2px;
          background-color: #ffffff; }
          header .mobile-menu-button .menu-btn.open .menu-btn-icon span:nth-child(1) {
            top: 0px;
            width: 0%;
            left: 50%; }
          header .mobile-menu-button .menu-btn.open .menu-btn-icon span:nth-child(2) {
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg); }
          header .mobile-menu-button .menu-btn.open .menu-btn-icon span:nth-child(3) {
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg); }
          header .mobile-menu-button .menu-btn.open .menu-btn-icon span:nth-child(4) {
            top: 14px;
            width: 0%;
            left: 50%; }
      header .mobile-menu-button .menu-btn .menu-btn-icon {
        display: inline-block;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 50px;
        height: 30px; }
        @media (max-width: 767px) {
          header .mobile-menu-button .menu-btn .menu-btn-icon {
            width: 30px;
            height: 20px; } }
        header .mobile-menu-button .menu-btn .menu-btn-icon span {
          display: block;
          position: absolute;
          height: 3px;
          width: 100%;
          background: #d06b25;
          border-radius: 0px;
          opacity: 1;
          left: 0;
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg);
          -webkit-transition: 300ms ease-in-out;
          transition: 300ms ease-in-out; }
          header .mobile-menu-button .menu-btn .menu-btn-icon span:nth-child(1) {
            top: 0px; }
          header .mobile-menu-button .menu-btn .menu-btn-icon span:nth-child(2), header .mobile-menu-button .menu-btn .menu-btn-icon span:nth-child(3) {
            top: 14px; }
            @media (max-width: 767px) {
              header .mobile-menu-button .menu-btn .menu-btn-icon span:nth-child(2), header .mobile-menu-button .menu-btn .menu-btn-icon span:nth-child(3) {
                top: 9px; } }
          header .mobile-menu-button .menu-btn .menu-btn-icon span:nth-child(4) {
            top: 29px; }
            @media (max-width: 767px) {
              header .mobile-menu-button .menu-btn .menu-btn-icon span:nth-child(4) {
                top: 19px; } }
  header .mobile-search-button {
    display: none;
    position: absolute;
    text-align: center;
    z-index: 10;
    right: 30px;
    top: 50%;
    bottom: inherit;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 26px; }
    @media (max-width: 991px) {
      header .mobile-search-button {
        display: block; } }
    header .mobile-search-button span {
      display: inline-block;
      color: #3c4951; }
      header .mobile-search-button span:hover {
        color: #d06b25; }
    header .mobile-search-button span.close-icon {
      display: none; }
  header .logo {
    position: absolute;
    top: -2px;
    max-height: 85px;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    opacity: 1;
    overflow: hidden; }
    @media (max-width: 991px) {
      header .logo {
        position: relative;
        top: -2px;
        text-align: center; } }
    header .logo a {
      display: inline-block; }
    header .logo img {
      max-width: 140px;
      height: auto; }
  header .secondary-menu {
    text-align: right;
    margin-bottom: 30px; }
    @media (max-width: 991px) {
      header .secondary-menu {
        display: none; } }
    header .secondary-menu ul {
      list-style: none;
      margin: 0px;
      padding: 0px; }
      header .secondary-menu ul li {
        display: inline-block;
        padding-left: 7.5px;
        padding-right: 7.5px; }
        header .secondary-menu ul li:first-of-type {
          padding-left: 0px; }
        header .secondary-menu ul li:last-of-type {
          padding-right: 0px; }
        header .secondary-menu ul li a {
          color: #8d8582;
          font-size: 13px;
          position: relative; }
          header .secondary-menu ul li a:after {
            content: '';
            width: 100%;
            bottom: -2px;
            left: 0px;
            position: absolute;
            border-bottom: 1px solid #8d8582;
            opacity: 0; }
          header .secondary-menu ul li a:focus, header .secondary-menu ul li a:hover {
            text-decoration: none; }
            header .secondary-menu ul li a:focus:after, header .secondary-menu ul li a:hover:after {
              opacity: 1; }
  header .main-menu {
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out; }
    @media (max-width: 1199px) {
      header .main-menu {
        padding-left: 120px;
        padding-right: 35px; } }
    @media (max-width: 991px) {
      header .main-menu {
        position: absolute; } }
    @media (max-width: 767px) {
      header .main-menu {
        display: none; } }
    header .main-menu.search-hidden {
      opacity: 0; }
    header .main-menu ul {
      list-style: none;
      margin: 0px;
      padding: 0px;
      overflow: hidden; }
      header .main-menu ul li {
        display: inline;
        margin-left: 25px;
        margin-right: 25px;
        overflow: hidden;
        line-height: 0px; }
        header .main-menu ul li:first-of-type {
          margin-left: 0px; }
        header .main-menu ul li:last-of-type {
          margin-right: 0px; }
        header .main-menu ul li.has-submenu:focus > a, header .main-menu ul li.has-submenu:hover > a {
          text-decoration: none; }
          header .main-menu ul li.has-submenu:focus > a:after, header .main-menu ul li.has-submenu:hover > a:after {
            bottom: 0px; }
        header .main-menu ul li.has-submenu:focus .sub-menu, header .main-menu ul li.has-submenu:hover .sub-menu {
          opacity: 1;
          visibility: visible; }
          header .main-menu ul li.has-submenu:focus .sub-menu .sub-menu--box, header .main-menu ul li.has-submenu:hover .sub-menu .sub-menu--box {
            opacity: 1;
            top: 0px; }
        header .main-menu ul li.in-active-trail > a:after {
          bottom: 0px; }
        header .main-menu ul li a {
          display: inline-block;
          text-transform: uppercase;
          font-size: 15px;
          font-weight: 500;
          line-height: 1em;
          color: #d06b25;
          letter-spacing: 1px;
          text-decoration: none;
          position: relative;
          padding-bottom: 25px;
          -webkit-transition-duration: 300ms;
                  transition-duration: 300ms;
          -webkit-transition-timing-function: ease-in;
                  transition-timing-function: ease-in; }
          @media (max-width: 991px) {
            header .main-menu ul li a {
              display: none; } }
          header .main-menu ul li a:after {
            content: '';
            width: 100%;
            height: 5px;
            background-color: #d06b25;
            position: absolute;
            bottom: -5px;
            left: 0px;
            -webkit-transition-duration: 300ms;
                    transition-duration: 300ms; }
          header .main-menu ul li a.active, header .main-menu ul li a.is-active, header .main-menu ul li a:focus, header .main-menu ul li a:hover {
            text-decoration: none; }
            header .main-menu ul li a.active:after, header .main-menu ul li a.is-active:after, header .main-menu ul li a:focus:after, header .main-menu ul li a:hover:after {
              bottom: 0px; }
        header .main-menu ul li .sub-menu {
          visibility: hidden;
          opacity: 0;
          z-index: 8;
          position: fixed;
          top: 121px;
          left: 0%;
          width: 100%;
          -webkit-transition-duration: 300ms;
                  transition-duration: 300ms;
          overflow: hidden;
          padding-bottom: 15px; }
          header .main-menu ul li .sub-menu.active {
            opacity: 1;
            visibility: visible; }
          body.toolbar-fixed.toolbar-horizontal header .main-menu ul li .sub-menu {
            top: 150px; }
          header .main-menu ul li .sub-menu .sub-menu--box {
            background-color: #ffffff;
            padding: 30px;
            padding-top: 45px;
            padding-bottom: 30px;
            border-top: 1px solid #e5e5e5;
            position: relative;
            text-align: center;
            -webkit-box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.2);
                    box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.2);
            opacity: 0;
            top: -275px;
            -webkit-transition-duration: 300ms;
                    transition-duration: 300ms;
            -webkit-transition-timing-function: ease-out;
                    transition-timing-function: ease-out; }
          header .main-menu ul li .sub-menu ul {
            display: block;
            font-size: 0px;
            margin: 0px;
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            max-width: 960px; }
            header .main-menu ul li .sub-menu ul li {
              float: left;
              width: 33.33%;
              padding-left: 5px;
              padding-right: 5px;
              margin: 0px;
              text-align: center; }
              header .main-menu ul li .sub-menu ul li:first-of-type {
                padding-left: 0px; }
              header .main-menu ul li .sub-menu ul li:last-of-type {
                padding-right: 0px; }
              header .main-menu ul li .sub-menu ul li a {
                width: 100%;
                display: block;
                font-size: 18px;
                font-weight: 400;
                text-transform: uppercase;
                letter-spacing: 1px;
                color: #d06b25;
                padding-bottom: 0px;
                -webkit-transition-duration: 300ms;
                        transition-duration: 300ms; }
                header .main-menu ul li .sub-menu ul li a:focus, header .main-menu ul li .sub-menu ul li a:hover {
                  text-decoration: none; }
                  header .main-menu ul li .sub-menu ul li a:focus:after, header .main-menu ul li .sub-menu ul li a:hover:after {
                    opacity: 0.8;
                    bottom: inherit; }
                header .main-menu ul li .sub-menu ul li a:after {
                  content: "";
                  display: block;
                  width: 100%;
                  max-width: 270px;
                  margin: auto;
                  height: 160px;
                  margin-top: 20px;
                  bottom: inherit;
                  position: relative;
                  background-image: url(http://placehold.it/270x160);
                  background-repeat: no-repeat;
                  background-size: cover;
                  background-position: center center; }
                header .main-menu ul li .sub-menu ul li a.brewing:after {
                  background-image: url("../images/menu/brewing-process.jpg"); }
                header .main-menu ul li .sub-menu ul li a.story:after {
                  background-image: url("../images/menu/harveys-history-v1.jpg"); }
                header .main-menu ul li .sub-menu ul li a.environment:after {
                  background-image: url("../images/menu/environment.jpg"); }
                header .main-menu ul li .sub-menu ul li a.pub-finder:after {
                  background-image: url("../images/menu/pub-finder.jpg"); }
                header .main-menu ul li .sub-menu ul li a.run-your-own-pub:after {
                  background-image: url("../images/menu/run-your-own-pub.jpg"); }
                header .main-menu ul li .sub-menu ul li a.available-tenancies:after {
                  background-image: url("../images/menu/available-tenancies.jpg"); }
        header .main-menu ul li .fixed-sub-menu {
          z-index: -1;
          position: fixed;
          top: 121px;
          left: 0%;
          width: 100%;
          -webkit-transition-duration: 300ms;
                  transition-duration: 300ms;
          overflow: hidden; }
          @media (max-width: 991px) {
            header .main-menu ul li .fixed-sub-menu {
              top: 115px; } }
          body.toolbar-fixed.toolbar-horizontal header .main-menu ul li .fixed-sub-menu {
            top: 150px; }
          header .main-menu ul li .fixed-sub-menu .sub-menu--box {
            background-color: #51becc;
            padding: 0px 25px;
            position: relative;
            text-align: center; }
          header .main-menu ul li .fixed-sub-menu ul {
            display: block;
            font-size: 0px;
            margin: 0px;
            text-align: center;
            margin-left: auto;
            margin-right: auto; }
            header .main-menu ul li .fixed-sub-menu ul li {
              display: inline-block;
              padding-left: 25px;
              padding-right: 25px;
              margin: 0px; }
              header .main-menu ul li .fixed-sub-menu ul li:first-of-type {
                padding-left: 0px; }
              header .main-menu ul li .fixed-sub-menu ul li:last-of-type {
                padding-right: 0px; }
              header .main-menu ul li .fixed-sub-menu ul li a {
                width: 100%;
                display: block;
                font-size: 15px;
                font-weight: 400;
                line-height: 1em;
                text-transform: uppercase;
                letter-spacing: 1px;
                color: #ffffff;
                padding: 25px 0px;
                -webkit-transition-duration: 300ms;
                        transition-duration: 300ms; }
                header .main-menu ul li .fixed-sub-menu ul li a:focus, header .main-menu ul li .fixed-sub-menu ul li a:hover {
                  text-decoration: none; }
                header .main-menu ul li .fixed-sub-menu ul li a:after {
                  background-color: #ffffff; }
  header .search {
    position: absolute;
    right: 15px;
    bottom: 20px;
    width: 50px; }
    @media (max-width: 991px) {
      header .search {
        display: none; } }
    header .search:after {
      content: '';
      width: 100%;
      height: 100%;
      position: fixed;
      top: 120px;
      left: 0px;
      background-color: rgba(0, 0, 0, 0.5);
      opacity: 0;
      visibility: hidden;
      -webkit-transition-duration: 300ms;
              transition-duration: 300ms; }
    header .search .search-form {
      width: calc(100% - 50px);
      position: relative;
      opacity: 0;
      visibility: hidden;
      border-bottom: 2px solid #d06b25;
      -webkit-transition-duration: 500ms;
              transition-duration: 500ms;
      -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out; }
      header .search .search-form .searchbox-input {
        border: none;
        padding-bottom: 0px;
        position: relative;
        font-size: 24px;
        outline: none;
        width: 100%;
        opacity: 0;
        float: right;
        -webkit-transition-duration: 500ms;
                transition-duration: 500ms;
        -webkit-transition-timing-function: ease-in-out;
                transition-timing-function: ease-in-out; }
        header .search .search-form .searchbox-input::-webkit-input-placeholder {
          color: #8d8582; }
        header .search .search-form .searchbox-input:-ms-input-placeholder {
          color: #8d8582; }
        header .search .search-form .searchbox-input::placeholder {
          color: #8d8582; }
      header .search .search-form button.submit {
        width: 25px;
        height: 20px;
        background-color: transparent;
        border: none;
        cursor: pointer;
        position: absolute;
        right: 0px;
        bottom: 2px;
        font-size: 20px;
        color: #8d8582;
        outline: none;
        z-index: 10; }
        header .search .search-form button.submit:hover {
          color: #d06b25; }
    header .search .search-icon {
      position: absolute;
      right: 0px;
      bottom: 0px;
      width: 25px;
      height: 25px; }
      header .search .search-icon .icon {
        font-size: 24px;
        line-height: 24px;
        color: #8d8582;
        cursor: pointer;
        position: absolute;
        right: 0px;
        top: 0px;
        -webkit-transition-duration: 300ms;
                transition-duration: 300ms; }
        header .search .search-icon .icon:hover {
          color: #d06b25; }
        header .search .search-icon .icon.open-icon {
          opacity: 1; }
        header .search .search-icon .icon.close-icon {
          opacity: 0; }
    header .search.expanded {
      width: 50%; }
      header .search.expanded:after {
        opacity: 1;
        visibility: visible; }
      header .search.expanded .search-form {
        opacity: 1;
        visibility: visible; }
        header .search.expanded .search-form .searchbox-input {
          width: 100%;
          opacity: 1;
          -webkit-transition-duration: 600ms;
                  transition-duration: 600ms;
          -webkit-transition-timing-function: ease-in-out;
                  transition-timing-function: ease-in-out; }
      header .search.expanded .search-icon .open-icon {
        opacity: 1;
        font-size: 20px;
        -webkit-transform: translate(-52px, -2px);
                transform: translate(-52px, -2px); }
      header .search.expanded .search-icon .close-icon {
        opacity: 1; }
  header.low-profile {
    top: -50px;
    position: fixed; }
    @media (max-width: 991px) {
      header.low-profile {
        top: 0px;
        padding-top: 10px;
        padding-bottom: 10px; } }
    header.low-profile .logo {
      max-height: 45px;
      top: 45px; }
      @media (max-width: 991px) {
        header.low-profile .logo {
          top: 0px; } }
    header.low-profile .main-menu ul li .sub-menu {
      top: 71px; }
    header.low-profile .main-menu .fixed-sub-menu {
      top: 71px;
      opacity: 0;
      visibility: hidden; }
    header.low-profile .search:after {
      top: 70px; }

/* Mobile Menu */
#mobile-menu {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  left: 0;
  top: 115px;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }
  #mobile-menu:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
  #mobile-menu.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
    #mobile-menu.active:before {
      opacity: 1;
      -webkit-transition-duration: 300ms;
              transition-duration: 300ms;
      -webkit-transition-timing-function: ease-out;
              transition-timing-function: ease-out; }
    #mobile-menu.active .menu-box {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
      -webkit-transition-duration: 300ms;
              transition-duration: 300ms;
      -webkit-transition-timing-function: ease-out;
              transition-timing-function: ease-out; }
  #mobile-menu.low-profile {
    top: 65px; }
    #mobile-menu.low-profile .menu-box {
      top: -65px; }
  @media (max-width: 991px) {
    #mobile-menu .container {
      padding-left: 0px;
      padding-right: 0px; } }
  #mobile-menu .menu-box {
    background-color: #ffffff;
    text-align: left;
    width: calc(100% - 110px);
    position: absolute;
    top: -100px;
    right: 0px;
    padding-top: 100px;
    height: 100%;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    overflow: auto; }
    @media (max-width: 767px) {
      #mobile-menu .menu-box {
        width: calc(100% - 90px); } }
    @media (max-width: 479px) {
      #mobile-menu .menu-box {
        width: calc(100% - 80px);
        padding-top: 30px; } }
  #mobile-menu .main-menu {
    padding: 0px 45px;
    margin-bottom: 45px; }
    @media (max-width: 767px) {
      #mobile-menu .main-menu {
        padding: 0px 30px;
        margin-bottom: 30px; } }
    @media (max-width: 479px) {
      #mobile-menu .main-menu {
        padding-right: 15px; } }
    #mobile-menu .main-menu ul {
      padding: 0px;
      margin: 0px;
      list-style: none;
      text-align: left; }
      #mobile-menu .main-menu ul li {
        display: block;
        margin-bottom: 30px; }
        @media (max-width: 767px) {
          #mobile-menu .main-menu ul li {
            margin-bottom: 20px; } }
        #mobile-menu .main-menu ul li.has-submenu a {
          padding-right: 20px; }
          #mobile-menu .main-menu ul li.has-submenu a:after {
            content: "\f078";
            position: absolute;
            right: 0px;
            top: 0px;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            color: #d06b25;
            font-size: 14px;
            top: 7px; }
          #mobile-menu .main-menu ul li.has-submenu a.active:after {
            content: "\f077"; }
        #mobile-menu .main-menu ul li a {
          color: #d06b25;
          font-size: 21px;
          letter-spacing: 1px;
          font-weight: 500;
          text-transform: uppercase;
          text-decoration: none;
          position: relative;
          display: inline-block;
          -webkit-transition-duration: 300ms;
                  transition-duration: 300ms; }
          @media (max-width: 767px) {
            #mobile-menu .main-menu ul li a {
              font-size: 19px; } }
          @media (max-width: 479px) {
            #mobile-menu .main-menu ul li a {
              font-size: 18px; } }
          #mobile-menu .main-menu ul li a:hover {
            text-decoration: none; }
        #mobile-menu .main-menu ul li .sub-menu,
        #mobile-menu .main-menu ul li .fixed-sub-menu {
          margin: 0px;
          padding-left: 15px;
          border-left: 1px solid #51becc;
          opacity: 0;
          visibility: hidden;
          max-height: 0;
          -webkit-transition: all 300ms ease-out;
          transition: all 300ms ease-out; }
          #mobile-menu .main-menu ul li .sub-menu.active,
          #mobile-menu .main-menu ul li .fixed-sub-menu.active {
            opacity: 1;
            visibility: visible;
            max-height: 480px; }
          #mobile-menu .main-menu ul li .sub-menu .sub-menu--box,
          #mobile-menu .main-menu ul li .fixed-sub-menu .sub-menu--box {
            padding-top: 10px; }
          #mobile-menu .main-menu ul li .sub-menu li,
          #mobile-menu .main-menu ul li .fixed-sub-menu li {
            margin-bottom: 10px; }
            #mobile-menu .main-menu ul li .sub-menu li:last-of-type,
            #mobile-menu .main-menu ul li .fixed-sub-menu li:last-of-type {
              margin-bottom: 0px; }
            #mobile-menu .main-menu ul li .sub-menu li a,
            #mobile-menu .main-menu ul li .fixed-sub-menu li a {
              font-size: 14px;
              color: #3c4951;
              font-weight: 500;
              text-transform: none;
              letter-spacing: 0px;
              position: relative;
              padding-right: 0px; }
              #mobile-menu .main-menu ul li .sub-menu li a:after,
              #mobile-menu .main-menu ul li .fixed-sub-menu li a:after {
                display: none; }
  #mobile-menu .secondary-menu {
    padding: 0px 45px;
    margin-bottom: 45px; }
    @media (max-width: 767px) {
      #mobile-menu .secondary-menu {
        padding: 0px 30px;
        margin-bottom: 30px; } }
    #mobile-menu .secondary-menu ul {
      padding: 0px;
      margin: 0px;
      list-style: none;
      text-align: left; }
      #mobile-menu .secondary-menu ul li {
        display: block;
        margin-bottom: 20px; }
        @media (max-width: 479px) {
          #mobile-menu .secondary-menu ul li {
            margin-bottom: 15px; } }
        #mobile-menu .secondary-menu ul li a {
          color: #3c4951;
          font-weight: 500; }
  #mobile-menu .pub-finder-link {
    padding: 0px 45px;
    margin-bottom: 45px; }
    @media (max-width: 767px) {
      #mobile-menu .pub-finder-link {
        padding: 0px 30px;
        margin-bottom: 30px; } }
    #mobile-menu .pub-finder-link a {
      color: #d06b25;
      font-size: 21px;
      letter-spacing: 1px;
      font-weight: 500;
      text-transform: uppercase;
      text-decoration: none;
      position: relative;
      display: inline-block;
      -webkit-transition-duration: 300ms;
              transition-duration: 300ms; }
      @media (max-width: 767px) {
        #mobile-menu .pub-finder-link a {
          font-size: 19px; } }
      @media (max-width: 479px) {
        #mobile-menu .pub-finder-link a {
          font-size: 18px; } }
      #mobile-menu .pub-finder-link a:hover {
        text-decoration: none; }
      #mobile-menu .pub-finder-link a i {
        font-size: 28px;
        line-height: 28px;
        margin-right: 7.5px;
        position: relative;
        top: 4px; }
  #mobile-menu .social-links {
    width: 100%;
    background-color: #51becc;
    padding: 20px 45px; }
    @media (max-width: 767px) {
      #mobile-menu .social-links {
        padding: 10px 30px; } }
    #mobile-menu .social-links a {
      color: #ffffff;
      font-size: 32px;
      margin-left: 15px;
      margin-right: 15px; }
      @media (max-width: 767px) {
        #mobile-menu .social-links a {
          font-size: 24px; } }
      #mobile-menu .social-links a:first-of-type {
        margin-left: 0px; }
      #mobile-menu .social-links a:last-of-type {
        margin-right: 0px; }

/* Mobile Search Overlay */
#mobile-search-overlay {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  left: 0;
  top: 115px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }
  #mobile-search-overlay.active {
    opacity: 1;
    visibility: visible; }
  #mobile-search-overlay.low-profile {
    top: 65px; }
  #mobile-search-overlay .search-box {
    max-width: 850px;
    position: relative;
    margin: auto;
    background-color: #ffffff;
    border-top: 1px solid #e5e5e5;
    padding: 20px 30px; }
    #mobile-search-overlay .search-box input {
      width: 100%;
      display: block;
      border: none;
      letter-spacing: 1px;
      font-weight: 400;
      outline: none;
      height: 100%;
      font-size: 21px;
      padding-right: 30px;
      padding-bottom: 8px;
      border-bottom: 3px solid #d06b25; }
      #mobile-search-overlay .search-box input::-webkit-input-placeholder {
        color: #8d8582; }
      #mobile-search-overlay .search-box input::-moz-placeholder {
        color: #8d8582; }
      #mobile-search-overlay .search-box input:-moz-placeholder {
        color: #8d8582; }
      #mobile-search-overlay .search-box input:-ms-input-placeholder {
        color: #8d8582; }
    #mobile-search-overlay .search-box button {
      position: absolute;
      right: 30px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background-color: transparent;
      border: none;
      font-size: 26px;
      margin-top: -8px;
      padding: 0px; }

/* Footer */
footer {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #51becc; }
  @media (max-width: 991px) {
    footer .footer-logo {
      text-align: center;
      margin-bottom: 30px; } }
  footer .footer-logo img {
    width: 100%;
    max-width: 165px;
    height: auto; }
    @media (max-width: 767px) {
      footer .footer-logo img {
        max-width: 150px; } }
    @media (max-width: 767px) {
      footer .footer-logo img {
        max-width: 135px; } }
  footer .footer-menu {
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase; }
    @media (max-width: 479px) {
      footer .footer-menu {
        font-size: 10px; } }
    footer .footer-menu ul {
      list-style: none;
      margin: 0px;
      padding: 0px; }
      footer .footer-menu ul li {
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px; }
        @media (max-width: 1199px) {
          footer .footer-menu ul li {
            padding-left: 10px;
            padding-right: 10px; } }
        @media (max-width: 479px) {
          footer .footer-menu ul li {
            padding-left: 7.5px;
            padding-right: 7.5px; } }
        footer .footer-menu ul li:first-of-type {
          padding-left: 0px; }
        footer .footer-menu ul li:last-of-type {
          padding-right: 0px; }
        @media (max-width: 767px) {
          footer .footer-menu ul li.copyright {
            width: 100%;
            margin-bottom: 15px; } }
        footer .footer-menu ul li span {
          color: #ffffff; }
        footer .footer-menu ul li a {
          color: #ffffff;
          position: relative; }
          footer .footer-menu ul li a:after {
            content: '';
            width: 100%;
            bottom: -2px;
            left: 0px;
            position: absolute;
            border-bottom: 1px solid #ffffff;
            opacity: 0; }
          footer .footer-menu ul li a:focus, footer .footer-menu ul li a:hover {
            text-decoration: none; }
            footer .footer-menu ul li a:focus:after, footer .footer-menu ul li a:hover:after {
              opacity: 1; }
  @media (max-width: 991px) {
    footer .social-icons {
      margin-bottom: 30px; } }
  footer .social-icons a {
    display: inline-block;
    color: #ffffff;
    width: 32px;
    font-size: 32px;
    line-height: 32px;
    margin-left: 12.5px;
    margin-right: 12.5px;
    text-align: center;
    opacity: 1;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms; }
    @media (max-width: 1199px) {
      footer .social-icons a {
        margin-left: 5px;
        margin-right: 5px; } }
    @media (max-width: 991px) {
      footer .social-icons a {
        margin-left: 15px;
        margin-right: 15px; } }
    footer .social-icons a:first-of-type {
      margin-left: 0px; }
    footer .social-icons a:last-of-type {
      margin-right: 0px; }
    footer .social-icons a:focus, footer .social-icons a:hover {
      opacity: 0.75; }
  footer .site-design {
    font-size: 11px;
    color: #ffffff;
    padding-right: 20px;
    position: absolute;
    margin-top: 15px;
    text-transform: none;
    letter-spacing: 0px; }
    @media (max-width: 767px) {
      footer .site-design {
        padding-right: 0px;
        position: relative;
        margin-bottom: 10px; } }
    footer .site-design a {
      color: #ffffff;
      text-decoration: none;
      display: inline-block; }
      footer .site-design a:after {
        content: '';
        position: absolute;
        bottom: 0px !important;
        left: 0px;
        height: 1px;
        background-color: #ffffff;
        opacity: 1 !important; }
      footer .site-design a:hover {
        text-decoration: none; }

/* Section Hero */
section.hero {
  background-color: #51becc;
  padding-top: 75px;
  padding-bottom: 75px;
  height: 840px;
  position: relative; }
  @media (max-width: 1199px) {
    section.hero {
      height: 760px; } }
  @media (max-width: 767px) {
    section.hero {
      height: auto;
      padding-top: 45px;
      padding-bottom: 60px; } }
  @media (max-width: 479px) {
    section.hero {
      padding-top: 30px; } }
  section.hero .hero--background-container {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px; }
  section.hero .hero--background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px); }
  section.hero .container {
    position: relative; }
  section.hero .hero--image {
    position: absolute;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
    @media (max-width: 767px) {
      section.hero .hero--image {
        position: relative;
        text-align: center;
        margin-bottom: 30px; } }
    @media (max-width: 1199px) {
      section.hero .hero--image img {
        width: 100%;
        height: auto; } }
    @media (max-width: 767px) {
      section.hero .hero--image img {
        max-height: 480px;
        width: auto; } }
  section.hero .hero--content {
    text-align: center;
    font-size: 24px; }
    @media (max-width: 1199px) {
      section.hero .hero--content {
        font-size: 21px;
        padding-left: 40px;
        padding-right: 40px; } }
    @media (max-width: 991px) {
      section.hero .hero--content {
        padding-left: 0px;
        padding-right: 0px; } }
    @media (max-width: 767px) {
      section.hero .hero--content {
        font-size: 16px;
        max-width: 320px;
        margin: auto; } }
    section.hero .hero--content h1, section.hero .hero--content .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.hero .hero--content .title, section.hero .hero--content .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.hero .hero--content h2 {
      color: #ffffff;
      margin-bottom: 60px; }
      @media (max-width: 767px) {
        section.hero .hero--content h1, section.hero .hero--content .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.hero .hero--content .title, section.hero .hero--content .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.hero .hero--content h2 {
          margin-bottom: 30px; } }
    section.hero .hero--content .button {
      margin-top: 60px; }
      @media (max-width: 767px) {
        section.hero .hero--content .button {
          margin-top: 30px; } }
  section.hero .scroll-indicator {
    position: absolute;
    right: 0px; }
    @media (max-width: 767px) {
      section.hero .scroll-indicator {
        display: none; } }
  section.hero.basic {
    background-color: #ffffff;
    height: 600px;
    overflow: hidden; }
    @media (max-width: 1199px) {
      section.hero.basic {
        height: 500px; } }
    @media (max-width: 767px) {
      section.hero.basic {
        height: 320px; } }

/* Section Hero Beer Single */
section.hero.beer-single {
  height: auto;
  min-height: calc(100vh - 120px);
  margin-bottom: 150px; }
  @media (max-width: 991px) {
    section.hero.beer-single {
      margin-bottom: 90px; } }
  @media (max-width: 767px) {
    section.hero.beer-single {
      margin-bottom: 60px; } }
  section.hero.beer-single.foreground-white .beer-branding--name h1, section.hero.beer-single.foreground-white .beer-branding--name .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.hero.beer-single.foreground-white .beer-branding--name .title, section.hero.beer-single.foreground-white .beer-branding--name .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.hero.beer-single.foreground-white .beer-branding--name h2 {
    color: #ffffff; }
  section.hero.beer-single.foreground-white .slick-dots li button {
    border-color: #ffffff !important; }
  section.hero.beer-single.foreground-white .slick-dots li.slick-active button {
    background-color: #ffffff !important; }
  section.hero.beer-single.foreground-white .scroll-indicator {
    color: #ffffff; }
    section.hero.beer-single.foreground-white .scroll-indicator .mouse-icon {
      border-color: #ffffff; }
      section.hero.beer-single.foreground-white .scroll-indicator .mouse-icon:before, section.hero.beer-single.foreground-white .scroll-indicator .mouse-icon:after {
        background-color: #ffffff; }
  section.hero.beer-single.foreground-white-full .beer-branding--name h1, section.hero.beer-single.foreground-white-full .beer-branding--name .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.hero.beer-single.foreground-white-full .beer-branding--name .title, section.hero.beer-single.foreground-white-full .beer-branding--name .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.hero.beer-single.foreground-white-full .beer-branding--name h2 {
    color: #ffffff; }
  section.hero.beer-single.foreground-white-full .slick-dots li button {
    border-color: #ffffff !important; }
  section.hero.beer-single.foreground-white-full .slick-dots li.slick-active button {
    background-color: #ffffff !important; }
  section.hero.beer-single.foreground-white-full .scroll-indicator {
    color: #ffffff; }
    section.hero.beer-single.foreground-white-full .scroll-indicator .mouse-icon {
      border-color: #ffffff; }
      section.hero.beer-single.foreground-white-full .scroll-indicator .mouse-icon:before, section.hero.beer-single.foreground-white-full .scroll-indicator .mouse-icon:after {
        background-color: #ffffff; }
  section.hero.beer-single.foreground-white-full .hero--content {
    color: #ffffff; }
  section.hero.beer-single.foreground-harveysBlue .beer-branding--name h1, section.hero.beer-single.foreground-harveysBlue .beer-branding--name .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.hero.beer-single.foreground-harveysBlue .beer-branding--name .title, section.hero.beer-single.foreground-harveysBlue .beer-branding--name .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.hero.beer-single.foreground-harveysBlue .beer-branding--name h2 {
    color: #51becc; }
  section.hero.beer-single.foreground-harveysBlue .slick-dots li button {
    border-color: #51becc !important; }
  section.hero.beer-single.foreground-harveysBlue .slick-dots li.slick-active button {
    background-color: #51becc !important; }
  section.hero.beer-single.foreground-harveysBlue .scroll-indicator {
    color: #51becc; }
    section.hero.beer-single.foreground-harveysBlue .scroll-indicator .mouse-icon {
      border-color: #51becc; }
      section.hero.beer-single.foreground-harveysBlue .scroll-indicator .mouse-icon:before, section.hero.beer-single.foreground-harveysBlue .scroll-indicator .mouse-icon:after {
        background-color: #51becc; }
  section.hero.beer-single.foreground-harveysCopper .beer-branding--name h1, section.hero.beer-single.foreground-harveysCopper .beer-branding--name .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.hero.beer-single.foreground-harveysCopper .beer-branding--name .title, section.hero.beer-single.foreground-harveysCopper .beer-branding--name .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.hero.beer-single.foreground-harveysCopper .beer-branding--name h2 {
    color: #d06b25; }
  section.hero.beer-single.foreground-harveysCopper .slick-dots li button {
    border-color: #d06b25 !important; }
  section.hero.beer-single.foreground-harveysCopper .slick-dots li.slick-active button {
    background-color: #d06b25 !important; }
  section.hero.beer-single.foreground-harveysCopper .scroll-indicator {
    color: #d06b25; }
    section.hero.beer-single.foreground-harveysCopper .scroll-indicator .mouse-icon {
      border-color: #d06b25; }
      section.hero.beer-single.foreground-harveysCopper .scroll-indicator .mouse-icon:before, section.hero.beer-single.foreground-harveysCopper .scroll-indicator .mouse-icon:after {
        background-color: #d06b25; }
  section.hero.beer-single.type-boxed {
    padding-top: 350px; }
    @media (max-width: 479px) {
      section.hero.beer-single.type-boxed {
        padding-top: 240px; } }
    section.hero.beer-single.type-boxed .hero--background-container {
      height: 750px; }
      @media (max-width: 991px) {
        section.hero.beer-single.type-boxed .hero--background-container {
          height: 500px; } }
      @media (max-width: 767px) {
        section.hero.beer-single.type-boxed .hero--background-container {
          height: 380px; } }
      @media (max-width: 479px) {
        section.hero.beer-single.type-boxed .hero--background-container {
          height: 250px; } }
      section.hero.beer-single.type-boxed .hero--background-container .hero--background {
        background-size: cover; }
    section.hero.beer-single.type-boxed .container.box {
      padding: 60px 30px; }
      @media (max-width: 767px) {
        section.hero.beer-single.type-boxed .container.box {
          padding: 30px 15px; } }
      section.hero.beer-single.type-boxed .container.box .beer-branding--logo {
        display: none; }
      section.hero.beer-single.type-boxed .container.box .beer-branding--name h1, section.hero.beer-single.type-boxed .container.box .beer-branding--name .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.hero.beer-single.type-boxed .container.box .beer-branding--name .title, section.hero.beer-single.type-boxed .container.box .beer-branding--name .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.hero.beer-single.type-boxed .container.box .beer-branding--name h2 {
        font-size: 90px; }
        @media (max-width: 1499px) {
          section.hero.beer-single.type-boxed .container.box .beer-branding--name h1, section.hero.beer-single.type-boxed .container.box .beer-branding--name .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.hero.beer-single.type-boxed .container.box .beer-branding--name .title, section.hero.beer-single.type-boxed .container.box .beer-branding--name .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.hero.beer-single.type-boxed .container.box .beer-branding--name h2 {
            font-size: 86px; } }
        @media (max-width: 1199px) {
          section.hero.beer-single.type-boxed .container.box .beer-branding--name h1, section.hero.beer-single.type-boxed .container.box .beer-branding--name .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.hero.beer-single.type-boxed .container.box .beer-branding--name .title, section.hero.beer-single.type-boxed .container.box .beer-branding--name .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.hero.beer-single.type-boxed .container.box .beer-branding--name h2 {
            font-size: 74px; } }
        @media (max-width: 991px) {
          section.hero.beer-single.type-boxed .container.box .beer-branding--name h1, section.hero.beer-single.type-boxed .container.box .beer-branding--name .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.hero.beer-single.type-boxed .container.box .beer-branding--name .title, section.hero.beer-single.type-boxed .container.box .beer-branding--name .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.hero.beer-single.type-boxed .container.box .beer-branding--name h2 {
            font-size: 48px; } }
        @media (max-width: 767px) {
          section.hero.beer-single.type-boxed .container.box .beer-branding--name h1, section.hero.beer-single.type-boxed .container.box .beer-branding--name .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.hero.beer-single.type-boxed .container.box .beer-branding--name .title, section.hero.beer-single.type-boxed .container.box .beer-branding--name .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.hero.beer-single.type-boxed .container.box .beer-branding--name h2 {
            font-size: 36px; } }
      section.hero.beer-single.type-boxed .container.box .beer--description p {
        max-width: 560px; }
      section.hero.beer-single.type-boxed .container.box .hero--image {
        top: -320px; }
        @media (max-width: 767px) {
          section.hero.beer-single.type-boxed .container.box .hero--image {
            top: inherit; } }
      section.hero.beer-single.type-boxed .container.box .scroll-indicator {
        right: -140px;
        bottom: inherit;
        top: 300px; }
        @media (max-width: 1499px) {
          section.hero.beer-single.type-boxed .container.box .scroll-indicator {
            bottom: 45px;
            right: 30px;
            top: inherit; } }
        @media (max-width: 991px) {
          section.hero.beer-single.type-boxed .container.box .scroll-indicator {
            display: none; } }
  section.hero.beer-single .hero--background {
    background-size: auto; }
  section.hero.beer-single .hero--image {
    max-width: 400px; }
    @media (max-width: 1499px) {
      section.hero.beer-single .hero--image {
        max-width: 340px; } }
    @media (max-width: 767px) {
      section.hero.beer-single .hero--image {
        max-width: 768px;
        margin: auto; } }
    section.hero.beer-single .hero--image .slide {
      padding-left: 30px; }
      @media (max-width: 767px) {
        section.hero.beer-single .hero--image .slide {
          padding-left: 0px;
          margin-bottom: 15px; } }
      @media (max-width: 991px) {
        section.hero.beer-single .hero--image .slide img {
          max-width: 310px; } }
      @media (max-width: 767px) {
        section.hero.beer-single .hero--image .slide img {
          max-width: 270px;
          margin: auto;
          height: 400px;
          width: auto; } }
      @media (max-width: 479px) {
        section.hero.beer-single .hero--image .slide img {
          height: 400px; } }
      @media (max-width: 991px) {
        section.hero.beer-single .hero--image .slide {
          padding-left: 15px; } }
    section.hero.beer-single .hero--image .slick-dots {
      width: 20px;
      position: absolute;
      top: 55%;
      left: 0%; }
      @media (max-width: 991px) {
        section.hero.beer-single .hero--image .slick-dots {
          left: -15px;
          top: 50%; } }
      @media (max-width: 767px) {
        section.hero.beer-single .hero--image .slick-dots {
          position: relative;
          left: 0px;
          width: 100%;
          text-align: center; } }
      section.hero.beer-single .hero--image .slick-dots li {
        display: block;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 25px; }
        @media (max-width: 991px) {
          section.hero.beer-single .hero--image .slick-dots li {
            margin-bottom: 15px; } }
        @media (max-width: 767px) {
          section.hero.beer-single .hero--image .slick-dots li {
            display: inline-block;
            margin-left: 10px;
            margin-right: 10px;
            margin-bottom: 0px; } }
        section.hero.beer-single .hero--image .slick-dots li.slick-active button {
          background-color: #ffffff; }
        section.hero.beer-single .hero--image .slick-dots li button {
          border-color: #ffffff;
          width: 20px;
          height: 20px;
          border-radius: 20px; }
          @media (max-width: 991px) {
            section.hero.beer-single .hero--image .slick-dots li button {
              width: 15px;
              height: 15px; } }
  section.hero.beer-single .hero--content {
    font-size: 20px; }
    @media (max-width: 1499px) {
      section.hero.beer-single .hero--content {
        font-size: 19px;
        padding-right: 100px;
        padding-left: 15px; } }
    @media (max-width: 991px) {
      section.hero.beer-single .hero--content {
        font-size: 18px;
        padding: 0px; } }
    @media (max-width: 767px) {
      section.hero.beer-single .hero--content {
        font-size: 16px;
        margin-bottom: 45px; } }
    section.hero.beer-single .hero--content p {
      /*max-width: 520px;*/
      margin: auto; }
    section.hero.beer-single .hero--content .beer--description {
      margin-bottom: 30px; }
    section.hero.beer-single .hero--content .beer--alcohol-volume {
      font-size: 16px;
      text-transform: uppercase;
      margin-bottom: 10px; }
      section.hero.beer-single .hero--content .beer--alcohol-volume .value {
        font-size: 22px;
        padding-left: 3px;
        padding-right: 3px; }
    section.hero.beer-single .hero--content .beer--availability {
      font-size: 16px;
      margin-bottom: 30px; }
    section.hero.beer-single .hero--content .button {
      margin-top: 15px; }
      @media (max-width: 1199px) {
        section.hero.beer-single .hero--content .button {
          margin-top: 0px; } }
  section.hero.beer-single .beer-branding .beer-branding--logo {
    margin-bottom: 20px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 1199px) {
      section.hero.beer-single .beer-branding .beer-branding--logo {
        margin-bottom: 15px; } }
    @media (max-width: 991px) {
      section.hero.beer-single .beer-branding .beer-branding--logo {
        max-width: 300px; } }
    @media (max-width: 767px) {
      section.hero.beer-single .beer-branding .beer-branding--logo {
        max-width: 240px; } }
  section.hero.beer-single .beer-branding .beer-branding--name h1, section.hero.beer-single .beer-branding .beer-branding--name .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.hero.beer-single .beer-branding .beer-branding--name .title, section.hero.beer-single .beer-branding .beer-branding--name .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.hero.beer-single .beer-branding .beer-branding--name h2 {
    font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
    font-size: 98px;
    line-height: 1em;
    margin-bottom: 30px; }
    @media (max-width: 1499px) {
      section.hero.beer-single .beer-branding .beer-branding--name h1, section.hero.beer-single .beer-branding .beer-branding--name .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.hero.beer-single .beer-branding .beer-branding--name .title, section.hero.beer-single .beer-branding .beer-branding--name .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.hero.beer-single .beer-branding .beer-branding--name h2 {
        font-size: 86px; } }
    @media (max-width: 1199px) {
      section.hero.beer-single .beer-branding .beer-branding--name h1, section.hero.beer-single .beer-branding .beer-branding--name .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.hero.beer-single .beer-branding .beer-branding--name .title, section.hero.beer-single .beer-branding .beer-branding--name .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.hero.beer-single .beer-branding .beer-branding--name h2 {
        font-size: 74px; } }
    @media (max-width: 991px) {
      section.hero.beer-single .beer-branding .beer-branding--name h1, section.hero.beer-single .beer-branding .beer-branding--name .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.hero.beer-single .beer-branding .beer-branding--name .title, section.hero.beer-single .beer-branding .beer-branding--name .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.hero.beer-single .beer-branding .beer-branding--name h2 {
        font-size: 48px; } }
    @media (max-width: 767px) {
      section.hero.beer-single .beer-branding .beer-branding--name h1, section.hero.beer-single .beer-branding .beer-branding--name .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.hero.beer-single .beer-branding .beer-branding--name .title, section.hero.beer-single .beer-branding .beer-branding--name .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.hero.beer-single .beer-branding .beer-branding--name h2 {
        font-size: 36px; } }
  section.hero.beer-single .scroll-indicator {
    right: -120px; }
    @media (max-width: 1499px) {
      section.hero.beer-single .scroll-indicator {
        right: -15px; } }
    @media (max-width: 1199px) {
      section.hero.beer-single .scroll-indicator {
        right: 0px; } }
    @media (max-width: 991px) {
      section.hero.beer-single .scroll-indicator {
        display: none; } }

/* Section Our Beers */
section.our-beers {
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative; }
  @media (max-width: 767px) {
    section.our-beers {
      padding-top: 50px;
      padding-bottom: 50px;
      margin-bottom: 45px; } }
  section.our-beers .background-box {
    content: '';
    position: absolute;
    left: 50%;
    width: 80%;
    max-width: 1375px;
    height: calc(100% - 200px);
    bottom: calc(0% + 35px);
    background-color: #f5f5f5;
    z-index: -1; }
    @media (max-width: 1199px) {
      section.our-beers .background-box {
        top: -70px; } }
    @media (max-width: 991px) {
      section.our-beers .background-box {
        height: calc(100% + 70px + 50px + 35px);
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); } }
    @media (max-width: 767px) {
      section.our-beers .background-box {
        top: -60px;
        height: calc(100% + 60px + 50px + 35px);
        width: 100%;
        left: 0%;
        -webkit-transform: translateX(0%);
                transform: translateX(0%); } }
    @media (max-width: 479px) {
      section.our-beers .background-box {
        width: calc(100% + 30px);
        left: -15px; } }
  section.our-beers .our-beers--products {
    max-width: 1600px;
    margin: auto;
    margin-bottom: 80px;
    position: relative; }
    @media (max-width: 991px) {
      section.our-beers .our-beers--products {
        margin-bottom: 50px; } }
    @media (max-width: 767px) {
      section.our-beers .our-beers--products .col-lg-2.col-md-4 {
        width: 50%; } }
    @media (max-width: 479px) {
      section.our-beers .our-beers--products .col-lg-2.col-md-4 {
        padding-left: 5px;
        padding-right: 5px; } }
    section.our-beers .our-beers--products .our-beers--product {
      text-align: center; }
      @media (max-width: 991px) {
        section.our-beers .our-beers--products .our-beers--product {
          margin-bottom: 30px; } }
      section.our-beers .our-beers--products .our-beers--product .our-beers--product-image {
        margin-bottom: 30px; }
        @media (max-width: 767px) {
          section.our-beers .our-beers--products .our-beers--product .our-beers--product-image {
            text-align: center; } }
        @media (max-width: 767px) {
          section.our-beers .our-beers--products .our-beers--product .our-beers--product-image img {
            margin: auto;
            height: 300px;
            width: auto; } }
      section.our-beers .our-beers--products .our-beers--product .our-beers--product-name {
        color: #d06b25;
        font-size: 24px;
        text-transform: uppercase; }
        @media (max-width: 1199px) {
          section.our-beers .our-beers--products .our-beers--product .our-beers--product-name {
            font-size: 21px; } }
        @media (max-width: 767px) {
          section.our-beers .our-beers--products .our-beers--product .our-beers--product-name {
            font-size: 24px; } }
      section.our-beers .our-beers--products .our-beers--product .our-beers--product-flavour {
        font-size: 18px;
        text-transform: uppercase; }
        @media (max-width: 1199px) {
          section.our-beers .our-beers--products .our-beers--product .our-beers--product-flavour {
            font-size: 16px; } }
        @media (max-width: 767px) {
          section.our-beers .our-beers--products .our-beers--product .our-beers--product-flavour {
            font-size: 18px; } }
  section.our-beers .our-beers--view-more {
    text-align: center; }
  section.our-beers .slick-slider .slick-slide .our-beers--product-image {
    opacity: 0.6;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s; }
  section.our-beers .slick-slider .slick-slide .our-beers--product-name {
    opacity: 0;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s; }
  section.our-beers .slick-slider .slick-slide .our-beers--product-flavour {
    opacity: 0;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s; }
  section.our-beers .slick-slider .slick-slide.slick-current .our-beers--product-image {
    opacity: 1; }
  section.our-beers .slick-slider .slick-slide.slick-current .our-beers--product-name {
    opacity: 1; }
  section.our-beers .slick-slider .slick-slide.slick-current .our-beers--product-flavour {
    opacity: 1; }

/* Section About */
section.about {
  background-color: #f5f5f5;
  margin-top: 260px;
  padding-bottom: 100px;
  position: relative; }
  @media (max-width: 767px) {
    section.about {
      margin-top: 90px;
      padding-bottom: 60px; } }
  section.about .about--background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden; }
    section.about .about--background .about--background-image {
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-transform: translate3d(0px, 0px, 0px);
              transform: translate3d(0px, 0px, 0px); }
  section.about .container-fluid {
    top: -135px;
    margin-bottom: -135px;
    position: relative; }
    @media (max-width: 767px) {
      section.about .container-fluid {
        top: -70px;
        margin-bottom: -70px; } }
  section.about .title {
    max-width: 680px;
    margin: auto;
    text-align: center;
    font-family: "PerpetuaTitlingMT-Light", "Georgia", serif;
    font-size: 120px;
    font-weight: 300;
    line-height: 1em;
    color: #51becc;
    margin-bottom: 60px;
    position: relative; }
    @media (max-width: 1499px) {
      section.about .title {
        font-size: 110px; } }
    @media (max-width: 1199px) {
      section.about .title {
        font-size: 92px;
        max-width: 500px; } }
    @media (max-width: 767px) {
      section.about .title {
        font-size: 55px;
        max-width: 320px; } }
    section.about .title:before {
      content: '';
      position: absolute;
      width: 60%;
      height: 35px;
      border: 1px solid #51becc;
      border-bottom: none;
      top: -35px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
    section.about .title:after {
      content: '';
      position: absolute;
      width: 60%;
      height: 35px;
      border: 1px solid #51becc;
      border-top: none;
      bottom: -35px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
  section.about .about--boxes {
    max-width: 1280px;
    margin: auto; }
    section.about .about--boxes .article--box {
      background-color: #ffffff; }
      @media (max-width: 991px) {
        section.about .about--boxes .article--box {
          max-width: 420px;
          margin: auto;
          margin-bottom: 60px; } }
      section.about .about--boxes .article--box .article-box-header .article-box-image {
        height: 270px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center; }
        @media (max-width: 991px) {
          section.about .about--boxes .article--box .article-box-header .article-box-image {
            height: 250px; } }
        @media (max-width: 767px) {
          section.about .about--boxes .article--box .article-box-header .article-box-image {
            height: 200px; } }
        @media (max-width: 479px) {
          section.about .about--boxes .article--box .article-box-header .article-box-image {
            height: 160px; } }
      section.about .about--boxes .article--box .article-box-body {
        padding: 40px;
        padding-bottom: 60px;
        position: relative; }
        @media (max-width: 1199px) {
          section.about .about--boxes .article--box .article-box-body {
            padding: 30px;
            padding-bottom: 50px; } }
        section.about .about--boxes .article--box .article-box-body h3 {
          color: #51becc;
          margin-bottom: 30px; }
          @media (max-width: 991px) {
            section.about .about--boxes .article--box .article-box-body h3 {
              margin-bottom: 20px; } }
        section.about .about--boxes .article--box .article-box-body a.button {
          position: absolute;
          bottom: -30px;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%); }

/* Section Link Boxes */
section.link-boxes {
  padding-top: 160px;
  padding-bottom: 120px; }
  @media (max-width: 1199px) {
    section.link-boxes {
      padding-top: 60px; } }
  @media (max-width: 767px) {
    section.link-boxes {
      padding-top: 30px;
      padding-bottom: 30px; } }
  section.link-boxes.mobile-only {
    display: none;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      section.link-boxes.mobile-only {
        display: block; } }
  @media (max-width: 991px) and (min-width: 768px) {
    section.link-boxes .col-md-12 .link-box--image {
      width: 50%;
      float: left;
      height: 450px; }
    section.link-boxes .col-md-12 .link-box--title h3 {
      font-size: 55px; } }
  @media (max-width: 991px) and (min-width: 768px) and (max-width: 1499px) {
    section.link-boxes .col-md-12 .link-box--title h3 {
      font-size: 42px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    section.link-boxes .col-md-12 .link-box--body {
      width: 50%;
      float: left;
      min-height: 450px; }
      section.link-boxes .col-md-12 .link-box--body .link-box--description {
        max-width: 580px;
        font-size: 21px; } }
    @media (max-width: 991px) and (min-width: 768px) and (max-width: 1499px) {
      section.link-boxes .col-md-12 .link-box--body .link-box--description {
        font-size: 19px; } }

/* Section Social */
section.social {
  position: relative;
  padding-top: 120px; }
  @media (max-width: 767px) {
    section.social {
      padding-top: 60px;
      padding-bottom: 0px; } }
  section.social .title {
    position: relative; }
  section.social .background-box {
    content: '';
    position: absolute;
    margin-top: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 700px;
    height: 100px;
    background-color: #f5f5f5;
    z-index: -1; }
    @media (max-width: 767px) {
      section.social .background-box {
        width: 320px; } }
    @media (max-width: 767px) {
      section.social .background-box {
        width: 170px; } }
  section.social .social-wall {
    margin-left: -15px;
    margin-right: -15px; }
    section.social .social-wall .eapps-instagram-feed-posts-grid-load-more-container {
      display: none; }
    section.social .social-wall .social-wall--post {
      position: relative;
      width: 25%;
      height: 300px;
      float: left;
      overflow: hidden; }
      @media (max-width: 1499px) {
        section.social .social-wall .social-wall--post {
          width: 25%; } }
      @media (max-width: 1199px) {
        section.social .social-wall .social-wall--post {
          width: 33.33%; } }
      @media (max-width: 991px) {
        section.social .social-wall .social-wall--post {
          height: 200px; }
          section.social .social-wall .social-wall--post:nth-last-child(-n+3) {
            display: none; } }
      @media (max-width: 767px) {
        section.social .social-wall .social-wall--post {
          width: 50%;
          height: 150px;
          /*&:nth-last-child(-n+9){
					display: none;
				}*/ }
          section.social .social-wall .social-wall--post:nth-last-child(-n+6) {
            display: none; } }
      section.social .social-wall .social-wall--post .social-icon {
        position: absolute;
        width: 50px;
        height: 50px;
        top: 0px;
        right: 0px;
        font-size: 26px;
        color: #ffffff;
        background-color: #d06b25;
        text-align: center;
        padding-top: 5px; }
        @media (max-width: 479px) {
          section.social .social-wall .social-wall--post .social-icon {
            width: 30px;
            height: 30px;
            font-size: 18px;
            padding-top: 2px; } }
      section.social .social-wall .social-wall--post .social-wall--post-image {
        height: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat; }
      section.social .social-wall .social-wall--post .social-wall--text {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        background-color: rgba(0, 0, 0, 0.25);
        padding: 15px;
        bottom: 0px;
        color: #ffffff;
        font-size: 14px;
        -webkit-transition-duration: 300ms;
                transition-duration: 300ms; }
        @media (max-width: 767px) {
          section.social .social-wall .social-wall--post .social-wall--text {
            font-size: 12px;
            padding: 10px;
            display: none; } }
        section.social .social-wall .social-wall--post .social-wall--text .social-title {
          font-weight: 700;
          margin-bottom: 5px; }
      section.social .social-wall .social-wall--post .social-wall--link a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background-color: transparent;
        -webkit-transition: all 300ms ease-out;
        transition: all 300ms ease-out; }
        section.social .social-wall .social-wall--post .social-wall--link a:hover {
          background-color: rgba(0, 0, 0, 0.15); }
      section.social .social-wall .social-wall--post:hover .social-wall--text {
        opacity: 1;
        visibility: visible; }

/* Section stay in touch */
section.stay-in-touch .title {
  position: relative;
  z-index: 1; }
  @media (max-width: 767px) {
    section.stay-in-touch .title {
      max-width: 280px;
      margin: auto; } }

section.stay-in-touch .intro {
  position: relative;
  z-index: 1; }

section.stay-in-touch .newsletter-signup-box {
  background-color: #f5f5f5;
  padding: 40px;
  padding-top: 160px;
  top: -150px;
  position: relative;
  max-width: 930px;
  margin: auto; }
  @media (max-width: 1199px) {
    section.stay-in-touch .newsletter-signup-box {
      margin-bottom: -80px;
      max-width: 800px; } }
  @media (max-width: 991px) {
    section.stay-in-touch .newsletter-signup-box {
      top: -135px; } }
  @media (max-width: 767px) {
    section.stay-in-touch .newsletter-signup-box {
      top: -95px;
      padding: 30px;
      padding-top: 100px; } }
  section.stay-in-touch .newsletter-signup-box form {
    max-width: 560px;
    margin: auto; }
    section.stay-in-touch .newsletter-signup-box form .form-item {
      margin-bottom: 0px; }
      section.stay-in-touch .newsletter-signup-box form .form-item.email {
        margin-bottom: 40px; }
        @media (max-width: 767px) {
          section.stay-in-touch .newsletter-signup-box form .form-item.email {
            margin-bottom: 30px; } }
      section.stay-in-touch .newsletter-signup-box form .form-item.checkbox {
        position: relative; }
        section.stay-in-touch .newsletter-signup-box form .form-item.checkbox input {
          position: absolute;
          opacity: 0;
          top: 50%; }
          section.stay-in-touch .newsletter-signup-box form .form-item.checkbox input:checked ~ label:before {
            border: 1px solid #51becc; }
          section.stay-in-touch .newsletter-signup-box form .form-item.checkbox input:checked ~ label:after {
            opacity: 1; }
        section.stay-in-touch .newsletter-signup-box form .form-item.checkbox label {
          font-size: 13px;
          position: relative;
          padding-left: 35px;
          cursor: pointer; }
          section.stay-in-touch .newsletter-signup-box form .form-item.checkbox label:before, section.stay-in-touch .newsletter-signup-box form .form-item.checkbox label:after {
            position: absolute;
            display: inline-block;
            width: 20px;
            height: 20px;
            left: 0px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            -webkit-transition-duration: 300ms;
                    transition-duration: 300ms; }
          section.stay-in-touch .newsletter-signup-box form .form-item.checkbox label:before {
            content: '';
            border: 1px solid #3c4951; }
          section.stay-in-touch .newsletter-signup-box form .form-item.checkbox label:after {
            content: '\2713';
            text-align: center;
            color: #51becc;
            padding-top: 2px;
            opacity: 0; }
      section.stay-in-touch .newsletter-signup-box form .form-item input[type="text"],
      section.stay-in-touch .newsletter-signup-box form .form-item input[type="email"] {
        background-color: transparent;
        padding: 0px 0px 15px 0px;
        border: none;
        border-bottom: 2px solid #d06b25;
        font-size: 18px;
        line-height: 1em;
        width: 100%;
        outline: none; }
        @media (max-width: 767px) {
          section.stay-in-touch .newsletter-signup-box form .form-item input[type="text"],
          section.stay-in-touch .newsletter-signup-box form .form-item input[type="email"] {
            font-size: 16px;
            padding-bottom: 10px; } }
    @media (max-width: 767px) {
      section.stay-in-touch .newsletter-signup-box form .form-action {
        text-align: center;
        margin-top: 30px; } }

/* Section Content */
section.content {
  font-size: 21px;
  padding: 0px; }
  @media (max-width: 1199px) {
    section.content {
      font-size: 18px; } }
  @media (max-width: 767px) {
    section.content {
      font-size: 16px; } }
  section.content .content--inner {
    padding: 80px 80px 0px;
    background-color: #ffffff;
    position: relative;
    margin-top: -100px; }
    @media (max-width: 1199px) {
      section.content .content--inner {
        padding: 45px 45px 45px; } }
    @media (max-width: 767px) {
      section.content .content--inner {
        padding: 45px 30px 45px;
        margin-top: -90px; } }
    @media (max-width: 479px) {
      section.content .content--inner {
        padding: 30px 20px 20px; } }
  section.content h1.title, section.content .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.content .title, section.content .brewery .brewery-body--malt-part-1 .text h2.title, .brewery .brewery-body--malt-part-1 .text section.content h2.title {
    font-size: 55px;
    text-align: center;
    margin-bottom: 1em; }
    @media (max-width: 767px) {
      section.content h1.title, section.content .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.content .title, section.content .brewery .brewery-body--malt-part-1 .text h2.title, .brewery .brewery-body--malt-part-1 .text section.content h2.title {
        font-size: 42px; } }
    @media (max-width: 479px) {
      section.content h1.title, section.content .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.content .title, section.content .brewery .brewery-body--malt-part-1 .text h2.title, .brewery .brewery-body--malt-part-1 .text section.content h2.title {
        font-size: 32px; } }
  section.content h4 {
    color: #51becc; }
  section.content ul {
    margin: 0px;
    padding: 0px;
    margin-bottom: 2em;
    list-style: none;
    padding-left: 10%; }
    @media (max-width: 767px) {
      section.content ul {
        padding-left: 15px; } }
    @media (max-width: 479px) {
      section.content ul {
        padding-left: 0px; } }
    section.content ul li {
      padding-left: 20px;
      position: relative;
      margin-bottom: 1em; }
      section.content ul li:before {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background-color: #51becc;
        position: absolute;
        left: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
  section.content p {
    margin-bottom: 2em; }
  section.content img {
    max-width: 100%;
    height: auto;
    margin-bottom: 60px; }
    @media (max-width: 479px) {
      section.content img {
        margin-bottom: 30px; } }
  section.content table {
    background-color: #f5f5f5; }
    section.content table td {
      padding: 10px 17.5px;
      border: 2px solid #ffffff; }

/* Section - Latest News */
section.latest-news {
  padding-top: 165px;
  padding-bottom: 100px; }
  @media (max-width: 991px) {
    section.latest-news {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media (max-width: 479px) {
    section.latest-news {
      padding-top: 30px;
      padding-bottom: 90px; } }
  section.latest-news .latest-news--title {
    text-align: center;
    color: #51becc;
    margin-bottom: 100px; }
    @media (max-width: 991px) {
      section.latest-news .latest-news--title {
        margin-bottom: 45px; } }
  section.latest-news .latest-news--teasers {
    margin-bottom: 50px; }
    @media (max-width: 991px) {
      section.latest-news .latest-news--teasers {
        margin-bottom: 30px; } }
    section.latest-news .latest-news--teasers > .row {
      margin-left: -10px;
      margin-right: -10px; }
    section.latest-news .latest-news--teasers .latest-news--teaser {
      margin-bottom: 15px; }
      section.latest-news .latest-news--teasers .latest-news--teaser .latest-news--teaser-header .latest-news--teaser-image {
        width: 100%;
        height: 300px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center; }
        @media (max-width: 479px) {
          section.latest-news .latest-news--teasers .latest-news--teaser .latest-news--teaser-header .latest-news--teaser-image {
            height: 240px; } }
      section.latest-news .latest-news--teasers .latest-news--teaser .latest-news--teaser-body {
        position: relative;
        padding: 50px;
        background-color: #51becc;
        color: #3c4951; }
        @media (max-width: 1199px) {
          section.latest-news .latest-news--teasers .latest-news--teaser .latest-news--teaser-body {
            padding: 30px; } }
        section.latest-news .latest-news--teasers .latest-news--teaser .latest-news--teaser-body .latest-news--teaser-date {
          font-size: 14px;
          font-weight: 500;
          margin-bottom: 15px;
          text-transform: uppercase;
          letter-spacing: 1px; }
        section.latest-news .latest-news--teasers .latest-news--teaser .latest-news--teaser-body .latest-news--teaser-title {
          color: #ffffff;
          margin-bottom: 20px; }
        section.latest-news .latest-news--teasers .latest-news--teaser .latest-news--teaser-body .latest-news--teaser-text {
          font-size: 20px;
          margin-bottom: 50px; }
          @media (max-width: 1199px) {
            section.latest-news .latest-news--teasers .latest-news--teaser .latest-news--teaser-body .latest-news--teaser-text {
              font-size: 17px; } }
          @media (max-width: 479px) {
            section.latest-news .latest-news--teasers .latest-news--teaser .latest-news--teaser-body .latest-news--teaser-text {
              font-size: 15px; } }
        section.latest-news .latest-news--teasers .latest-news--teaser .latest-news--teaser-body .latest-news--teaser-link {
          position: absolute;
          right: 0px;
          bottom: 0px; }
          section.latest-news .latest-news--teasers .latest-news--teaser .latest-news--teaser-body .latest-news--teaser-link a {
            display: block; }
  section.latest-news .background-box {
    background-color: #f5f5f5;
    width: 50%;
    height: 450px;
    left: 50%;
    position: absolute;
    bottom: 30px;
    z-index: -1; }
  section.latest-news .latest-news--view-all {
    text-align: center; }

/* Section news article - dependecy: section.content */
section.news-article .event--date,
section.event .event--date {
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #51becc;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
  padding: 15px 25px;
  letter-spacing: 2px;
  font-weight: 500; }

section.news-article .news-article--date,
section.event .news-article--date {
  color: #d06b25;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 2px;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    section.news-article .news-article--date,
    section.event .news-article--date {
      margin-bottom: 15px; } }

.news-article--footer {
  padding-top: 120px;
  margin-bottom: 60px; }
  @media (max-width: 767px) {
    .news-article--footer {
      padding-top: 30px;
      margin-bottom: 15px; } }
  .news-article--footer .share-this-page {
    text-align: center; }
    .news-article--footer .share-this-page .background-box {
      position: absolute;
      width: 80%;
      left: 50%;
      background-color: #f5f5f5;
      height: 50px;
      top: 70%;
      z-index: -1; }
    .news-article--footer .share-this-page .share-intro {
      font-size: 10px;
      text-transform: uppercase;
      color: #8d8582;
      line-height: 1em;
      margin-bottom: 15px; }
    .news-article--footer .share-this-page .share-links a {
      display: inline-block;
      width: 45px;
      height: 45px;
      border-radius: 45px;
      background-color: #51becc;
      color: #ffffff;
      font-size: 24px;
      text-align: center;
      margin-left: 7.5px;
      margin-right: 7.5px;
      padding-top: 5px;
      -webkit-box-shadow: -3px 3px 0px 0px rgba(141, 133, 130, 0.3);
              box-shadow: -3px 3px 0px 0px rgba(141, 133, 130, 0.3);
      -webkit-transition-duration: 300ms;
              transition-duration: 300ms;
      -webkit-transition-timing-function: ease-out;
              transition-timing-function: ease-out; }
      .news-article--footer .share-this-page .share-links a:hover {
        background-color: #d06b25; }
  .news-article--footer .previous-story,
  .news-article--footer .next-story {
    height: 100%; }
    @media (max-width: 767px) {
      .news-article--footer .previous-story,
      .news-article--footer .next-story {
        margin-bottom: 60px; } }
    .news-article--footer .previous-story a,
    .news-article--footer .next-story a {
      color: #d06b25;
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: 2px;
      font-weight: 500;
      position: relative;
      text-decoration: none;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      -webkit-transition-duration: 300ms;
              transition-duration: 300ms;
      -webkit-transition-timing-function: ease-out;
              transition-timing-function: ease-out; }
      @media (max-width: 479px) {
        .news-article--footer .previous-story a,
        .news-article--footer .next-story a {
          font-size: 12px;
          letter-spacing: 0px; } }
      .news-article--footer .previous-story a:after,
      .news-article--footer .next-story a:after {
        content: '';
        position: absolute;
        bottom: -7px;
        width: calc(100% - 20px);
        height: 2px;
        background-color: #d06b25;
        -webkit-transition-duration: 300ms;
                transition-duration: 300ms;
        -webkit-transition-timing-function: ease-out;
                transition-timing-function: ease-out; }
      .news-article--footer .previous-story a:hover,
      .news-article--footer .next-story a:hover {
        text-decoration: none;
        color: #7d3800; }
        .news-article--footer .previous-story a:hover:after,
        .news-article--footer .next-story a:hover:after {
          width: 100%;
          background-color: #7d3800; }
  .news-article--footer .previous-story {
    text-align: left; }
    .news-article--footer .previous-story a:after {
      right: 0px; }
  .news-article--footer .next-story {
    text-align: right; }
    .news-article--footer .next-story a:after {
      left: 0px; }

section.content.event .content--inner {
  padding-top: 110px; }

/* Section events */
section.events {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 160px; }
  @media (max-width: 991px) {
    section.events {
      padding-bottom: 60px; } }
  @media (max-width: 767px) {
    section.events {
      padding-bottom: 30px; } }
  @media (max-width: 479px) {
    section.events {
      padding-bottom: 15px; } }
  section.events .events-container {
    max-width: 1600px;
    margin: auto; }

/* Upcoming Events */
.upcoming--events {
  padding: 100px 50px;
  position: relative; }
  @media (max-width: 1199px) {
    .upcoming--events {
      padding: 100px 30px; } }
  @media (max-width: 991px) {
    .upcoming--events {
      padding: 60px 30px;
      margin-bottom: 120px; } }
  @media (max-width: 479px) {
    .upcoming--events {
      padding: 60px 15px; } }
  .upcoming--events .background-box {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: calc(100% - 45px);
    background-color: #f5f5f5; }
  .upcoming--events .upcoming--events--title {
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
    width: 100%;
    color: #51becc; }
    .upcoming--events .upcoming--events--title h2 {
      font-size: 55px; }
      @media (max-width: 1199px) {
        .upcoming--events .upcoming--events--title h2 {
          font-size: 46px; } }
      @media (max-width: 991px) {
        .upcoming--events .upcoming--events--title h2 {
          font-size: 42px; } }
      @media (max-width: 767px) {
        .upcoming--events .upcoming--events--title h2 {
          font-size: 32px; } }
  .upcoming--events .upcoming--events--body .upcoming--events--event {
    position: relative;
    background-color: #ffffff;
    margin-bottom: 15px;
    padding: 75px 100px 50px 50px;
    padding-right: 25%; }
    @media (max-width: 1199px) {
      .upcoming--events .upcoming--events--body .upcoming--events--event {
        padding: 60px 30px 75px 30px; } }
    @media (max-width: 479px) {
      .upcoming--events .upcoming--events--body .upcoming--events--event {
        padding: 60px 15px 75px 15px; } }
    .upcoming--events .upcoming--events--body .upcoming--events--event .upcoming--events--event-date {
      position: absolute;
      left: 0px;
      top: 0px;
      background-color: #51becc;
      color: #ffffff;
      text-transform: uppercase;
      font-size: 15px;
      padding: 15px 25px;
      letter-spacing: 2px;
      font-weight: 500; }
      @media (max-width: 1199px) {
        .upcoming--events .upcoming--events--body .upcoming--events--event .upcoming--events--event-date {
          font-size: 13px;
          padding: 10px 20px; } }
      @media (max-width: 767px) {
        .upcoming--events .upcoming--events--body .upcoming--events--event .upcoming--events--event-date {
          font-size: 12px; } }
    .upcoming--events .upcoming--events--body .upcoming--events--event .upcoming--events--event-title {
      color: #51becc; }
      .upcoming--events .upcoming--events--body .upcoming--events--event .upcoming--events--event-title h3 {
        margin-bottom: 0.75em; }
    .upcoming--events .upcoming--events--body .upcoming--events--event .upcoming--events--event-description {
      font-size: 20px; }
      @media (max-width: 1199px) {
        .upcoming--events .upcoming--events--body .upcoming--events--event .upcoming--events--event-description {
          font-size: 17px; } }
      @media (max-width: 991px) {
        .upcoming--events .upcoming--events--body .upcoming--events--event .upcoming--events--event-description {
          font-size: 16px; } }
      @media (max-width: 1199px) {
        .upcoming--events .upcoming--events--body .upcoming--events--event .upcoming--events--event-description {
          font-size: 15px; } }
    .upcoming--events .upcoming--events--body .upcoming--events--event .upcoming--events--event-link {
      position: absolute;
      bottom: 0px;
      right: 0px; }
      .upcoming--events .upcoming--events--body .upcoming--events--event .upcoming--events--event-link a {
        display: block; }
        @media (max-width: 1199px) {
          .upcoming--events .upcoming--events--body .upcoming--events--event .upcoming--events--event-link a {
            padding: 20px; } }
  .upcoming--events .upcoming--events--view-all {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); }

/* Events */
.events.full {
  padding-top: 165px;
  padding-bottom: 100px; }
  @media (max-width: 991px) {
    .events.full {
      padding-top: 90px;
      padding-bottom: 90px; } }
  .events.full .background-box {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5; }
  .events.full .events--title {
    text-align: center;
    width: 100%;
    color: #51becc;
    margin-bottom: 100px; }
    @media (max-width: 991px) {
      .events.full .events--title {
        margin-bottom: 45px; } }
  .events.full .events--body {
    padding: 60px; }

.events .events--body .events--event {
  position: relative;
  background-color: #ffffff;
  margin-bottom: 30px; }
  .events .events--body .events--event .events--event-header .events--event-image {
    height: 375px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
    @media (max-width: 1199px) {
      .events .events--body .events--event .events--event-header .events--event-image {
        height: 300px; } }
    @media (max-width: 767px) {
      .events .events--body .events--event .events--event-header .events--event-image {
        height: 250px; } }
  .events .events--body .events--event .events--event-body {
    padding: 75px 50px 100px 50px;
    position: relative; }
    @media (max-width: 1199px) {
      .events .events--body .events--event .events--event-body {
        padding: 60px 30px 75px 30px; } }
    @media (max-width: 479px) {
      .events .events--body .events--event .events--event-body {
        padding: 60px 15px 75px 15px; } }
    .events .events--body .events--event .events--event-body .events--event-date {
      position: absolute;
      left: 0px;
      top: 0px;
      background-color: #51becc;
      color: #ffffff;
      text-transform: uppercase;
      font-size: 15px;
      padding: 15px 25px;
      letter-spacing: 2px;
      font-weight: 500; }
      @media (max-width: 1199px) {
        .events .events--body .events--event .events--event-body .events--event-date {
          font-size: 13px;
          padding: 10px 20px; } }
      @media (max-width: 767px) {
        .events .events--body .events--event .events--event-body .events--event-date {
          font-size: 12px; } }
    .events .events--body .events--event .events--event-body .events--event-title {
      color: #51becc; }
      .events .events--body .events--event .events--event-body .events--event-title h3 {
        margin-bottom: 0.75em; }
    .events .events--body .events--event .events--event-body .events--event-description {
      font-size: 20px; }
      @media (max-width: 1199px) {
        .events .events--body .events--event .events--event-body .events--event-description {
          font-size: 17px; } }
      @media (max-width: 767px) {
        .events .events--body .events--event .events--event-body .events--event-description {
          font-size: 16px; } }
      @media (max-width: 479px) {
        .events .events--body .events--event .events--event-body .events--event-description {
          font-size: 15px; } }
    .events .events--body .events--event .events--event-body .events--event-link {
      position: absolute;
      bottom: 0px;
      right: 0px; }
      .events .events--body .events--event .events--event-body .events--event-link a {
        display: block; }
        @media (max-width: 1199px) {
          .events .events--body .events--event .events--event-body .events--event-link a {
            padding: 20px; } }

/* Recent Events */
.recent-events {
  padding: 100px 50px;
  position: relative; }
  @media (max-width: 991px) {
    .recent-events {
      padding: 60px 30px;
      margin-bottom: 60px; } }
  @media (max-width: 479px) {
    .recent-events {
      padding: 30px 15px;
      padding-bottom: 60px; } }
  .recent-events .background-box {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: calc(100% - 45px);
    background-color: #f5f5f5; }
  .recent-events .recent--events--title {
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
    width: 100%;
    color: #51becc; }
    .recent-events .recent--events--title h2 {
      font-size: 55px; }
      @media (max-width: 1199px) {
        .recent-events .recent--events--title h2 {
          font-size: 46px; } }
      @media (max-width: 991px) {
        .recent-events .recent--events--title h2 {
          font-size: 42px; } }
      @media (max-width: 767px) {
        .recent-events .recent--events--title h2 {
          font-size: 32px; } }
  .recent-events .recent-events--view-all {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); }

/* Product Categories */
section.product-categories {
  padding-top: 0px;
  padding-bottom: 100px; }
  @media (max-width: 991px) {
    section.product-categories {
      padding-bottom: 60px; } }
  @media (max-width: 767px) {
    section.product-categories {
      padding-bottom: 30px; } }
  section.product-categories h1, section.product-categories .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.product-categories .title, section.product-categories .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.product-categories h2 {
    color: #51becc;
    text-align: center; }
  section.product-categories .product-categories--intro {
    max-width: 650px;
    margin: auto;
    text-align: center;
    margin-bottom: 70px; }
    @media (max-width: 991px) {
      section.product-categories .product-categories--intro {
        margin-bottom: 60px; } }
    @media (max-width: 767px) {
      section.product-categories .product-categories--intro {
        margin-bottom: 30px; } }
  section.product-categories .product-categories--category {
    max-width: 380px;
    margin: auto;
    margin-bottom: 20px; }
    section.product-categories .product-categories--category a {
      display: block;
      -webkit-box-shadow: 0px 0px 0px 0px transparent;
              box-shadow: 0px 0px 0px 0px transparent;
      -webkit-transition-duration: 300ms;
              transition-duration: 300ms;
      -webkit-transition-timing-function: ease-out;
              transition-timing-function: ease-out;
      -webkit-transform: scale(1);
              transform: scale(1); }
      section.product-categories .product-categories--category a:hover {
        -webkit-box-shadow: 0px 0px 25px 2px rgba(0, 0, 0, 0.3);
                box-shadow: 0px 0px 25px 2px rgba(0, 0, 0, 0.3);
        -webkit-transform: scale(1.01);
                transform: scale(1.01); }
  section.product-categories .row.custom-padding {
    margin-left: -10px;
    margin-right: -10px; }
    section.product-categories .row.custom-padding .custom-padding {
      padding-left: 10px;
      padding-right: 10px; }

/* Section - Taste Profile */
section.taste-profile {
  padding-bottom: 120px;
  position: relative; }
  @media (max-width: 1199px) {
    section.taste-profile {
      padding-bottom: 60px; } }
  @media (max-width: 767px) {
    section.taste-profile {
      padding-top: 60px; } }
  @media (max-width: 1499px) {
    section.taste-profile .container {
      max-width: 960px; } }
  @media (max-width: 1199px) {
    section.taste-profile .container {
      max-width: 900px; } }
  @media (max-width: 991px) {
    section.taste-profile .container {
      max-width: 720px; } }
  section.taste-profile .background-box {
    max-width: 850px;
    width: 100%;
    height: 275px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-top: -30px; }
    @media (max-width: 1199px) {
      section.taste-profile .background-box {
        max-width: 750px; } }
    @media (max-width: 991px) {
      section.taste-profile .background-box {
        max-width: 600px;
        height: 450px; } }
    @media (max-width: 767px) {
      section.taste-profile .background-box {
        display: none; } }
  @media (max-width: 991px) {
    section.taste-profile .taste-profile--information {
      max-width: 450px;
      margin: auto;
      margin-bottom: 30px; } }
  section.taste-profile .taste-profile--information .taste-profile--information-item {
    margin-bottom: 15px; }
    section.taste-profile .taste-profile--information .taste-profile--information-item .icon-label {
      font-family: "Montserrat", "Helvetica", "Arial", sans-serif !important;
      font-weight: 500;
      font-size: 18px;
      color: #51becc;
      text-transform: uppercase;
      display: inline-block;
      margin-right: 20px;
      text-align: right;
      width: 90px; }
      @media (max-width: 1199px) {
        section.taste-profile .taste-profile--information .taste-profile--information-item .icon-label {
          width: 60px; } }
      @media (max-width: 767px) {
        section.taste-profile .taste-profile--information .taste-profile--information-item .icon-label {
          font-size: 16px; } }
      @media (max-width: 479px) {
        section.taste-profile .taste-profile--information .taste-profile--information-item .icon-label {
          width: 50px;
          margin-right: 15px; } }
    section.taste-profile .taste-profile--information .taste-profile--information-item .icon {
      font-size: 60px;
      line-height: 1em;
      color: #51becc;
      display: inline-block;
      margin-right: 30px;
      margin-bottom: 0px; }
      @media (max-width: 767px) {
        section.taste-profile .taste-profile--information .taste-profile--information-item .icon {
          margin-right: 20px;
          font-size: 48px; } }
      @media (max-width: 479px) {
        section.taste-profile .taste-profile--information .taste-profile--information-item .icon {
          margin-right: 15px; } }
    section.taste-profile .taste-profile--information .taste-profile--information-item .description {
      display: inline-block;
      font-size: 24px;
      text-transform: uppercase;
      color: #d06b25;
      max-width: calc(100% - 110px - 90px); }
      @media (max-width: 1499px) {
        section.taste-profile .taste-profile--information .taste-profile--information-item .description {
          font-size: 21px; } }
      @media (max-width: 1199px) {
        section.taste-profile .taste-profile--information .taste-profile--information-item .description {
          max-width: calc(100% - 80px - 90px);
          font-size: 19px; } }
      @media (max-width: 767px) {
        section.taste-profile .taste-profile--information .taste-profile--information-item .description {
          font-size: 16px;
          max-width: calc(100% - 80px - 80px); } }
      @media (max-width: 479px) {
        section.taste-profile .taste-profile--information .taste-profile--information-item .description {
          font-size: 16px;
          max-width: calc(100% - 65px - 75px); } }
  section.taste-profile .taste-profile--ratings {
    border: 2px solid #51becc;
    display: block;
    width: 100%; }
    @media (max-width: 991px) {
      section.taste-profile .taste-profile--ratings {
        max-width: 450px; } }
    section.taste-profile .taste-profile--ratings .taste-profile--rating {
      border-bottom: 2px solid #51becc; }
      section.taste-profile .taste-profile--ratings .taste-profile--rating:last-of-type {
        border-bottom: none; }
      section.taste-profile .taste-profile--ratings .taste-profile--rating .taste-profile--rating-label {
        font-size: 18px;
        line-height: 1em;
        font-weight: 500;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #51becc;
        border-right: 2px solid #51becc;
        width: 25%;
        float: left;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px; }
        @media (max-width: 767px) {
          section.taste-profile .taste-profile--ratings .taste-profile--rating .taste-profile--rating-label {
            font-size: 16px; } }
        @media (max-width: 479px) {
          section.taste-profile .taste-profile--ratings .taste-profile--rating .taste-profile--rating-label {
            letter-spacing: 0px;
            width: 30%;
            padding-top: 15px;
            padding-bottom: 15px; } }
      section.taste-profile .taste-profile--ratings .taste-profile--rating .taste-profile--rating-value {
        width: 75%;
        float: left;
        text-align: center; }
        @media (max-width: 479px) {
          section.taste-profile .taste-profile--ratings .taste-profile--rating .taste-profile--rating-value {
            width: 70%; } }
        section.taste-profile .taste-profile--ratings .taste-profile--rating .taste-profile--rating-value i {
          color: #51becc;
          font-size: 32px;
          font-weight: 600;
          padding-left: 10px;
          padding-right: 10px; }
          @media (max-width: 479px) {
            section.taste-profile .taste-profile--ratings .taste-profile--rating .taste-profile--rating-value i {
              font-size: 24px;
              padding-left: 5px;
              padding-right: 5px; } }
          section.taste-profile .taste-profile--ratings .taste-profile--rating .taste-profile--rating-value i:first-of-type {
            padding-left: 0px; }
          section.taste-profile .taste-profile--ratings .taste-profile--rating .taste-profile--rating-value i:last-of-type {
            padding-right: 0px; }
        section.taste-profile .taste-profile--ratings .taste-profile--rating .taste-profile--rating-value.one i:nth-child(-n+1) {
          color: #d06b25; }
        section.taste-profile .taste-profile--ratings .taste-profile--rating .taste-profile--rating-value.two i:nth-child(-n+2) {
          color: #d06b25; }
        section.taste-profile .taste-profile--ratings .taste-profile--rating .taste-profile--rating-value.three i:nth-child(-n+3) {
          color: #d06b25; }
        section.taste-profile .taste-profile--ratings .taste-profile--rating .taste-profile--rating-value.four i:nth-child(-n+4) {
          color: #d06b25; }
        section.taste-profile .taste-profile--ratings .taste-profile--rating .taste-profile--rating-value.five i:nth-child(-n+5) {
          color: #d06b25; }

/* Section - Facts and Information */
section.facts-and-information {
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1199px) {
    section.facts-and-information {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 767px) {
    section.facts-and-information {
      padding-top: 30px;
      padding-bottom: 30px; } }
  section.facts-and-information .background-box {
    max-width: 1570px;
    width: 100%;
    height: 375px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-top: 80px; }
    @media (max-width: 1499px) {
      section.facts-and-information .background-box {
        height: 425px;
        width: 100%; } }
    @media (max-width: 1199px) {
      section.facts-and-information .background-box {
        width: 90%; } }
    @media (max-width: 991px) {
      section.facts-and-information .background-box {
        width: 95%;
        height: 400px; } }
    @media (max-width: 767px) {
      section.facts-and-information .background-box {
        display: none; } }
  section.facts-and-information .container {
    max-width: 1570px; }
    @media (max-width: 1199px) {
      section.facts-and-information .container {
        max-width: 900px; } }
    @media (max-width: 991px) {
      section.facts-and-information .container {
        max-width: 720px; } }
  section.facts-and-information .facts-and-information--item {
    padding-left: 45px;
    padding-right: 45px; }
    @media (max-width: 1199px) {
      section.facts-and-information .facts-and-information--item {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (max-width: 767px) {
      section.facts-and-information .facts-and-information--item {
        margin-bottom: 30px; } }
    section.facts-and-information .facts-and-information--item .icon {
      font-size: 120px;
      color: #d06b25; }
      @media (max-width: 767px) {
        section.facts-and-information .facts-and-information--item .icon {
          font-size: 64px; } }
    section.facts-and-information .facts-and-information--item .title {
      color: #ffffff;
      /*h3{
				font-size: 36px;
			}*/ }
      @media (max-width: 1199px) {
        section.facts-and-information .facts-and-information--item .title {
          margin-bottom: 30px; } }
      @media (max-width: 991px) {
        section.facts-and-information .facts-and-information--item .title {
          margin-bottom: 15px; } }
      @media (max-width: 767px) {
        section.facts-and-information .facts-and-information--item .title {
          color: #51becc; } }
    section.facts-and-information .facts-and-information--item .description {
      font-size: 20px; }
      @media (max-width: 1199px) {
        section.facts-and-information .facts-and-information--item .description {
          font-size: 19px; } }
      @media (max-width: 991px) {
        section.facts-and-information .facts-and-information--item .description {
          font-size: 17px; } }
      @media (max-width: 767px) {
        section.facts-and-information .facts-and-information--item .description {
          font-size: 16px; } }

/* Section - Shop */
section.shop {
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1199px) {
    section.shop {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 767px) {
    section.shop {
      padding-top: 30px;
      padding-bottom: 30px; } }
  section.shop .background-box {
    position: absolute;
    width: 100%;
    height: 330px;
    top: -35px;
    left: 0px; }
    @media (max-width: 1499px) {
      section.shop .background-box {
        left: -15px;
        width: calc(100% + 30px); } }
    @media (max-width: 1199px) {
      section.shop .background-box {
        width: calc(100% + 60px);
        left: -30px; } }
    @media (max-width: 767px) {
      section.shop .background-box {
        display: none; } }
  section.shop .container {
    max-width: 1330px; }
    @media (max-width: 1199px) {
      section.shop .container {
        max-width: 900px; } }
    @media (max-width: 1199px) {
      section.shop .container {
        max-width: 720px; } }
  section.shop .intro {
    margin-bottom: 80px; }
    @media (max-width: 767px) {
      section.shop .intro {
        margin-bottom: 30px; } }
    section.shop .intro h2 {
      color: #51becc;
      margin-bottom: 30px; }
  section.shop .shop--products {
    position: relative;
    padding-left: 30px;
    padding-right: 30px; }
    @media (max-width: 1199px) {
      section.shop .shop--products {
        padding: 0px; } }
    section.shop .shop--products .shop--product {
      background-color: #ffffff;
      font-size: 23px;
      text-transform: uppercase;
      text-align: center; }
      @media (max-width: 1199px) {
        section.shop .shop--products .shop--product {
          font-size: 19px; } }
      @media (max-width: 991px) {
        section.shop .shop--products .shop--product {
          font-size: 17px; } }
      @media (max-width: 767px) {
        section.shop .shop--products .shop--product {
          margin-bottom: 45px; } }
      section.shop .shop--products .shop--product .shop--product-image {
        margin-bottom: 45px;
        text-align: center;
        padding-top: 25px; }
        @media (max-width: 991px) {
          section.shop .shop--products .shop--product .shop--product-image {
            padding: 15px;
            margin-bottom: 15px; } }
        @media (max-width: 767px) {
          section.shop .shop--products .shop--product .shop--product-image {
            padding: 0px; } }
        @media (max-width: 479px) {
          section.shop .shop--products .shop--product .shop--product-image {
            max-width: 150px;
            margin-left: auto;
            margin-right: auto; } }
        section.shop .shop--products .shop--product .shop--product-image img {
          margin: auto; }
      section.shop .shop--products .shop--product .shop--product-name {
        color: #d06b25; }
      section.shop .shop--products .shop--product .shop--product-quantity {
        margin-bottom: 25px; }
        @media (max-width: 1199px) {
          section.shop .shop--products .shop--product .shop--product-quantity {
            margin-bottom: 15px; } }
      section.shop .shop--products .shop--product .shop--product-price {
        margin-bottom: 30px; }
        @media (max-width: 767px) {
          section.shop .shop--products .shop--product .shop--product-price {
            margin-bottom: 15px; } }

/* Section - Video */
section.video {
  padding-bottom: 120px; }
  @media (max-width: 767px) {
    section.video {
      padding-bottom: 30px; } }
  section.video .container {
    position: relative;
    max-width: 1300px; }
  section.video .background-box {
    position: absolute;
    width: 100%;
    height: 520px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
    top: 10%; }
    @media (max-width: 1199px) {
      section.video .background-box {
        height: 70%; } }
    @media (max-width: 767px) {
      section.video .background-box {
        display: none; } }
  @media (max-width: 1199px) {
    section.video video {
      max-height: 500px; } }
  section.video .video-js {
    width: calc(100% - 100px);
    position: relative;
    left: 50px; }
    @media (max-width: 767px) {
      section.video .video-js {
        width: 100%;
        left: 0px; } }
    section.video .video-js .vjs-poster {
      background-size: cover; }
  section.video .embed-responsive {
    width: 100%;
    width: calc(100% - 100px) !important;
    min-height: 650px;
    left: 50px;
    position: relative; }
    @media (max-width: 1199px) {
      section.video .embed-responsive {
        min-height: 300px;
        max-height: 500px; } }
    @media (max-width: 767px) {
      section.video .embed-responsive {
        width: 100% !important;
        left: 0px; } }
    section.video .embed-responsive iframe {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;
      border: 0; }
      section.video .embed-responsive iframe:before {
        display: block;
        content: "";
        padding-top: 56.25%; }

/* Section - External Embed */
section.external-embed {
  padding-bottom: 120px; }
  @media (max-width: 767px) {
    section.external-embed {
      padding-bottom: 30px; } }
  section.external-embed .container {
    position: relative;
    max-width: 1600px; }
  section.external-embed .background-box {
    position: absolute;
    width: 100%;
    height: 520px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
    top: 10%; }
    @media (max-width: 1199px) {
      section.external-embed .background-box {
        height: 70%; } }
    @media (max-width: 767px) {
      section.external-embed .background-box {
        display: none; } }
  section.external-embed .embed {
    padding-left: 25px;
    padding-right: 25px; }
    @media (max-width: 767px) {
      section.external-embed .embed {
        padding: 0px; } }

/* Section - Food pairing */
@media (max-width: 1199px) {
  section.food-pairing {
    padding-top: 60px;
    padding-bottom: 60px; } }

@media (max-width: 767px) {
  section.food-pairing {
    padding-top: 30px;
    padding-bottom: 30px; } }

section.food-pairing .container {
  max-width: 1450px;
  position: relative; }
  @media (max-width: 1199px) {
    section.food-pairing .container {
      max-width: 900px; } }

section.food-pairing .background-box {
  position: absolute;
  width: 90%;
  height: 300px;
  z-index: -2;
  top: -50px;
  left: 5%; }
  @media (max-width: 767px) {
    section.food-pairing .background-box {
      display: none; } }

section.food-pairing .food-pairing--image {
  position: absolute;
  width: 100%;
  width: calc(100% - 60px);
  height: 700px;
  z-index: -1;
  left: 30px;
  background-position: center center;
  background-repeat: no-repeat; }
  @media (max-width: 991px) {
    section.food-pairing .food-pairing--image {
      height: 400px; } }
  @media (max-width: 767px) {
    section.food-pairing .food-pairing--image {
      width: 100%;
      height: 250px;
      position: relative;
      left: 0px;
      margin-bottom: 30px; } }

section.food-pairing .food-pairing--information-box {
  margin-top: 250px;
  background-color: #ffffff;
  padding: 60px;
  padding-right: 120px;
  position: relative; }
  @media (max-width: 1199px) {
    section.food-pairing .food-pairing--information-box {
      padding: 45px;
      padding-right: 120px;
      padding-bottom: 0px; } }
  @media (max-width: 767px) {
    section.food-pairing .food-pairing--information-box {
      margin-top: 0px;
      padding: 0px;
      padding-right: 0px;
      margin-bottom: 30px; } }
  section.food-pairing .food-pairing--information-box h2 {
    color: #51becc;
    font-size: 55px;
    margin-bottom: 30px; }
    @media (max-width: 991px) {
      section.food-pairing .food-pairing--information-box h2 {
        font-size: 42px; } }
  section.food-pairing .food-pairing--information-box .food-pairing--recipe-name {
    color: #d06b25;
    font-size: 23px;
    margin-bottom: 30px; }
    @media (max-width: 991px) {
      section.food-pairing .food-pairing--information-box .food-pairing--recipe-name {
        font-size: 21px; } }
    @media (max-width: 767px) {
      section.food-pairing .food-pairing--information-box .food-pairing--recipe-name {
        font-size: 19px; } }
  section.food-pairing .food-pairing--information-box .food-pairing--description {
    font-size: 18px; }
    @media (max-width: 991px) {
      section.food-pairing .food-pairing--information-box .food-pairing--description {
        font-size: 17px; } }
    @media (max-width: 767px) {
      section.food-pairing .food-pairing--information-box .food-pairing--description {
        font-size: 16px; } }

section.food-pairing .food-pairing--author-image {
  position: absolute;
  top: 30%;
  left: 90%;
  left: calc(100% - 60px);
  -webkit-box-shadow: -5px 5px 15px 0px rgba(0, 0, 0, 0.15);
          box-shadow: -5px 5px 15px 0px rgba(0, 0, 0, 0.15); }
  @media (max-width: 767px) {
    section.food-pairing .food-pairing--author-image {
      position: relative;
      left: inherit;
      top: 0px;
      text-align: center;
      -webkit-box-shadow: none;
              box-shadow: none; } }
  @media (max-width: 1199px) {
    section.food-pairing .food-pairing--author-image img {
      max-width: 275px; } }
  @media (max-width: 991px) {
    section.food-pairing .food-pairing--author-image img {
      max-width: 250px;
      top: 20%; } }
  @media (max-width: 767px) {
    section.food-pairing .food-pairing--author-image img {
      top: 0px;
      height: auto; } }

/* Section - Pub finder */
section.pub-finder-teaser {
  margin-bottom: 90px;
  padding-bottom: 0px; }
  @media (max-width: 1199px) {
    section.pub-finder-teaser {
      padding-top: 60px; } }
  @media (max-width: 767px) {
    section.pub-finder-teaser {
      padding-top: 30px;
      margin-bottom: 30px; } }
  section.pub-finder-teaser .container {
    max-width: 1440px;
    padding-left: 45px;
    padding-right: 45px; }
    @media (max-width: 1199px) {
      section.pub-finder-teaser .container {
        max-width: 900px;
        padding-left: 15px;
        padding-right: 15px; } }
    section.pub-finder-teaser .container > .row {
      margin-left: 0px;
      margin-right: 0px; }
  section.pub-finder-teaser a.invisible-link {
    width: 100%;
    height: 100%;
    display: block; }
  section.pub-finder-teaser .map {
    height: 620px;
    background-color: #f5f5f5;
    background-image: url("../images/misc/pub-finder.jpg");
    background-position: center center;
    background-size: cover; }
    @media (max-width: 991px) {
      section.pub-finder-teaser .map {
        height: 400px; } }
    @media (max-width: 767px) {
      section.pub-finder-teaser .map {
        height: 280px; } }
    @media (max-width: 479px) {
      section.pub-finder-teaser .map {
        height: 240px; } }
  section.pub-finder-teaser .pub-finder--box {
    background-color: #51becc;
    padding: 60px;
    font-size: 16px; }
    @media (max-width: 767px) {
      section.pub-finder-teaser .pub-finder--box {
        padding: 30px; } }
    section.pub-finder-teaser .pub-finder--box h3 {
      color: #ffffff;
      margin-bottom: 30px; }
      @media (max-width: 1199px) {
        section.pub-finder-teaser .pub-finder--box h3 {
          font-size: 34px; } }
      @media (max-width: 767px) {
        section.pub-finder-teaser .pub-finder--box h3 {
          font-size: 32px; } }
    section.pub-finder-teaser .pub-finder--box p {
      margin-bottom: 2em; }
    section.pub-finder-teaser .pub-finder--box a.button {
      margin-top: 15px; }

/* Section - Alternative products - depends on product-categories */
@media (max-width: 1199px) {
  section.alternative-products {
    padding-top: 60px;
    padding-bottom: 60px; } }

@media (max-width: 767px) {
  section.alternative-products {
    padding-top: 30px;
    padding-bottom: 30px; } }

@media (max-width: 1199px) {
  section.alternative-products .container {
    max-width: 900px; } }

section.alternative-products h2 {
  max-width: 600px;
  margin: auto;
  color: #51becc;
  font-size: 55px;
  margin-bottom: 60px;
  text-align: center; }
  @media (max-width: 767px) {
    section.alternative-products h2 {
      font-size: 36px;
      margin-bottom: 30px; } }

@media (max-width: 991px) {
  section.alternative-products .row.custom-padding .custom-padding:last-of-type {
    display: none; } }

/* Section Showcase Image */
section.showcase-image {
  margin-bottom: 90px;
  padding-bottom: 0px; }
  @media (max-width: 767px) {
    section.showcase-image {
      margin-bottom: 60px; } }
  section.showcase-image .container {
    position: relative;
    max-width: 1600px; }
  section.showcase-image .background-box {
    position: absolute;
    width: 100%;
    height: 80%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
    top: 10%; }
  section.showcase-image .showcase-image--image {
    position: relative;
    width: calc(100% - 100px);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media (max-width: 767px) {
      section.showcase-image .showcase-image--image {
        width: 100%; } }
    section.showcase-image .showcase-image--image:before {
      content: '';
      position: absolute;
      width: 2px;
      height: 80px;
      left: 50%;
      top: -40px;
      background-color: #51becc;
      z-index: 1; }
      @media (max-width: 767px) {
        section.showcase-image .showcase-image--image:before {
          height: 30px;
          top: -15px; } }
    section.showcase-image .showcase-image--image:after {
      content: '';
      position: absolute;
      width: 2px;
      height: 80px;
      left: 50%;
      bottom: -40px;
      background-color: #51becc;
      z-index: 1; }
      @media (max-width: 767px) {
        section.showcase-image .showcase-image--image:after {
          height: 30px;
          bottom: -15px; } }
    section.showcase-image .showcase-image--image img {
      margin: auto; }

/* Section Showcase Image */
section.background-image {
  height: 875px;
  position: relative;
  padding: 0px; }
  @media (max-width: 991px) {
    section.background-image {
      height: 500px; } }
  @media (max-width: 767px) {
    section.background-image {
      height: 250px; } }
  section.background-image:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 80px;
    left: 50%;
    top: -40px;
    background-color: #51becc;
    z-index: 1; }
    @media (max-width: 767px) {
      section.background-image:before {
        height: 30px;
        top: -15px; } }
  section.background-image:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 80px;
    left: 50%;
    bottom: -40px;
    background-color: #51becc;
    z-index: 1; }
    @media (max-width: 767px) {
      section.background-image:after {
        height: 30px;
        bottom: -15px; } }
  section.background-image .background-image--inner {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
    position: relative; }
  section.background-image .background-image--image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }

/* Homepage */
body.page-node-type-homepage .hero--image {
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px); }
  @media (max-width: 767px) {
    body.page-node-type-homepage .hero--image {
      -webkit-transform: none;
              transform: none; } }
  @media (max-width: 767px) {
    body.page-node-type-homepage .hero--image img {
      max-height: 350px; } }

body.page-node-type-homepage h1, body.page-node-type-homepage .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation body.page-node-type-homepage .title, body.page-node-type-homepage .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text body.page-node-type-homepage h2 {
  font-size: 132px;
  letter-spacing: 5px; }
  @media (max-width: 1499px) {
    body.page-node-type-homepage h1, body.page-node-type-homepage .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation body.page-node-type-homepage .title, body.page-node-type-homepage .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text body.page-node-type-homepage h2 {
      font-size: 116px; } }
  @media (max-width: 1199px) {
    body.page-node-type-homepage h1, body.page-node-type-homepage .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation body.page-node-type-homepage .title, body.page-node-type-homepage .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text body.page-node-type-homepage h2 {
      font-size: 94px;
      letter-spacing: 4px; } }
  @media (max-width: 991px) {
    body.page-node-type-homepage h1, body.page-node-type-homepage .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation body.page-node-type-homepage .title, body.page-node-type-homepage .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text body.page-node-type-homepage h2 {
      font-size: 68px;
      letter-spacing: 3px; } }
  @media (max-width: 767px) {
    body.page-node-type-homepage h1, body.page-node-type-homepage .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation body.page-node-type-homepage .title, body.page-node-type-homepage .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text body.page-node-type-homepage h2 {
      font-size: 48px;
      letter-spacing: 2.5px; } }
  @media (max-width: 479px) {
    body.page-node-type-homepage h1, body.page-node-type-homepage .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation body.page-node-type-homepage .title, body.page-node-type-homepage .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text body.page-node-type-homepage h2 {
      font-size: 42px; } }

/* Beer Page */
body.beers-single .showcase-image {
  padding-top: 240px; }
  @media (max-width: 767px) {
    body.beers-single .showcase-image {
      padding-top: 120px; } }
  body.beers-single .showcase-image .showcase-image--image:before {
    display: none; }
  body.beers-single .showcase-image .showcase-image--image:after {
    display: none; }

body.beers-single .background-image {
  height: 1000px;
  margin-top: -100px;
  z-index: -1; }
  body.beers-single .background-image:before {
    display: none; }
  body.beers-single .background-image:after {
    display: none; }

/* Link Boxes */
.link-box {
  margin-bottom: 10px; }
  .link-box .link-box--image {
    height: 360px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
    opacity: 1;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
    .link-box .link-box--image:hover {
      opacity: 0.8; }
    @media (max-width: 1199px) {
      .link-box .link-box--image {
        height: 280px; } }
  .link-box .link-box--title h3 {
    font-size: 36px; }
    @media (max-width: 767px) {
      .link-box .link-box--title h3 {
        font-size: 32px; } }
  .link-box .link-box--body {
    background-color: #51becc;
    padding: 40px;
    min-height: 400px;
    text-align: center; }
    @media (max-width: 767px) {
      .link-box .link-box--body {
        padding: 30px;
        min-height: 0px; } }
    .link-box .link-box--body .link-box--body-inner {
      margin: auto; }
    .link-box .link-box--body .link-box--label {
      margin-bottom: 30px;
      font-size: 24px;
      text-transform: uppercase; }
      @media (max-width: 1499px) {
        .link-box .link-box--body .link-box--label {
          font-size: 20px; } }
      @media (max-width: 767px) {
        .link-box .link-box--body .link-box--label {
          font-size: 16px;
          margin-bottom: 15px; } }
    .link-box .link-box--body .link-box--title {
      color: #ffffff;
      margin-bottom: 30px; }
      @media (max-width: 767px) {
        .link-box .link-box--body .link-box--title {
          font-size: 36px; } }
    .link-box .link-box--body .link-box--description {
      font-size: 18px;
      max-width: 460px;
      margin: auto;
      margin-bottom: 40px; }
      @media (max-width: 767px) {
        .link-box .link-box--body .link-box--description {
          font-size: 16px;
          margin-bottom: 30px; } }
      @media (max-width: 479px) {
        .link-box .link-box--body .link-box--description {
          font-size: 14px; } }
  .link-box.wide .link-box--image {
    width: 50%;
    float: left; }
    @media (max-width: 767px) {
      .link-box.wide .link-box--image {
        float: none;
        width: 100%; } }
  .link-box.wide .link-box--title h3 {
    font-size: 55px; }
    @media (max-width: 1499px) {
      .link-box.wide .link-box--title h3 {
        font-size: 42px; } }
    @media (max-width: 767px) {
      .link-box.wide .link-box--title h3 {
        font-size: 32px; } }
  .link-box.wide .link-box--body {
    width: 50%;
    float: left;
    min-height: 450px; }
    @media (max-width: 767px) {
      .link-box.wide .link-box--body {
        width: 100%;
        float: left;
        min-height: 0px; } }
    .link-box.wide .link-box--body .link-box--description {
      max-width: 580px;
      font-size: 21px; }
      @media (max-width: 1499px) {
        .link-box.wide .link-box--body .link-box--description {
          font-size: 19px; } }
      @media (max-width: 767px) {
        .link-box.wide .link-box--body .link-box--description {
          font-size: 16px; } }
      @media (max-width: 479px) {
        .link-box.wide .link-box--body .link-box--description {
          font-size: 14px; } }

/* Page Nav */
#page-nav {
  position: fixed;
  left: 15px;
  bottom: 30px;
  z-index: 2;
  list-style: none;
  padding: 0px;
  margin: 0px; }
  @media (max-width: 991px) {
    #page-nav {
      display: none !important; } }
  #page-nav li {
    margin-bottom: 15px; }
    #page-nav li:first-of-type a .bullet {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 7.5px 13.0px 7.5px;
      border-color: transparent transparent #e5e5e5 transparent;
      background-color: transparent;
      position: relative;
      left: -2.5px;
      top: 8px;
      margin-right: 10px; }
    #page-nav li:first-of-type a:hover .bullet {
      background-color: transparent !important;
      border-color: transparent transparent #8d8582 transparent; }
    #page-nav li:first-of-type.current a .bullet {
      background-color: transparent !important;
      border-color: transparent transparent #d06b25 transparent; }
    #page-nav li:last-of-type {
      margin-bottom: 0px; }
    #page-nav li a {
      position: relative;
      text-decoration: none; }
      #page-nav li a .bullet {
        width: 10px;
        height: 20px;
        background-color: #e5e5e5;
        margin-right: 15px;
        float: left;
        position: relative;
        top: 5px;
        -webkit-transition-duration: 300ms;
                transition-duration: 300ms;
        -webkit-transition-timing-function: ease-out;
                transition-timing-function: ease-out; }
      #page-nav li a .text {
        float: left;
        padding: 5px 10px;
        background-color: #e5e5e5;
        color: #ffffff;
        font-size: 13px;
        opacity: 0;
        -webkit-transition-duration: 300ms;
                transition-duration: 300ms;
        -webkit-transition-timing-function: ease-out;
                transition-timing-function: ease-out; }
      #page-nav li a:hover .bullet {
        background-color: #8d8582;
        border-color: #8d8582; }
      #page-nav li a:hover .text {
        background-color: #8d8582;
        opacity: 1; }
    #page-nav li.current a .bullet {
      background-color: #d06b25;
      border-color: #d06b25; }
    #page-nav li.current a .text {
      background-color: #d06b25;
      opacity: 1; }

/* Share page */
.share-this-page {
  text-align: center; }
  .share-this-page .background-box {
    position: absolute;
    width: 80%;
    left: 50%;
    background-color: #f5f5f5;
    height: 50px;
    top: 70%;
    z-index: -1; }
    @media (max-width: 991px) {
      .share-this-page .background-box {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); } }
  .share-this-page .share-intro {
    font-size: 10px;
    text-transform: uppercase;
    color: #8d8582;
    line-height: 1em;
    margin-bottom: 15px; }
  .share-this-page .share-links a {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    background-color: #51becc;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    margin-left: 7.5px;
    margin-right: 7.5px;
    padding-top: 5px;
    -webkit-box-shadow: -3px 3px 0px 0px rgba(141, 133, 130, 0.3);
            box-shadow: -3px 3px 0px 0px rgba(141, 133, 130, 0.3);
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
    .share-this-page .share-links a:hover {
      background-color: #d06b25; }

/* Brewery */
.brewery {
  font-size: 21px; }
  @media (max-width: 1499px) {
    .brewery {
      font-size: 20px; } }
  @media (max-width: 1199px) {
    .brewery {
      font-size: 18px; } }
  @media (max-width: 767px) {
    .brewery {
      font-size: 16px; } }
  @media (max-width: 479px) {
    .brewery {
      font-size: 14px; } }
  .brewery .hero {
    height: 840px; }
    @media (max-width: 1199px) {
      .brewery .hero {
        height: 800px; } }
    @media (max-width: 767px) {
      .brewery .hero {
        height: 540px; } }
    @media (max-width: 479px) {
      .brewery .hero {
        height: 380px; } }
  .brewery h1, .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--malt-part-1 .text h2 {
    font-size: 130px; }
    @media (max-width: 1499px) {
      .brewery h1, .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--malt-part-1 .text h2 {
        font-size: 110px; } }
    @media (max-width: 1199px) {
      .brewery h1, .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--malt-part-1 .text h2 {
        font-size: 86px; } }
    @media (max-width: 991px) {
      .brewery h1, .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--malt-part-1 .text h2 {
        font-size: 68px;
        letter-spacing: 3px; } }
    @media (max-width: 767px) {
      .brewery h1, .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--malt-part-1 .text h2 {
        font-size: 48px;
        letter-spacing: 2.5px; } }
    @media (max-width: 479px) {
      .brewery h1, .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--malt-part-1 .text h2 {
        font-size: 32px; } }
  .brewery h2 {
    font-size: 64px; }
    @media (max-width: 1199px) {
      .brewery h2 {
        font-size: 52px; } }
    @media (max-width: 767px) {
      .brewery h2 {
        font-size: 40px; } }
    @media (max-width: 479px) {
      .brewery h2 {
        font-size: 26px; } }
  .brewery .video-section {
    position: relative;
    margin-bottom: 200px; }
    @media (max-width: 991px) {
      .brewery .video-section {
        margin-bottom: 90px; } }
    @media (max-width: 767px) {
      .brewery .video-section {
        margin-bottom: 60px; } }
    @media (max-width: 479px) {
      .brewery .video-section {
        margin-bottom: 45px; } }
    .brewery .video-section .container {
      position: relative; }
      @media (max-width: 1199px) {
        .brewery .video-section .container {
          max-width: 890px; } }
      @media (max-width: 991px) {
        .brewery .video-section .container {
          max-width: 680px; } }
      @media (max-width: 767px) {
        .brewery .video-section .container {
          width: 90%; } }
      @media (max-width: 479px) {
        .brewery .video-section .container {
          width: 100%; } }
    .brewery .video-section .background-box {
      position: absolute;
      width: 100%;
      width: calc(100% + 120px);
      height: 70%;
      top: 15%;
      left: -60px; }
      @media (max-width: 1499px) {
        .brewery .video-section .background-box {
          width: calc(100% + 60px);
          left: -30px; } }
      @media (max-width: 991px) {
        .brewery .video-section .background-box {
          width: calc(100% + 30px);
          left: -15px; } }
      @media (max-width: 767px) {
        .brewery .video-section .background-box {
          width: calc(100% + 20px);
          left: -10px; } }
      @media (max-width: 479px) {
        .brewery .video-section .background-box {
          width: 100%;
          left: 0px; } }
    @media (max-width: 479px) {
      .brewery .video-section .video-js button.vjs-big-play-button {
        width: 75px;
        height: 75px;
        font-size: 48px !important;
        margin-top: -50px;
        line-height: 75px;
        margin-left: -35px; } }
    @media (max-width: 479px) {
      .brewery .video-section .video-js button.vjs-big-play-button .vjs-control-text {
        font-size: 11px; } }
  .brewery .brewery-body--intro {
    margin-top: -600px;
    margin-bottom: 160px;
    color: #ffffff; }
    @media (max-width: 1199px) {
      .brewery .brewery-body--intro {
        margin-top: -525px;
        margin-bottom: 140px; } }
    @media (max-width: 991px) {
      .brewery .brewery-body--intro {
        margin-top: -250px;
        margin-bottom: 90px; } }
    @media (max-width: 767px) {
      .brewery .brewery-body--intro {
        margin-top: -180px;
        margin-bottom: 60px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--intro {
        margin-top: -200px;
        margin-bottom: 45px; } }
    .brewery .brewery-body--intro .brewery-body--intro-inner {
      max-width: 760px;
      margin-left: 90px;
      position: relative; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--intro .brewery-body--intro-inner {
          margin-left: 0px;
          max-width: 700px; } }
      .brewery .brewery-body--intro .brewery-body--intro-inner .background-box {
        width: 100%;
        height: 520px;
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 0; }
        @media (max-width: 1199px) {
          .brewery .brewery-body--intro .brewery-body--intro-inner .background-box {
            height: 460px; } }
        @media (max-width: 767px) {
          .brewery .brewery-body--intro .brewery-body--intro-inner .background-box {
            height: 260px; } }
        @media (max-width: 479px) {
          .brewery .brewery-body--intro .brewery-body--intro-inner .background-box {
            height: 340px; } }
      .brewery .brewery-body--intro .brewery-body--intro-inner .text {
        position: relative;
        font-size: 24px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 60px; }
        @media (max-width: 1499px) {
          .brewery .brewery-body--intro .brewery-body--intro-inner .text {
            font-size: 22px; } }
        @media (max-width: 1199px) {
          .brewery .brewery-body--intro .brewery-body--intro-inner .text {
            font-size: 20px; } }
        @media (max-width: 767px) {
          .brewery .brewery-body--intro .brewery-body--intro-inner .text {
            padding-left: 30px;
            padding-right: 30px;
            padding-bottom: 30px;
            font-size: 18px; } }
        @media (max-width: 479px) {
          .brewery .brewery-body--intro .brewery-body--intro-inner .text {
            font-size: 16px; } }
        .brewery .brewery-body--intro .brewery-body--intro-inner .text h1, .brewery .brewery-body--intro .brewery-body--intro-inner .text .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation .brewery-body--intro .brewery-body--intro-inner .text .title, .brewery .brewery-body--intro .brewery-body--intro-inner .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .brewery-body--intro .brewery-body--intro-inner .text h2 {
          color: #ffffff;
          margin-bottom: 50px; }
          @media (max-width: 767px) {
            .brewery .brewery-body--intro .brewery-body--intro-inner .text h1, .brewery .brewery-body--intro .brewery-body--intro-inner .text .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation .brewery-body--intro .brewery-body--intro-inner .text .title, .brewery .brewery-body--intro .brewery-body--intro-inner .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .brewery-body--intro .brewery-body--intro-inner .text h2 {
              margin-bottom: 30px; } }
  .brewery .brewery-body--brewing-first-beer {
    position: relative;
    margin-bottom: 60px; }
    @media (max-width: 1199px) {
      .brewery .brewery-body--brewing-first-beer {
        margin-bottom: 0px; } }
    @media (max-width: 767px) {
      .brewery .brewery-body--brewing-first-beer {
        margin-bottom: 90px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--brewing-first-beer {
        margin-bottom: 45px; } }
    .brewery .brewery-body--brewing-first-beer .background-box {
      width: 550px;
      height: 450px;
      position: absolute;
      top: 30px;
      left: 40%; }
      @media (max-width: 991px) {
        .brewery .brewery-body--brewing-first-beer .background-box {
          top: 55%;
          left: 25%; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--brewing-first-beer .background-box {
          width: 70%; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--brewing-first-beer .background-box {
          top: 42.5%; } }
    .brewery .brewery-body--brewing-first-beer .image {
      width: calc(100% + 60px);
      left: -60px;
      position: relative;
      margin-top: 90px;
      z-index: 2;
      -webkit-box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.15);
              box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.15); }
      @media (max-width: 1499px) {
        .brewery .brewery-body--brewing-first-beer .image {
          left: -15px; } }
      @media (max-width: 991px) {
        .brewery .brewery-body--brewing-first-beer .image {
          left: 0%;
          max-width: 620px;
          margin: auto;
          margin-bottom: 45px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--brewing-first-beer .image {
          width: 100%; } }
    .brewery .brewery-body--brewing-first-beer .text {
      padding-left: 60px; }
      @media (max-width: 767px) {
        .brewery .brewery-body--brewing-first-beer .text {
          padding-right: 60px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--brewing-first-beer .text {
          padding-left: 30px;
          padding-right: 30px; } }
      .brewery .brewery-body--brewing-first-beer .text h2 {
        color: #51becc;
        margin-bottom: 40px; }
        @media (max-width: 479px) {
          .brewery .brewery-body--brewing-first-beer .text h2 {
            margin-bottom: 30px; } }
  .brewery .brewery-body--rainfall-animation {
    height: 850px;
    margin-bottom: 120px;
    position: relative; }
    @media (max-width: 1199px) {
      .brewery .brewery-body--rainfall-animation {
        height: 725px; } }
    @media (max-width: 991px) {
      .brewery .brewery-body--rainfall-animation {
        margin-bottom: 0px;
        padding-bottom: 120px;
        overflow: hidden;
        height: 850px; } }
    @media (max-width: 767px) {
      .brewery .brewery-body--rainfall-animation {
        height: 500px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--rainfall-animation {
        padding-bottom: 0px;
        height: 320px;
        margin-bottom: 45px; } }
    .brewery .brewery-body--rainfall-animation .drops {
      position: absolute;
      height: 100%;
      height: calc(100% - 80px);
      width: 750px;
      top: 80px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      @media (max-width: 767px) {
        .brewery .brewery-body--rainfall-animation .drops {
          width: 100%; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--rainfall-animation .drops {
          top: 30px;
          height: 100%; } }
      .brewery .brewery-body--rainfall-animation .drops .drop {
        position: relative;
        font-size: 120px;
        line-height: 1em;
        color: #d06b25;
        display: inline-block;
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-animation-name: rainDrop;
                animation-name: rainDrop;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite; }
        @media (max-width: 1199px) {
          .brewery .brewery-body--rainfall-animation .drops .drop {
            font-size: 92px; } }
        @media (max-width: 479px) {
          .brewery .brewery-body--rainfall-animation .drops .drop {
            font-size: 48px; } }
      .brewery .brewery-body--rainfall-animation .drops .water-ripple {
        position: absolute;
        background-image: url("../images/misc/water-ripple_white.png");
        background-repeat: no-repeat;
        background-size: contain;
        width: 461px;
        height: 103px;
        bottom: 0px;
        left: -170px;
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        -webkit-animation-name: waterRipple;
                animation-name: waterRipple;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        animation-timing-function: ease-out; }
        @media (max-width: 1199px) {
          .brewery .brewery-body--rainfall-animation .drops .water-ripple {
            width: 400px;
            left: -150px; } }
        @media (max-width: 479px) {
          .brewery .brewery-body--rainfall-animation .drops .water-ripple {
            width: 200px;
            left: -75px; } }
      .brewery .brewery-body--rainfall-animation .drops .drop-area {
        height: 100%;
        width: 80px;
        position: absolute; }
        @media (max-width: 479px) {
          .brewery .brewery-body--rainfall-animation .drops .drop-area {
            width: 45px;
            margin-right: 25px; } }
        .brewery .brewery-body--rainfall-animation .drops .drop-area.drop-area-1 {
          margin-right: 50px;
          height: 95%;
          left: 0%; }
          @media (max-width: 1199px) {
            .brewery .brewery-body--rainfall-animation .drops .drop-area.drop-area-1 {
              left: 6%; } }
          @media (max-width: 991px) {
            .brewery .brewery-body--rainfall-animation .drops .drop-area.drop-area-1 {
              height: 85%; } }
          @media (max-width: 767px) {
            .brewery .brewery-body--rainfall-animation .drops .drop-area.drop-area-1 {
              left: 15%; } }
          .brewery .brewery-body--rainfall-animation .drops .drop-area.drop-area-1 .drop {
            -webkit-animation-delay: 0s;
                    animation-delay: 0s;
            -webkit-animation-duration: 1000ms;
                    animation-duration: 1000ms; }
          .brewery .brewery-body--rainfall-animation .drops .drop-area.drop-area-1 .water-ripple {
            -webkit-animation-delay: 1000ms;
                    animation-delay: 1000ms;
            -webkit-animation-duration: 1000ms;
                    animation-duration: 1000ms; }
        .brewery .brewery-body--rainfall-animation .drops .drop-area.drop-area-2 {
          height: 105%;
          margin-right: 50px;
          left: 45%; }
          @media (max-width: 991px) {
            .brewery .brewery-body--rainfall-animation .drops .drop-area.drop-area-2 {
              height: 100%; } }
          .brewery .brewery-body--rainfall-animation .drops .drop-area.drop-area-2 .drop {
            -webkit-animation-delay: 1s;
                    animation-delay: 1s;
            -webkit-animation-duration: 1200ms;
                    animation-duration: 1200ms; }
          .brewery .brewery-body--rainfall-animation .drops .drop-area.drop-area-2 .water-ripple {
            -webkit-animation-delay: 2200ms;
                    animation-delay: 2200ms;
            -webkit-animation-duration: 1200ms;
                    animation-duration: 1200ms; }
        .brewery .brewery-body--rainfall-animation .drops .drop-area.drop-area-3 {
          height: 100%;
          left: 90%; }
          @media (max-width: 1199px) {
            .brewery .brewery-body--rainfall-animation .drops .drop-area.drop-area-3 {
              left: 80%; } }
          @media (max-width: 991px) {
            .brewery .brewery-body--rainfall-animation .drops .drop-area.drop-area-3 {
              height: 90%; } }
          @media (max-width: 767px) {
            .brewery .brewery-body--rainfall-animation .drops .drop-area.drop-area-3 {
              left: 75%; } }
          .brewery .brewery-body--rainfall-animation .drops .drop-area.drop-area-3 .drop {
            -webkit-animation-delay: 2s;
                    animation-delay: 2s;
            -webkit-animation-duration: 1350ms;
                    animation-duration: 1350ms; }
          .brewery .brewery-body--rainfall-animation .drops .drop-area.drop-area-3 .water-ripple {
            -webkit-animation-delay: 3350ms;
                    animation-delay: 3350ms;
            -webkit-animation-duration: 1350ms;
                    animation-duration: 1350ms; }
    .brewery .brewery-body--rainfall-animation .title {
      top: 40%;
      position: relative;
      color: #51becc;
      text-align: center; }
      @media (max-width: 767px) {
        .brewery .brewery-body--rainfall-animation .title {
          top: 0px; } }
    .brewery .brewery-body--rainfall-animation .background-box {
      position: absolute;
      width: 100%;
      height: 530px;
      bottom: -300px;
      left: 0%;
      z-index: -1; }
      @media (max-width: 479px) {
        .brewery .brewery-body--rainfall-animation .background-box {
          height: 125px;
          bottom: 0px; } }
  .brewery .brewery-body--rainfall {
    position: relative;
    margin-bottom: 300px; }
    @media (max-width: 1499px) {
      .brewery .brewery-body--rainfall {
        margin-bottom: 260px; } }
    @media (max-width: 1199px) {
      .brewery .brewery-body--rainfall {
        margin-bottom: 130px; } }
    @media (max-width: 991px) {
      .brewery .brewery-body--rainfall {
        margin-bottom: 60px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--rainfall {
        margin-bottom: 45px; } }
    .brewery .brewery-body--rainfall .container {
      max-width: 1350px; }
    .brewery .brewery-body--rainfall .text {
      background-color: #ffffff;
      padding: 60px;
      padding-right: 120px; }
      @media (max-width: 991px) {
        .brewery .brewery-body--rainfall .text {
          padding: 45px;
          padding-right: 110px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--rainfall .text {
          padding-left: 30px;
          padding-right: 30px;
          padding-top: 0px;
          padding-bottom: 0px;
          margin-bottom: 30px; } }
    .brewery .brewery-body--rainfall .image {
      top: 50px;
      left: -120px;
      position: relative;
      -webkit-box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.15);
              box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.15);
      z-index: 1;
      overflow: hidden; }
      @media (max-width: 1499px) {
        .brewery .brewery-body--rainfall .image {
          width: calc(100% + 120px); } }
      @media (max-width: 767px) {
        .brewery .brewery-body--rainfall .image {
          width: 100%;
          left: 0px;
          top: 0px; } }
      @media (max-width: 1199px) {
        .brewery .brewery-body--rainfall .image img {
          max-width: 120%;
          -webkit-transform: translateX(-50px);
                  transform: translateX(-50px); } }
      @media (max-width: 767px) {
        .brewery .brewery-body--rainfall .image img {
          max-width: 100%;
          -webkit-transform: translateX(0px);
                  transform: translateX(0px); } }
  .brewery .brewery-body--malt-part-1 {
    position: relative;
    margin-bottom: 150px; }
    @media (max-width: 1199px) {
      .brewery .brewery-body--malt-part-1 {
        margin-bottom: 100px; } }
    @media (max-width: 767px) {
      .brewery .brewery-body--malt-part-1 {
        margin-bottom: 60px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--malt-part-1 {
        margin-bottom: 30px; } }
    .brewery .brewery-body--malt-part-1 .container.relative {
      position: relative; }
    .brewery .brewery-body--malt-part-1 .background-box {
      position: absolute;
      width: 575px;
      height: 420px;
      top: 90px;
      left: -60px;
      z-index: -1; }
      @media (max-width: 767px) {
        .brewery .brewery-body--malt-part-1 .background-box {
          left: inherit;
          width: 80%;
          right: 5%; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--malt-part-1 .background-box {
          top: 60px; } }
    .brewery .brewery-body--malt-part-1 .icons {
      position: relative;
      color: #d06b25;
      font-size: 132px;
      left: -40px; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--malt-part-1 .icons {
          font-size: 92px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--malt-part-1 .icons {
          left: 0px;
          text-align: center; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--malt-part-1 .icons {
          font-size: 64px; } }
      .brewery .brewery-body--malt-part-1 .icons i {
        margin-right: -80px; }
        @media (max-width: 1199px) {
          .brewery .brewery-body--malt-part-1 .icons i {
            margin-right: -60px; } }
        @media (max-width: 767px) {
          .brewery .brewery-body--malt-part-1 .icons i {
            margin-right: -30px;
            margin-left: -30px; } }
        @media (max-width: 479px) {
          .brewery .brewery-body--malt-part-1 .icons i {
            margin-right: -20px;
            margin-left: -20px; } }
    .brewery .brewery-body--malt-part-1 .text {
      position: relative;
      padding: 60px;
      background-color: #ffffff;
      z-index: 1; }
      @media (max-width: 991px) {
        .brewery .brewery-body--malt-part-1 .text {
          padding: 45px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--malt-part-1 .text {
          margin-left: 30px;
          margin-right: 90px;
          padding: 30px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--malt-part-1 .text {
          margin-left: 0px;
          margin-right: 60px; } }
      .brewery .brewery-body--malt-part-1 .text h2 {
        color: #51becc;
        margin-bottom: 50px; }
        @media (max-width: 767px) {
          .brewery .brewery-body--malt-part-1 .text h2 {
            margin-bottom: 30px; } }
    .brewery .brewery-body--malt-part-1 .image {
      position: relative;
      width: 100%;
      width: calc(100% + 80px + 140px);
      left: -80px;
      top: -80px;
      z-index: 0; }
      @media (max-width: 1499px) {
        .brewery .brewery-body--malt-part-1 .image {
          width: calc(100% + 80px); } }
      @media (max-width: 767px) {
        .brewery .brewery-body--malt-part-1 .image {
          width: 100%;
          left: 15px;
          padding-right: 15px;
          top: -45px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--malt-part-1 .image {
          top: -30px; } }
      .brewery .brewery-body--malt-part-1 .image img {
        -webkit-box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25);
                box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25); }
  .brewery .brewery-body--malt-part-2 {
    position: relative;
    margin-bottom: 380px; }
    @media (max-width: 1199px) {
      .brewery .brewery-body--malt-part-2 {
        margin-bottom: 280px; } }
    @media (max-width: 991px) {
      .brewery .brewery-body--malt-part-2 {
        margin-bottom: 320px; } }
    @media (max-width: 767px) {
      .brewery .brewery-body--malt-part-2 {
        margin-bottom: 120px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--malt-part-2 {
        margin-bottom: 75px; } }
    .brewery .brewery-body--malt-part-2 .container-fluid {
      padding-left: 0px;
      padding-right: 0px; }
      .brewery .brewery-body--malt-part-2 .container-fluid .row {
        margin-left: 0px;
        margin-right: 0px; }
    .brewery .brewery-body--malt-part-2 .container.absolute {
      position: absolute;
      top: 70px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      @media (max-width: 991px) {
        .brewery .brewery-body--malt-part-2 .container.absolute {
          top: 0px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--malt-part-2 .container.absolute {
          position: relative; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--malt-part-2 .image {
        margin-bottom: 30px; } }
    .brewery .brewery-body--malt-part-2 .image img {
      -webkit-box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25);
              box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25); }
    .brewery .brewery-body--malt-part-2 .text {
      padding: 60px 85px;
      padding-right: 0px;
      background-color: #ffffff; }
      @media (max-width: 991px) {
        .brewery .brewery-body--malt-part-2 .text {
          position: relative;
          padding: 45px;
          top: 45px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--malt-part-2 .text {
          padding: 30px;
          max-width: 380px;
          background-color: transparent; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--malt-part-2 .text {
          padding: 0px;
          padding-right: 45px;
          top: 0px; } }
    .brewery .brewery-body--malt-part-2 .background-box {
      position: absolute;
      width: 565px;
      height: 270px;
      bottom: -65px;
      left: 35%;
      z-index: -1; }
      @media (max-width: 991px) {
        .brewery .brewery-body--malt-part-2 .background-box {
          width: 70%;
          left: 30%; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--malt-part-2 .background-box {
          width: 75%;
          left: 17.5%;
          bottom: -25px;
          height: 235px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--malt-part-2 .background-box {
          height: 280px; } }
  .brewery .brewery-body--mash-tuns-hero {
    position: relative;
    height: 1200px;
    margin-bottom: 150px; }
    @media (max-width: 1199px) {
      .brewery .brewery-body--mash-tuns-hero {
        height: 900px; } }
    @media (max-width: 991px) {
      .brewery .brewery-body--mash-tuns-hero {
        height: 850px; } }
    @media (max-width: 767px) {
      .brewery .brewery-body--mash-tuns-hero {
        height: 500px;
        margin-bottom: 90px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--mash-tuns-hero {
        height: 380px;
        margin-bottom: 45px; } }
    .brewery .brewery-body--mash-tuns-hero .background-image {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: absolute;
      z-index: -1;
      top: 0px; }
      .brewery .brewery-body--mash-tuns-hero .background-image .background-image--image {
        height: 100%;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
        @media (max-width: 1199px) {
          .brewery .brewery-body--mash-tuns-hero .background-image .background-image--image {
            background-size: cover; } }
    .brewery .brewery-body--mash-tuns-hero .title {
      color: #ffffff;
      text-align: left;
      margin-bottom: 0px;
      padding-left: 30px;
      padding-right: 30px;
      position: absolute;
      bottom: 60px; }
      @media (max-width: 767px) {
        .brewery .brewery-body--mash-tuns-hero .title {
          max-width: 240px;
          bottom: 0px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--mash-tuns-hero .title {
          max-width: 225px;
          width: 160px;
          height: 125px; } }
    .brewery .brewery-body--mash-tuns-hero .background-box-1 {
      width: 650px;
      height: 250px;
      position: absolute;
      top: -100px;
      right: 0%;
      z-index: -1; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--mash-tuns-hero .background-box-1 {
          top: -75px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--mash-tuns-hero .background-box-1 {
          width: 80%;
          left: 10%;
          top: -40px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--mash-tuns-hero .background-box-1 {
          top: -20px; } }
    .brewery .brewery-body--mash-tuns-hero .background-box-2 {
      width: 480px;
      height: 410px;
      position: absolute;
      bottom: -50px;
      margin-left: -25px; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--mash-tuns-hero .background-box-2 {
          margin-left: 0px;
          width: 380px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--mash-tuns-hero .background-box-2 {
          width: 210px;
          height: 170px;
          bottom: -30px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--mash-tuns-hero .background-box-2 {
          width: 160px;
          height: 120px;
          bottom: -15px; } }
  .brewery .brewery-body--mash-tuns-part-1 {
    position: relative;
    margin-bottom: 200px; }
    @media (max-width: 767px) {
      .brewery .brewery-body--mash-tuns-part-1 {
        margin-bottom: 180px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--mash-tuns-part-1 {
        margin-bottom: 120px; } }
    .brewery .brewery-body--mash-tuns-part-1 .container-fluid {
      padding-left: 0px;
      padding-right: 0px; }
      @media (max-width: 991px) {
        .brewery .brewery-body--mash-tuns-part-1 .container-fluid {
          padding-left: 15px;
          padding-right: 15px; } }
      .brewery .brewery-body--mash-tuns-part-1 .container-fluid .row {
        margin-left: 0px;
        margin-right: 0px; }
    .brewery .brewery-body--mash-tuns-part-1 .container.absolute {
      position: absolute;
      top: 70px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      @media (max-width: 991px) {
        .brewery .brewery-body--mash-tuns-part-1 .container.absolute {
          position: relative; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--mash-tuns-part-1 .container.absolute {
          top: 45px; } }
    .brewery .brewery-body--mash-tuns-part-1 .background-box-1 {
      position: absolute;
      width: 430px;
      height: 325px;
      right: 0px;
      top: 15%;
      z-index: -1; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--mash-tuns-part-1 .background-box-1 {
          width: 350px;
          height: 275px;
          right: inherit;
          left: 30px;
          top: 10%; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--mash-tuns-part-1 .background-box-1 {
          top: 15%;
          left: inherit;
          right: 30px; } }
    .brewery .brewery-body--mash-tuns-part-1 .background-box-2 {
      position: absolute;
      width: 520px;
      height: 200px;
      bottom: -50px;
      right: 0px;
      z-index: -1; }
      @media (max-width: 767px) {
        .brewery .brewery-body--mash-tuns-part-1 .background-box-2 {
          width: 70%;
          bottom: -30px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--mash-tuns-part-1 .background-box-2 {
          bottom: -15px; } }
    .brewery .brewery-body--mash-tuns-part-1 .text-1 {
      padding-left: 40px;
      padding-right: 60px;
      margin-bottom: 160px; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--mash-tuns-part-1 .text-1 {
          margin-bottom: 80px; } }
      @media (max-width: 991px) {
        .brewery .brewery-body--mash-tuns-part-1 .text-1 {
          margin-top: 45px;
          margin-bottom: 45px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--mash-tuns-part-1 .text-1 {
          margin-top: 15px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--mash-tuns-part-1 .text-1 {
          margin-top: 0px;
          padding-left: 30px;
          padding-right: 30px;
          margin-bottom: 30px; } }
    .brewery .brewery-body--mash-tuns-part-1 .text-2 {
      padding-left: 90px;
      padding-right: 60px; }
      @media (max-width: 479px) {
        .brewery .brewery-body--mash-tuns-part-1 .text-2 {
          padding-left: 30px;
          padding-right: 30px; } }
    .brewery .brewery-body--mash-tuns-part-1 .image {
      position: relative;
      padding-left: 60px;
      z-index: 2; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--mash-tuns-part-1 .image {
          padding-left: 0px; } }
      .brewery .brewery-body--mash-tuns-part-1 .image img {
        -webkit-box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25);
                box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25); }
  .brewery .brewery-body--mash-tuns-part-2 {
    position: relative; }
    .brewery .brewery-body--mash-tuns-part-2 .image {
      margin-left: -270px;
      margin-right: -70px; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--mash-tuns-part-2 .image {
          margin-left: 0px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--mash-tuns-part-2 .image {
          margin-right: 0px;
          margin-bottom: 30px; } }
      .brewery .brewery-body--mash-tuns-part-2 .image img {
        -webkit-box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25);
                box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25); }
    .brewery .brewery-body--mash-tuns-part-2 .icon {
      text-align: center;
      padding-left: 70px; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--mash-tuns-part-2 .icon {
          margin-bottom: -30px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--mash-tuns-part-2 .icon {
          padding-left: 0px; } }
      .brewery .brewery-body--mash-tuns-part-2 .icon i {
        font-size: 240px;
        line-height: 1em;
        color: #d06b25; }
        @media (max-width: 1199px) {
          .brewery .brewery-body--mash-tuns-part-2 .icon i {
            font-size: 180px; } }
        @media (max-width: 767px) {
          .brewery .brewery-body--mash-tuns-part-2 .icon i {
            font-size: 120px; } }
    .brewery .brewery-body--mash-tuns-part-2 .text {
      background-color: #ffffff;
      padding-left: 75px;
      padding-top: 60px;
      padding-bottom: 60px; }
      @media (max-width: 767px) {
        .brewery .brewery-body--mash-tuns-part-2 .text {
          padding: 30px 80px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--mash-tuns-part-2 .text {
          padding: 30px 45px; } }
  .brewery .brewery-body--mash-tuns-part-3 {
    position: relative;
    padding-top: 170px;
    padding-bottom: 170px; }
    @media (max-width: 991px) {
      .brewery .brewery-body--mash-tuns-part-3 {
        padding-top: 0px;
        padding-bottom: 90px; } }
    @media (max-width: 767px) {
      .brewery .brewery-body--mash-tuns-part-3 {
        padding-bottom: 60px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--mash-tuns-part-3 {
        padding-bottom: 45px; } }
    .brewery .brewery-body--mash-tuns-part-3 .text {
      padding-top: 30px; }
  .brewery .brewery-body--mash-tuns-part-4 {
    margin-bottom: 200px; }
    @media (max-width: 1199px) {
      .brewery .brewery-body--mash-tuns-part-4 {
        margin-bottom: 160px; } }
    @media (max-width: 991px) {
      .brewery .brewery-body--mash-tuns-part-4 {
        margin-bottom: 90px; } }
    @media (max-width: 767px) {
      .brewery .brewery-body--mash-tuns-part-4 {
        margin-bottom: 60px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--mash-tuns-part-4 {
        margin-bottom: 45px; } }
  .brewery .brewery-body--mash-tuns-part-5 {
    position: relative;
    margin-bottom: 400px; }
    @media (max-width: 991px) {
      .brewery .brewery-body--mash-tuns-part-5 {
        margin-bottom: 200px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--mash-tuns-part-5 {
        margin-bottom: 120px; } }
    .brewery .brewery-body--mash-tuns-part-5 .background-box {
      position: absolute;
      top: 30px;
      left: -30px;
      width: 410px;
      height: 240px;
      z-index: -1; }
      @media (max-width: 767px) {
        .brewery .brewery-body--mash-tuns-part-5 .background-box {
          top: 0px;
          width: 70%;
          left: 30px; } }
    .brewery .brewery-body--mash-tuns-part-5 .text {
      position: relative;
      margin-top: 120px;
      padding-left: 100px; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--mash-tuns-part-5 .text {
          margin-top: 90px;
          padding-left: 30px;
          padding-right: 60px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--mash-tuns-part-5 .text {
          margin-top: 60px;
          padding-left: 45px;
          padding-right: 45px;
          margin-bottom: 60px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--mash-tuns-part-5 .text {
          margin-top: 30px;
          margin-bottom: 45px;
          padding-right: 30px; } }
    .brewery .brewery-body--mash-tuns-part-5 .image {
      padding-left: 60px;
      margin-right: -190px; }
      @media (max-width: 1499px) {
        .brewery .brewery-body--mash-tuns-part-5 .image {
          padding-left: 0px;
          margin-right: -30px; } }
      @media (max-width: 991px) {
        .brewery .brewery-body--mash-tuns-part-5 .image {
          margin-right: 0px;
          margin-left: -30px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--mash-tuns-part-5 .image {
          margin: 0px; } }
      .brewery .brewery-body--mash-tuns-part-5 .image img {
        -webkit-box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25);
                box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25); }
  .brewery .brewery-body--local-whole-hops-hero {
    position: relative;
    height: 940px;
    margin-bottom: 0px; }
    @media (max-width: 1199px) {
      .brewery .brewery-body--local-whole-hops-hero {
        height: 800px; } }
    @media (max-width: 767px) {
      .brewery .brewery-body--local-whole-hops-hero {
        height: 550px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--local-whole-hops-hero {
        height: 380px; } }
    .brewery .brewery-body--local-whole-hops-hero .background-image {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: absolute;
      z-index: -1;
      top: 0px; }
      .brewery .brewery-body--local-whole-hops-hero .background-image .background-image--image {
        height: 100%;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .brewery .brewery-body--local-whole-hops-hero .container {
      position: relative; }
    .brewery .brewery-body--local-whole-hops-hero .icon {
      position: absolute;
      font-size: 140px;
      top: -70px;
      left: 45%;
      color: #d06b25; }
      @media (max-width: 1499px) {
        .brewery .brewery-body--local-whole-hops-hero .icon {
          left: 35%; } }
      @media (max-width: 1199px) {
        .brewery .brewery-body--local-whole-hops-hero .icon {
          left: 20%; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--local-whole-hops-hero .icon {
          font-size: 110px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--local-whole-hops-hero .icon {
          font-size: 84px;
          top: -50px;
          left: 15%; } }
    .brewery .brewery-body--local-whole-hops-hero .title {
      color: #ffffff;
      text-align: left;
      margin-bottom: 0px;
      padding-left: 60px;
      padding-right: 60px;
      position: absolute;
      top: 50px; }
      @media (max-width: 1499px) {
        .brewery .brewery-body--local-whole-hops-hero .title {
          position: relative;
          padding-left: 0px;
          padding-right: 0px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--local-whole-hops-hero .title {
          max-width: 225px;
          position: absolute;
          right: 40px;
          top: 25px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--local-whole-hops-hero .title {
          max-width: 150px;
          right: 25px;
          top: 20px; } }
    .brewery .brewery-body--local-whole-hops-hero .background-box-1 {
      width: 500px;
      height: 275px;
      position: absolute;
      top: -130px;
      right: 0%;
      z-index: -2; }
      @media (max-width: 1499px) {
        .brewery .brewery-body--local-whole-hops-hero .background-box-1 {
          right: 60px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--local-whole-hops-hero .background-box-1 {
          left: 0px;
          right: inherit;
          width: 80%;
          top: -80px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--local-whole-hops-hero .background-box-1 {
          top: -40px; } }
    .brewery .brewery-body--local-whole-hops-hero .background-box-2 {
      width: 510px;
      height: 550px;
      position: absolute;
      top: -30px;
      right: -70px; }
      @media (max-width: 1499px) {
        .brewery .brewery-body--local-whole-hops-hero .background-box-2 {
          right: 0px; } }
      @media (max-width: 1199px) {
        .brewery .brewery-body--local-whole-hops-hero .background-box-2 {
          width: 380px;
          height: 400px;
          right: 15px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--local-whole-hops-hero .background-box-2 {
          width: 45%;
          height: 250px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--local-whole-hops-hero .background-box-2 {
          top: -15px;
          width: 40%;
          height: 170px; } }
  .brewery .brewery-body--local-whole-hops-part-1 {
    position: relative;
    margin-bottom: 160px; }
    @media (max-width: 1199px) {
      .brewery .brewery-body--local-whole-hops-part-1 {
        margin-bottom: 80px; } }
    @media (max-width: 991px) {
      .brewery .brewery-body--local-whole-hops-part-1 {
        margin-bottom: 30px; } }
    .brewery .brewery-body--local-whole-hops-part-1 .background-box {
      position: absolute;
      width: 460px;
      height: 290px;
      left: -60px;
      top: 40%;
      z-index: -1; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--local-whole-hops-part-1 .background-box {
          left: -30px; } }
      @media (max-width: 991px) {
        .brewery .brewery-body--local-whole-hops-part-1 .background-box {
          left: 0px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--local-whole-hops-part-1 .background-box {
          left: -50px;
          width: 100%;
          height: 250px;
          top: 30%; } }
    .brewery .brewery-body--local-whole-hops-part-1 .text {
      position: relative;
      margin-top: -150px;
      background-color: #ffffff;
      padding: 60px 80px;
      margin-left: 30px;
      z-index: 0; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--local-whole-hops-part-1 .text {
          margin-top: -100px;
          padding: 45px;
          padding-right: 90px; } }
      @media (max-width: 991px) {
        .brewery .brewery-body--local-whole-hops-part-1 .text {
          margin-left: 0px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--local-whole-hops-part-1 .text {
          padding: 30px;
          max-width: 350px;
          margin: auto;
          margin-top: -75px; } }
    .brewery .brewery-body--local-whole-hops-part-1 .image {
      margin-top: 100px;
      margin-right: -100px;
      overflow: hidden; }
      @media (max-width: 1499px) {
        .brewery .brewery-body--local-whole-hops-part-1 .image {
          margin-right: 0px;
          margin-left: -60px; } }
      @media (max-width: 991px) {
        .brewery .brewery-body--local-whole-hops-part-1 .image {
          margin-right: -15px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--local-whole-hops-part-1 .image {
          margin: 0px;
          margin-bottom: 30px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--local-whole-hops-part-1 .image {
          margin-bottom: 15px; } }
      .brewery .brewery-body--local-whole-hops-part-1 .image img {
        -webkit-box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25);
                box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25); }
        @media (max-width: 1199px) {
          .brewery .brewery-body--local-whole-hops-part-1 .image img {
            position: relative;
            left: 50%;
            max-width: 120%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%); } }
  .brewery .brewery-body--local-whole-hops-part-2 {
    position: relative;
    margin-bottom: 100px; }
    @media (max-width: 479px) {
      .brewery .brewery-body--local-whole-hops-part-2 {
        margin-bottom: 60px; } }
    .brewery .brewery-body--local-whole-hops-part-2 .background-box {
      position: absolute;
      width: 300px;
      height: 170px;
      z-index: -1;
      bottom: -40px;
      left: 20%; }
      @media (max-width: 767px) {
        .brewery .brewery-body--local-whole-hops-part-2 .background-box {
          left: inherit;
          right: 30px;
          height: 150px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--local-whole-hops-part-2 .background-box {
          left: 0px;
          right: inherit;
          bottom: -20px;
          height: 140px;
          width: 80%; } }
    @media (max-width: 767px) {
      .brewery .brewery-body--local-whole-hops-part-2 .text {
        max-width: 350px;
        margin: auto; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--local-whole-hops-part-2 .text {
        padding-left: 30px;
        padding-right: 15px; } }
  .brewery .brewery-body--local-whole-hops-part-3 {
    position: relative;
    margin-bottom: 250px; }
    @media (max-width: 1199px) {
      .brewery .brewery-body--local-whole-hops-part-3 {
        margin-bottom: 200px; } }
    @media (max-width: 991px) {
      .brewery .brewery-body--local-whole-hops-part-3 {
        margin-bottom: 120px; } }
    @media (max-width: 767px) {
      .brewery .brewery-body--local-whole-hops-part-3 {
        margin-bottom: 60px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--local-whole-hops-part-3 {
        margin-bottom: 45px; } }
  .brewery .brewery-body--local-whole-hops-part-4 {
    position: relative;
    margin-bottom: 240px; }
    @media (max-width: 1199px) {
      .brewery .brewery-body--local-whole-hops-part-4 {
        margin-bottom: 200px; } }
    @media (max-width: 991px) {
      .brewery .brewery-body--local-whole-hops-part-4 {
        margin-bottom: 120px; } }
    @media (max-width: 767px) {
      .brewery .brewery-body--local-whole-hops-part-4 {
        margin-bottom: 60px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--local-whole-hops-part-4 {
        margin-bottom: 45px; } }
    .brewery .brewery-body--local-whole-hops-part-4 .background-box {
      position: absolute;
      width: 400px;
      height: 190px;
      z-index: -1;
      right: -100px;
      top: 15%; }
      @media (max-width: 991px) {
        .brewery .brewery-body--local-whole-hops-part-4 .background-box {
          right: inherit;
          left: 15px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--local-whole-hops-part-4 .background-box {
          width: 60%;
          left: inherit;
          right: 30px;
          top: 10%; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--local-whole-hops-part-4 .background-box {
          top: 0%;
          height: 175px; } }
    .brewery .brewery-body--local-whole-hops-part-4 .text {
      padding-top: 80px;
      padding-right: 80px;
      padding-left: 80px; }
      @media (max-width: 991px) {
        .brewery .brewery-body--local-whole-hops-part-4 .text {
          padding-left: 60px;
          padding-right: 60px;
          margin-bottom: 60px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--local-whole-hops-part-4 .text {
          padding-top: 30px;
          margin-bottom: 45px; } }
    .brewery .brewery-body--local-whole-hops-part-4 .image {
      position: relative;
      left: -50px; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--local-whole-hops-part-4 .image {
          left: 0px; } }
      @media (max-width: 991px) {
        .brewery .brewery-body--local-whole-hops-part-4 .image {
          margin-left: -15px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--local-whole-hops-part-4 .image {
          margin-left: 0px; } }
      .brewery .brewery-body--local-whole-hops-part-4 .image img {
        -webkit-box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25);
                box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25); }
  .brewery .brewery-body--our-yeast-hero {
    position: relative; }
    .brewery .brewery-body--our-yeast-hero .container {
      max-width: 1450px; }
    .brewery .brewery-body--our-yeast-hero .hero-image {
      width: 100%;
      height: 925px;
      background-position: center center;
      z-index: 1;
      position: relative; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--our-yeast-hero .hero-image {
          height: 600px;
          background-size: cover; } }
      @media (max-width: 991px) {
        .brewery .brewery-body--our-yeast-hero .hero-image {
          height: 450px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--our-yeast-hero .hero-image {
          height: 350px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--our-yeast-hero .hero-image {
          height: 300px; } }
    .brewery .brewery-body--our-yeast-hero .text {
      position: relative;
      max-width: 950px;
      margin-left: 50px;
      top: -100px; }
      @media (max-width: 991px) {
        .brewery .brewery-body--our-yeast-hero .text {
          margin-left: 30px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--our-yeast-hero .text {
          top: -75px;
          margin-left: auto; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--our-yeast-hero .text {
          margin-bottom: -40px; } }
      .brewery .brewery-body--our-yeast-hero .text .title {
        padding: 80px;
        margin-bottom: 0px;
        background-color: #ffffff;
        z-index: 2;
        position: relative;
        display: inline-block; }
        @media (max-width: 1499px) {
          .brewery .brewery-body--our-yeast-hero .text .title {
            padding-bottom: 40px; } }
        @media (max-width: 1199px) {
          .brewery .brewery-body--our-yeast-hero .text .title {
            padding: 40px; } }
        @media (max-width: 767px) {
          .brewery .brewery-body--our-yeast-hero .text .title {
            padding: 30px; } }
        .brewery .brewery-body--our-yeast-hero .text .title h1, .brewery .brewery-body--our-yeast-hero .text .title .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation .brewery-body--our-yeast-hero .text .title .title, .brewery .brewery-body--our-yeast-hero .brewery-body--malt-part-1 .text .title h2, .brewery .brewery-body--malt-part-1 .brewery-body--our-yeast-hero .text .title h2 {
          color: #51becc;
          text-align: left;
          margin-bottom: 0px; }
      .brewery .brewery-body--our-yeast-hero .text .body {
        max-width: 500px;
        margin-left: 160px; }
        @media (max-width: 1499px) {
          .brewery .brewery-body--our-yeast-hero .text .body {
            margin-left: 90px; } }
        @media (max-width: 1199px) {
          .brewery .brewery-body--our-yeast-hero .text .body {
            margin-left: 60px; } }
        @media (max-width: 991px) {
          .brewery .brewery-body--our-yeast-hero .text .body {
            margin-left: 40px;
            max-width: 600px; } }
        @media (max-width: 767px) {
          .brewery .brewery-body--our-yeast-hero .text .body {
            margin-left: 30px;
            max-width: 295px; } }
        @media (max-width: 479px) {
          .brewery .brewery-body--our-yeast-hero .text .body {
            margin-right: 30px; } }
  .brewery .brewery-body--our-yeast-part-1 {
    margin-bottom: 120px; }
    @media (max-width: 767px) {
      .brewery .brewery-body--our-yeast-part-1 {
        margin-bottom: 60px; } }
    .brewery .brewery-body--our-yeast-part-1 .background-box {
      position: absolute;
      width: 420px;
      height: 210px;
      right: -40px;
      top: 10%; }
      @media (max-width: 1499px) {
        .brewery .brewery-body--our-yeast-part-1 .background-box {
          right: -30px; } }
      @media (max-width: 1199px) {
        .brewery .brewery-body--our-yeast-part-1 .background-box {
          right: -15px; } }
      @media (max-width: 991px) {
        .brewery .brewery-body--our-yeast-part-1 .background-box {
          z-index: -1; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--our-yeast-part-1 .background-box {
          width: 75%;
          height: 140px;
          right: 30px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--our-yeast-part-1 .background-box {
          height: 220px;
          width: 65%; } }
    .brewery .brewery-body--our-yeast-part-1 .image {
      position: relative;
      margin-top: 40px;
      width: calc(100% + 120px);
      left: -240px; }
      @media (max-width: 1499px) {
        .brewery .brewery-body--our-yeast-part-1 .image {
          left: 0px;
          width: 100%; } }
      @media (max-width: 991px) {
        .brewery .brewery-body--our-yeast-part-1 .image {
          margin-right: -15px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--our-yeast-part-1 .image {
          margin-top: 0px;
          margin-bottom: 60px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--our-yeast-part-1 .image {
          margin-bottom: 45px; } }
      .brewery .brewery-body--our-yeast-part-1 .image img {
        -webkit-box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25);
                box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25); }
    .brewery .brewery-body--our-yeast-part-1 .text {
      position: relative; }
      .brewery .brewery-body--our-yeast-part-1 .text.text-1 {
        padding-left: 120px;
        margin-bottom: 120px; }
        @media (max-width: 991px) {
          .brewery .brewery-body--our-yeast-part-1 .text.text-1 {
            padding-left: 30px;
            margin-bottom: 90px; } }
        @media (max-width: 767px) {
          .brewery .brewery-body--our-yeast-part-1 .text.text-1 {
            margin-bottom: 60px;
            padding-right: 60px; } }
      .brewery .brewery-body--our-yeast-part-1 .text.text-2 {
        padding-left: 120px;
        right: -120px; }
        @media (max-width: 1499px) {
          .brewery .brewery-body--our-yeast-part-1 .text.text-2 {
            right: 0px; } }
        @media (max-width: 991px) {
          .brewery .brewery-body--our-yeast-part-1 .text.text-2 {
            right: 50%;
            padding-left: 0px; } }
        @media (max-width: 767px) {
          .brewery .brewery-body--our-yeast-part-1 .text.text-2 {
            right: inherit;
            max-width: 300px;
            margin: auto; } }
        @media (max-width: 479px) {
          .brewery .brewery-body--our-yeast-part-1 .text.text-2 {
            max-width: 260px; } }
  .brewery .brewery-body--our-yeast-part-2 {
    margin-bottom: 100px; }
    @media (max-width: 767px) {
      .brewery .brewery-body--our-yeast-part-2 {
        margin-bottom: 60px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--our-yeast-part-2 {
        margin-bottom: 45px; } }
    .brewery .brewery-body--our-yeast-part-2 .text {
      position: relative; }
      .brewery .brewery-body--our-yeast-part-2 .text.text-1 {
        padding-right: 120px; }
        @media (max-width: 767px) {
          .brewery .brewery-body--our-yeast-part-2 .text.text-1 {
            padding-right: 0px;
            padding-left: 60px; } }
      .brewery .brewery-body--our-yeast-part-2 .text.text-2 {
        padding-left: 120px;
        margin-top: 200px; }
        @media (max-width: 1499px) {
          .brewery .brewery-body--our-yeast-part-2 .text.text-2 {
            margin-top: 325px; } }
        @media (max-width: 991px) {
          .brewery .brewery-body--our-yeast-part-2 .text.text-2 {
            margin-top: 60px;
            padding-left: 230px; } }
        @media (max-width: 767px) {
          .brewery .brewery-body--our-yeast-part-2 .text.text-2 {
            padding-left: 0px;
            max-width: 300px;
            margin: auto;
            margin-top: 60px; } }
        @media (max-width: 479px) {
          .brewery .brewery-body--our-yeast-part-2 .text.text-2 {
            margin-top: 45px;
            max-width: 260px; } }
    .brewery .brewery-body--our-yeast-part-2 .background-box {
      position: absolute;
      width: 420px;
      height: 210px;
      left: -40px;
      top: -60px; }
      @media (max-width: 991px) {
        .brewery .brewery-body--our-yeast-part-2 .background-box {
          left: -15px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--our-yeast-part-2 .background-box {
          left: 30px;
          width: 75%;
          height: 190px;
          top: -30px; } }
    @media (max-width: 991px) {
      .brewery .brewery-body--our-yeast-part-2 .container {
        max-width: 630px; } }
  .brewery .brewery-body--our-yeast-part-3 {
    margin-bottom: 520px;
    position: relative; }
    @media (max-width: 1199px) {
      .brewery .brewery-body--our-yeast-part-3 {
        margin-bottom: 300px; } }
    @media (max-width: 991px) {
      .brewery .brewery-body--our-yeast-part-3 {
        margin-bottom: 180px; } }
    @media (max-width: 767px) {
      .brewery .brewery-body--our-yeast-part-3 {
        margin-bottom: 150px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--our-yeast-part-3 {
        margin-bottom: 90px; } }
  .brewery .brewery-body--the-beer--hero {
    position: relative;
    height: 980px;
    margin-bottom: 0px; }
    @media (max-width: 1199px) {
      .brewery .brewery-body--the-beer--hero {
        height: 800px; } }
    @media (max-width: 767px) {
      .brewery .brewery-body--the-beer--hero {
        height: 480px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--the-beer--hero {
        height: 380px; } }
    .brewery .brewery-body--the-beer--hero .background-image {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: absolute;
      z-index: -1;
      top: 0px; }
      .brewery .brewery-body--the-beer--hero .background-image .background-image--image {
        height: 100%;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
    .brewery .brewery-body--the-beer--hero .container {
      position: relative; }
    .brewery .brewery-body--the-beer--hero .icon {
      position: absolute;
      font-size: 180px;
      top: -100px;
      left: 75%;
      color: #d06b25; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--the-beer--hero .icon {
          left: 70%; } }
      @media (max-width: 991px) {
        .brewery .brewery-body--the-beer--hero .icon {
          font-size: 120px;
          top: -60px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--the-beer--hero .icon {
          font-size: 100px;
          top: -50px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--the-beer--hero .icon {
          font-size: 80px;
          top: -40px; } }
    .brewery .brewery-body--the-beer--hero .title {
      color: #ffffff;
      text-align: left;
      margin-bottom: 0px;
      position: absolute;
      top: 50px;
      margin-left: 80px; }
      @media (max-width: 991px) {
        .brewery .brewery-body--the-beer--hero .title {
          top: 25px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--the-beer--hero .title {
          margin-left: 30px;
          top: 10px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--the-beer--hero .title {
          margin-left: 15px; } }
      .brewery .brewery-body--the-beer--hero .title .background-box {
        width: 560px;
        height: 300px;
        position: absolute;
        top: -80px;
        left: 130px;
        z-index: -1; }
        @media (max-width: 1199px) {
          .brewery .brewery-body--the-beer--hero .title .background-box {
            width: 360px;
            height: 225px;
            top: -60px; } }
        @media (max-width: 991px) {
          .brewery .brewery-body--the-beer--hero .title .background-box {
            width: 290px;
            height: 180px;
            left: 70px;
            top: -50px; } }
        @media (max-width: 767px) {
          .brewery .brewery-body--the-beer--hero .title .background-box {
            width: 210px;
            height: 110px;
            left: 50px;
            top: -30px; } }
        @media (max-width: 479px) {
          .brewery .brewery-body--the-beer--hero .title .background-box {
            height: 85px;
            top: -25px;
            width: 135px; } }
  .brewery .brewery-body--the-beer--part-1 {
    position: relative;
    margin-bottom: 180px;
    margin-top: -180px; }
    @media (max-width: 991px) {
      .brewery .brewery-body--the-beer--part-1 {
        margin-top: 0px; } }
    @media (max-width: 991px) {
      .brewery .brewery-body--the-beer--part-1 {
        margin-bottom: 120px; } }
    @media (max-width: 767px) {
      .brewery .brewery-body--the-beer--part-1 {
        margin-bottom: 30px; } }
    .brewery .brewery-body--the-beer--part-1 .container {
      position: relative; }
    .brewery .brewery-body--the-beer--part-1 .text {
      position: relative; }
      @media (max-width: 479px) {
        .brewery .brewery-body--the-beer--part-1 .text {
          padding-left: 30px;
          padding-right: 30px; } }
      .brewery .brewery-body--the-beer--part-1 .text.text-1 {
        padding: 80px;
        background-color: #ffffff;
        margin-bottom: 40px; }
        @media (max-width: 1199px) {
          .brewery .brewery-body--the-beer--part-1 .text.text-1 {
            padding: 40px; } }
        @media (max-width: 991px) {
          .brewery .brewery-body--the-beer--part-1 .text.text-1 {
            padding: 0px;
            margin-top: 45px; } }
        @media (max-width: 767px) {
          .brewery .brewery-body--the-beer--part-1 .text.text-1 {
            max-width: 320px;
            margin: auto;
            margin-bottom: 30px;
            margin-top: 60px; } }
        @media (max-width: 479px) {
          .brewery .brewery-body--the-beer--part-1 .text.text-1 {
            margin-top: 45px;
            padding-left: 30px;
            padding-right: 30px; } }
      .brewery .brewery-body--the-beer--part-1 .text.text-2 {
        max-width: 425px;
        float: right; }
        @media (max-width: 1199px) {
          .brewery .brewery-body--the-beer--part-1 .text.text-2 {
            padding-right: 40px; } }
        @media (max-width: 767px) {
          .brewery .brewery-body--the-beer--part-1 .text.text-2 {
            float: none;
            max-width: 320px;
            margin: auto;
            margin-bottom: 60px; } }
        @media (max-width: 479px) {
          .brewery .brewery-body--the-beer--part-1 .text.text-2 {
            margin-bottom: 45px; } }
    .brewery .brewery-body--the-beer--part-1 .image {
      position: relative; }
      .brewery .brewery-body--the-beer--part-1 .image img {
        -webkit-box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25);
                box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25); }
    .brewery .brewery-body--the-beer--part-1 .image-1 {
      top: 60px;
      right: -160px;
      z-index: 2; }
      @media (max-width: 1499px) {
        .brewery .brewery-body--the-beer--part-1 .image-1 {
          right: 0px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--the-beer--part-1 .image-1 {
          top: 0px;
          max-width: 250px;
          margin: auto;
          margin-bottom: 30px; } }
    .brewery .brewery-body--the-beer--part-1 .image-2 {
      margin-top: -20%; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--the-beer--part-1 .image-2 {
          margin-top: -220px; } }
      @media (max-width: 991px) {
        .brewery .brewery-body--the-beer--part-1 .image-2 {
          margin-top: -20%;
          padding-left: 15px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--the-beer--part-1 .image-2 {
          margin-top: 0%;
          padding-left: 0px; } }
    .brewery .brewery-body--the-beer--part-1 .container-fluid {
      padding-left: 0px;
      padding-right: 0px; }
      @media (max-width: 991px) {
        .brewery .brewery-body--the-beer--part-1 .container-fluid {
          padding-left: 15px;
          padding-right: 15px; } }
      .brewery .brewery-body--the-beer--part-1 .container-fluid .row {
        margin-left: 0px;
        margin-right: 0px; }
  .brewery .brewery-body--the-beer--part-2 {
    position: relative;
    margin-bottom: 200px; }
    @media (max-width: 1199px) {
      .brewery .brewery-body--the-beer--part-2 {
        margin-bottom: 160px; } }
    @media (max-width: 991px) {
      .brewery .brewery-body--the-beer--part-2 {
        margin-bottom: 120px; } }
    @media (max-width: 767px) {
      .brewery .brewery-body--the-beer--part-2 {
        margin-bottom: 60px; } }
    @media (max-width: 479px) {
      .brewery .brewery-body--the-beer--part-2 {
        margin-bottom: 45px; } }
    .brewery .brewery-body--the-beer--part-2 .image {
      position: relative;
      z-index: 3; }
      @media (max-width: 767px) {
        .brewery .brewery-body--the-beer--part-2 .image {
          padding-left: 15px;
          padding-right: 15px; } }
      .brewery .brewery-body--the-beer--part-2 .image img {
        -webkit-box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25);
                box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25); }
    .brewery .brewery-body--the-beer--part-2 .text {
      padding-top: 80px;
      padding-left: 80px; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--the-beer--part-2 .text {
          padding-left: 30px;
          padding-top: 60px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--the-beer--part-2 .text {
          max-width: 320px;
          margin: auto;
          padding-left: 0px; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--the-beer--part-2 .text {
          padding-left: 30px;
          padding-right: 30px;
          padding-top: 45px; } }
  .brewery .brewery-body--the-beer--part-3 {
    position: relative;
    margin-bottom: 120px; }
    @media (max-width: 767px) {
      .brewery .brewery-body--the-beer--part-3 {
        margin-bottom: 60px; } }
  .brewery .brewery-body--footer {
    margin-bottom: 60px; }
    @media (max-width: 479px) {
      .brewery .brewery-body--footer {
        margin-bottom: 30px; } }
    .brewery .brewery-body--footer .share-this-page {
      position: relative;
      max-width: 350px;
      margin: auto;
      margin-bottom: 100px; }
      @media (max-width: 767px) {
        .brewery .brewery-body--footer .share-this-page {
          margin-bottom: 90px; } }
    .brewery .brewery-body--footer .want-to-learn-more {
      max-width: 430px;
      font-size: 21px;
      text-align: center;
      margin: auto; }
      @media (max-width: 1199px) {
        .brewery .brewery-body--footer .want-to-learn-more {
          font-size: 18px; } }
      @media (max-width: 767px) {
        .brewery .brewery-body--footer .want-to-learn-more {
          font-size: 16px;
          max-width: 320px;
          margin: auto; } }
      @media (max-width: 479px) {
        .brewery .brewery-body--footer .want-to-learn-more {
          font-size: 14px;
          padding-left: 30px;
          padding-right: 30px; } }
      .brewery .brewery-body--footer .want-to-learn-more a {
        margin-top: 30px;
        max-width: 300px; }
  .brewery .copper-pipe {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    overflow: hidden; }
    @media (max-width: 991px) {
      .brewery .copper-pipe {
        display: none; } }
    .brewery .copper-pipe .pipe {
      fill: none;
      stroke: #d06b25;
      stroke-miterlimit: 10;
      stroke-width: 14px;
      stroke-dasharray: 2000;
      stroke-dashoffset: 2000;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out; }
      .brewery .copper-pipe .pipe.shadow {
        stroke: #000000;
        opacity: 0.2;
        mix-blend-mode: multiply;
        z-index: -1; }
    .brewery .copper-pipe.copper-pipe-1 {
      width: 65px;
      height: 280px;
      margin: auto;
      top: calc(100% - 30px);
      -webkit-transform: translatex(-400px);
              transform: translatex(-400px);
      z-index: -1; }
      .brewery .copper-pipe.copper-pipe-1 .pipe {
        stroke-dasharray: 275;
        stroke-dashoffset: 275;
        -webkit-animation-duration: 550ms !important;
                animation-duration: 550ms !important; }
      @media (max-width: 1199px) {
        .brewery .copper-pipe.copper-pipe-1 {
          top: calc(100% - 30px);
          -webkit-transform: translatex(-320px);
                  transform: translatex(-320px);
          width: 60px; } }
    .brewery .copper-pipe.copper-pipe-2 {
      width: 890px;
      height: 1182px;
      margin: auto;
      top: calc(100% - 100px);
      -webkit-transform: translatex(-400px);
              transform: translatex(-400px);
      z-index: 1; }
      .brewery .copper-pipe.copper-pipe-2 .pipe {
        stroke-dasharray: 2230;
        stroke-dashoffset: 2230;
        -webkit-animation-duration: 4460ms !important;
                animation-duration: 4460ms !important; }
      @media (max-width: 1199px) {
        .brewery .copper-pipe.copper-pipe-2 {
          width: 800px;
          top: calc(100% - 150px);
          -webkit-transform: translatex(-320px);
                  transform: translatex(-320px); } }
    .brewery .copper-pipe.copper-pipe-3 {
      width: 802px;
      height: 1390px;
      margin: auto;
      top: calc(100% - 180px);
      -webkit-transform: translateX(-540px);
              transform: translateX(-540px); }
      @media (max-width: 1499px) {
        .brewery .copper-pipe.copper-pipe-3 {
          top: calc(100% - 250px); } }
      @media (max-width: 1199px) {
        .brewery .copper-pipe.copper-pipe-3 {
          width: 750px;
          -webkit-transform: translateX(-475px);
                  transform: translateX(-475px); } }
      .brewery .copper-pipe.copper-pipe-3 .pipe {
        stroke-dasharray: 2510;
        stroke-dashoffset: 2510;
        -webkit-animation-duration: 5020ms !important;
                animation-duration: 5020ms !important; }
    .brewery .copper-pipe.copper-pipe-4 {
      width: 515px;
      height: 1910px;
      margin: auto;
      -webkit-transform: translateX(-140px);
              transform: translateX(-140px);
      top: calc(100% - 100px); }
      .brewery .copper-pipe.copper-pipe-4 .pipe {
        stroke-dasharray: 2255;
        stroke-dashoffset: 2255;
        -webkit-animation-duration: 4510ms !important;
                animation-duration: 4510ms !important; }
      @media (max-width: 1199px) {
        .brewery .copper-pipe.copper-pipe-4 {
          -webkit-transform: translateX(-100px);
                  transform: translateX(-100px);
          height: 1500px; } }
    .brewery .copper-pipe.copper-pipe-5 {
      width: 540px;
      height: 250px;
      margin: auto;
      -webkit-transform: translateX(-195px);
              transform: translateX(-195px);
      top: calc(100% - 20px); }
      .brewery .copper-pipe.copper-pipe-5 .pipe {
        stroke-dasharray: 700;
        stroke-dashoffset: 700;
        -webkit-animation-duration: 1400ms !important;
                animation-duration: 1400ms !important; }
    .brewery .copper-pipe.copper-pipe-6 {
      z-index: -1;
      width: 500px;
      height: 645px;
      margin: auto;
      -webkit-transform: translateX(-430px);
              transform: translateX(-430px);
      top: -10px; }
      .brewery .copper-pipe.copper-pipe-6 .pipe {
        stroke-dasharray: 1300;
        stroke-dashoffset: 1300;
        -webkit-animation-duration: 2600ms !important;
                animation-duration: 2600ms !important; }
    .brewery .copper-pipe.copper-pipe-7 {
      z-index: -1;
      width: 500px;
      height: 240px;
      margin: auto;
      -webkit-transform: translateX(-20px);
              transform: translateX(-20px);
      top: calc(100% - 15px); }
      .brewery .copper-pipe.copper-pipe-7 .pipe {
        stroke-dasharray: 670;
        stroke-dashoffset: 670;
        -webkit-animation-duration: 1340ms !important;
                animation-duration: 1340ms !important; }
      @media (max-width: 1199px) {
        .brewery .copper-pipe.copper-pipe-7 {
          top: calc(100% - 50px); } }
    .brewery .copper-pipe.copper-pipe-8 {
      width: 890px;
      height: 1510px;
      margin: auto;
      -webkit-transform: translateX(-340px);
              transform: translateX(-340px);
      top: calc(100% - 20px); }
      .brewery .copper-pipe.copper-pipe-8 .pipe {
        stroke-dasharray: 3030;
        stroke-dashoffset: 3030;
        -webkit-animation-duration: 6060ms !important;
                animation-duration: 6060ms !important; }
      @media (max-width: 1199px) {
        .brewery .copper-pipe.copper-pipe-8 {
          width: 850px;
          -webkit-transform: translateX(-500px);
                  transform: translateX(-500px); } }
    .brewery .copper-pipe.copper-pipe-9 {
      width: 1070px;
      height: 580px;
      margin: auto;
      -webkit-transform: translateX(-530px);
              transform: translateX(-530px);
      top: calc(100% - 80px); }
      .brewery .copper-pipe.copper-pipe-9 .pipe {
        stroke-dasharray: 2070;
        stroke-dashoffset: 2070;
        -webkit-animation-duration: 4140ms !important;
                animation-duration: 4140ms !important; }
        @media (max-width: 1199px) {
          .brewery .copper-pipe.copper-pipe-9 .pipe {
            stroke-width: 17px; } }
      @media (max-width: 1199px) {
        .brewery .copper-pipe.copper-pipe-9 {
          width: 850px;
          -webkit-transform: translateX(-440px);
                  transform: translateX(-440px); } }
    .brewery .copper-pipe.copper-pipe-10 {
      width: 490px;
      height: 335px;
      margin: auto;
      -webkit-transform: translateX(-30px);
              transform: translateX(-30px);
      top: calc(100% - 40px); }
      .brewery .copper-pipe.copper-pipe-10 .pipe {
        stroke-dasharray: 700;
        stroke-dashoffset: 700;
        -webkit-animation-duration: 1400ms !important;
                animation-duration: 1400ms !important; }
        @media (max-width: 1199px) {
          .brewery .copper-pipe.copper-pipe-10 .pipe {
            stroke-width: 17px; } }
      @media (max-width: 1199px) {
        .brewery .copper-pipe.copper-pipe-10 {
          width: 400px;
          height: 300px; } }
    .brewery .copper-pipe.copper-pipe-11 {
      width: 45px;
      height: 265px;
      margin: auto;
      -webkit-transform: translateX(395px);
              transform: translateX(395px);
      top: calc(100% - 20px); }
      @media (max-width: 1199px) {
        .brewery .copper-pipe.copper-pipe-11 {
          -webkit-transform: translateX(315px);
                  transform: translateX(315px); } }
      .brewery .copper-pipe.copper-pipe-11 .pipe {
        stroke-dasharray: 245;
        stroke-dashoffset: 245;
        -webkit-animation-duration: 490ms !important;
                animation-duration: 490ms !important; }
    .brewery .copper-pipe.copper-pipe-12 {
      width: 532px;
      height: 1800px;
      margin: auto;
      -webkit-transform: translateX(-70px);
              transform: translateX(-70px);
      top: 850px; }
      @media (max-width: 1199px) {
        .brewery .copper-pipe.copper-pipe-12 {
          top: 450px; } }
      .brewery .copper-pipe.copper-pipe-12 .pipe {
        stroke-dasharray: 2400;
        stroke-dashoffset: 2400;
        -webkit-animation-duration: 4800ms !important;
                animation-duration: 4800ms !important; }
    .brewery .copper-pipe.copper-pipe-13 {
      width: 268px;
      height: 576px;
      margin: auto;
      -webkit-transform: translateX(-215px);
              transform: translateX(-215px);
      top: calc(100% - 40px);
      z-index: -1; }
      @media (max-width: 1199px) {
        .brewery .copper-pipe.copper-pipe-13 {
          top: calc(100% - 140px); } }
      .brewery .copper-pipe.copper-pipe-13 .pipe {
        stroke-dasharray: 680;
        stroke-dashoffset: 680;
        -webkit-animation-duration: 1360ms !important;
                animation-duration: 1360ms !important; }
    .brewery .copper-pipe.copper-pipe-14 {
      width: 835px;
      height: 610px;
      margin: auto;
      -webkit-transform: translateX(-325px);
              transform: translateX(-325px);
      top: 105%;
      z-index: 1; }
      @media (max-width: 1499px) {
        .brewery .copper-pipe.copper-pipe-14 {
          top: calc(100% - 60px); } }
      @media (max-width: 1199px) {
        .brewery .copper-pipe.copper-pipe-14 {
          width: 725px;
          top: 100%; } }
      .brewery .copper-pipe.copper-pipe-14 .pipe {
        stroke-dasharray: 1375;
        stroke-dashoffset: 1375;
        -webkit-animation-duration: 2750ms !important;
                animation-duration: 2750ms !important; }
        @media (max-width: 1199px) {
          .brewery .copper-pipe.copper-pipe-14 .pipe {
            stroke-width: 17px; } }
    .brewery .copper-pipe.copper-pipe-15 {
      width: 65px;
      height: 250px;
      margin: auto;
      -webkit-transform: translateX(-185px);
              transform: translateX(-185px);
      top: calc(100% - 40px); }
      @media (max-width: 1199px) {
        .brewery .copper-pipe.copper-pipe-15 {
          top: calc(100% - 80px); } }
      .brewery .copper-pipe.copper-pipe-15 .pipe {
        stroke-dasharray: 230;
        stroke-dashoffset: 230;
        -webkit-animation-duration: 460ms !important;
                animation-duration: 460ms !important; }

/* Environment Page */
section.environment {
  padding-top: 0px;
  padding-bottom: 0px; }
  section.environment h1, section.environment .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.environment .title, section.environment .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.environment h2 {
    font-size: 130px; }
    @media (max-width: 1499px) {
      section.environment h1, section.environment .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.environment .title, section.environment .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.environment h2 {
        font-size: 110px; } }
    @media (max-width: 1199px) {
      section.environment h1, section.environment .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.environment .title, section.environment .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.environment h2 {
        font-size: 86px; } }
    @media (max-width: 991px) {
      section.environment h1, section.environment .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.environment .title, section.environment .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.environment h2 {
        font-size: 68px;
        letter-spacing: 3px; } }
    @media (max-width: 767px) {
      section.environment h1, section.environment .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.environment .title, section.environment .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.environment h2 {
        font-size: 48px;
        letter-spacing: 2.5px; } }
    @media (max-width: 479px) {
      section.environment h1, section.environment .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.environment .title, section.environment .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.environment h2 {
        font-size: 32px; } }
  section.environment .text {
    font-size: 20px;
    line-height: 1.6em; }
    @media (max-width: 1199px) {
      section.environment .text {
        font-size: 18px; } }
    @media (max-width: 991px) {
      section.environment .text {
        font-size: 17px; } }
    @media (max-width: 767px) {
      section.environment .text {
        font-size: 16px; } }
    @media (max-width: 479px) {
      section.environment .text {
        font-size: 14px; } }
    section.environment .text p {
      margin-bottom: 2em; }
    section.environment .text ul {
      padding: 0px;
      margin-bottom: 0px;
      list-style: none; }
      section.environment .text ul li {
        position: relative;
        margin-bottom: 40px;
        padding-left: 20px; }
        @media (max-width: 1199px) {
          section.environment .text ul li {
            margin-bottom: 30px; } }
        section.environment .text ul li:last-of-type {
          margin-bottom: 0px; }
        section.environment .text ul li:before {
          content: "\2022";
          color: #d06b25;
          display: inline-block;
          left: 0px;
          position: absolute; }
  section.environment .box {
    padding: 80px;
    background-color: #ffffff; }
    @media (max-width: 1499px) {
      section.environment .box {
        padding: 60px; } }
    @media (max-width: 1199px) {
      section.environment .box {
        padding: 50px; } }
    @media (max-width: 767px) {
      section.environment .box {
        padding: 30px; } }
    @media (max-width: 479px) {
      section.environment .box {
        padding: 0px; } }
  section.environment .container-fluid.absolute {
    padding: 0px;
    position: absolute; }
    @media (max-width: 767px) {
      section.environment .container-fluid.absolute {
        position: relative; } }
    section.environment .container-fluid.absolute > .row {
      margin-left: 0px;
      margin-right: 0px; }

section.hero.environment {
  height: 700px !important; }
  @media (max-width: 767px) {
    section.hero.environment {
      height: 480px !important; } }
  @media (max-width: 479px) {
    section.hero.environment {
      height: 400px !important; } }
  section.hero.environment .scroll-indicator {
    right: -100px;
    bottom: 45px;
    line-height: 1.6em; }
    @media (max-width: 1499px) {
      section.hero.environment .scroll-indicator {
        right: -5px; } }
    @media (max-width: 1199px) {
      section.hero.environment .scroll-indicator {
        right: 0px;
        bottom: 45px; } }
    @media (max-width: 991px) {
      section.hero.environment .scroll-indicator {
        display: none; } }

section.environment-intro {
  position: relative;
  margin-top: -325px;
  padding-bottom: 200px; }
  @media (max-width: 1199px) {
    section.environment-intro {
      padding-bottom: 120px; } }
  @media (max-width: 991px) {
    section.environment-intro {
      padding-bottom: 90px; } }
  @media (max-width: 767px) {
    section.environment-intro {
      padding-bottom: 60px;
      margin-top: -240px; } }
  @media (max-width: 479px) {
    section.environment-intro {
      margin-top: -160px; } }
  section.environment-intro .background-box {
    max-width: 1070px;
    width: 100%;
    height: 540px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 0;
    top: 75px; }
    @media (max-width: 1499px) {
      section.environment-intro .background-box {
        width: 960px;
        height: 480px;
        left: 45%; } }
    @media (max-width: 1199px) {
      section.environment-intro .background-box {
        width: 75%;
        height: 375px;
        left: 40%; } }
    @media (max-width: 991px) {
      section.environment-intro .background-box {
        width: 80%;
        left: 40%;
        height: 350px;
        top: 40px; } }
    @media (max-width: 767px) {
      section.environment-intro .background-box {
        width: 90%;
        left: 50%;
        top: 30px;
        height: 300px; } }
    @media (max-width: 479px) {
      section.environment-intro .background-box {
        top: 40px;
        height: 225px; } }
  section.environment-intro .title {
    max-width: 1070px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    padding: 0px 60px; }
    @media (max-width: 1499px) {
      section.environment-intro .title {
        width: 960px;
        left: -5%; } }
    @media (max-width: 1199px) {
      section.environment-intro .title {
        width: 75%;
        left: -12.5%; } }
    @media (max-width: 991px) {
      section.environment-intro .title {
        width: 80%;
        left: -12.5%;
        padding: 0px 45px; } }
    @media (max-width: 767px) {
      section.environment-intro .title {
        width: 90%;
        left: 0px;
        padding: 0px 30px; } }
    @media (max-width: 479px) {
      section.environment-intro .title {
        padding: 0px 15px; } }
    section.environment-intro .title h1, section.environment-intro .title .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.environment-intro .title .title, section.environment-intro .title .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.environment-intro .title h2 {
      color: #ffffff;
      text-align: left;
      margin-bottom: 0px; }
  section.environment-intro .text {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    padding: 0px 60px; }
    @media (max-width: 767px) {
      section.environment-intro .text {
        padding: 0px 45px; } }
    @media (max-width: 479px) {
      section.environment-intro .text {
        padding: 0px 0px; } }
    section.environment-intro .text.text-1 {
      color: #ffffff;
      max-width: 1070px;
      margin-bottom: 190px;
      font-size: 24px;
      line-height: 1.5em;
      padding-right: 350px; }
      @media (max-width: 1499px) {
        section.environment-intro .text.text-1 {
          width: 960px;
          padding-right: 250px;
          left: -5%; } }
      @media (max-width: 1199px) {
        section.environment-intro .text.text-1 {
          width: 75%;
          left: -12.5%;
          padding-right: 15px;
          font-size: 21px; } }
      @media (max-width: 991px) {
        section.environment-intro .text.text-1 {
          font-size: 20px;
          width: 80%;
          left: -12.5%;
          padding-right: 90px;
          padding: 0px 45px;
          margin-bottom: 120px; } }
      @media (max-width: 767px) {
        section.environment-intro .text.text-1 {
          font-size: 18px;
          width: 90%;
          left: 0px;
          padding: 0px 30px; } }
      @media (max-width: 479px) {
        section.environment-intro .text.text-1 {
          font-size: 16px;
          padding: 0px 15px;
          margin-bottom: 60px; } }
    section.environment-intro .text.text-2 {
      max-width: 800px; }
      section.environment-intro .text.text-2 p:first-child:first-letter {
        color: #51becc;
        float: left;
        padding-right: 10px;
        font-size: 96px;
        line-height: 1em;
        font-family: "PerpetuaTitlingMT-Light", "Georgia", serif; }

section.environment-brewing {
  position: relative;
  padding-bottom: 260px; }
  @media (max-width: 1499px) {
    section.environment-brewing {
      padding-bottom: 170px; } }
  @media (max-width: 1199px) {
    section.environment-brewing {
      padding-bottom: 120px; } }
  @media (max-width: 991px) {
    section.environment-brewing {
      padding-bottom: 90px; } }
  @media (max-width: 767px) {
    section.environment-brewing {
      padding-bottom: 60px; } }
  section.environment-brewing .title {
    margin-bottom: 80px; }
    @media (max-width: 991px) {
      section.environment-brewing .title {
        margin-bottom: 30px; } }
  section.environment-brewing .text {
    margin-top: 80px;
    padding-right: 0px; }
    @media (max-width: 767px) {
      section.environment-brewing .text {
        margin-top: 30px;
        padding-right: 30px; } }

section.environment-ingredients {
  margin-bottom: 170px; }
  @media (max-width: 1199px) {
    section.environment-ingredients {
      margin-bottom: 120px; } }
  @media (max-width: 767px) {
    section.environment-ingredients {
      margin-bottom: 60px; } }
  section.environment-ingredients .title {
    text-align: left;
    margin-bottom: 60px; }
    @media (max-width: 1199px) {
      section.environment-ingredients .title {
        padding-left: 100px; } }
    @media (max-width: 991px) {
      section.environment-ingredients .title {
        padding-left: 0px;
        margin-bottom: 30px; } }
    @media (max-width: 767px) {
      section.environment-ingredients .title {
        text-align: center; } }
  section.environment-ingredients .text {
    margin-top: 60px;
    padding-left: 0px; }
    @media (max-width: 1499px) {
      section.environment-ingredients .text {
        margin-left: 100px;
        margin-top: 40px; } }
    @media (max-width: 991px) {
      section.environment-ingredients .text {
        margin-left: 0px; } }
    @media (max-width: 767px) {
      section.environment-ingredients .text {
        margin-top: 30px;
        padding-left: 30px; } }
    @media (max-width: 479px) {
      section.environment-ingredients .text {
        padding-left: 0px; } }

section.environment-packaging {
  margin-bottom: 200px; }
  @media (max-width: 1499px) {
    section.environment-packaging {
      margin-bottom: 170px; } }
  @media (max-width: 1199px) {
    section.environment-packaging {
      margin-bottom: 120px; } }
  @media (max-width: 479px) {
    section.environment-packaging {
      margin-bottom: 60px; } }
  section.environment-packaging .icon-group {
    display: block;
    float: left; }
    @media (max-width: 1499px) {
      section.environment-packaging .icon-group {
        padding-left: 150px; } }
    @media (max-width: 991px) {
      section.environment-packaging .icon-group {
        padding-left: 50px; } }
    @media (max-width: 767px) {
      section.environment-packaging .icon-group {
        float: none;
        margin-bottom: 30px;
        text-align: center;
        padding-left: 0px; } }
    section.environment-packaging .icon-group i {
      color: #d06b25;
      font-size: 150px;
      margin-left: -40px;
      margin-right: -40px; }
      @media (max-width: 1199px) {
        section.environment-packaging .icon-group i {
          font-size: 120px;
          margin-left: -30px;
          margin-right: -30px; } }
      @media (max-width: 991px) {
        section.environment-packaging .icon-group i {
          font-size: 100px; } }
  section.environment-packaging .title {
    text-align: right;
    margin-bottom: 60px; }
    @media (max-width: 767px) {
      section.environment-packaging .title {
        margin-bottom: 30px;
        text-align: center; } }
  section.environment-packaging .text {
    background-color: #ffffff; }
    section.environment-packaging .text.text-1 {
      margin-top: 60px;
      margin-bottom: 180px; }
      @media (max-width: 1499px) {
        section.environment-packaging .text.text-1 {
          margin-bottom: 130px; } }
      @media (max-width: 1199px) {
        section.environment-packaging .text.text-1 {
          margin-bottom: 60px; } }
      @media (max-width: 767px) {
        section.environment-packaging .text.text-1 {
          margin-top: 30px;
          margin-bottom: 0px; } }
    @media (max-width: 1499px) {
      section.environment-packaging .text.text-2 {
        padding-left: 100px; } }
    @media (max-width: 991px) {
      section.environment-packaging .text.text-2 {
        padding-left: 0px; } }
    @media (max-width: 767px) {
      section.environment-packaging .text.text-2 {
        padding-left: 30px;
        padding-top: 0px; } }
    @media (max-width: 479px) {
      section.environment-packaging .text.text-2 {
        padding-left: 0px;
        margin-top: 30px;
        margin-bottom: 30px; } }
  section.environment-packaging .image.image-2 {
    margin-right: -120px;
    margin-left: 40px; }
    @media (max-width: 1499px) {
      section.environment-packaging .image.image-2 {
        margin-right: -30px;
        margin-left: 0px; } }
    @media (max-width: 991px) {
      section.environment-packaging .image.image-2 {
        margin-left: -60px; } }
    @media (max-width: 767px) {
      section.environment-packaging .image.image-2 {
        margin: 0px; } }

section.environment-buildings {
  margin-bottom: 200px; }
  @media (max-width: 1199px) {
    section.environment-buildings {
      margin-bottom: 120px; } }
  @media (max-width: 767px) {
    section.environment-buildings {
      margin-bottom: 60px; } }
  section.environment-buildings .container.wider {
    max-width: 1400px; }
  section.environment-buildings .title h1, section.environment-buildings .title .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.environment-buildings .title .title, section.environment-buildings .title .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.environment-buildings .title h2 {
    display: inline; }
    @media (max-width: 767px) {
      section.environment-buildings .title h1, section.environment-buildings .title .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.environment-buildings .title .title, section.environment-buildings .title .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.environment-buildings .title h2 {
        display: block; } }
  section.environment-buildings .title i {
    font-size: 225px;
    color: #d06b25;
    float: right;
    margin-top: -50px; }
    @media (max-width: 1499px) {
      section.environment-buildings .title i {
        font-size: 190px; } }
    @media (max-width: 1199px) {
      section.environment-buildings .title i {
        font-size: 140px;
        margin-top: -30px; } }
    @media (max-width: 767px) {
      section.environment-buildings .title i {
        font-size: 110px;
        float: none;
        text-align: center;
        margin-bottom: 30px; } }
  section.environment-buildings .image-container {
    position: relative;
    overflow: hidden; }
    section.environment-buildings .image-container .image {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      height: 890px; }
      @media (max-width: 1199px) {
        section.environment-buildings .image-container .image {
          height: 750px; } }
      @media (max-width: 991px) {
        section.environment-buildings .image-container .image {
          height: 600px; } }
      @media (max-width: 767px) {
        section.environment-buildings .image-container .image {
          height: 400px; } }
      @media (max-width: 479px) {
        section.environment-buildings .image-container .image {
          height: 260px;
          margin-bottom: 30px; } }
    section.environment-buildings .image-container .text {
      padding-right: 0px;
      background-color: #ffffff;
      position: absolute;
      right: 0px;
      top: 0px;
      width: 40%; }
      @media (max-width: 991px) {
        section.environment-buildings .image-container .text {
          width: 60%; } }
      @media (max-width: 767px) {
        section.environment-buildings .image-container .text {
          width: 100%;
          position: relative;
          padding-right: 30px; } }

section.environment-transport {
  margin-bottom: 240px; }
  @media (max-width: 1199px) {
    section.environment-transport {
      margin-bottom: 120px; } }
  @media (max-width: 991px) {
    section.environment-transport {
      margin-bottom: 90px; } }
  @media (max-width: 767px) {
    section.environment-transport {
      margin-bottom: 60px; } }
  section.environment-transport .title {
    padding-bottom: 60px; }
    @media (max-width: 991px) {
      section.environment-transport .title {
        padding-bottom: 0px; } }
  section.environment-transport .image {
    margin-right: -60px; }
    @media (max-width: 991px) {
      section.environment-transport .image {
        margin-right: 0px; } }
  section.environment-transport .text {
    margin-top: 120px;
    background-color: #ffffff;
    margin-left: -30px; }
    @media (max-width: 991px) {
      section.environment-transport .text {
        padding-right: 0px; } }
    @media (max-width: 767px) {
      section.environment-transport .text {
        margin-top: 30px;
        margin-left: 0px;
        padding-right: 30px; } }
    @media (max-width: 479px) {
      section.environment-transport .text {
        padding-right: 0px; } }

section.environment-staff {
  margin-bottom: 240px; }
  @media (max-width: 991px) {
    section.environment-staff {
      margin-bottom: 90px; } }
  @media (max-width: 767px) {
    section.environment-staff {
      margin-bottom: 60px; } }
  section.environment-staff .title {
    text-align: left;
    margin-bottom: 90px; }
    @media (max-width: 1499px) {
      section.environment-staff .title {
        padding-left: 100px; } }
    @media (max-width: 991px) {
      section.environment-staff .title {
        padding-left: 0px;
        margin-bottom: 40px; } }
    @media (max-width: 767px) {
      section.environment-staff .title {
        text-align: center; } }
  @media (max-width: 1199px) {
    section.environment-staff .image {
      margin-left: -60px; } }
  @media (max-width: 991px) {
    section.environment-staff .image {
      margin-left: 0px; } }
  section.environment-staff .text {
    margin-top: 80px;
    padding-left: 0px;
    background-color: #ffffff;
    margin-right: -60px; }
    @media (max-width: 1499px) {
      section.environment-staff .text {
        margin-top: 60px;
        margin-right: 0px;
        padding-left: 100px; } }
    @media (max-width: 991px) {
      section.environment-staff .text {
        padding-left: 0px; } }
    @media (max-width: 767px) {
      section.environment-staff .text {
        padding: 30px;
        margin-top: 30px; } }
    @media (max-width: 479px) {
      section.environment-staff .text {
        padding: 0px; } }

section.environment-footer {
  position: relative;
  margin-bottom: 90px; }
  @media (max-width: 767px) {
    section.environment-footer {
      margin-bottom: 60px; } }
  section.environment-footer .share-this-page {
    position: relative;
    max-width: 350px;
    margin: auto;
    margin-bottom: 120px; }
    @media (max-width: 767px) {
      section.environment-footer .share-this-page {
        margin-bottom: 60px; } }
    section.environment-footer .share-this-page .background-box {
      top: 40px; }
      @media (max-width: 991px) {
        section.environment-footer .share-this-page .background-box {
          top: 45px; } }
  section.environment-footer .article-boxes {
    background-color: #f5f5f5;
    max-width: 1500px;
    padding: 60px;
    padding-bottom: 90px; }
    @media (max-width: 1199px) {
      section.environment-footer .article-boxes {
        padding: 30px; } }
    section.environment-footer .article-boxes .inner {
      max-width: 1270px;
      margin: auto; }
    section.environment-footer .article-boxes .special h3 {
      margin-right: -16px; }

.article-boxes {
  margin: auto; }
  .article-boxes .article--box {
    background-color: #ffffff; }
    @media (max-width: 991px) {
      .article-boxes .article--box {
        max-width: 420px;
        margin: auto;
        margin-bottom: 60px; } }
    .article-boxes .article--box .article-box-header .article-box-image {
      height: 270px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }
      @media (max-width: 991px) {
        .article-boxes .article--box .article-box-header .article-box-image {
          height: 250px; } }
      @media (max-width: 767px) {
        .article-boxes .article--box .article-box-header .article-box-image {
          height: 200px; } }
      @media (max-width: 479px) {
        .article-boxes .article--box .article-box-header .article-box-image {
          height: 160px; } }
    .article-boxes .article--box .article-box-body {
      padding: 40px;
      padding-bottom: 60px;
      position: relative; }
      @media (max-width: 1199px) {
        .article-boxes .article--box .article-box-body {
          padding: 30px;
          padding-bottom: 50px; } }
      .article-boxes .article--box .article-box-body.special {
        background-color: #51becc; }
        .article-boxes .article--box .article-box-body.special h3 {
          color: #ffffff; }
      .article-boxes .article--box .article-box-body h3 {
        color: #51becc;
        margin-bottom: 30px; }
        @media (max-width: 991px) {
          .article-boxes .article--box .article-box-body h3 {
            margin-bottom: 20px; } }
      .article-boxes .article--box .article-box-body a.button {
        position: absolute;
        bottom: -30px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }

section.pub-finder {
  padding-top: 0px;
  margin-bottom: 90px; }
  section.pub-finder .pub-finder--intro {
    margin-bottom: 60px; }
    @media (max-width: 991px) {
      section.pub-finder .pub-finder--intro {
        margin-bottom: 30px; } }
    section.pub-finder .pub-finder--intro .text {
      max-width: 460px;
      margin: auto;
      font-size: 18px;
      line-height: 1.6em; }
      @media (max-width: 767px) {
        section.pub-finder .pub-finder--intro .text {
          font-size: 16px;
          padding-left: 30px;
          padding-right: 30px; } }
      @media (max-width: 479px) {
        section.pub-finder .pub-finder--intro .text {
          font-size: 14px;
          padding-left: 0px;
          padding-right: 0px; } }
  section.pub-finder .pub-finder--map-legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 15px; }
    section.pub-finder .pub-finder--map-legend .pub-finder--map-legend--item {
      margin-left: 15px;
      margin-right: 15px; }
      section.pub-finder .pub-finder--map-legend .pub-finder--map-legend--item .pub-finder--map-legend--item-icon {
        display: inline;
        margin-right: 5px; }
      section.pub-finder .pub-finder--map-legend .pub-finder--map-legend--item .pub-finder--map-legend--item-label {
        display: inline;
        font-size: 14px; }
        section.pub-finder .pub-finder--map-legend .pub-finder--map-legend--item .pub-finder--map-legend--item-label .small {
          font-size: 10px; }
  section.pub-finder .pub-finder--map {
    background-color: #e5e5e5;
    height: 700px; }
    @media (max-width: 991px) {
      section.pub-finder .pub-finder--map {
        height: 500px; } }
    @media (max-width: 767px) {
      section.pub-finder .pub-finder--map {
        height: 320px; } }
    section.pub-finder .pub-finder--map .infoBox {
      padding: 0px !important; }
      section.pub-finder .pub-finder--map .infoBox .infowindow {
        display: block;
        background-color: #ffffff;
        max-width: 320px;
        color: #000000;
        padding: 15px;
        font-size: 13px;
        line-height: 1.3em;
        -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
        text-decoration: none; }
        section.pub-finder .pub-finder--map .infoBox .infowindow:after {
          left: 100%;
          top: 30px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(136, 183, 213, 0);
          border-left-color: #ffffff;
          border-width: 20px;
          margin-top: -20px; }
        section.pub-finder .pub-finder--map .infoBox .infowindow .name {
          font-weight: 500;
          color: #51becc;
          font-size: 16px;
          font-family: "Gotham A", "Gotham B", "Helvetica", "Arial", sans-serif;
          line-height: 1.4em;
          text-transform: uppercase;
          margin-bottom: 10px; }
        section.pub-finder .pub-finder--map .infoBox .infowindow .website {
          margin-bottom: 15px; }
        section.pub-finder .pub-finder--map .infoBox .infowindow .venue-features i {
          color: #d06b25;
          font-size: 24px;
          line-height: 1em;
          margin-right: 10px; }
        section.pub-finder .pub-finder--map .infoBox .infowindow .view-more {
          margin-top: 15px; }
  section.pub-finder .pub-finder--map-panel {
    background-color: #51becc;
    color: #ffffff;
    max-width: 500px;
    margin: auto;
    padding: 30px 50px;
    margin-top: -80px;
    position: relative;
    z-index: 1; }
    @media (max-width: 991px) {
      section.pub-finder .pub-finder--map-panel {
        margin-top: -50px; } }
    @media (max-width: 767px) {
      section.pub-finder .pub-finder--map-panel {
        margin-top: 0px; } }
    @media (max-width: 479px) {
      section.pub-finder .pub-finder--map-panel {
        padding: 30px; } }
    section.pub-finder .pub-finder--map-panel .postcode-search {
      margin-bottom: 30px; }
      section.pub-finder .pub-finder--map-panel .postcode-search .form-item {
        position: relative;
        padding-top: 10px; }
        section.pub-finder .pub-finder--map-panel .postcode-search .form-item label {
          color: #ffffff;
          cursor: text;
          position: absolute;
          margin-bottom: 0px;
          -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
          -webkit-transition-duration: ease-out;
          transition-duration: ease-out;
          bottom: 0%;
          bottom: calc(0% + 25px);
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
        section.pub-finder .pub-finder--map-panel .postcode-search .form-item input {
          width: 100%;
          background-color: transparent;
          border: none;
          border-bottom: 2px solid #ffffff;
          outline: none;
          margin-bottom: 15px;
          padding: 10px 0px; }
        section.pub-finder .pub-finder--map-panel .postcode-search .form-item.ffl-floated .ffl-label {
          cursor: default;
          bottom: 100%;
          bottom: calc(100% - 10px);
          font-size: 0.8em; }
      section.pub-finder .pub-finder--map-panel .postcode-search .form-submit {
        text-align: center; }
        section.pub-finder .pub-finder--map-panel .postcode-search .form-submit button {
          margin: auto;
          border: none; }
    section.pub-finder .pub-finder--map-panel .pub-finder--map-filters {
      -webkit-column-count: 2;
              column-count: 2;
      -webkit-column-gap: 15px;
              column-gap: 15px; }
      @media (max-width: 479px) {
        section.pub-finder .pub-finder--map-panel .pub-finder--map-filters {
          -webkit-column-count: 1;
                  column-count: 1; } }
      section.pub-finder .pub-finder--map-panel .pub-finder--map-filters .filter-option {
        position: relative; }
        section.pub-finder .pub-finder--map-panel .pub-finder--map-filters .filter-option label {
          position: relative;
          padding-left: 40px;
          font-size: 14px;
          margin-bottom: 10px;
          cursor: pointer; }
          section.pub-finder .pub-finder--map-panel .pub-finder--map-filters .filter-option label:before {
            content: "";
            width: 20px;
            height: 20px;
            display: block;
            position: absolute;
            left: 0px;
            border: 1px solid #3c4951;
            -webkit-transition-duration: 300ms;
                    transition-duration: 300ms; }
          section.pub-finder .pub-finder--map-panel .pub-finder--map-filters .filter-option label:after {
            content: "\f00c";
            opacity: 0;
            width: 20px;
            height: 20px;
            position: absolute;
            left: 0px;
            font-family: "Font Awesome 5 Free";
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            font-weight: 900;
            -webkit-transition-duration: 300ms;
                    transition-duration: 300ms;
            top: 0px;
            text-align: center;
            padding-top: 4px; }
        section.pub-finder .pub-finder--map-panel .pub-finder--map-filters .filter-option input {
          display: none; }
        section.pub-finder .pub-finder--map-panel .pub-finder--map-filters .filter-option input:checked ~ label:before {
          border-color: #ffffff; }
        section.pub-finder .pub-finder--map-panel .pub-finder--map-filters .filter-option input:checked ~ label:after {
          opacity: 1; }

section.pub-list {
  padding-top: 0px;
  margin-bottom: 90px; }
  section.pub-list .container {
    max-width: 1450px;
    padding-left: 90px;
    padding-right: 90px;
    position: relative; }
    @media (max-width: 1199px) {
      section.pub-list .container {
        padding-left: 60px;
        padding-right: 60px;
        max-width: 960px; } }
    @media (max-width: 991px) {
      section.pub-list .container {
        max-width: 750px; } }
    @media (max-width: 767px) {
      section.pub-list .container {
        padding-left: 30px;
        padding-right: 30px; } }
  @media (max-width: 1199px) {
    section.pub-list .icon {
      font-size: 64px; } }
  section.pub-list .background-box {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    height: calc(100% - 100px);
    margin-top: 160px;
    z-index: -1; }
    @media (max-width: 1199px) {
      section.pub-list .background-box {
        height: calc(100% - 50px);
        margin-top: 125px; } }
  section.pub-list .pub-list--pubs {
    -webkit-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 30px;
            column-gap: 30px; }
    @media (max-width: 767px) {
      section.pub-list .pub-list--pubs {
        -webkit-column-count: 1;
                column-count: 1;
        -webkit-column-gap: 0px;
                column-gap: 0px; } }
    section.pub-list .pub-list--pubs .pub-list--pub {
      font-size: 16px;
      margin-bottom: 20px; }
      section.pub-list .pub-list--pubs .pub-list--pub a {
        color: #3c4951;
        position: relative;
        display: inline-block; }
        @media (max-width: 767px) {
          section.pub-list .pub-list--pubs .pub-list--pub a {
            font-size: 14px; } }
        section.pub-list .pub-list--pubs .pub-list--pub a:before {
          content: '';
          position: absolute;
          bottom: 0px;
          left: 0px;
          height: 1px;
          background-color: #d06b25;
          width: 0%;
          -webkit-transition: width 300ms ease-out;
          transition: width 300ms ease-out; }
        section.pub-list .pub-list--pubs .pub-list--pub a .name {
          color: #d06b25;
          font-family: "PerpetuaTitlingMT-Light", "Georgia", serif;
          text-transform: uppercase;
          font-size: 21px; }
          @media (max-width: 991px) {
            section.pub-list .pub-list--pubs .pub-list--pub a .name {
              display: block; } }
          @media (max-width: 767px) {
            section.pub-list .pub-list--pubs .pub-list--pub a .name {
              font-size: 16px; } }
        section.pub-list .pub-list--pubs .pub-list--pub a:hover {
          text-decoration: none; }
          section.pub-list .pub-list--pubs .pub-list--pub a:hover:before {
            width: 100%; }
      section.pub-list .pub-list--pubs .pub-list--pub .address {
        color: #3c4951; }

/* Our Heritage Page */
section.heritage p {
  margin-bottom: 2em; }

section.heritage .heritage-title {
  text-align: left;
  position: relative;
  z-index: 1; }
  section.heritage .heritage-title .title-box {
    padding: 50px 90px;
    background-color: #ffffff;
    position: relative; }
    @media (max-width: 767px) {
      section.heritage .heritage-title .title-box {
        padding: 30px; } }
    @media (max-width: 479px) {
      section.heritage .heritage-title .title-box {
        padding: 15px; } }
  section.heritage .heritage-title .date {
    font-family: "PerpetuaTitlingMT-Light", "Georgia", serif;
    font-size: 70px;
    line-height: 1em;
    letter-spacing: 2px;
    color: #51becc;
    margin-bottom: 15px; }
    @media (max-width: 1499px) {
      section.heritage .heritage-title .date {
        font-size: 58px; } }
    @media (max-width: 1199px) {
      section.heritage .heritage-title .date {
        font-size: 42px; } }
    @media (max-width: 767px) {
      section.heritage .heritage-title .date {
        font-size: 24px; } }
    @media (max-width: 479px) {
      section.heritage .heritage-title .date {
        font-size: 18px; } }
  section.heritage .heritage-title .title {
    text-align: left;
    margin-bottom: 0px;
    position: relative;
    z-index: 2; }
    section.heritage .heritage-title .title h1, section.heritage .heritage-title .title .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.heritage .heritage-title .title .title, section.heritage .heritage-title .title .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.heritage .heritage-title .title h2 {
      text-align: left;
      font-size: 125px;
      margin-bottom: 0px; }
      @media (max-width: 1499px) {
        section.heritage .heritage-title .title h1, section.heritage .heritage-title .title .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.heritage .heritage-title .title .title, section.heritage .heritage-title .title .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.heritage .heritage-title .title h2 {
          font-size: 96px; } }
      @media (max-width: 1199px) {
        section.heritage .heritage-title .title h1, section.heritage .heritage-title .title .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.heritage .heritage-title .title .title, section.heritage .heritage-title .title .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.heritage .heritage-title .title h2 {
          font-size: 86px; } }
      @media (max-width: 991px) {
        section.heritage .heritage-title .title h1, section.heritage .heritage-title .title .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.heritage .heritage-title .title .title, section.heritage .heritage-title .title .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.heritage .heritage-title .title h2 {
          font-size: 68px;
          letter-spacing: 3px; } }
      @media (max-width: 767px) {
        section.heritage .heritage-title .title h1, section.heritage .heritage-title .title .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.heritage .heritage-title .title .title, section.heritage .heritage-title .title .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.heritage .heritage-title .title h2 {
          font-size: 48px;
          letter-spacing: 2.5px; } }
      @media (max-width: 479px) {
        section.heritage .heritage-title .title h1, section.heritage .heritage-title .title .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.heritage .heritage-title .title .title, section.heritage .heritage-title .title .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.heritage .heritage-title .title h2 {
          font-size: 38px; } }

section.heritage .heritage-hero {
  position: relative; }
  section.heritage .heritage-hero .hero-image {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }

section.heritage .heritage-text {
  z-index: 1;
  position: relative;
  margin-top: -45px; }
  section.heritage .heritage-text .section-title {
    color: #d06b25;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 50px; }
    @media (max-width: 767px) {
      section.heritage .heritage-text .section-title {
        font-size: 12px;
        margin-bottom: 30px; } }
    @media (max-width: 479px) {
      section.heritage .heritage-text .section-title {
        margin-bottom: 20px; } }
  section.heritage .heritage-text .text {
    font-size: 21px;
    line-height: 1.6em;
    padding: 90px 70px; }
    @media (max-width: 1199px) {
      section.heritage .heritage-text .text {
        font-size: 19px; } }
    @media (max-width: 991px) {
      section.heritage .heritage-text .text {
        padding: 60px; } }
    @media (max-width: 767px) {
      section.heritage .heritage-text .text {
        font-size: 16px;
        padding: 30px; } }
    @media (max-width: 479px) {
      section.heritage .heritage-text .text {
        font-size: 14px;
        padding: 15px; } }
    section.heritage .heritage-text .text.with-intro:before {
      content: '';
      position: absolute;
      width: 60px;
      height: 2px;
      background-color: #51becc;
      left: -15px;
      top: 105px; }
      @media (max-width: 991px) {
        section.heritage .heritage-text .text.with-intro:before {
          top: 75px; } }
      @media (max-width: 767px) {
        section.heritage .heritage-text .text.with-intro:before {
          display: none; } }
    section.heritage .heritage-text .text.with-intro p:first-of-type:first-letter {
      color: #51becc;
      float: left;
      padding-right: 10px;
      font-size: 96px;
      line-height: 1em;
      font-family: "PerpetuaTitlingMT-Light", "Georgia", serif; }
      @media (max-width: 767px) {
        section.heritage .heritage-text .text.with-intro p:first-of-type:first-letter {
          font-size: 64px; } }
      @media (max-width: 479px) {
        section.heritage .heritage-text .text.with-intro p:first-of-type:first-letter {
          font-size: 58px; } }
    section.heritage .heritage-text .text.with-divider-bottom:after {
      content: '';
      position: absolute;
      width: 60px;
      height: 2px;
      background-color: #d06b25;
      left: 50%;
      bottom: 0px;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      @media (max-width: 479px) {
        section.heritage .heritage-text .text.with-divider-bottom:after {
          bottom: -15px; } }
    section.heritage .heritage-text .text.box {
      background-color: #ffffff; }
    section.heritage .heritage-text .text p:last-of-type {
      margin-bottom: 0px; }
  section.heritage .heritage-text h4 {
    color: #51becc;
    margin-bottom: 2em; }
    @media (max-width: 767px) {
      section.heritage .heritage-text h4 {
        margin-bottom: 1em; } }

section.heritage .heritage-col-box {
  color: #ffffff;
  margin-bottom: 180px; }
  @media (max-width: 1499px) {
    section.heritage .heritage-col-box {
      margin-bottom: 120px; } }
  section.heritage .heritage-col-box .background-box {
    position: absolute;
    width: 100%;
    width: calc(100% + 120px);
    height: 100%;
    top: 60px;
    left: 50%; }
    @media (max-width: 991px) {
      section.heritage .heritage-col-box .background-box {
        width: 100%;
        left: 0px; } }
  section.heritage .heritage-col-box .icon {
    margin-bottom: 40px; }
  section.heritage .heritage-col-box .title {
    margin-bottom: 60px; }
    @media (max-width: 767px) {
      section.heritage .heritage-col-box .title {
        margin-bottom: 30px; } }
    section.heritage .heritage-col-box .title h3 {
      color: #ffffff; }
  section.heritage .heritage-col-box .text-intro {
    font-size: 21px;
    line-height: 1.4em;
    text-align: center;
    max-width: 700px;
    margin: auto;
    margin-bottom: 60px; }
    @media (max-width: 1199px) {
      section.heritage .heritage-col-box .text-intro {
        font-size: 19px; } }
    @media (max-width: 767px) {
      section.heritage .heritage-col-box .text-intro {
        font-size: 16px;
        margin-bottom: 45px; } }
    @media (max-width: 479px) {
      section.heritage .heritage-col-box .text-intro {
        font-size: 14px;
        margin-bottom: 30px; } }
  section.heritage .heritage-col-box .text-col {
    padding-left: 25px;
    padding-right: 25px; }
  section.heritage .heritage-col-box p {
    font-size: 21px;
    line-height: 1.4em;
    margin-bottom: 1em; }
    @media (max-width: 1199px) {
      section.heritage .heritage-col-box p {
        font-size: 19px; } }
    @media (max-width: 767px) {
      section.heritage .heritage-col-box p {
        font-size: 16px; } }
    @media (max-width: 479px) {
      section.heritage .heritage-col-box p {
        font-size: 14px; } }

section.heritage .heritage-images .image img {
  -webkit-box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.15);
          box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.15); }

section.hero.heritage {
  height: 100%;
  height: calc(100vh - 120px);
  padding-top: 0px;
  padding-bottom: 0px; }
  section.hero.heritage .scroll-indicator {
    right: -100px;
    bottom: 60px;
    line-height: 1.6em; }
    @media (max-width: 1499px) {
      section.hero.heritage .scroll-indicator {
        right: -5px; } }
    @media (max-width: 1199px) {
      section.hero.heritage .scroll-indicator {
        right: 0px;
        bottom: 45px; } }
    @media (max-width: 991px) {
      section.hero.heritage .scroll-indicator {
        display: none; } }

section.heritage-introduction {
  position: relative;
  margin-top: -500px;
  padding-bottom: 230px; }
  @media (max-width: 1499px) {
    section.heritage-introduction {
      padding-bottom: 120px; } }
  @media (max-width: 1199px) {
    section.heritage-introduction {
      margin-top: -420px; } }
  @media (max-width: 767px) {
    section.heritage-introduction {
      margin-top: -200px;
      left: 0px;
      padding-bottom: 60px; } }
  section.heritage-introduction .background-box-1 {
    position: absolute;
    width: 100%;
    height: 320px;
    top: 210px;
    left: 50%;
    left: calc(50% - 30px); }
    @media (max-width: 1199px) {
      section.heritage-introduction .background-box-1 {
        height: 250px;
        top: 170px; } }
    @media (max-width: 991px) {
      section.heritage-introduction .background-box-1 {
        left: 0%;
        z-index: 0;
        width: 70%; } }
    @media (max-width: 767px) {
      section.heritage-introduction .background-box-1 {
        top: 70px;
        height: 150px;
        left: 15px; } }
    @media (max-width: 479px) {
      section.heritage-introduction .background-box-1 {
        width: 290px; } }
  section.heritage-introduction .background-box-2 {
    position: absolute;
    width: 630px;
    height: 360px;
    left: -140px;
    margin-top: -200px;
    z-index: -1; }
    @media (max-width: 1199px) {
      section.heritage-introduction .background-box-2 {
        width: 620px;
        margin-top: -325px; } }
    @media (max-width: 767px) {
      section.heritage-introduction .background-box-2 {
        width: 60%;
        left: -15px;
        height: 225px;
        margin-top: -200px; } }
  section.heritage-introduction .title {
    text-align: left;
    color: #ffffff;
    margin-bottom: 240px;
    position: relative;
    z-index: 0; }
    @media (max-width: 1199px) {
      section.heritage-introduction .title {
        margin-bottom: 180px; } }
    @media (max-width: 767px) {
      section.heritage-introduction .title {
        margin-bottom: 90px;
        padding-left: 15px;
        max-width: 300px; } }
    section.heritage-introduction .title h1, section.heritage-introduction .title .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.heritage-introduction .title .title, section.heritage-introduction .title .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.heritage-introduction .title h2 {
      font-size: 130px; }
      @media (max-width: 1499px) {
        section.heritage-introduction .title h1, section.heritage-introduction .title .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.heritage-introduction .title .title, section.heritage-introduction .title .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.heritage-introduction .title h2 {
          font-size: 112px; } }
      @media (max-width: 1199px) {
        section.heritage-introduction .title h1, section.heritage-introduction .title .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.heritage-introduction .title .title, section.heritage-introduction .title .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.heritage-introduction .title h2 {
          font-size: 96px; } }
      @media (max-width: 767px) {
        section.heritage-introduction .title h1, section.heritage-introduction .title .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.heritage-introduction .title .title, section.heritage-introduction .title .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.heritage-introduction .title h2 {
          font-size: 48px; } }
  section.heritage-introduction .image {
    margin-left: -40px; }
    @media (max-width: 1499px) {
      section.heritage-introduction .image {
        margin-left: 0px; } }
  section.heritage-introduction .text {
    margin-top: 80px;
    padding-left: 90px;
    font-size: 21px;
    line-height: 1.6em; }
    @media (max-width: 1199px) {
      section.heritage-introduction .text {
        padding-left: 30px;
        font-size: 19px; } }
    @media (max-width: 767px) {
      section.heritage-introduction .text {
        font-size: 16px; } }
    @media (max-width: 479px) {
      section.heritage-introduction .text {
        font-size: 14px; } }
    @media (max-width: 767px) {
      section.heritage-introduction .text {
        padding-left: 0px;
        margin-top: 45px; } }

section.heritage-brew-ginning {
  padding-bottom: 230px; }
  @media (max-width: 1499px) {
    section.heritage-brew-ginning {
      padding-bottom: 120px; } }
  @media (max-width: 1199px) {
    section.heritage-brew-ginning {
      padding-top: 0px; } }
  @media (max-width: 767px) {
    section.heritage-brew-ginning {
      padding-bottom: 60px; } }
  section.heritage-brew-ginning .heritage-title {
    z-index: 1; }
    section.heritage-brew-ginning .heritage-title .title-box {
      padding-left: 0px; }
      @media (max-width: 1499px) {
        section.heritage-brew-ginning .heritage-title .title-box {
          padding-left: 90px;
          max-width: 1000px; } }
      @media (max-width: 1199px) {
        section.heritage-brew-ginning .heritage-title .title-box {
          padding-left: 100px;
          max-width: 900px; } }
      @media (max-width: 991px) {
        section.heritage-brew-ginning .heritage-title .title-box {
          padding-left: 0px;
          max-width: 650px; } }
      @media (max-width: 767px) {
        section.heritage-brew-ginning .heritage-title .title-box {
          padding-left: 15px; } }
      section.heritage-brew-ginning .heritage-title .title-box:before {
        content: '';
        width: 50%;
        height: 100%;
        background-color: #ffffff;
        right: 100%;
        top: 0%;
        position: absolute; }
  section.heritage-brew-ginning .heritage-hero {
    max-width: 1530px;
    width: 100%;
    margin: auto;
    margin-top: -100px;
    z-index: 0; }
    section.heritage-brew-ginning .heritage-hero .hero-image {
      height: 950px; }
      @media (max-width: 1499px) {
        section.heritage-brew-ginning .heritage-hero .hero-image {
          height: 850px; } }
      @media (max-width: 1199px) {
        section.heritage-brew-ginning .heritage-hero .hero-image {
          height: 700px; } }
      @media (max-width: 767px) {
        section.heritage-brew-ginning .heritage-hero .hero-image {
          height: 480px; } }
      @media (max-width: 479px) {
        section.heritage-brew-ginning .heritage-hero .hero-image {
          height: 400px; } }
  @media (max-width: 479px) {
    section.heritage-brew-ginning .heritage-text {
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    section.heritage-brew-ginning .heritage-images .image {
      text-align: center; } }
  @media (max-width: 767px) {
    section.heritage-brew-ginning .heritage-images .image.image-1 {
      margin-bottom: 30px; } }
  section.heritage-brew-ginning .background-box-1 {
    position: absolute;
    width: 1100px;
    height: 530px;
    left: 50%;
    bottom: -260px;
    z-index: -1; }
    @media (max-width: 1199px) {
      section.heritage-brew-ginning .background-box-1 {
        width: 92.5%; } }
    @media (max-width: 991px) {
      section.heritage-brew-ginning .background-box-1 {
        left: 2.5%;
        width: 95%; } }
    @media (max-width: 767px) {
      section.heritage-brew-ginning .background-box-1 {
        left: 0px;
        width: 100%; } }
  section.heritage-brew-ginning .background-box-2 {
    position: absolute;
    width: 760px;
    height: 430px;
    bottom: -60px;
    right: -30px; }
    @media (max-width: 991px) {
      section.heritage-brew-ginning .background-box-2 {
        width: 60%;
        right: -15px; } }
    @media (max-width: 767px) {
      section.heritage-brew-ginning .background-box-2 {
        right: 0px; } }

section.heritage-harvey-and-son {
  padding-bottom: 120px; }
  @media (max-width: 991px) {
    section.heritage-harvey-and-son {
      padding-top: 0px; } }
  @media (max-width: 767px) {
    section.heritage-harvey-and-son {
      padding-bottom: 30px; } }
  section.heritage-harvey-and-son .heritage-title .title-box {
    width: 640px;
    padding-right: 0px;
    float: right; }
    @media (max-width: 1499px) {
      section.heritage-harvey-and-son .heritage-title .title-box {
        width: 550px; } }
    @media (max-width: 767px) {
      section.heritage-harvey-and-son .heritage-title .title-box {
        width: 100%;
        padding-left: 15px; } }
  section.heritage-harvey-and-son .heritage-hero {
    margin-top: -60px; }
    section.heritage-harvey-and-son .heritage-hero .hero-image {
      height: 670px;
      margin-left: -60px; }
      @media (max-width: 1499px) {
        section.heritage-harvey-and-son .heritage-hero .hero-image {
          margin-left: 0px; } }
      @media (max-width: 767px) {
        section.heritage-harvey-and-son .heritage-hero .hero-image {
          height: 400px; } }
  section.heritage-harvey-and-son .background-box-1 {
    position: absolute;
    width: 1100px;
    height: 560px;
    right: -160px;
    bottom: -100px;
    z-index: -1; }
    @media (max-width: 1199px) {
      section.heritage-harvey-and-son .background-box-1 {
        width: 100%; } }
    @media (max-width: 991px) {
      section.heritage-harvey-and-son .background-box-1 {
        left: 0%; } }
    @media (max-width: 767px) {
      section.heritage-harvey-and-son .background-box-1 {
        left: 0%;
        top: 100%;
        top: calc(100% - 45px);
        height: 250px; } }
  @media (max-width: 767px) {
    section.heritage-harvey-and-son .heritage-text.part-1 {
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    section.heritage-harvey-and-son .heritage-col-box {
      text-align: center; } }
  @media (max-width: 1499px) {
    section.heritage-harvey-and-son .heritage-col-box .container {
      max-width: 960px; } }
  @media (max-width: 1199px) {
    section.heritage-harvey-and-son .heritage-col-box .container {
      max-width: 800px; } }

section.heritage-women-in-charge .heritage-title .title-box {
  padding: 0px;
  background-color: transparent; }
  @media (max-width: 1499px) {
    section.heritage-women-in-charge .heritage-title .title-box {
      top: -110px; } }
  @media (max-width: 767px) {
    section.heritage-women-in-charge .heritage-title .title-box {
      top: 0px;
      padding: 30px;
      padding-left: 15px;
      padding-bottom: 0px; } }

section.heritage-women-in-charge .heritage-hero {
  height: 1000px;
  overflow: hidden;
  margin-top: -230px; }
  @media (max-width: 1499px) {
    section.heritage-women-in-charge .heritage-hero {
      height: 850px; } }
  @media (max-width: 1199px) {
    section.heritage-women-in-charge .heritage-hero {
      height: 720px; } }
  @media (max-width: 767px) {
    section.heritage-women-in-charge .heritage-hero {
      height: 480px;
      margin-top: 0px; } }
  @media (max-width: 479px) {
    section.heritage-women-in-charge .heritage-hero {
      height: 400px; } }
  section.heritage-women-in-charge .heritage-hero .hero-image {
    height: 1200px;
    top: -100px; }
    @media (max-width: 1499px) {
      section.heritage-women-in-charge .heritage-hero .hero-image {
        height: 950px; } }
    @media (max-width: 1199px) {
      section.heritage-women-in-charge .heritage-hero .hero-image {
        height: 820px; } }
    @media (max-width: 991px) {
      section.heritage-women-in-charge .heritage-hero .hero-image {
        height: 100%; } }

section.heritage-women-in-charge .heritage-text.part-1 {
  margin-top: -160px; }
  @media (max-width: 767px) {
    section.heritage-women-in-charge .heritage-text.part-1 {
      margin-top: -60px; } }
  @media (max-width: 479px) {
    section.heritage-women-in-charge .heritage-text.part-1 {
      margin-bottom: 30px; } }

section.heritage-women-in-charge .heritage-images {
  margin-bottom: 90px; }

section.heritage-women-in-charge .background-box-1 {
  position: absolute;
  width: 780px;
  height: 430px;
  right: -30px;
  bottom: -30px; }
  @media (max-width: 991px) {
    section.heritage-women-in-charge .background-box-1 {
      width: 60%;
      right: -15px; } }
  @media (max-width: 767px) {
    section.heritage-women-in-charge .background-box-1 {
      right: 0px; } }

section.heritage-women-in-charge .heritage-col-box .container {
  max-width: 1500px; }
  @media (max-width: 1499px) {
    section.heritage-women-in-charge .heritage-col-box .container {
      max-width: 960px; } }
  @media (max-width: 1199px) {
    section.heritage-women-in-charge .heritage-col-box .container {
      max-width: 800px; } }

section.heritage-women-in-charge .heritage-col-box .title {
  margin-bottom: 30px; }

@media (max-width: 991px) {
  section.heritage-current-custodians {
    padding-top: 0px; } }

section.heritage-current-custodians .heritage-title .title-box {
  padding-right: 0px; }
  @media (max-width: 479px) {
    section.heritage-current-custodians .heritage-title .title-box {
      padding-left: 0px; } }

section.heritage-current-custodians .heritage-hero {
  margin-top: -150px; }
  @media (max-width: 479px) {
    section.heritage-current-custodians .heritage-hero {
      margin-top: 0px; } }
  section.heritage-current-custodians .heritage-hero .hero-image {
    height: 700px;
    width: 100%;
    width: calc(100% + 60px);
    left: -60px;
    position: relative; }
    @media (max-width: 767px) {
      section.heritage-current-custodians .heritage-hero .hero-image {
        height: 480px;
        width: calc(100% + 30px);
        left: -15px; } }
    @media (max-width: 479px) {
      section.heritage-current-custodians .heritage-hero .hero-image {
        height: 400px; } }

section.heritage-current-custodians .heritage-images {
  margin-bottom: 60px; }
  @media (max-width: 767px) {
    section.heritage-current-custodians .heritage-images .image-1 {
      margin-bottom: 30px; } }

@media (max-width: 479px) {
  section.heritage-current-custodians .heritage-text.part-1 {
    margin-bottom: 30px; } }

@media (max-width: 1199px) {
  section.heritage-current-custodians .heritage-text.part-2 .text {
    padding-bottom: 0px; } }

section.heritage-current-custodians .background-box-1 {
  position: absolute;
  width: 1100px;
  height: 530px;
  left: 50%;
  bottom: -120px;
  z-index: -1; }
  @media (max-width: 1199px) {
    section.heritage-current-custodians .background-box-1 {
      width: 100%; } }
  @media (max-width: 991px) {
    section.heritage-current-custodians .background-box-1 {
      left: 0%; } }

section.heritage-current-custodians .background-box-2 {
  position: absolute;
  width: 760px;
  height: 430px;
  bottom: -60px;
  right: -30px; }
  @media (max-width: 1199px) {
    section.heritage-current-custodians .background-box-2 {
      width: 70%;
      right: 0px; } }

/* Section intro */
section.intro {
  padding-top: 90px; }
  @media (max-width: 767px) {
    section.intro {
      padding-top: 60px; } }
  section.intro h1, section.intro .brewery .brewery-body--rainfall-animation .title, .brewery .brewery-body--rainfall-animation section.intro .title, section.intro .brewery .brewery-body--malt-part-1 .text h2, .brewery .brewery-body--malt-part-1 .text section.intro h2 {
    color: #51becc;
    text-align: center; }
  section.intro .intro--copy {
    font-size: 21px;
    max-width: 650px;
    margin: auto;
    text-align: left; }
    @media (max-width: 991px) {
      section.intro .intro--copy {
        margin-bottom: 60px; } }
    @media (max-width: 767px) {
      section.intro .intro--copy {
        margin-bottom: 30px; } }

/* Section text */
section.text {
  padding: 0px;
  margin-bottom: 90px;
  font-size: 21px; }
  @media (max-width: 1199px) {
    section.text {
      font-size: 18px; } }
  @media (max-width: 767px) {
    section.text {
      font-size: 16px; } }
  section.text .title {
    font-size: 22px;
    color: #d06b25;
    text-transform: uppercase;
    margin-bottom: 45px; }
  section.text h3,
  section.text h4 {
    color: #51becc;
    margin-bottom: 1em; }
  section.text ul {
    margin: 0px;
    padding: 0px;
    margin-bottom: 2em;
    list-style: none;
    padding-left: 10%; }
    @media (max-width: 767px) {
      section.text ul {
        padding-left: 15px; } }
    @media (max-width: 479px) {
      section.text ul {
        padding-left: 0px; } }
    section.text ul li {
      padding-left: 20px;
      position: relative;
      margin-bottom: 1em; }
      section.text ul li:before {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background-color: #51becc;
        position: absolute;
        left: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
  section.text p {
    margin-bottom: 2em; }
  section.text a {
    display: inline-block;
    color: #3c4951;
    font-size: 0.8em;
    line-height: 1em;
    position: relative;
    text-decoration: none; }
    section.text a:after {
      content: '';
      position: absolute;
      left: 0px;
      bottom: -5px;
      background-color: #51becc;
      height: 2px;
      width: 100%;
      -webkit-transition: all 300ms ease-out;
      transition: all 300ms ease-out; }
    section.text a:hover {
      color: #3c4951;
      text-decoration: none; }
      section.text a:hover:after {
        background-color: #d06b25; }
  section.text .content--inner {
    padding: 0px 15px; }

/*Section - Available tenancies */
section.available-tenancies .available-tenancies--tenancy {
  margin-bottom: 170px;
  position: relative; }
  @media (max-width: 1199px) {
    section.available-tenancies .available-tenancies--tenancy {
      margin-bottom: 120px; } }
  @media (max-width: 991px) {
    section.available-tenancies .available-tenancies--tenancy {
      margin-bottom: 90px; } }
  @media (max-width: 767px) {
    section.available-tenancies .available-tenancies--tenancy {
      margin-bottom: 60px; } }
  section.available-tenancies .available-tenancies--tenancy .background-box {
    position: absolute;
    width: 70%;
    height: 80%;
    right: -50px;
    bottom: 90px;
    z-index: -1; }
    @media (max-width: 1499px) {
      section.available-tenancies .available-tenancies--tenancy .background-box {
        right: -45px; } }
    @media (max-width: 1199px) {
      section.available-tenancies .available-tenancies--tenancy .background-box {
        right: -30px; } }
    @media (max-width: 991px) {
      section.available-tenancies .available-tenancies--tenancy .background-box {
        height: 40%;
        bottom: inherit;
        top: 30%; } }
    @media (max-width: 767px) {
      section.available-tenancies .available-tenancies--tenancy .background-box {
        bottom: -30px;
        top: inherit;
        right: -15px; } }
  section.available-tenancies .available-tenancies--tenancy .tenancy-info {
    max-width: 670px;
    background-color: #ffffff;
    padding: 65px;
    margin-top: -280px;
    position: relative;
    font-size: 18px; }
    @media (max-width: 991px) {
      section.available-tenancies .available-tenancies--tenancy .tenancy-info {
        margin-top: -60px;
        max-width: 630px; } }
    @media (max-width: 767px) {
      section.available-tenancies .available-tenancies--tenancy .tenancy-info {
        margin-top: 0px;
        font-size: 14px;
        padding: 30px; } }
    @media (max-width: 479px) {
      section.available-tenancies .available-tenancies--tenancy .tenancy-info {
        padding: 30px 15px 30px 0px; } }
    section.available-tenancies .available-tenancies--tenancy .tenancy-info:after {
      content: '';
      bottom: 0px;
      left: 0px;
      width: 80px;
      height: 2px;
      background-color: #51becc;
      position: absolute; }
    section.available-tenancies .available-tenancies--tenancy .tenancy-info .tenancy-name {
      color: #51becc; }
    section.available-tenancies .available-tenancies--tenancy .tenancy-info .tenancy-address {
      color: #d06b25;
      font-size: 17px;
      margin-bottom: 30px;
      text-transform: uppercase; }
      @media (max-width: 991px) {
        section.available-tenancies .available-tenancies--tenancy .tenancy-info .tenancy-address {
          font-size: 16px; } }
      @media (max-width: 767px) {
        section.available-tenancies .available-tenancies--tenancy .tenancy-info .tenancy-address {
          font-size: 14px;
          margin-bottom: 15px; } }
      section.available-tenancies .available-tenancies--tenancy .tenancy-info .tenancy-address br {
        display: none; }
      section.available-tenancies .available-tenancies--tenancy .tenancy-info .tenancy-address .country {
        display: none; }

/* Section - Map embed section */
section.map-embed {
  padding-top: 0px;
  margin-bottom: 90px; }
  section.map-embed .container {
    max-width: 1300px; }
  @media (max-width: 767px) {
    section.map-embed .map iframe {
      height: 250px; } }
  section.map-embed .map-embed--box {
    background-color: #51becc;
    color: #ffffff;
    padding: 90px; }
    @media (max-width: 991px) {
      section.map-embed .map-embed--box {
        padding: 45px; } }
    @media (max-width: 767px) {
      section.map-embed .map-embed--box {
        padding: 30px; } }
    section.map-embed .map-embed--box .inner {
      font-size: 18px; }
      section.map-embed .map-embed--box .inner h3 {
        margin-bottom: 1em; }
      section.map-embed .map-embed--box .inner p {
        margin-bottom: 2em; }

/* Secton - Form Block */
section.form-block {
  padding-top: 0px;
  margin-bottom: 90px; }
  section.form-block .title {
    position: relative;
    z-index: 1; }
    @media (max-width: 767px) {
      section.form-block .title {
        max-width: 280px;
        margin: auto; } }
  section.form-block .intro {
    position: relative;
    z-index: 1; }
  section.form-block .form-box {
    padding: 0px 40px;
    position: relative;
    max-width: 930px;
    margin: auto; }
    @media (max-width: 1199px) {
      section.form-block .form-box {
        margin-bottom: -80px;
        max-width: 800px; } }
    @media (max-width: 767px) {
      section.form-block .form-box {
        top: -95px;
        padding: 30px;
        padding-top: 100px; } }
    section.form-block .form-box .background-box {
      position: absolute;
      width: 100%;
      left: 0%;
      height: calc(100%);
      top: 65px; }
    section.form-block .form-box form {
      max-width: 560px;
      margin: auto; }
      section.form-block .form-box form .form-item.email {
        margin-bottom: 40px; }
        @media (max-width: 767px) {
          section.form-block .form-box form .form-item.email {
            margin-bottom: 30px; } }
      section.form-block .form-box form .form-item.checkbox input {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        height: 0px; }
        section.form-block .form-box form .form-item.checkbox input:checked ~ label:before {
          border: 1px solid #51becc; }
        section.form-block .form-box form .form-item.checkbox input:checked ~ label:after {
          opacity: 1; }
      section.form-block .form-box form .form-item.checkbox label {
        font-size: 13px;
        position: relative;
        padding-left: 35px;
        cursor: pointer; }
        section.form-block .form-box form .form-item.checkbox label:before, section.form-block .form-box form .form-item.checkbox label:after {
          position: absolute;
          display: inline-block;
          width: 20px;
          height: 20px;
          left: 0px;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          -webkit-transition-duration: 300ms;
                  transition-duration: 300ms; }
        section.form-block .form-box form .form-item.checkbox label:before {
          content: '';
          border: 1px solid #3c4951; }
        section.form-block .form-box form .form-item.checkbox label:after {
          content: '\2713';
          text-align: center;
          color: #51becc;
          padding-top: 2px;
          opacity: 0; }
      @media (max-width: 767px) {
        section.form-block .form-box form .form-action {
          text-align: center;
          margin-top: 30px; } }
    section.form-block .form-box .special-text {
      font-size: 13px; }

/* Section - Venue */
section.content.venue .title {
  margin-bottom: 15px;
  text-align: left; }

section.content.venue .address {
  color: #d06b25;
  font-size: 17px;
  margin-bottom: 60px;
  text-transform: uppercase; }
  section.content.venue .address br {
    display: none; }
  section.content.venue .address span {
    position: relative; }
    section.content.venue .address span:after {
      content: ',';
      right: 0px; }
    section.content.venue .address span.postal-code:after {
      display: none; }
    section.content.venue .address span.country {
      display: none; }

section.content.venue .facilities {
  margin-top: 60px;
  margin-bottom: 60px; }

section.map-embed.venue a {
  color: #ffffff; }

/* Section - Search results */
section.search-results {
  padding: 0px;
  margin-bottom: 90px; }
  section.search-results .background-box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 0%;
    z-index: -1; }
  section.search-results form.views-exposed-form {
    max-width: 50%;
    margin: auto;
    margin-bottom: 60px; }
    section.search-results form.views-exposed-form .form-actions {
      text-align: right; }
  section.search-results .search-results--result {
    margin-bottom: 30px;
    padding: 30px 45px;
    background-color: #ffffff; }
    section.search-results .search-results--result .search-results--result-title {
      color: #51becc;
      font-weight: 400;
      font-size: 30px;
      line-height: 1.3em;
      font-family: "PerpetuaTitlingMT-Light", "Georgia", serif; }
    section.search-results .search-results--result .search-results--result-url a {
      color: #d06b25; }

/* Section Gallery */
section.gallery .images .image {
  padding-left: 5px;
  padding-right: 5px; }
  section.gallery .images .image img {
    height: 640px;
    width: auto; }
    @media (max-width: 991px) {
      section.gallery .images .image img {
        height: 500px; } }
    @media (max-width: 767px) {
      section.gallery .images .image img {
        height: 400px; } }
    @media (max-width: 479px) {
      section.gallery .images .image img {
        height: 200px; } }

section.gallery .slick-slide {
  opacity: 0.3;
  outline: none;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms; }

section.gallery .slick-center {
  opacity: 1; }

section.gallery .slick-disabled {
  visibility: hidden;
  opacity: 0; }

section.gallery .slick-arrow {
  opacity: 1;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  z-index: 1;
  width: 50px;
  height: 50px;
  font-size: 0px;
  line-height: 0px;
  outline: none;
  background-color: #d06b25;
  border-color: transparent;
  color: #ffffff;
  font-family: "Font Awesome 5 Free" !important;
  speak: none;
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0px;
  outline: none;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms; }
  @media (max-width: 991px) {
    section.gallery .slick-arrow {
      color: #ffffff;
      background-color: #d06b25; } }
  @media (max-width: 767px) {
    section.gallery .slick-arrow {
      width: 30px;
      height: 30px;
      margin-top: -15px;
      padding: 0px; } }
  section.gallery .slick-arrow:hover {
    color: #ffffff;
    background-color: #7d3800; }
  section.gallery .slick-arrow:before {
    font-size: 20px;
    line-height: 1em; }
    @media (max-width: 767px) {
      section.gallery .slick-arrow:before {
        font-size: 14px; } }

section.gallery .slick-prev {
  left: 100px;
  cursor: pointer; }
  @media (max-width: 1499px) {
    section.gallery .slick-prev {
      left: 40px; } }
  @media (max-width: 1199px) {
    section.gallery .slick-prev {
      left: 15px; } }
  @media (max-width: 767px) {
    section.gallery .slick-prev {
      left: 10px; } }
  section.gallery .slick-prev:before {
    content: "\f053"; }

section.gallery .slick-next {
  right: 100px;
  cursor: pointer; }
  @media (max-width: 1499px) {
    section.gallery .slick-next {
      right: 40px; } }
  @media (max-width: 1199px) {
    section.gallery .slick-next {
      right: 15px; } }
  @media (max-width: 767px) {
    section.gallery .slick-next {
      right: 10px; } }
  section.gallery .slick-next:before {
    content: "\f054"; }

/* SECTION: IMAGE LEFT TEXT RIGHT */
.image-left-text-right {
  position: relative;
  margin-bottom: 60px; }

@media (max-width: 767px) {
  .image-left-text-right {
    margin-bottom: 90px; } }

@media (max-width: 479px) {
  .image-left-text-right {
    margin-bottom: 45px; } }

.image-left-text-right .background-box {
  width: 550px;
  height: 570px;
  position: absolute;
  top: 30px;
  left: 35%; }

@media (max-width: 991px) {
  .image-left-text-right .background-box {
    top: 55%;
    left: 25%; } }

@media (max-width: 767px) {
  .image-left-text-right .background-box {
    width: 70%; } }

@media (max-width: 479px) {
  .image-left-text-right .background-box {
    top: 42.5%; } }

.image-left-text-right .image {
  width: calc(100% + 60px);
  left: -60px;
  position: relative;
  margin-top: 90px;
  z-index: 2;
  -webkit-box-shadow: 0px 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px 0px transparent !important;
  /* -webkit-box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.15);
  box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.15); */ }

@media (max-width: 1499px) {
  .image-left-text-right .image {
    left: -15px; } }

@media (max-width: 991px) {
  .image-left-text-right .image {
    left: 0%;
    max-width: 620px;
    margin: auto;
    margin-bottom: 45px; } }

@media (max-width: 767px) {
  .image-left-text-right .image {
    width: 100%; } }

.image-left-text-right .text {
  padding-left: 60px;
  padding-right: 40px;
  font-size: 22px; }
  @media (max-width: 991px) {
    .image-left-text-right .text {
      font-size: 18px; } }
  .image-left-text-right .text ul {
    list-style: none;
    padding-left: 20px; }
    .image-left-text-right .text ul li:before {
      content: "\2022";
      color: #51becc;
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: -1em; }

@media (max-width: 767px) {
  .image-left-text-right .text {
    padding-right: 60px; } }

@media (max-width: 479px) {
  .image-left-text-right .text {
    padding-left: 0px;
    padding-right: 0px; } }

.image-left-text-right .text h3 {
  color: #51becc;
  margin-bottom: 40px; }

@media (max-width: 479px) {
  .image-left-text-right .text h3 {
    margin-bottom: 30px; } }

/* SECTION: BOX WITH BACKGROUND */
.box-with-background {
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 991px) {
    .box-with-background {
      padding-top: 60px;
      padding-bottom: 60px; } }

.box-with-background .text {
  background-color: #51BECC;
  text-align: center;
  padding: 67px 60px;
  font-size: 22px; }
  @media (max-width: 991px) {
    .box-with-background .text {
      font-size: 18px;
      padding: 45px 40px; } }
  @media (max-width: 479px) {
    .box-with-background .text {
      padding: 20px 20px; } }

.box-with-background .text h3 {
  color: #FFFFFF;
  margin-bottom: 30px; }

/* SECTION: PRIZE WINNERS */
.prize-winners {
  position: relative;
  padding-top: 150px;
  overflow: hidden; }
  @media (max-width: 1199px) {
    .prize-winners {
      padding-top: 100px; } }
  .prize-winners .container.relative {
    position: relative; }
  .prize-winners .container-fluid.relative {
    position: relative; }
  .prize-winners .title-section {
    margin-bottom: 200px; }
    @media (max-width: 479px) {
      .prize-winners .title-section {
        margin-bottom: 70px; } }
    .prize-winners .title-section .background-box-container {
      position: absolute;
      width: 760px;
      height: 70px;
      top: 10px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      z-index: -1; }
      @media (max-width: 767px) {
        .prize-winners .title-section .background-box-container {
          width: 80%; } }
      @media (max-width: 479px) {
        .prize-winners .title-section .background-box-container {
          top: 60px; } }
    .prize-winners .title-section .background-box {
      position: relative;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .prize-winners .title-section strong {
      color: #d06b25;
      margin-bottom: 15px;
      display: block; }
  .prize-winners .background-box {
    position: absolute;
    width: 665px;
    height: 630px;
    top: -120px;
    left: 160px;
    z-index: -1; }
    @media (max-width: 767px) {
      .prize-winners .background-box {
        width: 80%; } }
    @media (max-width: 479px) {
      .prize-winners .background-box {
        top: 60px; } }
  .prize-winners .icons {
    position: relative;
    color: #d06b25;
    font-size: 132px;
    left: -40px; }
    @media (max-width: 1199px) {
      .prize-winners .icons {
        font-size: 92px; } }
    @media (max-width: 767px) {
      .prize-winners .icons {
        left: 0px;
        text-align: center; } }
    @media (max-width: 479px) {
      .prize-winners .icons {
        font-size: 64px; } }
    .prize-winners .icons i {
      margin-right: -80px; }
      @media (max-width: 1199px) {
        .prize-winners .icons i {
          margin-right: -60px; } }
      @media (max-width: 767px) {
        .prize-winners .icons i {
          margin-right: -30px;
          margin-left: -30px; } }
      @media (max-width: 479px) {
        .prize-winners .icons i {
          margin-right: -20px;
          margin-left: -20px; } }
  .prize-winners .text {
    position: relative;
    padding: 60px;
    background-color: #ffffff;
    z-index: 1;
    font-size: 22px; }
    @media (max-width: 991px) {
      .prize-winners .text {
        padding: 45px;
        font-size: 18px; } }
    @media (max-width: 767px) {
      .prize-winners .text {
        margin-left: 30px;
        margin-right: 90px;
        padding: 30px; } }
    @media (max-width: 479px) {
      .prize-winners .text {
        margin-left: 0px;
        margin-right: 40px;
        padding: 20px; } }
    .prize-winners .text h2 {
      color: #51becc;
      margin-bottom: 50px; }
      @media (max-width: 767px) {
        .prize-winners .text h2 {
          margin-bottom: 30px; } }
    .prize-winners .text ol {
      padding-left: 35px;
      list-style: none;
      counter-reset: li; }
      .prize-winners .text ol li {
        counter-increment: li; }
        .prize-winners .text ol li:before {
          content: "." counter(li);
          color: #51becc;
          display: inline-block;
          margin-left: -1.5em;
          margin-right: 0.5em;
          text-align: right;
          direction: rtl; }
  .prize-winners .image {
    position: relative;
    width: 100%;
    width: calc(100% + 80px + 140px);
    left: -80px;
    top: -80px;
    z-index: 0; }
    @media (max-width: 1499px) {
      .prize-winners .image {
        width: calc(100% + 80px); } }
    @media (max-width: 767px) {
      .prize-winners .image {
        width: 100%;
        left: 15px;
        padding-right: 15px;
        top: -45px; } }
    @media (max-width: 479px) {
      .prize-winners .image {
        top: -30px; } }
    .prize-winners .image img {
      -webkit-box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25);
              box-shadow: -5px 5px 25px 0px rgba(0, 0, 0, 0.25); }

@-webkit-keyframes mouseScroll {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    height: 8px; }
  50% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
    height: 12px; }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    height: 8px; } }

@keyframes mouseScroll {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    height: 8px; }
  50% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
    height: 12px; }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    height: 8px; } }

@-webkit-keyframes beerFade {
  0% {
    opacity: 0;
    left: -75px; }
  50% {
    opacity: 100%; }
  100 {
    opacity: 100%;
    left: 0px; } }

@keyframes beerFade {
  0% {
    opacity: 0;
    left: -75px; }
  50% {
    opacity: 100%; }
  100 {
    opacity: 100%;
    left: 0px; } }

@-webkit-keyframes drawStroke {
  to {
    stroke-dashoffset: 0; } }

@keyframes drawStroke {
  to {
    stroke-dashoffset: 0; } }

@-webkit-keyframes rainDrop {
  0% {
    top: 0%;
    opacity: 0;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  15% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    top: 100%;
    top: calc(100% - 120px);
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes rainDrop {
  0% {
    top: 0%;
    opacity: 0;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  15% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    top: 100%;
    top: calc(100% - 120px);
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes waterRipple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  5% {
    opacity: 1; }
  30% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes waterRipple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  5% {
    opacity: 1; }
  30% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

[data-aos="expand-height"] {
  max-height: 0px;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  opacity: 0.5; }
  [data-aos="expand-height"].aos-animate {
    max-height: 1000px;
    opacity: 1; }

[data-aos="beer-fade-in"] {
  -webkit-animation-duration: 2s !important;
          animation-duration: 2s !important;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out; }
  [data-aos="beer-fade-in"].aos-animate {
    -webkit-animation: beerFade;
            animation: beerFade; }

[data-aos="rain-drop"] {
  opacity: 0;
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms; }
  [data-aos="rain-drop"].aos-animate {
    -webkit-animation: rainDrop;
            animation: rainDrop; }

[data-aos="water-ripple"] {
  opacity: 0;
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms; }
  [data-aos="water-ripple"].aos-animate {
    -webkit-animation: waterRipple;
            animation: waterRipple; }

[data-aos="draw-stroke"].aos-animate .pipe {
  -webkit-animation-name: drawStroke;
          animation-name: drawStroke;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1; }