@charset "UTF-8";
.layoutContainer,
.layoutContainer--2col {
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}

.layoutContainer--2col:after,
.layoutContainer:after {
  content: " ";
  clear: both;
  height: 0;
  display: block;
}

.js .header_bar .promo_text,
span.fix_widow,
span.required,
ul.headlines span.author,
ul.headlines span.pub_date {
  white-space: nowrap;
}

.filters .coffeeFilters li,
a:link,
span.sb_tooltip {
  -webkit-tap-highlight-color: transparent;
}

@font-face {
  font-family: "Global Icons";
  src: url("../fonts/starbucks_icons_global.eot");
  src: url("../fonts/starbucks_icons_global.eot#iefix") format("embedded-opentype"), url(../assets/fonts/starbucks_icons_global.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: NoSpace;
  src: url("../fonts/zerowidthspaces.eot");
  src: url("../fonts/zerowidthspacesd41d.eot?#iefix") format("embedded-opentype"), url(../assets/fonts/zerowidthspaces.woff) format("woff"), url(../../fonts/zerowidthspaces.html) format("truetype"), url(../../fonts/zerowidthspaces-2.html#NoSpace) format("svg");
}
@media (min-width: 768px) {
  .layoutContainer--2col .main,
.layoutContainer--2col .sidebar {
    float: left;
  }

  .layoutContainer--2col .main {
    width: 66.666666%;
  }

  .layoutContainer--2col .sidebar {
    width: 33.333333%;
  }
}
.contentStripe__grid > .grid__item,
.grid > .grid__item {
  box-sizing: border-box;
}

.contentStripe__grid:after,
.grid:after {
  height: 0;
}

@media (min-width: 481px) {
  .grid--upTo3Col > .column {
    width: 33.33333%;
    width: calc(33.3333333333% - 0.01px);
  }
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

blockquote,
em,
i {
  font-style: italic;
}

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

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

/*! GENERATED BY SASS. DO NOT EDIT THIS FILE.*/
html {
  overflow-y: scroll;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
}

body {
  background: #fff;
  color: #000;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.71429;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul {
  clear: none;
  margin-bottom: 1.71429em;
}

a:link,
a:visited {
  color: #2a8a15;
  font-weight: 700;
  text-decoration: none;
}

a:active,
a:focus,
a:hover {
  color: #fff;
  background-color: #2a8a15;
}

.cta_link:link,
.cta_link:visited {
  color: #777571;
  text-decoration: none;
}

.cta_link:active,
.cta_link:focus,
.cta_link:hover {
  color: #3d3a35;
  background: #ededed;
}

.cta_link:after {
  content: " »";
}

.blocks:after,
.fields:after,
.fields:before,
.header_container:after {
  content: "";
}

input[type=password],
input[type=text] {
  display: inline-block;
}

#nav a,
.footer a {
  font-weight: 400;
}

b,
dt,
strong {
  font-weight: 700;
}

a.backtotop {
  padding: 0 0 0 1em;
  background-image: url("../../assets/images/asc_selected.html");
  background-repeat: no-repeat;
  background-position: 0 50%;
}

@media (min-width: 768px) {
  .grid--upTo2Col > .column,
.grid--upTo3ColAlt > .column {
    width: 50%;
    width: calc(50% - 0.01px);
  }
}
@media (min-width: 1024px) {
  .grid--upTo3ColAlt > .column {
    width: 33.33333%;
    width: calc(33.3333333333% - 0.01px);
  }
}
html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

.tracking {
  position: absolute;
  top: 0;
  left: -99px;
  width: 1px;
  height: 1px;
  border: 0;
}

ol {
  margin-left: 18px;
  list-style: decimal;
}

.blocks,
ol.form,
ol.selector {
  list-style: none;
}

li {
  margin-bottom: 0.85714em;
}

ul ul {
  padding: 0.5em 0 0 18px;
}

blockquote {
  font-size: 1.455em;
  line-height: 1.6875;
}

blockquote p em {
  font-style: normal;
}

blockquote p cite {
  display: block;
  font-size: 0.625em;
  line-height: 1.7;
  text-align: right;
}

hr {
  margin: 0 0 5em;
  padding: 0;
  width: 0;
  height: 0;
  border: 0;
}

.ie6 hr {
  margin-bottom: 3em;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

object:focus {
  outline: 0;
}

.fine-print,
.note,
.privacy,
.subtleText {
  font-weight: 400;
  color: #777571;
}

.numbers {
  font-family: Lato, Arial, sans-serif;
}

span.required {
  color: red;
}

.align_center {
  text-align: center;
}

.align_left {
  text-align: left;
}

.align_right {
  text-align: right;
}

.adr .region {
  position: static;
  float: none;
  padding: 0;
}

@media (min-height: 930px) {
  html {
    background: #282828;
  }
}
@media (min-width: 992px) {
  .size1of1 p,
.size2of3 p {
    max-width: 750px;
  }
}
.mt_0 {
  margin-top: 0;
}

.mb_0 {
  margin-bottom: 0;
}

.pt_0 {
  padding-top: 0;
}

.pb_0 {
  padding-bottom: 0;
}

.mt_5 {
  margin-top: 5px;
}

.mb_5 {
  margin-bottom: 5px;
}

.pt_5 {
  padding-top: 5px;
}

.pb_5 {
  padding-bottom: 5px;
}

.mt_10 {
  margin-top: 10px;
}

.mb_10 {
  margin-bottom: 10px;
}

.pt_10 {
  padding-top: 10px;
}

.pb_10 {
  padding-bottom: 10px;
}

.mt_15 {
  margin-top: 15px;
}

.mb_15 {
  margin-bottom: 15px;
}

.pt_15 {
  padding-top: 15px;
}

.pb_15 {
  padding-bottom: 15px;
}

.mt_20 {
  margin-top: 20px;
}

.mb_20 {
  margin-bottom: 20px;
}

.pt_20 {
  padding-top: 20px;
}

.pb_20 {
  padding-bottom: 20px;
}

.mt_25 {
  margin-top: 25px;
}

.mb_25 {
  margin-bottom: 25px;
}

.pt_25 {
  padding-top: 25px;
}

.pb_25 {
  padding-bottom: 25px;
}

.mt_30 {
  margin-top: 30px;
}

.mb_30 {
  margin-bottom: 30px;
}

.pt_30 {
  padding-top: 30px;
}

.pb_30 {
  padding-bottom: 30px;
}

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

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

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

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  margin: 0 0 0.5em;
  font-weight: 400;
}

.h4,
.h5,
.heading_anchor,
.heading_category,
h4,
h5 {
  font-weight: 700;
}

.h1,
h1 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.16667;
}

@media (min-width: 768px) {
  .h1,
h1 {
    margin: 0 0 0.83333em;
  }
}
.h2,
h2 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
}

.h3,
h3 {
  clear: both;
  margin: 0 0 1.72222em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 0.94444;
}

.h4,
h4 {
  margin: 2em 0 0;
}

.h6,
h6 {
  margin: 0 0 1.71429em;
}

.has_subheading {
  margin-bottom: 5px;
}

.subheading {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "Crete Round", Georgia, "Times New Roman", serif;
  font-style: italic;
}

li h3,
li h4 {
  margin: 0 0 0.5em;
}

.heading_additional {
  clear: both;
  margin: 0 0 1.33333em;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.33333;
}

.heading_anchor {
  margin: 1em 0 0.5em;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
}

.heading_category {
  clear: both;
  margin: 0 0 1em;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.33333;
  text-transform: uppercase;
}

.heading_category a {
  display: block;
  padding: 2px 7px;
  background: #1e1e1e;
  color: #fff;
}

.heading_category.blonde a {
  background: #e6a513;
}

.heading_category.medium a {
  background: #b15b11;
}

.heading_category.dark a {
  background: #7a003c;
}

.heading_category a:focus,
.heading_category a:hover {
  background: #2a8a15;
}

.heading_landing {
  margin: 0.25em 0 0.66667em;
  font-weight: 400;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.25;
}

.h3.heading_multiple_lines,
.heading_promo,
h3.heading_multiple_lines {
  line-height: 1.27778;
}

@media (min-width: 768px) {
  .heading_landing {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.heading_promo {
  margin: 0 0 0.5em;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
}

.fields {
  clear: both;
}

.ie7 .fields {
  zoom: 1;
}

.fields:after,
.fields:before {
  display: table;
}

.blocks,
.blocks > li,
.blocks:after {
  display: block;
  clear: both;
}

.fields:after {
  clear: both;
}

.fields.border_top {
  padding-top: 1.714286em;
  border-top: 2px solid #333;
}

.fields.border_bottom {
  margin-bottom: 1.714286em;
  border-bottom: 2px solid #333;
}

.region {
  box-sizing: border-box;
  padding: 0 10px;
}

.region embed,
.region img,
.region object,
.region video {
  max-width: 100%;
}

.ie7 .region img {
  -ms-interpolation-mode: bicubic;
}

.ie8 .region img {
  width: auto;
}

.media-full {
  margin-left: -3%;
  width: 106%;
}

.blocks {
  margin-left: -20px;
}

.blocks > li {
  box-sizing: border-box;
  padding: 0 0 0 20px;
  background: 0 0;
}

@media (min-width: 320px) {
  .blocks > li {
    clear: none;
  }

  .blocks-five-up > li,
.blocks-four-up > li,
.blocks-six-up > li {
    float: left;
    width: 50%;
  }

  .blocks-five-up > li:nth-child(2n+1),
.blocks-four-up > li:nth-child(2n+1),
.blocks-six-up > li:nth-child(2n+1),
.no-nthchild .blocks-start {
    clear: left;
  }

  .no-nthchild .blocks-end {
    zoom: 1;
    float: none;
    width: auto;
  }
}
@media (min-width: 480px) {
  .region:after {
    display: table;
    content: "";
    clear: both;
  }

  .blocks-three-up > li,
.blocks-two-up > li {
    float: left;
    width: 50%;
  }

  .blocks-five-up > li,
.blocks-six-up > li {
    width: 33.333333%;
  }

  .blocks-five-up > li:nth-child(2n+1),
.blocks-six-up > li:nth-child(2n+1) {
    clear: none;
  }

  .blocks-five-up > li:nth-child(3n+1),
.blocks-six-up > li:nth-child(3n+1),
.blocks-three-up > li:nth-child(2n+1),
.blocks-two-up > li:nth-child(2n+1) {
    clear: left;
  }

  .blocks img {
    width: auto;
  }
}
@media (min-width: 600px) {
  .blocks-three-up > li {
    width: 33.333333%;
  }

  .blocks-four-up > li {
    width: 25%;
  }

  .blocks-five-up > li {
    width: 20%;
  }

  .blocks-six-up > li {
    width: 16.666667%;
  }

  .blocks-five-up > li:nth-child(2n+1),
.blocks-five-up > li:nth-child(3n+1),
.blocks-four-up > li:nth-child(2n+1),
.blocks-six-up > li:nth-child(3n+1),
.blocks-three-up > li:nth-child(2n+1) {
    clear: none;
  }

  .blocks-five-up > li:nth-child(5n+1),
.blocks-four-up > li:nth-child(4n+1),
.blocks-six-up > li:nth-child(6n+1),
.blocks-three-up > li:nth-child(3n+1) {
    clear: left;
  }
}
@media (min-width: 769px) {
  .container,
.contentStripe__container,
.notificationBar--oldBrowser,
.region {
    padding: 0 12px;
  }

  .blocks {
    margin-left: -24px;
  }

  .blocks > li {
    padding: 0 0 0 24px;
  }

  .region {
    position: relative;
    float: left;
  }

  .region.reset,
.region.reset-left {
    padding-left: 0;
  }

  .region.reset,
.region.reset-right {
    padding-right: 0;
  }

  .ie7 .region-last {
    zoom: 1;
    float: none;
    width: auto;
  }

  .size1of1 {
    float: none;
  }

  .size1of2 {
    width: 50%;
  }

  .size1of3 {
    width: 33.333333%;
  }

  .size2of3 {
    width: 66.666666%;
  }

  .size1of4 {
    width: 25%;
  }

  .size3of4 {
    width: 75%;
  }

  .size1of5 {
    width: 20%;
  }

  .size2of5 {
    width: 40%;
  }

  .size3of5 {
    width: 60%;
  }

  .size4of5 {
    width: 80%;
  }

  .size1of6 {
    width: 16.666667%;
  }

  .size5of6 {
    width: 83.333333%;
  }

  .size1of7 {
    width: 14.285714%;
  }

  .size-golden-long {
    width: 61.803398%;
  }

  .size-golden-short {
    width: 38.196602%;
  }

  .prefix1of2 {
    margin-left: 50%;
  }

  .prefix1of3 {
    margin-left: 33.333333%;
  }

  .prefix2of3 {
    margin-left: 66.666666%;
  }

  .prefix1of4 {
    margin-left: 25%;
  }

  .prefix3of4 {
    margin-left: 75%;
  }

  .prefix1of5 {
    margin-left: 20%;
  }

  .prefix2of5 {
    margin-left: 40%;
  }

  .prefix3of5 {
    margin-left: 60%;
  }

  .prefix4of5 {
    margin-left: 80%;
  }

  .prefix1of6 {
    margin-left: 16.666667%;
  }

  .prefix5of6 {
    margin-left: 83.333333%;
  }

  .prefix1of7 {
    margin-left: 14.285714%;
  }

  .prefix-golden-long {
    margin-left: 61.803398%;
  }

  .prefix-golden-short {
    margin-left: 38.196602%;
  }

  .suffix1of2 {
    margin-right: 50%;
  }

  .suffix1of3 {
    margin-right: 33.333333%;
  }

  .suffix2of3 {
    margin-right: 66.666666%;
  }

  .suffix1of4 {
    margin-right: 25%;
  }

  .suffix3of4 {
    margin-right: 75%;
  }

  .suffix1of5 {
    margin-right: 20%;
  }

  .suffix2of5 {
    margin-right: 40%;
  }

  .suffix3of5 {
    margin-right: 60%;
  }

  .suffix4of5 {
    margin-right: 80%;
  }

  .suffix1of6 {
    margin-right: 16.666667%;
  }

  .suffix5of6 {
    margin-right: 83.333333%;
  }

  .suffix1of7 {
    margin-right: 14.285714%;
  }

  .suffix-golden-long {
    margin-right: 61.803398%;
  }

  .suffix-golden-short {
    margin-right: 38.196602%;
  }

  .push1of2 {
    left: 50%;
  }

  .push1of3 {
    left: 33.333333%;
  }

  .push2of3 {
    left: 66.666666%;
  }

  .push1of4 {
    left: 25%;
  }

  .push3of4 {
    left: 75%;
  }

  .push1of5 {
    left: 20%;
  }

  .push2of5 {
    left: 40%;
  }

  .push3of5 {
    left: 60%;
  }

  .push4of5 {
    left: 80%;
  }

  .push1of6 {
    left: 16.666667%;
  }

  .push5of6 {
    left: 83.333333%;
  }

  .push1of7 {
    left: 14.285714%;
  }

  .push-golden-long {
    left: 61.803398%;
  }

  .push-golden-short {
    left: 38.196602%;
  }

  .push-golden-long,
.push-golden-short,
.push1of2,
.push1of3,
.push1of4,
.push1of5,
.push1of6,
.push1of7,
.push2of3,
.push2of5,
.push3of4,
.push3of5,
.push4of5,
.push5of6 {
    min-height: 1px;
  }

  .pull1of2 {
    left: -50%;
  }

  .pull1of3 {
    left: -33.333333%;
  }

  .pull2of3 {
    left: -66.666666%;
  }

  .pull1of4 {
    left: -25%;
  }

  .pull3of4 {
    left: -75%;
  }

  .pull1of5 {
    left: -20%;
  }

  .pull2of5 {
    left: -40%;
  }

  .pull3of5 {
    left: -60%;
  }

  .pull4of5 {
    left: -80%;
  }

  .pull1of6 {
    left: -16.666667%;
  }

  .pull5of6 {
    left: -83.333333%;
  }

  .pull1of7 {
    left: -14.285714%;
  }

  .pull-golden-long {
    left: -61.803398%;
  }

  .pull-golden-short {
    left: -38.196602%;
  }

  .region-centered {
    float: none;
    margin: 0 auto;
  }

  .region-keyline-left {
    border-left: 1px solid #e6e5e3;
  }

  .region-keyline-right {
    border-right: 1px solid #e6e5e3;
  }

  .media-full {
    margin-left: 0;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .container,
.contentStripe__container,
.notificationBar--oldBrowser,
.region {
    padding: 0 15px;
  }

  .blocks {
    margin-left: -30px;
  }

  .blocks > li {
    padding: 0 0 0 30px;
  }
}
@media (min-width: 1280px) {
  .container,
.contentStripe__container,
.notificationBar--oldBrowser,
.region {
    padding: 0 20px;
  }

  .blocks {
    margin-left: -40px;
  }

  .blocks > li {
    padding: 0 0 0 40px;
  }
}
/*! GENERATED BY SASS. DO NOT EDIT THIS FILE.*/
.contentStripe__grid,
.grid {
  box-sizing: border-box;
  zoom: 1;
  text-align: left;
  font-family: NoSpace;
}

.contentStripe__grid:after,
.contentStripe__grid:before,
.grid:after,
.grid:before {
  content: " ";
  display: table;
}

.btn--secondary_cta:after,
.button_cta.tertiary a:after {
  content: " »";
}

.contentStripe__grid:after,
.grid:after {
  clear: both;
}

@font-face {
  font-family: NoSpace;
  src: url("../fonts/zerowidthspaces.eot");
  src: url("../fonts/zerowidthspacesd41d.eot?#iefix") format("embedded-opentype"), url(../assets/fonts/zerowidthspaces.woff) format("woff"), url(../fonts/zerowidthspaces.ttf) format("truetype"), url(../fonts/zerowidthspaces.svg#NoSpace) format("svg");
}
.container,
.contentStripe__container,
.notificationBar--oldBrowser {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
}

.contentStripe__grid img,
.grid img {
  max-width: 100%;
  height: auto;
}

.grid_align_left {
  text-align: left;
}

.grid_align_center {
  text-align: center;
}

.grid_align_right {
  text-align: right;
}

.grid_align_center .column,
.grid_align_right .column {
  text-align: left;
}

.btn,
.btn:link,
.btn:visited,
.btn_group--centered,
.btn_wrapper--centered {
  text-align: center;
}

.grid_valign_top .column {
  vertical-align: top;
}

.contentStripe__grid .column,
.grid_valign_middle .column {
  vertical-align: middle;
}

.grid_valign_bottom .column {
  vertical-align: bottom;
}

.contentStripe__grid .grid,
.grid .grid {
  margin: 0 -10px;
}

@media (min-width: 768px) {
  .container,
.contentStripe__container,
.notificationBar--oldBrowser {
    padding: 0 12px;
  }

  .contentStripe__grid .grid,
.grid .grid {
    margin: 0 -12px;
  }
}
@media (min-width: 1024px) {
  .container,
.contentStripe__container,
.notificationBar--oldBrowser {
    padding: 0 15px;
  }

  .contentStripe__grid .grid,
.grid .grid {
    margin: 0 -15px;
  }
}
@media (min-width: 1280px) {
  .container,
.contentStripe__container,
.notificationBar--oldBrowser {
    padding: 0 20px;
  }

  .contentStripe__grid .grid,
.grid .grid {
    margin: 0 -20px;
  }
}
.column,
.contentStripe__content,
.contentStripe__media {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0 10px;
  vertical-align: top;
  font-family: Lato, Helvetica, Arial, sans-serif;
}

@media (min-width: 768px) {
  .column,
.contentStripe__content,
.contentStripe__media {
    padding: 0 12px;
  }
}
@media (min-width: 1024px) {
  .column,
.contentStripe__content,
.contentStripe__media {
    padding: 0 15px;
  }
}
@media (min-width: 1280px) {
  .column,
.contentStripe__content,
.contentStripe__media {
    padding: 0 20px;
  }
}
@media (max-width: 1279px) {
  .column.lg_full_width,
.contentStripe__content.lg_full_width,
.contentStripe__media.lg_full_width {
    width: 100%;
    width: calc(100% + 30px);
    width: 100vw;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 30px;
  }
}
@media (max-width: 1023px) {
  .column.lg_full_width,
.column.med_full_width,
.contentStripe__content.lg_full_width,
.contentStripe__content.med_full_width,
.contentStripe__media.lg_full_width,
.contentStripe__media.med_full_width {
    width: 100%;
    width: calc(100% + 24px);
    width: 100vw;
    margin-left: -12px;
    margin-right: -12px;
    padding: 0 24px;
  }
}
@media (max-width: 767px) {
  .column.lg_full_width,
.column.med_full_width,
.column.sm_full_width,
.contentStripe__content.lg_full_width,
.contentStripe__content.med_full_width,
.contentStripe__content.sm_full_width,
.contentStripe__media.lg_full_width,
.contentStripe__media.med_full_width,
.contentStripe__media.sm_full_width {
    width: 100%;
    width: calc(100% + 20px);
    width: 100vw;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 20px;
  }
}
@media (max-width: 480px) {
  .column.full_width,
.column.lg_full_width,
.column.med_full_width,
.column.sm_full_width,
.contentStripe__content.full_width,
.contentStripe__content.lg_full_width,
.contentStripe__content.med_full_width,
.contentStripe__content.sm_full_width,
.contentStripe__media.full_width,
.contentStripe__media.lg_full_width,
.contentStripe__media.med_full_width,
.contentStripe__media.sm_full_width {
    width: 100%;
    width: calc(100% + 20px);
    width: 100vw;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 20px;
  }
}
.size1of12 {
  width: 8.33333%;
  width: calc(8.3333333333% - 0.01px);
}

.size2of12 {
  width: 16.66667%;
  width: calc(16.6666666667% - 0.01px);
}

.size3of12 {
  width: 25%;
  width: calc(25% - 0.01px);
}

.size4of12 {
  width: 33.33333%;
  width: calc(33.3333333333% - 0.01px);
}

.size5of12 {
  width: 41.66667%;
  width: calc(41.6666666667% - 0.01px);
}

.size6of12 {
  width: 50%;
  width: calc(50% - 0.01px);
}

.size7of12 {
  width: 58.33333%;
  width: calc(58.3333333333% - 0.01px);
}

.size8of12 {
  width: 66.66667%;
  width: calc(66.6666666667% - 0.01px);
}

.size9of12 {
  width: 75%;
  width: calc(75% - 0.01px);
}

.size10of12 {
  width: 83.33333%;
  width: calc(83.3333333333% - 0.01px);
}

.size11of12 {
  width: 91.66667%;
  width: calc(91.6666666667% - 0.01px);
}

.contentStripe__content,
.contentStripe__media,
.size12of12 {
  width: 100%;
  width: calc(100% - 0.01px);
}

.prefix0of12 {
  margin-left: 0;
}

.suffix0of12 {
  margin-right: 0;
}

.prefix1of12 {
  margin-left: 8.33333%;
}

.suffix1of12 {
  margin-right: 8.33333%;
}

.prefix2of12 {
  margin-left: 16.66667%;
}

.suffix2of12 {
  margin-right: 16.66667%;
}

.prefix3of12 {
  margin-left: 25%;
}

.suffix3of12 {
  margin-right: 25%;
}

.prefix4of12 {
  margin-left: 33.33333%;
}

.suffix4of12 {
  margin-right: 33.33333%;
}

.prefix5of12 {
  margin-left: 41.66667%;
}

.suffix5of12 {
  margin-right: 41.66667%;
}

.prefix6of12 {
  margin-left: 50%;
}

.suffix6of12 {
  margin-right: 50%;
}

.prefix7of12 {
  margin-left: 58.33333%;
}

.suffix7of12 {
  margin-right: 58.33333%;
}

.prefix8of12 {
  margin-left: 66.66667%;
}

.suffix8of12 {
  margin-right: 66.66667%;
}

.prefix9of12 {
  margin-left: 75%;
}

.suffix9of12 {
  margin-right: 75%;
}

.prefix10of12 {
  margin-left: 83.33333%;
}

.suffix10of12 {
  margin-right: 83.33333%;
}

.prefix11of12 {
  margin-left: 91.66667%;
}

.suffix11of12 {
  margin-right: 91.66667%;
}

.prefix12of12 {
  margin-left: 100%;
}

.suffix12of12 {
  margin-right: 100%;
}

.push0of12 {
  left: 0;
}

.pull0of12 {
  right: 0;
}

.push1of12 {
  left: 8.33333%;
}

.pull1of12 {
  right: 8.33333%;
}

.push2of12 {
  left: 16.66667%;
}

.pull2of12 {
  right: 16.66667%;
}

.push3of12 {
  left: 25%;
}

.pull3of12 {
  right: 25%;
}

.push4of12 {
  left: 33.33333%;
}

.pull4of12 {
  right: 33.33333%;
}

.push5of12 {
  left: 41.66667%;
}

.pull5of12 {
  right: 41.66667%;
}

.push6of12 {
  left: 50%;
}

.pull6of12 {
  right: 50%;
}

.push7of12 {
  left: 58.33333%;
}

.pull7of12 {
  right: 58.33333%;
}

.push8of12 {
  left: 66.66667%;
}

.pull8of12 {
  right: 66.66667%;
}

.push9of12 {
  left: 75%;
}

.pull9of12 {
  right: 75%;
}

.push10of12 {
  left: 83.33333%;
}

.pull10of12 {
  right: 83.33333%;
}

.push11of12 {
  left: 91.66667%;
}

.pull11of12 {
  right: 91.66667%;
}

.push12of12 {
  left: 100%;
}

.pull12of12 {
  right: 100%;
}

.column.clear_padding,
.column.clear_padding_left,
.contentStripe__content.clear_padding,
.contentStripe__content.clear_padding_left,
.contentStripe__media.clear_padding,
.contentStripe__media.clear_padding_left {
  padding-left: 0;
}

.column.clear_padding,
.column.clear_padding_right,
.contentStripe__content.clear_padding,
.contentStripe__content.clear_padding_right,
.contentStripe__media.clear_padding,
.contentStripe__media.clear_padding_right {
  padding-right: 0;
}

@media (min-width: 481px) {
  .sm_size1of12 {
    width: 8.33333%;
    width: calc(8.3333333333% - 0.01px);
  }

  .sm_size2of12 {
    width: 16.66667%;
    width: calc(16.6666666667% - 0.01px);
  }

  .sm_size3of12 {
    width: 25%;
    width: calc(25% - 0.01px);
  }

  .sm_size4of12 {
    width: 33.33333%;
    width: calc(33.3333333333% - 0.01px);
  }

  .sm_size5of12 {
    width: 41.66667%;
    width: calc(41.6666666667% - 0.01px);
  }

  .sm_size6of12 {
    width: 50%;
    width: calc(50% - 0.01px);
  }

  .sm_size7of12 {
    width: 58.33333%;
    width: calc(58.3333333333% - 0.01px);
  }

  .sm_size8of12 {
    width: 66.66667%;
    width: calc(66.6666666667% - 0.01px);
  }

  .sm_size9of12 {
    width: 75%;
    width: calc(75% - 0.01px);
  }

  .sm_size10of12 {
    width: 83.33333%;
    width: calc(83.3333333333% - 0.01px);
  }

  .sm_size11of12 {
    width: 91.66667%;
    width: calc(91.6666666667% - 0.01px);
  }

  .sm_size12of12 {
    width: 100%;
    width: calc(100% - 0.01px);
  }

  .sm_prefix0of12 {
    margin-left: 0;
  }

  .sm_suffix0of12 {
    margin-right: 0;
  }

  .sm_prefix1of12 {
    margin-left: 8.33333%;
  }

  .sm_suffix1of12 {
    margin-right: 8.33333%;
  }

  .sm_prefix2of12 {
    margin-left: 16.66667%;
  }

  .sm_suffix2of12 {
    margin-right: 16.66667%;
  }

  .sm_prefix3of12 {
    margin-left: 25%;
  }

  .sm_suffix3of12 {
    margin-right: 25%;
  }

  .sm_prefix4of12 {
    margin-left: 33.33333%;
  }

  .sm_suffix4of12 {
    margin-right: 33.33333%;
  }

  .sm_prefix5of12 {
    margin-left: 41.66667%;
  }

  .sm_suffix5of12 {
    margin-right: 41.66667%;
  }

  .sm_prefix6of12 {
    margin-left: 50%;
  }

  .sm_suffix6of12 {
    margin-right: 50%;
  }

  .sm_prefix7of12 {
    margin-left: 58.33333%;
  }

  .sm_suffix7of12 {
    margin-right: 58.33333%;
  }

  .sm_prefix8of12 {
    margin-left: 66.66667%;
  }

  .sm_suffix8of12 {
    margin-right: 66.66667%;
  }

  .sm_prefix9of12 {
    margin-left: 75%;
  }

  .sm_suffix9of12 {
    margin-right: 75%;
  }

  .sm_prefix10of12 {
    margin-left: 83.33333%;
  }

  .sm_suffix10of12 {
    margin-right: 83.33333%;
  }

  .sm_prefix11of12 {
    margin-left: 91.66667%;
  }

  .sm_suffix11of12 {
    margin-right: 91.66667%;
  }

  .sm_prefix12of12 {
    margin-left: 100%;
  }

  .sm_suffix12of12 {
    margin-right: 100%;
  }

  .sm_push0of12 {
    left: 0;
  }

  .sm_pull0of12 {
    right: 0;
  }

  .sm_push1of12 {
    left: 8.33333%;
  }

  .sm_pull1of12 {
    right: 8.33333%;
  }

  .sm_push2of12 {
    left: 16.66667%;
  }

  .sm_pull2of12 {
    right: 16.66667%;
  }

  .sm_push3of12 {
    left: 25%;
  }

  .sm_pull3of12 {
    right: 25%;
  }

  .sm_push4of12 {
    left: 33.33333%;
  }

  .sm_pull4of12 {
    right: 33.33333%;
  }

  .sm_push5of12 {
    left: 41.66667%;
  }

  .sm_pull5of12 {
    right: 41.66667%;
  }

  .sm_push6of12 {
    left: 50%;
  }

  .sm_pull6of12 {
    right: 50%;
  }

  .sm_push7of12 {
    left: 58.33333%;
  }

  .sm_pull7of12 {
    right: 58.33333%;
  }

  .sm_push8of12 {
    left: 66.66667%;
  }

  .sm_pull8of12 {
    right: 66.66667%;
  }

  .sm_push9of12 {
    left: 75%;
  }

  .sm_pull9of12 {
    right: 75%;
  }

  .sm_push10of12 {
    left: 83.33333%;
  }

  .sm_pull10of12 {
    right: 83.33333%;
  }

  .sm_push11of12 {
    left: 91.66667%;
  }

  .sm_pull11of12 {
    right: 91.66667%;
  }

  .sm_push12of12 {
    left: 100%;
  }

  .sm_pull12of12 {
    right: 100%;
  }

  .column.sm_clear_padding,
.column.sm_clear_padding_left,
.contentStripe__content.sm_clear_padding,
.contentStripe__content.sm_clear_padding_left,
.contentStripe__media.sm_clear_padding,
.contentStripe__media.sm_clear_padding_left {
    padding-left: 0;
  }

  .column.sm_clear_padding,
.column.sm_clear_padding_right,
.contentStripe__content.sm_clear_padding,
.contentStripe__content.sm_clear_padding_right,
.contentStripe__media.sm_clear_padding,
.contentStripe__media.sm_clear_padding_right {
    padding-right: 0;
  }

  .column.sm_restore_padding,
.column.sm_restore_padding_left,
.contentStripe__content.sm_restore_padding,
.contentStripe__content.sm_restore_padding_left,
.contentStripe__media.sm_restore_padding,
.contentStripe__media.sm_restore_padding_left {
    padding-left: 10px;
  }

  .column.sm_restore_padding,
.column.sm_restore_padding_right,
.contentStripe__content.sm_restore_padding,
.contentStripe__content.sm_restore_padding_right,
.contentStripe__media.sm_restore_padding,
.contentStripe__media.sm_restore_padding_right {
    padding-right: 10px;
  }
}
@media (min-width: 768px) {
  .med_size1of12 {
    width: 8.33333%;
    width: calc(8.3333333333% - 0.01px);
  }

  .med_size2of12 {
    width: 16.66667%;
    width: calc(16.6666666667% - 0.01px);
  }

  .med_size3of12 {
    width: 25%;
    width: calc(25% - 0.01px);
  }

  .med_size4of12 {
    width: 33.33333%;
    width: calc(33.3333333333% - 0.01px);
  }

  .med_size5of12 {
    width: 41.66667%;
    width: calc(41.6666666667% - 0.01px);
  }

  .med_size6of12 {
    width: 50%;
    width: calc(50% - 0.01px);
  }

  .med_size7of12 {
    width: 58.33333%;
    width: calc(58.3333333333% - 0.01px);
  }

  .med_size8of12 {
    width: 66.66667%;
    width: calc(66.6666666667% - 0.01px);
  }

  .med_size9of12 {
    width: 75%;
    width: calc(75% - 0.01px);
  }

  .med_size10of12 {
    width: 83.33333%;
    width: calc(83.3333333333% - 0.01px);
  }

  .med_size11of12 {
    width: 91.66667%;
    width: calc(91.6666666667% - 0.01px);
  }

  .med_size12of12 {
    width: 100%;
    width: calc(100% - 0.01px);
  }

  .med_prefix0of12 {
    margin-left: 0;
  }

  .med_suffix0of12 {
    margin-right: 0;
  }

  .med_prefix1of12 {
    margin-left: 8.33333%;
  }

  .med_suffix1of12 {
    margin-right: 8.33333%;
  }

  .med_prefix2of12 {
    margin-left: 16.66667%;
  }

  .med_suffix2of12 {
    margin-right: 16.66667%;
  }

  .med_prefix3of12 {
    margin-left: 25%;
  }

  .med_suffix3of12 {
    margin-right: 25%;
  }

  .med_prefix4of12 {
    margin-left: 33.33333%;
  }

  .med_suffix4of12 {
    margin-right: 33.33333%;
  }

  .med_prefix5of12 {
    margin-left: 41.66667%;
  }

  .med_suffix5of12 {
    margin-right: 41.66667%;
  }

  .med_prefix6of12 {
    margin-left: 50%;
  }

  .med_suffix6of12 {
    margin-right: 50%;
  }

  .med_prefix7of12 {
    margin-left: 58.33333%;
  }

  .med_suffix7of12 {
    margin-right: 58.33333%;
  }

  .med_prefix8of12 {
    margin-left: 66.66667%;
  }

  .med_suffix8of12 {
    margin-right: 66.66667%;
  }

  .med_prefix9of12 {
    margin-left: 75%;
  }

  .med_suffix9of12 {
    margin-right: 75%;
  }

  .med_prefix10of12 {
    margin-left: 83.33333%;
  }

  .med_suffix10of12 {
    margin-right: 83.33333%;
  }

  .med_prefix11of12 {
    margin-left: 91.66667%;
  }

  .med_suffix11of12 {
    margin-right: 91.66667%;
  }

  .med_prefix12of12 {
    margin-left: 100%;
  }

  .med_suffix12of12 {
    margin-right: 100%;
  }

  .med_push0of12 {
    left: 0;
  }

  .med_pull0of12 {
    right: 0;
  }

  .med_push1of12 {
    left: 8.33333%;
  }

  .med_pull1of12 {
    right: 8.33333%;
  }

  .med_push2of12 {
    left: 16.66667%;
  }

  .med_pull2of12 {
    right: 16.66667%;
  }

  .med_push3of12 {
    left: 25%;
  }

  .med_pull3of12 {
    right: 25%;
  }

  .med_push4of12 {
    left: 33.33333%;
  }

  .med_pull4of12 {
    right: 33.33333%;
  }

  .med_push5of12 {
    left: 41.66667%;
  }

  .med_pull5of12 {
    right: 41.66667%;
  }

  .med_push6of12 {
    left: 50%;
  }

  .med_pull6of12 {
    right: 50%;
  }

  .med_push7of12 {
    left: 58.33333%;
  }

  .med_pull7of12 {
    right: 58.33333%;
  }

  .med_push8of12 {
    left: 66.66667%;
  }

  .med_pull8of12 {
    right: 66.66667%;
  }

  .med_push9of12 {
    left: 75%;
  }

  .med_pull9of12 {
    right: 75%;
  }

  .med_push10of12 {
    left: 83.33333%;
  }

  .med_pull10of12 {
    right: 83.33333%;
  }

  .med_push11of12 {
    left: 91.66667%;
  }

  .med_pull11of12 {
    right: 91.66667%;
  }

  .med_push12of12 {
    left: 100%;
  }

  .med_pull12of12 {
    right: 100%;
  }

  .column.med_clear_padding,
.column.med_clear_padding_left,
.contentStripe__content.med_clear_padding,
.contentStripe__content.med_clear_padding_left,
.contentStripe__media.med_clear_padding,
.contentStripe__media.med_clear_padding_left {
    padding-left: 0;
  }

  .column.med_clear_padding,
.column.med_clear_padding_right,
.contentStripe__content.med_clear_padding,
.contentStripe__content.med_clear_padding_right,
.contentStripe__media.med_clear_padding,
.contentStripe__media.med_clear_padding_right {
    padding-right: 0;
  }

  .column.med_restore_padding,
.column.med_restore_padding_left,
.contentStripe__content.med_restore_padding,
.contentStripe__content.med_restore_padding_left,
.contentStripe__media.med_restore_padding,
.contentStripe__media.med_restore_padding_left {
    padding-left: 12px;
  }

  .column.med_restore_padding,
.column.med_restore_padding_right,
.contentStripe__content.med_restore_padding,
.contentStripe__content.med_restore_padding_right,
.contentStripe__media.med_restore_padding,
.contentStripe__media.med_restore_padding_right {
    padding-right: 12px;
  }
}
@media (min-width: 769px) {
  .sm_med_size1of12 {
    width: 8.33333%;
    width: calc(8.3333333333% - 0.01px);
  }

  .sm_med_size2of12 {
    width: 16.66667%;
    width: calc(16.6666666667% - 0.01px);
  }

  .sm_med_size3of12 {
    width: 25%;
    width: calc(25% - 0.01px);
  }

  .sm_med_size4of12 {
    width: 33.33333%;
    width: calc(33.3333333333% - 0.01px);
  }

  .sm_med_size5of12 {
    width: 41.66667%;
    width: calc(41.6666666667% - 0.01px);
  }

  .sm_med_size6of12 {
    width: 50%;
    width: calc(50% - 0.01px);
  }

  .sm_med_size7of12 {
    width: 58.33333%;
    width: calc(58.3333333333% - 0.01px);
  }

  .sm_med_size8of12 {
    width: 66.66667%;
    width: calc(66.6666666667% - 0.01px);
  }

  .sm_med_size9of12 {
    width: 75%;
    width: calc(75% - 0.01px);
  }

  .sm_med_size10of12 {
    width: 83.33333%;
    width: calc(83.3333333333% - 0.01px);
  }

  .sm_med_size11of12 {
    width: 91.66667%;
    width: calc(91.6666666667% - 0.01px);
  }

  .sm_med_size12of12 {
    width: 100%;
    width: calc(100% - 0.01px);
  }

  .sm_med_prefix0of12 {
    margin-left: 0;
  }

  .sm_med_suffix0of12 {
    margin-right: 0;
  }

  .sm_med_prefix1of12 {
    margin-left: 8.33333%;
  }

  .sm_med_suffix1of12 {
    margin-right: 8.33333%;
  }

  .sm_med_prefix2of12 {
    margin-left: 16.66667%;
  }

  .sm_med_suffix2of12 {
    margin-right: 16.66667%;
  }

  .sm_med_prefix3of12 {
    margin-left: 25%;
  }

  .sm_med_suffix3of12 {
    margin-right: 25%;
  }

  .sm_med_prefix4of12 {
    margin-left: 33.33333%;
  }

  .sm_med_suffix4of12 {
    margin-right: 33.33333%;
  }

  .sm_med_prefix5of12 {
    margin-left: 41.66667%;
  }

  .sm_med_suffix5of12 {
    margin-right: 41.66667%;
  }

  .sm_med_prefix6of12 {
    margin-left: 50%;
  }

  .sm_med_suffix6of12 {
    margin-right: 50%;
  }

  .sm_med_prefix7of12 {
    margin-left: 58.33333%;
  }

  .sm_med_suffix7of12 {
    margin-right: 58.33333%;
  }

  .sm_med_prefix8of12 {
    margin-left: 66.66667%;
  }

  .sm_med_suffix8of12 {
    margin-right: 66.66667%;
  }

  .sm_med_prefix9of12 {
    margin-left: 75%;
  }

  .sm_med_suffix9of12 {
    margin-right: 75%;
  }

  .sm_med_prefix10of12 {
    margin-left: 83.33333%;
  }

  .sm_med_suffix10of12 {
    margin-right: 83.33333%;
  }

  .sm_med_prefix11of12 {
    margin-left: 91.66667%;
  }

  .sm_med_suffix11of12 {
    margin-right: 91.66667%;
  }

  .sm_med_prefix12of12 {
    margin-left: 100%;
  }

  .sm_med_suffix12of12 {
    margin-right: 100%;
  }

  .sm_med_push0of12 {
    left: 0;
  }

  .sm_med_pull0of12 {
    right: 0;
  }

  .sm_med_push1of12 {
    left: 8.33333%;
  }

  .sm_med_pull1of12 {
    right: 8.33333%;
  }

  .sm_med_push2of12 {
    left: 16.66667%;
  }

  .sm_med_pull2of12 {
    right: 16.66667%;
  }

  .sm_med_push3of12 {
    left: 25%;
  }

  .sm_med_pull3of12 {
    right: 25%;
  }

  .sm_med_push4of12 {
    left: 33.33333%;
  }

  .sm_med_pull4of12 {
    right: 33.33333%;
  }

  .sm_med_push5of12 {
    left: 41.66667%;
  }

  .sm_med_pull5of12 {
    right: 41.66667%;
  }

  .sm_med_push6of12 {
    left: 50%;
  }

  .sm_med_pull6of12 {
    right: 50%;
  }

  .sm_med_push7of12 {
    left: 58.33333%;
  }

  .sm_med_pull7of12 {
    right: 58.33333%;
  }

  .sm_med_push8of12 {
    left: 66.66667%;
  }

  .sm_med_pull8of12 {
    right: 66.66667%;
  }

  .sm_med_push9of12 {
    left: 75%;
  }

  .sm_med_pull9of12 {
    right: 75%;
  }

  .sm_med_push10of12 {
    left: 83.33333%;
  }

  .sm_med_pull10of12 {
    right: 83.33333%;
  }

  .sm_med_push11of12 {
    left: 91.66667%;
  }

  .sm_med_pull11of12 {
    right: 91.66667%;
  }

  .sm_med_push12of12 {
    left: 100%;
  }

  .sm_med_pull12of12 {
    right: 100%;
  }

  .column.sm_med_clear_padding,
.column.sm_med_clear_padding_left,
.contentStripe__content.sm_med_clear_padding,
.contentStripe__content.sm_med_clear_padding_left,
.contentStripe__media.sm_med_clear_padding,
.contentStripe__media.sm_med_clear_padding_left {
    padding-left: 0;
  }

  .column.sm_med_clear_padding,
.column.sm_med_clear_padding_right,
.contentStripe__content.sm_med_clear_padding,
.contentStripe__content.sm_med_clear_padding_right,
.contentStripe__media.sm_med_clear_padding,
.contentStripe__media.sm_med_clear_padding_right {
    padding-right: 0;
  }

  .column.sm_med_restore_padding,
.column.sm_med_restore_padding_left,
.contentStripe__content.sm_med_restore_padding,
.contentStripe__content.sm_med_restore_padding_left,
.contentStripe__media.sm_med_restore_padding,
.contentStripe__media.sm_med_restore_padding_left {
    padding-left: 12px;
  }

  .column.sm_med_restore_padding,
.column.sm_med_restore_padding_right,
.contentStripe__content.sm_med_restore_padding,
.contentStripe__content.sm_med_restore_padding_right,
.contentStripe__media.sm_med_restore_padding,
.contentStripe__media.sm_med_restore_padding_right {
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .lg_size1of12 {
    width: 8.33333%;
    width: calc(8.3333333333% - 0.01px);
  }

  .lg_size2of12 {
    width: 16.66667%;
    width: calc(16.6666666667% - 0.01px);
  }

  .lg_size3of12 {
    width: 25%;
    width: calc(25% - 0.01px);
  }

  .lg_size4of12 {
    width: 33.33333%;
    width: calc(33.3333333333% - 0.01px);
  }

  .lg_size5of12 {
    width: 41.66667%;
    width: calc(41.6666666667% - 0.01px);
  }

  .lg_size6of12 {
    width: 50%;
    width: calc(50% - 0.01px);
  }

  .lg_size7of12 {
    width: 58.33333%;
    width: calc(58.3333333333% - 0.01px);
  }

  .lg_size8of12 {
    width: 66.66667%;
    width: calc(66.6666666667% - 0.01px);
  }

  .lg_size9of12 {
    width: 75%;
    width: calc(75% - 0.01px);
  }

  .lg_size10of12 {
    width: 83.33333%;
    width: calc(83.3333333333% - 0.01px);
  }

  .lg_size11of12 {
    width: 91.66667%;
    width: calc(91.6666666667% - 0.01px);
  }

  .lg_size12of12 {
    width: 100%;
    width: calc(100% - 0.01px);
  }

  .lg_prefix0of12 {
    margin-left: 0;
  }

  .lg_suffix0of12 {
    margin-right: 0;
  }

  .lg_prefix1of12 {
    margin-left: 8.33333%;
  }

  .lg_suffix1of12 {
    margin-right: 8.33333%;
  }

  .lg_prefix2of12 {
    margin-left: 16.66667%;
  }

  .lg_suffix2of12 {
    margin-right: 16.66667%;
  }

  .lg_prefix3of12 {
    margin-left: 25%;
  }

  .lg_suffix3of12 {
    margin-right: 25%;
  }

  .lg_prefix4of12 {
    margin-left: 33.33333%;
  }

  .lg_suffix4of12 {
    margin-right: 33.33333%;
  }

  .lg_prefix5of12 {
    margin-left: 41.66667%;
  }

  .lg_suffix5of12 {
    margin-right: 41.66667%;
  }

  .lg_prefix6of12 {
    margin-left: 50%;
  }

  .lg_suffix6of12 {
    margin-right: 50%;
  }

  .lg_prefix7of12 {
    margin-left: 58.33333%;
  }

  .lg_suffix7of12 {
    margin-right: 58.33333%;
  }

  .lg_prefix8of12 {
    margin-left: 66.66667%;
  }

  .lg_suffix8of12 {
    margin-right: 66.66667%;
  }

  .lg_prefix9of12 {
    margin-left: 75%;
  }

  .lg_suffix9of12 {
    margin-right: 75%;
  }

  .lg_prefix10of12 {
    margin-left: 83.33333%;
  }

  .lg_suffix10of12 {
    margin-right: 83.33333%;
  }

  .lg_prefix11of12 {
    margin-left: 91.66667%;
  }

  .lg_suffix11of12 {
    margin-right: 91.66667%;
  }

  .lg_prefix12of12 {
    margin-left: 100%;
  }

  .lg_suffix12of12 {
    margin-right: 100%;
  }

  .lg_push0of12 {
    left: 0;
  }

  .lg_pull0of12 {
    right: 0;
  }

  .lg_push1of12 {
    left: 8.33333%;
  }

  .lg_pull1of12 {
    right: 8.33333%;
  }

  .lg_push2of12 {
    left: 16.66667%;
  }

  .lg_pull2of12 {
    right: 16.66667%;
  }

  .lg_push3of12 {
    left: 25%;
  }

  .lg_pull3of12 {
    right: 25%;
  }

  .lg_push4of12 {
    left: 33.33333%;
  }

  .lg_pull4of12 {
    right: 33.33333%;
  }

  .lg_push5of12 {
    left: 41.66667%;
  }

  .lg_pull5of12 {
    right: 41.66667%;
  }

  .lg_push6of12 {
    left: 50%;
  }

  .lg_pull6of12 {
    right: 50%;
  }

  .lg_push7of12 {
    left: 58.33333%;
  }

  .lg_pull7of12 {
    right: 58.33333%;
  }

  .lg_push8of12 {
    left: 66.66667%;
  }

  .lg_pull8of12 {
    right: 66.66667%;
  }

  .lg_push9of12 {
    left: 75%;
  }

  .lg_pull9of12 {
    right: 75%;
  }

  .lg_push10of12 {
    left: 83.33333%;
  }

  .lg_pull10of12 {
    right: 83.33333%;
  }

  .lg_push11of12 {
    left: 91.66667%;
  }

  .lg_pull11of12 {
    right: 91.66667%;
  }

  .lg_push12of12 {
    left: 100%;
  }

  .lg_pull12of12 {
    right: 100%;
  }

  .column.lg_clear_padding,
.column.lg_clear_padding_left,
.contentStripe__content.lg_clear_padding,
.contentStripe__content.lg_clear_padding_left,
.contentStripe__media.lg_clear_padding,
.contentStripe__media.lg_clear_padding_left {
    padding-left: 0;
  }

  .column.lg_clear_padding,
.column.lg_clear_padding_right,
.contentStripe__content.lg_clear_padding,
.contentStripe__content.lg_clear_padding_right,
.contentStripe__media.lg_clear_padding,
.contentStripe__media.lg_clear_padding_right {
    padding-right: 0;
  }

  .column.lg_restore_padding,
.column.lg_restore_padding_left,
.contentStripe__content.lg_restore_padding,
.contentStripe__content.lg_restore_padding_left,
.contentStripe__media.lg_restore_padding,
.contentStripe__media.lg_restore_padding_left {
    padding-left: 15px;
  }

  .column.lg_restore_padding,
.column.lg_restore_padding_right,
.contentStripe__content.lg_restore_padding,
.contentStripe__content.lg_restore_padding_right,
.contentStripe__media.lg_restore_padding,
.contentStripe__media.lg_restore_padding_right {
    padding-right: 15px;
  }
}
@media (min-width: 1280px) {
  .xl_size1of12 {
    width: 8.33333%;
    width: calc(8.3333333333% - 0.01px);
  }

  .xl_size2of12 {
    width: 16.66667%;
    width: calc(16.6666666667% - 0.01px);
  }

  .xl_size3of12 {
    width: 25%;
    width: calc(25% - 0.01px);
  }

  .xl_size4of12 {
    width: 33.33333%;
    width: calc(33.3333333333% - 0.01px);
  }

  .xl_size5of12 {
    width: 41.66667%;
    width: calc(41.6666666667% - 0.01px);
  }

  .xl_size6of12 {
    width: 50%;
    width: calc(50% - 0.01px);
  }

  .xl_size7of12 {
    width: 58.33333%;
    width: calc(58.3333333333% - 0.01px);
  }

  .xl_size8of12 {
    width: 66.66667%;
    width: calc(66.6666666667% - 0.01px);
  }

  .xl_size9of12 {
    width: 75%;
    width: calc(75% - 0.01px);
  }

  .xl_size10of12 {
    width: 83.33333%;
    width: calc(83.3333333333% - 0.01px);
  }

  .xl_size11of12 {
    width: 91.66667%;
    width: calc(91.6666666667% - 0.01px);
  }

  .xl_size12of12 {
    width: 100%;
    width: calc(100% - 0.01px);
  }

  .xl_prefix0of12 {
    margin-left: 0;
  }

  .xl_suffix0of12 {
    margin-right: 0;
  }

  .xl_prefix1of12 {
    margin-left: 8.33333%;
  }

  .xl_suffix1of12 {
    margin-right: 8.33333%;
  }

  .xl_prefix2of12 {
    margin-left: 16.66667%;
  }

  .xl_suffix2of12 {
    margin-right: 16.66667%;
  }

  .xl_prefix3of12 {
    margin-left: 25%;
  }

  .xl_suffix3of12 {
    margin-right: 25%;
  }

  .xl_prefix4of12 {
    margin-left: 33.33333%;
  }

  .xl_suffix4of12 {
    margin-right: 33.33333%;
  }

  .xl_prefix5of12 {
    margin-left: 41.66667%;
  }

  .xl_suffix5of12 {
    margin-right: 41.66667%;
  }

  .xl_prefix6of12 {
    margin-left: 50%;
  }

  .xl_suffix6of12 {
    margin-right: 50%;
  }

  .xl_prefix7of12 {
    margin-left: 58.33333%;
  }

  .xl_suffix7of12 {
    margin-right: 58.33333%;
  }

  .xl_prefix8of12 {
    margin-left: 66.66667%;
  }

  .xl_suffix8of12 {
    margin-right: 66.66667%;
  }

  .xl_prefix9of12 {
    margin-left: 75%;
  }

  .xl_suffix9of12 {
    margin-right: 75%;
  }

  .xl_prefix10of12 {
    margin-left: 83.33333%;
  }

  .xl_suffix10of12 {
    margin-right: 83.33333%;
  }

  .xl_prefix11of12 {
    margin-left: 91.66667%;
  }

  .xl_suffix11of12 {
    margin-right: 91.66667%;
  }

  .xl_prefix12of12 {
    margin-left: 100%;
  }

  .xl_suffix12of12 {
    margin-right: 100%;
  }

  .xl_push0of12 {
    left: 0;
  }

  .xl_pull0of12 {
    right: 0;
  }

  .xl_push1of12 {
    left: 8.33333%;
  }

  .xl_pull1of12 {
    right: 8.33333%;
  }

  .xl_push2of12 {
    left: 16.66667%;
  }

  .xl_pull2of12 {
    right: 16.66667%;
  }

  .xl_push3of12 {
    left: 25%;
  }

  .xl_pull3of12 {
    right: 25%;
  }

  .xl_push4of12 {
    left: 33.33333%;
  }

  .xl_pull4of12 {
    right: 33.33333%;
  }

  .xl_push5of12 {
    left: 41.66667%;
  }

  .xl_pull5of12 {
    right: 41.66667%;
  }

  .xl_push6of12 {
    left: 50%;
  }

  .xl_pull6of12 {
    right: 50%;
  }

  .xl_push7of12 {
    left: 58.33333%;
  }

  .xl_pull7of12 {
    right: 58.33333%;
  }

  .xl_push8of12 {
    left: 66.66667%;
  }

  .xl_pull8of12 {
    right: 66.66667%;
  }

  .xl_push9of12 {
    left: 75%;
  }

  .xl_pull9of12 {
    right: 75%;
  }

  .xl_push10of12 {
    left: 83.33333%;
  }

  .xl_pull10of12 {
    right: 83.33333%;
  }

  .xl_push11of12 {
    left: 91.66667%;
  }

  .xl_pull11of12 {
    right: 91.66667%;
  }

  .xl_push12of12 {
    left: 100%;
  }

  .xl_pull12of12 {
    right: 100%;
  }

  .column.xl_clear_padding,
.column.xl_clear_padding_left,
.contentStripe__content.xl_clear_padding,
.contentStripe__content.xl_clear_padding_left,
.contentStripe__media.xl_clear_padding,
.contentStripe__media.xl_clear_padding_left {
    padding-left: 0;
  }

  .column.xl_clear_padding,
.column.xl_clear_padding_right,
.contentStripe__content.xl_clear_padding,
.contentStripe__content.xl_clear_padding_right,
.contentStripe__media.xl_clear_padding,
.contentStripe__media.xl_clear_padding_right {
    padding-right: 0;
  }

  .column.xl_restore_padding,
.column.xl_restore_padding_left,
.contentStripe__content.xl_restore_padding,
.contentStripe__content.xl_restore_padding_left,
.contentStripe__media.xl_restore_padding,
.contentStripe__media.xl_restore_padding_left {
    padding-left: 20px;
  }

  .column.xl_restore_padding,
.column.xl_restore_padding_right,
.contentStripe__content.xl_restore_padding,
.contentStripe__content.xl_restore_padding_right,
.contentStripe__media.xl_restore_padding,
.contentStripe__media.xl_restore_padding_right {
    padding-right: 20px;
  }
}
@media (min-width: 768px) {
  .column.sm_restore_padding,
.column.sm_restore_padding_left,
.contentStripe__content.sm_restore_padding,
.contentStripe__content.sm_restore_padding_left,
.contentStripe__media.sm_restore_padding,
.contentStripe__media.sm_restore_padding_left {
    padding-left: 12px;
  }

  .column.sm_restore_padding,
.column.sm_restore_padding_right,
.contentStripe__content.sm_restore_padding,
.contentStripe__content.sm_restore_padding_right,
.contentStripe__media.sm_restore_padding,
.contentStripe__media.sm_restore_padding_right {
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .column.med_restore_padding,
.column.med_restore_padding_left,
.column.sm_restore_padding,
.column.sm_restore_padding_left,
.contentStripe__content.med_restore_padding,
.contentStripe__content.med_restore_padding_left,
.contentStripe__content.sm_restore_padding,
.contentStripe__content.sm_restore_padding_left,
.contentStripe__media.med_restore_padding,
.contentStripe__media.med_restore_padding_left,
.contentStripe__media.sm_restore_padding,
.contentStripe__media.sm_restore_padding_left {
    padding-left: 15px;
  }

  .column.med_restore_padding,
.column.med_restore_padding_right,
.column.sm_restore_padding,
.column.sm_restore_padding_right,
.contentStripe__content.med_restore_padding,
.contentStripe__content.med_restore_padding_right,
.contentStripe__content.sm_restore_padding,
.contentStripe__content.sm_restore_padding_right,
.contentStripe__media.med_restore_padding,
.contentStripe__media.med_restore_padding_right,
.contentStripe__media.sm_restore_padding,
.contentStripe__media.sm_restore_padding_right {
    padding-right: 15px;
  }
}
@media (min-width: 1280px) {
  .column.lg_restore_padding,
.column.lg_restore_padding_left,
.column.med_restore_padding,
.column.med_restore_padding_left,
.column.sm_restore_padding,
.column.sm_restore_padding_left,
.contentStripe__content.lg_restore_padding,
.contentStripe__content.lg_restore_padding_left,
.contentStripe__content.med_restore_padding,
.contentStripe__content.med_restore_padding_left,
.contentStripe__content.sm_restore_padding,
.contentStripe__content.sm_restore_padding_left,
.contentStripe__media.lg_restore_padding,
.contentStripe__media.lg_restore_padding_left,
.contentStripe__media.med_restore_padding,
.contentStripe__media.med_restore_padding_left,
.contentStripe__media.sm_restore_padding,
.contentStripe__media.sm_restore_padding_left {
    padding-left: 20px;
  }

  .column.lg_restore_padding,
.column.lg_restore_padding_right,
.column.med_restore_padding,
.column.med_restore_padding_right,
.column.sm_restore_padding,
.column.sm_restore_padding_right,
.contentStripe__content.lg_restore_padding,
.contentStripe__content.lg_restore_padding_right,
.contentStripe__content.med_restore_padding,
.contentStripe__content.med_restore_padding_right,
.contentStripe__content.sm_restore_padding,
.contentStripe__content.sm_restore_padding_right,
.contentStripe__media.lg_restore_padding,
.contentStripe__media.lg_restore_padding_right,
.contentStripe__media.med_restore_padding,
.contentStripe__media.med_restore_padding_right,
.contentStripe__media.sm_restore_padding,
.contentStripe__media.sm_restore_padding_right {
    padding-right: 20px;
  }
}
.no_focus_outline {
  outline: 0;
}

.notice :link {
  border-bottom: 1px dotted;
  color: #3d3a35;
  background: 0 0;
}

.notice :active:link,
.notice :focus:link,
.notice :hover:link {
  border-bottom: 1px solid;
  color: #64615d;
}

.noticeList {
  margin: 10px 0;
}

@media (min-width: 768px) {
  .noticeList {
    margin: 25px 0;
  }
}
.notice {
  position: relative;
  margin-bottom: 20px;
  padding: 15px 25px 15px 15px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
}

.notice [data-icon] {
  display: block;
  line-height: 1;
}

.notice.notice--success {
  border: none;
  border-radius: 0;
}

.notice.notice--success .notice__icon:before,
.notice.notice--success .notice__title {
  color: #6d953e;
}

.notice.notice--information {
  border: 2px solid #1e7387;
  border-radius: 6px;
}

.notice.notice--information .notice__icon:before,
.notice.notice--information .notice__title {
  color: #1e7387;
}

.notice.notice--warning {
  border: 2px solid #cd7429;
  border-radius: 6px;
}

.notice.notice--warning .notice__icon:before,
.notice.notice--warning .notice__title {
  color: #cd7429;
}

.notice.notice--error {
  border: 2px solid #aa1e33;
  border-radius: 6px;
}

.notice.notice--error .notice__icon:before,
.notice.notice--error .notice__title {
  color: #aa1e33;
}

.noticeList .notice {
  margin-bottom: 10px;
}

.noticeList .notice:last-of-type {
  margin-bottom: 0;
}

.notice__title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0;
}

@media (min-width: 768px) {
  .notice__title {
    margin-left: 27px;
  }
}
.notice__text {
  font-size: 14px;
  font-size: 1.4rem;
  color: #777571;
  margin: 0;
}

@media (min-width: 768px) {
  .notice__text {
    margin-left: 27px;
  }
}
.notice__icon {
  float: left;
  width: 18px;
  height: 18px;
  padding: 0;
  margin-right: 8px;
}

.notice__icon:before {
  font-size: 18px;
  font-size: 1.8rem;
  margin-right: 8px;
}

.notice__closeButton {
  position: absolute;
  top: 0;
  right: 0;
  background: 0 0;
  padding: 0;
  border: none;
}

.notice__closeButton [data-icon] {
  margin: 0 8px 8px 12px;
}

.notice__closeButton [data-icon]:before {
  color: #777571;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 3rem;
}

.button {
  margin: 0 10px 0 0;
}

.button a,
.button a:visited,
.button button,
.button input,
.button span {
  margin: 0;
  padding: 0.2857em 1.2857em;
  border: 1px solid #2a8a15;
  background-image: linear-gradient(top, #5CA61F 30%, #1F760C 100%);
  background-color: #5CA61F;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.125;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

@media (min-width: 481px) {
  .button a,
.button a:visited,
.button button,
.button input,
.button span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.button a:focus,
.button a:hover,
.button button:focus,
.button button:hover,
.button input:focus,
.button input:hover {
  background-image: linear-gradient(top, #1F760C 0, #5CA61F 70%);
  background-color: #1f760c;
}

.button a:active,
.button button:active,
.button input:active {
  background: #1f760c;
  outline: 0;
}

.button button::-moz-focus-inner,
.button input::-moz-focus-inner {
  border: 0;
}

.button.button_cta a,
.button.button_cta a:visited,
.button_cta a,
.button_cta button {
  display: inline-block;
  padding: 10px 28px;
  border: none;
  background: 0 0;
  color: inherit;
  font-size: 1em;
  font-weight: 700;
  line-height: 1;
  vertical-align: baseline;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  cursor: pointer;
  transition: background-color 125ms ease-in-out;
  border-radius: 4px;
}

.button.button_cta a:active,
.button.button_cta a:focus .button_cta a:hover,
.button.button_cta a:hover,
.button_cta a:active,
.button_cta a:focus {
  background: 0 0;
  text-decoration: none;
}

.button_cta.primary a,
.button_cta.primary a:visited,
.button_cta.primary button {
  background: #3d3a35;
  border: 1px solid #3d3a35;
  color: #fff;
}

.button_cta.primary a:active,
.button_cta.primary a:focus,
.button_cta.primary a:hover,
.button_cta.primary button:active,
.button_cta.primary button:focus,
.button_cta.primary button:hover {
  background: #777571;
}

.button_cta.secondary a,
.button_cta.secondary a:visited,
.button_cta.secondary button {
  background: 0 0;
  border: 1px solid;
}

.button_cta.secondary a:active,
.button_cta.secondary a:focus,
.button_cta.secondary a:hover,
.button_cta.secondary button:active,
.button_cta.secondary button:focus,
.button_cta.secondary button:hover {
  background: #000;
  background: rgba(0, 0, 0, 0.15);
}

.button_cta.tertiary a,
.button_cta.tertiary a:visited {
  padding: 0;
  background: 0 0;
  border-bottom: 1px dotted;
  font-size: 1em;
  line-height: inherit;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 0;
}

.button_cta.tertiary a:active,
.button_cta.tertiary a:focus,
.button_cta.tertiary a:hover {
  background: #000;
  background: rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid;
}

.button_cancel a,
.button_cancel a:visited,
.button_cancel button,
.button_cancel input,
.button_cancel span {
  margin: 0.2857em 0;
  padding: 0;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0);
  background: 0 0;
  color: #2a8a15;
}

.button_cancel a:active,
.button_cancel a:focus,
.button_cancel a:hover,
.button_cancel button:active,
.button_cancel button:focus,
.button_cancel button:hover,
.button_cancel input:active,
.button_cancel input:focus,
.button_cancel input:hover {
  background: #2a8a15;
  color: #fff;
}

.button span,
.button_disabled a,
.button_disabled a:active,
.button_disabled a:focus,
.button_disabled a:hover,
.button_disabled a:visited,
.button_disabled button,
.button_disabled button:focus,
.button_disabled button:hover,
.button_disabled input,
.button_disabled input:focus,
.button_disabled input:hover {
  border-color: #ccc;
  background: #ccc;
  color: #827a71;
  cursor: default;
}

.button_next a,
.button_next a:active,
.button_next a:focus,
.button_next a:hover,
.button_next a:visited,
.button_next button,
.button_next button:active,
.button_next button:focus,
.button_next button:hover,
.button_next input,
.button_next input:active,
.button_next input:focus,
.button_next input:hover,
.button_next span {
  padding-right: 1em;
  background-image: url("../../assets/images/button_next.gif");
  background-repeat: no-repeat;
  background-position: 93% 53%;
}

.button_previous a,
.button_previous a:active,
.button_previous a:focus,
.button_previous a:hover,
.button_previous a:visited,
.button_previous button,
.button_previous button:active,
.button_previous button:focus,
.button_previous button:hover,
.button_previous input,
.button_previous input:active,
.button_previous input:focus,
.button_previous input:hover,
.button_previous span {
  padding-left: 1em;
  background-image: url("../../assets/images/button_previous.gif");
  background-repeat: no-repeat;
  background-position: 7% 53%;
}

.button_expand a,
.button_expand a:active,
.button_expand a:focus,
.button_expand a:hover,
.button_expand a:visited,
.button_expand button,
.button_expand button:active,
.button_expand button:focus,
.button_expand button:hover {
  display: inline-block;
  overflow: hidden;
  background-image: url("../../assets/images/button_expand.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;
}

.button_go button {
  background-color: #5CA61F;
}

.button_go button,
.button_go button:active,
.button_go button:focus,
.button_go button:hover {
  display: inline-block;
  overflow: hidden;
  background-image: url("../../assets/images/button_go.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;
}

.button_contract a,
.button_contract a:active,
.button_contract a:focus,
.button_contract a:hover,
.button_contract a:visited,
.button_contract button,
.button_contract button:active,
.button_contract button:focus,
.button_contract button:hover {
  display: inline-block;
  overflow: hidden;
  background-image: url("../../assets/images/button_contract.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;
}

.button_loading {
  position: relative;
  top: 1px;
  margin-right: 13px;
  padding: 0.2857em 1.14286em;
  border: 1px solid #2a8a15;
  background: url("../../assets/images/ajax-button-loader.html") 50% 50% no-repeat #fff;
}

.button_loading a,
.button_loading a:visited,
.button_loading button,
.button_loading input {
  visibility: hidden;
  margin: 0;
  padding: 0 0 0 1px;
  border: 0;
}

.button_search {
  margin: 0;
}

.button_search a,
.button_search a:visited,
.button_search button,
.button_search input {
  overflow: hidden;
  padding: 5px 6px;
  width: 27px;
  max-height: 30px;
  background: url("../../assets/images/search.png") 50% 50% no-repeat;
  background: url("../../assets/images/search.png") 50% 50% no-repeat, linear-gradient(top, #5CA61F 30%, #1F760C 100%);
  background-color: #5Ca61f;
  text-indent: -9999px;
}

.ie6 .button_search a,
.ie6 .button_search a:visited,
.ie6 .button_search button,
.ie6 .button_search input {
  background-image: url("../../assets/images/search.gif");
}

.ie7 .button_search a,
.ie7 .button_search a:visited,
.ie7 .button_search button,
.ie7 .button_search input {
  max-height: 28px;
}

.button_search a:focus,
.button_search a:hover,
.button_search button:focus,
.button_search button:hover,
.button_search input:focus,
.button_search input:hover {
  background: url("../../assets/images/search.png") 50% 50% no-repeat;
  background: url("../../assets/images/search.png") 50% 50% no-repeat, linear-gradient(top, #1F760C 0, #5CA61F 70%);
  background-color: #1f760c;
}

.close_win_only_hidden {
  display: none;
}

@media (min-width: 480px) {
  .button a,
.button a:visited,
.button button,
.button input,
.button span {
    font-size: 1em;
    text-align: left;
  }

  .button_search {
    margin: 0;
  }
}
.btn,
.btn:link,
.btn:visited {
  box-sizing: border-box;
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 10px 28px;
  background: #3d3a35;
  border: 1px solid #3d3a35;
  border-radius: 4px;
  color: #fff;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.1;
  vertical-align: baseline;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
  cursor: pointer;
  transition: all 125ms ease-in-out;
}

.btn:active,
.btn:focus,
.btn:hover {
  background: #64615d;
  border-color: #64615d;
}

.btn:active,
.btn:hover {
  outline: 0;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
}

.btn.btn--full_width {
  display: block;
  width: 100%;
}

@media (min-width: 481px) {
  .btn.btn--sm_auto_width {
    display: inline-block;
    width: auto;
  }
}
@media (min-width: 768px) {
  .btn.btn--med_auto_width {
    display: inline-block;
    width: auto;
  }
}
@media (min-width: 1024px) {
  .btn.btn--lg_auto_width {
    display: inline-block;
    width: auto;
  }
}
@media (min-width: 1280px) {
  .btn.btn--xl_auto_width {
    display: inline-block;
    width: auto;
  }
}
.btn.btn--critical {
  background: #5c223f;
  border-color: #5c223f;
}

.btn.btn--critical:active,
.btn.btn--critical:focus,
.btn.btn--critical:hover {
  background: #7d4e65;
  border-color: #7d4e65;
}

.btn.btn--commercial,
.btn.btn--positive {
  background: #235456;
  border-color: #235456;
}

.btn.btn--commercial:active,
.btn.btn--commercial:focus,
.btn.btn--commercial:hover,
.btn.btn--positive:active,
.btn.btn--positive:focus,
.btn.btn--positive:hover {
  background: #507779;
  border-color: #507779;
}

.btn.btn--cta {
  color: #3d3a35;
  background: 0 0;
  border-color: #3d3a35;
}

.btn.btn--cta:active,
.btn.btn--cta:focus,
.btn.btn--cta:hover {
  background: #ededed;
  border-color: inherit;
}

.btn.btn--secondary_cta {
  padding: 0;
  background: 0 0;
  border: none;
  border-bottom: 1px dotted;
  border-radius: 0;
  color: #3d3a35;
  text-transform: none;
  letter-spacing: 0;
}

.btn.btn--secondary_cta:active,
.btn.btn--secondary_cta:focus,
.btn.btn--secondary_cta:hover {
  background: #ededed;
  border: none;
  border-bottom: 1px solid;
}

.btn.btn--cancel {
  background: 0 0;
  border: 1px solid #ededed;
  font-weight: 400;
  font-size: 0.95em;
  color: #595a5b;
}

.btn.btn--cancel:active,
.btn.btn--cancel:focus,
.btn.btn--cancel:hover {
  background: #ededed;
  border: 1px solid #ededed;
}

.btn_wrapper {
  display: block;
}

.btn_wrapper--standalone .btn {
  margin: 1.5em 0;
}

.btn_wrapper--standalone .btn.btn--no_top_margin {
  margin: 0 0 1.5em;
}

.btn.btn--inline_link {
  display: inline;
}

.btn_group {
  margin: 30px 0;
}

.btn.btn_group__button,
.btn.btn_group__button:link,
.btn.btn_group__button:visited,
.btn_group__button {
  display: block;
  margin: 0 0 10px;
}

.btn_group--inline .btn_group__button {
  display: inline-block;
  margin: 0 5px 0 0;
}

.btn_group--inline .btn_group__button:last-of-type {
  margin: 0;
}

.btn_group--centered .btn_group__button_wrapper {
  display: block;
}

.btn_group--centered .btn_group__button_wrapper .btn_group__button,
.utility_list > li,
[data-icon] {
  display: inline-block;
}

.btn_group--full_width .btn_group__button {
  width: 100%;
}

@media (min-width: 481px) {
  .btn_group.btn_group--sm_inline .btn_group__button {
    display: inline-block;
    margin: 0 5px 0 0;
  }

  .btn_group.btn_group--sm_auto_width .btn_group__button {
    width: auto;
  }
}
@media (min-width: 768px) {
  .btn_group.btn_group--med_inline .btn_group__button {
    display: inline-block;
    margin: 0 5px 0 0;
  }

  .btn_group.btn_group--med_auto_width .btn_group__button {
    width: auto;
  }
}
@media (min-width: 1024px) {
  .btn_group.btn_group--lg_inline .btn_group__button {
    display: inline-block;
    margin: 0 5px 0 0;
  }

  .btn_group.btn_group--lg_auto_width .btn_group__button {
    width: auto;
  }
}
@media (min-width: 1280px) {
  .btn_group.btn_group--xl_inline .btn_group__button {
    display: inline-block;
    margin: 0 5px 0 0;
  }

  .btn_group.btn_group--xl_auto_width .btn_group__button {
    width: auto;
  }
}
.currency {
  font-family: Lato, Helvetica, Arial, sans-serif;
}

.currency .currency_amount {
  font-weight: 700;
}

.currency .currency_symbol,
.utility_link > a,
.utility_list > a {
  font-weight: 400;
}

.currency .currency_space {
  font-size: 80%;
}

.currency .currency_code {
  color: #949390;
  font-weight: 400;
  font-size: 58%;
}

@font-face {
  font-family: "Global Icons";
  src: url("../fonts/starbucks_icons_global.eot");
  src: url("../fonts/starbucks_icons_global.eot#iefix") format("embedded-opentype"), url(../assets/fonts/starbucks_icons_global.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
[data-icon]:before {
  font-family: "Global Icons";
  content: attr(data-icon);
  speak: none;
}

.shared_cart.container h1,
button,
input,
select,
textarea {
  font-family: Lato, Helvetica, Arial, sans-serif;
}

/*! CSS GENERATED BY SASS. DO NOT EDIT THIS CSS FILE.*/
.utility_list {
  margin: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  text-align: right;
}

.utility_list > li {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
}

.utility_list > a {
  padding: 0.1em 0.2em;
}

.utility_list a:active,
.utility_list a:focus,
.utility_list a:hover {
  color: #8c8a8a;
  background: 0 0;
  position: relative;
}

.utility_link > a {
  position: relative;
  color: #5b5959;
}

.utility_link.signin > a {
  display: block;
  position: relative;
  top: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.utility_link [data-icon]:before {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  border: 12px solid #f7f7f7;
  color: #006431;
}

.utility_link a:hover [data-icon]:before {
  color: #338267;
}

.utility_link.search,
.utility_link.shopping_bag,
.utility_link.store_locator {
  position: absolute;
  top: 24px;
  right: 32px;
}

#header.dash_open .utility_link.search,
#header.dash_open .utility_link.shopping_bag,
#header.dash_open .utility_link.store_locator {
  top: 39px;
}

.utility_link.search {
  right: 76px;
}

.js .has_shopping_cart .utility_link.search {
  right: 120px;
}

.utility_link.shopping_bag {
  display: none;
  right: 76px;
}

.js .utility_link.shopping_bag {
  display: inline-block;
}

@media (min-width: 768px) {
  .sb_dropdown_trigger.shopping_bag.sb_dropdown_active:after,
.sb_dropdown_trigger.shopping_bag.sb_dropdown_active:before {
    left: 1px;
    bottom: auto;
    top: 31px;
    margin-left: 0;
  }

  .sb_dropdown_trigger.shopping_bag.sb_dropdown_active:after {
    bottom: auto;
    top: 32px;
  }
}
.utility_dropdown {
  position: relative;
}

.js .utility_dropdown .current {
  position: relative;
  z-index: 500000;
  padding-right: 18px;
  border: 1px solid #f7f7f7;
  border-width: 1px 1px 0;
  background-image: url("../../assets/images/utility_arrows.png");
  background-repeat: no-repeat;
  background-position: 96% -31px;
}

.js .utility_dropdown .current:focus,
.js .utility_dropdown .current:hover {
  background-image: url("../../assets/images/utility_arrows.png");
  background-position: 96% 6px;
}

.utility_dropdown.open .current {
  padding-bottom: 0.6em;
  border-color: #e7e7e7;
  background-color: #f7f7f7;
  background-image: none;
  color: #2a8a15;
  transition: border 250ms ease-in-out;
}

.utility_dash [data-icon] {
  padding: 0 0.5em;
}

.utility_dash .current .collapse {
  display: none;
}

.utility_dash.open .current .collapse {
  display: inline-block;
}

.utility_dash.open .current .expand {
  display: none;
}

.utility_dash [data-icon]:before {
  font-size: 0.65em;
  color: #6f6f6f;
}

.js .utility_dash .current {
  position: relative;
  z-index: 500000;
  border: 1px solid #f7f7f7;
  border-bottom: 0;
  border-right: 0;
}

.js .utility_dash.open .current {
  padding-bottom: 0.6em;
  color: #6f6f6f;
  transition: border 250ms ease-in-out;
}

.js .utility_dash.dropdown.open .current {
  background-image: none;
  background-color: #f7f7f7;
  border-color: #e7e7e7;
  -mox-box-shadow: 1px 3px 0 #f7f7f7, 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 3px 0 #f7f7f7, 0 1px 3px rgba(0, 0, 0, 0.15);
}

.js .utility_dash.dropdown .dash_content_wrap {
  left: 1px;
  right: auto;
  margin-left: 0;
  border: 1px solid #e7e7e7;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.dash_content_wrap {
  position: absolute;
  width: 87vw;
  z-index: 499999;
  top: 1.91667em;
  left: 12px;
  padding: 1em 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  background: #f7f7f7;
  display: none;
  text-align: left;
}

.utility_dash.dropdown {
  position: relative;
  width: auto;
}

.dropdown .dash_content_wrap {
  width: auto;
  left: 0;
  right: auto;
}

.dropdown .util_mycards {
  position: static;
  left: auto;
}

.dropdown .util_myrewards {
  float: none;
}

.dropdown .util_myprofile {
  position: static;
}

.dropdown .utility_dash_item.dropdown_open {
  margin-left: 1em;
}

.util_content {
  overflow: hidden;
}

.utility_dash_item {
  width: 282px;
  overflow: hidden;
}

.util_mycards {
  margin-bottom: 2.2em;
}

.card_info > div {
  float: left;
}

.card_info img {
  float: left;
  width: 64px;
  margin-right: 1em;
}

.card_info img.default_card {
  padding: 1px;
  border: 1px solid #ddd;
}

.card_info img.portrait {
  width: 40px;
}

.card_balance {
  float: left;
  font-size: 1.6em;
  font-weight: 700;
  margin-bottom: 0.6em;
}

.card_balance.check_balance {
  font-size: 1.2em;
  margin-bottom: 1em;
}

.card_balance span {
  display: block;
  float: left;
}

.card_balance span.datestamp {
  float: right;
  max-width: 120px;
  color: #959697;
  font-size: 0.525em;
  font-weight: 400;
  padding-left: 1em;
}

.utility_card_links {
  padding-bottom: 3px;
  clear: both;
}

.utility_card_links .divider {
  padding: 0 1em;
}

.util_myrewards {
  margin-bottom: 1.4em;
}

.util_myrewards p {
  margin-bottom: 0;
}

.util_myrewards .reward_bar {
  margin-bottom: 0.2em;
  padding: 0.2em 0 0.2em 0.5em;
  color: #fff;
  font-size: 1.2em;
  font-weight: 700;
}

.utility_rewards_item {
  overflow: hidden;
  margin-bottom: 1em;
  padding-top: 5px;
}

.util_content .util_myrewards .reward_icon {
  max-width: none;
  margin-right: 0.6em;
}

.reward_count {
  font-size: 1.6em;
}

.stars_earned p {
  width: 72px;
  margin-left: 37px;
  font-size: 0.8em;
}

.reward_level {
  margin-top: 20px;
}

.reward_level p {
  font-size: 1em;
  margin-right: 1em;
  padding-left: 0.5em;
  width: 150px;
}

.util_birthdaycoupon,
.util_monthlyrewards {
  display: table;
}

.util_birthdaycoupon img,
.util_monthlyrewards img {
  vertical-align: middle;
}

.util_birthdaycoupon span,
.util_monthlyrewards span {
  display: table-cell;
  vertical-align: middle;
  margin-right: 0.6em;
  padding-right: 0.7em;
}

.util_birthdaycoupon p,
.util_monthlyrewards p {
  vertical-align: middle;
  margin-bottom: 0.2em;
  display: table-cell;
}

.js .signout,
.util_potw {
  display: none;
}

.gold_level {
  background-color: #a39161;
}

.green_level {
  background-color: #006341;
}

.welcome_level {
  background-color: #3d3a35;
}

.util_myprofile p {
  margin-bottom: 3em;
}

.util_signout {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0 1em 1em 0;
}

@media (min-width: 480px) {
  .dash_content_wrap {
    width: 93vw;
  }

  .utility_dash_item {
    width: 452px;
  }

  .reward_level p {
    width: auto;
    max-width: 300px;
  }

  .card_balance span.datestamp {
    max-width: 100%;
  }
}
@media (min-width: 600px) {
  .utility_dash_item {
    width: 282px;
  }

  .reward_level p {
    width: 145px;
  }

  .card_balance span.datestamp {
    max-width: 128px;
  }

  .util_mycards {
    position: absolute;
    left: 0;
  }

  .no_rewards .util_mycards {
    position: relative;
    float: left;
  }

  .util_myrewards {
    float: right;
    min-height: 125px;
  }

  .portrait_layout .util_myrewards {
    min-height: 145px;
  }

  .dropdown .util_myrewards {
    min-height: 0;
  }

  .util_cardrewards img {
    float: left;
  }

  .util_myprofile {
    position: absolute;
    bottom: 0;
  }

  .no_rewards .util_myprofile {
    position: relative;
    float: right;
  }
}
@media (min-width: 768px) {
  .utility_link.signin > a {
    display: inline;
    position: static;
    border-top: none;
    border-bottom: none;
  }

  .search.utility_link,
.utility_dash.open .current .expand {
    display: none;
  }

  .utility_dash,
.utility_link.signin {
    border-left: 1px solid #666;
  }

  .store_locator.utility_link {
    position: static;
  }

  .shopping_bag.utility_link {
    position: relative;
    right: 0;
    top: 0;
  }

  .utility_link [data-icon]:before {
    padding-right: 8px;
    border: none;
  }

  .utility_link.signin [data-icon]:before,
.utility_link.utility_dash [data-icon]:before {
    padding-right: 0;
  }

  .utility_link > a {
    padding: 0 1.3rem;
  }

  .shopping_bag.utility_link > a {
    padding: 0;
  }

  .dash_content_wrap {
    left: 2px;
    width: 500px;
    width: 65vw;
  }

  .utility_dash_item {
    padding-right: 2%;
    box-sizing: border-box;
  }

  .touch .utility_dash_item {
    width: 50%;
    margin-left: 0;
  }

  .util_cardrewards {
    min-height: auto;
  }

  .utility_dash.open .current .collapse {
    display: inline-block;
  }

  .reward_level {
    margin-top: 0;
    float: right;
  }

  .stars_earned {
    float: left;
  }
}
@media (min-width: 1024px) {
  .dash_content_wrap {
    width: 667px;
    width: 65vw;
    max-width: 1000px;
  }
}
a.culture {
  position: relative;
  padding: 2px 3px 2px 26px;
  font-weight: 700;
}

a.culture .flag {
  position: absolute;
  top: 0.285714em;
  left: 4px;
  overflow: hidden;
  width: 16px;
  height: 11px;
  text-indent: -9999px;
}

.UNflag {
  margin: 2px 6px 2px 0;
  width: 21px;
}

.footer .site_selection {
  color: #333;
}

.footer .site_selection li:first-child {
  border-right: 1px solid #b3b3b3;
}

.footer .site_selection li {
  display: inline-block;
  font-size: 1em;
  padding: 0 0.75em 0 0;
  margin: 5px 0;
}

.footer .site_selection li.language {
  padding-left: 0.75em;
}

.footer .site_selection li a {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1;
  color: #382f2d;
}

.footer .site_selection li a.focus,
.footer .site_selection li a:active,
.footer .site_selection li a:hover {
  color: #888281;
}

.footer .site_selection li a.culture img {
  vertical-align: baseline;
  position: static;
  padding: 0 0.5em 0 0;
}

.footer .site_selection li.change a {
  font-weight: 700;
}

.footer .site_selection li.change:after {
  content: "»";
  font-size: 1em;
  padding-left: 4px;
  line-height: 0.5;
}

#breadcrumb {
  clear: both;
  margin: 5.5em 0 0 -5px;
  padding: 0.5em 0;
  color: #53534a;
}

#breadcrumb li,
#breadcrumb ul {
  display: inline;
  margin: 0 0 0 0.357em;
  padding: 0;
}

#breadcrumb a {
  margin: 0 0.5em 0 0;
}

.footer {
  padding: 0;
  border-bottom: 8px solid #382F2D;
  min-height: 190px;
  background: #f7f7f7;
  color: #382f2d;
  font-size: 1em;
  line-height: 1.090909;
}

#footer:focus {
  outline: 0;
}

.footer .grid {
  margin-left: -10px;
  margin-right: -10px;
}

.footer a {
  color: #3d3935;
}

.footer a:active,
.footer a:focus,
.footer a:hover {
  color: #8a8885;
  background-color: transparent;
}

.footer .signup_success,
.svg .footer .signup_success {
  background: url("../../assets/images/checkmark.html") no-repeat;
}

.footer p a {
  border-bottom: 1px dotted;
  font-weight: 700;
}

.footer .footer_sub a {
  color: #333;
}

.footer .footer_sub a:active,
.footer .footer_sub a:focus,
.footer .footer_sub a:hover {
  color: #8c8c8c;
}

.footer h4,
.footer h4 a {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.25;
}

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

.footer .signup_success {
  color: #382f2d;
}

.footer-top {
  background-color: #f0f0f0;
  border-bottom: 3px solid #fff;
  border-top: 3px solid #fff;
  padding: 25px 0;
}

.footer .sb-social-icons {
  margin-bottom: 0;
  border-bottom: 1px solid #b3b3b3;
  padding-bottom: 25px;
  overflow: hidden;
}

.footer .sb-social-icons li {
  float: left;
  width: 55px;
  height: 31px;
  margin-bottom: 0.5em;
}

.footer .sb-social-icons a {
  float: left;
  width: 45px;
  height: 31px;
  background: url("../assets/images/social_icons.png") no-repeat;
  background-size: auto 100%;
  transition: opacity 125ms ease-in-out;
}

.footer .sb-social-icons a:hover {
  opacity: 0.7;
}

.footer .sb-social-icons li.facebook {
  width: 47px;
}

.footer .sb-social-icons li.jiepang {
  width: 79px;
}

.footer .sb-social-icons .facebook a {
  background-position: 0 0;
  width: 25px;
}

.footer .sb-social-icons .twitter a {
  background-position: -26px 0;
  width: 29px;
}

.footer .sb-social-icons .googleplus a {
  background-position: -56px 0;
  width: 26px;
}

.footer .sb-social-icons .pinterest a {
  background-position: -83px 0;
  width: 29px;
}

.footer .sb-social-icons .instagram a {
  background-position: -112px 0;
  width: 28px;
}

.footer .sb-social-icons .youtube a {
  background-position: -141px 0;
  width: 23px;
}

.footer .sb-social-icons .linkedin a {
  background-position: -164px 0;
  width: 28px;
}

.footer .sb-social-icons .foursquare a {
  background-position: -193px 0;
  width: 29px;
}

.footer .sb-social-icons .ustream a {
  background-position: -223px 0;
  width: 28px;
}

.footer .sb-social-icons .orkut a {
  background-position: -251px 0;
  width: 28px;
}

.footer .sb-social-icons .xing a {
  background-position: -280px 0;
  width: 28px;
}

.footer .sb-social-icons .tuenti a {
  background-position: -309px 0;
  width: 29px;
}

.footer .sb-social-icons .mixi a {
  background-position: -338px 0;
  width: 30px;
}

.footer .sb-social-icons .vkontakte a {
  background-position: -368px 0;
  width: 30px;
}

.footer .sb-social-icons .renren a {
  background-position: -398px 0;
  width: 29px;
}

.footer .sb-social-icons .qzone a {
  background-position: -428px 0;
  width: 32px;
}

.footer .sb-social-icons .jiepang a {
  background-position: -459px 0;
  width: 57px;
}

.footer .sb-social-icons .kaixin001 a {
  background-position: -516px 0;
  width: 29px;
}

.footer .sb-social-icons .sinaweibo a {
  background-position: -545px 0;
  width: 33px;
}

.footer .sb-social-icons .douban a {
  background-position: -578px 0;
  width: 27px;
}

.footer .promo {
  margin: 0;
  padding-top: 25px;
}

.footer .NewsletterSignup,
.footer .NewsletterSignup * {
  box-sizing: border-box;
}

.footer .NewsletterSignup,
.footer .NewsletterSignup ol.form {
  width: auto;
  max-width: none;
  padding: 0;
}

.footer .NewsletterSignup ol.form li {
  margin: 0;
  padding: 0;
}

.footer .NewsletterSignup .button {
  display: inline;
  margin: 0;
  position: static;
}

.footer .NewsletterSignup ol.form .input {
  width: 100%;
  max-width: 290px;
  margin: 0 0.857143em 0.5em 0;
}

.footer .NewsletterSignup input {
  width: 100%;
  max-width: 100%;
  height: 28px;
}

.footer .NewsletterSignup .button button {
  height: 28px;
  letter-spacing: 0.1em;
}

.footer .NewsletterSignup ol.form .input.error {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.footer .NewsletterSignup ol.form li:first-child {
  display: block;
  float: none;
}

.footer_global input,
.footer_global li:last-child h4 {
  display: none;
}

.footer_global .info_block {
  padding: 0;
  border-bottom: 1px solid #b3b3b3;
}

.footer_global li {
  margin: 0 0 20px;
  font-size: 1em;
  overflow: hidden;
  clear: both;
}

.footer_global h4 {
  padding: 18px 0;
  margin: 0 20px;
  font-size: 1.1em;
}

.footer_global ol {
  margin-left: 20px;
}

.footer_global input ~ ol {
  margin-bottom: 0;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.1s ease;
}

.footer_global input:checked ~ ol {
  max-height: 700px;
  margin-bottom: 1.714286em;
}

.footer_global h4 label {
  padding: 10px 20px;
  margin: -10px -20px 0 0;
  font-size: 10px;
  font-size: 1rem;
  float: right;
  cursor: pointer;
  line-height: 2;
  transition: all 0.2s ease-out;
}

.footer .footer_sub li a,
.footer .site_selection a {
  font-size: 1em;
}

.footer_global h4 label.open {
  transform: rotateZ(180deg);
}

.footer_global h4 label:before {
  color: #382f2d;
}

.footer_global li:last-child {
  margin: 0;
  padding: 0;
  border-bottom: 0;
}

.footer-bottom {
  margin: 0 10px;
}

.footer .footer_sub {
  margin: 0 0 30px;
}

.footer ul.footer_sub {
  margin-bottom: 0;
  display: inline;
}

.footer .footer_sub li {
  margin-bottom: 18px;
}

.footer .site_selection {
  margin: 10px 0 20px;
}

.footer .footer_copyright {
  margin: 25px 0;
  font-size: 0.857143em;
}

.footer input {
  background: #fff;
  font-size: 1em;
  line-height: 1.3;
  padding: 4px 6px;
  border-width: 1px;
  border-color: #e0e0e0;
  border-style: solid;
  border-radius: 4px;
}

.footer input:focus {
  border: 2px solid #e5e5e5;
  padding: 3px 5px;
}

.footer a,
.footer button {
  transition: color 125ms ease-in-out, background-color 125ms ease-in-out;
}

.footer .form_button button {
  background-image: none;
  background-color: #3d3935;
  border: 1px solid #402b2e;
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase;
  font-size: 1em;
  padding: 0 2.083333em;
  letter-spacing: 0.04em;
}

.footer .form_button button:active,
.footer .form_button button:focus,
.footer .form_button button:hover {
  background-image: none;
  background-color: #63615d;
}

#teconsent {
  display: inline;
}

@media (min-width: 768px) {
  .footer_global h4 {
    font-size: 1.2em;
    margin: 0 12px;
  }

  .footer .footer_copyright,
.footer .footer_sub a {
    font-size: 0.714286em;
    color: #666;
  }

  .footer_global ol {
    margin: 0 12px;
  }

  .footer_global input ~ ol {
    margin-bottom: 1.714286em;
    max-height: none;
    overflow: visible;
  }

  .footer_global h4 label {
    display: none;
  }

  .footer .promo {
    padding-top: 0;
  }

  .footer .grid {
    margin: 0;
  }

  .footer .promo form {
    float: right;
  }

  .footer-top {
    padding: 35px 0 0;
  }

  .footer .NewsletterSignup ol.form li {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }

  .footer .NewsletterSignup ol.form li:first-child {
    display: table-cell;
  }

  .footer .NewsletterSignup ol.form .input {
    width: auto;
    max-width: 193px;
  }

  .footer .NewsletterSignup input {
    width: 272px;
    max-width: 100%;
  }

  .footer .NewsletterSignup .button {
    margin-left: 0.857143em;
  }

  .footer .NewsletterSignup ol.form li > label {
    padding: 0 0.857143em 0 0.5em;
  }

  .footer .sb-social-icons {
    border: none;
    border-bottom: 0;
    margin-bottom: 35px;
    padding-bottom: 0;
  }

  .footer_global {
    min-height: 166px;
    margin-top: 40px;
    background-image: url("../../assets/images/wordmark_footer.png");
    background-repeat: no-repeat;
    background-position: 98.5% 0;
    background-size: 16px;
  }

  .footer_global .info_block {
    border-bottom: none;
  }

  .footer_global .footer_watermark {
    display: none;
  }

  .footer-bottom {
    padding: 0 0 45px;
    margin: 0;
  }

  .footer .footer_sub {
    display: block;
    overflow: hidden;
    color: #666;
    margin: 15px 0;
  }

  .footer .footer_sub li {
    float: left;
    padding: 0 0.5em;
    margin-bottom: 0;
    border-right: 1px solid #b3b3b3;
  }

  .footer .footer_sub li:first-child {
    padding-left: 0;
  }

  .footer .footer_sub li:last-child {
    border-right: 0;
  }

  .footer .footer_copyright {
    clear: both;
  }

  #teconsent a {
    color: #666;
    font-size: 14px;
  }

  .teconsent_showBorder a {
    border-left: 1px solid #b3b3b3;
    padding: 0 0.5em;
  }

  #teconsent a:active,
#teconsent a:focus,
#teconsent a:hover {
    color: #8c8c8c;
  }
}
@media (min-width: 900px) {
  .footer .NewsletterSignup ol.form .input {
    width: auto;
    max-width: none;
  }
}
/*! GENERATED BY SASS. DO NOT EDIT THIS FILE.*/
.shopping_bag [data-icon] {
  position: relative;
}

.shopping_bag [data-icon]:after {
  content: attr(data-display-quantity);
  position: absolute;
  left: 0;
  top: 19px;
  width: 44px;
  text-align: center;
  font-size: 11px;
  font-size: 1.1rem;
  color: #f7f7f7;
  font-weight: 700;
}

.shared_cart.container {
  display: none;
  background: #fff;
}

.js .shared_cart.container {
  display: block;
  height: 0;
}

.shared_cart.container.active {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

@media (min-width: 768px) {
  .shopping_bag [data-icon]:after {
    top: 7px;
    width: 20px;
  }

  .shared_cart.container {
    position: absolute;
    top: 38px;
    left: -150px;
    z-index: 1;
    width: 320px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: left;
  }

  .shared_cart.container .column {
    padding: 0 20px;
  }
}
.shared_cart.container .empty_cart {
  display: none;
  text-align: center;
}

.shared_cart.container .empty_cart p {
  margin-bottom: 18px;
}

.shared_cart.container .cart_with_content h1 {
  margin-bottom: 5px;
  font-weight: 700;
}

.shared_cart.container[data-cart-quantity="0"] .empty_cart {
  display: block;
}

.shared_cart.container[data-cart-quantity="0"] .cart_with_content {
  display: none;
}

.shared_cart.container h1 {
  padding-top: 18px;
  font-size: 14px;
  font-size: 1.4rem;
}

.shared_cart.container .button {
  margin: 0;
}

.shared_cart.container .subtotal {
  margin-bottom: 0;
}

.shared_cart.container .subtotal span {
  font-weight: 700;
}

.shared_cart.container .button_cta.primary a {
  box-sizing: border-box;
  display: inline-block;
  min-width: 260px;
  color: #fff;
  background: #235456;
  border-color: #235456;
  letter-spacing: 2px;
  text-align: center;
}

.shared_cart.container .button_cta.primary a:active,
.shared_cart.container .button_cta.primary a:focus,
.shared_cart.container .button_cta.primary a:hover {
  color: #fff;
  background: #235456;
  background: rgba(35, 84, 86, 0.8);
}

.shared_cart.container table {
  width: 100%;
  margin: 0;
}

.shared_cart.container td {
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 20px;
  border: none;
  vertical-align: middle;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
}

.shared_cart.container tr:last-child td {
  padding-bottom: 25px;
}

.shared_cart.container .item_thumb {
  width: 45px;
}

.shared_cart.container .item_thumb img {
  display: block;
  width: 45px;
  height: 45px;
  background: #d9d9d9;
}

.shared_cart.container .item_description a {
  font-weight: 400;
  color: inherit;
}

.shared_cart.container .item_description a:active,
.shared_cart.container .item_description a:focus,
.shared_cart.container .item_description a:hover {
  background: 0 0;
  color: #8c8a8a;
}

.shared_cart.container .item_price {
  padding-left: 0.5em;
  padding-right: 0;
  text-align: right;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  white-space: nowrap;
}

.shared_cart.container .quantity_1 {
  display: none;
}

.shared_cart.container .button_wrap {
  padding: 20px 0 25px;
  text-align: center;
}

@media print {
  #landing,
h1 {
    padding: 0;
    width: 660px;
  }

  #landing img,
#page_category img#map {
    position: static;
    top: 0;
    left: 0;
    float: left;
  }

  body,
html {
    background: #fff;
    color: #000;
    width: 660px;
  }

  h1 {
    margin: 0;
    border: 0;
  }

  a {
    text-decoration: none !important;
  }

  tfoot,
thead th {
    background: 0 0;
  }

  #footer,
#language_selector,
#nav,
#page_catalog #dl_print,
#page_product #content_rail,
#page_product #disclaimer,
#page_product .allergy ul,
#utilities,
.pagination,
.section_navigation,
.skip,
.social_icons,
div.filter {
    display: none !important;
  }

  #ctl00_content_imgCategory,
#extras,
#locator,
#player p,
#sidenav,
.bookmarks,
a.toggle,
li.video a span {
    display: none;
  }

  #logo {
    position: relative;
    top: 0;
  }

  #landing .summary {
    clear: both;
    width: 660px;
  }

  .documents {
    width: 660px;
    list-style: none;
    overflow: visible;
  }

  .documents li a {
    position: static;
  }

  .documents li a[href$=".pdf"] {
    background-image: none;
  }

  #content_rail .find,
#content_rail .related,
#footer_holder,
#page_home #featured,
#page_home #featured h2,
#page_home #notice,
#page_home #notice.priority_high h2,
#page_home #notice.priority_medium h2,
#page_home #promos li,
.documents li a,
.documents li a[href$=".pdf"],
.section_navigation,
ul.promo_communities li a {
    background: 0 0;
  }

  #content_rail {
    float: none;
  }

  .section_navigation {
    border: 1px solid #CDC7BF;
    border-width: 1px 0;
  }

  #footer {
    margin: 0;
    width: 660px;
  }

  #footer p {
    border: 0;
    font-size: 8px;
  }

  #breadcrumb {
    margin: 0 0 3em;
  }

  #page_category #coffees {
    width: 660px;
    overflow: visible;
  }

  #page_home #notice {
    float: none;
    margin-bottom: 0;
    width: 628px;
  }

  #page_home #notice h2 {
    background: 0 0;
    color: #000;
  }

  #page_home #notice.full,
#page_home .section {
    width: 660px;
  }

  #page_home #featured {
    float: none;
    margin: 0 0 1em;
    width: 652px;
  }

  #page_home #news div,
