/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */

.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}
/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}
/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 100%;
}
/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
          transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
}
/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding: 1px;
}
.picker__wrap {
  margin: -1px;
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
          transform: translateY(0) perspective(600px) rotateX(0);
  transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
}
/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */

.picker__box {
  padding: 0 1em;
}
/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}
.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic;
}
/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em;
}
@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}
/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}
.picker__day--today {
  position: relative;
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent;
}
.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}
.picker__day--outfocus {
  color: #dddddd;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__day--highlighted {
  border-color: #0089ec;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}
/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
}
.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none;
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em;
}
.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}
.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200;
}
.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}

/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.5.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */

.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(/chosen-sprite.png) -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/chosen-sprite.png) no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url(/chosen-sprite.png) no-repeat 100% -20px;
  background: url(/chosen-sprite.png) no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(/chosen-sprite.png) -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url(/chosen-sprite.png) no-repeat -30px -20px;
  background: url(/chosen-sprite.png) no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url(/chosen-sprite@2x.png) !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
/*
 *  webui popover plugin  - v1.2.17
 *  A lightWeight popover plugin with jquery ,enchance the  popover plugin of bootstrap with some awesome new features. It works well with bootstrap ,but bootstrap is not necessary!
 *  https://github.com/sandywalker/webui-popover
 *
 *  Made by Sandy Duan
 *  Under MIT License
 */

.webui-popover-content {
  display: none;
}
.webui-popover-rtl {
  direction: rtl;
  text-align: right;
}
/*  webui popover  */
.webui-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  min-width: 50px;
  min-height: 32px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.webui-popover.top,
.webui-popover.top-left,
.webui-popover.top-right {
  margin-top: -10px;
}
.webui-popover.right,
.webui-popover.right-top,
.webui-popover.right-bottom {
  margin-left: 10px;
}
.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right {
  margin-top: 10px;
}
.webui-popover.left,
.webui-popover.left-top,
.webui-popover.left-bottom {
  margin-left: -10px;
}
.webui-popover.pop {
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  -o-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  opacity: 0;
  filter: alpha(opacity=0);
}
.webui-popover.pop-out {
  -webkit-transition-property: "opacity,transform";
  -o-transition-property: "opacity,transform";
  transition-property: "opacity,transform";
  -webkit-transition: 0.15s linear;
  -o-transition: 0.15s linear;
  transition: 0.15s linear;
  opacity: 0;
  filter: alpha(opacity=0);
}
.webui-popover.fade,
.webui-popover.fade-out {
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 0;
  filter: alpha(opacity=0);
}
.webui-popover.out {
  opacity: 0;
  filter: alpha(opacity=0);
}
.webui-popover.in {
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.webui-popover .webui-popover-content {
  padding: 9px 14px;
  overflow: auto;
  display: block;
}
.webui-popover .webui-popover-content > div:first-child {
  width: 99%;
}
.webui-popover-inner .close {
  font-family: arial;
  margin: 8px 10px 0 0;
  float: right;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  color: #000000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  text-decoration: none;
}
.webui-popover-inner .close:hover,
.webui-popover-inner .close:focus {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.webui-popover-inner .close:after {
  content: "\00D7";
  width: 0.8em;
  height: 0.8em;
  padding: 4px;
  position: relative;
}
.webui-popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  background-color: #ffffff;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 5px 5px 0 0;
}
.webui-popover-content {
  padding: 9px 14px;
  overflow: auto;
  display: none;
}
.webui-popover-inverse {
  background-color: #333333;
  color: #eeeeee;
}
.webui-popover-inverse .webui-popover-title {
  background: #333333;
  border-bottom: 1px solid #3b3b3b;
  color: #eeeeee;
}
.webui-no-padding .webui-popover-content {
  padding: 0;
}
.webui-no-padding .list-group-item {
  border-right: none;
  border-left: none;
}
.webui-no-padding .list-group-item:first-child {
  border-top: 0;
}
.webui-no-padding .list-group-item:last-child {
  border-bottom: 0;
}
.webui-popover > .webui-arrow,
.webui-popover > .webui-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.webui-popover > .webui-arrow {
  border-width: 11px;
}
.webui-popover > .webui-arrow:after {
  border-width: 10px;
  content: "";
}
.webui-popover.top > .webui-arrow,
.webui-popover.top-right > .webui-arrow,
.webui-popover.top-left > .webui-arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.webui-popover.top > .webui-arrow:after,
.webui-popover.top-right > .webui-arrow:after,
.webui-popover.top-left > .webui-arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.webui-popover.right > .webui-arrow,
.webui-popover.right-top > .webui-arrow,
.webui-popover.right-bottom > .webui-arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.webui-popover.right > .webui-arrow:after,
.webui-popover.right-top > .webui-arrow:after,
.webui-popover.right-bottom > .webui-arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.webui-popover.bottom > .webui-arrow,
.webui-popover.bottom-right > .webui-arrow,
.webui-popover.bottom-left > .webui-arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}
.webui-popover.bottom > .webui-arrow:after,
.webui-popover.bottom-right > .webui-arrow:after,
.webui-popover.bottom-left > .webui-arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}
.webui-popover.left > .webui-arrow,
.webui-popover.left-top > .webui-arrow,
.webui-popover.left-bottom > .webui-arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.webui-popover.left > .webui-arrow:after,
.webui-popover.left-top > .webui-arrow:after,
.webui-popover.left-bottom > .webui-arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.webui-popover-inverse.top > .webui-arrow,
.webui-popover-inverse.top-left > .webui-arrow,
.webui-popover-inverse.top-right > .webui-arrow,
.webui-popover-inverse.top > .webui-arrow:after,
.webui-popover-inverse.top-left > .webui-arrow:after,
.webui-popover-inverse.top-right > .webui-arrow:after {
  border-top-color: #333333;
}
.webui-popover-inverse.right > .webui-arrow,
.webui-popover-inverse.right-top > .webui-arrow,
.webui-popover-inverse.right-bottom > .webui-arrow,
.webui-popover-inverse.right > .webui-arrow:after,
.webui-popover-inverse.right-top > .webui-arrow:after,
.webui-popover-inverse.right-bottom > .webui-arrow:after {
  border-right-color: #333333;
}
.webui-popover-inverse.bottom > .webui-arrow,
.webui-popover-inverse.bottom-left > .webui-arrow,
.webui-popover-inverse.bottom-right > .webui-arrow,
.webui-popover-inverse.bottom > .webui-arrow:after,
.webui-popover-inverse.bottom-left > .webui-arrow:after,
.webui-popover-inverse.bottom-right > .webui-arrow:after {
  border-bottom-color: #333333;
}
.webui-popover-inverse.left > .webui-arrow,
.webui-popover-inverse.left-top > .webui-arrow,
.webui-popover-inverse.left-bottom > .webui-arrow,
.webui-popover-inverse.left > .webui-arrow:after,
.webui-popover-inverse.left-top > .webui-arrow:after,
.webui-popover-inverse.left-bottom > .webui-arrow:after {
  border-left-color: #333333;
}
.webui-popover i.icon-refresh:before {
  content: "";
}
.webui-popover i.icon-refresh {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 20px;
  top: 50%;
  left: 50%;
  position: absolute;
  margin-left: -15px;
  margin-right: -15px;
  background: url(/../img/loading.gif) no-repeat;
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
.webui-popover-backdrop {
  background-color: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
}
.webui-popover .dropdown-menu {
  display: block;
  position: relative;
  top: 0;
  border: none;
  box-shadow: none;
  float: none;
}
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */

/*






 */



/* Component containers
----------------------------------*/

.ui-widget {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
	border: 1px solid #dddddd/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
	color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
	color: #333333/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #dddddd/*{borderColorHeader}*/;
	background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
	color: #333333/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
	background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc/*{borderColorHover}*/;
	background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b/*{fcHover}*/;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff/*{borderColorActive}*/;
	background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff/*{borderColorActive}*/;
	background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
	color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899/*{borderColorError}*/;
	background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-31d988765b4e6f56553c29588c500381dc3e6f0aa2980c8212202e5644aefd5d.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-31d988765b4e6f56553c29588c500381dc3e6f0aa2980c8212202e5644aefd5d.png)/*{iconsHeader}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_555555_256x240-32175261daee76c82bb0edf0eea16a56421866fbc31e94f3c1d570aa114502f5.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_ffffff_256x240-350df1b7131037de20e83c5c0f3a41a770d2ac48b5762ea772b3f4a8a7b9d47a.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_777620_256x240-0b020fc6e696d88d296e7bb1f61f1eb2ad827848e2c7382a4c3e0999e702dd9b.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_cc0000_256x240-40985a64b4d5dd213fba27fcd862a1bd1b337a97674f6ff0b9ec20abcee4bc69.png)/*{iconsError}*/;
}
.ui-button .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_777777_256x240-faf32007ae120c302213557626e660dd10e711c5dd4f1113d35f26dc05b78d2f.png)/*{iconsDefault}*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
	box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/*

 */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*!
 * jQuery UI Accordion 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */
/*

 */

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
/*!
 * jQuery UI Autocomplete 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */
/*

 */

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
/*!
 * jQuery UI Button 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/button/#theming
 */
/*

 */

.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
/*!
 * jQuery UI Checkboxradio 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/checkboxradio/#theming
 */
/*

 */


.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
/*!
 * jQuery UI Controlgroup 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/controlgroup/#theming
 */
/*

 */


.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

/*!
 * jQuery UI Datepicker 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
/*

 */

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
/*!
 * jQuery UI Dialog 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
/*

 */

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
/*!
 * jQuery UI Draggable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*

 */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/*!
 * jQuery UI Menu 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/menu/#theming
 */
/*

 */

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
/*!
 * jQuery UI Progressbar 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/progressbar/#theming
 */
/*

 */

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
/*!
 * jQuery UI Resizable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*

 */

.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
/*!
 * jQuery UI Selectable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*

 */

.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
/*!
 * jQuery UI Selectmenu 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/selectmenu/#theming
 */
/*

 */

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
/*!
 * jQuery UI Sortable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*

 */

.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/*!
 * jQuery UI Slider 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
/*

 */

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
/*!
 * jQuery UI Spinner 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/spinner/#theming
 */
/*

 */

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
/*!
 * jQuery UI Tabs 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tabs/#theming
 */
/*

 */

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
/*!
 * jQuery UI Tooltip 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tooltip/#theming
 */
/*

 */

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/*




















 */

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/*


 */

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}
/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
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 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}
/**
 * Re-set default cursor for disabled elements.
 */
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.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}
/**
 * 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).
 */
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.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}
html {
  font-size: 1em;
  line-height: 1.4;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
@font-face {
  font-family: 'crema-icons';
  src: url(/lib/assets/font/crema-icons.eot?53078927);
  src: url(/lib/assets/font/crema-icons.eot?53078927#iefix) format('embedded-opentype'), url(/lib/assets/font/crema-icons.woff?53078927) format('woff'), url(/lib/assets/font/crema-icons.ttf?53078927) format('truetype'), url(/lib/assets/font/crema-icons.svg?53078927#crema-icons) format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "crema-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
}
.icon-down {
  /* '' */
}
.icon-down:before {
  content: '\e800';
}
/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/
/*
==============================================
slideDown
==============================================
*/
.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 0.75s;
  -webkit-animation-duration: 0.75s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
/*
==============================================
slideUp
==============================================
*/
.slideUp {
  animation-name: slideUp;
  -webkit-animation-name: slideUp;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(-8%);
  }
  65% {
    transform: translateY(4%);
  }
  80% {
    transform: translateY(-4%);
  }
  95% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
  }
  50% {
    -webkit-transform: translateY(-8%);
  }
  65% {
    -webkit-transform: translateY(4%);
  }
  80% {
    -webkit-transform: translateY(-4%);
  }
  95% {
    -webkit-transform: translateY(2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
/*
==============================================
slideLeft
==============================================
*/
.slideLeft {
  animation-name: slideLeft;
  -webkit-animation-name: slideLeft;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@keyframes slideLeft {
  0% {
    transform: translateX(150%);
  }
  50% {
    transform: translateX(-8%);
  }
  65% {
    transform: translateX(4%);
  }
  80% {
    transform: translateX(-4%);
  }
  95% {
    transform: translateX(2%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%);
  }
  50% {
    -webkit-transform: translateX(-8%);
  }
  65% {
    -webkit-transform: translateX(4%);
  }
  80% {
    -webkit-transform: translateX(-4%);
  }
  95% {
    -webkit-transform: translateX(2%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
/*
==============================================
slideRight
==============================================
*/
.slideRight {
  animation-name: slideRight;
  -webkit-animation-name: slideRight;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@keyframes slideRight {
  0% {
    transform: translateX(-150%);
  }
  50% {
    transform: translateX(8%);
  }
  65% {
    transform: translateX(-4%);
  }
  80% {
    transform: translateX(4%);
  }
  95% {
    transform: translateX(-2%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%);
  }
  50% {
    -webkit-transform: translateX(8%);
  }
  65% {
    -webkit-transform: translateX(-4%);
  }
  80% {
    -webkit-transform: translateX(4%);
  }
  95% {
    -webkit-transform: translateX(-2%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
/*
==============================================
slideExpandUp
==============================================
*/
.slideExpandUp {
  animation-name: slideExpandUp;
  -webkit-animation-name: slideExpandUp;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease -out;
  visibility: visible !important;
}
@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0.5);
  }
  30% {
    transform: translateY(-8%) scaleX(0.5);
  }
  40% {
    transform: translateY(2%) scaleX(0.5);
  }
  50% {
    transform: translateY(0%) scaleX(1.1);
  }
  60% {
    transform: translateY(0%) scaleX(0.9);
  }
  70% {
    transform: translateY(0%) scaleX(1.05);
  }
  80% {
    transform: translateY(0%) scaleX(0.95);
  }
  90% {
    transform: translateY(0%) scaleX(1.02);
  }
  100% {
    transform: translateY(0%) scaleX(1);
  }
}
@-webkit-keyframes slideExpandUp {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5);
  }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5);
  }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5);
  }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1);
  }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9);
  }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05);
  }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95);
  }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02);
  }
  100% {
    -webkit-transform: translateY(0%) scaleX(1);
  }
}
/*
==============================================
expandUp
==============================================
*/
.expandUp {
  animation-name: expandUp;
  -webkit-animation-name: expandUp;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes expandUp {
  0% {
    transform: translateY(100%) scale(0.6) scaleY(0.5);
  }
  60% {
    transform: translateY(-7%) scaleY(1.12);
  }
  75% {
    transform: translateY(3%);
  }
  100% {
    transform: translateY(0%) scale(1) scaleY(1);
  }
}
@-webkit-keyframes expandUp {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
  }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12);
  }
  75% {
    -webkit-transform: translateY(3%);
  }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1);
  }
}
/*
==============================================
fadeIn
==============================================
*/
.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  /*animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;*/
  visibility: visible !important;
}
@keyframes fadeIn {
  0% {
    /*transform: scale(0);*/
    opacity: 0.0;
  }
  60% {
    /*transform: scale(1.1);	*/
  }
  80% {
    /*transform: scale(0.9);*/
    /*opacity: 1;	*/
  }
  100% {
    /*transform: scale(1);*/
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    /*-webkit-transform: scale(0);*/
    opacity: 0.0;
  }
  60% {
    /*-webkit-transform: scale(1.1);*/
  }
  80% {
    /*-webkit-transform: scale(0.9);*/
    /*opacity: 1;	*/
  }
  100% {
    /*-webkit-transform: scale(1);*/
    opacity: 1;
  }
}
/*
==============================================
expandOpen
==============================================
*/
.expandOpen {
  animation-name: expandOpen;
  -webkit-animation-name: expandOpen;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important;
}
@keyframes expandOpen {
  0% {
    transform: scale(1.8);
  }
  50% {
    transform: scale(0.95);
  }
  80% {
    transform: scale(1.05);
  }
  90% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes expandOpen {
  0% {
    -webkit-transform: scale(1.8);
  }
  50% {
    -webkit-transform: scale(0.95);
  }
  80% {
    -webkit-transform: scale(1.05);
  }
  90% {
    -webkit-transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
/*
==============================================
bigEntrance
==============================================
*/
.bigEntrance {
  animation-name: bigEntrance;
  -webkit-animation-name: bigEntrance;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important;
}
@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1;
  }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes bigEntrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
/*
==============================================
hatch
==============================================
*/
.hatch {
  animation-name: hatch;
  -webkit-animation-name: hatch;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  visibility: visible !important;
}
@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0.6);
  }
  20% {
    transform: rotate(-2deg) scaleY(1.05);
  }
  35% {
    transform: rotate(2deg) scaleY(1);
  }
  50% {
    transform: rotate(-2deg);
  }
  65% {
    transform: rotate(1deg);
  }
  80% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6);
  }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05);
  }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1);
  }
  50% {
    -webkit-transform: rotate(-2deg);
  }
  65% {
    -webkit-transform: rotate(1deg);
  }
  80% {
    -webkit-transform: rotate(-1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
/*
==============================================
bounce
==============================================
*/
.bounce {
  animation-name: bounce;
  -webkit-animation-name: bounce;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
}
@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6);
  }
  60% {
    transform: translateY(-100%) scaleY(1.1);
  }
  70% {
    transform: translateY(0%) scaleY(0.95) scaleX(1.05);
  }
  80% {
    transform: translateY(0%) scaleY(1.05) scaleX(1);
  }
  90% {
    transform: translateY(0%) scaleY(0.95) scaleX(1);
  }
  100% {
    transform: translateY(0%) scaleY(1) scaleX(1);
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6);
  }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1);
  }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
  }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
  }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
  }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1);
  }
}
/*
==============================================
pulse
==============================================
*/
.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes pulse {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(0.95);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(0.95);
  }
}
/*
==============================================
floating
==============================================
*/
.floating {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes floating {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(8%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(8%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
/*
==============================================
tossing
==============================================
*/
.tossing {
  animation-name: tossing;
  -webkit-animation-name: tossing;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes tossing {
  0% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(-4deg);
  }
}
@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(4deg);
  }
  100% {
    -webkit-transform: rotate(-4deg);
  }
}
/*
==============================================
pullUp
==============================================
*/
.pullUp {
  animation-name: pullUp;
  -webkit-animation-name: pullUp;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
}
@keyframes pullUp {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}
/*
==============================================
pullDown
==============================================
*/
.pullDown {
  animation-name: pullDown;
  -webkit-animation-name: pullDown;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
}
@keyframes pullDown {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}
/*
==============================================
stretchLeft
==============================================
*/
.stretchLeft {
  animation-name: stretchLeft;
  -webkit-animation-name: stretchLeft;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%;
}
@keyframes stretchLeft {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0.3);
  }
  40% {
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}
/*
==============================================
stretchRight
==============================================
*/
.stretchRight {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
}
@keyframes stretchRight {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3);
  }
  40% {
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}
/*
==============================================
Custom Crema.co Animations
==============================================
*/
/*
==============================================
slideDownFade
==============================================
*/
.slideDownFade {
  animation-name: slideDownFade;
  -webkit-animation-name: slideDownFade;
  animation-duration: 0.75s;
  -webkit-animation-duration: 0.75s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes slideDownFade {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes slideDownFade {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}
/*
==============================================
slideUpFade
==============================================
*/
.slideUpFade {
  animation-name: slideUpFade;
  -webkit-animation-name: slideUpFade;
  animation-duration: 0.75s;
  -webkit-animation-duration: 0.75s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes slideUpFade {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
    visibility: hidden;
  }
}
@-webkit-keyframes slideUpFade {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    visibility: hidden;
  }
}
/*
==============================================
slideLeftFade
==============================================
*/
.slideLeftFade {
  animation-name: slideLeftFade;
  -webkit-animation-name: slideLeftFade;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@keyframes slideLeftFade {
  0% {
    transform: translateX(150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes slideLeftFade {
  0% {
    -webkit-transform: translateX(150%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
}
html {
  font-size: 12px;
}
body {
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.334em;
  line-height: 1.125em;
  color: #465f87;
  background-color: #ffffff;
  letter-spacing: -0.5px;
}
button,
input,
select,
textarea {
  font-family: "futura-pt";
}
h1,
h2,
.h2 {
  margin: 1.25rem 0 0.25rem 0;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Le Monde Courrier Pro", Georgia, serif;
  font-weight: 600;
  font-size: 2.67rem;
  line-height: 3.5rem;
  text-align: center;
  letter-spacing: -1px;
}
@media screen and (max-width: 648px) {
  h1,
  h2,
  .h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
h3,
.h3 {
  margin: 1rem 0 0 0;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Le Monde Courrier Pro", Georgia, serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 3rem;
}
p {
  margin: 0 0 1.5rem 0;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
}
b,
strong {
  font-weight: 600;
}
blockquote {
  padding-left: 1.83rem;
  border-left: .167rem solid #ccc;
  margin: 0;
  font-size: 1.5rem;
  line-height: 2rem;
  font-style: italic;
  color: #666;
}
video {
  -webkit-mask-image: -webkit-radial-gradient(#ffffff, #000000);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.longform {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
}
.longform h2 {
  margin: 4rem 0 0.75rem 0;
  line-height: 3.34rem;
  text-align: left;
}
.longform > h2:first-child {
  margin-top: 2rem;
}
.longform h3 {
  margin-top: 3rem;
  margin-bottom: 0.5rem;
  line-height: 2.5rem;
}
.longform ul,
.longform ol {
  padding-left: 2rem;
}
.longform li {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 300;
}
.longform p,
.longform figcaption {
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 300;
}
.longform a {
  color: #50784f;
  text-decoration: underline;
}
.longform strong {
  font-weight: 500;
}
.longform blockquote,
.longform blockquote p {
  padding-left: 0;
  border-left: 0;
  font-size: 2rem;
  line-height: 3rem;
  color: #465f87;
  text-align: justify;
}
@media screen and (max-width: 720px) {
  .longform blockquote,
  .longform blockquote p {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media screen and (max-width: 648px) {
  .longform blockquote,
  .longform blockquote p {
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 528px) {
  .longform blockquote,
  .longform blockquote p {
    padding-left: 0;
    padding-right: 0;
    font-size: 1.67rem;
    line-height: 2.25rem;
  }
}
.longform figcaption {
  margin-top: 0.75rem;
  font-style: italic;
}
.longform .large-first-letter:first-letter {
  font-size: 6rem;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Le Monde Courrier Pro", Georgia, serif;
}
@media screen and (max-width: 648px) {
  .longform .large-first-letter:first-letter {
    font-size: 5rem;
    font-family: "futura-pt", "Avenir Next", "Avenir", "Le Monde Courrier Pro", Georgia, serif;
  }
}
@media screen and (max-width: 528px) {
  .longform .large-first-letter:first-letter {
    font-size: 3rem;
    font-family: "futura-pt", "Avenir Next", "Avenir", "Le Monde Courrier Pro", Georgia, serif;
  }
}
.color-white {
  color: white;
}
.color-black {
  color: #465f87;
}
.color-green {
  color: #50784f;
}
.button {
  display: inline-block;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #50784f;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  color: white !important;
  text-decoration: none !important;
}
.button:hover {
  background-color: #5e8e5d;
  text-decoration: none;
}
.button:active {
  background-color: #3b593b;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.button:disabled,
.button.disabled {
  opacity: 0.5;
}
.button:disabled:hover,
.button.disabled:hover,
.button:disabled:active,
.button.disabled:active {
  background-color: #50784f;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.button.full-width {
  width: 100%;
}
.button.large {
  height: 4rem;
  line-height: 4rem;
}
.button.secondary {
  background-color: #d4ad6a;
}
.button-red {
  display: inline-block;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #983352;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.button-red:hover {
  background-color: #b33c60;
  text-decoration: none;
}
.button-red:active {
  background-color: #72263d;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.button-red:disabled,
.button-red.disabled {
  opacity: 0.5;
}
.button-red:disabled:hover,
.button-red.disabled:hover,
.button-red:disabled:active,
.button-red.disabled:active {
  background-color: #983352;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.button-red.full-width {
  width: 100%;
}
.button-red.large {
  height: 4rem;
  line-height: 4rem;
}
.button-round {
  display: block;
  padding: 0 2rem;
  height: 3rem;
  font-size: 18px;
  border-radius: 50px;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  outline: none;
  text-align: center!important;
  text-decoration: none!important;
  cursor: pointer;
}
.button-round a {
  line-height: 3rem;
}
.button-round-green {
  display: block;
  padding: 0 2rem;
  height: 3rem;
  font-size: 18px;
  border-radius: 50px;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  outline: none;
  text-align: center!important;
  text-decoration: none!important;
  cursor: pointer;
  color: white;
  background-color: #50784f;
}
.button-round-green a {
  line-height: 3rem;
}
.button-round-green a {
  color: white;
}
.button-round-green:hover {
  background-color: #3b593b;
}
.button-round-green:active {
  background-color: #659763;
}
.button-round-blue {
  display: block;
  padding: 0 2rem;
  height: 3rem;
  font-size: 18px;
  border-radius: 50px;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  outline: none;
  text-align: center!important;
  text-decoration: none!important;
  cursor: pointer;
  color: white;
  background-color: #465f87;
}
.button-round-blue a {
  line-height: 3rem;
}
.button-round-blue a {
  color: white;
}
.button-round-blue:hover {
  background-color: #3d5376;
}
.button-round-blue:active {
  background-color: #4f6b98;
}
.button-round-purple {
  display: block;
  padding: 0 2rem;
  height: 3rem;
  font-size: 18px;
  border-radius: 50px;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  outline: none;
  text-align: center!important;
  text-decoration: none!important;
  cursor: pointer;
  color: white;
  background-color: #b09dbd;
}
.button-round-purple a {
  line-height: 3rem;
}
.button-round-purple a {
  color: white;
}
.button-round-purple:hover {
  background-color: #977fa8;
}
.button-round-purple:active {
  background-color: #c9bbd2;
}
.button-wide {
  padding: 0 5rem;
}
.button-fat {
  height: auto;
  padding: 0;
  line-height: 4rem;
}
.btn-round {
  display: inline-block;
  width: 100%;
  line-height: 3rem;
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-radius: 50px;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .btn-round:hover {
    transition-duration: .2s;
    transform: scale(1.006);
    box-shadow: 0 2px 5px #BBB;
  }
}
.btn-round:active {
  transition-duration: .1s;
  transform: scale(0.97);
  box-shadow: none;
}
.btn-round-green {
  display: inline-block;
  width: 100%;
  line-height: 3rem;
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-radius: 50px;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  background-color: #50784f;
}
@media (hover: hover) and (pointer: fine) {
  .btn-round-green:hover {
    transition-duration: .2s;
    transform: scale(1.006);
    box-shadow: 0 2px 5px #BBB;
  }
}
.btn-round-green:active {
  transition-duration: .1s;
  transform: scale(0.97);
  box-shadow: none;
}
.btn-round-clear {
  display: inline-block;
  width: 100%;
  line-height: 3rem;
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-radius: 50px;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  color: #465f87;
  background-color: white;
  border: solid 1px #465f87;
}
@media (hover: hover) and (pointer: fine) {
  .btn-round-clear:hover {
    transition-duration: .2s;
    transform: scale(1.006);
    box-shadow: 0 2px 5px #BBB;
  }
}
.btn-round-clear:active {
  transition-duration: .1s;
  transform: scale(0.97);
  box-shadow: none;
}
.lt-ie9 body * {
  display: none;
}
.lt-ie9 body .browsehappy,
.lt-ie9 body .browsehappy * {
  display: inline;
}
.error-message {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #666;
  text-align: center;
  margin: 2rem 0;
}
.status-warn {
  color: #983352;
}
.status-success {
  color: #50784f;
}
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.bold {
  font-weight: bold;
}
.original-price {
  text-decoration: line-through;
  padding-left: 2px;
  font-size: 80%;
}
.underlined {
  text-decoration: underline;
}
.padded {
  padding-left: 4rem;
  padding-right: 4rem;
}
@media screen and (max-width: 648px) {
  .padded {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media screen and (max-width: 528px) {
  .padded {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.v-padded {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media screen and (max-width: 648px) {
  .v-padded {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.margin-top-xs {
  margin-top: .5rem;
}
.margin-top-sm {
  margin-top: 1rem;
}
.margin-top-md {
  margin-top: 2rem;
}
.margin-top-lg {
  margin-top: 3rem;
}
.no-margin {
  margin: 0;
}
.d-flex {
  display: flex;
}
.d-flex-centered {
  display: flex;
  align-items: center;
  justify-content: center;
}
.font-primary {
  color: #465f87;
}
.display-on-mobile {
  display: none;
}
@media screen and (max-width: 920px) {
  .siteheader {
    padding-left: 2.5rem;
  }
}
@media screen and (max-width: 324px) {
  .hide-tiny {
    display: none;
  }
}
@media screen and (max-width: 528px) {
  .hide-small {
    display: none;
  }
}
@media screen and (min-width: 324px) {
  .show-tiny {
    display: none;
  }
}
@media screen and (min-width: 528px) {
  .show-small {
    display: none;
  }
}
@media screen and (max-width: 648px) {
  .hide-medium {
    display: none;
  }
}
@media screen and (min-width: 648px) {
  .show-medium {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .hide-header-condensed {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  .show-header-condensed {
    display: none;
  }
}
.viewport {
  width: 100%;
  overflow: hidden;
}
.content-container {
  position: relative;
  box-sizing: border-box;
  z-index: 500;
  width: 100%;
  -webkit-box-shadow: -1px -1px 0 #a9c9c4;
  -moz-box-shadow: -1px -1px 0 #a9c9c4;
  box-shadow: -1px -1px 0 #a9c9c4;
  -webkit-transition-property: margin-left, padding-right;
  -moz-transition-property: margin-left, padding-right;
  transition-property: margin-left, padding-right;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.brewlist-panel {
  box-sizing: border-box;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: -25rem;
  width: 25rem;
  height: 100%;
  border-left: 2px solid #a9c9c4;
  background-color: #ffffff;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: right, 0.4s;
  -moz-transition: right, 0.4s;
  transition: right, 0.4s;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.show-brewlist .content-container {
  margin-left: 0;
}
.show-brewlist .brewlist-panel {
  right: 0;
}
.show-brewlist .siteheader {
  margin-left: 0;
}
.less-BQ-items .modal-header {
  height: 40px;
  align-items: center;
}
.less-BQ-items .modal-body {
  text-align: center;
  padding: 0 15px 15px 15px;
}
.less-BQ-items h2 {
  font-size: 21px !important;
  text-align: center !important;
  margin-top: 0;
  color: #ab304c;
}
.less-BQ-items p {
  margin: 22px 0 1.5rem 0;
}
.less-BQ-items .modal-close-btn-wrapper {
  top: -5px !important;
}
.intercom-launcher {
  z-index: 500!important;
}
.hero-image-wrapper {
  width: 100%;
  height: 66vh;
  min-height: 500px;
  background-color: white;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.hero-image-content {
  padding-top: 0;
  position: relative;
  top: 40%;
  transform: translateY(-50%);
  margin-top: -15px;
  width: 100%;
}
.hero-image-content * {
  text-align: left;
}
.hero-image-content .banner-note {
  margin-top: .5rem;
  color: white;
  font-size: 16px;
}
.hero-image-heading {
  font-size: 48px;
  color: white;
  letter-spacing: -4px;
}
.hero-image-heading span {
  display: inline-block;
  line-height: 1.15;
  overflow: hidden;
  padding-right: 1rem;
}
.hero-image-heading span .hero-heading-inner-span {
  display: block;
  transform: translateY(100%);
}
.hero-image-button {
  display: block;
  padding: 0 2rem;
  height: 3rem;
  font-size: 18px;
  border-radius: 50px;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  outline: none;
  text-align: center!important;
  text-decoration: none!important;
  cursor: pointer;
  height: auto;
  padding: 0;
  line-height: 4rem;
  max-width: 260px;
  border: 2px solid white;
  font-size: 20px;
  font-weight: bold;
  line-height: 46px;
  transition: 0.4s;
  margin-top: 2rem;
}
.hero-image-button a {
  line-height: 3rem;
}
.hero-image-button-white {
  display: block;
  padding: 0 2rem;
  height: 3rem;
  font-size: 18px;
  border-radius: 50px;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  outline: none;
  text-align: center!important;
  text-decoration: none!important;
  cursor: pointer;
  height: auto;
  padding: 0;
  line-height: 4rem;
  max-width: 260px;
  border: 2px solid white;
  font-size: 20px;
  font-weight: bold;
  line-height: 46px;
  transition: 0.4s;
  margin-top: 2rem;
  border-color: white;
  color: white;
}
.hero-image-button-white a {
  line-height: 3rem;
}
.hero-image-button-white:hover {
  color: #465f87;
  background-color: white;
}
.hero-image-button-white:active {
  font-size: 22px;
}
.site-header-banner {
  display: flex;
  margin-top: -1px;
  padding-top: 20px;
  padding-bottom: 10px;
  background-image: url(/assets/home/site-header-banner-bg-color-37eecca4c5381e0fce6c42b8ef5b42f64e46efaf226b4ec1848c40a919899760.png);
  background-repeat: repeat;
}
.banner-content {
  display: flex;
  flex-direction: column;
}
.banner-content-first {
  width: 70%;
  align-items: flex-start;
  margin: 20px 10%;
}
.banner-content-second {
  width: 30%;
  align-items: flex-start;
  margin: 1rem 10% 0 10%;
}
.banner-heading {
  font-size: 38px;
  text-align: left;
}
.banner-sub-heading {
  max-width: 350px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 20px;
}
.banner-content-img {
  width: auto;
  height: 340px;
}
.banner-note {
  font-size: 15px;
  padding-bottom: 14px;
}
.banner-note span {
  padding-left: 10px;
}
.header-banner-bottom {
  width: 100%;
}
.ui-tooltip {
  display: none!important;
}
.hide-on-desktop {
  display: none;
}
@media only screen and (max-width: 1000px) {
  .banner-content-first {
    margin-left: 5%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .hide-on-desktop {
    display: block;
  }
  .hide-on-mobile {
    display: none;
  }
  .site-header-banner {
    flex-direction: column;
    padding: 1rem;
  }
  .site-header-banner .banner-content {
    align-items: center;
    width: 100%;
    margin: 0;
  }
  .site-header-banner {
    padding-top: 0;
    align-items: center;
    justify-content: center;
  }
  .banner-heading {
    text-align: center;
    padding-top: 2rem;
    font-size: 34px;
    line-height: 3rem;
  }
  .banner-sub-heading {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
  }
  .banner-content-first {
    flex-direction: column;
    align-items: flex-start;
    margin: 0 10%;
  }
  .header-banner-bottom {
    margin-bottom: 2rem;
  }
  .hero-image-content .button-fat {
    max-width: 200px;
  }
  .button-fat {
    line-height: 3rem;
  }
}
@media only screen and (max-width: 428px) {
  .hero-image-wrapper {
    height: 60vh;
  }
  .hero-image-content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2px;
  }
  .hero-image-content .button-fat,
  .hero-image-content .banner-note {
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
  }
  .hero-image-heading {
    letter-spacing: -2px;
    font-size: 38px;
    padding-left: 2rem;
  }
  .hero-image-button-white {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 260px;
  }
  .display-on-mobile {
    display: block;
  }
}
@media only screen and (max-width: 350px) {
  .banner-note {
    text-align: center;
    font-size: 11px;
  }
}
.alert {
  padding: 1.25rem;
  background-color: #465f87;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  transition: 0.33s;
}
.alert .close {
  float: left;
  width: 1.5rem;
  margin-right: -2rem;
  font-weight: 300;
  font-size: 2rem;
  line-height: 2rem;
  color: white;
  text-decoration: none;
}
.alert .close:hover {
  font-weight: 600;
}
.alert p {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 0;
  line-height: 2rem;
  text-align: center;
  color: white;
}
.alert p a {
  color: white;
  text-decoration: underline;
}
.alert-hide {
  margin-top: -4rem;
  opacity: 0;
}
.alert-sale {
  background-color: #465f87;
  border-bottom: solid 2px white;
}
.alert-sale .sale-content .sale-text {
  font-family: "futura-pt", sans-serif;
  font-size: 1.25em;
  font-weight: lighter;
  color: white;
  margin: auto 0;
  text-align: center;
}
.alert-sale .sale-content .sale-text a {
  color: white;
}
.alert-sale .sale-content .sale-text a:hover {
  text-decoration: underline !important;
}
.alert-sale .sale-content .sale-button {
  font-family: "futura-pt", sans-serif;
  font-size: 1.25em;
  font-weight: lighter;
  margin: 0 0 0 0.5rem;
  background: white;
  border: none;
  border-radius: 2px;
  padding: .5rem 1.5rem;
}
.alert-promo {
  padding: 1.25rem;
  background-color: #465f87;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  transition: 0.33s;
  border: 0;
  position: relative;
}
.alert-gift {
  padding: 1.25rem;
  background-color: #50784F;
}
.alert-ratio {
  padding: 1.25rem;
  background-color: #50784f;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  transition: 0.33s;
  border: 0;
}
.alert-notice {
  background-color: #50784f;
}
.alert-alert {
  background-color: #d4ad6a;
}
.alert-alert,
.alert-alert-error,
.alert-error {
  background-color: #983352;
}
.coffee-quiz-reminder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  background-color: #983352;
}
.coffee-quiz-reminder a {
  text-decoration: none!important;
}
.coffee-quiz-reminder p {
  color: white;
  font-size: 20px;
  margin: 0;
  transition: 0.2s;
}
.coffee-quiz-reminder p:hover {
  font-size: 21px;
}
.coffee-quiz-reminder p b {
  color: white;
}
.site-credit {
  text-align: center;
  color: white;
  background-color: #50784f;
  padding: 1rem;
  letter-spacing: 0;
  font-size: 20px;
}
.alert-pause-resume {
  text-decoration: underline!important;
}
.alert-sale .sale-content .sale-text span {
  display: inline-block;
  padding: 0 10px;
}
@media only screen and (max-width: 768px) {
  .alert-promo {
    font-size: 14px;
  }
  .alert-sale .sale-content .sale-text {
    font-size: 18px;
  }
}
@media only screen and (max-width: 450px) {
  .alert-promo {
    padding: .75rem 6px;
  }
  .alert-sale .sale-content .sale-text {
    font-size: 13px;
  }
  .alert-sale .sale-content .sale-text span {
    padding: 0 2px;
  }
}
@media only screen and (max-width: 350px) {
  .alert-sale .sale-content .sale-text {
    font-size: 13px;
  }
}
@media only screen and (max-width: 330px) {
  .alert-sale .sale-content .sale-text {
    font-size: 12px;
  }
}
.breadcrumbs {
  padding: 1.5rem 2rem;
  border-bottom: 1px solid #c6dfdb;
  margin: 0;
  background-color: white;
  line-height: 1.5rem;
}
.breadcrumbs ol {
  padding: 0;
  margin: 0;
}
.breadcrumb-item {
  display: inline;
  padding-right: 1rem;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.167rem;
  font-weight: 400;
  color: #666;
}
.breadcrumb-item a {
  color: #666;
  text-decoration: none;
}
.breadcrumb-item a:hover {
  font-weight: 600;
  color: #465f87;
}
.breadcrumb-item:after {
  content: "»";
  padding-left: 0.5rem;
  color: #666;
}
.breadcrumb-item:last-child:after {
  content: "";
  padding-left: 0;
}
.chosen-container {
  font-size: 1.167rem;
}
.chosen-container-multi .chosen-choices li.search-field {
  font-size: 1.167rem;
}
.chosen-container-multi .chosen-choices li.search-choice {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.167rem;
  line-height: 1.167rem;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  height: 1.833rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1.33rem;
  line-height: 1.833rem;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
}
.chosen-container-multi .chosen-choices {
  box-sizing: content-box;
  background: white none;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20height%3D%2216%22%3E%0A%20%20%3Cpath%20fill%3D%22%23262626%22%20d%3D%22M8%2012.5c-.3%200-.5-.1-.8-.4L.4%205.5C0%205.1%200%204.3.4%204c.4-.4%201.2-.4%201.6%200l6%205.9%206-6c.4-.4%201.2-.4%201.6%200s.4%201.2%200%201.5L8.8%2012c-.2.4-.5.5-.8.5z%22/%3E%0A%3C/svg%3E');
  background-repeat: no-repeat;
}
.chosen-container-multi,
.chosen-container-single {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20height%3D%2216%22%3E%0A%20%20%3Cpath%20fill%3D%22%23262626%22%20d%3D%22M8%2012.5c-.3%200-.5-.1-.8-.4L.4%205.5C0%205.1%200%204.3.4%204c.4-.4%201.2-.4%201.6%200l6%205.9%206-6c.4-.4%201.2-.4%201.6%200s.4%201.2%200%201.5L8.8%2012c-.2.4-.5.5-.8.5z%22/%3E%0A%3C/svg%3E');
  background-repeat: no-repeat;
}
.chosen-container-multi .chosen-choices li.search-choice {
  background-color: #ffffff;
  background-image: none;
  box-shadow: none;
  border-color: #c6dfdb;
}
.create-edit-form .chosen-container.chosen-container-active .chosen-choices,
.create-edit-form .chosen-container.chosen-container-active .chosen-choices:hover,
.create-edit-form .chosen-container.chosen-container-active .chosen-default,
.create-edit-form .chosen-container.chosen-container-active .chosen-default:hover,
.chosen-container .chosen-drop {
  -webkit-box-shadow: 0 0 4px rgba(80, 120, 79, 0.5);
  -moz-box-shadow: 0 0 4px rgba(80, 120, 79, 0.5);
  box-shadow: 0 0 4px rgba(80, 120, 79, 0.5);
  border-color: #50784f;
}
.create-edit-form .chosen-container.chosen-with-drop .chosen-choices {
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 0.334rem 0.334rem 0 0;
  -moz-border-radius: 0.334rem 0.334rem 0 0;
  border-radius: 0.334rem 0.334rem 0 0;
}
.chosen-container .chosen-drop {
  -webkit-border-radius: 0 0 0.334rem 0.334rem;
  -moz-border-radius: 0 0 0.334rem 0.334rem;
  border-radius: 0 0 0.334rem 0.334rem;
  -webkit-box-shadow: 0 0 4px rgba(80, 120, 79, 0.5);
  -moz-box-shadow: 0 0 4px rgba(80, 120, 79, 0.5);
  box-shadow: 0 0 4px rgba(80, 120, 79, 0.5);
  border-color: #50784f;
}
.chosen-container .chosen-choices li.search-choice .search-choice-close {
  background-image: none;
  text-decoration: none;
}
.chosen-container .chosen-choices li.search-choice .search-choice-close:before {
  content: "×";
  color: #666;
  font-size: 1.5rem;
  line-height: 1.1rem;
  text-decoration: none;
}
.chosen-container-single .chosen-single div b {
  display: none;
}
.create-edit-form .chosen-container-multi .chosen-choices {
  padding-bottom: 0;
  background-position: right 0.33rem;
}
.chosen-container-multi .chosen-choices li.search-choice {
  margin-bottom: 0.5rem;
}
/*dl*/
.detail-list {
  margin-top: 0;
  margin-bottom: 0;
}
.dt {
  margin-top: 1.5rem;
  font-size: .9167rem;
  line-height: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #666;
}
dt {
  margin-top: 1.5rem;
  font-size: .9167rem;
  line-height: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #666;
}
dt:first-child {
  margin-top: 0;
}
.dd {
  display: block;
  margin: 0;
  padding: 0.167rem 0;
  line-height: 1.67rem;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: 0 50%;
}
dd {
  display: block;
  margin: 0;
  padding: 0.167rem 0;
  line-height: 1.67rem;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: 0 50%;
}
dd:last-child {
  padding-bottom: 0;
  margin-bottom: -0.25rem;
}
a {
  color: #465f87;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 900px) {
  /*dl*/
  .detail-list {
    border: 1px solid #c6dfdb;
    padding: 2rem;
    margin-bottom: 1rem;
    text-align: center;
  }
  .popover .detail-list {
    border: none;
    margin-bottom: 0;
  }
  dt {
    margin-bottom: 0.25rem;
  }
  dd {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
body.a-new,
body.a-edit {
  background-color: #ffffff;
}
.field_with_errors {
  display: inline;
}
.form-validation-errors ul {
  padding: 1rem;
  border: 1px solid #983352;
  margin: 0 0 2rem 0;
  background-color: #ffffff;
}
.form-validation-errors li {
  display: block;
  list-style: none outside none;
  color: #983352;
  font-weight: 600;
  line-height: 2rem;
}
.form-notice {
  display: inline-block;
  padding: 1.5rem 1.75rem 1.5rem 1.75rem;
  border-left: 0.25rem solid #50784f;
  margin: 0 0 1.5rem -2rem;
  background-color: #ffffff;
  color: #466945;
  line-height: 2rem;
}
.form-notice a {
  color: #466945;
}
.form-notice p {
  margin-bottom: 1rem;
}
.form-notice p:last-child {
  margin-bottom: 0;
}
.form-notice li {
  list-style: none outside none;
  display: block;
}
.form-notice .button {
  display: inline-block;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #50784f;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.form-notice .button:hover {
  background-color: #5e8e5d;
  text-decoration: none;
}
.form-notice .button:active {
  background-color: #3b593b;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.form-notice .button:disabled,
.form-notice .button.disabled {
  opacity: 0.5;
}
.form-notice .button:disabled:hover,
.form-notice .button.disabled:hover,
.form-notice .button:disabled:active,
.form-notice .button.disabled:active {
  background-color: #50784f;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.form-notice-neutral {
  display: inline-block;
  padding: 1.5rem 1.75rem 1.5rem 1.75rem;
  border-left: 0.25rem solid #50784f;
  margin: 0 0 1.5rem -2rem;
  background-color: #ffffff;
  color: #466945;
  line-height: 2rem;
  color: #465f87;
  margin-bottom: none;
  border-top: 1px solid #50784f;
  border-right: 1px solid #50784f;
  border-bottom: 1px solid #50784f;
}
.form-notice-neutral a {
  color: #466945;
}
.form-notice-neutral p {
  margin-bottom: 1rem;
}
.form-notice-neutral p:last-child {
  margin-bottom: 0;
}
.form-notice-neutral li {
  list-style: none outside none;
  display: block;
}
.form-notice-neutral .button {
  display: inline-block;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #50784f;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.form-notice-neutral .button:hover {
  background-color: #5e8e5d;
  text-decoration: none;
}
.form-notice-neutral .button:active {
  background-color: #3b593b;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.form-notice-neutral .button:disabled,
.form-notice-neutral .button.disabled {
  opacity: 0.5;
}
.form-notice-neutral .button:disabled:hover,
.form-notice-neutral .button.disabled:hover,
.form-notice-neutral .button:disabled:active,
.form-notice-neutral .button.disabled:active {
  background-color: #50784f;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.form-warning {
  display: inline-block;
  padding: 1.5rem 1.75rem 1.5rem 1.75rem;
  border-left: 0.25rem solid #d4ad6a;
  margin: 0 0 1.5rem -2rem;
  background-color: #ffffff;
  color: #cea256;
  line-height: 2rem;
}
.form-warning a {
  color: #cea256;
}
.form-warning p {
  margin-bottom: 1rem;
}
.form-warning p:last-child {
  margin-bottom: 0;
}
.form-warning li {
  list-style: none outside none;
  display: block;
}
.form-warning .button {
  display: inline-block;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #d4ad6a;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.form-warning .button:hover {
  background-color: #dcbc86;
  text-decoration: none;
}
.form-warning .button:active {
  background-color: #c99742;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.form-warning .button:disabled,
.form-warning .button.disabled {
  opacity: 0.5;
}
.form-warning .button:disabled:hover,
.form-warning .button.disabled:hover,
.form-warning .button:disabled:active,
.form-warning .button.disabled:active {
  background-color: #d4ad6a;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.form-error,
.parsley-errors-list.filled {
  display: inline-block;
  padding: 1.5rem 1.75rem 1.5rem 1.75rem;
  border-left: 0.25rem solid #983352;
  margin: 0 0 1.5rem -2rem;
  background-color: #ffffff;
  color: #852d48;
  line-height: 2rem;
  display: block;
}
.form-error a,
.parsley-errors-list.filled a {
  color: #852d48;
}
.form-error p,
.parsley-errors-list.filled p {
  margin-bottom: 1rem;
}
.form-error p:last-child,
.parsley-errors-list.filled p:last-child {
  margin-bottom: 0;
}
.form-error li,
.parsley-errors-list.filled li {
  list-style: none outside none;
  display: block;
}
.form-error .button,
.parsley-errors-list.filled .button {
  display: inline-block;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #983352;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.form-error .button:hover,
.parsley-errors-list.filled .button:hover {
  background-color: #b33c60;
  text-decoration: none;
}
.form-error .button:active,
.parsley-errors-list.filled .button:active {
  background-color: #72263d;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.form-error .button:disabled,
.parsley-errors-list.filled .button:disabled,
.form-error .button.disabled,
.parsley-errors-list.filled .button.disabled {
  opacity: 0.5;
}
.form-error .button:disabled:hover,
.parsley-errors-list.filled .button:disabled:hover,
.form-error .button.disabled:hover,
.parsley-errors-list.filled .button.disabled:hover,
.form-error .button:disabled:active,
.parsley-errors-list.filled .button:disabled:active,
.form-error .button.disabled:active,
.parsley-errors-list.filled .button.disabled:active {
  background-color: #983352;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.create-edit-form .parsley-errors-container {
  padding-top: 0;
  padding-bottom: 0;
}
.parsley-errors-list {
  display: none;
}
.parsley-errors-list.filled {
  display: inline-block;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.center {
  box-sizing: border-box;
  display: block;
  float: left;
  width: 66.66666667%;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-left: 16.66666667%;
  margin-right: 16.66666667%;
  float: none;
}
@media screen and (max-width: 960px) {
  .center {
    box-sizing: border-box;
    display: block;
    float: left;
    width: 83.33333333%;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: 8.33333333%;
    margin-right: 8.33333333%;
    float: none;
  }
}
@media screen and (max-width: 648px) {
  .center {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
}
.skinny {
  max-width: 48rem;
  padding: 2rem;
  padding-bottom: 0;
  margin: 4rem auto;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
}
@media screen and (max-width: 720px) {
  .skinny {
    margin: 3rem auto;
  }
}
@media screen and (max-width: 696px) {
  .skinny {
    margin: 2rem auto;
  }
}
@media screen and (max-width: 648px) {
  .skinny {
    max-width: 54rem;
    padding: 2rem 1rem;
    padding-bottom: 0;
    margin: 0 auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
}
@media screen and (max-width: 528px) {
  .skinny {
    padding: 2rem 0;
    padding-bottom: 0;
  }
}
select {
  padding: 0 0.75rem;
  width: 14rem;
  height: 2.5rem;
  border: 1px solid #465f87;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 400;
  background-color: white;
  color: #465f87;
  outline: none;
  -moz-outline: none;
}
select:hover {
  border-color: #465f87;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
select:active,
select:focus {
  border-color: #465f87;
  border-width: 2px;
  padding-left: .67rem;
  padding-right: .67rem;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
select[multiple=multiple] {
  background-image: none;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #465f87;
}
select,
.chosen-container .chosen-choices,
.chosen-container-single .chosen-single {
  background: white none;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20height%3D%2216%22%3E%0A%20%20%3Cpath%20fill%3D%22%23262626%22%20d%3D%22M8%2012.5c-.3%200-.5-.1-.8-.4L.4%205.5C0%205.1%200%204.3.4%204c.4-.4%201.2-.4%201.6%200l6%205.9%206-6c.4-.4%201.2-.4%201.6%200s.4%201.2%200%201.5L8.8%2012c-.2.4-.5.5-.8.5z%22/%3E%0A%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: right;
  background-origin: content-box;
  background-size: 1.16rem;
  cursor: pointer;
}
select::-ms-expand,
.chosen-container .chosen-choices::-ms-expand,
.chosen-container-single .chosen-single::-ms-expand {
  display: none;
}
.form-container {
  background-color: white;
}
.create-edit-form {
  padding-top: 2rem;
  *zoom: 1;
  zoom: 1;
  background-color: white;
}
.create-edit-form:before,
.create-edit-form:after {
  content: "";
  display: table;
}
.create-edit-form:after {
  clear: both;
}
.create-edit-form fieldset {
  padding-bottom: 2rem;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 2rem 2rem 2rem;
}
.create-edit-form fieldset:last-child {
  border-bottom: 0;
}
.create-edit-form fieldset fieldset {
  padding: 0;
  border-bottom: none;
  margin: 2rem 0 0 0;
}
.create-edit-form legend {
  margin: 1rem 0 0 0;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Le Monde Courrier Pro", Georgia, serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 3rem;
}
.create-edit-form input[type=text],
.create-edit-form input[type=email],
.create-edit-form input[type=password],
.create-edit-form input[type=number],
.create-edit-form input[type=date],
.create-edit-form select,
.create-edit-form textarea,
.create-edit-form .chosen-choices,
.create-edit-form .chosen-single {
  box-sizing: border-box;
  width: 100%;
  height: 3rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid #ccc;
  margin-bottom: 0;
  -webkit-border-radius: 0.334rem;
  -moz-border-radius: 0.334rem;
  border-radius: 0.334rem;
  font-size: 1.33rem;
  -webkit-transition: box-shadow, 0.25s;
  -moz-transition: box-shadow, 0.25s;
  transition: box-shadow, 0.25s;
}
.create-edit-form input[type=text]:hover,
.create-edit-form input[type=email]:hover,
.create-edit-form input[type=password]:hover,
.create-edit-form input[type=number]:hover,
.create-edit-form input[type=date]:hover,
.create-edit-form select:hover,
.create-edit-form textarea:hover,
.create-edit-form .chosen-choices:hover,
.create-edit-form .chosen-single:hover {
  border-color: #999999;
}
.create-edit-form input[type=text]:focus,
.create-edit-form input[type=email]:focus,
.create-edit-form input[type=password]:focus,
.create-edit-form input[type=number]:focus,
.create-edit-form input[type=date]:focus,
.create-edit-form select:focus,
.create-edit-form textarea:focus,
.create-edit-form .chosen-choices:focus,
.create-edit-form .chosen-single:focus {
  outline: none;
  -webkit-box-shadow: 0 0 4px rgba(80, 120, 79, 0.5);
  -moz-box-shadow: 0 0 4px rgba(80, 120, 79, 0.5);
  box-shadow: 0 0 4px rgba(80, 120, 79, 0.5);
  border-color: #50784f;
}
.create-edit-form input[type=text]::-moz-placeholder,
.create-edit-form input[type=email]::-moz-placeholder,
.create-edit-form input[type=password]::-moz-placeholder,
.create-edit-form input[type=number]::-moz-placeholder,
.create-edit-form input[type=date]::-moz-placeholder,
.create-edit-form select::-moz-placeholder,
.create-edit-form textarea::-moz-placeholder,
.create-edit-form .chosen-choices::-moz-placeholder,
.create-edit-form .chosen-single::-moz-placeholder,
.create-edit-form input[type=text]:-ms-input-placeholder,
.create-edit-form input[type=email]:-ms-input-placeholder,
.create-edit-form input[type=password]:-ms-input-placeholder,
.create-edit-form input[type=number]:-ms-input-placeholder,
.create-edit-form input[type=date]:-ms-input-placeholder,
.create-edit-form select:-ms-input-placeholder,
.create-edit-form textarea:-ms-input-placeholder,
.create-edit-form .chosen-choices:-ms-input-placeholder,
.create-edit-form .chosen-single:-ms-input-placeholder {
  color: #999;
}
.create-edit-form input[type=text].large,
.create-edit-form input[type=email].large,
.create-edit-form input[type=password].large,
.create-edit-form input[type=number].large,
.create-edit-form input[type=date].large,
.create-edit-form select.large,
.create-edit-form textarea.large,
.create-edit-form .chosen-choices.large,
.create-edit-form .chosen-single.large {
  height: 4rem;
}
.create-edit-form input[type=file] {
  margin-top: 0.667rem;
}
.create-edit-form input[type=radio],
.create-edit-form input[type=checkbox] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.33rem;
  line-height: 1.667rem;
  font-weight: normal;
}
.create-edit-form input[type=radio] + label,
.create-edit-form input[type=checkbox] + label {
  display: inline;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  float: none;
  width: auto;
  padding: 0 0 0 0.25rem;
  margin-left: 0;
  text-align: left;
  font-size: 1.33rem;
  line-height: 3rem;
  font-weight: 400;
}
.create-edit-form textarea,
.create-edit-form select[multiple=multiple] {
  height: 13rem;
}
.create-edit-form .fieldset-help {
  margin-bottom: 0.5rem;
  padding-top: 0.5rem;
  color: #666;
  line-height: 2rem;
  max-width: 72rem;
}
.create-edit-form .fieldset-help a {
  color: #666;
  text-decoration: underline;
}
.create-edit-form .help {
  display: block;
  padding-top: 0.5rem;
  font-size: 1.167rem;
  line-height: 1.25rem;
  color: #666;
}
.create-edit-form .help a {
  color: #666;
}
.create-edit-form .disclaimer {
  display: block;
  padding-top: 0.667rem;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.167rem;
  line-height: 1.75rem;
  color: #666;
}
.create-edit-form .field_with_errors input[type=text],
.create-edit-form .field_with_errors input[type=email],
.create-edit-form .field_with_errors input[type=password],
.create-edit-form .field_with_errors input[type=number],
.create-edit-form .field_with_errors select,
.create-edit-form .field_with_errors textarea {
  border-color: #983352;
}
.create-edit-form input[type=text].parsley-error,
.create-edit-form input[type=email].parsley-error,
.create-edit-form input[type=password].parsley-error,
.create-edit-form input[type=number].parsley-error,
.create-edit-form select.parsley-error,
.create-edit-form textarea.parsley-error {
  border-color: #983352;
}
.create-edit-form input[type=submit] {
  display: inline-block;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #50784f;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.create-edit-form input[type=submit]:hover {
  background-color: #5e8e5d;
  text-decoration: none;
}
.create-edit-form input[type=submit]:active {
  background-color: #3b593b;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.create-edit-form input[type=submit]:disabled,
.create-edit-form input[type=submit].disabled {
  opacity: 0.5;
}
.create-edit-form input[type=submit]:disabled:hover,
.create-edit-form input[type=submit].disabled:hover,
.create-edit-form input[type=submit]:disabled:active,
.create-edit-form input[type=submit].disabled:active {
  background-color: #50784f;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.create-edit-form input[type=submit].large {
  height: 4rem;
  line-height: 4rem;
}
.create-edit-form .form-links,
.create-edit-form .delete-entity {
  margin-top: 0.5rem;
  line-height: 2rem;
}
.create-edit-form .delete-entity {
  float: right;
  font-size: 1.167rem;
  color: #999;
  text-decoration: none;
}
.create-edit-form .delete-entity:hover {
  color: red;
}
.create-edit-form .form-links {
  display: inline-block;
  font-size: 1.334rem;
}
.create-edit-form .form-links a,
.create-edit-form .form-links span {
  margin-left: 1rem;
  color: #666;
  text-decoration: none;
}
.create-edit-form .form-links a:hover,
.create-edit-form .form-links span:hover {
  text-decoration: underline;
  color: #465f87;
}
.form-group {
  max-width: 66rem;
  padding: 0.667rem 1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  *zoom: 1;
  zoom: 1;
  -webkit-transition: background-color, 0.25s;
  -moz-transition: background-color, 0.25s;
  transition: background-color, 0.25s;
}
.form-group:before,
.form-group:after {
  content: "";
  display: table;
}
.form-group:after {
  clear: both;
}
.form-group > label,
.form-group > .field_with_errors > label {
  display: block;
  box-sizing: border-box;
  padding-bottom: 0.5rem;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Le Monde Courrier Pro", Georgia, serif;
  font-size: 1.4167rem;
  line-height: 2rem;
  font-weight: 500;
}
.form-group.focus {
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.form-group.focus > label {
  font-weight: 700;
}
.form-group .field_with_errors > label {
  color: #983352;
}
.horizontal-form legend {
  padding-left: 13rem;
}
.horizontal-form .fieldset-help {
  padding-left: 13rem;
}
.horizontal-form .form-error,
.horizontal-form .parsley-errors-list.filled {
  display: inline-block;
}
.horizontal-form .form-group {
  padding-left: 14rem;
}
.horizontal-form .form-group > label,
.horizontal-form .form-group > .field_with_errors > label {
  display: block;
  width: 14rem;
  padding-top: 0.5rem;
  padding-right: 1rem;
  margin-left: -14rem;
  float: left;
  -webkit-transition: padding-right, 0.25s;
  -moz-transition: padding-right, 0.25s;
  transition: padding-right, 0.25s;
  text-align: right;
}
.horizontal-form .form-group.focus > label {
  padding-right: 2rem;
}
.horizontal-form .form-group-dis {
  padding-left: 7rem;
}
@media screen and (max-width: 648px) {
  .horizontal-form legend,
  .horizontal-form .fieldset-help {
    padding-left: 0;
  }
  .horizontal-form .form-group {
    padding-left: 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .horizontal-form .form-group > label {
    width: auto;
    padding-top: 0;
    margin-left: 0;
    float: none;
    text-align: left;
  }
}
.vertical-form {
  padding-left: 2rem;
  padding-right: 2rem;
}
.form-group-inline .form-sub-group {
  padding-right: 2.5rem;
}
.form-group-2 .form-sub-group {
  width: 50%;
}
.form-group-3 .form-sub-group {
  width: 33.3%;
}
.form-group-4 .form-sub-group {
  width: 25%;
}
.form-group-5 .form-sub-group {
  width: 20%;
}
.form-sub-group {
  box-sizing: border-box;
  padding-right: 1rem;
  float: left;
}
.form-sub-group:last-child {
  padding-right: 0;
}
.form-sub-group label {
  display: block;
  padding-top: .25rem;
  margin-left: 0;
  font-size: 1.1667rem;
  line-height: 1.25rem;
  -webkit-transition: margin, 0.25s;
  -moz-transition: margin, 0.25s;
  transition: margin, 0.25s;
}
.form-sub-group input:focus + label,
.form-sub-group select:focus + label,
.form-sub-group textarea:focus + label {
  font-weight: bold;
  margin-top: 0.334rem;
  margin-bottom: -0.334rem;
}
.form-align-end {
  display: flex;
  align-items: flex-end;
}
.form-sub-group .custom-row {
  display: flex;
  align-items: center;
}
.form-sub-group .custom-row .form-label {
  min-width: 20px;
}
.form-sub-group.wt-75 {
  width: 75%;
}
.form-sub-group.wt-25 {
  width: 25%;
}
.form-sub-group.wt-100 {
  width: 100%;
}
.bag-qty-cls {
  width: 25%;
}
.flex-1 {
  flex: 1;
}
#bag-discount-id {
  display: none;
}
.view-discount {
  float: right;
  color: #999;
}
.horizontal-form .form-group > .field_with_errors > label.custom_size_weight-new {
  width: auto;
  white-space: nowrap;
  min-width: 210px;
}
.horizontal-form .form-group > label.custom_dimension {
  min-width: 260px;
}
.row {
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
  flex-wrap: wrap;
}
.col-md-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
  align-items: center;
  display: flex;
}
.col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-md-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
  align-items: center;
  display: flex;
}
.col-md-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-md-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-md-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-md-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-md-8 {
  flex: 0 0 66.66666%;
  max-width: 66.66666%;
}
.col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-md-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-md-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-left: 10px;
  padding-right: 10px;
}
.col-md-auto {
  flex: 1;
  align-items: center;
  display: flex;
}
* {
  box-sizing: border-box;
}
.pc-y2 > div > div:first-child {
  padding-top: 8px;
  padding-bottom: 8px;
}
.align-items-center {
  align-items: center;
}
.w-100 {
  width: 100%;
}
.row .custom-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 648px) {
  .form-group-5 {
    padding-top: 0.34rem;
    padding-bottom: 0.34rem;
  }
  .form-group-5 .form-sub-group {
    width: 33%;
    margin-top: 0.34rem;
    margin-bottom: 0.34rem;
  }
  .form-align-end {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .form-group .form-sub-group {
    width: 100%;
    padding-right: 0;
    margin-bottom: 1.34rem;
    float: none;
  }
  .form-group .form-sub-group:last-child {
    margin-bottom: 0;
    padding-right: 0;
  }
}
.hero {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
}
.hero a {
  text-decoration: none;
}
.hero a:hover {
  text-decoration: none;
}
.hero-text {
  position: relative;
  z-index: 9;
  overflow: hidden;
  color: white;
}
.hero-text.color-black {
  color: #465f87;
}
.hero-text.color-white {
  color: white;
  text-shadow: 0 1px 3px black;
}
/*h1*/
.hero-heading {
  margin: 3rem 0 0 0;
  font-size: 4rem;
  line-height: 6rem;
  text-align: center;
}
h2.hero-heading {
  margin: 1rem 0 0 0;
  font-size: 3rem;
  line-height: 4rem;
}
h3.hero-heading {
  margin: 0;
  font-size: 2rem;
  line-height: 2.67rem;
}
/*h1*/
.hero-heading,
.hero-subheading {
  position: relative;
  z-index: 10;
}
/*p*/
.hero-subheading {
  max-width: 52rem;
  margin: 1.5rem auto;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 300;
  text-align: center;
}
.hero-button {
  color: white !important;
  text-decoration: none !important;
  display: inline-block;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #50784f;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  display: block;
  position: relative;
  font-weight: 600;
  width: 15rem;
  height: 4rem;
  margin: 2.5rem auto 1rem auto;
  line-height: 4rem;
  text-align: center;
}
.hero-button:hover {
  background-color: #5e8e5d;
  text-decoration: none;
}
.hero-button:active {
  background-color: #3b593b;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.hero-button:disabled,
.hero-button.disabled {
  opacity: 0.5;
}
.hero-button:disabled:hover,
.hero-button.disabled:hover,
.hero-button:disabled:active,
.hero-button.disabled:active {
  background-color: #50784f;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.hero-button.full-width {
  width: 100%;
}
.hero-button.large {
  height: 4rem;
  line-height: 4rem;
}
.hero-button.secondary {
  background-color: #d4ad6a;
}
.hero-button:hover {
  background-color: #5e8e5d;
  text-decoration: none;
}
.hero-button:active {
  background-color: #3b593b;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.hero-button:disabled,
.hero-button.disabled {
  opacity: 0.5;
}
.hero-button:disabled:hover,
.hero-button.disabled:hover,
.hero-button:disabled:active,
.hero-button.disabled:active {
  background-color: #50784f;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.hero-fine-print {
  font-size: 1.167rem;
  line-height: 1.34rem;
  text-align: center;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-weight: 400;
  margin-top: -1.25rem;
}
@media screen and (max-width: 924px) {
  /*h1*/
  .hero-heading {
    font-size: 3.5rem;
    line-height: 4.5rem;
  }
  .hero-subheading {
    font-size: 1.834rem;
    line-height: 2.5rem;
  }
}
@media screen and (max-width: 648px) {
  /*h1*/
  .hero-heading {
    font-size: 3rem;
    line-height: 4rem;
  }
  /*p*/
  .hero-subheading {
    letter-spacing: -0.04167rem;
    font-size: 1.667rem;
    line-height: 2.34rem;
  }
}
.image-input {
  width: 24rem;
  height: 6rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.image-input input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 24rem;
  height: 6rem;
  margin: 0;
  opacity: 0;
}
.image-input-thumbnail {
  box-sizing: border-box;
  float: left;
  width: 6rem;
  height: 6rem;
  border: 1px solid #dedede;
  background-color: #dedede;
  cursor: pointer;
}
.image-input-thumbnail img {
  min-width: 100%;
  max-height: 100%;
}
.image-input-text {
  box-sizing: border-box;
  float: left;
  width: 18rem;
  height: 6rem;
  padding: 2rem;
  border: 1px solid #dedede;
  border-left: 0;
  -webkit-border-radius: 0 0.334rem 0.334rem 0;
  -moz-border-radius: 0 0.334rem 0.334rem 0;
  border-radius: 0 0.334rem 0.334rem 0;
  background-color: #ffffff;
  color: #7992ba;
  line-height: 2rem;
  text-align: center;
  cursor: pointer;
}
.image-input:hover .image-input-text {
  border-color: #cfcfcf;
  background-color: #ffffff;
  color: #465f87;
  font-weight: 500;
}
.image-input:active .image-input-text {
  border-color: #bfbfbf;
  background-color: #f5f5f5;
  color: #465f87;
  font-weight: 600;
}
.button-facebook-login {
  display: inline-block;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #3b5999;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  background-image: url(/assets/icon-facebook-03d99da9c448f3c89225022e63dca1e7a771dfb7633aa89261319d3ca74b4dce.svg);
  background-repeat: no-repeat;
  background-position: 0.84rem 0.5rem;
  background-size: 3rem;
  text-align: center;
}
.button-facebook-login:hover {
  background-color: #4568b3;
  text-decoration: none;
}
.button-facebook-login:active {
  background-color: #2d4474;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.button-facebook-login:disabled,
.button-facebook-login.disabled {
  opacity: 0.5;
}
.button-facebook-login:disabled:hover,
.button-facebook-login.disabled:hover,
.button-facebook-login:disabled:active,
.button-facebook-login.disabled:active {
  background-color: #3b5999;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
@media screen and (max-width: 348px) {
  .button-facebook-login {
    text-align: right;
  }
}
.button-slack-login {
  display: inline-block;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #655091;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  background-image: url(/assets/icon-slack-ea7f36135a77b0a3bcbf07eb74d081839cf6075e6a8e3d257173583f49300cd9.svg);
  background-repeat: no-repeat;
  background-position: 0.84rem 0.5rem;
  background-size: 3rem;
  text-align: center;
}
.button-slack-login:hover {
  background-color: #765ea6;
  text-decoration: none;
}
.button-slack-login:active {
  background-color: #4e3e70;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.button-slack-login:disabled,
.button-slack-login.disabled {
  opacity: 0.5;
}
.button-slack-login:disabled:hover,
.button-slack-login.disabled:hover,
.button-slack-login:disabled:active,
.button-slack-login.disabled:active {
  background-color: #655091;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
@media screen and (max-width: 348px) {
  .button-slack-login {
    text-align: right;
  }
}
.or-container {
  position: relative;
  overflow: none;
  height: 2.67rem;
  margin: 0.667rem 0 0 0;
}
.or-line {
  position: absolute;
  top: 1.335rem;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px solid #c6dfdb;
}
.or-text {
  position: absolute;
  width: 3rem;
  height: 2.67rem;
  top: 0;
  left: 50%;
  margin-left: -1.5rem;
  font-size: 1rem;
  line-height: 2.67rem;
  color: #666;
  background-color: white;
  text-align: center;
}
.gift-redeeming {
  font-size: 18px;
  color: #666;
  padding: 5px 0px 0px 0px;
}
.modal-loading-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1999;
}
.modal-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 25rem;
  height: 25rem;
  margin: -12.5rem 0 0 -12.5rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 1rem rgba(70, 95, 135, 0.5);
  -moz-box-shadow: 0 0 1rem rgba(70, 95, 135, 0.5);
  box-shadow: 0 0 1rem rgba(70, 95, 135, 0.5);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%0A%20%20%3Cpath%20opacity%3D%22.175%22%20fill%3D%22%2366634d%22%20d%3D%22M20.2%205.17c-8.253%200-14.945%206.69-14.945%2014.945%200%208.255%206.692%2014.946%2014.946%2014.946s14.947-6.69%2014.947-14.945c0-8.254-6.692-14.946-14.946-14.946zm0%2026.58c-6.424%200-11.633-5.21-11.633-11.635S13.777%208.48%2020.2%208.48c6.426%200%2011.634%205.21%2011.634%2011.635%200%206.426-5.208%2011.634-11.633%2011.634z%22/%3E%0A%20%20%3Cpath%20fill%3D%22%23999782%22%20d%3D%22M26.013%2010.047l1.654-2.866C25.47%205.91%2022.924%205.17%2020.2%205.17v3.31c2.12%200%204.1.577%205.813%201.567z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeType%3D%22xml%22%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2020%2020%22%20to%3D%22360%2020%2020%22%20dur%3D%220.4s%22%20repeatCount%3D%22indefinite%22/%3E%0A%20%20%3C/path%3E%0A%3C/svg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12.5rem;
  z-index: 2001;
}
.modal-loading-text-top {
  padding: 2rem 2rem 0 2rem;
  text-align: center;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Le Monde Courrier Pro", Georgia, serif;
  font-size: 1.75rem;
  font-weight: 700;
}
.modal-loading-text-middle {
  text-align: center;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Le Monde Courrier Pro", Georgia, serif;
  font-size: 1.75rem;
  font-weight: 700;
}
.modal-loading-text-bottom {
  position: absolute;
  bottom: 2rem;
  left: 1rem;
  width: 23rem;
  margin-bottom: 0;
  text-align: center;
}
#modal-newsletter-backdrop {
  display: block;
  position: fixed;
  top: 7rem;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.66);
  opacity: 0;
}
#modal-newsletter-content {
  display: block;
  position: absolute;
  width: 36rem;
  top: -57rem;
  left: 50%;
  margin-left: -18rem;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
  overflow: hidden;
  z-index: 600;
  -webkit-transition: top, 0.2s;
  -moz-transition: top, 0.2s;
  transition: top, 0.2s;
  background-color: white;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
}
#modal-newsletter-content #new_user {
  width: 100%;
  margin: 0;
}
.modal-newsletter-heading {
  margin: 0;
  font-weight: 700;
}
.modal-newsletter-subheading {
  text-align: center;
  line-height: 1.75rem;
  margin-top: 1rem;
  margin-bottom: -0.25rem;
}
#modal-newsletter .form-error {
  margin: 0 auto;
  display: block;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#modal-newsletter .pane-1 {
  position: relative;
  padding-left: 2rem;
  padding-right: 2rem;
  z-index: 602;
}
#modal-newsletter .pane-1 fieldset {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0.5rem;
}
#modal-newsletter .pane-1 input[type=email].email {
  height: 4rem;
  text-align: center;
}
#modal-newsletter .pane-1 .button {
  font-weight: 500;
}
#modal-newsletter .pane-1 .no-thanks {
  display: block;
  color: #666;
  font-size: 1rem;
  text-align: center;
}
.recaptcha-wrapper {
  margin-top: 2rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
}
.g-recaptcha {
  text-align: center;
}
.g-recaptcha div {
  display: inline-block;
}
#modal-newsletter .pane-2 {
  display: none;
  position: relative;
  z-index: 603;
}
#modal-newsletter .pane-2 fieldset {
  padding-bottom: 0;
  margin-bottom: 0;
}
#modal-newsletter .pane-2 .referral-code-link {
  display: none;
}
#modal-newsletter .pane-2 .referral-code-disclaimer {
  color: #465f87;
  text-align: center;
}
.show-modal-newsletter #modal-newsletter {
  visibility: visible;
}
.show-modal-newsletter #modal-newsletter-content {
  top: 11rem;
}
.show-modal-newsletter #modal-newsletter-backdrop {
  opacity: 1;
  z-index: 599;
}
.overview {
  *zoom: 1;
  zoom: 1;
}
.overview:before,
.overview:after {
  content: "";
  display: table;
}
.overview:after {
  clear: both;
}
.overview-details,
.overview-text,
.overview-image {
  box-sizing: border-box;
}
.overview-details {
  position: relative;
  float: left;
  width: 18rem;
  margin: 4rem;
}
.overview-details .detail-list {
  padding-right: 2rem;
}
.overview-details img {
  max-width: 100%;
}
.m-flip .overview-details {
  float: right;
}
.m-flip .overview-details .detail-list {
  padding-right: 0;
  padding-left: 2rem;
  border-right: none;
  border-left: 1px solid #ccc;
}
.overview-details.m-text-align-right {
  text-align: right;
}
.m-details-none .overview-details {
  display: none;
}
.overview-image-text-container {
  overflow: hidden;
  padding-right: 48rem;
}
.m-flip .overview-image-text-container {
  padding-right: 0;
  padding-left: 48rem;
}
.m-image-none .overview-image-text-container,
.m-image-none.m-flip .overview-image-text-container {
  padding-left: 0;
}
.m-image-panoramic .overview-image-text-container {
  padding-right: 0;
  padding-left: 48rem;
}
.m-flip.m-image-panoramic .overview-image-text-container {
  padding-left: 0;
  padding-right: 48rem;
}
.overview-text {
  float: left;
  width: 100%;
  padding: 4rem 4rem 4rem 0;
  line-height: 2rem;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
}
.overview-text h2 {
  text-align: left;
  margin: 0 0 1rem 0;
}
.overview-text ul,
.overview-text ol {
  padding-left: 2rem;
}
.overview-text li {
  margin-bottom: 1rem;
}
.m-flip .overview-text {
  float: right;
}
.m-image-panoramic .overview-text {
  width: 48rem;
  padding-left: 4rem;
  margin-left: -48rem;
}
.m-flip.m-image-panoramic .overview-text {
  margin-right: -48rem;
}
.m-image-none .overview-text {
  padding-left: 4rem;
}
.overview-image {
  float: right;
  width: 48rem;
  margin-right: -48rem;
}
.m-flip .overview-image {
  margin-left: -48rem;
}
.m-image-none .overview-image {
  display: none;
}
.overview-image img,
.overview-image iframe {
  display: block;
  width: 100%;
}
.overview-image img {
  opacity: 1;
  -webkit-transition: opacity, 0.33s;
  -moz-transition: opacity, 0.33s;
  transition: opacity, 0.33s;
}
.overview-image img.loading {
  opacity: 0;
  display: none;
}
.m-flip .overview-image {
  float: left;
  margin-right: 0;
}
.overview-image.m-frame {
  padding: 4rem;
}
.m-image-panoramic .overview-image,
.m-flip.m-image-panoramic .overview-image {
  width: 100%;
  margin: 0;
  float: none;
}
.m-image-panoramic .overview-image.m-frame {
  padding-left: 0;
}
.m-flip.m-image-panoramic .overview-image.m-frame {
  padding-right: 0;
}
@media screen and (max-width: 1200px) {
  .overview-image-text-container {
    overflow: hidden;
    padding-right: 38rem;
  }
  .m-flip .overview-image-text-container {
    padding-right: 0;
    padding-left: 38rem;
  }
  .m-image-none .overview-image-text-container,
  .m-image-none.m-flip .overview-image-text-container {
    padding-left: 0;
  }
  .overview-image {
    width: 38rem;
    margin-right: -38rem;
  }
  .m-flip .overview-image {
    margin-left: -38rem;
  }
  .m-image-none .overview-image {
    display: none;
  }
}
@media screen and (max-width: 1104px) {
  .overview-image-text-container {
    overflow: hidden;
    padding-right: 33rem;
  }
  .m-flip .overview-image-text-container {
    padding-right: 0;
    padding-left: 33rem;
  }
  .m-image-none .overview-image-text-container,
  .m-image-none.m-flip .overview-image-text-container {
    padding-left: 0;
  }
  .overview-image {
    width: 33rem;
    margin-right: -33rem;
  }
  .m-flip .overview-image {
    margin-left: -33rem;
  }
  .m-image-none .overview-image {
    display: none;
  }
}
@media screen and (max-width: 1008px) {
  .overview-image-text-container {
    overflow: hidden;
    padding-right: 30rem;
  }
  .m-flip .overview-image-text-container {
    padding-right: 0;
    padding-left: 30rem;
  }
  .m-image-none .overview-image-text-container,
  .m-image-none.m-flip .overview-image-text-container {
    padding-left: 0;
  }
  .overview-image {
    width: 30rem;
    margin-right: -30rem;
  }
  .m-flip .overview-image {
    margin-left: -30rem;
  }
  .m-image-none .overview-image {
    display: none;
  }
}
@media screen and (max-width: 936px) {
  .overview-image-text-container {
    overflow: hidden;
    padding-right: 26rem;
  }
  .m-flip .overview-image-text-container {
    padding-right: 0;
    padding-left: 26rem;
  }
  .m-image-none .overview-image-text-container,
  .m-image-none.m-flip .overview-image-text-container {
    padding-left: 0;
  }
  .overview-image {
    width: 26rem;
    margin-right: -26rem;
  }
  .m-flip .overview-image {
    margin-left: -26rem;
  }
  .m-image-none .overview-image {
    display: none;
  }
}
@media screen and (max-width: 888px) {
  .overview-image-text-container,
  .m-flip .overview-image-text-container {
    padding: 0;
  }
  .overview-image,
  .overview-image.m-frame {
    width: 100%;
    padding: 0 4rem 4rem 0;
    margin: -2rem 0 0 0;
  }
  .m-details-none .overview-image.m-frame {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .m-details-none .overview-text {
    padding-left: 4rem;
  }
  .m-image-panoramic .overview-image-text-container,
  .m-flip.m-image-panoramic .overview-image-text-container,
  .m-details-none.m-flip.m-image-panoramic .overview-image-text-container {
    padding: 0;
  }
  .m-image-panoramic .overview-image,
  .m-flip.m-image-panoramic .overview-image,
  .m-details-none.m-flip.m-image-panoramic .overview-image,
  .m-image-panoramic .overview-text,
  .m-flip.m-image-panoramic .overview-text,
  .m-details-none.m-flip.m-image-panoramic .overview-text {
    width: 50%;
    margin: 0;
  }
  .m-image-panoramic .overview-image.m-frame {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 648px) {
  .overview .overview-details,
  .overview-details.m-text-align-right {
    float: none;
    width: auto;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin-right: 3rem;
    margin-bottom: -2rem;
    margin-left: 3rem;
    text-align: left;
  }
  .overview-details .detail-list {
    border: 1px solid #c6dfdb;
  }
  .overview-text {
    float: none;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .overview-text h2 {
    text-align: center;
  }
  .overview-image,
  .m-flip .overview-image,
  .overview-image.m-frame,
  .m-image-panoramic .overview-image,
  .m-image-panoramic.m-flip .overview-image.m-frame {
    float: none;
    width: 100%;
    padding-top: 0;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .m-image-panoramic .overview-image,
  .m-flip.m-image-panoramic .overview-image,
  .m-details-none.m-flip.m-image-panoramic .overview-image {
    margin-top: -2rem;
  }
  .m-image-panoramic .overview-text,
  .m-flip.m-image-panoramic .overview-text,
  .m-details-none.m-flip.m-image-panoramic .overview-text {
    width: 100%;
    float: none;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media screen and (max-width: 528px) {
  .overview .overview-details,
  .overview-details.m-text-align-right {
    margin-right: 2rem;
    margin-left: 2rem;
  }
  .overview-text,
  .m-details-none .overview-text,
  .overview-image,
  .m-flip .overview-image,
  .overview-image.m-frame,
  .m-image-panoramic .overview-image,
  .m-image-panoramic.m-flip .overview-image.m-frame {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.page-header {
  position: relative;
  background-color: #465f87;
  *zoom: 1;
  zoom: 1;
}
.page-header:before,
.page-header:after {
  content: "";
  display: table;
}
.page-header:after {
  clear: both;
}
.page-header .page-header-title {
  position: relative;
  z-index: 1;
  color: white;
}
.cover-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0%;
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 1;
  -webkit-transition: opacity, 2s, ease-out;
  -moz-transition: opacity, 2s, ease-out;
  transition: opacity, 2s, ease-out;
}
.cover-image img.loading {
  opacity: 0;
  display: none;
}
@media (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 375px), (min-resolution: 120dpi) and (max-width: 375px) {
  .cover-image img {
    margin-left: -187px;
  }
}
@media (-webkit-max-device-pixel-ratio: 1.25), (max-resolution: 120dpi) {
  .cover-image img {
    margin-left: 0px;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 376px) and (max-width: 768px), (min-resolution: 120dpi) and (min-width: 376px) and (max-width: 768px) {
  .cover-image img {
    margin-left: 0px;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 769px), (min-resolution: 120dpi) and (min-width: 769px) {
  .cover-image img {
    margin-left: 0px;
  }
}
.page-header-huge {
  height: 54rem;
}
.page-header-hero {
  height: 48rem;
}
.page-header-small {
  min-height: 4rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.page-header-small .page-header-title {
  margin: 0;
  font-size: 2.67rem;
  line-height: 4rem;
  color: white;
  font-weight: 600;
}
.page-header-buttons-left {
  float: left;
  padding: 0.5rem 0;
}
.page-header-buttons-right {
  float: right;
  padding: 0.5rem 0;
}
@media screen and (max-width: 900px) {
  .page-header-small {
    min-height: 3rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .page-header-small .page-header-title {
    font-size: 2rem;
    line-height: 3rem;
  }
  .page-header-small .page-header-buttons-left,
  .page-header-small .page-header-buttons-right {
    padding: 0;
  }
}
.page-header-medium {
  background-color: #465f87;
  height: 17rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.page-header-medium .page-header-title {
  margin-top: 6rem;
  margin-bottom: 6rem;
  font-size: 3.5rem;
  line-height: 5rem;
  text-shadow: 0 1px 0.5rem #465f87;
}
@media screen and (max-width: 648px) {
  .page-header-medium .page-header-title {
    margin-top: 1rem;
    margin-bottom: 0;
  }
  .page-header-medium .page-header-title.one-line {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
}
.page-header-large {
  height: 32rem;
}
.page-header-large .page-header-title {
  margin-top: 13rem;
  margin-bottom: 13rem;
  font-size: 4rem;
  line-height: 6rem;
  text-shadow: 0 1px 0.5rem #465f87;
}
.popover {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 16.5rem;
  margin-top: -0.75rem;
  margin-left: -8.25rem;
  background-color: white;
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
  border: 1px solid #c6dfdb;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  cursor: default;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  transition: 0.15s;
}
.show-popover > .popover {
  margin-top: 0.75rem;
  opacity: 1;
  visibility: visible;
}
.popover:before {
  position: absolute;
  display: block;
  top: -0.75rem;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 0.75rem solid transparent;
  border-right: 0.75rem solid transparent;
  border-bottom: 0.75rem solid #c6dfdb;
  margin-left: -0.75rem;
  content: " ";
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.popover:after {
  position: absolute;
  display: block;
  top: -0.5833rem;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 0.5833rem solid transparent;
  border-right: 0.5833rem solid transparent;
  border-bottom: 0.5833rem solid white;
  margin-left: -0.5833rem;
  content: " ";
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.popover.left {
  left: 0;
  margin-left: 0;
}
.popover.left:before,
.popover.left:after {
  left: 2rem;
}
.popover.right {
  left: auto;
  right: 0;
  margin-left: 0;
}
.popover.right:before {
  content: none;
}
.popover.right:after {
  left: auto;
  right: 2rem;
  border-bottom-color: #c6dfdb;
}
.popover-shop {
  width: 200px;
  margin-left: -42px;
}
.popover-shop .popover-text-link {
  margin: 6px 0;
}
.popover-shop:before {
  left: 20%!important;
}
.popover-shop:after {
  left: 20%!important;
  border-bottom-color: #c6dfdb;
}
.popover-shop.left {
  left: auto;
}
.shop-link-wrapper {
  position: relative;
  float: left;
}
.shop-sub-menu {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.shop-sub-menu .popover-text-link {
  padding-left: 3rem;
}
.shop-menu-icon {
  font-size: 13px;
}
.popover-buttons {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #c6dfdb;
}
.popover-buttons .button {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .popover-buttons .button {
    display: block;
  }
}
a.popover-text-link {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #465f87;
  font-weight: 400;
  text-decoration: none;
}
a.popover-text-link:hover {
  background-color: #ffffff;
}
a.popover-text-link:hover {
  background-color: #f0f0f0;
}
a.popover-text-link:active {
  background-color: #e0e0e0;
}
a.popover-text-link:first-child {
  margin-top: 0.75rem;
}
a.popover-text-link:last-child {
  margin-bottom: 0.75rem;
}
.popover-links-group {
  border-bottom: 1px solid #c6dfdb;
}
.popover-links-group:last-child {
  border-bottom: none;
}
.context-switch-wrapper {
  display: flex;
}
.context-switch {
  flex-grow: 1;
  text-align: center;
}
.context-switch:hover div {
  opacity: 1;
}
.account-menu-item {
  text-align: center;
  font-weight: normal;
  font-size: 1.5rem;
}
.context-switch-home {
  background-color: #465f87;
  border-top-left-radius: 4px;
}
.context-switch-workplace {
  background-color: #E15F60;
  opacity: 0.3;
  border-top-right-radius: 4px;
}
.context-switch-img {
  width: 50px;
  height: 50px;
  padding: 1rem;
}
@media screen and (max-width: 900px) {
  .popover {
    left: 0;
    margin-left: 0;
    width: 100%;
    box-sizing: border-box;
    top: 6rem;
    margin-top: -1rem;
    border-radius: 0;
    border: none;
    border-top: 1px solid #c6dfdb;
    background-color: #ffffff;
    letter-spacing: 0;
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  }
  .show-popover > .popover {
    margin-top: 0;
  }
  .popover:before,
  .popover:after {
    left: 4rem;
  }
  .popover:after {
    border-bottom-color: #c6dfdb;
  }
  a.popover-text-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: 3rem;
    border-bottom: 1px solid #c6dfdb;
  }
  a.popover-text-link:hover {
    background-color: #f0f0f0;
  }
  a.popover-text-link:active {
    background-color: #e0e0e0;
  }
  a.popover-text-link:first-child {
    margin-top: 0;
  }
  a.popover-text-link:last-child {
    margin-bottom: 0;
  }
  .popover-links-group {
    border: none;
  }
  .shop-link-wrapper {
    display: none;
  }
  .sold-out-button-container .button {
    padding: 0px 10px;
    font-size: 16px;
  }
  .popover.right.sold-out-popover.replacement-1 {
    -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 900px) and screen and (max-width: 428px) {
  .popover {
    text-align: left;
  }
}
.result-list {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  padding: 0;
  margin-left: 5%;
  margin-right: 5%;
  list-style: none outside none;
  *zoom: 1;
  zoom: 1;
}
.result-list:before,
.result-list:after {
  content: "";
  display: table;
}
.result-list:after {
  clear: both;
}
.result-list-narrow {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  padding: 0;
  margin-left: 5%;
  margin-right: 5%;
  list-style: none outside none;
  *zoom: 1;
  zoom: 1;
}
.result-list-narrow:before,
.result-list-narrow:after {
  content: "";
  display: table;
}
.result-list-narrow:after {
  clear: both;
}
.result-count-4 {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  padding: 0;
  margin-left: 5%;
  margin-right: 5%;
  list-style: none outside none;
  *zoom: 1;
  zoom: 1;
}
.result-count-4:before,
.result-count-4:after {
  content: "";
  display: table;
}
.result-count-4:after {
  clear: both;
}
.result-count-3 {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  padding: 0;
  margin-left: 5%;
  margin-right: 5%;
  list-style: none outside none;
  *zoom: 1;
  zoom: 1;
}
.result-count-3:before,
.result-count-3:after {
  content: "";
  display: table;
}
.result-count-3:after {
  clear: both;
}
.result-count-2 {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  padding: 0;
  margin-left: 5%;
  margin-right: 5%;
  list-style: none outside none;
  *zoom: 1;
  zoom: 1;
}
.result-count-2:before,
.result-count-2:after {
  content: "";
  display: table;
}
.result-count-2:after {
  clear: both;
}
.result-count-2 .result {
  width: 48%;
}
.result-count-1 {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  padding: 0;
  margin-left: 5%;
  margin-right: 5%;
  list-style: none outside none;
  *zoom: 1;
  zoom: 1;
  margin-left: 30%;
  margin-right: 30%;
}
.result-count-1:before,
.result-count-1:after {
  content: "";
  display: table;
}
.result-count-1:after {
  clear: both;
}
.result-count-1 .result {
  width: 90vw;
  max-width: 440px;
}
.gift-type-wrapper {
  display: flex;
  justify-content: center;
}
.result-expanded {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  padding: 0;
  margin-left: 5%;
  margin-right: 5%;
  list-style: none outside none;
  *zoom: 1;
  zoom: 1;
  margin-left: 30%;
  margin-right: 30%;
}
.result-expanded:before,
.result-expanded:after {
  content: "";
  display: table;
}
.result-expanded:after {
  clear: both;
}
.result-expanded .result {
  width: 90vw;
  max-width: 440px;
}
.result-count-1-flex {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  padding: 0;
  margin-left: 5%;
  margin-right: 5%;
  list-style: none outside none;
  *zoom: 1;
  zoom: 1;
  margin-left: auto;
  margin-right: auto;
}
.result-count-1-flex:before,
.result-count-1-flex:after {
  content: "";
  display: table;
}
.result-count-1-flex:after {
  clear: both;
}
.result-count-1-flex .result {
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
.result {
  float: left;
  box-sizing: border-box;
  width: 31.3%;
  background-color: transparent;
  -webkit-transition: background-color, 0.33s;
  -moz-transition: background-color, 0.33s;
  transition: background-color, 0.33s;
}
.result-thumbnail {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background-color: #f0f0f0;
  overflow: hidden;
}
.result-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  transition: 0.33s;
}
.result-thumbnail img.loading {
  opacity: 0;
  display: none;
}
.result-roaster-logo {
  position: relative;
  float: left;
  width: 6rem;
  height: 6rem;
  margin: -7.167rem 0 0 0.833rem;
  border: 0.167rem solid rgba(70, 95, 135, 0.66);
  -webkit-border-radius: 0.75rem;
  -moz-border-radius: 0.75rem;
  border-radius: 0.75rem;
  overflow: hidden;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.result-roaster-logo .liner {
  background-color: #ffffff;
  -webkit-border-radius: 0.75rem;
  -moz-border-radius: 0.75rem;
  border-radius: 0.75rem;
}
.result-roaster-logo img {
  width: 6rem;
  height: 6rem;
  opacity: 1;
  -webkit-transition: opacity, 0.33s;
  -moz-transition: opacity, 0.33s;
  transition: opacity, 0.33s;
}
.result-roaster-logo img.loading {
  opacity: 0;
  display: none;
}
.result-roaster-logo:hover:hover {
  -webkit-transform: scale(1.06);
}
.result-roaster-logo:hover:active {
  -webkit-transform: scale(1.03);
}
.result-title {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-top: 0.5rem;
  margin-bottom: 0.167rem;
}
.result-title a {
  color: #465f87;
  text-decoration: none;
}
.result-title a:hover {
  text-decoration: underline;
}
.result-description {
  margin-bottom: 0.5rem;
}
.result-certifications-price {
  overflow: hidden;
  margin-top: 0.5rem;
}
.result-certifications {
  overflow: hidden;
  float: left;
  padding: 0;
  margin: 0 0.25rem 0 0;
}
.result-certification {
  display: block;
  float: left;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  margin: 0 0.5rem 0 0;
  background-size: 1.5rem;
  opacity: 0.75;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.result-certification svg {
  width: 1.5rem;
  height: 1.5rem;
}
.result-certification:hover {
  opacity: 1;
  -webkit-transform: scale(1.125);
}
.result-certification span {
  display: none;
}
.decaf {
  float: left;
  font-size: 1rem;
  line-height: 1.417rem;
  text-transform: uppercase;
  color: white;
  font-weight: 400;
  letter-spacing: 1px;
  background-color: #cdaa36;
}
.sbq-brewitem-fast-track,
.brewitem-fast-track {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 8px;
  width: 34px;
  height: 34px;
  top: -3px;
  background-size: 34px;
  background-image: url(/assets/home/playlist/icon-fast-track-off-51267441f0b92d9690f7f474d1443603ef4a946e1639c044f7f1dffa446cbd42.svg);
  background-repeat: no-repeat;
  background-position: center;
  transition: 200ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 200ms;
  -webkit-transition-timing-function: ease-in-out;
}
.sbq-brewitem-fast-track:active,
.brewitem-fast-track:active,
.sbq-brewitem-fast-track.active,
.brewitem-fast-track.active {
  background-image: url(/assets/home/playlist/icon-fast-track-on-7bccfbb5d162d92b287ad79e6f0838167402541c302ca5a402999a35ff410033.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.sbq-brewitem-fast-track.hidden,
.brewitem-fast-track.hidden {
  display: none;
}
.sbq-brewitem-fast-track:hover,
.brewitem-fast-track:hover {
  background-color: #455f862b;
  border-radius: 6px;
}
.sbq-brewitem-fast-track {
  top: 6px;
  background-image: url(/assets/home/playlist/icon-fast-track-off-sbq-bd691bf6ec1d77f3a3a3d5036ba275c31b3720973fc1b27961b9282bb45875de.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.sbq-brewitem-fast-track:active,
.sbq-brewitem-fast-track.active {
  background-image: url(/assets/home/playlist/icon-fast-track-on-sbq-587b51fce10b7a2db4b3288a9635889633a8eafe6f6fafefe47d2c7d8fa63ad7.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.brewlist-fast-text {
  visibility: hidden;
  width: 122px;
  background-color: #455F86;
  border-radius: 8px;
  color: #fff;
  text-align: center;
  left: -125px;
  position: absolute;
  padding: 4px;
  top: -3px;
}
.sbq-brewitem-fast-track:hover .brewlist-fast-text {
  visibility: visible;
}
.brewitem-fast-track:hover .brewlist-fast-text {
  visibility: visible;
}
.brewitem-skip-track {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 34px;
  top: 37px;
  height: 34px;
  right: -36px;
  background-size: 27px;
  background-image: url(/assets/home/playlist/icon-skip-order-off-5273e3c5a86a2965bbe811fbff88741ebbb2fea046c6bec8e766787cbd7ebe00.svg);
  background-repeat: no-repeat;
  background-position: center;
  transition: 200ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 200ms;
  -webkit-transition-timing-function: ease-in-out;
}
.brewitem-skip-track:active,
.brewitem-skip-track.active {
  background-image: url(/assets/home/playlist/icon-skip-order-on-667d618e18e58268d415d29acc4fd53d1244bb9f181861e29ad8d4f783c5608d.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.brewitem-skip-track.hidden {
  display: none;
}
.brewitem-skip-track:hover {
  background-color: #455f862b;
  border-radius: 6px;
}
.brewlist-fast-text {
  visibility: hidden;
  width: 122px;
  background-color: #455F86;
  border-radius: 8px;
  color: #fff;
  text-align: center;
  left: -125px;
  position: absolute;
  padding: 4px;
  top: -3px;
}
.brewitem-skip-track:hover .brewlist-fast-text {
  top: 6px;
  visibility: visible;
}
.result-rating-indicator {
  display: none;
  position: relative;
  width: 0;
  height: 0;
  float: right;
  border-style: solid;
  border-color: transparent transparent transparent transparent;
  border-width: 0rem 0rem 3rem 3rem;
  margin-top: -3rem;
  z-index: 1;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.result-rating-indicator .icon {
  display: none;
  width: 1.5rem;
  height: 1.5rem;
  margin: 1.25rem 0 0 -1.5rem;
  content: " ";
  opacity: 1;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  stroke: white;
}
.result-rating-indicator.like {
  display: block;
  border-color: transparent transparent #50784f transparent;
}
.result-rating-indicator.like .like.icon {
  display: block;
}
.result-rating-indicator.dislike {
  display: block;
  border-color: transparent transparent #983352 transparent;
}
.result-rating-indicator.dislike .dislike.icon {
  display: block;
}
.result-rating-indicator.ordered {
  display: block;
  border-color: transparent transparent #655091 transparent;
}
.result-rating-indicator.ordered .ordered.icon {
  display: block;
  margin-left: -1.67rem;
  stroke: none;
  fill: white;
}
.brewitem-like-dislike {
  display: none;
  position: relative;
  top: 5rem;
  right: 3rem;
  width: 0;
  height: 0;
  z-index: 1;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.brewitem-like-dislike .icon {
  display: none;
  width: 2rem;
  height: 2rem;
  content: " ";
  opacity: 1;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  stroke: white;
}
.brewitem-like-dislike.like {
  display: block;
}
.brewitem-like-dislike.like .like.icon {
  display: block;
}
.brewitem-like-dislike.dislike {
  display: block;
}
.brewitem-like-dislike.dislike .dislike.icon {
  display: block;
}
.brewitem-like-dislike.ordered {
  display: block;
}
.brewitem-like-dislike.ordered .ordered.icon {
  display: block;
}
.brewitem-like-dislike.decaf {
  top: 7.5rem;
}
.result:hover .result-rating-indicator {
  border-width: 0rem 0rem 4rem 4rem;
  margin-top: -4rem;
}
.result:hover .result-rating-indicator .icon {
  opacity: 1;
  width: 3rem;
  height: 3rem;
  margin: 0.5rem 0 0 -3.125rem;
}
.result:hover .result-rating-indicator .icon.ordered {
  margin-top: 0.75rem;
  margin-left: -3.75rem;
}
@media screen and (max-width: 528px) {
  .result:hover .result-rating-indicator {
    border-width: 0rem 0rem 3rem 3rem;
    margin-top: -3rem;
  }
  .result:hover .result-rating-indicator .icon {
    width: 1.5rem;
    height: 1.5rem;
    margin: 1.25rem 0 0 -1.5rem;
  }
  .result:hover .result-rating-indicator .icon.ordered {
    margin-top: 1.25rem;
    margin-left: -1.67rem;
  }
}
.result-rating {
  float: left;
}
.result-price {
  display: block;
  float: left;
  margin-bottom: 0;
  color: #50784f;
  font-size: 1.167rem;
  line-height: 1.5rem;
}
.result-size {
  color: #666;
}
.result-add-button {
  display: inline-block;
  color: #50784f;
  text-decoration: none;
  font-size: 1.167rem;
  line-height: 1.5rem;
  padding: 0.167rem 0.5rem;
  border: 1px solid #c6dfdb;
  margin-top: 1rem;
  -webkit-border-radius: 0.33rem;
  -moz-border-radius: 0.33rem;
  border-radius: 0.33rem;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.result-add-button:hover {
  color: white;
  background-color: #50784f;
  border-color: #50784f;
  text-decoration: none;
}
.result-add-button:active {
  color: white;
  border-color: #3b593b;
  background-color: #3b593b;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.result:hover .result-add-button,
.result:hover .result-add-button:hover {
  border-color: #50784f;
}
.result-add-button.active,
.result:hover .result-add-button.active {
  padding: .167rem 0.5rem .167rem 2rem;
  border-color: transparent;
  background-color: transparent;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%20width%3D%2264%22%20height%3D%2264%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%233f8c4c%22%20d%3D%22M63.4%2010.6c-.8-.8-2-.8-2.8%200L22%2049.1%203.5%2030.7c-.8-.8-2-.8-2.8%200-.8.8-.8%202%200%202.8l19.8%2019.8c.8.8%202%20.8%202.8%200l40-40c.9-.7.9-2%20.1-2.7z%22/%3E%0A%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: 1.5rem;
  color: #50784f;
  font-weight: 600;
  cursor: default;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.coffee-rating-card-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.coffee-rating-card {
  width: 350px;
  height: 100%;
  margin: 2.5rem 1rem;
  background-color: #fafaf4;
}
.coffee-rating-card-img-wrapper {
  width: 100%;
  height: 300px;
  background-color: #f0f0f0;
  border: 1px #f0eee0 solid;
  box-sizing: border-box;
}
.coffee-rating-card-img {
  width: 100%;
  height: 100%;
}
.coffee-rating-card-content-wrapper {
  padding: 1rem;
}
.rating-buttons-wrapper {
  display: flex;
  justify-content: center;
  position: relative;
  top: -1rem;
  margin: auto;
}
.r-description-rate {
  opacity: 1 !important;
  width: 100%;
  text-align: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.coffees-result-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 1080px) {
  .result {
    width: 31%;
    margin: 1%;
  }
}
@media screen and (max-width: 1080px) {
  .result {
    width: 40vw;
    margin: 1%;
  }
  .result-count-2 {
    margin-left: 5%;
    margin-right: 5%;
  }
  .result-count-2 .result {
    width: 48%;
    margin: 1%;
  }
}
@media screen and (max-width: 648px) {
  .result {
    width: 90vw;
    margin: auto;
    margin-bottom: 3rem;
  }
  .result-count-4,
  .result-count-3,
  .result-count-2 {
    margin-left: 2%;
    margin-right: 2%;
  }
  .result-count-4 .result,
  .result-count-3 .result,
  .result-count-2 .result {
    width: 40vw;
    margin-bottom: 1rem;
  }
  .result-count-4 .result.expanded,
  .result-count-3 .result.expanded,
  .result-count-2 .result.expanded {
    width: 90vw;
    margin-bottom: 1rem;
  }
  .result-count-1 {
    margin-left: 2%;
    margin-right: 2%;
  }
  .result-count-1 .result {
    width: 90vw;
    margin: auto;
    margin-bottom: 1rem;
  }
  .result-count-1 .result.expanded {
    width: 90vw;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 1rem;
  }
  .result-expanded {
    margin-left: 2%;
    margin-right: 2%;
  }
  .result-expanded .result {
    width: 90vw;
    margin: auto;
    margin-bottom: 1rem;
  }
  .result-expanded .result.expanded {
    width: 90vw;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 1rem;
  }
  .result-list {
    margin-left: 2%;
    margin-right: 2%;
  }
}
@media screen and (max-width: 528px) {
  .coffee-result-size {
    display: none;
  }
}
@media screen and (max-width: 432px) {
  .result-roaster-logo {
    width: 4rem;
    height: 4rem;
    margin: -4.67rem 0 0 0.34rem;
  }
  .result-roaster-logo img {
    width: 4rem;
    height: 4rem;
  }
  .result-title {
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  .result-description,
  .result-place {
    margin-bottom: 0.25rem;
    font-size: 1.167rem;
    line-height: 1.25rem;
  }
  .result-certifications-price {
    margin-top: 0.25rem;
  }
}
@media screen and (max-width: 400px) {
  .coffee-rating-card {
    width: 300px;
  }
  .rating-buttons-wrapper {
    width: 80%;
    margin-top: .5rem;
  }
}
.roast {
  display: table;
  width: 100%;
  height: 0.25rem;
  overflow: hidden;
}
.rl {
  display: table-cell;
  background-color: #dec9e8;
}
.r-description-container {
  overflow: hidden;
  margin-top: -0.25rem;
}
.r-description {
  float: left;
  min-width: 5rem;
  padding: 0.1667rem 1rem 0.1667rem 1rem;
  margin: 0;
  font-size: 1rem;
  line-height: 1rem;
  text-transform: uppercase;
  color: white;
  font-weight: 400;
  letter-spacing: 1px;
  opacity: 0;
  animation-name: slideUpFade;
  -webkit-animation-name: slideUpFade;
  animation-duration: .2s;
  -webkit-animation-duration: .2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
}
.result:hover .r-description,
.coffee-grower-image:hover .r-description {
  animation-name: slideDownFade;
  -webkit-animation-name: slideDownFade;
  animation-duration: .2s;
  -webkit-animation-duration: .2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important;
  opacity: 1;
}
.r-1.r-description,
.r-1 .rl-1 {
  background-color: #b59cc1;
}
.r-2.r-description,
.r-2 .rl-1,
.r-2 .rl-2 {
  background-color: #9974aa;
}
.r-3.r-description,
.r-3 .rl-1,
.r-3 .rl-2,
.r-3 .rl-3 {
  background-color: #7a4d8f;
}
.r-4.r-description,
.r-4 .rl-1,
.r-4 .rl-2,
.r-4 .rl-3,
.r-4 .rl-4 {
  background-color: #5a2971;
}
.r-5.r-description,
.r-5 .rl-1,
.r-5 .rl-2,
.r-5 .rl-3,
.r-5 .rl-4,
.r-5 .rl-5 {
  background-color: #3f1154;
}
.r-6.r-description,
.r-6 .rl-1,
.r-6 .rl-2,
.r-6 .rl-3,
.r-6 .rl-4,
.r-6 .rl-5,
.r-6 .rl-6 {
  background-color: #270339;
}
.r-7.r-description,
.r-7 .rl {
  background-color: #270339;
}
.covid-link {
  width: 100%;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: -2rem;
}
.covid-link a {
  text-decoration: underline!important;
}
.covid-heading {
  text-align: center;
}
@media screen and (max-width: 528px) {
  .r-description,
  .coffee-grower-image:hover .r-description,
  .result:hover .r-description {
    visibility: visible !important;
    opacity: 1;
    animation-name: none;
    -webkit-animation-name: none;
    animation-duration: 0;
    -webkit-animation-duration: 0;
    animation-timing-function: none;
    -webkit-animation-timing-function: none;
  }
}
@media screen and (max-width: 432px) {
  .r-description {
    width: 100%;
    padding-left: 0.5rem;
    font-size: 0.9167rem;
  }
}
.share-buttons {
  clear: both;
  overflow: hidden;
}
.button-twitter {
  display: inline-block;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #000000;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  background-image: url(/assets/twiter-logo-10133d36ecdb84d3cd6f36c6727e826340e3621cd8408503c710c5fab62defde.svg);
  padding-left: 4.25rem;
  padding-right: 1.5rem;
  margin-right: 0.75rem;
  margin-bottom: 1rem;
  background-repeat: no-repeat;
  background-position: 1rem 1rem;
  background-size: 2rem;
  color: white;
  text-decoration: none;
}
.button-twitter:hover {
  background-color: #121212;
  text-decoration: none;
}
.button-twitter:active {
  background-color: #000000;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.button-twitter:disabled,
.button-twitter.disabled {
  opacity: 0.5;
}
.button-twitter:disabled:hover,
.button-twitter.disabled:hover,
.button-twitter:disabled:active,
.button-twitter.disabled:active {
  background-color: #000000;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.button-facebook {
  display: inline-block;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #3b5999;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  background-image: url(/assets/icon-facebook-03d99da9c448f3c89225022e63dca1e7a771dfb7633aa89261319d3ca74b4dce.svg);
  padding-left: 4.25rem;
  padding-right: 1.5rem;
  margin-right: 0.75rem;
  margin-bottom: 1rem;
  background-repeat: no-repeat;
  background-position: 0rem 0rem;
  background-size: 4rem;
  color: white;
  text-decoration: none;
}
.button-facebook:hover {
  background-color: #4568b3;
  text-decoration: none;
}
.button-facebook:active {
  background-color: #2d4474;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.button-facebook:disabled,
.button-facebook.disabled {
  opacity: 0.5;
}
.button-facebook:disabled:hover,
.button-facebook.disabled:hover,
.button-facebook:disabled:active,
.button-facebook.disabled:active {
  background-color: #3b5999;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.admin-table-actions {
  padding: 0.75rem 1rem;
  background-color: #bfbfbf;
  overflow: hidden;
}
.admin-table-action {
  display: block;
  float: left;
  padding: 0.25rem 1rem;
  border: 1px solid #666666;
  margin-right: 1rem;
  cursor: pointer;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #808080;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.25rem;
  line-height: 2rem;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.admin-table-action:hover {
  background-color: #8c8c8c;
}
.admin-table-action:active {
  background-color: #6e6e6e;
  border: 1px solid #6e6e6e;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.admin-table-ship-action {
  display: block;
  float: left;
  padding: 0.25rem 1rem;
  border: 1px solid #666666;
  margin-right: 1rem;
  cursor: pointer;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #808080;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.25rem;
  line-height: 2rem;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.admin-table-ship-action:hover {
  background-color: #8c8c8c;
}
.admin-table-ship-action:active {
  background-color: #6e6e6e;
  border: 1px solid #6e6e6e;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.admin-table-message {
  float: left;
  padding: 0.25rem 0;
  margin: 1px 0.5rem 0 1px;
  font-size: 1.25rem;
  line-height: 2rem;
  color: #465f87;
}
.admin-table {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #bfbfbf;
  margin-bottom: 4rem;
}
.admin-table table {
  width: 100%;
  border: 1px solid #bfbfbf;
  margin-bottom: 4rem;
}
.admin-table > table {
  border: none;
  margin-bottom: 0;
}
.admin-table caption {
  padding: 0.75rem 1rem;
  margin: 0;
  background-color: #bfbfbf;
  overflow: hidden;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: left;
}
.admin-table thead {
  background-color: #e6e6e6;
}
.admin-table tfoot {
  border-top: 1px solid #e6e6e6;
  text-align: center;
  font-style: italic;
  color: #666;
}
.admin-table tr:nth-child(even) {
  background-color: #ffffff;
}
.admin-table td,
.admin-table th {
  padding: 1rem;
  border-right: 1px solid #e6e6e6;
  text-align: left;
}
.admin-table td:last-child,
.admin-table th:last-child {
  border-right: 0;
}
.admin-table th {
  font-weight: 600;
  border-right: 1px solid #bfbfbf;
}
.admin-table th:last-child {
  border-right: 0;
}
.admin-table a {
  color: #465f87;
  text-decoration: underline;
}
.admin-table + .admin-table-actions {
  border-bottom: 1px solid #bfbfbf;
  margin-top: -4rem;
  margin-bottom: 4rem;
}
.admin-table-summary-row {
  border-top: 2px solid #bfbfbf;
}
.admin-table-emtpy-text {
  padding: 4rem 2rem;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  color: #666;
  font-size: 2rem;
  line-height: 3rem;
  text-align: center;
}
.admin-table-tabs ul {
  padding: 0 0 0 0;
  border-bottom: 2px solid #bfbfbf;
  margin: 0;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.admin-table-tabs li {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.admin-table-tabs a {
  display: block;
  list-style: none outside none;
  padding: 1rem 1.5rem;
  -webkit-border-radius: 0.5rem 0.5rem 0 0;
  -moz-border-radius: 0.5rem 0.5rem 0 0;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #ffffff;
  text-decoration: none;
  color: #465f87;
}
.admin-table-tabs a:hover {
  background-color: #e6e6e6;
  font-weight: 500;
}
.admin-table-tabs a:active {
  background-color: #d9d9d9;
  font-weight: 600;
}
.admin-table-tabs a.active,
.admin-table-tabs a.active:hover {
  background-color: #bfbfbf;
  font-weight: 600;
  cursor: default;
}
.admin-table-tabs > .admin-table-actions {
  margin-top: -2px;
}
.subnav-tabs {
  background-color: white;
  padding: 0 2rem;
  border-bottom: 1px solid #c6dfdb;
}
.subnav-tabs ul {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.subnav-tabs li {
  padding: 0;
  margin: 0;
}
.subnav-tabs a {
  display: block;
  float: left;
  list-style: none outside none;
  padding: 3rem 2rem 1.5rem 2rem;
  line-height: 1.67rem;
  text-decoration: none;
  color: #465f87;
}
.subnav-tabs a:hover {
  background-color: #ffffff;
}
.subnav-tabs a:active {
  background-color: #ffffff;
  font-weight: 600;
}
.subnav-tabs a.active,
.subnav-tabs a.active:hover {
  background-color: #ffffff;
  font-weight: 600;
  cursor: default;
}
@media screen and (max-width: 648px) {
  .subnav-tabs {
    padding: 0 1.5rem;
  }
  .subnav-tabs a {
    padding: 1.5rem 3rem;
  }
}
@media screen and (max-width: 528px) {
  .subnav-tabs a {
    padding: 1.5rem 2rem;
  }
}
.toggle-control ul {
  padding: 0 0 0 0;
  margin: 0;
  overflow: hidden;
}
.toggle-control li {
  padding: 0;
  margin: 0;
}
.toggle-control a {
  display: block;
  float: left;
  box-sizing: border-box;
  list-style: none outside none;
  width: 11rem;
  padding: 1rem;
  border-color: #c6dfdb;
  border-style: solid;
  border-width: 2px 1px 2px 1px;
  background-color: #465f87;
  color: #c6dfdb;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  text-align: center;
  text-decoration: none;
  line-height: 1.67rem;
}
.toggle-control a:hover {
  background-color: #354765;
  color: #ffffff;
}
.toggle-control a:active {
  background-color: rgba(198, 223, 219, 0.33);
  color: white;
  font-weight: 600;
}
.toggle-control a.active,
.toggle-control a.active:hover {
  background-color: #c6dfdb;
  font-weight: 600;
  color: #465f87;
  cursor: default;
}
.toggle-control li:last-child a {
  -webkit-border-radius: 0 0.75rem 0.75rem 0;
  -moz-border-radius: 0 0.75rem 0.75rem 0;
  border-radius: 0 0.75rem 0.75rem 0;
  border-right-width: 2px;
}
.toggle-control li:first-child a {
  -webkit-border-radius: 0.75rem 0 0 0.75rem;
  -moz-border-radius: 0.75rem 0 0 0.75rem;
  border-radius: 0.75rem 0 0 0.75rem;
  border-left-width: 2px;
}
@media screen and (max-width: 528px) {
  .toggle-control ul {
    display: table;
    width: 100%;
  }
  .toggle-control li {
    display: table-cell;
  }
  .toggle-control a {
    width: 100%;
    padding: 1rem 0.5rem;
  }
}
.toggle-switch {
  position: relative;
  top: 8px;
  display: inline-block;
  width: 48px;
  height: 28px;
}
.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.toggle-slider.profile-link {
  background-color: #64B91B;
}
.toggle-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .toggle-slider {
  background-color: #64B91B;
}
input:focus + .toggle-slider {
  box-shadow: 0 0 1px #64B91B;
}
input:checked + .toggle-slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.toggle-slider.round {
  border-radius: 34px;
}
.toggle-slider.round:before {
  border-radius: 50%;
}
.profile-toggler .toggle-switch .txt-holder {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 0;
  top: 0;
  bottom: 0;
}
.profile-toggler .toggle-switch .txt-holder .metric,
.profile-toggler .toggle-switch .txt-holder .imperial {
  position: absolute;
  top: 0;
  line-height: 34px;
  padding: 0;
}
.profile-toggler .toggle-switch .txt-holder .metric {
  left: 32px;
}
.profile-toggler .toggle-switch .txt-holder .imperial {
  left: 4px;
}
.profile-toggler .cstm-col {
  font-size: 0;
}
.profile-toggler .cstm-col u {
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
}
.profile-toggler a.toggle-slider.round.profile-link {
  z-index: 1;
  background-color: #5e8e5d;
}
.profile-toggler .toggle-switch {
  position: relative;
  top: 0;
  display: inline-block;
  width: 78px;
  height: 34px;
}
.profile-toggler .toggle-slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 6px;
  bottom: 6px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.profile-toggler input:checked + .toggle-slider:before {
  -webkit-transform: translateX(43px);
  -ms-transform: translateX(43px);
  transform: translateX(43px);
}
.redesign2019 h1 {
  color: #333333;
  font-family: "futura-pt", sans-serif;
  font-size: 2em;
  font-weight: normal;
  padding-left: 1rem;
  padding-right: 1rem;
  text-wrap: balance;
}
.redesign2019 h2 {
  color: #333333;
  font-family: "futura-pt", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625em;
  padding-left: 1rem;
  padding-right: 1rem;
  text-wrap: balance;
}
.redesign2019 h3 {
  color: #333333;
  font-family: "futura-pt", sans-serif;
  font-size: 1.375em;
  font-weight: normal;
  padding-left: 1rem;
  padding-right: 1rem;
}
.redesign2019 h4 {
  color: #333333;
  font-family: "futura-pt", sans-serif;
  font-size: 1.125em;
  font-weight: lighter;
  padding-left: 1rem;
  padding-right: 1rem;
}
.redesign2019 body {
  color: #333333;
  font-family: "futura-pt", sans-serif;
  font-size: 1em;
  font-weight: lighter;
  padding-left: 1rem;
  padding-right: 1rem;
}
.redesign2019 label {
  color: #455f86;
  font-family: "futura-pt", sans-serif;
  font-size: 1.125em;
  font-weight: lighter;
}
.redesign2019 h1.blue {
  color: #455f86;
}
.redesign2019 h1.white {
  color: white;
}
.redesign2019 h2.blue {
  color: #455f86;
}
.redesign2019 h3.blue {
  color: #455f86;
}
.redesign2019 h3.white {
  color: white;
}
.redesign2019 h4.blue {
  color: #455f86;
}
.redesign2019 h1.green {
  color: #287d44;
}
.redesign2019 h1.white {
  color: white;
}
.redesign2019 h2.white {
  color: white;
}
.redesign2019 .bold {
  font-weight: bold;
}
.redesign2019 .flexbox-row-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
.redesign2019 .coffee-variety-container {
  margin-bottom: 60px;
}
.redesign2019 .layered-button-container {
  position: relative;
  margin: 2rem;
  width: 20%;
  margin-left: auto;
  margin-right: auto;
  z-index: 3;
  cursor: pointer;
}
.redesign2019 .layered-button-container img {
  width: 100%;
}
.redesign2019 .layered-button-container .layered-button-hover-image {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.redesign2019 .layered-button-active-image {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.redesign2019 .layered-button-container:hover .layered-button-hover-image {
  display: inline;
}
.redesign2019 .layered-button-container:hover .layered-button-image {
  display: hidden;
}
.redesign2019 .layered-button-container.active {
  cursor: auto;
}
.redesign2019 .layered-button-container.active .layered-button-active-image {
  visibility: visible;
}
.redesign2019 .layered-button-container.active .layered-button-hover-image {
  visibility: hidden;
}
.redesign2019 .layered-button-container.disabled {
  cursor: auto;
  pointer-events: none;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.3;
}
.redesign2019 .add-to-playlist-button {
  margin-bottom: 1rem;
}
.redesign2019 .single-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.redesign2019 .reduced-bottom-margin {
  margin-bottom: -1rem;
}
.redesign2019 .transparent-background {
  background-color: transparent;
}
.redesign2019 .inline-size {
  color: #333333;
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
  font-size: .75em;
  font-weight: normal;
}
.redesign2019 .grind-button-container {
  width: 15%;
}
.redesign2019 .grind-button-container img {
  transition: transform 1s;
}
.redesign2019 .grind-button-container img:hover {
  transform: scale(1.25);
}
.redesign2019-card {
  display: flex;
  flex-direction: column;
  position: relative;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.redesign2019-card .center-image {
  position: relative;
  margin-top: -30%;
  margin-bottom: -20%;
  padding-top: 100%;
  background-color: transparent;
  overflow: hidden;
}
.redesign2019-card .center-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  margin: 20%;
  transition: transform 1s;
  z-index: 1;
}
.redesign2019-card .center-image img.loading {
  opacity: 0;
  display: none;
}
.redesign2019-card .center-image img:hover {
  transform: scale(1.25);
}
.redesign2019-card .center-image.top-margin-space {
  margin-top: -20%;
}
.redesign2019-card .roaster-logo {
  position: relative;
  background-color: white;
  margin-left: 40%;
  margin-right: 40%;
  width: 20%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  border-color: #455f86;
  z-index: 2;
}
.redesign2019-card .rd19-tabs-container {
  width: 100%;
  table-layout: fixed;
  cursor: pointer;
}
.redesign2019-card .rd19-size-tab {
  text-align: center;
  background-color: white;
}
.redesign2019-card .rd19-size-tab.empty {
  height: 4rem;
  background-color: transparent;
  cursor: default;
}
.redesign2019-card .rd19-size-tab.active {
  background-color: transparent;
}
.redesign2019-card .rd19-decaf {
  position: absolute;
  left: -4.5rem;
  top: 45%;
  background-color: #D69440;
  transform: rotate(90deg);
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
  font-size: 1.625em;
  font-weight: normal;
  color: white;
  margin: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 4rem;
  padding-right: 4rem;
  border-radius: 10px 10px 0 0;
  z-index: 2;
}
.redesign2019-card .rd19-decaf-gift {
  position: absolute;
  left: -4.5rem;
  top: 45%;
  background-color: #D69440;
  transform: rotate(90deg);
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
  font-size: 1.625em;
  font-weight: normal;
  color: white;
  margin: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 4rem;
  padding-right: 4rem;
  border-radius: 10px 10px 0 0;
  z-index: 2;
  top: 35%;
}
.redesign2019-card .rd19-special {
  position: absolute;
  right: -3.8rem;
  top: 45%;
  background-color: #AA556f;
  transform: rotate(90deg);
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
  font-size: 1.625em;
  font-weight: normal;
  color: white;
  margin: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 4rem;
  padding-right: 4rem;
  border-radius: 0 0 10px 10px;
  z-index: 2;
}
.redesign2019-card .rd19-special-gift {
  position: absolute;
  right: -3.8rem;
  top: 45%;
  background-color: #AA556f;
  transform: rotate(90deg);
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
  font-size: 1.625em;
  font-weight: normal;
  color: white;
  margin: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 4rem;
  padding-right: 4rem;
  border-radius: 0 0 10px 10px;
  z-index: 2;
  top: 35%;
}
@media screen and (max-width: 960px) {
  .redesign2019-card .rd19-decaf-gift {
    left: -3rem;
    top: 25%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .redesign2019-card .rd19-special-gift {
    position: absolute;
    right: -3.8rem;
    top: 45%;
    background-color: #AA556f;
    transform: rotate(90deg);
    font-family: Futura, "Trebuchet MS", Arial, sans-serif;
    font-size: 1.625em;
    font-weight: normal;
    color: white;
    margin: 0;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 4rem;
    padding-right: 4rem;
    border-radius: 0 0 10px 10px;
    z-index: 2;
    right: -2.3rem;
    top: 25%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.content-container {
  margin-top: 7rem;
}
.siteheader-nav {
  *zoom: 1;
  zoom: 1;
  padding: .667rem 0.75rem;
  margin: 0.5rem;
}
.siteheader-nav:before,
.siteheader-nav:after {
  content: "";
  display: table;
}
.siteheader-nav:after {
  clear: both;
}
.siteheader-nav .nav-item {
  position: relative;
  float: left;
  padding: 0.334rem 0.75rem 0.334rem 0.75rem;
  line-height: 2rem;
  color: #465f87;
  text-decoration: none;
  cursor: pointer;
}
.siteheader-nav .nav-item:hover {
  font-weight: 600;
  color: black;
}
.siteheader-nav .nav-item.button {
  height: auto;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-size: 1.334rem;
  font-weight: 600;
  color: white;
}
.siteheader-nav .nav-item-user {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20height%3D%2216%22%3E%0A%20%20%3Cpath%20fill%3D%22%23262626%22%20d%3D%22M8%2012.5c-.3%200-.5-.1-.8-.4L.4%205.5C0%205.1%200%204.3.4%204c.4-.4%201.2-.4%201.6%200l6%205.9%206-6c.4-.4%201.2-.4%201.6%200s.4%201.2%200%201.5L8.8%2012c-.2.4-.5.5-.8.5z%22/%3E%0A%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: right;
  background-size: 1rem;
  padding-right: 1.5rem;
  margin-right: 0.75rem;
}
.siteheader-nav .nav-item-user .icon {
  display: none;
  width: 2.5rem;
  height: 2.5rem;
  margin-top: -0.25rem;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.siteheader-nav .nav-item-user .icon:hover {
  -webkit-transform: scale(1.1);
}
.siteheader-nav .nav-item.nav-item-menu {
  font-size: 24px;
  color: #465f87;
}
.siteheader-nav-left {
  float: left;
  border-left: 1px solid #c6dfdb;
  margin-left: 1.5rem;
}
.siteheader-nav-left .nav-item {
  font-weight: 600;
  color: #666;
}
.siteheader-nav-left .nav-item:hover {
  color: #465f87;
}
.siteheader-nav-left .nav-item:active {
  color: black;
  text-shadow: 0 0 1px #82ac81;
}
.siteheader-nav-right {
  float: right;
  margin-right: 0;
}
.siteheader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 84px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background-color: white;
  -webkit-box-shadow: 0 1px 0 #c6dfdb;
  -moz-box-shadow: 0 1px 0 #c6dfdb;
  box-shadow: 0 1px 0 #c6dfdb;
  opacity: 0.98;
  z-index: 1000;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
}
.c-home.a-index .siteheader {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 0.75s;
  -webkit-animation-duration: 0.75s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
.siteheader-logo {
  float: left;
  margin: 1.5rem 0 1.833rem 0;
  height: 1.67rem;
  width: 8.9167rem;
}
.c-home .nav-item.nav-home,
.c-coffees .nav-item.nav-coffees,
.c-onboarding .nav-item.nav-onboarding,
.c-roasters .nav-item.nav-roasters,
.c-gifts .nav-item.nav-gifts,
.c-brew_guides .nav-item.nav-guides,
.c-profile .nav-item.brew-log,
.c-sampler .nav-item.try-free,
.c-office_coffee .nav-item.nav-teams {
  font-weight: 600;
  color: #465f87;
}
.siteheader-emblem {
  position: absolute;
  top: 1rem;
  left: 50%;
  width: 5rem;
  height: 5rem;
  margin: 0 -2.5rem;
  -webkit-transition: -webkit-transform, 0.2s;
  -moz-transition: -webkit-transform, 0.2s;
  transition: -webkit-transform, 0.2s;
}
.siteheader-emblem:hover {
  -webkit-transform: scale(1.08);
}
.siteheader-emblem:active {
  -webkit-transform: scale(1.04);
}
.siteheader-emblem svg {
  width: 100%;
}
.siteheader-brewlist {
  position: relative;
  display: flex;
  align-items: center;
  float: right;
  height: 4rem;
  padding-left: 1.5rem;
  margin: 0.5rem 0 0.5rem 0;
  text-align: center;
  overflow: visible;
}
.siteheader-brewlist-button {
  display: block;
  padding: 0 1.75rem;
  line-height: 30px;
  color: white;
  background-color: #b09dbd;
  border-radius: 20px;
  cursor: pointer;
  font-weight: bold;
}
.siteheader-brewlist-button:hover {
  transition-duration: .2s;
  transform: scale(1.006);
  box-shadow: 0 2px 5px #BBB;
}
.siteheader-brewlist-button:active {
  transition-duration: .1s;
  transform: scale(0.96);
  box-shadow: none;
}
.siteheader-brewlist-text {
  line-height: 1.5rem;
  color: #465f87;
  cursor: pointer;
  -webkit-transition: color, 0.4s;
  -moz-transition: color, 0.4s;
  transition: color, 0.4s;
}
.siteheader-brewlist a {
  text-decoration: none;
}
.show-brewlist .siteheader-brewlist-text,
.siteheader-brewlist:active .siteheader-brewlist-text {
  color: #d4ad6a;
  font-weight: 600;
}
.show-brewlist .icon-brewlist-path,
.siteheader-brewlist:active .icon-brewlist-path {
  fill: #d4ad6a;
}
.lookatme-brewlist {
  display: none;
  position: absolute;
  right: 0;
  bottom: -5rem;
  width: 30rem;
  padding: 1rem;
  background-color: #d4ad6a;
  z-index: 2000;
  text-align: center;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  opacity: 0;
  -webkit-transition: opacity, 1s;
  -moz-transition: opacity, 1s;
  transition: opacity, 1s;
}
.lookatme-brewlist p {
  margin: 0;
  color: white;
  font-weight: 500;
  line-height: 2rem;
}
.lookatme-brewlist a {
  text-decoration: underline;
  color: white;
}
.lookatme-brewlist strong {
  font-weight: 700;
}
.lookatme-brewlist:before {
  position: absolute;
  display: block;
  top: -1rem;
  right: 1.5rem;
  width: 0;
  height: 0;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-bottom: 1rem solid #d4ad6a;
  content: " ";
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.show-lookatme-brewlist .lookatme-brewlist {
  opacity: 1;
}
.nav-item.show-popover {
  font-weight: 600;
}
.siteheader-onboard {
  position: absolute;
  top: -7rem;
  border-bottom: none;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.c-home .nav-home {
  color: #465f87;
  font-weight: bold;
}
.c-coffees .nav-coffees {
  color: #465f87;
  font-weight: bold;
}
.c-roasters .nav-roasters {
  color: #465f87;
  font-weight: bold;
}
.c-onboarding .nav-onboarding {
  color: #465f87;
  font-weight: bold;
}
.c-gifts .nav-gifts {
  color: #465f87;
  font-weight: bold;
}
.c-guides .nav-guides {
  color: #465f87;
  font-weight: bold;
}
.c-brew_guides .nav-guides {
  color: #465f87;
  font-weight: bold;
}
.c-profile .nav-brew-log {
  color: #465f87;
  font-weight: bold;
}
.c-sampler .nav-samplers {
  color: #465f87;
  font-weight: bold;
}
.c-office_coffee .nav-teams {
  color: #465f87;
  font-weight: bold;
}
.nav-active {
  color: #465f87;
  font-weight: bold!important;
}
@media screen and (max-width: 1260px) {
  .siteheader {
    padding-left: 3rem;
  }
  .siteheader-logo {
    display: none;
  }
  .siteheader-nav {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 1150px) {
  .nav-item {
    padding-right: 1.25rem;
    font-size: 14px;
  }
}
@media screen and (max-width: 900px) {
  .siteheader {
    padding-left: 1rem;
    padding-right: 1rem;
    height: 6rem;
  }
  .siteheader-nav .nav-item-user {
    background: none;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
  }
  .siteheader-nav .nav-item-user .text {
    display: none;
  }
  .siteheader-nav .nav-item-user .icon {
    display: block;
  }
  .siteheader-brewlist {
    padding-left: 1rem;
  }
  .siteheader-brewlist-text {
    display: none;
  }
  .lookatme-brewlist {
    right: -1rem;
  }
  .content-container {
    margin-top: 6rem;
  }
  .siteheader {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .siteheader-onboard {
    position: absolute;
    top: -6rem;
  }
  .siteheader-emblem {
    position: absolute;
    top: 1rem;
    left: 50%;
    width: 4rem;
    height: 4rem;
    margin: 0 -2rem;
  }
  .lookatme-brewlist {
    bottom: -4.5rem;
  }
  .siteheader-nav-left .popover.left:before,
  .siteheader-nav-left .popover.left:after {
    left: 32px;
  }
  .siteheader-nav-right .popover.right:before,
  .siteheader-nav-right .popover.right:after {
    left: 81px;
  }
  .siteheader-nav-right {
    float: none;
  }
  .siteheader-nav .nav-item {
    position: static;
  }
  .hide-on-small-screen {
    display: none;
  }
}
@media screen and (max-width: 440px) {
  .shop-button {
    width: 54px;
  }
}
@media screen and (max-width: 410px) {
  .siteheader-brewlist-button {
    font-size: 14px;
    padding: 0 5px;
  }
}
.sitefooter {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
  background-color: #c6dfdb;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-weight: 300;
}
.sitefooter:before,
.sitefooter:after {
  content: "";
  display: table;
}
.sitefooter:after {
  clear: both;
}
.sitefooter-links-group1,
.sitefooter-links-group2 {
  margin-bottom: 0.5rem;
}
.sitefooter-social {
  width: 25rem;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
}
.sitefooter-social-link {
  display: block;
  padding: 0 1rem;
  float: left;
  list-style: none outside none;
}
.sitefooter-social-link-twitter {
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #000000;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  display: inline-block;
  padding: 0;
  text-align: center;
}
.sitefooter-social-link-twitter:hover {
  background-color: #121212;
  text-decoration: none;
}
.sitefooter-social-link-twitter:active {
  background-color: #000000;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.sitefooter-social-link-twitter:disabled,
.sitefooter-social-link-twitter.disabled {
  opacity: 0.5;
}
.sitefooter-social-link-twitter:disabled:hover,
.sitefooter-social-link-twitter.disabled:hover,
.sitefooter-social-link-twitter:disabled:active,
.sitefooter-social-link-twitter.disabled:active {
  background-color: #000000;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.sitefooter-social-link-twitter svg {
  width: 3.25rem;
  height: 3.25rem;
  margin: 0.375rem 0;
}
.sitefooter-social-link-instagram {
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #397099;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  display: inline-block;
  padding: 0;
  text-align: center;
}
.sitefooter-social-link-instagram:hover {
  background-color: #4383b3;
  text-decoration: none;
}
.sitefooter-social-link-instagram:active {
  background-color: #2b5574;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.sitefooter-social-link-instagram:disabled,
.sitefooter-social-link-instagram.disabled {
  opacity: 0.5;
}
.sitefooter-social-link-instagram:disabled:hover,
.sitefooter-social-link-instagram.disabled:hover,
.sitefooter-social-link-instagram:disabled:active,
.sitefooter-social-link-instagram.disabled:active {
  background-color: #397099;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.sitefooter-social-link-instagram svg {
  width: 2.34rem;
  height: 2.34rem;
  margin: 0.834rem;
}
.sitefooter-social-link-facebook {
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #3b5999;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  display: inline-block;
  padding: 0;
  text-align: center;
}
.sitefooter-social-link-facebook:hover {
  background-color: #4568b3;
  text-decoration: none;
}
.sitefooter-social-link-facebook:active {
  background-color: #2d4474;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.sitefooter-social-link-facebook:disabled,
.sitefooter-social-link-facebook.disabled {
  opacity: 0.5;
}
.sitefooter-social-link-facebook:disabled:hover,
.sitefooter-social-link-facebook.disabled:hover,
.sitefooter-social-link-facebook:disabled:active,
.sitefooter-social-link-facebook.disabled:active {
  background-color: #3b5999;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.sitefooter-social-link-facebook svg {
  width: 3.5rem;
  height: 3.5rem;
  margin: 0.25rem;
}
.sitefooter-social-link-youtube {
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #ff0000;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  display: inline-block;
  padding: 0;
  text-align: center;
}
.sitefooter-social-link-youtube:hover {
  background-color: #ff2424;
  text-decoration: none;
}
.sitefooter-social-link-youtube:active {
  background-color: #cc0000;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.sitefooter-social-link-youtube:disabled,
.sitefooter-social-link-youtube.disabled {
  opacity: 0.5;
}
.sitefooter-social-link-youtube:disabled:hover,
.sitefooter-social-link-youtube.disabled:hover,
.sitefooter-social-link-youtube:disabled:active,
.sitefooter-social-link-youtube.disabled:active {
  background-color: #ff0000;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.sitefooter-social-link-youtube .social-link-youtube-icon {
  width: 3rem;
  height: 3rem;
  margin: 0.5rem;
}
.sitefooter-hr-1 {
  width: 27rem;
  border-top: 1px solid #a9c9c4;
  margin: 2rem auto;
  clear: both;
}
.sitefooter-hr-2 {
  width: 21rem;
  border-top: 1px solid #a9c9c4;
  margin: 2rem auto;
  clear: both;
}
.sitefooter-logo-address {
  padding: 0 2rem;
  margin: 0 auto;
  text-align: center;
}
.sitefooter-logo-address a {
  display: block;
}
.sitefooter-company-info {
  text-align: center;
  font-size: 15px;
}
.sitefooter-company-info p {
  color: #666;
  margin: 1rem 0 0 0;
}
.sitefooter-company-info p a {
  color: #666;
}
.sitefooter-logo {
  margin: 0 auto 1.25rem auto;
}
.sitefooter-address {
  margin-bottom: 0;
  font-size: 1.167rem;
  line-height: 1.5rem;
  color: #666;
  text-align: center;
}
.sitefooter-privacy-terms {
  margin-bottom: 0;
  font-size: 1.167rem;
  line-height: 1.5rem;
  color: #888;
  font-weight: 400;
}
.sitefooter-privacy-terms a {
  display: inline;
  color: #666;
}
.sitefooter-privacy-terms span {
  color: #666;
}
.sitefooter-links {
  clear: both;
  text-align: center;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
.sitefooter-link {
  padding: 0.25rem 0;
}
.sitefooter-link-inline {
  display: inline-block;
  padding: 0.5rem 0.75rem;
}
@media screen and (max-width: 528px) {
  .sitefooter-link-inline {
    display: block;
    padding: 1rem 0.5rem;
    font-size: 1.5rem;
  }
  .sitefooter-hr-1 {
    width: 24rem;
    border-top: 1px solid #a9c9c4;
    margin: 2rem auto;
  }
  .sitefooter-hr-2 {
    width: 24rem;
    border-top: 1px solid #a9c9c4;
    margin: 2rem auto;
  }
  .sitefooter-links-group1,
  .sitefooter-links-group2 {
    float: left;
    width: 50%;
    margin-bottom: 1.5rem;
    text-align: left;
    box-sizing: border-box;
  }
  .sitefooter-links-group1 {
    text-align: right;
    padding: 0 1rem 0 0;
  }
  .sitefooter-links-group2 {
    padding: 0 0 0 1rem;
  }
}
.site-subnav {
  background-color: #50784f;
  text-align: center;
  padding: 1rem;
}
.site-subnav label {
  padding: 0 1rem;
}
.site-subnav a {
  font-weight: 400;
  color: #465f87;
  text-decoration: none;
  padding: 0 1rem;
}
.site-subnav a:hover {
  font-weight: 600;
}
.c-admin-orders .subnav-item.nav-orders,
.c-admin-products .subnav-item.nav-products,
.c-admin-roasters .subnav-item.nav-roasters,
.c-admin-users .subnav-item.nav-users {
  font-weight: 600;
}
.login-container .create-edit-form {
  position: relative;
  z-index: 100;
  max-width: 36rem;
  margin: 6rem auto 1rem auto;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
}
.login-container .create-edit-form .form-group.focus {
  background-color: transparent;
}
.login-container fieldset {
  margin-bottom: 0;
}
.login-container .button {
  margin-top: 0.667rem;
  margin-bottom: 0;
}
.login-container .login-links {
  text-align: center;
  padding: 0;
  margin-bottom: 4.25rem;
  list-style: none outside none;
}
.login-container .login-links li {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 1.167rem;
  line-height: 1.75rem;
}
.login-container .login-links a {
  color: #666;
}
@media screen and (max-width: 648px) {
  .login-container .create-edit-form {
    margin: 3rem auto 1rem auto;
  }
  .login-container .login-links {
    margin: 0 auto 1rem auto;
  }
}
@media screen and (max-width: 528px) {
  .login-container .create-edit-form {
    margin: 0;
    max-width: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .login-container .login-links {
    position: relative;
    z-index: 100;
    padding-bottom: 2rem;
    margin-top: -0.67rem;
    margin-bottom: 0;
    background-color: white;
  }
  .login-container .login-links li {
    line-height: 3rem;
  }
}
.signup-container .create-edit-form {
  position: relative;
  z-index: 100;
  max-width: 40rem;
  margin: 6rem auto 0 auto;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
}
.signup-container .create-edit-form .form-group.focus {
  background-color: transparent;
}
.signup-container .parsley-errors-list.filled {
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.signup-container .form-validation-errors.padded {
  padding-left: 2rem;
  padding-right: 2rem;
}
.signup-container fieldset {
  margin-bottom: 0;
}
.signup-container .button {
  margin-top: 0.667rem;
  margin-bottom: 0;
}
.signup-container .signup-links {
  text-align: center;
  padding: 0;
  margin-bottom: 6rem;
  list-style: none outside none;
}
.signup-container .signup-links li {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 20px;
  line-height: 1.75rem;
}
.signup-container .signup-links a {
  color: #666;
}
@media screen and (max-width: 648px) {
  .signup-container .create-edit-form {
    margin: 3rem auto 1rem auto;
  }
  .signup-container .signup-links {
    margin: 0 auto 1rem auto;
  }
}
@media screen and (max-width: 528px) {
  .signup-container .create-edit-form {
    margin: 0;
    max-width: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .signup-container .signup-links {
    position: relative;
    z-index: 100;
    padding-bottom: 2rem;
    margin-top: -0.67rem;
    margin-bottom: 0;
    background-color: white;
  }
  .signup-container .signup-links li {
    line-height: 1.75rem;
  }
  .signup-container .news-latter-checkbox-label {
    font-size: 14px !important;
  }
}
.referral-code {
  display: block;
  padding: 0;
  margin: 1rem 0 0.34rem 0;
  font-size: 1.167rem;
  line-height: 1.75rem;
  color: #666;
}
.c-users-registrations.a-new .pr-logos-heading,
.c-users-registrations.a-new .pr-hr {
  display: none;
}
.visualization.admin-order-header {
  background-color: #c6dfdb;
  border: none;
}
.order-image {
  box-sizing: border-box;
  float: left;
  display: block;
  width: 11rem;
  height: 11rem;
  margin: 0 2rem 0 0;
  overflow: hidden;
  border: 0.167rem solid rgba(70, 95, 135, 0.66);
  -webkit-border-radius: 0.334rem;
  -moz-border-radius: 0.334rem;
  border-radius: 0.334rem;
}
.order-shipping-label {
  box-sizing: border-box;
  width: 7.423rem;
  height: 11rem;
  float: right;
  border: 0.167rem solid rgba(70, 95, 135, 0.66);
  -webkit-border-radius: 0.334rem;
  -moz-border-radius: 0.334rem;
  border-radius: 0.334rem;
}
.order-shipping-label img {
  max-width: 100%;
  max-height: 100%;
}
.order-heading {
  margin: 0;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}
.order-subheading {
  margin-top: 0.34rem;
  margin-bottom: 0.34rem;
  color: #666;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.4167rem;
  line-height: 1.67rem;
}
.order-description {
  margin-bottom: 0;
  color: #465f87;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.4167rem;
  line-height: 1.67rem;
  font-weight: 300;
}
.button-red {
  display: block;
  width: 100%;
}
.c-sell-orders.a-show .page-header .button,
.c-admin-orders.a-show .page-header .button {
  width: auto;
  margin-right: 0;
  margin-left: 1rem;
  text-transform: capitalize;
}
.c-sell-orders.a-show .order-buttons form,
.c-admin-orders.a-show .order-buttons form {
  float: right;
}
@media screen and (max-width: 900px) {
  .c-sell-orders.a-show .order-buttons form,
  .c-admin-orders.a-show .order-buttons form {
    float: none;
  }
  .c-sell-orders.a-show .page-header .button,
  .c-admin-orders.a-show .page-header .button {
    width: 100%;
    margin-left: 0;
  }
}
.order-overview {
  background-color: white;
  overflow: hidden;
}
.order-overview-text {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.order-overview-details {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.order-user-name {
  text-transform: capitalize;
}
.order-overview-email {
  margin-top: -0.5rem;
  font-size: 1.167rem;
  line-height: 1.5rem;
}
.order-overview-email a {
  color: #666;
  text-decoration: none;
}
.order-overview-email a:hover {
  text-decoration: underline;
}
.order-overview-ship-to {
  margin-top: 1.75rem;
  margin-bottom: 0.25rem;
  font-size: .9167rem;
  line-height: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #666;
}
.order-overview-address {
  margin-bottom: 0;
}
article.order-line-items {
  min-height: 0;
}
.order-log-container {
  background-color: white;
  padding-top: 0;
}
.order-log-title {
  margin-top: 0;
  margin-bottom: 1rem;
}
.order-log-list {
  padding: 0;
  border-top: 1px solid #c6dfdb;
  margin: 0;
}
.order-log-entry {
  list-style: none outside none;
  padding: 1rem 0;
  border-bottom: 1px solid #c6dfdb;
  font-size: 1.25rem;
}
.order-log-entry time {
  display: inline-block;
  font-weight: 600;
  color: #666;
  width: 5rem;
}
.sold-out-button-container {
  position: relative;
}
.sold-out-button-container .button {
  display: block;
}
.sold-out-popover {
  width: 26.67rem;
  z-index: 1000;
}
.sold-out-popover form {
  padding: 2rem;
  background-color: transparent;
}
.label-text {
  margin-top: 2rem;
  text-align: center;
}
.workplace-toggle {
  text-align: center;
}
.workplace-toggle .toggle-switch {
  margin-left: 2rem;
}
.vm--modal {
  height: auto!important;
}
.flavor-image-picker .heading {
  text-align: center;
}
.suggested-coffee-description-picker .picker-header,
.suggested-producer-description-picker .picker-header {
  text-align: center;
  padding: 2rem;
  color: #eeeeee;
  background-color: #465f87;
}
.suggested-coffee-description-picker .picker-header p,
.suggested-producer-description-picker .picker-header p {
  margin: 0;
  font-size: 1.8rem;
}
.suggested-coffee-description-picker .picker-body,
.suggested-producer-description-picker .picker-body {
  padding: 2rem;
}
.suggested-coffee-description-picker .picker-body .suggestion-container,
.suggested-producer-description-picker .picker-body .suggestion-container {
  margin-bottom: 1rem;
}
.suggested-coffee-description-picker .picker-body .suggestion-container .suggestion-text,
.suggested-producer-description-picker .picker-body .suggestion-container .suggestion-text {
  border: solid 1px #dddddd;
  padding: .5rem;
  margin-bottom: .1rem;
}
.suggested-coffee-description-picker .picker-body .suggestion-container button,
.suggested-producer-description-picker .picker-body .suggestion-container button {
  background-color: #287c44;
  color: #ffffff;
  text-align: center;
  width: 100%;
  padding: .2rem;
}
.btnGroup {
  display: flex;
  flex-wrap: wrap;
}
.btnGroup .confirm-btn {
  margin-right: 10px;
}
.btnGroup .sold-out-cancel {
  background: #ebebeb;
  color: #8d8d8d !important;
}
@media screen and (max-width: 648px) {
  .workplace-toggle {
    text-align: left;
  }
}
article.user-overview-orders {
  min-height: 0;
}
.user-associated-seller-image {
  box-sizing: border-box;
  width: 10rem;
  height: 10rem;
  float: right;
  border: 0.167rem solid rgba(70, 95, 135, 0.66);
  -webkit-border-radius: 0.334rem;
  -moz-border-radius: 0.334rem;
  border-radius: 0.334rem;
}
.user-associated-seller-image img {
  max-width: 100%;
  max-height: 100%;
}
.subscribed {
  color: #5B7430;
}
.declining {
  color: #E8990C;
}
.dormant,
.abandoned {
  color: #FF0000;
}
.c-admin-users.a-show .coffee-profile-description {
  color: #465f87;
  font-size: 2rem;
  line-height: 3rem;
}
.c-admin-users.a-show .admin-table {
  margin-bottom: 1rem;
}
.visualization.admin-user-header {
  background-color: #c6dfdb;
  border: none;
}
.user-image {
  float: left;
  display: block;
  width: 10rem;
  height: 10rem;
  margin: 0 2rem 0 0;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  border-radius: 5rem;
  overflow: hidden;
}
.user-heading {
  margin: 0;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}
.user-subheading {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  color: #666;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.25rem;
  line-height: 1.34rem;
}
.user-description {
  margin-bottom: 0;
  color: #465f87;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.4167rem;
  font-weight: 300;
  line-height: 1.67rem;
}
.suggested-filter-label {
  display: inline-block;
  min-width: 100px;
}
.custom-radios > div {
  display: flex;
  flex-flow: wrap;
}
.custom-radios .filtered_category_sizes {
  order: 1;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.custom-radios div:not(.filtered_category_sizes) {
  order: 2;
}
.custom-radios {
  position: relative;
}
.custom-radios > .form-sub-group.form-checkbox-group :before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  right: 0;
  margin: auto;
  background: #dedede;
  top: 35px;
}
.custom-radios > .form-sub-group.form-checkbox-group {
  position: relative;
}
.l-admin .page-header-title {
  margin-left: 12rem;
  margin-right: 12rem;
}
@media screen and (max-width: 900px) {
  .l-admin .page-header-title {
    margin-left: 7rem;
    margin-right: 7rem;
  }
}
.admin-popover-button {
  display: block;
  min-width: 4rem;
  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
  border: 1px solid #c6dfdb;
  margin: .167rem 0;
  font-weight: 300;
  line-height: 2rem;
  color: #c6dfdb;
  cursor: pointer;
  text-align: center;
  -webkit-border-radius: 0.33rem;
  -moz-border-radius: 0.33rem;
  border-radius: 0.33rem;
}
.admin-popover-button:hover {
  background-color: #3c5173;
  text-decoration: none;
}
.admin-popover-button:active,
.show-popover .admin-popover-button {
  font-weight: 400;
  color: white;
  background-color: #5877a8;
}
.page-header-buttons-left .popover.left:before,
.page-header-buttons-left .popover.left:after {
  left: 5.75rem;
}
.page-header-buttons-left .popover {
  z-index: 1000;
  top: 5rem;
}
.page-header-buttons-right .popover.right:before,
.page-header-buttons-right .popover.right:after {
  right: 5.75rem;
}
.page-header-buttons-right .popover.right {
  top: 5rem;
  z-index: 1000;
}
.admin-nav {
  float: left;
  width: 18rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #ffffff;
}
.admin-nav ul {
  padding: 0;
  margin: 0;
}
.admin-nav li {
  display: block;
  color: #465f87;
  text-decoration: none;
}
.admin-nav li a {
  display: block;
  padding: 1rem 1rem 1rem 4rem;
  line-height: 2rem;
}
.admin-nav li a:hover {
  background-color: #f0f0f0;
  text-decoration: none;
}
.admin-nav li a:active,
.admin-nav li a.active {
  font-weight: 600;
  background-color: #c6dfdb;
}
.admin-nav-heading {
  padding: 1rem 1rem 1rem 4rem;
  margin: 0;
  font-size: 1.67rem;
  line-height: 2rem;
}
.admin-nav-heading a:hover {
  text-decoration: none;
}
.admin-content {
  padding-left: 18rem;
}
.admin-table-container {
  min-height: 56rem;
  background-color: white;
  overflow: hidden;
}
.status.unverified {
  color: #aa0000;
}
.status.pending {
  color: F4AD33;
}
.status.verified {
  color: #50784f;
}
.admin-sidebar {
  display: none;
  box-sizing: border-box;
  float: right;
  width: 18rem;
  padding: 2rem 4rem 2rem 2rem;
  background-color: #ffffff;
  font-size: 1.25rem;
}
.admin-sidebar a,
.admin-sidebar .detail-list a {
  color: #50784f;
}
.a-show .l-admin .admin-sidebar,
.a-edit .l-admin .admin-sidebar,
.a-new .l-admin .admin-sidebar {
  display: block;
}
.a-show .l-admin .admin-content,
.a-edit .l-admin .admin-content,
.a-new .l-admin .admin-content {
  padding-right: 18rem;
}
@media screen and (max-width: 900px) {
  .admin-nav {
    display: none;
  }
  .admin-content {
    padding-left: 0;
  }
  .a-show .l-admin .admin-sidebar,
  .a-edit .l-admin .admin-sidebar,
  .a-new .l-admin .admin-sidebar {
    display: none;
  }
  .a-show .l-admin .admin-content,
  .a-edit .l-admin .admin-content,
  .a-new .l-admin .admin-content {
    padding-right: 0;
  }
}
@media screen and (max-width: 528px) {
  .page-header-buttons-left .popover.left .popover.left {
    top: 5rem;
  }
  .page-header-buttons-left .popover.left:before,
  .page-header-buttons-left .popover.left:after {
    left: 4.834rem;
  }
  .page-header-buttons-right .popover.right .popover.left {
    top: 5rem;
  }
  .page-header-buttons-right .popover.right:before,
  .page-header-buttons-right .popover.right:after {
    right: 4.834rem;
  }
}
.admin-table-container .table-top-form {
  padding-bottom: 1rem;
}
.admin-table-container .table-top-form form input {
  box-sizing: border-box;
}
.admin-table-container .table-top-form form > div {
  position: relative;
  margin-right: 13rem;
  /* same with 'button_width' + 'button_distance_from_search_field' */
}
.admin-table-container .table-top-form input[type="text"] {
  display: block;
  width: 100%;
  height: 3rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid #ccc;
  margin-bottom: 0;
  -webkit-border-radius: 0.334rem;
  -moz-border-radius: 0.334rem;
  border-radius: 0.334rem;
  font-size: 1.33rem;
  -webkit-transition: box-shadow, 0.25s;
  -moz-transition: box-shadow, 0.25s;
  transition: box-shadow, 0.25s;
}
.admin-table-container .table-top-form input[type="submit"],
.admin-table-container .table-top-form button {
  display: block;
  width: 13rem;
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 10px;
}
.visualization-gauge {
  margin-top: -1rem;
  margin-bottom: 0;
  font-size: 1.4rem;
  font-weight: 300;
}
.gauge-value {
  margin-bottom: 0;
  font-size: 4rem;
  line-height: 4.5rem;
  font-weight: 300;
}
.gauge-change-good {
  color: #50784f;
}
.gauge-change-bad {
  color: #983352;
}
.gauge-change {
  font-weight: 400;
}
.admin-csv-link {
  display: block;
  float: left;
  padding: 0.25rem 1rem;
  border: 1px solid #666666;
  margin-right: 1rem;
  cursor: pointer;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #808080;
  color: white;
  font-family: "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.25rem;
  line-height: 2rem;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.roaster-filter-dropdown {
  width: 300px;
  height: 36px;
  color: black;
  border-color: #ccc;
  border-radius: 4px;
  margin-left: .5rem;
  padding-right: .5rem;
}
.home-hero {
  position: relative;
  height: 48rem;
  background-color: #465f87;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
}
@media screen and (min-width: 1344px) {
  .home-hero {
    height: 54rem;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
    clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
  }
}
@media screen and (max-width: 528px) {
  .home-hero {
    -webkit-clip-path: none;
    clip-path: none;
  }
}
.home-hero-box {
  background-size: cover;
  background-position: 50% 50%;
  background-image: url(/home-images/home.jpg);
}
.home-hero-slack {
  background-size: cover;
  background-position: 50% 50%;
  background-image: url(/office-images/slack-extralarge.jpg);
  height: 54rem;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
}
.home-hero-text {
  position: relative;
  z-index: 9;
  overflow: hidden;
  color: white;
}
.home-hero-text.color-black {
  color: #465f87;
}
.home-hero-text.color-white {
  color: white;
  text-shadow: 0 1px 3px black;
}
/*h1*/
.home-hero-heading {
  margin: 4rem 0 0 0;
  font-size: 4rem;
  line-height: 6rem;
  text-align: center;
}
/*h1*/
.home-hero-heading,
.home-hero-subheading {
  position: relative;
  z-index: 10;
}
/*p*/
.home-hero-subheading {
  max-width: 52rem;
  margin: 1.25rem auto 0 auto;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 300;
  text-align: center;
}
.home-hero-button {
  color: white !important;
  text-decoration: none !important;
  display: inline-block;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #50784f;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  display: block;
  position: relative;
  font-weight: 600;
  width: 15rem;
  height: 5rem;
  margin: 2.75rem auto 2.5rem auto;
  line-height: 5rem;
  text-align: center;
  padding: 0;
}
.home-hero-button:hover {
  background-color: #5e8e5d;
  text-decoration: none;
}
.home-hero-button:active {
  background-color: #3b593b;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.home-hero-button:disabled,
.home-hero-button.disabled {
  opacity: 0.5;
}
.home-hero-button:disabled:hover,
.home-hero-button.disabled:hover,
.home-hero-button:disabled:active,
.home-hero-button.disabled:active {
  background-color: #50784f;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.home-hero-button.full-width {
  width: 100%;
}
.home-hero-button.large {
  height: 4rem;
  line-height: 4rem;
}
.home-hero-button.secondary {
  background-color: #d4ad6a;
}
.home-hero-button:hover {
  background-color: #5e8e5d;
  text-decoration: none;
}
.home-hero-button:active {
  background-color: #3b593b;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.home-hero-button:disabled,
.home-hero-button.disabled {
  opacity: 0.5;
}
.home-hero-button:disabled:hover,
.home-hero-button.disabled:hover,
.home-hero-button:disabled:active,
.home-hero-button.disabled:active {
  background-color: #50784f;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
@media screen and (max-width: 1080px) {
  /*p*/
  .home-hero-subheading {
    max-width: 48rem;
  }
}
@media screen and (max-width: 924px) {
  .home-hero {
    position: relative;
    height: 36rem;
  }
  /*h1*/
  .home-hero-heading {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.5rem;
    line-height: 4.5rem;
  }
  /*p*/
  .home-hero-subheading {
    margin-top: 2rem;
    max-width: 36rem;
  }
}
@media screen and (max-width: 552px) {
  .home-hero-text {
    text-shadow: none;
  }
  /*p*/
  .home-hero-subheading {
    margin-top: 2rem;
    font-size: 1.75rem;
    line-height: 2.33rem;
  }
}
@media screen and (max-width: 432px) {
  /*p*/
  .home-hero-subheading {
    max-width: 23rem;
  }
}
.hero-image-wrapper-sampler {
  background-image: url(/assets/home/hero-images/sampler-lg-c05e4516a015dda64f80458e11743d10d660b53a2fe99b97684b58723d363d65.jpg);
}
@media screen and (max-width: 428px) {
  .hero-image-wrapper-sampler {
    background-image: url(/assets/home/hero-images/sampler-sm-4d7bc62c9c8d1b2deaee3d5ea4483b3d78e7ea647765823a6b48e96f568a97ea.jpg);
  }
}
.home-how {
  max-width: 1344px;
  padding: 3rem 2rem 6rem 2rem;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  *zoom: 1;
  zoom: 1;
  clear: both;
}
.home-how:before,
.home-how:after {
  content: "";
  display: table;
}
.home-how:after {
  clear: both;
}
.home-how .hero-heading {
  font-size: 2.5rem;
  line-height: 3rem;
  margin-top: 1rem;
}
.home-how .hero-subheading {
  margin-top: 1rem;
}
.home-how-steps {
  *zoom: 1;
  zoom: 1;
  margin-top: 4rem;
}
.home-how-steps:before,
.home-how-steps:after {
  content: "";
  display: table;
}
.home-how-steps:after {
  clear: both;
}
.home-how-step {
  box-sizing: border-box;
  float: left;
  width: 33.3%;
  padding: 0 2rem;
}
.home-how-step-liner {
  padding: 3rem 2rem 3rem 2rem;
  border: 1px solid #c6dfdb;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
}
.home-how-step-heading {
  min-height: 4.5rem;
  margin-top: 0;
  font-size: 1.67rem;
  line-height: 2.25rem;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-weight: 600;
  text-align: center;
}
.home-how-step-1:before,
.home-how-step-2:before,
.home-how-step-3:before {
  display: block;
  content: "1";
  width: 4rem;
  height: 4rem;
  margin: -2rem auto;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
  background-color: #c6dfdb;
  text-align: center;
  font-size: 1.75rem;
  line-height: 3.75rem;
  line-height: 45px;
  font-style: italic;
  color: #666;
}
.home-how-step-2:before {
  content: "2";
}
.home-how-step-3:before {
  content: "3";
}
.home-how-step-image {
  padding: 2rem 0 0 0;
  text-align: center;
}
.home-how-hr {
  display: none;
  width: 2rem;
  border-top: 3px solid #c6dfdb;
  margin: 2rem auto 1rem auto;
}
.home-how-usps {
  padding: 0;
  margin: 4rem 0 0 0;
  text-align: center;
}
.home-how-usp {
  display: inline-block;
  padding-left: 2.5rem;
  margin: 0 1.5rem;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2rem;
  background-size: 1.834rem;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%20width%3D%2264%22%20height%3D%2264%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%233f8c4c%22%20d%3D%22M63.4%2010.6c-.8-.8-2-.8-2.8%200L22%2049.1%203.5%2030.7c-.8-.8-2-.8-2.8%200-.8.8-.8%202%200%202.8l19.8%2019.8c.8.8%202%20.8%202.8%200l40-40c.9-.7.9-2%20.1-2.7z%22/%3E%0A%3C/svg%3E');
  background-repeat: no-repeat;
}
.sampler-article {
  margin-top: 2rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 1140px) {
  .home-how-step-liner {
    min-height: 17.67rem;
  }
}
@media screen and (max-width: 768px) {
  .home-how {
    padding-bottom: 4rem;
  }
  .home-how-step {
    float: none;
    width: 100%;
  }
  .home-how-step-heading {
    min-height: 0;
  }
  .home-how-step-liner {
    min-height: 0;
    padding: 4rem 3rem;
    padding-bottom: 4rem;
  }
  .home-how-step-1 .home-how-step-liner {
    -webkit-border-radius: 1rem 1rem 0 0;
    -moz-border-radius: 1rem 1rem 0 0;
    border-radius: 1rem 1rem 0 0;
    border-bottom: none;
  }
  .home-how-step-2 .home-how-step-liner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: none;
  }
  .home-how-step-3 .home-how-step-liner {
    -webkit-border-radius: 0 0 1rem 1rem;
    -moz-border-radius: 0 0 1rem 1rem;
    border-radius: 0 0 1rem 1rem;
  }
  .home-how-usps {
    margin: 5rem 0 3rem 0;
  }
  .home-how-usp {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 648px) {
  .home-how h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media screen and (max-width: 528px) {
  .home-how {
    padding-top: 3rem;
    padding-left: 0;
    padding-right: 0;
  }
  .home-how-usps {
    margin: 4rem 0 2rem 0;
  }
  .home-how-usp {
    width: 13rem;
    text-align: left;
    margin: 1rem auto;
    display: block;
  }
}
.pr-logos {
  position: relative;
  background-color: #c6dfdb;
  overflow: hidden;
  text-align: center;
}
.pr-logos-heading {
  display: none;
  margin: 0;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Le Monde Courrier Pro", Georgia, serif;
  text-align: center;
  color: #666;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: .25rem;
  text-transform: uppercase;
}
.pr-logos a {
  text-decoration: none;
}
.pr-logo {
  position: relative;
  display: inline-block;
  width: 13rem;
  height: 5rem;
  padding: 1.334rem 2rem;
}
.pr-logo img {
  width: 100%;
}
.pr-logo figcaption {
  display: none;
  position: absolute;
  width: 21rem;
  bottom: -2.25rem;
  left: -2rem;
  color: #465f87;
  text-align: center;
  opacity: 0;
  filter: alpha "(opacity = 0)";
  zoom: 1;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  font-style: italic;
  font-weight: 300;
}
.pr-hr {
  display: none;
  width: 40%;
  border-top: 1px solid #a9c9c4;
  margin: 0.75rem auto;
}
@media screen and (max-width: 1344px) {
  .pr-logos a:last-child {
    display: none;
  }
}
@media screen and (max-width: 1131px) {
  .pr-logos a:last-child {
    display: inline;
  }
}
@media screen and (max-width: 528px) {
  div.pr-logos-liner {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .pr-logos-heading {
    display: none;
  }
  .pr-hr {
    display: none;
  }
  .pr-logo {
    width: 8rem;
    height: 3rem;
    padding: 1rem 1.5rem;
  }
  .pr-logo figcaption {
    display: none;
  }
}
.testimonials {
  min-height: 18rem;
  padding: 4rem 2rem 6rem 2rem;
  background-color: #ffffff;
  *zoom: 1;
  zoom: 1;
}
.testimonials:before,
.testimonials:after {
  content: "";
  display: table;
}
.testimonials:after {
  clear: both;
}
.testimonials-list {
  max-width: 114rem;
  margin: 0 auto;
  *zoom: 1;
  zoom: 1;
}
.testimonials-list:before,
.testimonials-list:after {
  content: "";
  display: table;
}
.testimonials-list:after {
  clear: both;
}
.testimonials h2 {
  padding-top: 0;
  padding-bottom: 6rem;
  margin-bottom: 0.083rem;
  font-size: 2.5rem;
  text-align: center;
}
.testimonial {
  box-sizing: border-box;
  float: left;
  width: 25%;
  padding: 0 2rem;
}
.testimonial-liner {
  padding: 2rem 2rem 2rem 2rem;
  border: 1px solid #c6dfdb;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
}
.testimonial-image {
  display: block;
  width: 6rem;
  height: 6rem;
  margin: -4rem auto 0 auto;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  border-radius: 3rem;
  overflow: hidden;
}
.testimonial-heading {
  margin: 1rem 0 0 0;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  text-align: center;
}
.testimonial-subheading {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  text-align: center;
  color: #666;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.25rem;
  line-height: 1.34rem;
}
.testimonial-description {
  margin-bottom: 0;
  text-align: center;
  color: #465f87;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.4167rem;
  font-weight: 300;
  line-height: 1.67rem;
}
@media screen and (min-width: 1320px) {
  .testimonials h2 {
    margin-top: 0;
  }
}
@media screen and (max-width: 1140px) {
  .testimonial {
    width: 33.3%;
  }
  .testimonial-4 {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .testimonials {
    padding-bottom: 4rem;
  }
  .testimonial {
    width: 50%;
    margin-bottom: 4rem;
  }
  .testimonial-4 {
    display: block;
  }
}
@media screen and (max-width: 648px) {
  .testimonial-1 {
    margin-bottom: 2rem;
  }
  .testimonial-2 {
    margin-bottom: 0;
  }
  .testimonial-3,
  .testimonial-4 {
    display: none;
  }
}
@media screen and (max-width: 528px) {
  .testimonials {
    padding-top: 3rem;
  }
  .testimonials h2 {
    padding-bottom: 4rem;
  }
  .testimonial {
    float: none;
    width: auto;
    max-width: 32rem;
    margin-left: auto;
    margin-right: auto;
  }
  .testimonial-1 {
    margin-bottom: 4rem;
  }
  .testimonial-2 {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 360px) {
  .testimonial-1 {
    margin-bottom: 0;
  }
  .testimonial-2 {
    display: none;
  }
}
.home-article {
  margin-bottom: 9px;
  letter-spacing: -0.5px;
}
.home-article h1 {
  font-size: 46px;
  letter-spacing: -1.5px;
  text-align: left;
  margin-bottom: 1rem;
}
.home-article p {
  font-size: 18px;
}
.home-article .btn-round {
  background-color: #b09dbd;
  width: 200px;
  text-decoration: none;
  font-weight: normal;
  margin-bottom: 1rem;
}
.home-section-row {
  display: flex;
  justify-content: space-around;
  max-width: 1000px;
  margin: auto;
  margin-top: 4rem;
}
.home-section-row-left {
  padding-left: 1rem;
}
.home-section-row-left,
.home-section-row-right {
  display: flex;
  flex-direction: column;
  width: 50%;
  max-width: 400px;
}
.home-section-img {
  width: 300px;
  height: 300px;
  margin: auto;
}
.home-section2 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 4rem;
  color: #c6dfdb;
  background-image: url(/images/home/purple-bg-desktop.png);
  background-position: center center;
  height: 450px;
  background-size: 100vw 450px;
  background-repeat: no-repeat;
}
.home-section2 h1,
.home-section2 p {
  text-align: center;
  max-width: 460px;
  margin: auto;
  margin-bottom: 2rem;
}
.home-section2-row1__link {
  color: #c6dfdb;
  font-weight: bold;
  text-decoration: underline;
}
.home-section2-row1__link:hover {
  color: #b6d6d1;
}
.home-section3-row1-left__img {
  width: 270px;
  height: 270px;
}
.home-section4 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 4rem;
  color: #c6dfdb;
  background-image: url(/images/home/purple-bg-desktop.png);
  background-position: center center;
  height: 450px;
  background-size: 100vw 450px;
  background-repeat: no-repeat;
  color: #b09dbd;
  background-image: url(/images/home/blue-bg-desktop.png);
}
.home-section4 h1,
.home-section4 p {
  text-align: center;
  max-width: 460px;
  margin: auto;
  margin-bottom: 2rem;
}
.home-section4-row1__link {
  color: #b09dbd;
  font-weight: bold;
  text-decoration: underline;
}
.home-section4-row1__link:hover {
  color: #a48eb3;
}
.home-section5-row2-right__austins-photo {
  width: 320px;
  height: 420px;
}
@media only screen and (min-width: 1000px) {
  .home-section-row-right {
    position: relative;
    right: -60px;
  }
}
@media only screen and (min-width: 769px) {
  .home-section-row-left img,
  .home-section-row-right img,
  .home-section-row-left video,
  .home-section-row-right video {
    position: relative;
    left: -30px;
  }
}
@media only screen and (max-width: 768px) {
  .home-article {
    margin-top: -3rem;
    margin-bottom: -35px;
  }
  .home-article h1 {
    margin-top: 2rem;
  }
  .home-article h1,
  .home-article p {
    max-width: 550px;
  }
  .home-article .btn-round {
    margin-top: 3rem;
    width: 250px;
    font-size: 22px;
    padding: 2rem 0;
    line-height: 0;
    margin-top: 40px;
  }
  .home-article .btn-round:last-of-type {
    margin-top: 0px;
  }
  .home-section-row {
    display: block;
    padding: 0 1.5rem;
  }
  .align-left-on-mobile {
    align-items: flex-start !important;
    text-align: left!important;
  }
  .align-left-on-mobile * {
    text-align: left!important;
  }
  .home-section-row-left,
  .home-section-row-right {
    width: auto;
    max-width: none;
    align-items: center;
    margin: 0;
  }
  .home-section-row-right {
    margin-bottom: 2rem;
  }
  .home-section__check-marks {
    text-align: center;
  }
  .home-section2,
  .home-section4 {
    justify-content: flex-start;
    height: 550px;
    background-size: 100vw 550px;
    padding: 0 2rem;
  }
  .home-section2 {
    background-image: url(/images/home/purple-bg-mobile.png);
  }
  .home-section4 {
    background-image: url(/images/home/blue-bg-mobile.png);
  }
  .home-section5-row2-left h1 {
    margin-bottom: 2rem;
  }
  .home-section5-row2-left-top {
    width: 100%;
  }
  .home-section5-row2-left__austins-name {
    font-size: 24px!important;
  }
}
@media only screen and (max-width: 550px) {
  .home-article h1,
  .home-article p {
    max-width: 400px;
  }
}
@media only screen and (max-width: 428px) {
  .home-article h1 {
    font-size: 39px;
  }
}
.hero-image-wrapper-home {
  background-image: url(/assets/home/hero-images/home-lg-95602a60f03a939d677bd26b76ef3c0f138de83c451e4f19b6bf10757c29af38.jpg);
}
.home-roasters {
  background-color: white;
}
.home-roasters .hero-subheading {
  margin-bottom: 0;
}
.home-roasters-list {
  padding: 0 2rem;
  margin: 2rem 0;
  clear: both;
  overflow: hidden;
}
.home-roaster-item {
  box-sizing: border-box;
  list-style: none outside none;
  width: 16.6%;
  padding: 2rem;
  float: left;
}
.home-roaster-item img {
  width: 100%;
}
@media screen and (min-width: 1320px) {
  .home-roasters-list {
    max-width: 110rem;
    margin: 2rem auto 1rem auto;
  }
}
@media screen and (max-width: 648px) {
  .home-roasters-list {
    padding: 0 1.5rem;
  }
  .home-roaster-item {
    width: 20%;
    padding: 1.5rem;
  }
  .home-roaster-item:nth-child(16n+1),
  .home-roaster-item:nth-child(17n+1),
  .home-roaster-item:nth-child(18n+1) {
    display: none;
  }
}
@media screen and (max-width: 528px) {
  .home-roasters-list {
    padding: 0 1rem;
  }
  .home-roaster-item {
    width: 25%;
    padding: 1rem;
  }
  .home-roaster-item:nth-child(15n+1) {
    display: block;
  }
}
.home-growers {
  background-color: #ffffff;
}
.home-growers-list {
  max-width: 110rem;
  padding: 0 3rem;
  margin: 2rem auto -6rem auto;
  overflow: hidden;
}
.home-grower-item {
  box-sizing: border-box;
  list-style: none outside none;
  float: left;
  width: 25%;
  padding: 1rem;
  clear: none!important;
}
@media screen and (max-width: 648px) {
  .home-growers-list {
    padding: 0 2.5rem;
    margin: 1.5rem 0 -3.5rem 0;
  }
  .home-grower-item {
    width: 33.33%;
    padding: 0.5rem;
  }
  .home-grower-item:hover {
    padding: 0.5rem;
  }
  .home-grower-item:last-child {
    display: block;
  }
}
.home-brew-log {
  background-color: white;
}
.home-brew-log-images {
  overflow: hidden;
  max-width: 1344px;
  margin-left: auto;
  margin-right: auto;
}
.home-brew-log-image {
  display: block;
  box-sizing: border-box;
  padding: 4rem;
  float: left;
}
.home-brew-log-image:nth-child(odd) {
  width: 25%;
  margin-top: 6.5%;
}
.home-brew-log-image:nth-child(even) {
  width: 50%;
}
.home-brew-log-image img {
  width: 100%;
}
@media screen and (max-width: 924px) {
  .home-brew-log-image:nth-child(odd) {
    display: none;
  }
  .home-brew-log-image:nth-child(even) {
    width: 100%;
  }
}
@media screen and (max-width: 648px) {
  .home-brew-log-image {
    padding: 2rem 15%;
  }
}
.home-call-to-action {
  height: 54rem;
  background-color: #465f87;
  background-image: url(/home-images/box.jpg);
}
.call-to-action {
  clear: both;
}
.call-to-action .home-hero-button {
  margin-bottom: 0rem;
}
@media screen and (max-width: 924px) {
  .home-call-to-action {
    height: auto;
    min-height: 37.5rem;
  }
}
.c-home.a-index .v-padded,
.c-gifts.a-index .v-padded,
.c-sampler.a-index .v-padded,
.c-office_coffee.a-index .v-padded {
  padding-top: 5rem;
  padding-bottom: 5rem;
  margin-top: -2rem;
  margin-bottom: -2rem;
}
@media screen and (max-width: 648px) {
  .c-home.a-index .v-padded,
  .c-gifts.a-index .v-padded,
  .c-sampler.a-index .v-padded,
  .c-office_coffee.a-index .v-padded {
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-top: -1rem;
    margin-bottom: -1rem;
  }
}
.c-home.a-index .pr-logos,
.c-home.a-index .home-growers,
.home-grower-list,
.c-home.a-index .testimonials,
.c-home.a-index .sitefooter,
.c-gifts.a-index .pr-logos,
.c-gifts.a-index .longform-container,
.c-gifts.a-index .home-brew-log,
.c-gifts.a-index .call-to-action,
.c-sampler.a-index .pr-logos,
.c-sampler.a-index .longform-container,
.c-office_coffee.a-index .office-roasters,
.c-office_coffee.a-index .office-slack,
.c-office_coffee.a-index .longform-container,
.c-office_coffee.a-index .sitefooter {
  -webkit-clip-path: polygon(0 2rem, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 2rem, 100% 0, 100% 100%, 0% 100%);
}
.c-home.a-index .home-roasters,
.c-home.a-index .home-brew-log,
.c-home.a-index .call-to-action,
.c-gifts.a-index .gallery,
.c-gifts.a-index .testimonials,
.c-gifts.a-index .sitefooter,
.c-sampler.a-index .instagram-gallery,
.c-sampler.a-index .sitefooter,
.c-office_coffee.a-index .office-usps,
.c-office_coffee.a-index .pr-logos {
  -webkit-clip-path: polygon(0 0, 100% 2rem, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 2rem, 100% 100%, 0% 100%);
}
@media screen and (max-width: 648px) {
  .c-home.a-index .pr-logos,
  .c-home.a-index .home-growers,
  .home-grower-list,
  .c-home.a-index .testimonials,
  .c-home.a-index .sitefooter,
  .c-gifts.a-index .pr-logos,
  .c-gifts.a-index .longform-container,
  .c-gifts.a-index .home-brew-log,
  .c-gifts.a-index .call-to-action,
  .c-sampler.a-index .pr-logos,
  .c-sampler.a-index .longform-container,
  .c-office_coffee.a-index .office-roasters,
  .c-office_coffee.a-index .office-slack,
  .c-office_coffee.a-index .longform-container,
  .c-office_coffee.a-index .sitefooter {
    -webkit-clip-path: polygon(0 1rem, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 1rem, 100% 0, 100% 100%, 0% 100%);
  }
  .c-home.a-index .home-roasters,
  .c-home.a-index .home-brew-log,
  .c-home.a-index .call-to-action,
  .c-gifts.a-index .gallery,
  .c-gifts.a-index .testimonials,
  .c-gifts.a-index .sitefooter,
  .c-sampler.a-index .instagram-gallery,
  .c-sampler.a-index .sitefooter,
  .c-office_coffee.a-index .office-usps,
  .c-office_coffee.a-index .pr-logos {
    -webkit-clip-path: polygon(0 0, 100% 1rem, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 1rem, 100% 100%, 0% 100%);
  }
}
@media screen and (max-width: 768px) {
  .hero-image-wrapper-home {
    background-image: url(/assets/home/hero-images/home-sm-7751766c697d793a9dbc895ae14cbf5a107ad422dfdb55ef1d1bacc5acecd439.jpg);
  }
}
.nav-menu-wrapper {
  top: 18px;
  z-index: 1001;
}
.nav-menu-wrapper .selector .bar-icon {
  background: #262626;
}
.nav-menu .pop-menu.active {
  margin-top: -10px;
}
.header-image-wrapper {
  height: 252px;
  background-color: #262626;
}
.blog-title-wrapper .title-group a,
.blog-title-wrapper .description {
  color: white!important;
}
.blog-title-wrapper .description {
  font-size: 18px;
  font-weight: 500;
  opacity: 1;
  text-shadow: none;
}
.blog-title-wrapper {
  position: absolute;
  top: 28px;
  left: 0;
  right: 0;
  text-align: center;
  color: white;
  font-weight: 700;
}
.post-content h2 {
  text-align: left;
}
.post-content .body-text {
  line-height: 1.44em;
  font-size: 1.125em;
}
.post-content .body-text {
  margin-bottom: 0.33em;
}
.hero-image-wrapper-guides {
  background-image: url(/assets/home/hero-images/guides-lg-6ca4e55ae2bf150e80d1e1bb0320bc4d5709a6b2f1bf8de4e39c7c0e62b4ef5f.jpg);
}
@media screen and (max-width: 428px) {
  .hero-image-wrapper-guides {
    background-image: url(/assets/home/hero-images/guides-sm-198e6465dea59b74e0672669e73413b2af467191385d33df507cae2cee661b0a.jpg);
  }
}
.decorative-angle {
  display: none;
  padding: 10rem 0;
  background-color: #c6dfdb;
  margin-bottom: -20rem;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 50%, 0% 100%);
}
.feature-list {
  max-width: 90rem;
  margin: 0 auto;
  overflow: hidden;
}
.feature {
  float: left;
  box-sizing: border-box;
  width: 50%;
}
.feature:nth-child(odd) {
  padding-right: 2rem;
}
.feature:nth-child(even) {
  padding-left: 2rem;
}
@media screen and (max-width: 648px) {
  .feature:nth-child(odd) {
    padding-right: 1.5rem;
  }
  .feature:nth-child(even) {
    padding-left: 1.5rem;
  }
}
@media screen and (max-width: 528px) {
  .feature {
    width: 100%;
    float: none;
  }
  .feature:nth-child(odd) {
    padding-right: 0;
  }
  .feature:nth-child(even) {
    padding-left: 0;
  }
}
.feature-image {
  padding: 50% 0;
  position: relative;
  overflow: hidden;
  background-color: #465f87;
  -webkit-border-radius: 0.34rem;
  -moz-border-radius: 0.34rem;
  border-radius: 0.34rem;
}
.feature-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
.feature-image:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 144%;
  padding-bottom: 144%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  -webkit-transition: box-shadow, 0.1s;
  -moz-transition: box-shadow, 0.1s;
  transition: box-shadow, 0.1s;
}
.feature-image:hover:after {
  box-shadow: inset 0px 0px 10rem 10rem rgba(0, 0, 0, 0.6);
}
.feature-heading {
  text-align: center;
  margin: -2rem 0;
  position: relative;
  z-index: 1;
  font-size: 3rem;
  line-height: 4rem;
  color: white;
  text-decoration: none;
}
@media screen and (max-width: 1080px) {
  .feature-heading.long-heading {
    margin: -4rem 0;
  }
}
@media screen and (max-width: 528px) {
  .feature-heading.two-lines {
    margin: -4rem 0;
  }
}
.feature a:hover {
  text-decoration: none;
}
.guide-background {
  background-color: white;
}
.brew-guide-header .brew-guide-title {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.brew-guide-title-how-to,
.brew-guide-title-coffee {
  display: block;
  font-size: 3rem;
  line-height: 4rem;
  font-weight: 500;
  letter-spacing: 0.25rem;
  text-transform: uppercase;
}
.brew-guide-title-method {
  display: block;
  font-size: 6rem;
  line-height: 8rem;
  text-shadow: 0 1px 0.5rem #465f87;
}
.download-book-container {
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 648px) {
  .brew-guide-header .brew-guide-title {
    margin-top: 8.25rem;
    margin-bottom: 8.25rem;
  }
  .brew-guide-title-how-to,
  .brew-guide-title-coffee {
    font-size: 2.5rem;
    line-height: 4rem;
  }
  .brew-guide-title-method {
    font-size: 5rem;
    line-height: 6rem;
    padding: 0.5rem 0;
  }
}
@media screen and (max-width: 528px) {
  .brew-guide-header .brew-guide-title {
    margin-top: 8.5rem;
    margin-bottom: 8.5rem;
  }
  .brew-guide-title-how-to,
  .brew-guide-title-coffee {
    font-size: 2.25rem;
    line-height: 4rem;
  }
  .brew-guide-title-method {
    font-size: 4rem;
    line-height: 5rem;
    padding: 1rem 0;
  }
}
@media screen and (max-width: 336px) {
  .brew-guide-header.two-lines .brew-guide-title {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .brew-guide-header.two-lines .brew-guide-title-how-to,
  .brew-guide-header.two-lines .brew-guide-title-coffee {
    font-size: 2.25rem;
    line-height: 4rem;
  }
  .brew-guide-header.two-lines .brew-guide-title-method {
    font-size: 5.5rem;
    line-height: 6rem;
    padding: 0.5rem 0 1rem 0;
  }
}
.brewguide-content .brew-guide-at-a-glance {
  margin-top: 3rem;
  margin-bottom: 0.5rem;
  text-align: center;
  font-size: 1.75rem;
  color: #666;
}
@media screen and (max-width: 648px) {
  .brewguide-content .brew-guide-at-a-glance {
    font-size: 1.5rem;
  }
}
.brew-guide-video iframe {
  position: relative;
  display: block;
  width: 76rem;
  height: 42.5rem;
  margin: 0 auto;
}
@media screen and (max-width: 912px) {
  .brew-guide-video iframe {
    width: 60rem;
    height: 33.55rem;
  }
}
@media screen and (max-width: 720px) {
  .brew-guide-video iframe {
    width: 52rem;
    height: 29.08rem;
  }
}
@media screen and (max-width: 648px) {
  .brew-guide-video iframe {
    width: 44rem;
    height: 24.6rem;
  }
}
@media screen and (max-width: 528px) {
  .brew-guide-video iframe {
    width: 32rem;
    height: 17.85rem;
  }
}
@media screen and (max-width: 384px) {
  .brew-guide-video iframe {
    width: 26.67rem;
    height: 14.9rem;
  }
}
@media screen and (max-width: 319.2px) {
  .brew-guide-video iframe {
    width: 24rem;
    height: 13.42rem;
  }
}
.brewguide-ingredients-equipment {
  overflow: hidden;
  margin-top: -1.5rem;
  margin-bottom: 1.5rem;
}
.brewguide-ingredients {
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding-right: 2rem;
}
.brewguide-equipment {
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding-left: 2rem;
}
@media screen and (max-width: 648px) {
  .brewguide-ingredients,
  .brewguide-equipment {
    float: none;
    width: 100%;
    padding: 0;
  }
}
.brewguide-ingredients-equipment ul {
  padding: 0;
  border-top: 1px solid #ffffff;
  margin: 0.75rem 0 0 0;
}
.brewguide-ingredients-equipment ul li {
  padding: 0.75rem 0;
  border-bottom: 1px solid #ffffff;
  margin: 0;
  list-style: none outside none;
}
.brewguide-ingredients-equipment ul a {
  text-decoration: none;
}
.brewguide-ingredients-equipment ul a:hover {
  text-decoration: underline;
}
.longform-callout {
  padding: 2rem;
  margin-top: 3rem;
  margin-bottom: 0;
  margin-left: -2rem;
  margin-right: -2rem;
  background-color: #c6dfdb;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.longform-callout > h3:first-child {
  margin-top: 0;
}
.longform-callout > p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 648px) {
  .longform-callout {
    padding: 1.5rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
.longform-callout-header:before {
  display: inline-block;
  padding: .083rem 0.125rem 0 0.34rem;
  border: 1px solid #705b73;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  margin-top: 0.4167rem;
  margin-right: 0.5rem;
  content: "TIP";
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.083rem;
  line-height: 1.34rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #655091;
  letter-spacing: 0.1rem;
  vertical-align: top;
}
.brewguide-content img {
  width: 100%;
}
.brewguide-content h2 {
  margin-bottom: 0.67rem;
}
.brewguide-step h2 {
  margin-bottom: 0.67rem;
}
.brewguide-step p {
  margin-bottom: 1.75rem;
}
.full-bleed {
  padding: 0rem;
  margin-top: 0rem;
  margin-bottom: 0;
  margin-left: -2rem;
  margin-right: -2rem;
}
.brewguide-share-buttons {
  padding: 2rem 0;
  border-top: 1px solid #c6dfdb;
  border-bottom: 1px solid #c6dfdb;
  margin-top: 4rem;
  text-align: center;
}
.brewguide-share-buttons h3.share-heading {
  display: inline;
  padding: 0.75rem 1rem 0.75rem 0;
  float: none;
}
@media screen and (max-width: 648px) {
  .brewguide-share-buttons h3.share-heading {
    display: none;
  }
}
.brewguide-share-buttons .button {
  margin-bottom: 0;
  color: white;
  text-decoration: none;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
}
@media screen and (max-width: 528px) {
  .brewguide-share-buttons .button-twitter {
    margin-right: 0.25rem;
  }
}
.bourbon-display {
  padding: 1rem;
  margin-top: 3rem;
  margin-bottom: 0;
  margin-left: -2rem;
  margin-right: -2rem;
  background-color: #c6dfdb;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.bourbon-display > h3:first-child {
  margin-top: 0;
}
.bourbon-display > p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 648px) {
  .bourbon-display {
    padding: 1.5rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
.ethiopia-display {
  padding: 2rem;
  margin-top: 3rem;
  margin-bottom: 0;
  margin-left: -2rem;
  margin-right: -2rem;
  background-color: #E3CA9E;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.ethiopia-display > h3:first-child {
  margin-top: 0;
}
.ethiopia-display > p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 648px) {
  .ethiopia-display {
    padding: 1.5rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
.caturra-display {
  padding: 2rem;
  margin-top: 3rem;
  margin-bottom: 0;
  margin-left: -2rem;
  margin-right: -2rem;
  background-color: #DEC9E2;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.caturra-display > h3:first-child {
  margin-top: 0;
}
.caturra-display > p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 648px) {
  .caturra-display {
    padding: 1.5rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
.gesha-display {
  padding: 2rem;
  margin-top: 3rem;
  margin-bottom: 0;
  margin-left: -2rem;
  margin-right: -2rem;
  background-color: #BBDEB8;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.gesha-display > h3:first-child {
  margin-top: 0;
}
.gesha-display > p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 648px) {
  .gesha-display {
    padding: 1.5rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
.brewguide-newsletter h3 {
  margin-top: 0;
  text-align: center;
}
@media screen and (max-width: 528px) {
  .brewguide-newsletter h3 {
    font-size: 1.75rem;
  }
}
.brewguide-newsletter h3.brewguide-newsletter-subscribed {
  margin-bottom: 1rem;
}
.brewguide-newsletter .form-error {
  margin: 0 auto;
  display: block;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.brewguide-newsletter .form-error p {
  text-align: center;
}
.brewguide-newsletter .brewguide-newsletter-get-started {
  display: block;
  width: 12rem;
  margin: 0 auto;
  color: white;
  text-decoration: none;
  text-align: center;
}
.brewguide-newsletter p {
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: justify;
}
@media screen and (max-width: 528px) {
  .brewguide-newsletter p {
    padding-left: 0;
    padding-right: 0;
  }
}
#brewguide-newsletter-subscribe-form {
  max-width: 32rem;
  padding-top: 1rem;
  margin: 0 auto -0.67rem auto;
  background-color: transparent;
}
#brewguide-newsletter-subscribe-form fieldset {
  padding-bottom: 0;
  margin-bottom: 0;
}
#brewguide-newsletter-subscribe-form input[type=email].email {
  height: 4rem;
  text-align: center;
}
#getstarted_popup {
  transform: scale(0.8);
  border-radius: 4px;
}
#getstarted_popup h3 {
  margin-top: 0;
  margin-bottom: 1rem;
  color: white;
  font-weight: 300;
  text-align: center;
}
#getstarted_popup .popup-close {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
  transition: ease 0.25s all;
  font-family: Arial, Sans-Serif;
  font-size: 20px;
  text-align: center;
  line-height: 100%;
  color: #fff;
}
#getstarted_popup .popup-close:hover {
  font-size: 24px;
  text-decoration: none;
}
.popup_visible #getstarted_popup {
  transform: scale(1);
}
.coffees-hfilters {
  background-color: #465f87;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.coffees-hfilters .page-header-title {
  display: none;
  line-height: 4rem;
  margin: 0;
}
.theme-toggle-control {
  width: 33rem;
  margin: 0 auto;
}
.coffees-main {
  background-color: white;
  *zoom: 1;
  zoom: 1;
}
.coffees-main:before,
.coffees-main:after {
  content: "";
  display: table;
}
.coffees-main:after {
  clear: both;
}
.coffees-header {
  padding-bottom: 2.5rem;
  text-align: center;
}
.coffees-header h2 {
  margin: 1rem 0 -0.5rem 0;
  padding-top: 0;
  padding-bottom: 0;
}
.coffees-header p {
  font-family: "futura-pt canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-weight: 300;
  font-size: 1.667rem;
  line-height: 2rem;
  text-align: center;
  margin: 1rem auto 0 auto;
  max-width: 80rem;
}
.coffees-container {
  box-sizing: border-box;
  float: left;
  width: 100%;
}
.coffees-container:nth-child(odd) {
  background-color: white;
}
.coffees-container:nth-child(even) {
  background-color: #ffffff;
}
.coffees-container .coffees-result {
  margin-bottom: 2rem !important;
}
.coffeePage-spinner {
  display: flex;
  justify-content: center;
  padding-top: 10%;
  height: 40vh;
}
.spinner-component {
  display: inline-block;
  width: 64px;
  height: 64px;
}
.spinner-component:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #000000;
  border-color: #000000 transparent #000000 transparent;
  animation: ring-spinner 1.2s linear infinite;
}
@keyframes ring-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.top-recommendations-container .coffees-result-list .coffees-result:nth-child(1n + 7) {
  display: none;
}
@media screen and (min-width: 1272px) {
  .top-recommendations-container .coffees-result-list .coffees-result:nth-child(1n + 7) {
    display: block;
  }
}
@media screen and (max-width: 720px) {
  .top-recommendations-container .coffees-result-list .coffees-result:nth-child(1n + 7) {
    display: block;
  }
}
.recommendations-container .coffees-result-list .coffees-result:nth-child(1n + 3) {
  display: none;
}
@media screen and (min-width: 1272px) {
  .recommendations-container .coffees-result-list .coffees-result:nth-child(1n + 3) {
    display: block;
  }
}
@media screen and (max-width: 720px) {
  .recommendations-container .coffees-result-list .coffees-result:nth-child(1n + 3) {
    display: block;
  }
}
@media screen and (max-width: 1020px) {
  .coffees-vfilters {
    display: none;
  }
  .coffees-container {
    padding-left: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 648px) {
  .page-header-title .hide-small {
    display: none;
  }
  .coffees-header {
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 528px) {
  .theme-toggle-control {
    width: auto;
  }
  .coffees-main h2 {
    text-transform: capitalize;
  }
  .coffees-header p:first-letter {
    text-transform: capitalize;
  }
}
* {
  outline: none;
  margin: 0px;
  padding: 0px;
}
.coffee-applied-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 10px;
}
.coffee-applied-filter .list-item {
  padding: 2px;
  border-radius: 10px;
  margin-right: 5px;
  margin-left: 5px;
  border: 1px solid #a9c1c1;
}
.coffee-applied-filter .list-item .filter-text {
  margin: 0px;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.6em;
  cursor: default;
}
.coffee-applied-filter .list-item.btn {
  background-color: transparent;
}
.coffee-applied-filter .list-item.btn .filter-text {
  cursor: pointer;
}
.filter-text {
  font-weight: 500;
  color: #455f86;
  text-decoration: none;
  cursor: pointer;
  font-family: "futura-pt";
  font-size: 1.334em;
  text-transform: capitalize;
}
.container {
  height: 100vh;
  background-color: antiquewhite;
}
.filter-container {
  height: auto;
  background-color: transparent;
  width: 100%;
  display: flex;
  justify-content: center;
}
.filter-topbar {
  display: none;
}
.filter-menu {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  position: relative;
  width: 90%;
  border-top: 1px solid #a9c1c1;
  border-bottom: 1px solid #a9c1c1;
  margin-top: 10px;
}
.filter-menu .filter-sub-menu {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
}
.filter-menu .filter-sub-menu ul {
  position: absolute;
  width: 350px;
  align-items: center;
  flex-wrap: wrap;
  background-color: #ffffff;
  list-style: none;
  border-radius: 10px;
  padding: 10px;
  left: 10px;
  top: 70%;
  display: none;
  z-index: 2000;
  overflow-y: auto;
  -webkit-box-shadow: -1px 1px 18px 3px rgba(0, 0, 0, 0.54);
  box-shadow: -1px 1px 18px 3px rgba(0, 0, 0, 0.54);
}
.filter-menu .filter-sub-menu ul.active {
  display: flex;
  align-content: flex-start;
  min-height: 65px;
  max-height: 350px;
}
.filter-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filter-button .filter-button-icon {
  display: none;
}
.filter-menu .filter-sub-menu ul li .filter-text {
  margin: 0px;
  font-size: 1.2em;
  font-weight: 300;
  text-align: left;
  line-height: 1.7rem;
}
.filter-menu .filter-sub-menu ul li {
  padding: 8px;
  width: 40%;
  margin: 2px;
  height: 50px;
  display: flex;
  align-items: center;
}
.filter-menu .filter-sub-menu ul li.active,
.filter-menu .filter-sub-menu ul li:hover {
  background-color: #afafaf4b;
  border-radius: 10px;
}
.filter-menu .filter-sub-menu:last-child ul {
  right: 10%;
  left: unset;
}
.coffee-applied-filter svg {
  fill: #455f86;
  transition: transform 0.15s ease-in-out;
  cursor: pointer;
}
.coffee-applied-filter svg:hover {
  fill: #1c293b;
  transform: translateY(-2px);
}
.coffee-search .search-button {
  position: fixed;
  top: 24px;
  right: 22%;
  display: none;
  z-index: 2000;
  border: none;
  background-color: transparent;
}
.coffee-search .coffee-search__input {
  width: 100%;
  border: 1px solid #a9c1c1;
  height: 30px;
  padding-left: 14px;
  border-radius: 14px;
}
.coffee-search .coffee-search__input-list {
  position: fixed;
  top: 3%;
  right: 19%;
  z-index: 2000;
  width: 20%;
  background-color: transparent;
  margin: 5px;
}
.coffee-search .coffee-search__list {
  width: 120%;
  max-height: 0px;
  margin: 0px;
  margin-top: 5px;
  padding: 0px;
  background-color: #ffffff;
  text-decoration: none;
  list-style: none;
  transition: max-height 0.15s ease;
  z-index: 1000;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-shadow: 0px 23px 64px -17px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 23px 64px -17px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 23px 64px -17px rgba(0, 0, 0, 0.75);
}
.coffee-search .coffee-search__list li {
  width: 100%;
  font-family: "futura-pt";
  min-height: 50px;
  padding: 8px;
  padding-left: 15px;
  padding-top: 10px;
  position: relative;
  transition: opacity 0.25s ease;
  border-bottom: 1px solid #a9c1c1;
}
.coffee-search .coffee-search__list li a {
  text-decoration: none;
}
.coffee-search .coffee-search__list li .list-item__name {
  font-weight: bold;
  display: block;
}
.coffee-search .coffee-search__list li .list-item__country {
  padding-top: 4px;
  display: block;
}
.coffee-search .coffee-search__list li .list-item__producer {
  padding-top: 4px;
  display: block;
}
.coffee-search .coffee-search__list.active {
  max-height: 400px;
  transition: max-height 0.3s ease;
}
.coffee-search .coffee-search__list.active li {
  opacity: 1;
}
@media only screen and (max-width: 1450px) and (min-width: 1001px) {
  .filter-menu .filter-sub-menu ul {
    min-width: 130%;
  }
  .filter-menu .filter-sub-menu:last-child ul {
    right: 5%;
    left: unset;
  }
  .coffee-search .coffee-search__input-list {
    right: 22%;
    width: 18%;
  }
  .coffee-search .coffee-search__list {
    width: 150%;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 701px) {
  .coffee-search .coffee-search__input-list {
    right: 22%;
    width: 14%;
  }
  .coffee-search .coffee-search__list {
    width: 210%;
  }
  .filter-menu .filter-sub-menu ul {
    min-width: 140%;
  }
  .filter-menu .filter-sub-menu ul {
    left: -109%;
  }
  .filter-menu .filter-sub-menu:first-child ul {
    left: 0px;
  }
  .filter-menu .filter-sub-menu:last-child ul {
    right: 5%;
    left: unset;
  }
}
@media only screen and (max-width: 864px) and (min-width: 701px) {
  .coffee-search .coffee-search__input-list {
    right: 24%;
    width: 16%;
  }
}
@media only screen and (max-width: 700px) {
  .coffee-search .search-button {
    display: block;
  }
  .coffee-search .coffee-search__list {
    width: 100%;
    top: 12%;
  }
  .coffee-search .coffee-search__input-list {
    position: relative;
    right: 0px;
    margin: 0px;
    width: 100vw;
    border-radius: 0px;
    background-color: #ffff;
  }
  .coffee-search .coffee-search__input {
    padding-left: 14px;
    border-radius: 0px;
  }
  .coffee-search .coffee-search__input-list.active {
    display: block;
  }
  .coffee-search .coffee-search__input-list.un-active {
    display: none;
  }
  .filter-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .filter-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
  }
  .filter-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%;
  }
  .filter-button .filter-button-icon {
    display: block;
  }
  .filter-menu .filter-sub-menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-top: 1px solid #a9c1c1;
    border-bottom: 1px solid #a9c1c1;
  }
  .filter-menu .filter-sub-menu.active ul {
    display: block;
  }
  .filter-menu .filter-sub-menu h1 {
    padding-left: 5px;
  }
  .filter-menu .filter-sub-menu:last-child ul {
    left: 0px;
  }
  .filter-menu .filter-sub-menu ul {
    position: relative;
    width: 100%;
    list-style: none;
    border-radius: 10px;
    padding: 0px;
    align-self: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0px;
  }
  .filter-menu .filter-sub-menu ul li {
    border: none;
    border-bottom: 1px solid #a9c1c1;
    padding-bottom: 10px;
    margin-bottom: 5px;
  }
  .filter-menu.unactive {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  .coffee-search .search-button {
    top: 23px;
    right: 25%;
  }
}
@media only screen and (max-width: 400px) {
  .coffee-search .search-button {
    top: 23px;
    right: 30%;
  }
}
@media only screen and (max-width: 340px) {
  .coffee-search .search-button {
    top: 23px;
    right: 32%;
  }
}
@media screen and (max-width: 432px) {
  .coffees-header p {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.hero-image-wrapper-get-started {
  background-image: url(/assets/home/hero-images/get-started-lg-b41847d411622be27cda160e1dd3774295796aeb952c53d96f0647ba15237f77.jpg);
}
.hero-image-wrapper-get-started .hero-image-heading,
.hero-image-wrapper-get-started .hero-image-content {
  color: white;
}
@media screen and (max-width: 428px) {
  .hero-image-wrapper-get-started {
    background-image: url(/assets/home/hero-images/get-started-sm-d022be2aa4aa6d9451ac25b0ffe657f9a2439834bba88e11bb1b92123366b33f.jpg);
  }
}
.choice-list-container-2,
.choice-list-container-3,
.choice-list-container-4 {
  display: none;
}
.choice-list {
  padding: 0 2rem;
  margin: 0 auto;
  overflow: hidden;
  list-style: none outside none;
  *zoom: 1;
  zoom: 1;
}
.choice-list:before,
.choice-list:after {
  content: "";
  display: table;
}
.choice-list:after {
  clear: both;
}
@media screen and (max-width: 648px) {
  .choice-list {
    padding: 0 1rem;
  }
}
.choice {
  float: left;
  box-sizing: border-box;
  width: 25%;
  padding: 2rem;
}
@media screen and (max-width: 648px) {
  .choice {
    width: 50%;
  }
}
@media screen and (max-width: 528px) {
  .choice {
    padding: 1rem;
  }
}
.choice-image {
  padding: 50% 0;
  position: relative;
  overflow: hidden;
  background-color: #465f87;
  -webkit-border-radius: 0.34rem;
  -moz-border-radius: 0.34rem;
  border-radius: 0.34rem;
  cursor: pointer;
}
.choice-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  cursor: pointer;
}
.choice-image:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 144%;
  padding-bottom: 144%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  -webkit-transition: box-shadow, 0.1s;
  -moz-transition: box-shadow, 0.1s;
  transition: box-shadow, 0.1s;
  cursor: pointer;
}
.choice-image:hover:after {
  box-shadow: inset 0px 0px 6rem 6rem rgba(0, 0, 0, 0.25);
}
.active .choice-image:after,
.active .choice-image:hover:after,
.choice-image:active:after {
  box-shadow: inset 0px 0px 8rem 8rem rgba(0, 0, 0, 0.6);
}
.choice-heading {
  text-align: center;
  margin: -1.5rem 0;
  position: relative;
  z-index: 1;
  font-size: 2rem;
  line-height: 3rem;
  color: white;
  text-decoration: none;
}
@media screen and (max-width: 528px) {
  .choice-heading.two-lines {
    margin: -4rem 0;
  }
}
.choice a:hover {
  text-decoration: none;
}
.choice-recommendation-list .coffees-container {
  display: none;
}
.getstarted-hero-button {
  margin-top: 2rem;
}
.choice-recommendation-list .coffee-header {
  padding-bottom: 0;
}
.registered-hero-button {
  text-align: center;
}
.get-started-wizard a.result-add-button,
.get-started-wizard .result:hover a.result-add-button {
  display: block;
  text-align: center;
  padding-top: 0.583rem;
  padding-bottom: 0.583rem;
  background-position: 0;
}
.get-started-wizard a.result-add-button.active,
.get-started-wizard .result:hover a.result-add-button.active {
  text-align: left;
}
.get-started-wizard .testimonials {
  background-color: white;
  clear: both;
  padding-top: 6rem;
  border-top: 1px solid #ffffff;
}
.get-started-wizard .testimonials h2 {
  display: none;
}
@media screen and (max-width: 648px) {
  .get-started-wizard .testimonials .testimonial-3 {
    display: block;
    margin-bottom: 4rem;
  }
  .get-started-wizard .testimonials .testimonial-4 {
    display: block;
    margin-bottom: 0;
  }
  .get-started-wizard .testimonials .testimonial-1,
  .get-started-wizard .testimonials .testimonial-2 {
    display: none;
  }
}
@media screen and (max-width: 528px) {
  .get-started-wizard .testimonials .testimonial-3 {
    margin-bottom: 4rem;
  }
  .get-started-wizard .testimonials .testimonial-4 {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 360px) {
  .get-started-wizard .testimonials .testimonial-4 {
    margin-bottom: 0;
  }
  .get-started-wizard .testimonials .testimonial-3 {
    display: none;
  }
}
.a-get_started .sitefooter {
  display: none;
}
.coffee-cover-image-background {
  width: 100%;
  text-align: center;
  min-height: 40rem;
}
.coffee-cover-image {
  width: 100%;
  height: auto;
}
#coffee_overview {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}
.coffee-overview-image-text-container {
  display: flex;
  flex-direction: row;
}
.coffee-overview-image {
  z-index: 10;
  width: 100%;
  padding-top: 2rem;
}
.coffee-overview-text {
  margin-top: 1.5rem;
  text-align: center;
}
.rd19-coffee-button {
  box-sizing: border-box;
  height: 4rem;
  width: 50%;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem;
  border: none;
  background-color: #50784f;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  line-height: 4rem;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.rd19-coffee-button:hover {
  background-color: #5e8e5d;
  text-decoration: none;
}
.rd19-coffee-button:active {
  background-color: #3b593b;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.rd19-coffee-button.active {
  background-color: #3b593b;
  cursor: default;
}
.rd19-coffee-button.active:before {
  display: block;
  float: left;
  width: 2rem;
  height: 2rem;
  margin: 1rem 1rem 1rem 0;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFF%22%20d%3D%22M63.4%2010.6c-.8-.8-2-.8-2.8%200L22%2049.1%203.5%2030.7c-.8-.8-2-.8-2.8%200-.8.8-.8%202%200%202.8l19.8%2019.8c.8.8%202%20.8%202.8%200l40-40c.9-.7.9-2%20.1-2.7z%22/%3E%0A%3C/svg%3E');
  background-repeat: no-repeat;
  content: ' ';
}
.vue-body {
  color: #333333;
  background-color: transparent;
}
.coffee-description {
  width: 80%;
  border-style: solid;
  border-width: 1px;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem;
  z-index: 9;
  box-sizing: border-box;
}
.coffee-description h2 {
  letter-spacing: -1px;
  font-size: 24px;
}
.rd19-sizes-container {
  display: table;
  table-layout: fixed;
  margin-left: auto;
  margin-right: auto;
  border-collapse: separate;
  border-spacing: 1rem;
}
.rd19-single-size-container {
  display: table;
  table-layout: fixed;
  margin-left: auto;
  margin-right: auto;
  border-collapse: separate;
  border-spacing: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.rd19-size-box {
  display: table-cell;
  text-align: center;
  padding: 2rem;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  cursor: pointer;
}
.grinds-container {
  margin-top: 2rem;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.grind-button {
  width: 100%;
}
.rd19-size-box.active {
  background-color: #dcebe9;
}
.roast-level {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.roast-level-img-container {
  height: 180px;
  overflow: hidden;
}
.roast-level-description {
  max-width: 300px;
  text-align: center;
  margin: auto;
}
.roast-level-heading {
  font-size: 1.94rem!important;
  font-weight: bold!important;
}
.qc-section {
  background-color: #455f86;
  padding-bottom: 8rem;
}
.detail-tag-section {
  background-color: #455f86;
}
.qc-crema-emblem {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  width: 5rem;
  height: 5rem;
}
.qc-tooltip {
  display: inline-block;
  border-bottom: 1px dotted white;
}
.qc-tooltip .qc-tooltip-content {
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
  font-size: 0.5em;
  padding: 1rem;
  font-weight: lighter;
  visibility: hidden;
  background-color: white;
  color: #333333;
  text-align: center;
  border-radius: 6px;
  border-style: solid;
  border-width: 2px;
  border-color: #455f86;
  position: absolute;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  z-index: 1;
  line-height: normal;
  width: 70%;
  max-width: 400px;
  overflow: auto;
}
.qc-tooltip:hover .qc-tooltip-content {
  visibility: visible;
}
.qc-description {
  margin-left: 4rem;
  margin-right: 4rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.grading-image-container {
  width: 16%;
  padding: 2rem;
}
.grading-image {
  width: 100%;
}
.light-green {
  background-color: #a9cbb4;
}
.grower-detail img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.grower-description {
  margin: 4rem;
  display: flex;
  flex-wrap: nowrap;
}
.grower-image-container {
  width: 40%;
  padding: 4rem;
}
.grower-image {
  width: 100%;
  padding-right: 6rem;
  padding-top: 4rem;
}
.grower-text {
  width: 60%;
  padding: 4rem;
}
.rd19-call-to-action {
  text-align: center;
  background-color: #dcebe9;
}
.rd19-call-to-action h2,
.rd19-call-to-action h3 {
  margin-top: 0;
  margin-bottom: 1rem;
  color: white;
  font-weight: 300;
}
.rd19-call-to-action h2 span,
.rd19-call-to-action h3 span {
  font-weight: 600;
}
.rd19-call-to-action .button,
.rd19-call-to-action .coffee-overview-button {
  margin-bottom: 0.5rem;
}
.overview-image-override {
  padding-right: 4rem;
}
.coffees-show .coffee-overview,
.coffees-show .region-overview,
.coffees-show .roaster-coffees-container {
  background-color: white;
}
.coffees-show .grower-overview,
.coffees-show .roaster-overview {
  background-color: #ffffff;
}
.coffee-overview-roast {
  opacity: 1;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-bottom: 1.25rem;
  text-align: center;
  float: none;
  display: inline-block;
  min-width: auto;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
@media screen and (max-width: 432px) {
  .coffee-overview-roast {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: auto;
  }
}
/*h1*/
.coffee-overview-roaster {
  margin-bottom: 0.5rem;
  text-align: center;
  font-size: 1.167rem;
  line-height: 2rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #666;
}
.coffee-overview-roaster a {
  color: #666;
  text-decoration: none;
}
.coffee-overview-roaster a:hover {
  text-decoration: underline;
}
/*h1*/
.coffee-overview-heading {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 3.5rem;
}
.coffee-overview-tasting-notes {
  margin-bottom: 0;
  font-size: 1.67rem;
  line-height: 2rem;
  font-style: italic;
}
ul.coffee-overview-certifications {
  text-align: center;
  height: 4rem;
  padding: 0;
  margin: 1.5rem 0 0 0;
}
li.coffee-overview-certification {
  display: inline-block;
  float: none;
  width: 4rem;
  height: 4rem;
  margin: 0 0.25rem;
  position: relative;
}
li.coffee-overview-certification .icon {
  width: 4rem;
  height: 4rem;
}
li.coffee-overview-certification span {
  position: absolute;
  background: #fff;
  padding: 8px;
  font-size: 15px;
  z-index: 9;
  min-width: 120px;
  line-height: 1;
  box-shadow: 1px 1px 10px -2px #000000 73;
  display: none;
  top: -66%;
  right: 0;
  color: #000;
  left: -40px;
  margin: auto;
}
li.coffee-overview-certification:hover span {
  display: block;
}
.coffee-overview-hr {
  width: 2rem;
  border-top: 3px solid #c6dfdb;
  margin: 1rem auto;
}
.coffee-overview-price {
  display: block;
  margin-top: 3rem;
  margin-bottom: 1.25rem;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Le Monde Courrier Pro", Georgia, serif;
  font-size: 1.67rem;
  line-height: 2rem;
}
.coffee-overview-button {
  display: inline-block;
  box-sizing: border-box;
  height: 4rem;
  padding: 0 2rem;
  margin: auto 0 1.25rem 0;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #50784f;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  line-height: 4rem;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.coffee-overview-button:hover {
  background-color: #5e8e5d;
  text-decoration: none;
}
.coffee-overview-button:active {
  background-color: #3b593b;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.coffee-overview-button.active {
  background-color: #3b593b;
  cursor: default;
}
.coffee-overview-button.active:before {
  display: block;
  float: left;
  width: 2rem;
  height: 2rem;
  margin: 1rem 1rem 1rem 0;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFF%22%20d%3D%22M63.4%2010.6c-.8-.8-2-.8-2.8%200L22%2049.1%203.5%2030.7c-.8-.8-2-.8-2.8%200-.8.8-.8%202%200%202.8l19.8%2019.8c.8.8%202%20.8%202.8%200l40-40c.9-.7.9-2%20.1-2.7z%22/%3E%0A%3C/svg%3E');
  background-repeat: no-repeat;
  content: ' ';
}
.coffee-overview-size {
  margin-bottom: 3rem;
  font-size: 1.25rem;
  font-weight: 300;
  color: #666;
}
.coffee-overview-description {
  clear: both;
  max-width: 40rem;
  margin: 0 auto;
  padding-bottom: .667rem;
  font-size: 1.4167rem;
  line-height: 2.5rem;
  text-align: justify;
}
.coffee-overview-description:first-letter {
  font-size: 3rem;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Le Monde Courrier Pro", Georgia, serif;
}
.personal-overview {
  display: none;
  text-align: center;
  position: relative;
}
.personal-overview-ordered-state,
.personal-overview-like-state,
.personal-overview-dislike-state {
  display: none;
}
.personal-overview-icon {
  position: absolute;
  width: 6rem;
  height: 6rem;
  top: -2.5rem;
  left: 50%;
  margin-left: -3rem;
  -webkit-transition: stroke, 0.2s;
  -moz-transition: stroke, 0.2s;
  transition: stroke, 0.2s;
  stroke: #666;
}
.personal-overview-icon.like {
  stroke: #789c77;
}
.personal-overview-icon.dislike {
  stroke: #bf5878;
}
.personal-overview-heading {
  margin-top: 0;
  margin-bottom: 0.25rem;
}
.personal-overview .like-button,
.personal-overview .dislike-button {
  border-color: #a8a8a8;
}
.personal-overview-view-order {
  display: inline-block;
  margin-top: 1.5rem;
  color: #666;
  font-size: 1.167rem;
}
.personal-overview-like-state .personal-overview-heading,
.personal-overview-dislike-state .personal-overview-heading {
  margin-top: 1.25rem;
  color: white;
}
.personal-overview-like-state .personal-overview-view-order,
.personal-overview-dislike-state .personal-overview-view-order {
  margin-top: 0;
  color: #c6dfdb;
}
.personal-overview.ordered {
  display: block;
  background-color: #c6dfdb;
}
.personal-overview.ordered .personal-overview-ordered-state {
  display: block;
}
.personal-overview.like {
  display: block;
  background-color: #50784f;
}
.personal-overview.like .personal-overview-like-state {
  display: block;
}
.personal-overview.dislike {
  display: block;
  background-color: #983352;
}
.personal-overview.dislike .personal-overview-dislike-state {
  display: block;
}
.grower-overview {
  position: relative;
}
.grower-overview-image-fig {
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  transition: 0.33s;
  margin-left: auto;
  margin-right: auto;
}
.grower-overview-image-fig.loading {
  opacity: 0;
  display: none;
}
#source-map {
  height: 38rem;
  margin-bottom: 3rem;
  pointer-events: none;
}
.coffees-show .roaster-overview-logo {
  margin: 0rem -2px 3rem -2px;
}
.call-to-action {
  text-align: center;
  background-color: #465f87;
}
.call-to-action h2,
.call-to-action h3 {
  margin-top: 0;
  margin-bottom: 1rem;
  color: white;
  font-weight: 300;
}
.call-to-action h2 span,
.call-to-action h3 span {
  font-weight: 600;
}
.call-to-action .button,
.call-to-action .coffee-overview-button {
  margin-bottom: 0.5rem;
}
.c-coffees .roaster-coffees-header {
  margin: 1rem 0 0 0;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Le Monde Courrier Pro", Georgia, serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 3rem;
  margin-bottom: 1rem;
  text-align: center;
}
.c-coffees .roaster-coffees-header a {
  text-decoration: none;
  color: #465f87;
}
.c-coffees .roaster-coffees-header a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1200px) {
  .coffee-overview-image {
    margin-top: 4rem;
  }
  .grower-overview-image {
    margin-top: 4rem;
  }
  .rd19-coffee-button {
    width: 60%;
  }
  .grinds-container {
    width: 70%;
  }
}
@media screen and (max-width: 888px) {
  .c-coffees.a-show .coffee-overview-image-text-container {
    overflow: visible;
    *zoom: 1;
    zoom: 1;
  }
  .c-coffees.a-show .coffee-overview-image-text-container:before,
  .c-coffees.a-show .coffee-overview-image-text-container:after {
    content: "";
    display: table;
  }
  .c-coffees.a-show .coffee-overview-image-text-container:after {
    clear: both;
  }
  .c-coffees.a-show .coffee-overview-image {
    margin-left: 0px;
  }
  .grower-overview-image {
    margin-top: -2rem;
    margin-bottom: -5rem;
  }
  .grower-detail {
    width: 100%;
  }
}
@media screen and (max-width: 888px) {
  .coffee-overview-image-text-container {
    display: flex;
    flex-direction: column;
  }
  .coffee-overview-image {
    position: relative;
    left: -4rem;
  }
  .overview-large-bag {
    position: relative;
    left: 0;
  }
  .roast-level {
    width: 40%;
  }
  .coffees-show .roaster-overview-logo {
    width: 18rem;
    height: 18rem;
    margin: 0 auto 1rem auto;
  }
  .coffees-show .roaster-overview .detail-list {
    display: none;
  }
  .grower-overview-image-text-container {
    overflow: visible;
  }
  .grower-overview-image {
    max-width: 38rem;
    margin: -6rem auto -2rem auto;
  }
  .grower-overview-image img {
    border: 0.334rem solid rgba(255, 255, 255, 0);
    -webkit-border-radius: 0.334rem;
    -moz-border-radius: 0.334rem;
    border-radius: 0.334rem;
  }
  .personal-overview {
    padding-bottom: 4rem;
  }
  .grower-description {
    flex-wrap: wrap;
  }
  .grower-image-container {
    width: 100%;
  }
  .grower-text {
    width: 100%;
  }
  .grading-image-container {
    width: 50%;
  }
  .grinds-container {
    width: 80%;
  }
  .rd19-coffee-button {
    width: 70%;
  }
  .coffee-cover-image-background {
    min-height: 30rem;
  }
  .roast-level-img-container {
    height: 97px;
    overflow: revert;
  }
}
@media screen and (max-width: 528px) {
  #source-map {
    height: 30rem;
    margin: 2rem;
  }
  .grower-text {
    padding: 0;
  }
  .coffee-overview-heading {
    line-height: 2.5rem;
  }
  .coffee-overview-tasting-notes {
    font-size: 1.5rem;
  }
  ul.coffee-overview-certifications {
    margin-bottom: 1.25rem;
  }
  .coffee-overview-price {
    margin-bottom: 1rem;
  }
  .coffee-overview-button {
    margin-bottom: 1rem;
  }
  .coffee-overview-description {
    line-height: 2.25rem;
  }
  .coffee-description {
    padding: 2rem;
  }
  .coffee-description h2 {
    font-size: 18px;
  }
  .grower-image-container {
    width: 100%;
    margin-left: -2rem;
  }
  .grinds-container {
    width: 90%;
  }
  .rd19-coffee-button {
    width: 80%;
  }
}
.coffee-index-home-wrapper {
  min-height: 100vh;
}
.hero-image-wrapper-top-shelf {
  background-image: url(/assets/home/hero-images/top-shelf-lg-e5c158e59167431807fbcf0ac55bd582bd3cd374a4db1d0d9247410d5c241a0a.png);
  background-color: transparent;
  color: #b09dbd;
}
.hero-image-wrapper-top-shelf .hero-image-heading {
  margin-top: 100px;
  color: #b09dbd;
}
.top-shelf-lock-icon {
  width: 100px;
  height: 100px;
}
@media screen and (min-width: 428px) {
  .hero-image-wrapper-top-shelf {
    top: -60px;
    position: relative;
    background-position: 70% bottom;
  }
}
@media screen and (min-width: 1700px) {
  .hero-image-wrapper-top-shelf {
    top: -72px;
  }
}
@media screen and (max-width: 428px) {
  .hero-image-wrapper {
    height: 65vh;
  }
  .hero-image-wrapper-top-shelf {
    background-image: url(/assets/home/hero-images/top-shelf-sm-b60b6d3db782f3b7d674ab2f10cedd556afb28a1f6ad60609ab28e8810792c1e.png);
  }
  .hero-image-wrapper-top-shelf .hero-image-heading {
    margin-top: 50px;
  }
  .top-shelf-wrapper {
    padding-top: 1rem;
    padding-bottom: 4rem;
  }
}
.hero-image-wrapper-gifts {
  background-image: url(/assets/home/hero-images/gifts-lg-f5a557209a61e02dc7f8211e3f7baa076bc037d0cbc62aeaea70d88364b8dffa.jpg);
}
.gift-coffee-flights {
  text-align: center;
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.gift-coffee-flights h4 {
  font-weight: normal;
  margin-top: .75rem;
}
.gift-coffee-flights-btn {
  display: block;
  padding: 0 2rem;
  height: 3rem;
  font-size: 18px;
  border-radius: 50px;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
  outline: none;
  text-align: center!important;
  text-decoration: none!important;
  cursor: pointer;
  height: auto;
  padding: 0;
  line-height: 4rem;
  width: 250px;
  margin: 3rem auto;
  color: white;
  font-weight: bold;
  background-color: #465f87;
}
.gift-coffee-flights-btn a {
  line-height: 3rem;
}
@media (hover: hover) and (pointer: fine) {
  .gift-coffee-flights-btn:hover {
    transition-duration: .2s;
    transform: scale(1.006);
    box-shadow: 0 2px 5px #BBB;
  }
}
.gift-coffee-flights-btn:active {
  transition-duration: .1s;
  transform: scale(0.98);
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  .gift-coffee-flights h2 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 428px) {
  .hero-image-wrapper-gifts {
    background-image: url(/assets/home/hero-images/gifts-sm-4fb500777d2874760c6b28a134f2dd82ea30b4e38971c16cb0efb5918a62184e.jpg);
  }
}
.gift-hero {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
}
@media screen and (max-width: 924px) {
  .gift-hero .home-hero-subheading {
    margin-top: 2rem;
    max-width: 41rem;
  }
}
@media screen and (max-width: 768px) {
  .gift-hero {
    position: relative;
    height: 36rem;
  }
}
@media screen and (max-width: 528px) {
  .gift-hero {
    -webkit-clip-path: none;
    clip-path: none;
  }
}
.gift-hero-redeem {
  display: block;
  width: 10rem;
  margin: -1rem auto 2.5rem auto;
  color: white;
  text-align: center;
}
@media screen and (max-width: 528px) {
  .gift-hero-redeem {
    margin-top: -1.75rem;
  }
}
.usp-heading {
  margin-top: 0;
  margin-bottom: 1rem;
}
.usp-subheading {
  margin: 1.5rem 0 0 0;
  line-height: 2rem;
}
.usp-text {
  line-height: 2rem;
  margin-bottom: 0;
}
.usps {
  background-color: #ffffff;
  overflow: hidden;
}
.gifts-usps {
  padding-bottom: 2rem;
}
.usps-3 .usp {
  box-sizing: border-box;
  float: left;
  width: 33%;
  padding: 4rem;
}
@media screen and (max-width: 960px) {
  .usps-3 .usp {
    padding: 3rem;
  }
}
@media screen and (max-width: 864px) {
  .usps-3 .usp {
    padding: 3rem 2rem;
  }
}
@media screen and (max-width: 768px) {
  .usps-3 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .usps-3 .usp {
    width: 100%;
    float: none;
    padding: 1.5rem;
  }
  .usps-3 .usp-heading {
    margin-bottom: 0.5rem;
  }
}
.usps-2 .usp {
  box-sizing: border-box;
  float: left;
  width: 50%;
  padding: 4rem;
}
@media screen and (max-width: 960px) {
  .usps-2 .usp {
    padding: 3rem;
  }
}
@media screen and (max-width: 864px) {
  .usps-2 .usp {
    padding: 3rem 2rem;
  }
}
@media screen and (max-width: 768px) {
  .usps-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .usps-2 .usp {
    width: 100%;
    float: none;
    padding: 1.5rem;
  }
  .usps-2 .usp-heading {
    margin-bottom: 0.5rem;
  }
}
.usp-subsection {
  margin-bottom: 3rem;
}
@media screen and (max-width: 528px) {
  .usp-subsection {
    margin-bottom: 2rem;
  }
}
.gift-received {
  display: block;
  margin-top: -2rem;
  margin-bottom: 3rem;
  clear: both;
  text-align: center;
  line-height: 3.5rem;
}
.gift-received a {
  color: #50784f;
  text-decoration: underline;
}
.gift-faqs-heading {
  padding-top: 4rem;
  padding-bottom: 1rem;
}
@media screen and (max-width: 528px) {
  .gift-faqs-heading {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
}
.c-gifts .testimonials {
  background-color: #ffffff;
}
.gallery {
  overflow: hidden;
  position: relative;
  margin-top: -2rem;
  margin-bottom: -2rem;
}
@media screen and (max-width: 648px) {
  .gallery {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }
}
.gallery-hero-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-indent: center;
  color: white;
  text-shadow: 0 1px 3px black;
}
.gallery-hero-text h2 {
  margin-top: 2rem;
}
.gallery-image {
  display: block;
  float: left;
  width: 50%;
  border: 1px solid #c6dfdb;
  margin: -1px;
}
@media screen and (max-width: 720px) {
  .gallery-image {
    float: none;
    width: 100%;
    border-left: none;
    border-right: none;
  }
}
.gallery-image img {
  width: 100%;
}
@media screen and (max-width: 648px) {
  .gift-new-header .page-header-title {
    margin-top: 3.5rem;
  }
}
@media screen and (max-width: 1104px) {
  #amount-fieldset .amount-form-group {
    padding-left: 1rem;
  }
}
#amount-fieldset .amount-fieldset-help {
  font-size: 1.167rem;
  line-height: 1.34rem;
}
#amount-fieldset .amount-radio {
  display: none;
}
#amount-fieldset .amount-label {
  display: block;
  padding: 0.75rem;
  border: 2px solid black;
  border-radius: 0.67rem;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Le Monde Courrier Pro", Georgia, serif;
  font-size: 2rem;
  line-height: 2.5rem;
  letter-spacing: .083rem;
  font-weight: 600;
  text-align: center;
  color: #465f87;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
#amount-fieldset .amount-label:hover {
  background-color: #ffffff;
}
#amount-fieldset .amount-label span {
  display: block;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.167rem;
  line-height: 2rem;
  letter-spacing: 0;
  font-weight: 400;
  font-style: italic;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
#amount-fieldset #amount-other-label {
  letter-spacing: 0;
}
#amount-fieldset #amount-specific-form-group {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
#amount-fieldset #amount-specific {
  width: 18rem;
}
@media screen and (max-width: 480px) {
  #amount-fieldset #amount-specific {
    width: 100%;
  }
}
@media screen and (max-width: 648px) {
  #amount-fieldset .form-sub-group {
    padding-right: 1rem;
  }
}
@media screen and (max-width: 528px) {
  #amount-fieldset .form-sub-group {
    padding-right: 0;
  }
}
#amount-20 + .amount-label {
  border-color: #b59cc1;
}
#amount-50 + .amount-label {
  border-color: #9974aa;
}
#amount-100 + .amount-label {
  border-color: #7a4d8f;
}
#amount-200 + .amount-label {
  border-color: #5a2971;
}
#amount-other + .amount-label {
  border-color: #3f1154;
}
#amount-20 + .amount-label {
  color: #b59cc1;
}
#amount-50 + .amount-label {
  color: #9974aa;
}
#amount-100 + .amount-label {
  color: #7a4d8f;
}
#amount-200 + .amount-label {
  color: #5a2971;
}
#amount-other + .amount-label {
  color: #3f1154;
}
#amount-20 + .amount-label span {
  color: #cbc1cf;
}
#amount-50 + .amount-label span {
  color: #ad9cb5;
}
#amount-100 + .amount-label span {
  color: #90709f;
}
#amount-200 + .amount-label span {
  color: #74418c;
}
#amount-other + .amount-label span {
  color: #5c2177;
}
#amount-20:checked + .amount-label {
  background-color: #b59cc1;
  color: white;
}
#amount-50:checked + .amount-label {
  background-color: #9974aa;
  color: white;
}
#amount-100:checked + .amount-label {
  background-color: #7a4d8f;
  color: white;
}
#amount-200:checked + .amount-label {
  background-color: #5a2971;
  color: white;
}
#amount-other:checked + .amount-label {
  background-color: #3f1154;
  color: white;
}
#amount-20:checked + .amount-label span {
  color: white;
}
#amount-50:checked + .amount-label span {
  color: white;
}
#amount-100:checked + .amount-label span {
  color: white;
}
#amount-200:checked + .amount-label span {
  color: white;
}
#amount-other:checked + .amount-label span {
  color: white;
}
#gift-when-datepicker,
#gift-delivery-datepicker {
  margin-top: 1rem;
  width: 18rem;
}
@media screen and (max-width: 480px) {
  #gift-when-datepicker,
  #gift-delivery-datepicker {
    width: 100%;
    margin-left: 0;
  }
}
#gift-delivery-datepicker {
  margin-top: 0;
}
.form-group-when .form-sub-group,
.form-group-delivery .form-sub-group {
  float: none;
}
@media screen and (max-width: 480px) {
  .form-group-when .form-sub-group,
  .form-group-delivery .form-sub-group {
    margin-bottom: 0;
  }
}
.form-group-when label,
.form-group-delivery label {
  line-height: 2rem!important;
}
.form-group-when input:checked + label,
.form-group-delivery input:checked + label {
  font-weight: 600;
}
#gift-when-fieldset-help {
  padding-top: 0;
  margin-bottom: 0;
}
#gift-purchase-form #profile-shipping-address {
  display: none;
}
.create-edit-form .delivery-fieldset-active {
  border-bottom: none;
  margin-bottom: 0;
}
.hero-image-wrapper-gift-show {
  background-image: url(/assets/home/hero-images/gifts-redeem-b86aba27499f2b2dd4c058c580bf5f3e0ad0fae1ce25d76b20161d32d66c958d.jpg);
  height: 35vw;
  min-height: 550px;
}
.gift-show-article {
  background-color: white;
}
.gift-message {
  max-width: 50rem;
  padding: 3rem;
  border: 1px solid #c6dfdb;
  margin: 3rem auto;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  text-align: center;
}
.gift-message p {
  margin-bottom: 1.5rem;
  font-size: 1.67rem;
  line-height: 2.5rem;
  font-style: italic;
  color: #666;
}
.gift-message-from,
.gift-message-to {
  font-weight: 600;
  letter-spacing: .167rem;
  text-transform: uppercase;
  margin-bottom: 0;
}
.gift-message-from {
  margin-bottom: 0.5rem;
}
.gift-message-body {
  margin-top: 1.5rem;
}
.gift-amount-label {
  font-size: 1.167rem;
  line-height: 2rem;
  letter-spacing: .167rem;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: #666;
}
.gift-amount-value {
  font-family: "futura-pt", "Avenir Next", "Avenir", "Le Monde Courrier Pro", Georgia, serif;
  font-size: 2.5rem;
  line-height: 3rem;
  text-align: center;
}
.gift-redeem-form {
  margin-top: 3rem;
  margin-bottom: 1rem;
  text-align: center;
}
.gift-disclaimer {
  padding-top: 0.667rem;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.167rem;
  line-height: 1.75rem;
  color: #666;
}
.gift-show-btn {
  width: 180px;
  margin: auto;
}
.gift-login-or-signup {
  display: flex;
  justify-content: space-between;
  max-width: 450px;
  margin: 2rem auto;
}
.gift-login-or-signup-heading {
  font-size: 1.75rem;
}
.gift-login-or-signup-buttons {
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
}
.overlay-header {
  position: relative;
  top: -200px;
  z-index: 1000;
}
@media screen and (max-width: 428px) {
  .button-fat {
    width: 150px;
  }
}
@media screen and (max-width: 528px) {
  .gift-message {
    padding: 2rem;
    margin-top: 2.5rem;
  }
  .gift-message p {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .gift-login-or-signup {
    margin-bottom: 2rem;
  }
  .gift-login-or-signup-buttons .button,
  .gift-login-or-signup-buttons .gift-or {
    display: block;
  }
  .gift-login-or-signup-buttons .gift-or {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
.brewlist-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  height: 85px;
  z-index: 10;
  color: white;
  background-color: #b09dbd;
  flex-flow: wrap;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 0 #b9d8d3;
  -moz-box-shadow: 0 1px 0 #b9d8d3;
  box-shadow: 0 1px 0 #b9d8d3;
}
.brewlist-header h2 {
  font-size: 2rem;
  margin: 0;
}
.brewlist-header-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  z-index: 10;
  color: white;
  background-color: #b09dbd;
  flex-flow: wrap;
  -webkit-box-shadow: 0 1px 0 #b9d8d3;
  -moz-box-shadow: 0 1px 0 #b9d8d3;
  box-shadow: 0 1px 0 #b9d8d3;
}
.brewlist-header-detail h2 {
  font-size: 2rem;
  margin: 0;
}
.brewlog-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  height: 100px;
  z-index: 10;
  color: white;
  background-color: #455F86;
  flex-flow: wrap;
}
.less-a {
  color: #b3d0ff;
  font-weight: 600;
}
a.brew-log-link {
  color: #fff;
  font-weight: 600;
}
.brewlist-close {
  float: right;
  font-size: 1.5rem;
  color: white;
  cursor: pointer;
}
#brewlist-suggestions-filter {
  cursor: pointer;
  display: block;
  position: relative;
  float: right;
  width: 2rem;
  height: 2rem;
  margin-right: 8px;
  margin-top: 0.4rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='white' viewBox='0 0 481.178 481.178' width='24px' style='enable-background:new 0 0 481.178 481.178;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M465.248,149.943v-49.11l-24.555-4.18c-2.007-7.756-4.808-15.284-8.359-22.465l15.151-20.898l-35.004-34.482 l-20.898,14.629c-6.962-3.636-14.326-6.441-21.943-8.359L365.46,0h-49.11l-4.18,25.078c-7.682,1.956-15.063,4.944-21.943,8.882 L269.33,18.808l-35.004,33.959l11.494,15.151H24.823c-5.747,0-8.882,6.792-8.882,12.539v49.11c-0.114,2.6,0.62,5.167,2.09,7.314 l138.971,141.584v192.261c-0.053,3.569,1.72,6.919,4.702,8.882c1.723,1.069,3.72,1.614,5.747,1.567l4.18-1.045l79.412-39.706 c3.345-1.929,5.354-5.545,5.225-9.404V278.465l52.767-52.767h2.612l4.702,25.078h49.11l4.18-25.078 c7.712-1.862,15.106-4.855,21.943-8.882l20.898,15.151l35.004-35.004l-15.151-20.898c3.549-7.001,6.351-14.355,8.359-21.943 L465.248,149.943z M36.84,88.816h205.322c-0.468,2.328-1.168,4.603-2.09,6.792l-25.6,5.224v14.106H36.84V88.816z M239.028,266.971c-2.116,1.876-3.426,4.496-3.657,7.314v149.943l-57.469,29.78V274.286c0.089-2.782-1.059-5.46-3.135-7.314 L46.244,135.837h168.229v14.106l25.6,4.18c2.093,7.636,5.074,15.001,8.882,21.943l-14.629,21.42l35.004,34.482l15.151-10.971 L239.028,266.971z M423.452,135.837l-1.045,6.792c-1.949,10.065-5.854,19.651-11.494,28.212l-3.657,5.747l13.061,18.286 l-9.927,9.927l-17.763-12.539l-5.747,3.657c-8.837,5.474-18.561,9.363-28.735,11.494l-6.792,1.045l-3.657,21.42h-13.584 l-3.657-21.42l-6.792-1.045c-10.094-1.853-19.697-5.766-28.212-11.494l-6.269-3.657L271.419,204.8l-9.927-9.927l12.539-17.763 l-3.657-5.747c-5.373-8.7-9.258-18.234-11.494-28.212l-1.567-7.314l-21.943-3.657v-13.584l21.943-3.657l1.567-6.792 c1.949-10.065,5.854-19.651,11.494-28.212l3.657-5.747l-12.539-18.286l9.927-9.927l17.763,12.539l5.747-3.657 c8.837-5.474,18.561-9.363,28.735-11.494l6.792-1.045l3.657-21.42h13.584l3.657,21.42l6.792,1.045 c10.022,2.093,19.581,5.988,28.212,11.494l6.269,4.18l17.763-13.061l9.927,9.927l-12.539,17.763l3.657,5.747 c5.466,8.652,9.357,18.204,11.494,28.212v7.314l20.898,3.135v14.106L423.452,135.837z'/%3E%3Cpath d='M340.905,74.188c-28.277,0-51.2,22.923-51.2,51.2c0,28.277,22.923,51.2,51.2,51.2s51.2-22.923,51.2-51.2 S369.182,74.188,340.905,74.188z M340.905,155.69c-16.735,0-30.302-13.567-30.302-30.302c0-16.735,13.567-30.302,30.302-30.302 c16.735,0,30.302,13.567,30.302,30.302S357.64,155.69,340.905,155.69z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  transition: 200ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 200ms;
  -webkit-transition-timing-function: ease-in-out;
}
#brewlist-suggestions-filter:active,
#brewlist-suggestions-filter.active {
  background-image: url(/assets/home/playlist/suggestion-filter-c44ca70fdac4b6954956e4a7b6ef348d45e69ee36c34828c8b823a4dc3d710da.svg);
  background-repeat: no-repeat;
  background-position: center;
}
#brewlist-suggestions-filter.hidden {
  display: none;
}
.brewlist-how-it-works {
  color: #465f87;
}
.brewlist-how-it-works h4 {
  font-weight: 600;
  font-size: 15px;
  margin: 0;
  cursor: pointer;
  padding: 9px 0 0px 0;
}
.brewlist-how-it-works h4:hover {
  text-decoration: underline;
}
.brewlist-how-it-works p {
  font-size: 1.175rem;
  line-height: 1.5rem;
  margin-top: 13px;
}
.brewlist-message-empty,
.brewlist-message-default-content {
  color: #465f87;
}
.brewlist-message-empty h3,
.brewlist-message-default-content h3 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.75rem;
  line-height: 2.5rem;
}
.brewlist-message-empty h4,
.brewlist-message-default-content h4 {
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.brewlist-message-empty p,
.brewlist-message-default-content p,
.brewlist-message-empty ol,
.brewlist-message-default-content ol,
.brewlist-message-empty ul,
.brewlist-message-default-content ul {
  line-height: 2rem;
  margin-bottom: 2rem;
}
.brewlist-message-empty ol,
.brewlist-message-default-content ol {
  padding-left: 3rem;
  margin-top: -1rem;
  margin-bottom: 1rem;
}
.brewlist-message-empty ul,
.brewlist-message-default-content ul {
  padding-left: 2rem;
  margin-top: -1rem;
}
.brewlist-message-empty ul li,
.brewlist-message-default-content ul li {
  margin-bottom: 1rem;
}
.brewlist-message-empty strong,
.brewlist-message-default-content strong,
.brewlist-message-empty .strong,
.brewlist-message-default-content .strong {
  font-weight: 600;
}
.brewlist-message-empty a,
.brewlist-message-default-content a {
  text-decoration: none;
}
.brewlist-message-empty a:hover,
.brewlist-message-default-content a:hover {
  text-decoration: underline;
}
.brewlist-message-empty .button,
.brewlist-message-default-content .button,
.brewlist-alert .button {
  display: block;
  height: auto;
  font-weight: 500;
  text-align: center;
  color: white;
}
.brewlist-message-empty .button:hover,
.brewlist-message-default-content .button:hover,
.brewlist-alert .button:hover {
  text-decoration: none;
}
.brewlist-message-empty {
  padding: 2rem 2rem 1rem 2rem;
  margin-bottom: 2rem;
}
.brewlist-message-empty-inactive {
  margin-bottom: 0;
}
.brewlist-existing-user-logged-out {
  margin-bottom: 0;
}
.brewlist-message-default {
  padding-bottom: 1rem;
}
.brewlist-message-suggestions {
  position: relative;
  padding-bottom: 1rem;
  width: 100 wh;
  color: #fff;
  background-color: #465f87;
}
.brewlist-message-suggestions .brewitem-price {
  color: #fff;
}
.brewlist-message-suggestions .brewitem-size {
  color: #fff;
}
.brewlist-message-suggestions .brewitem-grind {
  color: #fff;
  font-size: 1.167rem;
  margin-bottom: .5rem;
}
p.decaf-brewitem-roaster {
  display: inline-block;
  width: auto;
  min-width: 95px;
  margin: 0;
}
.brewlist-message-suggestions .brewitem-roaster {
  color: #fff;
}
.brewlist-message-suggestions .brewitem:first-child .suggested-brewitem-status {
  color: #91b690;
  font-weight: 600;
}
.brewlist-message-suggestions .brewlist-default .brewitem a {
  color: #ffffff;
}
.brewlist-message-suggestions .brewlist-default .brewitem:hover a,
.brewlist-message-suggestions .brewlist-default .brewitem:active a {
  color: #465f87;
}
.brewlist-message-suggestions .brewlist-default .brewitem:hover .brewitem-price,
.brewlist-message-suggestions .brewlist-default .brewitem:active .brewitem-price {
  color: #50784f;
}
.brewlist-message-suggestions .brewlist-default .brewitem:hover .brewitem-size,
.brewlist-message-suggestions .brewlist-default .brewitem:active .brewitem-size {
  color: #666;
}
.brewlist-message-suggestions .brewlist-default .brewitem:hover .brewitem-grind,
.brewlist-message-suggestions .brewlist-default .brewitem:active .brewitem-grind {
  color: #465f87;
}
.brewlist-message-suggestions .brewlist-default .brewitem:hover .brewitem-status,
.brewlist-message-suggestions .brewlist-default .brewitem:active .brewitem-status {
  color: #50784f;
}
.brewlist-message-suggestions .brewlist-default .brewitem:hover .suggested-brewitem-status,
.brewlist-message-suggestions .brewlist-default .brewitem:active .suggested-brewitem-status {
  color: #50784f;
}
.brewlist-message-suggestions .brewlist-default .brewitem:hover .brewitem-roaster,
.brewlist-message-suggestions .brewlist-default .brewitem:active .brewitem-roaster {
  color: #465f87;
}
.brewlist-message-suggestions-content {
  padding: 0.2rem 2rem 2rem 2rem;
  margin-bottom: -0.5rem;
  color: #fff;
}
.brewlist-message-suggestions-content h3 {
  font-size: 1.75rem;
  width: 200rem;
}
.brewlist-message-default-content {
  padding: 2rem 2rem 0rem 2rem;
  margin-bottom: -0.5rem;
}
h3.brewlist-message-default-heading {
  padding-top: 2rem;
  border-top: 0.084rem solid #c6dfdb;
  margin-bottom: 0;
}
@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.brewlist-alert {
  position: relative;
  z-index: 1;
  padding: 1.25rem 2rem;
  background-color: #c6dfdb;
  line-height: 2rem;
}
.brewlist-alert a {
  color: #465f87;
  text-decoration: underline;
}
.brewlist-alert a.button {
  text-decoration: none;
}
.brewlist-alert.notice {
  margin-bottom: 1px;
  background-color: #50784f;
  color: white;
}
.brewlist-alert.notice a {
  color: white;
}
.brewlist-alert.warning {
  margin-bottom: 1px;
  background-color: #d4ad6a;
  color: white;
}
.brewlist-alert.warning a {
  color: white;
}
.brewlist-alert.repeats {
  margin-bottom: 1px;
  background-color: #d4ad6a;
  color: white;
}
.brewlist-alert.repeats a {
  color: white;
}
.brewlist-alert.error {
  margin-bottom: 1px;
  background-color: #983352;
  color: white;
}
.brewlist-alert.error a {
  color: white;
}
.less-product {
  margin-top: 0px;
  background-color: #983352;
  color: white;
  display: flex;
  align-items: center;
  padding: 10px;
  flex-flow: wrap;
  justify-content: center;
}
.less-product h4 {
  margin: 0;
  font-size: 14px;
}
.brewlist-controls {
  position: relative;
  *zoom: 1;
  zoom: 1;
  padding: 0.9167rem 2rem;
  border-top: 1px solid #c6dfdb;
  border-bottom: 1px solid #c6dfdb;
  background-color: #f0f0f0;
  z-index: 11;
  display: flex;
}
.brewlist-controls:before,
.brewlist-controls:after {
  content: "";
  display: table;
}
.brewlist-controls:after {
  clear: both;
}
.brewlist-frequency-label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  width: 6rem;
  margin-right: 0.5rem;
  margin-left: -1rem;
  text-align: right;
  font-size: 1.167rem;
  font-weight: 600;
  line-height: 2.5rem;
}
/*select*/
#brewlist-frequency {
  float: left;
  width: 10rem;
  margin-right: 0.5rem;
  color: #465f87;
  background-color: #f0f0f0;
  border-color: #a8a8a8;
}
#brewlist-frequency:hover,
#brewlist-frequency:active,
#brewlist-frequency:focus {
  border-color: #8f8f8f;
  color: black;
}
.brewlist-control-btn-wrapper {
  width: 30px;
  margin-left: .5rem;
}
#brewlist-pause {
  display: block;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: -1.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #50784f;
  cursor: pointer;
}
#brewlist-pause:hover {
  background-color: #5e8e5d;
}
#brewlist-pause:active,
#brewlist-pause.active {
  background-color: #8f8f8f;
}
.brewlist-pause-e {
  display: block;
  position: absolute;
  top: 0.67rem;
  left: 0.75rem;
  width: 0.33rem;
  height: 1.16rem;
  background-color: #ffffff;
}
.brewlist-pause-e.e2 {
  left: 1.42rem;
}
#brewlist-pause:hover .brewlist-pause-e,
#brewlist-pause:active .brewlist-pause-e,
#brewlist-pause.active .brewlist-pause-e {
  background-color: white;
}
#brewlist-pause.disabled {
  opacity: 0.5;
  cursor: default;
}
#brewlist-pause.disabled:hover {
  background-color: #bababa;
}
#brewlist-pause.disabled:hover .brewlist-pause-e {
  background-color: #ffffff;
}
#brewlist-pause.disabled:active {
  background-color: #bababa;
}
@keyframes pulse-bg {
  0% {
    background-color: #466945;
  }
  50% {
    background-color: #5a8759;
  }
  100% {
    background-color: #466945;
  }
}
@-webkit-keyframes pulse-bg {
  0% {
    background-color: #466945;
  }
  50% {
    background-color: #5a8759;
  }
  100% {
    background-color: #466945;
  }
}
#brewlist-pause.paused {
  background-color: #bababa !important;
  animation-name: pulse-bg;
  -webkit-animation-name: pulse-bg;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
#brewlist-pause.paused:hover {
  background-color: #a8a8a8 !important;
  animation-name: none;
  -webkit-animation-name: none;
}
#brewlist-pause.paused:active {
  background-color: #bababa;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
#brewlist-pause.paused .brewlist-pause-e.e2 {
  display: none;
}
#brewlist-pause.paused .brewlist-pause-e.e1 {
  top: 0.5rem;
  left: 1rem;
  width: 0;
  height: 0;
  border-top: 0.75rem solid transparent;
  border-right: 0.75rem solid transparent;
  border-bottom: 0.75rem solid transparent;
  border-left: 0.75rem solid white;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#brewlist-repeat {
  display: block;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: -1.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #bababa;
  cursor: pointer;
}
#brewlist-repeat:hover {
  background-color: #a8a8a8;
}
.brewlist-repeat-e {
  display: block;
  position: relative;
  float: left;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: -2.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8' standalone='no'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' id='svg10' preserveAspectRatio='xMidYMid meet' viewBox='0 0 700.000000 700.000000' height='24px' width='24px' version='1.0'%3e%3cg id='g8' stroke='none' transform='translate(0.000000,700.000000) scale(0.100000,-0.100000)'%3e%3cpath id='path4' d='M2060 6548 c-63 -5 -135 -15 -159 -23 -25 -8 -54 -15 -65 -15 -12 -1 -39 -9 -61 -20 -22 -11 -46 -19 -53 -20 -12 0 -152 -67 -197 -94 -211 -125 -393 -319 -503 -536 -39 -77 -55 -118 -87 -225 -47 -161 -55 -233 -55 -515 0 -146 -4 -271 -8 -278 -7 -10 -98 -13 -418 -15 -465 -2 -442 3 -380 -86 20 -27 95 -128 169 -223 73 -95 146 -192 163 -215 16 -22 90 -121 164 -220 75 -98 212 -279 306 -403 94 -124 195 -257 225 -297 29 -39 90 -119 133 -177 49 -64 84 -102 92 -99 13 5 34 32 233 298 50 66 124 165 166 220 42 55 97 129 123 165 25 36 83 112 128 171 45 58 93 122 107 143 14 20 37 52 51 69 49 61 133 172 162 214 38 53 265 354 281 371 20 21 26 54 12 63 -8 5 -195 9 -416 8 -222 0 -407 3 -413 6 -6 4 -10 102 -10 265 0 241 1 262 22 317 54 144 174 251 317 282 73 16 2749 16 2822 0 126 -27 234 -114 295 -236 l39 -78 3 -250 c1 -137 4 -260 7 -273 l5 -22 428 2 427 3 3 260 c3 208 0 279 -13 355 -35 203 -103 381 -196 517 -16 24 -42 62 -58 86 -63 92 -238 250 -357 322 -65 39 -200 105 -216 105 -7 1 -31 9 -53 20 -22 11 -49 19 -61 20 -11 0 -40 7 -65 14 -24 8 -107 20 -185 25 -172 13 -2685 12 -2854 -1z' /%3e%3cpath id='path6' d='M5603 3833 c-32 -43 -65 -88 -73 -100 -12 -17 -408 -544 -443 -588 -6 -8 -121 -161 -228 -305 -35 -46 -170 -225 -187 -247 -9 -12 -24 -31 -32 -43 -18 -26 -155 -207 -176 -233 -8 -10 -28 -36 -45 -60 -50 -69 -55 -68 410 -67 231 1 408 -3 413 -8 5 -5 8 -125 6 -278 l-3 -269 -39 -78 c-62 -124 -161 -203 -291 -233 -89 -20 -2741 -20 -2830 0 -130 30 -229 109 -291 233 l-39 78 -3 250 c-1 138 -4 260 -7 273 l-5 22 -428 -2 -427 -3 -3 -265 c-3 -285 4 -360 53 -525 34 -114 49 -151 90 -230 34 -65 48 -87 124 -197 90 -131 288 -294 456 -376 28 -14 62 -31 77 -38 14 -8 31 -14 38 -14 7 0 26 -6 43 -14 45 -21 149 -47 237 -60 52 -7 509 -11 1500 -11 991 0 1448 4 1500 11 88 13 192 39 237 60 17 8 36 14 43 14 7 0 24 6 38 14 15 7 50 24 77 38 166 81 369 249 456 376 16 23 42 61 58 85 91 133 155 300 195 508 12 66 16 148 16 350 0 145 4 270 8 277 7 10 98 13 418 15 373 2 409 3 412 19 3 18 -35 76 -139 210 -38 48 -179 234 -315 415 -136 180 -284 375 -328 432 -45 58 -94 124 -111 147 -30 43 -261 349 -280 371 -5 6 -28 37 -50 67 -22 30 -47 55 -56 56 -9 0 -43 -35 -76 -77z' /%3e%3c/g%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  -webkit-filter: invert(100%);
  filter: invert(100%);
  background-position: center;
}
.brewlist-skip {
  display: block;
  position: relative;
  float: right;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: -1.5rem;
  margin-top: -0.2rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='26px' width='26px' x='0px' y='0px' fill='white' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3ESkip%3C/title%3E%3Cg id='svg_1'%3E%3Cg id='svg_2'%3E%3Cpath d='m23.3,62.8l-14.1,0c-2.3,0 -4.2,1.9 -4.2,4.2l0,14.2c0,2.3 1.9,4.2 4.2,4.2l14.2,0c2.3,0 4.2,-1.9 4.2,-4.2l0,-14.2c-0.1,-2.3 -2,-4.2 -4.3,-4.2z' id='svg_3'/%3E%3Cpath d='m90.8,62.8l-14.1,0c-2.3,0 -4.2,1.9 -4.2,4.2l0,14.2c0,2.3 1.9,4.2 4.2,4.2l14.2,0c2.3,0 4.2,-1.9 4.2,-4.2l0,-14.2c-0.1,-2.3 -2,-4.2 -4.3,-4.2z' id='svg_4'/%3E%3Cpath d='m57.1,62.8l-14.2,0c-2.3,0 -4.2,1.9 -4.2,4.2l0,14.2c0,2.3 1.9,4.2 4.2,4.2l14.2,0c2.3,0 4.2,-1.9 4.2,-4.2l0,-14.2c-0.1,-2.3 -1.9,-4.2 -4.2,-4.2zm0,18.3c0,0 0,0 0,0l-14.2,0c0,0 0,0 0,0l0,-14.2c0,0 0,0 0,0l14.2,0c0,0 0,0 0,0l0,14.2z' id='svg_5'/%3E%3Cpath d='m87.5,52.5l5,-24.4l-9,3c-3.4,-4.6 -7.8,-8.4 -12.9,-11.2c-6.2,-3.4 -13.3,-5.2 -20.6,-5.2c-22.4,0 -40.6,17 -40.6,37.8c0,1.7 1.4,3.1 3.1,3.1s3.1,-1.4 3.1,-3.1c0,-17.4 15.4,-31.6 34.4,-31.6c10.7,0 20.7,4.6 27.2,12.2l-8.4,2.9l18.7,16.5z' id='svg_6'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.brewlist-skipped {
  display: block;
  position: relative;
  float: right;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: -1.5rem;
  margin-top: -0.2rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='26px' width='26px' x='0px' y='0px' fill='#ffc02d' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3ESkip%3C/title%3E%3Cg id='svg_1'%3E%3Cg id='svg_2'%3E%3Cpath transform='scale(-1, 1) translate(-100, 0)' d='m23.3,62.8l-14.1,0c-2.3,0 -4.2,1.9 -4.2,4.2l0,14.2c0,2.3 1.9,4.2 4.2,4.2l14.2,0c2.3,0 4.2,-1.9 4.2,-4.2l0,-14.2c-0.1,-2.3 -2,-4.2 -4.3,-4.2z' id='svg_3'/%3E%3Cpath transform='scale(-1, 1) translate(-100, 0)' d='m90.8,62.8l-14.1,0c-2.3,0 -4.2,1.9 -4.2,4.2l0,14.2c0,2.3 1.9,4.2 4.2,4.2l14.2,0c2.3,0 4.2,-1.9 4.2,-4.2l0,-14.2c-0.1,-2.3 -2,-4.2 -4.3,-4.2z' id='svg_4'/%3E%3Cpath transform='scale(-1, 1) translate(-100, 0)' d='m57.1,62.8l-14.2,0c-2.3,0 -4.2,1.9 -4.2,4.2l0,14.2c0,2.3 1.9,4.2 4.2,4.2l14.2,0c2.3,0 4.2,-1.9 4.2,-4.2l0,-14.2c-0.1,-2.3 -1.9,-4.2 -4.2,-4.2zm0,18.3c0,0 0,0 0,0l-14.2,0c0,0 0,0 0,0l0,-14.2c0,0 0,0 0,0l14.2,0c0,0 0,0 0,0l0,14.2z' id='svg_5'/%3E%3Cpath transform='scale(-1, 1) translate(-100, 0)' d='m87.5,52.5l5,-24.4l-9,3c-3.4,-4.6 -7.8,-8.4 -12.9,-11.2c-6.2,-3.4 -13.3,-5.2 -20.6,-5.2c-22.4,0 -40.6,17 -40.6,37.8c0,1.7 1.4,3.1 3.1,3.1s3.1,-1.4 3.1,-3.1c0,-17.4 15.4,-31.6 34.4,-31.6c10.7,0 20.7,4.6 27.2,12.2l-8.4,2.9l18.7,16.5z' id='svg_6'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.brewlist-remove {
  display: block;
  position: absolute;
  width: 2rem;
  height: 2rem;
  background-image: url(/assets/home/playlist/icon-trash-79d57cb17980f456f8531086d87fccb9c5f8670493e39cbd5685a913bc1ace6c.svg);
  background-repeat: no-repeat;
}
.brewlist-play {
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' height='24px' width='24px' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 512 512'%3E%3Cg%3E%3Cg fill='%23231F20'%3E%3Cpath d='m354.2,247.4l-135.1-92.4c-4.2-3.1-15.4-3.1-16.3,8.6v184.8c1,11.7 12.4,11.9 16.3,8.6l135.1-92.4c3.5-2.1 8.3-10.7 0-17.2zm-130.5,81.3v-145.4l106.1,72.7-106.1,72.7z'/%3E%3Cpath d='M256,11C120.9,11,11,120.9,11,256s109.9,245,245,245s245-109.9,245-245S391.1,11,256,11z M256,480.1 C132.4,480.1,31.9,379.6,31.9,256S132.4,31.9,256,31.9S480.1,132.4,480.1,256S379.6,480.1,256,480.1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
#brewlist-repeat.disabled {
  opacity: 0.5;
  cursor: default;
}
#brewlist-repeat.disabled:hover {
  background-color: #bababa;
}
#brewlist-repeat.disabled:hover .brewlist-repeat-e {
  background-color: #ffffff;
}
#brewlist-repeat.disabled:active {
  background-color: #bababa;
}
#brewlist-repeat.repeat {
  background-color: #50784f;
  animation-name: pulse-bg;
  -webkit-animation-name: pulse-bg;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
#brewlist-repeat.repeat:hover {
  background-color: #5e8e5d;
  animation-name: none;
  -webkit-animation-name: none;
}
#brewlist-repeat.repeat:active {
  background-color: #3b593b;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.brewlist-pause-menu {
  background-color: #bfdbd7;
  position: absolute;
  bottom: 0.75rem;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  transition: 0.15s;
}
.show-brewlist-pause-menu .brewlist-pause-menu {
  bottom: 4.34rem;
  visibility: visible;
  opacity: 0.97;
}
.brewlist-pause-menu:before {
  position: absolute;
  display: block;
  bottom: -0.67rem;
  right: 72px;
  width: 0;
  height: 0;
  border-top: 0.75rem solid #9fc9c2;
  border-left: 0.75rem solid transparent;
  border-right: 0.75rem solid transparent;
  margin-right: -0.75rem;
  content: " ";
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.brewlist-pause-menu:after {
  position: absolute;
  display: block;
  bottom: -0.5rem;
  right: 72px;
  width: 0;
  height: 0;
  border-top: 0.5833rem solid #bfdbd7;
  border-left: 0.5833rem solid transparent;
  border-right: 0.5833rem solid transparent;
  margin-right: -0.5833rem;
  content: " ";
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ui-dialog {
  z-index: 1000;
}
.brewlist-suggestions-filter-menu {
  width: 100%;
}
.brewlist-suggestions-filter-menu hr {
  margin: .5rem 0;
}
.webui-popover .webui-popover-content {
  width: 135px;
}
.webui-popover-title {
  font-size: 18px;
}
.webui-arrow:after {
  margin-left: -8px !important;
}
.brewlist-suggestions-filter-menu .filter-option {
  font-size: 14px;
  line-height: 20px;
}
.brewlist-tick {
  display: block;
  position: relative;
  float: right;
  width: 2.1rem;
  height: 2.1rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' fill='green' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 490.05 490.05' style='enable-background:new 0 0 490.05 490.05;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M418.275,418.275c95.7-95.7,95.7-250.8,0-346.5s-250.8-95.7-346.5,0s-95.7,250.8,0,346.5S322.675,513.975,418.275,418.275 z M157.175,207.575l55.1,55.1l120.7-120.6l42.7,42.7l-120.6,120.6l-42.8,42.7l-42.7-42.7l-55.1-55.1L157.175,207.575z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.8rem;
  margin-top: 0.1rem;
  margin-left: 0.1rem;
  background-position: center;
}
#brewlist-pause-custom-datepicker {
  width: 11.5rem;
  margin-top: -0.1rem;
  color: #465f87;
  cursor: pointer;
  float: right;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #465f87;
  padding: 0.22em;
  background-color: #d3e6e3;
}
@media screen and (max-width: 480px) {
  #brewlist-pause-custom-datepicker {
    width: 11.5rem;
  }
}
.pickadate__holder--opened .pickadate__frame,
.pseudo-focused + .pickadate__holder .pickadate__frame {
  top: .5em;
  max-height: 25em;
  -webkit-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
}
.picker__holder {
  left: 0em;
  overflow: hidden;
  margin-top: 0.3em;
}
.picker__input {
  font-size: 15px;
}
.picker {
  width: 87%;
  line-height: 1;
  font-size: 16px;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  color: #465f87 !important;
}
.picker__nav--prev:before,
.picker__nav--next:before {
  border-right-color: #465f87;
  border-left-color: #465f87;
}
#brewlist-pause-menu-options {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #9fc9c2;
}
.picker__button--today,
.picker__button--clear {
  display: none;
}
.picker__button--close {
  visibility: hidden;
}
.picker__button--close:before {
  content: "\D7";
  top: -15px;
  left: 120px;
  font-size: 3rem;
  color: #465f87;
  visibility: visible;
}
.pause-option {
  padding: 1.25rem 2rem;
  border-top: 1px solid #9fc9c2;
  line-height: 1.9167rem;
  cursor: pointer;
}
.pause-option:hover {
  background-color: #b2d4cf;
}
.pause-option:active {
  background-color: #9fc9c2;
}
.pause-option-until {
  display: block;
  float: right;
  font-size: 1.167rem;
  line-height: 2rem;
  font-style: italic;
  color: #666;
}
.brewitem {
  position: relative;
}
li.brewitem .alert-modal {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: transparent;
  width: 242px;
  height: 100%;
  right: unset;
  z-index: 1;
  flex-direction: column;
  padding: 15px 0 15px 15px;
  margin-right: 85px;
}
li.brewitem .size-alert-modal {
  position: absolute;
  top: auto;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: transparent;
  width: 248px;
  height: 100%;
  right: 0;
  z-index: 1;
  flex-direction: column;
  padding: 5px 0px 5px 75px;
  margin-right: 0;
  bottom: 0;
}
li.brewitem table.brewitem-container:nth-child(2) table.brewitem-info tr:nth-child(2) {
  opacity: 0.7;
}
li.brewitem table.brewitem-container:nth-child(2) .brewitem-fast-track {
  opacity: 0.3;
}
li.brewitem table.brewitem-container:nth-child(2) .brewitem-skip-track {
  opacity: 0.3;
}
li.brewitem table.brewitem-container:nth-child(2) table.brewitem-info tr:nth-child(4),
li.brewitem table.brewitem-container:nth-child(2) table.brewitem-info tr:nth-child(5) {
  opacity: 0;
}
li.brewitem table.brewitem-container:nth-child(2) table.brewitem-info tr:nth-child(6) td:first-child {
  opacity: 0;
}
li.brewitem table.brewitem-container:nth-child(2) .brewitem-title {
  min-height: unset;
}
.btn-wrapper li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  grid-gap: 5px;
  margin: 0;
}
.size-present {
  background-color: red;
  color: #ffffff;
  padding: .25rem;
  opacity: 0.55;
  margin: 4px 0 0 0;
}
ul.btn-wrapper,
ul.size-btn-wrapper {
  display: flex;
  padding: 4px;
  text-align: left;
  color: #fff;
  font-size: 14px;
  margin: 0;
  grid-gap: 8px;
  text-transform: uppercase;
  justify-content: flex-end;
  width: 100%;
  overflow-x: auto;
}
ul.size-btn-wrapper {
  grid-gap: 3px;
  justify-content: flex-start;
  padding-bottom: 6px;
  scrollbar-width: thin;
}
ul.size-btn-wrapper::-webkit-scrollbar {
  width: 5px;
  background-color: #dbd9d9cc ;
  height: 6px;
}
ul.size-btn-wrapper::-webkit-scrollbar-thumb {
  background-color: #bababa;
}
.btn-wrapper li button {
  background: #455f86;
  padding: 4px 5px;
  border-radius: 4px;
  color: #fff;
  border: 0;
  font-size: 12px;
  font-weight: 700;
}
.size-btn-wrapper li {
  flex: 1 1 100%;
}
.size-btn-wrapper li button {
  width: 100%;
}
.size-btn-wrapper li button {
  padding: 2px 3px;
}
li.brewitem .alert-modal h3 {
  font-weight: 700;
  font-size: 14px;
  color: #455f86;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  bottom: -12px;
  width: 100%;
  text-align: right;
}
li.brewitem .size-alert-modal h3 {
  font-weight: 700;
  font-size: 14px;
  color: #455f86;
  letter-spacing: 0.01em;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  text-align: left;
  left: 4px;
  margin: 1px;
  line-height: 1;
}
.brewlist-wrapper {
  position: relative;
}
.out-of-stock {
  pointer-events: none;
  position: relative;
  opacity: 0.5;
}
.brewlist-interstitial {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 1px 0;
  background-color: rgba(255, 255, 255, 0.66);
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%0A%20%20%3Cpath%20opacity%3D%22.175%22%20fill%3D%22%2366634d%22%20d%3D%22M20.2%205.17c-8.253%200-14.945%206.69-14.945%2014.945%200%208.255%206.692%2014.946%2014.946%2014.946s14.947-6.69%2014.947-14.945c0-8.254-6.692-14.946-14.946-14.946zm0%2026.58c-6.424%200-11.633-5.21-11.633-11.635S13.777%208.48%2020.2%208.48c6.426%200%2011.634%205.21%2011.634%2011.635%200%206.426-5.208%2011.634-11.633%2011.634z%22/%3E%0A%20%20%3Cpath%20fill%3D%22%23999782%22%20d%3D%22M26.013%2010.047l1.654-2.866C25.47%205.91%2022.924%205.17%2020.2%205.17v3.31c2.12%200%204.1.577%205.813%201.567z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeType%3D%22xml%22%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2020%2020%22%20to%3D%22360%2020%2020%22%20dur%3D%220.4s%22%20repeatCount%3D%22indefinite%22/%3E%0A%20%20%3C/path%3E%0A%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
}
.brewlist-loaded .brewlist-interstitial {
  -webkit-animation: hide-interstitial 0.2s 1 ease-out;
  animation: hide-interstitial 0.2s 1 ease-out;
}
.brewlist-loading .brewlist-interstitial {
  -webkit-animation: show-interstitial 0.2s 1 ease-out;
  animation: show-interstitial 0.2s 1 ease-out;
  opacity: 1;
  visibility: visible;
}
@keyframes show-interstitial {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes show-interstitial {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hide-interstitial {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes hide-interstitial {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
#brewlist,
.brewlist-default {
  padding: 0;
  margin: 0;
}
.brewitem {
  padding: 1rem 1rem 1rem 0rem;
  border-top: 0.084rem solid #c6dfdb;
  margin: -1px 0 0 0;
  list-style: none outside none;
  overflow: hidden;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.brewitem.ui-sortable-helper {
  border-top: 0.084rem solid #b2d4cf;
  border-bottom: 0.084rem solid #b2d4cf;
}
.brewitem:hover {
  background-color: #f5f5f5;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%206%2016%22%3E%0A%20%20%3Cpath%20opacity%3D%22.4%22%20d%3D%22M1.5%203h-1C.2%203%200%202.8%200%202.5v-1c0-.3.2-.5.5-.5h1c.3%200%20.5.2.5.5v1c0%20.3-.2.5-.5.5zM1.5%207h-1C.2%207%200%206.8%200%206.5v-1c0-.3.2-.5.5-.5h1c.3%200%20.5.2.5.5v1c0%20.3-.2.5-.5.5zM1.5%2011h-1c-.3%200-.5-.2-.5-.5v-1c0-.3.2-.5.5-.5h1c.3%200%20.5.2.5.5v1c0%20.3-.2.5-.5.5zM1.5%2015h-1c-.3%200-.5-.2-.5-.5v-1c0-.3.2-.5.5-.5h1c.3%200%20.5.2.5.5v1c0%20.3-.2.5-.5.5zM5.5%203h-1c-.3%200-.5-.2-.5-.5v-1c0-.3.2-.5.5-.5h1c.3%200%20.5.2.5.5v1c0%20.3-.2.5-.5.5zM5.5%207h-1c-.3%200-.5-.2-.5-.5v-1c0-.3.2-.5.5-.5h1c.3%200%20.5.2.5.5v1c0%20.3-.2.5-.5.5zM5.5%2011h-1c-.3%200-.5-.2-.5-.5v-1c0-.3.2-.5.5-.5h1c.3%200%20.5.2.5.5v1c0%20.3-.2.5-.5.5zM5.5%2015h-1c-.3%200-.5-.2-.5-.5v-1c0-.3.2-.5.5-.5h1c.3%200%20.5.2.5.5v1c0%20.3-.2.5-.5.5z%22/%3E%0A%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: 0.5rem;
  background-position: 0.55rem 1.1rem;
}
.brewitem:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
  background-color: #f0f0f0;
}
.decaf-coffee.sbq-brewitem-skip-track {
  top: 3px;
}
.decaf-coffee.brewitem-remove-suggestion {
  margin-bottom: -31px;
}
.brewitem.decaf {
  background-color: #F2E5E9;
}
.ui-dialog {
  padding: 0px;
  z-index: 9999;
}
.ui-widget-header {
  background: #465f87;
  color: white;
  font-size: 1.75rem;
}
.ui-dialog .ui-dialog-title {
  height: 1.75rem;
}
.ui-dialog .ui-dialog-buttonpane button {
  display: inline-block;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #50784f;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
  background-color: #5e8e5d;
  text-decoration: none;
}
.ui-dialog .ui-dialog-buttonpane button:active {
  background-color: #3b593b;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.ui-dialog .ui-dialog-buttonpane button:disabled,
.ui-dialog .ui-dialog-buttonpane button.disabled {
  opacity: 0.5;
}
.ui-dialog .ui-dialog-buttonpane button:disabled:hover,
.ui-dialog .ui-dialog-buttonpane button.disabled:hover,
.ui-dialog .ui-dialog-buttonpane button:disabled:active,
.ui-dialog .ui-dialog-buttonpane button.disabled:active {
  background-color: #50784f;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.ui-dialog .ui-dialog-buttonpane button.full-width {
  width: 100%;
}
.ui-dialog .ui-dialog-buttonpane button.large {
  height: 4rem;
  line-height: 4rem;
}
.brewlist-default .brewitem {
  border-top: none;
}
.brewlist-default .brewitem:hover,
.brewlist-default .brewitem:active {
  background-color: #ffffff;
}
.brewlist-default .brewitem:hover .sbq-brewitem-fast-track {
  top: 6px;
  background-size: 34px;
  background-image: url(/assets/home/playlist/icon-fast-track-off-51267441f0b92d9690f7f474d1443603ef4a946e1639c044f7f1dffa446cbd42.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.brewlist-default .brewitem:hover .sbq-brewitem-fast-track:active,
.brewlist-default .brewitem:hover .sbq-brewitem-fast-track.active {
  background-image: url(/assets/home/playlist/icon-fast-track-on-7bccfbb5d162d92b287ad79e6f0838167402541c302ca5a402999a35ff410033.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.brewitem-placeholder {
  height: 9rem;
  background-color: #f0f0f0;
  -webkit-box-shadow: inset 0 0 0.5rem rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 0.5rem rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0.5rem rgba(0, 0, 0, 0.1);
}
.brewitem-thumbnail {
  float: left;
  width: 6rem;
  height: 6rem;
  margin-right: 8px;
}
.brewitem-title {
  margin: 0;
  font-size: 1.2rem;
  min-height: 36px;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-width: 160px;
  max-height: 3rem;
}
.brewitem-title a {
  color: #465f87;
  text-decoration: none;
}
.brewitem-title a:hover {
  text-decoration: underline;
}
.brewitem-roaster,
.size-brewitem-roaster {
  margin: 0;
  width: 13.5rem;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
}
.brewitem-roaster a,
.size-brewitem-roaster a {
  color: #465f87;
  text-decoration: none;
}
.brewitem-roaster a:hover,
.size-brewitem-roaster a:hover {
  text-decoration: underline;
}
.size-brewitem-roaster {
  width: 14.0rem;
  white-space: break-spaces;
  padding: 0px;
  margin-top: 0px;
}
.brewitem-details {
  margin: 0;
  font-size: 1.167rem;
  line-height: 1.5rem;
  overflow: hidden;
  white-space: nowrap;
}
.brewitem-price {
  float: left;
  margin-bottom: 0;
  padding-right: .5rem;
  color: #50784f;
}
.brewitem-size {
  color: #666;
}
.brewitem-add {
  float: left;
  margin-bottom: 0;
  padding-right: 0.6rem;
  color: #666;
  text-decoration: none;
  cursor: pointer;
}
.brewitem-add:hover {
  color: #50784f;
}
.sbq-top {
  position: relative;
}
.sbq-brewitem-skip-track {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 34px;
  bottom: -7px;
  height: 34px;
  left: 0;
  top: 9px;
  background-size: 27px;
  background-image: url(/assets/home/playlist/icon-skip-order-off-sbq-d8b7f306caec56523cb1fb524a6660ace321c8e1a3390a10e9bf70cbbda78d50.svg);
  background-repeat: no-repeat;
  background-position: center;
  transition: 200ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 200ms;
  -webkit-transition-timing-function: ease-in-out;
}
.sbq-brewitem-skip-track:active,
.sbq-brewitem-skip-track.active {
  background-image: url(/assets/home/playlist/icon-skip-order-on-sbq-9327a698f14bf4adec771d2a45a1a6d48a96ea6f537ebbef034a811ef6b86ec1.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.sbq-brewitem-skip-track.hidden {
  display: none;
}
.sbq-brewitem-skip-track:hover {
  background-color: #455f862b;
  border-radius: 6px;
}
.brewlist-default .brewitem:hover .sbq-brewitem-skip-track {
  background-image: url(/assets/home/playlist/icon-skip-order-off-5273e3c5a86a2965bbe811fbff88741ebbb2fea046c6bec8e766787cbd7ebe00.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.brewlist-default .brewitem:hover .sbq-brewitem-skip-track:active,
.brewlist-default .brewitem:hover .sbq-brewitem-skip-track.active {
  background-image: url(/assets/home/playlist/icon-skip-order-on-667d618e18e58268d415d29acc4fd53d1244bb9f181861e29ad8d4f783c5608d.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.sbq-brewlist-fast-text {
  visibility: hidden;
  width: 122px;
  background-color: #455F86;
  border-radius: 8px;
  color: #fff;
  text-align: center;
  left: -125px;
  position: absolute;
  padding: 4px;
  top: -3px;
}
.sbq-brewitem-skip-track:hover .sbq-brewlist-fast-text {
  top: 6px;
  visibility: visible;
}
.brewitem-remove-suggestion {
  float: left;
  margin-bottom: -12px;
  color: #666;
  text-decoration: none;
  cursor: pointer;
}
.sbq-brewlist-remove-text {
  visibility: hidden;
  background-color: #455F86;
  border-radius: 8px;
  color: #fff;
  text-align: center;
  position: absolute;
  padding: 4px;
  width: 151px;
  top: 96px;
  right: 43px;
}
.brewitem-remove-suggestion:hover .sbq-brewlist-remove-text {
  visibility: visible;
}
.brewitem-view,
.brewitem-remove {
  position: absolute;
  top: 60px;
  margin-bottom: 0;
  padding-right: 1rem;
  color: #666;
  text-decoration: none;
  cursor: pointer;
  z-index: 1;
}
.brewitem-remove.out-of-stock-remove {
  top: 105px !important;
}
.brewitem-remove {
  top: 80px;
}
.brewitem-remove .brewlist-remove-text {
  width: 162px;
  left: -162px;
  top: -8px;
}
.brewlist-remove-text {
  visibility: hidden;
  background-color: #455F86;
  border-radius: 8px;
  color: #fff;
  text-align: center;
  position: absolute;
  padding: 4px;
}
.brewitem-view:hover {
  color: #465f87;
}
.brewitem-remove:hover {
  color: #983352;
}
.brewitem-remove:hover .brewlist-remove-text {
  visibility: visible;
}
.brewitem-container {
  padding-bottom: 1rem;
}
.ui-tooltip {
  font-size: 1.1rem;
  line-height: 1.2rem;
  padding: 0.5rem;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
}
.brewitem-source {
  cursor: pointer;
  display: block;
  margin-bottom: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' viewBox='0 0 512.121 512.121' style='enable-background:new 0 0 512.121 512.121;' xml:space='preserve'%3E%3Cg transform='translate(-1 -1)'%3E%3Cg transform='translate(1 1)'%3E%3Cpath style='fill:%232E7D32;' d='M471.595,377.779c-1.446,2.519-2.211,5.372-2.219,8.277V503.56l-25.6-15.36l-38.059-22.784 c-5.631-3.351-12.675-3.219-18.176,0.341c-1.109,0.682-2.219,1.365-3.413,2.048c-42.443,25.814-91.712,38.161-141.312,35.413 c-2.56-0.085-5.035-0.256-7.595-0.512C105.501,491.777,6.427,382.213,8.565,252.05S113.319,15.634,243.329,8.968h0.085 c10.835-0.581,21.696-0.438,32.512,0.427c84.17,6.808,159.065,56.051,198.677,130.629S513.082,304.227,471.595,377.779z'/%3E%3Cpath style='fill:%234CAF50;' d='M445.995,377.779c-1.446,2.519-2.211,5.372-2.219,8.277V503.56l-59.648-35.755l-4.011-2.389 c-5.631-3.351-12.675-3.219-18.176,0.341c-35.799,22.583-76.845,35.491-119.125,37.461c-2.56-0.085-5.035-0.256-7.595-0.512 C105.501,491.777,6.427,382.213,8.565,252.05S113.319,15.634,243.329,8.968h0.085c2.304,0.085,4.608,0.256,6.912,0.427 c84.17,6.808,159.065,56.051,198.677,130.629S487.482,304.227,445.995,377.779z'/%3E%3Cpath style='fill:%23558B30;' d='M452.31,256.094c-0.015,108.389-87.878,196.251-196.267,196.267c-4.352,0-8.619-0.171-12.8-0.427 c-103.204-6.741-183.465-92.416-183.465-195.84S140.04,66.995,243.243,60.254c4.181-0.256,8.448-0.427,12.8-0.427 C364.432,59.842,452.295,147.705,452.31,256.094z'/%3E%3Cellipse style='fill:%238BC34A;' cx='243.243' cy='256.094' rx='183.467' ry='195.84'/%3E%3Cg%3E%3Ccircle style='fill:%23FFFFFF;' cx='256.043' cy='145.16' r='34.133'/%3E%3Cpath style='fill:%23FFFFFF;' d='M238.977,256.094v68.267c0,4.713-3.821,8.533-8.533,8.533h-17.067 c-4.713,0-8.533,3.82-8.533,8.533v34.133c0,4.713,3.82,8.533,8.533,8.533h102.4c4.713,0,8.533-3.821,8.533-8.533v-34.133 c0-4.713-3.821-8.533-8.533-8.533H298.71c-4.713,0-8.533-3.82-8.533-8.533v-102.4c0-4.713-3.821-8.533-8.533-8.533H221.91 c-4.713,0-8.533,3.821-8.533,8.533v17.067c0,4.713,3.821,8.533,8.533,8.533h8.533 C235.156,247.56,238.977,251.381,238.977,256.094z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath d='M257.043,188.827c23.564,0,42.667-19.103,42.667-42.667s-19.103-42.667-42.667-42.667s-42.667,19.103-42.667,42.667 C214.404,169.713,233.491,188.799,257.043,188.827z M257.043,120.56c14.138,0,25.6,11.462,25.6,25.6 c0,14.138-11.462,25.6-25.6,25.6c-14.139,0-25.6-11.462-25.6-25.6C231.459,132.028,242.911,120.576,257.043,120.56z'/%3E%3Cpath d='M214.377,393.627h102.4c9.421-0.011,17.056-7.645,17.067-17.067v-34.133c-0.011-9.421-7.645-17.056-17.067-17.067H299.71 v-102.4c-0.011-9.421-7.645-17.056-17.067-17.067H222.91c-9.421,0.011-17.056,7.645-17.067,17.067v17.067 c0.011,9.421,7.645,17.056,17.067,17.067l8.533-0.009v68.275h-17.067c-9.421,0.011-17.056,7.645-17.067,17.067v34.133 C197.321,385.981,204.956,393.616,214.377,393.627z M214.377,342.427h17.067c9.421-0.011,17.056-7.645,17.067-17.067v-68.267 c-0.011-9.421-7.645-17.056-17.067-17.067h-8.533V222.96h59.733v102.4c0.011,9.421,7.645,17.056,17.067,17.067h17.067v34.133 h-102.4V342.427z'/%3E%3Cpath d='M235.564,512.219c7.233,0.583,14.435,0.878,21.604,0.884c48.094,0.09,95.226-13.471,135.917-39.108 c2.777-1.823,6.342-1.936,9.229-0.292l63.675,38.175c2.636,1.581,5.918,1.622,8.593,0.108c2.675-1.515,4.328-4.351,4.328-7.425 V387.052c0.013-1.428,0.395-2.829,1.108-4.067c55.895-98.974,39.85-222.949-39.4-304.432S237.886-22.413,137.398,30.712 S-16.527,196.848,6.179,308.224S122.299,502.673,235.564,512.219L235.564,512.219z M88.006,88.202 c44.915-44.914,105.856-70.109,169.375-70.025c6.258,0,12.539,0.244,18.842,0.733c81.271,6.565,153.59,54.106,191.841,126.112 s37.158,158.545-2.899,229.562c-2.165,3.799-3.309,8.094-3.321,12.466v102.442l-50.75-30.425 c-8.391-4.982-18.876-4.798-27.087,0.475c-43.817,27.603-95.456,40.125-147.05,35.658 c-92.652-7.815-172.357-68.666-204.312-155.983S22.286,153.976,88.006,88.202z'/%3E%3Cpath d='M257.043,461.894c113.108,0,204.8-91.692,204.8-204.8s-91.692-204.8-204.8-204.8s-204.8,91.692-204.8,204.8 C52.373,370.148,143.989,461.764,257.043,461.894z M257.043,69.36c103.682,0,187.733,84.051,187.733,187.733 s-84.051,187.733-187.733,187.733S69.31,360.776,69.31,257.094C69.427,153.46,153.41,69.477,257.043,69.36z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  position: relative;
  top: -0.2rem;
  left: -0.2rem;
  width: 1.8rem;
  height: 1.65rem;
}
.brewitem-info {
  top: -0.25rem;
  position: relative;
}
.brewitem-status {
  margin-bottom: 0;
  font-size: 1.167rem;
  line-height: 1.2rem;
  font-style: italic;
  color: #465f87;
}
.suggested-brewitem-status {
  margin-bottom: 0;
  font-size: 1.167rem;
  line-height: 1.2rem;
  font-style: italic;
  color: #feffff;
}
.brewitem:first-child .brewitem-status {
  color: #50784f;
  font-weight: 600;
}
.brewitem:first-child .suggeted-brewitem-status {
  color: #50784f;
  font-weight: 600;
}
.add-to-brewlist-sprite {
  position: fixed;
  z-index: 2000;
  width: 28px;
  height: 45px;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20341.3%20539.3%22%3E%0A%20%20%3Cg%20stroke%3D%22%23000%22%20stroke-width%3D%2210%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23C6C1A8%22%20d%3D%22M66.1%206.1c-31%20.1-59.8%2014.2-59.8%2069.8V498l111.3%2035%20204.7-25.3c7.6-.9%2013.3-9.3%2013.3-16.9v-406c0-39.5-29.3-64-58.8-65.3L66.1%206.1z%22/%3E%0A%20%20%20%20%3Cpath%20fill%3D%22none%22%20d%3D%22M117.2%20531.8V75.7c0-50.3-20.5-68.3-51.4-69.6%22/%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23C6C1A8%22%20stroke-width%3D%226%22%20d%3D%22M288%20398.5l-116%2010c-13.5%201.2-25.1-9.5-25.1-23.1V275.1c0-12.5%209.9-22.7%2022.3-23.1l116-4.1c13.1-.5%2024%2010%2024%2023.1v104.5c-.1%2012-9.2%2022-21.2%2023z%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cpath%20d%3D%22M228.5%20317.7c-.9-4-1.8-13.5%207.4-23.1%207.8-8.2%2010.5-15.2%2011.4-19.2-.1.1-.1.2-.1.3.1-.2.1-.4.2-.6.1-.4.2-.8.2-1.1.3-3.3-2.8-6.1-6.5-5.2-7.8%202.1-16%209.6-20.7%2020.3-4.7%2010.6-4.5%2021.4-.4%2028%202%202.9%206.1%202.9%208.5.6z%22/%3E%0A%20%20%3Cpath%20d%3D%22M248.4%20273.9c1%203.9%202%2013.3-7.4%2023.1-7.9%208.3-10.6%2015.3-11.5%2019.3.1-.1.1-.2.1-.3-.1.2-.1.4-.2.6-.1.5-.2.9-.2%201.3-.2%203.3%202.9%205.9%206.5%204.9%207.8-2.2%2015.9-9.8%2020.5-20.4%204.6-10.5%204.4-21.1.4-27.7-1.8-2.9-5.8-3-8.2-.8zm-27.7%2068.6c-4.4%202.4-15.2%206.7-28.4%200-11.3-5.7-20.3-6.2-25.2-5.9.1%200%20.3%200%20.4.1h-.7c-.5%200-1%20.1-1.4.2-4%20.9-6.7%205.3-4.7%209%204.3%207.9%2015.1%2014.2%2028.6%2015.4%2013.4%201.3%2025.7-2.7%2032.4-9.5%203-3%202.2-7.5-1-9.3z%22/%3E%0A%20%20%3Cpath%20d%3D%22M165.1%20336c4.4-2.5%2015.3-6.9%2028.9%200%2011.4%205.8%2020.1%206.3%2024.8%205.9-.1%200-.3%200-.4-.1h.7c.6-.1%201.1-.1%201.6-.2%203.8-1%206.2-5.2%204.3-8.8-4.1-7.8-14.7-14.1-28-15.5-13.4-1.4-26%202.4-32.9%209.2-3%203.1-2.2%207.7%201%209.5zM236.8%20364.8c1.8-5.4%207.6-17.3%2024.5-22.6%2014.2-4.5%2022.1-11.1%2025.8-15.1-.1.1-.3.2-.4.3.2-.2.4-.3.6-.5.4-.4.7-.8%201-1.2%202.6-3.7%201.2-9-3.4-10.3-9.9-2.7-24.1.8-36.7%2010.2-12.6%209.5-20.1%2022.4-20.2%2033%200%204.7%204.6%207.5%208.8%206.2z%22/%3E%0A%20%20%3Cpath%20d%3D%22M289.4%20326.1c-1.6%205.3-7.1%2017-24.1%2022.4-14.5%204.6-22.4%2011.2-26.2%2015.3.1-.1.3-.2.4-.3-.2.2-.4.3-.6.5-.5.5-.9%201-1.2%201.4-2.5%203.8-1%209%203.6%2010.2%2010.2%202.6%2024.4-1.2%2036.8-10.8%2012.3-9.5%2019.5-22.2%2019.6-32.5%200-4.5-4.2-7.3-8.3-6.2zM202.7%20467.9c-.3%200-.6-.1-.6-.4v-1.1c0-.2.2-.5.6-.5l3-.3c.4%200%20.7-.4.7-1l.1-12.8c0-.5-.3-.7-.9-.5l-3.6%201.3c-.3.1-.5%200-.6-.2l-.4-1.4c-.1-.2.1-.4.4-.5l8-3c.5-.2.7-.1.7.4l-.1%2016.4c0%20.6.3.9.7.9l2.7-.3c.4%200%20.6.2.6.4v1.1c0%20.3-.2.4-.6.5l-10.7%201zm14.5-1.5c-.3%200-.5-.2-.5-.4v-1.4c0-.3%200-.5.4-.7%202-1.5%204.5-3.7%206-5.5%201.6-1.8%202.7-3.5%202.8-5.7.1-2.5-1.7-3.9-3.9-3.8-1.9.2-2.3%201-2.5%201.7l-.3%201.4c0%20.3-.2.4-.4.4l-1%20.1c-.3%200-.4-.1-.4-.4l.1-3.9c0-.2.2-.4.4-.5%201-.5%203.1-1%204.7-1.1%203.9-.3%207.2%201.5%207.1%205.2-.1%203-1.9%205-3.6%206.9-1.3%201.4-3.8%203.6-5.3%204.9l8.6-.9c.2%200%20.4.1.4.4l-.2%201.7c0%20.2-.2.4-.4.5l-12%201.1zm16.6-8.5c.1-4.2%203-8%207.5-8.4%204.4-.4%206.7%202.6%206.6%206.6-.2%204.1-3%207.9-7.3%208.3-4.6.4-6.9-2.5-6.8-6.5zm10.5-1c.1-3.5-1.2-5.7-3.3-5.5-2.7.2-3.6%202.8-3.7%205.6-.1%203.6%201.2%205.7%203.3%205.4%202.7-.2%203.6-2.6%203.7-5.5zm5.7%206c-.2%200-.4-.1-.4-.3v-1c0-.3.2-.6.3-.7l7.2-10.3-3.4.3c-.7.1-1%20.3-1.2%201l-.3%201c-.1.2-.2.4-.4.4l-.8.1c-.2%200-.4-.1-.4-.3l.1-3.2c0-.2.2-.5.4-.5l9.1-.8c.2%200%20.4.1.4.3v.9c0%20.3-.2.6-.3.7l-7%2010.2%204-.4c.7-.1%201-.2%201.3-.8l.4-1c.1-.2.3-.4.4-.4h.8c.2%200%20.3.1.3.4l-.4%203c0%20.2-.2.5-.4.5l-9.7.9z%22/%3E%0A%3C/svg%3E');
  background-repeat: no-repeat;
  opacity: 0;
}
.brewitem-trash-icon {
  cursor: pointer;
  display: block;
  position: relative;
  right: -1px;
  width: 34px;
  height: 34px;
  top: 0px;
}
.brewitem-trash-icon:hover {
  background-color: #ff000014;
  border-radius: 7px;
}
.brew-list-drop-box {
  margin: 0 10px !important;
  min-height: 8rem !important;
  border: 1px dashed;
  position: relative;
  top: -12px;
  min-height: 82px;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media screen and (max-width: 528px) {
  .brewlist-message-empty h3,
  .brewlist-how-it-works h3,
  .brewlist-message-default-content h3 {
    margin-top: 0;
  }
  .brewlist-how-it-works h4 {
    font-weight: 600;
    font-size: 15px;
    margin: 0;
    cursor: pointer;
    border-bottom: 2px solid white;
    padding: 5px 0 5px 0;
    display: inline-block;
  }
  .brewitem {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%206%2016%22%3E%0A%20%20%3Cpath%20opacity%3D%22.4%22%20d%3D%22M1.5%203h-1C.2%203%200%202.8%200%202.5v-1c0-.3.2-.5.5-.5h1c.3%200%20.5.2.5.5v1c0%20.3-.2.5-.5.5zM1.5%207h-1C.2%207%200%206.8%200%206.5v-1c0-.3.2-.5.5-.5h1c.3%200%20.5.2.5.5v1c0%20.3-.2.5-.5.5zM1.5%2011h-1c-.3%200-.5-.2-.5-.5v-1c0-.3.2-.5.5-.5h1c.3%200%20.5.2.5.5v1c0%20.3-.2.5-.5.5zM1.5%2015h-1c-.3%200-.5-.2-.5-.5v-1c0-.3.2-.5.5-.5h1c.3%200%20.5.2.5.5v1c0%20.3-.2.5-.5.5zM5.5%203h-1c-.3%200-.5-.2-.5-.5v-1c0-.3.2-.5.5-.5h1c.3%200%20.5.2.5.5v1c0%20.3-.2.5-.5.5zM5.5%207h-1c-.3%200-.5-.2-.5-.5v-1c0-.3.2-.5.5-.5h1c.3%200%20.5.2.5.5v1c0%20.3-.2.5-.5.5zM5.5%2011h-1c-.3%200-.5-.2-.5-.5v-1c0-.3.2-.5.5-.5h1c.3%200%20.5.2.5.5v1c0%20.3-.2.5-.5.5zM5.5%2015h-1c-.3%200-.5-.2-.5-.5v-1c0-.3.2-.5.5-.5h1c.3%200%20.5.2.5.5v1c0%20.3-.2.5-.5.5z%22/%3E%0A%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 0.5rem;
    background-position: 0.55rem 1.1rem;
  }
}
/* Customize the label (the container) */
.radio-container {
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio-container label {
  margin-left: 20px;
}
/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
  border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {
  background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark {
  background-color: #50784f;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
  top: 4px;
  left: 4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: white;
}
.c-admin-dashboard .nav-dashboard,
.c-sell-dashboard .nav-dashboard,
.c-admin-orders .nav-orders,
.c-sell-orders .nav-orders,
.c-sell-order_batches .nav-orders,
.c-sell-statements .nav-statements,
.c-sell-badge .nav-badge,
.c-admin-sellers .nav-sellers,
.c-admin-products .nav-products,
.c-sell-products .nav-products,
.c-admin-users .nav-users,
.c-sell-profile.a-edit .nav-profile,
.a-stripe .nav-merchant,
.a-edit_stripe .nav-merchant,
.a-new_stripe .nav-merchant,
.c-profile.a-show .nav-account-overview,
.c-profile.a-edit .nav-account-profile,
.c-profile.a-billing .nav-account-billing,
.c-profile.a-orders .nav-account-orders,
.c-profile.a-referrals .nav-account-referrals,
.c-profile.a-brew_log .nav-account-brew-log,
.c-admin-brewlist_runs .nav-brewlist-runs,
.c-admin-referrals .nav-referrals {
  font-weight: 600;
  background-color: #c6dfdb;
}
.badges {
  padding-top: 2rem;
  padding-bottom: 0;
}
.badges textarea {
  width: 100%;
  height: 5rem;
  font-size: 1.083rem;
  line-height: 1.25rem;
  color: #666;
}
.badges h2 {
  text-align: left;
}
.badges .badge-image {
  height: 4rem;
  margin-bottom: 2rem;
  vertical-align: middle;
  line-height: 4rem;
}
.badges .badge-panel {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.badges .badge-description {
  margin-bottom: 3rem;
}
.badge-panel-black {
  background-color: #222;
  margin: -2rem -4rem;
  padding: 2rem 4rem;
}
.badge-panel-black h2,
.badge-panel-black h3,
.badge-panel-black h4,
.badge-panel-black p {
  color: white;
}
.badge-panel-black textarea {
  background-color: #465f87;
  color: #999;
}
.our-story-header .our-story-title {
  display: block;
  margin-top: 12rem;
  margin-bottom: 12rem;
  font-size: 6rem;
  line-height: 8rem;
  text-shadow: 0 1px 0.5rem #465f87;
}
.our-story-background {
  background-color: white;
}
@media screen and (max-width: 648px) {
  .our-story-header .our-story-title {
    margin-top: 12.25rem;
    margin-bottom: 12.25rem;
    font-size: 5rem;
    line-height: 6rem;
    padding: 0.5rem 0;
  }
}
@media screen and (max-width: 528px) {
  .our-story-header .our-story-title {
    margin-top: 12.5rem;
    margin-bottom: 12.5rem;
    font-size: 4rem;
    line-height: 5rem;
    padding: 1rem 0;
  }
}
@media screen and (max-width: 336px) {
  .our-story-header .our-story-title {
    margin-top: 9rem;
    margin-bottom: 9rem;
    font-size: 5.5rem;
    line-height: 6rem;
    padding: 0.5rem 0 1rem 0;
  }
}
.our-story-content blockquote {
  margin-bottom: 2rem;
}
.our-story-content blockquote strong {
  font-weight: 600;
}
.our-story-content h2 {
  margin: -0.5rem 0 2rem 0;
  text-align: center;
}
@media screen and (max-width: 528px) {
  .our-story-content h2 {
    margin-top: -1.5rem;
  }
}
.our-story-content p,
.our-story-content li {
  margin-bottom: 2rem;
  font-size: 1.584rem;
  line-height: 2.25rem;
}
.our-story-hr {
  clear: both;
  display: block;
  width: 6rem;
  border-top: 2px solid #c6dfdb;
  margin: 3.5rem auto 4rem auto;
}
h2.our-story-bio-heading {
  margin-bottom: 4rem;
}
.our-story-bio-images {
  overflow: hidden;
  margin: 0 -2rem;
}
.our-story-bio-images a {
  color: #465f87;
  text-decoration: none;
  cursor: pointer;
}
.our-story-bio-images-3 {
  padding-left: 12.5%;
  padding-right: 12.5%;
}
.our-story-bio,
.our-story-bio-3,
.our-story-bio-4 {
  box-sizing: border-box;
  float: left;
  padding: 0 2rem;
  margin-bottom: 2rem;
}
.our-story-bio img,
.our-story-bio-3 img,
.our-story-bio-4 img {
  width: 100%;
}
.our-story-bio h3,
.our-story-bio-3 h3,
.our-story-bio-4 h3 {
  margin-top: 1rem;
  margin-bottom: 0rem;
  font-size: 1.5rem;
  line-height: 2rem;
}
.our-story-bio p,
.our-story-bio-3 p,
.our-story-bio-4 p {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}
.our-story-bio {
  width: 50%;
}
.our-story-bio-3 {
  width: 33.3%;
}
.our-story-bio-4 {
  box-sizing: border-box;
  float: left;
  width: 25%;
  padding: 0 2rem;
}
.our-story-bio-4 img {
  width: 100%;
}
.our-story-bio-4 h3 {
  margin-top: 1rem;
  margin-bottom: 0rem;
  font-size: 1.5rem;
  line-height: 2rem;
}
.our-story-bio-4 p {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}
@media screen and (max-width: 648px) {
  h3.our-story-bio-heading {
    margin-bottom: 3rem;
  }
  .our-story-bio-images,
  .our-story-bio-images-3 {
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 0;
  }
  .our-story-bio,
  .our-story-bio-3,
  .our-story-bio-4 {
    padding: 0 1rem;
    width: 50%;
  }
}
@media screen and (max-width: 528px) {
  .our-story-bio h3,
  .our-story-bio-3 h3,
  .our-story-bio-4 h3 {
    margin-top: 0.5rem;
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
  .our-story-bio .bio,
  .our-story-bio-3 .bio,
  .our-story-bio-4 .bio {
    font-size: 1.34rem;
    line-height: 1.5rem;
    font-style: italic;
    padding-top: 0.33rem;
  }
  .our-story-bio-images-advisors .our-story-josh-brewer {
    display: none;
  }
}
.our-story-press-kit {
  margin-top: 1.5rem;
  text-align: center;
}
@media screen and (max-width: 528px) {
  .contact-overview .overview-image {
    height: 30rem;
    margin: 0 -2rem;
  }
}
.contact-overview .detail-list dd {
  font-weight: 300;
}
.press-releases {
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}
.press-releases-heading {
  padding: 0 0 1rem 0;
  border-bottom: 1px solid #e5d1ec;
  margin: 0 0 3rem 0;
}
.press-release-list {
  list-style: none outside none;
  padding: 0;
  margin: 4rem -2rem -2rem -2rem;
  *zoom: 1;
  zoom: 1;
}
.press-release-list:before,
.press-release-list:after {
  content: "";
  display: table;
}
.press-release-list:after {
  clear: both;
}
.press-release-item {
  box-sizing: border-box;
  float: left;
  width: 33.33%;
  padding: 0 2rem;
  margin-bottom: 4rem;
}
.press-release-item:nth-child(3n+1) {
  clear: both;
}
.press-release-image {
  padding: 56.25% 0 0 0;
  margin: 0;
  background-color: #50784f;
  background-size: cover;
}
.press-release-date {
  margin: 1rem 0 0.34rem 0;
  font-size: 1.167rem;
  line-height: 1.5rem;
  color: #666;
}
.press-release-heading {
  margin: 0;
  font-size: 1.75rem;
  line-height: 2.25rem;
}
.press-release-heading a {
  text-decoration: none;
}
.press-release-heading a:hover {
  text-decoration: underline;
}
.press-release-description {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 648px) {
  .press-releases {
    margin: 0;
  }
  .press-release-item {
    width: 50%;
  }
  .press-release-item:nth-child(3n+1) {
    clear: none;
  }
  .press-release-item:nth-child(2n+1) {
    clear: both;
  }
}
@media screen and (max-width: 528px) {
  .press-release-list {
    margin: 3rem -1rem -1rem -1rem;
  }
  .press-release-item {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .press-release-heading {
    font-size: 1.75rem;
    line-height: 2rem;
  }
  .press-release-description {
    display: none;
  }
}
.in-the-news {
  text-align: center;
  background-color: white;
}
.news-list {
  list-style: none outside none;
  padding: 1rem 0 0 0;
  margin: 0;
}
.news-item {
  padding: 1.5rem 0;
  margin: 0;
}
.news-source {
  display: inline-block;
  font-size: 1.0834rem;
  line-height: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.news-date {
  display: inline-block;
  padding-left: 0.25rem;
  font-size: 1.167rem;
  line-height: 1.5rem;
  color: #666;
}
.news-date:before {
  content: " • ";
  padding-right: 0.25rem;
}
.news-heading {
  padding: 0;
  margin: 0.5rem 0 0 0;
  line-height: 2.5rem;
}
.news-heading a {
  text-decoration: none;
}
.news-heading a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 648px) {
  .in-the-news {
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .thankyou-page-header .three-lines {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }
}
.pricing-table {
  padding-right: 13rem;
}
.skinny .pricing-table {
  padding-left: 6rem;
  padding-right: 6rem;
}
@media screen and (max-width: 648px) {
  .skinny .pricing-table {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 804px) {
  .pricing-table {
    padding-right: 0;
  }
}
.pricing-table table {
  width: 100%;
  line-height: 1.5rem;
}
.pricing-table td {
  padding-top: 0;
  padding-bottom: 0.75rem;
}
.pricing-table td.label {
  padding-right: 2rem;
}
.pricing-table td.value {
  text-align: right;
}
.pricing-table .total-row td {
  border-top: 1px solid #465f87;
  padding-top: 0.75rem;
  padding-bottom: 0;
}
.pricing-table-receipt {
  max-width: 22rem;
  border: 1px solid #c6dfdb;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
  padding: 2rem;
  margin: 0 auto;
}
@media screen and (max-width: 528px) {
  .pricing-table-receipt {
    border: none;
    max-height: 100%;
    padding: 1rem 1.75rem;
  }
}
.receipt-header {
  text-align: center;
  margin: 1.5rem 0;
}
.receipt-description {
  max-width: 52rem;
  margin: 1.5rem auto;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.75rem;
  line-height: 2.5rem;
  font-weight: 300;
  text-align: center;
}
@media screen and (max-width: 528px) {
  .receipt-description {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.c-profile-activate .pr-logos-heading,
.c-profile-activate .pr-hr {
  display: none;
}
@media screen and (max-width: 528px) {
  .c-profile-activate input[type=submit] {
    width: 100%;
  }
}
.c-profile-activate .referral-share {
  background-color: white;
}
.c-profile-activate .referral-share .referral-url {
  background-color: #ffffff;
}
.c-profile-activate.a-shipping .home-how-usps {
  margin-top: 2rem;
  text-align: left;
}
@media screen and (max-width: 648px) {
  .c-profile-activate.a-shipping .home-how-usps {
    width: 12rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
    margin-bottom: -2rem;
  }
}
.c-profile-activate.a-shipping .home-how-usp {
  margin-left: 0;
  text-align: left;
  font-size: 1.34rem;
  font-weight: 300;
}
.billing-address-fields {
  display: none;
}
.form-group-cc-choose input:checked + label {
  font-weight: 600;
}
.form-group-cc-icons {
  margin-bottom: -0.5rem;
}
.form-group-cc-icons img {
  margin-bottom: 0.5rem;
}
.credit-card-fields {
  margin-top: 0.5rem;
}
#user-profile-form .form-group-cc-choose,
#user-profile-form .profile-billing-address-checkbox {
  padding-top: 0;
}
#user-profile-form .form-group-cc-choose label,
#user-profile-form .profile-billing-address-checkbox label {
  line-height: 2rem!important;
}
.check {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' fill='green' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 490.05 490.05' style='enable-background:new 0 0 490.05 490.05;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M418.275,418.275c95.7-95.7,95.7-250.8,0-346.5s-250.8-95.7-346.5,0s-95.7,250.8,0,346.5S322.675,513.975,418.275,418.275 z M157.175,207.575l55.1,55.1l120.7-120.6l42.7,42.7l-120.6,120.6l-42.8,42.7l-42.7-42.7l-55.1-55.1L157.175,207.575z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.form-group-card-number {
  position: relative;
}
.billing-cc-icons {
  position: absolute;
  top: 1.167rem;
  right: 1.5rem;
  -webkit-transition: opacity, 0.2s;
  -moz-transition: opacity, 0.2s;
  transition: opacity, 0.2s;
}
.skinny .billing-cc-icons {
  top: 3.67rem;
}
@media screen and (max-width: 768px) {
  .billing-cc-icons {
    display: none;
  }
}
@media screen and (max-width: 648px) {
  .billing-cc-icons {
    display: block;
    top: 3.67rem;
  }
}
@media screen and (max-width: 432px) {
  .billing-cc-icons {
    display: none;
  }
}
.card-visa img,
.card-mastercard img,
.card-discover img,
.card-american-express img {
  opacity: 0.33;
}
.card-visa .cc-icon-visa {
  opacity: 1;
}
.card-mastercard .cc-icon-mastercard {
  opacity: 1;
}
.card-discover .cc-icon-discover {
  opacity: 1;
}
.card-american-express .cc-icon-amex {
  opacity: 1;
}
.hero-image-wrapper-brew-log {
  background-image: url(/assets/home/hero-images/brew-log-lg-f6f3d866904814c404e80753dcfe375b05e46037550d4b47825f922de7253ef0.jpg);
  margin-bottom: 2rem;
}
.hero-image-wrapper-brew-log .hero-image-content,
.hero-image-wrapper-brew-log .hero-image-heading,
.hero-image-wrapper-brew-log .hero-image-brew-log {
  color: white;
}
@media screen and (max-width: 428px) {
  .hero-image-wrapper-brew-log {
    background-image: url(/assets/home/hero-images/brew-log-sm-21e98f94e1561fde7f2aed1813d1cdb33291494428f4bf5e5d149398c52367b3.jpg);
  }
}
.brewlog-about-container h3 {
  text-align: center;
}
.brewlog-about-container p.brewlog-about-description {
  text-align: justify;
}
.brewlog-about-container .share-buttons {
  margin: 3rem 0;
}
.brewlog-about-container .referral-explanation {
  margin-top: 1rem;
  margin-bottom: 0rem;
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-align: center;
}
.brewlog-about-container .referral-explanation a {
  color: #465f87;
  text-decoration: none;
}
.brewlog-about-container .referral-explanation a:hover {
  text-decoration: underline;
}
.brew-log-locked-hero {
  padding-bottom: 10rem;
  background-color: #d4ad6a;
  height: auto;
}
.brew-log-locked-hero .home-hero-text {
  text-shadow: none;
}
.brew-log-progress-bar-container {
  max-width: 30rem;
  height: 1rem;
  margin: 5rem auto 0 auto;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #ca9946;
}
.brew-log-progress-bar {
  width: 1rem;
  height: 1rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: white;
}
.order-1 .brew-log-progress-bar {
  width: 33.34%;
}
.order-2 .brew-log-progress-bar {
  width: 66.67%;
}
.order-3 .brew-log-progress-bar {
  width: 100%;
}
.brew-log-progress-bar-labels {
  position: relative;
  width: 100%;
  max-width: 30rem;
  height: 6rem;
  margin: 0.25rem auto 1rem auto;
}
.brew-log-progress-bar-labels .brew-log-progress-bar-icon-left {
  position: absolute;
  left: -5rem;
  top: -7.25rem;
  width: 3rem;
  fill: rgba(255, 255, 255, 0.8);
}
.brew-log-progress-bar-labels .brew-log-progress-bar-icon-right {
  position: absolute;
  right: -5rem;
  top: -7.25rem;
  width: 3rem;
  fill: rgba(255, 255, 255, 0.8);
}
.brew-log-progress-bar-labels .label-0,
.brew-log-progress-bar-labels .label-1,
.brew-log-progress-bar-labels .label-2,
.brew-log-progress-bar-labels .label-3 {
  position: absolute;
  top: 0;
  width: 10rem;
  margin-left: -5rem;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.brew-log-progress-bar-labels .label-0:before,
.brew-log-progress-bar-labels .label-1:before,
.brew-log-progress-bar-labels .label-2:before,
.brew-log-progress-bar-labels .label-3:before {
  display: block;
  width: 1px;
  height: 1.5rem;
  border-left: 1px solid #ca9946;
  margin: 1.25rem auto;
  content: " ";
  line-height: 1rem;
}
.brew-log-progress-bar-labels .label-1 {
  left: 33.4%;
}
.brew-log-progress-bar-labels .label-2 {
  left: 66.67%;
}
.brew-log-progress-bar-labels .label-3 {
  left: 100%;
}
.brew-log-preview-container {
  background-color: white;
}
.brew-log-preview {
  display: block;
  position: relative;
  width: 100%;
  max-width: 900px;
  -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.33);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.33);
  margin: -10rem auto 2rem auto;
}
@media screen and (max-width: 648px) {
  .home-hero-subheading {
    font-weight: 300;
  }
  .brew-log-progress-bar-labels .brew-log-progress-bar-icon-left,
  .brew-log-progress-bar-labels .brew-log-progress-bar-icon-right {
    display: none;
  }
  .brew-log-progress-bar-labels .label-0:before,
  .brew-log-progress-bar-labels .label-1:before,
  .brew-log-progress-bar-labels .label-2:before,
  .brew-log-progress-bar-labels .label-3:before {
    height: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .brew-log-progress-bar-labels .label-0 {
    text-align: left;
    margin-left: 0;
  }
  .brew-log-progress-bar-labels .label-0:before {
    margin-left: 0;
  }
  .brew-log-progress-bar-labels .label-3 {
    left: auto;
    right: 0;
    margin-right: 0;
    text-align: right;
  }
  .brew-log-progress-bar-labels .label-3:before {
    margin-right: 0;
  }
}
@media screen and (max-width: 528px) {
  .brew-log-progress-bar-container {
    margin-top: 4rem;
  }
  .brew-log-progress-bar-labels {
    margin-bottom: 0;
  }
}
.c-profile.a-brew_log .admin-breadcrumbs {
  display: none;
}
.coffee-profile-description-container {
  background-color: #655091;
}
.coffee-profile-description {
  font-size: 2.34rem;
  line-height: 5rem;
  color: white;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-weight: 300;
  margin: 0.75rem 0 1rem 0;
}
.coffee-profile-description strong {
  font-weight: 400;
  font-style: italic;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.visualization {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: white;
  border-bottom: 1px solid #c6dfdb;
  *zoom: 1;
  zoom: 1;
}
.visualization:before,
.visualization:after {
  content: "";
  display: table;
}
.visualization:after {
  clear: both;
}
.visualization .visualization-heading {
  position: relative;
  z-index: 2;
  margin-top: 0;
  margin-bottom: 1.5rem;
  text-align: left;
}
.visualization h4.visualization-heading {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.visualization .chart {
  margin-bottom: 1.5rem;
}
.visualization-2 {
  box-sizing: border-box;
  width: 50%;
  float: left;
}
.visualization-2:last-child {
  border-left: 1px solid #c6dfdb;
  margin-left: -1px;
}
.visualization-3 {
  box-sizing: border-box;
  width: 33.33%;
  border-right: 1px solid #c6dfdb;
  float: left;
}
.visualization-3:last-child {
  border-right: 0;
}
.visualization-4 {
  box-sizing: border-box;
  width: 25%;
  border-right: 1px solid #c6dfdb;
  float: left;
}
.visualization-4:last-child {
  border-right: 0;
}
.visualization-group {
  overflow: hidden;
}
.visualization-list {
  list-style: none outside none;
  min-height: 13.5rem;
  padding: 0;
  margin: 0 0 0.5rem 0;
}
.visualization-list li {
  display: block;
  position: relative;
  padding: 0.5rem 0;
  margin: 0.25rem 0;
  font-family: "canada-type-gibson", "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-weight: 300;
}
.visualization-list span.text {
  display: block;
  position: relative;
  z-index: 1;
}
.visualization-list span.bar {
  display: block;
  position: absolute;
  top: 0;
  left: -0.75rem;
  bottom: 0;
  padding-left: 0.75rem;
  z-index: 0;
  background-color: #f5f5f5;
  -webkit-border-radius: 0 0.34rem 0.34rem 0;
  -moz-border-radius: 0 0.34rem 0.34rem 0;
  border-radius: 0 0.34rem 0.34rem 0;
}
#country_chart {
  margin-top: -16rem;
  margin-bottom: -0.25rem;
  height: 46rem;
  overflow-x: auto;
  overflow-y: hidden;
}
#country_chart div {
  margin-left: auto;
  margin-right: auto;
}
#word-tree {
  overflow-x: auto;
  overflow-y: hidden;
  height: 44rem;
  margin: -1.75rem auto -0.75rem auto;
}
#word-tree div {
  margin-left: auto;
  margin-right: auto;
}
#roast_chart {
  width: 100%;
  height: 28rem;
}
#process_chart {
  width: 100%;
  height: 28rem;
}
@media screen and (max-width: 1200px) {
  .visualization-4 {
    width: 50%;
  }
  .visualization-4:nth-child(even) {
    border-right: none;
  }
}
@media screen and (max-width: 648px) {
  .visualization-2,
  .visualization-3 {
    float: none;
    width: 100%;
    border-left: none;
    border-right: none;
    margin-left: 0;
    margin-right: 0;
  }
  .visualization-list {
    min-height: 0;
  }
  #word-tree {
    height: 32rem;
  }
}
@media screen and (max-width: 528px) {
  .visualization-4 {
    float: none;
    width: 100%;
    border-left: none;
    border-right: none;
    margin-left: 0;
    margin-right: 0;
  }
  .coffee-profile-description {
    font-size: 2rem;
    line-height: 3.5rem;
  }
  #country_chart,
  #word-tree {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}
@media screen and (max-width: 1272px) {
  .visualization .coffees-result-list .result:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 996px) {
  .c-profile.a-rate .like-button,
  .c-profile.a-rate .dislike-button {
    width: 100%;
    float: none;
    text-align: center;
  }
  .c-profile.a-rate .like-button .hide-small,
  .c-profile.a-rate .dislike-button .hide-small {
    padding-right: 1.5rem;
  }
}
@media screen and (max-width: 528px) {
  .c-profile.a-rate .like-button,
  .c-profile.a-rate .dislike-button {
    float: left;
    width: 50%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
  }
  .result:hover .c-profile.a-rate .like-button,
  .result:hover .c-profile.a-rate .dislike-button,
  .order:hover .c-profile.a-rate .like-button,
  .order:hover .c-profile.a-rate .dislike-button {
    border-color: #c6dfdb;
  }
  .c-profile.a-rate .like-button svg,
  .c-profile.a-rate .dislike-button svg {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .c-profile.a-rate .like-button {
    -webkit-border-radius: 0.5rem 0 0 0.5rem;
    -moz-border-radius: 0.5rem 0 0 0.5rem;
    border-radius: 0.5rem 0 0 0.5rem;
  }
  .c-profile.a-rate .like-button:active,
  .c-profile.a-rate .like-button.active {
    border-right: none;
  }
  .result:hover .c-profile.a-rate .like-button,
  .order:hover .c-profile.a-rate .like-button {
    border-right-color: #c6dfdb;
  }
  .c-profile.a-rate .dislike-button {
    -webkit-border-radius: 0 0.5rem 0.5rem 0;
    -moz-border-radius: 0 0.5rem 0.5rem 0;
    border-radius: 0 0.5rem 0.5rem 0;
    border-left: none;
  }
}
@media screen and (max-width: 324px) {
  .c-profile.a-rate .result-title {
    margin-top: 0.25rem;
  }
  .c-profile.a-rate .like-button,
  .c-profile.a-rate .dislike-button {
    margin-top: 0.75rem;
  }
}
.referral-banner {
  position: relative;
  padding: 2rem 0 2rem 2rem;
  margin-bottom: 2.5rem;
  border-top: 0.25rem solid #433560;
  background-color: #655091;
}
.referral-banner h3 {
  margin-top: 0;
  margin-bottom: 0.75rem;
  line-height: 2.5rem;
}
.referral-banner p {
  margin-bottom: 1.75rem;
}
.referral-banner .button {
  display: inline-block;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #433560;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.referral-banner .button:hover {
  background-color: #534177;
  text-decoration: none;
}
.referral-banner .button:active {
  background-color: #2c233f;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.referral-banner .button:disabled,
.referral-banner .button.disabled {
  opacity: 0.5;
}
.referral-banner .button:disabled:hover,
.referral-banner .button.disabled:hover,
.referral-banner .button:disabled:active,
.referral-banner .button.disabled:active {
  background-color: #433560;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.referral-banner-image {
  background-image: url(/profile-images/image-friends-banner.jpg);
  background-size: auto 100%;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 33.3%;
  padding-right: 1rem;
}
@media screen and (max-width: 960px) {
  .referral-banner-image {
    display: none;
  }
}
.referral-hero {
  height: 26rem;
  background-color: #465f87;
  background-image: url(/profile-images/image-friends-large.jpg);
}
.referral-hero .hero-heading {
  margin-top: 3rem;
}
.referral-hero .hero-subheading {
  margin-bottom: 4.5rem;
}
.referral-share {
  background-color: #ffffff;
}
.usps-liner {
  overflow: hidden;
}
.c-profile.a-referrals .referral-share-heading {
  display: none;
}
.referral-section-social {
  text-align: right;
}
.referral-url {
  float: right;
  width: auto;
  padding: 0 1rem;
  margin-bottom: 1rem;
  line-height: 3rem;
  background-color: #c6dfdb;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.referral-url input#referral-url-text {
  background: transparent;
  border: 0px;
  color: inherit;
  width: auto;
  min-width: 340px !important;
}
.referral-url button#copy-button {
  margin-bottom: 0px;
  margin-right: -10px;
  border: none;
}
@media screen and (max-width: 648px) {
  .referral-url {
    float: none;
  }
}
.referral-section-email {
  text-align: left;
}
.referral-section-email .form-group.focus {
  background-color: transparent;
}
.referral-email-form {
  padding-top: 0;
}
#referral-emails {
  float: left;
  box-sizing: border-box;
  width: 100%;
  max-width: 30rem;
  height: 3rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid #ccc;
  margin-bottom: 1rem;
  -webkit-border-radius: 0.334rem;
  -moz-border-radius: 0.334rem;
  border-radius: 0.334rem;
  font-size: 1.33rem;
  -webkit-transition: box-shadow, 0.25s;
  -moz-transition: box-shadow, 0.25s;
  transition: box-shadow, 0.25s;
}
#referral-emails:hover {
  border-color: #999999;
}
#referral-emails:focus {
  outline: none;
  -webkit-box-shadow: 0 0 4px rgba(80, 120, 79, 0.5);
  -moz-box-shadow: 0 0 4px rgba(80, 120, 79, 0.5);
  box-shadow: 0 0 4px rgba(80, 120, 79, 0.5);
  border-color: #50784f;
}
#referral-emails::-moz-placeholder,
#referral-emails:-ms-input-placeholder {
  color: #999;
}
.referral-explanation {
  display: block;
  padding-top: 0.667rem;
  margin-bottom: 3rem;
  font-size: 1.167rem;
  line-height: 1.75rem;
  color: #666;
  text-align: center;
}
.referral-explanation-terms {
  display: block;
  padding-top: 0.667rem;
  margin-bottom: 3rem;
  font-size: 1.167rem;
  line-height: 1.75rem;
  color: #666;
  text-align: center;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.font-size-md {
  font-size: 1.5rem;
}
.referral-history {
  background-color: white;
}
.referral-history-text {
  text-align: center;
}
.referral-history-text p {
  color: #666;
  line-height: 2rem;
}
.referral-history-heading {
  margin-bottom: 0.5rem;
}
.referred-user-table {
  max-width: 100rem;
  margin: 3rem auto 3rem auto;
}
.highlighted {
  background-color: #3EA99F !important;
  color: #fff !important;
}
.hide-column-border-left {
  background: #ffffff;
  border-left-style: hidden !important;
  border-bottom-style: hidden !important;
  border-top-style: hidden !important;
}
.hide-column-border-right-th {
  background: #FFFFFF !important;
  border-left: 1px solid #bfbfbf !important;
  border-right-style: hidden !important;
  border-bottom-style: hidden !important;
  border-top-style: hidden !important;
}
.hide-column-border-right {
  background: transparent !important;
  border-left: 1px solid #bfbfbf !important;
  border-right-style: hidden !important;
  border-bottom-style: hidden !important;
  border-top-style: hidden !important;
}
.nudge-button {
  cursor: not-allowed;
}
.referral-details {
  max-width: 850px;
  margin: 0 auto 30px;
  background: #f5f5f5;
  padding: 20px 30px;
  box-sizing: border-box;
  border-radius: 20px;
}
.referral-details p {
  text-align: center;
  margin: 0 0 10px 0;
}
.referral-details h6 {
  font-size: 16px;
  text-align: center;
  margin: 0;
  padding: 0 0 10px 0;
}
@media screen and (max-width: 768px) {
  .referral-hero {
    height: auto;
  }
  .referral-section-social {
    text-align: left;
  }
  .referral-url {
    float: none;
  }
  #referral-emails {
    float: none;
    max-width: none;
  }
  .referral-explanation {
    text-align: left;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 0 1.5rem;
  }
}
.address-verification-messages {
  display: block;
  transform: translateY(-20rem);
  -webkit-transform: translateY(-20rem);
  max-height: 0rem;
  opacity: 0;
  -webkit-transition: 0.34s;
  -moz-transition: 0.34s;
  transition: 0.34s;
}
.address-verification-messages.show {
  max-height: 20rem;
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}
.address-verification-accept {
  margin-right: 0.75rem;
  cursor: pointer;
}
.address-verification-decline {
  cursor: pointer;
}
.address-verification-decline:hover {
  text-decoration: underline;
}
@media screen and (max-width: 528px) {
  .address-verification-decline {
    display: block;
    margin-top: 1rem;
  }
}
#add-second-line {
  cursor: pointer;
}
#add-second-line:hover {
  text-decoration: underline;
}
@media screen and (max-width: 648px) {
  .page-header-medium .thankyou-page-header-title {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
}
@media only screen and (max-width: 984px) {
  .thankyou-page-header-title .hide-ml {
    display: none;
  }
}
@media only screen and (max-width: 1080px) {
  .thankyou-welcome .hero-subheading,
  .thankyou-firstup .hero-subheading {
    font-size: 1.67rem;
  }
}
@media screen and (max-width: 924px) {
  .thankyou-welcome,
  .thankyou-firstup {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media screen and (max-width: 648px) {
  .thankyou-welcome,
  .thankyou-firstup {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .thankyou-welcome .hero-subheading,
  .thankyou-firstup .hero-subheading {
    line-height: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.c-profile-activate.a-thanks .referral-share,
.c-profile.a-thanks .referral-share {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media screen and (max-width: 648px) {
  .c-profile-activate.a-thanks .referral-share,
  .c-profile.a-thanks .referral-share {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 648px) {
  .c-profile-activate.a-thanks .referral-share .referral-share-heading,
  .c-profile.a-thanks .referral-share .referral-share-heading {
    margin-bottom: 1.25rem;
  }
  .c-profile-activate.a-thanks .referral-share .usp,
  .c-profile.a-thanks .referral-share .usp,
  .c-profile-activate.a-thanks .referral-share .referral-explanation,
  .c-profile.a-thanks .referral-share .referral-explanation {
    padding: 1.5rem 0 0 0;
  }
}
@media screen and (max-width: 528px) {
  .c-profile-activate.a-thanks .referral-share h3,
  .c-profile.a-thanks .referral-share h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.c-profile.a-activate .alert-notice {
  display: none;
}
.instant-payment-container {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.PaymentRequestButton {
  position: relative;
  min-height: 32px;
  max-height: 64px;
  padding: 0;
  border-radius: 4px;
  border: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  font: 500 16px/21px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  width: 212px;
  height: 38px;
}
.PaymentRequestButton::-moz-focus-inner {
  border: 0;
}
.PaymentRequestButton--dark {
  background: #32325d;
}
.PaymentRequestButton--light,
.PaymentRequestButton--lightOutline {
  background: #ffffff;
}
.PaymentRequestButton-inner {
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.PaymentRequestButton-content {
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.PaymentRequestButton.compact .PaymentRequestButton-content {
  padding: 0 2px;
}
.PaymentRequestButton-border {
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  will-change: opacity;
}
.PaymentRequestButton--lightOutline .PaymentRequestButton-border {
  box-shadow: inset 0 0 0 0.66px rgba(125, 98, 179, 0.22);
}
.PaymentRequestButton--lightOutline.whole-pixel-border .PaymentRequestButton-border {
  box-shadow: inset 0 0 0 1px rgba(125, 98, 179, 0.15);
}
.PaymentRequestButton--dark:focus .PaymentRequestButton-border {
  opacity: .75;
  box-shadow: inset 0 0 0 2.5px #986fff !important;
}
.PaymentRequestButton--light:focus .PaymentRequestButton-border {
  opacity: .6;
  box-shadow: inset 0 0 0 2.5px #ac74ff !important;
}
.PaymentRequestButton--lightOutline:focus .PaymentRequestButton-border {
  opacity: .6;
  box-shadow: inset 0 0 0 0.66px rgba(125, 98, 179, 0.6), inset 0 0 0 2.5px #ac74ff !important;
}
.PaymentRequestButton-shines {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  will-change: opacity;
}
.PaymentRequestButton-shine {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 250%;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  will-change: transform,opacity;
  transition: opacity 0.8s;
}
.PaymentRequestButton--dark .PaymentRequestButton-shine {
  background: linear-gradient(110deg, rgba(121, 78, 151, 0) 10%, rgba(121, 78, 151, 0.91) 45%, #794e97 50%, rgba(121, 78, 151, 0.91) 55%, rgba(121, 78, 151, 0) 90%);
}
.PaymentRequestButton--light .PaymentRequestButton-shine,
.PaymentRequestButton--lightOutline .PaymentRequestButton-shine {
  background: linear-gradient(110deg, rgba(225, 218, 245, 0) 10%, rgba(225, 218, 245, 0.91) 45%, #e1daf5 50%, rgba(225, 218, 245, 0.91) 55%, rgba(225, 218, 245, 0) 90%);
}
.PaymentRequestButton-shine--scroll {
  opacity: 0.6;
}
.PaymentRequestButton-shine--hover,
.PaymentRequestButton:hover .PaymentRequestButton-shine--scroll {
  opacity: 0;
}
.PaymentRequestButton:hover .PaymentRequestButton-shine--hover {
  transition-duration: .3s;
  opacity: 0.8;
}
.PaymentRequestButton-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
  opacity: 0;
  border-radius: 4px;
  transition: opacity .3s;
  will-change: opacity;
}
.PaymentRequestButton--dark .PaymentRequestButton-overlay {
  background: rgba(0, 0, 40, 0.3);
}
.PaymentRequestButton--light .PaymentRequestButton-overlay,
.PaymentRequestButton--lightOutline .PaymentRequestButton-overlay {
  background: rgba(151, 136, 197, 0.2);
}
.PaymentRequestButton.is-active .PaymentRequestButton-overlay,
.PaymentRequestButton:active .PaymentRequestButton-overlay {
  opacity: 1;
}
.PaymentRequestButton-label {
  position: relative;
  z-index: 10;
  transition-property: font-size, color, opacity;
  transition-duration: .25s;
  will-change: opacity;
}
.PaymentRequestButton--dark .PaymentRequestButton-label {
  color: #ffffff;
}
.PaymentRequestButton--light .PaymentRequestButton-label,
.PaymentRequestButton--lightOutline .PaymentRequestButton-label {
  color: #39325c;
}
.PaymentRequestButton.baseline-offset .PaymentRequestButton-label {
  margin-top: -2px;
}
.PaymentRequestButton.compact .PaymentRequestButton-label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.PaymentRequestButton.large .PaymentRequestButton-label {
  margin-top: -2px;
}
.PaymentRequestButton-icon {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
  margin: 0 -1px -1px 7px;
  will-change: opacity;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 201.19 200'%3e%3cdefs%3e%3cstyle%3e .cls-1 %7b fill: %23fff;%7d %3c/style%3e%3c/defs%3e%3ctitle%3ewallet-33%3c/title%3e%3cpath class='cls-1' d='M155.08,40.28H44.41A21.22,21.22,0,0,0,23.19,61.5v77a21.22,21.22,0,0,0,21.22,21.22H155.08A21.22,21.22,0,0,0,176.3,138.5v-77A21.22,21.22,0,0,0,155.08,40.28Zm12,55.86H130.51A18.48,18.48,0,0,0,117,102.06l-7.21,7.8a14.9,14.9,0,0,1-20.9,0l-9.44-9.23a15.77,15.77,0,0,0-11-4.49H31.74v-.63A10.53,10.53,0,0,1,42.27,85H156.56a10.52,10.52,0,0,1,10.53,10.53Zm0-17.44H31.74V77.56a10,10,0,0,1,10-10H157a10.1,10.1,0,0,1,10.1,10.1Zm0-17.44H31.74V60.12a10,10,0,0,1,10-10H157a10.1,10.1,0,0,1,10.1,10.1Z'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
}
.PaymentRequestButton.compact .PaymentRequestButton-icon {
  display: none;
}
.PaymentRequestButton.rtl .PaymentRequestButton-icon {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  margin-right: 7px;
  margin-left: -1px;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.PaymentRequestButton.is-disabled,
.PaymentRequestButton.is-loading {
  cursor: default;
}
.PaymentRequestButton.is-disabled .PaymentRequestButton-overlay,
.PaymentRequestButton.is-disabled .PaymentRequestButton-shine,
.PaymentRequestButton.is-loading .PaymentRequestButton-overlay,
.PaymentRequestButton.is-loading .PaymentRequestButton-shine {
  opacity: 0 !important;
}
.PaymentRequestButton.is-disabled .PaymentRequestButton-icon,
.PaymentRequestButton.is-disabled .PaymentRequestButton-label,
.PaymentRequestButton.is-loading .PaymentRequestButton-label {
  opacity: 0.3;
}
.PaymentRequestButton--dark.is-disabled .PaymentRequestButton-label,
.PaymentRequestButton--dark.is-loading .PaymentRequestButton-label {
  color: #e4b7ee;
}
.PaymentRequestButton--light.is-disabled .PaymentRequestButton-label,
.PaymentRequestButton--light.is-loading .PaymentRequestButton-label,
.PaymentRequestButton--lightOutline.is-disabled .PaymentRequestButton-label,
.PaymentRequestButton--lightOutline.is-loading .PaymentRequestButton-label {
  color: #5749a1;
}
.apple-pay-set-up-button {
  display: inline-block;
  -webkit-appearance: -apple-pay-button;
  -apple-pay-button-type: set-up;
  cursor: pointer;
  width: 212px;
  height: 38px;
}
.apple-pay-set-up-button-black {
  -apple-pay-button-style: black;
}
.apple-pay-set-up-button-white {
  -apple-pay-button-style: white;
}
.apple-pay-setup-button-white-with-line {
  -apple-pay-button-style: white-outline;
}
.payment-button {
  width: 214px;
  margin: auto;
  display: inline-block;
}
.divider {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
.divider hr {
  width: 100%;
  border: 1px solid #e7e7e7;
}
.divider .divider-text {
  background: white;
}
.divider-dark {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
.divider-dark hr {
  width: 100%;
  border: 1px solid dimgrey;
  border-width: 0.5px;
}
.divider-dark .divider-text {
  background: #DDEAE1;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
.divider-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  padding: 0 8px;
  white-space: nowrap;
}
.text {
  margin: 0;
}
.text-fontSize--14 {
  font-size: 14px;
}
.text-fontWeight--400 {
  font-weight: 400;
}
.text-color--gray400 {
  color: #909090;
}
.dashboard {
  min-height: 33rem;
  background-color: white;
  overflow: hidden;
}
.dashboard-heading {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.dashboard-heading-link {
  padding-left: .25rem;
  font-size: 1.34rem;
  line-height: 2rem;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-weight: 400;
  color: #666;
}
.dashboard-panel {
  *zoom: 1;
  zoom: 1;
}
.dashboard-panel:before,
.dashboard-panel:after {
  content: "";
  display: table;
}
.dashboard-panel:after {
  clear: both;
}
.d-block {
  display: block;
}
.dashboard-panel-3 .dashboard-section {
  box-sizing: border-box;
  float: left;
  width: 33.3%;
  padding-right: 2rem;
}
.dashboard-panel-3 .dashboard-section:last-child {
  padding-right: 0;
}
@media screen and (max-width: 960px) {
  .dashboard-panel-3 .dashboard-section {
    width: 100%;
    float: none;
    padding-right: 0;
    margin-bottom: 2rem;
  }
}
.dashboard-section {
  margin-bottom: 1.5rem;
}
.profile-link {
  color: #50784f;
}
#user-profile-form .optin-communication-label {
  line-height: 2rem;
}
.region-map {
  width: 100%;
  height: 480px;
}
.region-map iframe {
  width: 100%;
  height: 100%;
}
.roasters-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background-color: white;
  padding: 2rem 2rem 4rem 2rem;
}
.roaster-box {
  width: 200px;
  height: 200px;
  margin: 3.5rem .5rem;
}
.roaster-box:hover .result-title a {
  color: #5e7cac;
}
.roaster-box .result-title,
.roaster-box .roaster-result-place {
  font-size: 1.35rem;
  text-align: center;
}
.roaster-box .result-title a,
.roaster-box .roaster-result-place a {
  text-decoration: none;
}
.roaster-map-wrapper {
  width: 100%;
  height: 600px;
  display: inline-block;
  overflow: hidden;
  margin-top: 5rem;
  margin-bottom: 50px;
}
.roaster-map {
  width: 100%;
  height: 100%;
  border: 0;
  margin-top: -55px;
}
@media screen and (max-width: 768px) {
  .roaster-box {
    width: 175px;
    height: 175px;
  }
}
@media screen and (max-width: 428px) {
  .roasters-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .roaster-box {
    width: 150px;
    height: 150px;
  }
  .roaster-map-wrapper {
    height: 400px;
  }
}
.roaster-overview-logo {
  width: 18rem;
  height: 18rem;
  border: 0.167rem solid rgba(70, 95, 135, 0.66);
  -webkit-border-radius: 0.334rem;
  -moz-border-radius: 0.334rem;
  border-radius: 0.334rem;
}
.roaster-overview-logo .liner {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -webkit-border-radius: 0.334rem;
  -moz-border-radius: 0.334rem;
  border-radius: 0.334rem;
}
.roaster-overview-logo img {
  max-width: 100%;
  max-height: 100%;
}
.roasters-show .roaster-overview-logo {
  position: absolute;
  margin: -20.167rem -2px;
}
.roaster-overview-logo-fig img {
  -webkit-transition: 0.33s;
  -moz-transition: 0.33s;
  transition: 0.33s;
}
.roaster-overview-logo-fig img.loading {
  opacity: 0;
  display: none;
}
@media screen and (max-width: 648px) {
  .roasters-show .roaster-overview-logo {
    left: 50%;
    margin-left: -9.0835rem;
    margin-top: -29.167rem;
  }
}
.roaster-coffees-container {
  padding-top: 3rem;
  padding-bottom: 3rem;
  overflow: hidden;
}
.roaster-coffees-container .coffees-result-list {
  margin-top: 0;
}
.roaster-coffees-header {
  margin-bottom: 1rem;
}
.hero-image-wrapper-roasters {
  background-image: url(/assets/home/hero-images/roasters-lg-14193bdefe0382d933e1de43bc0c148cf01c7317e7a1a7b7d21c06ed46855909.jpg);
}
@media screen and (max-width: 428px) {
  .hero-image-wrapper-roasters {
    background-image: url(/assets/home/hero-images/roasters-sm-28f90b1072729813c21c3c1ef23d88d8adebe977adaa256d415c55f73455334d.jpg);
  }
}
.unsubscribe-hero {
  background-color: white;
}
.unsubscribe-hero .hero-subheading {
  font-weight: 400;
}
.unsubscribe-hero .hero-subheading a {
  color: #50784f;
  text-decoration: underline;
}
.office-hero {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
  height: 56rem;
}
@media screen and (max-width: 996px) {
  .office-hero .home-hero-heading {
    font-size: 3.5rem;
    line-height: 4.5rem;
  }
  .office-hero .home-hero-subheading {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .office-hero {
    position: relative;
    height: 32rem;
  }
}
@media screen and (-webkit-max-device-pixel-ratio: 1.25) and (max-width: 768px), (max-resolution: 120dpi) and (max-width: 768px) {
  .office-hero .cover-image img {
    margin-left: -411px;
  }
}
.office-hero-buttons {
  margin-top: 2.5rem;
}
.office-hero-buttons .button-office-get-started {
  width: 14.5rem;
  margin-right: 0.5rem;
  font-weight: 600;
}
.office-hero-buttons .button-slack-add {
  margin-left: 0.5rem;
}
@media screen and (max-width: 528px) {
  .office-hero-buttons .button-slack-add {
    display: none;
  }
}
.button-slack-add {
  display: inline-block;
  box-sizing: border-box;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  border: none;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #655091;
  color: white;
  font-family: "futura-pt", "Avenir Next", "Avenir", "Helvetica Neue", "Helvetica", "Century Gothic", "lemonde-sans", "Verdana", sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  background-image: url(/assets/icon-slack-ea7f36135a77b0a3bcbf07eb74d081839cf6075e6a8e3d257173583f49300cd9.svg);
  background-repeat: no-repeat;
  background-position: 1rem 0.417rem;
  background-size: 3rem;
  text-align: right;
  width: 14.5rem;
  margin-top: -1rem;
}
.button-slack-add:hover {
  background-color: #765ea6;
  text-decoration: none;
}
.button-slack-add:active {
  background-color: #4e3e70;
  -webkit-box-shadow: inset 0 1px 3px #465f87;
  -moz-box-shadow: inset 0 1px 3px #465f87;
  box-shadow: inset 0 1px 3px #465f87;
}
.button-slack-add:disabled,
.button-slack-add.disabled {
  opacity: 0.5;
}
.button-slack-add:disabled:hover,
.button-slack-add.disabled:hover,
.button-slack-add:disabled:active,
.button-slack-add.disabled:active {
  background-color: #655091;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
@media screen and (max-width: 348px) {
  .button-slack-add {
    text-align: right;
  }
}
.office-roasters .hero-heading {
  font-size: 2.5rem;
  text-align: center;
}
.office-roasters .hero-subheading {
  max-width: 66rem;
}
.office-roasters .home-roaster-item {
  width: 12.5%;
  padding: 1rem;
}
.office-roasters .home-roaster-item:nth-child(1n+17),
.office-roasters .home-roaster-item:nth-child(1n+18) {
  display: none;
}
@media screen and (min-width: 1320px) {
  .office-roasters .home-roasters-list {
    margin: 0.5rem auto 2rem auto;
  }
}
@media screen and (max-width: 648px) {
  .office-roasters .home-roasters-list {
    margin: 0 auto 2rem auto;
    padding: 0 1.5rem;
  }
  .office-roasters .home-roaster-item {
    width: 20%;
    padding: 1.5rem;
  }
  .office-roasters .home-roaster-item:nth-child(16n+1),
  .office-roasters .home-roaster-item:nth-child(17n+1),
  .office-roasters .home-roaster-item:nth-child(18n+1) {
    display: none;
  }
}
@media screen and (max-width: 528px) {
  .office-roasters .home-roasters-list {
    margin: 0 auto 2rem auto;
    padding: 0 1rem;
  }
  .office-roasters .home-roaster-item {
    width: 25%;
    padding: 1rem;
  }
  .office-roasters .home-roaster-item:nth-child(15n+1) {
    display: block;
  }
}
.slack-iphone-images {
  margin: 0 auto -5rem auto;
  overflow: hidden;
  text-align: center;
}
.slack-iphone-images img {
  margin: 0 2rem;
  transition: 0.25s;
}
@media screen and (max-width: 1320px) {
  .slack-iphone-images img {
    margin: 0 0.5rem;
  }
}
@media screen and (max-width: 1200px) {
  .slack-iphone-images {
    margin-top: 0.5rem;
    margin-bottom: -8rem;
  }
  .slack-iphone-images img {
    margin: 0 -1rem;
  }
}
@media screen and (max-width: 1080px) {
  .slack-iphone-images {
    margin-top: 1rem;
    margin-bottom: -5rem;
  }
  .slack-iphone-images img {
    height: 42rem;
    width: auto;
    margin: 0 1rem;
  }
}
@media screen and (max-width: 960px) {
  .slack-iphone-images {
    margin-top: 1.5rem;
  }
  .slack-iphone-images img {
    margin: 0 -1rem;
  }
}
@media screen and (max-width: 840px) {
  .slack-iphone-images {
    margin-top: 2rem;
  }
  .slack-iphone-images img:first-child {
    display: none;
  }
  .slack-iphone-images img {
    height: 40rem;
    margin: 0 1rem;
  }
}
@media screen and (max-width: 720px) {
  .slack-iphone-images {
    margin-top: 2.5rem;
  }
  .slack-iphone-images img {
    height: 38rem;
    margin: 0 -1rem;
  }
}
@media screen and (max-width: 600px) {
  .slack-iphone-images {
    margin-top: 3rem;
  }
  .slack-iphone-images img {
    height: 36rem;
    margin: 0 -2rem;
  }
}
@media screen and (max-width: 480px) {
  .slack-iphone-images img {
    height: 34rem;
    margin: 0 -3rem;
  }
}
@media screen and (max-width: 432px) {
  .slack-iphone-images img {
    height: 32rem;
  }
}
@media screen and (max-width: 384px) {
  .slack-iphone-images img {
    height: 30rem;
  }
}
.backed-by {
  background-color: #ffffff;
}
.backed-by .pr-logos-heading,
.backed-by .pr-hr {
  display: block;
}
.backed-by a:last-child {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .backed-by div.pr-logos-liner {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .backed-by .pr-hr {
    display: none;
  }
  .backed-by .pr-logo {
    width: 8rem;
    height: 3rem;
    padding: 1rem 0.25rem;
  }
  .backed-by .pr-logo figcaption {
    display: none;
  }
}
.office-slack {
  background-color: #ffffff;
  max-width: 100%;
}
.office-slack .hero-subheading {
  max-width: 64rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.office-slack .button-slack-add-container {
  text-align: center;
  overflow: hidden;
}
.office-slack .button-slack-add {
  height: 4rem;
  line-height: 4rem;
  margin-top: 0.5rem;
}
.office-usps {
  background-color: #c6dfdb;
}
.office-usps .usp {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 900px) {
  .office-usps .usp {
    margin-bottom: 2rem;
  }
  .office-usps .usp:last-child {
    margin-bottom: 0;
  }
}
.wizard-checklist {
  list-style: none outside none;
  padding: 0;
  margin: 1.5rem 0 0 0;
}
.wizard-checklist li {
  margin-bottom: 0.5rem;
}
.wizard-checklist li:last-child {
  margin-bottom: 0;
}
.wizard-checklist em {
  font-style: normal;
  text-transform: lowercase;
}
.wizard-checklist img {
  display: block;
  float: left;
  margin: -0.167rem 0.5rem 0 0;
}
.office-confirmation {
  background-color: white;
}
.office-confirmation .hero-heading {
  padding-top: 0;
  margin-top: 1rem;
  font-size: 2.5rem;
  line-height: 3rem;
  text-align: center;
}
@media screen and (max-width: 528px) {
  .office-confirmation .pricing-table-receipt {
    margin-top: 0;
  }
}
.add-to-slack {
  display: inline-block;
  padding: 0.75rem;
  background-color: #f5f5f5;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.add-to-slack:hover {
  background-color: #f0f0f0;
}
.add-to-slack:active {
  background-color: #ebebeb;
}
.matching-results-heading {
  background-image: url(/assets/home/onboarding/calculating_bg_desktop-1b284b4049785af2b03d9ed609dcb295e60a23e037326f4d0143be7eed58e8fe.png);
  background-size: 100vw 400px;
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (max-width: 768px) {
  .matching-results-heading {
    background-image: url(/assets/home/onboarding/calculating_bg_mobile-eda9e54075b0e18ba3c407a7ce247d2c685f45f41f091e03e44277a96d0a385f.png);
  }
}
.c-roasters.a-show article:nth-child(odd) {
  background-color: #ffffff;
}
.c-roasters.a-show article:nth-child(even) {
  background-color: white;
}
#intercom-container {
  z-index: 500;
}
.country-index-links {
  padding: 0;
  margin: 0;
}
.country-index-link {
  list-style: none outside none;
  margin: 0;
  padding: 0.25rem 0;
}
.country-index-link a {
  color: #50784f;
}
.instagram-gallery {
  overflow: hidden;
  background-color: #ffffff;
}
.instagram-gallery-heading {
  margin-bottom: 1.75rem;
}
.instagram-gallery-photo {
  box-sizing: border-box;
  float: left;
  width: 33.3%;
  padding: 2rem;
}
.instagram-gallery-photo:nth-child(3n+2) {
  clear: both;
}
@media screen and (min-width: 1280px) {
  .hero-image-heading {
    font-size: 66px;
    line-height: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .instagram-gallery-photo {
    width: 50%;
  }
  .instagram-gallery-photo:nth-child(3n+2) {
    clear: none;
  }
  .instagram-gallery-photo:nth-child(2n+2) {
    clear: both;
  }
}
@media screen and (max-width: 648px) {
  .instagram-gallery-heading {
    margin-bottom: 0.75rem;
  }
  .instagram-gallery-photo {
    padding: 1rem 0;
    width: 100%;
    float: none;
  }
  .instagram-gallery-photo:nth-child(2n+2) {
    clear: none;
  }
}
/* The following styles are for a responsive grid system see: http://www.responsivegridsystem.com/ */
/*  SECTIONS  ============================================================================= */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}
/*  GROUPING  ============================================================================= */
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}
/*  GRID COLUMN SETUP   ==================================================================== */
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col:first-child {
  margin-left: 0;
}
/* all browsers except IE6 and lower */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
  .col {
    margin: 1% 0 1% 0%;
  }
}
/*  GRID OF TWELVE   ============================================================================= */
.span_12_of_12 {
  width: 100%;
}
.span_11_of_12 {
  width: 91.53%;
}
.span_10_of_12 {
  width: 83.06%;
}
.span_9_of_12 {
  width: 74.6%;
}
.span_8_of_12 {
  width: 66.13%;
}
.span_7_of_12 {
  width: 57.66%;
}
.span_6_of_12 {
  width: 49.2%;
}
.span_5_of_12 {
  width: 40.73%;
}
.span_4_of_12 {
  width: 32.26%;
}
.span_3_of_12 {
  width: 23.8%;
}
.span_2_of_12 {
  width: 15.33%;
}
.span_1_of_12 {
  width: 6.86%;
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .span_12_of_12 {
    width: 100%;
  }
  .span_11_of_12 {
    width: 100%;
  }
  .span_10_of_12 {
    width: 100%;
  }
  .span_9_of_12 {
    width: 100%;
  }
  .span_8_of_12 {
    width: 100%;
  }
  .span_7_of_12 {
    width: 100%;
  }
  .span_6_of_12 {
    width: 100%;
  }
  .span_5_of_12 {
    width: 100%;
  }
  .span_4_of_12 {
    width: 100%;
  }
  .span_3_of_12 {
    width: 100%;
  }
  .span_2_of_12 {
    width: 100%;
  }
  .span_1_of_12 {
    width: 100%;
  }
}
#scout_instant_badge {
  position: fixed;
  top: 5px;
}
@media only screen and (max-width: 767px) {
  .popover-buttons .button {
    width: 100%;
  }
  .d-search {
    flex-wrap: wrap;
    width: 100%;
  }
  .d-search input[type="text"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .d-search .roaster-filter-dropdown {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 10px 0;
  }
  .button {
    max-width: 100%;
    flex: 0 0 100%;
    position: relative !important;
    left: 0 !important;
    margin: 0 !important;
  }
}
@media only screen and (min-width: 1280px) {
  .blend-style {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media only screen and (min-width: 1360px) {
  .blend-style {
    padding-left: 80px;
    padding-right: 80px;
  }
}