/* stylelint-disable */

/* stylelint-enable */

@font-face {
  font-family: 'Trim';
  src: url(/wp-content/themes/vibrew-theme/dist/fonts/Trim-Regular.eot) format("embedded-opentype"), url(/wp-content/themes/vibrew-theme/dist/fonts/Trim-Regular.otf) format("opentype"), url(/wp-content/themes/vibrew-theme/dist/fonts/Trim-Regular.woff) format("woff"), url(/wp-content/themes/vibrew-theme/dist/fonts/Trim-Regular.ttf) format("truetype"), url(/wp-content/themes/vibrew-theme/dist/fonts/Trim-Regular.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Trim';
  src: url(/wp-content/themes/vibrew-theme/dist/fonts/Trim-Medium.eot) format("embedded-opentype"), url(/wp-content/themes/vibrew-theme/dist/fonts/Trim-Medium.otf) format("opentype"), url(/wp-content/themes/vibrew-theme/dist/fonts/Trim-Medium.woff) format("woff"), url(/wp-content/themes/vibrew-theme/dist/fonts/Trim-Medium.ttf) format("truetype"), url(/wp-content/themes/vibrew-theme/dist/fonts/Trim-Medium.svg) format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Recta';
  src: url(/wp-content/themes/vibrew-theme/dist/fonts/Recta-Regular.eot) format("embedded-opentype"), url(/wp-content/themes/vibrew-theme/dist/fonts/Recta-Regular.woff) format("woff"), url(/wp-content/themes/vibrew-theme/dist/fonts/Recta-Regular.ttf) format("truetype"), url(/wp-content/themes/vibrew-theme/dist/fonts/Recta-Regular.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'KapraNeue';
  src: url(/wp-content/themes/vibrew-theme/dist/fonts/KapraNeue-Bold.eot) format("embedded-opentype"), url(/wp-content/themes/vibrew-theme/dist/fonts/KapraNeue-Bold.otf) format("opentype"), url(/wp-content/themes/vibrew-theme/dist/fonts/KapraNeue-Bold.woff) format("woff"), url(/wp-content/themes/vibrew-theme/dist/fonts/KapraNeue-Bold.ttf) format("truetype"), url(/wp-content/themes/vibrew-theme/dist/fonts/KapraNeue-Bold.svg) format("svg");
  font-weight: 700;
  font-style: normal;
}

/** Import everything from autoload */

/**
 * Import npm dependencies
 *
 * Prefix your imports with `~` to grab from node_modules/
 * @see https://github.com/webpack-contrib/sass-loader#imports
 */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  -o-transition-property: opacity, filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
       -o-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -o-transform;
  -webkit-transition-duration: 0.15s;
       -o-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
   * Collapse
   */

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
       -o-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
       -o-transition-delay: 0.13s;
          transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
       -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -o-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -o-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
       -o-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
  -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -o-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/

body {
  -webkit-backface-visibility: hidden;
}

.animated {
  -webkit-animation-duration: calc( 1s);
  -o-animation-duration: calc( 1s);
     animation-duration: calc( 1s);
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
     animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: calc( 1s * 2);
  -o-animation-duration: calc( 1s * 2);
     animation-duration: calc( 1s * 2);
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: calc( 1s * 0.75);
  -o-animation-duration: calc( 1s * 0.75);
     animation-duration: calc( 1s * 0.75);
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: calc( 1s * 0.75);
  -o-animation-duration: calc( 1s * 0.75);
     animation-duration: calc( 1s * 0.75);
}

/** Util */

/** Import theme styles */

img {
  display: block;
}

html {
  color: #000;
  line-height: 1.3;
  font-family: "Recta", Helvetica, Arial, sans-serif;
  font-size: 0.92308rem;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #ddd;
  background-image: url(/wp-content/themes/vibrew-theme/dist/images/grain-pattern-top.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100vh;
}

@media (min-width: 1025px) {
  html {
    font-size: 16px;
  }
}

html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html p,
html li,
html pre,
html blockquote,
html a,
html time,
html span,
html svg,
html input,
html address,
html button,
html img {
  opacity: 1;
}

html p {
  line-height: 1.7;
}

html .wrap {
  min-height: 27.69231rem;
}

html .hashtag {
  font-family: "Trim", Helvetica, Arial, sans-serif;
}

.container,
.beer-finder .wpsl-search {
  padding-left: 1.53846rem;
  padding-right: 1.53846rem;
}

@media (min-width: 768px) {
  .container,
  .beer-finder .wpsl-search {
    padding-left: 2.46154rem;
  }
}

@media (min-width: 1250px) {
  .container,
  .beer-finder .wpsl-search {
    padding-left: 3.07692rem;
  }
}

@media (min-width: 768px) {
  .container,
  .beer-finder .wpsl-search {
    padding-right: 2.46154rem;
  }
}

@media (min-width: 1250px) {
  .container,
  .beer-finder .wpsl-search {
    padding-right: 3.07692rem;
  }
}

.container__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

.block {
  padding-top: 3.07692rem;
  padding-bottom: 3.07692rem;
}

.grain-pattern {
  background-image: url(/wp-content/themes/vibrew-theme/dist/images/grain-pattern.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}

.single-beer .grain-pattern {
  background-image: url(/wp-content/themes/vibrew-theme/dist/images/blue-bg.jpg);
  background-size: cover;
  margin-top: -15rem;
  padding-top: 25rem;
  z-index: -1;
  position: relative;
}

.intro {
  padding-bottom: 0.38462rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  border-bottom: 1px solid #0064a8;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .intro {
    padding-bottom: 0.61538rem;
  }
}

@media (min-width: 1250px) {
  .intro {
    padding-bottom: 0.76923rem;
  }
}

.intro .h2 {
  margin: 0;
}

@media (max-width: 959px) {
  .intro {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.overlay-show {
  content: '';
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #101010;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 1000;
}

.overlay-show .overlay-show.show {
  pointer-events: all;
  opacity: 0.6;
}

#wpadminbar {
  visibility: visible;
}

.will--animate {
  visibility: hidden;
}

.added_to_cart {
  display: inline-block !important;
  margin-left: 15px !important;
  clear: both !important;
  font-size: 23px !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "KapraNeue", Helvetica, Arial, sans-serif;
  font-weight: 800;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: -1px;
}

h1 {
  font-size: 7.28597vw;
  text-transform: uppercase;
  color: #0064a8;
}

@media (min-width: 550px) {
  h1 {
    font-size: 3.07692rem;
  }
}

@media (min-width: 1025px) {
  h1 {
    font-size: 3.84615rem;
  }
}

h2 {
  font-size: 6.12022vw;
}

@media (min-width: 550px) {
  h2 {
    font-size: 2.58462rem;
  }
}

@media (min-width: 1025px) {
  h2 {
    font-size: 3.23077rem;
  }
}

h3 {
  font-size: 5.2459vw;
}

@media (min-width: 550px) {
  h3 {
    font-size: 2.21538rem;
  }
}

@media (min-width: 1025px) {
  h3 {
    font-size: 2.76923rem;
  }
}

h4 {
  font-size: 2.46154rem;
}

h5 {
  font-size: 1.69231rem;
}

h6 {
  font-size: 1.38462rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
  margin-top: 0;
  margin-bottom: 2.30769rem;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child {
  margin-bottom: 0;
}

.h1,
.h2,
.h3 {
  color: #0064a8;
  text-transform: uppercase;
  line-height: 1;
  font-family: "KapraNeue", Helvetica, Arial, sans-serif;
}

.h1 {
  font-size: 3.84615rem;
}

@media (max-width: 767px) {
  .h1 {
    font-size: 2.46154rem;
  }
}

.h2 {
  font-size: 3.23077rem;
}

@media (max-width: 767px) {
  .h2 {
    font-size: 2.46154rem;
  }
}

.h3 {
  font-size: 2.76923rem;
}

@media (max-width: 767px) {
  .h3 {
    font-size: 2.46154rem;
  }
}

.h4 {
  font-family: "KapraNeue", Helvetica, Arial, sans-serif;
  font-size: 2.46154rem;
  text-transform: uppercase;
}

.h6 {
  font-family: "KapraNeue", Helvetica, Arial, sans-serif;
  font-size: 1.38462rem;
}

a {
  color: #000;
  text-decoration: none;
}

.button,
.added_to_cart,
.banner .nav-primary .menu-shop a,
.banner .nav-primary .menu-item:last-child a,
.beer-finder .wpsl-search-btn-wrap input {
  background-color: #0064a8;
  border-radius: 0.76923rem;
  border: 0;
  color: #fff;
  display: inline-block;
  font-size: 1.23077rem;
  font-family: "Trim", Helvetica, Arial, sans-serif;
  padding: 0.92308rem 1.84615rem;
  text-align: center;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  -webkit-transform: perspective(1px) translateZ(0);
          transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px transparent;
          box-shadow: 0 0 1px transparent;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
       -o-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
       -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.button::before,
.added_to_cart::before,
.banner .nav-primary .menu-shop a::before,
.banner .nav-primary .menu-item:last-child a::before,
.beer-finder .wpsl-search-btn-wrap input::before {
  content: "";
  position: absolute;
  background-color: white;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scaleX(0);
       -o-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
       -o-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.button:hover,
.added_to_cart:hover,
.banner .nav-primary .menu-shop a:hover,
.banner .nav-primary .menu-item:last-child a:hover,
.beer-finder .wpsl-search-btn-wrap input:hover {
  color: #0064a8;
}

.button:hover::before,
.added_to_cart:hover::before,
.banner .nav-primary .menu-shop a:hover::before,
.banner .nav-primary .menu-item:last-child a:hover::before,
.beer-finder .wpsl-search-btn-wrap input:hover::before {
  -webkit-transform: scaleX(1);
       -o-transform: scaleX(1);
          transform: scaleX(1);
}

.button--flip,
.standard-text .standard-text__links .button:nth-child(even),
.standard-text .standard-text__links .added_to_cart:nth-child(even),
.standard-text .standard-text__links .banner .nav-primary .menu-shop a:nth-child(even),
.banner .nav-primary .menu-shop .standard-text .standard-text__links a:nth-child(even),
.standard-text .standard-text__links .banner .nav-primary .menu-item:last-child a:nth-child(even),
.banner .nav-primary .menu-item:last-child .standard-text .standard-text__links a:nth-child(even),
.standard-text .standard-text__links .beer-finder .wpsl-search-btn-wrap input:nth-child(even),
.beer-finder .wpsl-search-btn-wrap .standard-text .standard-text__links input:nth-child(even) {
  color: #0064a8;
  background-color: #fff;
}

.button--flip::before,
.standard-text .standard-text__links .button:nth-child(even)::before,
.standard-text .standard-text__links .added_to_cart:nth-child(even)::before,
.standard-text .standard-text__links .banner .nav-primary .menu-shop a:nth-child(even)::before,
.banner .nav-primary .menu-shop .standard-text .standard-text__links a:nth-child(even)::before,
.standard-text .standard-text__links .banner .nav-primary .menu-item:last-child a:nth-child(even)::before,
.banner .nav-primary .menu-item:last-child .standard-text .standard-text__links a:nth-child(even)::before,
.standard-text .standard-text__links .beer-finder .wpsl-search-btn-wrap input:nth-child(even)::before,
.beer-finder .wpsl-search-btn-wrap .standard-text .standard-text__links input:nth-child(even)::before {
  background-color: #0064a8;
}

.button--flip:hover,
.standard-text .standard-text__links .button:hover:nth-child(even),
.standard-text .standard-text__links .added_to_cart:hover:nth-child(even),
.standard-text .standard-text__links .banner .nav-primary .menu-shop a:hover:nth-child(even),
.banner .nav-primary .menu-shop .standard-text .standard-text__links a:hover:nth-child(even),
.standard-text .standard-text__links .banner .nav-primary .menu-item:last-child a:hover:nth-child(even),
.banner .nav-primary .menu-item:last-child .standard-text .standard-text__links a:hover:nth-child(even),
.standard-text .standard-text__links .beer-finder .wpsl-search-btn-wrap input:hover:nth-child(even),
.beer-finder .wpsl-search-btn-wrap .standard-text .standard-text__links input:hover:nth-child(even) {
  color: #fff;
}

.button--dark {
  color: #fff;
  background-color: #000;
}

.button--dark:hover {
  color: black;
}

.button--dark::before {
  background-color: #fff;
}

.contact__form {
  padding-top: 0.76923rem;
  max-width: 30.76923rem;
  margin: 0;
}

@media (min-width: 768px) {
  .contact__form {
    padding-top: 1.23077rem;
  }
}

@media (min-width: 1250px) {
  .contact__form {
    padding-top: 1.53846rem;
  }
}

.contact__form label {
  display: none !important;
}

.contact__form input:not([type=submit]),
.contact__form select,
.contact__form textarea {
  border: 0;
  padding: 1.15385rem 1.53846rem !important;
  border-radius: 0.76923rem;
  display: inline-block !important;
  font-size: 1.07692rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: white;
  margin: 0;
  width: 100% !important;
  line-height: 1.5 !important;
  z-index: 2;
}

.contact__form .ginput_container_select {
  position: relative;
}

.contact__form .ginput_container_select::after {
  content: "";
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  top: 43%;
  right: 30px;
  -webkit-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  pointer-events: none;
}

.contact__form .gform_footer {
  margin: 0;
  text-align: right;
}

.contact__form .gform_button {
  margin: 0 !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
}

.contact__form .gform_confirmation_message {
  margin-top: 3.07692rem;
  font-size: 1.38462rem;
  font-family: "Trim", Helvetica, Arial, sans-serif;
  color: #0064a8;
}

.contact__form .gfield {
  list-style-type: none;
  display: inline-block !important;
  padding: 0 !important;
  margin-bottom: 0 0 1.15385rem;
  border: 0 !important;
  width: 100%;
}

@media (min-width: 550px) {
  .contact__form .gfield:nth-child(3),
  .contact__form .gfield:nth-child(4) {
    width: calc(50% - 1rem);
    clear: none;
  }
}

.contact__form .gfield:nth-child(3) {
  margin-right: 2rem !important;
}

.beer__filter select {
  border: 0;
  padding: 0.76923rem 4.61538rem 0.76923rem 1.53846rem !important;
  border-radius: 0.76923rem;
  display: inline-block !important;
  font-size: 1.07692rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: white;
  margin: 0;
  width: 100% !important;
  line-height: 1.5 !important;
  z-index: 2;
  -webkit-transform: translateY(5px);
}

.beer__filter .beer__filter-wrapper {
  position: relative;
  margin-top: 0.76923rem;
}

@media screen and (min-width: 768px) {
  .beer__filter .beer__filter-wrapper {
    padding-left: 0.76923rem;
    margin-top: 0;
  }
}

.beer__filter .beer__filter-wrapper::after {
  content: "";
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  top: 43%;
  right: 30px;
  -webkit-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  pointer-events: none;
}

/**
 * WordPress Generated Classes
 * @see http://codex.wordpress.org/CSS#WordPress_Generated_Classes
 */

/** Media alignment */

.alignnone {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  height: auto;
}

.aligncenter {
  display: block;
  margin: 1rem auto;
  height: auto;
}

.alignleft,
.alignright {
  margin-bottom: 1rem;
  height: auto;
}

@media (min-width: 30rem) {
  .alignleft {
    float: left;
    margin-right: 1rem;
  }

  .alignright {
    float: right;
    margin-left: 1rem;
  }
}

/** Captions */

/** Text meant only for screen readers */

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  color: #000;
  background: #fff;
}

.overlay-show {
  content: '';
  background-color: #000;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  -webkit-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 1000;
}

.overlay-visible .overlay-show,
.overlay-show.show {
  pointer-events: all;
  opacity: 0.6;
}

.overlay {
  -webkit-transform: translateX(101%);
       -o-transform: translateX(101%);
          transform: translateX(101%);
  background-color: #fff;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  will-change: transform;
  max-width: 44.61538rem;
  height: 100%;
  width: 100%;
  z-index: 1300;
}

.overlay.show {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1);
}

.overlay h2,
.overlay h3 {
  color: #0064a8;
  font-size: 3.23077rem;
}

.overlay__content {
  padding: 3.07692rem 1.53846rem;
}

@media (min-width: 960px) {
  .overlay__content {
    padding: 4.61538rem 3.84615rem 3.07692rem 3.84615rem;
  }
}

.overlay__close {
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.07692rem;
  font-weight: 700;
  text-transform: uppercase;
  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;
  height: 5.38462rem;
  width: 5.38462rem;
  z-index: 10;
}

.overlay__close span {
  margin-right: 0.76923rem;
}

.overlay__close svg {
  fill: #fff;
  height: 1.38462rem;
  width: 1.38462rem;
}

.no-csstransforms .overlay {
  right: -200%;
}

.no-csstransforms .overlay.show {
  right: 0%;
}

.overlay .img-wrap {
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 0%;
  height: 23.07692rem;
  width: 23.07692rem;
}

.overlay .header {
  margin-top: 2.30769rem;
  margin-bottom: 3.07692rem;
}

.overlay .header .title,
.overlay .header .sub-title {
  margin-bottom: 0.38462rem;
}

.visible-off-canvas {
  display: none;
}

.loader .visible-off-canvas {
  display: block;
}

.nav--mobile {
  margin: 0;
  padding: 0;
}

.nav--mobile ul {
  margin: 0;
  padding: 0;
}

.nav--mobile li {
  list-style: none;
}

.nav--mobile .menu-social {
  display: none;
}

.nav--mobile--primary {
  padding-left: 1.53846rem;
  padding-right: 1.53846rem;
  background: #fff;
  border-left: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  right: 0;
  -webkit-overflow-scrolling: touch;
  padding-top: 2.30769rem;
  padding-bottom: 3.84615rem;
  -webkit-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
}

@media (min-width: 768px) {
  .nav--mobile--primary {
    padding-left: 2.46154rem;
  }
}

@media (min-width: 1250px) {
  .nav--mobile--primary {
    padding-left: 3.07692rem;
  }
}

@media (min-width: 768px) {
  .nav--mobile--primary {
    padding-right: 2.46154rem;
  }
}

@media (min-width: 1250px) {
  .nav--mobile--primary {
    padding-right: 3.07692rem;
  }
}

@media (min-width: 550px) {
  .nav--mobile--primary {
    width: 60%;
  }
}

@media (min-width: 960px) {
  .nav--mobile--primary {
    width: 440px;
  }
}

@media (min-width: 1025px) {
  .nav--mobile--primary {
    opacity: 0;
  }
}

.nav--mobile--primary a {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, -o-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s, -o-transform 0.3s;
  will-change: transform, opacity;
  white-space: nowrap;
}

.no-js .nav--mobile--primary {
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  visibility: visible;
  z-index: 2;
}

.nav--mobile__contact {
  padding-top: 2.30769rem;
}

.nav--mobile__contact .contact-info {
  text-align: left;
}

.nav--mobile__contact .contact-info h4 {
  font-size: 1.38462rem;
  letter-spacing: 0;
}

.nav--mobile__contact .contact-info > ul {
  margin-bottom: 0;
}

.nav--mobile__contact .contact-info > ul li {
  padding: 0.76923rem 0;
}

.nav--mobile__buttons {
  padding-top: 4.61538rem;
  text-align: center;
}

.nav--mobile__buttons .button,
.nav--mobile__buttons .added_to_cart,
.nav--mobile__buttons .banner .nav-primary .menu-shop a,
.banner .nav-primary .menu-shop .nav--mobile__buttons a,
.nav--mobile__buttons .banner .nav-primary .menu-item:last-child a,
.banner .nav-primary .menu-item:last-child .nav--mobile__buttons a,
.nav--mobile__buttons .beer-finder .wpsl-search-btn-wrap input,
.beer-finder .wpsl-search-btn-wrap .nav--mobile__buttons input {
  margin-bottom: 0.76923rem;
  width: 90%;
}

.nav--mobile__search {
  padding-top: 2.30769rem;
  padding-bottom: 2.30769rem;
  width: 100%;
}

.nav--mobile__search input[type='search'] {
  outline: 0;
  width: 75%;
}

.nav--mobile__search input[type='search']::-webkit-input-placeholder {
  color: #999;
}

.nav--mobile__search input[type='search']::-moz-placeholder {
  color: #999;
}

.nav--mobile__search input[type='search']::-ms-input-placeholder {
  color: #999;
}

.nav--mobile__search input[type='search']::placeholder {
  color: #999;
}

.nav--mobile__search button[type='submit'] {
  background-color: #0064a8;
  color: #fff;
  font-family: "KapraNeue", Helvetica, Arial, sans-serif;
  font-size: 1.15385rem;
  font-weight: 700;
  text-transform: uppercase;
}

.nav--mobile__search .input-group {
  position: relative;
}

.nav--mobile__search .input-group .input-group-btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 25%;
}

.nav--mobile__social {
  margin-top: 1.53846rem;
}

.nav--mobile__social a {
  color: #0064a8;
  border: 0;
  float: left;
  font-size: 1.38462rem;
  margin: 0 0 0 0.76923rem;
  padding: 0;
  width: 1.53846rem;
}

.nav--mobile__social a:hover {
  color: #0064a8;
}

.nav--mobile__social a:first-child {
  margin-left: 0;
}

.menu {
  background: #fff;
  position: relative;
  right: 0;
  z-index: 20000;
  min-height: 390px;
}

.menu__wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

.menu__level {
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  list-style-type: none;
  height: auto;
  visibility: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
}

.menu__level--current {
  visibility: visible;
}

.menu__item {
  display: block;
  margin: 0;
}

.animate-outToRight .menu__item {
  -webkit-animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
       -o-animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
          animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

.animate-outToLeft .menu__item {
  -webkit-animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
       -o-animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
          animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

.animate-inFromLeft .menu__item {
  -webkit-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
       -o-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
          animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

.animate-inFromRight .menu__item {
  -webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
       -o-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
          animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

.menu__link {
  display: block;
  color: #000;
  border-bottom: 1px solid #ddd;
  position: relative;
  padding: 1.15385rem 0;
  font-size: 1.38462rem;
  font-weight: 700;
  text-transform: none;
  -webkit-transition: color 0.1s;
  -o-transition: color 0.1s;
  transition: color 0.1s;
}

.menu__link[data-submenu]::after {
  color: #000;
  position: absolute;
  top: 50%;
  right: 0;
  line-height: 1em;
  font-size: 1.84615rem;
  margin-top: -0.92308rem;
  padding: 0;
}

.menu__link:hover,
.menu__link[data-submenu]:hover::after {
  color: #0064a8;
}

.menu__back {
  background: none;
  cursor: pointer;
  border: 0;
  bottom: 100%;
  left: -6px;
  display: block;
  color: #0064a8;
  font-size: 1.53846rem;
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 0 0 0.23077rem;
  padding: 1.15385rem 0;
  position: absolute;
  opacity: 1;
  -webkit-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 100;
}

.menu__back:hover,
.menu__back:focus {
  color: #0064a8;
  outline: none;
}

.menu__back.is-hidden {
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateX(20px);
       -o-transform: translateX(20px);
          transform: translateX(20px);
}

.menu__breadcrumbs {
  position: absolute;
  bottom: 100%;
  left: 0;
  font-size: 0.76923rem;
  line-height: 1em;
  padding: 2.30769rem 0 0;
  height: 3.07692rem;
  /* stylelint-disable */
  /* stylelint-enable */
}

.menu__breadcrumbs a {
  cursor: pointer;
  display: inline-block;
  color: #0064a8;
  vertical-align: top;
  font-size: 0.76923rem;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1em;
  text-transform: uppercase;
  margin-right: 0.23077rem;
  padding-right: 1rem;
  position: relative;
}

.menu__breadcrumbs a,
.menu__breadcrumbs a:hover {
  color: #0064a8;
}

.menu__breadcrumbs a:last-child {
  pointer-events: none;
}

.menu__breadcrumbs a:not(:last-child)::after {
  color: #0064a8;
  display: inline-block;
  line-height: 0.76923rem;
  padding: 0;
  position: absolute;
  top: 1px;
  right: 0;
}

.menu__breadcrumbs a:not(:last-child):hover::after {
  color: #33353e;
}

.menu__breadcrumbs .breadcrumb-link {
  opacity: 1;
  -webkit-transition-property: opacity transform;
  -o-transition-property: opacity transform;
  transition-property: opacity transform;
  -webkit-transition-duration: 0.25s;
       -o-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-timing-function: easeOutCubic;
       -o-transition-timing-function: easeOutCubic;
          transition-timing-function: easeOutCubic;
  -webkit-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
}

.menu__breadcrumbs .breadcrumb-link.not-visible {
  opacity: 0;
  -webkit-transform: translateX(20px);
       -o-transform: translateX(20px);
          transform: translateX(20px);
}

.menu__breadcrumbs .breadcrumb-link.not-visible:first-child {
  opacity: 1;
  -webkit-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
}

[class^='animate-'],
[class*=' animate-'] {
  visibility: visible;
}

.banner {
  padding-top: 0.76923rem;
  padding-bottom: 0.76923rem;
}

@media (min-width: 768px) {
  .banner {
    padding-top: 1.23077rem;
  }
}

@media (min-width: 1250px) {
  .banner {
    padding-top: 1.53846rem;
  }
}

@media (min-width: 768px) {
  .banner {
    padding-bottom: 1.23077rem;
  }
}

@media (min-width: 1250px) {
  .banner {
    padding-bottom: 1.53846rem;
  }
}

.banner .container,
.banner .beer-finder .wpsl-search,
.beer-finder .banner .wpsl-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.banner .brand img {
  max-width: 9.23077rem;
  -ms-flex-item-align: center;
      align-self: center;
  max-height: 10rem;
}

@media (max-width: 1024px) {
  .banner .brand img {
    max-width: 6.15385rem;
  }
}

.banner .nav-primary {
  display: none;
}

@media (min-width: 1025px) {
  .banner .nav-primary {
    display: block;
  }

  .banner .nav-primary .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.banner .nav-primary .menu-shop {
  padding-right: 0;
}

@media (min-width: 768px) {
  .banner .nav-primary .menu-shop {
    padding-right: 0;
  }
}

@media (min-width: 1250px) {
  .banner .nav-primary .menu-shop {
    padding-right: 0;
  }
}

.banner .nav-primary .menu-shop.active a {
  color: white !important;
}

.banner .nav-primary .menu-item {
  padding-right: 0.96154rem;
  list-style-type: none;
  display: inline-block;
  font-size: 1.07692rem;
  font-family: "Trim", Helvetica, Arial, sans-serif;
}

@media (min-width: 768px) {
  .banner .nav-primary .menu-item {
    padding-right: 1.53846rem;
  }
}

@media (min-width: 1250px) {
  .banner .nav-primary .menu-item {
    padding-right: 1.92308rem;
  }
}

@media (min-width: 1025px) {
  .banner .nav-primary .menu-item {
    font-size: 1.23077rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.banner .nav-primary .menu-item.menu-:not(:nth-last-child(2)) {
  padding-right: 0.38462rem;
}

@media (min-width: 768px) {
  .banner .nav-primary .menu-item.menu-:not(:nth-last-child(2)) {
    padding-right: 0.61538rem;
  }
}

@media (min-width: 1250px) {
  .banner .nav-primary .menu-item.menu-:not(:nth-last-child(2)) {
    padding-right: 0.76923rem;
  }
}

.banner .nav-primary .menu-item:last-child {
  padding-right: 0;
}

@media (min-width: 768px) {
  .banner .nav-primary .menu-item:last-child {
    padding-right: 0;
  }
}

@media (min-width: 1250px) {
  .banner .nav-primary .menu-item:last-child {
    padding-right: 0;
  }
}

.nav__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  top: 0;
  right: 0;
  z-index: 1000;
}

.nav__toggle .text {
  font-size: 1.15385rem;
  text-transform: uppercase;
  vertical-align: middle;
}

@media (min-width: 1025px) {
  .nav__toggle {
    display: none;
  }

  .nav-hamburger .nav__toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-width: 1025px) {
  .hidden-mobile {
    display: none !important;
  }
}

.hero {
  position: relative;
  min-height: 52.30769rem;
  padding-bottom: 5%;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .hero {
    min-height: 46.15385rem;
  }
}

@media (max-width: 959px) {
  .hero {
    min-height: 44.61538rem;
  }
}

@media (max-width: 767px) {
  .hero {
    min-height: 41.53846rem;
  }
}

@media (min-width: 1440px) {
  .hero {
    min-height: 61.53846rem;
  }
}

@media (min-width: 1921px) {
  .hero {
    min-height: 73.84615rem;
  }
}

.hero__images {
  z-index: -1;
}

.hero__images img {
  position: absolute;
}

.hero__images-back {
  width: 100%;
  height: auto;
  bottom: 10%;
}

@media (max-width: 1024px) {
  .hero__images-back {
    bottom: 5%;
  }
}

.hero__images-front {
  left: 30%;
  width: 40%;
  height: auto;
  max-width: 53.84615rem;
  bottom: 0;
  z-index: 10000000;
}

@media (max-width: 767px) {
  .hero__images-front {
    width: 60%;
    left: 20%;
  }
}

@media (min-width: 1440px) {
  .hero__images-front {
    max-width: 100%;
  }
}

.hero .standard-text {
  padding-top: 3.07692rem;
  padding-bottom: 1.92308rem;
  position: absolute;
  -webkit-transform: translateX(-50%) !important;
       -o-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
  left: 50%;
  top: 0;
  z-index: 1000;
}

@media (min-width: 768px) {
  .hero .standard-text {
    padding-top: 4.92308rem;
  }
}

@media (min-width: 1250px) {
  .hero .standard-text {
    padding-top: 6.15385rem;
  }
}

@media (min-width: 768px) {
  .hero .standard-text {
    padding-bottom: 3.07692rem;
  }
}

@media (min-width: 1250px) {
  .hero .standard-text {
    padding-bottom: 3.84615rem;
  }
}

@media (min-width: 1921px) {
  .hero .standard-text {
    padding-top: 1.53846rem;
    padding-bottom: 1.92308rem;
  }
}

@media (min-width: 1921px) and (min-width: 768px) {
  .hero .standard-text {
    padding-top: 2.46154rem;
  }
}

@media (min-width: 1921px) and (min-width: 1250px) {
  .hero .standard-text {
    padding-top: 3.07692rem;
  }
}

@media (min-width: 1921px) and (min-width: 768px) {
  .hero .standard-text {
    padding-bottom: 3.07692rem;
  }
}

@media (min-width: 1921px) and (min-width: 1250px) {
  .hero .standard-text {
    padding-bottom: 3.84615rem;
  }
}

.hero .standard-text__content {
  text-transform: uppercase;
}

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

  .hero .background * {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-animation: none !important;
         -o-animation: none !important;
            animation: none !important;
  }
}

@media (min-width: 768px) {
  .hero .background {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden;
    z-index: 1000;
  }

  .hero .background img {
    display: block;
    height: auto;
    width: 100%;
  }

  .hero .background__cloud,
  .hero .background__boat,
  .hero .background__whale,
  .hero .background__smoke {
    position: absolute;
    overflow: hidden;
  }

  .hero .background__clouds {
    position: relative;
    overflow: hidden;
    height: calc(100% - 12vw);
  }

  .hero .background__clouds--3 {
    top: 7%;
    right: 40vw;
    -webkit-animation: cloudLeft-3 500s linear normal;
         -o-animation: cloudLeft-3 500s linear normal;
            animation: cloudLeft-3 500s linear normal;
  }

  .hero .background__clouds--2 {
    top: 30%;
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    z-index: 100;
    -webkit-animation: cloudLeft-2 100s linear infinite;
         -o-animation: cloudLeft-2 100s linear infinite;
            animation: cloudLeft-2 100s linear infinite;
  }

  .hero .background__clouds--1 {
    bottom: 15%;
    left: 10%;
    -webkit-animation: cloudLeft-1 200s linear normal;
         -o-animation: cloudLeft-1 200s linear normal;
            animation: cloudLeft-1 200s linear normal;
  }

  .hero .background__whales {
    width: 100%;
  }

  .hero .background__whales--1,
  .hero .background__whales--2,
  .hero .background__whales--3 {
    -webkit-transform: translate3d(calc(-100% - 200px), 0, 0);
            transform: translate3d(calc(-100% - 200px), 0, 0);
    -webkit-animation: whale-1 40s linear infinite;
         -o-animation: whale-1 40s linear infinite;
            animation: whale-1 40s linear infinite;
  }

  .hero .background__whales--1 img,
  .hero .background__whales--2 img,
  .hero .background__whales--3 img {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    -webkit-animation: whale-1--img 10s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
         -o-animation: whale-1--img 10s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
            animation: whale-1--img 10s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
  }

  .hero .background__whales--1 {
    width: 6.5vw;
    bottom: 2.8vw;
    left: 5.3vw;
  }

  .hero .background__whales--1 img {
    -webkit-animation-delay: 0s;
         -o-animation-delay: 0s;
            animation-delay: 0s;
  }

  .hero .background__whales--2 {
    width: 3.6vw;
    bottom: 4.6vw;
    left: 10.4vw;
  }

  .hero .background__whales--2 img {
    -webkit-animation-delay: 0.4s;
         -o-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }

  .hero .background__whales--3 {
    width: 4.2vw;
    bottom: 3.7vw;
    left: 0;
  }

  .hero .background__whales--3 img {
    -webkit-animation-delay: 0.87s;
         -o-animation-delay: 0.87s;
            animation-delay: 0.87s;
  }

  .hero .background__boat {
    overflow: visible;
  }

  .hero .background__boat--1 figure,
  .hero .background__boat--2 figure,
  .hero .background__boat--3 figure,
  .hero .background__boat--4 figure {
    position: absolute;
    width: 100%;
    -webkit-animation: boat-bob 1.8s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
         -o-animation: boat-bob 1.8s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
            animation: boat-bob 1.8s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }

  .hero .background__boat--1 img,
  .hero .background__boat--2 img,
  .hero .background__boat--3 img,
  .hero .background__boat--4 img {
    -webkit-animation: boat-rock 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
         -o-animation: boat-rock 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
            animation: boat-rock 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
  }

  .hero .background__boat--1 {
    width: 4vw;
    bottom: 4vw;
    right: 0;
  }

  .hero .background__boat--1 figure {
    -webkit-animation: boat-travel 40s linear infinite;
         -o-animation: boat-travel 40s linear infinite;
            animation: boat-travel 40s linear infinite;
  }

  .hero .background__boat--1 img {
    -webkit-animation-name: boat-rock--2;
         -o-animation-name: boat-rock--2;
            animation-name: boat-rock--2;
    -webkit-animation-duration: 3s;
         -o-animation-duration: 3s;
            animation-duration: 3s;
  }

  .hero .background__boat--2 {
    width: 2.5vw;
    bottom: 8vw;
    right: 24vw;
  }

  .hero .background__boat--2 figure {
    -webkit-animation-duration: 1.6s;
         -o-animation-duration: 1.6s;
            animation-duration: 1.6s;
  }

  .hero .background__boat--2 img {
    -webkit-animation-name: boat-rock--2;
         -o-animation-name: boat-rock--2;
            animation-name: boat-rock--2;
    -webkit-animation-duration: 1.5s;
         -o-animation-duration: 1.5s;
            animation-duration: 1.5s;
  }

  .hero .background__boat--3 {
    width: 1.7vw;
    bottom: 11vw;
    left: 13vw;
  }

  .hero .background__boat--3 figure {
    -webkit-animation-duration: 2s;
         -o-animation-duration: 2s;
            animation-duration: 2s;
  }

  .hero .background__boat--3 img {
    -webkit-animation-name: boat-rock;
         -o-animation-name: boat-rock;
            animation-name: boat-rock;
    -webkit-animation-duration: 3.8s;
         -o-animation-duration: 3.8s;
            animation-duration: 3.8s;
  }

  .hero .background__boat--4 {
    width: 2vw;
    bottom: 10vw;
    right: 0;
  }

  .hero .background__boat--4 figure {
    -webkit-animation: boat-travel-flip 40s linear infinite;
         -o-animation: boat-travel-flip 40s linear infinite;
            animation: boat-travel-flip 40s linear infinite;
    -webkit-animation-delay: 10s;
         -o-animation-delay: 10s;
            animation-delay: 10s;
  }

  .hero .background__boat--4 img {
    -webkit-animation-name: boat-rock--2;
         -o-animation-name: boat-rock--2;
            animation-name: boat-rock--2;
    -webkit-animation-duration: 3s;
         -o-animation-duration: 3s;
            animation-duration: 3s;
  }

  .hero .background__smoke {
    position: absolute;
    overflow: hidden;
    width: 100%;
    top: 0;
    right: 0;
    height: auto;
    bottom: 10%;
    -webkit-animation: smoke-cabin 10s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
         -o-animation: smoke-cabin 10s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
            animation: smoke-cabin 10s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
  }

  .hero .background__smoke--cabin {
    position: absolute;
    width: 7vw;
    bottom: 50%;
    right: 3.5%;
    opacity: 0.2;
  }

@-webkit-keyframes boat-rock {
    0% {
      -webkit-transform: rotate(-2deg);
              transform: rotate(-2deg);
    }

    50% {
      -webkit-transform: rotate(2deg);
              transform: rotate(2deg);
    }

    100% {
      -webkit-transform: rotate(-2deg);
              transform: rotate(-2deg);
    }
}

@-o-keyframes boat-rock {
    0% {
      -o-transform: rotate(-2deg);
         transform: rotate(-2deg);
    }

    50% {
      -o-transform: rotate(2deg);
         transform: rotate(2deg);
    }

    100% {
      -o-transform: rotate(-2deg);
         transform: rotate(-2deg);
    }
}

@keyframes boat-rock {
    0% {
      -webkit-transform: rotate(-2deg);
           -o-transform: rotate(-2deg);
              transform: rotate(-2deg);
    }

    50% {
      -webkit-transform: rotate(2deg);
           -o-transform: rotate(2deg);
              transform: rotate(2deg);
    }

    100% {
      -webkit-transform: rotate(-2deg);
           -o-transform: rotate(-2deg);
              transform: rotate(-2deg);
    }
}

@-webkit-keyframes boat-rock--2 {
    0% {
      -webkit-transform: rotate(-1.5deg);
              transform: rotate(-1.5deg);
    }

    50% {
      -webkit-transform: rotate(1.5deg);
              transform: rotate(1.5deg);
    }

    100% {
      -webkit-transform: rotate(-1.5deg);
              transform: rotate(-1.5deg);
    }
}

@-o-keyframes boat-rock--2 {
    0% {
      -o-transform: rotate(-1.5deg);
         transform: rotate(-1.5deg);
    }

    50% {
      -o-transform: rotate(1.5deg);
         transform: rotate(1.5deg);
    }

    100% {
      -o-transform: rotate(-1.5deg);
         transform: rotate(-1.5deg);
    }
}

@keyframes boat-rock--2 {
    0% {
      -webkit-transform: rotate(-1.5deg);
           -o-transform: rotate(-1.5deg);
              transform: rotate(-1.5deg);
    }

    50% {
      -webkit-transform: rotate(1.5deg);
           -o-transform: rotate(1.5deg);
              transform: rotate(1.5deg);
    }

    100% {
      -webkit-transform: rotate(-1.5deg);
           -o-transform: rotate(-1.5deg);
              transform: rotate(-1.5deg);
    }
}

@-webkit-keyframes boat-bob {
    0% {
      -webkit-transform: translate3d(0, 0.05vw, 0);
              transform: translate3d(0, 0.05vw, 0);
    }

    50% {
      -webkit-transform: translate3d(0, 0.1vw, 0);
              transform: translate3d(0, 0.1vw, 0);
    }

    100% {
      -webkit-transform: translate3d(0, 0.05vw, 0);
              transform: translate3d(0, 0.05vw, 0);
    }
}

@-o-keyframes boat-bob {
    0% {
      transform: translate3d(0, 0.05vw, 0);
    }

    50% {
      transform: translate3d(0, 0.1vw, 0);
    }

    100% {
      transform: translate3d(0, 0.05vw, 0);
    }
}

@keyframes boat-bob {
    0% {
      -webkit-transform: translate3d(0, 0.05vw, 0);
              transform: translate3d(0, 0.05vw, 0);
    }

    50% {
      -webkit-transform: translate3d(0, 0.1vw, 0);
              transform: translate3d(0, 0.1vw, 0);
    }

    100% {
      -webkit-transform: translate3d(0, 0.05vw, 0);
              transform: translate3d(0, 0.05vw, 0);
    }
}

@-webkit-keyframes smoke-cabin {
    0% {
      -webkit-transform: rotate(-1.5deg);
              transform: rotate(-1.5deg);
      opacity: 0.6;
    }

    50% {
      -webkit-transform: rotate(1.5deg);
              transform: rotate(1.5deg);
      opacity: 0.9;
    }

    100% {
      -webkit-transform: rotate(-1.5deg);
              transform: rotate(-1.5deg);
      opacity: 0.4;
    }
}

@-o-keyframes smoke-cabin {
    0% {
      -o-transform: rotate(-1.5deg);
         transform: rotate(-1.5deg);
      opacity: 0.6;
    }

    50% {
      -o-transform: rotate(1.5deg);
         transform: rotate(1.5deg);
      opacity: 0.9;
    }

    100% {
      -o-transform: rotate(-1.5deg);
         transform: rotate(-1.5deg);
      opacity: 0.4;
    }
}

@keyframes smoke-cabin {
    0% {
      -webkit-transform: rotate(-1.5deg);
           -o-transform: rotate(-1.5deg);
              transform: rotate(-1.5deg);
      opacity: 0.6;
    }

    50% {
      -webkit-transform: rotate(1.5deg);
           -o-transform: rotate(1.5deg);
              transform: rotate(1.5deg);
      opacity: 0.9;
    }

    100% {
      -webkit-transform: rotate(-1.5deg);
           -o-transform: rotate(-1.5deg);
              transform: rotate(-1.5deg);
      opacity: 0.4;
    }
}

@-webkit-keyframes boat-travel {
    0% {
      -webkit-transform: translate3d(calc(100%), 0, 0);
              transform: translate3d(calc(100%), 0, 0);
    }

    100% {
      -webkit-transform: translate3d(-100vw, 0, 0);
              transform: translate3d(-100vw, 0, 0);
    }
}

@-o-keyframes boat-travel {
    0% {
      transform: translate3d(calc(100%), 0, 0);
    }

    100% {
      transform: translate3d(-100vw, 0, 0);
    }
}

@keyframes boat-travel {
    0% {
      -webkit-transform: translate3d(calc(100%), 0, 0);
              transform: translate3d(calc(100%), 0, 0);
    }

    100% {
      -webkit-transform: translate3d(-100vw, 0, 0);
              transform: translate3d(-100vw, 0, 0);
    }
}

@-webkit-keyframes boat-travel-flip {
    0% {
      -webkit-transform: translate3d(-100vw, 0, 0);
              transform: translate3d(-100vw, 0, 0);
    }

    100% {
      -webkit-transform: translate3d(calc(100%), 0, 0);
              transform: translate3d(calc(100%), 0, 0);
    }
}

@-o-keyframes boat-travel-flip {
    0% {
      transform: translate3d(-100vw, 0, 0);
    }

    100% {
      transform: translate3d(calc(100%), 0, 0);
    }
}

@keyframes boat-travel-flip {
    0% {
      -webkit-transform: translate3d(-100vw, 0, 0);
              transform: translate3d(-100vw, 0, 0);
    }

    100% {
      -webkit-transform: translate3d(calc(100%), 0, 0);
              transform: translate3d(calc(100%), 0, 0);
    }
}

@-webkit-keyframes whale-1 {
    0% {
      -webkit-transform: translate3d(calc(-100% - 200px), 0, 0);
              transform: translate3d(calc(-100% - 200px), 0, 0);
    }

    100% {
      -webkit-transform: translate3d(100vw, 0, 0);
              transform: translate3d(100vw, 0, 0);
    }
}

@-o-keyframes whale-1 {
    0% {
      transform: translate3d(calc(-100% - 200px), 0, 0);
    }

    100% {
      transform: translate3d(100vw, 0, 0);
    }
}

@keyframes whale-1 {
    0% {
      -webkit-transform: translate3d(calc(-100% - 200px), 0, 0);
              transform: translate3d(calc(-100% - 200px), 0, 0);
    }

    100% {
      -webkit-transform: translate3d(100vw, 0, 0);
              transform: translate3d(100vw, 0, 0);
    }
}

@-webkit-keyframes whale-1--img {
    0% {
      -webkit-transform: translate3d(0, 120%, 0) rotate(-45deg);
              transform: translate3d(0, 120%, 0) rotate(-45deg);
    }

    10% {
      -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
              transform: translate3d(0, 0, 0) rotate(0deg);
    }

    15% {
      -webkit-transform: translate3d(1px, 1px, 0) rotate(0deg);
              transform: translate3d(1px, 1px, 0) rotate(0deg);
    }

    20% {
      -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
              transform: translate3d(0, 0, 0) rotate(0deg);
    }

    25% {
      -webkit-transform: translate3d(-1px, 1px, 0) rotate(0deg);
              transform: translate3d(-1px, 1px, 0) rotate(0deg);
    }

    30% {
      -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
              transform: translate3d(0, 0, 0) rotate(0deg);
    }

    35% {
      -webkit-transform: translate3d(1px, 1px, 0) rotate(0deg);
              transform: translate3d(1px, 1px, 0) rotate(0deg);
    }

    40% {
      -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
              transform: translate3d(0, 0, 0) rotate(0deg);
    }

    45% {
      -webkit-transform: translate3d(-1px, 1px, 0) rotate(0deg);
              transform: translate3d(-1px, 1px, 0) rotate(0deg);
    }

    50% {
      -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
              transform: translate3d(0, 0, 0) rotate(0deg);
    }

    60% {
      -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
              transform: translate3d(0, 0, 0) rotate(0deg);
    }

    80% {
      -webkit-transform: translate3d(0, 150%, 0) rotate(45deg);
              transform: translate3d(0, 150%, 0) rotate(45deg);
    }

    100% {
      -webkit-transform: translate3d(0, 150%, 0) rotate(45deg);
              transform: translate3d(0, 150%, 0) rotate(45deg);
    }
}

@-o-keyframes whale-1--img {
    0% {
      transform: translate3d(0, 120%, 0) rotate(-45deg);
    }

    10% {
      transform: translate3d(0, 0, 0) rotate(0deg);
    }

    15% {
      transform: translate3d(1px, 1px, 0) rotate(0deg);
    }

    20% {
      transform: translate3d(0, 0, 0) rotate(0deg);
    }

    25% {
      transform: translate3d(-1px, 1px, 0) rotate(0deg);
    }

    30% {
      transform: translate3d(0, 0, 0) rotate(0deg);
    }

    35% {
      transform: translate3d(1px, 1px, 0) rotate(0deg);
    }

    40% {
      transform: translate3d(0, 0, 0) rotate(0deg);
    }

    45% {
      transform: translate3d(-1px, 1px, 0) rotate(0deg);
    }

    50% {
      transform: translate3d(0, 0, 0) rotate(0deg);
    }

    60% {
      transform: translate3d(0, 0, 0) rotate(0deg);
    }

    80% {
      transform: translate3d(0, 150%, 0) rotate(45deg);
    }

    100% {
      transform: translate3d(0, 150%, 0) rotate(45deg);
    }
}

@keyframes whale-1--img {
    0% {
      -webkit-transform: translate3d(0, 120%, 0) rotate(-45deg);
              transform: translate3d(0, 120%, 0) rotate(-45deg);
    }

    10% {
      -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
              transform: translate3d(0, 0, 0) rotate(0deg);
    }

    15% {
      -webkit-transform: translate3d(1px, 1px, 0) rotate(0deg);
              transform: translate3d(1px, 1px, 0) rotate(0deg);
    }

    20% {
      -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
              transform: translate3d(0, 0, 0) rotate(0deg);
    }

    25% {
      -webkit-transform: translate3d(-1px, 1px, 0) rotate(0deg);
              transform: translate3d(-1px, 1px, 0) rotate(0deg);
    }

    30% {
      -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
              transform: translate3d(0, 0, 0) rotate(0deg);
    }

    35% {
      -webkit-transform: translate3d(1px, 1px, 0) rotate(0deg);
              transform: translate3d(1px, 1px, 0) rotate(0deg);
    }

    40% {
      -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
              transform: translate3d(0, 0, 0) rotate(0deg);
    }

    45% {
      -webkit-transform: translate3d(-1px, 1px, 0) rotate(0deg);
              transform: translate3d(-1px, 1px, 0) rotate(0deg);
    }

    50% {
      -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
              transform: translate3d(0, 0, 0) rotate(0deg);
    }

    60% {
      -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
              transform: translate3d(0, 0, 0) rotate(0deg);
    }

    80% {
      -webkit-transform: translate3d(0, 150%, 0) rotate(45deg);
              transform: translate3d(0, 150%, 0) rotate(45deg);
    }

    100% {
      -webkit-transform: translate3d(0, 150%, 0) rotate(45deg);
              transform: translate3d(0, 150%, 0) rotate(45deg);
    }
}

@-webkit-keyframes cloudLeft-3 {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }

    10% {
      -webkit-transform: translate3d(-10vw, -20px, 0);
              transform: translate3d(-10vw, -20px, 0);
    }

    20% {
      -webkit-transform: translate3d(-20vw, 0, 0);
              transform: translate3d(-20vw, 0, 0);
    }

    30% {
      -webkit-transform: translate3d(-30vw, 20px, 0);
              transform: translate3d(-30vw, 20px, 0);
    }

    40% {
      -webkit-transform: translate3d(-40vw, 0, 0);
              transform: translate3d(-40vw, 0, 0);
    }

    50% {
      -webkit-transform: translate3d(-50vw, -20px, 0);
              transform: translate3d(-50vw, -20px, 0);
    }

    60% {
      -webkit-transform: translate3d(-60vw, 0, 0);
              transform: translate3d(-60vw, 0, 0);
    }

    70% {
      -webkit-transform: translate3d(-70vw, 20px, 0);
              transform: translate3d(-70vw, 20px, 0);
    }

    80% {
      -webkit-transform: translate3d(-80vw, 0, 0);
              transform: translate3d(-80vw, 0, 0);
    }

    90% {
      -webkit-transform: translate3d(-90vw, -20px, 0);
              transform: translate3d(-90vw, -20px, 0);
    }

    100% {
      -webkit-transform: translate3d(-100vw, 0, 0);
              transform: translate3d(-100vw, 0, 0);
    }
}

@-o-keyframes cloudLeft-3 {
    0% {
      transform: translate3d(0, 0, 0);
    }

    10% {
      transform: translate3d(-10vw, -20px, 0);
    }

    20% {
      transform: translate3d(-20vw, 0, 0);
    }

    30% {
      transform: translate3d(-30vw, 20px, 0);
    }

    40% {
      transform: translate3d(-40vw, 0, 0);
    }

    50% {
      transform: translate3d(-50vw, -20px, 0);
    }

    60% {
      transform: translate3d(-60vw, 0, 0);
    }

    70% {
      transform: translate3d(-70vw, 20px, 0);
    }

    80% {
      transform: translate3d(-80vw, 0, 0);
    }

    90% {
      transform: translate3d(-90vw, -20px, 0);
    }

    100% {
      transform: translate3d(-100vw, 0, 0);
    }
}

@keyframes cloudLeft-3 {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }

    10% {
      -webkit-transform: translate3d(-10vw, -20px, 0);
              transform: translate3d(-10vw, -20px, 0);
    }

    20% {
      -webkit-transform: translate3d(-20vw, 0, 0);
              transform: translate3d(-20vw, 0, 0);
    }

    30% {
      -webkit-transform: translate3d(-30vw, 20px, 0);
              transform: translate3d(-30vw, 20px, 0);
    }

    40% {
      -webkit-transform: translate3d(-40vw, 0, 0);
              transform: translate3d(-40vw, 0, 0);
    }

    50% {
      -webkit-transform: translate3d(-50vw, -20px, 0);
              transform: translate3d(-50vw, -20px, 0);
    }

    60% {
      -webkit-transform: translate3d(-60vw, 0, 0);
              transform: translate3d(-60vw, 0, 0);
    }

    70% {
      -webkit-transform: translate3d(-70vw, 20px, 0);
              transform: translate3d(-70vw, 20px, 0);
    }

    80% {
      -webkit-transform: translate3d(-80vw, 0, 0);
              transform: translate3d(-80vw, 0, 0);
    }

    90% {
      -webkit-transform: translate3d(-90vw, -20px, 0);
              transform: translate3d(-90vw, -20px, 0);
    }

    100% {
      -webkit-transform: translate3d(-100vw, 0, 0);
              transform: translate3d(-100vw, 0, 0);
    }
}

@-webkit-keyframes cloudLeft-2 {
    0% {
      -webkit-transform: translate3d(100%, 0, 0);
              transform: translate3d(100%, 0, 0);
    }

    10% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }

    20% {
      -webkit-transform: translate3d(-11.1vw, 0, 0);
              transform: translate3d(-11.1vw, 0, 0);
    }

    30% {
      -webkit-transform: translate3d(-22.2vw, 0, 0);
              transform: translate3d(-22.2vw, 0, 0);
    }

    40% {
      -webkit-transform: translate3d(-33.3vw, 0, 0);
              transform: translate3d(-33.3vw, 0, 0);
    }

    50% {
      -webkit-transform: translate3d(-44.4vw, 0, 0);
              transform: translate3d(-44.4vw, 0, 0);
    }

    60% {
      -webkit-transform: translate3d(-55.5vw, 0, 0);
              transform: translate3d(-55.5vw, 0, 0);
    }

    70% {
      -webkit-transform: translate3d(-66.6vw, 0, 0);
              transform: translate3d(-66.6vw, 0, 0);
    }

    80% {
      -webkit-transform: translate3d(-77.7vw, 0, 0);
              transform: translate3d(-77.7vw, 0, 0);
    }

    90% {
      -webkit-transform: translate3d(-88.8vw, 0, 0);
              transform: translate3d(-88.8vw, 0, 0);
    }

    100% {
      -webkit-transform: translate3d(-100vw, 0, 0);
              transform: translate3d(-100vw, 0, 0);
    }
}

@-o-keyframes cloudLeft-2 {
    0% {
      transform: translate3d(100%, 0, 0);
    }

    10% {
      transform: translate3d(0, 0, 0);
    }

    20% {
      transform: translate3d(-11.1vw, 0, 0);
    }

    30% {
      transform: translate3d(-22.2vw, 0, 0);
    }

    40% {
      transform: translate3d(-33.3vw, 0, 0);
    }

    50% {
      transform: translate3d(-44.4vw, 0, 0);
    }

    60% {
      transform: translate3d(-55.5vw, 0, 0);
    }

    70% {
      transform: translate3d(-66.6vw, 0, 0);
    }

    80% {
      transform: translate3d(-77.7vw, 0, 0);
    }

    90% {
      transform: translate3d(-88.8vw, 0, 0);
    }

    100% {
      transform: translate3d(-100vw, 0, 0);
    }
}

@keyframes cloudLeft-2 {
    0% {
      -webkit-transform: translate3d(100%, 0, 0);
              transform: translate3d(100%, 0, 0);
    }

    10% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }

    20% {
      -webkit-transform: translate3d(-11.1vw, 0, 0);
              transform: translate3d(-11.1vw, 0, 0);
    }

    30% {
      -webkit-transform: translate3d(-22.2vw, 0, 0);
              transform: translate3d(-22.2vw, 0, 0);
    }

    40% {
      -webkit-transform: translate3d(-33.3vw, 0, 0);
              transform: translate3d(-33.3vw, 0, 0);
    }

    50% {
      -webkit-transform: translate3d(-44.4vw, 0, 0);
              transform: translate3d(-44.4vw, 0, 0);
    }

    60% {
      -webkit-transform: translate3d(-55.5vw, 0, 0);
              transform: translate3d(-55.5vw, 0, 0);
    }

    70% {
      -webkit-transform: translate3d(-66.6vw, 0, 0);
              transform: translate3d(-66.6vw, 0, 0);
    }

    80% {
      -webkit-transform: translate3d(-77.7vw, 0, 0);
              transform: translate3d(-77.7vw, 0, 0);
    }

    90% {
      -webkit-transform: translate3d(-88.8vw, 0, 0);
              transform: translate3d(-88.8vw, 0, 0);
    }

    100% {
      -webkit-transform: translate3d(-100vw, 0, 0);
              transform: translate3d(-100vw, 0, 0);
    }
}

@-webkit-keyframes cloudLeft-1 {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }

    10% {
      -webkit-transform: translate3d(10vw, -20px, 0);
              transform: translate3d(10vw, -20px, 0);
    }

    20% {
      -webkit-transform: translate3d(20vw, 0, 0);
              transform: translate3d(20vw, 0, 0);
    }

    30% {
      -webkit-transform: translate3d(30vw, 20px, 0);
              transform: translate3d(30vw, 20px, 0);
    }

    40% {
      -webkit-transform: translate3d(40vw, 0, 0);
              transform: translate3d(40vw, 0, 0);
    }

    50% {
      -webkit-transform: translate3d(50vw, -20px, 0);
              transform: translate3d(50vw, -20px, 0);
    }

    60% {
      -webkit-transform: translate3d(60vw, 0, 0);
              transform: translate3d(60vw, 0, 0);
    }

    70% {
      -webkit-transform: translate3d(70vw, 20px, 0);
              transform: translate3d(70vw, 20px, 0);
    }

    80% {
      -webkit-transform: translate3d(80vw, 0, 0);
              transform: translate3d(80vw, 0, 0);
    }

    90% {
      -webkit-transform: translate3d(90vw, -20px, 0);
              transform: translate3d(90vw, -20px, 0);
    }

    100% {
      -webkit-transform: translate3d(100vw, 0, 0);
              transform: translate3d(100vw, 0, 0);
    }
}

@-o-keyframes cloudLeft-1 {
    0% {
      transform: translate3d(0, 0, 0);
    }

    10% {
      transform: translate3d(10vw, -20px, 0);
    }

    20% {
      transform: translate3d(20vw, 0, 0);
    }

    30% {
      transform: translate3d(30vw, 20px, 0);
    }

    40% {
      transform: translate3d(40vw, 0, 0);
    }

    50% {
      transform: translate3d(50vw, -20px, 0);
    }

    60% {
      transform: translate3d(60vw, 0, 0);
    }

    70% {
      transform: translate3d(70vw, 20px, 0);
    }

    80% {
      transform: translate3d(80vw, 0, 0);
    }

    90% {
      transform: translate3d(90vw, -20px, 0);
    }

    100% {
      transform: translate3d(100vw, 0, 0);
    }
}

@keyframes cloudLeft-1 {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }

    10% {
      -webkit-transform: translate3d(10vw, -20px, 0);
              transform: translate3d(10vw, -20px, 0);
    }

    20% {
      -webkit-transform: translate3d(20vw, 0, 0);
              transform: translate3d(20vw, 0, 0);
    }

    30% {
      -webkit-transform: translate3d(30vw, 20px, 0);
              transform: translate3d(30vw, 20px, 0);
    }

    40% {
      -webkit-transform: translate3d(40vw, 0, 0);
              transform: translate3d(40vw, 0, 0);
    }

    50% {
      -webkit-transform: translate3d(50vw, -20px, 0);
              transform: translate3d(50vw, -20px, 0);
    }

    60% {
      -webkit-transform: translate3d(60vw, 0, 0);
              transform: translate3d(60vw, 0, 0);
    }

    70% {
      -webkit-transform: translate3d(70vw, 20px, 0);
              transform: translate3d(70vw, 20px, 0);
    }

    80% {
      -webkit-transform: translate3d(80vw, 0, 0);
              transform: translate3d(80vw, 0, 0);
    }

    90% {
      -webkit-transform: translate3d(90vw, -20px, 0);
              transform: translate3d(90vw, -20px, 0);
    }

    100% {
      -webkit-transform: translate3d(100vw, 0, 0);
              transform: translate3d(100vw, 0, 0);
    }
}
}

.footer {
  padding-top: 5.38462rem;
  padding-bottom: 2.30769rem;
  background-position: top center;
  background-size: 100% 100vh;
}

@media (min-width: 768px) {
  .footer {
    padding-top: 8.61538rem;
  }
}

@media (min-width: 1250px) {
  .footer {
    padding-top: 10.76923rem;
  }
}

@media (min-width: 768px) {
  .footer {
    padding-bottom: 3.69231rem;
  }
}

@media (min-width: 1250px) {
  .footer {
    padding-bottom: 4.61538rem;
  }
}

.footer .flex--it {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 959px) {
  .footer .flex--it {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.footer__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media (max-width: 767px) {
  .footer__column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 959px) {
  .footer__column {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.footer__column:last-child {
  padding-left: 1.92308rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 768px) {
  .footer__column:last-child {
    padding-left: 3.07692rem;
  }
}

@media (min-width: 1250px) {
  .footer__column:last-child {
    padding-left: 3.84615rem;
  }
}

@media (max-width: 959px) {
  .footer__column:last-child {
    padding-left: 0;
  }
}

@media (max-width: 959px) and (min-width: 768px) {
  .footer__column:last-child {
    padding-left: 0;
  }
}

@media (max-width: 959px) and (min-width: 1250px) {
  .footer__column:last-child {
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .footer__column .brand {
    padding-right: 1.92308rem;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .footer__column .brand {
    padding-right: 3.07692rem;
  }
}

@media (min-width: 768px) and (min-width: 1250px) {
  .footer__column .brand {
    padding-right: 3.84615rem;
  }
}

@media (max-width: 767px) {
  .footer__column .brand {
    margin-bottom: 2.30769rem;
  }
}

.footer__column .brand img {
  max-width: 12.30769rem;
  -ms-flex-item-align: center;
      align-self: center;
  max-height: 15.38462rem;
}

.footer__column-newsletter {
  max-width: 43.07692rem;
}

@media (max-width: 959px) {
  .footer__column-newsletter {
    padding-top: 2.30769rem;
  }
}

@media (max-width: 959px) and (min-width: 768px) {
  .footer__column-newsletter {
    padding-top: 3.69231rem;
  }
}

@media (max-width: 959px) and (min-width: 1250px) {
  .footer__column-newsletter {
    padding-top: 4.61538rem;
  }
}

.footer__column-newsletter form {
  padding-top: 1.15385rem;
}

@media (min-width: 768px) {
  .footer__column-newsletter form {
    padding-top: 1.84615rem;
  }
}

@media (min-width: 1250px) {
  .footer__column-newsletter form {
    padding-top: 2.30769rem;
  }
}

.footer__column-newsletter .mail-slot {
  padding-top: 0.69231rem;
  padding-bottom: 0.69231rem;
  padding-left: 0.69231rem;
  padding-right: 0.69231rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  width: 100%;
  min-height: 63px;
  font-size: 1rem;
}

@media (min-width: 768px) {
  .footer__column-newsletter .mail-slot {
    padding-top: 1.10769rem;
  }
}

@media (min-width: 1250px) {
  .footer__column-newsletter .mail-slot {
    padding-top: 1.38462rem;
  }
}

@media (min-width: 768px) {
  .footer__column-newsletter .mail-slot {
    padding-bottom: 1.10769rem;
  }
}

@media (min-width: 1250px) {
  .footer__column-newsletter .mail-slot {
    padding-bottom: 1.38462rem;
  }
}

@media (min-width: 768px) {
  .footer__column-newsletter .mail-slot {
    padding-left: 1.10769rem;
  }
}

@media (min-width: 1250px) {
  .footer__column-newsletter .mail-slot {
    padding-left: 1.38462rem;
  }
}

@media (min-width: 768px) {
  .footer__column-newsletter .mail-slot {
    padding-right: 1.10769rem;
  }
}

@media (min-width: 1250px) {
  .footer__column-newsletter .mail-slot {
    padding-right: 1.38462rem;
  }
}

.footer__column-newsletter .mail-slot--top {
  border-top-right-radius: 0.61538rem;
  border-top-left-radius: 0.61538rem;
}

.footer__column-newsletter .mail-slot--bottom {
  padding-top: 0.57692rem;
  padding-bottom: 0.57692rem;
  padding-left: 0.57692rem;
  padding-right: 0.57692rem;
  min-height: 63px;
  border-bottom-right-radius: 0.61538rem;
  border-bottom-left-radius: 0.61538rem;
  font-size: 1.38462rem;
}

@media (min-width: 768px) {
  .footer__column-newsletter .mail-slot--bottom {
    padding-top: 0.92308rem;
  }
}

@media (min-width: 1250px) {
  .footer__column-newsletter .mail-slot--bottom {
    padding-top: 1.15385rem;
  }
}

@media (min-width: 768px) {
  .footer__column-newsletter .mail-slot--bottom {
    padding-bottom: 0.92308rem;
  }
}

@media (min-width: 1250px) {
  .footer__column-newsletter .mail-slot--bottom {
    padding-bottom: 1.15385rem;
  }
}

@media (min-width: 768px) {
  .footer__column-newsletter .mail-slot--bottom {
    padding-left: 0.92308rem;
  }
}

@media (min-width: 1250px) {
  .footer__column-newsletter .mail-slot--bottom {
    padding-left: 1.15385rem;
  }
}

@media (min-width: 768px) {
  .footer__column-newsletter .mail-slot--bottom {
    padding-right: 0.92308rem;
  }
}

@media (min-width: 1250px) {
  .footer__column-newsletter .mail-slot--bottom {
    padding-right: 1.15385rem;
  }
}

.footer__column-newsletter .mail-slot--bottom svg {
  color: white;
}

.footer__column-newsletter button {
  background-color: #0064a8;
  cursor: pointer;
  -webkit-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.footer__column-newsletter button:hover {
  background-color: rgba(0, 100, 168, 0.9);
}

.footer__column-newsletter label {
  display: none;
}

.footer ul {
  margin: 0;
  padding: 0;
}

.footer ul li {
  list-style-type: none;
  line-height: 1.4;
  font-size: 1.07692rem;
}

.footer ul li.footer__column-heading {
  font-family: "Trim", Helvetica, Arial, sans-serif;
  color: #0064a8;
  text-transform: uppercase;
  font-weight: 500;
}

.footer ul.infobox li:nth-child(3),
.footer ul.infobox li:nth-child(5) {
  padding-bottom: 0.76923rem;
}

@media (min-width: 768px) {
  .footer ul.infobox li:nth-child(3),
  .footer ul.infobox li:nth-child(5) {
    padding-bottom: 1.23077rem;
  }
}

@media (min-width: 1250px) {
  .footer ul.infobox li:nth-child(3),
  .footer ul.infobox li:nth-child(5) {
    padding-bottom: 1.53846rem;
  }
}

.footer #menu-footer-menu li a {
  font-weight: bold;
  font-size: 20px;
}

.footer .social__icon svg {
  color: #0064a8;
}

.footer .copy {
  padding-top: 2.88462rem;
}

@media (min-width: 768px) {
  .footer .copy {
    padding-top: 4.61538rem;
  }
}

@media (min-width: 1250px) {
  .footer .copy {
    padding-top: 5.76923rem;
  }
}

.footer .copy .container__inner {
  border-top: 1px solid #959595;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.92308rem;
}

@media (max-width: 959px) {
  .footer .copy .container__inner {
    padding-top: 0.76923rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 959px) and (min-width: 768px) {
  .footer .copy .container__inner {
    padding-top: 1.23077rem;
  }
}

@media (max-width: 959px) and (min-width: 1250px) {
  .footer .copy .container__inner {
    padding-top: 1.53846rem;
  }
}

.footer .copy .container__inner span {
  padding-top: 1.15385rem;
  padding-bottom: 1.15385rem;
  display: inline-block;
  color: #4d4d4d;
}

@media (min-width: 768px) {
  .footer .copy .container__inner span {
    padding-top: 1.84615rem;
  }
}

@media (min-width: 1250px) {
  .footer .copy .container__inner span {
    padding-top: 2.30769rem;
  }
}

@media (min-width: 768px) {
  .footer .copy .container__inner span {
    padding-bottom: 1.84615rem;
  }
}

@media (min-width: 1250px) {
  .footer .copy .container__inner span {
    padding-bottom: 2.30769rem;
  }
}

@media (max-width: 959px) {
  .footer .copy .container__inner span {
    padding-top: 0.38462rem;
    padding-bottom: 0.38462rem;
    text-align: center;
  }
}

@media (max-width: 959px) and (min-width: 768px) {
  .footer .copy .container__inner span {
    padding-top: 0.61538rem;
  }
}

@media (max-width: 959px) and (min-width: 1250px) {
  .footer .copy .container__inner span {
    padding-top: 0.76923rem;
  }
}

@media (max-width: 959px) and (min-width: 768px) {
  .footer .copy .container__inner span {
    padding-bottom: 0.61538rem;
  }
}

@media (max-width: 959px) and (min-width: 1250px) {
  .footer .copy .container__inner span {
    padding-bottom: 0.76923rem;
  }
}

@media (min-width: 960px) {
  .footer .copy .container__inner span:first-of-type {
    padding-left: 2.30769rem;
  }
}

@media (min-width: 960px) and (min-width: 768px) {
  .footer .copy .container__inner span:first-of-type {
    padding-left: 3.69231rem;
  }
}

@media (min-width: 960px) and (min-width: 1250px) {
  .footer .copy .container__inner span:first-of-type {
    padding-left: 4.61538rem;
  }
}

@media (min-width: 960px) {
  .footer .copy .container__inner span:last-of-type {
    padding-right: 2.30769rem;
  }
}

@media (min-width: 960px) and (min-width: 768px) {
  .footer .copy .container__inner span:last-of-type {
    padding-right: 3.69231rem;
  }
}

@media (min-width: 960px) and (min-width: 1250px) {
  .footer .copy .container__inner span:last-of-type {
    padding-right: 4.61538rem;
  }
}

body#tinymce {
  margin: 12px !important;
}

.standard-text {
  padding-top: 3.07692rem;
  padding-bottom: 3.07692rem;
  text-align: center;
  width: 90vw;
  max-width: 53.84615rem;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .standard-text {
    padding-top: 4.92308rem;
  }
}

@media (min-width: 1250px) {
  .standard-text {
    padding-top: 6.15385rem;
  }
}

@media (min-width: 768px) {
  .standard-text {
    padding-bottom: 4.92308rem;
  }
}

@media (min-width: 1250px) {
  .standard-text {
    padding-bottom: 6.15385rem;
  }
}

.standard-text h2 {
  margin-bottom: 1.53846rem;
}

.standard-text__content {
  padding-bottom: 0.76923rem;
  font-family: "Trim", Helvetica, Arial, sans-serif;
}

@media (min-width: 768px) {
  .standard-text__content {
    padding-bottom: 1.23077rem;
  }
}

@media (min-width: 1250px) {
  .standard-text__content {
    padding-bottom: 1.53846rem;
  }
}

.standard-text__content p {
  font-size: 1.38462rem;
}

@media (max-width: 767px) {
  .standard-text__content p {
    font-size: 1.15385rem;
  }
}

@media (max-width: 767px) {
  .standard-text .standard-text__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.standard-text .standard-text__links .button,
.standard-text .standard-text__links .added_to_cart,
.standard-text .standard-text__links .banner .nav-primary .menu-shop a,
.banner .nav-primary .menu-shop .standard-text .standard-text__links a,
.standard-text .standard-text__links .banner .nav-primary .menu-item:last-child a,
.banner .nav-primary .menu-item:last-child .standard-text .standard-text__links a,
.standard-text .standard-text__links .beer-finder .wpsl-search-btn-wrap input,
.beer-finder .wpsl-search-btn-wrap .standard-text .standard-text__links input {
  font-size: 1.53846rem;
}

@media (min-width: 768px) {
  .standard-text .standard-text__links .button:nth-child(even),
  .standard-text .standard-text__links .added_to_cart:nth-child(even),
  .standard-text .standard-text__links .banner .nav-primary .menu-shop a:nth-child(even),
  .banner .nav-primary .menu-shop .standard-text .standard-text__links a:nth-child(even),
  .standard-text .standard-text__links .banner .nav-primary .menu-item:last-child a:nth-child(even),
  .banner .nav-primary .menu-item:last-child .standard-text .standard-text__links a:nth-child(even),
  .standard-text .standard-text__links .beer-finder .wpsl-search-btn-wrap input:nth-child(even),
  .beer-finder .wpsl-search-btn-wrap .standard-text .standard-text__links input:nth-child(even) {
    margin-left: 1.53846rem;
  }
}

@media (max-width: 767px) {
  .standard-text .standard-text__links .button,
  .standard-text .standard-text__links .added_to_cart,
  .standard-text .standard-text__links .banner .nav-primary .menu-shop a,
  .banner .nav-primary .menu-shop .standard-text .standard-text__links a,
  .standard-text .standard-text__links .banner .nav-primary .menu-item:last-child a,
  .banner .nav-primary .menu-item:last-child .standard-text .standard-text__links a,
  .standard-text .standard-text__links .beer-finder .wpsl-search-btn-wrap input,
  .beer-finder .wpsl-search-btn-wrap .standard-text .standard-text__links input {
    width: 50vw;
    margin: 1rem 0 0;
  }
}

.image-banner {
  padding-bottom: 2.30769rem;
  margin-top: 4.61538rem;
  position: relative;
}

@media (min-width: 768px) {
  .image-banner {
    padding-bottom: 3.69231rem;
  }
}

@media (min-width: 1250px) {
  .image-banner {
    padding-bottom: 4.61538rem;
  }
}

.image-banner__svg {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .image-banner .background * {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-animation: none !important;
         -o-animation: none !important;
            animation: none !important;
  }
}

.image-banner .background {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  overflow: hidden;
}

.image-banner .background img {
  display: block;
  height: auto;
  width: 100%;
}

.image-banner .background figure {
  position: absolute;
  width: 100%;
}

.image-banner .background__bear,
.image-banner .background__boat,
.image-banner .background__whale,
.image-banner .background__smoke,
.image-banner .background__car,
.image-banner .background__fire,
.image-banner .background__fisherman,
.image-banner .background__flag,
.image-banner .background__owl,
.image-banner .background__surfer,
.image-banner .background__wave,
.image-banner .background__trees {
  position: absolute;
}

.image-banner .background__bear {
  right: 33vw;
  top: 17.5vw;
  width: 2vw;
  -webkit-animation: bear 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
       -o-animation: bear 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
          animation: bear 15s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

.image-banner .background__fisherman {
  left: 55.8vw;
  top: 25.5vw;
  width: 5vw;
  -webkit-animation: fish 5s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
       -o-animation: fish 5s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
          animation: fish 5s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

.image-banner .background__surfer {
  left: 25.8vw;
  top: 19.3vw;
  width: 4vw;
}

@media (max-width: 767px) {
  .image-banner .background__surfer {
    left: 21.8vw;
    top: 17.3vw;
  }
}

.image-banner .background__surfer figure {
  -webkit-animation: boat-bob 1s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
       -o-animation: boat-bob 1s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
          animation: boat-bob 1s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

.image-banner .background__surfer img {
  -webkit-animation: boat-rock--2 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
       -o-animation: boat-rock--2 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
          animation: boat-rock--2 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

.image-banner .background__wave {
  top: 18.5vw;
  width: 3.8vw;
  z-index: -1;
}

.image-banner .background__wave--1 {
  left: 16.8vw;
  -webkit-transform: scale(0.4);
       -o-transform: scale(0.4);
          transform: scale(0.4);
}

.image-banner .background__wave--2 {
  left: 18.8vw;
  -webkit-transform: scale(0.5);
       -o-transform: scale(0.5);
          transform: scale(0.5);
}

.image-banner .background__wave--3 {
  left: 20.8vw;
  -webkit-transform: scale(0.6);
       -o-transform: scale(0.6);
          transform: scale(0.6);
}

.image-banner .background__wave figure {
  -webkit-animation: wave 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
       -o-animation: wave 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
          animation: wave 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

.image-banner .background__wave img {
  -webkit-animation: boat-rock 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
       -o-animation: boat-rock 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
          animation: boat-rock 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

.image-banner .background__flag {
  left: 20.7vw;
  bottom: 28.3vw;
  width: 3vw;
}

@media (max-width: 1249px) {
  .image-banner .background__flag {
    left: 19.5vw;
    bottom: 28.9vw;
  }
}

@media (max-width: 1024px) {
  .image-banner .background__flag {
    left: 19.3vw;
    bottom: 28.9vw;
  }
}

@media (max-width: 767px) {
  .image-banner .background__flag {
    left: 18vw;
    bottom: 31.6vw;
  }
}

@media (max-width: 959px) {
  .image-banner .background__flag {
    left: 18.3vw;
    bottom: 31vw;
  }
}

@media (min-width: 1750px) {
  .image-banner .background__flag {
    left: 21.2vw;
    bottom: 27vw;
  }
}

@media (min-width: 1921px) {
  .image-banner .background__flag {
    left: 21.9vw;
    bottom: 25.7vw;
  }
}

.image-banner .background__flag figure {
  -webkit-animation: boat-rock 5s cubic-bezier(0.645, 0.045, 0.355, 1) infinite alternate;
       -o-animation: boat-rock 5s cubic-bezier(0.645, 0.045, 0.355, 1) infinite alternate;
          animation: boat-rock 5s cubic-bezier(0.645, 0.045, 0.355, 1) infinite alternate;
}

.image-banner .background__flag img {
  -webkit-animation: boat-rock--2 10s cubic-bezier(0.645, 0.045, 0.355, 1) infinite alternate;
       -o-animation: boat-rock--2 10s cubic-bezier(0.645, 0.045, 0.355, 1) infinite alternate;
          animation: boat-rock--2 10s cubic-bezier(0.645, 0.045, 0.355, 1) infinite alternate;
}

.image-banner .background__owl {
  right: 28.4vw;
  top: 11.3vw;
  width: 1.3vw;
}

.image-banner .background__owl figure {
  overflow: hidden;
}

.image-banner .background__owl img {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  opacity: 0;
  -webkit-animation: owl 8s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
       -o-animation: owl 8s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
          animation: owl 8s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

.image-banner .background__trees {
  right: 29vw;
  top: 12.3vw;
  width: 1.3vw;
  -webkit-animation: grow-it 12s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
       -o-animation: grow-it 12s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
          animation: grow-it 12s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

.image-banner .background__car figure {
  -webkit-animation: car-travel-tight 12s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
       -o-animation: car-travel-tight 12s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
          animation: car-travel-tight 12s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

.image-banner .background__car img {
  -webkit-animation: boat-rock 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
       -o-animation: boat-rock 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
          animation: boat-rock 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

.image-banner .background__car--1 {
  left: 22.5vw;
  top: 29.5vw;
  width: 2vw;
}

.image-banner .background__car--2 {
  left: 42.5vw;
  top: 28.5vw;
  width: 2vw;
}

.image-banner .background__car--2 figure {
  -webkit-animation-delay: 2s;
       -o-animation-delay: 2s;
          animation-delay: 2s;
}

.image-banner .background__fire {
  left: 50.6vw;
  top: 30.5vw;
  width: 3vw;
}

.image-banner .background__fire svg {
  width: 100%;
  height: auto;
  position: relative;
}

.image-banner .background__fire .flame {
  -webkit-animation-name: flamefly;
       -o-animation-name: flamefly;
          animation-name: flamefly;
  -webkit-animation-duration: 2s;
       -o-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  opacity: 0;
  -webkit-transform-origin: 50% 50% 0;
       -o-transform-origin: 50% 50% 0;
          transform-origin: 50% 50% 0;
}

.image-banner .background__fire .flame.one {
  -webkit-animation-delay: 1s;
       -o-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 3s;
       -o-animation-duration: 3s;
          animation-duration: 3s;
}

.image-banner .background__fire .flame3.two {
  -webkit-animation-duration: 5s;
       -o-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-delay: 1s;
       -o-animation-delay: 1s;
          animation-delay: 1s;
}

.image-banner .background__fire .flame-main {
  -webkit-animation-name: flameWobble;
       -o-animation-name: flameWobble;
          animation-name: flameWobble;
  -webkit-animation-duration: 3s;
       -o-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.image-banner .background__fire .flame-main.one {
  -webkit-animation-duration: 4s;
       -o-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-delay: 1s;
       -o-animation-delay: 1s;
          animation-delay: 1s;
}

.image-banner .background__fire .flame-main.two {
  -webkit-animation-duration: 3s;
       -o-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-delay: 2s;
       -o-animation-delay: 2s;
          animation-delay: 2s;
}

.image-banner .background__fire .flame-main.three {
  -webkit-animation-duration: 2.1s;
       -o-animation-duration: 2.1s;
          animation-duration: 2.1s;
  -webkit-animation-delay: 3s;
       -o-animation-delay: 3s;
          animation-delay: 3s;
}

.image-banner .background__fire .flame-main.four {
  -webkit-animation-duration: 3.2s;
       -o-animation-duration: 3.2s;
          animation-duration: 3.2s;
  -webkit-animation-delay: 4s;
       -o-animation-delay: 4s;
          animation-delay: 4s;
}

.image-banner .background__fire .flame-main.five {
  -webkit-animation-duration: 2.5s;
       -o-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-delay: 5s;
       -o-animation-delay: 5s;
          animation-delay: 5s;
}

.image-banner .background__whales {
  width: 100%;
}

.image-banner .background__whales--1,
.image-banner .background__whales--2,
.image-banner .background__whales--3 {
  -webkit-transform: translate3d(calc(-100% - 200px), 0, 0);
          transform: translate3d(calc(-100% - 200px), 0, 0);
  -webkit-animation: whale-1 40s linear infinite;
       -o-animation: whale-1 40s linear infinite;
          animation: whale-1 40s linear infinite;
}

.image-banner .background__whales--1 img,
.image-banner .background__whales--2 img,
.image-banner .background__whales--3 img {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-animation: whale-1--img 10s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
       -o-animation: whale-1--img 10s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
          animation: whale-1--img 10s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
}

.image-banner .background__whales--1 {
  width: 6.5vw;
  bottom: 2.8vw;
  left: 5.3vw;
}

.image-banner .background__whales--1 img {
  -webkit-animation-delay: 0s;
       -o-animation-delay: 0s;
          animation-delay: 0s;
}

.image-banner .background__whales--2 {
  width: 3.6vw;
  bottom: 4.6vw;
  left: 10.4vw;
}

.image-banner .background__whales--2 img {
  -webkit-animation-delay: 0.4s;
       -o-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.image-banner .background__whales--3 {
  width: 4.2vw;
  bottom: 3.7vw;
  left: 0;
}

.image-banner .background__whales--3 img {
  -webkit-animation-delay: 0.87s;
       -o-animation-delay: 0.87s;
          animation-delay: 0.87s;
}

.image-banner .background__across {
  width: 100%;
}

.image-banner .background__boat--1 figure,
.image-banner .background__boat--2 figure,
.image-banner .background__boat--3 figure,
.image-banner .background__boat--4 figure,
.image-banner .background__boat--5 figure,
.image-banner .background__boat--6 figure,
.image-banner .background__boat--7 figure,
.image-banner .background__boat--8 figure {
  -webkit-animation: boat-bob 1.8s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
       -o-animation: boat-bob 1.8s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
          animation: boat-bob 1.8s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

.image-banner .background__boat--1 img,
.image-banner .background__boat--2 img,
.image-banner .background__boat--3 img,
.image-banner .background__boat--4 img,
.image-banner .background__boat--5 img,
.image-banner .background__boat--6 img,
.image-banner .background__boat--7 img,
.image-banner .background__boat--8 img {
  -webkit-animation: boat-rock 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
       -o-animation: boat-rock 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
          animation: boat-rock 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

.image-banner .background__boat--1 {
  width: 8vw;
  top: 2vw;
  left: 27vw;
}

.image-banner .background__boat--2 {
  width: 6.5vw;
  top: 20vw;
  left: 5vw;
}

.image-banner .background__boat--2 figure {
  -webkit-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
}

.image-banner .background__boat--2 img {
  -webkit-animation-name: boat-rock--2;
       -o-animation-name: boat-rock--2;
          animation-name: boat-rock--2;
  -webkit-animation-duration: 1.5s;
       -o-animation-duration: 1.5s;
          animation-duration: 1.5s;
}

.image-banner .background__boat--3 {
  width: 30vw;
  bottom: 14vw;
  right: 0;
}

.image-banner .background__boat--3 figure {
  -webkit-animation: boat-travel 50s linear infinite;
       -o-animation: boat-travel 50s linear infinite;
          animation: boat-travel 50s linear infinite;
}

.image-banner .background__boat--3 img {
  -webkit-animation-name: boat-rock--2;
       -o-animation-name: boat-rock--2;
          animation-name: boat-rock--2;
  -webkit-animation-duration: 16s;
       -o-animation-duration: 16s;
          animation-duration: 16s;
}

.image-banner .background__boat--4 {
  width: 17vw;
  bottom: 7vw;
  right: 8vw;
}

.image-banner .background__boat--4 figure {
  -webkit-animation-duration: 4s;
       -o-animation-duration: 4s;
          animation-duration: 4s;
}

.image-banner .background__boat--4 img {
  -webkit-animation-name: boat-rock--2;
       -o-animation-name: boat-rock--2;
          animation-name: boat-rock--2;
  -webkit-animation-duration: 5.8s;
       -o-animation-duration: 5.8s;
          animation-duration: 5.8s;
}

.image-banner .background__boat--5 {
  width: 3vw;
  bottom: 21vw;
  right: 34vw;
}

.image-banner .background__boat--5 figure {
  -webkit-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
}

.image-banner .background__boat--5 img {
  -webkit-animation-name: boat-rock--2;
       -o-animation-name: boat-rock--2;
          animation-name: boat-rock--2;
  -webkit-animation-duration: 1.5s;
       -o-animation-duration: 1.5s;
          animation-duration: 1.5s;
}

.image-banner .background__boat--6 {
  width: 2vw;
  bottom: 41vw;
  right: 50vw;
}

.image-banner .background__boat--6 figure {
  -webkit-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
}

.image-banner .background__boat--6 img {
  -webkit-animation-name: boat-rock--2;
       -o-animation-name: boat-rock--2;
          animation-name: boat-rock--2;
  -webkit-animation-duration: 1.5s;
       -o-animation-duration: 1.5s;
          animation-duration: 1.5s;
}

.image-banner .background__boat--7 {
  width: 2vw;
  top: 11vw;
  left: 2vw;
}

.image-banner .background__boat--7 figure {
  -webkit-animation: boat-travel-tight 14s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
       -o-animation: boat-travel-tight 14s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
          animation: boat-travel-tight 14s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

.image-banner .background__boat--7 img {
  -webkit-animation-name: grow-it;
       -o-animation-name: grow-it;
          animation-name: grow-it;
  -webkit-animation-duration: 7s;
       -o-animation-duration: 7s;
          animation-duration: 7s;
}

.image-banner .background__boat--8 {
  width: 3vw;
  top: 31vw;
  right: 30vw;
}

.image-banner .background__boat--8 figure {
  -webkit-animation: boat-travel-tight-flip 20s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
       -o-animation: boat-travel-tight-flip 20s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
          animation: boat-travel-tight-flip 20s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}

.image-banner .background__boat--8 img {
  -webkit-animation-name: grow-it;
       -o-animation-name: grow-it;
          animation-name: grow-it;
  -webkit-animation-duration: 10s;
       -o-animation-duration: 10s;
          animation-duration: 10s;
}

@-webkit-keyframes bear {
  0% {
    -webkit-transform: translate3d(1vw, 0.5vw, 0) rotate(-8deg);
            transform: translate3d(1vw, 0.5vw, 0) rotate(-8deg);
  }

  50% {
    -webkit-transform: translate3d(3vw, 0, 0) rotate(6deg);
            transform: translate3d(3vw, 0, 0) rotate(6deg);
  }

  100% {
    -webkit-transform: translate3d(1vw, 0.5vw, 0) rotate(-8deg);
            transform: translate3d(1vw, 0.5vw, 0) rotate(-8deg);
  }
}

@-o-keyframes bear {
  0% {
    transform: translate3d(1vw, 0.5vw, 0) rotate(-8deg);
  }

  50% {
    transform: translate3d(3vw, 0, 0) rotate(6deg);
  }

  100% {
    transform: translate3d(1vw, 0.5vw, 0) rotate(-8deg);
  }
}

@keyframes bear {
  0% {
    -webkit-transform: translate3d(1vw, 0.5vw, 0) rotate(-8deg);
            transform: translate3d(1vw, 0.5vw, 0) rotate(-8deg);
  }

  50% {
    -webkit-transform: translate3d(3vw, 0, 0) rotate(6deg);
            transform: translate3d(3vw, 0, 0) rotate(6deg);
  }

  100% {
    -webkit-transform: translate3d(1vw, 0.5vw, 0) rotate(-8deg);
            transform: translate3d(1vw, 0.5vw, 0) rotate(-8deg);
  }
}

@-webkit-keyframes owl {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    opacity: 0;
  }

  20% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  30% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    opacity: 0.1;
  }

  100% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    opacity: 0;
  }
}

@-o-keyframes owl {
  0% {
    transform: translate3d(0, 100%, 0);
    opacity: 0;
  }

  20% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  30% {
    transform: translate3d(0, 100%, 0);
    opacity: 0.1;
  }

  100% {
    transform: translate3d(0, 100%, 0);
    opacity: 0;
  }
}

@keyframes owl {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    opacity: 0;
  }

  20% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  30% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    opacity: 0.1;
  }

  100% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    opacity: 0;
  }
}

@-webkit-keyframes fish {
  0% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }

  90% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }

  100% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
}

@-o-keyframes fish {
  0% {
    -o-transform: rotate(-4deg);
       transform: rotate(-4deg);
  }

  90% {
    -o-transform: rotate(4deg);
       transform: rotate(4deg);
  }

  100% {
    -o-transform: rotate(-4deg);
       transform: rotate(-4deg);
  }
}

@keyframes fish {
  0% {
    -webkit-transform: rotate(-4deg);
         -o-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }

  90% {
    -webkit-transform: rotate(4deg);
         -o-transform: rotate(4deg);
            transform: rotate(4deg);
  }

  100% {
    -webkit-transform: rotate(-4deg);
         -o-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
}

@-webkit-keyframes boat-rock {
  0% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }

  50% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }

  100% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
}

@-o-keyframes boat-rock {
  0% {
    -o-transform: rotate(-2deg);
       transform: rotate(-2deg);
  }

  50% {
    -o-transform: rotate(2deg);
       transform: rotate(2deg);
  }

  100% {
    -o-transform: rotate(-2deg);
       transform: rotate(-2deg);
  }
}

@keyframes boat-rock {
  0% {
    -webkit-transform: rotate(-2deg);
         -o-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }

  50% {
    -webkit-transform: rotate(2deg);
         -o-transform: rotate(2deg);
            transform: rotate(2deg);
  }

  100% {
    -webkit-transform: rotate(-2deg);
         -o-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
}

@-webkit-keyframes boat-rock--2 {
  0% {
    -webkit-transform: rotate(-1.5deg);
            transform: rotate(-1.5deg);
  }

  50% {
    -webkit-transform: rotate(1.5deg);
            transform: rotate(1.5deg);
  }

  100% {
    -webkit-transform: rotate(-1.5deg);
            transform: rotate(-1.5deg);
  }
}

@-o-keyframes boat-rock--2 {
  0% {
    -o-transform: rotate(-1.5deg);
       transform: rotate(-1.5deg);
  }

  50% {
    -o-transform: rotate(1.5deg);
       transform: rotate(1.5deg);
  }

  100% {
    -o-transform: rotate(-1.5deg);
       transform: rotate(-1.5deg);
  }
}

@keyframes boat-rock--2 {
  0% {
    -webkit-transform: rotate(-1.5deg);
         -o-transform: rotate(-1.5deg);
            transform: rotate(-1.5deg);
  }

  50% {
    -webkit-transform: rotate(1.5deg);
         -o-transform: rotate(1.5deg);
            transform: rotate(1.5deg);
  }

  100% {
    -webkit-transform: rotate(-1.5deg);
         -o-transform: rotate(-1.5deg);
            transform: rotate(-1.5deg);
  }
}

@-webkit-keyframes boat-bob {
  0% {
    -webkit-transform: translate3d(0, 0.05vw, 0);
            transform: translate3d(0, 0.05vw, 0);
  }

  50% {
    -webkit-transform: translate3d(0, 0.1vw, 0);
            transform: translate3d(0, 0.1vw, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0.05vw, 0);
            transform: translate3d(0, 0.05vw, 0);
  }
}

@-o-keyframes boat-bob {
  0% {
    transform: translate3d(0, 0.05vw, 0);
  }

  50% {
    transform: translate3d(0, 0.1vw, 0);
  }

  100% {
    transform: translate3d(0, 0.05vw, 0);
  }
}

@keyframes boat-bob {
  0% {
    -webkit-transform: translate3d(0, 0.05vw, 0);
            transform: translate3d(0, 0.05vw, 0);
  }

  50% {
    -webkit-transform: translate3d(0, 0.1vw, 0);
            transform: translate3d(0, 0.1vw, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0.05vw, 0);
            transform: translate3d(0, 0.05vw, 0);
  }
}

@-webkit-keyframes boat-travel {
  0% {
    -webkit-transform: translate3d(calc(100%), 0, 0);
            transform: translate3d(calc(100%), 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-100vw, 0, 0);
            transform: translate3d(-100vw, 0, 0);
  }
}

@-o-keyframes boat-travel {
  0% {
    transform: translate3d(calc(100%), 0, 0);
  }

  100% {
    transform: translate3d(-100vw, 0, 0);
  }
}

@keyframes boat-travel {
  0% {
    -webkit-transform: translate3d(calc(100%), 0, 0);
            transform: translate3d(calc(100%), 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-100vw, 0, 0);
            transform: translate3d(-100vw, 0, 0);
  }
}

@-webkit-keyframes boat-travel-tight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(6vw, -3vw, 0);
            transform: translate3d(6vw, -3vw, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes boat-travel-tight {
  0% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(6vw, -3vw, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes boat-travel-tight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(6vw, -3vw, 0);
            transform: translate3d(6vw, -3vw, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes wave {
  0% {
    -webkit-transform: translateX(0) rotate(6) scale(1);
            transform: translateX(0) rotate(6) scale(1);
    opacity: 0.5;
  }

  60% {
    -webkit-transform: translateX(10vw) rotate(-12deg) scale(1.3);
            transform: translateX(10vw) rotate(-12deg) scale(1.3);
    opacity: 1;
  }

  90% {
    opacity: 0.1;
  }

  100% {
    -webkit-transform: translateX(8vw) rotate(-8deg) scale(1.2);
            transform: translateX(8vw) rotate(-8deg) scale(1.2);
    opacity: 0;
  }
}

@-o-keyframes wave {
  0% {
    -o-transform: translateX(0) rotate(6) scale(1);
       transform: translateX(0) rotate(6) scale(1);
    opacity: 0.5;
  }

  60% {
    -o-transform: translateX(10vw) rotate(-12deg) scale(1.3);
       transform: translateX(10vw) rotate(-12deg) scale(1.3);
    opacity: 1;
  }

  90% {
    opacity: 0.1;
  }

  100% {
    -o-transform: translateX(8vw) rotate(-8deg) scale(1.2);
       transform: translateX(8vw) rotate(-8deg) scale(1.2);
    opacity: 0;
  }
}

@keyframes wave {
  0% {
    -webkit-transform: translateX(0) rotate(6) scale(1);
         -o-transform: translateX(0) rotate(6) scale(1);
            transform: translateX(0) rotate(6) scale(1);
    opacity: 0.5;
  }

  60% {
    -webkit-transform: translateX(10vw) rotate(-12deg) scale(1.3);
         -o-transform: translateX(10vw) rotate(-12deg) scale(1.3);
            transform: translateX(10vw) rotate(-12deg) scale(1.3);
    opacity: 1;
  }

  90% {
    opacity: 0.1;
  }

  100% {
    -webkit-transform: translateX(8vw) rotate(-8deg) scale(1.2);
         -o-transform: translateX(8vw) rotate(-8deg) scale(1.2);
            transform: translateX(8vw) rotate(-8deg) scale(1.2);
    opacity: 0;
  }
}

@-webkit-keyframes grow-it {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes grow-it {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }

  50% {
    -o-transform: scale(1.2);
       transform: scale(1.2);
  }

  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes grow-it {
  0% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes car-travel-tight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(1vw, 1vw, 0);
            transform: translate3d(1vw, 1vw, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes car-travel-tight {
  0% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(1vw, 1vw, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes car-travel-tight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(1vw, 1vw, 0);
            transform: translate3d(1vw, 1vw, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes boat-travel-tight-flip {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(12vw, -7vw, 0);
            transform: translate3d(12vw, -7vw, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes boat-travel-tight-flip {
  0% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(12vw, -7vw, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes boat-travel-tight-flip {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(12vw, -7vw, 0);
            transform: translate3d(12vw, -7vw, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes smoke-cabin {
  0% {
    -webkit-transform: rotate(-1.5deg);
            transform: rotate(-1.5deg);
    opacity: 0.6;
  }

  50% {
    -webkit-transform: rotate(1.5deg);
            transform: rotate(1.5deg);
    opacity: 0.9;
  }

  100% {
    -webkit-transform: rotate(-1.5deg);
            transform: rotate(-1.5deg);
    opacity: 0.4;
  }
}

@-o-keyframes smoke-cabin {
  0% {
    -o-transform: rotate(-1.5deg);
       transform: rotate(-1.5deg);
    opacity: 0.6;
  }

  50% {
    -o-transform: rotate(1.5deg);
       transform: rotate(1.5deg);
    opacity: 0.9;
  }

  100% {
    -o-transform: rotate(-1.5deg);
       transform: rotate(-1.5deg);
    opacity: 0.4;
  }
}

@keyframes smoke-cabin {
  0% {
    -webkit-transform: rotate(-1.5deg);
         -o-transform: rotate(-1.5deg);
            transform: rotate(-1.5deg);
    opacity: 0.6;
  }

  50% {
    -webkit-transform: rotate(1.5deg);
         -o-transform: rotate(1.5deg);
            transform: rotate(1.5deg);
    opacity: 0.9;
  }

  100% {
    -webkit-transform: rotate(-1.5deg);
         -o-transform: rotate(-1.5deg);
            transform: rotate(-1.5deg);
    opacity: 0.4;
  }
}

@-webkit-keyframes flag {
  0% {
    -webkit-transform: translate3d(10%, 15%, 0) rotate(-2deg);
            transform: translate3d(10%, 15%, 0) rotate(-2deg);
  }

  50% {
    -webkit-transform: translate3d(0, 5%, 0) rotate(2);
            transform: translate3d(0, 5%, 0) rotate(2);
  }

  100% {
    -webkit-transform: translate3d(5%, 0, 0) rotate(-2deg);
            transform: translate3d(5%, 0, 0) rotate(-2deg);
  }
}

@-o-keyframes flag {
  0% {
    transform: translate3d(10%, 15%, 0) rotate(-2deg);
  }

  50% {
    transform: translate3d(0, 5%, 0) rotate(2);
  }

  100% {
    transform: translate3d(5%, 0, 0) rotate(-2deg);
  }
}

@keyframes flag {
  0% {
    -webkit-transform: translate3d(10%, 15%, 0) rotate(-2deg);
            transform: translate3d(10%, 15%, 0) rotate(-2deg);
  }

  50% {
    -webkit-transform: translate3d(0, 5%, 0) rotate(2);
            transform: translate3d(0, 5%, 0) rotate(2);
  }

  100% {
    -webkit-transform: translate3d(5%, 0, 0) rotate(-2deg);
            transform: translate3d(5%, 0, 0) rotate(-2deg);
  }
}

@-webkit-keyframes flicker {
  0% {
    opacity: 0.6;
  }

  50% {
    opacity: 0.9;
  }

  100% {
    opacity: 0.4;
  }
}

@-o-keyframes flicker {
  0% {
    opacity: 0.6;
  }

  50% {
    opacity: 0.9;
  }

  100% {
    opacity: 0.4;
  }
}

@keyframes flicker {
  0% {
    opacity: 0.6;
  }

  50% {
    opacity: 0.9;
  }

  100% {
    opacity: 0.4;
  }
}

@-webkit-keyframes flip-it {
  0% {
    -webkit-transform: perspective(2000px) rotateY(90deg) skewY(-1deg);
            transform: perspective(2000px) rotateY(90deg) skewY(-1deg);
  }

  30% {
    -webkit-transform: perspective(2000px) rotateY(-25deg) skewY(-0.8deg);
            transform: perspective(2000px) rotateY(-25deg) skewY(-0.8deg);
  }

  50% {
    -webkit-transform: perspective(2000px) rotateY(20deg) skewY(0.8deg);
            transform: perspective(2000px) rotateY(20deg) skewY(0.8deg);
  }

  70% {
    -webkit-transform: perspective(2000px) rotateY(-10deg) skewY(-0.8deg);
            transform: perspective(2000px) rotateY(-10deg) skewY(-0.8deg);
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
            transform: perspective(2000px) rotateY(0deg);
  }
}

@-o-keyframes flip-it {
  0% {
    transform: perspective(2000px) rotateY(90deg) skewY(-1deg);
  }

  30% {
    transform: perspective(2000px) rotateY(-25deg) skewY(-0.8deg);
  }

  50% {
    transform: perspective(2000px) rotateY(20deg) skewY(0.8deg);
  }

  70% {
    transform: perspective(2000px) rotateY(-10deg) skewY(-0.8deg);
  }

  100% {
    transform: perspective(2000px) rotateY(0deg);
  }
}

@keyframes flip-it {
  0% {
    -webkit-transform: perspective(2000px) rotateY(90deg) skewY(-1deg);
            transform: perspective(2000px) rotateY(90deg) skewY(-1deg);
  }

  30% {
    -webkit-transform: perspective(2000px) rotateY(-25deg) skewY(-0.8deg);
            transform: perspective(2000px) rotateY(-25deg) skewY(-0.8deg);
  }

  50% {
    -webkit-transform: perspective(2000px) rotateY(20deg) skewY(0.8deg);
            transform: perspective(2000px) rotateY(20deg) skewY(0.8deg);
  }

  70% {
    -webkit-transform: perspective(2000px) rotateY(-10deg) skewY(-0.8deg);
            transform: perspective(2000px) rotateY(-10deg) skewY(-0.8deg);
  }

  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
            transform: perspective(2000px) rotateY(0deg);
  }
}

@-webkit-keyframes whale-1 {
  0% {
    -webkit-transform: translate3d(calc(-100% - 200px), 0, 0);
            transform: translate3d(calc(-100% - 200px), 0, 0);
  }

  100% {
    -webkit-transform: translate3d(100vw, 0, 0);
            transform: translate3d(100vw, 0, 0);
  }
}

@-o-keyframes whale-1 {
  0% {
    transform: translate3d(calc(-100% - 200px), 0, 0);
  }

  100% {
    transform: translate3d(100vw, 0, 0);
  }
}

@keyframes whale-1 {
  0% {
    -webkit-transform: translate3d(calc(-100% - 200px), 0, 0);
            transform: translate3d(calc(-100% - 200px), 0, 0);
  }

  100% {
    -webkit-transform: translate3d(100vw, 0, 0);
            transform: translate3d(100vw, 0, 0);
  }
}

@-webkit-keyframes whale-1--img {
  0% {
    -webkit-transform: translate3d(0, 120%, 0) rotate(-45deg);
            transform: translate3d(0, 120%, 0) rotate(-45deg);
  }

  10% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }

  15% {
    -webkit-transform: translate3d(1px, 1px, 0) rotate(0deg);
            transform: translate3d(1px, 1px, 0) rotate(0deg);
  }

  20% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }

  25% {
    -webkit-transform: translate3d(-1px, 1px, 0) rotate(0deg);
            transform: translate3d(-1px, 1px, 0) rotate(0deg);
  }

  30% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }

  35% {
    -webkit-transform: translate3d(1px, 1px, 0) rotate(0deg);
            transform: translate3d(1px, 1px, 0) rotate(0deg);
  }

  40% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }

  45% {
    -webkit-transform: translate3d(-1px, 1px, 0) rotate(0deg);
            transform: translate3d(-1px, 1px, 0) rotate(0deg);
  }

  50% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }

  60% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }

  80% {
    -webkit-transform: translate3d(0, 150%, 0) rotate(45deg);
            transform: translate3d(0, 150%, 0) rotate(45deg);
  }

  100% {
    -webkit-transform: translate3d(0, 150%, 0) rotate(45deg);
            transform: translate3d(0, 150%, 0) rotate(45deg);
  }
}

@-o-keyframes whale-1--img {
  0% {
    transform: translate3d(0, 120%, 0) rotate(-45deg);
  }

  10% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  15% {
    transform: translate3d(1px, 1px, 0) rotate(0deg);
  }

  20% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  25% {
    transform: translate3d(-1px, 1px, 0) rotate(0deg);
  }

  30% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  35% {
    transform: translate3d(1px, 1px, 0) rotate(0deg);
  }

  40% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  45% {
    transform: translate3d(-1px, 1px, 0) rotate(0deg);
  }

  50% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  60% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  80% {
    transform: translate3d(0, 150%, 0) rotate(45deg);
  }

  100% {
    transform: translate3d(0, 150%, 0) rotate(45deg);
  }
}

@keyframes whale-1--img {
  0% {
    -webkit-transform: translate3d(0, 120%, 0) rotate(-45deg);
            transform: translate3d(0, 120%, 0) rotate(-45deg);
  }

  10% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }

  15% {
    -webkit-transform: translate3d(1px, 1px, 0) rotate(0deg);
            transform: translate3d(1px, 1px, 0) rotate(0deg);
  }

  20% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }

  25% {
    -webkit-transform: translate3d(-1px, 1px, 0) rotate(0deg);
            transform: translate3d(-1px, 1px, 0) rotate(0deg);
  }

  30% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }

  35% {
    -webkit-transform: translate3d(1px, 1px, 0) rotate(0deg);
            transform: translate3d(1px, 1px, 0) rotate(0deg);
  }

  40% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }

  45% {
    -webkit-transform: translate3d(-1px, 1px, 0) rotate(0deg);
            transform: translate3d(-1px, 1px, 0) rotate(0deg);
  }

  50% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }

  60% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
            transform: translate3d(0, 0, 0) rotate(0deg);
  }

  80% {
    -webkit-transform: translate3d(0, 150%, 0) rotate(45deg);
            transform: translate3d(0, 150%, 0) rotate(45deg);
  }

  100% {
    -webkit-transform: translate3d(0, 150%, 0) rotate(45deg);
            transform: translate3d(0, 150%, 0) rotate(45deg);
  }
}

@-webkit-keyframes cloudLeft-3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10% {
    -webkit-transform: translate3d(-10vw, -20px, 0);
            transform: translate3d(-10vw, -20px, 0);
  }

  20% {
    -webkit-transform: translate3d(-20vw, 0, 0);
            transform: translate3d(-20vw, 0, 0);
  }

  30% {
    -webkit-transform: translate3d(-30vw, 20px, 0);
            transform: translate3d(-30vw, 20px, 0);
  }

  40% {
    -webkit-transform: translate3d(-40vw, 0, 0);
            transform: translate3d(-40vw, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(-50vw, -20px, 0);
            transform: translate3d(-50vw, -20px, 0);
  }

  60% {
    -webkit-transform: translate3d(-60vw, 0, 0);
            transform: translate3d(-60vw, 0, 0);
  }

  70% {
    -webkit-transform: translate3d(-70vw, 20px, 0);
            transform: translate3d(-70vw, 20px, 0);
  }

  80% {
    -webkit-transform: translate3d(-80vw, 0, 0);
            transform: translate3d(-80vw, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-90vw, -20px, 0);
            transform: translate3d(-90vw, -20px, 0);
  }

  100% {
    -webkit-transform: translate3d(-100vw, 0, 0);
            transform: translate3d(-100vw, 0, 0);
  }
}

@-o-keyframes cloudLeft-3 {
  0% {
    transform: translate3d(0, 0, 0);
  }

  10% {
    transform: translate3d(-10vw, -20px, 0);
  }

  20% {
    transform: translate3d(-20vw, 0, 0);
  }

  30% {
    transform: translate3d(-30vw, 20px, 0);
  }

  40% {
    transform: translate3d(-40vw, 0, 0);
  }

  50% {
    transform: translate3d(-50vw, -20px, 0);
  }

  60% {
    transform: translate3d(-60vw, 0, 0);
  }

  70% {
    transform: translate3d(-70vw, 20px, 0);
  }

  80% {
    transform: translate3d(-80vw, 0, 0);
  }

  90% {
    transform: translate3d(-90vw, -20px, 0);
  }

  100% {
    transform: translate3d(-100vw, 0, 0);
  }
}

@keyframes cloudLeft-3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10% {
    -webkit-transform: translate3d(-10vw, -20px, 0);
            transform: translate3d(-10vw, -20px, 0);
  }

  20% {
    -webkit-transform: translate3d(-20vw, 0, 0);
            transform: translate3d(-20vw, 0, 0);
  }

  30% {
    -webkit-transform: translate3d(-30vw, 20px, 0);
            transform: translate3d(-30vw, 20px, 0);
  }

  40% {
    -webkit-transform: translate3d(-40vw, 0, 0);
            transform: translate3d(-40vw, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(-50vw, -20px, 0);
            transform: translate3d(-50vw, -20px, 0);
  }

  60% {
    -webkit-transform: translate3d(-60vw, 0, 0);
            transform: translate3d(-60vw, 0, 0);
  }

  70% {
    -webkit-transform: translate3d(-70vw, 20px, 0);
            transform: translate3d(-70vw, 20px, 0);
  }

  80% {
    -webkit-transform: translate3d(-80vw, 0, 0);
            transform: translate3d(-80vw, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-90vw, -20px, 0);
            transform: translate3d(-90vw, -20px, 0);
  }

  100% {
    -webkit-transform: translate3d(-100vw, 0, 0);
            transform: translate3d(-100vw, 0, 0);
  }
}

@-webkit-keyframes cloudLeft-2 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  10% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  20% {
    -webkit-transform: translate3d(-11.1vw, 0, 0);
            transform: translate3d(-11.1vw, 0, 0);
  }

  30% {
    -webkit-transform: translate3d(-22.2vw, 0, 0);
            transform: translate3d(-22.2vw, 0, 0);
  }

  40% {
    -webkit-transform: translate3d(-33.3vw, 0, 0);
            transform: translate3d(-33.3vw, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(-44.4vw, 0, 0);
            transform: translate3d(-44.4vw, 0, 0);
  }

  60% {
    -webkit-transform: translate3d(-55.5vw, 0, 0);
            transform: translate3d(-55.5vw, 0, 0);
  }

  70% {
    -webkit-transform: translate3d(-66.6vw, 0, 0);
            transform: translate3d(-66.6vw, 0, 0);
  }

  80% {
    -webkit-transform: translate3d(-77.7vw, 0, 0);
            transform: translate3d(-77.7vw, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-88.8vw, 0, 0);
            transform: translate3d(-88.8vw, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-100vw, 0, 0);
            transform: translate3d(-100vw, 0, 0);
  }
}

@-o-keyframes cloudLeft-2 {
  0% {
    transform: translate3d(100%, 0, 0);
  }

  10% {
    transform: translate3d(0, 0, 0);
  }

  20% {
    transform: translate3d(-11.1vw, 0, 0);
  }

  30% {
    transform: translate3d(-22.2vw, 0, 0);
  }

  40% {
    transform: translate3d(-33.3vw, 0, 0);
  }

  50% {
    transform: translate3d(-44.4vw, 0, 0);
  }

  60% {
    transform: translate3d(-55.5vw, 0, 0);
  }

  70% {
    transform: translate3d(-66.6vw, 0, 0);
  }

  80% {
    transform: translate3d(-77.7vw, 0, 0);
  }

  90% {
    transform: translate3d(-88.8vw, 0, 0);
  }

  100% {
    transform: translate3d(-100vw, 0, 0);
  }
}

@keyframes cloudLeft-2 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  10% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  20% {
    -webkit-transform: translate3d(-11.1vw, 0, 0);
            transform: translate3d(-11.1vw, 0, 0);
  }

  30% {
    -webkit-transform: translate3d(-22.2vw, 0, 0);
            transform: translate3d(-22.2vw, 0, 0);
  }

  40% {
    -webkit-transform: translate3d(-33.3vw, 0, 0);
            transform: translate3d(-33.3vw, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(-44.4vw, 0, 0);
            transform: translate3d(-44.4vw, 0, 0);
  }

  60% {
    -webkit-transform: translate3d(-55.5vw, 0, 0);
            transform: translate3d(-55.5vw, 0, 0);
  }

  70% {
    -webkit-transform: translate3d(-66.6vw, 0, 0);
            transform: translate3d(-66.6vw, 0, 0);
  }

  80% {
    -webkit-transform: translate3d(-77.7vw, 0, 0);
            transform: translate3d(-77.7vw, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-88.8vw, 0, 0);
            transform: translate3d(-88.8vw, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-100vw, 0, 0);
            transform: translate3d(-100vw, 0, 0);
  }
}

@-webkit-keyframes cloudLeft-1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10% {
    -webkit-transform: translate3d(10vw, -20px, 0);
            transform: translate3d(10vw, -20px, 0);
  }

  20% {
    -webkit-transform: translate3d(20vw, 0, 0);
            transform: translate3d(20vw, 0, 0);
  }

  30% {
    -webkit-transform: translate3d(30vw, 20px, 0);
            transform: translate3d(30vw, 20px, 0);
  }

  40% {
    -webkit-transform: translate3d(40vw, 0, 0);
            transform: translate3d(40vw, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(50vw, -20px, 0);
            transform: translate3d(50vw, -20px, 0);
  }

  60% {
    -webkit-transform: translate3d(60vw, 0, 0);
            transform: translate3d(60vw, 0, 0);
  }

  70% {
    -webkit-transform: translate3d(70vw, 20px, 0);
            transform: translate3d(70vw, 20px, 0);
  }

  80% {
    -webkit-transform: translate3d(80vw, 0, 0);
            transform: translate3d(80vw, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(90vw, -20px, 0);
            transform: translate3d(90vw, -20px, 0);
  }

  100% {
    -webkit-transform: translate3d(100vw, 0, 0);
            transform: translate3d(100vw, 0, 0);
  }
}

@-o-keyframes cloudLeft-1 {
  0% {
    transform: translate3d(0, 0, 0);
  }

  10% {
    transform: translate3d(10vw, -20px, 0);
  }

  20% {
    transform: translate3d(20vw, 0, 0);
  }

  30% {
    transform: translate3d(30vw, 20px, 0);
  }

  40% {
    transform: translate3d(40vw, 0, 0);
  }

  50% {
    transform: translate3d(50vw, -20px, 0);
  }

  60% {
    transform: translate3d(60vw, 0, 0);
  }

  70% {
    transform: translate3d(70vw, 20px, 0);
  }

  80% {
    transform: translate3d(80vw, 0, 0);
  }

  90% {
    transform: translate3d(90vw, -20px, 0);
  }

  100% {
    transform: translate3d(100vw, 0, 0);
  }
}

@keyframes cloudLeft-1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10% {
    -webkit-transform: translate3d(10vw, -20px, 0);
            transform: translate3d(10vw, -20px, 0);
  }

  20% {
    -webkit-transform: translate3d(20vw, 0, 0);
            transform: translate3d(20vw, 0, 0);
  }

  30% {
    -webkit-transform: translate3d(30vw, 20px, 0);
            transform: translate3d(30vw, 20px, 0);
  }

  40% {
    -webkit-transform: translate3d(40vw, 0, 0);
            transform: translate3d(40vw, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(50vw, -20px, 0);
            transform: translate3d(50vw, -20px, 0);
  }

  60% {
    -webkit-transform: translate3d(60vw, 0, 0);
            transform: translate3d(60vw, 0, 0);
  }

  70% {
    -webkit-transform: translate3d(70vw, 20px, 0);
            transform: translate3d(70vw, 20px, 0);
  }

  80% {
    -webkit-transform: translate3d(80vw, 0, 0);
            transform: translate3d(80vw, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(90vw, -20px, 0);
            transform: translate3d(90vw, -20px, 0);
  }

  100% {
    -webkit-transform: translate3d(100vw, 0, 0);
            transform: translate3d(100vw, 0, 0);
  }
}

@-webkit-keyframes flameWobble {
  50% {
    -webkit-transform: scale(1, 1.2) translate(0, -30px) rotate(-2deg);
            transform: scale(1, 1.2) translate(0, -30px) rotate(-2deg);
  }
}

@-o-keyframes flameWobble {
  50% {
    -o-transform: scale(1, 1.2) translate(0, -30px) rotate(-2deg);
       transform: scale(1, 1.2) translate(0, -30px) rotate(-2deg);
  }
}

@keyframes flameWobble {
  50% {
    -webkit-transform: scale(1, 1.2) translate(0, -30px) rotate(-2deg);
         -o-transform: scale(1, 1.2) translate(0, -30px) rotate(-2deg);
            transform: scale(1, 1.2) translate(0, -30px) rotate(-2deg);
  }
}

@-webkit-keyframes flamefly {
  0% {
    -webkit-transform: translate(0) rotate(180deg);
            transform: translate(0) rotate(180deg);
  }

  50% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(-20px, -100px) rotate(180deg);
            transform: translate(-20px, -100px) rotate(180deg);
    opacity: 0;
  }
}

@-o-keyframes flamefly {
  0% {
    -o-transform: translate(0) rotate(180deg);
       transform: translate(0) rotate(180deg);
  }

  50% {
    opacity: 1;
  }

  100% {
    -o-transform: translate(-20px, -100px) rotate(180deg);
       transform: translate(-20px, -100px) rotate(180deg);
    opacity: 0;
  }
}

@keyframes flamefly {
  0% {
    -webkit-transform: translate(0) rotate(180deg);
         -o-transform: translate(0) rotate(180deg);
            transform: translate(0) rotate(180deg);
  }

  50% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(-20px, -100px) rotate(180deg);
         -o-transform: translate(-20px, -100px) rotate(180deg);
            transform: translate(-20px, -100px) rotate(180deg);
    opacity: 0;
  }
}

.gallery__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 767px) {
  .gallery__image {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.gallery__image-single {
  display: inline-block;
  width: calc(33% - 0.5rem);
  margin-bottom: 1rem;
  position: relative;
}

.gallery__image-single::after {
  content: "";
  border-style: solid;
  border-width: 4px;
  -webkit-border-image: url(/wp-content/themes/vibrew-theme/dist/images/grunge-border.png) 13 15 13 12 stretch;
       -o-border-image: url(/wp-content/themes/vibrew-theme/dist/images/grunge-border.png) 13 15 13 12 stretch;
          border-image: url(/wp-content/themes/vibrew-theme/dist/images/grunge-border.png) 13 15 13 12 stretch;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  position: absolute;
  top: 0;
}

.gallery__image-single img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 23.07692rem;
}

.gallery__image-single:nth-child(4),
.gallery__image-single:nth-child(5) {
  width: calc(50% - 0.5rem);
}

@media (max-width: 767px) {
  .gallery__image-single:nth-child(4),
  .gallery__image-single:nth-child(5) {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .gallery__image-single {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.social {
  display: inline-block;
}

.social__icon {
  padding-left: 0.15385rem;
  padding-right: 0.15385rem;
}

@media (min-width: 768px) {
  .social__icon {
    padding-left: 0.24615rem;
  }
}

@media (min-width: 1250px) {
  .social__icon {
    padding-left: 0.30769rem;
  }
}

@media (min-width: 768px) {
  .social__icon {
    padding-right: 0.24615rem;
  }
}

@media (min-width: 1250px) {
  .social__icon {
    padding-right: 0.30769rem;
  }
}

.beer__filter {
  margin: 0;
  padding: 0;
}

.beer__filter li {
  list-style-type: none;
  display: inline-block;
  font-family: "Trim", Helvetica, Arial, sans-serif;
  font-size: 1.23077rem;
  text-transform: uppercase;
  vertical-align: bottom;
}

.beer__filter li:first-child {
  color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 960px) {
  .beer__filter li:first-child {
    padding-right: 0.57692rem;
  }
}

@media (min-width: 960px) and (min-width: 768px) {
  .beer__filter li:first-child {
    padding-right: 0.92308rem;
  }
}

@media (min-width: 960px) and (min-width: 1250px) {
  .beer__filter li:first-child {
    padding-right: 1.15385rem;
  }
}

@media (max-width: 959px) {
  .beer__filter li:first-child {
    width: 100%;
    padding: 0.76923rem 0 0.38462rem;
  }
}

.beer__filter-tone {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid white;
  margin: 0 0.30769rem;
  -webkit-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.beer__filter-tone.filtered-out {
  opacity: 0.5;
}

.beer__filter-tone.lighter {
  background-color: #ffbd06;
}

.beer__filter-tone.light {
  background-color: #eb8f09;
}

.beer__filter-tone.medium {
  background-color: #c15606;
}

.beer__filter-tone.dark {
  background-color: #a3560b;
}

.beer__filter-tone.darker {
  background-color: #3d2e0f;
}

.beer__filter-tone.all {
  border: 0;
  line-height: normal;
}

.instagram {
  padding-top: 2.30769rem;
  font-family: "KapraNeue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

@media (min-width: 768px) {
  .instagram {
    padding-top: 3.69231rem;
  }
}

@media (min-width: 1250px) {
  .instagram {
    padding-top: 4.61538rem;
  }
}

.instagram .intro {
  padding-left: 1.53846rem;
  padding-right: 1.53846rem;
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .instagram .intro {
    padding-left: 2.46154rem;
  }
}

@media (min-width: 1250px) {
  .instagram .intro {
    padding-left: 3.07692rem;
  }
}

@media (min-width: 768px) {
  .instagram .intro {
    padding-right: 2.46154rem;
  }
}

@media (min-width: 1250px) {
  .instagram .intro {
    padding-right: 3.07692rem;
  }
}

@media (max-width: 959px) {
  .instagram .intro {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 0.92308rem;
  }
}

.instagram .intro .h4 {
  font-size: 1.38462rem;
  color: #7e9baf;
}

@media (max-width: 767px) {
  .instagram .intro .h4 {
    font-size: 1.07692rem;
  }
}

.instagram__feed .sb_instagram_header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 5px;
}

.instagram__feed .sb_instagram_header .sbi_header_text {
  color: #7e9baf;
}

.instagram__feed .sbi_photo {
  position: relative;
}

.instagram__feed .sbi_photo::after {
  content: "";
  border-style: solid;
  border-width: 4px;
  -webkit-border-image: url(/wp-content/themes/vibrew-theme/dist/images/grunge-border.png) 13 15 13 12 stretch;
       -o-border-image: url(/wp-content/themes/vibrew-theme/dist/images/grunge-border.png) 13 15 13 12 stretch;
          border-image: url(/wp-content/themes/vibrew-theme/dist/images/grunge-border.png) 13 15 13 12 stretch;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  position: absolute;
}

.beer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.beer-list .beer-parent {
  width: 100%;
}

.beer-list .group-title {
  color: #7e9baf;
  letter-spacing: 1px;
}

.beer-list.category .group-title {
  display: none;
}

.beer-list .prod-filter {
  padding-bottom: 20px;
}

.beer-list .beer {
  padding-left: 1.15385rem;
  padding-right: 1.15385rem;
  position: relative;
  width: calc(100% / 3);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 4.61538rem auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 768px) {
  .beer-list .beer {
    padding-left: 1.84615rem;
  }
}

@media (min-width: 1250px) {
  .beer-list .beer {
    padding-left: 2.30769rem;
  }
}

@media (min-width: 768px) {
  .beer-list .beer {
    padding-right: 1.84615rem;
  }
}

@media (min-width: 1250px) {
  .beer-list .beer {
    padding-right: 2.30769rem;
  }
}

.beer-list .beer .thumbnail a {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  overflow: hidden;
}

.beer-list .beer.filtered-out {
  display: none;
}

@media (max-width: 959px) {
  .beer-list .beer {
    padding-left: 1.15385rem;
    padding-right: 1.15385rem;
    margin: 2.30769rem auto;
    width: 50%;
  }
}

@media (max-width: 959px) and (min-width: 768px) {
  .beer-list .beer {
    padding-left: 1.84615rem;
  }
}

@media (max-width: 959px) and (min-width: 1250px) {
  .beer-list .beer {
    padding-left: 2.30769rem;
  }
}

@media (max-width: 959px) and (min-width: 768px) {
  .beer-list .beer {
    padding-right: 1.84615rem;
  }
}

@media (max-width: 959px) and (min-width: 1250px) {
  .beer-list .beer {
    padding-right: 2.30769rem;
  }
}

@media (max-width: 767px) {
  .beer-list .beer {
    width: 100%;
  }
}

@media (min-width: 1750px) {
  .beer-list .beer {
    width: 25%;
  }
}

.beer-list .beer__image {
  -webkit-transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}

.beer-list .beer__content {
  opacity: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  color: #7e9baf;
  -webkit-transition: opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.beer-list .beer__content .title {
  margin: 0;
  font-size: 25px;
}

.beer-list .beer__content .amount {
  font-size: 25px;
}

.beer-list .beer__content p {
  line-height: 1.3;
}

.beer-list .beer__content p:first-of-type {
  padding-top: 0.38462rem;
  padding-bottom: 0.76923rem;
  margin: 0;
}

@media (min-width: 768px) {
  .beer-list .beer__content p:first-of-type {
    padding-top: 0.61538rem;
  }
}

@media (min-width: 1250px) {
  .beer-list .beer__content p:first-of-type {
    padding-top: 0.76923rem;
  }
}

@media (min-width: 768px) {
  .beer-list .beer__content p:first-of-type {
    padding-bottom: 1.23077rem;
  }
}

@media (min-width: 1250px) {
  .beer-list .beer__content p:first-of-type {
    padding-bottom: 1.53846rem;
  }
}

.beer-list .beer--item {
  position: relative;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  background-size: contain;
  width: 100%;
}

.beer-list .beer--item:hover .beer__image {
  opacity: 0;
  -webkit-transition: all 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.beer-list .beer--item:hover .beer__content {
  opacity: 1;
  -webkit-transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: opacity 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.beer-list .beer--can {
  background-image: url(/wp-content/themes/vibrew-theme/dist/images/beer-can-bg.png);
  max-height: 23.07692rem;
}

.beer-list .beer--tall {
  background-image: url(/wp-content/themes/vibrew-theme/dist/images/beer-tall-bg.png);
  max-height: 23.07692rem;
}

.beer-list .beer--bottle {
  background-image: url(/wp-content/themes/vibrew-theme/dist/images/beer-bottle-bg.png);
  max-height: 30.76923rem;
}

.beer-list .beer--pack {
  background-image: url(/wp-content/themes/vibrew-theme/dist/images/beer-pack-bg.png);
  max-height: 23.38462rem;
}

.beer-list .beer--pack img {
  height: auto;
}

.beer-list .beer--eightpack {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYEAAAExCAYAAACakx5RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjRDNTE5NkQ0NzZDMTFFOUE0RDM5QUI2QkI3MzNDMkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjRDNTE5NkU0NzZDMTFFOUE0RDM5QUI2QkI3MzNDMkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNEM1MTk2QjQ3NkMxMUU5QTREMzlBQjZCQjczM0MyRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNEM1MTk2QzQ3NkMxMUU5QTREMzlBQjZCQjczM0MyRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsAOkycAAAwJSURBVHja7N1LbyNZGQbgqsSdxEknnXQ3iNuCywq2LBAbtggJ9khs2LJjwb/gX/ADkNgisWLDDg1IMzACzdDAMMMwMzBDq6cT20WVcs7kdFHlstOJ7fg8j/S1LylXnGrnvPWdKsdlVVUFAHnasQkAhAAAQgAAIQCAEABACAAgBAAQAgAIAQCEAABCAAAhAIAQAEAIACAEABACAAgBAIQAAEIAACEAgBAAQAgAIAQAEAIACAEAhAAAQgAAIQCAEABACAAgBAAQAgAIAQCEAABCAAAhAIAQABACAAgBAIQAAEIAgByM7uhzPq3rfl37dT0K1+/VdRjuO+z42WZ1fVzXeV2TpKZJzUI115/XdRFq0rFMWucdyzVVeYkBOYZAs94HdY3r2qvrONw+CAP0WTJgHyeDeHP7KFxPB/WmTsLX9kIIHK6pk6nCwF8l19shMEnCZJYsNwtfGwqWuO5Ja11VxzJV8vXJwPeO1y+SmvYEYXyu5wv8fHGdz5OQ7Vpne3tdJOsTmLAGZVW98LvXDMjfCYPuThjEm4F7NwzKR+F2HKBPwu04SJ+E6+NwfRyWJV9d4Xbe05G1w27aEUJD3dukIwzbgTjtCeKqI2CncwK7al1OWsvPBn6ui9ZznXSs/6KjIxWY3FoI/LSun9gssBZdITPp6Jz6Osjzni6rKzAv5nRt045udNITUkOB2RewQ1Oys2Sd5wPPtb2t0ufKktNBPw979l+o6/PFi3Psh8lUDXDzdkMx3F1eJzDTbuy8FZrTjq50qBttT4tOiu5jie3n2xeuXYFZtDrIvuOSMfDiNkiXbY6FPl20ExgyDgHx5XD5lbp+VFzO0QOwfmnH1Azwz+p6ra5f1vXruv5Y19vzQqA52+YbxeXB2uMwwJ+F6yfh9jjcbrqGr4XLtq50Kec88WWXB2B5TWfw/bp+0dxoTwc10z2/q+tzK3oy1ZzrZSsIqp7HLhoU5TWeU184RTtzlqnmfP/ylral0ASGNDvt3+oLgfENBkC55DLlNdd32wNfeY0Bt3rJwXnRgKvmPK9qzvrKJQI53Q5DgTz0PYDr77DNOn4fq47fv7Ljd7MKO63xe08/eUBrOqiZ9nmzuJz2YbtedEMD89DBoXKJbqmc872qa4R4NfCcqoF1lwusr+r45Vrm57sLp20K5uHXV/t13rUDNVtgJ7bvsYu8/vt+X2fJIF72rG9oxzVevlHXd+t61Z+NyEO5YKc1r+Ytu9Oqconvs8zz73ts+jy6rt/UNuoLj6p1fROr6Llv3s86b13zll1mXe2aLbFNF3kOizymb0eiWqArXuY1u+jrv+9rzWt6t/U7Vi6xzvTyS3X9oGs6CLYh8G56mfIGltvG7bjosuUC3VLVsxe86N7udaaLh/7vdl5y22z662EiBIBNCJZqwb1Ybta9rqQrbXCALOzNa3cAyLATACAP+0IAIF87XSHQdyQegO1SdoWAPz0AkHEIAJCH3ukgADINAccDADIOAQDysNsVAqaDAPJQ9oWAIADYfqaDADI2EgIAOgEAMrQrBADyNfrkH4A1cjLKBnUC3iwGkBHvEwDIePx3TAAgT/6KKIB24P+TwZQQQCbjv04AIE+mgwB0AgDoBADQCQCsWlV4o6oQAEAIACAEABACANyW3g+a945hAJ0AAFkkAQDZ8WYxACEAQLaEAEDG478QAMiT6SAAIQCAEABACHjHMEAeeg8MCwGATDuBhg93AMi4EwBACACwxZwdBJCxmRAAyJwQAMhTJQQAhAAAuYbAqHWndwwDq2bMWSPvGAbIuBMwHQQgBADIkRAA0AkAIAQAyIoQANAJAKATAEAnALDiwcgnGm5IJ9Dc9o5hAJ0AAEIAgK0lBAB0AgDoBADQCQCgEwBACACwhUwHAegEXuSD5gEy7gSEAEDGnQAAGYeAv+YHoBMAYMtNu0LAMQGAPDhFFEAIACAEABACzg4CyDgEHBgGEAIA5BACI9sBWDM7nhvUCQAgBAAQAgAIAQC2kxAA0AkAIAQAyIo3iwHoBIQAgBAAQAgArHowYj2EAIBOAACdAABCAICtZzoIQCcAgE4g8EYxgIxDYEcQAOTDdBCwMXulCAEAVhi8QgAgTzMhAGzMHinrIQQA8jQVAgA6AQAy5MAwQMYcGAY2gjeoblAICAWAjPjbQQA6AQB0AgDkwvsEAHQCAOvneOTqOSYAoBMAIEfeMQygEwAgR53HBBycAchD7wfNA5BpCAAgBAAQAgBsNSEAoBMAQAgArJ5T04UAAOuw05UMAOTZCegMADLuBHZtEoB8OwHTQQAZhwAAGRECADoBAHQCAORiIgQA8mU6CCBj064QcIoosJY9Ulau8zOGdQYAGYeAdwwDZNSB2fMH0AkAIAQAyIU/IAegE3iRj3kDyLgTACDjTgBgLXukbEYn4D8DIONOwDEBgIx4xzCATgCAzDg7CNiMgQghAIAQAGBFHBMAyJ0QAMiT6SAAIQCAEEjvBCDPEBjZLgD5hoDpIYCMQ8B0EEBG7PkDG7FHymZ0AgAIAQCEAMDtKgsfZrVWQgBACACstRtACAAgBACdAEIAACEAgBAAQAgAcKshMLVJgBXzt4M2KARmNglAviGwa5MAugAhAECGISCVATIOgQubBCDfEDixSQDyDYFv2yQAWbjXFQJ/sF0AsvC0KwR+VteP63rf9gFWxAkp6/H75p+yqjq3/4O6vlrXZ+s6rWu/rrO6juraC5eH4f6j0FY0xxOOw/0Pw+WB7QwMBEBV+BM263C/6Qb6QuBlHYdwOAvh0Fx+KnzTz4RgOQthcRSWj4FyECoGDiAEuFm/qeub8zqBdbqXhEAMkiY8Ph3C42G43oTL47rGoeuIHck4PH4Uro/D/YAQyGWb9nlS13t1/bAI00GjDfwBLkJ99BLraH6u3SQgmi7jQdKhPA7Bchw6lKMQKo/C8qdh+f2w3HhDtxWQ3wBfDgz4cZmy4/4/1fW9up7FOzexE9gkcYoqdhMxUOL1gyQ04uXj4uq4yFly/STUoc0KOoE5A3s6uMdtMwvLpMuWPY8d8sW6/pLuMdPveaibCpQYAjFYDkKncRS6kNilPCqupsCOQldyGh7zwP8bmUxdbINZMkjHAb1KBu9qYEBPB/xyztejD4vLaZ5X6vptXa/X9d+6vl5cnvn5qzQAdAJ3SzzGcRrC5CAEQjwWcj/pUsbh+m64PE66mYOkc9kLl3Hqay+sxwF5VjlIFhvcCbQH8TgQp8+7PZCng/Os9bWdOXv/y3i7uHxfV1Nv1PVWuHy1rg+WWZEQIL6Q90Idh5DZC4HxMAmY2JUcFFenCrcPwo+SUEqXO05CZ98mZ0UhUHUMuO1BvWsQb3cqZSsEqp498Zv0z7DX/o9w/W91vRbq9ZuapRACrMpBGPzjsZN4/VHSfcQu517y9djRHCSBMyqu3qsyCven3U68n80XP81wd2AgL1t75cWc6ZT2wN8XAuv2QRjgm3ov1F/DAN9UcxD32W0/CSHAthh1dB77xdX014PiaqrsNOlM4u3D4sXTk/fD3mkMpHh7N7kvnoU2KnwWx8vspXcNzH3z55s4mHdp/upCMz//7zC4vxX26p8kl38vXu4sSCEAK7bTCobYlcRwidNhMVziKclx+TidFo+/pCcG3EtCKHY0O8n64/eLQbSXdEmjO9r59J3ueN2zXlbh4zAN85/icl7+nbC33gz0zXz8K2Happm+eXoX/hOEANy9ENpJQiANoaPk/uMkcOKZaafF1bGfcXF1ttoo6YDi1NwoPG7cCpttPpXzItlrfxKmaf4cpmia7dPMxb8ZQuCjYkvObBICQOfYkHQradez37p9kATPSRIiD4ur05pPQ8XO5yTcH7uaGF674b4yCbvrdBfTMKB/GAbr98Oee3P93TBF8064/91k2qaZo/9XcXOnhQsBADa/vQRACAAgBAAQAgAIAQCEAABCAAAhAIAQAEAIACAEABACAAgBAIQAAEIAACEAgBAAQAgAIAQAEAIACAEAhAAAQgAAIQCAEABACAAgBAAQAgAIAQCEAABCAAAhAIAQAEAIACAEABACAAgBACEAgBAAQAgAIAQAEAIACAEAhAAAQgAAIQCAEADgjvqfAAMA+eR4kQQswwcAAAAASUVORK5CYII=);
  max-height: 23.38462rem;
}

.beer-list .beer--eightpack img {
  height: auto;
}

.beer-list .beer__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.single-beer .instagram {
  display: none;
}

.beer-single-container {
  position: relative;
}

.beer-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .beer-single {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}

@media (min-width: 960px) {
  .beer-single {
    max-width: 60vw;
  }
}

@media (max-width: 767px) {
  .beer-single__image {
    max-width: 90%;
    margin-top: 3.07692rem;
  }
}

.beer-single__image img {
  max-width: 100%;
}

.beer-single__content {
  padding-left: 1.92308rem;
  max-width: 55%;
  font-family: "Trim", Helvetica, Arial, sans-serif;
}

@media (min-width: 768px) {
  .beer-single__content {
    padding-left: 3.07692rem;
  }
}

@media (min-width: 1250px) {
  .beer-single__content {
    padding-left: 3.84615rem;
  }
}

.beer-single__content--title {
  line-height: 1;
  margin-bottom: 0.76923rem;
}

.beer-single__content--stats {
  font-size: 1.23077rem;
  margin-bottom: 0.76923rem;
}

.beer-single__content--description {
  font-size: 0.92308rem;
  margin-bottom: 0.76923rem;
}

@media (max-width: 767px) {
  .beer-single__content {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    max-width: 90%;
    padding: 0;
  }
}

.beer-single__content ul {
  padding: 0;
}

.beer-single__content ul li {
  padding-left: 40px;
  font-size: 0.76923rem;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: center left;
  list-style-type: none;
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.beer-single__content ul li.icon--grains {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTEuMDQgMTEuMDQiPjx0aXRsZT5rZ2EyNGQudGlmPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGlkPSJrZ2EyNGQudGlmIj48aW1hZ2UgaWQ9IkxheWVyXzEtMyIgZGF0YS1uYW1lPSJMYXllciAxIiB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHRyYW5zZm9ybT0ic2NhbGUoMC4yNCkiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQzhBQUFBdkNBWUFBQUJ6SjVPc0FBQUFDWEJJV1hNQUFDNGpBQUF1SXdGNHBUOTJBQUFHK1VsRVFWUm9ROFhhZVl4ZFZSM0E4YzlNQndRcUlzaStpQVFEQ2hKY0lLU0Jpd0VMSld3aVNBWHhRQ1VDTGhFMVJSU0JHemhFRENvWU5rRVJrVndWSVpnZzBBQWl4WGkxZ0pDZ2dtS0xiSllVSWJiSVVwWmFHUC80M1ZmZmRONjhaVnJvTjVuTXUrZjh6czN2bnZ2Ynp1KzlvZEhSVVpPbEtvdTE4UTY4Qjd0aVI3d1RHMlBkUnV4bExNRkN6TWNEZUJDTFU2NWZYZm1lZ3pBMEdlV3JzdGdFdStOZzdJZDNkMTh4anNjeEYzTndWOHIxVTkzRk96T1E4bFZadkIySDRWanMwME84WCtiaEdseVhjdjFNTCtGMitsYStLb3Y5OFRXaDlGQVA4Y2x3Rjg1UHVmNWxMOEVXUFpXdnltSXFUc2VKd3I3ZlNKN0hqNUZUcnAvdEpkeFYrYW9zdHNTbCtLZzNacmNuWWk0K2wzSzlvSnZRaE1wWFpiRzkySVc5T3dxODhkeVBXU25YZjVsSW9LUHl6WTVmajJuakp0OWMvb1NqVXE3bmQ1b2NYbm1nS29zTmNJVTFyemk4SDFkV1piRnhwOGx4eXVOTUhOaGhmRTJ4Sjc3VmFXS004bFZaSElxVE9na093TDlFUmwyZGZMb3FpNk5YSGx5aGZQTnF2b3Ezcml3MEFFK0l5SFFBL3Q1RGRoQ200TXlxTERackgyemYrYU93bDFYallkeWJjbjB2emhKMXplcGlCM3l4ZldBWW1pYzZydE9LTHN6SHVUZ0hkelpqVTFLdVcrSHJSbEdFd1NnVzRUV1Rad3FPcWNwaXU5WkFhK2VuNFlNZGwwek1UU25YcDZkY2x6Z0NaMk9iSmo5SXVYNFpUNHNLOHRoRzVycVY3dkZLTTk5dlliWTFQdGE2R0s3S1lsMXg0MDZScHh2SFZHVXhBMUt1bjAyNVBrdlVKN09oS291MzRCRWNtWEw5MDVUcnUvSEh0dlZYWVFZT2FmN2ZvemNqbUY2VnhmcXRpODFGV1RzSUMzQXhabFZsY1FodXcxVHNoRjJyc2xpTTUzQnR5blc3NCs0dVRPZ3NuTmVxNTZ1eUdNRXkvZkVoN0lKNXc5Z1pZN3k0QjZQQ1pDN0JhU2lFZlY4amJqeUNNMFJac1NLMVYyVnhvTmpsM3hpditHbjZUNHFiaWtPUEViRmJnN0FjajBISzllTlZXZndJNStGdklqeHVKblo0S1Y2dHltSVlIOEZGV0Y5VWpwdFZaYkVVV3lHSktES2lmOTVMTE5paGgrREtyQ1dPZlMzdXhoK0ViZituMmNrWk9BSGZFd3AvU2pqbkhTTGwvd0l2WURkc1pIQzJKcHgwNXg2Q25kaTNLb3V0bTgrdml0M2VEbEt1bDZkY3o4RlhjQkJtaVZBNkF6TkZxcCtHL2NVRFhJNXY0a3I4VzM5c1RpaS9aUS9CVHV5RXk2cXkyRUlvdFF1dXI4cmk0SlpBeXZWam9pcThEek5UcnVlbFhDOFJHZncxNGZCNzQrU1U2elB3ZVh3ZHIrdk41b1Rack5kRHNKMkg4R1dST1EvRHJScjdFMTJEYTZ1eXVCOS9Gdlk4SFY5b3pHa0s5aFVLM3B4eWZYTDdqVk91bDFWbHNhMytRdlpVQm5NU2VETGwrdGZONTdvcWkzMVFZYkdJTUI4V2hkMmViV3YyYTV4emoyWnVmVmFjR1phSXpMa3BQb05UOU1mcnhGTyswRU93blQyYnVBNVNydTlFeGcwcDF6ZWxYSjhpWHYvempjaUZJZ3I5WENnMmpOdXh2UWlabHdsYm40dHZZRzM5OFFKeHM0VTlCTnRaRDVkV1pYRjQyOWlOR0duTVFzcDFoVnRFYVhCMnl2VzVhSm5JN2ZpNDZQYzhJSno1RTNpWHdWaEVLUDlnRDhHVjJRWlhWV1V4cHlxTDgvRkRvY0FXYlRLM2lwMXRMOUllRlg0d2tuTDloT2hHekRVNW5pYVVmN2lIWUNmZUprNWJCNHVFdEQyK1U1VkZ5L21mRk1sc3JlYjZSWkZ0ZHhQMXZwVHI1L0I5aytPZmhNTStJSFpvME5iRy9jSUVob1NaSElYMXFyTDRycWo4cG1PZFJuWkk5QzZIY0hGVkZxT2kxZGRQV096RVE0VHk4OFdUYk50VmZEeTNwbHcvQ2xWWlhJWUxjR2p6MTJKMlZSYXpSVmJkUXhSMGkwU0pQRjI4dFVGWnFEbWxEZU1aM054VmZEeWp3alJhL0JZdnRWMy9GYjhYYitOeTBTYThBZ2VrWE84ampvbFhpbnd3S1BlSSt4dE91VjZHRzBTYTc1Y2hZelB6eThLK0YrQjRIQzVNNmpnUnY1OUt1VDYxeWJwU3JwYzFZZlo2Zy9FS2JtdFZwSzBrZFI5cThTcjdaZCtxTExaSTBaNytnSGlkTTFPdVYreG1WUllMUlNtd2MxVVdlMkZleXZYclZSdzdqOFNwblc3Y2hVZEU1RUpieDZ3cWkwK0tiTmxQZWlhYzdRSmNncXR4UjhyMU9hM0pwbkQ3aVNpSDRWbjhRNWpYVnNMSFd0R29INVpqZHNyMVJhMkI5dkxnVjhMMjJ4MnVHOFBpeUhlQ1NQa0xxckpvMVRuVFJFWnRYY09HSnVlZ0xlNFZSOGNWak9sVlZtVXhUYnlXanUyMVBsZ2kvR0hEWG9JRDhoSU9TYmtlazlUR21Faks5VjJpblRGWk5yTDZGU2VPamVPeWNTZjd2Z1EvNkRDK3ByZ0czKzQwTVZHTGU2cm96YzhjTi9ubU1nZkhwd20rcStvWVdWS3VsK0t6K0ZtbitUZUptM0hpUklyVEpTeW0rRTdvSkhIcUh5U0JyU3IvRlNGMlZzcjFvbTZDUGI5UWc2b3NXcWVjSFh2SnJpSlA0SHhjbW5MZHMyanJTM21veW1JbmZBbEhhNDV5cTVIbG9oMXlZY3IxZmIyRVcvU3RQQ3U2VzN1SSt1VUliTkI5UlU5ZUZIbmxhdnd1NWZxVkh2SmpHRWo1RmxWWnJDUDZOQWVKRnQ3N3hJTk02YlpPbEJUUGlYcjhGdUdVQzFLdTJ5dlN2cG1VOGkycWFPVk5GU2VwWFlSUGJJdE5qUDNoeEdML3I4TWZGTlhuMHBUclZlblhyNXJ5YTVyL0FURWNRWVZNMkF4TUFBQUFBRWxGVGtTdVFtQ0MiLz48L2c+PC9nPjwvZz48L3N2Zz4=);
}

.beer-single__content ul li.icon--hops {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTEuMjggMTEuMDQiPjx0aXRsZT41UFJIaTIudGlmPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGlkPSJfNVBSSGkyLnRpZiIgZGF0YS1uYW1lPSI1UFJIaTIudGlmIj48aW1hZ2UgaWQ9IkxheWVyXzEtMyIgZGF0YS1uYW1lPSJMYXllciAxIiB3aWR0aD0iNDciIGhlaWdodD0iNDYiIHRyYW5zZm9ybT0ic2NhbGUoMC4yNCkiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBREFBQUFBdkNBWUFBQUNsZ2tuSkFBQUFDWEJJV1hNQUFDNGpBQUF1SXdGNHBUOTJBQUFHcFVsRVFWUm9ROVhhZTR3ZlZSWEE4Yy9XcFZqYktwYTNpRVJBcEVpQmdsRkJRa0ZqaVVXZFNMUVJvNEJPWXhDbnBRYkVSSUdneEJlSytKaElmSXlLSWxXamtFRXR4b2dnaENBV3lrTFJXTzBEeWtPb1VBVXFoYjdXUDg3OHR0dmZ6dSs1R3hxL3lTLzUvZTQ5ZC9hZWUrNDk5NXd6T3pBOFBPei9tY0ZPQXQyU2xlbVJtSW5EOFdvY2dHbDRFU1poSzU3Q1kzZ0FmOE1Lck15VFlsdk5JN3RpWUR3V3lNcDBMNXlHZDJBMjlzZEwyZzdhd1NZOGdpSGNnS1Y1VWp6WmZzaFkrbElnSzlNOXNBQm40bEJNYVQraUk4L2lIN2dhMStaSjhYZ0grUkY2VWlBcjA5M0VpbjhheDJHZy9ZaWUyWTdsK0FKdXlKTmlhd2Y1N2hXb3RzdW44REZNN2lBK1hqYmphN2k4MDdicVNvR3NUQS9ETjNCcUo5a0o1cmRZbkNmRnlsWUNIUlhJeXZRWWZGOGMwbDNCM1ZpUUo4VlFYV2RiQlNyWGVBMk9iaW4wd3JBY1orWko4WmZtanBZS1pHVzZKMzZPdDlRS3ZQRGNoUGZuU2JGK2RPT2tPc21zVEFmeFJSTXorZHR3YXllaExuZ3JMczNLZENjSFVxc0FQb2dQdE9ocnhVYmhCcHY1RWo1ZjB3N1B0R2h2eGRuaTdobGhqQUpabWU2SGorUEZ6WDF0K0tWUStuemMwOVEzMmRpTGJnaWZFSXQwbmU2Wmdpd3IwLzBiRFhXeDBMbDRYVTE3Sy80a1hOM0RrSlZwS1VLTGszQ3dIYXM4aERXNEJiL09rMkp0Slg4Mzlxcmt1K0VvY1JkZFJOTWh6c3IwVUJHWHpLd2RPcFl0K0dpZUZFVnpSMWFtMHpFZEc4U04vWEpzekpQaTZSclpzMUNJd0s4YlZpREprMkp0c3dWTzB2M2tZVFZ1cit2SWsrSVpPKy94VFhWeUZYZGhyWWlydW1FbTVtRHR5Qm5JeW5RcTVyVWNVczlLUE5oSnFBdldpZkM2V3dieHJxeE1wNCsyd0d1RVZyMHdsQ2ZGeU1wbVpUb0ZzOFJXdUN0UGlpM05BNnF3WktySUE1NGxySldWNlI5Rm9OaHRnUGdtSERSYWdhT3had3ZoT3JiZ3VheE1YNC9EeE1GL2c0aFNoekFmVDR3ZVVQbndpNFZQdno4cjAyVmlQLzlkVEh3emR0Y2QrK0d3UWNqS2RKTElwTHJWbnBCZGhQUEVILzBQN3NOZmNTRDIwS1NBY00ySENQZjlQRTdIT2RYM1NYckxFQWR3UW1QQTd0aTNqWEFkZ3hqR1piZ1Q2L0VrM29nYmNRcFdOWTA1U2xqb01ueFZLSGtBamhDVzZYVU8remNVMkZ1c1RLOHN4dy95cEhpdTBaQ1Y2UjM0RlJabVpibzBUNHBIcXZiSndscnI4ZU5xL3orTFI3RXNLOU5aNGlMc2hRTWFYbWhQc2FkNjVhSFJrNGM4S1o0WHJuVVdGby9xbW8vM2lMam9uOGJ5Y0UxYkowWXNNRVZ2b1VPRERaQ1Y2UXlSMEw4V2M0V0h1QjBMc2pLOVY3akl6K0Yrc1kyS3JFeC9KODdNbzNsUy9FdFlacFBlOHV1cEE4UER3N0l5UFI0L0U0ZXZGKzRSa3pvY0I0bEZlS2s0RSs4VVFkeDdSVG5sUVh4SVpIYnp4QUhmTHJiUUNySC81K2plQzhHNmhnVTJZc3dWM3dXenE4OXZzRVNzNk9raTlSekFCWGhsOVRsYjNMWXpSSktVNDFpY0xBTEJmbmk2Y1FiVzYyOFBOdmhobmhSWDVrbHhrNGhNRDhiNzhxUjRTa1NjcCtaSnNVYXMvR3hjbnlmRm5YbFNYSVdyc05NNTZvRkhHaGI0dDFpZGZwbUZYMVRmL3l4QzVJVlptZDZRSjhVRGpBUjM1MWY5b3hPY1EvVjMvbUI5d3dKYmhSWDY1YlFzeWk3eXBOZ29EdXkrdURncjAwYUV1UmduNHVJOEtaNWdKUFNZVy9POGJsazlDZktrMkM0T1pMODF5dGs0ZnRUdm1XSlJQb3h6c3pLZGgwdkZ1UmhkSURnR2I5TWZXM0hIU0Q1UUJWazNpdjNiRDllTGNtTXFWdnZiMkFkbmlWRGhEN2hYSkV6WDRMUENVdWZWUGF3TFZ1SHRvMk9QTmZnOVBsSXYzNUc1WXUrZklLeDVoUWo0OWhJRjN3WEMyNTJDQzRVbGpxdDlVbmZjaW5VaitVQlZoMXlxZjQ4d1ZmangzY1NFOTh1VFlyTnduL09yVE94bGRnUnNwd3JsK3VHL3VDNVBpczNOMGQrZG9oTDI1ckZqZXVKSXZCdGZhUW8xVGpReEZiN2xXRVpUVlNKUGlzZndJMkg2OFhKT1ZxWkhOSDVVWG1xeHVLbkh3eGI4Sks4S1hIVjFvWithbUVMVUliZ2syMUdJK3FTSktaVGRnbXNiUDJwTGkxbVp6aEZseFgzR2RQYkdzSWp6SDhXMzlIOWhOWGdjWitSSmNYT2pvVjF0ZERHK3JMY3NxWTdOMVdkYUo4RU9iTWVGZVZKY01icXhWV2tSdm9udnR1bnZsc25HUDNuNERyN2UzTmhTZ1R6ZUhGNGl3dXhkelJKY2xOZThjbXBuQVZYTXNsQjRwbDNGMWNqeUZxK2EyaW9BVmJhMFNOeXNIVis2VFNEYnhCbGNsQ2ZGaGxaQ0hWOHhOYWpjNFJtaXFOcHRDYkJmMXVBeldKTFhGTWRHMDdVQ0RiSW9BRjhnVXNVWkhjUjc1V2x4RDEyZUo4WHFUc0wwb1VDRDZxNDRTNFREcjlERmRtekJzTWdHYjhiMzhxUzRyWVA4VHZTdFFJT3NUSThWU3B3c1NveDdpN0o2T3phS1MybVZ1Rm1YNWtseFg5c1JMUmkzQWcyeU1wMG13b2NEUllYaVZlS2R3S0M0aExhSjh1TkQ0cDg5SHNUcXZDcnc5c3YvQUpUK0ZBcUhRRVFDQUFBQUFFbEZUa1N1UW1DQyIvPjwvZz48L2c+PC9nPjwvc3ZnPg==);
}

.beer-single__content ul li.icon--tasting-notes {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTEuMDQgMTEuMDQiPjx0aXRsZT5WcWJ1a0sudGlmPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGlkPSJWcWJ1a0sudGlmIj48aW1hZ2UgaWQ9IkxheWVyXzEtMyIgZGF0YS1uYW1lPSJMYXllciAxIiB3aWR0aD0iNDYiIGhlaWdodD0iNDYiIHRyYW5zZm9ybT0ic2NhbGUoMC4yNCkiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQzhBQUFBdkNBWUFBQUJ6SjVPc0FBQUFDWEJJV1hNQUFDNGpBQUF1SXdGNHBUOTJBQUFHV1VsRVFWUm9ROFhaZTZ3ZFZSWEg4VThmbExhMEZtS0RrWUFVMDBIRkI3Z2pDU0lhaTlGb2FKVVFJaHFIaHdVc2hGY0JCWU1TSDJBTUtsWWtFREFJUVFZMUNvSnlDUXBJMDhRSEtnNWdqRUEyS0VVanBSQVJXbWdMNmIzK3NlYkF2YmZuZlpyNFRlNGZzMmZOdm12MldYdXQzMTR6WTJKaXdpalVWVEVUQzdFVWI4UCsyQnVMc0N1MjR3VThoY2Z3RUI3R2hsVG1sOXJOMlM4emhuVytyb3A1d3RFUDQ0TjRPMTZMV1YwZUc4ZFc4UksveFcyNE41WDVQMTJlNmNqQXpqZE92eGZINGFOaTFVZmhYdHlJWDZReVA5SExlRElET1Y5WHhhRTREY2ZvdnNMRGNEK3VScFhLL0VJdlkvcDB2cTZLQlRnVHArUDFQY3hiVEdBYlpqZC8vVEtHQzFPWkgraGwyTlA1dWlyZWdNdHdaRmZESFJuSEg4VG0zYWVIN1hUK2dYTlRtVy9wWmpTejI4MjZLdmJIanczbStMK3h3YXNyUDQ1TitLZklQUDJ3SDY2dnErTEVia1lkblc4Y3IvRHVUallkK0p0SWhUTkZ1Q3dRTDFSamtOUzRFRmZYVlhGS0o0TzJ6dGRWc1NldXdjSHQ3dmRnTnViaWVYeERoTTVDek1HTUxzKzFZeGJXMUZWeFZMdWJPemhmVjhVTVhDclM0YkRNdzFncTgyMjRBbHV3aXdpbFFabUx5K3VxT0dqNmpYWXJmekxLTnVQOU1rUEUrVjNOZGNZajRvV0daUzljV2xmRm9zbURVNXl2cStJdHVOQm83R0xxdksyWDJkVmdLWE02aDJQVjVJSHBLNzlhcExaaDJDcEsvbS9FdkI5cHhwY2lDVTN6QXp6YTl1bitPTEd1aWdOYUY2ODRYMWZGd1ZqUjlwSCttTUIzVTVuUHh6bllxOWxveCtJbXJFcGxQa2tJdEdIWkgwYzIrM0xLeW45Sy85V3pIZk9FU0pQS2ZMZW95S3Z4VUNyeldhbk1XK3FxZUEvZTBXV09mamdPUzJpY3I2dGliN3kvczMzZmZLS3VpcE9oS2UrclJlWlNWOFUrK0k3UmhkeWJjQ2lOUEtpcllnVnVGcHR0V0Y0U1dlVkZvUlJ2eHUreEo0N0NjdXlHZlEwdUY2YnpQWnpaMnYySEdjMXh3dmxMY0ErT3hsVWlUUzRSbS9TTHpmVWRSbmYrUTlpakZmTnY3V2JaSnd0d1lDcnprNm5NbCtOODRlUmRPRGFWK1Q2eDZrV1hPZnBsYnl4dE9mL0dicFlEY0VKZEZVZEFLdk1Zdm9Ddk41dDFzWkFMaTd0TjBDZXpjV0FyNXA4UlI3aFJlRmtJc0tmd0k5eWV5cHpycWxpSUQ0Z3NjWUQ0UHp2akJTNXV4ZnlVc2pza0wrSXJlRnpVaTUvV1ZiRU9ieFkxNEFaOERqKzBjNXhmM0FxYlVjcDJpd1ZZbk1xOEZwL0hkYUxLYnNUSnFjdzNDcGt3Nm1adE1YOW5PTjFpbGlqZmR6VTUvcks2S3JZSmRmbXZ1aXJtNE10R0s0UlRhTVg4dU1HMTluUzI0emx4NkxnRUQ2UXlQMU5YeFZ5aGIxYUpmTDg3NW5lY3BYKyszMXI1elVhdmZNOExSYm9GbjhIaXVpckdSRDluaWNqL0h4TWRndFJoamtGNHRoWHpRelY5cHJFYlhrNWx2ZzRyUmJVOVQ4VDRPYW5NRjRsbTArczZUekVRVDdlY1g5L1ZyRC9tNFBpNkt2Wk1aZDZNczBVWlB6V1YrZjdHNWdJN0wrWWZiVG4vOTY1bS9YTUlycXFyWW1rcTgxWjhyY24xQytxcXVBQ242dEd4NkpQbmNIOXJ3NTRrVm1tVVRmc3N2aWswMG1HaVlJM2hvT2I2RWFGckxoSU4yVkc0QThlMFZ1RSswVmNaaFYyeFBwWDVxNkthN280MVFrUmRuTXE4Q212eG1zNVQ5TTNkcWN5YldzNC9oRDkxcys2RCtmaGtYUlZ6VXBrM2lJUDhMM0ZLY3ppQk00d2U4NXZ4TzVyNFMyWGVobHRGaVIrRjVhSk5zVGlWK1dsOE5wVzVocm9xVHNPWGpDNjliOEdEVE9wVjF0RzZ2aDNMT2ovWGxmL2lXcEYxOXNWZnhNb2ZLRTcrMjBRQk85WHdLdlk1ZkR5VitVNG03ZnhVNWkyNDB2Q3JQd1ByY0s0UWFNdEVRVm9wZnRWVnpmVW9yZkV4L0xwMU1TVnRwVExmSkU3Nnc3QUlLMUtaWDBwbC9yT0krY2R3WGlyekRhbk1tM0M4NFdOK1BiNmR5dnhLczNhSEZuZHpVTDVINkpGQmVWNnMvTFdwek9OMVZTeEpaWDRjNnFwNG4raC9Ebk9TR3NjWnFjeFhUaDVzMjUrdnErSncvTVJ3QjVRWHhHZWFPL0ZYSVErVzRkT0dYL1VyVXBsUG56N1k4ZU5DWFJYSGlrUDBzQXB3cThqcmhlRit4UmEzNHJnbTdLYlFzVlNuTXQrQXMwUmVIWWE1WWgvTTdXWFloVnRFcDIwSHgrbWhNMUtacnhFYmIwTTN1dzZNQzNtOHJaZGhHN2FML2JFeWxYbGpKNk9lMzZTZ2FkTjlTd2l2ZnBuQWsrS2NNTWhaWWFQUVNHc21aNVoyOU9VOE5LMkxzM0dDNkpmdmJDWnd0MUNpNjNvWk00RHpMZXFxT0VTOHdOR0d5MGJ0V0l2cjhiTk84ZDJPZ1oySHVpcG00WjFDTVM3SHV3eXVXWjdBci9Cei9MSFJRZ014bFBPVHFhdGlEOUUzVDBMSDdDZnkrU0t2Zm9mYWpLZUZ3dzhMamZNZ05qYWljQ2hHZHY3L3lmOEFqVmNOSGhLcE9UVUFBQUFBU1VWT1JLNUNZSUk9Ii8+PC9nPjwvZz48L2c+PC9zdmc+);
}

@media (max-width: 767px) {
  .beer-single__links .button,
  .beer-single__links .added_to_cart,
  .beer-single__links .banner .nav-primary .menu-shop a,
  .banner .nav-primary .menu-shop .beer-single__links a,
  .beer-single__links .banner .nav-primary .menu-item:last-child a,
  .banner .nav-primary .menu-item:last-child .beer-single__links a,
  .beer-single__links .beer-finder .wpsl-search-btn-wrap input,
  .beer-finder .wpsl-search-btn-wrap .beer-single__links input {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 0.76923rem;
  }
}

.beer-single__links .button:first-child,
.beer-single__links .added_to_cart:first-child,
.beer-single__links .banner .nav-primary .menu-shop a:first-child,
.banner .nav-primary .menu-shop .beer-single__links a:first-child,
.beer-single__links .banner .nav-primary .menu-item:last-child a:first-child,
.banner .nav-primary .menu-item:last-child .beer-single__links a:first-child,
.beer-single__links .beer-finder .wpsl-search-btn-wrap input:first-child,
.beer-finder .wpsl-search-btn-wrap .beer-single__links input:first-child {
  margin-right: 0.76923rem;
}

.beer__cycle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 90%;
  left: 5%;
}

.beer__cycle .cycle__link {
  padding: 0.38462rem;
  display: block;
  cursor: pointer;
  opacity: 0.8;
  -webkit-transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.beer__cycle .cycle__link:hover {
  opacity: 1;
  -webkit-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}

.beer__cycle .cycle__link.no--go {
  pointer-events: none;
  opacity: 0.15;
}

.beer__cycle .cycle__link::before {
  border-style: solid;
  border-width: 0.25em 0.25em 0 0;
  border-color: #7e9baf;
  content: '';
  display: inline-block;
  height: 1em;
  left: 0.15em;
  position: relative;
  -webkit-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  vertical-align: top;
  width: 1em;
}

.beer__cycle .cycle__link--next::before {
  left: 0;
  -webkit-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

.beer__cycle .cycle__link--previous::before {
  top: 0;
  -webkit-transform: rotate(-135deg);
       -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.beer-others {
  padding-top: 3.07692rem;
}

@media (min-width: 768px) {
  .beer-others {
    padding-top: 4.92308rem;
  }
}

@media (min-width: 1250px) {
  .beer-others {
    padding-top: 6.15385rem;
  }
}

@media (max-width: 767px) {
  .beer-others {
    margin-top: 2.30769rem;
  }
}

.beer-others .beer-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.beer-others .intro {
  border-color: #7e9baf;
}

@media (max-width: 959px) {
  .beer-others .intro {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 0.92308rem;
  }
}

.beer-others .intro .h4 {
  font-size: 1.38462rem;
  color: #7e9baf;
}

@media (max-width: 767px) {
  .beer-others .intro .h4 {
    font-size: 1.07692rem;
  }
}

.beer-others .beer {
  margin: 2.30769rem 0;
}

@media (max-width: 767px) {
  .beer-others .beer {
    margin-top: 1.15385rem;
  }
}

@media (min-width: 960px) {
  .beer-finder .intro--tight {
    max-width: 50%;
  }
}

.beer-finder .intro--tight h1 {
  margin: 0 0 1.53846rem;
  line-height: 1;
}

.beer-finder .intro--tight p {
  font-family: "Trim", Helvetica, Arial, sans-serif;
}

.beer-finder .container__inner {
  max-width: none;
}

.beer-finder label[for="wpsl-search-input"],
.beer-finder label[for="wpsl-radius-dropdown"] {
  display: none !important;
}

.beer-finder .beer__finder {
  padding-top: 1.53846rem;
}

@media (min-width: 768px) {
  .beer-finder .beer__finder {
    padding-top: 2.46154rem;
  }
}

@media (min-width: 1250px) {
  .beer-finder .beer__finder {
    padding-top: 3.07692rem;
  }
}

.beer-finder form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .beer-finder form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.beer-finder form #wpsl-search-input,
.beer-finder form .wpsl-dropdown {
  padding: 0.92308rem 1.53846rem;
  border-radius: 0.76923rem;
  border: 0 !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.beer-finder form #wpsl-search-input {
  min-width: 15.38462rem;
}

@media (max-width: 767px) {
  .beer-finder form #wpsl-radius,
  .beer-finder form #wpsl-results {
    width: 100%;
  }
}

.beer-finder form .wpsl-select-wrap {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  position: relative;
}

@media (max-width: 767px) {
  .beer-finder form .wpsl-select-wrap {
    width: 100%;
  }
}

.beer-finder form .wpsl-dropdown {
  min-width: 9.23077rem;
}

.beer-finder form .wpsl-selected-item {
  padding: 0 !important;
}

.beer-finder form input[type="submit"] {
  font-size: 1.07692rem;
  border-radius: 0.76923rem !important;
  border: 0 !important;
  line-height: 1;
}

@media (max-width: 767px) {
  .beer-finder #wpsl-search-wrap .wpsl-dropdown {
    width: 98% !important;
  }
}

.beer-finder #wpsl-search-wrap .wpsl-select-wrap {
  margin-right: 10px !important;
}

.beer-finder .wpsl-search {
  background: transparent;
}

.beer-finder #wpsl-result-list {
  display: none !important;
}

.beer-finder #wpsl-gmap {
  width: 100% !important;
}

.beer-finder .wpsl-gmap-canvas .wpsl-infobox {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border: 0 !important;
  padding: 0.76923rem 1.15385rem;
  border-radius: 0.76923rem;
  text-align: center;
}

.beer-finder .wpsl-gmap-canvas .wpsl-infobox::before {
  border-top: 0;
}

.beer-finder .wpsl-gmap-canvas .wpsl-infobox .wpsl-info-actions {
  display: inline-block !important;
}

.beer-finder .wpsl-gmap-canvas .wpsl-infobox .wpsl-info-actions a {
  float: none;
}

.beer-finder .wpsl-gmap-canvas .wpsl-infobox .wpsl-info-window strong a {
  font-family: "KapraNeue", Helvetica, Arial, sans-serif;
  font-size: 0.92308rem;
  text-transform: uppercase;
  color: #0064a8;
}

.beer-finder .wpsl-gmap-canvas .wpsl-infobox .wpsl-info-window span {
  font-family: "Trim", Helvetica, Arial, sans-serif;
}

.beer-finder #wpsl-gmap .wpsl-info-actions {
  margin: 0 !important;
}

.beer-finder #wpsl-gmap .wpsl-info-actions a {
  font-family: "Trim", Helvetica, Arial, sans-serif;
  color: #0064a8;
}

.beer-finder .wpgmza_map .wpgmza_markerbox {
  text-align: center;
}

.beer-finder .wpgmza_map .wpgmza_infowindow_title {
  font-family: "KapraNeue", Helvetica, Arial, sans-serif;
  font-size: 0.92308rem;
  text-transform: uppercase;
  color: #0064a8 !important;
}

.beer-finder .wpgmza_map .wpgmza_infowindow_address {
  font-family: "Trim", Helvetica, Arial, sans-serif;
}

.beer-finder .wpgmza_sl_main_div {
  padding-left: 1.53846rem;
  padding-right: 1.53846rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: baseline;
      -ms-flex-pack: baseline;
          justify-content: baseline;
  width: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 768px) {
  .beer-finder .wpgmza_sl_main_div {
    padding-left: 2.46154rem;
  }
}

@media (min-width: 1250px) {
  .beer-finder .wpgmza_sl_main_div {
    padding-left: 3.07692rem;
  }
}

@media (min-width: 768px) {
  .beer-finder .wpgmza_sl_main_div {
    padding-right: 2.46154rem;
  }
}

@media (min-width: 1250px) {
  .beer-finder .wpgmza_sl_main_div {
    padding-right: 3.07692rem;
  }
}

.beer-finder .wpgmza_sl_main_div > div {
  margin-right: 1.15385rem;
}

@media (max-width: 959px) {
  .beer-finder .wpgmza_sl_main_div > div {
    margin-bottom: 1.15385rem;
  }
}

.beer-finder .wpgmza_sl_main_div .wpgmza_sl_query_innerdiv1,
.beer-finder .wpgmza_sl_main_div .wpgmza_sl_radius_innerdiv1,
.beer-finder .wpgmza_sl_main_div .wpgmza_sl_category_innerdiv1 {
  display: none;
}

.beer-finder .wpgmza_sl_main_div input,
.beer-finder .wpgmza_sl_main_div button,
.beer-finder .wpgmza_sl_main_div select {
  padding: 0.92308rem 1.53846rem;
  border-radius: 0.76923rem;
  border: 0 !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: white;
}

.beer-finder .wpgmza_sl_main_div input:required,
.beer-finder .wpgmza_sl_main_div button:required,
.beer-finder .wpgmza_sl_main_div select:required {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.beer-finder .wpgmza_sl_main_div .wpgmza_sl_radius_div {
  margin-top: 0;
  height: auto;
}

.beer-finder .wpgmza_sl_main_div .wpgmza_sl_radius_innerdiv2 {
  max-width: 11.53846rem;
  position: relative;
}

.beer-finder .wpgmza_sl_main_div .wpgmza_sl_radius_innerdiv2::after {
  content: "";
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  top: 38%;
  right: 20px;
  -webkit-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  pointer-events: none;
}

.beer-finder .wpgmza_sl_main_div .wpgmza_sl_radius_select {
  width: 100%;
}

.beer-finder .wpgmza_sl_main_div input[type="button"] {
  background-color: #0064a8;
  -webkit-transition: all 120ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: all 120ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 120ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  color: #fff;
  font-family: "Trim", Helvetica, Arial, sans-serif;
  cursor: pointer;
}

.beer-finder .wpgmza_sl_main_div input[type="button"]:hover {
  background-color: #fff;
  color: #0064a8;
}

.beer-finder .wpgmza_sl_main_div .wpgmza_sl_category_div {
  margin-top: 0;
}

@media (max-width: 549px) {
  .beer-finder .wpgmza_sl_main_div .wpgmza_sl_category_div {
    width: 100%;
  }
}

.beer-finder .wpgmza_sl_main_div .wpgmza_cat_checkbox_holder {
  padding: 0;
  height: auto;
}

.beer-finder .wpgmza_sl_main_div .wpgmza_cat_ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0;
}

.beer-finder .wpgmza_sl_main_div li.wpgmza_cat_checkbox_item_holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.beer-finder .wpgmza_sl_main_div li.wpgmza_cat_checkbox_item_holder:first-of-type input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.beer-finder .wpgmza_sl_main_div li.wpgmza_cat_checkbox_item_holder:last-of-type input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.beer-finder .wpgmza_sl_main_div li.wpgmza_cat_checkbox_item_holder label {
  font-size: 0.61538rem;
  color: #4d4d4d;
  padding-top: 0.38462rem;
}

.beer-finder .wpgmza_sl_main_div input[type=checkbox] {
  display: block;
  width: 40px;
  height: 50px;
  -webkit-appearance: none;
  outline: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 65% 65%;
  float: left;
  cursor: pointer;
  -webkit-transition: all 180ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: all 180ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 180ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-box-shadow: 0 !important;
          box-shadow: 0 !important;
}

@-moz-document url-prefix()  {
  .beer-finder .wpgmza_sl_main_div input[type=checkbox] {
    background-size: 30%;
  }
}

.beer-finder .wpgmza_sl_main_div input[type=checkbox]:not(:checked) {
  background-color: white;
}

.beer-finder .wpgmza_sl_main_div input[type=checkbox]:checked {
  background-color: #262626;
}

.beer-finder .wpgmza_sl_main_div #wpgmza_cat_checkbox_2:not(:checked) {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTA0cHgiIGhlaWdodD0iMjM3cHgiIHZpZXdCb3g9IjAgMCAxMDQgMjM3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0OSAoNTEwMDIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb24tYmVlci1pbi1zdG9yZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXRoLTEiIHBvaW50cz0iMC41OCAwLjQ1OSAzMC40NDIgMC40NTkgMzAuNDQyIDIxLjUwMyAwLjU3OSAyMS41MDMiPjwvcG9seWdvbj4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uLWJlZXItaW4tc3RvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiPgogICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTUuMDAwMDAwLCAwLjAwMDAwMCkiIGlkPSJDbGlwcGVkIj4KICAgICAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iYyI+PC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTguNzg4LDIxLjUwMyBMMjguNTY0LDExLjU5MyBDMzEuMDY4LDkuMDU0IDMxLjA2OCw0LjkgMjguNTY0LDIuMzYzIEMyNy4zNjI0NDI3LDEuMTQ0NjUzMTggMjUuNzIyNjcxOCwwLjQ1ODc2Mzg4NiAyNC4wMTE1LDAuNDU4NzYzODg2IEMyMi4zMDAzMjgyLDAuNDU4NzYzODg2IDIwLjY2MDU1NzMsMS4xNDQ2NTMxOCAxOS40NTksMi4zNjMgTDAuNTgsMjEuNTAzIEwxOC43ODksMjEuNTAzIEwxOC43ODgsMjEuNTAzIFoiIGlkPSJTaGFwZSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOTYsNzAuMjg4IEw5Niw1Ni4xNDQgQzk2LDQ4LjM2NCA4OS42NzUsNDIgODEuOTQ0LDQyIEwxNC4wNTYsNDIgQzYuMzI0LDQyIDAsNDguMzY1IDAsNTYuMTQ0IEwwLDE5OC44NTYgQzAsMjA2LjYzNiA2LjMyNCwyMTMgMTQuMDU2LDIxMyBMODEuOTQ0LDIxMyBDODkuNjc0LDIxMyA5NiwyMDYuNjM1IDk2LDE5OC44NTYgTDk2LDcwLjI4OCBaIE04OS41MTYsNDEgTDYuNDg0LDQxIEMyLjkxOCw0MSAwLDM4LjAwMSAwLDM0LjMzNiBMMCwyNy42NjQgQzAsMjQgMi45MTgsMjEgNi40ODQsMjEgTDg5LjUxNiwyMSBDOTMuMDgyLDIxIDk2LDI0IDk2LDI3LjY2NCBMOTYsMzQuMzM2IEM5NiwzOCA5My4wODIsNDEgODkuNTE2LDQxIFogTTg5LjUxNiwyMzMgTDYuNDg0LDIzMyBDMi45MTgsMjMzIDAsMjMwLjAwMSAwLDIyNi4zMzYgTDAsMjE5LjY2NCBDMCwyMTYgMi45MTgsMjEzIDYuNDg0LDIxMyBMODkuNTE2LDIxMyBDOTMuMDgyLDIxMyA5NiwyMTYgOTYsMjE5LjY2NCBMOTYsMjI2LjMzNiBDOTYsMjMwLjAwMSA5My4wODIsMjMzIDg5LjUxNiwyMzMgWiIgaWQ9IlNoYXBlIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.beer-finder .wpgmza_sl_main_div #wpgmza_cat_checkbox_2:checked {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTA0cHgiIGhlaWdodD0iMjM3cHgiIHZpZXdCb3g9IjAgMCAxMDQgMjM3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0OSAoNTEwMDIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb24tYmVlci1pbi1zdG9yZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXRoLTEiIHBvaW50cz0iMC41OCAwLjQ1OSAzMC40NDIgMC40NTkgMzAuNDQyIDIxLjUwMyAwLjU3OSAyMS41MDMiPjwvcG9seWdvbj4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uLWJlZXItaW4tc3RvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiPgogICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTUuMDAwMDAwLCAwLjAwMDAwMCkiIGlkPSJDbGlwcGVkIj4KICAgICAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iYyI+PC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTguNzg4LDIxLjUwMyBMMjguNTY0LDExLjU5MyBDMzEuMDY4LDkuMDU0IDMxLjA2OCw0LjkgMjguNTY0LDIuMzYzIEMyNy4zNjI0NDI3LDEuMTQ0NjUzMTggMjUuNzIyNjcxOCwwLjQ1ODc2Mzg4NiAyNC4wMTE1LDAuNDU4NzYzODg2IEMyMi4zMDAzMjgyLDAuNDU4NzYzODg2IDIwLjY2MDU1NzMsMS4xNDQ2NTMxOCAxOS40NTksMi4zNjMgTDAuNTgsMjEuNTAzIEwxOC43ODksMjEuNTAzIEwxOC43ODgsMjEuNTAzIFoiIGlkPSJTaGFwZSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOTYsNzAuMjg4IEw5Niw1Ni4xNDQgQzk2LDQ4LjM2NCA4OS42NzUsNDIgODEuOTQ0LDQyIEwxNC4wNTYsNDIgQzYuMzI0LDQyIDAsNDguMzY1IDAsNTYuMTQ0IEwwLDE5OC44NTYgQzAsMjA2LjYzNiA2LjMyNCwyMTMgMTQuMDU2LDIxMyBMODEuOTQ0LDIxMyBDODkuNjc0LDIxMyA5NiwyMDYuNjM1IDk2LDE5OC44NTYgTDk2LDcwLjI4OCBaIE04OS41MTYsNDEgTDYuNDg0LDQxIEMyLjkxOCw0MSAwLDM4LjAwMSAwLDM0LjMzNiBMMCwyNy42NjQgQzAsMjQgMi45MTgsMjEgNi40ODQsMjEgTDg5LjUxNiwyMSBDOTMuMDgyLDIxIDk2LDI0IDk2LDI3LjY2NCBMOTYsMzQuMzM2IEM5NiwzOCA5My4wODIsNDEgODkuNTE2LDQxIFogTTg5LjUxNiwyMzMgTDYuNDg0LDIzMyBDMi45MTgsMjMzIDAsMjMwLjAwMSAwLDIyNi4zMzYgTDAsMjE5LjY2NCBDMCwyMTYgMi45MTgsMjEzIDYuNDg0LDIxMyBMODkuNTE2LDIxMyBDOTMuMDgyLDIxMyA5NiwyMTYgOTYsMjE5LjY2NCBMOTYsMjI2LjMzNiBDOTYsMjMwLjAwMSA5My4wODIsMjMzIDg5LjUxNiwyMzMgWiIgaWQ9IlNoYXBlIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.beer-finder .wpgmza_sl_main_div .wpgmza_sl_query_div {
  height: auto;
}

@media (max-width: 549px) {
  .beer-finder .wpgmza_sl_main_div .wpgmza_sl_query_div {
    width: 100%;
  }

  .beer-finder .wpgmza_sl_main_div .wpgmza_sl_query_div .wpgmza_sl_query_innerdiv2 {
    width: 100%;
  }
}

.beer-finder .wpgmza_sl_main_div #wpgmza_cat_checkbox_1:not(:checked) {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOTZweCIgaGVpZ2h0PSIyMzNweCIgdmlld0JveD0iMCAwIDk2IDIzMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDkgKDUxMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TaGFwZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uLWJlZXItb24tdGFwIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBkPSJNNDcuOTc2MTY2NSwxMDcuODIyODE1IEMyMi40MjE4OTQzLDEwNy44MjU1NDkgMS4xMTQ1OTIzNSwxMjcuMTc2MzUyIDAuMDQyMTI1MTM1MywxNTEuODE1NDIgQy0xLjA1ODk0MTIxLDE3Ny4xMDM1NTYgMTkuNTYwMDc1MSwxOTguNTMyODM2IDQ2LjAwNTY4NjcsMTk5LjU4NTc0OCBDNDYuNjgyNTMyNywxOTkuNjEzMDk3IDQ3LjM1MzY1ODgsMTk5LjYyNTg1OSA0OC4wMjU3MzgzLDE5OS42MjU4NTkgQzczLjU3OTA1NzEsMTk5LjYyNTg1OSA5NC44ODYzNTkxLDE4MC4yNzIzMjIgOTUuOTU3ODczLDE1NS42MzIzNDIgQzk3LjA1ODkzOTMsMTMwLjM0NTExOCA3Ni40NDA4NzYzLDEwOC45MTU4MzggNDkuOTk2MjE4LDEwNy44NjM4MzcgQzQ5LjMyMjkxMjQsMTA3LjgzNjk5NiA0OC42NDkxMDM0LDEwNy44MjMzMTkgNDcuOTc1MjEzMiwxMDcuODIyODE1IE00Ny45Nzk5Nzk3LDEwNy44MjI4MTUgTDQ3Ljk3OTk3OTcsMTE0LjgxOTQ0MiBDNDguNTUzODY4OCwxMTQuODE5NDQyIDQ5LjExMzQ1ODQsMTE0LjgzMDM4MSA0OS42OTMwNjczLDExNC44NTMxNzIgQzYwLjUyOTI3NjEsMTE1LjI4NTI3NiA3MC41NTYxMjk1LDExOS43Mzk0MTYgNzcuOTIzMjY0MywxMjcuMzk2OTYyIEM4NS4yOTEzNTI0LDEzNS4wNTQ1MDkgODkuMDk5ODAyNywxNDQuOTc4MzI1IDg4LjY0NzkzNjUsMTU1LjM0MTUzOCBDODguMjA5NDE2NSwxNjUuNDE5NDE2IDgzLjc1NzQ4NiwxNzQuODIwODc4IDc2LjExNDg0NjMsMTgxLjgxNDc3IEM2OC40OTIyMjYsMTg4Ljc4ODYwOCA1OC41MTU4OTc2LDE5Mi42MjkyMzIgNDguMDI1NzM4MywxOTIuNjI5MjMyIEM0Ny40NDg5ODkyLDE5Mi42MjkyMzIgNDYuODg3NDkzMSwxOTIuNjE4MjkzIDQ2LjMwODgzNzQsMTkyLjU5NTUwMiBDMjMuODk0NzQ5MywxOTEuNzAzMDMzIDYuNDE4Nzc2ODcsMTczLjU0MDA2MiA3LjM1MjA2MTY3LDE1Mi4xMDYyMjQgQzcuNzkwNTgxNiwxNDIuMDI5MjU4IDEyLjI0MjUxMjIsMTMyLjYyODcwOCAxOS44ODYxMDUyLDEyNS42MzU3MjcgQzI3LjUwOTY3ODgsMTE4LjY2MTg5IDM3LjQ4NjAwNzEsMTE0LjgyMDM1NCA0Ny45NzcxMTk4LDExNC44MTk0NDIgTDQ3Ljk3OTk3OTcsMTA3LjgyMjgxNSBNMTEuMTYxNDY1MiwxMi4zNjIzNzk3IEwyNS43ODEzMzgzLDk2LjYyMDkxNzggQzMyLjU0MzEyNDksOTIuOTc4MTEzNSA0MC4xMjI4NDY1LDkxLjA3Mzc1NDYgNDguMDAwOTUyNCw5MS4wNzM3NTQ2IEM1NS44NzgxMDQ5LDkxLjA3Mzc1NDYgNjMuNDU3ODI2NSw5Mi45NzgxMTM1IDcwLjIxODY1OTksOTYuNjIwOTE3OCBMODQuODM5NDg2MiwxMi4zNjIzNzk3IEM4NC42OTQ0MjU2LDkuMzYyNDU2NTIgODIuMTEwNDYzNyw3LjAwMDY2MTEyIDc4Ljk2OTk5MjMsNi45OTc1MzkwNCBMMTcuMDMwOTU5MSw2Ljk5NzUzOTA0IEMxMy44OTA4Nzc0LDcuMDAxNTg4NyAxMS4zMDc0NzczLDkuMzYyODcwNjcgMTEuMTYxNDY1MiwxMi4zNjIzNzk3IE03Mi45MTQ2MDQxLDEwNS45NTk0NzggQzcyLjEyNzg2MjMsMTA1Ljk1OTU1NSA3MS4zNjIwMjY1LDEwNS43MTcyNTIgNzAuNzMwNTg0MiwxMDUuMjY4NDc2IEM2NC4xMTA4Mzk5LDEwMC41NTk5OTYgNTYuMjQ5ODkzNSw5OC4wNzAzODIgNDguMDAwOTUyNCw5OC4wNzAzODIgQzM5Ljc1MTA1NzksOTguMDcwMzgyIDMxLjg5MDExMTUsMTAwLjU1OTA4NSAyNS4yNzAzNjcyLDEwNS4yNjg0NzYgQzI0LjI0NzEyOTMsMTA1Ljk5NjU5NyAyMi45MDExNTk2LDEwNi4xNjI0NTMgMjEuNzE4MzIwMSwxMDUuNzA2MTc1IEMyMC41MzU0ODA2LDEwNS4yNDk4OTYgMTkuNjg2NTk1MywxMDQuMjM3Mzc3IDE5LjQ3ODA5MSwxMDMuMDM0MTEzIEwzLjg4Nzc1NDI0LDEzLjE4OTIxMjUgQzMuODU1MDQyNDUsMTIuOTk5OTgwNCAzLjgzODQ2Mzk2LDEyLjgwODUxOTYgMy44MzgxODI0MiwxMi42MTY3MTk3IEMzLjgzODE4MjQyLDUuNjYwMjAzMjIgOS43NTcyNDgxNSwwIDE3LjAzMDk1OTEsMCBMNzguOTY5OTkyMywwIEM4Ni4yNDM3MDMzLDAgOTIuMTYyNzY5LDUuNjYwMjAzMjIgOTIuMTYyNzY5LDEyLjYxNjcxOTcgQzkyLjE2Mjc2OSwxMi44MDgxNTgzIDkyLjE0NTYwOTUsMTIuOTk5NTk3IDkyLjExMzE5NzIsMTMuMTg5MjEyNSBMNzYuNTIyODYwNSwxMDMuMDM0MTEzIEM3Ni4yMzA0MTg5LDEwNC43MjIwMjEgNzQuNzAzNzY4MywxMDUuOTU5NzQxIDcyLjkxNDYwNDEsMTA1Ljk1OTQ3OCBNMzYuMTA3NTI5MywyMTQuMTE1MDMxIEwzNy4wMDM2MzUyLDIyMy43NjkwMSBDMzcuMDEzMTY4MywyMjMuODcyMDIyIDM3LjAxODg4ODEsMjIzLjk3NTk0NiAzNy4wMTg4ODgxLDIyNC4wNzg5NTggQzM3LjAxODg4ODEsMjI1LjEyMTg0MyAzNy45NDA3MzMyLDIyNi4wMDMzNzMgMzkuMDMwMzU5OSwyMjYuMDAzMzczIEw1Ni45Njk2MzgyLDIyNi4wMDMzNzMgQzU4LjA2MDIxODIsMjI2LjAwMzM3MyA1OC45ODExMSwyMjUuMTIxODQzIDU4Ljk4MTExLDIyNC4wNzk4NyBDNTguOTgxMTEsMjIzLjk3NTk0NiA1OC45ODc3ODMyLDIyMy44NzIwMjIgNTguOTk3MzE2MiwyMjMuNzY5OTIxIEw1OS44OTM0MjIyLDIxNC4xMTU5NDMgQzU2LjAzMjMwOTYsMjE1LjIwNTggNTIuMDI2NzUyOCwyMTUuNzU2MzMxIDQ4LjAwMDk1MjQsMjE1Ljc1MDQ2NSBDNDMuOTMyMjUwMSwyMTUuNzUwNDY1IDM5Ljk1MTI1MTgsMjE1LjIwMzQ5NyAzNi4xMDc1MjkzLDIxNC4xMTUwMzEgTTU2Ljk2OTYzODIsMjMzIEwzOS4wMzEzMTMyLDIzMyBDMzMuOTQ4Mjk1MywyMzMgMjkuODAxNDIyMSwyMjkuMDkxOTE2IDI5LjcwNDE4NSwyMjQuMjUzMDc2IEwyOC4zMDU2ODc4LDIwOS4xOTk2MTYgQzI4LjE4OTk0NTcsMjA3Ljk1NjY3OSAyOC43NzU0MDcyLDIwNi43NDg5MDkgMjkuODQyMDkyNiwyMDYuMDMwMTExIEMzMC45MDg3NzgxLDIwNS4zMTEzMTMgMzIuMjk1MTIxNywyMDUuMTkwMzYgMzMuNDgwMjIyOSwyMDUuNzEyNjk3IEMzOC4wMzE2ODM1LDIwNy43MjQwMDcgNDIuOTg3MDEzNywyMDguNzYyMTM0IDQ4LjAwMDk1MjQsMjA4Ljc1NDc0OSBDNTMuMDE0ODY4LDIwOC43NjE5MyA1Ny45NzAxNTI3LDIwNy43MjM4MTIgNjIuNTIxNjgxOCwyMDUuNzEyNjk3IEM2My43MDY2NzM2LDIwNS4xOTAyMDEgNjUuMDkzMDI4MSwyMDUuMzExMTEzIDY2LjE1OTYyMzksMjA2LjAyOTk4MyBDNjcuMjI2MjE5OCwyMDYuNzQ4ODUzIDY3LjgxMTQyNDUsMjA3Ljk1Njc0MyA2Ny42OTUyNjM3LDIwOS4xOTk2MTYgTDY2LjI5NzcxOTcsMjI0LjI1MzA3NiBDNjYuMTk5NTI5NCwyMjkuMDkxOTE2IDYyLjA1MzYwOTUsMjMzIDU2Ljk2OTYzODIsMjMzIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.beer-finder .wpgmza_sl_main_div #wpgmza_cat_checkbox_1:checked {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOTZweCIgaGVpZ2h0PSIyMzNweCIgdmlld0JveD0iMCAwIDk2IDIzMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDkgKDUxMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TaGFwZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpY29uLWJlZXItb24tdGFwIiBmaWxsPSIjRkVGRUZFIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBkPSJNNDcuOTc2MTY2NSwxMDcuODIyODE1IEMyMi40MjE4OTQzLDEwNy44MjU1NDkgMS4xMTQ1OTIzNSwxMjcuMTc2MzUyIDAuMDQyMTI1MTM1MywxNTEuODE1NDIgQy0xLjA1ODk0MTIxLDE3Ny4xMDM1NTYgMTkuNTYwMDc1MSwxOTguNTMyODM2IDQ2LjAwNTY4NjcsMTk5LjU4NTc0OCBDNDYuNjgyNTMyNywxOTkuNjEzMDk3IDQ3LjM1MzY1ODgsMTk5LjYyNTg1OSA0OC4wMjU3MzgzLDE5OS42MjU4NTkgQzczLjU3OTA1NzEsMTk5LjYyNTg1OSA5NC44ODYzNTkxLDE4MC4yNzIzMjIgOTUuOTU3ODczLDE1NS42MzIzNDIgQzk3LjA1ODkzOTMsMTMwLjM0NTExOCA3Ni40NDA4NzYzLDEwOC45MTU4MzggNDkuOTk2MjE4LDEwNy44NjM4MzcgQzQ5LjMyMjkxMjQsMTA3LjgzNjk5NiA0OC42NDkxMDM0LDEwNy44MjMzMTkgNDcuOTc1MjEzMiwxMDcuODIyODE1IE00Ny45Nzk5Nzk3LDEwNy44MjI4MTUgTDQ3Ljk3OTk3OTcsMTE0LjgxOTQ0MiBDNDguNTUzODY4OCwxMTQuODE5NDQyIDQ5LjExMzQ1ODQsMTE0LjgzMDM4MSA0OS42OTMwNjczLDExNC44NTMxNzIgQzYwLjUyOTI3NjEsMTE1LjI4NTI3NiA3MC41NTYxMjk1LDExOS43Mzk0MTYgNzcuOTIzMjY0MywxMjcuMzk2OTYyIEM4NS4yOTEzNTI0LDEzNS4wNTQ1MDkgODkuMDk5ODAyNywxNDQuOTc4MzI1IDg4LjY0NzkzNjUsMTU1LjM0MTUzOCBDODguMjA5NDE2NSwxNjUuNDE5NDE2IDgzLjc1NzQ4NiwxNzQuODIwODc4IDc2LjExNDg0NjMsMTgxLjgxNDc3IEM2OC40OTIyMjYsMTg4Ljc4ODYwOCA1OC41MTU4OTc2LDE5Mi42MjkyMzIgNDguMDI1NzM4MywxOTIuNjI5MjMyIEM0Ny40NDg5ODkyLDE5Mi42MjkyMzIgNDYuODg3NDkzMSwxOTIuNjE4MjkzIDQ2LjMwODgzNzQsMTkyLjU5NTUwMiBDMjMuODk0NzQ5MywxOTEuNzAzMDMzIDYuNDE4Nzc2ODcsMTczLjU0MDA2MiA3LjM1MjA2MTY3LDE1Mi4xMDYyMjQgQzcuNzkwNTgxNiwxNDIuMDI5MjU4IDEyLjI0MjUxMjIsMTMyLjYyODcwOCAxOS44ODYxMDUyLDEyNS42MzU3MjcgQzI3LjUwOTY3ODgsMTE4LjY2MTg5IDM3LjQ4NjAwNzEsMTE0LjgyMDM1NCA0Ny45NzcxMTk4LDExNC44MTk0NDIgTDQ3Ljk3OTk3OTcsMTA3LjgyMjgxNSBNMTEuMTYxNDY1MiwxMi4zNjIzNzk3IEwyNS43ODEzMzgzLDk2LjYyMDkxNzggQzMyLjU0MzEyNDksOTIuOTc4MTEzNSA0MC4xMjI4NDY1LDkxLjA3Mzc1NDYgNDguMDAwOTUyNCw5MS4wNzM3NTQ2IEM1NS44NzgxMDQ5LDkxLjA3Mzc1NDYgNjMuNDU3ODI2NSw5Mi45NzgxMTM1IDcwLjIxODY1OTksOTYuNjIwOTE3OCBMODQuODM5NDg2MiwxMi4zNjIzNzk3IEM4NC42OTQ0MjU2LDkuMzYyNDU2NTIgODIuMTEwNDYzNyw3LjAwMDY2MTEyIDc4Ljk2OTk5MjMsNi45OTc1MzkwNCBMMTcuMDMwOTU5MSw2Ljk5NzUzOTA0IEMxMy44OTA4Nzc0LDcuMDAxNTg4NyAxMS4zMDc0NzczLDkuMzYyODcwNjcgMTEuMTYxNDY1MiwxMi4zNjIzNzk3IE03Mi45MTQ2MDQxLDEwNS45NTk0NzggQzcyLjEyNzg2MjMsMTA1Ljk1OTU1NSA3MS4zNjIwMjY1LDEwNS43MTcyNTIgNzAuNzMwNTg0MiwxMDUuMjY4NDc2IEM2NC4xMTA4Mzk5LDEwMC41NTk5OTYgNTYuMjQ5ODkzNSw5OC4wNzAzODIgNDguMDAwOTUyNCw5OC4wNzAzODIgQzM5Ljc1MTA1NzksOTguMDcwMzgyIDMxLjg5MDExMTUsMTAwLjU1OTA4NSAyNS4yNzAzNjcyLDEwNS4yNjg0NzYgQzI0LjI0NzEyOTMsMTA1Ljk5NjU5NyAyMi45MDExNTk2LDEwNi4xNjI0NTMgMjEuNzE4MzIwMSwxMDUuNzA2MTc1IEMyMC41MzU0ODA2LDEwNS4yNDk4OTYgMTkuNjg2NTk1MywxMDQuMjM3Mzc3IDE5LjQ3ODA5MSwxMDMuMDM0MTEzIEwzLjg4Nzc1NDI0LDEzLjE4OTIxMjUgQzMuODU1MDQyNDUsMTIuOTk5OTgwNCAzLjgzODQ2Mzk2LDEyLjgwODUxOTYgMy44MzgxODI0MiwxMi42MTY3MTk3IEMzLjgzODE4MjQyLDUuNjYwMjAzMjIgOS43NTcyNDgxNSwwIDE3LjAzMDk1OTEsMCBMNzguOTY5OTkyMywwIEM4Ni4yNDM3MDMzLDAgOTIuMTYyNzY5LDUuNjYwMjAzMjIgOTIuMTYyNzY5LDEyLjYxNjcxOTcgQzkyLjE2Mjc2OSwxMi44MDgxNTgzIDkyLjE0NTYwOTUsMTIuOTk5NTk3IDkyLjExMzE5NzIsMTMuMTg5MjEyNSBMNzYuNTIyODYwNSwxMDMuMDM0MTEzIEM3Ni4yMzA0MTg5LDEwNC43MjIwMjEgNzQuNzAzNzY4MywxMDUuOTU5NzQxIDcyLjkxNDYwNDEsMTA1Ljk1OTQ3OCBNMzYuMTA3NTI5MywyMTQuMTE1MDMxIEwzNy4wMDM2MzUyLDIyMy43NjkwMSBDMzcuMDEzMTY4MywyMjMuODcyMDIyIDM3LjAxODg4ODEsMjIzLjk3NTk0NiAzNy4wMTg4ODgxLDIyNC4wNzg5NTggQzM3LjAxODg4ODEsMjI1LjEyMTg0MyAzNy45NDA3MzMyLDIyNi4wMDMzNzMgMzkuMDMwMzU5OSwyMjYuMDAzMzczIEw1Ni45Njk2MzgyLDIyNi4wMDMzNzMgQzU4LjA2MDIxODIsMjI2LjAwMzM3MyA1OC45ODExMSwyMjUuMTIxODQzIDU4Ljk4MTExLDIyNC4wNzk4NyBDNTguOTgxMTEsMjIzLjk3NTk0NiA1OC45ODc3ODMyLDIyMy44NzIwMjIgNTguOTk3MzE2MiwyMjMuNzY5OTIxIEw1OS44OTM0MjIyLDIxNC4xMTU5NDMgQzU2LjAzMjMwOTYsMjE1LjIwNTggNTIuMDI2NzUyOCwyMTUuNzU2MzMxIDQ4LjAwMDk1MjQsMjE1Ljc1MDQ2NSBDNDMuOTMyMjUwMSwyMTUuNzUwNDY1IDM5Ljk1MTI1MTgsMjE1LjIwMzQ5NyAzNi4xMDc1MjkzLDIxNC4xMTUwMzEgTTU2Ljk2OTYzODIsMjMzIEwzOS4wMzEzMTMyLDIzMyBDMzMuOTQ4Mjk1MywyMzMgMjkuODAxNDIyMSwyMjkuMDkxOTE2IDI5LjcwNDE4NSwyMjQuMjUzMDc2IEwyOC4zMDU2ODc4LDIwOS4xOTk2MTYgQzI4LjE4OTk0NTcsMjA3Ljk1NjY3OSAyOC43NzU0MDcyLDIwNi43NDg5MDkgMjkuODQyMDkyNiwyMDYuMDMwMTExIEMzMC45MDg3NzgxLDIwNS4zMTEzMTMgMzIuMjk1MTIxNywyMDUuMTkwMzYgMzMuNDgwMjIyOSwyMDUuNzEyNjk3IEMzOC4wMzE2ODM1LDIwNy43MjQwMDcgNDIuOTg3MDEzNywyMDguNzYyMTM0IDQ4LjAwMDk1MjQsMjA4Ljc1NDc0OSBDNTMuMDE0ODY4LDIwOC43NjE5MyA1Ny45NzAxNTI3LDIwNy43MjM4MTIgNjIuNTIxNjgxOCwyMDUuNzEyNjk3IEM2My43MDY2NzM2LDIwNS4xOTAyMDEgNjUuMDkzMDI4MSwyMDUuMzExMTEzIDY2LjE1OTYyMzksMjA2LjAyOTk4MyBDNjcuMjI2MjE5OCwyMDYuNzQ4ODUzIDY3LjgxMTQyNDUsMjA3Ljk1Njc0MyA2Ny42OTUyNjM3LDIwOS4xOTk2MTYgTDY2LjI5NzcxOTcsMjI0LjI1MzA3NiBDNjYuMTk5NTI5NCwyMjkuMDkxOTE2IDYyLjA1MzYwOTUsMjMzIDU2Ljk2OTYzODIsMjMzIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.contact-block .flex--it {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media (max-width: 959px) {
  .contact-block .flex--it {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.contact-block .container,
.contact-block .beer-finder .wpsl-search,
.beer-finder .contact-block .wpsl-search {
  padding-right: 0;
}

@media (max-width: 959px) {
  .contact-block .container,
  .contact-block .beer-finder .wpsl-search,
  .beer-finder .contact-block .wpsl-search {
    padding: 0;
  }
}

.contact-block__intro {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

@media (max-width: 959px) {
  .contact-block__intro {
    padding-left: 1.53846rem;
    padding-right: 1.53846rem;
    width: 100%;
  }
}

@media (max-width: 959px) and (min-width: 768px) {
  .contact-block__intro {
    padding-left: 2.46154rem;
  }
}

@media (max-width: 959px) and (min-width: 1250px) {
  .contact-block__intro {
    padding-left: 3.07692rem;
  }
}

@media (max-width: 959px) and (min-width: 768px) {
  .contact-block__intro {
    padding-right: 2.46154rem;
  }
}

@media (max-width: 959px) and (min-width: 1250px) {
  .contact-block__intro {
    padding-right: 3.07692rem;
  }
}

.contact-block__details {
  margin: 0;
  padding: 0;
}

.contact-block__details li {
  list-style-type: none;
  line-height: 1.4;
  font-size: 1.07692rem;
}

.contact-block__details li:nth-child(2),
.contact-block__details li:nth-child(4) {
  padding-bottom: 0.76923rem;
}

@media (min-width: 768px) {
  .contact-block__details li:nth-child(2),
  .contact-block__details li:nth-child(4) {
    padding-bottom: 1.23077rem;
  }
}

@media (min-width: 1250px) {
  .contact-block__details li:nth-child(2),
  .contact-block__details li:nth-child(4) {
    padding-bottom: 1.53846rem;
  }
}

.contact-block .social__icon svg {
  color: #0064a8;
}

.contact-block__map {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 959px) {
  .contact-block__map {
    width: 100% !important;
  }
}

.text-image .block {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .text-image .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.text-image .block__item {
  width: 40%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

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

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

@media (max-width: 767px) {
  .text-image .block__item-image {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 1.53846rem;
  }
}

.text-image .block__item-image img {
  max-height: 46.15385rem;
  display: block;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

@media (max-width: 767px) {
  .text-image .block__item-image img {
    max-height: 23.07692rem;
    width: 100%;
  }
}

@media (min-width: 1025px) {
  .text-image .block__item-image img {
    -o-object-position: top;
       object-position: top;
    width: 100%;
  }
}

.text-image .block__item-text {
  padding-left: 3.07692rem;
  padding-right: 6.15385rem;
  width: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 768px) {
  .text-image .block__item-text {
    padding-left: 4.92308rem;
  }
}

@media (min-width: 1250px) {
  .text-image .block__item-text {
    padding-left: 6.15385rem;
  }
}

@media (min-width: 768px) {
  .text-image .block__item-text {
    padding-right: 9.84615rem;
  }
}

@media (min-width: 1250px) {
  .text-image .block__item-text {
    padding-right: 12.30769rem;
  }
}

@media (max-width: 767px) {
  .text-image .block__item-text {
    padding-left: 1.53846rem;
    padding-right: 1.53846rem;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .text-image .block__item-text {
    padding-left: 2.46154rem;
  }
}

@media (max-width: 767px) and (min-width: 1250px) {
  .text-image .block__item-text {
    padding-left: 3.07692rem;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .text-image .block__item-text {
    padding-right: 2.46154rem;
  }
}

@media (max-width: 767px) and (min-width: 1250px) {
  .text-image .block__item-text {
    padding-right: 3.07692rem;
  }
}

.text-image .block__item-text--container {
  margin-bottom: 2.30769rem;
}

.text-image .block__item-text .h2 {
  margin: 0.76923rem 0;
  line-height: 1;
}

.text-image .block__item-content,
.text-image .block__item-link {
  margin-top: 1.53846rem;
}

.image-text .block {
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .image-text .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 0;
  }
}

.image-text .block__item {
  width: 40%;
}

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

.image-text .block__item-image {
  text-align: center;
  padding: 0 2.5%;
}

@media (max-width: 767px) {
  .image-text .block__item-image {
    display: none;
  }
}

.image-text .block__item-image img {
  max-height: 46.15385rem;
  display: inline-block;
}

.image-text .block__item-text {
  width: 55%;
}

@media (min-width: 768px) {
  .image-text .block__item-text {
    padding-right: 3.07692rem;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .image-text .block__item-text {
    padding-right: 4.92308rem;
  }
}

@media (min-width: 768px) and (min-width: 1250px) {
  .image-text .block__item-text {
    padding-right: 6.15385rem;
  }
}

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

.image-text .block__item-text h1 {
  color: black;
}

.image-text .block__item-text .h2 {
  margin: 0.76923rem 0;
  line-height: 1;
}

.image-text .block__item-content {
  margin-top: 1.53846rem;
}

.staff {
  padding-top: 3.07692rem;
  padding-bottom: 3.07692rem;
  background-color: #f0f2f4;
}

@media (min-width: 768px) {
  .staff {
    padding-top: 4.92308rem;
  }
}

@media (min-width: 1250px) {
  .staff {
    padding-top: 6.15385rem;
  }
}

@media (min-width: 768px) {
  .staff {
    padding-bottom: 4.92308rem;
  }
}

@media (min-width: 1250px) {
  .staff {
    padding-bottom: 6.15385rem;
  }
}

.staff .container,
.staff .beer-finder .wpsl-search,
.beer-finder .staff .wpsl-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .staff .container,
  .staff .beer-finder .wpsl-search,
  .beer-finder .staff .wpsl-search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.staff__column {
  width: 35%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

@media (max-width: 767px) {
  .staff__column {
    width: 100%;
  }
}

.staff h4,
.staff h5 {
  color: #0064a8;
  line-height: 1;
  margin-bottom: 0.30769rem;
}

.staff__name {
  display: block;
  font-size: 1.38462rem;
  font-family: "Trim", Helvetica, Arial, sans-serif;
  margin-bottom: 0.46154rem;
}

.staff__details {
  line-height: 1.7;
}

.staff__feature {
  text-align: left;
}

@media (min-width: 768px) {
  .staff__feature {
    padding-left: 1.53846rem;
    padding-right: 7.69231rem;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .staff__feature {
    padding-left: 2.46154rem;
  }
}

@media (min-width: 768px) and (min-width: 1250px) {
  .staff__feature {
    padding-left: 3.07692rem;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .staff__feature {
    padding-right: 12.30769rem;
  }
}

@media (min-width: 768px) and (min-width: 1250px) {
  .staff__feature {
    padding-right: 15.38462rem;
  }
}

.staff__base .block {
  padding-top: 1.15385rem;
  padding-bottom: 1.15385rem;
}

@media (min-width: 768px) {
  .staff__base .block {
    padding-top: 1.84615rem;
  }
}

@media (min-width: 1250px) {
  .staff__base .block {
    padding-top: 2.30769rem;
  }
}

@media (min-width: 768px) {
  .staff__base .block {
    padding-bottom: 1.84615rem;
  }
}

@media (min-width: 1250px) {
  .staff__base .block {
    padding-bottom: 2.30769rem;
  }
}

.staff__base-details {
  font-size: 1.23077rem;
  font-family: "Trim", Helvetica, Arial, sans-serif;
}

.double-text .block {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 767px) {
  .double-text .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 0;
  }
}

.double-text .block__item {
  width: 40%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 767px) {
  .double-text .block__item {
    width: 100%;
  }
}

@media (min-width: 960px) {
  .double-text .block__item {
    padding-top: 0;
    padding-bottom: 1.53846rem;
  }
}

@media (min-width: 960px) and (min-width: 768px) {
  .double-text .block__item {
    padding-top: 0;
  }
}

@media (min-width: 960px) and (min-width: 1250px) {
  .double-text .block__item {
    padding-top: 0;
  }
}

@media (min-width: 960px) and (min-width: 768px) {
  .double-text .block__item {
    padding-bottom: 2.46154rem;
  }
}

@media (min-width: 960px) and (min-width: 1250px) {
  .double-text .block__item {
    padding-bottom: 3.07692rem;
  }
}

.double-text .block__item h1 {
  color: black;
}

.double-text .block__item .h2 {
  margin: 0.76923rem 0;
  line-height: 1;
}

.double-text .block__item-text {
  padding-left: 1.53846rem;
  padding-right: 1.53846rem;
}

@media (min-width: 768px) {
  .double-text .block__item-text {
    padding-left: 2.46154rem;
  }
}

@media (min-width: 1250px) {
  .double-text .block__item-text {
    padding-left: 3.07692rem;
  }
}

@media (min-width: 768px) {
  .double-text .block__item-text {
    padding-right: 2.46154rem;
  }
}

@media (min-width: 1250px) {
  .double-text .block__item-text {
    padding-right: 3.07692rem;
  }
}

@media (max-width: 767px) {
  .double-text .block__item-text {
    width: 100%;
  }
}

.double-text .block__item-content {
  margin-top: 1.53846rem;
}

.double-text .block .listing {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 767px) {
  .double-text .block .listing {
    padding-top: 1.53846rem;
    padding-bottom: 0.76923rem;
    width: 100%;
    margin-top: 2.30769rem;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .double-text .block .listing {
    padding-top: 2.46154rem;
  }
}

@media (max-width: 767px) and (min-width: 1250px) {
  .double-text .block .listing {
    padding-top: 3.07692rem;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .double-text .block .listing {
    padding-bottom: 1.23077rem;
  }
}

@media (max-width: 767px) and (min-width: 1250px) {
  .double-text .block .listing {
    padding-bottom: 1.53846rem;
  }
}

@media (min-width: 1750px) {
  .double-text .block .listing {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (min-width: 960px) {
  .double-text .block .listing {
    padding-top: 4.61538rem;
    padding-bottom: 1.53846rem;
  }
}

@media (min-width: 960px) and (min-width: 768px) {
  .double-text .block .listing {
    padding-top: 7.38462rem;
  }
}

@media (min-width: 960px) and (min-width: 1250px) {
  .double-text .block .listing {
    padding-top: 9.23077rem;
  }
}

@media (min-width: 960px) and (min-width: 768px) {
  .double-text .block .listing {
    padding-bottom: 2.46154rem;
  }
}

@media (min-width: 960px) and (min-width: 1250px) {
  .double-text .block .listing {
    padding-bottom: 3.07692rem;
  }
}

.double-text .block .listing__single {
  padding-bottom: 1.53846rem;
  padding-left: 6.15385rem;
}

@media (min-width: 768px) {
  .double-text .block .listing__single {
    padding-bottom: 2.46154rem;
  }
}

@media (min-width: 1250px) {
  .double-text .block .listing__single {
    padding-bottom: 3.07692rem;
  }
}

@media (min-width: 768px) {
  .double-text .block .listing__single {
    padding-left: 9.84615rem;
  }
}

@media (min-width: 1250px) {
  .double-text .block .listing__single {
    padding-left: 12.30769rem;
  }
}

.double-text .block .listing__bg {
  z-index: -1;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
}

.double-text .block .listing span {
  display: block;
  margin: 0.76923rem 0;
  line-height: 1;
}

.double-text .block .listing span.listing__heading {
  color: black;
}

.form-block {
  padding-top: 3.07692rem;
}

@media (min-width: 768px) {
  .form-block {
    padding-top: 4.92308rem;
  }
}

@media (min-width: 1250px) {
  .form-block {
    padding-top: 6.15385rem;
  }
}

.form-block .container,
.form-block .beer-finder .wpsl-search,
.beer-finder .form-block .wpsl-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media (max-width: 767px) {
  .form-block .container,
  .form-block .beer-finder .wpsl-search,
  .beer-finder .form-block .wpsl-search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.form-block .container h3,
.form-block .beer-finder .wpsl-search h3,
.beer-finder .form-block .wpsl-search h3,
.form-block .container h5,
.form-block .beer-finder .wpsl-search h5,
.beer-finder
    .form-block .wpsl-search h5 {
  color: #0064a8;
  line-height: 1;
}

.form-block .container .form__column,
.form-block .beer-finder .wpsl-search .form__column,
.beer-finder .form-block .wpsl-search .form__column {
  width: 40%;
}

@media (max-width: 767px) {
  .form-block .container .form__column,
  .form-block .beer-finder .wpsl-search .form__column,
  .beer-finder .form-block .wpsl-search .form__column {
    width: 100%;
  }
}

.form-block .container .contact__form h3,
.form-block .beer-finder .wpsl-search .contact__form h3,
.beer-finder .form-block .wpsl-search .contact__form h3 {
  margin-bottom: 1.23077rem;
}

.form-block .container .contact__form p,
.form-block .beer-finder .wpsl-search .contact__form p,
.beer-finder .form-block .wpsl-search .contact__form p {
  margin: 0;
}

.form-block .container .contact__form form,
.form-block .beer-finder .wpsl-search .contact__form form,
.beer-finder .form-block .wpsl-search .contact__form form {
  padding: 0;
}

@media (max-width: 767px) {
  .form-block .container .text__block,
  .form-block .beer-finder .wpsl-search .text__block,
  .beer-finder .form-block .wpsl-search .text__block {
    padding-bottom: 3.07692rem;
  }
}

@media (max-width: 767px) and (min-width: 768px) {
  .form-block .container .text__block,
  .form-block .beer-finder .wpsl-search .text__block,
  .beer-finder .form-block .wpsl-search .text__block {
    padding-bottom: 4.92308rem;
  }
}

@media (max-width: 767px) and (min-width: 1250px) {
  .form-block .container .text__block,
  .form-block .beer-finder .wpsl-search .text__block,
  .beer-finder .form-block .wpsl-search .text__block {
    padding-bottom: 6.15385rem;
  }
}

.form-block .container .text__block ul,
.form-block .beer-finder .wpsl-search .text__block ul,
.beer-finder .form-block .wpsl-search .text__block ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.form-block .container .text__block ul li,
.form-block .beer-finder .wpsl-search .text__block ul li,
.beer-finder .form-block .wpsl-search .text__block ul li {
  padding-top: 0.57692rem;
  padding-bottom: 0.57692rem;
  font-size: 1.38462rem;
  line-height: 1.4;
  font-family: "Trim", Helvetica, Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

@media (min-width: 768px) {
  .form-block .container .text__block ul li,
  .form-block .beer-finder .wpsl-search .text__block ul li,
  .beer-finder .form-block .wpsl-search .text__block ul li {
    padding-top: 0.92308rem;
  }
}

@media (min-width: 1250px) {
  .form-block .container .text__block ul li,
  .form-block .beer-finder .wpsl-search .text__block ul li,
  .beer-finder .form-block .wpsl-search .text__block ul li {
    padding-top: 1.15385rem;
  }
}

@media (min-width: 768px) {
  .form-block .container .text__block ul li,
  .form-block .beer-finder .wpsl-search .text__block ul li,
  .beer-finder .form-block .wpsl-search .text__block ul li {
    padding-bottom: 0.92308rem;
  }
}

@media (min-width: 1250px) {
  .form-block .container .text__block ul li,
  .form-block .beer-finder .wpsl-search .text__block ul li,
  .beer-finder .form-block .wpsl-search .text__block ul li {
    padding-bottom: 1.15385rem;
  }
}

.form-block .container .text__block ul li::before,
.form-block .beer-finder .wpsl-search .text__block ul li::before,
.beer-finder .form-block .wpsl-search .text__block ul li::before {
  content: '';
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE4IiBoZWlnaHQ9IjEzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNTkgMGw1OC4wMjQgMzMuNXY2N0w1OSAxMzQgLjk3NiAxMDAuNXYtNjdMNTkgMHptMCAyMkwyMC4wMjkgNDQuNXY0NUw1OSAxMTJsMzguOTcxLTIyLjV2LTQ1TDU5IDIyeiIgZmlsbD0iIzAwNjRBOCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
  background-size: contain;
  height: 15px;
  width: 15px;
  display: inline-block;
  padding-right: 0.92308rem;
}

.map #map-canvas {
  min-height: 30.76923rem;
}

.map-block #map-canvas {
  height: 100%;
}

@media (max-width: 959px) {
  .map-block #map-canvas {
    min-height: 30.76923rem;
  }
}

@media (min-width: 1440px) {
  .map-block #map-canvas {
    min-height: 46.15385rem;
  }
}

.map-block #map-canvas .gm-style .gm-style-iw {
  padding: 1.53846rem 1.15385rem;
  max-width: 20rem;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border: 0 !important;
  border-radius: 0.76923rem;
  text-align: center;
  background: white;
}

.map-block #map-canvas .gm-style .gm-style-iw h4 {
  font-family: "KapraNeue", Helvetica, Arial, sans-serif;
  font-size: 1.38462rem;
  text-transform: uppercase;
  color: #0064a8;
  line-height: 1;
  margin-bottom: 1.15385rem;
}

.map-block #map-canvas .gm-style .gm-style-iw span {
  padding-top: 0.19231rem;
  padding-bottom: 0.19231rem;
  display: block;
  font-family: "Trim", Helvetica, Arial, sans-serif;
}

@media (min-width: 768px) {
  .map-block #map-canvas .gm-style .gm-style-iw span {
    padding-top: 0.30769rem;
  }
}

@media (min-width: 1250px) {
  .map-block #map-canvas .gm-style .gm-style-iw span {
    padding-top: 0.38462rem;
  }
}

@media (min-width: 768px) {
  .map-block #map-canvas .gm-style .gm-style-iw span {
    padding-bottom: 0.30769rem;
  }
}

@media (min-width: 1250px) {
  .map-block #map-canvas .gm-style .gm-style-iw span {
    padding-bottom: 0.38462rem;
  }
}

.map-block #map-canvas .gm-style .gm-style-iw a {
  color: #0064a8;
}

.intro--career .container__inner {
  border-bottom: 1px solid #0064a8;
  padding: 1.53846rem 0;
  margin-bottom: 0;
}

.careers {
  padding-bottom: 3.07692rem;
}

@media (min-width: 768px) {
  .careers {
    padding-bottom: 4.92308rem;
  }
}

@media (min-width: 1250px) {
  .careers {
    padding-bottom: 6.15385rem;
  }
}

.careers .career__title--nopost {
  letter-spacing: 0.03846rem;
  margin: 1.53846rem 0;
  color: #7e9baf;
}

.careers .career {
  border-bottom: 1px solid #0064a8;
}

.careers .career div {
  padding-bottom: 1.15385rem;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .careers .career div {
    padding-bottom: 1.84615rem;
  }
}

@media (min-width: 1250px) {
  .careers .career div {
    padding-bottom: 2.30769rem;
  }
}

.careers .career .wrap-collabsible {
  margin-bottom: 1.2rem 0;
}

.careers .career input[type='checkbox'] {
  display: none;
}

.careers .career .lbl-toggle {
  display: block;
  padding: 2rem 4rem 2rem 0.5rem;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  position: relative;
}

.careers .career .lbl-toggle::before {
  content: ' ';
  display: inline-block;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid currentColor;
  vertical-align: middle;
  margin-right: 1.5rem;
  position: absolute;
  right: 0;
  top: calc(50% - 10px);
  -webkit-transform: rotate(90deg) translateY(-2px);
       -o-transform: rotate(90deg) translateY(-2px);
          transform: rotate(90deg) translateY(-2px);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out, -o-transform 0.2s ease-out;
}

.careers .career .toggle:checked + .lbl-toggle::before {
  -webkit-transform: rotate(-90deg) translateX(-3px);
       -o-transform: rotate(-90deg) translateX(-3px);
          transform: rotate(-90deg) translateX(-3px);
}

.careers .career .collapsible-content {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-in-out;
  -o-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
}

.careers .career .toggle:checked ~ .collapsible-content {
  max-height: 230.76923rem;
}

.careers .career .collapsible-content .content-inner {
  padding: 0.5rem 1rem;
}

.careers .career p {
  margin-bottom: 0.76923rem;
}

.careers .career h5 {
  margin-bottom: 0.38462rem;
}

.careers .career ul {
  padding: 0 1.53846rem;
}

.careers .career__button {
  margin-top: 1.53846rem;
}

@media (max-width: 549px) {
  .careers .career .h4 {
    font-size: 1.53846rem;
  }
}

.shop .filters-button-group .is-checked {
  color: #fff;
  background-color: #0961a8;
}

.shop .filters-button-group .button,
.shop .filters-button-group .added_to_cart,
.shop .filters-button-group .banner .nav-primary .menu-shop a,
.banner .nav-primary .menu-shop .shop .filters-button-group a,
.shop .filters-button-group .banner .nav-primary .menu-item:last-child a,
.banner .nav-primary .menu-item:last-child .shop .filters-button-group a,
.shop .filters-button-group .beer-finder .wpsl-search-btn-wrap input,
.beer-finder .wpsl-search-btn-wrap .shop .filters-button-group input {
  margin-left: 5px;
}

.woocommerce-shop .input-text.qty {
  display: none;
}

.woocommerce-buttons .product {
  text-align: center;
}

.beer__image {
  height: 300px !important;
}

@media (max-width: 1025px) {
  .hide-desktop {
    display: none;
  }
}


/*# sourceMappingURL=main.css.map*/