#page_home #promos {
    float: none;
    width: 660px;
  }

  #page_home #promos li {
    margin: 8px 11px 8px 0;
    color: #000;
  }

  #page_home #promos li h2 a {
    color: #000;
  }

  #page_home #news h3 {
    margin-top: 4em;
  }

  #page_catalog .category ul {
    margin: 0;
  }

  #page_catalog ul {
    overflow: visible;
  }

  #page_catalog table tr {
    background: 0 0 !important;
  }

  #page_catalog .category fieldset {
    background: 0 0 !important;
    padding: 0 10px;
    border-bottom: 1px solid #CDC7BF;
  }

  #page_catalog .category select {
    padding: 0;
    border: 0;
  }

  #page_product {
    width: 660px;
  }

  #page_product #overview {
    overflow: visible;
    width: 660px;
    margin: 0;
    padding: 0;
  }

  #page_product #overview h2 {
    float: right;
    padding: 0;
    margin: 0;
    width: 340px;
  }

  #page_product .facts {
    margin: 1em 0 2em;
  }

  #page_product .facts,
#page_product .facts div.other_details,
#page_product .facts table.nutrition {
    padding: 0;
    width: 340px;
    overflow: visible;
  }

  #copyright,
ol.list {
    width: 660px;
  }

  #page_product .facts div.other_details,
