/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 11, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 30, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 41, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
/* line 50, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 64, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
/* line 74, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 86, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 94, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 108, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 117, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 125, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 134, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
/* line 142, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
/* line 152, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 161, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 173, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
/* line 181, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 189, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 197, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 205, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
sup {
  top: -0.5em; }

/* line 209, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 221, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 229, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 241, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 253, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 264, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 275, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 289, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 301, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 314, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
/* line 326, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
/* line 336, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 348, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 360, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 369, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 380, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 393, /usr/local/bundle/ruby/3.1.0/bundler/gems/Spina-Shop-dad64cce61bc/vendor/assets/stylesheets/spina/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 49, /rails/app/assets/stylesheets/default/_configuration.sass */
*, *:after, *:before {
  box-sizing: border-box; }

/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
/* line 6, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 19, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-target {
  position: relative;
  direction: ltr; }

/* line 23, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }

/* Wrapper for all connect elements.
 */
/* line 32, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-connects {
  overflow: hidden;
  z-index: 0; }

/* line 36, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

/* Offset direction
 */
/* line 51, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0; }

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
/* line 58, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-vertical .noUi-origin {
  width: 0; }

/* line 61, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-horizontal .noUi-origin {
  height: 0; }

/* line 64, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-handle {
  position: absolute; }

/* line 67, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s; }

/* line 72, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-state-drag * {
  cursor: inherit !important; }

/* Slider size and handle placement;
 */
/* line 77, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-horizontal {
  height: 18px; }

/* line 80, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px; }

/* line 86, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-vertical {
  width: 18px; }

/* line 89, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

/* line 95, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto; }

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
/* line 102, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }

/* line 108, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-connects {
  border-radius: 3px; }

/* line 111, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-connect {
  background: #3FB8AF; }

/* Handles and cursors;
 */
/* line 116, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-draggable {
  cursor: ew-resize; }

/* line 119, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-vertical .noUi-draggable {
  cursor: ns-resize; }

/* line 122, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }

/* line 129, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }

/* Handle stripes;
 */
/* line 134, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px; }

/* line 145, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-handle:after {
  left: 17px; }

/* line 148, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

/* line 155, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-vertical .noUi-handle:after {
  top: 17px; }

/* Disabled state;
 */
/* line 160, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
[disabled] .noUi-connect {
  background: #B8B8B8; }

/* line 163, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed; }

/* Base;
 *
 */
/* line 171, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 176, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-pips {
  position: absolute;
  color: #999; }

/* Values;
 *
 */
/* line 183, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center; }

/* line 188, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

/* Markings;
 *
 */
/* line 195, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-marker {
  position: absolute;
  background: #CCC; }

/* line 199, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-marker-sub {
  background: #AAA; }

/* line 202, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-marker-large {
  background: #AAA; }

/* Horizontal layout;
 *
 */
/* line 208, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%; }

/* line 215, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%); }

/* line 219, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%); }

/* line 223, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

/* line 228, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

/* line 231, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }

/* Vertical layout;
 *
 */
/* line 237, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

/* line 243, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px; }

/* line 248, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%); }

/* line 252, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

/* line 257, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

/* line 260, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

/* line 263, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap; }

/* line 274, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%; }

/* line 280, /rails/vendor/assets/stylesheets/default/_nouislider.scss */
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%; }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
/* line 11, /rails/vendor/assets/stylesheets/default/_animate.scss */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/* line 18, /rails/vendor/assets/stylesheets/default/_animate.scss */
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

/* line 23, /rails/vendor/assets/stylesheets/default/_animate.scss */
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

/* line 28, /rails/vendor/assets/stylesheets/default/_animate.scss */
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
/* line 92, /rails/vendor/assets/stylesheets/default/_animate.scss */
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
/* line 119, /rails/vendor/assets/stylesheets/default/_animate.scss */
.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
/* line 160, /rails/vendor/assets/stylesheets/default/_animate.scss */
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
/* line 239, /rails/vendor/assets/stylesheets/default/_animate.scss */
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
/* line 278, /rails/vendor/assets/stylesheets/default/_animate.scss */
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
/* line 347, /rails/vendor/assets/stylesheets/default/_animate.scss */
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
/* line 408, /rails/vendor/assets/stylesheets/default/_animate.scss */
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
/* line 469, /rails/vendor/assets/stylesheets/default/_animate.scss */
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }
/* line 550, /rails/vendor/assets/stylesheets/default/_animate.scss */
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
/* line 639, /rails/vendor/assets/stylesheets/default/_animate.scss */
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
/* line 726, /rails/vendor/assets/stylesheets/default/_animate.scss */
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
/* line 799, /rails/vendor/assets/stylesheets/default/_animate.scss */
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
/* line 872, /rails/vendor/assets/stylesheets/default/_animate.scss */
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
/* line 945, /rails/vendor/assets/stylesheets/default/_animate.scss */
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
/* line 1018, /rails/vendor/assets/stylesheets/default/_animate.scss */
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
/* line 1061, /rails/vendor/assets/stylesheets/default/_animate.scss */
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
/* line 1104, /rails/vendor/assets/stylesheets/default/_animate.scss */
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
/* line 1137, /rails/vendor/assets/stylesheets/default/_animate.scss */
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
/* line 1170, /rails/vendor/assets/stylesheets/default/_animate.scss */
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
/* line 1213, /rails/vendor/assets/stylesheets/default/_animate.scss */
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* line 1238, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
/* line 1271, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
/* line 1304, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
/* line 1337, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
/* line 1370, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
/* line 1403, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
/* line 1436, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
/* line 1469, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
/* line 1502, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
/* line 1527, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
/* line 1556, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
/* line 1585, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
/* line 1614, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
/* line 1643, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
/* line 1672, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
/* line 1701, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
/* line 1730, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
/* line 1759, /rails/vendor/assets/stylesheets/default/_animate.scss */
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
/* line 1838, /rails/vendor/assets/stylesheets/default/_animate.scss */
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
/* line 1911, /rails/vendor/assets/stylesheets/default/_animate.scss */
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
/* line 1984, /rails/vendor/assets/stylesheets/default/_animate.scss */
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
/* line 2029, /rails/vendor/assets/stylesheets/default/_animate.scss */
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
/* line 2074, /rails/vendor/assets/stylesheets/default/_animate.scss */
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
/* line 2133, /rails/vendor/assets/stylesheets/default/_animate.scss */
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
/* line 2164, /rails/vendor/assets/stylesheets/default/_animate.scss */
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
/* line 2207, /rails/vendor/assets/stylesheets/default/_animate.scss */
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
/* line 2248, /rails/vendor/assets/stylesheets/default/_animate.scss */
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
/* line 2289, /rails/vendor/assets/stylesheets/default/_animate.scss */
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
/* line 2330, /rails/vendor/assets/stylesheets/default/_animate.scss */
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
/* line 2371, /rails/vendor/assets/stylesheets/default/_animate.scss */
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
/* line 2408, /rails/vendor/assets/stylesheets/default/_animate.scss */
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
/* line 2445, /rails/vendor/assets/stylesheets/default/_animate.scss */
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
/* line 2482, /rails/vendor/assets/stylesheets/default/_animate.scss */
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
/* line 2519, /rails/vendor/assets/stylesheets/default/_animate.scss */
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
/* line 2556, /rails/vendor/assets/stylesheets/default/_animate.scss */
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
/* line 2629, /rails/vendor/assets/stylesheets/default/_animate.scss */
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
/* line 2664, /rails/vendor/assets/stylesheets/default/_animate.scss */
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
/* line 2695, /rails/vendor/assets/stylesheets/default/_animate.scss */
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
/* line 2724, /rails/vendor/assets/stylesheets/default/_animate.scss */
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
/* line 2765, /rails/vendor/assets/stylesheets/default/_animate.scss */
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
/* line 2806, /rails/vendor/assets/stylesheets/default/_animate.scss */
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
/* line 2847, /rails/vendor/assets/stylesheets/default/_animate.scss */
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
/* line 2888, /rails/vendor/assets/stylesheets/default/_animate.scss */
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
/* line 2925, /rails/vendor/assets/stylesheets/default/_animate.scss */
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
/* line 2970, /rails/vendor/assets/stylesheets/default/_animate.scss */
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
/* line 3007, /rails/vendor/assets/stylesheets/default/_animate.scss */
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
/* line 3044, /rails/vendor/assets/stylesheets/default/_animate.scss */
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
/* line 3089, /rails/vendor/assets/stylesheets/default/_animate.scss */
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
/* line 3120, /rails/vendor/assets/stylesheets/default/_animate.scss */
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
/* line 3151, /rails/vendor/assets/stylesheets/default/_animate.scss */
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
/* line 3182, /rails/vendor/assets/stylesheets/default/_animate.scss */
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
/* line 3213, /rails/vendor/assets/stylesheets/default/_animate.scss */
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
/* line 3244, /rails/vendor/assets/stylesheets/default/_animate.scss */
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
/* line 3275, /rails/vendor/assets/stylesheets/default/_animate.scss */
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
/* line 3306, /rails/vendor/assets/stylesheets/default/_animate.scss */
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
/* line 3337, /rails/vendor/assets/stylesheets/default/_animate.scss */
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

@keyframes plyr-progress {
  to {
    background-position: 25px 0; } }
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@keyframes plyr-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* line 6, /rails/vendor/assets/stylesheets/default/plyr/base.scss */
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  direction: ltr;
  font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  line-height: 1.7;
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease; }
  /* line 21, /rails/vendor/assets/stylesheets/default/plyr/base.scss */
  .plyr video,
  .plyr audio {
    border-radius: inherit;
    height: auto;
    vertical-align: middle;
    width: 100%; }
  /* line 29, /rails/vendor/assets/stylesheets/default/plyr/base.scss */
  .plyr button {
    font: inherit;
    line-height: inherit; }
  /* line 35, /rails/vendor/assets/stylesheets/default/plyr/base.scss */
  .plyr:focus {
    outline: 0; }

/* line 43, /rails/vendor/assets/stylesheets/default/plyr/base.scss */
.plyr--full-ui {
  box-sizing: border-box; }
  /* line 46, /rails/vendor/assets/stylesheets/default/plyr/base.scss */
  .plyr--full-ui *,
  .plyr--full-ui *::after,
  .plyr--full-ui *::before {
    box-sizing: inherit; }

/* line 57, /rails/vendor/assets/stylesheets/default/plyr/base.scss */
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation; }

/* line 5, /rails/vendor/assets/stylesheets/default/plyr/components/badges.scss */
.plyr__badge {
  background: #4f5b5f;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  padding: 3px 4px; }

/* line 6, /rails/vendor/assets/stylesheets/default/plyr/components/captions.scss */
.plyr--full-ui ::-webkit-media-text-track-container {
  display: none; }

/* line 10, /rails/vendor/assets/stylesheets/default/plyr/components/captions.scss */
.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 14px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  transform: translateY(-40px);
  transition: transform 0.4s ease-in-out;
  width: 100%; }
  /* line 24, /rails/vendor/assets/stylesheets/default/plyr/components/captions.scss */
  .plyr__captions span {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 2px;
    box-decoration-break: clone;
    line-height: 185%;
    padding: 0.2em 0.5em;
    white-space: pre-wrap; }
    /* line 33, /rails/vendor/assets/stylesheets/default/plyr/components/captions.scss */
    .plyr__captions span div {
      display: inline; }
  /* line 38, /rails/vendor/assets/stylesheets/default/plyr/components/captions.scss */
  .plyr__captions span:empty {
    display: none; }
  @media (min-width: 480px) {
    /* line 10, /rails/vendor/assets/stylesheets/default/plyr/components/captions.scss */
    .plyr__captions {
      font-size: 16px;
      padding: 20px; } }
  @media (min-width: 768px) {
    /* line 10, /rails/vendor/assets/stylesheets/default/plyr/components/captions.scss */
    .plyr__captions {
      font-size: 18px; } }

/* line 52, /rails/vendor/assets/stylesheets/default/plyr/components/captions.scss */
.plyr--captions-active .plyr__captions {
  display: block; }

/* line 56, /rails/vendor/assets/stylesheets/default/plyr/components/captions.scss */
.plyr--hide-controls .plyr__captions {
  transform: translateY(-15px); }

/* line 5, /rails/vendor/assets/stylesheets/default/plyr/components/control.scss */
.plyr__control {
  background: transparent;
  border: 0;
  border-radius: 3px;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  position: relative;
  transition: all 0.3s ease; }
  /* line 17, /rails/vendor/assets/stylesheets/default/plyr/components/control.scss */
  .plyr__control svg {
    display: block;
    fill: currentColor;
    height: 18px;
    pointer-events: none;
    width: 18px; }
  /* line 26, /rails/vendor/assets/stylesheets/default/plyr/components/control.scss */
  .plyr__control:focus {
    outline: 0; }
  /* line 31, /rails/vendor/assets/stylesheets/default/plyr/components/control.scss */
  .plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 3px rgba(184, 149, 112, 0.35);
    outline: 0; }

/* line 37, /rails/vendor/assets/stylesheets/default/plyr/components/control.scss */
.plyr__control[aria-pressed='false'] .icon--pressed,
.plyr__control[aria-pressed='true'] .icon--not-pressed,
.plyr__control[aria-pressed='false'] .label--pressed,
.plyr__control[aria-pressed='true'] .label--not-pressed {
  display: none; }

/* line 46, /rails/vendor/assets/stylesheets/default/plyr/components/control.scss */
.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded='true'] {
  background: #b89570;
  color: #fff; }

/* line 55, /rails/vendor/assets/stylesheets/default/plyr/components/control.scss */
.plyr__control--overlaid {
  background: rgba(184, 149, 112, 0.8);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: #fff;
  display: none;
  left: 50%;
  padding: 15px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2; }
  /* line 69, /rails/vendor/assets/stylesheets/default/plyr/components/control.scss */
  .plyr__control--overlaid svg {
    height: 20px;
    left: 2px;
    position: relative;
    width: 20px; }
  /* line 76, /rails/vendor/assets/stylesheets/default/plyr/components/control.scss */
  .plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
    background: #b89570; }

/* line 82, /rails/vendor/assets/stylesheets/default/plyr/components/control.scss */
.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden; }

/* line 87, /rails/vendor/assets/stylesheets/default/plyr/components/control.scss */
.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block; }

/* line 6, /rails/vendor/assets/stylesheets/default/plyr/components/controls.scss */
.plyr--full-ui ::-webkit-media-controls {
  display: none; }

/* line 11, /rails/vendor/assets/stylesheets/default/plyr/components/controls.scss */
.plyr__controls {
  align-items: center;
  display: flex;
  text-align: center; }
  /* line 17, /rails/vendor/assets/stylesheets/default/plyr/components/controls.scss */
  .plyr__controls > .plyr__control,
  .plyr__controls .plyr__progress,
  .plyr__controls .plyr__time,
  .plyr__controls .plyr__menu {
    margin-left: 5px; }
    /* line 23, /rails/vendor/assets/stylesheets/default/plyr/components/controls.scss */
    .plyr__controls > .plyr__control:first-child, .plyr__controls > .plyr__control:first-child + [data-plyr='pause'],
    .plyr__controls .plyr__progress:first-child,
    .plyr__controls .plyr__progress:first-child + [data-plyr='pause'],
    .plyr__controls .plyr__time:first-child,
    .plyr__controls .plyr__time:first-child + [data-plyr='pause'],
    .plyr__controls .plyr__menu:first-child,
    .plyr__controls .plyr__menu:first-child + [data-plyr='pause'] {
      margin-left: 0; }
  /* line 29, /rails/vendor/assets/stylesheets/default/plyr/components/controls.scss */
  .plyr__controls .plyr__volume {
    margin-left: 5px; }
  @media (min-width: 480px) {
    /* line 34, /rails/vendor/assets/stylesheets/default/plyr/components/controls.scss */
    .plyr__controls > .plyr__control,
    .plyr__controls .plyr__progress,
    .plyr__controls .plyr__time,
    .plyr__controls .plyr__menu {
      margin-left: 10px; }
    /* line 41, /rails/vendor/assets/stylesheets/default/plyr/components/controls.scss */
    .plyr__controls > .plyr__control + .plyr__control,
    .plyr__controls .plyr__menu + .plyr__control,
    .plyr__controls > .plyr__control + .plyr__menu {
      margin-left: 5px; } }

/* line 50, /rails/vendor/assets/stylesheets/default/plyr/components/controls.scss */
.plyr--video .plyr__controls {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 35px 10px 10px;
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 2; }
  /* line 64, /rails/vendor/assets/stylesheets/default/plyr/components/controls.scss */
  .plyr--video .plyr__controls .plyr__control svg {
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15)); }
  /* line 69, /rails/vendor/assets/stylesheets/default/plyr/components/controls.scss */
  .plyr--video .plyr__controls .plyr__control.plyr__tab-focus, .plyr--video .plyr__controls .plyr__control:hover, .plyr--video .plyr__controls .plyr__control[aria-expanded='true'] {
    background: #b89570;
    color: #fff; }

/* line 79, /rails/vendor/assets/stylesheets/default/plyr/components/controls.scss */
.plyr--audio .plyr__controls {
  background: #fff;
  border-radius: inherit;
  color: #4f5b5f;
  padding: 10px; }

/* line 87, /rails/vendor/assets/stylesheets/default/plyr/components/controls.scss */
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%); }

/* line 94, /rails/vendor/assets/stylesheets/default/plyr/components/controls.scss */
.plyr [data-plyr='captions'],
.plyr [data-plyr='pip'],
.plyr [data-plyr='airplay'],
.plyr [data-plyr='fullscreen'] {
  display: none; }

/* line 100, /rails/vendor/assets/stylesheets/default/plyr/components/controls.scss */
.plyr--captions-enabled [data-plyr='captions'],
.plyr--pip-supported [data-plyr='pip'],
.plyr--airplay-supported [data-plyr='airplay'],
.plyr--fullscreen-enabled [data-plyr='fullscreen'] {
  display: inline-block; }

/* line 9, /rails/vendor/assets/stylesheets/default/plyr/components/embed.scss */
.plyr__video-embed {
  height: 0;
  padding-bottom: 56.25%;
  position: relative; }
  /* line 14, /rails/vendor/assets/stylesheets/default/plyr/components/embed.scss */
  .plyr__video-embed iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    user-select: none;
    width: 100%; }

/* line 31, /rails/vendor/assets/stylesheets/default/plyr/components/embed.scss */
.plyr--full-ui .plyr__video-embed iframe {
  pointer-events: none; }
/* line 36, /rails/vendor/assets/stylesheets/default/plyr/components/embed.scss */
.plyr--full-ui .plyr__video-embed > div {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%); }

/* line 5, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
.plyr__menu {
  display: flex;
  position: relative; }
  /* line 10, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
  .plyr__menu .plyr__control svg {
    transition: transform 0.3s ease; }
  /* line 14, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
  .plyr__menu .plyr__control[aria-expanded='true'] svg {
    transform: rotate(90deg); }
  /* line 19, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
  .plyr__menu .plyr__control[aria-expanded='true'] .plyr__tooltip {
    display: none; }
  /* line 25, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
  .plyr__menu__container {
    animation: plyr-popup 0.2s ease;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    color: #4f5b5f;
    font-size: 16px;
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3; }
    /* line 40, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
    .plyr__menu__container > div {
      overflow: hidden;
      transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
    /* line 46, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
    .plyr__menu__container::after {
      border: 4px solid transparent;
      border-top-color: rgba(255, 255, 255, 0.9);
      content: '';
      height: 0;
      position: absolute;
      right: 15px;
      top: 100%;
      width: 0; }
    /* line 57, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
    .plyr__menu__container ul {
      list-style: none;
      margin: 0;
      overflow: hidden;
      padding: 7px; }
      /* line 63, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
      .plyr__menu__container ul li {
        margin-top: 2px; }
        /* line 66, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
        .plyr__menu__container ul li:first-child {
          margin-top: 0; }
    /* line 73, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
    .plyr__menu__container .plyr__control {
      align-items: center;
      color: #4f5b5f;
      display: flex;
      font-size: 14px;
      padding: 4px 14px;
      user-select: none;
      width: 100%; }
      /* line 82, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
      .plyr__menu__container .plyr__control::after {
        border: 4px solid transparent;
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
      /* line 90, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
      .plyr__menu__container .plyr__control--forward {
        padding-right: 28px; }
        /* line 93, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
        .plyr__menu__container .plyr__control--forward::after {
          border-left-color: rgba(79, 91, 95, 0.8);
          right: 5px; }
        /* line 98, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
        .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
          border-left-color: currentColor; }
      /* line 104, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
      .plyr__menu__container .plyr__control--back {
        font-weight: 500;
        margin: 7px;
        margin-bottom: 3px;
        padding-left: 28px;
        position: relative;
        width: calc(100% - 14px); }
        /* line 113, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
        .plyr__menu__container .plyr__control--back::after {
          border-right-color: rgba(79, 91, 95, 0.8);
          left: 7px; }
        /* line 118, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
        .plyr__menu__container .plyr__control--back::before {
          background: #b7c5cd;
          box-shadow: 0 1px 0 #fff;
          content: '';
          height: 1px;
          left: 0;
          margin-top: 4px;
          overflow: hidden;
          position: absolute;
          right: 0;
          top: 100%; }
        /* line 131, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
        .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
          border-right-color: currentColor; }
    /* line 138, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
    .plyr__menu__container label.plyr__control {
      padding-left: 7px; }
      /* line 141, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
      .plyr__menu__container label.plyr__control input[type='radio'] + span {
        background: rgba(0, 0, 0, 0.1);
        border-radius: 100%;
        display: block;
        flex-shrink: 0;
        height: 16px;
        margin-right: 10px;
        position: relative;
        transition: all 0.3s ease;
        width: 16px; }
        /* line 152, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
        .plyr__menu__container label.plyr__control input[type='radio'] + span::after {
          background: #fff;
          border-radius: 100%;
          content: '';
          height: 6px;
          left: 5px;
          opacity: 0;
          position: absolute;
          top: 5px;
          transform: scale(0);
          transition: transform 0.3s ease, opacity 0.3s ease;
          width: 6px; }
      /* line 167, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
      .plyr__menu__container label.plyr__control input[type='radio']:checked + span {
        background: #b89570; }
        /* line 170, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
        .plyr__menu__container label.plyr__control input[type='radio']:checked + span::after {
          opacity: 1;
          transform: scale(1); }
      /* line 176, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
      .plyr__menu__container label.plyr__control input[type='radio']:focus + span {
        box-shadow: 0 0 0 3px rgba(184, 149, 112, 0.35);
        outline: 0; }
      /* line 180, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
      .plyr__menu__container label.plyr__control.plyr__tab-focus input[type='radio'] + span, .plyr__menu__container label.plyr__control:hover input[type='radio'] + span {
        background: rgba(0, 0, 0, 0.1); }
    /* line 187, /rails/vendor/assets/stylesheets/default/plyr/components/menus.scss */
    .plyr__menu__container .plyr__menu__value {
      align-items: center;
      display: flex;
      margin-left: auto;
      margin-right: -7px;
      overflow: hidden;
      padding-left: 25px;
      pointer-events: none; }

/* line 5, /rails/vendor/assets/stylesheets/default/plyr/components/progress.scss */
.plyr__progress {
  display: flex;
  flex: 1;
  position: relative; }
  /* line 10, /rails/vendor/assets/stylesheets/default/plyr/components/progress.scss */
  .plyr__progress input[type='range'] {
    position: relative;
    z-index: 2; }
  /* line 16, /rails/vendor/assets/stylesheets/default/plyr/components/progress.scss */
  .plyr__progress .plyr__tooltip {
    font-size: 14px;
    left: 0; }

/* line 22, /rails/vendor/assets/stylesheets/default/plyr/components/progress.scss */
.plyr__progress--buffer {
  -webkit-appearance: none;
  /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 100px;
  height: 6px;
  left: 0;
  margin: -3px 0 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 100%; }
  /* line 35, /rails/vendor/assets/stylesheets/default/plyr/components/progress.scss */
  .plyr__progress--buffer::-webkit-progress-bar {
    background: transparent;
    transition: width 0.2s ease; }
  /* line 40, /rails/vendor/assets/stylesheets/default/plyr/components/progress.scss */
  .plyr__progress--buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 6px; }
  /* line 47, /rails/vendor/assets/stylesheets/default/plyr/components/progress.scss */
  .plyr__progress--buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 6px;
    transition: width 0.2s ease; }
  /* line 55, /rails/vendor/assets/stylesheets/default/plyr/components/progress.scss */
  .plyr__progress--buffer::-ms-fill {
    border-radius: 100px;
    transition: width 0.2s ease; }

/* line 61, /rails/vendor/assets/stylesheets/default/plyr/components/progress.scss */
.plyr--video .plyr__progress--buffer {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.25); }

/* line 66, /rails/vendor/assets/stylesheets/default/plyr/components/progress.scss */
.plyr--audio .plyr__progress--buffer {
  color: rgba(183, 197, 205, 0.66); }

/* line 71, /rails/vendor/assets/stylesheets/default/plyr/components/progress.scss */
.plyr--loading .plyr__progress--buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  color: transparent; }

/* line 88, /rails/vendor/assets/stylesheets/default/plyr/components/progress.scss */
.plyr--video.plyr--loading .plyr__progress--buffer {
  background-color: rgba(255, 255, 255, 0.25); }

/* line 92, /rails/vendor/assets/stylesheets/default/plyr/components/progress.scss */
.plyr--audio.plyr--loading .plyr__progress--buffer {
  background-color: rgba(183, 197, 205, 0.66); }

/* line 5, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
.plyr--full-ui input[type='range'] {
  -webkit-appearance: none;
  /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 28px;
  color: #b89570;
  display: block;
  height: 20px;
  margin: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%; }
  /* line 20, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
  .plyr--full-ui input[type='range']::-webkit-slider-runnable-track {
    background: transparent;
    border: 0;
    border-radius: 3px;
    height: 6px;
    transition: all 0.3s ease;
    user-select: none;
    background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%)); }
  /* line 25, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
  .plyr--full-ui input[type='range']::-webkit-slider-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
    box-sizing: border-box;
    height: 14px;
    position: relative;
    transition: all 0.2s ease;
    width: 14px;
    -webkit-appearance: none;
    /* stylelint-disable-line */
    margin-top: -4px; }
  /* line 32, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
  .plyr--full-ui input[type='range']::-moz-range-track {
    background: transparent;
    border: 0;
    border-radius: 3px;
    height: 6px;
    transition: all 0.3s ease;
    user-select: none; }
  /* line 36, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
  .plyr--full-ui input[type='range']::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
    box-sizing: border-box;
    height: 14px;
    position: relative;
    transition: all 0.2s ease;
    width: 14px; }
  /* line 40, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
  .plyr--full-ui input[type='range']::-moz-range-progress {
    background: currentColor;
    border-radius: 3px;
    height: 6px; }
  /* line 47, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
  .plyr--full-ui input[type='range']::-ms-track {
    background: transparent;
    border: 0;
    border-radius: 3px;
    height: 6px;
    transition: all 0.3s ease;
    user-select: none;
    color: transparent; }
  /* line 52, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
  .plyr--full-ui input[type='range']::-ms-fill-upper {
    background: transparent;
    border: 0;
    border-radius: 3px;
    height: 6px;
    transition: all 0.3s ease;
    user-select: none; }
  /* line 56, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
  .plyr--full-ui input[type='range']::-ms-fill-lower {
    background: transparent;
    border: 0;
    border-radius: 3px;
    height: 6px;
    transition: all 0.3s ease;
    user-select: none;
    background: currentColor; }
  /* line 62, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
  .plyr--full-ui input[type='range']::-ms-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
    box-sizing: border-box;
    height: 14px;
    position: relative;
    transition: all 0.2s ease;
    width: 14px;
    margin-top: 0; }
  /* line 68, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
  .plyr--full-ui input[type='range']::-ms-tooltip {
    display: none; }
  /* line 73, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
  .plyr--full-ui input[type='range']:focus {
    outline: 0; }
  /* line 77, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
  .plyr--full-ui input[type='range']::-moz-focus-outer {
    border: 0; }
  /* line 82, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
  .plyr--full-ui input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track {
    box-shadow: 0 0 0 3px rgba(184, 149, 112, 0.35);
    outline: 0; }
  /* line 86, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
  .plyr--full-ui input[type='range'].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 3px rgba(184, 149, 112, 0.35);
    outline: 0; }
  /* line 90, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
  .plyr--full-ui input[type='range'].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 3px rgba(184, 149, 112, 0.35);
    outline: 0; }

/* line 98, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
.plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.25); }
/* line 102, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
.plyr--full-ui.plyr--video input[type='range']::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.25); }
/* line 106, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
.plyr--full-ui.plyr--video input[type='range']::-ms-track {
  background-color: rgba(255, 255, 255, 0.25); }
/* line 112, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
.plyr--full-ui.plyr--video input[type='range']:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); }
/* line 116, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
.plyr--full-ui.plyr--video input[type='range']:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); }
/* line 120, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
.plyr--full-ui.plyr--video input[type='range']:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); }

/* line 128, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
.plyr--full-ui.plyr--audio input[type='range']::-webkit-slider-runnable-track {
  background-color: rgba(183, 197, 205, 0.66); }
/* line 132, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
.plyr--full-ui.plyr--audio input[type='range']::-moz-range-track {
  background-color: rgba(183, 197, 205, 0.66); }
/* line 136, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
.plyr--full-ui.plyr--audio input[type='range']::-ms-track {
  background-color: rgba(183, 197, 205, 0.66); }
/* line 142, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
.plyr--full-ui.plyr--audio input[type='range']:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); }
/* line 146, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
.plyr--full-ui.plyr--audio input[type='range']:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); }
/* line 150, /rails/vendor/assets/stylesheets/default/plyr/components/sliders.scss */
.plyr--full-ui.plyr--audio input[type='range']:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); }

/* line 5, /rails/vendor/assets/stylesheets/default/plyr/components/times.scss */
.plyr__time {
  font-size: 14px; }

/* line 12, /rails/vendor/assets/stylesheets/default/plyr/components/times.scss */
.plyr__time + .plyr__time::before {
  content: '\2044';
  margin-right: 10px; }
@media (max-width: 767px) {
  /* line 10, /rails/vendor/assets/stylesheets/default/plyr/components/times.scss */
  .plyr__time + .plyr__time {
    display: none; } }

/* line 22, /rails/vendor/assets/stylesheets/default/plyr/components/times.scss */
.plyr--video .plyr__time {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }

/* line 5, /rails/vendor/assets/stylesheets/default/plyr/components/tooltips.scss */
.plyr__tooltip {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4f5b5f;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 7.5px;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  z-index: 2; }
  /* line 25, /rails/vendor/assets/stylesheets/default/plyr/components/tooltips.scss */
  .plyr__tooltip::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, 0.9);
    bottom: -4px;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2; }

/* line 41, /rails/vendor/assets/stylesheets/default/plyr/components/tooltips.scss */
.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1); }

/* line 48, /rails/vendor/assets/stylesheets/default/plyr/components/tooltips.scss */
.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3; }

/* line 53, /rails/vendor/assets/stylesheets/default/plyr/components/tooltips.scss */
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%; }
  /* line 59, /rails/vendor/assets/stylesheets/default/plyr/components/tooltips.scss */
  .plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
  .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
    left: 16px; }

/* line 65, /rails/vendor/assets/stylesheets/default/plyr/components/tooltips.scss */
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%; }
  /* line 70, /rails/vendor/assets/stylesheets/default/plyr/components/tooltips.scss */
  .plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: 16px;
    transform: translateX(50%); }

/* line 80, /rails/vendor/assets/stylesheets/default/plyr/components/tooltips.scss */
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
  transform: translate(0, 0) scale(1); }

/* line 5, /rails/vendor/assets/stylesheets/default/plyr/components/video.scss */
.plyr--video {
  overflow: hidden; }
  /* line 9, /rails/vendor/assets/stylesheets/default/plyr/components/video.scss */
  .plyr--video.plyr--menu-open {
    overflow: visible; }

/* line 14, /rails/vendor/assets/stylesheets/default/plyr/components/video.scss */
.plyr__video-wrapper {
  background: #000;
  border-radius: inherit;
  overflow: hidden;
  position: relative;
  z-index: 0; }

/* line 5, /rails/vendor/assets/stylesheets/default/plyr/components/volume.scss */
.plyr__volume {
  flex: 1;
  position: relative; }
  /* line 9, /rails/vendor/assets/stylesheets/default/plyr/components/volume.scss */
  .plyr__volume input[type='range'] {
    position: relative;
    z-index: 2; }
  @media (min-width: 480px) {
    /* line 5, /rails/vendor/assets/stylesheets/default/plyr/components/volume.scss */
    .plyr__volume {
      max-width: 50px; } }
  @media (min-width: 768px) {
    /* line 5, /rails/vendor/assets/stylesheets/default/plyr/components/volume.scss */
    .plyr__volume {
      max-width: 80px; } }

/* line 26, /rails/vendor/assets/stylesheets/default/plyr/components/volume.scss */
.plyr--is-ios .plyr__volume,
.plyr--is-ios [data-plyr='mute'] {
  display: none !important; }

/* line 5, /rails/vendor/assets/stylesheets/default/plyr/states/error.scss */
.plyr--has-error {
  pointer-events: none; }
  /* line 8, /rails/vendor/assets/stylesheets/default/plyr/states/error.scss */
  .plyr--has-error::after {
    align-items: center;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    content: attr(data-plyr-error);
    display: flex;
    font-size: 16px;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    top: 0;
    width: 100%;
    z-index: 10; }

/* line 5, /rails/vendor/assets/stylesheets/default/plyr/states/fullscreen.scss */
.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }
  /* line 60, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:fullscreen video {
    height: 100%; }
  /* line 64, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:fullscreen .plyr__video-wrapper {
    height: 100%;
    width: 100%; }
  /* line 69, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:fullscreen .plyr__video-embed {
    overflow: visible; }
  /* line 75, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%); }
  /* line 82, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block; }
    /* line 85, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
    .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
  /* line 91, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:fullscreen.plyr--hide-controls {
    cursor: none; }
  @media (min-width: 1024px) {
    /* line 97, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
    .plyr:fullscreen .plyr__captions {
      font-size: 21px; } }

/* stylelint-disable-next-line */
/* line 10, /rails/vendor/assets/stylesheets/default/plyr/states/fullscreen.scss */
.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }
  /* line 60, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-webkit-full-screen video {
    height: 100%; }
  /* line 64, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%; }
  /* line 69, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-webkit-full-screen .plyr__video-embed {
    overflow: visible; }
  /* line 75, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%); }
  /* line 82, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block; }
    /* line 85, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
    .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
  /* line 91, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none; }
  @media (min-width: 1024px) {
    /* line 97, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
    .plyr:-webkit-full-screen .plyr__captions {
      font-size: 21px; } }

/* stylelint-disable-next-line */
/* line 15, /rails/vendor/assets/stylesheets/default/plyr/states/fullscreen.scss */
.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }
  /* line 60, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-moz-full-screen video {
    height: 100%; }
  /* line 64, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%; }
  /* line 69, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-moz-full-screen .plyr__video-embed {
    overflow: visible; }
  /* line 75, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%); }
  /* line 82, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block; }
    /* line 85, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
    .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
  /* line 91, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none; }
  @media (min-width: 1024px) {
    /* line 97, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
    .plyr:-moz-full-screen .plyr__captions {
      font-size: 21px; } }

/* stylelint-disable-next-line */
/* line 20, /rails/vendor/assets/stylesheets/default/plyr/states/fullscreen.scss */
.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }
  /* line 60, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-ms-fullscreen video {
    height: 100%; }
  /* line 64, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    width: 100%; }
  /* line 69, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-ms-fullscreen .plyr__video-embed {
    overflow: visible; }
  /* line 75, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%); }
  /* line 82, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block; }
    /* line 85, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
    .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
  /* line 91, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none; }
  @media (min-width: 1024px) {
    /* line 97, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
    .plyr:-ms-fullscreen .plyr__captions {
      font-size: 21px; } }

/* line 25, /rails/vendor/assets/stylesheets/default/plyr/states/fullscreen.scss */
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000; }
  /* line 60, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr--fullscreen-fallback video {
    height: 100%; }
  /* line 64, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr--fullscreen-fallback .plyr__video-wrapper {
    height: 100%;
    width: 100%; }
  /* line 69, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr--fullscreen-fallback .plyr__video-embed {
    overflow: visible; }
  /* line 75, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%); }
  /* line 82, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block; }
    /* line 85, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
    .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
  /* line 91, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
  .plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none; }
  @media (min-width: 1024px) {
    /* line 97, /rails/vendor/assets/stylesheets/default/plyr/lib/mixins.scss */
    .plyr--fullscreen-fallback .plyr__captions {
      font-size: 21px; } }

/* line 5, /rails/vendor/assets/stylesheets/default/plyr/plugins/ads.scss */
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1; }
  /* line 17, /rails/vendor/assets/stylesheets/default/plyr/plugins/ads.scss */
  .plyr__ads > div,
  .plyr__ads > div iframe {
    height: 100%;
    position: absolute;
    width: 100%; }
  /* line 25, /rails/vendor/assets/stylesheets/default/plyr/plugins/ads.scss */
  .plyr__ads::after {
    background: rgba(47, 52, 61, 0.8);
    border-radius: 2px;
    bottom: 10px;
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    z-index: 3; }
  /* line 39, /rails/vendor/assets/stylesheets/default/plyr/plugins/ads.scss */
  .plyr__ads::after:empty {
    display: none; }

/* line 45, /rails/vendor/assets/stylesheets/default/plyr/plugins/ads.scss */
.plyr__cues {
  background: currentColor;
  display: block;
  height: 6px;
  left: 0;
  margin: -3px 0 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3; }

/* line 5, /rails/vendor/assets/stylesheets/default/plyr/utils/animation.scss */
.plyr--no-transition {
  transition: none !important; }

/* line 6, /rails/vendor/assets/stylesheets/default/plyr/utils/hidden.scss */
.plyr--full-ui [hidden] {
  display: none; }

/* line 10, /rails/vendor/assets/stylesheets/default/plyr/utils/hidden.scss */
.plyr--full-ui [aria-hidden='true'] {
  display: none; }

/* line 15, /rails/vendor/assets/stylesheets/default/plyr/utils/hidden.scss */
.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

/*!
 * Ladda including the default theme.
 */
/*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2018 Hakim El Hattab, http://hakim.se
 */
/*************************************
 * CONFIG
 */
/*************************************
 * MIXINS
 */
/*************************************
 * Opacity animation for spin.js
 */
@keyframes ladda-spinner-line-fade {
  0%, 100% {
    opacity: 0.22;
    /* minimum opacity */ }
  1% {
    opacity: 1; } }
/*************************************
 * BUTTON BASE
 */
/* line 54, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button {
  position: relative; }

/* Spinner animation */
/* line 60, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button .ladda-spinner {
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 32px;
  top: 50%;
  margin-top: 0;
  opacity: 0;
  pointer-events: none; }

/* Button label */
/* line 72, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button .ladda-label {
  position: relative;
  z-index: 3; }

/* Progress bar */
/* line 78, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button .ladda-progress {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  display: none;
  transition: 0.1s linear all; }

/* line 89, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-loading] .ladda-progress {
  display: block; }

/*************************************
 * EASING
 */
/* line 98, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button,
.ladda-button .ladda-spinner,
.ladda-button .ladda-label {
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; }

/* line 104, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-style=zoom-in],
.ladda-button[data-style=zoom-in] .ladda-spinner,
.ladda-button[data-style=zoom-in] .ladda-label,
.ladda-button[data-style=zoom-out],
.ladda-button[data-style=zoom-out] .ladda-spinner,
.ladda-button[data-style=zoom-out] .ladda-label {
  transition: 0.3s ease all; }

/*************************************
 * EXPAND RIGHT
 */
/* line 119, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-style=expand-right] .ladda-spinner {
  right: -6px; }
/* line 123, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
  right: -12px; }
/* line 128, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-style=expand-right][data-loading] {
  padding-right: 56px; }
  /* line 131, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
    opacity: 1; }
  /* line 135, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=expand-right][data-loading][data-size="s"], .ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
    padding-right: 40px; }

/*************************************
 * EXPAND LEFT
 */
/* line 148, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-style=expand-left] .ladda-spinner {
  left: 26px; }
/* line 152, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
  left: 4px; }
/* line 157, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-style=expand-left][data-loading] {
  padding-left: 56px; }
  /* line 160, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
    opacity: 1; }
  /* line 164, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=expand-left][data-loading][data-size="s"], .ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
    padding-left: 40px; }

/*************************************
 * EXPAND UP
 */
/* line 176, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-style=expand-up] {
  overflow: hidden; }
  /* line 179, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=expand-up] .ladda-spinner {
    top: -32px;
    left: 50%;
    margin-left: 0; }
  /* line 185, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=expand-up][data-loading] {
    padding-top: 54px; }
    /* line 188, /rails/vendor/assets/stylesheets/default/ladda.css */
    .ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
      opacity: 1;
      top: 26px;
      margin-top: 0; }
    /* line 194, /rails/vendor/assets/stylesheets/default/ladda.css */
    .ladda-button[data-style=expand-up][data-loading][data-size="s"], .ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
      padding-top: 32px; }
      /* line 198, /rails/vendor/assets/stylesheets/default/ladda.css */
      .ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
        top: 4px; }

/*************************************
 * EXPAND DOWN
 */
/* line 210, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-style=expand-down] {
  overflow: hidden; }
  /* line 213, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=expand-down] .ladda-spinner {
    top: 62px;
    left: 50%;
    margin-left: 0; }
  /* line 219, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
    top: 40px; }
  /* line 224, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=expand-down][data-loading] {
    padding-bottom: 54px; }
    /* line 227, /rails/vendor/assets/stylesheets/default/ladda.css */
    .ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
      opacity: 1; }
    /* line 231, /rails/vendor/assets/stylesheets/default/ladda.css */
    .ladda-button[data-style=expand-down][data-loading][data-size="s"], .ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
      padding-bottom: 32px; }

/*************************************
 * SLIDE LEFT
 */
/* line 242, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-style=slide-left] {
  overflow: hidden; }
  /* line 245, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=slide-left] .ladda-label {
    position: relative; }
  /* line 249, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=slide-left] .ladda-spinner {
    left: 100%;
    margin-left: 0; }
  /* line 255, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=slide-left][data-loading] .ladda-label {
    opacity: 0;
    left: -100%; }
  /* line 260, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
    opacity: 1;
    left: 50%; }

/*************************************
 * SLIDE RIGHT
 */
/* line 271, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-style=slide-right] {
  overflow: hidden; }
  /* line 274, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=slide-right] .ladda-label {
    position: relative; }
  /* line 278, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=slide-right] .ladda-spinner {
    right: 100%;
    margin-left: 0;
    left: 16px; }
    /* line 283, /rails/vendor/assets/stylesheets/default/ladda.css */
    [dir="rtl"] .ladda-button[data-style=slide-right] .ladda-spinner {
      right: auto; }
  /* line 289, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=slide-right][data-loading] .ladda-label {
    opacity: 0;
    left: 100%; }
  /* line 294, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
    opacity: 1;
    left: 50%; }

/*************************************
 * SLIDE UP
 */
/* line 305, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-style=slide-up] {
  overflow: hidden; }
  /* line 308, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=slide-up] .ladda-label {
    position: relative; }
  /* line 312, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=slide-up] .ladda-spinner {
    left: 50%;
    margin-left: 0;
    margin-top: 1em; }
  /* line 319, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=slide-up][data-loading] .ladda-label {
    opacity: 0;
    top: -1em; }
  /* line 324, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
    opacity: 1;
    margin-top: 0; }

/*************************************
 * SLIDE DOWN
 */
/* line 335, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-style=slide-down] {
  overflow: hidden; }
  /* line 338, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=slide-down] .ladda-label {
    position: relative; }
  /* line 342, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=slide-down] .ladda-spinner {
    left: 50%;
    margin-left: 0;
    margin-top: -2em; }
  /* line 349, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=slide-down][data-loading] .ladda-label {
    opacity: 0;
    top: 1em; }
  /* line 354, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
    opacity: 1;
    margin-top: 0; }

/*************************************
 * ZOOM-OUT
 */
/* line 366, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-style=zoom-out] {
  overflow: hidden; }
  /* line 369, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=zoom-out] .ladda-label {
    position: relative;
    display: inline-block; }
  /* line 374, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=zoom-out] .ladda-spinner {
    left: 50%;
    margin-left: 32px;
    transform: scale(2.5); }
  /* line 381, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=zoom-out][data-loading] .ladda-label {
    opacity: 0;
    transform: scale(0.5); }
  /* line 386, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
    opacity: 1;
    margin-left: 0;
    transform: none; }

/*************************************
 * ZOOM-IN
 */
/* line 399, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-style=zoom-in] {
  overflow: hidden; }
  /* line 402, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=zoom-in] .ladda-label {
    position: relative;
    display: inline-block; }
  /* line 407, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=zoom-in] .ladda-spinner {
    left: 50%;
    margin-left: -16px;
    transform: scale(0.2); }
  /* line 414, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=zoom-in][data-loading] .ladda-label {
    opacity: 0;
    transform: scale(2.2); }
  /* line 419, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
    opacity: 1;
    margin-left: 0;
    transform: none; }

/*************************************
 * CONTRACT
 */
/* line 432, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-style=contract] {
  overflow: hidden;
  width: 100px; }
  /* line 436, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=contract] .ladda-spinner {
    left: 50%;
    margin-left: 0; }
  /* line 441, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=contract][data-loading] {
    border-radius: 50%;
    width: 52px; }
    /* line 445, /rails/vendor/assets/stylesheets/default/ladda.css */
    .ladda-button[data-style=contract][data-loading] .ladda-label {
      opacity: 0; }
    /* line 449, /rails/vendor/assets/stylesheets/default/ladda.css */
    .ladda-button[data-style=contract][data-loading] .ladda-spinner {
      opacity: 1; }

/*************************************
 * OVERLAY
 */
/* line 460, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button[data-style=contract-overlay] {
  overflow: hidden;
  width: 100px;
  box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0); }
  /* line 465, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=contract-overlay] .ladda-spinner {
    left: 50%;
    margin-left: 0; }
  /* line 470, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-style=contract-overlay][data-loading] {
    border-radius: 50%;
    width: 52px;
    box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8); }
    /* line 475, /rails/vendor/assets/stylesheets/default/ladda.css */
    .ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
      opacity: 0; }
    /* line 479, /rails/vendor/assets/stylesheets/default/ladda.css */
    .ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
      opacity: 1; }

/* line 486, /rails/vendor/assets/stylesheets/default/ladda.css */
[dir="rtl"] .ladda-spinner > div {
  left: 25% !important; }

/*************************************
 * CONFIG
 */
/*$green: #2aca76;*/
/*$red: #ea8557;*/
/*************************************
 * BUTTON THEME
 */
/* line 511, /rails/vendor/assets/stylesheets/default/ladda.css */
.ladda-button {
  background: #666;
  border: 0;
  padding: 14px 18px;
  font-size: 18px;
  cursor: pointer;
  color: #fff;
  border-radius: 2px;
  border: 1px solid transparent;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  /* line 526, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button:hover {
    border-color: rgba(0, 0, 0, 0.07);
    background-color: #888; }
  /* line 26, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-color=green] {
    background: #139970; }
    /* line 29, /rails/vendor/assets/stylesheets/default/ladda.css */
    .ladda-button[data-color=green]:hover {
      background-color: #16b081; }
  /* line 26, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-color=blue] {
    background: #53b5e6; }
    /* line 29, /rails/vendor/assets/stylesheets/default/ladda.css */
    .ladda-button[data-color=blue]:hover {
      background-color: #69bfe9; }
  /* line 26, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-color=red] {
    background: #aa1b1f; }
    /* line 29, /rails/vendor/assets/stylesheets/default/ladda.css */
    .ladda-button[data-color=red]:hover {
      background-color: #c01e23; }
  /* line 26, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-color=purple] {
    background: #9973C2; }
    /* line 29, /rails/vendor/assets/stylesheets/default/ladda.css */
    .ladda-button[data-color=purple]:hover {
      background-color: #a685ca; }
  /* line 26, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-color=mint] {
    background: #16a085; }
    /* line 29, /rails/vendor/assets/stylesheets/default/ladda.css */
    .ladda-button[data-color=mint]:hover {
      background-color: #19b698; }
  /* line 537, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[disabled], .ladda-button[data-loading] {
    border-color: rgba(0, 0, 0, 0.07); }
    /* line 541, /rails/vendor/assets/stylesheets/default/ladda.css */
    .ladda-button[disabled], .ladda-button[disabled]:hover, .ladda-button[data-loading], .ladda-button[data-loading]:hover {
      cursor: default;
      background-color: #999; }
  /* line 547, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-size=xs] {
    padding: 4px 8px; }
    /* line 550, /rails/vendor/assets/stylesheets/default/ladda.css */
    .ladda-button[data-size=xs] .ladda-label {
      font-size: 0.7em; }
  /* line 555, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-size=s] {
    padding: 6px 10px; }
    /* line 558, /rails/vendor/assets/stylesheets/default/ladda.css */
    .ladda-button[data-size=s] .ladda-label {
      font-size: 0.9em; }
  /* line 563, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-size=l] .ladda-label {
    font-size: 1.2em; }
  /* line 567, /rails/vendor/assets/stylesheets/default/ladda.css */
  .ladda-button[data-size=xl] .ladda-label {
    font-size: 1.5em; }

/* line 1, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }

/* line 7, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none; }

/* line 14, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 21, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative; }

/* line 23, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px; }

/* line 26, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none; }

/* line 33, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 39, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container .select2-search--inline {
  float: left; }

/* line 41, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0; }

/* line 47, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

/* line 50, /rails/vendor/assets/stylesheets/_select2.css */
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

/* line 61, /rails/vendor/assets/stylesheets/_select2.css */
.select2-results {
  display: block; }

/* line 64, /rails/vendor/assets/stylesheets/_select2.css */
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

/* line 69, /rails/vendor/assets/stylesheets/_select2.css */
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }

/* line 73, /rails/vendor/assets/stylesheets/_select2.css */
.select2-results__option[aria-selected] {
  cursor: pointer; }

/* line 76, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--open .select2-dropdown {
  left: 0; }

/* line 79, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

/* line 84, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

/* line 89, /rails/vendor/assets/stylesheets/_select2.css */
.select2-search--dropdown {
  display: block;
  padding: 4px; }

/* line 92, /rails/vendor/assets/stylesheets/_select2.css */
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box; }

/* line 96, /rails/vendor/assets/stylesheets/_select2.css */
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

/* line 98, /rails/vendor/assets/stylesheets/_select2.css */
.select2-search--dropdown.select2-search--hide {
  display: none; }

/* line 101, /rails/vendor/assets/stylesheets/_select2.css */
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

/* line 118, /rails/vendor/assets/stylesheets/_select2.css */
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

/* line 128, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }

/* line 132, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

/* line 135, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold; }

/* line 139, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999; }

/* line 141, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px; }

/* line 147, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

/* line 159, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

/* line 162, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

/* line 166, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }

/* line 169, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

/* line 172, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

/* line 176, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }

/* line 181, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%; }

/* line 187, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none; }

/* line 189, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left; }

/* line 193, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px; }

/* line 199, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

/* line 208, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

/* line 214, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333; }

/* line 217, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

/* line 220, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

/* line 224, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

/* line 228, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

/* line 232, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

/* line 236, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

/* line 239, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

/* line 243, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

/* line 247, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

/* line 250, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

/* line 257, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

/* line 261, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

/* line 264, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

/* line 267, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

/* line 270, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

/* line 272, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }

/* line 274, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }

/* line 277, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }

/* line 280, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }

/* line 283, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }

/* line 286, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

/* line 290, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

/* line 294, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

/* line 299, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

/* line 309, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb; }

/* line 311, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

/* line 314, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px; }

/* line 319, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999; }

/* line 321, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

/* line 337, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

/* line 349, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

/* line 352, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

/* line 361, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }

/* line 363, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none; }

/* line 366, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

/* line 370, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

/* line 380, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

/* line 390, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }

/* line 396, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb; }

/* line 398, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px; }

/* line 402, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none; }

/* line 404, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

/* line 413, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

/* line 419, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555; }

/* line 422, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

/* line 425, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

/* line 429, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

/* line 433, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

/* line 436, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

/* line 441, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

/* line 446, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

/* line 450, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

/* line 454, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

/* line 458, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

/* line 461, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-dropdown--below {
  border-top: none; }

/* line 464, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

/* line 468, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

/* line 471, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

/* line 474, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

/* line 478, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

/* line 483, /rails/vendor/assets/stylesheets/_select2.css */
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

/**
 * Swiper 5.2.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 16, 2019
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal; }
/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
:root {
  --swiper-theme-color:#007aff; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-slide-invisible-blank {
  visibility: hidden; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-3d {
  perspective: 1200px; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
:root {
  --swiper-navigation-size:44px; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: 'prev'; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: 'next'; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color:#ffffff; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color:#000000; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-button-lock {
  display: none; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1); }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1); }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66); }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33); }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66); }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33); }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0); }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform,.2s top; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s left; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s right; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination-white {
  --swiper-pagination-color:#ffffff; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination-black {
  --swiper-pagination-color:#000000; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-pagination-lock {
  display: none; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-scrollbar-cursor-drag {
  cursor: move; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-scrollbar-lock {
  display: none; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-slide-zoomed {
  cursor: move; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000; }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }
/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-cube {
  overflow: visible; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-flip {
  overflow: visible; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

/* line 13, /rails/vendor/assets/stylesheets/_swiper.scss */
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* line 1, /rails/app/assets/stylesheets/default/_loading.scss */
.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto; }

/* line 9, /rails/app/assets/stylesheets/default/_loading.scss */
.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #e8e8e8;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out; }

/* line 23, /rails/app/assets/stylesheets/default/_loading.scss */
.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
/* line 43, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle {
  width: 30px;
  height: 30px;
  position: relative; }

/* line 49, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

/* line 57, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }

/* line 68, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg); }

/* line 73, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg); }

/* line 78, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

/* line 83, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg); }

/* line 88, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg); }

/* line 93, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

/* line 98, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg); }

/* line 103, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg); }

/* line 108, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

/* line 113, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg); }

/* line 118, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg); }

/* line 123, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

/* line 127, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

/* line 131, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

/* line 135, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

/* line 139, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s; }

/* line 143, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s; }

/* line 147, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

/* line 151, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s; }

/* line 155, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s; }

/* line 159, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s; }

/* line 163, /rails/app/assets/stylesheets/default/_loading.scss */
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s; }

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }
@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }
/* line 3, /rails/app/assets/stylesheets/default/_grid.sass */
.container {
  padding: 20px;
  position: relative;
  max-width: 1440px;
  margin: 0 auto; }
  /* line 9, /rails/app/assets/stylesheets/default/_grid.sass */
  .container.no-padding {
    padding: 0; }

/* line 12, /rails/app/assets/stylesheets/default/_grid.sass */
.container-full-width {
  padding: 20px;
  max-width: 100%;
  margin: 0 auto; }

/* line 19, /rails/app/assets/stylesheets/default/_grid.sass */
.sidebar {
  max-width: 335px;
  position: relative;
  width: 100%;
  z-index: 2; }
  @media only screen and (max-width: 1024px) {
    /* line 19, /rails/app/assets/stylesheets/default/_grid.sass */
    .sidebar {
      margin-left: -20px;
      max-width: 280px; } }
  /* line 29, /rails/app/assets/stylesheets/default/_grid.sass */
  .sidebar:first-child {
    margin-right: 20px; }
  /* line 32, /rails/app/assets/stylesheets/default/_grid.sass */
  .sidebar:last-child {
    margin-left: 20px; }
  /* line 35, /rails/app/assets/stylesheets/default/_grid.sass */
  .sidebar.sidebar-products-floated {
    float: left;
    margin-top: -300px;
    text-align: left; }
    @media only screen and (max-width: 768px) {
      /* line 35, /rails/app/assets/stylesheets/default/_grid.sass */
      .sidebar.sidebar-products-floated {
        float: none;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        max-width: none;
        width: auto; } }

/* line 48, /rails/app/assets/stylesheets/default/_grid.sass */
.sidebar-small {
  max-width: 200px; }

/* line 53, /rails/app/assets/stylesheets/default/_grid.sass */
.main-content {
  width: 100%;
  flex: 1; }

/* line 57, /rails/app/assets/stylesheets/default/_grid.sass */
.large-content-container {
  margin: 0 auto;
  max-width: 1140px; }

/* line 61, /rails/app/assets/stylesheets/default/_grid.sass */
.main-content-container {
  margin: 0 auto;
  max-width: 1040px; }

/* line 65, /rails/app/assets/stylesheets/default/_grid.sass */
.small-content-container {
  margin: 0 auto;
  max-width: 940px; }

/* line 69, /rails/app/assets/stylesheets/default/_grid.sass */
.xsmall-content-container {
  margin: 0 auto;
  max-width: 700px; }

/* line 73, /rails/app/assets/stylesheets/default/_grid.sass */
.mini-content-container {
  margin: 0 auto;
  max-width: 640px; }

/* line 1, /rails/app/assets/stylesheets/default/_styles.sass */
body {
  background: #eeece4;
  font-family: "proxima-nova", sans-serif; }
  @media only screen and (max-width: 768px) {
    /* line 1, /rails/app/assets/stylesheets/default/_styles.sass */
    body {
      background: #fff; } }

/* line 10, /rails/app/assets/stylesheets/default/_styles.sass */
.turbolinks-progress-bar {
  visibility: hidden; }

/* line 15, /rails/app/assets/stylesheets/default/_styles.sass */
.star-rating {
  position: relative;
  width: 90px; }
  /* line 19, /rails/app/assets/stylesheets/default/_styles.sass */
  .star-rating .stars {
    color: #e8e8e8;
    display: flex; }
  /* line 23, /rails/app/assets/stylesheets/default/_styles.sass */
  .star-rating .star-rating-label {
    color: #393633;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-left: 4px;
    white-space: nowrap; }
  /* line 31, /rails/app/assets/stylesheets/default/_styles.sass */
  .star-rating .stars-filled-in {
    color: #c6945f;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 0%;
    display: flex;
    transition: width 0.1s ease; }
  /* line 41, /rails/app/assets/stylesheets/default/_styles.sass */
  .star-rating .star {
    min-width: 18px;
    text-align: center; }
  /* line 45, /rails/app/assets/stylesheets/default/_styles.sass */
  .star-rating .star:before {
    font-size: 14px; }

/* line 50, /rails/app/assets/stylesheets/default/_styles.sass */
.star-rating.star-rating-medium {
  width: 110px; }
  /* line 53, /rails/app/assets/stylesheets/default/_styles.sass */
  .star-rating.star-rating-medium .star {
    min-width: 22px; }
  /* line 56, /rails/app/assets/stylesheets/default/_styles.sass */
  .star-rating.star-rating-medium .star:before {
    font-size: 18px; }
  @media (max-width: 1023px) {
    /* line 61, /rails/app/assets/stylesheets/default/_styles.sass */
    .star-rating.star-rating-medium .stars-filled-in {
      left: -35px; } }

/* line 64, /rails/app/assets/stylesheets/default/_styles.sass */
.star-rating.star-rating-large {
  width: 160px; }
  /* line 67, /rails/app/assets/stylesheets/default/_styles.sass */
  .star-rating.star-rating-large .star {
    min-width: 32px; }
  /* line 70, /rails/app/assets/stylesheets/default/_styles.sass */
  .star-rating.star-rating-large .star:before {
    font-size: 25px; }

/* line 74, /rails/app/assets/stylesheets/default/_styles.sass */
.star-rating-dark .stars {
  color: #555; }
/* line 77, /rails/app/assets/stylesheets/default/_styles.sass */
.star-rating-dark .stars-filled-in {
  background: none;
  text-shadow: 0 0 2px #393633; }
/* line 81, /rails/app/assets/stylesheets/default/_styles.sass */
.star-rating-dark .star-rating-label {
  color: #e8e8e8;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 16px;
  font-weight: bold; }

/* line 89, /rails/app/assets/stylesheets/default/_styles.sass */
.well {
  background: #f6f6f6;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  color: #888684;
  font-size: 16px;
  text-align: center;
  padding: 20px; }

/* line 100, /rails/app/assets/stylesheets/default/_styles.sass */
hr.divider {
  background: #b89570;
  border: none;
  height: 1px;
  margin: 40px 0;
  opacity: 0.35;
  width: 100%; }

/* line 110, /rails/app/assets/stylesheets/default/_styles.sass */
.back-to-top {
  align-items: center;
  background: #139970;
  border-radius: 24px;
  bottom: 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  color: white;
  display: none;
  font-size: 20px;
  height: 48px;
  justify-content: center;
  left: 14px;
  position: fixed;
  width: 48px;
  z-index: 10; }
  @media only screen and (max-width: 768px) {
    /* line 110, /rails/app/assets/stylesheets/default/_styles.sass */
    .back-to-top {
      bottom: 89px; } }
  /* line 129, /rails/app/assets/stylesheets/default/_styles.sass */
  .back-to-top:hover {
    color: white; }

@font-face {
  font-family: "Hoboken";
  font-weight: bold;
  src: url(/assets/default/hob-13f19a03a38a886938a12f8b9f77be02a2bc431d31531711af0e9f5a07aeefbc.woff2) format("woff2"); }
/* line 3, /rails/app/assets/stylesheets/default/_typography.sass */
p {
  color: #393633;
  font-size: 15px;
  line-height: 26px; }

/* line 10, /rails/app/assets/stylesheets/default/_typography.sass */
p.lead {
  color: #555;
  font-size: 18px;
  line-height: 28px;
  margin: 28px 0; }

/* line 67, /rails/app/assets/stylesheets/default/_typography.sass */
.heading-underline {
  margin-bottom: 18px;
  padding-bottom: 18px;
  position: relative; }
  /* line 72, /rails/app/assets/stylesheets/default/_typography.sass */
  .heading-underline:after {
    background: #c6945f;
    bottom: 0px;
    content: " ";
    display: block;
    height: 3px;
    left: 0px;
    position: absolute;
    width: 150px; }
  /* line 82, /rails/app/assets/stylesheets/default/_typography.sass */
  .heading-underline.text-center:after {
    left: 50%;
    transform: translateX(-50%); }

/* line 88, /rails/app/assets/stylesheets/default/_typography.sass */
.footer-heading-1 {
  color: #b89570;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase; }

/* line 95, /rails/app/assets/stylesheets/default/_typography.sass */
.footer-heading-2 {
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: none; }

/* line 102, /rails/app/assets/stylesheets/default/_typography.sass */
.checkout-heading {
  color: #555;
  font-family: "proxima-nova", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 20px;
  text-transform: none; }

/* line 111, /rails/app/assets/stylesheets/default/_typography.sass */
.checkout-heading-2 {
  color: #888684;
  font-family: "proxima-nova", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 10px;
  text-transform: none; }

/* line 122, /rails/app/assets/stylesheets/default/_typography.sass */
.subheading {
  color: #888684;
  font-family: "proxima-nova", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 24px;
  text-transform: uppercase; }

/* line 133, /rails/app/assets/stylesheets/default/_typography.sass */
.content {
  color: #555;
  font-size: 18px;
  line-height: 31px;
  margin: 24px 0; }
  /* line 139, /rails/app/assets/stylesheets/default/_typography.sass */
  .content img {
    max-width: 100%; }

/* line 142, /rails/app/assets/stylesheets/default/_typography.sass */
.big-content {
  color: #393633;
  font-size: 18px;
  line-height: 32px;
  margin: 24px 0; }

/* line 150, /rails/app/assets/stylesheets/default/_typography.sass */
.text-brown-alt {
  color: #c6945f; }

/* line 153, /rails/app/assets/stylesheets/default/_typography.sass */
.text-green {
  color: #139970; }

/* line 156, /rails/app/assets/stylesheets/default/_typography.sass */
.text-green-dark {
  color: #005c3e; }

/* line 159, /rails/app/assets/stylesheets/default/_typography.sass */
.text-red {
  color: #aa1b1f; }

/* line 162, /rails/app/assets/stylesheets/default/_typography.sass */
.text-danger {
  color: #aa1b1f; }

/* line 167, /rails/app/assets/stylesheets/default/_typography.sass */
a {
  color: #139970;
  text-decoration: none; }

/* line 173, /rails/app/assets/stylesheets/default/_typography.sass */
ul.list-pros {
  list-style: none;
  margin: 0;
  margin-bottom: 20px;
  padding: 0; }
  /* line 179, /rails/app/assets/stylesheets/default/_typography.sass */
  ul.list-pros li {
    color: #888684;
    font-size: 15px;
    padding: 10px 0; }
    /* line 184, /rails/app/assets/stylesheets/default/_typography.sass */
    ul.list-pros li .icon, ul.list-pros li .star-rating .star:before, .star-rating ul.list-pros li .star:before, ul.list-pros li .input-wrapper.valid:after, ul.list-pros li .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors ul.list-pros li .filter-beer-color-circle:after, ul.list-pros li .navigation-select:before, ul.list-pros li .select-dropdown, ul.list-pros li .site-header-actions .site-header-action-logged-in:before, .site-header-actions ul.list-pros li .site-header-action-logged-in:before, ul.list-pros .breadcrumbs li a:after, .breadcrumbs ul.list-pros li a:after, .mobile-nav-inside ul.list-pros li a:after, ul.list-pros li #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] ul.list-pros li .footer-heading-1:after, ul.list-pros li .dropdown .dropdown-toggle:after, .dropdown ul.list-pros li .dropdown-toggle:after, ul.list-pros li .favorite:after, ul.list-pros li .products-show-info-subtitle a:after, .products-show-info-subtitle ul.list-pros li a:after, .products-show-usps ul.list-pros li li:before, ul.list-pros li .products-show-extras-title.icon-hop:before, ul.list-pros li .products-show-extras-title.icon-flesjes:before, ul.list-pros li .faq-list .faq-list-question:before, .faq-list ul.list-pros li .faq-list-question:before, .recipe-ingredients-list ul.list-pros li li:before, ul.list-pros li .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol ul.list-pros li li:before, .beer-finder-step-login ul.list-pros li li:before, .beer-finder-step ul.list-pros li > button:after, .beer-finder-step ul.list-pros li .untappd-button:after, .beer-finder-step ul.list-pros li > a:after, ul.list-pros li .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container ul.list-pros li .modal-upsell-checkbox:after, ul.list-pros li .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label ul.list-pros li input[type="checkbox"]:checked + span:before, ul.list-pros li .quickview-list-item-quantity:before, ul.list-pros li .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox ul.list-pros li input[type="checkbox"]:checked + span:after {
      color: #139970;
      margin-right: 4px; }

/* line 188, /rails/app/assets/stylesheets/default/_typography.sass */
ul.footer-list {
  list-style: none;
  margin: 12px 0;
  padding: 0; }
  @media only screen and (max-width: 768px) {
    /* line 188, /rails/app/assets/stylesheets/default/_typography.sass */
    ul.footer-list {
      margin: 0; } }
  /* line 196, /rails/app/assets/stylesheets/default/_typography.sass */
  ul.footer-list li, ul.footer-list li a {
    color: #c7c6c2;
    display: block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 26px; }
  /* line 204, /rails/app/assets/stylesheets/default/_typography.sass */
  ul.footer-list li a:hover {
    color: #888684; }

/* line 209, /rails/app/assets/stylesheets/default/_typography.sass */
ol.numbered-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  /* line 214, /rails/app/assets/stylesheets/default/_typography.sass */
  ol.numbered-list li {
    color: #555;
    font-size: 15px;
    padding: 7px 0; }
    /* line 219, /rails/app/assets/stylesheets/default/_typography.sass */
    ol.numbered-list li:before {
      border: 2px solid #005c3e;
      border-radius: 12px;
      color: #005c3e;
      display: inline-block;
      font-family: "jaf-facitweb", sans-serif;
      font-size: 14px;
      font-weight: bold;
      height: 24px;
      line-height: 20px;
      margin-right: 12px;
      text-align: center;
      vertical-align: middle;
      width: 24px; }
    /* line 234, /rails/app/assets/stylesheets/default/_typography.sass */
    ol.numbered-list li:nth-child(1):before {
      content: "1"; }
    /* line 237, /rails/app/assets/stylesheets/default/_typography.sass */
    ol.numbered-list li:nth-child(2):before {
      content: "2"; }
    /* line 240, /rails/app/assets/stylesheets/default/_typography.sass */
    ol.numbered-list li:nth-child(3):before {
      content: "3"; }
    /* line 243, /rails/app/assets/stylesheets/default/_typography.sass */
    ol.numbered-list li:nth-child(4):before {
      content: "4"; }
    /* line 246, /rails/app/assets/stylesheets/default/_typography.sass */
    ol.numbered-list li:nth-child(5):before {
      content: "5"; }

/* line 251, /rails/app/assets/stylesheets/default/_typography.sass */
.tw-prose li::before {
  content: none !important; }

/* line 254, /rails/app/assets/stylesheets/default/_typography.sass */
.tw-prose ul {
  list-style: disc inside; }

/* line 3, /rails/app/assets/stylesheets/default/_buttons.sass */
.button {
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle; }
  /* line 18, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button .icon.icon-arrow-right, .button .star-rating .icon-arrow-right.star:before, .star-rating .button .icon-arrow-right.star:before, .button .star-rating .mobile-nav-inside ul li a.star:after, .star-rating .mobile-nav-inside ul li .button a.star:after, .button .mobile-nav-inside ul li .star-rating a.star:after, .mobile-nav-inside ul li .star-rating .button a.star:after, .button .star-rating .beer-finder-step ul li > button.star:after, .star-rating .beer-finder-step ul .button li > button.star:after, .button .beer-finder-step ul .star-rating li > button.star:after, .beer-finder-step ul .star-rating .button li > button.star:after, .button .star-rating .beer-finder-step ul .star.untappd-button:after, .star-rating .beer-finder-step ul .button .star.untappd-button:after, .button .beer-finder-step ul .star-rating .star.untappd-button:after, .beer-finder-step ul .star-rating .button .star.untappd-button:after, .button .star-rating .beer-finder-step ul li > a.star:after, .star-rating .beer-finder-step ul .button li > a.star:after, .button .beer-finder-step ul .star-rating li > a.star:after, .beer-finder-step ul .star-rating .button li > a.star:after, .button .icon-arrow-right.input-wrapper.valid:after, .button .filter-beer-colors .icon-arrow-right.filter-beer-color-circle:after, .filter-beer-colors .button .icon-arrow-right.filter-beer-color-circle:after, .button .icon-arrow-right.navigation-select:before, .button .mobile-nav-inside ul li a.navigation-select:after, .mobile-nav-inside ul li .button a.navigation-select:after, .button .beer-finder-step ul li > button.navigation-select:after, .beer-finder-step ul .button li > button.navigation-select:after, .button .beer-finder-step ul .navigation-select.untappd-button:after, .beer-finder-step ul .button .navigation-select.untappd-button:after, .button .beer-finder-step ul li > a.navigation-select:after, .beer-finder-step ul .button li > a.navigation-select:after, .button .icon-arrow-right.select-dropdown, .button .site-header-actions .icon-arrow-right.site-header-action-logged-in:before, .site-header-actions .button .icon-arrow-right.site-header-action-logged-in:before, .button .site-header-actions .mobile-nav-inside ul li a.site-header-action-logged-in:after, .site-header-actions .mobile-nav-inside ul li .button a.site-header-action-logged-in:after, .button .mobile-nav-inside ul li .site-header-actions a.site-header-action-logged-in:after, .mobile-nav-inside ul li .site-header-actions .button a.site-header-action-logged-in:after, .button .site-header-actions .beer-finder-step ul li > button.site-header-action-logged-in:after, .site-header-actions .beer-finder-step ul .button li > button.site-header-action-logged-in:after, .button .beer-finder-step ul .site-header-actions li > button.site-header-action-logged-in:after, .beer-finder-step ul .site-header-actions .button li > button.site-header-action-logged-in:after, .button .site-header-actions .beer-finder-step ul .site-header-action-logged-in.untappd-button:after, .site-header-actions .beer-finder-step ul .button .site-header-action-logged-in.untappd-button:after, .button .beer-finder-step ul .site-header-actions .site-header-action-logged-in.untappd-button:after, .beer-finder-step ul .site-header-actions .button .site-header-action-logged-in.untappd-button:after, .button .site-header-actions .beer-finder-step ul li > a.site-header-action-logged-in:after, .site-header-actions .beer-finder-step ul .button li > a.site-header-action-logged-in:after, .button .beer-finder-step ul .site-header-actions li > a.site-header-action-logged-in:after, .beer-finder-step ul .site-header-actions .button li > a.site-header-action-logged-in:after, .button .breadcrumbs li a.icon-arrow-right:after, .breadcrumbs li .button a.icon-arrow-right:after, .button .mobile-nav-inside ul li a.icon-arrow-right:after, .mobile-nav-inside ul li .button a.icon-arrow-right:after, .button #footer [data-controller="footer-list"] .icon-arrow-right.footer-heading-1:after, #footer [data-controller="footer-list"] .button .icon-arrow-right.footer-heading-1:after, .button .dropdown .icon-arrow-right.dropdown-toggle:after, .dropdown .button .icon-arrow-right.dropdown-toggle:after, .button .icon-arrow-right.favorite:after, .button .products-show-info-subtitle a.icon-arrow-right:after, .products-show-info-subtitle .button a.icon-arrow-right:after, .button .products-show-usps ul li.icon-arrow-right:before, .products-show-usps ul .button li.icon-arrow-right:before, .button .products-show-usps .beer-finder-step ul li.untappd-button:after, .products-show-usps .beer-finder-step ul .button li.untappd-button:after, .button .beer-finder-step .products-show-usps ul li.untappd-button:after, .beer-finder-step .products-show-usps ul .button li.untappd-button:after, .button .icon-arrow-right.products-show-extras-title.icon-hop:before, .button .mobile-nav-inside ul li a.products-show-extras-title.icon-hop:after, .mobile-nav-inside ul li .button a.products-show-extras-title.icon-hop:after, .button .beer-finder-step ul li > button.products-show-extras-title.icon-hop:after, .beer-finder-step ul .button li > button.products-show-extras-title.icon-hop:after, .button .beer-finder-step ul .products-show-extras-title.icon-hop.untappd-button:after, .beer-finder-step ul .button .products-show-extras-title.icon-hop.untappd-button:after, .button .beer-finder-step ul li > a.products-show-extras-title.icon-hop:after, .beer-finder-step ul .button li > a.products-show-extras-title.icon-hop:after, .button .icon-arrow-right.products-show-extras-title.icon-flesjes:before, .button .mobile-nav-inside ul li a.products-show-extras-title.icon-flesjes:after, .mobile-nav-inside ul li .button a.products-show-extras-title.icon-flesjes:after, .button .beer-finder-step ul li > button.products-show-extras-title.icon-flesjes:after, .beer-finder-step ul .button li > button.products-show-extras-title.icon-flesjes:after, .button .beer-finder-step ul .products-show-extras-title.icon-flesjes.untappd-button:after, .beer-finder-step ul .button .products-show-extras-title.icon-flesjes.untappd-button:after, .button .beer-finder-step ul li > a.products-show-extras-title.icon-flesjes:after, .beer-finder-step ul .button li > a.products-show-extras-title.icon-flesjes:after, .button .faq-list .icon-arrow-right.faq-list-question:before, .faq-list .button .icon-arrow-right.faq-list-question:before, .button .faq-list .mobile-nav-inside ul li a.faq-list-question:after, .faq-list .mobile-nav-inside ul li .button a.faq-list-question:after, .button .mobile-nav-inside ul li .faq-list a.faq-list-question:after, .mobile-nav-inside ul li .faq-list .button a.faq-list-question:after, .button .faq-list .beer-finder-step ul li > button.faq-list-question:after, .faq-list .beer-finder-step ul .button li > button.faq-list-question:after, .button .beer-finder-step ul .faq-list li > button.faq-list-question:after, .beer-finder-step ul .faq-list .button li > button.faq-list-question:after, .button .faq-list .beer-finder-step ul .faq-list-question.untappd-button:after, .faq-list .beer-finder-step ul .button .faq-list-question.untappd-button:after, .button .beer-finder-step ul .faq-list .faq-list-question.untappd-button:after, .beer-finder-step ul .faq-list .button .faq-list-question.untappd-button:after, .button .faq-list .beer-finder-step ul li > a.faq-list-question:after, .faq-list .beer-finder-step ul .button li > a.faq-list-question:after, .button .beer-finder-step ul .faq-list li > a.faq-list-question:after, .beer-finder-step ul .faq-list .button li > a.faq-list-question:after, .button .recipe-ingredients-list ul li.icon-arrow-right:before, .recipe-ingredients-list ul .button li.icon-arrow-right:before, .button .recipe-ingredients-list .beer-finder-step ul li.untappd-button:after, .recipe-ingredients-list .beer-finder-step ul .button li.untappd-button:after, .button .beer-finder-step .recipe-ingredients-list ul li.untappd-button:after, .beer-finder-step .recipe-ingredients-list ul .button li.untappd-button:after, .button .beer-finder-introduction-container ol li.icon-arrow-right:before, .beer-finder-introduction-container ol .button li.icon-arrow-right:before, .button .beer-finder-introduction-container ol .beer-finder-step ul li.untappd-button:after, .beer-finder-introduction-container ol .beer-finder-step ul .button li.untappd-button:after, .button .beer-finder-step ul .beer-finder-introduction-container ol li.untappd-button:after, .beer-finder-step ul .beer-finder-introduction-container ol .button li.untappd-button:after, .button .beer-finder-step-login ul li.icon-arrow-right:before, .beer-finder-step-login ul .button li.icon-arrow-right:before, .button .beer-finder-step-login .beer-finder-step ul li.untappd-button:after, .beer-finder-step-login .beer-finder-step ul .button li.untappd-button:after, .button .beer-finder-step .beer-finder-step-login ul li.untappd-button:after, .beer-finder-step .beer-finder-step-login ul .button li.untappd-button:after, .button .beer-finder-step ul li > button.icon-arrow-right:after, .beer-finder-step ul .button li > button.icon-arrow-right:after, .button .beer-finder-step ul .icon-arrow-right.untappd-button:after, .beer-finder-step ul .button .icon-arrow-right.untappd-button:after, .button .beer-finder-step ul li > a.icon-arrow-right:after, .beer-finder-step ul .button li > a.icon-arrow-right:after, .button .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .icon-arrow-right.modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .button .icon-arrow-right.modal-upsell-checkbox:after, .button .beer-finder-custom-styles label input[type="checkbox"]:checked + span.icon-arrow-right:before, .beer-finder-custom-styles label .button input[type="checkbox"]:checked + span.icon-arrow-right:before, .button .beer-finder-custom-styles label .beer-finder-step ul input[type="checkbox"]:checked + span.untappd-button:after, .beer-finder-custom-styles label .beer-finder-step ul .button input[type="checkbox"]:checked + span.untappd-button:after, .button .beer-finder-step ul .beer-finder-custom-styles label input[type="checkbox"]:checked + span.untappd-button:after, .beer-finder-step ul .beer-finder-custom-styles label .button input[type="checkbox"]:checked + span.untappd-button:after, .button .icon-arrow-right.quickview-list-item-quantity:before, .button .mobile-nav-inside ul li a.quickview-list-item-quantity:after, .mobile-nav-inside ul li .button a.quickview-list-item-quantity:after, .button .beer-finder-step ul li > button.quickview-list-item-quantity:after, .beer-finder-step ul .button li > button.quickview-list-item-quantity:after, .button .beer-finder-step ul .quickview-list-item-quantity.untappd-button:after, .beer-finder-step ul .button .quickview-list-item-quantity.untappd-button:after, .button .beer-finder-step ul li > a.quickview-list-item-quantity:after, .beer-finder-step ul .button li > a.quickview-list-item-quantity:after, .button .wishlist-item-checkbox input[type="checkbox"]:checked + span.icon-arrow-right:after, .wishlist-item-checkbox .button input[type="checkbox"]:checked + span.icon-arrow-right:after {
    font-size: 12px;
    transform: translateY(-1px); }

/* line 28, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-no-margin {
  margin: 0; }

/* line 33, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-default {
  background: #888684;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px; }
  /* line 39, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-default:hover {
    background: #6d6b6a;
    color: #fff; }

/* line 43, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-muted {
  background: #f6f6f6;
  color: #888684;
  letter-spacing: 1px; }
  /* line 48, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-muted:hover {
    background: #e8e8e8;
    color: #888684; }

/* line 52, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-primary {
  background: #e2aa2b;
  color: #fff;
  letter-spacing: 1px; }
  /* line 57, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-primary:hover {
    background: #b58822;
    color: #fff; }

/* line 61, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-dark-green {
  background: #005c3e; }
  /* line 64, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-dark-green:hover {
    background: #004a32; }

/* line 67, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-brown {
  background: #b89570;
  color: #fff;
  letter-spacing: 1px; }
  /* line 72, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-brown:hover {
    background: #93775a;
    color: #fff; }

/* line 76, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-alt {
  background: #139970;
  color: #fff;
  letter-spacing: 1px; }
  /* line 81, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-alt:hover {
    background: #0f7a5a;
    color: #fff; }

/* line 85, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-white {
  background: white;
  color: #333; }
  /* line 89, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-white:hover {
    background: #f6f6f6; }

/* line 92, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-danger {
  background: #aa1b1f;
  color: #fff;
  letter-spacing: 1px; }
  /* line 97, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-danger:hover {
    background: #881619;
    color: #fff; }

/* line 101, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-facebook {
  background: #4267B2;
  color: white; }

/* line 105, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-whatsapp {
  background: #749c33;
  color: white; }

/* line 109, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-twitter {
  background: #1DA1F2;
  color: white; }

/* line 113, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-outline {
  background: none;
  border: 2px solid #393633;
  border-radius: 4px;
  box-sizing: content-box;
  color: #393633;
  letter-spacing: 1px; }
  /* line 121, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-outline:hover {
    background: #393633;
    color: #fff; }

/* line 125, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-outline-inverse {
  background: none;
  border: 2px solid #fff;
  border-radius: 4px;
  box-sizing: content-box;
  color: #fff;
  letter-spacing: 1px; }
  /* line 133, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-outline-inverse:hover {
    background: #fff;
    color: #393633; }

/* line 137, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-outline-primary {
  background: #e2aa2b;
  color: #fff;
  border-color: #e2aa2b; }
  /* line 142, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-outline-primary:hover {
    background: #b58822;
    border-color: #b58822; }

/* line 148, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-large {
  font-size: 16px;
  font-weight: bold;
  height: 50px;
  letter-spacing: 1px;
  padding: 16px 40px; }

/* line 155, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-small {
  font-size: 11px;
  height: 28px;
  letter-spacing: 1px;
  padding: 5px 10px; }

/* line 161, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-mini {
  font-size: 11px;
  height: 24px;
  letter-spacing: 1px;
  padding: 3px 8px; }

/* line 167, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-block {
  display: block;
  margin-right: 0;
  width: 100%; }

/* line 174, /rails/app/assets/stylesheets/default/_buttons.sass */
.button-link {
  color: #393633;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase; }
  /* line 181, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-link.button-link-inverse {
    color: #e8e8e8; }
    /* line 184, /rails/app/assets/stylesheets/default/_buttons.sass */
    .button-link.button-link-inverse:hover {
      color: #fff; }
  /* line 187, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-link.button-large {
    font-size: 16px;
    font-weight: bold;
    text-transform: none; }
  /* line 192, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-link.button-small {
    font-weight: 700;
    text-transform: none; }
  /* line 196, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-link.button-mini {
    font-weight: 400;
    text-transform: none; }
  /* line 200, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-link.button-xlarge {
    font-family: "jaf-facitweb", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: none; }
  /* line 206, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-link.button-brown {
    background: none;
    color: #b89570; }
    /* line 210, /rails/app/assets/stylesheets/default/_buttons.sass */
    .button-link.button-brown:hover {
      color: #93775a; }
  /* line 213, /rails/app/assets/stylesheets/default/_buttons.sass */
  .button-link.button-danger {
    background: none;
    color: #aa1b1f; }
    /* line 217, /rails/app/assets/stylesheets/default/_buttons.sass */
    .button-link.button-danger:hover {
      color: #881619; }

/* line 3, /rails/app/assets/stylesheets/default/_forms.sass */
.input-wrapper {
  border-radius: 4px;
  position: relative; }
  /* line 7, /rails/app/assets/stylesheets/default/_forms.sass */
  .input-wrapper [type='color'], .input-wrapper [type='date'], .input-wrapper [type='datetime'], .input-wrapper [type='datetime-local'], .input-wrapper [type='email'], .input-wrapper [type='month'], .input-wrapper [type='number'], .input-wrapper [type='password'], .input-wrapper [type='search'], .input-wrapper [type='tel'], .input-wrapper [type='text'], .input-wrapper [type='time'], .input-wrapper [type='url'], .input-wrapper [type='week'], .input-wrapper input:not([type]), .input-wrapper textarea, .input-wrapper textarea {
    background: #fff;
    border: 1px solid #c7c6c2;
    border-radius: 4px;
    color: #393633;
    font-size: 15px;
    height: 44px;
    outline: none;
    padding: 0 15px;
    position: relative;
    width: 100%;
    -webkit-appearance: none;
    transition: all 0.2s ease; }
  /* line 21, /rails/app/assets/stylesheets/default/_forms.sass */
  .input-wrapper.valid:after {
    color: #139970;
    font-size: 14px;
    position: absolute;
    right: 14px;
    top: 14px; }
  /* line 29, /rails/app/assets/stylesheets/default/_forms.sass */
  .input-wrapper label.error {
    color: #aa1b1f;
    display: block !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px; }
  /* line 36, /rails/app/assets/stylesheets/default/_forms.sass */
  .input-wrapper textarea {
    padding: 15px;
    resize: none; }
  /* line 40, /rails/app/assets/stylesheets/default/_forms.sass */
  .input-wrapper .material-bar {
    background: #393633;
    border-radius: 0 0 4px 4px;
    height: 3px;
    position: absolute;
    top: 41px;
    width: 100%;
    transform: scale(0);
    transition: transform 0.3s ease; }
  /* line 51, /rails/app/assets/stylesheets/default/_forms.sass */
  .input-wrapper [type='color']:focus + .material-bar, .input-wrapper [type='color']:focus + label + .material-bar, .input-wrapper [type='date']:focus + .material-bar, .input-wrapper [type='date']:focus + label + .material-bar, .input-wrapper [type='datetime']:focus + .material-bar, .input-wrapper [type='datetime']:focus + label + .material-bar, .input-wrapper [type='datetime-local']:focus + .material-bar, .input-wrapper [type='datetime-local']:focus + label + .material-bar, .input-wrapper [type='email']:focus + .material-bar, .input-wrapper [type='email']:focus + label + .material-bar, .input-wrapper [type='month']:focus + .material-bar, .input-wrapper [type='month']:focus + label + .material-bar, .input-wrapper [type='number']:focus + .material-bar, .input-wrapper [type='number']:focus + label + .material-bar, .input-wrapper [type='password']:focus + .material-bar, .input-wrapper [type='password']:focus + label + .material-bar, .input-wrapper [type='search']:focus + .material-bar, .input-wrapper [type='search']:focus + label + .material-bar, .input-wrapper [type='tel']:focus + .material-bar, .input-wrapper [type='tel']:focus + label + .material-bar, .input-wrapper [type='text']:focus + .material-bar, .input-wrapper [type='text']:focus + label + .material-bar, .input-wrapper [type='time']:focus + .material-bar, .input-wrapper [type='time']:focus + label + .material-bar, .input-wrapper [type='url']:focus + .material-bar, .input-wrapper [type='url']:focus + label + .material-bar, .input-wrapper [type='week']:focus + .material-bar, .input-wrapper [type='week']:focus + label + .material-bar, .input-wrapper input:not([type]):focus + .material-bar, .input-wrapper input:not([type]):focus + label + .material-bar, .input-wrapper textarea:focus + .material-bar, .input-wrapper textarea:focus + label + .material-bar, .input-wrapper textarea:focus + .material-bar, .input-wrapper textarea:focus + label + .material-bar {
    transform: scale(1); }
  /* line 54, /rails/app/assets/stylesheets/default/_forms.sass */
  .input-wrapper .input-description {
    color: #888684;
    font-size: 15px;
    line-height: 20px;
    margin-top: 6px; }
    /* line 60, /rails/app/assets/stylesheets/default/_forms.sass */
    .input-wrapper .input-description a {
      font-weight: 600; }

/* line 66, /rails/app/assets/stylesheets/default/_forms.sass */
.input-wrapper.field_with_errors [type='color'], .input-wrapper.field_with_errors [type='date'], .input-wrapper.field_with_errors [type='datetime'], .input-wrapper.field_with_errors [type='datetime-local'], .input-wrapper.field_with_errors [type='email'], .input-wrapper.field_with_errors [type='month'], .input-wrapper.field_with_errors [type='number'], .input-wrapper.field_with_errors [type='password'], .input-wrapper.field_with_errors [type='search'], .input-wrapper.field_with_errors [type='tel'], .input-wrapper.field_with_errors [type='text'], .input-wrapper.field_with_errors [type='time'], .input-wrapper.field_with_errors [type='url'], .input-wrapper.field_with_errors [type='week'], .input-wrapper.field_with_errors input:not([type]), .input-wrapper.field_with_errors textarea, .input-wrapper.field_with_errors textarea, .input-wrapper .field_with_errors [type='color'], .input-wrapper .field_with_errors [type='date'], .input-wrapper .field_with_errors [type='datetime'], .input-wrapper .field_with_errors [type='datetime-local'], .input-wrapper .field_with_errors [type='email'], .input-wrapper .field_with_errors [type='month'], .input-wrapper .field_with_errors [type='number'], .input-wrapper .field_with_errors [type='password'], .input-wrapper .field_with_errors [type='search'], .input-wrapper .field_with_errors [type='tel'], .input-wrapper .field_with_errors [type='text'], .input-wrapper .field_with_errors [type='time'], .input-wrapper .field_with_errors [type='url'], .input-wrapper .field_with_errors [type='week'], .input-wrapper .field_with_errors input:not([type]), .input-wrapper .field_with_errors textarea, .input-wrapper .field_with_errors textarea, .field_with_errors [type='color'], .field_with_errors [type='date'], .field_with_errors [type='datetime'], .field_with_errors [type='datetime-local'], .field_with_errors [type='email'], .field_with_errors [type='month'], .field_with_errors [type='number'], .field_with_errors [type='password'], .field_with_errors [type='search'], .field_with_errors [type='tel'], .field_with_errors [type='text'], .field_with_errors [type='time'], .field_with_errors [type='url'], .field_with_errors [type='week'], .field_with_errors input:not([type]), .field_with_errors textarea, .field_with_errors textarea {
  background: #f7e8e9; }
/* line 69, /rails/app/assets/stylesheets/default/_forms.sass */
.input-wrapper.field_with_errors .material-bar, .input-wrapper .field_with_errors .material-bar, .field_with_errors .material-bar {
  background: #aa1b1f;
  transform: scale(1); }
/* line 73, /rails/app/assets/stylesheets/default/_forms.sass */
.input-wrapper.field_with_errors [type='color']:focus, .input-wrapper.field_with_errors [type='date']:focus, .input-wrapper.field_with_errors [type='datetime']:focus, .input-wrapper.field_with_errors [type='datetime-local']:focus, .input-wrapper.field_with_errors [type='email']:focus, .input-wrapper.field_with_errors [type='month']:focus, .input-wrapper.field_with_errors [type='number']:focus, .input-wrapper.field_with_errors [type='password']:focus, .input-wrapper.field_with_errors [type='search']:focus, .input-wrapper.field_with_errors [type='tel']:focus, .input-wrapper.field_with_errors [type='text']:focus, .input-wrapper.field_with_errors [type='time']:focus, .input-wrapper.field_with_errors [type='url']:focus, .input-wrapper.field_with_errors [type='week']:focus, .input-wrapper.field_with_errors input:not([type]):focus, .input-wrapper.field_with_errors textarea:focus, .input-wrapper.field_with_errors textarea:focus, .input-wrapper .field_with_errors [type='color']:focus, .input-wrapper .field_with_errors [type='date']:focus, .input-wrapper .field_with_errors [type='datetime']:focus, .input-wrapper .field_with_errors [type='datetime-local']:focus, .input-wrapper .field_with_errors [type='email']:focus, .input-wrapper .field_with_errors [type='month']:focus, .input-wrapper .field_with_errors [type='number']:focus, .input-wrapper .field_with_errors [type='password']:focus, .input-wrapper .field_with_errors [type='search']:focus, .input-wrapper .field_with_errors [type='tel']:focus, .input-wrapper .field_with_errors [type='text']:focus, .input-wrapper .field_with_errors [type='time']:focus, .input-wrapper .field_with_errors [type='url']:focus, .input-wrapper .field_with_errors [type='week']:focus, .input-wrapper .field_with_errors input:not([type]):focus, .input-wrapper .field_with_errors textarea:focus, .input-wrapper .field_with_errors textarea:focus, .field_with_errors [type='color']:focus, .field_with_errors [type='date']:focus, .field_with_errors [type='datetime']:focus, .field_with_errors [type='datetime-local']:focus, .field_with_errors [type='email']:focus, .field_with_errors [type='month']:focus, .field_with_errors [type='number']:focus, .field_with_errors [type='password']:focus, .field_with_errors [type='search']:focus, .field_with_errors [type='tel']:focus, .field_with_errors [type='text']:focus, .field_with_errors [type='time']:focus, .field_with_errors [type='url']:focus, .field_with_errors [type='week']:focus, .field_with_errors input:not([type]):focus, .field_with_errors textarea:focus, .field_with_errors textarea:focus {
  background: #fff; }
  /* line 76, /rails/app/assets/stylesheets/default/_forms.sass */
  .input-wrapper.field_with_errors [type='color']:focus + .material-bar, .input-wrapper.field_with_errors [type='date']:focus + .material-bar, .input-wrapper.field_with_errors [type='datetime']:focus + .material-bar, .input-wrapper.field_with_errors [type='datetime-local']:focus + .material-bar, .input-wrapper.field_with_errors [type='email']:focus + .material-bar, .input-wrapper.field_with_errors [type='month']:focus + .material-bar, .input-wrapper.field_with_errors [type='number']:focus + .material-bar, .input-wrapper.field_with_errors [type='password']:focus + .material-bar, .input-wrapper.field_with_errors [type='search']:focus + .material-bar, .input-wrapper.field_with_errors [type='tel']:focus + .material-bar, .input-wrapper.field_with_errors [type='text']:focus + .material-bar, .input-wrapper.field_with_errors [type='time']:focus + .material-bar, .input-wrapper.field_with_errors [type='url']:focus + .material-bar, .input-wrapper.field_with_errors [type='week']:focus + .material-bar, .input-wrapper.field_with_errors input:not([type]):focus + .material-bar, .input-wrapper.field_with_errors textarea:focus + .material-bar, .input-wrapper.field_with_errors textarea:focus + .material-bar, .input-wrapper .field_with_errors [type='color']:focus + .material-bar, .input-wrapper .field_with_errors [type='date']:focus + .material-bar, .input-wrapper .field_with_errors [type='datetime']:focus + .material-bar, .input-wrapper .field_with_errors [type='datetime-local']:focus + .material-bar, .input-wrapper .field_with_errors [type='email']:focus + .material-bar, .input-wrapper .field_with_errors [type='month']:focus + .material-bar, .input-wrapper .field_with_errors [type='number']:focus + .material-bar, .input-wrapper .field_with_errors [type='password']:focus + .material-bar, .input-wrapper .field_with_errors [type='search']:focus + .material-bar, .input-wrapper .field_with_errors [type='tel']:focus + .material-bar, .input-wrapper .field_with_errors [type='text']:focus + .material-bar, .input-wrapper .field_with_errors [type='time']:focus + .material-bar, .input-wrapper .field_with_errors [type='url']:focus + .material-bar, .input-wrapper .field_with_errors [type='week']:focus + .material-bar, .input-wrapper .field_with_errors input:not([type]):focus + .material-bar, .input-wrapper .field_with_errors textarea:focus + .material-bar, .input-wrapper .field_with_errors textarea:focus + .material-bar, .field_with_errors [type='color']:focus + .material-bar, .field_with_errors [type='date']:focus + .material-bar, .field_with_errors [type='datetime']:focus + .material-bar, .field_with_errors [type='datetime-local']:focus + .material-bar, .field_with_errors [type='email']:focus + .material-bar, .field_with_errors [type='month']:focus + .material-bar, .field_with_errors [type='number']:focus + .material-bar, .field_with_errors [type='password']:focus + .material-bar, .field_with_errors [type='search']:focus + .material-bar, .field_with_errors [type='tel']:focus + .material-bar, .field_with_errors [type='text']:focus + .material-bar, .field_with_errors [type='time']:focus + .material-bar, .field_with_errors [type='url']:focus + .material-bar, .field_with_errors [type='week']:focus + .material-bar, .field_with_errors input:not([type]):focus + .material-bar, .field_with_errors textarea:focus + .material-bar, .field_with_errors textarea:focus + .material-bar {
    background: #393633; }
/* line 79, /rails/app/assets/stylesheets/default/_forms.sass */
.input-wrapper.field_with_errors .select2-selection, .input-wrapper .field_with_errors .select2-selection, .field_with_errors .select2-selection {
  border-color: #aa1b1f !important; }

/* line 83, /rails/app/assets/stylesheets/default/_forms.sass */
[type='color'].error, [type='date'].error, [type='datetime'].error, [type='datetime-local'].error, [type='email'].error, [type='month'].error, [type='number'].error, [type='password'].error, [type='search'].error, [type='tel'].error, [type='text'].error, [type='time'].error, [type='url'].error, [type='week'].error, input:not([type]).error, textarea.error, textarea.error {
  background: #f7e8e9; }
  /* line 86, /rails/app/assets/stylesheets/default/_forms.sass */
  [type='color'].error + label + .material-bar, [type='date'].error + label + .material-bar, [type='datetime'].error + label + .material-bar, [type='datetime-local'].error + label + .material-bar, [type='email'].error + label + .material-bar, [type='month'].error + label + .material-bar, [type='number'].error + label + .material-bar, [type='password'].error + label + .material-bar, [type='search'].error + label + .material-bar, [type='tel'].error + label + .material-bar, [type='text'].error + label + .material-bar, [type='time'].error + label + .material-bar, [type='url'].error + label + .material-bar, [type='week'].error + label + .material-bar, input:not([type]).error + label + .material-bar, textarea.error + label + .material-bar, textarea.error + label + .material-bar {
    background: #aa1b1f;
    transform: scale(1); }

/* line 91, /rails/app/assets/stylesheets/default/_forms.sass */
[type='color']:focus.error, [type='date']:focus.error, [type='datetime']:focus.error, [type='datetime-local']:focus.error, [type='email']:focus.error, [type='month']:focus.error, [type='number']:focus.error, [type='password']:focus.error, [type='search']:focus.error, [type='tel']:focus.error, [type='text']:focus.error, [type='time']:focus.error, [type='url']:focus.error, [type='week']:focus.error, input:not([type]):focus.error, textarea:focus.error, textarea:focus.error {
  background: #fff; }
  /* line 94, /rails/app/assets/stylesheets/default/_forms.sass */
  [type='color']:focus.error + label + .material-bar, [type='date']:focus.error + label + .material-bar, [type='datetime']:focus.error + label + .material-bar, [type='datetime-local']:focus.error + label + .material-bar, [type='email']:focus.error + label + .material-bar, [type='month']:focus.error + label + .material-bar, [type='number']:focus.error + label + .material-bar, [type='password']:focus.error + label + .material-bar, [type='search']:focus.error + label + .material-bar, [type='tel']:focus.error + label + .material-bar, [type='text']:focus.error + label + .material-bar, [type='time']:focus.error + label + .material-bar, [type='url']:focus.error + label + .material-bar, [type='week']:focus.error + label + .material-bar, input:not([type]):focus.error + label + .material-bar, textarea:focus.error + label + .material-bar, textarea:focus.error + label + .material-bar {
    background: #393633; }

/* line 99, /rails/app/assets/stylesheets/default/_forms.sass */
.form-group {
  margin: 0 -5px;
  margin-bottom: 10px;
  display: flex; }
  /* line 104, /rails/app/assets/stylesheets/default/_forms.sass */
  .form-group > div {
    margin: 0 5px;
    flex: 1; }

/* line 110, /rails/app/assets/stylesheets/default/_forms.sass */
.form-title {
  color: #393633;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 16px; }
  /* line 116, /rails/app/assets/stylesheets/default/_forms.sass */
  .form-title:not(:first-child) {
    margin-top: 30px; }
  /* line 119, /rails/app/assets/stylesheets/default/_forms.sass */
  .form-title small {
    color: #888684;
    font-size: 15px;
    font-weight: 400; }

/* line 127, /rails/app/assets/stylesheets/default/_forms.sass */
.form-options input[type="radio"] {
  display: none; }
/* line 130, /rails/app/assets/stylesheets/default/_forms.sass */
.form-options .form-option-expanded {
  display: none; }
/* line 134, /rails/app/assets/stylesheets/default/_forms.sass */
.form-options .form-option input[type="radio"]:checked + .form-option-container + .form-option-expanded {
  display: block; }
/* line 137, /rails/app/assets/stylesheets/default/_forms.sass */
.form-options .form-option .form-option-container {
  border: 1px solid #c7c6c2;
  border-bottom: none;
  cursor: pointer; }
  /* line 142, /rails/app/assets/stylesheets/default/_forms.sass */
  .form-options .form-option .form-option-container:hover {
    background: #f6f6f6; }
/* line 145, /rails/app/assets/stylesheets/default/_forms.sass */
.form-options .form-option:first-child .form-option-container {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }
/* line 149, /rails/app/assets/stylesheets/default/_forms.sass */
.form-options .form-option:last-child .form-option-container {
  border-bottom: 1px solid #c7c6c2;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
/* line 154, /rails/app/assets/stylesheets/default/_forms.sass */
.form-options .form-option-container {
  padding: 10px;
  align-items: center;
  display: flex; }
/* line 159, /rails/app/assets/stylesheets/default/_forms.sass */
.form-options .form-option-extended {
  float: right;
  visibility: hidden;
  position: absolute; }
/* line 164, /rails/app/assets/stylesheets/default/_forms.sass */
.form-options .form-option-radio-button {
  background: #fff;
  border: 1px solid #c7c6c2;
  border-radius: 10px;
  height: 20px;
  margin: 0 20px 0 10px;
  position: relative;
  width: 20px; }
/* line 173, /rails/app/assets/stylesheets/default/_forms.sass */
.form-options .form-option-image {
  margin-right: 20px;
  width: 50px;
  align-items: center;
  display: flex;
  justify-content: center; }
/* line 180, /rails/app/assets/stylesheets/default/_forms.sass */
.form-options .form-option-description {
  color: #555;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  flex-direction: column;
  flex: 1; }
  /* line 189, /rails/app/assets/stylesheets/default/_forms.sass */
  .form-options .form-option-description strong {
    color: #393633;
    font-weight: 600; }
  /* line 193, /rails/app/assets/stylesheets/default/_forms.sass */
  .form-options .form-option-description small {
    color: #888684;
    display: block;
    font-size: 14px; }
    /* line 198, /rails/app/assets/stylesheets/default/_forms.sass */
    .form-options .form-option-description small .text-green {
      color: #139970; }

/* line 201, /rails/app/assets/stylesheets/default/_forms.sass */
.form-options input[type="radio"]:checked + .form-option-container {
  background: #fefbf4;
  position: relative; }
  /* line 205, /rails/app/assets/stylesheets/default/_forms.sass */
  .form-options input[type="radio"]:checked + .form-option-container .form-option-extended {
    position: absolute;
    right: 8px;
    top: 8px;
    visibility: visible; }
    @media only screen and (max-width: 768px) {
      /* line 205, /rails/app/assets/stylesheets/default/_forms.sass */
      .form-options input[type="radio"]:checked + .form-option-container .form-option-extended {
        position: relative;
        right: auto;
        top: auto;
        order: 3; } }
  /* line 218, /rails/app/assets/stylesheets/default/_forms.sass */
  .form-options input[type="radio"]:checked + .form-option-container .form-option-radio-button:after {
    background: #005c3e;
    border-radius: 9px;
    content: " ";
    height: 14px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 14px; }

/* line 230, /rails/app/assets/stylesheets/default/_forms.sass */
.filter-subtitle {
  color: white;
  font-size: 13px;
  opacity: 0.7; }
  @media only screen and (max-width: 768px) {
    /* line 230, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-subtitle {
      color: black; } }

/* line 238, /rails/app/assets/stylesheets/default/_forms.sass */
.filter-tags {
  clear: both;
  margin: -4px; }
  /* line 242, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-tags:after {
    clear: both;
    content: " ";
    display: block; }

/* line 247, /rails/app/assets/stylesheets/default/_forms.sass */
.filter-tags-label {
  color: #393633;
  font-size: 14px;
  font-weight: 700;
  padding: 4px; }

/* line 253, /rails/app/assets/stylesheets/default/_forms.sass */
.filter-tag {
  display: block;
  float: left; }
  /* line 257, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-tag a {
    border-radius: 5px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 32px;
    margin: 4px;
    outline: none;
    padding: 0 10px;
    text-transform: capitalize; }
  /* line 268, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-tag input[type="checkbox"], .filter-tag input[type="radio"] {
    display: none; }

/* line 272, /rails/app/assets/stylesheets/default/_forms.sass */
.filter-tag-default a {
  background: #e8e8e8;
  border: 1px solid #c7c6c2;
  color: #555; }
/* line 277, /rails/app/assets/stylesheets/default/_forms.sass */
.filter-tag-default a:hover {
  border-color: #c7c6c2;
  color: #393633; }

/* line 281, /rails/app/assets/stylesheets/default/_forms.sass */
.filter-tag-primary {
  position: relative;
  width: 50%; }
  /* line 285, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-tag-primary a {
    border: 1px solid #00452f;
    color: #e8e8e8;
    padding-right: 30px; }
  /* line 290, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-tag-primary a:hover {
    background: #0c6349;
    color: #fff; }
  /* line 294, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-tag-primary:after {
    bottom: 14px;
    color: #f1f1f1;
    content: attr(data-available-products-count);
    font-size: 14px;
    font-weight: bold;
    right: 12px;
    opacity: 0.25;
    position: absolute; }
  /* line 304, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-tag-primary input[type="checkbox"]:checked + a, .filter-tag-primary input[type="radio"]:checked + a {
    background: #139970;
    color: #fff; }
  @media only screen and (max-width: 768px) {
    /* line 281, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-tag-primary {
      position: relative;
      width: 50%; }
      /* line 312, /rails/app/assets/stylesheets/default/_forms.sass */
      .filter-tag-primary a {
        border-color: #c7c6c2;
        color: #393633;
        font-size: 15px;
        padding: 0px 8px 12px 8px; }
      /* line 318, /rails/app/assets/stylesheets/default/_forms.sass */
      .filter-tag-primary a:hover {
        background: none;
        color: #393633; }
      /* line 322, /rails/app/assets/stylesheets/default/_forms.sass */
      .filter-tag-primary input[type="checkbox"]:checked + a {
        background: #d0ebe2;
        border-color: #139970;
        color: #139970; }
      /* line 327, /rails/app/assets/stylesheets/default/_forms.sass */
      .filter-tag-primary:after {
        bottom: 8px;
        color: #888684;
        content: attr(data-available-products-count);
        font-size: 14px;
        font-weight: bold;
        left: 12px;
        opacity: 0.5;
        position: absolute; } }

/* line 338, /rails/app/assets/stylesheets/default/_forms.sass */
.filter-tag.filter-disabled a {
  border: 1px solid #00573b;
  color: #005c3e; }
@media only screen and (max-width: 768px) {
  /* line 337, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-tag.filter-disabled {
    opacity: 0.25; }
    /* line 345, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-tag.filter-disabled a {
      border-color: transparent;
      color: #888684; } }

/* line 351, /rails/app/assets/stylesheets/default/_forms.sass */
.filter-beer-colors {
  display: flex; }
  /* line 354, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-colors:after {
    clear: both;
    content: " ";
    display: block; }
  @media only screen and (max-width: 1024px) {
    /* line 351, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-colors {
      margin: 0 -15px; } }
  @media only screen and (max-width: 768px) {
    /* line 351, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-colors {
      margin: 0 auto;
      max-width: 320px; } }
  /* line 366, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-colors .filter-beer-color {
    cursor: pointer;
    position: relative;
    flex: 1; }
    /* line 371, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-colors .filter-beer-color input {
      display: none; }
    /* line 374, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-colors .filter-beer-color.filter-disabled {
      opacity: 0.25; }
  /* line 377, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-colors .filter-beer-color-label {
    color: #e7e7e7;
    font-size: 15px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
    transition: color 0.2s ease; }
    @media only screen and (max-width: 768px) {
      /* line 377, /rails/app/assets/stylesheets/default/_forms.sass */
      .filter-beer-colors .filter-beer-color-label {
        color: #888684; } }
  /* line 388, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-colors .filter-beer-color-circle {
    border: 1px solid #fff;
    border-radius: 37px;
    box-sizing: border-box;
    height: 73px;
    margin: 0 auto;
    position: relative;
    width: 73px;
    transition: border-color 0.2s ease; }
    @media only screen and (max-width: 1024px) {
      /* line 388, /rails/app/assets/stylesheets/default/_forms.sass */
      .filter-beer-colors .filter-beer-color-circle {
        border-radius: 34px;
        height: 68px;
        width: 68px; } }
    /* line 403, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-colors .filter-beer-color-circle:before {
      border: 4px solid #fff;
      border-radius: 37px;
      content: " ";
      display: block;
      height: 73px;
      margin-left: -1px;
      margin-top: -1px;
      position: absolute;
      width: 73px;
      z-index: 2;
      background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.2));
      transition: border-color 0.2s ease; }
      @media only screen and (max-width: 1024px) {
        /* line 403, /rails/app/assets/stylesheets/default/_forms.sass */
        .filter-beer-colors .filter-beer-color-circle:before {
          border-radius: 34px;
          height: 68px;
          width: 68px; } }
    /* line 422, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-colors .filter-beer-color-circle:after {
      color: #42ad8d;
      font-size: 22px;
      left: 0;
      opacity: 0;
      position: absolute;
      text-align: center;
      text-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
      top: 35px;
      width: 100%;
      transition: all 0.2s ease;
      transform: scale(0.5) translateY(-75%); }
  /* line 436, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-colors input:checked + .filter-beer-color-circle {
    border-color: #139970; }
  @media only screen and (max-width: 768px) {
    /* line 440, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-colors .filter-beer-color-circle, .filter-beer-colors .filter-beer-color-circle:before {
      border-color: #e8e8e8; }
    /* line 443, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-colors input:checked + .filter-beer-color-circle + .filter-beer-color-label {
      color: #139970; } }
  /* line 446, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-colors input:checked + .filter-beer-color-circle:before {
    border-color: #139970; }
  /* line 449, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-colors input:checked + .filter-beer-color-circle:after {
    opacity: 1;
    transform: scale(1) translateY(-50%); }
  /* line 453, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-colors .wave1 .filter-beer-color-circle-wave {
    background-position: left top;
    animation: wave1 60s linear infinite; }
  /* line 457, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-colors .wave2 .filter-beer-color-circle-wave {
    background-position: right top;
    animation: wave2 60s linear infinite; }
  /* line 461, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-colors .wave3 .filter-beer-color-circle-wave {
    background-position: center top;
    animation: wave3 60s linear infinite; }
  /* line 465, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-colors .filter-beer-color .filter-beer-color-circle-wave {
    background: url(/assets/wave-d2e295e21dcc67d695843460baf8f36742ce871c0ef561c7fe09022cea26b2e5.png);
    background-position: right top;
    background-repeat: repeat-x;
    border-radius: 30px;
    content: " ";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 2px;
    width: 100%;
    z-index: 1;
    animation-play-state: paused;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0); }
    @media only screen and (max-width: 768px) {
      /* line 465, /rails/app/assets/stylesheets/default/_forms.sass */
      .filter-beer-colors .filter-beer-color .filter-beer-color-circle-wave {
        background: none; } }
  /* line 485, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-colors .filter-beer-color:hover input + .filter-beer-color-circle .filter-beer-color-circle-wave, .filter-beer-colors .filter-beer-color input:checked + .filter-beer-color-circle .filter-beer-color-circle-wave {
    animation-play-state: running; }

/* line 490, /rails/app/assets/stylesheets/default/_forms.sass */
.filter-beer-properties {
  display: flex;
  justify-content: space-between; }
  /* line 494, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-properties .filter-beer-property {
    flex: 1; }
  /* line 497, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-properties .icon, .filter-beer-properties .star-rating .star:before, .star-rating .filter-beer-properties .star:before, .filter-beer-properties .input-wrapper.valid:after, .filter-beer-properties .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .filter-beer-properties .filter-beer-color-circle:after, .filter-beer-properties .navigation-select:before, .filter-beer-properties .select-dropdown, .filter-beer-properties .site-header-actions .site-header-action-logged-in:before, .site-header-actions .filter-beer-properties .site-header-action-logged-in:before, .filter-beer-properties .breadcrumbs li a:after, .breadcrumbs li .filter-beer-properties a:after, .filter-beer-properties .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .filter-beer-properties a:after, .filter-beer-properties #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .filter-beer-properties .footer-heading-1:after, .filter-beer-properties .dropdown .dropdown-toggle:after, .dropdown .filter-beer-properties .dropdown-toggle:after, .filter-beer-properties .favorite:after, .filter-beer-properties .products-show-info-subtitle a:after, .products-show-info-subtitle .filter-beer-properties a:after, .filter-beer-properties .products-show-usps ul li:before, .products-show-usps ul .filter-beer-properties li:before, .filter-beer-properties .products-show-extras-title.icon-hop:before, .filter-beer-properties .products-show-extras-title.icon-flesjes:before, .filter-beer-properties .faq-list .faq-list-question:before, .faq-list .filter-beer-properties .faq-list-question:before, .filter-beer-properties .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .filter-beer-properties li:before, .filter-beer-properties .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .filter-beer-properties li:before, .filter-beer-properties .beer-finder-step-login ul li:before, .beer-finder-step-login ul .filter-beer-properties li:before, .filter-beer-properties .beer-finder-step ul li > button:after, .beer-finder-step ul .filter-beer-properties li > button:after, .filter-beer-properties .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .filter-beer-properties .untappd-button:after, .filter-beer-properties .beer-finder-step ul li > a:after, .beer-finder-step ul .filter-beer-properties li > a:after, .filter-beer-properties .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .filter-beer-properties .modal-upsell-checkbox:after, .filter-beer-properties .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .filter-beer-properties input[type="checkbox"]:checked + span:before, .filter-beer-properties .quickview-list-item-quantity:before, .filter-beer-properties .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .filter-beer-properties input[type="checkbox"]:checked + span:after {
    color: #005c3e;
    cursor: pointer;
    font-size: 50px;
    text-align: center;
    padding: 8px 0;
    width: 100%; }
    /* line 505, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-properties .icon:after, .filter-beer-properties .input-wrapper.valid:after, .filter-beer-properties .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .filter-beer-properties .filter-beer-color-circle:after, .filter-beer-properties .select-dropdown:after, .filter-beer-properties .breadcrumbs li a:after, .breadcrumbs li .filter-beer-properties a:after, .filter-beer-properties .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .filter-beer-properties a:after, .filter-beer-properties #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .filter-beer-properties .footer-heading-1:after, .filter-beer-properties .dropdown .dropdown-toggle:after, .dropdown .filter-beer-properties .dropdown-toggle:after, .filter-beer-properties .favorite:after, .filter-beer-properties .products-show-info-subtitle a:after, .products-show-info-subtitle .filter-beer-properties a:after, .filter-beer-properties .beer-finder-step ul li > button:after, .beer-finder-step ul .filter-beer-properties li > button:after, .filter-beer-properties .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .filter-beer-properties .untappd-button:after, .filter-beer-properties .beer-finder-step ul li > a:after, .beer-finder-step ul .filter-beer-properties li > a:after, .filter-beer-properties .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .filter-beer-properties .modal-upsell-checkbox:after, .filter-beer-properties .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .filter-beer-properties input[type="checkbox"]:checked + span:after {
      content: attr(data-label);
      display: block;
      font-family: "proxima-nova", sans-serif;
      font-size: 13px; }
  /* line 511, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-properties input[type="radio"] {
    display: none; }
  /* line 514, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-properties input[type="radio"]:checked + .icon, .filter-beer-properties .star-rating input[type="radio"]:checked + .star:before, .star-rating .filter-beer-properties input[type="radio"]:checked + .star:before, .filter-beer-properties input[type="radio"]:checked + .input-wrapper.valid:after, .filter-beer-properties .filter-beer-colors input[type="radio"]:checked + .filter-beer-color-circle:after, .filter-beer-colors .filter-beer-properties input[type="radio"]:checked + .filter-beer-color-circle:after, .filter-beer-properties input[type="radio"]:checked + .navigation-select:before, .filter-beer-properties input[type="radio"]:checked + .select-dropdown, .filter-beer-properties .site-header-actions input[type="radio"]:checked + .site-header-action-logged-in:before, .site-header-actions .filter-beer-properties input[type="radio"]:checked + .site-header-action-logged-in:before, .filter-beer-properties .breadcrumbs li input[type="radio"]:checked + a:after, .breadcrumbs li .filter-beer-properties input[type="radio"]:checked + a:after, .filter-beer-properties .mobile-nav-inside ul li input[type="radio"]:checked + a:after, .mobile-nav-inside ul li .filter-beer-properties input[type="radio"]:checked + a:after, .filter-beer-properties #footer [data-controller="footer-list"] input[type="radio"]:checked + .footer-heading-1:after, #footer [data-controller="footer-list"] .filter-beer-properties input[type="radio"]:checked + .footer-heading-1:after, .filter-beer-properties .dropdown input[type="radio"]:checked + .dropdown-toggle:after, .dropdown .filter-beer-properties input[type="radio"]:checked + .dropdown-toggle:after, .filter-beer-properties input[type="radio"]:checked + .favorite:after, .filter-beer-properties .products-show-info-subtitle input[type="radio"]:checked + a:after, .products-show-info-subtitle .filter-beer-properties input[type="radio"]:checked + a:after, .filter-beer-properties .products-show-usps ul input[type="radio"]:checked + li:before, .products-show-usps ul .filter-beer-properties input[type="radio"]:checked + li:before, .filter-beer-properties input[type="radio"]:checked + .products-show-extras-title.icon-hop:before, .filter-beer-properties input[type="radio"]:checked + .products-show-extras-title.icon-flesjes:before, .filter-beer-properties .faq-list input[type="radio"]:checked + .faq-list-question:before, .faq-list .filter-beer-properties input[type="radio"]:checked + .faq-list-question:before, .filter-beer-properties .recipe-ingredients-list ul input[type="radio"]:checked + li:before, .recipe-ingredients-list ul .filter-beer-properties input[type="radio"]:checked + li:before, .filter-beer-properties .beer-finder-introduction-container ol input[type="radio"]:checked + li:before, .beer-finder-introduction-container ol .filter-beer-properties input[type="radio"]:checked + li:before, .filter-beer-properties .beer-finder-step-login ul input[type="radio"]:checked + li:before, .beer-finder-step-login ul .filter-beer-properties input[type="radio"]:checked + li:before, .filter-beer-properties .beer-finder-step ul li > input[type="radio"]:checked + button:after, .beer-finder-step ul .filter-beer-properties li > input[type="radio"]:checked + button:after, .filter-beer-properties .beer-finder-step ul input[type="radio"]:checked + .untappd-button:after, .beer-finder-step ul .filter-beer-properties input[type="radio"]:checked + .untappd-button:after, .filter-beer-properties .beer-finder-step ul li > input[type="radio"]:checked + a:after, .beer-finder-step ul .filter-beer-properties li > input[type="radio"]:checked + a:after, .filter-beer-properties .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container input[type="radio"]:checked + .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .filter-beer-properties input[type="radio"]:checked + .modal-upsell-checkbox:after, .filter-beer-properties .beer-finder-custom-styles label input[type="checkbox"][type="radio"]:checked + span:before, .beer-finder-custom-styles label .filter-beer-properties input[type="checkbox"][type="radio"]:checked + span:before, .filter-beer-properties input[type="radio"]:checked + .quickview-list-item-quantity:before, .filter-beer-properties .wishlist-item-checkbox input[type="checkbox"][type="radio"]:checked + span:after, .wishlist-item-checkbox .filter-beer-properties input[type="checkbox"][type="radio"]:checked + span:after {
    background: #e2aa2b;
    border-radius: 5px;
    color: #fff; }

@keyframes wave1 {
  0% {
    background-position: left top; }
  50% {
    background-position: right top; }
  100% {
    background-position: left top; } }
@keyframes wave2 {
  0% {
    background-position: right top; }
  50% {
    background-position: left top; }
  100% {
    background-position: right top; } }
@keyframes wave3 {
  0% {
    background-position: center top; }
  25% {
    background-position: right top; }
  75% {
    background-position: left top; }
  100% {
    background-position: center top; } }
/* line 553, /rails/app/assets/stylesheets/default/_forms.sass */
.filter-beer-countries {
  max-height: 128px; }

/* line 556, /rails/app/assets/stylesheets/default/_forms.sass */
.filter-beer-categories {
  max-height: 190px; }

/* line 559, /rails/app/assets/stylesheets/default/_forms.sass */
.filter-beer-countries, .filter-beer-categories {
  overflow: hidden; }
  /* line 562, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-countries.opened, .filter-beer-categories.opened {
    max-height: none; }
  /* line 566, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-countries .filter-beer-country.filter-disabled, .filter-beer-categories .filter-beer-country.filter-disabled {
    display: none; }
  /* line 570, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-countries .filter-beer-category.filter-disabled, .filter-beer-categories .filter-beer-category.filter-disabled {
    cursor: default;
    opacity: 0.5; }
  /* line 574, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-countries .filter-beer-country, .filter-beer-countries .filter-beer-category, .filter-beer-categories .filter-beer-country, .filter-beer-categories .filter-beer-category {
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 6px 0;
    position: relative; }
    /* line 582, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-countries .filter-beer-country:before, .filter-beer-countries .filter-beer-category:before, .filter-beer-categories .filter-beer-country:before, .filter-beer-categories .filter-beer-category:before {
      border: 1px solid #c7c6c2;
      border-radius: 6px;
      color: #555;
      content: attr(data-available-products-count);
      display: inline-block;
      font-size: 13px;
      font-weight: bold;
      height: 22px;
      line-height: 22px;
      float: right;
      overflow: hidden;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap;
      width: 36px; }
    /* line 599, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-countries .filter-beer-country.active:before, .filter-beer-countries .filter-beer-category.active:before, .filter-beer-categories .filter-beer-country.active:before, .filter-beer-categories .filter-beer-category.active:before {
      background: #005c3e;
      border-color: #005c3e;
      color: #fff; }
    /* line 604, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-countries .filter-beer-country:not(.filter-disabled):hover .filter-beer-country-label, .filter-beer-countries .filter-beer-category:not(.filter-disabled):hover .filter-beer-country-label, .filter-beer-categories .filter-beer-country:not(.filter-disabled):hover .filter-beer-country-label, .filter-beer-categories .filter-beer-category:not(.filter-disabled):hover .filter-beer-country-label {
      color: #888684; }
    /* line 607, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-countries .filter-beer-country .filter-beer-category-label:before, .filter-beer-countries .filter-beer-country .filter-beer-country-label:before, .filter-beer-countries .filter-beer-category .filter-beer-category-label:before, .filter-beer-countries .filter-beer-category .filter-beer-country-label:before, .filter-beer-categories .filter-beer-country .filter-beer-category-label:before, .filter-beer-categories .filter-beer-country .filter-beer-country-label:before, .filter-beer-categories .filter-beer-category .filter-beer-category-label:before, .filter-beer-categories .filter-beer-category .filter-beer-country-label:before {
      border: 1px solid #c7c6c2;
      border-radius: 4px;
      content: " ";
      display: inline-block;
      height: 20px;
      margin-right: 10px;
      vertical-align: middle;
      width: 20px; }
    /* line 617, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-countries .filter-beer-country input[type="checkbox"], .filter-beer-countries .filter-beer-category input[type="checkbox"], .filter-beer-categories .filter-beer-country input[type="checkbox"], .filter-beer-categories .filter-beer-category input[type="checkbox"] {
      display: none; }
    /* line 620, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-countries .filter-beer-country.active .filter-beer-country-label:after, .filter-beer-countries .filter-beer-country.active .filter-beer-category-label:after, .filter-beer-countries .filter-beer-category.active .filter-beer-country-label:after, .filter-beer-countries .filter-beer-category.active .filter-beer-category-label:after, .filter-beer-categories .filter-beer-country.active .filter-beer-country-label:after, .filter-beer-categories .filter-beer-country.active .filter-beer-category-label:after, .filter-beer-categories .filter-beer-category.active .filter-beer-country-label:after, .filter-beer-categories .filter-beer-category.active .filter-beer-category-label:after {
      background: #005c3e;
      border-radius: 3px;
      content: " ";
      display: block;
      height: 14px;
      left: 3px;
      position: absolute;
      top: 9px;
      width: 14px; }

/* line 632, /rails/app/assets/stylesheets/default/_forms.sass */
.filter-beer-categories .filter-beer-category {
  font-weight: 600; }
  /* line 635, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-categories .filter-beer-category:hover {
    color: rgba(255, 255, 255, 0.75); }
  /* line 638, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-categories .filter-beer-category:before {
    border-color: rgba(255, 255, 255, 0);
    color: white; }
  /* line 642, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-beer-categories .filter-beer-category .filter-beer-category-label:before {
    background: white;
    border-color: white; }
  @media only screen and (max-width: 768px) {
    /* line 647, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-categories .filter-beer-category:hover {
      color: #888684; }
    /* line 650, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-categories .filter-beer-category:before {
      border-color: #c7c6c2;
      color: #555; }
    /* line 654, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-beer-categories .filter-beer-category .filter-beer-category-label:before {
      border-color: #c7c6c2; } }

/* line 659, /rails/app/assets/stylesheets/default/_forms.sass */
.filter-slider.noUi-target {
  background: #e8e8e8;
  border: none;
  border-radius: 6px;
  box-shadow: none;
  height: 11px;
  margin: 30px 15px; }
  @media only screen and (max-width: 768px) {
    /* line 659, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-slider.noUi-target {
      margin: 30px 45px; } }
  /* line 670, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-slider.noUi-target .noUi-handle {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 13px;
    box-shadow: 0 4px 9px rgba(0, 0, 0, 0.3);
    height: 26px;
    top: -8px;
    width: 26px; }
    /* line 679, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-slider.noUi-target .noUi-handle.noUi-active {
      background: #f6f6f6; }
    /* line 682, /rails/app/assets/stylesheets/default/_forms.sass */
    .filter-slider.noUi-target .noUi-handle .noUi-tooltip {
      font-size: 14px;
      font-weight: 600;
      margin-top: 34px;
      text-align: center; }
  /* line 688, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-slider.noUi-target .noUi-handle:before, .filter-slider.noUi-target .noUi-handle:after {
    display: none; }
  /* line 691, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-slider.noUi-target .noUi-connect {
    background: #b89570;
    border-radius: 6px; }
  /* line 695, /rails/app/assets/stylesheets/default/_forms.sass */
  .filter-slider.noUi-target .noUi-background {
    background: #e8e8e8;
    border-radius: 6px; }

/* line 701, /rails/app/assets/stylesheets/default/_forms.sass */
.variant-radio-buttons {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px; }
  @media only screen and (max-width: 768px) {
    /* line 701, /rails/app/assets/stylesheets/default/_forms.sass */
    .variant-radio-buttons {
      padding-bottom: 2px;
      padding-right: 50px; } }

/* line 711, /rails/app/assets/stylesheets/default/_forms.sass */
.variant-radio-button {
  cursor: pointer;
  display: block;
  flex: 1;
  padding: 10px 0; }
  @media only screen and (max-width: 768px) {
    /* line 711, /rails/app/assets/stylesheets/default/_forms.sass */
    .variant-radio-button {
      padding-top: 0; } }
  /* line 720, /rails/app/assets/stylesheets/default/_forms.sass */
  .variant-radio-button input[type="radio"] {
    display: none; }
  /* line 723, /rails/app/assets/stylesheets/default/_forms.sass */
  .variant-radio-button span {
    align-items: center;
    border: 1px solid #c7c6c2;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    font-weight: 600;
    justify-content: center;
    margin: 0 auto;
    width: 40px; }
  /* line 735, /rails/app/assets/stylesheets/default/_forms.sass */
  .variant-radio-button:hover span {
    border-color: #888684; }
  /* line 738, /rails/app/assets/stylesheets/default/_forms.sass */
  .variant-radio-button input[type="radio"]:disabled + span {
    border-color: #e8e8e8;
    color: #c7c6c2; }
  /* line 742, /rails/app/assets/stylesheets/default/_forms.sass */
  .variant-radio-button input[type="radio"]:checked + span {
    background: #e2aa2b;
    border-color: #e2aa2b;
    color: white; }

/* line 749, /rails/app/assets/stylesheets/default/_forms.sass */
.input-quantity {
  background: #f6f6f6;
  border: 1px solid #c7c6c2;
  border-radius: 3px;
  display: flex; }
  /* line 755, /rails/app/assets/stylesheets/default/_forms.sass */
  .input-quantity input {
    background: none;
    border: none;
    border-left: 1px solid #c7c6c2;
    border-right: 1px solid #c7c6c2;
    font-size: 20px;
    font-weight: bold;
    height: 32px;
    outline: none;
    text-align: center;
    flex: 1; }
  /* line 767, /rails/app/assets/stylesheets/default/_forms.sass */
  .input-quantity input::-webkit-outer-spin-button, .input-quantity input::-webkit-inner-spin-button {
    appearance: none; }
  /* line 770, /rails/app/assets/stylesheets/default/_forms.sass */
  .input-quantity a {
    color: #393633;
    display: block;
    font-size: 24px;
    font-weight: 700;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 32px; }
    /* line 780, /rails/app/assets/stylesheets/default/_forms.sass */
    .input-quantity a:hover {
      background: #e8e8e8; }
  /* line 784, /rails/app/assets/stylesheets/default/_forms.sass */
  .input-quantity.input-quantity-large input {
    height: 48px; }
  /* line 787, /rails/app/assets/stylesheets/default/_forms.sass */
  .input-quantity.input-quantity-large a {
    height: 48px;
    line-height: 48px;
    width: 48px; }

/* line 794, /rails/app/assets/stylesheets/default/_forms.sass */
.select2-input {
  width: 100%; }

/* line 810, /rails/app/assets/stylesheets/default/_forms.sass */
.select2-container {
  font-size: 15px; }
  /* line 813, /rails/app/assets/stylesheets/default/_forms.sass */
  .select2-container .select2-selection {
    border: 1px solid #c7c6c2;
    border-radius: 4px;
    height: 44px;
    padding: 8px 4px; }
    /* line 819, /rails/app/assets/stylesheets/default/_forms.sass */
    .select2-container .select2-selection .select2-selection__arrow {
      right: 8px;
      top: 8px; }
  /* line 824, /rails/app/assets/stylesheets/default/_forms.sass */
  .select2-container .select2-search .select2-search__field {
    border: none;
    height: 44px;
    outline: none;
    padding: 0 8px; }
  /* line 831, /rails/app/assets/stylesheets/default/_forms.sass */
  .select2-container .select2-results__options .select2-results__option {
    line-height: 36px;
    padding: 0 12px; }
  /* line 835, /rails/app/assets/stylesheets/default/_forms.sass */
  .select2-container .select2-results__options .select2-results__option--highlighted {
    background: #b89570; }

/* line 840, /rails/app/assets/stylesheets/default/_forms.sass */
.form-select {
  display: flex; }
  /* line 843, /rails/app/assets/stylesheets/default/_forms.sass */
  .form-select > .field_with_errors {
    width: 100%;
    display: flex; }
  /* line 847, /rails/app/assets/stylesheets/default/_forms.sass */
  .form-select select {
    background: #fff;
    border: 1px solid #c7c6c2;
    border-radius: 4px;
    font-size: 16px;
    height: 44px;
    margin: 0 5px;
    text-indent: 7px;
    flex: 1; }
    /* line 857, /rails/app/assets/stylesheets/default/_forms.sass */
    .form-select select:first-child {
      margin-left: 0; }
    /* line 860, /rails/app/assets/stylesheets/default/_forms.sass */
    .form-select select:last-child {
      margin-right: 0; }

/* line 865, /rails/app/assets/stylesheets/default/_forms.sass */
.navigation-select {
  position: relative;
  z-index: 1;
  display: flex; }
  /* line 870, /rails/app/assets/stylesheets/default/_forms.sass */
  .navigation-select:before {
    left: 9px;
    position: absolute;
    top: 13px; }
  /* line 876, /rails/app/assets/stylesheets/default/_forms.sass */
  .navigation-select select {
    background: #fff;
    border: 1px solid #c7c6c2;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    height: 44px;
    margin: 0 5px;
    text-indent: 28px;
    flex: 1; }
    /* line 887, /rails/app/assets/stylesheets/default/_forms.sass */
    .navigation-select select:first-child {
      margin-left: 0; }
    /* line 890, /rails/app/assets/stylesheets/default/_forms.sass */
    .navigation-select select:last-child {
      margin-right: 0; }
  /* line 894, /rails/app/assets/stylesheets/default/_forms.sass */
  .navigation-select.navigation-select-brown:before {
    color: #fff; }
  /* line 897, /rails/app/assets/stylesheets/default/_forms.sass */
  .navigation-select.navigation-select-brown select {
    background: #b89570;
    border: 1px solid #b89570;
    color: #fff; }

/* line 904, /rails/app/assets/stylesheets/default/_forms.sass */
.select-dropdown {
  background: #fff;
  border: 1px solid #c7c6c2;
  border-radius: 3px;
  display: inline-block;
  font-family: "jaf-facitweb", sans-serif;
  line-height: 28px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-transform: uppercase; }
  /* line 918, /rails/app/assets/stylesheets/default/_forms.sass */
  .select-dropdown:before {
    color: #666;
    font-size: 13px;
    font-weight: normal;
    line-height: 28px;
    position: absolute;
    right: 11px;
    top: 5px;
    z-index: 1; }
  /* line 928, /rails/app/assets/stylesheets/default/_forms.sass */
  .select-dropdown select {
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    margin: 0;
    outline: none;
    padding: 11px 36px 11px 10px;
    position: relative;
    text-transform: uppercase;
    width: 115%;
    z-index: 2;
    appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* line 3, /rails/app/assets/stylesheets/default/_navigation.sass */
.usp-banner {
  background: #555;
  color: white;
  font-size: 13px;
  font-weight: 400;
  height: 36px;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 50; }
  @media only screen and (max-width: 768px) {
    /* line 3, /rails/app/assets/stylesheets/default/_navigation.sass */
    .usp-banner {
      color: white;
      display: none; } }
  /* line 19, /rails/app/assets/stylesheets/default/_navigation.sass */
  .usp-banner ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; }
  /* line 25, /rails/app/assets/stylesheets/default/_navigation.sass */
  .usp-banner ul li {
    align-items: center;
    display: flex; }
    @media only screen and (max-width: 768px) {
      /* line 25, /rails/app/assets/stylesheets/default/_navigation.sass */
      .usp-banner ul li {
        justify-content: center; } }
  /* line 32, /rails/app/assets/stylesheets/default/_navigation.sass */
  .usp-banner .icon, .usp-banner .star-rating .star:before, .star-rating .usp-banner .star:before, .usp-banner .input-wrapper.valid:after, .usp-banner .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .usp-banner .filter-beer-color-circle:after, .usp-banner .navigation-select:before, .usp-banner .select-dropdown, .usp-banner .site-header-actions .site-header-action-logged-in:before, .site-header-actions .usp-banner .site-header-action-logged-in:before, .usp-banner .breadcrumbs li a:after, .breadcrumbs li .usp-banner a:after, .usp-banner .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .usp-banner a:after, .usp-banner #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .usp-banner .footer-heading-1:after, .usp-banner .dropdown .dropdown-toggle:after, .dropdown .usp-banner .dropdown-toggle:after, .usp-banner .favorite:after, .usp-banner .products-show-info-subtitle a:after, .products-show-info-subtitle .usp-banner a:after, .usp-banner .products-show-usps ul li:before, .products-show-usps ul .usp-banner li:before, .usp-banner .products-show-extras-title.icon-hop:before, .usp-banner .products-show-extras-title.icon-flesjes:before, .usp-banner .faq-list .faq-list-question:before, .faq-list .usp-banner .faq-list-question:before, .usp-banner .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .usp-banner li:before, .usp-banner .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .usp-banner li:before, .usp-banner .beer-finder-step-login ul li:before, .beer-finder-step-login ul .usp-banner li:before, .usp-banner .beer-finder-step ul li > button:after, .beer-finder-step ul .usp-banner li > button:after, .usp-banner .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .usp-banner .untappd-button:after, .usp-banner .beer-finder-step ul li > a:after, .beer-finder-step ul .usp-banner li > a:after, .usp-banner .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .usp-banner .modal-upsell-checkbox:after, .usp-banner .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .usp-banner input[type="checkbox"]:checked + span:before, .usp-banner .quickview-list-item-quantity:before, .usp-banner .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .usp-banner input[type="checkbox"]:checked + span:after {
    color: #e2aa2b;
    font-size: 26px;
    margin-right: 4px; }
  /* line 37, /rails/app/assets/stylesheets/default/_navigation.sass */
  .usp-banner strong {
    font-weight: 600;
    padding: 0 4px; }
  /* line 41, /rails/app/assets/stylesheets/default/_navigation.sass */
  .usp-banner a {
    align-items: center;
    color: white;
    display: flex;
    padding: 5px 12px;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      /* line 41, /rails/app/assets/stylesheets/default/_navigation.sass */
      .usp-banner a {
        justify-content: center;
        color: white; } }
    /* line 52, /rails/app/assets/stylesheets/default/_navigation.sass */
    .usp-banner a .icon, .usp-banner a .star-rating .star:before, .star-rating .usp-banner a .star:before, .usp-banner a .input-wrapper.valid:after, .usp-banner a .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .usp-banner a .filter-beer-color-circle:after, .usp-banner a .navigation-select:before, .usp-banner a .select-dropdown, .usp-banner a .site-header-actions .site-header-action-logged-in:before, .site-header-actions .usp-banner a .site-header-action-logged-in:before, .usp-banner a .breadcrumbs li a:after, .breadcrumbs li .usp-banner a a:after, .usp-banner a .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .usp-banner a a:after, .usp-banner a #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .usp-banner a .footer-heading-1:after, .usp-banner a .dropdown .dropdown-toggle:after, .dropdown .usp-banner a .dropdown-toggle:after, .usp-banner a .favorite:after, .usp-banner a .products-show-info-subtitle a:after, .products-show-info-subtitle .usp-banner a a:after, .usp-banner a .products-show-usps ul li:before, .products-show-usps ul .usp-banner a li:before, .usp-banner a .products-show-extras-title.icon-hop:before, .usp-banner a .products-show-extras-title.icon-flesjes:before, .usp-banner a .faq-list .faq-list-question:before, .faq-list .usp-banner a .faq-list-question:before, .usp-banner a .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .usp-banner a li:before, .usp-banner a .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .usp-banner a li:before, .usp-banner a .beer-finder-step-login ul li:before, .beer-finder-step-login ul .usp-banner a li:before, .usp-banner a .beer-finder-step ul li > button:after, .beer-finder-step ul .usp-banner a li > button:after, .usp-banner a .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .usp-banner a .untappd-button:after, .usp-banner a .beer-finder-step ul li > a:after, .beer-finder-step ul .usp-banner a li > a:after, .usp-banner a .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .usp-banner a .modal-upsell-checkbox:after, .usp-banner a .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .usp-banner a input[type="checkbox"]:checked + span:before, .usp-banner a .quickview-list-item-quantity:before, .usp-banner a .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .usp-banner a input[type="checkbox"]:checked + span:after {
      color: #e2aa2b; }
  /* line 55, /rails/app/assets/stylesheets/default/_navigation.sass */
  .usp-banner .usp-banner-highlight {
    background: #9c2b27;
    color: white;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 14px;
    padding: 0;
    position: absolute;
    left: 50%;
    line-height: 39px;
    text-align: center;
    text-transform: uppercase;
    transform: translateX(-50%);
    top: 0px;
    width: 100%;
    white-space: nowrap; }
    /* line 71, /rails/app/assets/stylesheets/default/_navigation.sass */
    .usp-banner .usp-banner-highlight a {
      color: white;
      display: inline-block;
      padding: 0; }
      /* line 76, /rails/app/assets/stylesheets/default/_navigation.sass */
      .usp-banner .usp-banner-highlight a:hover {
        color: white; }
    /* line 79, /rails/app/assets/stylesheets/default/_navigation.sass */
    .usp-banner .usp-banner-highlight strong {
      background: #139970;
      border-radius: 3px;
      color: white;
      margin-left: 2px;
      padding: 3px 6px; }
      @media only screen and (max-width: 768px) {
        /* line 79, /rails/app/assets/stylesheets/default/_navigation.sass */
        .usp-banner .usp-banner-highlight strong {
          color: white !important; } }

@media only screen and (max-width: 768px) {
  /* line 89, /rails/app/assets/stylesheets/default/_navigation.sass */
  body {
    padding-top: 100px; } }
@media only screen and (min-width: 769px) {
  /* line 89, /rails/app/assets/stylesheets/default/_navigation.sass */
  body {
    padding-top: 106px; }
    /* line 96, /rails/app/assets/stylesheets/default/_navigation.sass */
    body .site-header {
      position: fixed;
      top: 36px; } }

@media only screen and (max-width: 768px) {
  /* line 100, /rails/app/assets/stylesheets/default/_navigation.sass */
  body[data-controller-name="products"], body[data-controller-name="homepage"], body[data-controller-name="pages"] {
    padding-top: 130px; }
    /* line 104, /rails/app/assets/stylesheets/default/_navigation.sass */
    body[data-controller-name="products"] .usp-banner, body[data-controller-name="homepage"] .usp-banner, body[data-controller-name="pages"] .usp-banner {
      background: #b89570;
      color: white !important;
      display: block;
      font-size: 14px;
      position: absolute;
      top: 100px; }
      /* line 114, /rails/app/assets/stylesheets/default/_navigation.sass */
      body[data-controller-name="products"] .usp-banner ul li, body[data-controller-name="homepage"] .usp-banner ul li, body[data-controller-name="pages"] .usp-banner ul li {
        opacity: 0;
        position: absolute;
        text-align: center;
        transition: opacity 1s ease;
        width: 100%; }
        /* line 121, /rails/app/assets/stylesheets/default/_navigation.sass */
        body[data-controller-name="products"] .usp-banner ul li.active, body[data-controller-name="homepage"] .usp-banner ul li.active, body[data-controller-name="pages"] .usp-banner ul li.active {
          opacity: 1; }
      /* line 124, /rails/app/assets/stylesheets/default/_navigation.sass */
      body[data-controller-name="products"] .usp-banner .pull-right, body[data-controller-name="homepage"] .usp-banner .pull-right, body[data-controller-name="pages"] .usp-banner .pull-right {
        display: none; }
      /* line 127, /rails/app/assets/stylesheets/default/_navigation.sass */
      body[data-controller-name="products"] .usp-banner .usp-banner-highlight, body[data-controller-name="homepage"] .usp-banner .usp-banner-highlight, body[data-controller-name="pages"] .usp-banner .usp-banner-highlight {
        font-size: 13px;
        font-weight: 600; }
        /* line 131, /rails/app/assets/stylesheets/default/_navigation.sass */
        body[data-controller-name="products"] .usp-banner .usp-banner-highlight a, body[data-controller-name="homepage"] .usp-banner .usp-banner-highlight a, body[data-controller-name="pages"] .usp-banner .usp-banner-highlight a {
          color: #523517; }
        /* line 134, /rails/app/assets/stylesheets/default/_navigation.sass */
        body[data-controller-name="products"] .usp-banner .usp-banner-highlight strong, body[data-controller-name="homepage"] .usp-banner .usp-banner-highlight strong, body[data-controller-name="pages"] .usp-banner .usp-banner-highlight strong {
          color: #523517;
          font-weight: 700; } }

/* line 138, /rails/app/assets/stylesheets/default/_navigation.sass */
.site-header {
  background: #555;
  border-top: 1px solid #666666;
  height: 70px;
  position: relative;
  width: 100%;
  z-index: 50;
  transition: all 0.4s ease; }
  /* line 147, /rails/app/assets/stylesheets/default/_navigation.sass */
  .site-header.open-cart {
    z-index: 5000000; }
  @media only screen and (max-width: 768px) {
    /* line 138, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header {
      background-color: #555;
      border-top: none;
      height: 50px;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 500;
      transition: none; } }
  @media only screen and (max-width: 768px) {
    /* line 191, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header.site-header-small .logo {
      opacity: 0; } }
  /* line 195, /rails/app/assets/stylesheets/default/_navigation.sass */
  .site-header .logo {
    height: 100%;
    width: 240px;
    background: url(/assets/logo_2x-fe6c6f78b7ce6659e484fce3229e324140f48c04c510ec99481072f64ae58221.png);
    background-size: 182px 32px;
    transition: all 0.4s ease;
    background-repeat: no-repeat;
    background-position: 20px center; }
    @media only screen and (max-width: 768px) {
      /* line 195, /rails/app/assets/stylesheets/default/_navigation.sass */
      .site-header .logo {
        left: 50%;
        height: 50px;
        transform: translateX(-50%);
        position: fixed;
        top: 0px;
        width: 140px;
        background-size: 136.5px 24px;
        background-repeat: no-repeat;
        background-position: center; } }
  /* line 215, /rails/app/assets/stylesheets/default/_navigation.sass */
  .site-header .container {
    height: 69px;
    transition: height 0.4s ease; }
  @media only screen and (max-width: 768px) {
    /* line 220, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header form.flex {
      display: block;
      height: auto; } }
  /* line 224, /rails/app/assets/stylesheets/default/_navigation.sass */
  .site-header .site-header-search-container {
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    padding: 10px;
    position: relative;
    flex: 1;
    transition: all 0.4s ease; }
    @media only screen and (max-width: 768px) {
      /* line 224, /rails/app/assets/stylesheets/default/_navigation.sass */
      .site-header .site-header-search-container {
        background: #fff;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #c7c6c2;
        padding: 0;
        left: 0px;
        right: 0px;
        top: 50px;
        position: absolute;
        transition: all 0.3s ease; } }
  @media only screen and (max-width: 768px) {
    /* line 245, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header.site-header-small .site-header-search-container {
      background: none;
      position: absolute;
      left: 56px;
      right: 66px;
      top: -1px; } }
  @media only screen and (max-width: 768px) {
    /* line 253, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header.site-header-small form.flex {
      height: auto; } }
  /* line 257, /rails/app/assets/stylesheets/default/_navigation.sass */
  .site-header .site-header-search {
    background: #fff;
    border: none;
    border-radius: 4px;
    display: block;
    height: 50px;
    line-height: 26px;
    margin: 0 auto;
    max-width: 640px;
    outline: none;
    padding: 0 18px;
    width: 100%;
    transition: all 0.4s ease; }
    @media only screen and (max-width: 768px) {
      /* line 257, /rails/app/assets/stylesheets/default/_navigation.sass */
      .site-header .site-header-search {
        border: none;
        border-radius: 0;
        line-height: 20px;
        transition: none; } }
  /* line 277, /rails/app/assets/stylesheets/default/_navigation.sass */
  .site-header .site-header-search-results {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
    display: none;
    min-height: 100px;
    padding: 15px;
    position: absolute;
    left: 50%;
    width: 740px;
    z-index: 250;
    transform: translateX(-50%) translateY(10px); }
    @media only screen and (max-width: 768px) {
      /* line 277, /rails/app/assets/stylesheets/default/_navigation.sass */
      .site-header .site-header-search-results {
        border-bottom: 1px solid #c7c6c2;
        border-radius: 0;
        max-height: 220px;
        overflow: scroll;
        left: 0;
        right: 0;
        width: auto;
        transform: none; } }
    /* line 300, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header .site-header-search-results .heading-4 {
      margin-bottom: 20px; }
    /* line 303, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header .site-header-search-results ul {
      list-style: none;
      margin: 0;
      padding: 0; }
  @media only screen and (max-width: 768px) {
    /* line 309, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header.site-header-small .site-header-search-results {
      border-top: 1px solid #e8e8e8;
      left: -56px;
      right: -66px;
      transform: none; } }
  /* line 317, /rails/app/assets/stylesheets/default/_navigation.sass */
  .site-header .site-header-search:focus + .site-header-search-results[data-has-results] {
    display: flex; }
  /* line 320, /rails/app/assets/stylesheets/default/_navigation.sass */
  .site-header .site-header-search-results:hover {
    display: flex; }
  /* line 323, /rails/app/assets/stylesheets/default/_navigation.sass */
  .site-header .site-header-search-suggestions {
    border-right: 1px solid #e8e8e8;
    padding-right: 25px;
    padding: 5px 25px 5px 10px;
    flex: 1; }
    /* line 329, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header .site-header-search-suggestions ul li a {
      display: block;
      font-family: "jaf-facitweb", sans-serif;
      font-size: 15px;
      line-height: 32px; }
      /* line 335, /rails/app/assets/stylesheets/default/_navigation.sass */
      .site-header .site-header-search-suggestions ul li a small {
        color: #888684;
        font-family: "proxima-nova", sans-serif;
        font-size: 14px; }
    @media only screen and (max-width: 768px) {
      /* line 323, /rails/app/assets/stylesheets/default/_navigation.sass */
      .site-header .site-header-search-suggestions {
        display: none; } }
  /* line 343, /rails/app/assets/stylesheets/default/_navigation.sass */
  .site-header .site-header-search-products {
    padding: 5px 10px 0px 25px;
    flex: 2; }
    @media only screen and (max-width: 768px) {
      /* line 343, /rails/app/assets/stylesheets/default/_navigation.sass */
      .site-header .site-header-search-products {
        padding: 0; }
        /* line 350, /rails/app/assets/stylesheets/default/_navigation.sass */
        .site-header .site-header-search-products .site-header-search-title {
          display: none; } }
    /* line 353, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header .site-header-search-products ul li a {
      padding: 6px 0;
      align-items: flex-start;
      display: flex; }
      /* line 358, /rails/app/assets/stylesheets/default/_navigation.sass */
      .site-header .site-header-search-products ul li a .star-rating {
        transform: scale(0.8);
        transform-origin: left; }
        /* line 362, /rails/app/assets/stylesheets/default/_navigation.sass */
        .site-header .site-header-search-products ul li a .star-rating .star-rating-label {
          color: #888684; }
      /* line 366, /rails/app/assets/stylesheets/default/_navigation.sass */
      .site-header .site-header-search-products ul li a:hover .heading-6 {
        color: #b8882e; }
      /* line 369, /rails/app/assets/stylesheets/default/_navigation.sass */
      .site-header .site-header-search-products ul li a .site-header-search-result-image {
        border: 1px solid #e8e8e8;
        height: 80px;
        padding: 5px;
        width: 80px; }
        /* line 375, /rails/app/assets/stylesheets/default/_navigation.sass */
        .site-header .site-header-search-products ul li a .site-header-search-result-image img {
          display: block;
          margin: 0 auto; }
      /* line 379, /rails/app/assets/stylesheets/default/_navigation.sass */
      .site-header .site-header-search-products ul li a .site-header-search-result-details {
        padding-left: 12px;
        padding-top: 2px;
        flex: 1; }
      /* line 384, /rails/app/assets/stylesheets/default/_navigation.sass */
      .site-header .site-header-search-products ul li a .site-header-search-result-price {
        color: #393633;
        font-size: 14px;
        margin-top: 4px; }
    /* line 389, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header .site-header-search-products ul li:first-child a {
      padding-top: 0; }
    /* line 392, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header .site-header-search-products ul li:last-child a {
      padding-bottom: 0; }

/* line 395, /rails/app/assets/stylesheets/default/_navigation.sass */
.site-header-actions {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex; }
  /* line 401, /rails/app/assets/stylesheets/default/_navigation.sass */
  .site-header-actions li {
    display: block;
    height: 70px;
    transition: height 0.4s ease; }
  /* line 406, /rails/app/assets/stylesheets/default/_navigation.sass */
  .site-header-actions li > a:not(.button), .site-header-actions li > div > a {
    border-right: 1px solid #666666;
    color: #e8e8e8;
    display: block;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 15px;
    font-weight: bold;
    height: 69px;
    line-height: 69px;
    padding: 0 20px;
    position: relative;
    text-transform: uppercase;
    transition: height 0.4s ease, line-height 0.4s ease; }
    /* line 420, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header-actions li > a:not(.button):hover, .site-header-actions li > div > a:hover {
      color: white; }
    /* line 423, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header-actions li > a:not(.button)[data-badge]:after, .site-header-actions li > div > a[data-badge]:after {
      background: #139970;
      border-radius: 12px;
      color: #fff;
      content: attr(data-badge);
      font-family: "proxima-nova", sans-serif;
      font-size: 13px;
      height: 24px;
      line-height: 24px;
      position: absolute;
      right: 8px;
      text-align: center;
      top: 12px;
      width: 24px; }
@keyframes pulseBadge {
  0% {
    transform: scale(1); }
  33% {
    transform: scale(0.5); }
  66% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
    /* line 451, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header-actions li > a:not(.button).pulse-badge-delayed[data-badge]:after, .site-header-actions li > div > a.pulse-badge-delayed[data-badge]:after {
      animation: pulseBadge 1.2s ease;
      animation-delay: 0.6s; }
    /* line 455, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header-actions li > a:not(.button).pulse-badge[data-badge]:after, .site-header-actions li > div > a.pulse-badge[data-badge]:after {
      animation: pulseBadge 1.2s ease;
      animation-delay: 0s; }
  /* line 459, /rails/app/assets/stylesheets/default/_navigation.sass */
  .site-header-actions li:last-child a:not(.button) {
    border-right: none; }
  /* line 462, /rails/app/assets/stylesheets/default/_navigation.sass */
  .site-header-actions .site-header-cart {
    z-index: 50; }
    /* line 465, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header-actions .site-header-cart .icon, .site-header-actions .site-header-cart .star-rating .star:before, .star-rating .site-header-actions .site-header-cart .star:before, .site-header-actions .site-header-cart .input-wrapper.valid:after, .site-header-actions .site-header-cart .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .site-header-actions .site-header-cart .filter-beer-color-circle:after, .site-header-actions .site-header-cart .navigation-select:before, .site-header-actions .site-header-cart .select-dropdown, .site-header-actions .site-header-cart .site-header-action-logged-in:before, .site-header-actions .site-header-cart .breadcrumbs li a:after, .breadcrumbs li .site-header-actions .site-header-cart a:after, .site-header-actions .site-header-cart .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .site-header-actions .site-header-cart a:after, .site-header-actions .site-header-cart #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .site-header-actions .site-header-cart .footer-heading-1:after, .site-header-actions .site-header-cart .dropdown .dropdown-toggle:after, .dropdown .site-header-actions .site-header-cart .dropdown-toggle:after, .site-header-actions .site-header-cart .favorite:after, .site-header-actions .site-header-cart .products-show-info-subtitle a:after, .products-show-info-subtitle .site-header-actions .site-header-cart a:after, .site-header-actions .site-header-cart .products-show-usps ul li:before, .products-show-usps ul .site-header-actions .site-header-cart li:before, .site-header-actions .site-header-cart .products-show-extras-title.icon-hop:before, .site-header-actions .site-header-cart .products-show-extras-title.icon-flesjes:before, .site-header-actions .site-header-cart .faq-list .faq-list-question:before, .faq-list .site-header-actions .site-header-cart .faq-list-question:before, .site-header-actions .site-header-cart .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .site-header-actions .site-header-cart li:before, .site-header-actions .site-header-cart .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .site-header-actions .site-header-cart li:before, .site-header-actions .site-header-cart .beer-finder-step-login ul li:before, .beer-finder-step-login ul .site-header-actions .site-header-cart li:before, .site-header-actions .site-header-cart .beer-finder-step ul li > button:after, .beer-finder-step ul .site-header-actions .site-header-cart li > button:after, .site-header-actions .site-header-cart .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .site-header-actions .site-header-cart .untappd-button:after, .site-header-actions .site-header-cart .beer-finder-step ul li > a:after, .beer-finder-step ul .site-header-actions .site-header-cart li > a:after, .site-header-actions .site-header-cart .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .site-header-actions .site-header-cart .modal-upsell-checkbox:after, .site-header-actions .site-header-cart .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .site-header-actions .site-header-cart input[type="checkbox"]:checked + span:before, .site-header-actions .site-header-cart .quickview-list-item-quantity:before, .site-header-actions .site-header-cart .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .site-header-actions .site-header-cart input[type="checkbox"]:checked + span:after {
      font-size: 36px;
      vertical-align: top; }
  @media only screen and (max-width: 768px) {
    /* line 470, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header-actions li > a:not(.button), .site-header-actions li > div > a {
      color: #e8e8e8;
      height: 50px;
      line-height: 50px;
      padding: 0 15px; }
      /* line 476, /rails/app/assets/stylesheets/default/_navigation.sass */
      .site-header-actions li > a:not(.button) span, .site-header-actions li > div > a span {
        display: none; }
      /* line 479, /rails/app/assets/stylesheets/default/_navigation.sass */
      .site-header-actions li > a:not(.button) .icon, .site-header-actions li > a:not(.button) .star-rating .star:before, .star-rating .site-header-actions li > a:not(.button) .star:before, .site-header-actions li > a:not(.button) .input-wrapper.valid:after, .site-header-actions li > a:not(.button) .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .site-header-actions li > a:not(.button) .filter-beer-color-circle:after, .site-header-actions li > a:not(.button) .navigation-select:before, .site-header-actions li > a:not(.button) .select-dropdown, .site-header-actions li > a:not(.button) .site-header-action-logged-in:before, .site-header-actions .breadcrumbs li > a:not(.button) a:after, .breadcrumbs .site-header-actions li > a:not(.button) a:after, .site-header-actions .mobile-nav-inside ul li > a:not(.button) a:after, .mobile-nav-inside ul .site-header-actions li > a:not(.button) a:after, .site-header-actions li > a:not(.button) #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .site-header-actions li > a:not(.button) .footer-heading-1:after, .site-header-actions li > a:not(.button) .dropdown .dropdown-toggle:after, .dropdown .site-header-actions li > a:not(.button) .dropdown-toggle:after, .site-header-actions li > a:not(.button) .favorite:after, .site-header-actions li > a:not(.button) .products-show-info-subtitle a:after, .products-show-info-subtitle .site-header-actions li > a:not(.button) a:after, .site-header-actions li > a:not(.button) .products-show-usps ul li:before, .products-show-usps ul .site-header-actions li > a:not(.button) li:before, .site-header-actions li > a:not(.button) .products-show-extras-title.icon-hop:before, .site-header-actions li > a:not(.button) .products-show-extras-title.icon-flesjes:before, .site-header-actions li > a:not(.button) .faq-list .faq-list-question:before, .faq-list .site-header-actions li > a:not(.button) .faq-list-question:before, .site-header-actions li > a:not(.button) .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .site-header-actions li > a:not(.button) li:before, .site-header-actions li > a:not(.button) .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .site-header-actions li > a:not(.button) li:before, .site-header-actions li > a:not(.button) .beer-finder-step-login ul li:before, .beer-finder-step-login ul .site-header-actions li > a:not(.button) li:before, .site-header-actions li > a:not(.button) .beer-finder-step ul li > button:after, .beer-finder-step ul .site-header-actions li > a:not(.button) li > button:after, .site-header-actions li > a:not(.button) .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .site-header-actions li > a:not(.button) .untappd-button:after, .site-header-actions li > a:not(.button) .beer-finder-step ul li > a:after, .beer-finder-step ul .site-header-actions li > a:not(.button) li > a:after, .site-header-actions li > a:not(.button) .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .site-header-actions li > a:not(.button) .modal-upsell-checkbox:after, .site-header-actions li > a:not(.button) .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .site-header-actions li > a:not(.button) input[type="checkbox"]:checked + span:before, .site-header-actions li > a:not(.button) .quickview-list-item-quantity:before, .site-header-actions li > a:not(.button) .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .site-header-actions li > a:not(.button) input[type="checkbox"]:checked + span:after, .site-header-actions li > div > a .icon, .site-header-actions li > div > a .star-rating .star:before, .star-rating .site-header-actions li > div > a .star:before, .site-header-actions li > div > a .input-wrapper.valid:after, .site-header-actions li > div > a .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .site-header-actions li > div > a .filter-beer-color-circle:after, .site-header-actions li > div > a .navigation-select:before, .site-header-actions li > div > a .select-dropdown, .site-header-actions li > div > a .site-header-action-logged-in:before, .site-header-actions .breadcrumbs li > div > a a:after, .breadcrumbs .site-header-actions li > div > a a:after, .site-header-actions .mobile-nav-inside ul li > div > a a:after, .mobile-nav-inside ul .site-header-actions li > div > a a:after, .site-header-actions li > div > a #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .site-header-actions li > div > a .footer-heading-1:after, .site-header-actions li > div > a .dropdown .dropdown-toggle:after, .dropdown .site-header-actions li > div > a .dropdown-toggle:after, .site-header-actions li > div > a .favorite:after, .site-header-actions li > div > a .products-show-info-subtitle a:after, .products-show-info-subtitle .site-header-actions li > div > a a:after, .site-header-actions li > div > a .products-show-usps ul li:before, .products-show-usps ul .site-header-actions li > div > a li:before, .site-header-actions li > div > a .products-show-extras-title.icon-hop:before, .site-header-actions li > div > a .products-show-extras-title.icon-flesjes:before, .site-header-actions li > div > a .faq-list .faq-list-question:before, .faq-list .site-header-actions li > div > a .faq-list-question:before, .site-header-actions li > div > a .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .site-header-actions li > div > a li:before, .site-header-actions li > div > a .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .site-header-actions li > div > a li:before, .site-header-actions li > div > a .beer-finder-step-login ul li:before, .beer-finder-step-login ul .site-header-actions li > div > a li:before, .site-header-actions li > div > a .beer-finder-step ul li > button:after, .beer-finder-step ul .site-header-actions li > div > a li > button:after, .site-header-actions li > div > a .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .site-header-actions li > div > a .untappd-button:after, .site-header-actions li > div > a .beer-finder-step ul li > a:after, .beer-finder-step ul .site-header-actions li > div > a li > a:after, .site-header-actions li > div > a .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .site-header-actions li > div > a .modal-upsell-checkbox:after, .site-header-actions li > div > a .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .site-header-actions li > div > a input[type="checkbox"]:checked + span:before, .site-header-actions li > div > a .quickview-list-item-quantity:before, .site-header-actions li > div > a .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .site-header-actions li > div > a input[type="checkbox"]:checked + span:after {
        font-size: 24px;
        text-shadow: 1px 1px 0 #393633; }
      /* line 483, /rails/app/assets/stylesheets/default/_navigation.sass */
      .site-header-actions li > a:not(.button):hover, .site-header-actions li > div > a:hover {
        color: #e8e8e8; } }
  /* line 486, /rails/app/assets/stylesheets/default/_navigation.sass */
  .site-header-actions .site-header-action-logged-in {
    position: relative; }
    /* line 489, /rails/app/assets/stylesheets/default/_navigation.sass */
    .site-header-actions .site-header-action-logged-in:before {
      color: #139970;
      display: none !important;
      font-size: 18px;
      line-height: 24px !important;
      position: absolute;
      top: 12px;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
      right: 6px; }
      @media only screen and (max-width: 768px) {
        /* line 489, /rails/app/assets/stylesheets/default/_navigation.sass */
        .site-header-actions .site-header-action-logged-in:before {
          display: block !important; } }

/* line 505, /rails/app/assets/stylesheets/default/_navigation.sass */
.navbar {
  width: 100%; }
  @media only screen and (max-width: 768px) {
    /* line 505, /rails/app/assets/stylesheets/default/_navigation.sass */
    .navbar {
      display: none; } }
  /* line 511, /rails/app/assets/stylesheets/default/_navigation.sass */
  .navbar ul {
    list-style: none;
    margin: 0;
    padding: 0; }

/* line 518, /rails/app/assets/stylesheets/default/_navigation.sass */
.navbar-primary {
  background: #393633;
  align-items: center;
  display: flex;
  justify-content: center; }
  /* line 524, /rails/app/assets/stylesheets/default/_navigation.sass */
  .navbar-primary li {
    margin: 0 28px;
    position: relative; }
  /* line 528, /rails/app/assets/stylesheets/default/_navigation.sass */
  .navbar-primary li {
    align-items: center;
    display: flex; }
  /* line 532, /rails/app/assets/stylesheets/default/_navigation.sass */
  .navbar-primary li a:not(.button) {
    color: #c7c6c2;
    display: block;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 17px;
    font-weight: bold;
    height: 50px;
    letter-spacing: 1px;
    line-height: 50px;
    margin: 0 -28px;
    padding: 0 28px;
    text-transform: uppercase; }
  /* line 545, /rails/app/assets/stylesheets/default/_navigation.sass */
  .navbar-primary li .button {
    margin-left: 10px; }
  /* line 548, /rails/app/assets/stylesheets/default/_navigation.sass */
  .navbar-primary li a:hover {
    color: #f6f6f6; }
  /* line 551, /rails/app/assets/stylesheets/default/_navigation.sass */
  .navbar-primary li.active a {
    color: #f6f6f6; }
  /* line 554, /rails/app/assets/stylesheets/default/_navigation.sass */
  .navbar-primary li.active:after {
    background: #f6f6f6;
    bottom: 12px;
    content: " ";
    display: block;
    height: 2px;
    left: 0px;
    position: absolute;
    width: 100%; }

/* line 566, /rails/app/assets/stylesheets/default/_navigation.sass */
.navbar-secondary {
  background: #c6945f;
  overflow: hidden;
  align-items: center;
  display: flex;
  justify-content: center; }
  /* line 573, /rails/app/assets/stylesheets/default/_navigation.sass */
  .navbar-secondary li a {
    color: #523517;
    display: block;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 42px;
    letter-spacing: 1px;
    line-height: 42px;
    text-transform: uppercase;
    padding: 0 24px;
    white-space: nowrap; }
  /* line 586, /rails/app/assets/stylesheets/default/_navigation.sass */
  .navbar-secondary li.active a {
    color: #fff; }

/* line 591, /rails/app/assets/stylesheets/default/_navigation.sass */
.back-button {
  color: #555;
  border-right: 1px solid #888684;
  font-size: 14px;
  font-weight: bold;
  float: left;
  margin-right: 10px;
  padding-right: 10px; }
  @media only screen and (max-width: 768px) {
    /* line 591, /rails/app/assets/stylesheets/default/_navigation.sass */
    .back-button {
      display: none; } }
  /* line 603, /rails/app/assets/stylesheets/default/_navigation.sass */
  .back-button i {
    font-size: 8px;
    margin-right: 4px; }

/* line 609, /rails/app/assets/stylesheets/default/_navigation.sass */
.breadcrumbs {
  color: #888684;
  font-size: 14px;
  list-style: none;
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  display: flex; }
  @media only screen and (max-width: 768px) {
    /* line 609, /rails/app/assets/stylesheets/default/_navigation.sass */
    .breadcrumbs {
      display: none; } }
  /* line 621, /rails/app/assets/stylesheets/default/_navigation.sass */
  .breadcrumbs li a {
    color: #888684;
    font-weight: bold;
    padding: 8px 8px 8px 0; }
    /* line 626, /rails/app/assets/stylesheets/default/_navigation.sass */
    .breadcrumbs li a:hover {
      color: #555; }
  /* line 629, /rails/app/assets/stylesheets/default/_navigation.sass */
  .breadcrumbs li a:after {
    color: #888684;
    font-size: 8px;
    padding-left: 8px; }

/* line 637, /rails/app/assets/stylesheets/default/_navigation.sass */
.tabs {
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex; }
  /* line 648, /rails/app/assets/stylesheets/default/_navigation.sass */
  .tabs li a {
    border-right: 1px solid #e8e8e8;
    color: #888684;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 64px;
    letter-spacing: rem(0.5);
    padding: 0 18px;
    text-transform: uppercase;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    /* line 663, /rails/app/assets/stylesheets/default/_navigation.sass */
    .tabs li a small {
      display: block;
      font-family: "proxima-nova", sans-serif;
      font-size: 13px;
      font-weight: 400;
      letter-spacing: none;
      text-transform: none; }
    @media only screen and (max-width: 1024px) {
      /* line 648, /rails/app/assets/stylesheets/default/_navigation.sass */
      .tabs li a {
        font-size: 13px;
        height: 52px;
        padding: 0 12px; } }
    @media only screen and (max-width: 768px) {
      /* line 648, /rails/app/assets/stylesheets/default/_navigation.sass */
      .tabs li a {
        font-size: 12px; } }
    /* line 679, /rails/app/assets/stylesheets/default/_navigation.sass */
    .tabs li a:hover {
      color: #393633; }
  /* line 682, /rails/app/assets/stylesheets/default/_navigation.sass */
  .tabs li.active a {
    background: #f6f6f6;
    color: #393633; }

/* line 686, /rails/app/assets/stylesheets/default/_navigation.sass */
.tabs-dark {
  background: #1d1b1a; }
  @media only screen and (max-width: 768px) {
    /* line 686, /rails/app/assets/stylesheets/default/_navigation.sass */
    .tabs-dark {
      background: #1d1b1a; } }
  /* line 692, /rails/app/assets/stylesheets/default/_navigation.sass */
  .tabs-dark li a {
    border: 1px solid #555;
    border-right: none;
    color: white; }
    /* line 697, /rails/app/assets/stylesheets/default/_navigation.sass */
    .tabs-dark li a:hover {
      color: white; }
  /* line 700, /rails/app/assets/stylesheets/default/_navigation.sass */
  .tabs-dark li.active a {
    background: black;
    color: white; }
    @media only screen and (max-width: 768px) {
      /* line 700, /rails/app/assets/stylesheets/default/_navigation.sass */
      .tabs-dark li.active a {
        background: none;
        color: #b89570;
        position: relative; }
        /* line 709, /rails/app/assets/stylesheets/default/_navigation.sass */
        .tabs-dark li.active a:after {
          background: #b89570;
          bottom: 12px;
          content: " ";
          height: 2px;
          left: 50%;
          position: absolute;
          width: 65%;
          transform: translateX(-50%); } }

/* line 719, /rails/app/assets/stylesheets/default/_navigation.sass */
.tabs-small {
  border: none;
  margin: 10px 0 16px 0;
  justify-content: center; }
  /* line 724, /rails/app/assets/stylesheets/default/_navigation.sass */
  .tabs-small li a {
    border: 1px solid #e8e8e8;
    border-left: none;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    padding: 0 12px; }
  /* line 732, /rails/app/assets/stylesheets/default/_navigation.sass */
  .tabs-small li:first-child a {
    border-left: 1px solid #e8e8e8; }

/* line 736, /rails/app/assets/stylesheets/default/_navigation.sass */
.tab-contents .tab-content {
  display: none; }
/* line 739, /rails/app/assets/stylesheets/default/_navigation.sass */
.tab-contents .tab-content.active {
  display: block; }

/* line 744, /rails/app/assets/stylesheets/default/_navigation.sass */
.tabs-navigation {
  background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
  border-top: 1px solid #555;
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 768px) {
    /* line 744, /rails/app/assets/stylesheets/default/_navigation.sass */
    .tabs-navigation {
      background: #1d1b1a;
      border-bottom: 1px solid #555;
      border-top: 1px solid #393633;
      display: block;
      overflow-x: scroll;
      width: 100%;
      -webkit-overflow-scrolling: touch; } }
  /* line 759, /rails/app/assets/stylesheets/default/_navigation.sass */
  .tabs-navigation .tabs {
    border: none;
    border-right: 1px solid #e8e8e8;
    transform: translateY(-50%); }
    @media only screen and (max-width: 768px) {
      /* line 759, /rails/app/assets/stylesheets/default/_navigation.sass */
      .tabs-navigation .tabs {
        border-right: none;
        transform: none; } }
    /* line 768, /rails/app/assets/stylesheets/default/_navigation.sass */
    .tabs-navigation .tabs li a {
      border: 1px solid #e8e8e8;
      border-right: none; }
  /* line 772, /rails/app/assets/stylesheets/default/_navigation.sass */
  .tabs-navigation .tabs.tabs-dark {
    border-right: 1px solid #555; }
    @media only screen and (max-width: 768px) {
      /* line 772, /rails/app/assets/stylesheets/default/_navigation.sass */
      .tabs-navigation .tabs.tabs-dark {
        border: none; } }
    /* line 778, /rails/app/assets/stylesheets/default/_navigation.sass */
    .tabs-navigation .tabs.tabs-dark li a {
      border: 1px solid #555;
      border-right: none; }
      @media only screen and (max-width: 768px) {
        /* line 778, /rails/app/assets/stylesheets/default/_navigation.sass */
        .tabs-navigation .tabs.tabs-dark li a {
          border: none; } }

/* line 787, /rails/app/assets/stylesheets/default/_navigation.sass */
.wizard {
  border-bottom: 4px solid #e8e8e8;
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 768px) {
    /* line 787, /rails/app/assets/stylesheets/default/_navigation.sass */
    .wizard {
      background: #fff;
      position: fixed;
      top: 50px;
      width: 100%;
      z-index: 10; } }
  /* line 799, /rails/app/assets/stylesheets/default/_navigation.sass */
  .wizard .previous-wizard-step {
    display: none; }
    @media only screen and (max-width: 768px) {
      /* line 799, /rails/app/assets/stylesheets/default/_navigation.sass */
      .wizard .previous-wizard-step {
        display: block;
        font-size: 13px;
        left: 0;
        padding: 18px 14px;
        position: absolute; } }
  /* line 809, /rails/app/assets/stylesheets/default/_navigation.sass */
  .wizard .wizard-step {
    border-bottom: 4px solid transparent;
    color: #c7c6c2;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 18px;
    margin-bottom: -4px;
    text-transform: uppercase;
    align-items: center;
    display: flex; }
    @media only screen and (max-width: 768px) {
      /* line 821, /rails/app/assets/stylesheets/default/_navigation.sass */
      .wizard .wizard-step span {
        transform: translateY(-4px); } }
    /* line 825, /rails/app/assets/stylesheets/default/_navigation.sass */
    .wizard .wizard-step .wizard-icon {
      background: #c7c6c2;
      border-radius: 14px;
      color: #fff;
      display: inline-block;
      font-size: 13px;
      font-weight: bold;
      height: 28px;
      line-height: 30px;
      margin-right: 18px;
      text-align: center;
      width: 28px; }
      @media only screen and (max-width: 768px) {
        /* line 825, /rails/app/assets/stylesheets/default/_navigation.sass */
        .wizard .wizard-step .wizard-icon {
          display: none; } }
      /* line 841, /rails/app/assets/stylesheets/default/_navigation.sass */
      .wizard .wizard-step .wizard-icon .icon, .wizard .wizard-step .wizard-icon .star-rating .star:before, .star-rating .wizard .wizard-step .wizard-icon .star:before, .wizard .wizard-step .wizard-icon .input-wrapper.valid:after, .wizard .wizard-step .wizard-icon .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .wizard .wizard-step .wizard-icon .filter-beer-color-circle:after, .wizard .wizard-step .wizard-icon .navigation-select:before, .wizard .wizard-step .wizard-icon .select-dropdown, .wizard .wizard-step .wizard-icon .site-header-actions .site-header-action-logged-in:before, .site-header-actions .wizard .wizard-step .wizard-icon .site-header-action-logged-in:before, .wizard .wizard-step .wizard-icon .breadcrumbs li a:after, .breadcrumbs li .wizard .wizard-step .wizard-icon a:after, .wizard .wizard-step .wizard-icon .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .wizard .wizard-step .wizard-icon a:after, .wizard .wizard-step .wizard-icon #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .wizard .wizard-step .wizard-icon .footer-heading-1:after, .wizard .wizard-step .wizard-icon .dropdown .dropdown-toggle:after, .dropdown .wizard .wizard-step .wizard-icon .dropdown-toggle:after, .wizard .wizard-step .wizard-icon .favorite:after, .wizard .wizard-step .wizard-icon .products-show-info-subtitle a:after, .products-show-info-subtitle .wizard .wizard-step .wizard-icon a:after, .wizard .wizard-step .wizard-icon .products-show-usps ul li:before, .products-show-usps ul .wizard .wizard-step .wizard-icon li:before, .wizard .wizard-step .wizard-icon .products-show-extras-title.icon-hop:before, .wizard .wizard-step .wizard-icon .products-show-extras-title.icon-flesjes:before, .wizard .wizard-step .wizard-icon .faq-list .faq-list-question:before, .faq-list .wizard .wizard-step .wizard-icon .faq-list-question:before, .wizard .wizard-step .wizard-icon .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .wizard .wizard-step .wizard-icon li:before, .wizard .wizard-step .wizard-icon .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .wizard .wizard-step .wizard-icon li:before, .wizard .wizard-step .wizard-icon .beer-finder-step-login ul li:before, .beer-finder-step-login ul .wizard .wizard-step .wizard-icon li:before, .wizard .wizard-step .wizard-icon .beer-finder-step ul li > button:after, .beer-finder-step ul .wizard .wizard-step .wizard-icon li > button:after, .wizard .wizard-step .wizard-icon .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .wizard .wizard-step .wizard-icon .untappd-button:after, .wizard .wizard-step .wizard-icon .beer-finder-step ul li > a:after, .beer-finder-step ul .wizard .wizard-step .wizard-icon li > a:after, .wizard .wizard-step .wizard-icon .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .wizard .wizard-step .wizard-icon .modal-upsell-checkbox:after, .wizard .wizard-step .wizard-icon .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .wizard .wizard-step .wizard-icon input[type="checkbox"]:checked + span:before, .wizard .wizard-step .wizard-icon .quickview-list-item-quantity:before, .wizard .wizard-step .wizard-icon .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .wizard .wizard-step .wizard-icon input[type="checkbox"]:checked + span:after {
        font-size: 10px; }
    @media only screen and (max-width: 768px) {
      /* line 809, /rails/app/assets/stylesheets/default/_navigation.sass */
      .wizard .wizard-step {
        display: none; } }
  /* line 847, /rails/app/assets/stylesheets/default/_navigation.sass */
  .wizard .wizard-step.active {
    border-bottom: 4px solid #393633;
    color: #393633; }
    /* line 851, /rails/app/assets/stylesheets/default/_navigation.sass */
    .wizard .wizard-step.active .wizard-icon {
      background: #393633; }
    @media only screen and (max-width: 768px) {
      /* line 847, /rails/app/assets/stylesheets/default/_navigation.sass */
      .wizard .wizard-step.active {
        display: flex; } }
  /* line 857, /rails/app/assets/stylesheets/default/_navigation.sass */
  .wizard .wizard-step-count {
    display: none; }
    @media only screen and (max-width: 768px) {
      /* line 857, /rails/app/assets/stylesheets/default/_navigation.sass */
      .wizard .wizard-step-count {
        bottom: 8px;
        color: #888684;
        display: block;
        font-size: 12px;
        font-weight: 600;
        left: 50%;
        letter-spacing: 1px;
        text-transform: uppercase;
        position: absolute;
        transform: translateX(-50%); } }

/* line 874, /rails/app/assets/stylesheets/default/_navigation.sass */
.wizard-primary-action {
  display: none; }
  @media only screen and (max-width: 768px) {
    /* line 874, /rails/app/assets/stylesheets/default/_navigation.sass */
    .wizard-primary-action {
      background: none;
      border: none;
      display: block;
      font-size: 13px;
      padding: 18px 14px;
      position: fixed;
      right: 0px;
      top: 50px;
      z-index: 20; } }

/* line 890, /rails/app/assets/stylesheets/default/_navigation.sass */
.sidebar-navigation {
  margin-top: 20px; }
  /* line 893, /rails/app/assets/stylesheets/default/_navigation.sass */
  .sidebar-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  /* line 898, /rails/app/assets/stylesheets/default/_navigation.sass */
  .sidebar-navigation li a {
    color: #393633;
    display: block;
    font-size: 18px;
    line-height: 42px; }
  /* line 904, /rails/app/assets/stylesheets/default/_navigation.sass */
  .sidebar-navigation li:not(.active) a:hover {
    color: #005c3e; }
  /* line 907, /rails/app/assets/stylesheets/default/_navigation.sass */
  .sidebar-navigation li.active a {
    font-weight: bold; }

/* line 912, /rails/app/assets/stylesheets/default/_navigation.sass */
.mobile-nav-toggle {
  color: #e8e8e8;
  display: none;
  height: 50px;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 24px;
  font-weight: bold;
  left: 0;
  letter-spacing: 1px;
  padding: 0 15px;
  position: absolute;
  text-shadow: 1px 1px 0 #393633;
  text-transform: uppercase;
  top: 0;
  align-items: center;
  flex: 1;
  justify-content: center; }
  /* line 930, /rails/app/assets/stylesheets/default/_navigation.sass */
  .mobile-nav-toggle:hover {
    color: #f6f6f6; }
  @media only screen and (max-width: 768px) {
    /* line 912, /rails/app/assets/stylesheets/default/_navigation.sass */
    .mobile-nav-toggle {
      display: flex; } }

/* line 936, /rails/app/assets/stylesheets/default/_navigation.sass */
.mobile-nav {
  background: none;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 600;
  visibility: hidden;
  display: flex;
  transition: all 0.4s ease; }
  /* line 947, /rails/app/assets/stylesheets/default/_navigation.sass */
  .mobile-nav .mobile-nav-inside {
    background: #fff;
    border-right: 1px solid #e8e8e8;
    box-shadow: none;
    overflow: hidden;
    position: relative;
    z-index: 610;
    flex: 1;
    transform: translateX(-100%);
    transition: all 0.6s ease; }
  /* line 958, /rails/app/assets/stylesheets/default/_navigation.sass */
  .mobile-nav .mobile-nav-close {
    color: #c7c6c2;
    font-size: 28px;
    padding-top: 10px;
    text-align: center;
    width: 50px;
    transform: translateX(100%); }
    /* line 966, /rails/app/assets/stylesheets/default/_navigation.sass */
    .mobile-nav .mobile-nav-close:hover {
      color: #fff; }
  /* line 969, /rails/app/assets/stylesheets/default/_navigation.sass */
  .mobile-nav.opened {
    background: rgba(0, 0, 0, 0.7);
    visibility: visible; }
    /* line 973, /rails/app/assets/stylesheets/default/_navigation.sass */
    .mobile-nav.opened .mobile-nav-inside {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
      transform: translateX(0); }
    /* line 977, /rails/app/assets/stylesheets/default/_navigation.sass */
    .mobile-nav.opened .mobile-nav-close {
      transform: translateX(0); }

/* line 981, /rails/app/assets/stylesheets/default/_navigation.sass */
.mobile-nav-inside ul {
  list-style: none;
  margin: 0;
  padding: 0; }
/* line 986, /rails/app/assets/stylesheets/default/_navigation.sass */
.mobile-nav-inside ul li a {
  border-bottom: 1px solid #e8e8e8;
  color: #393633;
  display: block;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 44px;
  padding: 0 16px;
  position: relative;
  text-transform: uppercase; }
  /* line 998, /rails/app/assets/stylesheets/default/_navigation.sass */
  .mobile-nav-inside ul li a:after {
    font-size: 14px;
    position: absolute;
    right: 15px; }
/* line 1004, /rails/app/assets/stylesheets/default/_navigation.sass */
.mobile-nav-inside ul li ul li a {
  border-bottom: none;
  color: #888684;
  font-family: "proxima-nova", sans-serif;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 1px;
  text-transform: none; }
  /* line 1013, /rails/app/assets/stylesheets/default/_navigation.sass */
  .mobile-nav-inside ul li ul li a:after {
    display: none; }
/* line 1016, /rails/app/assets/stylesheets/default/_navigation.sass */
.mobile-nav-inside ul li ul li:first-child a {
  padding-top: 8px; }
/* line 1019, /rails/app/assets/stylesheets/default/_navigation.sass */
.mobile-nav-inside ul li ul li:last-child a {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 8px; }

/* line 1023, /rails/app/assets/stylesheets/default/_navigation.sass */
.mobile-nav-header {
  background: #f1f1f1; }
  /* line 1026, /rails/app/assets/stylesheets/default/_navigation.sass */
  .mobile-nav-header a {
    color: #888684;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 50px;
    padding: 0 13px; }

/* line 1, /rails/app/assets/stylesheets/default/_footer.sass */
#footer {
  background: #393633;
  padding-top: 20px; }
  /* line 5, /rails/app/assets/stylesheets/default/_footer.sass */
  #footer > .container:first-child {
    display: flex;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      /* line 5, /rails/app/assets/stylesheets/default/_footer.sass */
      #footer > .container:first-child {
        display: block; } }
  @media only screen and (max-width: 768px) {
    /* line 1, /rails/app/assets/stylesheets/default/_footer.sass */
    #footer {
      padding: 0; } }
  /* line 15, /rails/app/assets/stylesheets/default/_footer.sass */
  #footer .footer-column {
    flex: 1; }
    @media only screen and (max-width: 768px) {
      /* line 15, /rails/app/assets/stylesheets/default/_footer.sass */
      #footer .footer-column {
        padding: 20px;
        padding-bottom: 0; } }
  /* line 22, /rails/app/assets/stylesheets/default/_footer.sass */
  #footer [data-controller="footer-list"] .footer-heading-1 {
    position: relative; }
    /* line 25, /rails/app/assets/stylesheets/default/_footer.sass */
    #footer [data-controller="footer-list"] .footer-heading-1:after {
      display: none !important;
      padding: 20px;
      position: absolute;
      right: -20px;
      top: -20px; }
  @media only screen and (max-width: 768px) {
    /* line 36, /rails/app/assets/stylesheets/default/_footer.sass */
    #footer .footer-column {
      border-bottom: 1px solid #555;
      padding-bottom: 20px; }
      /* line 41, /rails/app/assets/stylesheets/default/_footer.sass */
      #footer .footer-column .footer-heading-1:after {
        display: block !important; } }
  /* line 45, /rails/app/assets/stylesheets/default/_footer.sass */
  #footer .footer-column button[data-action="footer-list#toggle"] {
    background: none;
    border: none;
    padding: 0;
    text-align: left;
    width: 100%; }
  @media only screen and (max-width: 768px) {
    /* line 52, /rails/app/assets/stylesheets/default/_footer.sass */
    #footer .footer-list {
      display: none;
      margin-top: 12px; } }

@media only screen and (max-width: 768px) {
  /* line 57, /rails/app/assets/stylesheets/default/_footer.sass */
  .footer-mail-signup {
    padding: 20px; } }

/* line 62, /rails/app/assets/stylesheets/default/_footer.sass */
.footer-form {
  margin-top: 16px; }
  /* line 65, /rails/app/assets/stylesheets/default/_footer.sass */
  .footer-form .form-group {
    margin: 0; }
  /* line 68, /rails/app/assets/stylesheets/default/_footer.sass */
  .footer-form .input-wrapper {
    margin-left: 0; }
    /* line 71, /rails/app/assets/stylesheets/default/_footer.sass */
    .footer-form .input-wrapper input {
      border: none; }
  /* line 74, /rails/app/assets/stylesheets/default/_footer.sass */
  .footer-form .button {
    height: 44px; }
    @media only screen and (max-width: 768px) {
      /* line 74, /rails/app/assets/stylesheets/default/_footer.sass */
      .footer-form .button {
        font-size: 13px;
        padding: 0 8px; } }

/* line 81, /rails/app/assets/stylesheets/default/_footer.sass */
.footer-links {
  border-top: 1px solid #555;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    /* line 86, /rails/app/assets/stylesheets/default/_footer.sass */
    .footer-links .pull-left {
      display: inline-block;
      float: none; }
    /* line 90, /rails/app/assets/stylesheets/default/_footer.sass */
    .footer-links .pull-right {
      display: block;
      float: none;
      text-align: center; } }
  /* line 95, /rails/app/assets/stylesheets/default/_footer.sass */
  .footer-links .pull-left {
    height: 55px;
    padding: 12px 0;
    margin-top: 4px; }
  /* line 100, /rails/app/assets/stylesheets/default/_footer.sass */
  .footer-links a {
    color: #c7c6c2;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 31px;
    padding: 12px; }
    /* line 109, /rails/app/assets/stylesheets/default/_footer.sass */
    .footer-links a img {
      vertical-align: sub; }
    /* line 112, /rails/app/assets/stylesheets/default/_footer.sass */
    .footer-links a:first-child {
      padding-left: 0; }
    /* line 115, /rails/app/assets/stylesheets/default/_footer.sass */
    .footer-links a:last-child {
      padding-right: 0; }
  /* line 118, /rails/app/assets/stylesheets/default/_footer.sass */
  .footer-links a:hover {
    color: #888684; }

/* line 122, /rails/app/assets/stylesheets/default/_footer.sass */
.footer-phone-links .footer-phone, .footer-phone-links .footer-whatsapp {
  color: #c7c6c2;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 26px;
  margin-right: 40px;
  padding: 12px 0; }
  @media only screen and (max-width: 768px) {
    /* line 122, /rails/app/assets/stylesheets/default/_footer.sass */
    .footer-phone-links .footer-phone, .footer-phone-links .footer-whatsapp {
      margin-right: 20px; }
      /* line 135, /rails/app/assets/stylesheets/default/_footer.sass */
      .footer-phone-links .footer-phone:last-child, .footer-phone-links .footer-whatsapp:last-child {
        margin-right: 0; } }
  /* line 138, /rails/app/assets/stylesheets/default/_footer.sass */
  .footer-phone-links .footer-phone .icon, .footer-phone-links .footer-phone .star-rating .star:before, .star-rating .footer-phone-links .footer-phone .star:before, .footer-phone-links .footer-phone .input-wrapper.valid:after, .footer-phone-links .footer-phone .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .footer-phone-links .footer-phone .filter-beer-color-circle:after, .footer-phone-links .footer-phone .navigation-select:before, .footer-phone-links .footer-phone .select-dropdown, .footer-phone-links .footer-phone .site-header-actions .site-header-action-logged-in:before, .site-header-actions .footer-phone-links .footer-phone .site-header-action-logged-in:before, .footer-phone-links .footer-phone .breadcrumbs li a:after, .breadcrumbs li .footer-phone-links .footer-phone a:after, .footer-phone-links .footer-phone .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .footer-phone-links .footer-phone a:after, .footer-phone-links .footer-phone #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .footer-phone-links .footer-phone .footer-heading-1:after, .footer-phone-links .footer-phone .dropdown .dropdown-toggle:after, .dropdown .footer-phone-links .footer-phone .dropdown-toggle:after, .footer-phone-links .footer-phone .favorite:after, .footer-phone-links .footer-phone .products-show-info-subtitle a:after, .products-show-info-subtitle .footer-phone-links .footer-phone a:after, .footer-phone-links .footer-phone .products-show-usps ul li:before, .products-show-usps ul .footer-phone-links .footer-phone li:before, .footer-phone-links .footer-phone .products-show-extras-title.icon-hop:before, .footer-phone-links .footer-phone .products-show-extras-title.icon-flesjes:before, .footer-phone-links .footer-phone .faq-list .faq-list-question:before, .faq-list .footer-phone-links .footer-phone .faq-list-question:before, .footer-phone-links .footer-phone .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .footer-phone-links .footer-phone li:before, .footer-phone-links .footer-phone .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .footer-phone-links .footer-phone li:before, .footer-phone-links .footer-phone .beer-finder-step-login ul li:before, .beer-finder-step-login ul .footer-phone-links .footer-phone li:before, .footer-phone-links .footer-phone .beer-finder-step ul li > button:after, .beer-finder-step ul .footer-phone-links .footer-phone li > button:after, .footer-phone-links .footer-phone .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .footer-phone-links .footer-phone .untappd-button:after, .footer-phone-links .footer-phone .beer-finder-step ul li > a:after, .beer-finder-step ul .footer-phone-links .footer-phone li > a:after, .footer-phone-links .footer-phone .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .footer-phone-links .footer-phone .modal-upsell-checkbox:after, .footer-phone-links .footer-phone .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .footer-phone-links .footer-phone input[type="checkbox"]:checked + span:before, .footer-phone-links .footer-phone .quickview-list-item-quantity:before, .footer-phone-links .footer-phone .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .footer-phone-links .footer-phone input[type="checkbox"]:checked + span:after, .footer-phone-links .footer-whatsapp .icon, .footer-phone-links .footer-whatsapp .star-rating .star:before, .star-rating .footer-phone-links .footer-whatsapp .star:before, .footer-phone-links .footer-whatsapp .input-wrapper.valid:after, .footer-phone-links .footer-whatsapp .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .footer-phone-links .footer-whatsapp .filter-beer-color-circle:after, .footer-phone-links .footer-whatsapp .navigation-select:before, .footer-phone-links .footer-whatsapp .select-dropdown, .footer-phone-links .footer-whatsapp .site-header-actions .site-header-action-logged-in:before, .site-header-actions .footer-phone-links .footer-whatsapp .site-header-action-logged-in:before, .footer-phone-links .footer-whatsapp .breadcrumbs li a:after, .breadcrumbs li .footer-phone-links .footer-whatsapp a:after, .footer-phone-links .footer-whatsapp .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .footer-phone-links .footer-whatsapp a:after, .footer-phone-links .footer-whatsapp #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .footer-phone-links .footer-whatsapp .footer-heading-1:after, .footer-phone-links .footer-whatsapp .dropdown .dropdown-toggle:after, .dropdown .footer-phone-links .footer-whatsapp .dropdown-toggle:after, .footer-phone-links .footer-whatsapp .favorite:after, .footer-phone-links .footer-whatsapp .products-show-info-subtitle a:after, .products-show-info-subtitle .footer-phone-links .footer-whatsapp a:after, .footer-phone-links .footer-whatsapp .products-show-usps ul li:before, .products-show-usps ul .footer-phone-links .footer-whatsapp li:before, .footer-phone-links .footer-whatsapp .products-show-extras-title.icon-hop:before, .footer-phone-links .footer-whatsapp .products-show-extras-title.icon-flesjes:before, .footer-phone-links .footer-whatsapp .faq-list .faq-list-question:before, .faq-list .footer-phone-links .footer-whatsapp .faq-list-question:before, .footer-phone-links .footer-whatsapp .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .footer-phone-links .footer-whatsapp li:before, .footer-phone-links .footer-whatsapp .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .footer-phone-links .footer-whatsapp li:before, .footer-phone-links .footer-whatsapp .beer-finder-step-login ul li:before, .beer-finder-step-login ul .footer-phone-links .footer-whatsapp li:before, .footer-phone-links .footer-whatsapp .beer-finder-step ul li > button:after, .beer-finder-step ul .footer-phone-links .footer-whatsapp li > button:after, .footer-phone-links .footer-whatsapp .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .footer-phone-links .footer-whatsapp .untappd-button:after, .footer-phone-links .footer-whatsapp .beer-finder-step ul li > a:after, .beer-finder-step ul .footer-phone-links .footer-whatsapp li > a:after, .footer-phone-links .footer-whatsapp .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .footer-phone-links .footer-whatsapp .modal-upsell-checkbox:after, .footer-phone-links .footer-whatsapp .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .footer-phone-links .footer-whatsapp input[type="checkbox"]:checked + span:before, .footer-phone-links .footer-whatsapp .quickview-list-item-quantity:before, .footer-phone-links .footer-whatsapp .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .footer-phone-links .footer-whatsapp input[type="checkbox"]:checked + span:after {
    font-size: 18px;
    margin-right: 4px; }
/* line 142, /rails/app/assets/stylesheets/default/_footer.sass */
.footer-phone-links .footer-phone .icon, .footer-phone-links .footer-phone .star-rating .star:before, .star-rating .footer-phone-links .footer-phone .star:before, .footer-phone-links .footer-phone .input-wrapper.valid:after, .footer-phone-links .footer-phone .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .footer-phone-links .footer-phone .filter-beer-color-circle:after, .footer-phone-links .footer-phone .navigation-select:before, .footer-phone-links .footer-phone .select-dropdown, .footer-phone-links .footer-phone .site-header-actions .site-header-action-logged-in:before, .site-header-actions .footer-phone-links .footer-phone .site-header-action-logged-in:before, .footer-phone-links .footer-phone .breadcrumbs li a:after, .breadcrumbs li .footer-phone-links .footer-phone a:after, .footer-phone-links .footer-phone .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .footer-phone-links .footer-phone a:after, .footer-phone-links .footer-phone #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .footer-phone-links .footer-phone .footer-heading-1:after, .footer-phone-links .footer-phone .dropdown .dropdown-toggle:after, .dropdown .footer-phone-links .footer-phone .dropdown-toggle:after, .footer-phone-links .footer-phone .favorite:after, .footer-phone-links .footer-phone .products-show-info-subtitle a:after, .products-show-info-subtitle .footer-phone-links .footer-phone a:after, .footer-phone-links .footer-phone .products-show-usps ul li:before, .products-show-usps ul .footer-phone-links .footer-phone li:before, .footer-phone-links .footer-phone .products-show-extras-title.icon-hop:before, .footer-phone-links .footer-phone .products-show-extras-title.icon-flesjes:before, .footer-phone-links .footer-phone .faq-list .faq-list-question:before, .faq-list .footer-phone-links .footer-phone .faq-list-question:before, .footer-phone-links .footer-phone .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .footer-phone-links .footer-phone li:before, .footer-phone-links .footer-phone .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .footer-phone-links .footer-phone li:before, .footer-phone-links .footer-phone .beer-finder-step-login ul li:before, .beer-finder-step-login ul .footer-phone-links .footer-phone li:before, .footer-phone-links .footer-phone .beer-finder-step ul li > button:after, .beer-finder-step ul .footer-phone-links .footer-phone li > button:after, .footer-phone-links .footer-phone .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .footer-phone-links .footer-phone .untappd-button:after, .footer-phone-links .footer-phone .beer-finder-step ul li > a:after, .beer-finder-step ul .footer-phone-links .footer-phone li > a:after, .footer-phone-links .footer-phone .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .footer-phone-links .footer-phone .modal-upsell-checkbox:after, .footer-phone-links .footer-phone .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .footer-phone-links .footer-phone input[type="checkbox"]:checked + span:before, .footer-phone-links .footer-phone .quickview-list-item-quantity:before, .footer-phone-links .footer-phone .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .footer-phone-links .footer-phone input[type="checkbox"]:checked + span:after {
  color: #b89570; }
/* line 145, /rails/app/assets/stylesheets/default/_footer.sass */
.footer-phone-links .footer-whatsapp .icon, .footer-phone-links .footer-whatsapp .star-rating .star:before, .star-rating .footer-phone-links .footer-whatsapp .star:before, .footer-phone-links .footer-whatsapp .input-wrapper.valid:after, .footer-phone-links .footer-whatsapp .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .footer-phone-links .footer-whatsapp .filter-beer-color-circle:after, .footer-phone-links .footer-whatsapp .navigation-select:before, .footer-phone-links .footer-whatsapp .select-dropdown, .footer-phone-links .footer-whatsapp .site-header-actions .site-header-action-logged-in:before, .site-header-actions .footer-phone-links .footer-whatsapp .site-header-action-logged-in:before, .footer-phone-links .footer-whatsapp .breadcrumbs li a:after, .breadcrumbs li .footer-phone-links .footer-whatsapp a:after, .footer-phone-links .footer-whatsapp .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .footer-phone-links .footer-whatsapp a:after, .footer-phone-links .footer-whatsapp #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .footer-phone-links .footer-whatsapp .footer-heading-1:after, .footer-phone-links .footer-whatsapp .dropdown .dropdown-toggle:after, .dropdown .footer-phone-links .footer-whatsapp .dropdown-toggle:after, .footer-phone-links .footer-whatsapp .favorite:after, .footer-phone-links .footer-whatsapp .products-show-info-subtitle a:after, .products-show-info-subtitle .footer-phone-links .footer-whatsapp a:after, .footer-phone-links .footer-whatsapp .products-show-usps ul li:before, .products-show-usps ul .footer-phone-links .footer-whatsapp li:before, .footer-phone-links .footer-whatsapp .products-show-extras-title.icon-hop:before, .footer-phone-links .footer-whatsapp .products-show-extras-title.icon-flesjes:before, .footer-phone-links .footer-whatsapp .faq-list .faq-list-question:before, .faq-list .footer-phone-links .footer-whatsapp .faq-list-question:before, .footer-phone-links .footer-whatsapp .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .footer-phone-links .footer-whatsapp li:before, .footer-phone-links .footer-whatsapp .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .footer-phone-links .footer-whatsapp li:before, .footer-phone-links .footer-whatsapp .beer-finder-step-login ul li:before, .beer-finder-step-login ul .footer-phone-links .footer-whatsapp li:before, .footer-phone-links .footer-whatsapp .beer-finder-step ul li > button:after, .beer-finder-step ul .footer-phone-links .footer-whatsapp li > button:after, .footer-phone-links .footer-whatsapp .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .footer-phone-links .footer-whatsapp .untappd-button:after, .footer-phone-links .footer-whatsapp .beer-finder-step ul li > a:after, .beer-finder-step ul .footer-phone-links .footer-whatsapp li > a:after, .footer-phone-links .footer-whatsapp .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .footer-phone-links .footer-whatsapp .modal-upsell-checkbox:after, .footer-phone-links .footer-whatsapp .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .footer-phone-links .footer-whatsapp input[type="checkbox"]:checked + span:before, .footer-phone-links .footer-whatsapp .quickview-list-item-quantity:before, .footer-phone-links .footer-whatsapp .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .footer-phone-links .footer-whatsapp input[type="checkbox"]:checked + span:after {
  color: #749c33; }

@font-face {
  font-family: "icons_mrhop";
  src: url(/assets/default/icons-e66be1af77ccfa8a345b7947ee9bb3d2e5eac6899ed01a40c7fa627adfd94934.woff2) format("woff2"); }
/* line 5, /rails/app/assets/stylesheets/default/_icons.sass */
.icon, .star-rating .star:before, .input-wrapper.valid:after, .filter-beer-colors .filter-beer-color-circle:after, .navigation-select:before, .select-dropdown, .site-header-actions .site-header-action-logged-in:before, .breadcrumbs li a:after, .mobile-nav-inside ul li a:after, #footer [data-controller="footer-list"] .footer-heading-1:after, .dropdown .dropdown-toggle:after, .favorite:after, .products-show-info-subtitle a:after, .products-show-usps ul li:before, .products-show-extras-title.icon-hop:before, .recipe-ingredients-list ul li.products-show-extras-title:before, .products-show-extras-title.icon-flesjes:before, .faq-list .faq-list-question:before, .recipe-ingredients-list ul li:before, .beer-finder-introduction-container ol li:before, .beer-finder-step-login ul li:before, .beer-finder-step ul li > button:after, .beer-finder-step ul .untappd-button:after, .beer-finder-step ul li > a:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .quickview-list-item-quantity:before, .wishlist-item-checkbox input[type="checkbox"]:checked + span:after {
  display: inline-block;
  font-family: "icons_mrhop" !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  line-height: inherit;
  speak: none;
  text-rendering: auto;
  text-transform: none !important;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* line 5, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-abdij:before {
  content: "\f104"; }

/* line 6, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-arrow-down:before, .select-dropdown:before, .dropdown .dropdown-toggle:after, .faq-list .faq-list-question:before, .quickview-list-item-quantity:before {
  content: "\f117"; }

/* line 7, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-arrow-left:before {
  content: "\f11a"; }

/* line 8, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-arrow-right:before, .mobile-nav-inside ul li a:after, .beer-finder-step ul li > button:after, .beer-finder-step ul .untappd-button:after, .beer-finder-step ul li > a:after {
  content: "\f119"; }

/* line 9, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-arrow-up:before {
  content: "\f127"; }

/* line 10, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-barrel-aged:before {
  content: "\f124"; }

/* line 11, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-beer:before {
  content: "\f116"; }

/* line 12, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-beoordelingen:before {
  content: "\f128"; }

/* line 13, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-bierkrat:before {
  content: "\f11e"; }

/* line 14, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-bin:before {
  content: "\f109"; }

/* line 15, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-bio:before {
  content: "\f105"; }

/* line 16, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-caret-left:before {
  content: "\f11f"; }

/* line 17, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-caret-right:before, .breadcrumbs li a:after, .products-show-info-subtitle a:after {
  content: "\f100"; }

/* line 18, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-cart:before {
  content: "\f102"; }

/* line 19, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-cash:before {
  content: "\f112"; }

/* line 20, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-chat:before {
  content: "\f10a"; }

/* line 21, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-check:before, .input-wrapper.valid:after, .filter-beer-colors .filter-beer-color-circle:after, .products-show-usps ul li:before, .beer-finder-introduction-container ol li:before, .beer-finder-step-login ul li:before, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .wishlist-item-checkbox input[type="checkbox"]:checked + span:after {
  content: "\f101"; }

/* line 22, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-check-circle:before, .site-header-actions .site-header-action-logged-in:before {
  content: "\f133"; }

/* line 23, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-close:before {
  content: "\f118"; }

/* line 24, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-cross:before {
  content: "\f11c"; }

/* line 25, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-diamond:before {
  content: "\f106"; }

/* line 26, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-facebook:before {
  content: "\f12c"; }

/* line 27, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-facebook-square:before {
  content: "\f130"; }

/* line 28, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-fairtrade:before {
  content: "\f107"; }

/* line 29, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-feather-alt:before {
  content: "\f12e"; }

/* line 30, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-filter:before {
  content: "\f11d"; }

/* line 31, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-flesjes:before, .products-show-extras-title.icon-flesjes:before {
  content: "\f125"; }

/* line 32, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-gift:before {
  content: "\f12f"; }

/* line 33, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-glas-flute:before {
  content: "\f10c"; }

/* line 34, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-glas-goblet:before {
  content: "\f10d"; }

/* line 35, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-glas-pilsner:before {
  content: "\f10e"; }

/* line 36, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-glas-pint:before {
  content: "\f10f"; }

/* line 37, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-glas-snifter:before {
  content: "\f110"; }

/* line 38, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-glas-weizen:before {
  content: "\f111"; }

/* line 39, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-gratisverzending:before {
  content: "\f129"; }

/* line 40, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-hamburger:before, .navigation-select:before {
  content: "\f11b"; }

/* line 41, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-heart:before, .favorite:after {
  content: "\f121"; }

/* line 42, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-heart-outline:before {
  content: "\f122"; }

/* line 43, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-hop:before, .products-show-extras-title.icon-hop:before, .recipe-ingredients-list ul li.products-show-extras-title:before, .recipe-ingredients-list ul li:before {
  content: "\f126"; }

/* line 44, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-instagram:before {
  content: "\f131"; }

/* line 45, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-mail:before {
  content: "\f10b"; }

/* line 46, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-min:before, #footer [data-controller="footer-list"] .footer-heading-1.opened:after {
  content: "\f123"; }

/* line 47, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-monnik:before {
  content: "\f108"; }

/* line 48, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-phone:before {
  content: "\f114"; }

/* line 49, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-pin:before {
  content: "\f113"; }

/* line 50, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-plus:before, #footer [data-controller="footer-list"] .footer-heading-1:after {
  content: "\f120"; }

/* line 51, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-snelleverzending:before {
  content: "\f12a"; }

/* line 52, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-star:before, .star-rating .star:before {
  content: "\f103"; }

/* line 53, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-trash:before {
  content: "\f12d"; }

/* line 54, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-untappd:before {
  content: "\f12b"; }

/* line 55, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-user:before {
  content: "\f132"; }

/* line 56, /rails/app/assets/stylesheets/default/_icons_mrhop.scss */
.icon-whatsapp:before {
  content: "\f115"; }

/* line 1, /rails/app/assets/stylesheets/default/_helpers.sass */
.pull-left {
  float: left; }

/* line 4, /rails/app/assets/stylesheets/default/_helpers.sass */
.pull-right {
  float: right; }

/* line 7, /rails/app/assets/stylesheets/default/_helpers.sass */
.flex {
  clear: both;
  display: flex; }

/* line 11, /rails/app/assets/stylesheets/default/_helpers.sass */
.flex-center {
  align-items: center;
  justify-content: center; }

/* line 15, /rails/app/assets/stylesheets/default/_helpers.sass */
.flex-1 {
  flex: 1; }

/* line 18, /rails/app/assets/stylesheets/default/_helpers.sass */
.text-center {
  text-align: center; }

/* line 21, /rails/app/assets/stylesheets/default/_helpers.sass */
.text-right {
  text-align: right; }

/* line 24, /rails/app/assets/stylesheets/default/_helpers.sass */
.text-line-through {
  color: #888684;
  text-decoration: line-through; }

/* line 28, /rails/app/assets/stylesheets/default/_helpers.sass */
.text-muted {
  color: #888684; }

/* line 31, /rails/app/assets/stylesheets/default/_helpers.sass */
.clearfix:after {
  clear: both;
  content: " ";
  display: block; }

/* line 1, /rails/app/assets/stylesheets/default/_tables.sass */
.table {
  color: #393633;
  font-size: 15px;
  line-height: 24px;
  margin: 20px 0;
  width: 100%; }
  /* line 8, /rails/app/assets/stylesheets/default/_tables.sass */
  .table th {
    text-align: left; }
  /* line 11, /rails/app/assets/stylesheets/default/_tables.sass */
  .table td.text-right, .table th.text-right {
    text-align: right; }
  /* line 14, /rails/app/assets/stylesheets/default/_tables.sass */
  .table a.table-link {
    color: #b89570;
    display: block;
    font-weight: 600; }
    /* line 19, /rails/app/assets/stylesheets/default/_tables.sass */
    .table a.table-link:hover {
      color: #93775a; }

/* line 23, /rails/app/assets/stylesheets/default/_tables.sass */
.table.table-expanded td, .table.table-expanded th {
  line-height: 50px; }

/* line 27, /rails/app/assets/stylesheets/default/_tables.sass */
.table.table-lines th, .table.table-lines td {
  border-bottom: 1px solid #e8e8e8; }
/* line 31, /rails/app/assets/stylesheets/default/_tables.sass */
.table.table-lines tr:last-child th, .table.table-lines tr:last-child td {
  border-bottom: none; }

/* line 34, /rails/app/assets/stylesheets/default/_tables.sass */
.table-container {
  margin: 0 -20px; }
  /* line 38, /rails/app/assets/stylesheets/default/_tables.sass */
  .table-container .table th:first-child, .table-container .table td:first-child {
    padding-left: 20px; }
  /* line 41, /rails/app/assets/stylesheets/default/_tables.sass */
  .table-container .table th:last-child, .table-container .table td:last-child {
    padding-right: 20px; }

/* line 1, /rails/app/assets/stylesheets/default/_modal.sass */
#overlay {
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background-image: radial-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6)); }

/* line 11, /rails/app/assets/stylesheets/default/_modal.sass */
.modal {
  background: #fff;
  border-radius: 3px;
  display: none;
  margin: 0 auto;
  margin-top: 50px;
  max-width: 640px;
  min-height: 100px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  animation-duration: 0.4s; }
  @media only screen and (max-width: 768px) {
    /* line 11, /rails/app/assets/stylesheets/default/_modal.sass */
    .modal {
      margin-top: 0px !important; } }

/* line 27, /rails/app/assets/stylesheets/default/_modal.sass */
.modal-footer {
  margin-top: 20px; }

/* line 30, /rails/app/assets/stylesheets/default/_modal.sass */
.modal-content {
  max-height: 100vh;
  overflow: scroll; }
  /* line 34, /rails/app/assets/stylesheets/default/_modal.sass */
  .modal-content h3 {
    margin-bottom: 4px; }

/* line 37, /rails/app/assets/stylesheets/default/_modal.sass */
.modal-close {
  color: #c7c6c2;
  display: block;
  font-size: 42px;
  line-height: 50px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 50px; }
  /* line 48, /rails/app/assets/stylesheets/default/_modal.sass */
  .modal-close:hover {
    color: #888684; }

/* line 1, /rails/app/assets/stylesheets/default/_notifications.sass */
.notification {
  align-items: center;
  justify-content: space-between;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 24px;
  padding: 12px 18px; }
  @media only screen and (max-width: 768px) {
    /* line 1, /rails/app/assets/stylesheets/default/_notifications.sass */
    .notification {
      display: block;
      text-align: center; } }

/* line 18, /rails/app/assets/stylesheets/default/_notifications.sass */
.notification-success {
  background: #e7f5f1;
  border-radius: 3px;
  color: #393633; }
  /* line 23, /rails/app/assets/stylesheets/default/_notifications.sass */
  .notification-success strong {
    color: #2ba37e; }

/* line 26, /rails/app/assets/stylesheets/default/_notifications.sass */
.notification-info {
  background: #eff7fa;
  border-radius: 3px;
  color: #393633;
  font-weight: 400; }
  /* line 32, /rails/app/assets/stylesheets/default/_notifications.sass */
  .notification-info strong {
    color: #4d4a47;
    font-size: 15px;
    font-weight: 700; }

/* line 38, /rails/app/assets/stylesheets/default/_notifications.sass */
.notification-danger {
  background: #f7e8e9;
  border-radius: 3px;
  color: #b33235; }

@media only screen and (max-width: 768px) {
  /* line 43, /rails/app/assets/stylesheets/default/_notifications.sass */
  .notification-action {
    display: block;
    text-align: center;
    margin-top: 20px; } }

/* line 1, /rails/app/assets/stylesheets/default/_badges.sass */
.badge {
  background: #fff;
  border: 2px solid #c7c6c2;
  border-radius: 5px;
  color: #888684;
  display: inline-block;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: rem(0.75);
  line-height: 18px;
  padding: 0 8px;
  text-transform: uppercase; }

/* line 15, /rails/app/assets/stylesheets/default/_badges.sass */
.badge.badge-brown {
  border-color: #b89570;
  color: #b89570; }

/* line 19, /rails/app/assets/stylesheets/default/_badges.sass */
.badge.badge-green {
  border-color: #139970;
  color: #139970; }

/* line 23, /rails/app/assets/stylesheets/default/_badges.sass */
.badge.badge-yellow {
  border-color: #e2aa2b;
  color: #e2aa2b; }

/* line 2, /rails/app/assets/stylesheets/default/_dropdown.sass */
.dropdown .dropdown-toggle {
  background: #fff;
  border: 1px solid #c7c6c2;
  border-radius: 4px;
  color: #888684;
  display: block;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: rem(1.25);
  padding: 10px 15px;
  position: relative;
  text-transform: uppercase; }
  /* line 16, /rails/app/assets/stylesheets/default/_dropdown.sass */
  .dropdown .dropdown-toggle:after {
    position: absolute;
    right: 15px;
    top: 12px;
    transition: all 0.2s ease; }
/* line 23, /rails/app/assets/stylesheets/default/_dropdown.sass */
.dropdown.open .dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: transparent; }
  /* line 28, /rails/app/assets/stylesheets/default/_dropdown.sass */
  .dropdown.open .dropdown-toggle:after {
    transform: rotate(180deg); }
/* line 31, /rails/app/assets/stylesheets/default/_dropdown.sass */
.dropdown .dropdown-menu {
  background: #fff;
  border: 1px solid #c7c6c2;
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0; }
  /* line 42, /rails/app/assets/stylesheets/default/_dropdown.sass */
  .dropdown .dropdown-menu li a {
    border-top: 1px solid #e8e8e8;
    color: #888684;
    display: block;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: rem(1.25);
    padding: 10px 15px;
    text-transform: uppercase; }
  /* line 53, /rails/app/assets/stylesheets/default/_dropdown.sass */
  .dropdown .dropdown-menu li.active a {
    background: #f1f1f1; }

/* line 1, /rails/app/assets/stylesheets/default/_popover.sass */
.popover {
  display: inline-block;
  position: relative;
  z-index: 2500000; }

/* line 6, /rails/app/assets/stylesheets/default/_popover.sass */
.popover-content {
  background: white;
  border-radius: 4px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  color: #393633;
  display: none;
  font-family: "proxima-nova", sans-serif;
  font-size: 15px;
  font-weight: 400;
  left: 100%;
  line-height: 24px;
  padding: 30px;
  position: absolute;
  top: -34px;
  width: 480px;
  transform: translateX(20px); }
  @media only screen and (max-width: 768px) {
    /* line 6, /rails/app/assets/stylesheets/default/_popover.sass */
    .popover-content {
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
      left: 2%;
      padding: 20px;
      position: fixed;
      top: 0px;
      width: 96%;
      transform: none; } }
  /* line 32, /rails/app/assets/stylesheets/default/_popover.sass */
  .popover-content:before {
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid white;
    content: " ";
    display: block;
    height: 0px;
    position: absolute;
    left: -10px;
    top: 30px;
    width: 0px; }
    @media only screen and (max-width: 768px) {
      /* line 32, /rails/app/assets/stylesheets/default/_popover.sass */
      .popover-content:before {
        display: none; } }

/* line 47, /rails/app/assets/stylesheets/default/_popover.sass */
.popover-close {
  color: #888684;
  font-size: 18px;
  line-height: 18px;
  padding: 10px;
  position: absolute;
  right: 0px;
  top: 0px; }

@keyframes pulseHeart {
  0% {
    transform: scale(0); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
/* line 11, /rails/app/assets/stylesheets/default/_favorites.sass */
.favorite {
  color: #c7c6c2;
  font-size: 28px;
  outline: none !important;
  position: relative;
  transition: color 0.2s ease; }
  /* line 18, /rails/app/assets/stylesheets/default/_favorites.sass */
  .favorite .icon:before, .favorite .star-rating .star:before, .star-rating .favorite .star:before, .favorite .navigation-select:before, .favorite .select-dropdown:before, .favorite .site-header-actions .site-header-action-logged-in:before, .site-header-actions .favorite .site-header-action-logged-in:before, .favorite .products-show-usps ul li:before, .products-show-usps ul .favorite li:before, .favorite .products-show-extras-title.icon-hop:before, .favorite .products-show-extras-title.icon-flesjes:before, .favorite .faq-list .faq-list-question:before, .faq-list .favorite .faq-list-question:before, .favorite .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .favorite li:before, .favorite .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .favorite li:before, .favorite .beer-finder-step-login ul li:before, .beer-finder-step-login ul .favorite li:before, .favorite .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .favorite input[type="checkbox"]:checked + span:before, .favorite .quickview-list-item-quantity:before {
    position: absolute;
    top: 0px;
    vertical-align: middle; }
  /* line 23, /rails/app/assets/stylesheets/default/_favorites.sass */
  .favorite:after {
    color: #c6945f;
    font-size: 28px;
    left: 0px;
    position: absolute;
    top: 0px;
    vertical-align: middle;
    transform: scale(0); }
  /* line 33, /rails/app/assets/stylesheets/default/_favorites.sass */
  .favorite:hover {
    color: #c6945f; }
  /* line 36, /rails/app/assets/stylesheets/default/_favorites.sass */
  .favorite.filled {
    color: #c6945f; }
  /* line 39, /rails/app/assets/stylesheets/default/_favorites.sass */
  .favorite.filled:after {
    animation: pulseHeart 0.5s ease forwards; }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-10%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }
@keyframes fadeOutLeft {
  from {
    opacity: 1;
    transform: none; }
  to {
    opacity: 0;
    transform: translate3d(-10%, 0, 0); } }
/* line 21, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-hero {
  background-position: center bottom;
  background-size: cover;
  min-height: 680px;
  overflow: hidden;
  position: relative;
  display: flex;
  background: radial-gradient(circle at 50% 20%, #1d1b1a 10%, #0e0e0d); }
  @media only screen and (max-width: 768px) {
    /* line 21, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero {
      display: none; } }
  /* line 33, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-hero .homepage-hero-introduction {
    background: rgba(0, 0, 0, 0.9);
    left: 28px;
    max-width: 400px;
    padding: 60px 80px 80px 80px;
    position: absolute;
    top: 0px;
    z-index: 20;
    animation-duration: 0.8s; }
    /* line 43, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-introduction img {
      display: block;
      margin: 0 auto;
      margin-bottom: 40px; }
    /* line 48, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-introduction .homepage-hero-introduction-title {
      color: #fff;
      font-family: "Hoboken", "jaf-facitweb", sans-serif;
      font-size: 45px;
      margin-bottom: 20px; }
      /* line 54, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-hero .homepage-hero-introduction .homepage-hero-introduction-title small {
        display: block;
        font-size: 25px;
        margin-top: 0px; }
    /* line 59, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-introduction p {
      color: #c7c6c2; }
  /* line 62, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-hero .homepage-hero-beers {
    padding-bottom: 80px;
    display: flex;
    flex: 1; }
    /* line 68, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beers.open {
      cursor: zoom-out;
      transition: all 0.4s ease; }
      /* line 72, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-hero .homepage-hero-beers.open .homepage-hero-beer-image {
        cursor: zoom-out; }
      /* line 76, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-hero .homepage-hero-beers.open .homepage-hero-beer.open .homepage-hero-beer-image {
        transform: scale(1) translateY(-20px); }
  /* line 79, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-hero .homepage-hero-background {
    background: url(/assets/bg-header-6ff4ca1ac610d2c79672a63ad0ecf919158583e5f55813ecf6be2bf776687bfa.png);
    background-repeat: repeat-x;
    bottom: 0px;
    height: 232px;
    left: -50%;
    opacity: 0.5;
    position: absolute; }
  /* line 88, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-hero .homepage-hero-beer-layer {
    height: 680px;
    pointer-events: none;
    position: absolute;
    white-space: nowrap; }
    /* line 94, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-1 {
      z-index: 10; }
      /* line 97, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-hero .homepage-hero-beer-layer.parallax-layer-1 .homepage-hero-beer .homepage-hero-beer-image {
        transform: scale(0.95); }
    /* line 100, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-2 {
      z-index: 9; }
      /* line 103, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-hero .homepage-hero-beer-layer.parallax-layer-2 .homepage-hero-beer .homepage-hero-beer-image {
        transform: scale(0.9); }
    /* line 106, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-3 {
      z-index: 8; }
      /* line 109, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-hero .homepage-hero-beer-layer.parallax-layer-3 .homepage-hero-beer .homepage-hero-beer-image {
        transform: scale(0.85); }
    /* line 112, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.open {
      z-index: 11; }
    /* line 116, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-1 .homepage-hero-beer:nth-child(1n) {
      margin-left: 320px; }
    /* line 119, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-1 .homepage-hero-beer:nth-child(2n) {
      margin-left: 320px; }
    /* line 122, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-1 .homepage-hero-beer:nth-child(3n) {
      margin-left: 480px; }
    /* line 125, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-1 .homepage-hero-beer:nth-child(4n) {
      margin-left: 800px; }
    /* line 129, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-2 .homepage-hero-beer:nth-child(1n) {
      margin-left: 160px; }
    /* line 132, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-2 .homepage-hero-beer:nth-child(2n) {
      margin-left: 160px; }
    /* line 135, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-2 .homepage-hero-beer:nth-child(3n) {
      margin-left: 480px; }
    /* line 138, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-2 .homepage-hero-beer:nth-child(4n) {
      margin-left: 480px; }
    /* line 141, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-2 .homepage-hero-beer:nth-child(5n) {
      margin-left: 160px; }
    /* line 145, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-3 .homepage-hero-beer:nth-child(1n) {
      margin-left: 0px; }
    /* line 148, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-3 .homepage-hero-beer:nth-child(2n) {
      margin-left: 480px; }
    /* line 151, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-3 .homepage-hero-beer:nth-child(3n) {
      margin-left: 160px; }
    /* line 154, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-3 .homepage-hero-beer:nth-child(4n) {
      margin-left: 160px; }
    /* line 157, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-3 .homepage-hero-beer:nth-child(5n) {
      margin-left: 160px; }
    /* line 160, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-3 .homepage-hero-beer:nth-child(6n) {
      margin-left: 160px; }
    /* line 163, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer-layer.parallax-layer-3 .homepage-hero-beer:nth-child(7n) {
      margin-left: 160px; }
  /* line 166, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-hero .homepage-hero-beer {
    float: left;
    height: 620px;
    pointer-events: auto;
    position: relative;
    width: 160px;
    z-index: 1;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: opacity 0.4s ease; }
    /* line 178, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer .homepage-hero-beer-image {
      cursor: zoom-in;
      position: relative;
      align-self: flex-end; }
      /* line 183, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-hero .homepage-hero-beer .homepage-hero-beer-image .homepage-hero-beer-label {
        background: #005c3e;
        border-radius: 45px;
        content: attr(data-label);
        color: #fff;
        font-family: "jaf-facitweb", sans-serif;
        font-size: 18px;
        font-weight: bold;
        height: 90px;
        line-height: 24px;
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        top: 25px;
        left: 35px;
        white-space: normal;
        width: 90px;
        z-index: 1;
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        /* line 206, /rails/app/assets/stylesheets/default/_homepage.sass */
        .homepage-hero .homepage-hero-beer .homepage-hero-beer-image .homepage-hero-beer-label strong {
          font-size: 24px; }
        /* line 209, /rails/app/assets/stylesheets/default/_homepage.sass */
        .homepage-hero .homepage-hero-beer .homepage-hero-beer-image .homepage-hero-beer-label small {
          font-size: 13px;
          line-height: 13px; }
      /* line 213, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-hero .homepage-hero-beer .homepage-hero-beer-image img {
        display: block;
        position: relative; }
    /* line 217, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer .homepage-hero-beer-details {
      color: #fff;
      left: 100%;
      opacity: 0;
      overflow: hidden;
      position: absolute;
      white-space: normal;
      width: 0px;
      align-self: center; }
      /* line 227, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-hero .homepage-hero-beer .homepage-hero-beer-details a {
        margin-top: 20px; }
    /* line 230, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer .homepage-hero-beer-description {
      color: #e8e8e8;
      font-size: 16px;
      line-height: 20px; }
    /* line 235, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer .homepage-hero-beer-price {
      color: #d19a33;
      font-size: 20px;
      font-weight: 600;
      margin-top: 10px; }
    /* line 241, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer .homepage-hero-beer-title {
      font-family: "jaf-facitweb", sans-serif;
      font-size: 28px;
      font-weight: bold;
      letter-spacing: 2px;
      text-transform: uppercase; }
    /* line 248, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer .homepage-hero-beer-image {
      transition: all 0.4s ease; }
    /* line 251, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer.fade {
      opacity: 0; }
    /* line 254, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero .homepage-hero-beer.open {
      cursor: zoom-out;
      z-index: 20 !important; }
      /* line 258, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-hero .homepage-hero-beer.open .homepage-hero-beer-details {
        opacity: 1;
        overflow: visible;
        margin-left: 40px;
        top: 50%;
        width: 260px;
        transition: opacity 0.4s ease;
        transform: translateY(-50%); }

/* line 269, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-hero-mobile {
  background-color: #393633;
  background-size: cover;
  background-position: center;
  display: none;
  height: 285px;
  justify-content: center;
  padding: 15px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    /* line 269, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero-mobile {
      display: block; } }
  /* line 282, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-hero-mobile .homepage-hero-mobile-welcome {
    align-items: center;
    color: #c7c6c2;
    flex: 1;
    font-size: 14px;
    display: flex;
    margin-top: 15px;
    justify-content: center; }
    /* line 291, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero-mobile .homepage-hero-mobile-welcome div {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    /* line 297, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero-mobile .homepage-hero-mobile-welcome img {
      margin-right: 15px;
      margin-top: -15px; }
    /* line 301, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link {
      color: white;
      display: block;
      line-height: 32px;
      padding-left: 0px;
      padding-top: 0px; }
      /* line 308, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .icon, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .star-rating .star:before, .star-rating .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .star:before, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .input-wrapper.valid:after, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .filter-beer-color-circle:after, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .navigation-select:before, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .select-dropdown, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .site-header-actions .site-header-action-logged-in:before, .site-header-actions .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .site-header-action-logged-in:before, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .breadcrumbs li a:after, .breadcrumbs li .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link a:after, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link a:after, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .footer-heading-1:after, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .dropdown .dropdown-toggle:after, .dropdown .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .dropdown-toggle:after, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .favorite:after, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .products-show-info-subtitle a:after, .products-show-info-subtitle .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link a:after, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .products-show-usps ul li:before, .products-show-usps ul .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link li:before, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .products-show-extras-title.icon-hop:before, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .products-show-extras-title.icon-flesjes:before, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .faq-list .faq-list-question:before, .faq-list .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .faq-list-question:before, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link li:before, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link li:before, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .beer-finder-step-login ul li:before, .beer-finder-step-login ul .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link li:before, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .beer-finder-step ul li > button:after, .beer-finder-step ul .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link li > button:after, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .untappd-button:after, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .beer-finder-step ul li > a:after, .beer-finder-step ul .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link li > a:after, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .modal-upsell-checkbox:after, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link input[type="checkbox"]:checked + span:before, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .quickview-list-item-quantity:before, .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .homepage-hero-mobile .homepage-hero-mobile-welcome .button-link input[type="checkbox"]:checked + span:after {
        font-size: 9px; }
  /* line 311, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-hero-mobile .homepage-hero-mobile-buttons {
    bottom: 0px;
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    left: 0px;
    padding: 15px;
    position: absolute;
    width: 100%; }
    /* line 322, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-hero-mobile .homepage-hero-mobile-buttons a.button {
      display: block;
      padding-left: 0px;
      padding-right: 0px;
      white-space: nowrap; }

/* line 329, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-beer-counter-container {
  background: #0d654a;
  padding: 12px 0;
  position: relative;
  display: flex;
  justify-content: center; }
  /* line 336, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-beer-counter-container:after {
    background: #0d654a;
    border-radius: 7px;
    bottom: -24px;
    content: " ";
    height: 32px;
    left: 50%;
    position: absolute;
    width: 32px;
    z-index: 1;
    transform: rotate(45deg) translateX(-50%); }
    @media only screen and (max-width: 768px) {
      /* line 336, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-beer-counter-container:after {
        display: none; } }
  /* line 351, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-beer-counter-container span {
    color: #003725;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 64px;
    margin: 0 20px;
    text-transform: uppercase; }
    @media only screen and (max-width: 768px) {
      /* line 351, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-beer-counter-container span {
        display: none; } }

/* line 363, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-beer-counter {
  z-index: 2;
  display: flex; }
  /* line 367, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-beer-counter .homepage-beer-counter-numbers {
    position: relative;
    z-index: 1;
    display: flex; }
    /* line 372, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-beer-counter .homepage-beer-counter-numbers:after {
      border-bottom: 2px solid #005c3e;
      content: " ";
      display: block;
      height: 50%;
      left: 4px;
      position: absolute;
      right: 4px;
      top: 0px;
      z-index: 2; }
      @media only screen and (max-width: 768px) {
        /* line 372, /rails/app/assets/stylesheets/default/_homepage.sass */
        .homepage-beer-counter .homepage-beer-counter-numbers:after {
          border-bottom: 1px solid #005c3e; } }
  /* line 386, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-beer-counter .homepage-beer-counter-number, .homepage-beer-counter .homepage-beer-icon {
    background: #139970;
    border-radius: 4px;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    line-height: 64px;
    margin: 0 4px;
    position: relative;
    text-align: center;
    width: 40px; }
    @media only screen and (max-width: 768px) {
      /* line 386, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-beer-counter .homepage-beer-counter-number, .homepage-beer-counter .homepage-beer-icon {
        font-size: 28px;
        line-height: 56px;
        width: 36px; } }
  /* line 403, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-beer-counter .homepage-beer-icon {
    background: #0f7a5a;
    margin-left: 12px; }
  /* line 408, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-beer-counter .homepage-beer-counter-number:before {
    background: #0f7a5a;
    border-radius: 0 0 4px 4px;
    bottom: 0px;
    content: " ";
    height: 50%;
    left: 0px;
    position: absolute;
    width: 100%;
    z-index: 0; }
  /* line 419, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-beer-counter .homepage-beer-counter-number:after {
    content: attr(data-number);
    left: 0px;
    line-height: 64px;
    position: absolute;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      /* line 419, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-beer-counter .homepage-beer-counter-number:after {
        line-height: 56px; } }

/* line 431, /rails/app/assets/stylesheets/default/_homepage.sass */
.hop-background {
  background-image: url(/assets/hop-bg-1a981221f281744db91a6b19a54e99c51a4e79081f89da806abe18b1bad25084.jpg);
  background-repeat: repeat-x;
  background-position: top; }

/* line 438, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-highlights {
  background-color: #fff;
  overflow: hidden;
  padding: 30px 0;
  position: relative; }
  /* line 444, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-highlights > .container {
    padding-left: 0; }
  /* line 447, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-highlights .products-index {
    background: none; }
    @media only screen and (max-width: 768px) {
      /* line 447, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-highlights .products-index {
        background: #fff; } }
  /* line 453, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-highlights:before {
    background: #f1f1f1;
    content: " ";
    height: 50%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      /* line 453, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-highlights:before {
        display: none; } }
  /* line 465, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-highlights .main-content {
    text-align: center; }
  /* line 468, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-highlights .product-preview {
    display: inline-block;
    float: none; }
  @media only screen and (max-width: 768px) {
    /* line 438, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-highlights {
      padding: 0 !important; }
      /* line 475, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-highlights > .container.flex {
        flex-direction: column; } }
  /* line 478, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-highlights .sidebar {
    background: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.025);
    margin-right: 0;
    margin-top: 80px;
    max-width: 350px;
    padding-bottom: 20px;
    padding-right: 40px; }
    @media only screen and (max-width: 768px) {
      /* line 478, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-highlights .sidebar {
        margin-left: 0;
        margin-top: 0;
        max-width: none;
        padding-right: 15px; } }
    /* line 493, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-highlights .sidebar h2, .homepage-highlights .sidebar .content {
      padding-left: 50px; }
      @media only screen and (max-width: 768px) {
        /* line 493, /rails/app/assets/stylesheets/default/_homepage.sass */
        .homepage-highlights .sidebar h2, .homepage-highlights .sidebar .content {
          margin: 25px 0 15px 0;
          padding-left: 15px; } }
    /* line 500, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-highlights .sidebar .button {
      margin-left: 50px; }
      @media only screen and (max-width: 768px) {
        /* line 500, /rails/app/assets/stylesheets/default/_homepage.sass */
        .homepage-highlights .sidebar .button {
          margin-bottom: 15px;
          margin-left: 15px; } }

/* line 509, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-grid {
  min-height: 500px;
  padding: 4px 0;
  display: flex; }
  @media only screen and (max-width: 768px) {
    /* line 509, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-grid {
      flex-direction: column; } }
  /* line 517, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-grid .homepage-grid-large {
    flex: 2; }
    @media only screen and (max-width: 768px) {
      /* line 517, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-grid .homepage-grid-large {
        flex: 1; } }
  /* line 523, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-grid .homepage-grid-medium {
    flex: 1; }
  /* line 526, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-grid .homepage-grid-large, .homepage-grid .homepage-grid-medium {
    display: flex;
    flex-direction: column; }

/* line 530, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-grid-link {
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 1;
  align-items: center;
  display: flex;
  justify-content: center;
  flex: 1; }
  @media only screen and (max-width: 768px) {
    /* line 530, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-grid-link {
      padding: 32px 0;
      margin: 4px 8px !important; } }
  /* line 544, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-grid-link .homepage-grid-image {
    background-size: cover;
    background-position: center;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    transition: all 1s ease; }
  /* line 555, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-grid-link:hover .homepage-grid-image {
    transform: scale(1.05); }
  /* line 558, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-grid-link.homepage-grid-link-primary {
    background: #139970; }
  /* line 561, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-grid-link .homepage-grid-label {
    color: #fff;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    position: relative;
    text-transform: uppercase; }
    @media only screen and (max-width: 768px) {
      /* line 561, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-grid-link .homepage-grid-label {
        font-size: 12px;
        line-height: 20px; } }
    /* line 574, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-grid-link .homepage-grid-label img {
      display: block;
      margin: 0 auto;
      margin-bottom: 16px; }
      @media only screen and (max-width: 768px) {
        /* line 574, /rails/app/assets/stylesheets/default/_homepage.sass */
        .homepage-grid-link .homepage-grid-label img {
          display: none; } }
    /* line 582, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-grid-link .homepage-grid-label strong {
      display: block;
      font-size: 26px; }
      @media only screen and (max-width: 768px) {
        /* line 582, /rails/app/assets/stylesheets/default/_homepage.sass */
        .homepage-grid-link .homepage-grid-label strong {
          font-size: 18px; } }

/* line 591, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-breweries {
  background: url(/assets/breweries-bg-508fb80b47eb40a3e9894f0fc7c69470fc6cc5cb7400132efe03b28928650707.jpg);
  background-size: cover;
  padding-top: 80px; }
  /* line 596, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-breweries > .main-content-container {
    margin-bottom: -60px; }
  /* line 599, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-breweries .homepage-brewery {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    margin-top: 50px;
    margin-right: 50px;
    position: relative;
    flex: 1;
    transition: all 0.2s ease; }
    /* line 607, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-breweries .homepage-brewery .homepage-brewery-subtitle {
      bottom: 40px;
      color: #b89570;
      font-size: 14px;
      font-weight: 600;
      left: 15px;
      position: absolute; }
    /* line 615, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-breweries .homepage-brewery:before {
      color: #fff;
      content: " ";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      background: linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 80%); }
    /* line 625, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-breweries .homepage-brewery:after {
      bottom: 15px;
      color: white;
      content: attr(data-overlay);
      display: block;
      font-family: "jaf-facitweb", sans-serif;
      font-size: 16px;
      font-weight: bold;
      left: 15px;
      letter-spacing: rem(0.5);
      position: absolute;
      text-align: center;
      text-transform: uppercase; }
    @media only screen and (max-width: 768px) {
      /* line 599, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-breweries .homepage-brewery {
        margin-top: 15px;
        margin-right: 15px; } }
    /* line 643, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-breweries .homepage-brewery:hover {
      box-shadow: 0 5px 25px rgba(0, 0, 0, 0.6);
      transform: scale(1.02); }
    /* line 647, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-breweries .homepage-brewery:last-child {
      margin-right: 0; }
    /* line 650, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-breweries .homepage-brewery img {
      display: block;
      width: 100%; }
  /* line 654, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-breweries .homepage-breweries-content {
    padding-right: 80px;
    flex: 2; }
    /* line 658, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-breweries .homepage-breweries-content .content {
      color: #e8e8e8; }
    @media only screen and (max-width: 768px) {
      /* line 654, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-breweries .homepage-breweries-content {
        padding-right: 0;
        flex: 1; } }
  /* line 665, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-breweries .homepage-breweries-shop {
    flex: 1; }
    /* line 668, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-breweries .homepage-breweries-shop .content {
      color: #e8e8e8; }
    @media only screen and (max-width: 768px) {
      /* line 665, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-breweries .homepage-breweries-shop {
        margin-top: 30px; } }
    /* line 674, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-breweries .homepage-breweries-shop .homepage-brewery {
      margin-right: 25px; }
      @media only screen and (max-width: 768px) {
        /* line 674, /rails/app/assets/stylesheets/default/_homepage.sass */
        .homepage-breweries .homepage-breweries-shop .homepage-brewery {
          margin-right: 0; } }
  /* line 680, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-breweries h3 {
    color: #fff; }
    @media only screen and (max-width: 768px) {
      /* line 680, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-breweries h3 {
        font-size: 20px; } }
  /* line 686, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-breweries .content {
    color: #fff;
    font-size: 16px;
    margin: 0; }
  @media only screen and (max-width: 768px) {
    /* line 591, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-breweries {
      padding: 30px 15px;
      text-align: center; }
      /* line 695, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-breweries > .flex.container {
        flex-direction: column; } }

/* line 700, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-reviews {
  background: #fff;
  padding-top: 135px; }
  @media only screen and (max-width: 768px) {
    /* line 700, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-reviews {
      padding: 65px 15px 15px 15px; }
      /* line 707, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-reviews .container.flex {
        flex-direction: column; }
      /* line 711, /rails/app/assets/stylesheets/default/_homepage.sass */
      .homepage-reviews .container.flex:last-child .main-content:last-child .homepage-review {
        border-bottom: none; } }
  /* line 714, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-reviews h1.homepage-title {
    color: #b89570; }

/* line 717, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-review {
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 75px;
  position: relative;
  display: flex;
  flex: 1; }
  @media only screen and (max-width: 768px) {
    /* line 717, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-review {
      padding-bottom: 20px;
      padding-top: 20px; } }

/* line 731, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-review-background {
  background-repeat: no-repeat;
  background-position: 10% 0%;
  opacity: 0.05;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  transform-origin: 0% 0%;
  transform: scale(1.1); }

/* line 743, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-review-image {
  text-align: center;
  position: relative;
  width: 200px; }
  @media only screen and (max-width: 768px) {
    /* line 743, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-review-image {
      width: 120px; } }

/* line 751, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-review-score {
  background: #139970;
  border-radius: 35px;
  color: #fff;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 30px;
  font-weight: bold;
  height: 70px;
  left: 40px;
  line-height: 70px;
  position: absolute;
  text-align: center;
  top: 40px;
  width: 70px; }
  @media only screen and (max-width: 768px) {
    /* line 751, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-review-score {
      border-radius: 30px;
      font-size: 24px;
      height: 60px;
      left: 0px;
      line-height: 60px;
      width: 60px; } }

/* line 774, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-review-details {
  flex: 1; }

/* line 777, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-review-title {
  color: #393633;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 24px;
  font-weight: bold;
  position: relative; }
  @media only screen and (max-width: 768px) {
    /* line 777, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-review-title {
      font-size: 20px; } }

/* line 787, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-review-rating {
  margin-top: 2px; }

/* line 790, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-review-content {
  padding: 20px 0; }
  /* line 792, /rails/app/assets/stylesheets/default/_homepage.sass */
  .homepage-review-content .content {
    color: #555;
    margin: 0; }

/* line 796, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-review-author {
  color: #393633;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 14px;
  font-weight: bold; }

/* line 804, /rails/app/assets/stylesheets/default/_homepage.sass */
h1.homepage-title {
  color: #393633;
  display: block;
  font-size: 26px;
  text-transform: uppercase; }
  @media only screen and (max-width: 768px) {
    /* line 804, /rails/app/assets/stylesheets/default/_homepage.sass */
    h1.homepage-title {
      font-size: 24px; } }

/* line 813, /rails/app/assets/stylesheets/default/_homepage.sass */
.homepage-subheading {
  color: #555;
  font-size: 22px;
  line-height: 48px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 768px) {
    /* line 813, /rails/app/assets/stylesheets/default/_homepage.sass */
    .homepage-subheading {
      font-size: 18px;
      line-height: 28px; } }

/* line 823, /rails/app/assets/stylesheets/default/_homepage.sass */
h2.homepage-title {
  color: #b89570;
  font-family: "Hoboken", "jaf-facitweb", sans-serif;
  font-size: 45px;
  font-weight: bold;
  margin-top: 50px;
  padding-bottom: 14px; }
  @media only screen and (max-width: 768px) {
    /* line 823, /rails/app/assets/stylesheets/default/_homepage.sass */
    h2.homepage-title {
      font-size: 35px;
      margin-top: 15px;
      padding-bottom: 0; } }
  /* line 836, /rails/app/assets/stylesheets/default/_homepage.sass */
  h2.homepage-title small {
    display: block;
    font-size: 25px; }
    @media only screen and (max-width: 768px) {
      /* line 836, /rails/app/assets/stylesheets/default/_homepage.sass */
      h2.homepage-title small {
        font-size: 15px; } }

/* line 843, /rails/app/assets/stylesheets/default/_homepage.sass */
h3.homepage-title {
  color: #393633;
  display: block;
  font-size: 26px;
  text-transform: uppercase; }
  @media only screen and (max-width: 768px) {
    /* line 843, /rails/app/assets/stylesheets/default/_homepage.sass */
    h3.homepage-title {
      font-size: 26px; } }

/* line 3, /rails/app/assets/stylesheets/default/_products.sass */
.sidebar-filters {
  margin-right: 20px; }
  @media only screen and (max-width: 768px) {
    /* line 3, /rails/app/assets/stylesheets/default/_products.sass */
    .sidebar-filters {
      box-shadow: -1px 0 0 #c7c6c2;
      display: block;
      height: 100%;
      margin: 0;
      max-width: none;
      position: fixed;
      top: 0px;
      width: 100%;
      z-index: 600;
      transform: translateX(101%);
      transition: all 0.6s ease; }
      /* line 19, /rails/app/assets/stylesheets/default/_products.sass */
      .sidebar-filters .products-sidebar-secondary {
        padding-bottom: 300px; }
      /* line 22, /rails/app/assets/stylesheets/default/_products.sass */
      .sidebar-filters:after {
        bottom: 0;
        content: " ";
        height: 80px;
        position: fixed;
        pointer-events: none;
        width: 100%;
        z-index: 250;
        background: linear-gradient(rgba(255, 255, 255, 0), white);
        transform: perspective(400px); }
      /* line 33, /rails/app/assets/stylesheets/default/_products.sass */
      .sidebar-filters #sidebar_filters_mobile {
        height: calc(100vh);
        overflow: hidden; }
      /* line 37, /rails/app/assets/stylesheets/default/_products.sass */
      .sidebar-filters.opened {
        transform: translateX(0px); } }

/* line 40, /rails/app/assets/stylesheets/default/_products.sass */
.products-mobile-filter-toggle {
  display: none;
  padding: 16px 12px 12px 12px; }
  /* line 44, /rails/app/assets/stylesheets/default/_products.sass */
  .products-mobile-filter-toggle .button, .products-mobile-filter-toggle .select-dropdown {
    padding-left: 0;
    padding-right: 0;
    flex: 1; }
  /* line 49, /rails/app/assets/stylesheets/default/_products.sass */
  .products-mobile-filter-toggle .select-dropdown {
    margin-right: 6px; }
  /* line 52, /rails/app/assets/stylesheets/default/_products.sass */
  .products-mobile-filter-toggle .button {
    margin-left: 6px; }
  /* line 55, /rails/app/assets/stylesheets/default/_products.sass */
  .products-mobile-filter-toggle .select-dropdown, .products-mobile-filter-toggle .select-dropdown select {
    height: 38px; }
  @media only screen and (max-width: 768px) {
    /* line 40, /rails/app/assets/stylesheets/default/_products.sass */
    .products-mobile-filter-toggle {
      display: flex; } }

/* line 61, /rails/app/assets/stylesheets/default/_products.sass */
.sidebar-filters-close {
  display: none; }
  @media only screen and (max-width: 768px) {
    /* line 61, /rails/app/assets/stylesheets/default/_products.sass */
    .sidebar-filters-close {
      display: block; } }

/* line 67, /rails/app/assets/stylesheets/default/_products.sass */
.sidebar-filters-toggle {
  display: none; }
  @media only screen and (max-width: 768px) {
    /* line 67, /rails/app/assets/stylesheets/default/_products.sass */
    .sidebar-filters-toggle {
      display: inline-block; }
      /* line 73, /rails/app/assets/stylesheets/default/_products.sass */
      .sidebar-filters-toggle .icon, .sidebar-filters-toggle .star-rating .star:before, .star-rating .sidebar-filters-toggle .star:before, .sidebar-filters-toggle .input-wrapper.valid:after, .sidebar-filters-toggle .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .sidebar-filters-toggle .filter-beer-color-circle:after, .sidebar-filters-toggle .navigation-select:before, .sidebar-filters-toggle .select-dropdown, .sidebar-filters-toggle .site-header-actions .site-header-action-logged-in:before, .site-header-actions .sidebar-filters-toggle .site-header-action-logged-in:before, .sidebar-filters-toggle .breadcrumbs li a:after, .breadcrumbs li .sidebar-filters-toggle a:after, .sidebar-filters-toggle .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .sidebar-filters-toggle a:after, .sidebar-filters-toggle #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .sidebar-filters-toggle .footer-heading-1:after, .sidebar-filters-toggle .dropdown .dropdown-toggle:after, .dropdown .sidebar-filters-toggle .dropdown-toggle:after, .sidebar-filters-toggle .favorite:after, .sidebar-filters-toggle .products-show-info-subtitle a:after, .products-show-info-subtitle .sidebar-filters-toggle a:after, .sidebar-filters-toggle .products-show-usps ul li:before, .products-show-usps ul .sidebar-filters-toggle li:before, .sidebar-filters-toggle .products-show-extras-title.icon-hop:before, .sidebar-filters-toggle .products-show-extras-title.icon-flesjes:before, .sidebar-filters-toggle .faq-list .faq-list-question:before, .faq-list .sidebar-filters-toggle .faq-list-question:before, .sidebar-filters-toggle .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .sidebar-filters-toggle li:before, .sidebar-filters-toggle .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .sidebar-filters-toggle li:before, .sidebar-filters-toggle .beer-finder-step-login ul li:before, .beer-finder-step-login ul .sidebar-filters-toggle li:before, .sidebar-filters-toggle .beer-finder-step ul li > button:after, .beer-finder-step ul .sidebar-filters-toggle li > button:after, .sidebar-filters-toggle .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .sidebar-filters-toggle .untappd-button:after, .sidebar-filters-toggle .beer-finder-step ul li > a:after, .beer-finder-step ul .sidebar-filters-toggle li > a:after, .sidebar-filters-toggle .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .sidebar-filters-toggle .modal-upsell-checkbox:after, .sidebar-filters-toggle .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .sidebar-filters-toggle input[type="checkbox"]:checked + span:before, .sidebar-filters-toggle .quickview-list-item-quantity:before, .sidebar-filters-toggle .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .sidebar-filters-toggle input[type="checkbox"]:checked + span:after {
        font-size: 18px;
        margin-left: 3px;
        margin-top: -1px; } }

/* line 78, /rails/app/assets/stylesheets/default/_products.sass */
.products-sidebar-primary {
  background: #005c3e;
  background: linear-gradient(135deg, #40856e, #005c3e); }
  @media only screen and (max-width: 768px) {
    /* line 78, /rails/app/assets/stylesheets/default/_products.sass */
    .products-sidebar-primary {
      background: #fff; } }

/* line 85, /rails/app/assets/stylesheets/default/_products.sass */
.products-sidebar-header {
  border-bottom: 1px solid #0d6448;
  padding: 25px 15px;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    /* line 85, /rails/app/assets/stylesheets/default/_products.sass */
    .products-sidebar-header {
      border-color: #c7c6c2;
      padding: 15px; } }
  /* line 94, /rails/app/assets/stylesheets/default/_products.sass */
  .products-sidebar-header h1, .products-sidebar-header h2, .products-sidebar-header h3, .products-sidebar-header h4, .products-sidebar-header h5 {
    color: #fff;
    margin: 0; }
    @media only screen and (max-width: 768px) {
      /* line 94, /rails/app/assets/stylesheets/default/_products.sass */
      .products-sidebar-header h1, .products-sidebar-header h2, .products-sidebar-header h3, .products-sidebar-header h4, .products-sidebar-header h5 {
        display: none; } }
  /* line 101, /rails/app/assets/stylesheets/default/_products.sass */
  .products-sidebar-header .subtitle {
    color: #fff;
    font-size: 14px;
    margin-top: 4px; }
    @media only screen and (max-width: 768px) {
      /* line 101, /rails/app/assets/stylesheets/default/_products.sass */
      .products-sidebar-header .subtitle {
        display: none; } }

/* line 109, /rails/app/assets/stylesheets/default/_products.sass */
.products-sidebar-filter {
  border-bottom: 1px solid #0d6448;
  padding: 15px; }
  @media only screen and (max-width: 768px) {
    /* line 109, /rails/app/assets/stylesheets/default/_products.sass */
    .products-sidebar-filter {
      border-color: #c7c6c2; } }
  /* line 116, /rails/app/assets/stylesheets/default/_products.sass */
  .products-sidebar-filter:last-child {
    border-bottom: none; }
  /* line 119, /rails/app/assets/stylesheets/default/_products.sass */
  .products-sidebar-filter label {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px; }
    @media only screen and (max-width: 768px) {
      /* line 119, /rails/app/assets/stylesheets/default/_products.sass */
      .products-sidebar-filter label {
        color: #393633; } }

/* line 129, /rails/app/assets/stylesheets/default/_products.sass */
.products-sidebar-secondary {
  background: #fff; }
  /* line 132, /rails/app/assets/stylesheets/default/_products.sass */
  .products-sidebar-secondary .products-sidebar-filter {
    border-bottom: 1px solid #e8e8e8; }
    /* line 135, /rails/app/assets/stylesheets/default/_products.sass */
    .products-sidebar-secondary .products-sidebar-filter label {
      color: #393633; }

/* line 140, /rails/app/assets/stylesheets/default/_products.sass */
.products-sidebar-more-information-link {
  background: #139970;
  border: 1px solid #139970;
  border-radius: 9px;
  color: white;
  display: inline-block;
  font-size: 14px;
  height: 18px;
  line-height: 18px;
  margin-left: 2px;
  margin-top: -4px;
  text-align: center;
  vertical-align: top;
  width: 18px; }
  /* line 155, /rails/app/assets/stylesheets/default/_products.sass */
  .products-sidebar-more-information-link:hover {
    background: #0f7a5a;
    border-color: #0f7a5a;
    color: white; }
  @media only screen and (max-width: 768px) {
    /* line 140, /rails/app/assets/stylesheets/default/_products.sass */
    .products-sidebar-more-information-link {
      background: none;
      border: 1px solid #e8e8e8;
      color: #393633; }
      /* line 165, /rails/app/assets/stylesheets/default/_products.sass */
      .products-sidebar-more-information-link:hover {
        background: #e8e8e8; } }

/* line 169, /rails/app/assets/stylesheets/default/_products.sass */
.products-sidebar-secondary .products-sidebar-more-information-link {
  background: none;
  border: 1px solid #e8e8e8;
  color: #393633; }
  /* line 174, /rails/app/assets/stylesheets/default/_products.sass */
  .products-sidebar-secondary .products-sidebar-more-information-link:hover {
    background: #e8e8e8; }

/* line 179, /rails/app/assets/stylesheets/default/_products.sass */
.products-sorting {
  margin-bottom: -2px; }
  /* line 182, /rails/app/assets/stylesheets/default/_products.sass */
  .products-sorting input[type="radio"] {
    display: none; }
  /* line 185, /rails/app/assets/stylesheets/default/_products.sass */
  .products-sorting li.active a {
    color: #393633;
    outline: none; }
  @media only screen and (max-width: 768px) {
    /* line 179, /rails/app/assets/stylesheets/default/_products.sass */
    .products-sorting {
      display: none; } }

/* line 194, /rails/app/assets/stylesheets/default/_products.sass */
.products-filters {
  background: #fff;
  padding-top: 1px; }
  /* line 198, /rails/app/assets/stylesheets/default/_products.sass */
  .products-filters .filter-tags {
    padding: 12px; }
    @media only screen and (max-width: 768px) {
      /* line 198, /rails/app/assets/stylesheets/default/_products.sass */
      .products-filters .filter-tags {
        padding-top: 0; } }

/* line 206, /rails/app/assets/stylesheets/default/_products.sass */
.products-index {
  background: #fff;
  display: grid;
  grid-template-columns: repeat(4, 25%);
  position: relative; }
  /* line 212, /rails/app/assets/stylesheets/default/_products.sass */
  .products-index.products-index-fullscreen {
    grid-template-columns: repeat(5, 20%); }
    @media only screen and (max-width: 768px) {
      /* line 212, /rails/app/assets/stylesheets/default/_products.sass */
      .products-index.products-index-fullscreen {
        grid-template-columns: repeat(2, 50%); } }
  @media only screen and (max-width: 768px) {
    /* line 206, /rails/app/assets/stylesheets/default/_products.sass */
    .products-index {
      grid-template-columns: repeat(2, 50%); } }
  /* line 221, /rails/app/assets/stylesheets/default/_products.sass */
  .products-index.loading:after {
    background: url(/assets/loading-white-7eb5108b3dc7826d75a279c2165d19c0de1f71e0dfd28fcb4a24e6106a99fe16.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: " ";
    display: block;
    left: 0px;
    height: 71px;
    position: absolute;
    top: 100px;
    width: 100%; }
  @media only screen and (max-width: 768px) {
    /* line 206, /rails/app/assets/stylesheets/default/_products.sass */
    .products-index {
      padding: 0; } }
  /* line 237, /rails/app/assets/stylesheets/default/_products.sass */
  .products-index.products-index-floated {
    display: block;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      /* line 237, /rails/app/assets/stylesheets/default/_products.sass */
      .products-index.products-index-floated {
        display: flex;
        margin: 0 -20px;
        margin-top: -20px; }
        /* line 246, /rails/app/assets/stylesheets/default/_products.sass */
        .products-index.products-index-floated .sidebar-products-floated {
          order: 4; } }
    /* line 249, /rails/app/assets/stylesheets/default/_products.sass */
    .products-index.products-index-floated .product-preview {
      display: inline-block;
      order: 5;
      width: 280px; }
      @media only screen and (max-width: 768px) {
        /* line 249, /rails/app/assets/stylesheets/default/_products.sass */
        .products-index.products-index-floated .product-preview {
          width: auto; }
          /* line 257, /rails/app/assets/stylesheets/default/_products.sass */
          .products-index.products-index-floated .product-preview:nth-child(2) {
            order: 1; }
          /* line 260, /rails/app/assets/stylesheets/default/_products.sass */
          .products-index.products-index-floated .product-preview:nth-child(3) {
            order: 2; }
          /* line 263, /rails/app/assets/stylesheets/default/_products.sass */
          .products-index.products-index-floated .product-preview:nth-child(4) {
            order: 3; } }

/* line 266, /rails/app/assets/stylesheets/default/_products.sass */
.products-index-pagination {
  background: #fff;
  padding: 20px;
  padding-top: 40px; }
  /* line 271, /rails/app/assets/stylesheets/default/_products.sass */
  .products-index-pagination.pagination .button.button-alt {
    display: block; }

@media only screen and (max-width: 768px) {
  /* line 275, /rails/app/assets/stylesheets/default/_products.sass */
  #product_related .products-index, #product_related_alt .products-index {
    margin: 0 -20px; } }

/* line 281, /rails/app/assets/stylesheets/default/_products.sass */
.products-show {
  background: #fff;
  margin: 0 auto;
  overflow: hidden;
  padding: 40px;
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 768px) {
    /* line 281, /rails/app/assets/stylesheets/default/_products.sass */
    .products-show {
      padding: 0; } }

/* line 292, /rails/app/assets/stylesheets/default/_products.sass */
.products-show-info {
  padding-right: 40px;
  flex: 3; }
  /* line 296, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-info .star-rating {
    margin-top: 14px; }
  @media only screen and (max-width: 768px) {
    /* line 292, /rails/app/assets/stylesheets/default/_products.sass */
    .products-show-info {
      padding: 0;
      width: 100%;
      display: flex;
      flex-direction: column; }
      /* line 305, /rails/app/assets/stylesheets/default/_products.sass */
      .products-show-info .content {
        order: 100; } }

/* line 309, /rails/app/assets/stylesheets/default/_products.sass */
.products-show-info-title .star-rating-label {
  margin-top: 2px;
  text-align: center; }
@media only screen and (max-width: 768px) {
  /* line 308, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-info-title {
    text-align: center; }
    /* line 316, /rails/app/assets/stylesheets/default/_products.sass */
    .products-show-info-title h1 {
      margin-bottom: 5px; }
    /* line 319, /rails/app/assets/stylesheets/default/_products.sass */
    .products-show-info-title .star-rating {
      margin: 14px auto 28px auto;
      display: flex;
      flex-direction: column;
      align-items: center; } }
/* line 325, /rails/app/assets/stylesheets/default/_products.sass */
.products-show-info-title .badge {
  float: right;
  margin-left: 4px; }

/* line 330, /rails/app/assets/stylesheets/default/_products.sass */
.products-show-info-subtitle {
  color: #393633;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: -10px;
  margin-top: 20px; }
  /* line 338, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-info-subtitle a {
    color: #139970;
    display: inline-block;
    padding: 10px; }
    @media only screen and (max-width: 768px) {
      /* line 338, /rails/app/assets/stylesheets/default/_products.sass */
      .products-show-info-subtitle a {
        display: block; } }
    /* line 346, /rails/app/assets/stylesheets/default/_products.sass */
    .products-show-info-subtitle a:hover {
      color: #005c3e; }
    /* line 349, /rails/app/assets/stylesheets/default/_products.sass */
    .products-show-info-subtitle a:after {
      font-size: 8px; }

/* line 353, /rails/app/assets/stylesheets/default/_products.sass */
.products-show-image-mobile {
  display: none; }
  @media only screen and (max-width: 768px) {
    /* line 353, /rails/app/assets/stylesheets/default/_products.sass */
    .products-show-image-mobile {
      display: block; }
      /* line 359, /rails/app/assets/stylesheets/default/_products.sass */
      .products-show-image-mobile img {
        display: block;
        margin: 0 auto; } }

/* line 363, /rails/app/assets/stylesheets/default/_products.sass */
.products-show-price-mobile {
  display: none; }
  @media only screen and (max-width: 768px) {
    /* line 363, /rails/app/assets/stylesheets/default/_products.sass */
    .products-show-price-mobile {
      display: block;
      margin-top: 5px; } }

/* line 370, /rails/app/assets/stylesheets/default/_products.sass */
.products-show-image {
  flex: 2; }
  /* line 373, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-image img {
    display: block;
    margin: 0 auto;
    max-width: 100%; }
  @media only screen and (max-width: 768px) {
    /* line 370, /rails/app/assets/stylesheets/default/_products.sass */
    .products-show-image {
      display: none; } }

/* line 382, /rails/app/assets/stylesheets/default/_products.sass */
.products-show-bundle .products-show-info {
  flex: 1; }
/* line 385, /rails/app/assets/stylesheets/default/_products.sass */
.products-show-bundle .products-show-image {
  flex: 1; }

/* line 390, /rails/app/assets/stylesheets/default/_products.sass */
body[data-controller-name="products"] .container-full-width .main-content, body[data-controller-name="product_bundles"] .container-full-width .main-content {
  margin-right: 20px; }
  @media only screen and (min-width: 1280px) {
    /* line 390, /rails/app/assets/stylesheets/default/_products.sass */
    body[data-controller-name="products"] .container-full-width .main-content, body[data-controller-name="product_bundles"] .container-full-width .main-content {
      margin-right: 40px; } }
  @media only screen and (max-width: 768px) {
    /* line 390, /rails/app/assets/stylesheets/default/_products.sass */
    body[data-controller-name="products"] .container-full-width .main-content, body[data-controller-name="product_bundles"] .container-full-width .main-content {
      margin: 0; } }

/* line 399, /rails/app/assets/stylesheets/default/_products.sass */
.sidebar-placeholder {
  margin: -20px -20px 0 0;
  padding: 20px 20px 0 20px;
  visibility: hidden; }
  /* line 404, /rails/app/assets/stylesheets/default/_products.sass */
  .sidebar-placeholder:last-child {
    margin-left: 0; }
  @media only screen and (max-width: 768px) {
    /* line 399, /rails/app/assets/stylesheets/default/_products.sass */
    .sidebar-placeholder {
      display: none; } }

/* line 410, /rails/app/assets/stylesheets/default/_products.sass */
.products-show-sidebar {
  background: #fff;
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.04);
  margin: 0px -20px 0 0;
  opacity: 1;
  padding: 20px;
  position: absolute;
  right: 20px;
  text-align: center;
  z-index: 1;
  align-self: flex-start;
  transition: opacity 0.4s ease; }
  /* line 423, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-sidebar.fadeout {
    opacity: 0; }
  /* line 426, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-sidebar:last-child {
    margin-left: 0; }
  @media only screen and (max-width: 768px) {
    /* line 410, /rails/app/assets/stylesheets/default/_products.sass */
    .products-show-sidebar {
      display: none; } }
  @media only screen and (min-width: 1280px) {
    /* line 433, /rails/app/assets/stylesheets/default/_products.sass */
    .products-show-sidebar:last-child {
      margin-right: 0px; } }
  /* line 436, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-sidebar .products-show-sidebar-miniature {
    height: 0px;
    padding: 0px;
    transform: scale(0);
    transition: all 0.4s ease; }
    /* line 442, /rails/app/assets/stylesheets/default/_products.sass */
    .products-show-sidebar .products-show-sidebar-miniature.show {
      height: 140px;
      padding: 5px 0;
      transform: scale(1); }
  /* line 447, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-sidebar .products-show-sidebar-price {
    color: #393633;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 8px; }
  /* line 453, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-sidebar .products-show-sidebar-stock-level {
    color: #139970;
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px; }
    /* line 459, /rails/app/assets/stylesheets/default/_products.sass */
    .products-show-sidebar .products-show-sidebar-stock-level .icon, .products-show-sidebar .products-show-sidebar-stock-level .star-rating .star:before, .star-rating .products-show-sidebar .products-show-sidebar-stock-level .star:before, .products-show-sidebar .products-show-sidebar-stock-level .input-wrapper.valid:after, .products-show-sidebar .products-show-sidebar-stock-level .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .products-show-sidebar .products-show-sidebar-stock-level .filter-beer-color-circle:after, .products-show-sidebar .products-show-sidebar-stock-level .navigation-select:before, .products-show-sidebar .products-show-sidebar-stock-level .select-dropdown, .products-show-sidebar .products-show-sidebar-stock-level .site-header-actions .site-header-action-logged-in:before, .site-header-actions .products-show-sidebar .products-show-sidebar-stock-level .site-header-action-logged-in:before, .products-show-sidebar .products-show-sidebar-stock-level .breadcrumbs li a:after, .breadcrumbs li .products-show-sidebar .products-show-sidebar-stock-level a:after, .products-show-sidebar .products-show-sidebar-stock-level .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .products-show-sidebar .products-show-sidebar-stock-level a:after, .products-show-sidebar .products-show-sidebar-stock-level #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .products-show-sidebar .products-show-sidebar-stock-level .footer-heading-1:after, .products-show-sidebar .products-show-sidebar-stock-level .dropdown .dropdown-toggle:after, .dropdown .products-show-sidebar .products-show-sidebar-stock-level .dropdown-toggle:after, .products-show-sidebar .products-show-sidebar-stock-level .favorite:after, .products-show-sidebar .products-show-sidebar-stock-level .products-show-info-subtitle a:after, .products-show-info-subtitle .products-show-sidebar .products-show-sidebar-stock-level a:after, .products-show-sidebar .products-show-sidebar-stock-level .products-show-usps ul li:before, .products-show-usps ul .products-show-sidebar .products-show-sidebar-stock-level li:before, .products-show-sidebar .products-show-sidebar-stock-level .products-show-extras-title.icon-hop:before, .products-show-sidebar .products-show-sidebar-stock-level .products-show-extras-title.icon-flesjes:before, .products-show-sidebar .products-show-sidebar-stock-level .faq-list .faq-list-question:before, .faq-list .products-show-sidebar .products-show-sidebar-stock-level .faq-list-question:before, .products-show-sidebar .products-show-sidebar-stock-level .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .products-show-sidebar .products-show-sidebar-stock-level li:before, .products-show-sidebar .products-show-sidebar-stock-level .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .products-show-sidebar .products-show-sidebar-stock-level li:before, .products-show-sidebar .products-show-sidebar-stock-level .beer-finder-step-login ul li:before, .beer-finder-step-login ul .products-show-sidebar .products-show-sidebar-stock-level li:before, .products-show-sidebar .products-show-sidebar-stock-level .beer-finder-step ul li > button:after, .beer-finder-step ul .products-show-sidebar .products-show-sidebar-stock-level li > button:after, .products-show-sidebar .products-show-sidebar-stock-level .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .products-show-sidebar .products-show-sidebar-stock-level .untappd-button:after, .products-show-sidebar .products-show-sidebar-stock-level .beer-finder-step ul li > a:after, .beer-finder-step ul .products-show-sidebar .products-show-sidebar-stock-level li > a:after, .products-show-sidebar .products-show-sidebar-stock-level .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .products-show-sidebar .products-show-sidebar-stock-level .modal-upsell-checkbox:after, .products-show-sidebar .products-show-sidebar-stock-level .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .products-show-sidebar .products-show-sidebar-stock-level input[type="checkbox"]:checked + span:before, .products-show-sidebar .products-show-sidebar-stock-level .quickview-list-item-quantity:before, .products-show-sidebar .products-show-sidebar-stock-level .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .products-show-sidebar .products-show-sidebar-stock-level input[type="checkbox"]:checked + span:after {
      vertical-align: top; }
  /* line 462, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-sidebar .input-quantity {
    margin-bottom: 10px; }

/* line 465, /rails/app/assets/stylesheets/default/_products.sass */
.products-show-support {
  background: url(/assets/mrhop-support-trans-99ee8cea0520b699e36fe063af9a8cd778180fccb7c8d207076d35fca16e0ca2.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  border-top: 1px solid #e8e8e8;
  margin: 20px -20px -20px -20px;
  min-height: 210px;
  padding: 20px;
  padding-bottom: 0;
  text-align: left; }
  /* line 476, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-support h3 {
    font-size: 20px;
    margin: 0; }
  /* line 480, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-support small {
    color: #555;
    display: block;
    font-size: 14px;
    margin: 4px 0 20px 0; }
  /* line 486, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-support ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 90px; }
  /* line 493, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-support ul li .icon, .products-show-support ul li .star-rating .star:before, .star-rating .products-show-support ul li .star:before, .products-show-support ul li .input-wrapper.valid:after, .products-show-support ul li .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .products-show-support ul li .filter-beer-color-circle:after, .products-show-support ul li .navigation-select:before, .products-show-support ul li .select-dropdown, .products-show-support ul li .site-header-actions .site-header-action-logged-in:before, .site-header-actions .products-show-support ul li .site-header-action-logged-in:before, .products-show-support ul .breadcrumbs li a:after, .breadcrumbs .products-show-support ul li a:after, .products-show-support .mobile-nav-inside ul li a:after, .mobile-nav-inside .products-show-support ul li a:after, .products-show-support ul li #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .products-show-support ul li .footer-heading-1:after, .products-show-support ul li .dropdown .dropdown-toggle:after, .dropdown .products-show-support ul li .dropdown-toggle:after, .products-show-support ul li .favorite:after, .products-show-support ul li .products-show-info-subtitle a:after, .products-show-info-subtitle .products-show-support ul li a:after, .products-show-support .products-show-usps ul li li:before, .products-show-usps .products-show-support ul li li:before, .products-show-support ul li .products-show-extras-title.icon-hop:before, .products-show-support ul li .products-show-extras-title.icon-flesjes:before, .products-show-support ul li .faq-list .faq-list-question:before, .faq-list .products-show-support ul li .faq-list-question:before, .products-show-support .recipe-ingredients-list ul li li:before, .recipe-ingredients-list .products-show-support ul li li:before, .products-show-support ul li .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .products-show-support ul li li:before, .products-show-support .beer-finder-step-login ul li li:before, .beer-finder-step-login .products-show-support ul li li:before, .products-show-support .beer-finder-step ul li > button:after, .beer-finder-step .products-show-support ul li > button:after, .products-show-support .beer-finder-step ul li .untappd-button:after, .beer-finder-step .products-show-support ul li .untappd-button:after, .products-show-support .beer-finder-step ul li > a:after, .beer-finder-step .products-show-support ul li > a:after, .products-show-support ul li .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .products-show-support ul li .modal-upsell-checkbox:after, .products-show-support ul li .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .products-show-support ul li input[type="checkbox"]:checked + span:before, .products-show-support ul li .quickview-list-item-quantity:before, .products-show-support ul li .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .products-show-support ul li input[type="checkbox"]:checked + span:after {
    color: #c6945f;
    float: left;
    font-size: 22px;
    margin-bottom: 20px;
    margin-right: 8px; }
  /* line 500, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-support ul li a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px; }
  /* line 506, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-support ul li small {
    font-size: 12px;
    line-height: 12px; }

/* line 512, /rails/app/assets/stylesheets/default/_products.sass */
.products-show-usps {
  border-top: 1px solid #e8e8e8;
  color: #555;
  font-size: 14px;
  line-height: 20px;
  margin: 20px -20px -20px -20px;
  padding: 20px;
  text-align: left; }
  /* line 521, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-usps ul {
    margin: 0;
    padding: 0; }
  /* line 525, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-usps ul li {
    align-items: center;
    display: flex;
    list-style: none;
    padding: 0; }
    /* line 531, /rails/app/assets/stylesheets/default/_products.sass */
    .products-show-usps ul li:before {
      color: #139970;
      margin-right: 10px; }
  /* line 536, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-usps ul li a {
    color: #393633;
    display: block;
    padding: 5px 0; }
  /* line 541, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-usps ul li a:hover {
    color: #139970; }
  /* line 544, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-usps strong {
    font-weight: 600; }

/* line 549, /rails/app/assets/stylesheets/default/_products.sass */
.products-show-mobile-shopping-cart {
  background: #eeece4;
  border-top: 1px solid #e8e8e8;
  bottom: 0px;
  display: none;
  padding: 15px;
  position: fixed;
  width: 100%;
  z-index: 200;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media only screen and (max-width: 768px) {
    /* line 549, /rails/app/assets/stylesheets/default/_products.sass */
    .products-show-mobile-shopping-cart {
      display: block; } }
  /* line 564, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-mobile-shopping-cart .input-quantity input {
    border-radius: 0px; }
  /* line 567, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-mobile-shopping-cart .input-quantity input:disabled {
    opacity: 1; }
  /* line 571, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-mobile-shopping-cart button.button.button-primary .icon, .products-show-mobile-shopping-cart button.button.button-primary .star-rating .star:before, .star-rating .products-show-mobile-shopping-cart button.button.button-primary .star:before, .products-show-mobile-shopping-cart button.button.button-primary .input-wrapper.valid:after, .products-show-mobile-shopping-cart button.button.button-primary .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .products-show-mobile-shopping-cart button.button.button-primary .filter-beer-color-circle:after, .products-show-mobile-shopping-cart button.button.button-primary .navigation-select:before, .products-show-mobile-shopping-cart button.button.button-primary .select-dropdown, .products-show-mobile-shopping-cart button.button.button-primary .site-header-actions .site-header-action-logged-in:before, .site-header-actions .products-show-mobile-shopping-cart button.button.button-primary .site-header-action-logged-in:before, .products-show-mobile-shopping-cart button.button.button-primary .breadcrumbs li a:after, .breadcrumbs li .products-show-mobile-shopping-cart button.button.button-primary a:after, .products-show-mobile-shopping-cart button.button.button-primary .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .products-show-mobile-shopping-cart button.button.button-primary a:after, .products-show-mobile-shopping-cart button.button.button-primary #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .products-show-mobile-shopping-cart button.button.button-primary .footer-heading-1:after, .products-show-mobile-shopping-cart button.button.button-primary .dropdown .dropdown-toggle:after, .dropdown .products-show-mobile-shopping-cart button.button.button-primary .dropdown-toggle:after, .products-show-mobile-shopping-cart button.button.button-primary .favorite:after, .products-show-mobile-shopping-cart button.button.button-primary .products-show-info-subtitle a:after, .products-show-info-subtitle .products-show-mobile-shopping-cart button.button.button-primary a:after, .products-show-mobile-shopping-cart button.button.button-primary .products-show-usps ul li:before, .products-show-usps ul .products-show-mobile-shopping-cart button.button.button-primary li:before, .products-show-mobile-shopping-cart button.button.button-primary .products-show-extras-title.icon-hop:before, .products-show-mobile-shopping-cart button.button.button-primary .products-show-extras-title.icon-flesjes:before, .products-show-mobile-shopping-cart button.button.button-primary .faq-list .faq-list-question:before, .faq-list .products-show-mobile-shopping-cart button.button.button-primary .faq-list-question:before, .products-show-mobile-shopping-cart button.button.button-primary .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .products-show-mobile-shopping-cart button.button.button-primary li:before, .products-show-mobile-shopping-cart button.button.button-primary .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .products-show-mobile-shopping-cart button.button.button-primary li:before, .products-show-mobile-shopping-cart button.button.button-primary .beer-finder-step-login ul li:before, .beer-finder-step-login ul .products-show-mobile-shopping-cart button.button.button-primary li:before, .products-show-mobile-shopping-cart button.button.button-primary .beer-finder-step ul li > button:after, .beer-finder-step ul .products-show-mobile-shopping-cart button.button.button-primary li > button:after, .products-show-mobile-shopping-cart button.button.button-primary .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .products-show-mobile-shopping-cart button.button.button-primary .untappd-button:after, .products-show-mobile-shopping-cart button.button.button-primary .beer-finder-step ul li > a:after, .beer-finder-step ul .products-show-mobile-shopping-cart button.button.button-primary li > a:after, .products-show-mobile-shopping-cart button.button.button-primary .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .products-show-mobile-shopping-cart button.button.button-primary .modal-upsell-checkbox:after, .products-show-mobile-shopping-cart button.button.button-primary .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .products-show-mobile-shopping-cart button.button.button-primary input[type="checkbox"]:checked + span:before, .products-show-mobile-shopping-cart button.button.button-primary .quickview-list-item-quantity:before, .products-show-mobile-shopping-cart button.button.button-primary .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .products-show-mobile-shopping-cart button.button.button-primary input[type="checkbox"]:checked + span:after {
    font-size: 24px; }

/* line 576, /rails/app/assets/stylesheets/default/_products.sass */
.products-show-extras {
  background: #fff;
  margin-top: 40px;
  padding: 0 40px; }
  @media only screen and (max-width: 768px) {
    /* line 576, /rails/app/assets/stylesheets/default/_products.sass */
    .products-show-extras {
      display: none; } }
  /* line 584, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-extras ul.tabs {
    margin: 0 -40px; }

/* line 587, /rails/app/assets/stylesheets/default/_products.sass */
.products-show-extras-title {
  background: #fff;
  padding: 60px 40px 20px 40px;
  position: relative;
  text-align: center; }
  /* line 593, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-extras-title.icon-hop:before, .recipe-ingredients-list ul li.products-show-extras-title:before, .products-show-extras-title.icon-flesjes:before {
    color: #f3f3f3;
    font-size: 120px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    top: calc(50% + 20px); }
  /* line 607, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-extras-title h4 {
    font-size: 24px; }
  /* line 610, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-extras-title h4, .products-show-extras-title p {
    color: #555;
    position: relative; }
  /* line 614, /rails/app/assets/stylesheets/default/_products.sass */
  .products-show-extras-title p {
    color: #888684;
    margin-top: 5px; }

/* line 620, /rails/app/assets/stylesheets/default/_products.sass */
.product-dishes, .product-reviews-summary {
  overflow: hidden;
  position: relative;
  background: linear-gradient(to right, #393633, #2e2b29); }
  /* line 625, /rails/app/assets/stylesheets/default/_products.sass */
  .product-dishes:before, .product-reviews-summary:before {
    background: url(/assets/dishes-bg-91d84f8383cbf56820b876bd518ab45d3b6a0edbd833f573130dc6e0fe462ab0.png) no-repeat;
    content: " ";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0; }
  /* line 633, /rails/app/assets/stylesheets/default/_products.sass */
  .product-dishes h3, .product-dishes h4, .product-reviews-summary h3, .product-reviews-summary h4 {
    color: #f6f6f6; }
  /* line 636, /rails/app/assets/stylesheets/default/_products.sass */
  .product-dishes h3, .product-reviews-summary h3 {
    font-size: 28px;
    position: relative;
    z-index: 1; }
  /* line 641, /rails/app/assets/stylesheets/default/_products.sass */
  .product-dishes p, .product-reviews-summary p {
    color: #c7c6c2;
    font-size: 14px;
    max-width: 250px; }
  /* line 646, /rails/app/assets/stylesheets/default/_products.sass */
  .product-dishes .main-content-container, .product-reviews-summary .main-content-container {
    padding: 20px 40px;
    position: relative; }
    @media only screen and (max-width: 768px) {
      /* line 646, /rails/app/assets/stylesheets/default/_products.sass */
      .product-dishes .main-content-container, .product-reviews-summary .main-content-container {
        padding: 0; } }
  /* line 653, /rails/app/assets/stylesheets/default/_products.sass */
  .product-dishes .product-dishes-container, .product-reviews-summary .product-dishes-container {
    padding-right: 0;
    display: flex;
    justify-content: flex-end; }
    @media only screen and (max-width: 768px) {
      /* line 653, /rails/app/assets/stylesheets/default/_products.sass */
      .product-dishes .product-dishes-container, .product-reviews-summary .product-dishes-container {
        flex-direction: column; } }
  /* line 661, /rails/app/assets/stylesheets/default/_products.sass */
  .product-dishes .product-dishes-content, .product-reviews-summary .product-dishes-content {
    margin-right: auto; }
  /* line 664, /rails/app/assets/stylesheets/default/_products.sass */
  .product-dishes .product-dish, .product-reviews-summary .product-dish {
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.2);
    margin-left: 40px;
    max-width: 260px;
    position: relative;
    flex: 1; }
    @media only screen and (max-width: 768px) {
      /* line 664, /rails/app/assets/stylesheets/default/_products.sass */
      .product-dishes .product-dish, .product-reviews-summary .product-dish {
        height: 125px;
        margin: 0 0 20px 0;
        max-width: none;
        overflow: hidden; }
        /* line 677, /rails/app/assets/stylesheets/default/_products.sass */
        .product-dishes .product-dish:last-child, .product-reviews-summary .product-dish:last-child {
          margin: 0; } }
    /* line 680, /rails/app/assets/stylesheets/default/_products.sass */
    .product-dishes .product-dish img, .product-reviews-summary .product-dish img {
      display: block;
      width: 100%; }
    /* line 684, /rails/app/assets/stylesheets/default/_products.sass */
    .product-dishes .product-dish .overlay, .product-reviews-summary .product-dish .overlay {
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
      font-family: "jaf-facitweb", sans-serif;
      font-size: 13px;
      font-weight: bold;
      height: 100%;
      left: 0px;
      padding: 20px;
      position: absolute;
      text-transform: uppercase;
      top: 0px;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }
      /* line 701, /rails/app/assets/stylesheets/default/_products.sass */
      .product-dishes .product-dish .overlay strong, .product-reviews-summary .product-dish .overlay strong {
        display: block;
        font-size: 18px; }

/* line 705, /rails/app/assets/stylesheets/default/_products.sass */
.product-reviews-summary {
  padding: 10px 0; }
  /* line 708, /rails/app/assets/stylesheets/default/_products.sass */
  .product-reviews-summary:before {
    background: url(/assets/reviews-bg-d7bd1e13fcf60019161d62fcb2e8764de0d78752f115119a7f3f6f7c9097fb8f.png) no-repeat; }
  /* line 711, /rails/app/assets/stylesheets/default/_products.sass */
  .product-reviews-summary .star-rating {
    margin-top: 10px;
    position: relative;
    width: 120px;
    z-index: 1; }
  /* line 717, /rails/app/assets/stylesheets/default/_products.sass */
  .product-reviews-summary .stars {
    color: #6d6b6a; }
  /* line 720, /rails/app/assets/stylesheets/default/_products.sass */
  .product-reviews-summary .star {
    min-width: 24px; }
  /* line 723, /rails/app/assets/stylesheets/default/_products.sass */
  .product-reviews-summary .star-rating-label {
    color: #888684;
    font-size: 14px;
    font-weight: 600;
    line-height: 23px;
    margin-left: 6px;
    white-space: nowrap; }
  /* line 731, /rails/app/assets/stylesheets/default/_products.sass */
  .product-reviews-summary .star:before {
    font-size: 18px; }
  /* line 734, /rails/app/assets/stylesheets/default/_products.sass */
  .product-reviews-summary .stars-filled-in {
    background: none; }
  /* line 737, /rails/app/assets/stylesheets/default/_products.sass */
  .product-reviews-summary .product-reviews-score {
    color: #888684;
    font-size: 280px;
    font-weight: bold;
    line-height: 250px;
    opacity: 0.5;
    position: absolute;
    right: 20px;
    top: -56px;
    z-index: 0; }
    @media only screen and (max-width: 768px) {
      /* line 737, /rails/app/assets/stylesheets/default/_products.sass */
      .product-reviews-summary .product-reviews-score {
        display: none; } }

/* line 753, /rails/app/assets/stylesheets/default/_products.sass */
.product-review-form {
  display: none;
  margin: 0 auto 40px auto;
  max-width: 600px;
  width: 100%; }

/* line 759, /rails/app/assets/stylesheets/default/_products.sass */
.product-review-form-header {
  margin-bottom: 20px; }

/* line 762, /rails/app/assets/stylesheets/default/_products.sass */
.review-form-score {
  float: right; }
  /* line 765, /rails/app/assets/stylesheets/default/_products.sass */
  .review-form-score .star-rating {
    cursor: pointer; }
  /* line 768, /rails/app/assets/stylesheets/default/_products.sass */
  .review-form-score .star-rating .stars:hover .star {
    color: #c7c6c2; }
  /* line 771, /rails/app/assets/stylesheets/default/_products.sass */
  .review-form-score .star-rating .stars .star:hover ~ .star {
    color: #e8e8e8; }
  /* line 774, /rails/app/assets/stylesheets/default/_products.sass */
  .review-form-score select {
    display: none; }
  /* line 778, /rails/app/assets/stylesheets/default/_products.sass */
  .review-form-score .field_with_errors + .star-rating .stars .star {
    color: #eac6c7; }

/* line 781, /rails/app/assets/stylesheets/default/_products.sass */
.product-review-form-title {
  color: #393633;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px; }

/* line 788, /rails/app/assets/stylesheets/default/_products.sass */
.product-reviews-container {
  background: #fff;
  padding: 80px 40px;
  align-items: center;
  display: flex;
  flex-direction: column; }
  @media only screen and (max-width: 768px) {
    /* line 788, /rails/app/assets/stylesheets/default/_products.sass */
    .product-reviews-container {
      padding: 20px 0; } }

/* line 799, /rails/app/assets/stylesheets/default/_products.sass */
.product-reviews-buttons .pagination {
  display: inline; }
  @media only screen and (max-width: 768px) {
    /* line 799, /rails/app/assets/stylesheets/default/_products.sass */
    .product-reviews-buttons .pagination {
      display: block;
      margin-bottom: 20px; } }

/* line 806, /rails/app/assets/stylesheets/default/_products.sass */
.product-reviews {
  width: 100%; }

/* line 809, /rails/app/assets/stylesheets/default/_products.sass */
.product-review {
  position: relative;
  margin-bottom: 40px;
  margin: 0 auto 40px auto;
  max-width: 500px;
  width: 100%; }

/* line 816, /rails/app/assets/stylesheets/default/_products.sass */
.product-review-profile-image {
  border-radius: 30px;
  left: -75px;
  overflow: hidden;
  position: absolute; }
  @media only screen and (max-width: 768px) {
    /* line 816, /rails/app/assets/stylesheets/default/_products.sass */
    .product-review-profile-image {
      display: none; } }
  /* line 825, /rails/app/assets/stylesheets/default/_products.sass */
  .product-review-profile-image img {
    display: block; }

/* line 828, /rails/app/assets/stylesheets/default/_products.sass */
.product-review-date {
  color: #888684;
  float: right;
  font-size: 13px;
  line-height: 24px; }

/* line 834, /rails/app/assets/stylesheets/default/_products.sass */
.product-review-author {
  color: #888684;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px; }

/* line 840, /rails/app/assets/stylesheets/default/_products.sass */
.product-review-score {
  margin: 4px 0; }

/* line 843, /rails/app/assets/stylesheets/default/_products.sass */
.product-review-description {
  color: #393633;
  font-size: 14px;
  line-height: 22px;
  margin: 14px 0; }

/* line 849, /rails/app/assets/stylesheets/default/_products.sass */
.product-review-scores {
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  padding: 10px;
  display: flex; }

/* line 857, /rails/app/assets/stylesheets/default/_products.sass */
.product-brewery {
  background: #fff;
  padding: 40px;
  display: flex; }
  /* line 862, /rails/app/assets/stylesheets/default/_products.sass */
  .product-brewery h3 {
    font-size: 28px; }
  /* line 865, /rails/app/assets/stylesheets/default/_products.sass */
  .product-brewery .product-brewery-content {
    flex: 1; }
  /* line 868, /rails/app/assets/stylesheets/default/_products.sass */
  .product-brewery .product-brewery-image {
    margin-left: 40px;
    margin-right: -40px;
    flex: 1; }
    /* line 873, /rails/app/assets/stylesheets/default/_products.sass */
    .product-brewery .product-brewery-image img {
      width: 100%; }

/* line 878, /rails/app/assets/stylesheets/default/_products.sass */
.products-without-gridlines .product-preview {
  border: none; }

/* line 881, /rails/app/assets/stylesheets/default/_products.sass */
.product-preview {
  background: rgba(255, 255, 255, 0);
  border: 1px solid #e8e8e8;
  margin-right: -1px;
  margin-bottom: -1px;
  position: relative;
  text-align: center;
  display: flex;
  flex: 1;
  flex-basis: 270px;
  transition: all 0.2s ease; }
  /* line 894, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .product-preview-price {
    align-items: flex-start;
    color: #555;
    display: flex;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    position: absolute;
    right: 15px;
    text-align: right;
    top: 20px; }
    @media only screen and (max-width: 768px) {
      /* line 894, /rails/app/assets/stylesheets/default/_products.sass */
      .product-preview .product-preview-price {
        top: 10px; } }
    /* line 910, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview .product-preview-price .text-line-through {
      font-weight: 400;
      margin-right: 5px;
      transform: scale(0.8); }
    /* line 915, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview .product-preview-price small {
      font-size: 12px;
      font-weight: 400;
      line-height: 12px;
      margin-left: -2px;
      vertical-align: top; }
  /* line 922, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .product-preview-badges {
    position: absolute;
    left: 16px;
    text-align: right;
    top: 16px;
    z-index: 1; }
    @media only screen and (max-width: 768px) {
      /* line 922, /rails/app/assets/stylesheets/default/_products.sass */
      .product-preview .product-preview-badges {
        left: 13px;
        text-align: center;
        top: 13px;
        z-index: 0; } }
  /* line 936, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .badge {
    margin-bottom: 4px;
    opacity: 1;
    transition: opacity 0.2s ease; }
    @media only screen and (max-width: 768px) {
      /* line 936, /rails/app/assets/stylesheets/default/_products.sass */
      .product-preview .badge {
        opacity: 1 !important; } }
  /* line 944, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview.product-preview-simple {
    margin-right: -1px;
    flex-basis: 200px; }
  /* line 948, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview.product-bundle-preview {
    margin-right: -1px;
    max-width: 600px;
    flex-basis: 400px; }
  /* line 953, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview.product-preview-landings-page {
    height: 100%;
    margin-right: 0; }
    /* line 957, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview.product-preview-landings-page .product-preview-simple {
      height: 100%;
      justify-content: center;
      padding: 5px; }
  @media only screen and (max-width: 768px) {
    /* line 881, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview {
      border: 1px solid #e8e8e8;
      border-left: none;
      border-top: none;
      border-radius: 0;
      margin: 0;
      flex-basis: 50%; }
      /* line 970, /rails/app/assets/stylesheets/default/_products.sass */
      .product-preview:nth-child(1), .product-preview:nth-child(2) {
        border-top: 1px solid #e8e8e8; }
      /* line 973, /rails/app/assets/stylesheets/default/_products.sass */
      .product-preview:nth-child(2n) {
        border-right: none; } }
  /* line 976, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .product-preview-inner {
    align-items: stretch;
    display: flex;
    flex: 1; }
    @media only screen and (max-width: 768px) {
      /* line 976, /rails/app/assets/stylesheets/default/_products.sass */
      .product-preview .product-preview-inner {
        display: block; } }
  /* line 984, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .product-preview-simple {
    height: 100%;
    padding: 15px;
    position: relative;
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.2s ease; }
  /* line 995, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .product-preview-ranking {
    color: #f1f1f1;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 130px;
    font-weight: bold;
    left: 10px;
    position: absolute;
    top: 30px; }
  /* line 1004, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .product-preview-favorite {
    right: 38px;
    position: absolute;
    top: 48px;
    z-index: 1; }
    @media only screen and (max-width: 768px) {
      /* line 1004, /rails/app/assets/stylesheets/default/_products.sass */
      .product-preview .product-preview-favorite {
        right: 37px;
        top: 40px; } }
    /* line 1014, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview .product-preview-favorite .favorite {
      font-size: 22px;
      opacity: 1;
      transition: opacity 0.2s ease; }
      @media only screen and (max-width: 768px) {
        /* line 1014, /rails/app/assets/stylesheets/default/_products.sass */
        .product-preview .product-preview-favorite .favorite {
          opacity: 1; } }
    /* line 1022, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview .product-preview-favorite .favorite.filled {
      opacity: 1; }
  /* line 1025, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .product-preview-image {
    height: 320px;
    padding-top: 15px;
    position: relative;
    align-items: center;
    display: flex;
    transition: all 0.8s ease; }
    /* line 1033, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview .product-preview-image img {
      max-height: 100%;
      max-width: 100%; }
    @media only screen and (max-width: 768px) {
      /* line 1025, /rails/app/assets/stylesheets/default/_products.sass */
      .product-preview .product-preview-image {
        height: 200px; } }
  /* line 1040, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .product-preview-name {
    margin-top: 10px;
    width: 100%; }
    /* line 1044, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview .product-preview-name a {
      color: #393633;
      display: block;
      font-family: "jaf-facitweb", sans-serif;
      font-size: 14px;
      font-weight: bold;
      line-height: 18px;
      margin-bottom: 2px;
      letter-spacing: 0.5px;
      text-transform: uppercase; }
    /* line 1055, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview .product-preview-name .star-rating {
      margin: 4px auto 14px auto;
      transform: translateX(-10px); }
    /* line 1059, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview .product-preview-name .star-rating-label {
      color: #b89570;
      font-size: 12px; }
  /* line 1063, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .landings-page-preview {
    background: #b89570;
    border-radius: 5px;
    height: 100%;
    overflow: hidden;
    padding: 10px;
    position: relative;
    width: 100%; }
    /* line 1072, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview .landings-page-preview .content {
      color: #fff; }
  /* line 1076, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview.product-preview-landings-page[data-view-template="top10_auto"] .landings-page-preview {
    background: url(/assets/top-10-mrhop-chris-dabbab7606b27e2004cc123fda14c953099068ec52dc9085d460d18665830388.jpg);
    background-size: cover;
    background-position: right; }
  /* line 1081, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview.product-preview-landings-page[data-view-template="top10_auto"] .landings-page-preview-title {
    color: white; }
  /* line 1084, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .landings-page-preview-background {
    display: none;
    font-size: 200px;
    font-weight: bold;
    left: 50%;
    line-height: 160px;
    margin-top: 8px;
    opacity: 0.05;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translateX(-50%) translateY(-50%); }
  /* line 1097, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .landings-page-preview-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: left;
    position: relative; }
  /* line 1104, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .landings-page-preview-title {
    color: white;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 32px;
    font-weight: bold;
    padding: 5px;
    padding-bottom: 0;
    text-transform: uppercase; }
  /* line 1113, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .landings-page-preview-subtitle {
    color: #523517;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
    padding-top: 0;
    text-transform: uppercase; }
  /* line 1128, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview:hover .product-preview-favorite .favorite {
    opacity: 1; }
  @media only screen and (max-width: 768px) {
    /* line 1122, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview:hover {
      transform: none; } }
  /* line 1134, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview.product-preview-simple:hover, .product-preview.product-bundle-preview:hover, .product-preview.product-preview-landings-page {
    transform: none; }
  /* line 1137, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview:not(.product-preview-landings-page, .campaign-preview):hover {
    background: white;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    z-index: 2; }
    @media only screen and (max-width: 768px) {
      /* line 1137, /rails/app/assets/stylesheets/default/_products.sass */
      .product-preview:not(.product-preview-landings-page, .campaign-preview):hover {
        box-shadow: none; } }
    /* line 1145, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview:not(.product-preview-landings-page, .campaign-preview):hover .product-preview-extended {
      opacity: 1; }
    /* line 1148, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview:not(.product-preview-landings-page, .campaign-preview):hover .product-preview-add-to-cart {
      opacity: 1; }
    /* line 1151, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview:not(.product-preview-landings-page, .campaign-preview):hover .product-preview-image {
      transform: scale(1.05); }
      @media only screen and (max-width: 768px) {
        /* line 1151, /rails/app/assets/stylesheets/default/_products.sass */
        .product-preview:not(.product-preview-landings-page, .campaign-preview):hover .product-preview-image {
          transform: none; } }
  /* line 1157, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .product-preview-add-to-cart {
    width: 100%;
    transition: opacity 0.2s ease; }
    /* line 1163, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview .product-preview-add-to-cart button {
      height: auto;
      margin-bottom: 0;
      padding: 10px;
      width: 100%; }
  /* line 1169, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .product-mobile-add-to-cart {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10; }
    @media only screen and (max-width: 768px) {
      /* line 1169, /rails/app/assets/stylesheets/default/_products.sass */
      .product-preview .product-mobile-add-to-cart {
        display: block; } }
  /* line 1179, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .product-preview-extended {
    border-left: 1px solid #e8e8e8;
    opacity: 0;
    position: relative;
    width: 90px;
    display: flex;
    flex-direction: column;
    transition: opacity 0.2s ease; }
    @media only screen and (max-width: 768px) {
      /* line 1179, /rails/app/assets/stylesheets/default/_products.sass */
      .product-preview .product-preview-extended {
        display: none; } }
  /* line 1191, /rails/app/assets/stylesheets/default/_products.sass */
  .product-preview .product-preview-attribute {
    border-bottom: 1px solid #e8e8e8;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center; }
    /* line 1199, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview .product-preview-attribute:last-child {
      border-bottom: none; }
    /* line 1202, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview .product-preview-attribute label {
      color: #393633;
      display: block;
      font-size: 14px; }
    /* line 1207, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview .product-preview-attribute span {
      color: #393633;
      font-family: "jaf-facitweb", sans-serif;
      font-size: 20px;
      font-weight: bold;
      text-transform: uppercase; }
    /* line 1214, /rails/app/assets/stylesheets/default/_products.sass */
    .product-preview .product-preview-attribute .beer-info-color {
      margin-top: 8px; }

/* line 1219, /rails/app/assets/stylesheets/default/_products.sass */
.campaign-preview .product-preview-simple {
  height: 100%;
  padding: 5px; }
  @media only screen and (max-width: 768px) {
    /* line 1219, /rails/app/assets/stylesheets/default/_products.sass */
    .campaign-preview .product-preview-simple {
      padding: 0px;
      margin-right: 0px; } }

@keyframes fuckwine-hover {
  from {
    transform: translateY(0px); }
  to {
    transform: translateY(-25px); } }
@keyframes fuckwine-shadow-hover {
  from {
    transform: scaleY(0.25) translateX(-50%); }
  to {
    transform: scaleY(0.45) translateX(-50%) scaleX(1.5); } }
/* line 1241, /rails/app/assets/stylesheets/default/_products.sass */
.animated-fuck-wine {
  margin: 40px 10px 0 10px;
  position: relative; }
  /* line 1245, /rails/app/assets/stylesheets/default/_products.sass */
  .animated-fuck-wine img {
    animation: fuckwine-hover 2s infinite alternate ease-in-out;
    display: block;
    position: relative;
    width: 100%;
    z-index: 10; }

/* line 1252, /rails/app/assets/stylesheets/default/_products.sass */
.animated-fuck-wine-shadow {
  animation: fuckwine-shadow-hover 2s infinite alternate ease-in-out;
  background: rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 50px 50px rgba(0, 0, 0, 0.3);
  border-radius: 50px;
  bottom: -40px;
  height: 100px;
  left: 50%;
  position: absolute;
  transform: scaleY(0.25) translateX(-50%);
  width: 100px;
  z-index: 1; }

/* line 1265, /rails/app/assets/stylesheets/default/_products.sass */
.campaign-preview-link {
  background: #139970;
  border-radius: 5px;
  color: white;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  overflow: hidden;
  padding: 10px;
  width: 100%; }
  /* line 1279, /rails/app/assets/stylesheets/default/_products.sass */
  .campaign-preview-link.red-campaign {
    background: #aa1b1f; }
  @media only screen and (max-width: 768px) {
    /* line 1265, /rails/app/assets/stylesheets/default/_products.sass */
    .campaign-preview-link {
      border-radius: 0;
      margin-bottom: 0;
      margin-top: 0; } }
  /* line 1287, /rails/app/assets/stylesheets/default/_products.sass */
  .campaign-preview-link ul {
    list-style: none;
    margin-top: -15px;
    padding: 0; }
  /* line 1292, /rails/app/assets/stylesheets/default/_products.sass */
  .campaign-preview-link ul li {
    text-align: left;
    padding: 0px 0px 6px 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold; }
  /* line 1299, /rails/app/assets/stylesheets/default/_products.sass */
  .campaign-preview-link h2 {
    color: white;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    padding: 10px; }
    /* line 1308, /rails/app/assets/stylesheets/default/_products.sass */
    .campaign-preview-link h2 small {
      color: rgba(0, 0, 0, 0.75);
      font-size: 16px;
      letter-spacing: 0; }

/* line 1313, /rails/app/assets/stylesheets/default/_products.sass */
.adventskalender-preview-link {
  background: #aa1b1f; }

/* line 1318, /rails/app/assets/stylesheets/default/_products.sass */
.beer-info-table {
  background: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  margin-top: 40px; }
  /* line 1323, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-table.beer-info-table-small {
    margin-top: 0; }
  /* line 1326, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-table .beer-info-row {
    display: flex; }
    @media only screen and (max-width: 768px) {
      /* line 1326, /rails/app/assets/stylesheets/default/_products.sass */
      .beer-info-table .beer-info-row {
        flex-wrap: wrap; } }
  /* line 1332, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-table .beer-info-mini, .beer-info-table .beer-info-small, .beer-info-table .beer-info-medium {
    border-left: 3px solid #393633;
    border-top: 3px solid #393633;
    padding: 15px; }
    @media only screen and (max-width: 768px) {
      /* line 1332, /rails/app/assets/stylesheets/default/_products.sass */
      .beer-info-table .beer-info-mini, .beer-info-table .beer-info-small, .beer-info-table .beer-info-medium {
        border-right: 3px solid #393633;
        padding: 10px; } }
    /* line 1341, /rails/app/assets/stylesheets/default/_products.sass */
    .beer-info-table .beer-info-mini label, .beer-info-table .beer-info-small label, .beer-info-table .beer-info-medium label {
      color: #393633;
      display: block;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 10px; }
      @media only screen and (max-width: 768px) {
        /* line 1341, /rails/app/assets/stylesheets/default/_products.sass */
        .beer-info-table .beer-info-mini label, .beer-info-table .beer-info-small label, .beer-info-table .beer-info-medium label {
          margin-bottom: 4px;
          text-align: center; } }
    /* line 1352, /rails/app/assets/stylesheets/default/_products.sass */
    .beer-info-table .beer-info-mini:last-child, .beer-info-table .beer-info-small:last-child, .beer-info-table .beer-info-medium:last-child {
      border-right: 3px solid #393633; }
      @media only screen and (max-width: 768px) {
        /* line 1352, /rails/app/assets/stylesheets/default/_products.sass */
        .beer-info-table .beer-info-mini:last-child, .beer-info-table .beer-info-small:last-child, .beer-info-table .beer-info-medium:last-child {
          flex-basis: 100%; } }
    @media only screen and (max-width: 768px) {
      /* line 1358, /rails/app/assets/stylesheets/default/_products.sass */
      .beer-info-table .beer-info-mini:nth-child(2), .beer-info-table .beer-info-small:nth-child(2), .beer-info-table .beer-info-medium:nth-child(2) {
        border-right: 3px solid #393633; } }
  /* line 1363, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-table .beer-info-row:last-child .beer-info-mini, .beer-info-table .beer-info-row:last-child .beer-info-small, .beer-info-table .beer-info-row:last-child .beer-info-medium {
    border-bottom: 3px solid #393633; }
    @media only screen and (max-width: 768px) {
      /* line 1366, /rails/app/assets/stylesheets/default/_products.sass */
      .beer-info-table .beer-info-row:last-child .beer-info-mini:last-child, .beer-info-table .beer-info-row:last-child .beer-info-small:last-child, .beer-info-table .beer-info-row:last-child .beer-info-medium:last-child {
        border-top: none; } }
  /* line 1370, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-table .beer-info-mini {
    flex: 0.5; }
  /* line 1373, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-table .beer-info-small {
    flex: 1; }
  /* line 1376, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-table .beer-info-medium {
    flex: 2; }
  /* line 1379, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-table .beer-info-number {
    color: #393633;
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    white-space: nowrap; }
    @media only screen and (max-width: 768px) {
      /* line 1379, /rails/app/assets/stylesheets/default/_products.sass */
      .beer-info-table .beer-info-number {
        font-size: 32px;
        line-height: 32px; } }
    /* line 1391, /rails/app/assets/stylesheets/default/_products.sass */
    .beer-info-table .beer-info-number[data-append]:after {
      content: attr(data-append);
      font-size: 20px;
      line-height: 28px;
      vertical-align: top; }
      @media only screen and (max-width: 768px) {
        /* line 1391, /rails/app/assets/stylesheets/default/_products.sass */
        .beer-info-table .beer-info-number[data-append]:after {
          font-size: 16px;
          line-height: 20px; } }
  /* line 1401, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-table.beer-info-table-small .beer-info-number {
    font-size: 28px; }
    /* line 1404, /rails/app/assets/stylesheets/default/_products.sass */
    .beer-info-table.beer-info-table-small .beer-info-number[data-append]:after {
      font-size: 14px;
      line-height: 30px; }
  /* line 1408, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-table .beer-info-glass {
    text-align: center; }
    /* line 1411, /rails/app/assets/stylesheets/default/_products.sass */
    .beer-info-table .beer-info-glass .icon, .beer-info-table .beer-info-glass .star-rating .star:before, .star-rating .beer-info-table .beer-info-glass .star:before, .beer-info-table .beer-info-glass .input-wrapper.valid:after, .beer-info-table .beer-info-glass .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .beer-info-table .beer-info-glass .filter-beer-color-circle:after, .beer-info-table .beer-info-glass .navigation-select:before, .beer-info-table .beer-info-glass .select-dropdown, .beer-info-table .beer-info-glass .site-header-actions .site-header-action-logged-in:before, .site-header-actions .beer-info-table .beer-info-glass .site-header-action-logged-in:before, .beer-info-table .beer-info-glass .breadcrumbs li a:after, .breadcrumbs li .beer-info-table .beer-info-glass a:after, .beer-info-table .beer-info-glass .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .beer-info-table .beer-info-glass a:after, .beer-info-table .beer-info-glass #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .beer-info-table .beer-info-glass .footer-heading-1:after, .beer-info-table .beer-info-glass .dropdown .dropdown-toggle:after, .dropdown .beer-info-table .beer-info-glass .dropdown-toggle:after, .beer-info-table .beer-info-glass .favorite:after, .beer-info-table .beer-info-glass .products-show-info-subtitle a:after, .products-show-info-subtitle .beer-info-table .beer-info-glass a:after, .beer-info-table .beer-info-glass .products-show-usps ul li:before, .products-show-usps ul .beer-info-table .beer-info-glass li:before, .beer-info-table .beer-info-glass .products-show-extras-title.icon-hop:before, .beer-info-table .beer-info-glass .products-show-extras-title.icon-flesjes:before, .beer-info-table .beer-info-glass .faq-list .faq-list-question:before, .faq-list .beer-info-table .beer-info-glass .faq-list-question:before, .beer-info-table .beer-info-glass .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .beer-info-table .beer-info-glass li:before, .beer-info-table .beer-info-glass .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .beer-info-table .beer-info-glass li:before, .beer-info-table .beer-info-glass .beer-finder-step-login ul li:before, .beer-finder-step-login ul .beer-info-table .beer-info-glass li:before, .beer-info-table .beer-info-glass .beer-finder-step ul li > button:after, .beer-finder-step ul .beer-info-table .beer-info-glass li > button:after, .beer-info-table .beer-info-glass .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .beer-info-table .beer-info-glass .untappd-button:after, .beer-info-table .beer-info-glass .beer-finder-step ul li > a:after, .beer-finder-step ul .beer-info-table .beer-info-glass li > a:after, .beer-info-table .beer-info-glass .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .beer-info-table .beer-info-glass .modal-upsell-checkbox:after, .beer-info-table .beer-info-glass .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .beer-info-table .beer-info-glass input[type="checkbox"]:checked + span:before, .beer-info-table .beer-info-glass .quickview-list-item-quantity:before, .beer-info-table .beer-info-glass .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .beer-info-table .beer-info-glass input[type="checkbox"]:checked + span:after {
      font-size: 58px; }
  /* line 1414, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-table .beer-info-text {
    color: #393633;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    text-transform: uppercase;
    align-items: center;
    display: flex; }
    @media only screen and (max-width: 768px) {
      /* line 1414, /rails/app/assets/stylesheets/default/_products.sass */
      .beer-info-table .beer-info-text {
        justify-content: center; } }
  /* line 1426, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-table .beer-info-range {
    background: #e8e8e8;
    border-radius: 2px;
    display: block;
    height: 9px;
    margin: 20px 5px;
    position: relative; }
    /* line 1434, /rails/app/assets/stylesheets/default/_products.sass */
    .beer-info-table .beer-info-range .beer-info-range-value {
      background: #b89570;
      border-radius: 2px;
      color: #555;
      font-size: 14px;
      font-weight: bold;
      height: 9px;
      left: 0;
      position: absolute;
      top: 0; }
      /* line 1445, /rails/app/assets/stylesheets/default/_products.sass */
      .beer-info-table .beer-info-range .beer-info-range-value:after {
        bottom: -20px;
        content: attr(data-info-range-value);
        position: absolute;
        right: 0px;
        transform: translateX(50%); }
      @media only screen and (max-width: 768px) {
        /* line 1434, /rails/app/assets/stylesheets/default/_products.sass */
        .beer-info-table .beer-info-range .beer-info-range-value {
          font-size: 14px; } }

/* line 1455, /rails/app/assets/stylesheets/default/_products.sass */
.beer-info-color {
  border-radius: 23px;
  display: block;
  height: 46px;
  margin: 0 auto;
  width: 46px;
  align-self: center; }
  /* line 1463, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-color.beer-info-color-small {
    border-radius: 10px;
    height: 20px;
    margin: 0;
    width: 20px; }
  /* line 1469, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-color.beer-info-color-white {
    background: linear-gradient(135deg, #f2e99a, #c2ba7b); }
  /* line 1472, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-color.beer-info-color-blonde {
    background: linear-gradient(135deg, #eed056, #bea645); }
  /* line 1475, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-color.beer-info-color-amber {
    background: linear-gradient(135deg, #b25e20, #8e4b1a); }
  /* line 1478, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-color.beer-info-color-red {
    background: linear-gradient(135deg, #c33529, #9c2a21); }
  /* line 1481, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-color.beer-info-color-brown {
    background: linear-gradient(135deg, #814328, #673620); }
  /* line 1484, /rails/app/assets/stylesheets/default/_products.sass */
  .beer-info-color.beer-info-color-black {
    background: linear-gradient(135deg, #231611, #1c120e); }

/* line 1487, /rails/app/assets/stylesheets/default/_products.sass */
.add-to-cart-control {
  align-items: center;
  display: flex;
  justify-content: space-between; }
  /* line 1492, /rails/app/assets/stylesheets/default/_products.sass */
  .add-to-cart-control .add-to-cart-control-add, .add-to-cart-control .add-to-cart-control-subtract {
    background: #F8E9CB;
    border-radius: 3px;
    color: #e2aa2b;
    height: 34px;
    line-height: 34px;
    width: 34px; }
  /* line 1500, /rails/app/assets/stylesheets/default/_products.sass */
  .add-to-cart-control .add-to-cart-control-add {
    background: #e2aa2b;
    color: white; }
  /* line 1504, /rails/app/assets/stylesheets/default/_products.sass */
  .add-to-cart-control input {
    border: 1px solid #888684;
    border-radius: 3px;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 15px;
    font-weight: 700;
    height: 34px;
    text-align: center;
    width: 50px; }
    /* line 1514, /rails/app/assets/stylesheets/default/_products.sass */
    .add-to-cart-control input:focus {
      border-color: #e2aa2b;
      outline: none; }

/* line 1519, /rails/app/assets/stylesheets/default/_products.sass */
.add-to-cart-form:not(.open) .add-to-cart-control {
  justify-content: flex-end; }
  /* line 1522, /rails/app/assets/stylesheets/default/_products.sass */
  .add-to-cart-form:not(.open) .add-to-cart-control .add-to-cart-control-subtract, .add-to-cart-form:not(.open) .add-to-cart-control input {
    display: none; }

/* line 1527, /rails/app/assets/stylesheets/default/_products.sass */
.add-to-cart-form.max-stock-level-reached:before {
  opacity: 1;
  transform: translateY(calc(-100% - 15px)); }

/* line 1531, /rails/app/assets/stylesheets/default/_products.sass */
.add-to-cart-form {
  position: relative; }
  /* line 1534, /rails/app/assets/stylesheets/default/_products.sass */
  .add-to-cart-form:before {
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
    color: #393633;
    content: "Meer heb ik helaas niet op voorraad";
    display: block;
    font-size: 12px;
    font-family: "jaf-facitweb", sans-serif;
    opacity: 0;
    padding: 7px;
    position: absolute;
    top: 0px;
    transform: translateY(-100%);
    transition: all 0.2s ease;
    width: 100%; }

/* line 1, /rails/app/assets/stylesheets/default/_checkout.sass */
html {
  height: 100%;
  min-height: 100%; }

/* line 5, /rails/app/assets/stylesheets/default/_checkout.sass */
body[data-layout-template='checkout'] {
  background: #fff;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding-top: 0; }
  /* line 12, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .input-quantity {
    max-width: 170px; }
    /* line 15, /rails/app/assets/stylesheets/default/_checkout.sass */
    body[data-layout-template='checkout'] .input-quantity input {
      max-width: 100px; }
  /* line 18, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .wizard {
    background: #fff;
    position: fixed;
    top: 69px;
    width: 100%;
    z-index: 10; }
    @media only screen and (max-width: 768px) {
      /* line 18, /rails/app/assets/stylesheets/default/_checkout.sass */
      body[data-layout-template='checkout'] .wizard {
        top: 50px; } }
  /* line 28, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .usp-banner {
    display: none; }
  /* line 31, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .site-header {
    border-top: none;
    top: 0px; }
  /* line 37, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .site-header > .container {
    display: flex; }
    @media only screen and (max-width: 768px) {
      /* line 37, /rails/app/assets/stylesheets/default/_checkout.sass */
      body[data-layout-template='checkout'] .site-header > .container {
        display: block;
        height: auto; }
        /* line 44, /rails/app/assets/stylesheets/default/_checkout.sass */
        body[data-layout-template='checkout'] .site-header > .container .logo {
          background-position: 20px center;
          margin: 0;
          transform: scale(0.75);
          transform-origin: left center; } }
  /* line 50, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .checkout-safe {
    color: #e8e8e8;
    font-size: 15px;
    font-family: "jaf-facitweb", sans-serif;
    font-weight: bold;
    line-height: 69px;
    text-align: right;
    text-transform: uppercase;
    padding: 0 20px;
    flex: 1; }
    @media only screen and (max-width: 768px) {
      /* line 50, /rails/app/assets/stylesheets/default/_checkout.sass */
      body[data-layout-template='checkout'] .checkout-safe {
        font-size: 13px;
        height: 100%;
        line-height: 50px;
        position: absolute;
        top: 0;
        right: 0;
        overflow: hidden;
        max-width: 50%; } }
    /* line 71, /rails/app/assets/stylesheets/default/_checkout.sass */
    body[data-layout-template='checkout'] .checkout-safe .icon, body[data-layout-template='checkout'] .checkout-safe .star-rating .star:before, .star-rating body[data-layout-template='checkout'] .checkout-safe .star:before, body[data-layout-template='checkout'] .checkout-safe .input-wrapper.valid:after, body[data-layout-template='checkout'] .checkout-safe .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors body[data-layout-template='checkout'] .checkout-safe .filter-beer-color-circle:after, body[data-layout-template='checkout'] .checkout-safe .navigation-select:before, body[data-layout-template='checkout'] .checkout-safe .select-dropdown, body[data-layout-template='checkout'] .checkout-safe .site-header-actions .site-header-action-logged-in:before, .site-header-actions body[data-layout-template='checkout'] .checkout-safe .site-header-action-logged-in:before, body[data-layout-template='checkout'] .checkout-safe .breadcrumbs li a:after, .breadcrumbs li body[data-layout-template='checkout'] .checkout-safe a:after, body[data-layout-template='checkout'] .checkout-safe .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li body[data-layout-template='checkout'] .checkout-safe a:after, body[data-layout-template='checkout'] .checkout-safe #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] body[data-layout-template='checkout'] .checkout-safe .footer-heading-1:after, body[data-layout-template='checkout'] .checkout-safe .dropdown .dropdown-toggle:after, .dropdown body[data-layout-template='checkout'] .checkout-safe .dropdown-toggle:after, body[data-layout-template='checkout'] .checkout-safe .favorite:after, body[data-layout-template='checkout'] .checkout-safe .products-show-info-subtitle a:after, .products-show-info-subtitle body[data-layout-template='checkout'] .checkout-safe a:after, body[data-layout-template='checkout'] .checkout-safe .products-show-usps ul li:before, .products-show-usps ul body[data-layout-template='checkout'] .checkout-safe li:before, body[data-layout-template='checkout'] .checkout-safe .products-show-extras-title.icon-hop:before, body[data-layout-template='checkout'] .checkout-safe .products-show-extras-title.icon-flesjes:before, body[data-layout-template='checkout'] .checkout-safe .faq-list .faq-list-question:before, .faq-list body[data-layout-template='checkout'] .checkout-safe .faq-list-question:before, body[data-layout-template='checkout'] .checkout-safe .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul body[data-layout-template='checkout'] .checkout-safe li:before, body[data-layout-template='checkout'] .checkout-safe .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol body[data-layout-template='checkout'] .checkout-safe li:before, body[data-layout-template='checkout'] .checkout-safe .beer-finder-step-login ul li:before, .beer-finder-step-login ul body[data-layout-template='checkout'] .checkout-safe li:before, body[data-layout-template='checkout'] .checkout-safe .beer-finder-step ul li > button:after, .beer-finder-step ul body[data-layout-template='checkout'] .checkout-safe li > button:after, body[data-layout-template='checkout'] .checkout-safe .beer-finder-step ul .untappd-button:after, .beer-finder-step ul body[data-layout-template='checkout'] .checkout-safe .untappd-button:after, body[data-layout-template='checkout'] .checkout-safe .beer-finder-step ul li > a:after, .beer-finder-step ul body[data-layout-template='checkout'] .checkout-safe li > a:after, body[data-layout-template='checkout'] .checkout-safe .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container body[data-layout-template='checkout'] .checkout-safe .modal-upsell-checkbox:after, body[data-layout-template='checkout'] .checkout-safe .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label body[data-layout-template='checkout'] .checkout-safe input[type="checkbox"]:checked + span:before, body[data-layout-template='checkout'] .checkout-safe .quickview-list-item-quantity:before, body[data-layout-template='checkout'] .checkout-safe .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox body[data-layout-template='checkout'] .checkout-safe input[type="checkbox"]:checked + span:after {
      margin-right: 4px; }
  /* line 74, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .checkout-wrapper {
    background: #fff;
    display: flex;
    flex-direction: column;
    flex: 1; }
    /* line 80, /rails/app/assets/stylesheets/default/_checkout.sass */
    body[data-layout-template='checkout'] .checkout-wrapper > .flex {
      flex: 1; }
  /* line 83, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .checkout-wrapper-inner {
    display: flex;
    flex-direction: column;
    flex: 1; }
    /* line 88, /rails/app/assets/stylesheets/default/_checkout.sass */
    body[data-layout-template='checkout'] .checkout-wrapper-inner > .flex {
      flex: 1; }
  @media only screen and (max-width: 768px) {
    /* line 91, /rails/app/assets/stylesheets/default/_checkout.sass */
    body[data-layout-template='checkout'] .flex {
      display: block; } }
  /* line 95, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .checkout-container {
    padding: 40px 20px;
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto; }
    /* line 102, /rails/app/assets/stylesheets/default/_checkout.sass */
    body[data-layout-template='checkout'] .checkout-container button.button[type="submit"], body[data-layout-template='checkout'] .checkout-container input.button[type="submit"] {
      margin-bottom: 20px; }
    @media only screen and (max-width: 768px) {
      /* line 95, /rails/app/assets/stylesheets/default/_checkout.sass */
      body[data-layout-template='checkout'] .checkout-container {
        padding: 15px; }
        /* line 108, /rails/app/assets/stylesheets/default/_checkout.sass */
        body[data-layout-template='checkout'] .checkout-container > div > .flex, body[data-layout-template='checkout'] .checkout-container > .flex, body[data-layout-template='checkout'] .checkout-container form.flex {
          display: block; } }
    /* line 111, /rails/app/assets/stylesheets/default/_checkout.sass */
    body[data-layout-template='checkout'] .checkout-container.no-padding {
      padding: 0;
      padding-top: 20px; }
  @media only screen and (max-width: 768px) {
    /* line 115, /rails/app/assets/stylesheets/default/_checkout.sass */
    body[data-layout-template='checkout'] .checkout-heading-container {
      display: none; } }
  /* line 119, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .checkout-content {
    flex: 2; }
  /* line 122, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .checkout-content-container {
    padding: 40px 20px;
    max-width: 660px;
    margin: 0 auto; }
  /* line 127, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .checkout-sidebar {
    background: #f6f6f6;
    flex: 1; }
    @media only screen and (max-width: 768px) {
      /* line 127, /rails/app/assets/stylesheets/default/_checkout.sass */
      body[data-layout-template='checkout'] .checkout-sidebar {
        margin-left: 0;
        max-width: none; } }
    /* line 135, /rails/app/assets/stylesheets/default/_checkout.sass */
    body[data-layout-template='checkout'] .checkout-sidebar h3 {
      color: #888684; }
  /* line 138, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .checkout-sidebar-container {
    padding: 40px 20px;
    max-width: 380px;
    margin: 0 auto; }
  /* line 143, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .checkout-blocks {
    display: flex; }
    @media only screen and (max-width: 768px) {
      /* line 143, /rails/app/assets/stylesheets/default/_checkout.sass */
      body[data-layout-template='checkout'] .checkout-blocks {
        flex-direction: column; } }
  /* line 149, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .checkout-block {
    border: 1px solid #d1d1d1;
    color: #888684;
    margin-bottom: 20px;
    padding: 20px;
    flex: 1; }
    /* line 156, /rails/app/assets/stylesheets/default/_checkout.sass */
    body[data-layout-template='checkout'] .checkout-block table {
      margin: 0; }
    /* line 159, /rails/app/assets/stylesheets/default/_checkout.sass */
    body[data-layout-template='checkout'] .checkout-block:last-child {
      border-left: none;
      margin-right: 0; }
      @media only screen and (max-width: 768px) {
        /* line 159, /rails/app/assets/stylesheets/default/_checkout.sass */
        body[data-layout-template='checkout'] .checkout-block:last-child {
          border-left: 1px solid #d1d1d1; } }
    /* line 166, /rails/app/assets/stylesheets/default/_checkout.sass */
    body[data-layout-template='checkout'] .checkout-block:first-child {
      border-left: 1px solid #d1d1d1; }
  /* line 169, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .checkout-block-divider {
    border: none;
    border-bottom: 1px solid #e8e8e8;
    margin: 14px -20px; }
  /* line 175, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .checkout-totals table:last-child {
    margin-bottom: 0; }
  /* line 178, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .checkout-block-summary {
    margin-top: 20px;
    min-height: 44px;
    align-items: center;
    display: flex; }
    /* line 184, /rails/app/assets/stylesheets/default/_checkout.sass */
    body[data-layout-template='checkout'] .checkout-block-summary div {
      font-size: 15px;
      line-height: 20px; }
    /* line 188, /rails/app/assets/stylesheets/default/_checkout.sass */
    body[data-layout-template='checkout'] .checkout-block-summary strong {
      font-weight: 600; }
    /* line 191, /rails/app/assets/stylesheets/default/_checkout.sass */
    body[data-layout-template='checkout'] .checkout-block-summary img {
      margin-right: 8px; }
  /* line 194, /rails/app/assets/stylesheets/default/_checkout.sass */
  body[data-layout-template='checkout'] .checkout-footer {
    border-top: 1px solid #e8e8e8; }
    /* line 197, /rails/app/assets/stylesheets/default/_checkout.sass */
    body[data-layout-template='checkout'] .checkout-footer .checkout-content-container {
      padding: 20px; }
    /* line 200, /rails/app/assets/stylesheets/default/_checkout.sass */
    body[data-layout-template='checkout'] .checkout-footer .button {
      margin-bottom: 20px; }
    @media only screen and (max-width: 768px) {
      /* line 204, /rails/app/assets/stylesheets/default/_checkout.sass */
      body[data-layout-template='checkout'] .checkout-footer a.button {
        display: none; }
      /* line 207, /rails/app/assets/stylesheets/default/_checkout.sass */
      body[data-layout-template='checkout'] .checkout-footer > .checkout-container {
        padding: 15px !important; }
      /* line 210, /rails/app/assets/stylesheets/default/_checkout.sass */
      body[data-layout-template='checkout'] .checkout-footer .pull-right {
        float: none;
        width: 100%; }
      /* line 214, /rails/app/assets/stylesheets/default/_checkout.sass */
      body[data-layout-template='checkout'] .checkout-footer .button.button-primary {
        display: block !important;
        margin: 0 !important;
        width: 100%; } }

/* line 222, /rails/app/assets/stylesheets/default/_checkout.sass */
#checkout_optional_password .form-title {
  margin-top: 30px; }

@media only screen and (max-width: 768px) {
  /* line 227, /rails/app/assets/stylesheets/default/_checkout.sass */
  .checkout-table-container {
    margin: 0 -15px; } }

/* line 231, /rails/app/assets/stylesheets/default/_checkout.sass */
.checkout-table {
  margin-top: 1px; }
  /* line 235, /rails/app/assets/stylesheets/default/_checkout.sass */
  .checkout-table tr td {
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    padding-bottom: 20px;
    padding-top: 20px; }
    /* line 241, /rails/app/assets/stylesheets/default/_checkout.sass */
    .checkout-table tr td a {
      color: #393633; }
  /* line 244, /rails/app/assets/stylesheets/default/_checkout.sass */
  .checkout-table tr:first-child td {
    border-top: none; }
  /* line 247, /rails/app/assets/stylesheets/default/_checkout.sass */
  .checkout-table tr:last-child td {
    border-bottom: none; }
  /* line 250, /rails/app/assets/stylesheets/default/_checkout.sass */
  .checkout-table tr img {
    display: block;
    margin: 0 auto; }
  /* line 254, /rails/app/assets/stylesheets/default/_checkout.sass */
  .checkout-table tr strong {
    font-size: 18px; }
    @media only screen and (max-width: 768px) {
      /* line 254, /rails/app/assets/stylesheets/default/_checkout.sass */
      .checkout-table tr strong {
        font-size: 14px; } }
  /* line 260, /rails/app/assets/stylesheets/default/_checkout.sass */
  .checkout-table .form-select select {
    height: 32px; }

/* line 265, /rails/app/assets/stylesheets/default/_checkout.sass */
.checkout-overview-table tr td, .checkout-overview-table tr th {
  font-size: 14px;
  line-height: 18px; }

/* line 271, /rails/app/assets/stylesheets/default/_checkout.sass */
.checkout-overview-image {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  height: 75px;
  margin-right: 10px;
  padding: 5px;
  position: relative;
  width: 75px; }
  /* line 281, /rails/app/assets/stylesheets/default/_checkout.sass */
  .checkout-overview-image:before {
    background: #c7c6c2;
    border-radius: 12px;
    color: #fff;
    content: attr(data-badge);
    display: block;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    position: absolute;
    left: -5px;
    text-align: center;
    top: -5px;
    width: 24px; }

/* line 298, /rails/app/assets/stylesheets/default/_checkout.sass */
.address-autocomplete-preview {
  display: none; }

/* line 301, /rails/app/assets/stylesheets/default/_checkout.sass */
.address-autocomplete-fields {
  display: flex;
  flex-direction: column; }
  /* line 305, /rails/app/assets/stylesheets/default/_checkout.sass */
  .address-autocomplete-fields .address-autocomplete-street-wrapper {
    flex: 3; }

/* line 309, /rails/app/assets/stylesheets/default/_checkout.sass */
.address-autocomplete.active .address-autocomplete-fields {
  flex-direction: row; }
  /* line 312, /rails/app/assets/stylesheets/default/_checkout.sass */
  .address-autocomplete.active .address-autocomplete-fields .form-group {
    flex: 1; }
  /* line 315, /rails/app/assets/stylesheets/default/_checkout.sass */
  .address-autocomplete.active .address-autocomplete-fields .form-group:first-child {
    padding-right: 5px; }
  /* line 318, /rails/app/assets/stylesheets/default/_checkout.sass */
  .address-autocomplete.active .address-autocomplete-fields .form-group:last-child {
    padding-left: 5px; }
/* line 321, /rails/app/assets/stylesheets/default/_checkout.sass */
.address-autocomplete.active .address-autocomplete-preview {
  display: block; }
/* line 324, /rails/app/assets/stylesheets/default/_checkout.sass */
.address-autocomplete.active .address-autocomplete-hide {
  display: none; }

/* line 329, /rails/app/assets/stylesheets/default/_checkout.sass */
.checkout-success-content {
  align-items: flex-end;
  display: flex; }
  @media only screen and (max-width: 768px) {
    /* line 329, /rails/app/assets/stylesheets/default/_checkout.sass */
    .checkout-success-content {
      flex-direction: column; } }

/* line 338, /rails/app/assets/stylesheets/default/_checkout.sass */
.checkout-success-image {
  flex: 3;
  margin-right: 20px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    /* line 338, /rails/app/assets/stylesheets/default/_checkout.sass */
    .checkout-success-image {
      order: 2; } }
  /* line 346, /rails/app/assets/stylesheets/default/_checkout.sass */
  .checkout-success-image img {
    display: block;
    width: 100%; }

/* line 350, /rails/app/assets/stylesheets/default/_checkout.sass */
.checkout-success-list {
  padding: 60px 0;
  flex: 3; }
  @media only screen and (max-width: 768px) {
    /* line 350, /rails/app/assets/stylesheets/default/_checkout.sass */
    .checkout-success-list {
      padding-top: 0;
      position: relative;
      z-index: 2; } }
  /* line 359, /rails/app/assets/stylesheets/default/_checkout.sass */
  .checkout-success-list ol li {
    line-height: 24px;
    padding-left: 34px;
    position: relative; }
    /* line 364, /rails/app/assets/stylesheets/default/_checkout.sass */
    .checkout-success-list ol li:before {
      left: 0px;
      position: absolute; }

/* line 368, /rails/app/assets/stylesheets/default/_checkout.sass */
.checkout-success-cap {
  margin-top: -20px;
  position: absolute;
  z-index: 1; }

/* line 373, /rails/app/assets/stylesheets/default/_checkout.sass */
.checkout-success-beer {
  margin-top: -50px;
  position: absolute;
  right: -100px;
  z-index: 1; }
  @media only screen and (max-width: 768px) {
    /* line 373, /rails/app/assets/stylesheets/default/_checkout.sass */
    .checkout-success-beer {
      opacity: 0.1; } }

/* line 382, /rails/app/assets/stylesheets/default/_checkout.sass */
.checkout-success-footer {
  position: relative; }
  @media only screen and (max-width: 768px) {
    /* line 382, /rails/app/assets/stylesheets/default/_checkout.sass */
    .checkout-success-footer {
      text-align: center; } }
  /* line 388, /rails/app/assets/stylesheets/default/_checkout.sass */
  .checkout-success-footer p {
    margin-right: 20px; }
    @media only screen and (max-width: 768px) {
      /* line 388, /rails/app/assets/stylesheets/default/_checkout.sass */
      .checkout-success-footer p {
        margin-right: 0; } }
  /* line 394, /rails/app/assets/stylesheets/default/_checkout.sass */
  .checkout-success-footer .button {
    margin-left: 20px; }
    @media only screen and (max-width: 768px) {
      /* line 394, /rails/app/assets/stylesheets/default/_checkout.sass */
      .checkout-success-footer .button {
        margin-left: 0; } }

/* line 400, /rails/app/assets/stylesheets/default/_checkout.sass */
.checkout-gift-card {
  align-items: center;
  background: white;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  display: flex;
  float: right;
  margin-bottom: 5px;
  max-width: 200px;
  padding-left: 10px;
  width: 100%; }
  /* line 412, /rails/app/assets/stylesheets/default/_checkout.sass */
  .checkout-gift-card small {
    color: #888684;
    font-size: 11px;
    flex: 1; }
  /* line 417, /rails/app/assets/stylesheets/default/_checkout.sass */
  .checkout-gift-card strong {
    color: #139970;
    font-size: 16px; }
  /* line 421, /rails/app/assets/stylesheets/default/_checkout.sass */
  .checkout-gift-card a {
    color: #c7c6c2;
    display: block;
    line-height: 34px;
    text-align: center;
    width: 30px; }
    /* line 428, /rails/app/assets/stylesheets/default/_checkout.sass */
    .checkout-gift-card a:hover {
      color: #555; }

/* line 431, /rails/app/assets/stylesheets/default/_checkout.sass */
.checkout-success-header {
  align-items: center;
  background: #555;
  box-sizing: border-box;
  display: flex;
  height: 54px;
  padding: 12px 20px; }
  @media only screen and (max-width: 768px) {
    /* line 431, /rails/app/assets/stylesheets/default/_checkout.sass */
    .checkout-success-header {
      height: 37px;
      padding: 10px; } }
  /* line 443, /rails/app/assets/stylesheets/default/_checkout.sass */
  .checkout-success-header .logo {
    display: block;
    height: 30px; }
    @media only screen and (max-width: 768px) {
      /* line 443, /rails/app/assets/stylesheets/default/_checkout.sass */
      .checkout-success-header .logo {
        height: 17px; } }
    /* line 450, /rails/app/assets/stylesheets/default/_checkout.sass */
    .checkout-success-header .logo img {
      height: 100%; }

/* line 454, /rails/app/assets/stylesheets/default/_checkout.sass */
.checkout-success-socials {
  background: #f6f6f6;
  padding-top: 50px; }

/* line 3, /rails/app/assets/stylesheets/default/_account.sass */
.account-container {
  display: flex; }
  @media only screen and (max-width: 768px) {
    /* line 3, /rails/app/assets/stylesheets/default/_account.sass */
    .account-container {
      flex-direction: column; } }
  /* line 9, /rails/app/assets/stylesheets/default/_account.sass */
  .account-container .account-navigation {
    background: #eeece4;
    flex: 2; }
  /* line 13, /rails/app/assets/stylesheets/default/_account.sass */
  .account-container .account-detail {
    background: #fff;
    flex: 3; }
  /* line 17, /rails/app/assets/stylesheets/default/_account.sass */
  .account-container .account-navigation-content {
    margin: 0 auto;
    max-width: 380px;
    padding: 140px 20px; }
    @media only screen and (max-width: 768px) {
      /* line 17, /rails/app/assets/stylesheets/default/_account.sass */
      .account-container .account-navigation-content {
        padding: 32px 20px 20px 20px; } }
    /* line 25, /rails/app/assets/stylesheets/default/_account.sass */
    .account-container .account-navigation-content h1 {
      font-family: "Hoboken", "jaf-facitweb", sans-serif;
      font-size: 48px; }
      @media only screen and (max-width: 768px) {
        /* line 25, /rails/app/assets/stylesheets/default/_account.sass */
        .account-container .account-navigation-content h1 {
          font-size: 32px;
          margin-bottom: 20px; } }
    /* line 33, /rails/app/assets/stylesheets/default/_account.sass */
    .account-container .account-navigation-content .content {
      color: #555;
      margin-top: 0; }
  /* line 37, /rails/app/assets/stylesheets/default/_account.sass */
  .account-container .account-detail-header {
    background: url(/assets/account-bg-187d13f3ff5181b388a59ed5fa62a285619f6676fc871e5a0b02684ccf37d328.jpg);
    background-size: cover;
    padding: 20px; }
    @media only screen and (max-width: 768px) {
      /* line 37, /rails/app/assets/stylesheets/default/_account.sass */
      .account-container .account-detail-header {
        display: none; } }
    /* line 45, /rails/app/assets/stylesheets/default/_account.sass */
    .account-container .account-detail-header .account-detail-header-inside {
      margin: 0 auto;
      max-width: 600px;
      padding-top: 135px; }
    /* line 50, /rails/app/assets/stylesheets/default/_account.sass */
    .account-container .account-detail-header h2 {
      color: #fff;
      font-family: "proxima-nova", sans-serif;
      font-weight: 600; }
    /* line 55, /rails/app/assets/stylesheets/default/_account.sass */
    .account-container .account-detail-header .content {
      color: #fff;
      margin: 0; }
      /* line 59, /rails/app/assets/stylesheets/default/_account.sass */
      .account-container .account-detail-header .content a {
        color: #b89570;
        font-weight: 600; }
  /* line 63, /rails/app/assets/stylesheets/default/_account.sass */
  .account-container .account-detail-content {
    margin: 0 auto;
    max-width: 640px;
    padding: 20px; }
    @media only screen and (max-width: 768px) {
      /* line 68, /rails/app/assets/stylesheets/default/_account.sass */
      .account-container .account-detail-content .flex {
        flex-direction: column; } }

/* line 75, /rails/app/assets/stylesheets/default/_account.sass */
.account-navigation nav ul {
  list-style: none;
  margin: 0;
  padding: 0; }
/* line 80, /rails/app/assets/stylesheets/default/_account.sass */
.account-navigation nav ul li a {
  color: #b89570;
  display: block;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 50px; }
/* line 88, /rails/app/assets/stylesheets/default/_account.sass */
.account-navigation nav ul li a:hover {
  color: #93775a; }
/* line 91, /rails/app/assets/stylesheets/default/_account.sass */
.account-navigation nav ul li.active a {
  color: #393633; }

/* line 96, /rails/app/assets/stylesheets/default/_account.sass */
.login-content {
  background: #fff;
  margin: 80px auto;
  max-width: 940px;
  padding: 40px; }
  /* line 102, /rails/app/assets/stylesheets/default/_account.sass */
  .login-content .subheading {
    margin-bottom: 20px; }
  /* line 105, /rails/app/assets/stylesheets/default/_account.sass */
  .login-content .main-content {
    padding: 20px 0px; }
  /* line 108, /rails/app/assets/stylesheets/default/_account.sass */
  .login-content .main-content:first-child {
    padding-right: 40px; }
  /* line 111, /rails/app/assets/stylesheets/default/_account.sass */
  .login-content .main-content:last-child {
    padding-left: 40px; }
  /* line 114, /rails/app/assets/stylesheets/default/_account.sass */
  .login-content .main-content:not(:first-child) {
    border-left: 1px solid #e8e8e8; }
  @media only screen and (max-width: 768px) {
    /* line 96, /rails/app/assets/stylesheets/default/_account.sass */
    .login-content {
      margin: 0; }
      /* line 120, /rails/app/assets/stylesheets/default/_account.sass */
      .login-content.container {
        padding: 15px; }
      /* line 123, /rails/app/assets/stylesheets/default/_account.sass */
      .login-content .flex {
        flex-direction: column; }
      /* line 126, /rails/app/assets/stylesheets/default/_account.sass */
      .login-content .main-content:first-child, .login-content .main-content:last-child {
        border: none;
        padding-left: 0;
        padding-right: 0; } }
  /* line 131, /rails/app/assets/stylesheets/default/_account.sass */
  .login-content form {
    margin: 0 auto;
    max-width: 340px; }

/* line 137, /rails/app/assets/stylesheets/default/_account.sass */
.account-order {
  border: 1px solid #c7c6c2;
  border-radius: 4px;
  margin-bottom: 20px;
  display: flex; }
  @media only screen and (max-width: 768px) {
    /* line 137, /rails/app/assets/stylesheets/default/_account.sass */
    .account-order {
      flex-direction: column; } }
  /* line 146, /rails/app/assets/stylesheets/default/_account.sass */
  .account-order .account-order-details {
    padding: 14px;
    display: flex;
    flex: 1; }
    @media only screen and (max-width: 768px) {
      /* line 146, /rails/app/assets/stylesheets/default/_account.sass */
      .account-order .account-order-details {
        padding-bottom: 6px;
        flex-direction: column; } }
    /* line 155, /rails/app/assets/stylesheets/default/_account.sass */
    .account-order .account-order-details .account-order-details-table, .account-order .account-order-details .account-order-details-preview {
      flex: 1; }
  /* line 158, /rails/app/assets/stylesheets/default/_account.sass */
  .account-order .account-order-status {
    border-left: 1px solid #c7c6c2;
    display: flex;
    flex-direction: column; }
    @media only screen and (max-width: 768px) {
      /* line 158, /rails/app/assets/stylesheets/default/_account.sass */
      .account-order .account-order-status {
        border-left: none;
        border-top: 1px solid #c7c6c2;
        flex-direction: row; } }
    /* line 168, /rails/app/assets/stylesheets/default/_account.sass */
    .account-order .account-order-status .account-order-current-state {
      border-bottom: 1px solid #c7c6c2;
      color: #888684;
      font-size: 15px;
      font-weight: bold;
      align-items: center;
      display: flex;
      justify-content: center;
      flex: 1; }
      @media only screen and (max-width: 768px) {
        /* line 168, /rails/app/assets/stylesheets/default/_account.sass */
        .account-order .account-order-status .account-order-current-state {
          border-bottom: none;
          padding: 10px 14px;
          justify-content: flex-start; } }
    /* line 183, /rails/app/assets/stylesheets/default/_account.sass */
    .account-order .account-order-status a {
      margin: 14px; }
      @media only screen and (max-width: 768px) {
        /* line 183, /rails/app/assets/stylesheets/default/_account.sass */
        .account-order .account-order-status a {
          margin: 10px 14px; } }
  @media only screen and (max-width: 768px) {
    /* line 189, /rails/app/assets/stylesheets/default/_account.sass */
    .account-order .account-order-details-table-container {
      border-bottom: 1px solid #c7c6c2;
      margin: 0 -14px;
      margin-bottom: 6px;
      padding: 0 14px 14px 14px; } }
  /* line 196, /rails/app/assets/stylesheets/default/_account.sass */
  .account-order .account-order-details-table {
    color: #555;
    font-size: 14px;
    line-height: 18px; }
    @media only screen and (max-width: 768px) {
      /* line 196, /rails/app/assets/stylesheets/default/_account.sass */
      .account-order .account-order-details-table {
        width: 100%; } }
    /* line 204, /rails/app/assets/stylesheets/default/_account.sass */
    .account-order .account-order-details-table td a {
      color: #b89570;
      font-weight: 600; }
    /* line 208, /rails/app/assets/stylesheets/default/_account.sass */
    .account-order .account-order-details-table td {
      padding-right: 12px; }
  /* line 211, /rails/app/assets/stylesheets/default/_account.sass */
  .account-order .account-order-details-preview {
    align-items: center;
    display: flex; }
  /* line 215, /rails/app/assets/stylesheets/default/_account.sass */
  .account-order .account-order-details-item {
    position: relative;
    width: 60px; }
    /* line 219, /rails/app/assets/stylesheets/default/_account.sass */
    .account-order .account-order-details-item .icon, .account-order .account-order-details-item .star-rating .star:before, .star-rating .account-order .account-order-details-item .star:before, .account-order .account-order-details-item .input-wrapper.valid:after, .account-order .account-order-details-item .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .account-order .account-order-details-item .filter-beer-color-circle:after, .account-order .account-order-details-item .navigation-select:before, .account-order .account-order-details-item .select-dropdown, .account-order .account-order-details-item .site-header-actions .site-header-action-logged-in:before, .site-header-actions .account-order .account-order-details-item .site-header-action-logged-in:before, .account-order .account-order-details-item .breadcrumbs li a:after, .breadcrumbs li .account-order .account-order-details-item a:after, .account-order .account-order-details-item .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .account-order .account-order-details-item a:after, .account-order .account-order-details-item #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .account-order .account-order-details-item .footer-heading-1:after, .account-order .account-order-details-item .dropdown .dropdown-toggle:after, .dropdown .account-order .account-order-details-item .dropdown-toggle:after, .account-order .account-order-details-item .favorite:after, .account-order .account-order-details-item .products-show-info-subtitle a:after, .products-show-info-subtitle .account-order .account-order-details-item a:after, .account-order .account-order-details-item .products-show-usps ul li:before, .products-show-usps ul .account-order .account-order-details-item li:before, .account-order .account-order-details-item .products-show-extras-title.icon-hop:before, .account-order .account-order-details-item .products-show-extras-title.icon-flesjes:before, .account-order .account-order-details-item .faq-list .faq-list-question:before, .faq-list .account-order .account-order-details-item .faq-list-question:before, .account-order .account-order-details-item .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .account-order .account-order-details-item li:before, .account-order .account-order-details-item .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .account-order .account-order-details-item li:before, .account-order .account-order-details-item .beer-finder-step-login ul li:before, .beer-finder-step-login ul .account-order .account-order-details-item li:before, .account-order .account-order-details-item .beer-finder-step ul li > button:after, .beer-finder-step ul .account-order .account-order-details-item li > button:after, .account-order .account-order-details-item .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .account-order .account-order-details-item .untappd-button:after, .account-order .account-order-details-item .beer-finder-step ul li > a:after, .beer-finder-step ul .account-order .account-order-details-item li > a:after, .account-order .account-order-details-item .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .account-order .account-order-details-item .modal-upsell-checkbox:after, .account-order .account-order-details-item .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .account-order .account-order-details-item input[type="checkbox"]:checked + span:before, .account-order .account-order-details-item .quickview-list-item-quantity:before, .account-order .account-order-details-item .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .account-order .account-order-details-item input[type="checkbox"]:checked + span:after {
      color: #c7c6c2;
      font-size: 60px; }
    /* line 223, /rails/app/assets/stylesheets/default/_account.sass */
    .account-order .account-order-details-item[data-badge]:after {
      background: #fff;
      border: 2px solid #c7c6c2;
      border-radius: 16px;
      color: #555;
      content: attr(data-badge);
      display: block;
      font-size: 16px;
      font-weight: bold;
      height: 30px;
      left: 14px;
      line-height: 27px;
      position: absolute;
      text-align: center;
      top: 20px;
      width: 30px; }
    /* line 240, /rails/app/assets/stylesheets/default/_account.sass */
    .account-order .account-order-details-item img {
      display: block;
      margin: 0 auto; }

/* line 246, /rails/app/assets/stylesheets/default/_account.sass */
.account-order-item {
  margin-bottom: 14px;
  align-items: center;
  display: flex; }
  /* line 251, /rails/app/assets/stylesheets/default/_account.sass */
  .account-order-item .account-order-item-image {
    border: 1px solid #c7c6c2;
    border-radius: 3px;
    height: 74px;
    margin-right: 18px;
    padding: 5px;
    width: 74px; }
    /* line 259, /rails/app/assets/stylesheets/default/_account.sass */
    .account-order-item .account-order-item-image img {
      display: block;
      margin: 0 auto; }
  /* line 263, /rails/app/assets/stylesheets/default/_account.sass */
  .account-order-item .account-order-item-details {
    flex: 1; }
    /* line 266, /rails/app/assets/stylesheets/default/_account.sass */
    .account-order-item .account-order-item-details .account-order-item-description {
      color: #393633;
      display: block;
      font-size: 18px;
      font-weight: 600; }
      @media only screen and (max-width: 768px) {
        /* line 266, /rails/app/assets/stylesheets/default/_account.sass */
        .account-order-item .account-order-item-details .account-order-item-description {
          font-size: 14px; } }
  /* line 275, /rails/app/assets/stylesheets/default/_account.sass */
  .account-order-item .account-order-item-total {
    color: #393633;
    font-size: 18px;
    font-weight: 600;
    text-align: right; }
    @media only screen and (max-width: 768px) {
      /* line 275, /rails/app/assets/stylesheets/default/_account.sass */
      .account-order-item .account-order-item-total {
        display: none; } }

/* line 1, /rails/app/assets/stylesheets/default/_password.sass */
.password-strength-indicator {
  margin-top: 8px; }
  /* line 4, /rails/app/assets/stylesheets/default/_password.sass */
  .password-strength-indicator .bar {
    border-radius: 3px;
    height: 3px;
    margin-bottom: 8px;
    opacity: 0.2;
    transition: all 0.2s ease; }
  /* line 11, /rails/app/assets/stylesheets/default/_password.sass */
  .password-strength-indicator .label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    transition: color 0.2s ease; }
  /* line 18, /rails/app/assets/stylesheets/default/_password.sass */
  .password-strength-indicator.pw-very-weak .bar {
    background: #aa1b1f;
    width: 20%; }
  /* line 22, /rails/app/assets/stylesheets/default/_password.sass */
  .password-strength-indicator.pw-very-weak .label {
    color: #aa1b1f; }
  /* line 26, /rails/app/assets/stylesheets/default/_password.sass */
  .password-strength-indicator.pw-weak .bar {
    background: orange;
    width: 40%; }
  /* line 30, /rails/app/assets/stylesheets/default/_password.sass */
  .password-strength-indicator.pw-weak .label {
    color: orange; }
  /* line 34, /rails/app/assets/stylesheets/default/_password.sass */
  .password-strength-indicator.pw-mediocre .bar {
    background: #e2aa2b;
    width: 60%; }
  /* line 38, /rails/app/assets/stylesheets/default/_password.sass */
  .password-strength-indicator.pw-mediocre .label {
    color: #e2aa2b; }
  /* line 42, /rails/app/assets/stylesheets/default/_password.sass */
  .password-strength-indicator.pw-strong .bar {
    background: #139970;
    width: 80%; }
  /* line 46, /rails/app/assets/stylesheets/default/_password.sass */
  .password-strength-indicator.pw-strong .label {
    color: #139970; }
  /* line 50, /rails/app/assets/stylesheets/default/_password.sass */
  .password-strength-indicator.pw-very-strong .bar {
    background: #139970;
    opacity: 0.5;
    width: 100%; }
  /* line 55, /rails/app/assets/stylesheets/default/_password.sass */
  .password-strength-indicator.pw-very-strong .label {
    color: #005c3e; }

/* line 1, /rails/app/assets/stylesheets/default/_errors.sass */
body[data-layout-template="errors"] {
  background: #fff; }

/* line 4, /rails/app/assets/stylesheets/default/_errors.sass */
.error-page-container {
  margin: 0 auto;
  max-width: 940px;
  align-items: center;
  display: flex; }
  @media only screen and (max-width: 768px) {
    /* line 4, /rails/app/assets/stylesheets/default/_errors.sass */
    .error-page-container {
      flex-direction: column; } }

/* line 13, /rails/app/assets/stylesheets/default/_errors.sass */
.error-page-message {
  padding-right: 40px;
  flex: 3; }
  @media only screen and (max-width: 768px) {
    /* line 13, /rails/app/assets/stylesheets/default/_errors.sass */
    .error-page-message {
      padding: 15px; } }

/* line 20, /rails/app/assets/stylesheets/default/_errors.sass */
.error-page-image {
  flex: 4; }

/* line 23, /rails/app/assets/stylesheets/default/_errors.sass */
.error-page-image {
  margin: 60px 24px;
  position: relative; }
  /* line 27, /rails/app/assets/stylesheets/default/_errors.sass */
  .error-page-image:before {
    background: #eeebe8;
    content: " ";
    display: block;
    height: 80%;
    left: -24px;
    position: absolute;
    right: -24px;
    top: -24px; }
  /* line 37, /rails/app/assets/stylesheets/default/_errors.sass */
  .error-page-image img {
    position: relative;
    width: 100%; }

/* line 3, /rails/app/assets/stylesheets/default/_pages.sass */
.page-hero-header {
  padding: 100px 0; }
  @media only screen and (max-width: 768px) {
    /* line 3, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-hero-header {
      padding: 40px 0; } }
  /* line 9, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-hero-header p {
    font-size: 18px;
    margin: 10px auto;
    max-width: 560px;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      /* line 9, /rails/app/assets/stylesheets/default/_pages.sass */
      .page-hero-header p {
        font-size: 16px; } }
  /* line 20, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-hero-header.page-hero-header-dark {
    background: #393633;
    background-position: center;
    background-size: cover;
    position: relative; }
    /* line 26, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-hero-header.page-hero-header-dark:before {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1; }
    /* line 36, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-hero-header.page-hero-header-dark:after {
      background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
      content: " ";
      display: block;
      height: 100%;
      left: 0px;
      position: absolute;
      top: 0px;
      width: 100%; }
    /* line 46, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-hero-header.page-hero-header-dark h1, .page-hero-header.page-hero-header-dark h2, .page-hero-header.page-hero-header-dark h3, .page-hero-header.page-hero-header-dark h4, .page-hero-header.page-hero-header-dark h5, .page-hero-header.page-hero-header-dark h6, .page-hero-header.page-hero-header-dark .heading-1, .page-hero-header.page-hero-header-dark .heading-2, .page-hero-header.page-hero-header-dark .heading-3, .page-hero-header.page-hero-header-dark p {
      color: white;
      position: relative;
      z-index: 1; }
    /* line 51, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-hero-header.page-hero-header-dark h1, .page-hero-header.page-hero-header-dark .heading-1 {
      font-size: 42px; }
      @media only screen and (max-width: 768px) {
        /* line 51, /rails/app/assets/stylesheets/default/_pages.sass */
        .page-hero-header.page-hero-header-dark h1, .page-hero-header.page-hero-header-dark .heading-1 {
          font-size: 32px; } }
    /* line 57, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-hero-header.page-hero-header-dark .heading-underline:after {
      background: #b89570; }
  /* line 60, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-hero-header.page-hero-header-video {
    padding: 0; }
    /* line 63, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-hero-header.page-hero-header-video .container {
      padding: 0;
      z-index: 1; }
    /* line 67, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-hero-header.page-hero-header-video .js-player {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); }

/* line 75, /rails/app/assets/stylesheets/default/_pages.sass */
.page-ranking-top-3 {
  background: linear-gradient(135deg, #333333, #11100f);
  max-width: 100%;
  min-height: 1000px; }
  @media only screen and (max-width: 768px) {
    /* line 75, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-ranking-top-3 {
      overflow: hidden; } }

/* line 83, /rails/app/assets/stylesheets/default/_pages.sass */
.page-ranking-top {
  border-bottom: 1px solid #555;
  padding: 50px 0;
  display: flex; }
  @media only screen and (max-width: 768px) {
    /* line 83, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-ranking-top {
      display: block; } }
  /* line 91, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-ranking-top:last-child {
    border-bottom: none; }
  /* line 94, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-ranking-top:nth-child(2n) {
    flex-direction: row-reverse; }
  /* line 97, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-ranking-top h2 {
    color: white; }
  /* line 100, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-ranking-top .page-ranking-top-image {
    position: relative;
    align-items: center;
    display: flex;
    justify-content: center;
    flex: 1; }
    @media only screen and (max-width: 768px) {
      /* line 100, /rails/app/assets/stylesheets/default/_pages.sass */
      .page-ranking-top .page-ranking-top-image {
        float: left; } }
    /* line 110, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-ranking-top .page-ranking-top-image .page-ranking-top-number {
      color: white;
      font-family: "jaf-facitweb", sans-serif;
      font-size: 320px;
      font-weight: bold;
      left: 0px;
      opacity: 0.1;
      position: absolute;
      top: 0px; }
      @media only screen and (max-width: 768px) {
        /* line 110, /rails/app/assets/stylesheets/default/_pages.sass */
        .page-ranking-top .page-ranking-top-image .page-ranking-top-number {
          font-size: 100px; } }
    /* line 123, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-ranking-top .page-ranking-top-image img {
      display: block;
      margin: 0 auto;
      max-height: 360px;
      position: relative;
      z-index: 1; }
      @media only screen and (max-width: 768px) {
        /* line 123, /rails/app/assets/stylesheets/default/_pages.sass */
        .page-ranking-top .page-ranking-top-image img {
          max-height: 120px;
          margin: 0 10px 0 30px; } }
  /* line 134, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-ranking-top .page-ranking-top-details {
    flex: 2; }
    @media only screen and (max-width: 768px) {
      /* line 137, /rails/app/assets/stylesheets/default/_pages.sass */
      .page-ranking-top .page-ranking-top-details .heading-1 {
        font-size: 24px; } }
    /* line 141, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-ranking-top .page-ranking-top-details .star-rating {
      display: inline-block;
      margin-top: 8px; }
    /* line 145, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-ranking-top .page-ranking-top-details .content {
      color: #c7c6c2;
      flex: 1; }
    /* line 149, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-ranking-top .page-ranking-top-details .table {
      color: #c7c6c2;
      font-size: 15px;
      font-weight: bold;
      margin-left: 36px;
      margin-top: 24px;
      width: auto; }
      /* line 157, /rails/app/assets/stylesheets/default/_pages.sass */
      .page-ranking-top .page-ranking-top-details .table tr td:first-child {
        padding-right: 16px; }
    @media only screen and (max-width: 768px) {
      /* line 134, /rails/app/assets/stylesheets/default/_pages.sass */
      .page-ranking-top .page-ranking-top-details {
        padding: 15px; }
        /* line 163, /rails/app/assets/stylesheets/default/_pages.sass */
        .page-ranking-top .page-ranking-top-details .flex {
          flex-direction: column; }
        /* line 166, /rails/app/assets/stylesheets/default/_pages.sass */
        .page-ranking-top .page-ranking-top-details .table-container {
          background: #393633;
          border-radius: 4px;
          margin: 0;
          padding: 15px 0; }
        /* line 172, /rails/app/assets/stylesheets/default/_pages.sass */
        .page-ranking-top .page-ranking-top-details .table {
          margin: 0;
          width: 100%; } }
  /* line 176, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-ranking-top .page-ranking-top-actions {
    margin-top: 20px; }
    @media only screen and (max-width: 768px) {
      /* line 176, /rails/app/assets/stylesheets/default/_pages.sass */
      .page-ranking-top .page-ranking-top-actions {
        display: flex; }
        /* line 182, /rails/app/assets/stylesheets/default/_pages.sass */
        .page-ranking-top .page-ranking-top-actions a {
          padding-left: 10px;
          padding-right: 10px;
          white-space: nowrap; }
        /* line 187, /rails/app/assets/stylesheets/default/_pages.sass */
        .page-ranking-top .page-ranking-top-actions button {
          padding-left: 10px;
          padding-right: 10px; } }

/* line 191, /rails/app/assets/stylesheets/default/_pages.sass */
.page-ranking-top-10 {
  background: white;
  padding: 50px 0;
  width: 100%; }
  /* line 196, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-ranking-top-10 .small-content-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); }
    @media only screen and (max-width: 768px) {
      /* line 196, /rails/app/assets/stylesheets/default/_pages.sass */
      .page-ranking-top-10 .small-content-container {
        grid-template-columns: repeat(2, 1fr); } }
  @media only screen and (max-width: 768px) {
    /* line 191, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-ranking-top-10 {
      padding: 15px 0; } }
  /* line 206, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-ranking-top-10 .page-ranking-description {
    margin-right: -20px;
    min-width: 350px;
    max-width: 400px;
    padding: 15px;
    padding-right: 50px;
    flex: 1;
    flex-basis: 205px; }
    @media only screen and (max-width: 768px) {
      /* line 206, /rails/app/assets/stylesheets/default/_pages.sass */
      .page-ranking-top-10 .page-ranking-description {
        border-bottom: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
        margin-right: 0;
        max-width: none;
        min-width: 0px;
        padding: 25px;
        flex-basis: 280px; }
        /* line 224, /rails/app/assets/stylesheets/default/_pages.sass */
        .page-ranking-top-10 .page-ranking-description .content {
          margin: 0; } }
    /* line 227, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-ranking-top-10 .page-ranking-description .homepage-title {
      margin-top: 20px; }
      @media only screen and (max-width: 768px) {
        /* line 227, /rails/app/assets/stylesheets/default/_pages.sass */
        .page-ranking-top-10 .page-ranking-description .homepage-title {
          font-size: 28px;
          margin: 0; }
          /* line 234, /rails/app/assets/stylesheets/default/_pages.sass */
          .page-ranking-top-10 .page-ranking-description .homepage-title small {
            font-size: 22px; } }
  @media only screen and (max-width: 768px) {
    /* line 237, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-ranking-top-10 .product-preview {
      max-width: none;
      flex-basis: 280px; } }

/* line 244, /rails/app/assets/stylesheets/default/_pages.sass */
.page-hero-glass {
  margin-bottom: 150px;
  padding-bottom: 0; }
  @media only screen and (max-width: 768px) {
    /* line 244, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-hero-glass {
      margin-bottom: 0;
      padding-bottom: 50px; } }

/* line 252, /rails/app/assets/stylesheets/default/_pages.sass */
.page-hero-glass-images {
  margin-top: 25px;
  position: relative;
  z-index: 10;
  display: flex; }

/* line 258, /rails/app/assets/stylesheets/default/_pages.sass */
.page-hero-glass-image {
  position: relative;
  align-items: flex-end;
  display: flex;
  justify-content: center;
  flex: 1; }
  /* line 265, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-hero-glass-image .page-hero-glass-label {
    background: #005c3e;
    border-radius: 45px;
    color: #fff;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 22px;
    font-weight: bold;
    height: 90px;
    line-height: 90px;
    position: absolute;
    right: 100px;
    text-align: center;
    top: 0px;
    width: 90px; }
  /* line 280, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-hero-glass-image:first-child .page-hero-glass-label {
    top: 100px; }
  /* line 283, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-hero-glass-image img {
    display: block; }
  /* line 287, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-hero-glass-image.page-hero-bonhop-image .page-hero-glass-label {
    right: 50px;
    top: -40px; }

/* line 291, /rails/app/assets/stylesheets/default/_pages.sass */
.page-hero-glass-descriptions {
  background: #fff;
  border: 1px solid #c7c6c2;
  margin-bottom: -120px;
  margin-top: 25px;
  position: relative;
  z-index: 10;
  display: flex; }
  /* line 300, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-hero-glass-descriptions .page-hero-glass-description {
    padding: 0 20px;
    margin: 20px 0;
    text-align: center;
    flex: 1; }
    /* line 306, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-hero-glass-descriptions .page-hero-glass-description:before {
      border-bottom: 14px solid #fff;
      border-left: 14px solid transparent;
      border-right: 14px solid transparent;
      content: " ";
      height: 0;
      left: 75%;
      position: absolute;
      top: -14px;
      width: 0;
      transform: translateX(-50%); }
    /* line 318, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-hero-glass-descriptions .page-hero-glass-description:first-child {
      border-right: 1px solid #e8e8e8; }
      /* line 321, /rails/app/assets/stylesheets/default/_pages.sass */
      .page-hero-glass-descriptions .page-hero-glass-description:first-child:before {
        left: 25%; }
    /* line 324, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-hero-glass-descriptions .page-hero-glass-description h2 {
      font-family: "Hoboken", "jaf-facitweb", sans-serif;
      font-size: 32px;
      margin: 10px 0; }
    /* line 329, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-hero-glass-descriptions .page-hero-glass-description h2, .page-hero-glass-descriptions .page-hero-glass-description p {
      color: #393633; }
    /* line 332, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-hero-glass-descriptions .page-hero-glass-description p {
      color: #555;
      font-size: 15px;
      line-height: 24px; }

/* line 337, /rails/app/assets/stylesheets/default/_pages.sass */
.glass-index {
  background: #fff;
  margin-top: 225px; }
  /* line 341, /rails/app/assets/stylesheets/default/_pages.sass */
  .glass-index.glass-index-larger {
    margin-top: 300px; }
    @media only screen and (max-width: 768px) {
      /* line 341, /rails/app/assets/stylesheets/default/_pages.sass */
      .glass-index.glass-index-larger {
        margin-top: 0px; } }
  @media only screen and (max-width: 768px) {
    /* line 337, /rails/app/assets/stylesheets/default/_pages.sass */
    .glass-index {
      margin-top: 0px; }
      /* line 350, /rails/app/assets/stylesheets/default/_pages.sass */
      .glass-index .xsmall-content-container {
        padding: 20px; } }

/* line 353, /rails/app/assets/stylesheets/default/_pages.sass */
.glass-index-image {
  margin-bottom: 50px;
  margin-top: -225px;
  max-height: 450px;
  overflow: hidden; }

/* line 359, /rails/app/assets/stylesheets/default/_pages.sass */
.glass-index-video {
  margin-bottom: 100px;
  margin-top: -300px; }
  @media only screen and (max-width: 768px) {
    /* line 359, /rails/app/assets/stylesheets/default/_pages.sass */
    .glass-index-video {
      margin-bottom: 0;
      margin-top: 0; } }

/* line 367, /rails/app/assets/stylesheets/default/_pages.sass */
.glass-index-image img {
  width: 100%; }

/* line 370, /rails/app/assets/stylesheets/default/_pages.sass */
.glass-description, .glass-details {
  flex: 1; }

/* line 373, /rails/app/assets/stylesheets/default/_pages.sass */
.glass-description .button-primary {
  margin-top: 10px; }

/* line 376, /rails/app/assets/stylesheets/default/_pages.sass */
.glass-details {
  background: #eeece4;
  margin-bottom: 25%;
  margin-left: 80px;
  min-height: 100px;
  padding: 10px; }
  @media only screen and (max-width: 768px) {
    /* line 383, /rails/app/assets/stylesheets/default/_pages.sass */
    .glass-details.bonhop-details {
      margin-bottom: 20px; }
      /* line 387, /rails/app/assets/stylesheets/default/_pages.sass */
      .glass-details.bonhop-details .beer-info-small {
        border-right: 3px solid #393633; }
      /* line 390, /rails/app/assets/stylesheets/default/_pages.sass */
      .glass-details.bonhop-details img {
        height: 140px;
        margin-bottom: 20px;
        margin-top: 20px;
        transform: none; } }
  @media only screen and (max-width: 768px) {
    /* line 376, /rails/app/assets/stylesheets/default/_pages.sass */
    .glass-details {
      margin-bottom: 50px;
      margin-left: 0; }
      /* line 400, /rails/app/assets/stylesheets/default/_pages.sass */
      .glass-details .beer-info-row label {
        display: none; }
      /* line 403, /rails/app/assets/stylesheets/default/_pages.sass */
      .glass-details .beer-info-number {
        font-size: 14px; }
      /* line 406, /rails/app/assets/stylesheets/default/_pages.sass */
      .glass-details .beer-info-text {
        height: 24px; } }
  /* line 409, /rails/app/assets/stylesheets/default/_pages.sass */
  .glass-details img {
    display: block;
    margin: 0 auto;
    margin-bottom: -50%;
    margin-top: 50px; }
    @media only screen and (max-width: 768px) {
      /* line 409, /rails/app/assets/stylesheets/default/_pages.sass */
      .glass-details img {
        height: 100px;
        margin-bottom: -65%;
        margin-top: 10px;
        transform: translateX(100%); } }
  /* line 421, /rails/app/assets/stylesheets/default/_pages.sass */
  .glass-details:first-child {
    margin-left: auto;
    margin-right: 80px; }
    @media only screen and (max-width: 768px) {
      /* line 421, /rails/app/assets/stylesheets/default/_pages.sass */
      .glass-details:first-child {
        margin-left: 0;
        margin-right: 0; } }

/* line 431, /rails/app/assets/stylesheets/default/_pages.sass */
.glass-form {
  overflow: hidden;
  display: flex; }
  @media only screen and (max-width: 768px) {
    /* line 431, /rails/app/assets/stylesheets/default/_pages.sass */
    .glass-form {
      flex-direction: column; }
      /* line 438, /rails/app/assets/stylesheets/default/_pages.sass */
      .glass-form .glass-details {
        order: -1; } }

/* line 443, /rails/app/assets/stylesheets/default/_pages.sass */
.page-bundles {
  background: #fff; }
  /* line 446, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-bundles .products-index {
    justify-content: center; }
  @media only screen and (max-width: 768px) {
    /* line 449, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-bundles .container.flex.small-content-container {
      display: block; } }
  /* line 453, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-bundles .page-bundle-highlight, .page-bundles .page-bundle-secondary-highlight {
    background: #eeece4;
    padding: 60px 0; }
    @media only screen and (max-width: 768px) {
      /* line 453, /rails/app/assets/stylesheets/default/_pages.sass */
      .page-bundles .page-bundle-highlight, .page-bundles .page-bundle-secondary-highlight {
        padding: 20px; } }
    /* line 460, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-bundles .page-bundle-highlight .star-rating-label, .page-bundles .page-bundle-secondary-highlight .star-rating-label {
      color: #c7c6c2;
      font-family: "jaf-facitweb", sans-serif;
      font-size: 16px; }
    /* line 465, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-bundles .page-bundle-highlight .container, .page-bundles .page-bundle-secondary-highlight .container {
      display: flex; }
      @media only screen and (max-width: 768px) {
        /* line 465, /rails/app/assets/stylesheets/default/_pages.sass */
        .page-bundles .page-bundle-highlight .container, .page-bundles .page-bundle-secondary-highlight .container {
          flex-direction: column; } }
    /* line 471, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-bundles .page-bundle-highlight .page-bundle-higlight-image, .page-bundles .page-bundle-secondary-highlight .page-bundle-higlight-image {
      padding-right: 60px;
      position: relative;
      flex: 1; }
      /* line 476, /rails/app/assets/stylesheets/default/_pages.sass */
      .page-bundles .page-bundle-highlight .page-bundle-higlight-image img, .page-bundles .page-bundle-secondary-highlight .page-bundle-higlight-image img {
        display: block;
        width: 100%; }
    /* line 480, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-bundles .page-bundle-highlight .page-bundle-higlight-details, .page-bundles .page-bundle-secondary-highlight .page-bundle-higlight-details {
      flex: 1; }
  /* line 483, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-bundles .page-bundle-secondary-highlight {
    padding: 60px 80px;
    display: flex; }
    @media only screen and (max-width: 768px) {
      /* line 483, /rails/app/assets/stylesheets/default/_pages.sass */
      .page-bundles .page-bundle-secondary-highlight {
        padding: 20px;
        flex-direction: column-reverse; } }
    /* line 491, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-bundles .page-bundle-secondary-highlight .page-bundle-higlight-image {
      padding-left: 60px;
      padding-right: 0; }
      @media only screen and (max-width: 768px) {
        /* line 491, /rails/app/assets/stylesheets/default/_pages.sass */
        .page-bundles .page-bundle-secondary-highlight .page-bundle-higlight-image {
          padding-left: 0; } }
  /* line 498, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-bundles .page-bundle-highlight-image-badge {
    background: #005c3e;
    border-radius: 45px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    height: 90px;
    left: 50px;
    position: absolute;
    top: 50px;
    width: 90px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    /* line 514, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-bundles .page-bundle-highlight-image-badge .text-line-through {
      font-size: 15px;
      font-weight: 400;
      margin-bottom: 2px; }

/* line 522, /rails/app/assets/stylesheets/default/_pages.sass */
.page-landing .sidebar {
  max-width: 400px; }
@media only screen and (max-width: 768px) {
  /* line 526, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-landing .sidebar {
    max-width: none; }
  /* line 529, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-landing .container > .main-content {
    padding: 20px; } }

/* line 532, /rails/app/assets/stylesheets/default/_pages.sass */
.page-landing-header {
  background: #393633;
  background-position: center;
  background-size: cover;
  padding-top: 100px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    /* line 532, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-landing-header {
      padding-top: 0px; }
      /* line 542, /rails/app/assets/stylesheets/default/_pages.sass */
      .page-landing-header .sidebar {
        margin: 0px; } }
  /* line 545, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-landing-header:after {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    content: " ";
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%; }
  /* line 555, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-landing-header h1, .page-landing-header h2, .page-landing-header h3, .page-landing-header h4, .page-landing-header h5, .page-landing-header h6, .page-landing-header .heading-1, .page-landing-header .heading-2, .page-landing-header .heading-3, .page-landing-header .content {
    color: white;
    position: relative;
    z-index: 1; }
    /* line 560, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-landing-header h1 img, .page-landing-header h2 img, .page-landing-header h3 img, .page-landing-header h4 img, .page-landing-header h5 img, .page-landing-header h6 img, .page-landing-header .heading-1 img, .page-landing-header .heading-2 img, .page-landing-header .heading-3 img, .page-landing-header .content img {
      height: auto;
      width: 100%; }
  /* line 564, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-landing-header .heading-underline:after {
    background: #b89570; }
  /* line 567, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-landing-header h1 {
    padding-top: 20px; }
  @media only screen and (max-width: 768px) {
    /* line 571, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-landing-header .flex {
      flex-direction: column; } }

/* line 574, /rails/app/assets/stylesheets/default/_pages.sass */
.page-landing-sidebar {
  background: #f9f4ef;
  padding: 40px;
  position: absolute;
  width: 90%;
  z-index: 1; }
  @media only screen and (max-width: 768px) {
    /* line 574, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-landing-sidebar {
      padding: 20px;
      position: relative;
      width: 100%; } }
  /* line 586, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-landing-sidebar .products-show-support {
    border-top: 1px solid #c7c6c2;
    margin: 40px -40px -40px -40px;
    padding: 20px 40px; }
    /* line 591, /rails/app/assets/stylesheets/default/_pages.sass */
    .page-landing-sidebar .products-show-support h4 {
      color: #393633; }
  /* line 594, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-landing-sidebar .content {
    color: #555;
    margin: 0; }
  /* line 598, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-landing-sidebar h1, .page-landing-sidebar h2, .page-landing-sidebar h3, .page-landing-sidebar h4, .page-landing-sidebar h5, .page-landing-sidebar h6 {
    color: #b89570; }
  /* line 601, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-landing-sidebar h1, .page-landing-sidebar h2 {
    font-family: "Hoboken", "jaf-facitweb", sans-serif;
    line-height: 36px;
    margin: 0;
    padding: 0; }

/* line 607, /rails/app/assets/stylesheets/default/_pages.sass */
.page-landing-ribbon {
  background: #005c3e;
  color: #fff; }
  /* line 611, /rails/app/assets/stylesheets/default/_pages.sass */
  .page-landing-ribbon .heading {
    color: #fff; }

/* line 616, /rails/app/assets/stylesheets/default/_pages.sass */
.faq-list {
  list-style: none;
  margin: 0;
  margin-top: 20px;
  padding: 0; }
  /* line 622, /rails/app/assets/stylesheets/default/_pages.sass */
  .faq-list .faq-list-question {
    border-bottom: 1px solid #e8e8e8;
    color: #555;
    cursor: pointer;
    font-size: 16px;
    padding: 12px 0;
    padding-left: 40px;
    position: relative; }
    /* line 631, /rails/app/assets/stylesheets/default/_pages.sass */
    .faq-list .faq-list-question:before {
      color: #005c3e;
      font-size: 12px;
      left: 0px;
      position: absolute;
      text-align: center;
      width: 40px;
      transition: all 0.3s ease; }
  /* line 641, /rails/app/assets/stylesheets/default/_pages.sass */
  .faq-list .faq-list-answer {
    display: none;
    padding: 20px 0 10px 40px; }
    /* line 645, /rails/app/assets/stylesheets/default/_pages.sass */
    .faq-list .faq-list-answer img {
      height: auto;
      width: 100%; }
  /* line 649, /rails/app/assets/stylesheets/default/_pages.sass */
  .faq-list li:last-child .faq-list-question {
    border-bottom: none; }
  /* line 652, /rails/app/assets/stylesheets/default/_pages.sass */
  .faq-list li.active .faq-list-question {
    font-weight: bold; }
    /* line 655, /rails/app/assets/stylesheets/default/_pages.sass */
    .faq-list li.active .faq-list-question:before {
      transform: rotateX(180deg); }
  /* line 658, /rails/app/assets/stylesheets/default/_pages.sass */
  .faq-list li.active .faq-list-answer {
    display: block; }

/* line 663, /rails/app/assets/stylesheets/default/_pages.sass */
.video-container {
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative; }
  /* line 669, /rails/app/assets/stylesheets/default/_pages.sass */
  .video-container iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

/* line 3, /rails/app/assets/stylesheets/default/_instagram.sass */
.instagram-grid {
  background: #f6f6f6;
  padding: 10px;
  padding-top: 20px;
  position: relative;
  z-index: 1; }
  @media only screen and (max-width: 768px) {
    /* line 3, /rails/app/assets/stylesheets/default/_instagram.sass */
    .instagram-grid {
      padding: 20px; }
      /* line 13, /rails/app/assets/stylesheets/default/_instagram.sass */
      .instagram-grid .flex {
        display: block; }
      /* line 16, /rails/app/assets/stylesheets/default/_instagram.sass */
      .instagram-grid .sidebar {
        margin-left: 0;
        max-width: none;
        width: auto; }
      /* line 22, /rails/app/assets/stylesheets/default/_instagram.sass */
      .instagram-grid .main-content > img {
        display: none; } }
  /* line 25, /rails/app/assets/stylesheets/default/_instagram.sass */
  .instagram-grid .social-links {
    margin-top: 10px; }
    /* line 28, /rails/app/assets/stylesheets/default/_instagram.sass */
    .instagram-grid .social-links a {
      display: inline-block;
      padding: 2px; }
    /* line 32, /rails/app/assets/stylesheets/default/_instagram.sass */
    .instagram-grid .social-links img {
      vertical-align: middle; }
  /* line 35, /rails/app/assets/stylesheets/default/_instagram.sass */
  .instagram-grid .instagram-title {
    color: #393633;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 26px;
    font-weight: bold;
    padding: 50px 0;
    text-align: center;
    text-transform: uppercase; }
  /* line 44, /rails/app/assets/stylesheets/default/_instagram.sass */
  .instagram-grid .instagram-row {
    display: flex; }
    @media only screen and (max-width: 768px) {
      /* line 44, /rails/app/assets/stylesheets/default/_instagram.sass */
      .instagram-grid .instagram-row {
        display: block;
        margin: 20px -20px 0 -20px;
        overflow-x: scroll;
        white-space: nowrap; } }
    /* line 53, /rails/app/assets/stylesheets/default/_instagram.sass */
    .instagram-grid .instagram-row .instagram-photo {
      position: relative;
      flex: 1; }
      @media only screen and (max-width: 768px) {
        /* line 53, /rails/app/assets/stylesheets/default/_instagram.sass */
        .instagram-grid .instagram-row .instagram-photo {
          display: inline-block;
          height: 260px;
          width: 260px; } }
      /* line 62, /rails/app/assets/stylesheets/default/_instagram.sass */
      .instagram-grid .instagram-row .instagram-photo:after {
        background: transparent;
        bottom: 10px;
        content: " ";
        display: block;
        left: 10px;
        right: 10px;
        position: absolute;
        top: 10px;
        transition: background 0.2s ease; }
      /* line 73, /rails/app/assets/stylesheets/default/_instagram.sass */
      .instagram-grid .instagram-row .instagram-photo img {
        display: block;
        padding: 10px;
        width: 100%; }
      /* line 79, /rails/app/assets/stylesheets/default/_instagram.sass */
      .instagram-grid .instagram-row .instagram-photo:hover:after {
        background: rgba(0, 0, 0, 0.5); }

/* line 83, /rails/app/assets/stylesheets/default/_instagram.sass */
.social-media-buttons {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  width: 100%; }
  @media only screen and (max-width: 768px) {
    /* line 83, /rails/app/assets/stylesheets/default/_instagram.sass */
    .social-media-buttons {
      flex-direction: column; } }
  /* line 93, /rails/app/assets/stylesheets/default/_instagram.sass */
  .social-media-buttons a {
    align-items: center;
    background: white;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    color: #393633;
    display: flex;
    font-size: 14px;
    line-height: 18px;
    margin: 0 10px;
    padding: 15px; }
    @media only screen and (max-width: 768px) {
      /* line 93, /rails/app/assets/stylesheets/default/_instagram.sass */
      .social-media-buttons a {
        margin: 10px 0;
        width: 100%; } }
    /* line 108, /rails/app/assets/stylesheets/default/_instagram.sass */
    .social-media-buttons a:hover {
      background: #f5f5f5; }
    /* line 111, /rails/app/assets/stylesheets/default/_instagram.sass */
    .social-media-buttons a div {
      flex: 1; }
    /* line 114, /rails/app/assets/stylesheets/default/_instagram.sass */
    .social-media-buttons a .icon, .social-media-buttons a .star-rating .star:before, .star-rating .social-media-buttons a .star:before, .social-media-buttons a .input-wrapper.valid:after, .social-media-buttons a .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .social-media-buttons a .filter-beer-color-circle:after, .social-media-buttons a .navigation-select:before, .social-media-buttons a .select-dropdown, .social-media-buttons a .site-header-actions .site-header-action-logged-in:before, .site-header-actions .social-media-buttons a .site-header-action-logged-in:before, .social-media-buttons a .breadcrumbs li a:after, .breadcrumbs li .social-media-buttons a a:after, .social-media-buttons a .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .social-media-buttons a a:after, .social-media-buttons a #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .social-media-buttons a .footer-heading-1:after, .social-media-buttons a .dropdown .dropdown-toggle:after, .dropdown .social-media-buttons a .dropdown-toggle:after, .social-media-buttons a .favorite:after, .social-media-buttons a .products-show-info-subtitle a:after, .products-show-info-subtitle .social-media-buttons a a:after, .social-media-buttons a .products-show-usps ul li:before, .products-show-usps ul .social-media-buttons a li:before, .social-media-buttons a .products-show-extras-title.icon-hop:before, .social-media-buttons a .products-show-extras-title.icon-flesjes:before, .social-media-buttons a .faq-list .faq-list-question:before, .faq-list .social-media-buttons a .faq-list-question:before, .social-media-buttons a .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .social-media-buttons a li:before, .social-media-buttons a .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .social-media-buttons a li:before, .social-media-buttons a .beer-finder-step-login ul li:before, .beer-finder-step-login ul .social-media-buttons a li:before, .social-media-buttons a .beer-finder-step ul li > button:after, .beer-finder-step ul .social-media-buttons a li > button:after, .social-media-buttons a .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .social-media-buttons a .untappd-button:after, .social-media-buttons a .beer-finder-step ul li > a:after, .beer-finder-step ul .social-media-buttons a li > a:after, .social-media-buttons a .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .social-media-buttons a .modal-upsell-checkbox:after, .social-media-buttons a .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .social-media-buttons a input[type="checkbox"]:checked + span:before, .social-media-buttons a .quickview-list-item-quantity:before, .social-media-buttons a .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .social-media-buttons a input[type="checkbox"]:checked + span:after {
      color: #c6945f;
      font-size: 36px;
      margin-right: 10px; }
    /* line 119, /rails/app/assets/stylesheets/default/_instagram.sass */
    .social-media-buttons a strong {
      display: block;
      white-space: nowrap; }
    /* line 123, /rails/app/assets/stylesheets/default/_instagram.sass */
    .social-media-buttons a small {
      color: #555;
      font-size: 14px;
      white-space: nowrap; }
    /* line 128, /rails/app/assets/stylesheets/default/_instagram.sass */
    .social-media-buttons a .button {
      margin-left: 15px; }
    /* line 131, /rails/app/assets/stylesheets/default/_instagram.sass */
    .social-media-buttons a span {
      color: #e2aa2b;
      font-size: 24px;
      font-weight: bold;
      margin-left: 10px; }

/* line 1, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
.shop-reviews {
  margin-top: -60px; }
  @media only screen and (max-width: 768px) {
    /* line 1, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
    .shop-reviews {
      margin-top: 0; } }

/* line 7, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
.shop-review-well {
  background: white;
  border-radius: 4px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  margin: 0 auto 60px auto;
  max-width: 720px;
  padding: 40px 60px;
  position: relative;
  width: 100%;
  z-index: 1; }
  @media only screen and (max-width: 768px) {
    /* line 7, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
    .shop-review-well {
      border-radius: 0;
      margin-bottom: 20px;
      padding: 15px; }
      /* line 23, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
      .shop-review-well .form-group {
        flex-direction: column; }
        /* line 26, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
        .shop-review-well .form-group .input-wrapper {
          margin-bottom: 10px; } }

/* line 29, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
.shop-review-well-small {
  margin: 0 auto;
  padding: 30px; }

/* line 33, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
.shop-review-final-score {
  color: #139970;
  float: right;
  font-size: 50px;
  font-weight: bold; }

/* line 39, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
.shop-review-heading {
  color: #393633;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 21px;
  margin-bottom: 20px; }

/* line 45, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
.shop-review-subheading {
  color: #393633;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 17px;
  margin-bottom: 12px; }

/* line 51, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
.shop-review-gray-bar {
  color: #f6f6f6;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 24px;
  margin-bottom: -60px;
  padding: 35px 0 85px 0;
  text-align: center;
  background: linear-gradient(to right, #393633, #2e2b29); }
  @media only screen and (max-width: 768px) {
    /* line 51, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
    .shop-review-gray-bar {
      padding: 25px 0 85px 0; } }

/* line 64, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
.shop-review-product {
  margin-bottom: 40px; }
  /* line 67, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
  .shop-review-product:last-child {
    margin-bottom: 0; }

/* line 70, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
.shop-review-product-content {
  display: flex; }

/* line 73, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
.shop-review-product-image {
  margin-right: 10px;
  text-align: center;
  padding: 10px 0;
  width: 80px; }
  /* line 79, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
  .shop-review-product-image img {
    display: inline-block; }

/* line 82, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
.shop-review-product-inputs {
  flex: 1; }
  /* line 85, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
  .shop-review-product-inputs input {
    margin-bottom: 10px; }

/* line 88, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
.shop-reviews-widget {
  background: #fff;
  padding-bottom: 35px;
  padding-top: 35px; }
  @media only screen and (max-width: 768px) {
    /* line 88, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
    .shop-reviews-widget {
      padding: 35px 15px 15px 15px; }
      /* line 96, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
      .shop-reviews-widget .container.flex {
        flex-direction: column; }
      /* line 100, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
      .shop-reviews-widget .container.flex:last-child .main-content:last-child .homepage-review {
        border-bottom: none; } }
  /* line 103, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
  .shop-reviews-widget h1.homepage-title {
    color: #b89570; }

/* line 106, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
.shop-reviews-widget-container {
  align-items: center;
  display: flex;
  margin: 0 auto;
  max-width: 1140px;
  padding: 0 20px; }
  @media only screen and (max-width: 768px) {
    /* line 106, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
    .shop-reviews-widget-container {
      flex-direction: column; } }
  /* line 116, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
  .shop-reviews-widget-container > div {
    flex: 1; }
  /* line 119, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
  .shop-reviews-widget-container img {
    display: block;
    width: 100%; }
  /* line 123, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
  .shop-reviews-widget-container .shop-review-well {
    padding-bottom: 10px; }

/* line 126, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
.shop-reviews-widget-team {
  padding-right: 40px; }
  @media only screen and (max-width: 768px) {
    /* line 126, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
    .shop-reviews-widget-team {
      padding: 0;
      order: 10; } }
  /* line 133, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
  .shop-reviews-widget-team img {
    transform: translateY(35px); }

/* line 136, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
.shop-reviews-pagination {
  padding: 20px; }
  /* line 139, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
  .shop-reviews-pagination .pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%; }
  /* line 145, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
  .shop-reviews-pagination span.page a {
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: block;
    margin: 0 2px;
    padding: 5px 10px;
    text-align: center;
    width: 36px; }
    /* line 155, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
    .shop-reviews-pagination span.page a:hover {
      background: #f5f5f5; }
  /* line 158, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
  .shop-reviews-pagination span.page.current {
    border: 1px solid #ddd;
    border-radius: 4px;
    display: block;
    font-weight: 500;
    margin: 0 2px;
    padding: 5px 10px;
    text-align: center;
    width: 36px; }
  /* line 168, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
  .shop-reviews-pagination span.page.gap {
    padding: 5px 10px; }
  /* line 171, /rails/app/assets/stylesheets/default/_shop_reviews.sass */
  .shop-reviews-pagination span.next, .shop-reviews-pagination span.prev, .shop-reviews-pagination span.first, .shop-reviews-pagination span.last {
    display: none; }

/* line 1, /rails/app/assets/stylesheets/default/_static_pages.sass */
.static-page {
  background: #fff;
  position: relative; }
  @media only screen and (max-width: 768px) {
    /* line 1, /rails/app/assets/stylesheets/default/_static_pages.sass */
    .static-page {
      padding: 20px; } }
  /* line 9, /rails/app/assets/stylesheets/default/_static_pages.sass */
  .static-page .content img, .static-page .big-content img {
    height: auto;
    width: 100%; }

/* line 13, /rails/app/assets/stylesheets/default/_static_pages.sass */
.static-page-introduction {
  position: relative; }
  /* line 16, /rails/app/assets/stylesheets/default/_static_pages.sass */
  .static-page-introduction:before {
    background: #eeece4;
    content: " ";
    height: calc(100% + 50px);
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    top: -50px;
    width: 95%; }
    @media only screen and (max-width: 768px) {
      /* line 16, /rails/app/assets/stylesheets/default/_static_pages.sass */
      .static-page-introduction:before {
        display: none; } }

/* line 1, /rails/app/assets/stylesheets/default/_recipes.sass */
.recipe-page {
  background: white;
  padding: 10px 0; }
  @media only screen and (max-width: 768px) {
    /* line 1, /rails/app/assets/stylesheets/default/_recipes.sass */
    .recipe-page {
      padding: 0; }
      /* line 8, /rails/app/assets/stylesheets/default/_recipes.sass */
      .recipe-page .container.flex {
        display: block; }
      /* line 11, /rails/app/assets/stylesheets/default/_recipes.sass */
      .recipe-page .sidebar.recipe-ingredients {
        margin: 0;
        max-width: none; }
      /* line 15, /rails/app/assets/stylesheets/default/_recipes.sass */
      .recipe-page .glass-form {
        padding: 20px; } }

/* line 18, /rails/app/assets/stylesheets/default/_recipes.sass */
.recipe-ingredients {
  align-self: flex-start;
  background: #f6f6f6;
  padding: 48px; }
  @media only screen and (max-width: 768px) {
    /* line 18, /rails/app/assets/stylesheets/default/_recipes.sass */
    .recipe-ingredients {
      padding: 20px; } }
  /* line 26, /rails/app/assets/stylesheets/default/_recipes.sass */
  .recipe-ingredients h2.homepage-title {
    margin-top: 0; }

/* line 29, /rails/app/assets/stylesheets/default/_recipes.sass */
.recipe-ingredients-list {
  margin: 0; }
  /* line 32, /rails/app/assets/stylesheets/default/_recipes.sass */
  .recipe-ingredients-list ul {
    color: #555;
    line-height: 24px;
    font-size: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 24px;
    position: relative; }
    /* line 42, /rails/app/assets/stylesheets/default/_recipes.sass */
    .recipe-ingredients-list ul li {
      margin: 4px 0; }
    /* line 45, /rails/app/assets/stylesheets/default/_recipes.sass */
    .recipe-ingredients-list ul li:before {
      color: #139970;
      font-size: 17px;
      left: 0px;
      position: absolute; }

/* line 52, /rails/app/assets/stylesheets/default/_recipes.sass */
.recipe-steps {
  padding: 36px; }
  @media only screen and (max-width: 768px) {
    /* line 52, /rails/app/assets/stylesheets/default/_recipes.sass */
    .recipe-steps {
      padding: 20px; } }

/* line 1, /rails/app/assets/stylesheets/default/_discover.sass */
.discover-index {
  display: flex;
  flex-wrap: wrap;
  padding-left: 20px;
  padding-top: 100px; }
  @media only screen and (max-width: 768px) {
    /* line 1, /rails/app/assets/stylesheets/default/_discover.sass */
    .discover-index {
      display: block;
      padding: 15px; } }

/* line 11, /rails/app/assets/stylesheets/default/_discover.sass */
.discover-dark-index {
  background: #555;
  padding: 50px 0; }
  @media only screen and (max-width: 768px) {
    /* line 15, /rails/app/assets/stylesheets/default/_discover.sass */
    .discover-dark-index .container.flex {
      display: block;
      padding: 15px; } }
  /* line 20, /rails/app/assets/stylesheets/default/_discover.sass */
  .discover-dark-index h1 {
    color: white; }
  /* line 23, /rails/app/assets/stylesheets/default/_discover.sass */
  .discover-dark-index p.heading-underline {
    color: #e8e8e8;
    font-size: 17px;
    margin-top: 10px; }
  /* line 29, /rails/app/assets/stylesheets/default/_discover.sass */
  .discover-dark-index .discover-post h4 {
    color: white; }
  /* line 32, /rails/app/assets/stylesheets/default/_discover.sass */
  .discover-dark-index .discover-post .content {
    color: #c7c6c2; }

/* line 35, /rails/app/assets/stylesheets/default/_discover.sass */
.discover-post {
  display: block;
  flex: 1;
  margin: 10px;
  min-width: 240px;
  position: relative;
  text-align: left;
  width: 100%; }
  @media only screen and (max-width: 768px) {
    /* line 35, /rails/app/assets/stylesheets/default/_discover.sass */
    .discover-post {
      margin: 0;
      margin-bottom: 40px; }
      /* line 48, /rails/app/assets/stylesheets/default/_discover.sass */
      .discover-post:last-child {
        margin: 0; } }
  /* line 52, /rails/app/assets/stylesheets/default/_discover.sass */
  .discover-post:after {
    background: #139970;
    color: white;
    content: attr(data-label);
    font-family: "jaf-facitweb", sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    padding: 0 8px;
    position: absolute;
    right: 20px;
    text-transform: uppercase;
    top: 0px; }
  /* line 66, /rails/app/assets/stylesheets/default/_discover.sass */
  .discover-post .discover-post-image {
    max-height: 220px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative; }
    /* line 72, /rails/app/assets/stylesheets/default/_discover.sass */
    .discover-post .discover-post-image[data-top10-overlay]:before {
      content: "Top 10";
      color: white;
      font-family: "jaf-facitweb", sans-serif;
      font-size: 18px;
      font-weight: bold;
      line-height: 18px;
      height: 100%;
      left: 0px;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      top: calc(50% - 18px);
      width: 100%; }
    /* line 87, /rails/app/assets/stylesheets/default/_discover.sass */
    .discover-post .discover-post-image[data-top10-overlay]:after {
      content: attr(data-top10-overlay);
      color: white;
      font-family: "jaf-facitweb", sans-serif;
      font-size: 20px;
      font-weight: bold;
      left: 50%;
      position: absolute;
      text-align: center;
      text-transform: uppercase;
      top: 50%;
      transform: translateX(-50%);
      width: 80%; }
    /* line 101, /rails/app/assets/stylesheets/default/_discover.sass */
    .discover-post .discover-post-image:hover[data-top10-overlay]:before {
      color: #b8882e; }
  /* line 104, /rails/app/assets/stylesheets/default/_discover.sass */
  .discover-post h4 {
    color: #555;
    font-size: 16px; }
  /* line 108, /rails/app/assets/stylesheets/default/_discover.sass */
  .discover-post img {
    display: block;
    width: 100%; }
  /* line 112, /rails/app/assets/stylesheets/default/_discover.sass */
  .discover-post .content {
    margin-top: 4px; }

/* line 1, /rails/app/assets/stylesheets/default/_blogposts.sass */
.blogpost {
  background: white; }
  /* line 4, /rails/app/assets/stylesheets/default/_blogposts.sass */
  .blogpost img {
    display: block;
    margin: 0 auto;
    max-width: 100%; }
  @media only screen and (max-width: 768px) {
    /* line 1, /rails/app/assets/stylesheets/default/_blogposts.sass */
    .blogpost {
      background: white;
      padding: 20px; } }

/* line 13, /rails/app/assets/stylesheets/default/_blogposts.sass */
.blogpost-author {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 30px;
  position: relative;
  text-align: center;
  z-index: 10; }
  /* line 22, /rails/app/assets/stylesheets/default/_blogposts.sass */
  .blogpost-author img {
    border: 3px solid white;
    border-radius: 35px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    height: 70px;
    margin-right: 10px;
    width: 70px; }
  /* line 30, /rails/app/assets/stylesheets/default/_blogposts.sass */
  .blogpost-author span {
    color: white;
    font-family: "jaf-facitweb", sans-serif;
    margin-left: 10px;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap; }
    /* line 38, /rails/app/assets/stylesheets/default/_blogposts.sass */
    .blogpost-author span strong {
      display: block; }

/* line 41, /rails/app/assets/stylesheets/default/_blogposts.sass */
.blogpost-footer {
  background: white; }

/* line 44, /rails/app/assets/stylesheets/default/_blogposts.sass */
.blogpost-footer-bio {
  align-items: center;
  border-top: 1px solid #c7c6c2;
  display: flex;
  padding-bottom: 40px;
  padding-top: 20px; }
  @media only screen and (max-width: 768px) {
    /* line 44, /rails/app/assets/stylesheets/default/_blogposts.sass */
    .blogpost-footer-bio {
      flex-direction: column; } }
  /* line 54, /rails/app/assets/stylesheets/default/_blogposts.sass */
  .blogpost-footer-bio .blogpost-author {
    margin-top: 0; }
    @media only screen and (max-width: 768px) {
      /* line 54, /rails/app/assets/stylesheets/default/_blogposts.sass */
      .blogpost-footer-bio .blogpost-author {
        margin-bottom: 20px; } }
    /* line 60, /rails/app/assets/stylesheets/default/_blogposts.sass */
    .blogpost-footer-bio .blogpost-author img {
      border: none;
      margin-right: 0; }
    /* line 64, /rails/app/assets/stylesheets/default/_blogposts.sass */
    .blogpost-footer-bio .blogpost-author span {
      color: #555; }
  /* line 67, /rails/app/assets/stylesheets/default/_blogposts.sass */
  .blogpost-footer-bio .blogpost-author-bio {
    color: #555;
    font-size: 15px;
    line-height: 24px;
    padding-left: 30px; }

/* line 1, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
#homepage_beer_stickers {
  position: absolute;
  right: 100px;
  top: 100px; }
  /* line 6, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
  #homepage_beer_stickers .beer-sticker {
    z-index: 10; }
  @media only screen and (max-width: 768px) {
    /* line 1, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
    #homepage_beer_stickers {
      display: none; } }

/* line 12, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
#beer_sticker_video {
  margin-top: -100px; }
  @media only screen and (max-width: 768px) {
    /* line 12, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
    #beer_sticker_video {
      margin-top: -80px; } }

/* line 18, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
#beer_sticker_show {
  margin-top: -150px; }
  @media only screen and (max-width: 768px) {
    /* line 18, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
    #beer_sticker_show {
      margin-top: 0;
      padding: 20px 0; } }

@media only screen and (max-width: 768px) {
  /* line 25, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
  #beer_sticker_form {
    flex-direction: column; } }

/* line 29, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
.beer-sticker {
  display: inline-block;
  position: relative; }

/* line 33, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
.beer-sticker-show-likes {
  color: #393633;
  font-family: "jaf-facitweb", sans-serif;
  font-weight: bold;
  text-align: center; }
  /* line 39, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
  .beer-sticker-show-likes .icon, .beer-sticker-show-likes .star-rating .star:before, .star-rating .beer-sticker-show-likes .star:before, .beer-sticker-show-likes .input-wrapper.valid:after, .beer-sticker-show-likes .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .beer-sticker-show-likes .filter-beer-color-circle:after, .beer-sticker-show-likes .navigation-select:before, .beer-sticker-show-likes .select-dropdown, .beer-sticker-show-likes .site-header-actions .site-header-action-logged-in:before, .site-header-actions .beer-sticker-show-likes .site-header-action-logged-in:before, .beer-sticker-show-likes .breadcrumbs li a:after, .breadcrumbs li .beer-sticker-show-likes a:after, .beer-sticker-show-likes .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .beer-sticker-show-likes a:after, .beer-sticker-show-likes #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .beer-sticker-show-likes .footer-heading-1:after, .beer-sticker-show-likes .dropdown .dropdown-toggle:after, .dropdown .beer-sticker-show-likes .dropdown-toggle:after, .beer-sticker-show-likes .favorite:after, .beer-sticker-show-likes .products-show-info-subtitle a:after, .products-show-info-subtitle .beer-sticker-show-likes a:after, .beer-sticker-show-likes .products-show-usps ul li:before, .products-show-usps ul .beer-sticker-show-likes li:before, .beer-sticker-show-likes .products-show-extras-title.icon-hop:before, .beer-sticker-show-likes .products-show-extras-title.icon-flesjes:before, .beer-sticker-show-likes .faq-list .faq-list-question:before, .faq-list .beer-sticker-show-likes .faq-list-question:before, .beer-sticker-show-likes .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .beer-sticker-show-likes li:before, .beer-sticker-show-likes .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .beer-sticker-show-likes li:before, .beer-sticker-show-likes .beer-finder-step-login ul li:before, .beer-finder-step-login ul .beer-sticker-show-likes li:before, .beer-sticker-show-likes .beer-finder-step ul li > button:after, .beer-finder-step ul .beer-sticker-show-likes li > button:after, .beer-sticker-show-likes .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .beer-sticker-show-likes .untappd-button:after, .beer-sticker-show-likes .beer-finder-step ul li > a:after, .beer-finder-step ul .beer-sticker-show-likes li > a:after, .beer-sticker-show-likes .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .beer-sticker-show-likes .modal-upsell-checkbox:after, .beer-sticker-show-likes .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .beer-sticker-show-likes input[type="checkbox"]:checked + span:before, .beer-sticker-show-likes .quickview-list-item-quantity:before, .beer-sticker-show-likes .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .beer-sticker-show-likes input[type="checkbox"]:checked + span:after {
    color: #aa1b1f; }

/* line 42, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
.beer-sticker-likes {
  color: #393633;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-align: center; }

/* line 49, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
.beer-sticker-author {
  color: #555;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin: 4px 0;
  text-align: center;
  text-transform: uppercase; }

/* line 58, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
.beer-sticker-like-button {
  align-items: center;
  background: #e2aa2b;
  border-radius: 25px;
  color: white;
  display: flex;
  font-size: 24px;
  height: 50px;
  justify-content: center;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50px;
  z-index: 20; }
  /* line 73, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
  .beer-sticker-like-button.beer-sticker-like-button-large {
    border-radius: 50px;
    font-size: 48px;
    height: 100px;
    width: 100px; }
    @media only screen and (max-width: 768px) {
      /* line 73, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
      .beer-sticker-like-button.beer-sticker-like-button-large {
        border-radius: 35px;
        font-size: 36px;
        height: 70px;
        width: 70px; } }
  /* line 85, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
  .beer-sticker-like-button.liked {
    color: #aa1b1f; }

/* line 88, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
.beer-sticker-overview, .own-beer-sticker-overview {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  /* line 94, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
  .beer-sticker-overview .beer-sticker, .own-beer-sticker-overview .beer-sticker {
    margin: 10px; }
    @media only screen and (max-width: 768px) {
      /* line 94, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
      .beer-sticker-overview .beer-sticker, .own-beer-sticker-overview .beer-sticker {
        margin: 5px; } }

/* line 100, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
.beer-sticker-placeholder {
  align-items: center;
  background-color: #2b7460;
  background-image: url(/assets/hopje-wit-0c2e29b656c799e1fa83e51e6ec3bbbd43a2a77651bb23c20e9f3a5781f21feb.png);
  background-position: center 10%;
  background-repeat: no-repeat;
  background-size: 38.3px 51.3px;
  border-radius: 220px;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  height: 440px;
  justify-content: center;
  margin: 0 auto;
  padding: 40px;
  position: relative;
  width: 440px; }
  @media only screen and (max-width: 768px) {
    /* line 100, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
    .beer-sticker-placeholder {
      font-size: 12px; } }
  /* line 121, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
  .beer-sticker-placeholder.beer-sticker-placeholder-medium {
    background-size: 19.15px 25.65px;
    font-size: 6px;
    height: 230px;
    padding: 20px;
    width: 230px; }
    /* line 128, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
    .beer-sticker-placeholder.beer-sticker-placeholder-medium span:after {
      display: none; }
  /* line 131, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
  .beer-sticker-placeholder.beer-sticker-placeholder-small {
    background-size: 19.15px 25.65px;
    font-size: 5px;
    height: 175px;
    width: 175px; }
    /* line 137, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
    .beer-sticker-placeholder.beer-sticker-placeholder-small span:after {
      height: 4px; }
    @media only screen and (max-width: 768px) {
      /* line 131, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
      .beer-sticker-placeholder.beer-sticker-placeholder-small {
        background-size: 14.3625px 19.2375px;
        font-size: 4px;
        height: 150px;
        width: 150px; } }
  @media only screen and (max-width: 768px) {
    /* line 100, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
    .beer-sticker-placeholder {
      background-size: 28.75px 38.5px;
      height: 300px;
      width: 300px; } }
  /* line 151, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
  .beer-sticker-placeholder:before {
    border: 2px solid white;
    border-radius: 400px;
    box-sizing: border-box;
    content: " ";
    height: 90%;
    left: 5%;
    position: absolute;
    top: 5%;
    width: 90%;
    z-index: 1; }
  /* line 163, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
  .beer-sticker-placeholder span {
    color: white;
    display: block;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 3em;
    font-weight: bold;
    line-height: 1.25em;
    text-align: center;
    text-transform: uppercase;
    position: relative; }
    /* line 174, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
    .beer-sticker-placeholder span.small-text {
      font-size: 2.25em; }
    /* line 177, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
    .beer-sticker-placeholder span.extra-small-text {
      font-size: 1.625em; }
    /* line 180, /rails/app/assets/stylesheets/default/_beer_stickers.sass */
    .beer-sticker-placeholder span:after {
      background: #ebd6b8;
      bottom: -12px;
      content: " ";
      display: block;
      height: 6px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 50%;
      z-index: 10; }

/* line 1, /rails/app/assets/stylesheets/default/_pakjegemak.sass */
.pakjegemak {
  background: #fefbf4;
  border-left: 1px solid #c7c6c2;
  border-right: 1px solid #c7c6c2;
  padding: 20px;
  padding-left: 130px;
  padding-top: 5px; }
  @media only screen and (max-width: 768px) {
    /* line 1, /rails/app/assets/stylesheets/default/_pakjegemak.sass */
    .pakjegemak {
      padding-left: 20px; } }

/* line 12, /rails/app/assets/stylesheets/default/_pakjegemak.sass */
ul.pakjegemak-locations {
  list-style: none;
  margin: 0;
  padding: 0; }
  /* line 17, /rails/app/assets/stylesheets/default/_pakjegemak.sass */
  ul.pakjegemak-locations li {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px;
    margin-bottom: 15px; }
    /* line 22, /rails/app/assets/stylesheets/default/_pakjegemak.sass */
    ul.pakjegemak-locations li:last-child {
      border-bottom: none;
      padding-bottom: 0; }

/* line 26, /rails/app/assets/stylesheets/default/_pakjegemak.sass */
.pakjegemak-name {
  font-weight: 600; }
  /* line 29, /rails/app/assets/stylesheets/default/_pakjegemak.sass */
  .pakjegemak-name small {
    font-weight: 400; }

/* line 32, /rails/app/assets/stylesheets/default/_pakjegemak.sass */
.pakjegemak-address {
  color: #888684;
  font-size: 14px;
  margin-bottom: 10px; }

/* line 38, /rails/app/assets/stylesheets/default/_pakjegemak.sass */
table.pakjegemak-opening-hours td {
  color: #888684;
  font-size: 14px;
  padding-right: 20px;
  font-variant-numeric: tabular-nums; }

/* line 1, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder {
  display: block; }
  /* line 4, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder .beer-finder-introduction {
    flex: 1; }
  /* line 7, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder .beer-finder-wizard {
    background-color: #2b2b2b;
    background-size: auto 587px;
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0 auto;
    min-height: 800px;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      /* line 7, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder .beer-finder-wizard {
        background: white;
        min-height: 0; } }

/* line 20, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-introduction {
  background: #393633; }

/* line 23, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-introduction-container {
  display: flex;
  padding: 0; }
  @media only screen and (max-width: 768px) {
    /* line 23, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-introduction-container {
      flex-direction: column; } }
  /* line 30, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-introduction-container .beer-finder-introduction-image {
    padding-top: 10px; }
    @media only screen and (max-width: 768px) {
      /* line 30, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-introduction-container .beer-finder-introduction-image {
        order: 2;
        padding: 0; } }
  /* line 37, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-introduction-container .beer-finder-introduction-content {
    box-sizing: border-box;
    flex: 1;
    padding: 20px;
    padding-top: 80px; }
    @media only screen and (max-width: 768px) {
      /* line 37, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-introduction-container .beer-finder-introduction-content {
        order: 1;
        padding: 20px; } }
  /* line 47, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-introduction-container h1 {
    font-size: 26px;
    font-family: "jaf-facitweb", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase; }
    /* line 53, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-introduction-container h1 small {
      color: #888684;
      font-size: 18px;
      font-weight: normal; }
    @media only screen and (max-width: 768px) {
      /* line 47, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-introduction-container h1 {
        font-size: 20px; } }
  /* line 61, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-introduction-container h1, .beer-finder-introduction-container p {
    color: white;
    margin: 0; }
  /* line 65, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-introduction-container img {
    display: block;
    margin: 20px auto 0 auto;
    width: 280px; }
  /* line 70, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-introduction-container ol {
    columns: 2;
    list-style: none;
    margin: 0;
    margin-top: 20px;
    padding: 0; }
    @media only screen and (max-width: 768px) {
      /* line 70, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-introduction-container ol {
        columns: 1; } }
    /* line 80, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-introduction-container ol li {
      break-inside: avoid;
      color: #888684;
      font-size: 15px;
      padding: 10px 0; }
      /* line 86, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-introduction-container ol li:before {
        background: #393633;
        border: 1px solid #555;
        border-radius: 20px;
        color: #e2aa2b;
        display: inline-block;
        height: 40px;
        float: left;
        line-height: 40px;
        margin-right: 10px;
        text-align: center;
        width: 40px; }
      /* line 100, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-introduction-container ol li strong {
        color: #f1f1f1;
        display: block;
        font-size: 16px;
        margin-bottom: 5px; }

/* line 106, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-steps {
  display: flex;
  overflow: hidden;
  width: 100%; }
  @media only screen and (max-width: 768px) {
    /* line 106, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-steps {
      min-height: calc(100vh - 50px); } }

/* line 114, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-step {
  min-width: 100%;
  width: 100%;
  transition: transform 0.3s ease; }

/* line 120, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-steps.no-animation .beer-finder-step {
  transition: none; }

/* line 123, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-step-login {
  border: 1px solid #555;
  border-radius: 3px;
  margin: 0 auto;
  margin-bottom: 15px;
  max-width: 540px;
  padding: 20px; }
  @media only screen and (max-width: 768px) {
    /* line 123, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-step-login {
      background: #f6f6f6;
      border: none; } }
  /* line 135, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-step-login .beer-finder-step-login-buttons {
    align-items: center;
    display: flex;
    justify-content: center; }
    @media only screen and (max-width: 768px) {
      /* line 135, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-step-login .beer-finder-step-login-buttons {
        flex-direction: column; } }
    /* line 144, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-step-login .beer-finder-step-login-buttons .button {
      margin: 10px; }
      @media only screen and (max-width: 768px) {
        /* line 144, /rails/app/assets/stylesheets/default/_beer_finder.sass */
        .beer-finder-step-login .beer-finder-step-login-buttons .button {
          margin: 5px 10px; } }
  /* line 150, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-step-login ul {
    margin-top: 15px !important; }
    /* line 153, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-step-login ul li {
      color: #888684;
      font-size: 15px;
      font-weight: 600;
      line-height: 24px; }
      /* line 159, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-step-login ul li:before {
        color: #e2aa2b;
        margin-right: 10px; }
      /* line 164, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-step-login ul li strong {
        color: white;
        font-weight: 600; }
        @media only screen and (max-width: 768px) {
          /* line 164, /rails/app/assets/stylesheets/default/_beer_finder.sass */
          .beer-finder-step-login ul li strong {
            color: #555; } }
  /* line 171, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-step-login h3 {
    color: white;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase; }
    @media only screen and (max-width: 768px) {
      /* line 171, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-step-login h3 {
        color: #555; } }

/* line 180, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-step-image {
  background: #e8e8e8;
  border-radius: 28px;
  color: #393633;
  height: 56px;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 56px;
  margin-right: 20px;
  text-align: center;
  width: 56px; }

/* line 193, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-step ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  /* line 198, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-step ul li > button, .beer-finder-step ul .untappd-button, .beer-finder-step ul li > a {
    align-items: center;
    background: white;
    border: none;
    border-radius: 5px;
    color: #393633;
    display: flex;
    margin: 0 auto;
    margin-bottom: 15px;
    max-width: 540px;
    padding: 15px;
    padding-right: 50px;
    position: relative;
    text-align: left;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    /* line 215, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-step ul li > button:hover, .beer-finder-step ul .untappd-button:hover, .beer-finder-step ul li > a:hover {
      background: #f6f6f6; }
    @media only screen and (max-width: 768px) {
      /* line 198, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-step ul li > button, .beer-finder-step ul .untappd-button, .beer-finder-step ul li > a {
        border-bottom: 1px solid #e8e8e8;
        border-radius: 0;
        margin-bottom: 0;
        padding: 10px; } }
    /* line 224, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-step ul li > button:after, .beer-finder-step ul .untappd-button:after, .beer-finder-step ul li > a:after {
      color: #c7c6c2;
      font-size: 18px;
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%); }
    /* line 233, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-step ul li > button.beer-finder-search-untappd-user, .beer-finder-step ul .untappd-button.beer-finder-search-untappd-user, .beer-finder-step ul li > a.beer-finder-search-untappd-user {
      padding-right: 25px; }
    /* line 237, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-step ul li > button.untappd-button:after, .beer-finder-step ul .untappd-button.untappd-button:after, .beer-finder-step ul li > a.untappd-button:after {
      display: none; }
    /* line 240, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-step ul li > button:active, .beer-finder-step ul .untappd-button:active, .beer-finder-step ul li > a:active {
      background: #f6f6f6; }
    /* line 243, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-step ul li > button img, .beer-finder-step ul .untappd-button img, .beer-finder-step ul li > a img {
      background: #e8e8e8;
      border-radius: 30px;
      height: 56px;
      margin-right: 20px;
      min-width: 56px;
      width: 56px; }
    /* line 251, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-step ul li > button strong, .beer-finder-step ul .untappd-button strong, .beer-finder-step ul li > a strong {
      font-size: 18px;
      font-weight: 700; }
      /* line 255, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-step ul li > button strong small, .beer-finder-step ul .untappd-button strong small, .beer-finder-step ul li > a strong small {
        color: #139970;
        display: inline;
        font-size: 13px;
        font-weight: 400;
        vertical-align: top; }
    /* line 262, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-step ul li > button small, .beer-finder-step ul .untappd-button small, .beer-finder-step ul li > a small {
      color: #555;
      display: block;
      font-size: 14px; }
  /* line 267, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-step ul li > a:after {
    display: none; }

/* line 270, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-navigation {
  background: white;
  border-radius: 4px;
  height: 70px;
  margin-bottom: 20px;
  position: sticky;
  top: 50px;
  transform: translateY(-50%);
  z-index: 10; }
  /* line 280, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-navigation .container {
    align-items: center;
    border-bottom: 5px solid #eeece4;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center; }
  @media only screen and (max-width: 768px) {
    /* line 270, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-navigation {
      border-bottom: 1px solid #e8e8e8;
      border-radius: 0;
      height: 50px;
      margin: 0;
      transform: none; } }
  /* line 295, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-navigation > button {
    background: none;
    border: none;
    color: #c7c6c2;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: calc(100% - 5px);
    left: 0px;
    padding: 0 15px;
    position: absolute;
    text-transform: uppercase;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    /* line 309, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-navigation > button:hover {
      color: #888684; }

/* line 312, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-progress {
  background: #e2aa2b;
  bottom: 0px;
  height: 5px;
  left: 0px;
  position: absolute;
  transform: scaleX(0.2);
  transform-origin: left;
  transition: transform 0.3s ease;
  width: 100%; }
  @media only screen and (max-width: 768px) {
    /* line 312, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-progress {
      height: 4px; } }

/* line 326, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-titles {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-between;
  width: 100%; }

/* line 333, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-title {
  color: #c7c6c2;
  flex: 1;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 18px;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    /* line 333, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-title {
      display: none; } }
  /* line 343, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-title.active {
    color: #393633;
    display: block; }
    /* line 347, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-title.active:before {
      background: #393633; }
  @media only screen and (max-width: 768px) {
    /* line 333, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-title {
      font-size: 17px;
      font-weight: bold; } }
  /* line 354, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-title:before {
    background: #c7c6c2;
    border-radius: 15px;
    content: "1";
    color: white;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    width: 30px; }
    @media only screen and (max-width: 768px) {
      /* line 354, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-title:before {
        display: none; } }
  /* line 369, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-title:nth-child(2):before {
    content: "2"; }
  /* line 372, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-title:nth-child(3):before {
    content: "3"; }
  /* line 375, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-title:nth-child(4):before {
    content: "4"; }
  /* line 378, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-title:nth-child(5) {
    display: none; }
  /* line 381, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-title:nth-child(6):before {
    content: "5"; }

/* line 384, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-title-message {
  color: #777;
  font-family: "proxima-nova", sans-serif;
  font-size: 14px;
  padding: 0 20px 20px 20px;
  text-align: left; }
  /* line 391, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-title-message > span {
    display: block;
    line-height: 20px;
    margin-bottom: 10px; }
    /* line 396, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-title-message > span strong {
      color: #139970;
      font-weight: 600; }
    /* line 400, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-title-message > span em {
      color: #333;
      font-style: normal;
      font-weight: 600; }
  /* line 405, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-title-message a {
    background: #eee;
    border-radius: 4px;
    color: #333;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    margin-top: 5px;
    padding: 5px 10px; }
    /* line 415, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-title-message a:hover {
      background: #ddd; }

/* line 419, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-title.active .beer-finder-title-totals {
  transform: translateX(-80px) translateY(-30px);
  z-index: 5; }
  @media only screen and (max-width: 768px) {
    /* line 419, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-title.active .beer-finder-title-totals {
      transform: translateX(-95px) translateY(-30px); } }
/* line 426, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-title.active .beer-finder-title-totals-box {
  opacity: 1;
  transform: translateX(0); }

/* line 430, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-title-totals {
  background: white;
  display: inline-block;
  position: relative;
  transition: transform 0.3s ease; }
  /* line 436, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-title-totals > span {
    position: relative;
    z-index: 2; }

/* line 440, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-title-totals-box {
  background: white;
  border-radius: 7px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  left: -20px;
  opacity: 0;
  position: absolute;
  top: -20px;
  transition: all 0.3s ease;
  transform: translateX(-50%);
  width: 340px;
  z-index: 1; }
  /* line 455, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-title-totals-box .button-alt {
    background: #139970;
    color: white; }

/* line 459, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-title-totals-content {
  color: #393633;
  flex: 1;
  padding: 20px;
  text-align: left; }
  /* line 465, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-title-totals-content small {
    color: #555;
    display: block;
    font-size: 13px; }
  /* line 470, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-title-totals-content button {
    float: right; }
    /* line 473, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-title-totals-content button:hover {
      background: #005c3e; }

/* line 476, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-title-totals-footer {
  background: #e8e8e8;
  border-radius: 0 0 7px 7px;
  display: flex; }
  /* line 481, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-title-totals-footer a {
    align-items: center;
    color: #888684;
    display: flex;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 40px;
    justify-content: center;
    text-transform: uppercase;
    flex: 1; }
    /* line 493, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-title-totals-footer a:hover {
      color: #393633; }
    /* line 496, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-title-totals-footer a .icon, .beer-finder-title-totals-footer a .star-rating .star:before, .star-rating .beer-finder-title-totals-footer a .star:before, .beer-finder-title-totals-footer a .input-wrapper.valid:after, .beer-finder-title-totals-footer a .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .beer-finder-title-totals-footer a .filter-beer-color-circle:after, .beer-finder-title-totals-footer a .navigation-select:before, .beer-finder-title-totals-footer a .select-dropdown, .beer-finder-title-totals-footer a .site-header-actions .site-header-action-logged-in:before, .site-header-actions .beer-finder-title-totals-footer a .site-header-action-logged-in:before, .beer-finder-title-totals-footer a .breadcrumbs li a:after, .breadcrumbs li .beer-finder-title-totals-footer a a:after, .beer-finder-title-totals-footer a .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .beer-finder-title-totals-footer a a:after, .beer-finder-title-totals-footer a #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .beer-finder-title-totals-footer a .footer-heading-1:after, .beer-finder-title-totals-footer a .dropdown .dropdown-toggle:after, .dropdown .beer-finder-title-totals-footer a .dropdown-toggle:after, .beer-finder-title-totals-footer a .favorite:after, .beer-finder-title-totals-footer a .products-show-info-subtitle a:after, .products-show-info-subtitle .beer-finder-title-totals-footer a a:after, .beer-finder-title-totals-footer a .products-show-usps ul li:before, .products-show-usps ul .beer-finder-title-totals-footer a li:before, .beer-finder-title-totals-footer a .products-show-extras-title.icon-hop:before, .beer-finder-title-totals-footer a .products-show-extras-title.icon-flesjes:before, .beer-finder-title-totals-footer a .faq-list .faq-list-question:before, .faq-list .beer-finder-title-totals-footer a .faq-list-question:before, .beer-finder-title-totals-footer a .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .beer-finder-title-totals-footer a li:before, .beer-finder-title-totals-footer a .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .beer-finder-title-totals-footer a li:before, .beer-finder-title-totals-footer a .beer-finder-step-login ul li:before, .beer-finder-step-login ul .beer-finder-title-totals-footer a li:before, .beer-finder-title-totals-footer a .beer-finder-step ul li > button:after, .beer-finder-step ul .beer-finder-title-totals-footer a li > button:after, .beer-finder-title-totals-footer a .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .beer-finder-title-totals-footer a .untappd-button:after, .beer-finder-title-totals-footer a .beer-finder-step ul li > a:after, .beer-finder-step ul .beer-finder-title-totals-footer a li > a:after, .beer-finder-title-totals-footer a .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .beer-finder-title-totals-footer a .modal-upsell-checkbox:after, .beer-finder-title-totals-footer a .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .beer-finder-title-totals-footer a input[type="checkbox"]:checked + span:before, .beer-finder-title-totals-footer a .quickview-list-item-quantity:before, .beer-finder-title-totals-footer a .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .beer-finder-title-totals-footer a input[type="checkbox"]:checked + span:after {
      font-size: 16px;
      margin-right: 5px; }

/* line 501, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-results .beer-finder-results-totals {
  display: none; }
  @media only screen and (max-width: 768px) {
    /* line 501, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-results .beer-finder-results-totals {
      display: block; } }

/* line 507, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-results-totals {
  align-items: center;
  background: white;
  border-radius: 4px;
  color: #393633;
  display: flex;
  margin: 0 auto;
  max-width: 480px;
  padding: 15px; }
  @media only screen and (max-width: 768px) {
    /* line 507, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-results-totals {
      border-radius: 0; } }
  /* line 520, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-results-totals div {
    align-items: center;
    display: flex;
    flex: 1;
    line-height: 15px; }
  /* line 526, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-results-totals img {
    margin-right: 10px; }
  /* line 529, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-results-totals strong {
    display: block;
    font-size: 17px;
    font-weight: bold; }

/* line 536, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-results-swiper .swiper-slide {
  padding: 20px 0 100px 0;
  text-align: center;
  filter: grayscale(1) brightness(75%);
  position: relative;
  transition: all 0.3s ease; }
  @media only screen and (max-width: 768px) {
    /* line 536, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-results-swiper .swiper-slide {
      filter: grayscale(1);
      opacity: 0.5; } }
  /* line 547, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-results-swiper .swiper-slide:before {
    background: rgba(0, 0, 0, 0.5);
    bottom: 104px;
    border-radius: 100%;
    box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.75);
    content: " ";
    display: block;
    height: 7px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 50px;
    z-index: -1; }
    @media only screen and (max-width: 768px) {
      /* line 547, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-results-swiper .swiper-slide:before {
        display: none; } }
  /* line 564, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-results-swiper .swiper-slide img {
    height: 250px;
    transition: transform 0.3s ease; }
  /* line 568, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-results-swiper .swiper-slide .untappd {
    position: relative;
    z-index: 10; }
    /* line 572, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-results-swiper .swiper-slide .untappd .badge.badge-yellow {
      background: none; }
/* line 575, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-results-swiper .swiper-slide-active {
  filter: grayscale(0) brightness(100%);
  opacity: 1; }
  /* line 579, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-results-swiper .swiper-slide-active img {
    transform: scale(1.1); }
/* line 582, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-results-swiper .swiper-button-prev {
  left: 80px; }
/* line 585, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-results-swiper .swiper-button-next {
  right: 80px; }
/* line 588, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-results-swiper .swiper-button-prev, .beer-finder-results-swiper .swiper-button-next {
  color: #e8e8e8; }
  @media only screen and (max-width: 768px) {
    /* line 588, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-results-swiper .swiper-button-prev, .beer-finder-results-swiper .swiper-button-next {
      color: #555; } }
  /* line 594, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-results-swiper .swiper-button-prev:after, .beer-finder-results-swiper .swiper-button-next:after {
    transform: scale(0.5); }
/* line 597, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-results-swiper .swiper-pagination {
  bottom: 20px; }
/* line 600, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-results-swiper .swiper-pagination-bullet {
  background: #888684; }
/* line 603, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-results-swiper .swiper-pagination-bullet-active {
  background: #393633; }

/* line 606, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-result-header {
  align-items: center;
  display: flex;
  flex-direction: column; }
  @media only screen and (max-width: 768px) {
    /* line 606, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-result-header {
      margin-top: 50px; }
      /* line 614, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-result-header.large-mobile-margin {
        margin-top: 170px; } }
  /* line 617, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-result-header .star-rating {
    margin-bottom: 10px; }
  /* line 620, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-result-header h2 {
    align-items: center;
    color: white;
    display: flex;
    font-size: 20px;
    height: 54px;
    justify-content: center;
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      /* line 620, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-result-header h2 {
        color: #393633; } }

/* line 635, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-result-price {
  color: #f1f1f1;
  font-size: 14px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 768px) {
    /* line 635, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-result-price {
      color: #555;
      margin-bottom: 0; } }

/* line 644, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-result-content {
  display: flex; }
  @media only screen and (max-width: 768px) {
    /* line 644, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-result-content {
      display: block; } }

/* line 650, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-result-body {
  background: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  max-width: 480px;
  padding: 20px 30px 10px 30px;
  position: relative; }
  /* line 658, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-result-body:before {
    background: white;
    content: " ";
    height: 90%;
    left: -5%;
    position: absolute;
    top: 5%;
    width: 110%;
    z-index: -1; }

/* line 668, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-result-properties {
  display: block;
  margin: 0 0 20px 10px;
  min-width: 140px; }
  @media only screen and (max-width: 768px) {
    /* line 668, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-result-properties {
      background: #f1f1f1;
      display: flex;
      margin: 0 -30px -10px -30px;
      min-width: 0px; } }
  /* line 679, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-result-properties > div {
    border-left: 1px solid #e8e8e8;
    box-sizing: border-box;
    color: #555;
    flex: 1;
    font-size: 15px;
    padding: 5px 0px 5px 20px; }
    @media only screen and (max-width: 768px) {
      /* line 679, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-result-properties > div {
        border: none;
        padding: 30px; } }
    /* line 691, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-result-properties > div strong {
      color: #393633;
      display: block;
      font-family: "jaf-facitweb", sans-serif;
      font-size: 14px; }
    @media only screen and (max-width: 768px) {
      /* line 698, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-result-properties > div:first-child {
        border-right: 1px solid #e8e8e8; }
      /* line 701, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-result-properties > div:last-child {
        border-left: 1px solid #e8e8e8; } }

/* line 706, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-loading {
  text-align: center;
  padding: 50px 0; }
  /* line 710, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-loading .swiper-slide {
    color: white;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 20px 0;
    text-align: center;
    text-transform: uppercase; }
    @media only screen and (max-width: 768px) {
      /* line 710, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-loading .swiper-slide {
        color: #407a6b; } }
  /* line 723, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-loading .beer-finder-loading-image {
    align-items: center;
    background: #407a6b;
    border-radius: 50px;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
    width: 100px; }
    /* line 734, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-loading .beer-finder-loading-image img {
      display: block;
      height: 80%;
      width: 80%; }

/* line 742, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-steps[data-step="1"] .beer-finder-step {
  transform: translateX(0%); }

/* line 746, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-steps[data-step="2"] .beer-finder-step {
  transform: translateX(-100%); }

/* line 750, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-steps[data-step="3"] .beer-finder-step {
  transform: translateX(-200%); }

/* line 754, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-steps[data-step="4"] .beer-finder-step {
  transform: translateX(-300%); }

/* line 758, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-steps[data-step="5"] .beer-finder-step {
  transform: translateX(-400%); }

/* line 762, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-steps[data-step="6"] .beer-finder-step {
  transform: translateX(-500%); }

/* line 767, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.modal-upsells {
  height: 300px;
  margin: 20px 0 50px 0;
  overflow: visible;
  position: relative; }
  /* line 773, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .modal-upsells .swiper-slide {
    height: calc((100% - 15px) / 2); }
  /* line 776, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .modal-upsells .swiper-pagination {
    bottom: -30px; }
  /* line 779, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .modal-upsells .swiper-pagination-bullet-active {
    background: #393633; }

/* line 782, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.modal-upsell label {
  display: block;
  height: 100%; }
  /* line 786, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .modal-upsell label input[type="checkbox"] {
    display: none; }

/* line 789, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.modal-upsell-container {
  align-items: center;
  background: #f6f6f6;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  padding: 8px; }

/* line 801, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.modal-upsell-image {
  flex: 1;
  height: 100%; }
  /* line 805, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .modal-upsell-image img {
    display: block;
    max-height: 100%;
    max-width: 100%; }

/* line 810, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.modal-upsell-name {
  color: #555;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
  width: 100%; }
  /* line 818, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .modal-upsell-name small {
    display: block;
    font-size: 11px; }

/* line 822, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.modal-upsell-checkbox {
  background: white;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  margin-right: 10px;
  min-width: 18px;
  height: 18px;
  position: relative;
  width: 18px; }

/* line 834, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container {
  background: #EAF7F3;
  border: 2px solid #139970;
  padding: 7px; }
  /* line 839, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after {
    color: #139970;
    font-size: 12px;
    left: 2px;
    position: absolute;
    top: 1px; }

/* line 852, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-untappd-number-beers {
  color: #139970;
  cursor: default;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10; }

/* line 863, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-custom-styles {
  columns: 2;
  padding-top: 20px; }
  /* line 867, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-custom-styles label {
    break-inside: avoid;
    cursor: pointer;
    display: block;
    padding: 4px 0; }
    /* line 873, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-custom-styles label input[type="checkbox"] {
      display: none; }
    /* line 876, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-custom-styles label span {
      background: #eee;
      border: 1px solid #ddd;
      border-radius: 5px;
      display: block;
      font-size: 14px;
      font-weight: 600;
      padding: 8px 12px; }
    /* line 885, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-custom-styles label:hover span {
      background: white; }
    /* line 888, /rails/app/assets/stylesheets/default/_beer_finder.sass */
    .beer-finder-custom-styles label input[type="checkbox"]:checked + span {
      background: #139970;
      border: 1px solid #139970;
      color: white; }
      /* line 893, /rails/app/assets/stylesheets/default/_beer_finder.sass */
      .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before {
        margin-right: 5px; }

/* line 897, /rails/app/assets/stylesheets/default/_beer_finder.sass */
.beer-finder-custom-styles-button {
  background: #eee;
  border-radius: 4px;
  color: #333;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
  padding: 4px 8px; }
  /* line 907, /rails/app/assets/stylesheets/default/_beer_finder.sass */
  .beer-finder-custom-styles-button:hover {
    background: #ddd; }

/* line 1, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview {
  position: relative; }

/* line 4, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-dropdown {
  background: white;
  border: 1px solid #c7c6c2;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 400px;
  padding: 12px;
  position: fixed;
  right: 0px;
  top: 0px;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  width: 100%;
  z-index: 2000000; }
  /* line 21, /rails/app/assets/stylesheets/default/_quickview.sass */
  .quickview-dropdown h3 {
    font-size: 20px; }

/* line 24, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview.open .quickview-dropdown {
  transform: translateX(0%); }

/* line 27, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-close {
  background: none;
  border: none;
  color: #e8e8e8;
  font-size: 24px; }
  /* line 33, /rails/app/assets/stylesheets/default/_quickview.sass */
  .quickview-close:hover {
    color: #888684; }

/* line 36, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-notification {
  background: #EAF4F1;
  border: none;
  border-radius: 5px;
  box-sizing: padding-box;
  display: block;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin-top: 5px;
  text-align: center;
  padding: 12px;
  width: 100%; }
  /* line 50, /rails/app/assets/stylesheets/default/_quickview.sass */
  .quickview-notification:active {
    color: inherit; }

/* line 53, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-notification-muted {
  background: #f6f6f6;
  color: #393633; }

/* line 57, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-notification-danger {
  background: #f7e8e9;
  color: #aa1b1f; }

/* line 61, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-list {
  border-radius: 5px;
  flex: 1;
  margin: 12px 0;
  overflow: scroll; }

/* line 67, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-list-item {
  align-items: center;
  border-bottom: 1px solid #f1f1f1;
  color: #393633;
  display: flex;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 15px;
  padding: 10px 0;
  position: relative; }
  /* line 77, /rails/app/assets/stylesheets/default/_quickview.sass */
  .quickview-list-item:last-child {
    border-bottom: none; }
  /* line 80, /rails/app/assets/stylesheets/default/_quickview.sass */
  .quickview-list-item:before {
    background: #139970;
    border-radius: 10px;
    color: white;
    content: attr(data-badge);
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    left: 0px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 20px; }

/* line 95, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-list-item-image {
  align-items: center;
  display: flex;
  height: 60px;
  margin-right: 10px;
  min-width: 40px;
  width: 40px; }
  /* line 103, /rails/app/assets/stylesheets/default/_quickview.sass */
  .quickview-list-item-image img {
    display: block;
    margin: 0 auto;
    max-height: 60px;
    max-width: 40px; }

/* line 109, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-list-item-name {
  flex: 1;
  font-size: 14px; }
  /* line 113, /rails/app/assets/stylesheets/default/_quickview.sass */
  .quickview-list-item-name a {
    color: #393633;
    display: block; }
  /* line 117, /rails/app/assets/stylesheets/default/_quickview.sass */
  .quickview-list-item-name small {
    color: #888684;
    display: block;
    font-size: 13px; }

/* line 122, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-list-item-quantity {
  margin-left: 10px;
  position: relative; }
  /* line 126, /rails/app/assets/stylesheets/default/_quickview.sass */
  .quickview-list-item-quantity .button {
    background: none;
    color: #c7c6c2;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    margin-right: 10px;
    opacity: 0.8;
    padding: 0 8px; }
    /* line 136, /rails/app/assets/stylesheets/default/_quickview.sass */
    .quickview-list-item-quantity .button:hover {
      color: #888684;
      opacity: 1; }
  /* line 140, /rails/app/assets/stylesheets/default/_quickview.sass */
  .quickview-list-item-quantity select {
    appearance: none;
    background: none;
    border: 1px solid #c7c6c2;
    color: #555;
    cursor: pointer;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    outline: none;
    padding: 0 10px;
    position: relative;
    width: 60px;
    z-index: 2; }
    /* line 156, /rails/app/assets/stylesheets/default/_quickview.sass */
    .quickview-list-item-quantity select:hover {
      border-color: #139970; }
  /* line 159, /rails/app/assets/stylesheets/default/_quickview.sass */
  .quickview-list-item-quantity:before {
    color: #c7c6c2;
    font-size: 11px;
    position: absolute;
    right: 10px;
    top: 18px;
    transform: translateY(-50%);
    z-index: 1; }

/* line 169, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-list-item-message {
  color: #aa1b1f;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 12px;
  margin-top: 4px;
  text-align: right; }

/* line 176, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-list-item-price {
  font-size: 14px;
  font-weight: 700;
  margin-left: 10px;
  text-align: right; }

/* line 182, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }

/* line 187, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-totals {
  background: white;
  border-top: 1px solid #f1f1f1;
  color: #888684;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  padding: 10px;
  position: relative;
  text-align: center;
  z-index: 10; }
  /* line 200, /rails/app/assets/stylesheets/default/_quickview.sass */
  .quickview-totals strong {
    color: #393633;
    display: inline-block; }
    /* line 204, /rails/app/assets/stylesheets/default/_quickview.sass */
    .quickview-totals strong.text-green {
      color: #139970; }

/* line 207, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-present-label {
  color: #888684;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 13px;
  padding: 12px; }

/* line 213, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-present {
  margin-top: 10px; }
  /* line 216, /rails/app/assets/stylesheets/default/_quickview.sass */
  .quickview-present a.quickview-present-button, .quickview-present button.quickview-present-button {
    align-items: center;
    background: #f6f6f6;
    border: none;
    border-radius: 5px;
    color: #393633;
    display: flex;
    font-family: "jaf-facitweb", sans-serif;
    font-size: 14px;
    padding: 12px 12px 12px 0;
    width: 100%; }
    /* line 228, /rails/app/assets/stylesheets/default/_quickview.sass */
    .quickview-present a.quickview-present-button .icon, .quickview-present a.quickview-present-button .star-rating .star:before, .star-rating .quickview-present a.quickview-present-button .star:before, .quickview-present a.quickview-present-button .input-wrapper.valid:after, .quickview-present a.quickview-present-button .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .quickview-present a.quickview-present-button .filter-beer-color-circle:after, .quickview-present a.quickview-present-button .navigation-select:before, .quickview-present a.quickview-present-button .select-dropdown, .quickview-present a.quickview-present-button .site-header-actions .site-header-action-logged-in:before, .site-header-actions .quickview-present a.quickview-present-button .site-header-action-logged-in:before, .quickview-present a.quickview-present-button .breadcrumbs li a:after, .breadcrumbs li .quickview-present a.quickview-present-button a:after, .quickview-present a.quickview-present-button .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .quickview-present a.quickview-present-button a:after, .quickview-present a.quickview-present-button #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .quickview-present a.quickview-present-button .footer-heading-1:after, .quickview-present a.quickview-present-button .dropdown .dropdown-toggle:after, .dropdown .quickview-present a.quickview-present-button .dropdown-toggle:after, .quickview-present a.quickview-present-button .favorite:after, .quickview-present a.quickview-present-button .products-show-info-subtitle a:after, .products-show-info-subtitle .quickview-present a.quickview-present-button a:after, .quickview-present a.quickview-present-button .products-show-usps ul li:before, .products-show-usps ul .quickview-present a.quickview-present-button li:before, .quickview-present a.quickview-present-button .products-show-extras-title.icon-hop:before, .quickview-present a.quickview-present-button .products-show-extras-title.icon-flesjes:before, .quickview-present a.quickview-present-button .faq-list .faq-list-question:before, .faq-list .quickview-present a.quickview-present-button .faq-list-question:before, .quickview-present a.quickview-present-button .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .quickview-present a.quickview-present-button li:before, .quickview-present a.quickview-present-button .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .quickview-present a.quickview-present-button li:before, .quickview-present a.quickview-present-button .beer-finder-step-login ul li:before, .beer-finder-step-login ul .quickview-present a.quickview-present-button li:before, .quickview-present a.quickview-present-button .beer-finder-step ul li > button:after, .beer-finder-step ul .quickview-present a.quickview-present-button li > button:after, .quickview-present a.quickview-present-button .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .quickview-present a.quickview-present-button .untappd-button:after, .quickview-present a.quickview-present-button .beer-finder-step ul li > a:after, .beer-finder-step ul .quickview-present a.quickview-present-button li > a:after, .quickview-present a.quickview-present-button .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .quickview-present a.quickview-present-button .modal-upsell-checkbox:after, .quickview-present a.quickview-present-button .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .quickview-present a.quickview-present-button input[type="checkbox"]:checked + span:before, .quickview-present a.quickview-present-button .quickview-list-item-quantity:before, .quickview-present a.quickview-present-button .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .quickview-present a.quickview-present-button input[type="checkbox"]:checked + span:after, .quickview-present button.quickview-present-button .icon, .quickview-present button.quickview-present-button .star-rating .star:before, .star-rating .quickview-present button.quickview-present-button .star:before, .quickview-present button.quickview-present-button .input-wrapper.valid:after, .quickview-present button.quickview-present-button .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .quickview-present button.quickview-present-button .filter-beer-color-circle:after, .quickview-present button.quickview-present-button .navigation-select:before, .quickview-present button.quickview-present-button .select-dropdown, .quickview-present button.quickview-present-button .site-header-actions .site-header-action-logged-in:before, .site-header-actions .quickview-present button.quickview-present-button .site-header-action-logged-in:before, .quickview-present button.quickview-present-button .breadcrumbs li a:after, .breadcrumbs li .quickview-present button.quickview-present-button a:after, .quickview-present button.quickview-present-button .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .quickview-present button.quickview-present-button a:after, .quickview-present button.quickview-present-button #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .quickview-present button.quickview-present-button .footer-heading-1:after, .quickview-present button.quickview-present-button .dropdown .dropdown-toggle:after, .dropdown .quickview-present button.quickview-present-button .dropdown-toggle:after, .quickview-present button.quickview-present-button .favorite:after, .quickview-present button.quickview-present-button .products-show-info-subtitle a:after, .products-show-info-subtitle .quickview-present button.quickview-present-button a:after, .quickview-present button.quickview-present-button .products-show-usps ul li:before, .products-show-usps ul .quickview-present button.quickview-present-button li:before, .quickview-present button.quickview-present-button .products-show-extras-title.icon-hop:before, .quickview-present button.quickview-present-button .products-show-extras-title.icon-flesjes:before, .quickview-present button.quickview-present-button .faq-list .faq-list-question:before, .faq-list .quickview-present button.quickview-present-button .faq-list-question:before, .quickview-present button.quickview-present-button .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .quickview-present button.quickview-present-button li:before, .quickview-present button.quickview-present-button .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .quickview-present button.quickview-present-button li:before, .quickview-present button.quickview-present-button .beer-finder-step-login ul li:before, .beer-finder-step-login ul .quickview-present button.quickview-present-button li:before, .quickview-present button.quickview-present-button .beer-finder-step ul li > button:after, .beer-finder-step ul .quickview-present button.quickview-present-button li > button:after, .quickview-present button.quickview-present-button .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .quickview-present button.quickview-present-button .untappd-button:after, .quickview-present button.quickview-present-button .beer-finder-step ul li > a:after, .beer-finder-step ul .quickview-present button.quickview-present-button li > a:after, .quickview-present button.quickview-present-button .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .quickview-present button.quickview-present-button .modal-upsell-checkbox:after, .quickview-present button.quickview-present-button .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .quickview-present button.quickview-present-button input[type="checkbox"]:checked + span:before, .quickview-present button.quickview-present-button .quickview-list-item-quantity:before, .quickview-present button.quickview-present-button .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .quickview-present button.quickview-present-button input[type="checkbox"]:checked + span:after {
      color: #139970;
      font-size: 18px;
      text-align: center;
      width: 50px; }
    /* line 234, /rails/app/assets/stylesheets/default/_quickview.sass */
    .quickview-present a.quickview-present-button span, .quickview-present button.quickview-present-button span {
      flex: 1;
      text-align: left; }
  /* line 238, /rails/app/assets/stylesheets/default/_quickview.sass */
  .quickview-present .input-wrapper textarea {
    height: 120px;
    margin: 10px 0;
    padding: 15px; }

/* line 243, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-present-note-title {
  color: #888684;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 14px; }
  /* line 248, /rails/app/assets/stylesheets/default/_quickview.sass */
  .quickview-present-note-title span {
    vertical-align: middle; }
  /* line 251, /rails/app/assets/stylesheets/default/_quickview.sass */
  .quickview-present-note-title .icon, .quickview-present-note-title .star-rating .star:before, .star-rating .quickview-present-note-title .star:before, .quickview-present-note-title .input-wrapper.valid:after, .quickview-present-note-title .filter-beer-colors .filter-beer-color-circle:after, .filter-beer-colors .quickview-present-note-title .filter-beer-color-circle:after, .quickview-present-note-title .navigation-select:before, .quickview-present-note-title .select-dropdown, .quickview-present-note-title .site-header-actions .site-header-action-logged-in:before, .site-header-actions .quickview-present-note-title .site-header-action-logged-in:before, .quickview-present-note-title .breadcrumbs li a:after, .breadcrumbs li .quickview-present-note-title a:after, .quickview-present-note-title .mobile-nav-inside ul li a:after, .mobile-nav-inside ul li .quickview-present-note-title a:after, .quickview-present-note-title #footer [data-controller="footer-list"] .footer-heading-1:after, #footer [data-controller="footer-list"] .quickview-present-note-title .footer-heading-1:after, .quickview-present-note-title .dropdown .dropdown-toggle:after, .dropdown .quickview-present-note-title .dropdown-toggle:after, .quickview-present-note-title .favorite:after, .quickview-present-note-title .products-show-info-subtitle a:after, .products-show-info-subtitle .quickview-present-note-title a:after, .quickview-present-note-title .products-show-usps ul li:before, .products-show-usps ul .quickview-present-note-title li:before, .quickview-present-note-title .products-show-extras-title.icon-hop:before, .quickview-present-note-title .products-show-extras-title.icon-flesjes:before, .quickview-present-note-title .faq-list .faq-list-question:before, .faq-list .quickview-present-note-title .faq-list-question:before, .quickview-present-note-title .recipe-ingredients-list ul li:before, .recipe-ingredients-list ul .quickview-present-note-title li:before, .quickview-present-note-title .beer-finder-introduction-container ol li:before, .beer-finder-introduction-container ol .quickview-present-note-title li:before, .quickview-present-note-title .beer-finder-step-login ul li:before, .beer-finder-step-login ul .quickview-present-note-title li:before, .quickview-present-note-title .beer-finder-step ul li > button:after, .beer-finder-step ul .quickview-present-note-title li > button:after, .quickview-present-note-title .beer-finder-step ul .untappd-button:after, .beer-finder-step ul .quickview-present-note-title .untappd-button:after, .quickview-present-note-title .beer-finder-step ul li > a:after, .beer-finder-step ul .quickview-present-note-title li > a:after, .quickview-present-note-title .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .modal-upsell-checkbox:after, .modal-upsell label input[type="checkbox"]:checked + .modal-upsell-container .quickview-present-note-title .modal-upsell-checkbox:after, .quickview-present-note-title .beer-finder-custom-styles label input[type="checkbox"]:checked + span:before, .beer-finder-custom-styles label .quickview-present-note-title input[type="checkbox"]:checked + span:before, .quickview-present-note-title .quickview-list-item-quantity:before, .quickview-present-note-title .wishlist-item-checkbox input[type="checkbox"]:checked + span:after, .wishlist-item-checkbox .quickview-present-note-title input[type="checkbox"]:checked + span:after {
    color: #139970;
    font-size: 18px;
    text-align: center;
    width: 46px; }

/* line 257, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-present-note {
  background: #f6f6f6;
  border-radius: 5px;
  color: #555;
  font-style: italic;
  font-size: 15px;
  margin: 10px 0;
  padding: 15px;
  white-space: pre-wrap; }

/* line 267, /rails/app/assets/stylesheets/default/_quickview.sass */
.quickview-usp {
  color: #888684;
  font-family: "jaf-facitweb", sans-serif;
  font-size: 13px;
  text-align: center;
  padding-top: 10px; }

/* line 1, /rails/app/assets/stylesheets/default/_wishlists.sass */
.wishlists {
  margin-top: 20px; }

/* line 4, /rails/app/assets/stylesheets/default/_wishlists.sass */
.wishlist-item {
  align-items: center;
  display: flex;
  margin: 10px 0;
  width: 100%; }

/* line 10, /rails/app/assets/stylesheets/default/_wishlists.sass */
label.wishlist-item {
  cursor: pointer; }
  /* line 13, /rails/app/assets/stylesheets/default/_wishlists.sass */
  label.wishlist-item:hover .wishlist-item-checkbox span {
    background: #e8e8e8; }

/* line 16, /rails/app/assets/stylesheets/default/_wishlists.sass */
.wishlist-item-name {
  font-size: 18px;
  font-weight: 600; }
  /* line 20, /rails/app/assets/stylesheets/default/_wishlists.sass */
  .wishlist-item-name small {
    display: block;
    font-weight: 400; }

/* line 24, /rails/app/assets/stylesheets/default/_wishlists.sass */
.wishlist-item-checkbox {
  cursor: pointer;
  padding-right: 20px; }
  /* line 28, /rails/app/assets/stylesheets/default/_wishlists.sass */
  .wishlist-item-checkbox input[type="checkbox"] {
    display: none; }
  /* line 31, /rails/app/assets/stylesheets/default/_wishlists.sass */
  .wishlist-item-checkbox span {
    border: 1px solid #c7c6c2;
    border-radius: 3px;
    display: block;
    height: 20px;
    width: 20px; }
  /* line 38, /rails/app/assets/stylesheets/default/_wishlists.sass */
  .wishlist-item-checkbox input[type="checkbox"]:checked + span {
    background: #139970;
    border-color: #139970; }
    /* line 42, /rails/app/assets/stylesheets/default/_wishlists.sass */
    .wishlist-item-checkbox input[type="checkbox"]:checked + span:after {
      color: white;
      font-size: 12px;
      text-align: center;
      width: 18px; }

/* line 11, /rails/app/assets/stylesheets/default/_styleguide.sass */
.styleguide-color {
  display: inline-block;
  height: 140px;
  margin-bottom: 60px;
  margin-right: 20px;
  position: relative;
  width: 140px; }
  /* line 19, /rails/app/assets/stylesheets/default/_styleguide.sass */
  .styleguide-color:before {
    bottom: -40px;
    color: #393633;
    font-size: 13px;
    position: absolute;
    text-align: center;
    width: 100%; }
  /* line 27, /rails/app/assets/stylesheets/default/_styleguide.sass */
  .styleguide-color:after {
    bottom: -25px;
    color: #393633;
    font-weight: bold;
    left: 0px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%; }
  /* line 2, /rails/app/assets/stylesheets/default/_styleguide.sass */
  .styleguide-color.gray-darkest {
    background: #393633; }
    /* line 5, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.gray-darkest:before {
      content: ".gray-darkest"; }
    /* line 8, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.gray-darkest:after {
      content: "#393633"; }
  /* line 2, /rails/app/assets/stylesheets/default/_styleguide.sass */
  .styleguide-color.gray-darker {
    background: #555; }
    /* line 5, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.gray-darker:before {
      content: ".gray-darker"; }
    /* line 8, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.gray-darker:after {
      content: "#555"; }
  /* line 2, /rails/app/assets/stylesheets/default/_styleguide.sass */
  .styleguide-color.gray-dark {
    background: #888684; }
    /* line 5, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.gray-dark:before {
      content: ".gray-dark"; }
    /* line 8, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.gray-dark:after {
      content: "#888684"; }
  /* line 2, /rails/app/assets/stylesheets/default/_styleguide.sass */
  .styleguide-color.gray {
    background: #c7c6c2; }
    /* line 5, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.gray:before {
      content: ".gray"; }
    /* line 8, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.gray:after {
      content: "#c7c6c2"; }
  /* line 2, /rails/app/assets/stylesheets/default/_styleguide.sass */
  .styleguide-color.gray-light {
    background: #e8e8e8; }
    /* line 5, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.gray-light:before {
      content: ".gray-light"; }
    /* line 8, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.gray-light:after {
      content: "#e8e8e8"; }
  /* line 2, /rails/app/assets/stylesheets/default/_styleguide.sass */
  .styleguide-color.gray-lightest {
    background: #f6f6f6; }
    /* line 5, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.gray-lightest:before {
      content: ".gray-lightest"; }
    /* line 8, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.gray-lightest:after {
      content: "#f6f6f6"; }
  /* line 2, /rails/app/assets/stylesheets/default/_styleguide.sass */
  .styleguide-color.brown {
    background: #b89570; }
    /* line 5, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.brown:before {
      content: ".brown"; }
    /* line 8, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.brown:after {
      content: "#b89570"; }
  /* line 2, /rails/app/assets/stylesheets/default/_styleguide.sass */
  .styleguide-color.brown-dark {
    background: #523517; }
    /* line 5, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.brown-dark:before {
      content: ".brown-dark"; }
    /* line 8, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.brown-dark:after {
      content: "#523517"; }
  /* line 2, /rails/app/assets/stylesheets/default/_styleguide.sass */
  .styleguide-color.brown-alt {
    background: #c6945f; }
    /* line 5, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.brown-alt:before {
      content: ".brown-alt"; }
    /* line 8, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.brown-alt:after {
      content: "#c6945f"; }
  /* line 2, /rails/app/assets/stylesheets/default/_styleguide.sass */
  .styleguide-color.green {
    background: #139970; }
    /* line 5, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.green:before {
      content: ".green"; }
    /* line 8, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.green:after {
      content: "#139970"; }
  /* line 2, /rails/app/assets/stylesheets/default/_styleguide.sass */
  .styleguide-color.green-dark {
    background: #005c3e; }
    /* line 5, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.green-dark:before {
      content: ".green-dark"; }
    /* line 8, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.green-dark:after {
      content: "#005c3e"; }
  /* line 2, /rails/app/assets/stylesheets/default/_styleguide.sass */
  .styleguide-color.yellow {
    background: #e2aa2b; }
    /* line 5, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.yellow:before {
      content: ".yellow"; }
    /* line 8, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.yellow:after {
      content: "#e2aa2b"; }
  /* line 2, /rails/app/assets/stylesheets/default/_styleguide.sass */
  .styleguide-color.yellow-dark {
    background: #b8882e; }
    /* line 5, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.yellow-dark:before {
      content: ".yellow-dark"; }
    /* line 8, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.yellow-dark:after {
      content: "#b8882e"; }
  /* line 2, /rails/app/assets/stylesheets/default/_styleguide.sass */
  .styleguide-color.yellow-alt {
    background: #d19a33; }
    /* line 5, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.yellow-alt:before {
      content: ".yellow-alt"; }
    /* line 8, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.yellow-alt:after {
      content: "#d19a33"; }
  /* line 2, /rails/app/assets/stylesheets/default/_styleguide.sass */
  .styleguide-color.red {
    background: #aa1b1f; }
    /* line 5, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.red:before {
      content: ".red"; }
    /* line 8, /rails/app/assets/stylesheets/default/_styleguide.sass */
    .styleguide-color.red:after {
      content: "#aa1b1f"; }

/* line 1, /rails/app/assets/stylesheets/default/_responsive.sass */
.show-mobile {
  display: none !important; }

@media only screen and (max-width: 768px) {
  /* line 5, /rails/app/assets/stylesheets/default/_responsive.sass */
  .container {
    padding: 0; }

  /* line 8, /rails/app/assets/stylesheets/default/_responsive.sass */
  .hide-mobile {
    display: none !important; }

  /* line 11, /rails/app/assets/stylesheets/default/_responsive.sass */
  .show-mobile {
    display: block !important; } }