#page_product .facts table.nutrition {
    margin: 0;
    float: right;
  }

  #page_product .facts div.other_details {
    margin: 10px 0 5px;
    padding: 0;
    border-top: 1px solid #D9D7D0;
  }

  #page_product .allergy,
#page_product .allergy p {
    padding: 0;
    margin: 0;
  }

  #page_product #fun_facts {
    padding: 0;
    font-style: normal;
  }

  #sub {
    float: none;
    width: 660px !important;
  }

  #links {
    width: 366px;
  }

  #copyright {
    margin: 2em 0 0;
  }

  #copyright p {
    padding: 0.75em 13px 0;
  }

  div.pushPin {
    background: 0 0;
    border: 3px solid #007042;
    line-height: 30px;
  }
}
#debug_panel dl,
.skip li {
  margin: 0;
}

.js .bigdoor {
  min-width: 150px;
  min-height: 100px;
  background: url("../../assets/images/loading_small.html") 50% 50% no-repeat;
}

.js .bigdoor > * {
  display: none;
}

.header_container {
  position: relative;
  padding-top: 12px;
  background-color: #f7f7f7;
  z-index: 2;
}

.header_container:after {
  position: absolute;
  top: 100%;
  left: 0;
  height: 3px;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.05);
}

#header {
  float: left;
  position: relative;
  width: 100%;
}

#header.dash_open {
  padding-top: 15px;
  border-top: 1px solid #e0e0e0;
}

.main_content {
  position: relative;
  z-index: 1;
  padding-top: 32px;
}

.skip,
.skip a,
.skip li {
  position: absolute;
}

.main_content:focus {
  outline: 0;
}

#page_home .main_content {
  padding-top: 0;
}

.skip {
  top: 0;
  left: 0;
  width: 100%;
  font-size: 0.857143em;
}

.skip li {
  z-index: 1;
}

.skip a {
  left: -9999px;
}

.skip a:active,
.skip a:focus {
  display: block;
  position: static;
  left: 0;
  padding: 0.25em 1em;
}

#logo,
#nav {
  position: relative;
}

#logo {
  float: left;
  top: 3px;
  width: 50px;
  height: 50px;
  margin-bottom: 18px;
  background-size: contain;
  background-color: #f7f7f7;
}

#logo.hide_navigation {
  float: none;
  display: inline-block;
}

#debug_panel,
.js #language_change,
.js_requried {
  display: none;
}

#debug,
#debug_panel {
  position: absolute;
  z-index: 2000;
  padding: 1em 20px 0;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  font-family: Helvetica, Arial, sans-serif;
}

#debug {
  top: 18px;
  left: 18px;
}

#debug dt,
#debug_panel dt {
  color: #ccc;
}

#debug dd,
#debug_panel dd {
  margin: 0 0 1em;
}

#debug_panel {
  top: 60px;
  right: 10px;
  width: 400px;
}

#debug_panel #debug_close {
  position: absolute;
  top: 1em;
  right: 1em;
}

#debug_panel dd em {
  padding: 2px 5px;
  border-radius: 4px;
  background: red;
  background: rgba(255, 0, 0, 0.8);
}

#language_selector {
  position: absolute;
  top: 106px;
  left: 734px;
}

.top_prominent_message {
  background: #EDEEEE;
  border-top: 55px solid #fff;
  margin: 0 0 15px;
}

#allow_message {
  padding: 0 0 20px;
}

#local_site_message {
  padding: 0;
}

.top_prominent_message .size2of3 {
  float: none;
  margin: 0 auto;
}

.top_prominent_message h2 {
  color: #6cb33d;
  font-weight: 400;
}

.top_prominent_message .validation_summary {
  border: 0;
  margin: 0;
}

.cta_arrow,
.top_prominent_message label {
  margin-right: 10px;
}

.top_prominent_message input[type=checkbox] {
  margin-left: 3px;
}

.js .js_requried {
  display: inherit;
}

.cta_arrow {
  display: block;
  float: left;
  height: 22px;
  width: 22px;
  background: url("../../assets/images/cta_arrow.png") no-repeat;
}

@media (min-width: 600px) {
  .skip li {
    margin-left: 111px;
  }
}
@media (min-width: 768px) {
  .header_container {
    padding-top: 20px;
  }

  #logo {
    position: relative;
    top: -2px;
    width: 56px;
    height: 56px;
    margin-bottom: 12px;
  }
}
@media (min-width: 992px) {
  #logo {
    width: 62px;
    height: 62px;
  }
}
#enjoy_with {
  margin: 5em 0 0;
}

#enjoy_with h3 {
  margin: 0 0 0.1em;
  border: 0;
  font-weight: 700;
}

#enjoy_with p {
  font-style: italic;
  font-size: 1.455em;
  line-height: 1.688;
}

#enjoy_with p em {
  font-style: normal;
}

#content_rail li {
  margin: 0;
  font-size: 0.928571em;
}

#content_rail #stamp {
  float: left;
  margin: 0 7px 1em;
  padding: 7px 0;
  width: 25%;
}

#content_rail #available {
  float: right;
  padding: 0 0 1.5em;
  width: 75%;
}

#content_rail #available p {
  margin: 0 0 0.75em;
  min-height: 47px;
}

#content_rail #available strong {
  font-size: 1.2857em;
  line-height: 1.111;
}

#content_rail #available #available_details span {
  position: relative;
  top: -9px;
  font-size: 0.9286em;
}

#content_rail dl.details {
  padding: 0 7px;
}

#content_rail dl.details dd {
  font-size: 0.9286em;
  line-height: 1.2308;
}

#content_rail ul.classification {
  margin: 0;
  padding: 0.5em 0;
  border-top: 1px solid #d5d2cd;
  overflow: hidden;
}

.ie6 #content_rail ul.classification {
  height: 1%;
}

#content_rail ul.classification li {
  float: left;
  margin: 0;
  padding: 10px 15px 7px 7px;
}

#content_rail ul.classification a {
  padding: 0;
  background: 0 0;
}

#content_rail ul.classification img {
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
}

#content_rail .find,
#content_rail .related {
  padding: 1em 7px 0.125em;
  border-top: 1px solid #d5d2cd;
}

.social_icons {
  display: none;
  margin-bottom: 1em;
}

.js .social_icons {
  display: block;
}

.social_icons a:active,
.social_icons a:focus,
.social_icons a:hover {
  background-color: transparent;
}

.social_icons p {
  float: left;
  margin: 0;
  padding: 0;
}

.social_icons ul {
  float: left;
  margin: 0 0 0 13px;
}

.social_icons li {
  float: left;
  margin: 0;
}

.social_icons li a {
  display: block;
  padding: 0;
  width: 14px;
  height: 12px;
  background: url("../../assets/images/share_icons.html") 2px 2px no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

@media (min-width: 769px) {
  .social_icons {
    padding-top: 0.75em;
  }
}
#nav {
  clear: left;
}

#nav ul {
  margin: 0;
}

.nav_control {
  position: absolute;
  top: -44px;
  right: -12px;
  width: 44px;
  height: 44px;
}

.nav_control .hamburger {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #006341;
  border: 12px solid #f7f7f7;
}

.nav_control .hamburger:after,
.nav_control .hamburger:before {
  content: "";
  position: absolute;
  top: 20%;
  left: 0;
  width: 100%;
  height: 20%;
  background: #f7f7f7;
  transition: all ease 0.2s;
  -webkit-transform: translateZ(0);
}

.nav_control:hover .hamburger {
  background: #338267;
}

.nav_control .hamburger:after {
  top: 60%;
}

.nav_control a:active .hamburger {
  background-color: #135d38;
}

#nav.open .hamburger,
#nav.open .nav_control a:active .hamburger,
#nav.open .nav_control a:focus .hamburger {
  background-color: #1e1e1e;
  border-color: #1e1e1e;
}

#nav.open .hamburger:before {
  top: 40%;
  transform: rotate(45deg);
}

#nav.open .hamburger:after {
  top: 40%;
  transform: rotate(-45deg);
}

#nav .nav_menu {
  clear: both;
  overflow: hidden;
  transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
  width: 100vw;
  margin-left: -20px;
}

.js #nav .nav_menu {
  display: none;
}

#nav .tab,
.js #nav.open .nav_menu {
  display: block;
}

.csstransitions #nav .nav_menu {
  display: block;
  height: 0;
}

#nav ul {
  overflow: hidden;
  margin-bottom: 0;
  padding: 6% 0;
  background: #1e1e1e;
}

#nav li {
  margin: 0;
}

#nav .tab {
  padding: 3% 16%;
  color: #fff;
  line-height: 1;
}

#nav .tab strong {
  font-weight: 400;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}

#nav .tab:focus,
#nav .tab:hover {
  background: #272727;
}

#nav .tab:active {
  background: #2A8A15;
}

#menus {
  position: absolute;
  left: 0;
  z-index: 10000000000;
}

body.touch #menus {
  position: relative;
  z-index: inherit;
}

#menus .fields {
  display: none;
}

@media (min-width: 480px) {
  #nav li {
    float: left;
    width: 50%;
  }

  #nav .tab {
    padding: 3% 8%;
  }

  .menu_content > ol {
    padding: 2em 0 0;
  }

  .menu_content .blocks a {
    font-size: 1.25em;
  }
}
@media (min-width: 768px) {
  .nav_control {
    display: none;
  }

  #nav li,
.js #nav .nav_menu {
    display: block;
  }

  #nav .nav_menu {
    margin-left: -8px;
    width: auto;
  }

  .csstransitions #nav .nav_menu {
    height: auto;
  }

  #nav ul {
    padding: 0;
    background: 0 0;
  }

  #nav li {
    margin: 0 1px 0 0;
    width: auto;
    position: relative;
  }

  #nav .tab {
    float: left;
    padding: 1em 0.65em;
    color: #242221;
  }

  #nav .tab strong {
    font-size: 1em;
    line-height: 1;
    text-transform: uppercase;
  }

  #nav .selected .tab strong {
    color: #1e1e1e;
  }

  #nav .tab:active,
#nav .tab:focus,
#nav .tab:hover {
    background: #e1e1e1;
  }

  #nav li .null_left,
#nav li .null_right {
    display: none;
  }

  #nav li:hover .null_left,
#nav li:hover .null_right {
    position: absolute;
    display: block;
    width: 600px;
    height: 50px;
    left: -600px;
    margin-top: 27px;
    background: url("../../assets/images/transparent.gif") 0 -9999px no-repeat;
  }

  #nav li:hover .null_right {
    left: 100%;
    right: -600px;
    z-index: 15;
  }

  #nav .open .tab {
    border-bottom-color: #1e1e1e;
    background-color: #1e1e1e;
  }

  #nav .open .tab strong {
    color: #f7f7f7;
  }

  #menus {
    width: 100%;
    margin: -1px 0 0;
    background: #1e1e1e;
    color: #fff;
  }

  #menus > .container {
    overflow: hidden;
  }

  .csstransitions #menus > .container {
    height: 0;
    transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
  }

  .csstransitions body.touch #menus > .container,
body.touch #menus > .container {
    transition: none;
  }

  #menus .fields {
    background: url("../../assets/images/pattern_stars.png") #1e1e1e;
    font-size: 0.928571em;
    line-height: 1.230769;
  }

  #menus .fields.open {
    display: block;
  }

  #menus .fields.open div.menu_content {
    padding: 0.8em 0 1.6em;
  }

  body.touch #menus .fields.open {
    -webkit-transition: opacity 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0);
  }

  #menus p {
    color: #e6e8e8;
  }

  #menus p,
#menus p a {
    font-weight: 700;
  }

  .menu_content {
    background: #1e1e1e;
  }

  .menu_content ol {
    margin: 0 0 1em;
    list-style: none;
  }

  .menu_content > ol {
    min-height: 109px;
  }

  .menu_content li li,
.menu_content p {
    margin-bottom: 0.3076923em;
  }

  .menu_content a {
    color: #fff;
  }

  .menu_content li li a {
    color: #fff;
    color: rgba(255, 255, 255, 0.9);
  }

  .menu_content .blocks a {
    font-weight: 400;
  }

  .menu_content .selected a {
    background: #2a8a15;
  }

  .menu_heading {
    position: relative;
    margin: 0 8px 1.3em 12px;
    padding: 1em 0 0.25em 4px;
    border-bottom: 2px solid #68ab3c;
    font-size: 1.230769em;
  }

  .menu_heading > a {
    font-size: 1.125em;
  }

  #menus .button_cancel {
    position: absolute;
    top: 10px;
    right: 0;
    display: block;
    margin: 0;
  }

  #menus .button_cancel button {
    padding: 2px 5px;
    border-color: #1e1e1e;
    color: #fff;
    font-size: 0.875em;
  }

  #menus .menu_suggestion_title {
    clear: both;
    margin: 0 8px 0.5em 12px;
    padding: 0.75em 4px 0;
    border-top: 1px solid #5e5f62;
    font-weight: 400;
    font-size: 1.230769em;
    line-height: 1.125;
  }

  .menu_suggestion_links {
    overflow: hidden;
    margin: 0 8px 0 12px;
    padding: 0 4px;
  }

  .menu_suggestion_links li {
    float: left;
    margin-right: 16px;
  }

  .menu_promo .anchor,
.menu_promo a {
    display: block;
    overflow: hidden;
    margin: 20px 11px;
    padding: 5px 5px 5px 159px;
    color: #fff;
    font-size: 1.076923em;
    line-height: 1.357143;
  }

  #menus .menu_promo p {
    margin-bottom: 0.461538em;
    max-width: 270px;
    color: #fff;
    font-weight: 400;
  }

  .menu_promo img {
    float: left;
    margin: 0 0 0 -154px;
  }
}
@media (min-width: 769px) {
  .menu_content {
    padding: 0 0 0 110px;
  }

  .menu_content .blocks a {
    font-size: 1em;
  }

  .menu_content > ol {
    padding: 1em 0 0;
  }

  .menu_promo .anchor,
.menu_promo a {
    margin-right: 0;
    margin-left: 0;
    padding-left: 5px;
    max-width: 139px;
  }

  .menu_promo img {
    float: none;
    margin: 0;
  }
}
@media (min-width: 992px) {
  #nav {
    float: left;
    clear: none;
    margin-left: 26px;
    margin-top: 12px;
  }

  #nav .tab {
    border-bottom: 3px solid #f7f7f7;
    padding: 1em;
  }

  #nav .tab strong {
    font-size: 1em;
    line-height: 1.136364;
    text-transform: uppercase;
  }

  #nav li:hover .null_left,
#nav li:hover .null_right {
    margin-top: 40px;
  }

  #nav .nav_menu {
    margin-left: 0;
  }
}
button,
input,
select,
textarea {
  margin: 0;
  padding: 4px 6px;
  border: 2px solid #ededed;
  border-radius: 0;
  background: #ededed;
  color: #3d3a35;
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: baseline;
}

.ie7 button,
.ie7 input,
.ie7 select,
.ie7 textarea,
span.sb_tooltip .info_button {
  vertical-align: middle;
}

input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}

input[type=search] {
  -webkit-appearance: textfield;
}

button,
input {
  line-height: normal;
}

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

select {
  max-width: 75%;
  cursor: pointer;
}

textarea {
  max-width: 181px;
  resize: vertical;
  vertical-align: top;
}

input::-webkit-input-placeholder {
  color: #aaa;
}

input:-moz-placeholder {
  color: #aaa;
}

input::-moz-placeholder {
  color: #aaa;
}

input:-ms-input-placeholder {
  color: #aaa;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

.ie7 button,
.ie7 input[type=button],
.ie7 input[type=reset],
.ie7 input[type=submit] {
  overflow: visible;
}

#tab_kit_container,
.anchors,
.blog-entry ul,
.generatedcontent .table_responsive tr,
.js .header_bar .promo_text,
.js .sb_dropdown,
.pagination,
.promo ul.find_us_online,
.promo ul.logos,
.tab_container,
.tab_header,
.tab_panel .auxiliary,
.tab_panel .group,
.ui-icon,
h3.expandable a span,
ol.expandable,
ol.selector {
  overflow: hidden;
}

input.checkbox,
input.radio {
  box-sizing: border-box;
  margin: 0 10px 0 0;
  padding: 0;
  background: 0 0;
  vertical-align: text-top;
}

input.radio {
  border-width: 0;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #71b43a;
  outline: 0;
}

.error input:focus,
.error select:focus,
.error textarea:focus {
  border-color: #ededed;
  outline: 0;
}

input.disabled,
select.disabled,
textarea.disabled {
  border-color: #ccc;
  background: #ccc;
  color: #827a71;
  cursor: default;
}

input.hint,
ol.form li,
textarea.hint {
  color: #837870;
}

input.search_input {
  float: left;
  width: 79%;
  max-width: 290px;
}

div.submit,
fieldset.submit {
  padding: 2em 0;
}

legend {
  margin: 0 0 0.5em;
  font-weight: 700;
}

ol.form {
  margin-left: 0;
  max-width: 296px;
}

ol.form.mb0 {
  margin-bottom: 0;
}

ol.form li {
  position: relative;
  margin: 0 0 1em;
  padding: 0 4px 4px;
}

ol.form .label,
ol.form label {
  display: block;
}

ol.form li b {
  color: #3d3a35;
}

ol.form .note {
  margin: 0.25em 0;
  line-height: 1.2857;
}

ol.form img {
  margin: 2px 5px 0;
  vertical-align: top;
}

ol.form input {
  box-sizing: border-box;
  width: 100%;
  max-width: 272px;
}

ol.form input.checkbox,
ol.form input.radio {
  width: auto;
}

ol.form .date select {
  display: block;
  margin-bottom: 0.5em;
}

.js ol.form .hide,
ol.form .meta,
ol.form .rules {
  display: none;
}

ol.form .phone,
ol.form .zip {
  width: 130px;
}

ol.form input.extn {
  width: 90px;
}

.js ol.form .js {
  min-width: 288px;
}

ol.form .js {
  min-width: 228px;
}

ol.form .inline.push {
  padding-left: 28px;
}

ol.form .inline input.checkbox,
ol.form .inline input.radio {
  position: absolute;
  top: 5px;
  left: 4px;
}

ol.form .inline .label,
ol.form .inline label {
  display: inline;
  color: #3d3a35;
}

ol.form .inline li label {
  display: block;
  color: #837870;
}

form fieldset .dependent dl {
  clear: both;
  margin-bottom: 0;
}

.js form fieldset .dependent .depend {
  display: none;
  margin-top: 8px;
}

form fieldset .dependent dl dt {
  width: 114px;
  padding-right: 5px;
}

form fieldset .dependent dl dt label {
  float: none;
  margin-left: 8px;
  width: auto;
  text-align: left;
}

form fieldset .dependent dl dd input,
form fieldset .dependent dl dd select,
form fieldset .dependent dl dd textarea {
  width: 260px;
  max-width: 260px;
}

form fieldset .dependent p {
  margin-left: 6px;
  width: auto;
}

form fieldset .dependent p a {
  position: static;
}

p.error {
  margin: 0;
}

ol.form li.error {
  color: #fff;
  background: #aa1e33;
}

ol.form li.error .label,
ol.form li.error label,
ol.form li.error span.required {
  color: #fff;
}

ol.form p.address_zip_lookup {
  margin: 0.5em 7px;
}

ol.form li.error .note {
  margin: 0 7px 1em;
  color: #fff;
  font-style: italic;
}

ol.form li.error p.error {
  margin: 0.5em 7px;
  font-weight: 700;
}

ol.form li.error a {
  color: #fff;
  text-decoration: underline;
}

ol.form li.error a:focus,
ol.form li.error a:hover {
  background: #fff;
  color: #cf163f;
  text-decoration: none;
}

ol.form li.error .note a {
  font-style: normal;
}

.validation_check {
  margin: 1em 0;
  padding: 0 0 0 30px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.validation_check.invalid {
  background-image: url("../../assets/images/check_negative.png");
  color: #837870;
}

.validation_check.valid {
  background-image: url("../../assets/images/check_positive.png");
}

.validation_check.loading {
  background: url("../../assets/images/ajax-loader.gif") 3px 4px no-repeat;
}

ol.form .validation_check a:link,
ol.form .validation_check a:visited {
  color: #2a8a15;
  text-decoration: none;
}

ol.form .validation_check a:active,
ol.form .validation_check a:focus,
ol.form .validation_check a:hover {
  color: #fff;
  background-color: #2a8a15;
}

ol.form .field_full_in_single_col {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
}

ol.form .error .field_full_in_single_col {
  width: 90%;
  min-width: 90%;
  margin-top: 4px;
}

.hideShowPassword-wrapper {
  width: 100%;
  max-width: 272px;
}

div.hideShowPassword-wrapper input {
  width: 100%;
}

.hideShowPassword-toggle {
  padding: 1px 4px;
  outline: 0;
}

@media (min-width: 320px) {
  textarea {
    max-width: 257px;
  }
}
@media (min-width: 480px) {
  button,
input,
select,
textarea {
    font-size: 1em;
  }

  textarea {
    max-width: 100%;
  }

  ol.form_full {
    width: 100%;
    max-width: none;
  }

  ol.form input {
    width: 100%;
    max-width: 272px;
  }

  ol.form select {
    min-width: 288px;
  }

  ol.form textarea {
    width: 272px;
    min-height: 65px;
  }

  ol.form .field_xxsmall {
    width: 25px;
    min-width: 25px;
  }

  ol.form .field_xsmall {
    width: 42px;
    min-width: 42px;
  }

  ol.form .field_small {
    width: 57px;
    min-width: 57px;
  }

  ol.form .field_medium {
    width: 84px;
    min-width: 84px;
  }

  ol.form .field_large {
    width: 127px;
    min-width: 127px;
  }

  ol.form .field_xlarge {
    width: 190px;
    min-width: 190px;
  }

  ol.form .field_xxlarge {
    width: 285px;
    min-width: 285px;
  }

  ol.form .date {
    min-width: 350px;
  }

  ol.form .date select {
    display: inline;
  }

  ol.form .date .year {
    padding-left: 230px;
  }

  .validation_check {
    position: absolute;
    top: 0;
    left: 100%;
    margin: 2em 0 0 5px;
    width: 34%;
  }
}
@media (min-width: 600px) {
  .hide_in_multi_col,
ol.form .label.hide_in_multi_col,
ol.form label.hide_in_multi_col {
    display: none;
  }
}
@media (max-width: 599px) {
  .hide_in_single_col,
ol.form .label.hide_in_single_col,
ol.form label.hide_in_single_col {
    display: none;
  }

  .field_full_in_single_col.button a,
.field_full_in_single_col.button a:visited,
.field_full_in_single_col.button button,
.field_full_in_single_col.button input,
.field_full_in_single_col.button span {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
  }
}
@media (min-width: 600px) {
  ol.form .columns {
    overflow: hidden;
    max-width: 604px;
  }

  ol.form .columns li {
    float: left;
    padding-right: 2%;
    width: 42%;
  }

  ol.form .error .field_full_in_single_col,
ol.form .field_full_in_single_col {
    width: auto;
    min-width: auto;
    margin-top: 0;
  }

  .validation_check {
    margin-left: 20px;
    width: 66.66667%;
    max-width: 210px;
  }

  .field_full_in_single_col::-webkit-input-placeholder {
    color: transparent;
  }

  .field_full_in_single_col:-moz-placeholder {
    color: transparent;
  }

  .field_full_in_single_col::-moz-placeholder {
    color: transparent;
  }

  .field_full_in_single_col:-ms-input-placeholder {
    color: transparent;
  }
}
#PreferenceForm fieldset.submit {
  padding: 2em 4px;
}

@media (max-width: 479px) {
  #PreferenceForm button {
    width: 286px;
  }

  #PreferenceForm input {
    width: 272px;
    max-width: 100%;
  }
}
ol.selector li {
  float: left;
  margin: 0 0 0 -1px;
  padding: 0;
}

ol.selector li:first-child {
  margin-left: 0;
}

ol.selector label {
  display: block;
  padding: 0.17em 0.75em 0;
  border: 1px solid #dbdbdb;
  background: #edeeee;
  color: #2a8a15;
  font-weight: 700;
  font-size: 1.1429em;
  cursor: pointer;
}

.ie7 ol.selector label {
  padding-right: 0.25em;
}

ol.selector label:focus,
ol.selector label:hover {
  background: #2a8a15;
  color: #fff;
}

ol.selector .selected label,
ol.selector input[type=radio]:checked + label,
ol.selector label.selected {
  background: #fff;
  color: #000;
}

ol.selector label.disabled {
  color: #aaa;
  cursor: default;
}

.banner_close,
.header_bar.no_cta .js-overflow:hover,
.thumbs a,
.visit_app_store {
  cursor: pointer;
}

ol.selector input {
  display: block;
  margin: 0.2em auto;
}

.js ol.selector input {
  visibility: hidden;
  top: 0;
  position: absolute;
}

.selector_complex {
  line-height: 1.357;
  text-align: center;
}

ol.selector_complex li {
  margin: 0 10px 1em 0;
}

.ie7 ol.selector_complex li.card-type-paypal {
  width: 128px;
}

.ie7 ol.selector_complex li.card-type-options {
  width: 254px;
}

ol.selector_complex li.error {
  margin-top: 2em;
}

ol.selector_complex label {
  float: left;
  padding: 0.17em 0.17em 0;
  border: 0;
  background: 0 0;
  font-size: 1em;
}

ol.selector_complex dt label {
  text-transform: uppercase;
  font-size: 0.85714em;
}

ol.selector_complex .selected dt label,
ol.selector_complex .selected label,
ol.selector_complex dt label.selected,
ol.selector_complex label.selected {
  background: 0 0;
}

ol.selector_complex img {
  display: block;
  margin: 0 auto 0.5em;
  padding: 2px;
  border: 2px solid #fff;
  border-radius: 3px;
}

ol.selector_complex .or {
  float: left;
  margin: 0.6em 0.5em 0 1em;
}

.ie7 ol.selector_complex li .or {
  margin-top: 0;
}

ol.selector_complex label:focus img,
ol.selector_complex label:hover img {
  border-color: #2a8a15;
}

ol.selector_complex .selected label img,
ol.selector_complex label.selected img {
  border-color: #1e1e1e;
}

ol.selector_complex dd {
  clear: both;
  margin: 0;
}

.blog-entry {
  margin: 0 0 2.25em;
}

.blog-entry h2 {
  margin: 0 0 0.25em;
  font-weight: 700;
  font-size: 1.714em;
  line-height: 1.25;
}

.blog-entry img {
  float: left;
  margin: 0 22px 1em 0;
}

.blog-entry .meta {
  margin: 0;
}

.blog-entry .postdate {
  font-size: 0.9286em;
  line-height: 1;
}

.blog-entry .byline {
  margin: 0 0 1em;
}

.blog-entry .more {
  clear: both;
  margin: 0;
  padding: 0 0 1em;
  border-bottom: 2px solid #1e1e1e;
  font-weight: 700;
}

.blog-entry .social {
  padding: 0.5em 0 0;
  float: left;
  width: 50%;
}

.blog-entry .comment-num {
  float: left;
  width: 50%;
  font-weight: 700;
  font-size: 1.286em;
  text-align: right;
}

.blog-entry .social_icons {
  width: 250px;
  font-size: 0.9091em;
}

.blog-entry .social_icons p {
  padding: 0;
}

.blog-entry .social_icons ul {
  clear: none;
  margin-top: 2px;
}

.blog-entry .social_icons img {
  margin-right: 0;
}

@media (min-width: 600px) {
  .blog-entry {
    max-width: 575px;
  }
}
img {
  vertical-align: bottom;
}

img.image_full {
  margin-bottom: 3em;
}

img.image_left,
img.image_right,
img.left,
img.right {
  margin: 0 0 1.714286em;
}

img.image_left,
img.left {
  float: left;
  margin-right: 22px;
}

img.image_right,
img.right {
  float: right;
  margin-left: 22px;
}

.card {
  position: relative;
  margin-bottom: 1.714286em;
}

.card img {
  box-sizing: border-box;
  padding: 6px 6px 5px;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
}

.card a:active img,
.card a:focus img,
.card a:hover img {
  border-color: #2a8a15;
}

.card.gold img {
  padding: 6px 5px;
}

.card.medium img {
  padding: 4px 4px 3px;
}

.card.medium.gold img {
  padding: 4px;
}

@media (min-width: 480px) {
  .card:after {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 210px;
    height: 163px;
    border-radius: 5px;
    background-image: radial-gradient(100% 100%, ellipse farthest-side, rgba(255, 255, 255, 0) 98.5%, rgba(255, 255, 255, 0.2) 99%);
    content: "";
    pointer-events: none;
  }

  .card.gold:after {
    width: 163px;
    height: 150px;
  }

  .card.medium:after {
    width: 163px;
    height: 99px;
  }

  .card.medium.gold:after {
    width: 102px;
    height: 120px;
  }
}
@media (min-width: 992px) {
  .image_left.summary_image {
    float: none;
    display: block;
  }
}
ul.basic li {
  padding: 0 0 0 18px;
  background: url("../../assets/images/bullet.gif") 5px 0.65em no-repeat;
}

.anchors {
  margin: 0 0 2em;
  padding: 1.5em 20px 1em;
  background: #f1f1f1;
}

.ie6 .anchors {
  height: 1%;
}

.anchors ul {
  float: left;
  clear: none;
  margin: 0;
  width: 303px;
}

.anchors li {
  margin: 0 0 0.75em;
  background: 0 0;
}

.categories li {
  margin-bottom: 2.571429em;
}

.categories h2 {
  margin-bottom: 0.5em;
}

.categories p {
  margin: 0;
  color: #000;
  font-weight: 400;
  line-height: 1.214;
}

.categories a:active span,
.categories a:focus span,
.categories a:hover span {
  background: #2a8a15;
  color: #fff;
}

.featured li {
  position: relative;
  margin: 0 0 1.5em;
  padding: 0 0 0 153px;
  min-height: 143px;
}

.featured h4 {
  margin: 0 0 0.5em;
  font-weight: 700;
  line-height: 1.429;
}

.featured img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 143px;
}

ul.headlines {
  margin: 2em 0 0.25em;
  padding: 0 0 2em;
}

ul.headlines a {
  font-weight: 700;
  font-size: 1.1em;
}

ul.headlines span.pub_date {
  padding: 0 0.25em;
  color: #8b8078;
}

ul.headlines span.author {
  font-weight: 700;
}

.legal {
  font-weight: 700;
  text-transform: uppercase;
}

ol.legal {
  list-style: decimal;
}

ol.legal ol {
  list-style: upper-alpha;
}

ol.legal ol ol {
  list-style: lower-roman;
}

ol.legal ol ol ol {
  list-style: lower-alpha;
}

.documents p {
  margin: 0 0 0.25em;
}

.documents p strong {
  font-size: 1.2857em;
  line-height: 1.3333;
}

.documents a {
  padding: 0.2em 0.25em 0.2em 30px;
  background-image: url("../../assets/images/icon_document.gif");
  background-repeat: no-repeat;
  background-position: 3px 50%;
}

.documents a.pdf,
.documents a[href$=".pdf"] {
  background-image: url("../../assets/images/icon_pdf.gif");
}

.js h3.expandable a.expanded,
a.expandable,
h3.expandable a {
  background-image: url("../../assets/images/expandable.html");
  background-repeat: no-repeat;
}

.documents a span {
  color: #53534a;
}

h3.expandable {
  margin: 0;
}

.js h3.expandable a.expanded,
h3.expandable a {
  display: block;
  padding: 0.5em 28px;
  background-position: -583px 50%;
  font-weight: 700;
  font-size: 1.286em;
}

.js h3.expandable a {
  background-position: 9px 50%;
}

.js h3.expandable a:focus,
.js h3.expandable a:hover {
  background-position: -287px 50%;
}

.js h3.expandable a.expanded:focus,
.js h3.expandable a.expanded:hover {
  background-position: -879px 50%;
}

h3.expandable a span {
  display: block;
  width: 0;
  height: 0;
}

.js .expandable_details,
.js ol.expandable {
  display: none;
}

a.expandable {
  padding: 0 0 0 20px;
  background-position: -1182px 50%;
}

a.expandable:focus,
a.expandable:hover {
  background-position: -1450px 50%;
}

a.expandable.expanded {
  background-position: -1718px 50%;
}

a.expandable.expanded:focus,
a.expandable.expanded:hover {
  background-position: -1986px 50%;
}

.expandable_details:focus {
  outline: 0;
}

ol.expandable {
  margin: 0 0 3em;
  padding: 0.75em 0;
}

.thumbs .item,
.thumbs li > a,
ol.tree li a {
  display: block;
}

ol.expandable li {
  list-style: none;
}

ol.expandable a {
  padding: 0 28px;
  font-size: 1em;
  line-height: 1.2;
}

ol.expandable ol {
  margin-bottom: 0.5em;
}

ol.tree li {
  margin: 0 0 0 25px;
  padding: 1px 0;
}

ol.tree li a {
  margin: 0 22px 0 0;
  padding: 2px 0 3px 20px;
  font-weight: 700;
}

ol.tree li a.parent {
  color: #2A8A15;
  background: url("../../assets/images/expandable.html") -1182px 50% no-repeat;
}

ol.tree li a.parent:focus,
ol.tree li a.parent:hover {
  color: #fff;
  background-color: #2A8A15;
  background-position: -1450px 50%;
}

ol.tree li a.parent.expanded {
  background-position: -1718px 50%;
}

ol.tree li a.parent.expanded:focus,
ol.tree li a.parent.expanded:hover {
  background-position: -1986px 50%;
}

ol.tree li li {
  margin-left: 18px;
}

ol.tree li li a {
  padding-left: 17px;
  font-weight: 400;
}

.section_navigation h3,
.section_navigation li a,
.section_navigation li a:visited {
  color: #fff;
  font-weight: 700;
}

ol.tree li li li a {
  padding-left: 12px;
}

.section_navigation {
  margin: 2.75em 0 2em;
  padding: 1em 12px;
  background: #1e1e1e;
}

.ie6 .section_navigation {
  zoom: 1;
}

.section_navigation h3 {
  margin: 0 0 0.5em;
  font-size: 1.571em;
  line-height: 1;
  text-transform: uppercase;
}

.section_navigation ul {
  margin: 0;
  line-height: 1.2857;
}

.section_navigation li {
  margin: 0 0 0.7143em;
}

.section_navigation .selected a,
.section_navigation .selected a:visited {
  color: #ccc;
}

.section_navigation .selected a:focus,
.section_navigation .selected a:hover {
  color: #fff;
}

.thumbs {
  position: relative;
  line-height: 1.1429;
}

.thumbs li {
  margin-bottom: 0.714286em;
  padding-top: 1.428571em;
}

.thumbs dl {
  position: relative;
  margin: 0;
}

.thumbs dd {
  margin: 0;
  padding: 0.25em 0 0;
}

.thumbs dd.caption {
  position: absolute;
  top: -1.428571em;
  right: 0;
  left: 0;
  padding: 0.285714em 0;
  width: 100%;
  max-width: 144px;
  background: #1e1e1e;
  color: #71b43a;
  font-size: 0.8571em;
  line-height: 1;
  text-align: center;
}

.thumbs li > a:active,
.thumbs li > a:focus,
.thumbs li > a:hover {
  background-color: transparent;
}

.thumbs a:active span,
.thumbs a:focus span,
.thumbs a:hover span {
  background-color: #2a8a15;
}

.thumbs_details li {
  margin-bottom: 3.428571em;
}

.thumbs_details dt {
  position: relative;
  min-height: 120px;
}

.thumbs_details dt strong {
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  background: #fff;
}

.thumbs_details dd {
  font-weight: 400;
}

.thumbs_details dd.family {
  border-top: 1px solid #1e1e1e;
}

.thumbs_details a:active dd.family,
.thumbs_details a:focus dd.family,
.thumbs_details a:hover dd.family {
  color: #fff;
}

.thumbs_details img.shared_planet {
  float: right;
  padding: 0 5px 0 0;
}

.thumbs_popover dt {
  position: relative;
}

.thumbs_popover dt img.moreDetails {
  display: none;
}

.thumbs_popover .type {
  margin-bottom: 0.2em;
  padding: 0.25em 0.4em;
  max-width: 134px;
  background: #000;
  color: #fff;
  font-size: 0.857143em;
  line-height: 1;
  text-transform: uppercase;
}

.thumbs_popover .blonde {
  background: #e6a513;
}

.thumbs_popover .medium {
  background: #b15b11;
}

.thumbs_popover .dark {
  background: #7a003c;
}

.thumbs_popover .multipleBrewMethods {
  color: #999;
  font-weight: 400;
  font-size: 0.928571em;
}

.thumbs_popover a:focus .type,
.thumbs_popover a:focus span,
.thumbs_popover a:hover .type,
.thumbs_popover a:hover span {
  background: #2a8a15;
}

.thumbs_popover .coffeeDetails {
  display: none;
  position: absolute;
  z-index: 10000;
  padding: 12px 8px;
  width: 305px;
  border: 1px solid #dedede;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

.thumbs_popover .coffeeDetails .close {
  position: absolute;
  top: 0.2em;
  right: 0.2em;
  padding: 0.25em 0.5em;
  color: #000;
}

.thumbs_popover .coffeeDetails .close:active,
.thumbs_popover .coffeeDetails .close:focus,
.thumbs_popover .coffeeDetails .close:hover {
  color: #fff;
}

.thumbs_popover .coffeeDetails .stamp {
  float: left;
}

.thumbs_popover .coffeeDetails .details {
  float: left;
  width: 170px;
  margin-left: 10px;
}

.thumbs_popover .coffeeDetails .details h3.productname {
  margin: 15px 0 7px;
  font-size: 1em;
  line-height: 1.1;
}

.thumbs_popover .coffeeDetails .details .roast {
  margin: 8px 0;
  padding: 2px 0 2px 5px;
  color: #fff;
}

.thumbs_popover .coffeeDetails .details dl {
  margin: 8px 0;
  height: auto;
  line-height: 1;
}

.thumbs_popover .coffeeDetails .details dt {
  margin: 2px 0;
}

.thumbs_popover .coffeeDetails .details dd {
  padding: 0 0 4px;
}

.thumbs_select > li {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

.thumbs_select:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.thumbs_select input[type=checkbox],
.thumbs_select input[type=radio] {
  display: none;
}

.ie8 .thumbs_select input[type=checkbox],
.ie8 .thumbs_select input[type=radio] {
  display: inline;
  line-height: 4em;
  vertical-align: 50%;
}

.thumbs_select input[type=checkbox] + label,
.thumbs_select input[type=radio] + label {
  display: inline-block;
  padding: 1.75em 1em 1em;
}

.thumbs_select input[type=checkbox]:checked + image,
.thumbs_select input[type=checkbox]:checked + label,
.thumbs_select input[type=radio]:checked + image,
.thumbs_select input[type=radio]:checked + label {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
  background-color: green;
  color: #fff;
}

.thumbs_select input[type=checkbox] + label > img,
.thumbs_select input[type=radio] + label > img {
  display: block;
  margin: auto;
}

.thumbs_select label > .top_thumb_label {
  text-align: center;
  margin-top: -1.75em;
}

@media (min-width: 769px) {
  .thumbs_popover dt img.moreDetails {
    display: block;
    position: absolute;
    right: 4px;
    bottom: 4px;
    padding: 4px;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
  }

  .thumbs_popover dt img.moreDetails:hover {
    background: #000;
  }
}
@media (min-width: 992px) {
  .thumbs_popover dt {
    text-align: center;
  }

  .thumbs_popover dt img {
    width: 100%;
  }

  .thumbs_popover dt img.moreDetails {
    width: auto;
  }

  .thumbs_popover .type {
    max-width: none;
  }
}
.category_media_player,
.media,
.media_player {
  margin-bottom: 1em;
}

.media .get_flash a,
.media_player .get_flash a {
  padding: 0.2em 3px 0.2em 28px;
  background-image: url("../../assets/images/flash_icon.html");
  background-repeat: no-repeat;
  background-position: 3px 3px;
}

.media .transcript a,
.media_player .transcript a {
  padding: 0.2em 3px 0.2em 23px;
  background-image: url("../../assets/images/transcript_btn.html");
  background-repeat: no-repeat;
  background-position: 2px 5px;
}

.media .transcript a:focus,
.media .transcript a:hover,
.media_player .transcript a:focus,
.media_player .transcript a:hover {
  background-position: 3px -31px;
}

.pagination {
  text-align: center;
}

.pagination ol {
  position: relative;
  left: 50%;
  float: left;
  margin: 0 auto 0.5em;
  list-style: none;
}

.pagination li {
  display: inline;
  position: relative;
  right: 50%;
  float: left;
  margin: 0 10px 1em 0;
}

.pagination .button {
  margin: 0;
}

.pagination .number a,
.pagination .number span {
  display: block;
  padding: 0 0.75em;
  font: 700 1.1429em/1.625 Arial, sans-serif;
}

.bannerMobileApp__header,
.heroBanner--howToBrew h1,
.hero_overlay .hero_header,
.howToBrewContainer--content .instructions .instruction h3 {
  font-family: "Crete Round", Georgia, "Times New Roman", serif;
}

.pagination .number span {
  background: #ebedec;
}

.pagination li.page_first,
.pagination li.page_last,
.pagination li.page_next,
.pagination li.page_previous {
  display: none;
}

.pagination_alt .number a,
.pagination_alt .number span {
  margin: 0.2857em 0;
  padding: 0 0.45em;
  font-size: 1em;
  line-height: 1.4286;
}

.pagination_left ol {
  float: none;
}

@media (min-width: 480px) {
  .pagination li.page_first,
.pagination li.page_last,
.pagination li.page_next,
.pagination li.page_previous {
    display: block;
  }
}
.promo {
  clear: both;
  margin: 14px 0 28px;
}

.promo p,
.promo ul {
  line-height: 1.429;
}

.promo img {
  float: left;
  margin: 3px 16px 24px 0;
}

.promo a:focus img {
  outline: #7c746c dotted 1px;
}

.promo li img {
  float: none;
  margin: 0 8px 0 0;
}

.promo ul.promo_communities li {
  margin: 0 0 14px 16px;
}

.promo ul.promo_communities li a {
  padding: 4px 5px 4px 22px;
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.promo ul.promo_communities li.twitter a {
  background-image: url("../../assets/images/icon_twitter.html");
}

.promo ul.promo_communities li.facebook a {
  background-image: url("../../assets/images/icon_facebook.html");
}

.promo ul.promo_communities li.flickr a {
  background-image: url("../../assets/images/icon_flickr.html");
}

.promo ul.promo_communities li.youtube a {
  background-image: url("../../assets/images/icon_youtube.html");
  background-position: 1px 50%;
}

.promo ul.promo_communities li.mystarbucksidea a {
  background-image: url("../../assets/images/icon_mystarbucksidea.html");
}

.promo .divider {
  padding-bottom: 24px;
  border-bottom: 1px solid #d7d1ca;
}

.promo ul.find_us_online {
  padding: 1em 0 0;
  background: #fff;
}

.ie6 .promo ul.find_us_online {
  zoom: 1;
}

.promo ul.find_us_online li {
  float: left;
  margin: 0;
}

.promo ul.find_us_online li a {
  display: block;
  margin: 0 0 1em;
  width: 101px;
  height: 54px;
  line-height: 35px;
  text-align: center;
}

.promo ul.find_us_online li a:focus,
.promo ul.find_us_online li a:hover {
  background: #fff;
}

.promo ul.find_us_online li a img {
  float: none;
  margin: 0;
}

.promo ul.logos {
  width: 320px;
}

.promo ul.logos li {
  float: left;
  margin: 0 15px 15px 0;
}

.promo ul.logos li a {
  padding: 0;
  background: 0 0;
}

.promo ul.logos li img {
  float: none;
  margin: 0;
}

#instagramPromo div {
  position: relative;
  overflow: hidden;
  height: 153px;
}

#instagramPromo div a,
#instagramPromo img {
  position: absolute;
  top: 0;
  margin-right: 5px;
}

#instagramPromo div a img {
  position: static;
  margin-right: 0;
}

.promo .promo_iphone p {
  clear: both;
  margin: 0 0 1.2em;
  padding: 0;
}

.promo .promo_iphone p a {
  display: block;
  padding: 2px 7px;
  background: #8A8178;
  color: #fff;
  font-size: 1.2em;
  text-decoration: none;
  text-transform: uppercase;
}

.promo .promo_iphone p a:hover {
  background: #006634;
}

.promo .promo_iphone dl {
  padding: 0 7px;
}

.promo .promo_iphone dt {
  margin: 0 0 0.3em;
  font-size: 1.1em;
}

.promo .promo_iphone dd {
  color: #4d3921;
  line-height: 1.6;
}

.rotate-promos {
  margin: 0 0 28px;
  width: auto !important;
}

.bordered_promo {
  outline: #000 solid 1px;
}

#close_app_full,
#sb_app_promo_banner .button a,
.sb_dropdown:focus,
.sb_dropdown_trigger:focus,
.signup_error,
.signup_message,
.ui-helper-reset,
.ui-widget :active,
aside.sb_tooltip:focus,
span.sb_tooltip:focus {
  outline: 0;
}

.ie7 .bordered_promo {
  border: 1px solid #000;
  margin: -1px;
}

.bordered_promo h3 {
  padding: 0.5em;
  display: block;
  background-color: #000;
  color: #fff;
}

.bordered_promo p,
.bordered_promo ul {
  padding: 0.5em;
}

.horizontal_link_icons li {
  display: inline;
  margin-right: 1em;
}

.horizontal_link_icons p {
  margin-bottom: 0;
}

.horizontal_link_icons li a {
  background-color: transparent;
}

.NewsletterSignup,
.NewsletterSignup .form {
  width: 100%;
  position: relative;
  padding-bottom: 2.143em;
}

.NewsletterSignup button,
.NewsletterSignup input {
  margin: 0;
  font-size: 1em;
}

.NewsletterSignup input {
  width: 160px;
}

.ie7 .NewsletterSignup,
.ie7 .signup_message {
  width: 304px;
}

.NewsletterSignup .button {
  position: absolute;
  top: 60px;
}

.NewsletterSignup fieldset .button:last-child {
  float: none;
}

.NewsletterSignup .button,
.NewsletterSignup .button button {
  width: 100%;
}

.NewsletterSignup ol.form li {
  float: left;
}

@media (min-width: 320px) {
  .NewsletterSignup {
    overflow: hidden;
    width: 100%;
    padding-bottom: inherit;
  }

  .NewsletterSignup .signup_input {
    display: block;
    overflow: hidden;
    padding-right: 25px;
  }

  .NewsletterSignup .button,
.NewsletterSignup .button button {
    width: auto;
  }

  .NewsletterSignup .button {
    position: static;
    display: block;
    float: right;
  }

  .NewsletterSignup label {
    display: block;
    padding: 7px 0;
    color: #3d3935;
  }
}
@media (min-width: 480px) {
  .NewsletterSignup {
    width: 70%;
  }
}
@media (min-width: 769px) {
  .NewsletterSignup {
    width: 100%;
  }
}
.signup_error {
  background: url("../../assets/images/check_warn.html") no-repeat;
  color: #ea9d29;
}

.signup_success {
  background: url("../../assets/images/check_positive.html") no-repeat;
  color: #2a8a15;
}

.signup_error,
.signup_success {
  padding-left: 32px;
  margin: 1em 0;
  font-weight: 700;
  line-height: 2em;
}

@media (min-width: 992px) {
  .promo img {
    float: none;
  }

  .main_content > .fields > .size1of3 .promo img {
    display: block;
  }

  .section_blocks .image img {
    width: 100%;
  }
}
.header_bar {
  min-height: 10px;
  background: #006341;
}

.header_bar .container {
  padding: 0;
}

@media (min-width: 1024px) {
  .header_bar .container {
    padding: 0 15px;
  }
}
@media (min-width: 1280px) {
  .header_bar .container {
    padding: 0 20px;
  }
}
.header_bar .wrapper {
  margin-bottom: 0;
  line-height: 1.2;
}

.header_bar.no_cta .wrapper {
  padding: 12px 20px;
}

@media (min-width: 481px) {
  .header_bar.no_cta .wrapper {
    padding: 12px 20px;
  }
}
@media (min-width: 768px) {
  .header_bar .wrapper {
    float: right;
  }

  .header_bar.no_cta .wrapper {
    padding: 12px 24px;
  }
}
@media (min-width: 1024px) {
  .header_bar.no_cta .wrapper {
    padding: 12px 0;
  }
}
.header_bar .promo_text {
  color: #fff;
  color: rgba(255, 255, 255, 0.85);
}

.js .header_bar .js-overflow .promo_text {
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  cursor: pointer;
}

.js .header_bar .js-allow-overflow .promo_text {
  white-space: normal;
}

.header_bar .promo_text .lead_in {
  padding-right: 0.5em;
  text-transform: uppercase;
  font-weight: 700;
}

.header_bar a {
  display: block;
  padding: 12px 20px;
  background: #004F34;
  color: #fff;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 400;
}

.header_bar a:active,
.header_bar a:focus,
.header_bar a:hover {
  background: #003B27;
}

.header_bar a .pagetop_cta {
  text-decoration: underline;
}

@media (min-width: 481px) {
  .header_bar a {
    padding: 12px 20px;
  }
}
@media (min-width: 768px) {
  .header_bar a {
    padding: 12px 24px;
  }
}
.section_blocks {
  margin-bottom: 1em;
  line-height: 1.357143;
}

.section_blocks li {
  margin: 0;
}

.section_blocks dl {
  clear: both;
  margin: 0;
}

.section_blocks dt {
  margin: 0 0 0.4em;
  font-size: 1.857143em;
  line-height: 1;
}

.section_blocks ul {
  clear: none;
  margin-top: 1.25em 0;
}

.section_blocks .image img {
  display: block;
  margin: 0 0 1em;
}

.section_blocks img.image_left {
  margin-bottom: 1em;
  max-width: 47%;
}

@media (min-width: 480px) {
  .section_blocks dt {
    display: table;
  }

  .section_blocks dt span {
    display: table-cell;
    min-height: 52px;
    vertical-align: bottom;
  }
}
.tab_kit {
  clear: both;
  margin: -1px 0 3em;
}

.tab_header {
  margin: 0 0 1em;
  padding: 0.25em 6% 0;
  border: 1px solid #d9d9d9;
  border-radius: 5px 5px 0 0;
  background: #eaeaea;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.375;
}

.tab_header p {
  margin: 0 0 0.5em;
  text-align: center;
  word-wrap: break-word;
}

.tab_header strong {
  font-weight: 400;
  font-size: 20px;
  font-size: 2rem;
}

.tab_header .nickname {
  font-size: 20px;
  font-size: 2rem;
}

.tab_header .balance {
  padding: 0 0.2em 0 0;
}

.tab_header .date {
  padding: 0 0 0 0.2em;
  font-size: 13px;
  font-size: 1.3rem;
}

.tab_header .divider {
  margin: 0 0.25em;
  color: #6d953e;
}

.tab_container {
  min-height: 350px;
  background: #fff;
  width: 100%;
  position: relative;
}

.tab_aside {
  margin: 13px 1.5% 1em 0;
  padding: 1em 0 0;
  border-top: 1px solid #d9d9d9;
}

.tab_list {
  margin: 0 auto;
  max-width: 225px;
  border-radius: 5px;
  box-shadow: 0 4px 1px rgba(0, 0, 0, 0.05);
}

.tab_list li {
  margin: 0;
}

.tab_list a {
  display: block;
  padding: 0.5em 14px 0.5em 25px;
  border: 1px solid #d9d9d9;
  border-top-color: #f7f7f7;
  color: #000;
  line-height: 1.42857;
  word-wrap: break-word;
}

.tab_list a:active,
.tab_list a:focus,
.tab_list a:hover {
  background: url("../../assets/images/tab_list_arrows.gif") 11px -18px no-repeat;
}

.tab_list li:first-child a {
  border-radius: 5px 5px 0 0;
  border-top-color: #d9d9d9;
}

.tab_list li:last-child a {
  border-radius: 0 0 5px 5px;
}

.tab_list li:first-child:last-child a {
  border-radius: 5px;
}

.tab_list .selected a,
.tab_list .selected a:focus,
.tab_list .selected a:hover {
  position: relative;
  border: 1px solid #20760C;
  background: #5CA61F;
  background-image: linear-gradient(top, #5CA61F 30%, #1F760C 100%);
  color: #fff;
}

.tab_list .selected a:after {
  display: block;
  position: absolute;
  top: 14px;
  left: 11px;
  width: 4px;
  height: 7px;
  background: url("../../assets/images/tab_list_arrows.gif") no-repeat;
  content: "";
}

.tab_loading {
  display: none;
}

.tab_loading p {
  margin: 4em auto 2em;
  min-height: 100px;
  background: url("../../assets/images/loading_bar.gif") 50% 2em no-repeat;
  text-align: center;
}

.tab_panel h2 {
  margin-bottom: 1em;
}

.tab_panel h3 {
  font-weight: 700;
}

.tab_panel h4 {
  margin: 0;
}

.tab_panel .sub_section {
  padding: 1em 0 0;
  border-top: 1px solid #ededed;
}

.tab_panel .highlight {
  padding: 1.5em 20px;
  border: 1px solid #ededed;
  border-radius: 5px;
  background: #f7f7f7;
}

.tab_panel ul.highlight {
  padding-bottom: 0.5em;
}

.tab_panel .group {
  margin: 0 0 2em;
  padding: 0 1.5%;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.tab_panel .group h3 {
  margin: 0 0 1em -1.5%;
  padding: 0.25em 1.5%;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  background: #d9d9d9;
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.01) 1%, #dbdbdb 100%) #fff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.33333;
  text-transform: uppercase;
}

.tab_panel .group h3.additional {
  margin-top: 2.5em;
  border-top: 1px solid #d9d9d9;
  border-radius: 0;
}

.tab_panel .right_primary h3 {
  border-top: 1px solid #d9d9d9;
}

.tab_panel .auxiliary {
  clear: both;
  margin: 0 0 0 -15px;
  padding: 1em 15px 2em;
  width: 100%;
  background: #f7f7f7;
}

.tab_panel .auxiliary .disclaimer {
  margin: 0;
  list-style: none;
}

.tab_panel .auxiliary .disclaimer a {
  text-transform: capitalize;
}

.tab_panel .group.secure_ui .right_primary {
  margin-left: -1.5%;
  width: 103%;
}

#tab_kit_container {
  position: relative;
  direction: rtl;
}

#tab_kit_container .tab_kit {
  direction: ltr;
  position: relative;
  transition: left 0.5s;
}

#tab_kit_container.out-of-bounds .tab_kit {
  width: 180%;
}

#tab_kit_container.out-of-bounds.open .tab_kit {
  left: 80%;
}

#tab_kit_container.out-of-bounds .tab_panel {
  width: 55.5555%;
  float: right;
}

#tab_kit_container.out-of-bounds .tab_aside {
  width: 44.4444%;
  float: left;
  padding: 0;
  margin: 0;
}

#tab_kit_container.out-of-bounds .tab_loading {
  width: 100%;
}

#tab_kit_container.out-of-bounds #details-partial {
  width: 94%;
  margin: auto;
}

#tab_kit_container.out-of-bounds .tab_loading,
#tab_kit_container.out-of-bounds .tab_panel {
  float: right;
}

#tab_kit_container.out-of-bounds .tab_loading p {
  margin: 8em auto 4em;
  width: 300px;
}

#tab_select {
  padding: 0.5em 0.5em 0.5em 0.75em;
  background-color: #ededed;
  margin-bottom: 1em;
}

@media (min-width: 768px) {
  #tab_select {
    display: none;
  }
}
#tab_select * {
  margin-left: 0.5em;
}

#tab_select .h3 {
  margin-left: 0;
  vertical-align: top;
  line-height: 1.5em;
  display: inline;
}

#tab_select.on_top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.js #tab_select {
  padding-left: 2.5em;
  background-image: url("../../assets/images/arrow_right.png");
  background-repeat: no-repeat;
  background-position: 11px center;
}

.js #tab_kit_container.out-of-bounds.open #tab_select {
  background-image: url("../../assets/images/arrow_left.png");
}

#tab_kit_container.out-of-bounds .tab_list {
  max-width: 100%;
}

#tab_kit_container.out-of-bounds .tab_list,
#tab_kit_container.out-of-bounds .tab_list .first a,
#tab_kit_container.out-of-bounds .tab_list .last a,
#tab_kit_container.out-of-bounds .tab_list .single a {
  border-radius: 0;
}

.js .noscript {
  display: none;
}

@media (min-width: 480px) {
  .tab_panel .auxiliary .disclaimer {
    overflow: hidden;
  }

  .tab_panel .auxiliary .disclaimer li {
    float: left;
  }

  .tab_panel .auxiliary .disclaimer li.first {
    margin-right: 3%;
    width: 39%;
  }

  .tab_panel .auxiliary .disclaimer li.last {
    width: 58%;
  }
}
@media (min-width: 600px) {
  .tab_panel .group h3 {
    border-radius: 5px 5px 0 0;
  }

  .tab_loading,
.tab_panel {
    overflow: hidden;
  }

  .tab_panel .left_primary,
.tab_panel .right_primary {
    float: left;
    margin: 0 0 0 -1px;
    padding: 0 1.5% 1em 0;
    width: 38.5%;
    border: 1px solid #eee;
    border-width: 0 1px 0 0;
  }

  .group .right_primary {
    padding-right: 0;
    padding-left: 1.5%;
    width: 58.4%;
    border-width: 0 0 0 1px;
  }

  .tab_panel .left_primary h3 {
    margin-right: -3.6%;
    margin-left: -3.6%;
    padding-right: 3.6%;
    padding-left: 3.6%;
    border-radius: 5px 0 0;
  }

  .tab_panel .right_primary h3 {
    margin-right: -2.75%;
    margin-left: -2.75%;
    padding-right: 2.75%;
    padding-left: 2.75%;
    border-top: 0;
    border-radius: 0 5px 0 0;
  }

  .tab_panel .group.secure_ui {
    padding-right: 0;
  }

  .tab_panel .group.secure_ui .right_primary {
    margin-left: -1px;
    padding-right: 0;
    padding-left: 0;
    width: 60%;
  }
}
@media (min-width: 769px) {
  .tab_header {
    margin: 0;
  }

  .tab_aside {
    float: left;
    padding: 0;
    border: 0;
    width: 23%;
  }

  .ie7 .tab_aside {
    width: 22%;
  }

  .tab_loading,
.tab_panel {
    float: right;
    margin: 16px 0 1em 1.5%;
    width: 74%;
  }

  .tab_loading p {
    margin: 8em auto 4em;
    width: 300px;
  }
}
tbody th,
td,
tfoot th,
thead th {
  padding: 0.75em 0.5em;
  border: 1px solid #1e1e1e;
  font-weight: 400;
}

@media (min-width: 992px) {
  .tab_panel {
    margin: 16px 14% 1em 1.5%;
    width: 60%;
  }
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 2em;
  line-height: 1.3571;
}

col.numerical,
td.numerical,
th.numerical {
  text-align: right;
}

tbody th,
td,
tfoot th,
thead th {
  text-align: left;
  vertical-align: top;
}

tbody.even,
tr.even {
  background: #f6f6f6;
}

thead th {
  margin: 5px 0 0;
  border-top: 0;
  border-bottom: 2px solid #000;
  background: #e1e2e3;
}

tbody th,
td,
tfoot th {
  border-top: 1px dotted #a5a8aa;
  border-bottom: 1px dotted #a5a8aa;
}

tbody th,
tfoot th {
  width: 184px;
}

.table_alt,
.table_responsive {
  width: 100%;
}

th:first-child {
  border-left: 0;
}

td:last-child,
th:last-child {
  border-right: 0;
}

tbody tr:last-child th,
tr:last-child td {
  border-bottom: 0;
}

tfoot td,
tfoot th {
  padding: 1.7em 1em 1.5em;
  border-top: 2px solid #e1e1e1;
  font-weight: 700;
}

.table_alt {
  border-bottom: 1px solid #e6e3df;
}

.table_alt thead th {
  padding-bottom: 0.25em;
  border: 1px solid #e6e3df;
  border-width: 0 0 1px;
  background: 0 0;
  font-weight: 700;
  text-transform: uppercase;
}

.table_alt tbody th,
.table_alt td,
.table_alt tfoot th {
  border: 0;
}

.generatedcontent .table_responsive,
.generatedcontent .table_responsive tbody,
.generatedcontent .table_responsive td,
.generatedcontent .table_responsive tfoot,
.generatedcontent .table_responsive th,
.generatedcontent .table_responsive thead,
.generatedcontent .table_responsive tr {
  display: block;
}

.generatedcontent .table_responsive thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.table_responsive td,
.table_responsive th {
  padding: 2%;
  text-align: left;
  vertical-align: top;
}

.no-generatedcontent .table_responsive td,
.no-generatedcontent .table_responsive th {
  padding: 0.5em;
}

.table_responsive th {
  font-weight: 700;
}

.generatedcontent .table_responsive td,
.generatedcontent .table_responsive th {
  position: relative;
  float: left;
  width: 44%;
  padding: 2% 2% 2% 54%;
  border-bottom: 1px solid #e6e3df;
  word-wrap: break-word;
}

.table_responsive td:before,
.table_responsive th:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 44%;
  padding: 2%;
  font-weight: 700;
  content: attr(data-th);
}

.generatedcontent .table_responsive tbody tr:first-child td:first-child,
.generatedcontent .table_responsive tbody tr:first-child th:first-child {
  padding-top: 3.2em;
}

.generatedcontent .table_responsive tbody tr:first-child td:first-child:before,
.generatedcontent .table_responsive tbody tr:first-child th:first-child:before {
  width: 100%;
  background: #e1e2e3;
}

@media (min-width: 600px) {
  .generatedcontent .table_responsive {
    display: table;
  }

  .generatedcontent .table_responsive thead {
    display: table-header-group;
  }

  .generatedcontent .table_responsive tbody {
    display: table-row-group;
  }

  .generatedcontent .table_responsive tfoot {
    display: table-footer-group;
  }

  .generatedcontent .table_responsive tr {
    display: table-row;
  }

  .generatedcontent .table_responsive td,
.generatedcontent .table_responsive th {
    display: table-cell;
    position: static;
    float: none;
    width: auto;
  }

  .generatedcontent .table_responsive thead tr {
    position: static;
  }

  .generatedcontent .table_responsive td,
.generatedcontent .table_responsive th,
.table_responsive td,
.table_responsive th {
    padding: 0.5em;
  }

  .table_responsive td:before,
.table_responsive th:before {
    display: none;
    content: "";
  }

  .generatedcontent .table_responsive tbody tr:first-child td:first-child,
.generatedcontent .table_responsive tbody tr:first-child th:first-child {
    padding-top: 0.5em;
  }

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

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

  .table_responsive .align_right {
    text-align: right;
  }
}
.validation_summary.error {
  border-color: #aa1e33;
}

.validation_summary.error h2,
.validation_summary.error span {
  color: #aa1e33;
}

.validation_summary.warning {
  border-color: #cd7429;
}

.validation_summary.valid {
  border-color: #6d953e;
}

#sb_app_promo_banner {
  position: relative;
  background: url("../../assets/images/pattern_diagonals.gif") #3a362d;
  z-index: 1;
}

#sb_app_promo_banner ul {
  margin: 0;
  padding: 0;
}

#sb_app_promo_banner .button {
  background-color: #fff;
  position: absolute;
  top: 30%;
  right: 5%;
}

#sb_app_promo_banner .button a {
  display: block;
  margin: 1px;
  font-size: 1em;
  padding: 0.143em 0.857em;
  border: 1px solid #000;
  background-image: linear-gradient(top, #2eb8e6 30%, #3cf 100%);
  background-color: #2eb8e6;
}

#sb_app_promo_banner .button a:focus,
#sb_app_promo_banner .button a:hover {
  background-image: linear-gradient(top, #3cf 0, #2eb8e6 70%);
  background-color: #3cf;
}

#sb_app_promo_banner .button a:active {
  background: #3cf;
}

#sb_app_promo_banner > ul > li {
  float: left;
}

#app_description {
  width: 33%;
}

#app_description,
#app_logo {
  color: #fff;
  margin: 0 0 10px 10px;
}

#app_description li,
#app_description ul {
  margin-bottom: 0;
  line-height: 1.2em;
  font-size: 12px;
}

#app_description li:first-child {
  margin-top: 16px;
  font-weight: 700;
  font-size: 14px;
}

#app_logo {
  background-color: #fff;
  height: 57px;
  width: 59px;
  margin-top: 10px;
  border-radius: 10px;
  position: relative;
}

#app_logo img {
  height: 47px;
  width: 47px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.banner_close {
  color: #fff;
  background-color: #3a362d;
  font-size: 20px;
  font-weight: 700;
  width: 20px;
  padding-bottom: 2px;
  text-align: center;
  line-height: 1em;
  margin-left: 10px;
  margin-top: 5px;
  border-style: inset;
  border-width: 1px;
  border-color: #000 gray gray #000;
}

.banner_close a:hover {
  background-color: transparent;
}

#sb_app_promo_overlay {
  background: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 100;
  max-height: 110%;
}

#sb_app_promo_wrapper {
  position: absolute;
  top: -1000px;
  width: 100%;
  text-align: center;
  z-index: 101;
}

#sb_app_promo_wrapper h1 {
  padding-top: 20px;
  margin-bottom: 0;
  font-size: 2.3em;
}

#sb_app_promo_wrapper p {
  font-weight: 700;
  padding-bottom: 16px;
}

#close_app_full {
  color: #fff;
  background-image: linear-gradient(top, #97989c 30%, #696969 100%);
  background-color: #97989c;
}

#close_app_full:focus,
#close_app_full:hover {
  outline: 0;
  background-image: linear-gradient(top, #696969 0, #97989c 70%);
  background-color: #696969;
}

#close_app_full:active {
  background: #696969;
}

span.sb_tooltip {
  position: relative;
  display: inline-block;
}

aside.sb_tooltip,
span.sb_tooltip:after {
  display: block;
  position: absolute;
  transition: opacity 0.25s ease-out;
}

span.sb_tooltip:after {
  content: "";
  border: 10px solid transparent;
  border-bottom-color: #949390;
  opacity: 0;
  visibility: hidden;
}

span.sb_tooltip.active:after {
  visibility: visible;
  opacity: 1;
  z-index: 50;
}

aside.sb_tooltip {
  visibility: hidden;
  box-sizing: border-box;
  background-color: #595a5b;
  padding: 10px;
  border-radius: 4px;
  color: #fff;
  text-align: left;
  margin: 0 20px;
  opacity: 0;
  font-size: 14px;
  font-size: 1.4rem;
  z-index: 50;
}

aside.sb_tooltip.active {
  opacity: 1;
  visibility: visible;
}

/*! GENERATED BY SASS. DO NOT EDIT THIS FILE.*/
.sb_dropdown {
  transition: opacity 0.25s ease-in-out;
}

.js .sb_dropdown {
  height: 0;
  display: none;
  background: #fff;
}

.js .sb_dropdown.sb_dropdown_active {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

@media (min-width: 768px) {
  aside.sb_tooltip {
    width: auto;
    min-width: 120px;
  }

  .js .sb_dropdown {
    position: absolute;
    visibility: hidden;
    opacity: 0;
  }

  .js .sb_dropdown.sb_dropdown_active {
    visibility: visible;
    opacity: 1;
    border: 1px solid #ccc;
  }
}
.clearfix:after,
.hidden,
.invisible {
  visibility: hidden;
}

.sb_dropdown.no_transition {
  transition: none;
}

.sb_dropdown_trigger {
  position: relative;
}

.sb_dropdown_trigger.sb_dropdown_active:after,
.sb_dropdown_trigger.sb_dropdown_active:before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  z-index: 1;
  width: 16px;
  margin-left: -8px;
  box-sizing: border-box;
  border-bottom: 7px solid #ccc;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.sb_dropdown_trigger.sb_dropdown_active:after {
  bottom: -2px;
  z-index: 2;
  border-bottom: 7px solid #fff;
}

/*! GENERATED BY SASS. DO NOT EDIT THIS FILE.*/
.expand_link__text {
  margin-right: 5px;
}

.expand_link__icon_wrapper,
.expand_link__text {
  display: inline-block;
  vertical-align: middle;
}

.expand_link__icon_wrapper--padded {
  padding: 10px;
}

.expand_link__icon {
  transition: 0.15s ease-in;
}

.sb_dropdown_active .expand_link__icon {
  transform: rotate(180deg);
}

/*! GENERATED BY SASS. DO NOT EDIT THIS FILE.*/
.css_loader,
.css_loader:after,
.css_loader:before {
  display: inline-block;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin: 0;
  padding: 0;
  background: 0 0;
  border: none;
  animation: loader 1.2s infinite ease-in-out;
}

.css_loader:before {
  left: -12px;
}

.css_loader:after {
  left: 12px;
  animation-delay: 192ms;
}

.css_loader:after,
.css_loader:before {
  content: "";
  position: absolute;
  top: 0;
}

.css_loader {
  font-size: 8px;
  position: relative;
  top: -8px;
  margin-right: 12px;
  margin-left: 12px;
  text-indent: -9999em;
  animation-delay: 96ms;
}

.css_loader.css_loader--dark,
.css_loader.css_loader--dark:after,
.css_loader.css_loader--dark:before {
  animation-name: darkloader;
}

.store_add_to_cart .css_loader {
  margin-left: 20px;
}

@keyframes loader {
  0%, 100%, 80% {
    box-shadow: 0 8px 0 -6px #fff;
  }
  40% {
    box-shadow: 0 8px 0 0 #fff;
  }
}
@keyframes darkloader {
  0%, 100%, 80% {
    box-shadow: 0 8px 0 -6px #3d3a35;
  }
  40% {
    box-shadow: 0 8px 0 0 #fff;
  }
}
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .ui-helper-clearfix {
  height: 1%;
}

.ui-helper-zfix,
.ui-widget-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}

.ui-helper-clearfix {
  display: block;
}

.ui-helper-zfix {
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  background-repeat: no-repeat;
}

.ui-widget-content {
  border: 1px solid #aaa;
  background: url("../../assets/images/ui-bg_flat_75_ffffff_40x100.html") 50% 50% repeat-x #fff;
  color: #222;
}

.ui-widget-header {
  border: 1px solid #aaa;
  background: url("../../assets/images/ui-bg_highlight-soft_75_cccccc_1x100.html") 50% 50% repeat-x #ccc;
  color: #222;
  font-weight: 700;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: url("../../assets/images/ui-bg_glass_75_e6e6e6_1x400.html") 50% 50% repeat-x #e6e6e6;
  font-weight: 400;
  color: #555;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555;
  text-decoration: none;
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
  border: 1px solid #999;
  background: url("../../assets/images/ui-bg_glass_75_dadada_1x400.html") 50% 50% repeat-x #dadada;
  font-weight: 400;
  color: #212121;
}

.ui-state-hover a,
.ui-state-hover a:hover {
  color: #212121;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaa;
  background: url("../../assets/images/ui-bg_glass_65_ffffff_1x400.html") 50% 50% repeat-x #fff;
  font-weight: 400;
  color: #212121;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: url("../../assets/images/ui-bg_glass_55_fbf9ee_1x400.html") 50% 50% repeat-x #fbf9ee;
  color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: url("../../assets/images/ui-bg_glass_95_fef1ec_1x400.html") 50% 50% repeat-x #fef1ec;
  color: #cd0a0a;
}

.ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error a,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: 700;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: 400;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
  background-image: url("../../assets/images/ui-icons_222222_256x240.html");
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-state-default .ui-icon {
  background-image: url("../../assets/images/ui-icons_888888_256x240.html");
}

.ui-state-active .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
  background-image: url("../../assets/images/ui-icons_454545_256x240.html");
}

.ui-state-highlight .ui-icon {
  background-image: url("../../assets/images/ui-icons_2e83ff_256x240.html");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../../assets/images/ui-icons_cd0a0a_256x240.html");
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-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: -64px -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: -64px -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: 0 -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-off {
  background-position: -96px -144px;
}

.ui-icon-radio-on {
  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-first,
.ui-icon-seek-start {
  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;
}

.ui-widget-overlay,
.ui-widget-shadow {
  background: url("../../assets/images/jqui/ui-bg_flat_0_aaaaaa_40x100.html") 50% 50% repeat-x #aaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
  border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
  border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
  border-bottom-right-radius: 4px;
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  border-radius: 8px;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .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;
}

.ui-accordion {
  width: 100%;
}

.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1;
}

.ui-accordion .ui-accordion-li-fix {
  display: inline;
}

.ui-accordion .ui-accordion-header-active {
  border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: 0.5em 0.5em 0.5em 0.7em;
}

.ui-accordion-icons .ui-accordion-header a {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
  zoom: 1;
}

.ui-accordion .ui-accordion-content-active,
.ui-menu {
  display: block;
}

.ui-autocomplete {
  position: absolute;
  cursor: default;
}

* html .ui-autocomplete {
  width: 1px;
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  float: left;
}

.ui-menu .ui-menu {
  margin-top: -3px;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 0.2em 0.4em;
  line-height: 1.5;
  zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-state-hover {
  font-weight: 400;
  margin: -1px;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: 0.1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
}

.ui-button-icon-only {
  width: 2.2em;
}

button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

input.ui-button {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-icon,
.ui-button-icons-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-icons-only .ui-button-icon-primary,
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary {
  left: 0.5em;
}

.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary {
  right: 0.5em;
}

.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

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

.ui-dialog {
  position: absolute;
  padding: 0.2em;
  width: 300px;
  overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 16px 0.1em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0;
  padding: 1px;
  height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:focus,
.ui-dialog .ui-dialog-titlebar-close:hover {
  padding: 0;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: 0 0;
  overflow: auto;
  zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0;
  background-image: none;
  margin: 0.5em 0 0;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.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;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.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: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.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;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-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-next span,
.ui-datepicker .ui-datepicker-prev 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-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: 700;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td a,
.ui-datepicker td span {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-multi .ui-datepicker-group,
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.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;
}

.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.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;
}

.ui-datepicker-cover {
  display: none;
  display: block;
  position: absolute;
  z-index: -1;
  -webkit-filter: mask();
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px;
}

.ui-dialog .ui-dialog-titlebar {
  margin: 0 0 0.75em;
  padding: 0.1em 13px;
  font-size: 1.2857em;
}

.ui-dialog .ui-dialog-title {
  margin-top: 0;
  margin-bottom: 0;
}

.ui-autocomplete {
  font-size: 1em;
}

.ui-autocomplete.ui-corner-all {
  border-radius: 0;
}

.ui-autocomplete .ui-state-hover {
  background-image: none;
  background-color: #2A8A15;
  color: #fff;
}

.ui-datepicker-trigger {
  cursor: pointer;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-effects-transfer {
  border: 1px dotted gray;
}

.h1--hr,
.h2--hr,
.h3--hr,
.h4--hr,
.h5--hr,
.h6--hr {
  margin-top: 1.25em;
  border-bottom: 1px solid #1e1e1e;
}

.h2--siteMap {
  margin-bottom: 34px;
}

.h3--siteMap {
  margin: 0 0 0.5em;
}

.sidebar {
  margin: 2.75em 0 2em;
}

.imageFull {
  margin-bottom: 3em;
}

.imageLeft,
.imageRight {
  margin: 0 0 1.714286em;
}

.imageLeft {
  float: left;
  margin-right: 22px;
}

.imageRight {
  float: right;
  margin-left: 22px;
}

.contentStripe__grid .image50,
.grid .image50 {
  max-width: 50%;
}

.notificationBar--oldBrowser {
  padding-top: 1px;
}

.notificationBar--oldBrowser .validation {
  padding: 0 20px;
}

@media (min-width: 480px) {
  .notificationBar--oldBrowser .validation_summary {
    width: 440px;
  }
}
.heroBanner,
.heroBanner * {
  box-sizing: border-box;
}

.heroBanner {
  position: relative;
  width: 100%;
  padding: 170px 0 0;
  text-align: center;
  z-index: 1;
}

.heroImage,
.heroImage:after,
.hero_link,
.hero_link.video_image_link {
  position: absolute;
}

.heroBanner--noTextOverlay,
.heroBanner--noTextOverlay .container {
  height: 450px;
  padding-top: 0;
  padding-bottom: 0;
}

.heroImage {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 450px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 450px;
}

.heroImage:after {
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(15, 15, 15, 0) 0, #0f0f0f 100%);
}

.heroBanner--noTextOverlay .heroImage:after {
  display: none;
}

.hero_link {
  left: 0;
  bottom: 100%;
  width: 100%;
  height: 170px;
}

.heroBanner--noTextOverlay .hero_link {
  bottom: auto;
  top: 0;
  height: 100%;
}

.hero_link.video_image_link:before {
  top: auto;
  height: 64px;
}

.heroBanner--noTextOverlay .hero_link.video_image_link:before {
  top: 0;
  height: 100%;
}

.hero_link.video_image_link:active,
.hero_link.video_image_link:focus,
.hero_link.video_image_link:hover,
.hero_link.video_image_link:visited {
  background: 0 0;
}

.heroBanner .container {
  position: relative;
}

.heroBanner .fields,
.heroBanner .region {
  width: 100%;
  height: 100%;
}

.heroBanner,
.heroBanner a {
  color: #0f0f0f;
}

.heroBanner a:active,
.heroBanner a:focus,
.heroBanner a:hover,
.heroBanner a:link,
.heroBanner a:visited {
  background: 0 0;
  color: #0f0f0f;
}

.hero_overlay .button_cta.secondary a:active,
.hero_overlay .button_cta.secondary a:focus,
.hero_overlay .button_cta.secondary a:hover {
  background: #0f0f0f;
  background: rgba(15, 15, 15, 0.15);
}

.hero_overlay .hero_copy a:active,
.hero_overlay .hero_copy a:focus,
.hero_overlay .hero_copy a:hover {
  background: #0f0f0f;
  background: rgba(15, 15, 15, 0.1);
  border-bottom: 1px solid;
}

.hero_overlay {
  padding: 0 0 20px;
}

.hero_overlay .hero_header {
  margin: 0 0 0.25em;
  font-style: italic;
  font-size: 1.857142em;
}

.hero_overlay .hero_copy p {
  margin: 0 0 0.25em;
}

.size1of1 .hero_overlay p {
  max-width: none;
}

.hero_overlay .button_wrap {
  margin: 2em 0 0;
}

.hero_overlay .button a,
.hero_overlay .button a:visited {
  display: inline-block;
  white-space: nowrap;
}

.hero_overlay .hero_copy a,
.hero_overlay .hero_copy a:link {
  border-bottom: 1px dotted;
}

.hero_overlay .hero_copy a.video_text_link span.text,
.hero_overlay .hero_copy a.video_text_link span.text:link {
  border-bottom: none;
}

/*! YUI-Compressor */
@media screen and (min-width: 321px) and (max-width: 480px) {
  .heroBanner {
    padding: 255px 0 0;
  }

  .heroBanner--noTextOverlay,
.heroBanner--noTextOverlay .container {
    height: 675px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .heroImage {
    max-height: 675px;
    background-size: auto 675px;
  }

  .hero_link {
    height: 255px;
  }
}
/*! YUI-Compressor */
@media screen and (min-width: 481px) and (max-width: 540px) {
  .heroBanner {
    padding: 400px 0 0;
  }

  .heroBanner--noTextOverlay,
.heroBanner--noTextOverlay .container {
    height: 760px;
  }

  .heroImage {
    max-height: 760px;
    background-size: auto 760px;
  }

  .hero_link {
    height: 400px;
  }
}
/*! YUI-Compressor */
@media screen and (min-width: 541px) {
  .heroBanner {
    min-height: 252px;
    padding: 0;
  }

  .heroBanner--noTextOverlay {
    height: auto;
  }

  .heroBanner.bottomLeft,
.heroBanner.midLeft,
.heroBanner.topLeft {
    text-align: left;
  }

  .heroBanner.bottomRight,
.heroBanner.midRight,
.heroBanner.topRight {
    text-align: right;
  }

  .heroImage {
    height: 252px;
    max-height: 100%;
    background-size: auto 252px;
  }

  .heroBanner.bottomCenter .heroImage,
.heroBanner.midCenter .heroImage,
.heroBanner.topCenter .heroImage {
    position: static;
  }

  .heroImage:after {
    background: 0 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  }

  .heroBanner .container,
.heroBanner--noTextOverlay .container {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .heroBanner .region {
    position: relative;
  }

  .heroBanner--noTextOverlay .hero_link,
.hero_link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 252px;
    z-index: 1;
  }

  .hero_link.video_image_link:before {
    top: 0;
    height: 100%;
  }

  .svg .heroBanner--noTextOverlay .hero_link.video_image_link:before,
.svg .hero_link.video_image_link:before {
    top: 40%;
    height: 20%;
    background-size: contain;
  }

  .heroBanner.bottomCenter .hero_link,
.heroBanner.midCenter .hero_link,
.heroBanner.topCenter .hero_link {
    top: auto;
    bottom: 100%;
  }

  .hero_overlay {
    position: relative;
    display: inline-block;
    max-width: 45%;
    padding: 20px;
    z-index: 2;
  }

  .heroBanner.bottomLeft .hero_overlay,
.heroBanner.bottomRight .hero_overlay,
.heroBanner.midLeft .hero_overlay,
.heroBanner.midRight .hero_overlay,
.heroBanner.topLeft .hero_overlay,
.heroBanner.topRight .hero_overlay {
    text-align: left;
  }

  .heroBanner.bottomCenter .hero_overlay,
.heroBanner.midCenter .hero_overlay,
.heroBanner.topCenter .hero_overlay {
    display: block;
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
  }
}
/*! YUI-Compressor */
@media screen and (min-width: 768px) {
  .heroBanner.bottomCenter .heroImage,
.heroBanner.midCenter .heroImage,
.heroBanner.topCenter .heroImage,
.hero_overlay {
    position: absolute;
  }

  .heroBanner,
.heroBanner--noTextOverlay,
.heroImage {
    height: 392px;
  }

  .heroImage {
    background-size: auto 100%;
  }

  .heroBanner .container {
    padding-top: 36px;
    padding-bottom: 44px;
  }

  .heroBanner--noTextOverlay .hero_link,
.hero_link,
.hero_link.video_image_link {
    height: 100%;
  }

  .heroBanner.bottomCenter .hero_link,
.heroBanner.midCenter .hero_link,
.heroBanner.topCenter .hero_link {
    top: 0;
    bottom: auto;
  }

  .hero_overlay {
    padding: 24px;
  }

  .hero_overlay.no_bg {
    padding-left: 0;
    padding-right: 0;
  }

  .heroBanner.topLeft .hero_overlay {
    top: 0;
    left: 12px;
  }

  .heroBanner.midLeft .hero_overlay {
    top: 50%;
    left: 12px;
  }

  .heroBanner.bottomLeft .hero_overlay {
    bottom: 0;
    left: 12px;
  }

  .heroBanner.topCenter .hero_overlay {
    left: 50%;
    top: 0;
  }

  .heroBanner.midCenter .hero_overlay {
    left: 50%;
    top: 50%;
  }

  .heroBanner.bottomCenter .hero_overlay {
    left: 50%;
    bottom: 0;
  }

  .heroBanner.topRight .hero_overlay {
    top: 0;
    right: 12px;
  }

  .heroBanner.midRight .hero_overlay {
    top: 50%;
    right: 12px;
  }

  .heroBanner.bottomRight .hero_overlay {
    bottom: 0;
    right: 12px;
  }

  .heroBanner.bottomCenter .hero_overlay,
.heroBanner.topCenter .hero_overlay {
    transform: translate(-50%, 0);
    max-width: 90%;
    padding: 20px;
  }

  .heroBanner.midLeft .hero_overlay,
.heroBanner.midRight .hero_overlay {
    transform: translate(0, -50%);
  }

  .heroBanner.midCenter .hero_overlay {
    transform: translate(-50%, -50%);
  }

  .hero_overlay .hero_header {
    font-size: 2.2em;
  }

  .hero_overlay .hero_copy {
    font-size: 1.1em;
  }
}
/*! YUI-Compressor */
@media screen and (min-width: 960px) {
  .heroBanner,
.heroBanner--noTextOverlay,
.heroImage {
    height: 532px;
  }

  .heroBanner .container {
    padding-top: 52px;
    padding-bottom: 60px;
  }

  .hero_overlay .hero_header {
    font-size: 2.6em;
  }

  .hero_overlay .hero_copy {
    font-size: 1.2em;
  }
}
/*! YUI-Compressor */
@media screen and (min-width: 1024px) {
  .hero_overlay {
    padding: 30px;
  }

  .heroBanner.bottomLeft .hero_overlay,
.heroBanner.midLeft .hero_overlay,
.heroBanner.topLeft .hero_overlay {
    left: 15px;
  }

  .heroBanner.bottomRight .hero_overlay,
.heroBanner.midRight .hero_overlay,
.heroBanner.topRight .hero_overlay {
    right: 15px;
  }
}
/*! YUI-Compressor */
@media screen and (min-width: 1120px) {
  .heroBanner,
.heroBanner--noTextOverlay,
.heroImage {
    height: 560px;
    background-size: auto;
  }

  .heroBanner .container {
    padding-top: 65px;
    padding-bottom: 75px;
  }

  .hero_overlay .hero_header {
    font-size: 2.75em;
  }
}
/*! YUI-Compressor */
@media screen and (min-width: 1280px) {
  .hero_overlay {
    padding: 40px;
  }

  .heroBanner.bottomLeft .hero_overlay,
.heroBanner.midLeft .hero_overlay,
.heroBanner.topLeft .hero_overlay {
    left: 20px;
  }

  .heroBanner.bottomRight .hero_overlay,
.heroBanner.midRight .hero_overlay,
.heroBanner.topRight .hero_overlay {
    right: 20px;
  }
}
/*! YUI-Compressor */
@media screen and (min-width: 2400px) {
  .heroImage {
    width: 2400px;
    left: 50%;
    margin-left: -1200px;
  }

  .heroImage:after,
.heroImage:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100px;
    height: 100%;
  }

  .heroImage:before {
    left: 0;
    background: linear-gradient(to right, #0f0f0f 0, rgba(15, 15, 15, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f0f0f", endColorstr="rgba(0, 15, 15, 0.05882)", GradientType=1);
  }

  .heroImage:after {
    right: 0;
    bottom: auto;
    left: auto;
    background: linear-gradient(to right, rgba(15, 15, 15, 0) 0, #0f0f0f 100%);
  }

  .heroBanner--noTextOverlay .heroImage:after {
    display: block;
  }
}
.bannerMobileApp {
  background: url("../../assets/images/app_ad-bg.gif") center;
  padding-top: 0.5em;
}

.bannerMobileApp__header {
  margin: 1em 0;
  font-style: italic;
}

.bannerMobileApp__header h2 {
  color: #3d3935;
  line-height: 1.125;
}

.bannerMobileApp__column {
  text-align: center;
}

.bannerMobileApp__buttons a {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  display: block;
  margin: 0.5em 0 1em;
  padding: 0.5em 0.5em 0.4em;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-width: 112px;
  height: auto;
}

.bannerMobileApp__buttons a:last-child {
  margin-bottom: 0;
}

.bannerMobileApp__buttons a:active,
.bannerMobileApp__buttons a:focus,
.bannerMobileApp__buttons a:hover,
.bannerMobileApp__buttons a:link,
.bannerMobileApp__buttons a:visited {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
}

.bannerMobileApp__image img {
  max-width: 120px;
  vertical-align: bottom;
}

@media (min-width: 481px) {
  .bannerMobileApp {
    padding-top: 2.1em;
  }

  .bannerMobileApp__header {
    text-align: left;
    float: right;
    margin: 0;
  }

  .bannerMobileApp__header h2 {
    margin-bottom: 0.5em;
  }

  .bannerMobileApp__image {
    float: left;
  }

  .bannerMobileApp__buttons {
    text-align: left;
  }

  .bannerMobileApp__buttons a {
    margin: 0 0.75em 0 0;
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .bannerMobileApp__header {
    font-size: 1.3334em;
    margin: 1em 0 0;
  }

  .bannerMobileApp__image img {
    max-width: 194px;
  }

  .bannerMobileApp__buttons a {
    max-width: 146px;
  }
}
@media (min-width: 1024px) {
  .bannerMobileApp__header {
    margin-top: 2em;
  }

  .bannerMobileApp__header h2 {
    margin-bottom: 0.7em;
  }
}
.bannerMobileApp--extended {
  padding: 20px 0;
}

.bannerMobileApp--extended__body p:last-child {
  margin-bottom: 0;
}

.bannerMobileApp--extended__item {
  display: block;
  margin-bottom: 5px;
}

.bannerMobileApp--extended a.bannerMobileApp--extended__item:active,
.bannerMobileApp--extended a.bannerMobileApp--extended__item:focus,
.bannerMobileApp--extended a.bannerMobileApp--extended__item:hover {
  background-color: transparent;
}

@media (min-width: 768px) {
  .bannerMobileApp--extended__item {
    display: inline;
    margin-right: 5px;
    margin-bottom: 0;
  }
}
.articleBlock {
  padding-top: 32px;
}

.articleBlock__summaryImage {
  margin: 0 0 1.714286em;
}

.articleBlock__text {
  margin-bottom: 1.714286em;
}

.articleBlock__text:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

@media (min-width: 992px) {
  .articleBlock__summaryImage.imageLeft {
    float: none;
    display: block;
  }
}
.notificationBar {
  min-height: 10px;
}

.notificationBar--shop {
  background-color: #006341;
  background-color: #006341;
}

.notificationBar--shop__content {
  float: right;
}

.notificationBar--shop__link {
  display: block;
  padding: 12px 20px;
  background: #004F34;
  color: #FFF;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 400;
}

@media (min-width: 481px) {
  .notificationBar--shop__link {
    padding: 12px 20px;
  }
}
@media (min-width: 768px) {
  .notificationBar--shop__link {
    float: right;
    padding: 12px 24px;
  }
}
.notificationBar--shop__link:active,
.notificationBar--shop__link:focus,
.notificationBar--shop__link:hover {
  background: #003B27;
}

.howToBrewContainer--video .link,
.howToBrewContainer--video .link:hover {
  border-bottom: none;
  background: 0 0;
}

.notificationBar--shop__promoText {
  color: #FFF;
  color: rgba(255, 255, 255, 0.85);
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  cursor: pointer;
  line-height: 1.2;
}

.notificationBar--shop__headline {
  padding-right: 0.5em;
  text-transform: uppercase;
  font-weight: 700;
}

.notificationBar--shop__linkText {
  text-decoration: underline;
  font-weight: 400;
}

.howToBrewContainer * {
  box-sizing: border-box;
}

.howToBrewContainer {
  padding-bottom: 45px;
}

.howToBrewContainer--title {
  margin: 45px 0 0;
}

.howToBrewContainer--title h2 {
  margin: 25px 0 35px;
  letter-spacing: 0.12em;
  font-weight: 700;
  word-spacing: 1px;
}

.howToBrewContainer--video {
  padding: 0 0 30px;
  text-align: center;
}

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

.howToBrewContainer--video .link {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.howToBrewContainer--video .link:hover:before {
  opacity: 1;
}

.howToBrewContainer--video .link:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: url("../../assets/images/play_button.png") center center no-repeat;
  opacity: 0.75;
}

.howToBrewContainer--content .instructions {
  counter-reset: li;
  list-style: none;
  margin-left: 0;
}

.howToBrewContainer--content .instructions li {
  margin-bottom: 50px;
}

.howToBrewContainer--content .instructions img {
  max-width: 100%;
  height: auto;
  width: 100%;
}

.howToBrewContainer--content .instructions .instruction:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: 3px;
  top: 13px;
  font-size: 26px;
  color: #777572;
}

.howToBrewContainer--content .instructions .instruction {
  position: relative;
  text-align: left;
  padding-left: 4em;
}

.howToBrewContainer--content .instructions .instruction h3 {
  font-size: 24px;
  margin: 15px 0 10px;
  font-style: italic;
}

.howToBrewContainer--content .instructions .instruction p {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 20px;
}

.howToBrewContainer--content .instructions .instruction .tip {
  color: #006341;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem;
}

.howToBrewContainer--content .instructions .instruction .tip em,
.howToBrewContainer--content .instructions .instruction .tip p {
  display: inline;
  text-transform: none;
  margin-bottom: 0;
  font-weight: 400;
  font-family: "Crete Round", Georgia, "Times New Roman", serif;
  font-style: italic;
}

@media (min-width: 481px) {
  .howToBrewContainer--content .instructions .instruction:before {
    font-size: 30px;
    top: 8px;
  }

  .howToBrewContainer--content .instructions .instruction {
    margin: 0 2%;
    position: relative;
    text-align: left;
    padding-left: 5%;
  }

  .howToBrewContainer--content .instructions .instruction h3 {
    font-size: 30px;
    margin-top: 6px;
    margin-bottom: 10px;
  }

  .howToBrewContainer--content .instructions .instruction p {
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 668px) {
  .howToBrewContainer--content .instructions .instruction p {
    line-height: 27px;
  }
}
@media (min-width: 768px) {
  .howToBrewContainer--content .instructions .instruction h3,
.howToBrewContainer--content .instructions:before {
    font-size: 32px;
  }

  .howToBrewContainer--content .instructions .instruction p {
    font-size: 18px;
    line-height: 27px;
  }
}
.heroBanner--howToBrew h2 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  word-spacing: 1px;
}

.heroBanner--howToBrew p {
  font-size: 14px;
  font-size: 1.4rem;
}

.heroBanner--howToBrew h1 {
  letter-spacing: 0.03em;
}

@media (min-width: 768px) {
  .heroBanner--howToBrew h2 {
    font-size: 21px;
    font-size: 2.1rem;
  }
}
@media (min-width: 960px) {
  .howToBrewContainer--content .instructions img {
    max-width: 260px;
  }

  .heroBanner--howToBrew h1 {
    margin: 0 0 11px;
    font-size: 32px;
    font-size: 3.2rem;
  }

  .heroBanner--howToBrew h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }

  .heroBanner--howToBrew .button_wrap .tertiary,
.heroBanner--howToBrew p {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.heroBanner--howToBrew {
  width: 100%;
  color: #fff;
  background-color: #1b1f23;
  background-image: url("../../assets/images/bg-htb-brewer.html");
  background-repeat: no-repeat;
  position: relative;
}

.heroBanner--howToBrew .container,
.shaded .heroBanner--howToBrew .container {
  padding-bottom: 0;
  padding-top: 90px;
}

@media (min-width: 481px) {
  .heroBanner--howToBrew {
    background-size: cover;
    background-image: url("../../assets/images/bg-how_to_brew-mobile.jpg");
    background-position: 40% top;
    min-height: 520px;
  }

  .heroBanner--howToBrew h2 {
    margin-top: 68px;
  }

  .heroBanner--howToBrew .container,
.shaded .heroBanner--howToBrew .container {
    padding-top: 20px;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .heroBanner--howToBrew {
    min-height: 440px;
    background-position: 10% top;
  }

  .heroBanner--howToBrew p {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .heroBanner--howToBrew h2 {
    margin-top: 34px;
  }
}
@media (min-width: 960px) {
  .heroBanner--howToBrew p {
    font-size: 18px;
    font-size: 1.8rem;
  }

  .heroBanner--howToBrew h2 {
    margin: 44px 0 15px;
    text-shadow: 0 0 1px #444;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 1024px) {
  .heroBanner--howToBrew h2 {
    margin-top: 50px;
  }
}
.heroBanner--howToBrew p {
  font-family: Lato, Helvetica, Arial, sans-serif;
  word-spacing: 0.1em;
  text-shadow: 0 0 1px #444;
}

.heroBanner--howToBrew h2 {
  font-size: 1em;
  margin: 44px 0 15px;
  text-shadow: 0 0 1px #444;
}

.heroBanner--howToBrew a:active,
.heroBanner--howToBrew a:focus,
.heroBanner--howToBrew a:hover,
.heroBanner--howToBrew a:link,
.heroBanner--howToBrew a:visited {
  background: 0 0;
  color: #3d3a35;
  border-bottom: 1px dotted;
}

.heroBanner--howToBrew {
  background-size: 100%;
  background-position: 0 0;
  min-height: 0;
}

.heroBanner--howToBrew .container,
.shaded .heroBanner--howToBrew .container {
  max-width: 1360px;
  border: none;
  padding: 0;
}

.heroBanner--howToBrew .grid {
  text-align: center;
  zoom: normal;
}

.heroBanner--howToBrew .grid_align_left {
  text-align: left;
}

.heroBanner--howToBrew .grid_align_left,
.shaded .heroBanner--howToBrew .grid_align_left {
  min-height: 233px;
  padding: 0 20px;
}

.heroBanner--howToBrew h1 {
  font-size: 24px;
  font-size: 2.4rem;
  text-shadow: 0 0 1px #444;
}

@media (min-width: 481px) {
  .heroBanner--howToBrew .container,
.shaded .heroBanner--howToBrew .container {
    padding-top: 0;
  }

  .heroBanner--howToBrew h1 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media (min-width: 768px) {
  .heroBanner--howToBrew .container,
.shaded .heroBanner--howToBrew .container {
    padding-top: 20px;
  }

  .heroBanner--howToBrew h1 {
    font-size: 36px;
    font-size: 3.6rem;
  }

  .heroBanner--howToBrew h2 {
    margin-top: 34px;
  }

  .heroBanner--howToBrew .grid_align_left,
.shaded .heroBanner--howToBrew .grid_align_left {
    min-height: 260px;
  }
}
@media (min-width: 960px) {
  .heroBanner--howToBrew h1 {
    font-size: 42px;
    font-size: 4.2rem;
  }

  .heroBanner--howToBrew h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 1040px) {
  .heroBanner--howToBrew .container,
.shaded .heroBanner--howToBrew .container {
    padding-top: 0;
  }
}
.heroBanner--howToBrew video {
  display: none;
}

@media (min-width: 768px) {
  .heroBanner--howToBrew {
    position: relative;
    overflow: hidden;
  }

  .howToBrewContainer .heroBanner--howToBrew video {
    background-color: transparent;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    transition: opacity 3s cubic-bezier(1, 0.005, 0.84, -0.015);
  }

  .howToBrewContainer .heroBanner--howToBrew video.active {
    opacity: 1;
  }
}
.brewLinksList {
  background-color: #1b1f23;
  padding: 10px 10px 0;
  margin-left: -10px;
  margin-right: -10px;
}

.brewLinksList .brewLinksList__item {
  background-position: 0 0;
  text-transform: uppercase;
  background-repeat: no-repeat;
  min-height: 40px;
  line-height: 60px;
  cursor: pointer;
  letter-spacing: 0.12em;
  background-size: 50px;
  white-space: nowrap;
  position: relative;
  text-align: left;
  opacity: 0.8;
  transition: opacity 0.5s ease-out;
}
@media (min-width: 481px)
{
    .brewLinksList__item{
        height:123px;
    }
}

.brewLinksList .brewLinksList__item.on,
.brewLinksList .brewLinksList__item:hover {
  background-position: 0 -66px;
  opacity: 1;
  background-repeat: no-repeat;
}

.brewLinksList .brewLinksList__link,
.heroBanner--howToBrew .brewLinksList a {
  color: #fff;
  border-bottom: none;
  font-size: 0.9em;
  padding: 20px 70px;
}

.Brewer {
  background-image: url("../../assets/images/coffee_brewer.png");
}

.Press {
  background-image: url("../../assets/images/coffee_press.png");
}

.Iced {
  background-image: url("../../assets/images/pour_over_cone_iced.png");
}

.Pour-Over {
  background-image: url("../../assets/images/pour_over_cone.png");
}

.svg .Brewer {
  background: url("../../assets/images/coffee_brewer.svg");
}

.svg .Press {
  background-image: url("../../assets/images/coffee_press.svg");
}

.svg .Iced {
  background-image: url("../../assets/images/pour_over_cone_iced.svg");
}

.svg .Pour-Over {
  background-image: url("../../assets/images/pour_over_cone.svg");
}

.svg .brewLinksList .brewLinksList__item {
  margin-bottom: 0;
  min-height: 45px;
  line-height: 70px;
  background-position: 0 -56px;
  background-size: 40px;
  background-repeat: no-repeat;
}

.svg .brewLinksList .brewLinksList__item.on,
.svg .brewLinksList .brewLinksList__item:hover {
  background-position: 0 -536px;
  animation: htbSpriteMobile 0.4s steps(4) forwards;
  background-repeat: no-repeat;
}

@keyframes htbSpriteMobile {
  from {
    background-position: 0 -56px;
  }
  to {
    background-position: 0 -536px;
  }
}
#Press .heroBanner--howToBrew {
  background-image: url("../../assets/images/bg-htb-press-mobile.jpg");
}

#Brewer .heroBanner--howToBrew {
  background-image: url("../../assets/images/bg-htb-brewer-mobile.jpg");
}

#Iced .heroBanner--howToBrew {
  background-image: url("../../assets/images/bg-htb-iced-mobile.jpg");
}

#Pour-Over .heroBanner--howToBrew {
  background-image: url("../../assets/images/bg-htb-pour_over-mobile.jpg");
}

@media (min-width: 481px) {
  @keyframes htbSprite {
    from {
      background-position: center -70px;
    }
    to {
      background-position: center -670px;
    }
  }
  .svg .brewLinksList .brewLinksList__item {
    line-height: 1.1em;
    background-position: center -70px;
    background-size: auto;
  }

  .svg .brewLinksList .brewLinksList__item.on,
.svg .brewLinksList .brewLinksList__item:hover {
    background-position: center -670px;
    animation: htbSprite 0.3s steps(4) forwards;
  }

  .brewLinksList {
    background-color: transparent !important;
  }

  .brewLinksList .brewLinksList__item.on,
.brewLinksList .brewLinksList__item:hover {
    background-position: center -80px;
  }

  .brewLinksList .brewLinksList__item {
    background-position: center 0;
    background-repeat: no-repeat;
    padding: 90px 0 0;
    display: inline-block;
    width: 7.5em;
    line-height: 1.1em;
    text-align: center;
    vertical-align: top;
    background-size: auto;
    white-space: normal;
    border: 1px solid transparent;
  }

  .brewLinksList .brewLinksList__item a {
    padding: 80px 0 0;
  }

  .brewLinksList .brewLinksList__item.marker {
    border-left-color: transparent;
    border-left-width: 8px;
    border-bottom-width: 5px;
    border-bottom-color: #fff;
    left: 47px;
    bottom: 0;
  }

  #Press .heroBanner--howToBrew {
    background-image: url("../../assets/images/bg-htb-press.jpg");
    background-size: 1320px;
    background-position: 60% 0;
  }

  #Pour-Over .heroBanner--howToBrew {
    background-image: url("../../assets/images/bg-htb-pour_over.jpg");
    background-size: 1500px;
    background-position: -300px -75px;
  }

  #Brewer .heroBanner--howToBrew {
    background-image: url("../../assets/images/bg-htb-brewer.jpg");
    background-size: 1300px;
    background-position: 40% bottom;
  }

  #Iced .heroBanner--howToBrew {
    background-image: url("../../assets/images/bg-htb-iced.jpg");
    background-position: 60% -100px;
    background-size: 1650px;
  }
}
.brewLinksList li.active .marker {
    display: block;
}
.brewLinksList li .marker {
    display: none;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left-color: #fff;
    content: " ";
    position: absolute;
    left: 0;
    padding: 0;
    min-height: 0;
    cursor: default;
    margin-bottom: 0;
    border-left-width: 7px;
    opacity: 1;
    bottom: -25px;
}

.contentStripe,
.small-hero {
  position: relative;
}

.brewLinksList li .marker:hover {
  background-position: center 0;
  animation: none;
}

@media (min-width: 481px) {
  .brewLinksList li .marker {
    border-left-color: transparent;
    border-left-width: 8px;
    border-bottom-width: 5px;
    border-bottom-color: #fff;
    left: 47px;
  }
}
@media (min-width: 668px) {
  #Press .heroBanner--howToBrew {
    background-size: 1300px;
    background-position: 50% top;
  }

  #Pour-Over .heroBanner--howToBrew {
    background-size: 1500px;
    background-position: -300px -80px;
  }

  #Brewer .heroBanner--howToBrew {
    background-size: 1280px;
    background-position: 30% center;
  }

  #Iced .heroBanner--howToBrew {
    background-position: 50% -100px;
    background-size: 1585px;
  }
}
.secondary_navGroup {
  color: #fff;
  padding: 1em 12px;
  margin: 0 0 2em;
  background-color: #1e1e1e;
}

.navGroup_title {
  color: inherit;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.571em;
  line-height: 1;
}

.navGroup_list {
  line-height: 1.2857;
}

.navGroup_list_item {
  margin: 0 0 0.7143em;
}

.navGroup_list_item_link,
.navGroup_list_item_link:visited {
  padding: 0.5em 0.25em;
  color: inherit;
  font-weight: 700;
}

.navGroup_list_item_link:focus,
.navGroup_list_item_link:hover,
.navGroup_list_item_link:visited:focus,
.navGroup_list_item_link:visited:hover {
  border-radius: 2px;
  background-color: #565656;
}

.utility_list {
  min-height: 1.5em;
}

.pageTitleBlock {
  padding-top: 20px;
}

.pageTitleBlock__header {
  margin-bottom: 0.1em;
  font-weight: 700;
  font-size: 25px;
  text-transform: uppercase;
  word-spacing: 1px;
  line-height: 1.25;
  letter-spacing: 0.12em;
}

.pageTitleBlock__text {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 20px;
}

.pageTitleBlock__text p {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .pageTitleBlock {
    padding-top: 32px;
  }

  .pageTitleBlock__img {
    float: none;
    display: block;
  }

  .pageTitleBlock__text p {
    margin-bottom: 1.71429em;
  }
}
.contentStripesContainer {
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05) inset;
}

.contentStripe {
  z-index: 1;
  color: #3d3a35;
  color: #3d3a35;
  background-position: center top;
}

.contentStripe__container {
  padding-top: 20px;
  padding-bottom: 30px;
  text-align: center;
}

.contentStripe__grid {
  text-align: center;
}

.contentStripe__media {
  vertical-align: middle;
  margin-bottom: 30px;
}

.contentStripe__content {
  vertical-align: middle;
  font-family: Lato, Helvetica, Arial, sans-serif;
}

.contentStripe__body,
.instructions .tip em,
.instructions .tip p,
.instructions h3,
.small-hero_title {
  font-family: "Crete Round", Georgia, "Times New Roman", serif;
  font-style: italic;
}

@media (min-width: 768px) {
  .pageTitleBlock__header {
    font-size: 36px;
    font-size: 3.6rem;
  }

  .pageTitleBlock__text {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .contentStripe--imgLeft .contentStripe__media {
    width: 41.66667%;
    width: calc(41.6666666667% - 0.01px);
    margin-bottom: 0;
    text-align: left;
  }

  .contentStripe--imgLeft .contentStripe__content {
    width: 41.66667%;
    width: calc(41.6666666667% - 0.01px);
    margin-left: 8.33333%;
    text-align: left;
  }

  .contentStripe--imgRight .contentStripe__media {
    width: 41.66667%;
    width: calc(41.6666666667% - 0.01px);
    left: 41.66667%;
    margin-left: 8.33333%;
    margin-bottom: 0;
    text-align: left;
  }

  .contentStripe--imgRight .contentStripe__content {
    width: 41.66667%;
    width: calc(41.6666666667% - 0.01px);
    right: 50%;
    text-align: left;
  }
}
.contentStripe a,
.contentStripe a:active,
.contentStripe a:focus,
.contentStripe a:hover,
.contentStripe a:link,
.contentStripe a:visited {
  background: 0 0;
  color: #3d3a35;
  color: #3d3a35;
  border-bottom: 1px dotted;
}

.contentStripe .contentStripe__media a,
.contentStripe .contentStripe__media a:active,
.contentStripe .contentStripe__media a:focus,
.contentStripe .contentStripe__media a:hover,
.contentStripe .contentStripe__media a:link,
.contentStripe .contentStripe__media a:visited {
  border-bottom: none;
  background: 0 0;
}

.contentStripe__title {
  margin: 0 0 0.8em;
  font-weight: 700;
  text-transform: uppercase;
  word-spacing: 1px;
}

.contentStripe__body {
  margin-bottom: 1em;
}

.content_stripe .btn--cta a,
.content_stripe .btn--cta a:visited {
  color: #3d3a35;
  color: #3d3a35;
}

.content_stripe .btn--cta a:active,
.content_stripe .btn--cta a:focus,
.content_stripe .btn--cta a:hover {
  background: #38392d;
  background: rgba(56, 57, 45, 0.1);
}

.contentStripe__cta:after {
  content: " »";
}

@media (min-width: 960px) {
  .contentStripe__container {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .content_stripe .h1 {
    margin: 0 0 11px;
    font-size: 32px;
  }

  .contentStripe__content {
    font-size: 17px;
  }
}
.small-hero_title {
  letter-spacing: 0.03em;
  opacity: 0.7;
  background-color: green;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  padding: 4px 15px 4px 4px;
  left: 1%;
}

.sectionBlock {
  margin-bottom: 1em;
  line-height: 1.357143;
}

.sectionBlock__header {
  margin: 0 0 0.4em;
}

.sectionBlock__header > *,
.sectionBlock__headline {
  font-size: 26px;
  font-size: 1.857143em;
  line-height: 1;
}

.sectionBlock__mainContent {
  margin: 1.25em 0 0;
}

.sectionBlock__subContent {
  margin-bottom: 1.71429em;
}

.sectionBlock__image {
  margin: 0;
}

.sectionBlock__image__image {
  display: block;
  margin: 0 0 1em;
}

.sectionBlock__text {
  display: inline;
}

@media (min-width: 480px) {
  .sectionBlock__header {
    display: table;
  }

  .sectionBlock__header > *,
.sectionBlock__headline {
    display: table-cell;
    min-height: 52px;
    vertical-align: bottom;
  }
}
.sectionNavigation {
  margin: 2.75em 0 2em;
  padding: 1em 12px;
  background: #1e1e1e;
}

.ie6 .sectionNavigation {
  zoom: 1;
}

.sidebar .sectionNavigation {
  margin: 0 0 2em;
}

.sectionNavigation__header {
  margin: 0 0 0.5em;
  color: #fff;
  font-weight: 700;
  font-size: 1.571em;
  line-height: 1;
  text-transform: uppercase;
}

.sectionNavigation__links {
  line-height: 1.2857;
  margin: 0 0 0.7143em;
}

.sectionNavigation__link a,
.sectionNavigation__link a:visited {
  color: #fff;
  font-weight: 700;
}

.sectionNavigation__link--selected a,
.sectionNavigation__link--selected a:visited {
  color: #ccc;
}

.sectionNavigation__link--selected a:focus,
.sectionNavigation__link--selected a:hover {
  color: #fff;
}

.promoBlock {
  clear: both;
  margin: 14px 0 28px;
}

.promoBlock__header {
  margin: 0 0 0.5em;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.27778;
}

.promoBlock__text {
  line-height: 1.429;
}

.promoBlock__image {
  float: left;
  margin: 3px 16px 24px 0;
}

a:focus .promoBlock__image {
  outline: #7c746c dotted 1px;
}

.promoBlock li img {
  float: none;
  margin: 0 8px 0 0;
}

@media (min-width: 992px) {
  .sectionBlock__image__image {
    width: 100%;
  }

  .promoBlock img {
    float: none;
  }

  .sidebar .promoBlock img {
    display: block;
  }
}
.stepByStep {
  color: #3d3a35;
}

.container--stepByStep {
  padding-top: 20px;
  padding-bottom: 30px;
  text-align: center;
}

.instructions {
  list-style: none;
  counter-reset: li;
  margin-left: 0;
}

.instructions li {
  margin-bottom: 40px;
  text-align: center;
}

.instructions h3 {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 15px 0 10px;
}

.instructions p {
  margin-bottom: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
}

.instructions .tip {
  color: #006341;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem;
}

.instructions .tip em,
.instructions .tip p {
  text-transform: none;
  display: block;
  margin-bottom: 0;
  font-weight: 400;
}

.instructions .crop {
  height: 120px;
  overflow: hidden;
}

.instructions img {
  width: 100%;
}

.instructions > li .instruction {
  position: relative;
  padding-left: 4em;
  text-align: left;
}

.instructions > li .instruction:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: 10px;
  top: 3px;
  font-size: 26px;
  font-size: 2.6rem;
  color: #777572;
}

@media (min-width: 481px) {
  .instructions li {
    margin-bottom: 50px;
  }

  .instructions .crop {
    height: auto;
  }

  .instructions h3 {
    font-size: 30px;
    font-size: 3rem;
    margin-top: 6px;
    margin-bottom: 10px;
  }

  .instructions p {
    margin-bottom: 32px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
  }

  .instructions .tip em,
.instructions .tip p {
    display: inline;
  }

  .instructions > li .instruction:before {
    font-size: 30px;
    font-size: 3rem;
    margin-top: -10px;
  }
}
@media (min-width: 668px) {
  .instructions p {
    line-height: 27px;
  }
}
@media (min-width: 768px) {
  .container--stepByStep,
.howToBrewContainer .stepByStep .container--stepByStep {
    padding-top: 60px;
  }

  .instructions h3 {
    font-size: 32px;
    font-size: 3.2rem;
  }

  .instructions p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
  }

  .instructions > li {
    margin-bottom: 80px;
    text-align: left;
  }

  .instructions > li .instruction:before {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media (min-width: 919px) {
  .instruction {
    margin-left: 2em;
  }
}
@media (min-width: 960px) {
  .container--stepByStep,
.howToBrewContainer .stepByStep .container--stepByStep {
    padding-bottom: 70px;
  }

  .instructions img {
    max-width: 260px;
  }
}
@media (min-width: 1024px) {
  .instruction {
    margin-left: 3em;
  }
}
@media (min-width: 1500px) {
  .instruction {
    margin-left: 2em;
  }
}
.menuAssetGroup {
  box-sizing: border-box;
  display: block;
  clear: both;
  margin-left: -20px;
}

.menuAssetGroup > .menuAsset {
  display: block;
  position: relative;
  box-sizing: border-box;
  clear: both;
  padding: 0 0 0 20px;
  background: 0 0;
  margin-bottom: 0.714286em;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.71429;
  font-weight: 700;
}

.menuAssetGroup:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}

.menuAsset__linkText {
  padding: 0.25em 0 0;
}

.menuAsset__image {
  display: block;
  width: auto;
  max-width: 100%;
}

.menuAsset__caption {
  display: block;
  position: absolute;
  top: 0;
  left: 20px;
  width: 100%;
  padding: 0.285714em 0;
  max-width: 144px;
  background-color: #1e1e1e;
  color: #71b43a;
  font-size: 0.8571em;
  line-height: 1;
  text-align: center;
}

@media (min-width: 320px) {
  .menuAssetGroup > .menuAsset {
    clear: none;
    float: left;
    width: 50%;
  }

  .menuAssetGroup > .menuAsset:nth-of-type(2n+1) {
    clear: left;
  }
}
@media (min-width: 600px) {
  .menuAssetGroup > .menuAsset {
    width: 25%;
  }

  .menuAssetGroup > .menuAsset:nth-of-type(2n+1) {
    clear: none;
  }

  .menuAssetGroup > .menuAsset:nth-of-type(4n+1) {
    clear: left;
  }
}
@media (min-width: 769px) {
  .menuAssetGroup {
    margin-left: -24px;
  }

  .menuAssetGroup > .menuAsset {
    padding: 0 0 0 24px;
  }

  .menuAsset__caption {
    left: 24px;
  }
}
@media (min-width: 1024px) {
  .menuAssetGroup {
    margin-left: -30px;
  }

  .menuAssetGroup > .menuAsset {
    padding: 0 0 0 30px;
  }

  .menuAsset__caption {
    left: 30px;
  }
}
@media (min-width: 1280px) {
  .menuAssetGroup {
    margin-left: -40px;
  }

  .menuAssetGroup > .menuAsset {
    padding: 0 0 0 40px;
  }

  .menuAsset__caption {
    left: 40px;
  }
}
.breadcrumb {
  clear: both;
  margin: 5.5em 0 0 -5px;
  padding: 0.5em 0;
  color: #53534a;
}

.breadcrumb__item {
  display: inline;
  margin: 0 0 0 0.357em;
  padding: 0;
}

.breadcrumb__link {
  margin: 0 0.5em 0 0;
}

.breadcrumb__item:after {
  color: #2a8a15;
  content: " .";
}

.breadcrumb__item:last-child:after {
  content: none;
}

.rtf ul li {
  padding: 0 0 0 18px;
  background: url("../../assets/images/bullet.gif") 5px 0.65em no-repeat;
}

.rtf img {
  padding: 0.75em 0.5em;
}

.rtf p {
  clear: both;
}

.coffeeFinderResults * {
  box-sizing: border-box;
}

.jcarousel-vertical {
  height: 700px;
}

.jcarousel-vertical ul {
  height: 20000em;
}

.js .options,
.js .questions {
  display: none;
}

.js .options {
  margin-top: 300px;
  transition: all 1.5s ease-out;
}

.js .options.animateIn {
  margin-top: 0;
}

.coffeeFinder * {
  box-sizing: border-box;
  color: #3d3a35;
}

.coffeeFinder {
  overflow: hidden;
  background: url("../../assets/images/bg-finder-top.png),url(../../assets/images/bg-finder-bottom.jpg");
}

.coffeeFinder .pageTitleBlock {
  overflow: hidden;
  transition: all 0.1s ease-out;
  padding-bottom: 10px;
}

.coffeeFinder .pageTitleBlock .pageTitleBlock__header {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 0.1em;
}

.coffeeFinder .pageTitleBlock .pageTitleBlock__text {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0;
  line-height: 20px;
}

.coffeeFinder .pageTitleBlock .notice {
  background-color: transparent;
  border: 2px solid #1e7387;
  border: 2px solid #1e7387;
  display: inline-block;
  margin-top: 10px;
}

.coffeeFinder .pageTitleBlock.animateIn {
  margin-top: -200px;
  padding-bottom: 100px;
  opacity: 0;
}

.coffeeFinder .coffeeFinder__selection {
  padding-bottom: 150px;
  position: relative;
  overflow: hidden;
}

.coffeeFinder .coffeeFinder__selection .coffeeFinder__selection--item {
  padding-top: 10px;
}

.coffeeFinder ul {
  position: relative;
}

.coffeeFinder .options {
  text-align: center;
  margin-bottom: 30px;
}

.coffeeFinder .options label {
  cursor: pointer;
  font-weight: 700;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  text-transform: uppercase;
  max-width: 45%;
  line-height: 1.5em;
  vertical-align: top;
  padding-bottom: 20px;
}

.coffeeFinder .options label:last-child {
  padding-right: 0;
}

.coffeeFinder .options input {
  display: none;
}

.coffeeFinder .options input ~ img {
  display: block;
  transition: all 0.6s ease;
  max-width: 100px;
  margin: 0 12px 6px;
}

.coffeeFinder .options input ~ img:hover {
  opacity: 0.4;
}

.coffeeFinder .options input:checked ~ img,
.coffeeFinder .options input:indeterminate ~ img {
  opacity: 0.6;
}

.js .coffeeFinder button {
  display: none;
}

@media (min-width: 960px) {
  .coffeeFinderResults .coffeeFinderResults__content .tagline {
    display: block;
  }
}
.coffeeFinderResults .coffeeFinderResults__content .type {
  font-weight: 700;
  text-transform: uppercase;
  word-spacing: 1px;
  letter-spacing: 0.12em;
  margin: 14px 0 0;
  color: #777572;
}

@media (min-width: 768px) {
  .coffeeFinderResults .coffeeFinderResults__content .type {
    display: inline-block;
    padding-right: 0.5em;
    margin-top: 16px;
  }

  .coffeeFinderResults .coffeeFinderResults__content .tagline {
    display: inline;
    padding-left: 0.5em;
    border-left: 1px solid #382f2d;
  }

  .coffeeFinderResults .coffeeFinderResults__content h4.type {
    margin: 20px 0 10px;
  }
}
@media (min-width: 960px) {
  .coffeeFinderResults .coffeeFinderResults__content h4.type {
    margin-top: 40px;
  }
}
.coffeeFinderResults .coffee_results .moreResults .coffeeItem .type {
  font-weight: 700;
  text-transform: uppercase;
  word-spacing: 1px;
  letter-spacing: 0.12em;
  margin: 14px 0 0;
  color: #777572;
  line-height: 18px;
  line-height: 1.8rem;
  display: inline-block;
}

.coffeeFinderResults .moreResults .coffeeItem .type {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  word-spacing: 1px;
  letter-spacing: 0.12em;
  margin: 14px 0 0;
  color: #777572;
}

.coffeeFinderResults .coffeeItems {
  margin: 0;
  text-align: left;
}

.coffeeFinderResults .moreResults .coffeeItem .minor a:after {
  font-family: "Global Icons";
  speak: none;
  margin-left: 0.5em;
  font-size: 10px;
  font-size: 1rem;
}

.coffeeFinderResults .moreResults .coffeeItem .minor a.more:after {
  content: "⌄";
}

.coffeeFinderResults .moreResults .coffeeItem .minor a.less:after {
  content: "⌃";
}

.questions {
  margin-bottom: 10px;
}

.questions .questions__number {
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-size: 1.9rem;
  color: #777572;
  overflow: hidden;
  float: left;
  width: 1em;
  line-height: 26px;
}

.questions .questions__copy {
  font-family: "Crete Round", Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-size: 1.7rem;
  font-style: italic;
  margin-left: 0.5em;
  overflow: hidden;
  padding-bottom: 10px;
}

.questions .questions__copy p {
  display: inline;
  font-size: 20px;
  font-size: 2rem;
  line-height: 26px;
}

.questions .questions__copy aside.sb_tooltip {
  border-bottom: none;
  margin-top: -10px;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
}

.coffeeFinderResults .moreResults .coffeeItem h5,
.coffeeFinderResults .moreResults h3,
.coffeeFinderResults__content h1,
.coffeeFinderResults__header h1,
.coffeeFinderResults__items h3,
.ourCoffeeContainer__heroBanner h1 {
  font-family: "Crete Round", Georgia, "Times New Roman", serif;
}

.questions .questions__copy aside.sb_tooltip p {
  color: #fff;
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 0;
  display: block;
}

.sb_tooltip {
  border-bottom: 1px dotted #382f2d;
  cursor: pointer;
}

.sb_tooltip:after {
  top: 15px;
}

.questions .sb_tooltip:after {
  border-bottom-color: #595a5b;
}

@media (min-width: 481px) {
  .coffeeFinder .pageTitleBlock {
    padding-bottom: 0;
  }

  .coffeeFinder .options label {
    max-width: 48%;
    margin-right: 20px;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .questions .sb_tooltip:after {
    top: 19px;
  }

  .questions aside.sb_tooltip {
    margin-left: 70px;
    margin-top: -11px;
    max-width: 400px;
  }

  .coffeeFinder .coffeeFinder__selection .coffeeFinder__selection--item {
    padding-top: 46px;
  }

  .coffeeFinder .pageTitleBlock {
    padding-bottom: 1px;
  }

  .coffeeFinder .pageTitleBlock .pageTitleBlock__header {
    font-size: 36px;
    font-size: 3.6rem;
  }

  .coffeeFinder .pageTitleBlock .pageTitleBlock__text {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .coffeeFinder .options {
    margin-left: 20px;
  }

  .coffeeFinder .options label {
    float: left;
    margin-right: 50px;
    max-width: 16%;
  }

  .coffeeFinder .options input ~ img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 15px 0;
  }

  .questions .questions__number {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 30px;
  }

  .questions .questions__copy p {
    font-size: 27px;
    font-size: 2.7rem;
    line-height: 30px;
  }
}
@media (min-width: 960px) {
  .coffeeFinder .pageTitleBlock {
    padding-top: 50px;
  }

  .coffeeFinder .pageTitleBlock .pageTitleBlock__text {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .coffeeFinder .options label {
    margin-right: 80px;
  }
}
.coffeeFinderResults {
  background: url("../../assets/images/bg-finder-top.png),url(../../assets/images/bg-finder-bottom.jpg");
  min-height: 450px;
  color: #3d3a35;
}

.coffeeFinderResults__header {
  padding-top: 0;
}

.coffeeFinderResults__header h1 {
  margin: 5px 0 20px;
  font-size: 20px;
  font-size: 2rem;
  font-style: italic;
}

.coffeeFinderResults__content {
  padding: 30px 0;
  margin-bottom: 0;
  display: inline-block;
  border: 1px solid #e5e5e5;
  vertical-align: top;
  background-color: #fff;
  text-align: left;
  width: 100%;
}

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

.coffeeFinderResults__content h1 {
  margin: 10px 0;
  font-style: italic;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 0.03em;
}

.coffeeFinderResults__content .tagline {
  display: block;
}

.coffeeFinderResults__content p {
  margin: 18px 0 30px;
  max-height: none;
  overflow: inherit;
  color: #777572;
  font-size: 1em;
  line-height: 1.3em;
}

.coffeeFinderResults__answerAgain {
  padding: 50px 0 70px;
}

.coffeeFinderResults__answerAgain a {
  border-bottom: none;
  padding: 0.3em 0.6em;
  margin-left: -0.6em;
  font-size: 14px;
  color: #3d3a35;
}

.coffeeFinderResults__answerAgain a:after {
  content: " »";
}

.coffeeFinderResults__answerAgain a:hover {
  background: #38392d;
  background: rgba(56, 57, 45, 0.1);
  color: #3d3a35;
  cursor: pointer;
  transition: background-color 125ms ease-in-out;
  border-radius: 4px;
}

.coffeeFinderResults__items.ourCoffeeContainer .coffeeItems {
  text-align: left;
}

.coffeeFinderResults__items {
  padding-top: 70px;
}

.coffeeFinderResults__items h3 {
  clear: both;
  margin: 0 0 1.72222em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 0.94444;
}

.coffeeFinderResults .moreResults {
  padding-top: 50px;
}

@media (min-width: 481px) {
  .coffeeFinderResults__header h1 {
    margin-bottom: 20px;
    font-size: 24px;
    font-size: 2.4rem;
  }

  .coffeeFinderResults__content--right h1 {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media (min-width: 768px) {
  .coffeeFinderResults .moreResults {
    padding-top: 64px;
  }

  .coffeeFinderResults .moreResults .answerAgain {
    padding-top: 60px;
  }

  .coffeeFinderResults__header h1 {
    margin: 20px 0 30px;
  }

  .coffeeFinderResults__content--right h1 {
    font-size: 32px;
    font-size: 3.2rem;
  }

  .coffeeFinderResults__content--right .tagline {
    display: inline;
    padding-left: 0.5em;
    border-left: 1px solid #382f2d;
  }

  .coffeeFinderResults__content--right p {
    margin: 32px 0 36px;
  }
}
@media (min-width: 800px) {
  .coffeeFinderResults .coffeeItems .coffeeItem {
    margin: 0 30px 0 0;
  }
}
@media (min-width: 825px) {
  .coffeeFinderResults .coffeeItems .coffeeItem {
    width: 350px;
  }
}
@media (min-width: 960px) {
  .coffeeFinderResults .moreResults {
    padding-bottom: 120px;
  }

  .coffeeFinderResults .moreResults h3 {
    font-family: "Crete Round", Georgia, "Times New Roman", serif;
  }

  .coffeeFinderResults .coffeeItems .coffeeItem {
    margin-right: 80px;
  }

  .coffeeFinderResults__header {
    padding-top: 30px;
  }

  .coffeeFinderResults__header h1 {
    margin: 0 0 36px;
  }
}
.coffeeFinderResults .moreResults .coffeeItem h5 {
  margin: 1px 0 14px;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.1em;
  overflow: hidden;
  max-height: 2.2em;
}

@media (min-width: 481px) {
  .coffeeFinderResults .moreResults .coffeeItem h5 {
    font-size: 1.4em;
  }
}
@media (min-width: 768px) {
  .coffeeFinderResults .moreResults .coffeeItem h5 {
    margin: 1px 0 14px;
    overflow: visible;
    max-height: none;
  }
}
.coffeeFinderResults .coffeeDetails {
  width: 100vw;
  display: none;
  height: 290px;
  color: #fff;
  margin: 0;
  position: relative;
}

.coffeeFinderResults .coffeeDetails h1 {
  font-size: 20px;
  font-size: 2rem;
  margin: 15px 0 0;
}

.coffeeFinderResults .coffeeDetails h2 {
  font-size: 1.1em;
  margin-bottom: 32px;
}

.coffeeFinderResults .coffeeDetails h1 + p {
  margin-top: 20px;
}

.coffeeFinderResults .coffeeDetails p {
  font-size: 14px;
  font-size: 1.4rem;
}

.coffeeFinderResults .coffeeDetails .button_cta.tertiary a,
.coffeeFinderResults .coffeeDetails .button_cta.tertiary a:visited,
.coffeeFinderResults .coffeeDetails a,
.coffeeFinderResults .coffeeDetails a:hover,
.coffeeFinderResults .coffeeDetails a:link,
.coffeeFinderResults .coffeeDetails a:visited {
  color: #fff;
}

.coffeeFinderResults .coffeeDetails .buyOptions .grid {
  margin: 0;
}

.coffeeFinderResults .coffeeDetails .buyOptions .column {
  padding: 0;
}

.coffeeFinderResults .coffeeDetails .buyOptions .column + .column {
  margin-top: 30px;
}

.coffeeFinderResults .coffeeDetails .buyOptions .button_wrap a,
.coffeeFinderResults .coffeeDetails .buyOptions p {
  font-size: 14px;
  font-size: 1.4rem;
}

.coffeeFinderResults .coffeeDetails .button_wrap {
  margin: 10px 0;
}

.coffeeFinderResults .coffeeDetails .button_cta.primary a,
.coffeeFinderResults .coffeeDetails .button_cta.primary a:link,
.coffeeFinderResults .coffeeDetails .button_cta.primary a:visited {
  background: #fff;
  border-color: #fff;
  color: #5a5753;
  font-size: 14px;
  font-size: 1.4rem;
}

.coffeeFinderResults .coffeeDetails .button_cta.primary a:active,
.coffeeFinderResults .coffeeDetails .button_cta.primary a:focus,
.coffeeFinderResults .coffeeDetails .button_cta.primary a:hover {
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
}

.coffeeFinderResults .coffeeDetails .button_cta.tertiary a {
  color: #fff;
  border-bottom: none;
  margin-bottom: 1em;
}

.coffeeFinderResults .coffeeDetails .grid {
  margin: 0 10px;
}

.coffeeFinderResults .coffeeDetails .marker {
  border: 12px solid transparent;
  border-bottom: 8px solid #5a5753;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 50%;
}

.coffeeFinderResults .coffeeDetails .drawer {
  margin-top: 19px;
  background-color: #5a5753;
  background-size: 70%;
  background-position: bottom right;
  background-repeat: no-repeat;
}

.coffeeFinderResults .coffeeDetails#blonde .drawer {
  background-color: #9a7b3a;
}

.coffeeFinderResults .coffeeDetails#blonde .marker {
  border-bottom-color: #9a7b3a;
}

.coffeeFinderResults .coffeeDetails#dark .drawer {
  background-color: #3d2a2c;
}

.coffeeFinderResults .coffeeDetails#dark .drawer .button_cta.primary a,
.coffeeFinderResults .coffeeDetails#dark .drawer .button_cta.primary a:visited {
  color: #3d2a2c;
}

.coffeeFinderResults .coffeeDetails#dark .marker {
  border-bottom-color: #3d2a2c;
}

.coffeeFinderResults .coffeeDetails#medium .drawer {
  background-color: #a2572b;
}

.coffeeFinderResults .coffeeDetails#medium .drawer .button_cta.primary a,
.coffeeFinderResults .coffeeDetails#medium .drawer .button_cta.primary a:visited {
  color: #a2572b;
}

.coffeeFinderResults .coffeeDetails#medium .marker {
  border-bottom-color: #a2572b;
}

.coffeeFinderResults .coffeeDetails#reserve .drawer {
  background-color: #242221;
}

.coffeeFinderResults .coffeeDetails#reserve .drawer .button_cta.primary a,
.coffeeFinderResults .coffeeDetails#reserve .drawer .button_cta.primary a:visited {
  color: #242221;
}

.coffeeFinderResults .coffeeDetails#reserve .marker {
  border-bottom-color: #242221;
}

@media (min-width: 768px) {
  .coffeeFinderResults .coffeeDetails .grid {
    margin: 0 20px;
  }

  .coffeeFinderResults .coffeeDetails .buyOptions .grid {
    margin-left: 20px;
  }

  .coffeeFinderResults .coffeeDetails .buyOptions .column {
    vertical-align: top;
  }
}
@media (min-width: 1024px) {
  .coffeeFinderResults .coffeeDetails .drawer {
    background-size: auto;
  }

  .coffeeFinderResults .coffeeDetails .buyOptions .column + .column {
    margin-top: 0;
  }
}
.ourCoffeeContainer,
.ourCoffeeContainer * {
  box-sizing: border-box;
}

.ourCoffeeContainer {
  color: #3d3a35;
  color: #3d3a35;
}

.ourCoffeeContainer .coffeeDetails {
  width: 100vw;
  color: #fff;
  margin: 0;
  position: relative;
}

.ourCoffeeContainer .coffeeDetails h1 {
  font-size: 20px;
  font-size: 2rem;
  margin: 15px 0 0;
}

.ourCoffeeContainer .coffeeDetails h2 {
  font-size: 1.1em;
  margin: 0 0 0.8em;
  font-weight: 700;
  text-transform: uppercase;
  word-spacing: 1px;
}

.ourCoffeeContainer .coffeeDetails a {
  color: #fff;
  color: white;
}

.ourCoffeeContainer .coffeeDetails h1 + p {
  margin-top: 20px;
}

.ourCoffeeContainer .coffeeDetails p {
  font-size: 14px;
  font-size: 1.4rem;
}

.ourCoffeeContainer .coffeeDetails .marker {
  border: 12px solid transparent;
  border-bottom: 8px solid #9a7b3a;
  width: 0;
  height: 0;
  position: absolute;
  top: -20px;
  left: 50%;
}

.ourCoffeeContainer .coffeeDetails .drawer {
  margin-top: 19px;
  background-color: #9a7b3a;
  background-size: 70%;
  background-position: bottom right;
  background-repeat: no-repeat;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

.ourCoffeeContainer .coffeeDetails .drawer .left {
  width: 38%;
  padding: 1%;
  display: inline-block;
}

.ourCoffeeContainer .coffeeDetails .drawer .right {
  width: 50%;
  padding: 5%;
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}

.ourCoffeeContainer .coffeeDetails .drawer .right h2 {
  margin-bottom: 32px;
  letter-spacing: 0.12em;
}

.ourCoffeeContainer__heroBanner {
  background-image: url("../../assets/images/our-coffees.jpg");
  background-size: 1000px;
  background-position: 40% 50%;
  height: 120px;
  background-color: #000;
  color: #fff;
}

.ourCoffeeContainer__heroBanner h1 {
  font-style: italic;
  font-size: 30px;
  padding-top: 20px;
  padding-bottom: 10px;
  letter-spacing: 0.03em;
  line-height: 1.16667;
}

.filters .coffeeFilters li ul li:before,
.filters .coffeeFilters li:before,
.filters p:after {
  font-family: "Global Icons";
  speak: none;
}

.filters p {
  margin-bottom: 15px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  padding: 15px 0 0;
}

.filters p:after {
  content: "⌄";
  float: right;
  margin-left: 5px;
}

.filters p.less:after {
  content: "⌃";
}

.filters p.more:after {
  content: "⌄";
}

.filters .coffeeFilters {
  padding: 0;
  margin: 0;
}

.filters .coffeeFilters li.less ul {
  max-height: 200px;
  display: block;
}

.filters .coffeeFilters li.more ul {
  max-height: 300px;
  padding-bottom: 0;
  margin-bottom: 15px;
  display: none;
}

.filters .coffeeFilters li.less:before {
  content: "⎯";
  float: right;
}

.filters .coffeeFilters li.more:before {
  content: "﹢";
  float: right;
}

.filters .coffeeFilters li:before {
  cursor: pointer;
  font-size: 0.9em;
}

.filters .coffeeFilters li {
  font-weight: 700;
  line-height: 2.4em;
  text-transform: uppercase;
  word-spacing: 1px;
  letter-spacing: 0.12em;
  display: inline-block;
  vertical-align: top;
  border-top: 1px solid #e5e5e5;
  padding: 5px 20px 0;
  margin-bottom: 0;
  width: 100%;
  box-sizing: border-box;
}

.filters .coffeeFilters li .all {
  display: block;
  font-weight: 400;
  margin-top: -4px;
  padding-bottom: 9px;
  font-size: 12px;
  color: #3d3935;
  line-height: 0.5em;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal;
  transition: all 1s ease-in;
}

.filters .coffeeFilters li ul,
.filters .coffeeFilters li ul li {
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal;
  font-weight: 400;
  padding: 0;
}

.filters .coffeeFilters li ul {
  overflow: visible;
  transition: max-height 0.1s ease;
  width: 100%;
  margin-right: 3.5em;
  min-width: 10em;
  margin-bottom: 20px;
}

.filters .coffeeFilters li ul li {
  margin: 0;
  float: left;
  width: 50%;
  display: block;
  border-top: none;
  vertical-align: auto;
}

.coffeeItem,
.coffee_results .coffeeBCrumbs,
.coffee_results .copy,
.coffee_results--resetButton {
  display: inline-block;
}

.filters .coffeeFilters li ul li.selected:before {
  content: "▣";
}

.filters .coffeeFilters li ul li:before {
  margin-right: 0.5em;
  content: "□";
}

.filters .coffeeFilters li ul li:focus {
  outline: 0;
}

.filters .coffeeFilters li ul li:focus:before {
  outline: auto;
}

.coffee_results {
  background-color: #f7f7f7;
  border-top: 3px solid #eee;
  border-top: 3px solid rgba(0, 0, 0, 0.05);
  padding-top: 10px;
}

.coffee_results .copy {
  font-family: "Crete Round", Georgia, "Times New Roman", serif;
  font-style: italic;
  margin-right: 15px;
  padding-bottom: 0;
  line-height: 20px;
  font-size: 16px;
}

.coffee_results .coffeeBCrumbs .breadCrumb {
  border-radius: 4px;
  margin-right: 12px;
  margin-bottom: 12px;
  display: inline-block;
  border: 1px solid #e5e5e5;
  padding: 1px 10px;
  background-color: #fff;
  cursor: pointer;
  color: #3d3a35;
  transition: all 1s ease-in;
}

.coffee_results .coffeeBCrumbs .breadCrumb:after {
  font-family: "Global Icons";
  speak: none;
  margin-left: 8px;
  font-size: 0.9em;
  content: "✕";
}

.coffee_results .coffeeBCrumbs .breadCrumb:hover {
  color: #3d3a35;
  background-color: #3d3935;
  background-color: rgba(61, 57, 53, 0.15);
}

.coffee_results--resetButton {
  background-color: #38322d;
  padding: 1px 20px;
  border-bottom: none;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  margin-bottom: 18px;
  letter-spacing: 0.1em;
  line-height: 28px;
  cursor: pointer;
  transition: background-color 125ms ease-in-out;
}

.coffee_results--resetButton:hover {
  background-color: #63615d;
}

.coffeeItems {
  position: relative;
  text-align: center;
  width: 100%;
  max-width: 1360px;
}

.coffeeItem {
  width: 280px;
  height: 520px;
  border: 1px solid #e5e5e5;
  padding: 30px;
  margin: 30px 0 0;
  vertical-align: top;
  background-color: #fff;
  text-align: left;
}

.coffeeItem a,
.coffeeItem a:hover {
  color: #3d3a35;
}

.no-js .coffeeItem {
  height: auto;
}

.coffeeItem .coffee_format {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.coffeeItem .type,
.coffee_results .coffeeItem .type {
  font-weight: 700;
  word-spacing: 1px;
  letter-spacing: 0.12em;
  margin: 14px 0 0;
  color: #777572;
}

.coffeeItem a.image_link {
  background-image: url("../../assets/images/loader.gif");
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  border-bottom: none;
}

.no-js .coffeeItem a.image_link {
  display: none;
}

.coffeeItem a img {
  min-height: 240px;
}

.coffee_results .coffeeItem a img {
  opacity: 0;
  transition: 1s ease-in;
}

.coffee_results .coffeeItem a img.active {
  opacity: 1;
}

.coffee_results .coffeeItem .type {
  text-transform: uppercase;
  line-height: 18px;
  line-height: 1.8rem;
  display: inline-block;
}

.coffeeItem .type {
  text-transform: uppercase;
}

.coffeeItem h5 {
  font-family: "Crete Round", Georgia, "Times New Roman", serif;
  margin: 1px 0 14px;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.1em;
  overflow: hidden;
  max-height: 2.2em;
}

.coffeeItem p {
  color: #777572;
  margin: 0 0 13px;
  font-size: 1em;
  line-height: 1.3em;
  overflow: hidden;
  max-height: 2.5em;
}

.coffeeItem .button_wrap {
  margin-top: 0;
}

.coffeeItem .minor a,
.coffeeItem .minor a:focus,
.coffeeItem .minor a:hover {
  border: none;
}

.coffeeItem .minor a:after {
  font-family: "Global Icons";
  speak: none;
  margin-left: 0.5em;
  font-size: 10px;
  font-size: 1rem;
}

.coffeeItem .minor a.more:after {
  content: "⌄";
}

.coffeeItem .minor a.less:after {
  content: "⌃";
}

@media (min-width: 481px) {
  .ourCoffeeContainer .coffeeDetails .drawer {
    background-size: 50%;
  }

  .ourCoffeeContainer__heroBanner {
    height: 170px;
    background-size: cover;
    background-position: 0 0;
  }

  .ourCoffeeContainer__heroBanner h1 {
    font-size: 42px;
    padding-top: 60px;
  }

  .filters p:after {
    float: none;
  }

  .filters .coffeeFilters {
    margin-bottom: 0;
  }

  .filters .coffeeFilters li {
    border-top: none;
    padding: 0;
    width: auto;
    line-height: 2.1em;
  }

  .filters .coffeeFilters li ul {
    margin-bottom: 15px;
    width: auto;
    display: block !important;
  }

  .filters .coffeeFilters li ul li {
    float: none;
    width: auto;
    cursor: pointer;
  }

  .filters .coffeeFilters li .all {
    display: none;
  }

  .filters .coffeeFilters li.less:before,
.filters .coffeeFilters li.more:before {
    content: "";
    cursor: default;
  }

  .coffee-results {
    padding-top: 22px;
  }

  .coffee-results .copy {
    font-size: 18px;
    padding-bottom: 0;
    line-height: 28px;
  }

  .coffeeItems {
    margin: -30px 0 90px;
    text-align: center;
  }

  .coffeeItem {
    height: 460px;
    margin: 50px 20px 0;
  }

  .coffeeItem h5 {
    font-size: 1.4em;
  }
}
.lightbox_close [data-icon],
.lightbox_mask {
  cursor: pointer;
}

@media (min-width: 768px) {
  .coffeeItem h5,
.filters .coffeeFilters li.more ul {
    overflow: visible;
  }

  .ourCoffeeContainer__heroBanner {
    height: 240px;
  }

  .ourCoffeeContainer__heroBanner h1 {
    font-size: 56px;
  }

  .filters p {
    font-size: 17px;
  }

  .filters .coffeeFilters li {
    margin-bottom: 0;
  }

  .coffee-results {
    padding-top: 35px;
  }

  .coffee-results .copy {
    font-size: 28px;
  }

  .coffeeItem {
    width: 350px;
    height: 490px;
    margin: 60px 30px 0;
  }

  .coffeeItem a img {
    max-height: 290px;
  }

  .coffeeItem h5 {
    margin: 1px 0 14px;
    max-height: none;
  }

  .coffeeItem .minor a:after {
    font-size: 10px;
    font-size: 1rem;
  }
}
.productContainer__bottomContent--blocks {
  position: relative;
  line-height: 1.1429;
  margin-left: -40px;
  display: block;
  clear: both;
  list-style: none;
}

.productContainer__bottomContent--blocks:after {
  display: block;
  clear: both;
  content: "";
}

.productContainer__bottomContent--blocks li {
  padding: 1.428571em 0 0 40px;
  width: 50%;
  margin-bottom: 0.714286em;
  float: left;
}

.productContainer__bottomContent--blocks li a {
  display: block;
}

.productContainer__bottomContent--blocks li a dt {
  text-align: center;
  position: relative;
}

.productContainer__bottomContent--blocks li a dt img {
  width: 100%;
}

.productContainer__bottomContent--blocks li a dd {
  margin: 0;
  padding: 0.25em 0 0;
}

.productContainer__bottomContent--blocks li a dd.type {
  margin-bottom: 0.2em;
  padding: 0.25em 0.4em;
  background: #000;
  color: #fff;
  font-size: 0.857143em;
  line-height: 1;
  text-transform: uppercase;
}

.productContainer__bottomContent--blocks li a dd.blonde {
  background: #e6a513;
}

.productContainer__bottomContent--blocks li a dd.dark {
  background: #7a003c;
}

.productContainer__bottomContent--blocks li a dd.medium {
  background: #b15b11;
}

.productContainer__bottomContent--blocks li a dd.multipleBrewMethods {
  color: #999;
  font-weight: 400;
  font-size: 0.928571em;
}

.productContainer__bottomContent--blocks li a:hover {
  background: 0 0;
}

.productContainer__bottomContent--blocks li a:hover dd span,
.productContainer__bottomContent--blocks li a:hover dd.type {
  background: #2a8a15;
}

.productContainer__bottomContent--reserve {
  background: #1e1e1e;
  padding: 1em 0 2em;
  margin-left: 0;
}

.productContainer__bottomContent--reserve h3 {
  color: #FFF;
  font-weight: 700;
}

.productContainer__bottomContent--reserve ol {
  list-style: none;
  margin: 0 0 0 -20px;
}

.productContainer__bottomContent--reserve ol li {
  padding: 0 0 0 20px;
}

.productContainer__bottomContent--reserve ol li a dl dt {
  text-align: left;
  padding-bottom: 3px;
}

.productContainer__bottomContent--reserve ol li a dl dt span {
  min-height: 49px;
  display: block;
  vertical-align: bottom;
}

.productContainer__bottomContent--reserve ol li a dl dd.family {
  border-top: 1px solid #baa67c;
  color: #fff;
}

.productContainer__bottomContent--reserve ol li a:hover dl dt span {
  color: #FFF;
  background-color: #2a8a15;
}

.productContainer__bottomContent--blocks,
.productContainer__bottomContent--blocks * {
  box-sizing: border-box;
}

.productContainer__bottomContent--blocks .coffeeItem {
  height: auto;
  border: none;
  display: block;
  vertical-align: bottom;
  margin: 0 0 0.714286em;
}

.productContainer__bottomContent--blocks .coffeeItem a img {
  min-height: auto;
}

.productContainer__bottomContent--blocks .coffeeItem a:active,
.productContainer__bottomContent--blocks .coffeeItem a:focus,
.productContainer__bottomContent--blocks .coffeeItem a:hover,
.productContainer__bottomContent--blocks .coffeeItem a:link,
.productContainer__bottomContent--blocks .coffeeItem a:visited {
  border-bottom: none;
}

.productContainer__bottomContent--reserve > .container {
  padding: 0;
}

@media (min-width: 320px) {
  .productContainer__bottomContent--blocks > li {
    clear: none;
  }

  .productContainer__bottomContent--blocks > li:nth-child(2n+1) {
    clear: left;
  }

  .productContainer__bottomContent--reserve ol li {
    clear: none;
  }

  .productContainer__bottomContent--reserve ol li:nth-child(2n+1) {
    clear: left;
  }
}
@media (min-width: 480px) {
  .productContainer__bottomContent--blocks > li,
.productContainer__bottomContent--reserve ol li {
    width: 33.333333%;
  }

  .productContainer__bottomContent--blocks > li:nth-child(2n+1) {
    clear: none;
  }

  .productContainer__bottomContent--blocks > li:nth-child(3n+1) {
    clear: left;
  }

  .productContainer__bottomContent--reserve ol li:nth-child(2n+1) {
    clear: none;
  }

  .productContainer__bottomContent--reserve ol li:nth-child(3n+1) {
    clear: left;
  }
}
@media (min-width: 600px) {
  .productContainer__bottomContent--blocks > li,
.productContainer__bottomContent--reserve ol li {
    width: 16.666667%;
  }

  .productContainer__bottomContent--blocks > li:nth-child(3n+1) {
    clear: none;
  }

  .productContainer__bottomContent--blocks > li:nth-child(6n+1) {
    clear: left;
  }

  .productContainer__bottomContent--reserve ol li:nth-child(3n+1) {
    clear: none;
  }

  .productContainer__bottomContent--reserve ol li:nth-child(6n+1) {
    clear: left;
  }
}
@media (min-width: 768px) {
  .productContainer__bottomContent--reserve ol {
    margin-left: -40px;
  }

  .productContainer__bottomContent--reserve ol li {
    padding-left: 40px;
  }
}
.productContainer * {
  box-sizing: border-box;
}

.productContainer__content--text {
  clear: both;
}

.productContainer__content img {
  float: left;
  margin: 0 22px 22px 0;
}

.productContainer__content .largeImage {
  float: none;
  display: block;
}

.productContainer__content .largeImage--text {
  clear: both;
  width: 100%;
  margin: 20px 0 3em;
}

.productContainer__content .largeImage--text p {
  line-height: 1.5;
}

.productContainer__content img.productContainer__content--reserve {
  float: none;
  margin: 0 0 2em;
  text-align: center;
  padding: 50px 4% 2%;
  background: url("../../assets/images/reservelogo.gif") 10px 10px no-repeat #1a1818;
}

.productContainer .pageTitleBlock {
  padding-top: 20px;
  padding-bottom: 20px;
}

.productContainer__rightNav--available {
  font-weight: 700;
  font-size: 1.3em;
}

.productContainer__rightNav--availableLarge {
  background: #1a1818;
  padding: 5% 12% 2% 5%;
  text-align: right;
  color: #FFF;
  font-weight: 400;
  margin: 2.25em 0 1em;
}

.productContainer__rightNav--category {
  margin: 0 0 1em;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.33333;
  text-transform: uppercase;
}

.productContainer__rightNav--category a {
  background: #1e1e1e;
  display: block;
  padding: 2px 7px;
  color: #fff;
}

.productContainer__rightNav--category a:hover {
  background: #2a8a15;
}

.productContainer__rightNav--categoryBlack a {
  background: #000;
}

.productContainer__rightNav--promo {
  margin-bottom: 4%;
}

.productContainer__rightNav--promo h3 {
  font-weight: 700;
  margin-bottom: 2%;
  width: 100%;
  float: left;
}

.productContainer__rightNav--promo img {
  float: left;
  width: 60%;
  margin-right: 4%;
  max-width: 100%;
}

.productContainer__rightNav--promo p {
  float: right;
  width: 36%;
  margin-bottom: 0;
}

.productContainer__rightNav--promo:after {
  display: block;
  clear: both;
  content: "";
}

.productContainer__rightNav--formats ul {
  list-style: none;
}

.productContainer__rightNav--formats ul li {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0;
  margin: 0;
  font-weight: 700;
}

.productContainer__rightNav--formats ul .currentFormat {
  background-color: #000;
  color: #fff;
  display: inline;
  padding: 0;
  margin: 0;
}

.productContainer__rightNav--details,
.productContainer__rightNav--find {
  padding: 16px 0 16px 4px;
  border-top: 1px dotted #666;
}

.productContainer__rightNav--find h3 {
  margin: 0 0 0.5em;
  font-weight: 700;
}

.productContainer__rightNav--find ul {
  list-style: none;
  margin-bottom: 0;
}

.productContainer__rightNav--find ul li {
  margin: 0;
}

.productContainer__rightNav--details {
  border-bottom: 1px dotted #666;
  color: #666;
}

.productContainer__rightNav--details p:first-child {
  margin: 10px 0 0;
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1;
}

.productContainer__rightNav--details p {
  margin: 0;
  font-weight: 700;
}

.productContainer__rightNav--details .productContainer_rightNav--details__headline,
.productContainer__rightNav--details__headline {
  margin: 10px 0 0;
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1;
}

.blonde .productContainer__rightNav--category a,
.productContainer__rightNav--category.blonde a,
a.blonde {
  background-color: #e6a513;
}

.medium .productContainer__rightNav--category a,
.productContainer__rightNav--category.medium a,
a.medium {
  background-color: #b15b11;
}

.dark .productContainer__rightNav--category a,
.productContainer__rightNav--category.dark a,
a.dark {
  background-color: #7a003c;
}

.productContainer__rightNav--category.seasonal-coffee a,
.seasonal-coffee .productContainer__rightNav--category a,
a.seasonal-coffee {
  background-color: #1e1e1e;
}

@media (min-width: 768px) {
  .productContainer__rightNav--promo h3 {
    margin-bottom: 4%;
  }

  .productContainer__rightNav--promo h3,
.productContainer__rightNav--promo img,
.productContainer__rightNav--promo p {
    width: 100%;
    margin-right: 0;
    float: none;
  }

  .productContainer__rightNav--promo img {
    width: auto;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .productContainer__content--reserve {
    width: 100%;
  }
}
.validation_summary {
  max-width: 100%;
  margin: 2em 0 3em;
  border-bottom: 14px solid #a7a7a7;
  font-size: 14px;
  line-height: 1.428571;
}

.validation_summary h2,
.validation_summary span {
  margin: 0;
  padding: 0.6em 0 0.5em;
  font-size: 20px;
  font-weight: 700;
}

.validation-summary-errors span:first-of-type {
  display: block;
}

.validation_summary p,
.validation_summary ul {
  margin: 0 0 0.5em;
}

.validation_summary a {
  color: inherit;
  font-weight: 700;
  text-decoration: none;
}

.validation_summary a:active,
.validation_summary a:focus,
.validation_summary a:hover {
  background: #ededed;
  background: #ededed;
  text-decoration: underline;
}

.validation_summary.error h2,
.validation_summary.error span,
.validation_summary.valid h2,
.validation_summary.valid span,
.validation_summary.warning h2,
.validation_summary.warning span {
  padding-left: 40px;
  background: url("../../assets/images/validation_summary.gif") 3px 14px no-repeat;
}

#store-no-js #h2nojs {
  padding-left: 40px;
  background: url("../../assets/images/validation_summary.gif") 3px 14px no-repeat;
  width: 370px;
  border: none;
  padding-top: 5px;
}

.validation_summary.error {
  border-color: #aa1e33;
}

.validation_summary.error h2,
.validation_summary.error span {
  color: #aa1e33;
}

.validation_summary.warning {
  border-color: #cd7429;
}

.validation_summary.warning h2,
.validation_summary.warning span {
  background-position: 3px -289px;
  color: #cd7429;
  color: #cd7429;
}

.validation_summary.valid {
  border-color: #6d953e;
}

.validation_summary.valid h2,
.validation_summary.valid span {
  background-position: 3px -586px;
  color: #6d953e;
  color: #6d953e;
}

@media (min-width: 480px) {
  .validation_summary {
    width: 356px;
  }

  .validation_summary.validation_xsmall {
    width: 200px;
  }

  .validation_summary.validation_small {
    width: 290px;
  }

  .validation_summary.validation_large {
    width: 440px;
  }

  .validation_summary.validation_full {
    width: 99%;
  }
}
.validation_summary.margin {
  margin: 0 0 3em;
}

.lightbox_mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500001;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
}

.lightbox_layer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500002;
  width: 100%;
  height: 100%;
}

.lightbox_container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

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

.lightbox_content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1001;
}

.lightbox_close {
  position: absolute;
  bottom: 100%;
  right: 0;
  text-align: center;
}

.lightbox_close [data-icon]:before {
  font-size: 2em;
  line-height: 1;
  color: #1e1e1e;
}

.lightbox_close [data-icon]:before:hover {
  color: #2a8a15;
}

.video_container {
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.video_container .video_player,
.video_container .video_unavailable.dynamic {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: #1e1e1e;
}

.video_container .video_player:before,
.video_container .video_unavailable.dynamic:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.video_container .video_player img,
.video_container .video_player video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video_container .video_player object {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.video_container .video_unavailable.dynamic p {
  position: absolute;
  top: 0;
  left: 0;
  width: 85%;
  height: auto;
  background-color: #1e1e1e;
  margin: 2.5em 5% 1em 10%;
  color: #fff;
}

.lightbox_content_video {
  width: 90%;
  text-align: center;
}

@media (min-width: 480px) {
  .video_container .video_unavailable.dynamic p {
    font-size: 1.5em;
    margin-top: 3em;
  }
}
@media (min-width: 992px) {
  .lightbox_content_video {
    max-width: 960px;
  }
}
/*! YUI-Compressor */
@media (max-height: 599px) and (min-width: 600px) {
  .lightbox_content_video {
    width: 576px;
  }

  .lightbox_content_video .video_container {
    width: 576px;
    height: 370px;
  }

  .lightbox_content_video .video_container .video_player,
.lightbox_content_video .video_container .video_unavailable.dynamic {
    width: 576px;
    height: 324px;
  }
}
/*! YUI-Compressor */
@media (max-height: 599px) and (min-width: 720px) {
  .lightbox_content_video {
    width: 688px;
  }

  .lightbox_content_video .video_container {
    width: 688px;
    height: 433px;
  }

  .lightbox_content_video .video_container .video_player,
.lightbox_content_video .video_container .video_unavailable.dynamic {
    width: 688px;
    height: 387px;
  }
}
/*! YUI-Compressor */
@media (max-height: 479px) and (min-width: 480px) {
  .lightbox_content_video {
    width: 432px;
  }

  .lightbox_content_video .video_container {
    width: 432px;
    height: 289px;
  }

  .lightbox_content_video .video_container .video_player,
.lightbox_content_video .video_container .video_unavailable.dynamic {
    width: 432px;
    height: 243px;
  }
}
/*! YUI-Compressor */
@media (max-height: 319px) and (min-width: 360px) {
  .lightbox_content_video {
    width: 336px;
  }

  .lightbox_content_video .video_container {
    width: 336px;
    height: 235px;
  }

  .lightbox_content_video .video_container .video_player,
.lightbox_content_video .video_container .video_unavailable.dynamic {
    width: 336px;
    height: 189px;
  }
}
.sb_video_controls {
  display: none;
  position: relative;
  width: 100%;
  background: #1e1e1e;
}

.js .sb_video_controls {
  display: block;
}

.sb_video_controls .left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 3.25em;
  height: 3.25em;
}

.sb_video_controls .right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  height: 3.25em;
}

.sb_video_controls.num_controls_4 .right {
  width: 10em;
}

.sb_video_controls.num_controls_3 .right {
  width: 7.5em;
}

.sb_video_controls.num_controls_2 .right {
  width: 6.5em;
}

.sb_video_controls.num_controls_1 .right {
  width: 3.25em;
}

.sb_video_controls.num_controls_0 .right {
  width: 0;
}

.sb_video_controls .btn,
.sb_video_controls .volume {
  position: relative;
  width: 3.25em;
  height: 3.25em;
  text-align: center;
  padding: 0;
}

.sb_video_controls .cc,
.sb_video_controls .exit_fullscreen,
.sb_video_controls .fullscreen,
.sb_video_controls .mute,
.sb_video_controls .transcript,
.sb_video_controls .unmute,
.sb_video_controls .volume {
  float: left;
}

.sb_video_controls.num_controls_3 .btn.cc,
.sb_video_controls.num_controls_3 .btn.exit_fullscreen,
.sb_video_controls.num_controls_3 .btn.fullscreen,
.sb_video_controls.num_controls_3 .btn.mute,
.sb_video_controls.num_controls_3 .btn.transcript,
.sb_video_controls.num_controls_3 .btn.unmute,
.sb_video_controls.num_controls_3 .volume,
.sb_video_controls.num_controls_4 .btn.cc,
.sb_video_controls.num_controls_4 .btn.exit_fullscreen,
.sb_video_controls.num_controls_4 .btn.fullscreen,
.sb_video_controls.num_controls_4 .btn.mute,
.sb_video_controls.num_controls_4 .btn.transcript,
.sb_video_controls.num_controls_4 .btn.unmute,
.sb_video_controls.num_controls_4 .volume {
  width: 2.5em;
}

.play_overlay,
.sb_video_controls .cc,
.sb_video_controls .exit_fullscreen,
.sb_video_controls .fullscreen,
.sb_video_controls .mute,
.sb_video_controls .pause,
.sb_video_controls .transcript,
.sb_video_controls .volume {
  display: none;
}

.sb_video_controls [data-icon] {
  line-height: 3.25em;
  cursor: pointer;
}

.sb_video_controls [data-icon]:before {
  font-size: 1.5em;
  color: #969696;
}

.sb_video_controls [data-icon]:hover:before {
  color: #bfbfbf;
}

.sb_video_controls .volume {
  position: relative;
}

.sb_video_controls .volume_adjust {
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 28px;
  height: 125px;
  margin-left: -14px;
  background: #1e1e1e;
  background: rgba(30, 30, 30, 0.9);
}

.sb_video_controls .volume_adjust .btn {
  width: 28px;
  height: 28px;
}

.sb_video_controls .volume_adjust [data-icon] {
  line-height: 28px;
}

.sb_video_controls .volume_adjust [data-icon]:before {
  font-size: 1em;
}

.sb_video_controls .volume_adjust .track_position {
  position: relative;
  width: 28px;
  height: 69px;
  padding: 28px 0 28px 13px;
}

.sb_video_controls .volume_adjust .minus,
.sb_video_controls .volume_adjust .plus {
  position: absolute;
  left: 0;
  top: 0;
}

.sb_video_controls .volume_adjust .minus {
  top: auto;
  bottom: 0;
}

.sb_video_controls .seek {
  position: relative;
  z-index: 1;
  height: 3.25em;
  padding-right: 1em;
  padding-left: 3.25em;
}

.sb_video_controls.num_controls_4 .seek {
  padding-right: 10em;
}

.sb_video_controls.num_controls_3 .seek {
  padding-right: 7.5em;
}

.sb_video_controls.num_controls_2 .seek {
  padding-right: 6.5em;
}

.sb_video_controls.num_controls_1 .seek {
  padding-right: 3.25em;
}

.sb_video_controls.num_controls_0 .seek {
  padding-right: 1em;
}

.sb_video_controls .seek .track_position {
  position: relative;
  height: 3.25em;
  padding: 1.625em 3.25em 0;
}

.sb_video_controls .current_time,
.sb_video_controls .total_time {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.25em;
  height: 3.25em;
  line-height: 3.25em;
  color: #bfbfbf;
  font-size: 0.785714;
  text-align: left;
}

.sb_video_controls .total_time {
  left: auto;
  right: 0;
  color: #969696;
  text-align: right;
}

@media (min-width: 480px) {
  .sb_video_controls .seek .track {
    display: block;
  }

  .sb_video_controls .num_controls_3 .btn.cc,
.sb_video_controls .num_controls_3 .btn.exit_fullscreen,
.sb_video_controls .num_controls_3 .btn.fullscreen,
.sb_video_controls .num_controls_3 .btn.mute,
.sb_video_controls .num_controls_3 .btn.transcript,
.sb_video_controls .num_controls_3 .btn.unmute,
.sb_video_controls .num_controls_3 .volume,
.sb_video_controls .num_controls_4 .btn.cc,
.sb_video_controls .num_controls_4 .btn.exit_fullscreen,
.sb_video_controls .num_controls_4 .btn.fullscreen,
.sb_video_controls .num_controls_4 .btn.mute,
.sb_video_controls .num_controls_4 .btn.transcript,
.sb_video_controls .num_controls_4 .btn.unmute,
.sb_video_controls .num_controls_4 .volume {
    width: 3.25em;
  }
}
.sb_video_controls .noUi-target,
.sb_video_controls .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  box-sizing: border-box;
}

.sb_video_controls .noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  background: #8e8e8e;
  background-clip: padding-box;
}

.sb_video_controls .noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  background: #ccc;
}

.sb_video_controls .noUi-handle {
  position: relative;
  z-index: 1;
}

.sb_video_controls .noUi-stacking .noUi-handle {
  z-index: 10;
}

.sb_video_controls .noUi-stacking + .noUi-origin {
  z-index: -1;
}

.sb_video_controls .noUi-state-tap .noUi-origin {
  transition: left 0.3s, top 0.3s;
}

.sb_video_controls .noUi-state-drag * {
  cursor: inherit !important;
}

.sb_video_controls .seek_slider.noUi-horizontal {
  position: relative;
}

.sb_video_controls .seek_slider.noUi-horizontal .noUi-handle {
  left: 0;
  top: -8px;
  width: 8px;
  height: 16px;
  margin-left: -4px;
}

.sb_video_controls .seek_slider .noUi-base {
  position: relative;
  top: -7px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  height: 14px;
}

.sb_video_controls .seek_slider .noUi-origin {
  height: 2px;
}

.sb_video_controls .noUi-horizontal.noUi-extended {
  padding: 0 15px;
}

.sb_video_controls .noUi-horizontal.noUi-extended .noUi-origin {
  right: -15px;
}

.sb_video_controls .volume_slider.noUi-vertical {
  width: 2px;
  height: 100%;
}

.sb_video_controls .volume_slider.noUi-vertical .noUi-handle {
  left: -6px;
  top: -3px;
  width: 14px;
  height: 6px;
}

.sb_video_controls .noUi-vertical.noUi-extended {
  padding: 15px 0;
}

.sb_video_controls .noUi-vertical.noUi-extended .noUi-origin {
  bottom: -15px;
}

.sb_video_controls .volume_slider .noUi-base {
  background: #ccc;
}

.sb_video_controls .noUi-background {
  transition-property: left, top;
  transition-duration: 0.25s;
  transition-timing-function: linear;
}

.sb_video_controls .volume_slider .noUi-origin {
  background: #8e8e8e;
}

.sb_video_controls .pause_animation .noUi-background {
  transition: none;
}

.sb_video_controls .noUi-connect {
  transition: background 450ms;
}

.sb_video_controls .noUi-handle {
  background: #666;
  border-radius: 3px;
}

.sb_video_controls .noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.sb_video_controls [disabled] .noUi-connect,
.sb_video_controls [disabled].noUi-connect {
  background: #B8B8B8;
}

.sb_video_controls [disabled] .noUi-handle {
  cursor: not-allowed;
}

.sb_video_controls .noUi-state-blocked .noUi-connect,
.sb_video_controls .noUi-state-blocked.noUi-connect {
  background: #4FDACF;
}

.video_container .long_description {
  margin-top: 1.71429em;
}

a.video_text_link span.text {
  border-bottom: 1px dotted;
}

a.video_text_link:after {
  content: "˃";
  font-family: "Global Icons";
  padding-left: 0.357143em;
}

a.video_image_link {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

a.video_image_link:active,
a.video_image_link:focus,
a.video_image_link:hover,
a.video_image_link:visited {
  background-color: #382f2d;
  background-color: rgba(56, 47, 45, 0.1);
  color: #382f2d;
}

a.video_image_link:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: url("../../assets/images/play_button.png") center center no-repeat;
  opacity: 0.75;
}

a.video_image_link:focus:before,
a.video_image_link:hover:before {
  opacity: 1;
}

.svg a.video_image_link:before {
  background-image: url("../../assets/images/play_button.svg");
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  a.video_image_link:before {
    background-image: url("../../assets/images/play_button-hirez.png");
    background-size: 64px 64px;
  }

  .svg a.video_image_link:before {
    background-image: url("../../assets/images/play_button-hirez.svg");
    background-size: 64px 64px;
  }
}
.video_stripe video {
  display: none;
}

@media (min-width: 768px) {
  .video_stripe {
    position: relative;
    overflow: hidden;
  }

  .video_stripe video {
    background-color: transparent;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    transition: opacity 3s cubic-bezier(1, 0.005, 0.84, -0.015);
  }

  .video_stripe video.active {
    opacity: 1;
  }
}
body.error .header_container {
  background-color: #FFF;
  padding-top: 0;
}

body.error .header_container:after {
  background-color: #fff;
}

body.error .errorContainer {
  width: 66.6%;
  margin: 0;
}

.video__subTitle,
.video__title {
  font-weight: 700;
  letter-spacing: 0.12em;
  margin: 5px 0 25px;
}

@media (min-width: 600px) {
  body.error {
    background-color: none;
    background-image: url("../../assets/images/container.png");
    background-repeat: no-repeat;
    background-position: 160% 159px;
  }
}
@media (min-width: 769px) {
  body.error {
    background-position: 90% 159px;
  }
}
.video {
  color: #3d3a35;
}

.container--video,
.container--videoCaption,
.container--videoTitle {
  padding-left: 0;
  padding-right: 0;
}

.video__title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
}

.video__subTitle {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 0.94444;
}

.video__caption {
  margin: 25px 0 35px;
}

.shaded .video--howToBrew .container--videoTitle,
.video--howToBrew .container--videoTitle {
  padding-top: 25px;
}

.video--howToBrew .container--video {
  padding: 0 0 20px;
}

.video--howToBrew .container--video .column {
  padding: 0;
  text-align: center;
}

.video--howToBrew .container--videoCaption {
  padding-top: 20px;
  padding-bottom: 30px;
  text-align: center;
}

@media (min-width: 481px) {
  .video--howToBrew .container--video {
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .video--howToBrew .container--video .column {
    padding: 0;
  }

  .video--howToBrew .container--video img {
    width: 720px;
  }
}
@media (min-width: 768px) {
  .video__subTitle,
.video__title {
    margin: 25px 0 35px;
  }

  .video--howToBrew .container--video {
    padding-top: 60px;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .video--howToBrew .container--video img {
    width: 100%;
  }
}
@media (min-width: 919px) {
  .video--howToBrew .container--video img {
    max-width: 1060px;
  }
}
.popupwindow,
.popupwindow_maincontent_image {
  max-width: 360px;
}

@media (min-width: 960px) {
  .video--howToBrew .container--videoTitle .column {
    padding-left: 0;
  }
}
@media (min-width: 1500px) {
  .video--howToBrew .container--video {
    border-width: 1px;
  }
}
.popupwindow {
  position: fixed;
  top: 30%;
  right: 0;
  background-color: #fff;
  background-color: white;
  border: 2px solid #ededed;
  border: 2px solid #ededed;
  z-index: 100;
  display: none;
}

.popupwindow_closelink {
  position: absolute;
  top: 7px;
  right: 7px;
  color: #000 !important;
}

.popupwindow_closelink:hover {
  background-color: transparent;
}

.popupwindow_maincontent_text {
  max-width: 300px;
  margin: 10px auto 0;
  text-align: center;
}

.popupwindow_maincontent_button {
  margin: 15px 15%;
  padding: 10px;
  background-color: #006341;
  background-color: #006341;
  color: #fff !important;
  display: block;
  text-align: center;
  white-space: nowrap;
  border-radius: 10px;
  text-transform: uppercase;
}

.shaded {
  background-color: #f7f7f7;
}

.shaded .container {
  background: #fff;
}

.shaded .heroBanner--howToBrew .container {
  background: 0 0;
}

.shaded .howToBrewContainer--content .container {
  padding-top: 25px;
}

.shaded .howToBrewContainer--video .container {
  padding: 0 0 20px;
}

.document,
.pdf {
  padding: 0.2em 0.25em 0.2em 30px;
  background-repeat: no-repeat;
  background-position: 3px 50%;
}

.document {
  background-image: url("../../assets/images/icon_document.gif");
}

.pdf {
  background-image: url("../../assets/images/icon_pdf.gif");
}

.document span,
.pdf span {
  color: #53534a;
}

@media (min-width: 481px) {
  .shaded .container {
    max-width: 720px;
  }

  .shaded .howToBrewContainer--video .container {
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .shaded .howToBrewContainer--video .container .column {
    padding: 0;
  }

  .shaded .howToBrewContainer--video .container img {
    width: 720px;
  }
}
@media (min-width: 768px) {
  .shaded .howToBrewContainer--video .container {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .shaded .howToBrewContainer--video .container img {
    width: 100%;
  }

  .shaded .container {
    max-width: 97%;
    padding: 0 6px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
}
@media (min-width: 960px) {
  .shaded .container {
    max-width: 1280px;
  }
}
.screenReader {
  position: absolute;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
}

.screenReader:active,
.screenReader:focus {
  position: static;
  overflow: visible;
  clip: auto;
  margin: 0;
  width: auto;
  height: auto;
}

.hidden {
  display: none;
}

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

.hidden_visually:active,
.hidden_visually:focus {
  position: static;
  overflow: visible;
  clip: auto;
  margin: 0;
  width: auto;
  height: auto;
}

@media (min-width: 481px) {
  .sm_render_visually {
    position: static;
    overflow: visible;
    clip: auto;
    margin: 0;
    width: auto;
    height: auto;
  }
}
@media (min-width: 768px) {
  .med_render_visually {
    position: static;
    overflow: visible;
    clip: auto;
    margin: 0;
    width: auto;
    height: auto;
  }
}
@media (min-width: 1024px) {
  .lg_render_visually {
    position: static;
    overflow: visible;
    clip: auto;
    margin: 0;
    width: auto;
    height: auto;
  }
}
@media (min-width: 1280px) {
  .xl_render_visually {
    position: static;
    overflow: visible;
    clip: auto;
    margin: 0;
    width: auto;
    height: auto;
  }
}
.js .hidden_from_js,
.no-js .hidden_from_no-js {
  display: none !important;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

.float--right {
  float: right !important;
}

.float--left {
  float: left !important;
}

.float--none {
  float: none !important;
}

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

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

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

.weight--light {
  font-weight: 300 !important;
}

.weight--normal {
  font-weight: 400 !important;
}

.weight--semibold {
  font-weight: 600 !important;
}

.store-locator {
  padding: 0;
}

.map-container {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .map-container {
    flex-direction: column-reverse;
    height: auto;
  }
}

.map-sidebar {
  width: 400px;
  background: #fff;
  font-family: Lato, Helvetica, Arial, sans-serif;
}
.map-sidebar * {
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .map-sidebar {
    width: 100%;
  }
}
.map-sidebar .filter-form {
  padding: 12px 12px 0;
  box-sizing: border-box;
  margin-top: 3px;
  background: #f0f0f0;
}
.map-sidebar .filter-form input[type=text] {
  background: #fff;
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 40px;
  margin-bottom: 12px;
}
.map-sidebar .filter-form button {
  background: #212f3d;
  color: #fff;
  text-transform: uppercase;
  width: 75px;
  height: 35px;
  margin-bottom: 12px;
}
.map-sidebar .filter-form ul {
  padding-left: 0;
  list-style: none;
}
.map-sidebar .filter-form ul li {
  display: flex;
  align-items: center;
}
.map-sidebar .filter-form ul li label {
  margin-bottom: 0;
}
.map-sidebar .filter-form ul li input {
  margin-bottom: 0;
  margin-right: 12px;
}
.map-sidebar .result-list {
  padding: 12px 0;
  background: #fff;
  margin-bottom: 0;
  box-sizing: border-box;
  overflow: auto;
  transition: all 0.2s ease;
  scroll-behavior: auto;
}
.map-sidebar .result-list .zoom-out {
  display: none;
}
.map-sidebar .result-list.detail-actived > li {
  display: none;
}
.map-sidebar .result-list.detail-actived > li.active {
  display: block;
  background: none;
}
.map-sidebar .result-list .open-hours li {
  display: flex;
}
.map-sidebar .result-list .open-hours li * {
  flex: 1;
}
.map-sidebar .result-list > li {
  padding: 6px 12px;
  margin-bottom: 0;
  box-sizing: border-box;
}
.map-sidebar .result-list > li.highlight {
  background: #ddd;
}
.map-sidebar .result-list > li > p {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}
.map-sidebar .result-list > li .shoptitle {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 16px;
  cursor: pointer;
}
.map-sidebar .result-list p {
  margin-bottom: 0;
}
.map-sidebar .result-list .shoptitle {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  cursor: pointer;
}
.map-sidebar .result-list .address {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.map-sidebar .result-list .address img {
  width: 14px;
  transform: translateY(3px);
}
.map-sidebar .result-list .address p {
  width: calc(100% - 20px);
}
.map-sidebar .result-list .info-list {
  margin-top: 12px;
}
.map-sidebar .result-list ul {
  padding-left: 0;
}
.map-sidebar .result-list .direction a {
  display: flex;
  align-items: center;
}
.map-sidebar .result-list .direction a svg {
  margin-right: 6px;
}
.map-sidebar .result-list a {
  background: none;
  color: #333;
}
.map-sidebar .result-list a:hover {
  color: #2a8a15 !important;
}
.map-sidebar .result-list .list-detail {
  transition: all 0.3s ease;
  overflow: hidden;
  box-sizing: border-box;
}
.map-sidebar .result-list .list-detail.un-active {
  height: 0 !important;
}
.map-sidebar .filter-container {
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
.map-sidebar .filter-container li {
  align-items: center;
}
.map-sidebar .filter-container li img {
  width: 22px;
  margin-right: 6px;
}
.map-sidebar .filter-container li label {
  display: flex;
  align-items: center;
}
.map-sidebar .filter-container.active {
  height: 280px;
}
.map-sidebar .detail {
  display: none;
  padding: 16px;
}
.map-sidebar .detail.active {
  display: block;
}
.map-sidebar hr {
  margin: 16px 0;
  border-top: 1px solid #efefef;
  width: 100%;
}

.map-area {
  width: calc(100% - 400px);
  margin-top: 3px;
}
@media screen and (max-width: 767px) {
  .map-area {
    width: 100%;
  }
}
.map-area #store-map {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .map-area #store-map {
    height: 500px;
  }
}

.store_locator .location-marker {
  width: 14px;
  margin-right: 11px;
}
@media screen and (max-width: 767px) {
  .store_locator .location-marker {
    width: 16px;
    margin-right: 15px;
    transform: translateY(9px);
  }
}

main {
  width: 100%;
  overflow-x: hidden;
}

@media screen and (max-width: 767px) {
  .nav_menu {
    height: 0;
  }
  .nav_menu.active {
    height: 149px;
  }
}
@media screen and (max-width: 767px) and (max-width: 740px) {
  .nav_menu.active {
    height: 146px;
  }
}
@media screen and (max-width: 767px) and (max-width: 706px) {
  .nav_menu.active {
    height: 145px;
  }
}
@media screen and (max-width: 767px) and (max-width: 694px) {
  .nav_menu.active {
    height: 144px;
  }
}
@media screen and (max-width: 767px) and (max-width: 683px) {
  .nav_menu.active {
    height: 140px;
  }
}
@media screen and (max-width: 767px) and (max-width: 683px) {
  .nav_menu.active {
    height: 140px;
  }
}
@media screen and (max-width: 767px) and (max-width: 639px) {
  .nav_menu.active {
    height: 135px;
  }
}
@media screen and (max-width: 767px) and (max-width: 583px) {
  .nav_menu.active {
    height: 130px;
  }
}
@media screen and (max-width: 767px) and (max-width: 528px) {
  .nav_menu.active {
    height: 125px;
  }
}
@media screen and (max-width: 767px) and (max-width: 479px) {
  .nav_menu.active {
    height: 250px;
  }
}
@media screen and (max-width: 767px) and (max-width: 465px) {
  .nav_menu.active {
    height: 245px;
  }
}
@media screen and (max-width: 767px) and (max-width: 449px) {
  .nav_menu.active {
    height: 240px;
  }
}
@media screen and (max-width: 767px) and (max-width: 431px) {
  .nav_menu.active {
    height: 235px;
  }
}
@media screen and (max-width: 767px) and (max-width: 415px) {
  .nav_menu.active {
    height: 230px;
  }
}
@media screen and (max-width: 767px) and (max-width: 398px) {
  .nav_menu.active {
    height: 225px;
  }
}
@media screen and (max-width: 767px) and (max-width: 381px) {
  .nav_menu.active {
    height: 220px;
  }
}
@media screen and (max-width: 767px) and (max-width: 365px) {
  .nav_menu.active {
    height: 215px;
  }
}
@media screen and (max-width: 767px) and (max-width: 348px) {
  .nav_menu.active {
    height: 210px;
  }
}
@media screen and (max-width: 767px) and (max-width: 331px) {
  .nav_menu.active {
    height: 205px;
  }
}
@media screen and (max-width: 767px) and (max-width: 331px) {
  .nav_menu.active {
    height: 205px;
  }
}
@media screen and (max-width: 767px) {
  .nav_menu ul {
    padding: 20px 0 !important;
  }
}
.footer_global .info_block h4 label::before {
  color: transparent;
}
.footer_global .info_block h4 label img {
  width: 10px;
}

@media (min-width: 480px) {
  .global_responsibility_report {
    height: 52px;
  }
}

.header_container {
  background: #f7f7f7 !important;
}

.faq-color {
  color: #fff !important;
}

.home .contentStripe__container .contentStripe__content .contentStripe__title {
  margin: 0 0 0.78em !important;
}

.coffee_quality .qualityimg {
  margin-bottom: 24px !important;
}

@media (max-width: 480px) {
  .coffee_press .brewLinksList .marker, .how_to_brew .brewLinksList .marker {
    top: 40px !important;
    left: 0 !important;
  }
}
.business_ethics_and_compliance .articleBlock__text {
  margin-top: 31px;
}

.drinks .articleBlock__summaryHeadline p, .coffee_formats .articleBlock__summaryHeadline p, .roast_spectrum .articleBlock__summaryHeadline p {
  margin-bottom: 0 !important;
}

/*.how_to_brew .marker, .coffee_press .marker {
  bottom: 0px;
  top: auto;
  left: 505.438px;
  display: list-item;
}

.pour-over .marker {
  bottom: 0px;
  top: auto;
  left: 613.141px;
  display: list-item;
}

.iced_pour-over .marker {
  bottom: 0px;
  top: auto;
  left: 720.844px;
  display: list-item;
}

.coffee_brewer .marker {
  bottom: 0px;
  top: auto;
  left: 828.547px;
  display: list-item;
}*/

@media screen and (max-width: 768px) and (min-width: 481px) {
  .marker {
    transform: translateY(-7px);
  }
}
@media screen and (max-width: 1024px) {
    .brewLinksList li.active .marker {
        bottom: -26px !important;
    }
}
@media screen and (max-width: 480px) {

    .brewLinksList li.active .marker {
        top: 30px !important;
        left: -10px !important;
    }
    /*.pour-over .marker {
    top: 115px !important;
    left: 0 !important;
  }

  .iced_pour-over .marker {
    top: 184px !important;
    left: 0 !important;
  }

  .coffee_brewer .marker {
    top: 257px !important;
    left: 0 !important;
  }*/
}
.espresso .main .container .grid .column .breadcrumb {
  margin-top: 4.8em !important;
}

.store-locator {
  padding: 0;
}

.map-container {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .map-container {
    flex-direction: column-reverse;
    height: auto;
  }
}

.map-sidebar {
  width: 400px;
  background: #fff;
  font-family: Lato, Helvetica, Arial, sans-serif;
}
.map-sidebar * {
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .map-sidebar {
    width: 100%;
  }
}
.map-sidebar .filter-form {
  padding: 12px 12px 0;
  box-sizing: border-box;
  margin-top: 3px;
  background: #f0f0f0;
}
.map-sidebar .filter-form input[type=text] {
  background: #fff;
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 40px;
  margin-bottom: 12px;
}
.map-sidebar .filter-form button {
  background: #212f3d;
  color: #fff;
  text-transform: uppercase;
  width: 75px;
  height: 35px;
  margin-bottom: 12px;
}
.map-sidebar .filter-form ul {
  padding-left: 0;
  list-style: none;
}
.map-sidebar .filter-form ul li {
  display: flex;
  align-items: center;
}
.map-sidebar .filter-form ul li label {
  margin-bottom: 0;
}
.map-sidebar .filter-form ul li input {
  margin-bottom: 0;
  margin-right: 12px;
}
.map-sidebar .result-list {
  padding: 12px 0;
  background: #fff;
  margin-bottom: 0;
  box-sizing: border-box;
  overflow: auto;
  transition: all 0.2s ease;
  scroll-behavior: auto;
}
.map-sidebar .result-list .zoom-out {
  display: none;
}
.map-sidebar .result-list.detail-actived > li {
  display: none;
}
.map-sidebar .result-list.detail-actived > li.active {
  display: block;
  background: none;
}
.map-sidebar .result-list .open-hours li {
  display: flex;
}
.map-sidebar .result-list .open-hours li * {
  flex: 1;
}
.map-sidebar .result-list > li {
  padding: 6px 12px;
  margin-bottom: 0;
  box-sizing: border-box;
}
.map-sidebar .result-list > li.highlight {
  background: #ddd;
}
.map-sidebar .result-list > li > p {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}
.map-sidebar .result-list > li .shoptitle {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 16px;
  cursor: pointer;
}
.map-sidebar .result-list p {
  margin-bottom: 0;
}
.map-sidebar .result-list .shoptitle {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  cursor: pointer;
}
.map-sidebar .result-list .address {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.map-sidebar .result-list .address img {
  width: 14px;
  transform: translateY(3px);
}
.map-sidebar .result-list .address p {
  width: calc(100% - 20px);
}
.map-sidebar .result-list .info-list {
  margin-top: 12px;
}
.map-sidebar .result-list ul {
  padding-left: 0;
}
.map-sidebar .result-list .direction a {
  display: flex;
  align-items: center;
}
.map-sidebar .result-list .direction a svg {
  margin-right: 6px;
}
.map-sidebar .result-list a {
  background: none;
  color: #333;
}
.map-sidebar .result-list a:hover {
  color: #2a8a15 !important;
}
.map-sidebar .result-list .list-detail {
  transition: all 0.3s ease;
  overflow: hidden;
  box-sizing: border-box;
}
.map-sidebar .result-list .list-detail.un-active {
  height: 0 !important;
}
.map-sidebar .filter-container {
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
.map-sidebar .filter-container li {
  align-items: center;
}
.map-sidebar .filter-container li img {
  width: 22px;
  margin-right: 6px;
}
.map-sidebar .filter-container li label {
  display: flex;
  align-items: center;
}
.map-sidebar .filter-container.active {
  height: 280px;
}
.map-sidebar .detail {
  display: none;
  padding: 16px;
}
.map-sidebar .detail.active {
  display: block;
}
.map-sidebar hr {
  margin: 16px 0;
  border-top: 1px solid #efefef;
  width: 100%;
}

.map-area {
  width: calc(100% - 400px);
  margin-top: 3px;
}
@media screen and (max-width: 767px) {
  .map-area {
    width: 100%;
  }
}
.map-area #store-map {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .map-area #store-map {
    height: 500px;
  }
}

@media (min-width: 768px) {
    .footer_global {
        background-image: url(/assets/images/wordmark_footer_tcm89-397.png);
    }
}

.coffee .brewLinksList__item {
    height: 0 !important;
   
}

@media (max-width: 554px){
    .coffee .brewLinksList__item{
        min-height:70px!important;
    }
}

.w100 {
    width: 100% !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mt24 {
    margin-top: 24px !important;
}

.rte-underline {
    text-decoration: underline !important;
}

.rte-center {
    text-align: center !important;
}

.rte-left {
    text-align: left !important;
}

.rte-right {
    text-align: right !important;
}